/* LegisConnect design v2: presentation only; preserve layouts and application behavior. */
/* Neutral readable header overrides older conflicting !important styles. */
html body .lc-shell header.app-header.lc-topbar {
  background:#f8fbff !important; background-image:none !important;
  color:#142e4c !important; border-bottom:2px solid #d4ae4d !important;
  box-shadow:0 4px 18px rgba(10,36,68,.10) !important;
  height:auto !important; min-height:74px !important; overflow:visible !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  gap:12px !important; flex-wrap:wrap !important;
}
html body .lc-shell .lc-topbar .header-title h1{color:#102f52 !important;text-shadow:none !important;line-height:1.2 !important;overflow-wrap:anywhere}
html body .lc-shell .lc-topbar .header-title small{color:#315a80 !important;text-shadow:none !important;line-height:1.3 !important}
html[data-theme=dark] body .lc-shell header.app-header.lc-topbar {background:#102236 !important;color:#f6f9ff !important;border-color:#b89339 !important}
html[data-theme=dark] body .lc-shell .lc-topbar .header-title h1{color:#fff !important}
html[data-theme=dark] body .lc-shell .lc-topbar .header-title small{color:#d4e5f7 !important}
.lc-shell .lc-sidebar{background:linear-gradient(180deg,rgba(4,29,58,.96),rgba(5,40,75,.96)),url('../images/legis-design/municipal-grounds.jpg') center/cover no-repeat !important}
.lc-shell .lc-sidebar .brand{background:rgba(3,25,49,.42);border-bottom:1px solid rgba(255,255,255,.18)}
.lc-shell .lc-sidebar .mark-logo img{border:2px solid #e8bf56;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.lc-shell .lc-sidebar .lc-nav a{border-radius:10px;transition:background .18s ease}
.lc-shell .lc-sidebar .lc-nav a:hover{background:rgba(73,143,217,.28)}
.lc-shell .lc-sidebar .nav-section{color:#f0cb72}
/* Use photos in separate locations; avoid applying backgrounds to forms, tables or data. */
.lc-shell .municipal-dashboard-hero.v5-hero{background:linear-gradient(90deg,rgba(5,29,61,.92),rgba(6,44,85,.68)),url('../images/legis-design/municipal-hall.jpg') center/cover no-repeat !important;color:#fff !important}
.lc-shell .municipal-dashboard-hero.v5-hero h2,.lc-shell .municipal-dashboard-hero.v5-hero p,.lc-shell .municipal-dashboard-hero.v5-hero .dashboard-kicker{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.lc-shell .lc-card,.lc-shell .content .card{border-radius:14px}
.lc-shell .lc-topbar .header-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 240px}
.lc-shell .lc-topbar .header-title{min-width:0;flex:1 1 auto}
.lc-shell .lc-topbar .header-actions{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}
.lc-shell .lc-topbar .quick-search{min-width:0 !important;max-width:min(330px,29vw)}
.lc-shell .lc-topbar .quick-search input{min-width:0 !important}
.lc-shell .lc-topbar .theme-access{display:inline-flex !important;align-items:center;justify-content:center;gap:5px;min-width:76px;min-height:40px;white-space:nowrap;border:1px solid #c5d5e5;border-radius:11px;background:#eaf2fa;color:#10375d;font-weight:750;cursor:pointer;padding:6px 10px}
html[data-theme=dark] .lc-shell .lc-topbar .theme-access{background:#223a53;color:#fff;border-color:#4d6780}
.lc-shell .lc-topbar .top-popover{z-index:1200}
.lc-shell .content{min-width:0;max-width:100%;overflow-wrap:break-word}
.lc-shell .content img{max-width:100%;height:auto}
/* Dedicated optional visual backgrounds; available for future module-specific banners. */
.lc-photo-welcome{background-image:linear-gradient(90deg,rgba(7,36,68,.82),rgba(7,36,68,.25)),url('../images/legis-design/welcome-marihatag.jpg')}
.lc-photo-island{background-image:linear-gradient(90deg,rgba(7,36,68,.82),rgba(7,36,68,.25)),url('../images/legis-design/island.jpg')}
.lc-photo-government{background-image:linear-gradient(90deg,rgba(7,36,68,.82),rgba(7,36,68,.25)),url('../images/legis-design/government-banner.jpg')}
.lc-photo-grounds{background-image:linear-gradient(90deg,rgba(7,36,68,.82),rgba(7,36,68,.25)),url('../images/legis-design/municipal-grounds.jpg')}
@media(min-width:901px) and (max-width:1250px){
 .lc-shell .lc-topbar .quick-search{max-width:230px;min-width:0 !important}
 .lc-shell .lc-topbar .profile-chip div{max-width:105px}
 .lc-shell .lc-topbar .header-title h1{font-size:19px !important}
}
@media(max-width:900px){
 html body .lc-shell header.app-header.lc-topbar{padding:10px 12px !important;min-height:66px !important;flex-wrap:nowrap !important}
 .lc-shell .lc-topbar .header-main{flex:1 1 0;min-width:0}
 .lc-shell .lc-topbar .header-actions{flex:0 0 auto;flex-wrap:nowrap;gap:5px}
 .lc-shell .lc-topbar .theme-access{min-width:40px;padding:6px;font-size:0}
 .lc-shell .lc-topbar .theme-access span{font-size:18px}
 .lc-shell .lc-topbar .header-title h1{font-size:clamp(14px,3vw,19px) !important}
 .lc-shell .lc-topbar .header-title small{font-size:8px !important}
 .lc-shell .lc-topbar .top-popover{right:0;max-width:calc(100vw - 24px)}
}
@media(max-width:480px){
 .lc-shell .lc-topbar .header-title small{display:none !important}
 .lc-shell .lc-topbar .header-title h1{font-size:14px !important}
 .lc-shell .lc-topbar .back-button{padding:6px !important;min-width:38px}
 .lc-shell .lc-topbar .back-button span:last-child{display:none}
 .lc-shell .lc-topbar .profile-chip{width:42px !important;min-width:42px !important}
 .lc-shell .lc-topbar .theme-access{min-width:36px;min-height:38px}
}

/* v3: Three additional, separately placed original Marihatag photo banners. */
.lc-shell .content .lc-photo-banner{position:relative;isolation:isolate;display:flex;align-items:flex-end;box-sizing:border-box;min-height:118px;margin:0 0 18px;padding:18px 22px;border-radius:15px;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;box-shadow:0 5px 20px rgba(11,35,65,.12)}
.lc-shell .content .lc-photo-banner span{position:relative;z-index:1;color:#fff;font-size:clamp(18px,2vw,25px);font-weight:800;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.lc-shell .content .lc-banner-island{background-image:linear-gradient(90deg,rgba(3,26,56,.82),rgba(3,26,56,.2)),url('../images/legis-design/island.jpg')}
.lc-shell .content .lc-banner-welcome{background-image:linear-gradient(90deg,rgba(3,26,56,.82),rgba(3,26,56,.2)),url('../images/legis-design/welcome-marihatag.jpg')}
.lc-shell .content .lc-banner-government{background-image:linear-gradient(90deg,rgba(3,26,56,.82),rgba(3,26,56,.2)),url('../images/legis-design/government-banner.jpg')}
/* Keep the full header operable on narrow laptop widths and small phones. */
@media(min-width:901px) and (max-width:1180px){.lc-shell .lc-topbar .quick-search{max-width:180px}.lc-shell .lc-topbar .header-actions{gap:5px}.lc-shell .lc-topbar .header-title h1{font-size:17px!important}}
@media(max-width:700px){.lc-shell .content .lc-photo-banner{min-height:88px;padding:12px 15px;margin-bottom:12px}.lc-shell .lc-topbar .quick-search{display:none!important}.lc-shell .lc-topbar .header-actions{flex-shrink:0}.lc-shell .lc-topbar .header-title{overflow:hidden}.lc-shell .lc-topbar .header-title h1{overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}

/* v4 targeted fix: make dashboard photograph visible beneath the existing overlay. */
html body .lc-shell .municipal-dashboard-hero.v5-hero {
  background-image:linear-gradient(90deg,rgba(4,25,48,.55),rgba(6,40,74,.18)),url('../images/municipal-hall.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body .lc-shell .municipal-dashboard-hero.v5-hero .municipal-hero-overlay {
  background:linear-gradient(90deg,rgba(4,25,48,.42) 0%,rgba(5,34,61,.28) 52%,rgba(5,34,61,.08) 100%) !important;
  pointer-events:none;
}
html body .lc-shell .municipal-dashboard-hero.v5-hero .municipal-hero-content,
html body .lc-shell .municipal-dashboard-hero.v5-hero .hero-right-stack {position:relative;z-index:1}
@media(max-width:700px){
 html body .lc-shell .municipal-dashboard-hero.v5-hero{background-position:60% center !important}
 html body .lc-shell .municipal-dashboard-hero.v5-hero .municipal-hero-overlay{background:linear-gradient(90deg,rgba(4,25,48,.60),rgba(4,25,48,.25)) !important}
}