/* home.css v4 — command center homepage layout */
.home-main { padding-top: calc(var(--header-h) + 22px); position: relative; z-index: 2; }
.section-tight { margin-top: 16px; }

/* Hero */
.home-hero { display: grid; grid-template-columns: 1fr 1.1fr; gap: 24px; align-items: stretch; min-height: 500px; }
@media(max-width:980px){ .home-hero{ grid-template-columns:1fr; min-height:auto; } .home-hero-right{ order:-1; } }
.home-hero-left { position: relative; display: flex; flex-direction: column; justify-content: center; padding-right: 1rem; }
.hero-mission { display: inline-flex; align-items: center; gap: .5em; align-self: flex-start; padding: .42em .9em; border-radius: 999px; border: 1px solid rgba(240,160,48,.28); background: rgba(240,160,48,.07); font-family: var(--f-mono); font-size: .58rem; letter-spacing: .12em; text-transform: uppercase; color: var(--cc-amber-2); margin-bottom: 1.2rem; }
.home-hero-title { font-family: var(--f-display); font-weight: 800; font-size: clamp(2rem,4vw,3.6rem); line-height: 1; letter-spacing: -.02em; color: var(--cc-text); text-shadow: 0 2px 24px rgba(0,0,0,.8); }
.home-hero-title .amber { color: var(--cc-amber-2); }
.home-hero-sub { max-width: 42ch; color: var(--cc-text-2); font-size: .98rem; line-height: 1.65; margin-top: 1.1rem; }
.home-hero-actions { display: flex; gap: .85rem; margin-top: 1.5rem; flex-wrap: wrap; }
.home-metrics { display: flex; gap: 1.8rem; margin-top: 1.6rem; padding-top: 1.4rem; border-top: 1px solid rgba(64,128,172,.18); flex-wrap: wrap; }
.home-metric { display: flex; flex-direction: column; gap: .15em; }
.home-metric-val { font-family: var(--f-mono); font-size: 1.7rem; font-weight: 700; color: var(--cc-text); line-height: 1; }
.home-metric-lbl { font-family: var(--f-mono); font-size: .52rem; letter-spacing: .1em; text-transform: uppercase; color: var(--cc-text-3); }
.home-hero-bear { position: absolute; right: -40px; bottom: -30px; width: 55%; max-width: 420px; pointer-events: none; z-index: -1; }
.home-hero-bear img { width: 100%; filter: brightness(.9) drop-shadow(0 16px 32px rgba(0,0,0,.7)); -webkit-mask-image: radial-gradient(ellipse at center, black 50%, transparent 75%); mask-image: radial-gradient(ellipse at center, black 50%, transparent 75%); }
@media(max-width:980px){ .home-hero-bear{ position:relative; right:auto; bottom:auto; width:70%; margin:1.2rem auto 0; } }

/* Monitoring overview mini-map */
.home-map-layers { position: absolute; top: 9px; right: 9px; z-index: 500; display: flex; flex-direction: column; gap: 4px; }
.home-map-foot { display: flex; align-items: center; gap: .6em; padding: .85em 1.1em; border-top: 1px solid rgba(64,128,172,.15); font-size: .78rem; color: var(--cc-text); transition: background .2s; text-decoration: none; }
.home-map-foot:hover { background: rgba(52,200,232,.05); color: var(--cc-cyan); }

/* Ops row: 1.5fr + 1fr + 1fr */
.home-ops { display: grid; grid-template-columns: 1.65fr 1fr 1fr; gap: 14px; align-items: start; }
@media(max-width:1100px){ .home-ops{ grid-template-columns:1fr 1fr; } .home-featured{ grid-column:1/-1; } }
@media(max-width:680px){ .home-ops{ grid-template-columns:1fr; } }
.home-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .85rem; }
.home-section-head h2 { font-family: var(--f-display); font-size: 1.2rem; font-weight: 700; color: var(--cc-text); }
.home-seeall { font-family: var(--f-mono); font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-green); }
.featured-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media(max-width:560px){ .featured-grid{ grid-template-columns:1fr; } }
.home-panel-foot { display: block; text-align: center; padding: .8em; border-top: 1px solid rgba(64,128,172,.14); font-family: var(--f-mono); font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; color: var(--cc-green); transition: background .2s; text-decoration: none; }
.home-panel-foot:hover { background: rgba(61,224,138,.05); }

/* Intelligence + camera row: 1fr 1fr 1fr */
.home-intelligence { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 14px; align-items: start; }
@media(max-width:1100px){ .home-intelligence{ grid-template-columns:1fr 1fr; } }
@media(max-width:680px){ .home-intelligence{ grid-template-columns:1fr; } }

/* Bottom row */
.home-bottom-row { display: grid; grid-template-columns: 1.6fr 1fr; gap: 14px; }
@media(max-width:700px){ .home-bottom-row{ grid-template-columns:1fr; } }

/* Ticker */
.home-ticker-wrap { position: sticky; bottom: 0; z-index: 50; padding: 0 0 10px; margin-top: 16px; }
@media(max-width:600px){ .home-ticker-wrap{ display:none; } }

/* Brand small */
.brand-word small { color: var(--cc-text-dim); }


.hero-brandlock{display:flex;align-items:center;gap:1rem;align-self:flex-start;padding:.9rem 1rem;border-radius:20px;border:1px solid rgba(200,168,75,.22);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:blur(16px);box-shadow:0 18px 34px rgba(0,0,0,.24),0 0 18px rgba(200,168,75,.08);margin-bottom:1rem}
.hero-logo{width:84px;height:84px;object-fit:contain;border-radius:20px;background:radial-gradient(circle at center, rgba(255,255,255,.14), rgba(255,255,255,.04));padding:.35rem;box-shadow:0 0 18px rgba(200,168,75,.12)}
.hero-brand-name{font-family:var(--f-display);font-size:clamp(1.2rem,2vw,1.8rem);line-height:.95;letter-spacing:.06em;color:var(--cc-amber-2);text-transform:uppercase}
.hero-brand-sub{font-family:var(--f-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-text-2);margin-top:.55rem}
.home-hero-title{max-width:12ch}
.home-hero-sub{max-width:52ch}
.home-hero-left{min-width:0}
.home-hero-right .cc-panel{min-height:100%}
@media(max-width:980px){.hero-brandlock{width:100%;justify-content:flex-start}.hero-logo{width:70px;height:70px}.home-hero-right{order:2}.home-hero-left{order:1;padding-right:0}.home-hero-title{max-width:none}}
@media(max-width:640px){.hero-brandlock{padding:.75rem .85rem;gap:.8rem}.hero-logo{width:62px;height:62px}.home-metrics{gap:1rem}.home-hero-actions{display:grid;grid-template-columns:1fr}.home-hero-actions .btn{width:100%;justify-content:center}.mini-stat{min-width:50%}}


/* ===== HOME POLISH V5 ===== */

.home-main{padding-top:calc(var(--header-h) + 28px);}
.home-hero{grid-template-columns:minmax(0,1fr) minmax(450px,1.06fr);gap:26px;align-items:stretch;min-height:640px;}
.home-hero-left{padding:1.4rem 1.35rem 1.35rem;border:1px solid rgba(61,224,138,.08);border-radius:28px;background:linear-gradient(180deg,rgba(8,16,28,.56),rgba(8,16,28,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.24);overflow:hidden;}
.home-hero-left::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(200,168,75,.12),transparent 28%),radial-gradient(circle at 85% 18%,rgba(0,212,255,.11),transparent 22%);}
.hero-logo-lockup{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;margin-bottom:1rem;padding:.9rem 1rem;border-radius:24px;border:1px solid rgba(200,168,75,.18);background:linear-gradient(135deg,rgba(200,168,75,.08),rgba(4,18,28,.75));max-width:fit-content;backdrop-filter:blur(16px);}
.hero-logo-ring{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.86),rgba(240,237,227,.9) 55%,rgba(200,168,75,.18) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 0 10px rgba(200,168,75,.08),0 24px 40px rgba(0,0,0,.35);flex:none;}
.hero-logo-main{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.18));}
.hero-logo-copy{display:flex;flex-direction:column;gap:.35rem;max-width:29ch;}
.hero-logo-copy strong{font-family:var(--f-display);font-size:clamp(1.2rem,2.2vw,1.8rem);letter-spacing:.08em;color:var(--cc-text);}
.hero-logo-copy small,.hero-logo-overline{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cc-text-3);line-height:1.5;}
.home-hero-title{max-width:11ch;font-size:clamp(2.4rem,5vw,4.35rem);margin-top:.15rem;}
.home-hero-sub{font-size:1.03rem;max-width:46ch;}
.home-hero-bear{right:-10px;bottom:-18px;width:56%;max-width:490px;opacity:.94;}
.home-hero-bear img{filter:brightness(.96) drop-shadow(0 28px 40px rgba(0,0,0,.56));-webkit-mask-image:radial-gradient(ellipse at center,black 58%,transparent 79%);mask-image:radial-gradient(ellipse at center,black 58%,transparent 79%);}
.home-hero-right .cc-panel{min-height:100%;}
#home-map{height:385px!important;}
.home-map-layers .map-layer-btn{min-width:96px;}
.stat-tiles{margin-top:10px;}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.home-ops,.home-intelligence,.home-bottom-row{gap:16px;}
@media(max-width:1200px){.home-hero{grid-template-columns:1fr 1fr}.hero-logo-ring{width:104px;height:104px}.hero-logo-main{width:82px;height:82px}}
@media(max-width:980px){.home-hero{grid-template-columns:1fr;min-height:auto}.home-hero-right{order:2}.home-hero-left{order:1;padding:1.1rem}.hero-logo-lockup{width:100%;max-width:none}.home-hero-bear{position:relative;inset:auto;width:min(78%,360px);margin:1.2rem auto 0}.home-hero-title{max-width:100%}#home-map{height:340px!important}}
@media(max-width:640px){.hero-logo-lockup{flex-direction:column;align-items:flex-start;padding:.9rem}.hero-logo-ring{width:96px;height:96px}.hero-logo-main{width:74px;height:74px}.hero-logo-copy strong{font-size:1.08rem}.home-hero-left{border-radius:22px}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions .btn{width:100%}.home-metrics{gap:1rem}.home-metric-val{font-size:1.45rem}.featured-grid{grid-template-columns:1fr}#home-map{height:300px!important}.home-map-layers{right:6px;top:6px}.home-map-layers .map-layer-btn{font-size:.65rem;padding:.48rem .58rem;min-width:84px}}

.home-map-dot{width:18px;height:18px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 28%,transparent),0 0 18px var(--dot),0 0 38px rgba(61,224,138,.18);border:1px solid rgba(255,255,255,.8);animation:pulse-map-dot 2.2s ease-in-out infinite;}
@keyframes pulse-map-dot{0%,100%{transform:scale(.82);filter:brightness(.95)}50%{transform:scale(1.12);filter:brightness(1.3)}}


/* ===== FINAL COMMAND-CENTER PATCH V6 ===== */
:root{--logo-big:clamp(112px,18vw,210px);--safe-bottom:calc(70px + env(safe-area-inset-bottom,0px));}
*{box-sizing:border-box} html,body{max-width:100%;overflow-x:hidden} img,svg,canvas,video{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.brand{min-width:0}.brand-word{min-width:0}.brand-mark{border-radius:50%;background:rgba(255,255,245,.94);padding:2px;box-shadow:0 0 0 1px rgba(240,160,48,.4),0 0 28px rgba(240,160,48,.22)!important}.intro-logo{width:128px!important;height:128px!important;border-radius:50%;background:#fff;padding:4px;box-shadow:0 0 60px rgba(240,160,48,.35)}
.hero-logo-lockup{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:1rem;width:min(100%,620px);padding:1rem 1.1rem;border:1px solid rgba(240,160,48,.28);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(240,160,48,.08) 45%,rgba(20,40,30,.20));backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 70px rgba(240,160,48,.12);position:relative;overflow:hidden}.hero-logo-lockup:before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 15% 10%,rgba(240,160,48,.22),transparent 34%),radial-gradient(circle at 85% 80%,rgba(61,224,138,.16),transparent 35%);pointer-events:none}.hero-logo-ring{width:var(--logo-big)!important;height:var(--logo-big)!important;min-width:var(--logo-big);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 56%,rgba(255,255,245,.92) 57% 100%);border:2px solid rgba(240,160,48,.48);box-shadow:inset 0 0 20px rgba(0,0,0,.12),0 0 55px rgba(240,160,48,.32),0 24px 50px rgba(0,0,0,.30)}.hero-logo-main{width:94%!important;height:94%!important;object-fit:contain;border-radius:50%;display:block}.hero-logo-copy{position:relative;z-index:1}.hero-logo-copy strong{font-size:clamp(1.25rem,3vw,2.4rem);letter-spacing:.08em;color:var(--cc-text);text-shadow:0 0 28px rgba(240,160,48,.25)}.hero-logo-copy small{display:block;max-width:34ch;line-height:1.45;color:var(--cc-text-2)}.hero-logo-overline{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-amber)}
.home-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(1rem,3vw,2.2rem);align-items:stretch}.home-hero-left,.home-hero-right{min-width:0}.home-hero-actions,.nav-actions,.social-row,.home-map-layers{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.home-hero-actions .btn{white-space:normal}.home-hero-bear{position:relative;margin-top:1rem;border-radius:28px;overflow:hidden;border:1px solid rgba(240,160,48,.25);box-shadow:0 25px 90px rgba(0,0,0,.35)}.home-hero-bear:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));pointer-events:none}.home-hero-bear img{width:100%;height:clamp(180px,24vw,330px);object-fit:cover;display:block;filter:saturate(1.1) contrast(1.08) brightness(.86)}.cc-panel,.pcard,.stat-tile,.doc-card,.res-card,.bear-card,.contact-info-card,.masonry-item{transition:transform .18s ease,border-color .22s ease,box-shadow .22s ease}.cc-panel:hover,.pcard:hover,.stat-tile:hover,.doc-card:hover,.res-card:hover,.bear-card:hover{border-color:rgba(240,160,48,.35)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 50px rgba(240,160,48,.08)}
#home-map,#map-explorer,#map-region,#map-project,#map-propose,#obs-map,#modal-mini-map,#map-admin{width:100%;min-height:320px;border-radius:18px;overflow:hidden;background:#07111f}.leaflet-container{font-family:var(--f-body);border-radius:inherit}.home-map-layers{position:absolute;z-index:500;left:12px;right:12px;bottom:12px;justify-content:center;pointer-events:auto}.map-layer-btn,[data-layer]{min-height:34px;border-radius:999px!important;white-space:nowrap;background:rgba(5,12,22,.74)!important;border:1px solid rgba(140,210,255,.22)!important;color:var(--cc-text)!important;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.map-layer-btn.active,[data-layer].active{border-color:rgba(61,224,138,.7)!important;background:rgba(61,224,138,.16)!important;color:#dfffee!important}.map-popup{max-width:240px}.mini-stats,.stat-tiles,.feature-grid,.project-grid,.gallery-grid,.doc-grid,.research-grid,#featured-grid,#grid-container,#bear-grid{display:grid;gap:clamp(.8rem,2vw,1.25rem);align-items:stretch}.pcard,.doc-card,.res-card,.bear-card{min-width:0;overflow:hidden}.pcard-title,.feed-title,.alert-title,.bear-name,.bear-id{overflow-wrap:anywhere}.input,select,textarea,button,.btn{max-width:100%}.bottom-nav{padding-bottom:max(.45rem,env(safe-area-inset-bottom,0px));z-index:850}.bottom-nav a{min-width:0;text-align:center;gap:.22rem}.bottom-nav svg{flex:none}.admin-shell{min-width:0}.admin-content{min-width:0}.admin-table-wrap,.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.admin-sidebar .brand img{width:54px!important;height:54px!important;border-radius:50%;background:white;padding:2px}.admin-sidebar .brand{align-items:center}.admin-nav a{white-space:normal}.form-grid,.contact-grid{min-width:0}.field{min-width:0}.filter-check .lbl{line-height:1.35}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(240,160,48,.10),transparent 24%),radial-gradient(circle at 82% 22%,rgba(61,224,138,.08),transparent 26%),radial-gradient(circle at 50% 100%,rgba(52,200,232,.08),transparent 32%)}
@media(max-width:980px){.home-hero{grid-template-columns:1fr}.home-hero-right{min-height:auto}.hero-logo-lockup{grid-template-columns:1fr;text-align:center;justify-items:center}.hero-logo-ring{--logo-big:clamp(128px,46vw,190px)}.home-map-layers{position:relative;left:auto;right:auto;bottom:auto;margin-top:.75rem}.site-header .container{gap:.75rem}.brand-word{font-size:.78rem}.brand-word small{font-size:.58rem}.nav-actions{margin-left:auto}.contact-grid{grid-template-columns:1fr!important}.admin-shell{display:block}.admin-sidebar{position:fixed;z-index:950;transform:translateX(-105%);transition:.25s}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0!important}.admin-topbar{position:sticky;top:0;z-index:800}.exp-layout,.region-body{grid-template-columns:1fr!important}.exp-sidebar{max-width:min(360px,88vw)}}
@media(max-width:640px){body{padding-bottom:var(--safe-bottom)}.container{width:min(100% - 22px,1180px)}.home-hero-title{font-size:clamp(2rem,12vw,3.4rem)!important}.hero-logo-lockup{padding:.85rem;border-radius:20px}.hero-logo-ring{--logo-big:clamp(120px,54vw,176px)}.home-metrics,.mini-stats,.stat-tiles{grid-template-columns:1fr!important}.home-hero-actions .btn{width:100%;justify-content:center}.cc-head{gap:.55rem;flex-wrap:wrap}.cc-head-right{margin-left:0}.home-map-foot{font-size:.68rem}.pcard-media img{min-height:180px}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)}.bottom-nav a{font-size:.58rem;padding:.4rem .2rem}.bottom-nav svg{width:18px!important;height:18px!important}.site-header .brand-mark{height:44px!important;width:44px!important}.site-header .brand-word{max-width:150px}.mobile-menu{max-width:100vw}.display-lg{font-size:clamp(2rem,11vw,3.2rem)!important}.section-tight{padding-inline:0}#home-map,#map-explorer,#map-region,#map-project,#map-propose,#obs-map,#modal-mini-map,#map-admin{min-height:300px}.filter-grid,.form-grid{grid-template-columns:1fr!important}.contact-form-wrap{padding:1.15rem!important}.admin-content{padding:1rem!important}.admin-topbar-tools{flex-wrap:wrap;justify-content:flex-end}.news-card,.res-card,.doc-card,.bear-card{border-radius:16px}} 


/* ===== V7 DESKTOP + REAL MAP COMMAND CENTER FIX ===== */
:root{--v7-gold:#c8a84b;--v7-cyan:#34c8e8;--v7-green:#3de08a;--v7-panel:rgba(7,15,27,.74)}
body{background:radial-gradient(circle at 12% 0%,rgba(200,168,75,.10),transparent 32%),radial-gradient(circle at 88% 8%,rgba(52,200,232,.08),transparent 30%),#050b13!important;}
/* superseded by hero.css v17 backdrop system */
.home-main>.container{width:min(1320px,calc(100% - 44px));}
.home-hero{margin-top:1.1rem!important;align-items:stretch!important;}
.home-hero-left{position:relative!important;justify-content:flex-start!important;gap:1rem!important;min-height:610px!important;padding:clamp(1.4rem,2.3vw,2.2rem)!important;}
.home-hero-left:after{content:'';position:absolute;right:-12%;bottom:-20%;width:58%;height:54%;background:radial-gradient(ellipse at center,rgba(200,168,75,.16),transparent 68%);pointer-events:none;}
.hero-logo-lockup{width:min(100%,650px)!important;max-width:650px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;justify-items:start!important;}
.hero-logo-ring{--logo-big:132px;width:var(--logo-big)!important;height:var(--logo-big)!important;min-width:var(--logo-big)!important;}
.hero-logo-main{width:96%!important;height:96%!important;object-fit:contain!important;border-radius:50%;}
.hero-logo-copy strong{font-size:clamp(1.35rem,2.4vw,2.05rem)!important;line-height:1!important;word-break:normal!important;}
.hero-logo-copy small{max-width:42ch!important;}
.home-hero-title{max-width:760px!important;width:100%!important;font-size:clamp(2.45rem,3.55vw,3.75rem)!important;line-height:.92!important;letter-spacing:.01em!important;text-wrap:balance!important;word-break:normal!important;overflow-wrap:normal!important;margin:.2rem 0 0!important;}
.home-hero-title span{white-space:normal!important;}
.home-hero-sub{max-width:64ch!important;font-size:1.05rem!important;}
.home-hero-actions{gap:.75rem!important;margin-top:.85rem!important;}
.home-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem!important;width:min(100%,680px)!important;margin-top:.85rem!important;}
.home-metric{min-width:0!important;padding:.85rem!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;border:1px solid rgba(200,168,75,.18)!important;}
.home-hero-bear{position:absolute!important;right:1.1rem!important;bottom:1.1rem!important;width:min(42%,390px)!important;max-width:390px!important;margin:0!important;z-index:0!important;opacity:.74!important;}
.home-hero-bear img{height:260px!important;object-fit:cover!important;}
.home-hero-left>*:not(.home-hero-bear){position:relative;z-index:2;}
.home-hero-right .cc-panel{display:flex!important;flex-direction:column!important;height:100%!important;min-height:610px!important;background:linear-gradient(180deg,rgba(7,15,27,.82),rgba(6,18,31,.60))!important;}
.home-hero-right .cc-panel>div[style*="position:relative"]{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;}
.mini-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;padding:.85rem!important;}
.mini-stat{min-width:0!important;border-radius:16px!important;padding:.85rem!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(140,210,255,.10)!important;}
#home-map{height:auto!important;min-height:390px!important;flex:1!important;border-radius:0!important;}
.home-map-layers{position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.55rem!important;}
.home-map-layers .map-layer-btn{min-width:92px!important;padding:.62rem .78rem!important;font-size:.68rem!important;letter-spacing:.05em!important;}
.home-map-dot{width:18px;height:18px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 6px color-mix(in srgb,var(--dot),transparent 72%),0 0 22px var(--dot);border:2px solid rgba(255,255,255,.76);}
.map-pin-real{border-radius:50%;display:grid;place-items:center;color:var(--pin);background:color-mix(in srgb,var(--pin),transparent 86%);border:1.6px solid var(--pin);box-shadow:0 0 0 7px color-mix(in srgb,var(--pin),transparent 86%),0 0 28px color-mix(in srgb,var(--pin),transparent 35%);backdrop-filter:blur(6px);}
.map-pin-real svg{width:48%;height:48%;}
.map-cluster-real{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 .9rem var(--f-mono);color:var(--pin);background:color-mix(in srgb,var(--pin),transparent 88%);border:1.8px solid var(--pin);box-shadow:0 0 30px color-mix(in srgb,var(--pin),transparent 45%);}
.map-popup-kicker{font:700 .58rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cc-green);margin-bottom:.35rem}.map-popup h4{margin:.1rem 0 .35rem;color:var(--cc-text);font-size:.95rem}.map-popup p{margin:0 0 .55rem;color:var(--cc-text-2);font-size:.72rem}.map-popup-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0}.map-popup-meta span{font:600 .55rem var(--f-mono);color:var(--cc-text-2);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.24rem .45rem;background:rgba(255,255,255,.04)}
.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:1.1rem!important;}
.stat-tile{min-height:170px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;}
.home-ops{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr) minmax(260px,.8fr)!important;gap:1rem!important;align-items:stretch!important;}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.pcard-media{min-height:190px!important;background:#07111f!important;}.pcard-media img{width:100%!important;height:100%!important;min-height:190px!important;object-fit:cover!important;filter:saturate(1.08) contrast(1.04) brightness(.78)!important;}.pcard:hover .pcard-media img{filter:saturate(1.2) contrast(1.08) brightness(.95)!important;transform:scale(1.045)!important;}
.home-intelligence{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem!important;align-items:stretch!important;}.home-bottom-row{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr)!important;gap:1rem!important;}
.exp-shell{height:100dvh!important;}.exp-sidebar{width:250px!important;}.exp-mapzone{min-height:0!important}.exp-layers{right:18px!important;top:18px!important}.exp-filters{left:18px!important;top:18px!important;width:252px!important}.exp-dashboard{grid-template-columns:repeat(5,minmax(0,1fr))!important}.exp-sighting{top:74px!important;right:18px!important}.exp-topbar{min-height:64px!important}.exp-brand img{width:58px!important;height:58px!important;border-radius:50%;background:white;padding:3px;}
.leaflet-popup-content-wrapper{background:rgba(7,15,27,.94)!important;color:var(--cc-text)!important;border:1px solid rgba(140,210,255,.22)!important;border-radius:16px!important;backdrop-filter:blur(18px)!important;}.leaflet-popup-tip{background:rgba(7,15,27,.94)!important}.leaflet-control-zoom a{background:rgba(7,15,27,.84)!important;color:#dfffee!important;border-color:rgba(140,210,255,.22)!important;}
@media(min-width:981px){.home-hero{grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)!important}.site-header .container{width:min(1320px,calc(100% - 44px))}.home-main{padding-top:var(--header-h)}}
@media(max-width:1180px){.home-hero{grid-template-columns:1fr!important}.home-hero-left,.home-hero-right .cc-panel{min-height:auto!important}.home-hero-bear{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;margin-top:1rem!important}.home-hero-bear img{height:260px!important}.home-ops,.home-intelligence,.home-bottom-row{grid-template-columns:1fr!important}.stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exp-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.home-main>.container{width:min(100% - 22px,1320px)}.home-hero-left{padding:1rem!important;border-radius:22px!important}.hero-logo-lockup{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}.hero-logo-ring{--logo-big:clamp(118px,48vw,168px)!important}.hero-logo-copy{align-items:center!important}.hero-logo-copy strong{font-size:1.25rem!important}.home-hero-title{font-size:clamp(2.05rem,10.5vw,3.15rem)!important;line-height:.95!important;text-align:center!important}.home-hero-sub{text-align:center!important}.home-hero-actions{display:grid!important;grid-template-columns:1fr!important}.home-metrics,.mini-stats,.stat-tiles,.featured-grid{grid-template-columns:1fr!important}.home-hero-bear img{height:210px!important}#home-map{min-height:330px!important}.home-map-layers{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:.75rem!important;background:rgba(7,15,27,.68)!important}.home-map-layers .map-layer-btn{flex:1 1 42%!important;min-width:0!important}.exp-topbar{flex-wrap:wrap;height:auto!important}.exp-search{order:3;flex-basis:100%;max-width:none!important}.exp-filters{position:absolute!important;width:min(92vw,320px)!important;max-height:62vh!important}.exp-layers{top:auto!important;bottom:16px!important;right:16px!important;left:16px!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important}.exp-layers .map-layer-btn{flex:1 1 42%!important}.exp-dashboard{grid-template-columns:1fr!important}.exp-telemetry{display:none!important}.exp-sighting{display:none!important}}

/* ── FIX v12: hero starts compact at top (no dead space above content) ── */
.home-hero-left{justify-content:flex-start!important}
.home-hero{align-items:start!important}
@media(min-width:981px){
  .home-main{padding-top:calc(var(--header-h) + 14px)!important}
  .home-hero{min-height:auto!important}
  .home-hero-left{padding-top:1.5rem!important}
}
/* backdrop fallback colour if the external image CDN is unreachable
   (background-color shows through when the inline background-image fails to load) */
.env-backdrop{background-color:#0a1626!important}

/* ══════════════════════════════════════════════════════════
   V13 COMPREHENSIVE FIX — gap, hero, mobile, CTA grid
   ══════════════════════════════════════════════════════════ */

/* ── Hero: remove forced min-height that creates empty space ── */
@media(min-width:981px){
  .home-main{padding-top:calc(var(--header-h) + 10px)!important}
  .home-hero{min-height:auto!important;align-items:stretch!important}
  .home-hero-left{min-height:0!important;justify-content:flex-start!important}
  .home-hero-right .cc-panel{min-height:0!important}
  #home-map{height:clamp(300px,36vh,440px)!important;min-height:300px!important}
}

/* ── CTA grid: 3-col grid on desktop, stacks on mobile ── */
.home-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.6rem!important;
  margin-top:.9rem!important;
  max-width:540px!important;
}
.home-hero-actions .btn{
  text-align:center;justify-content:center;padding:.65rem .8rem!important;
  font-size:.82rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-hero-actions .btn-gold{grid-column:1/-1!important;padding:.75rem 1rem!important;font-size:.9rem!important}

/* ── Tighten section gaps ── */
.section-tight{margin-top:12px!important}
.home-ops,.home-intelligence,.home-bottom-row{margin-top:12px!important}
.stat-tiles{margin-top:12px!important}

/* ── Mobile: hero layout ── */
@media(max-width:980px){
  .home-main{padding-top:calc(var(--header-h) + 8px)!important}
  .home-hero{gap:14px!important}
  .home-hero-left{min-height:0!important;padding:1rem!important}
  .home-hero-actions{grid-template-columns:1fr 1fr!important;max-width:none!important}
  .home-hero-actions .btn-gold{grid-column:1/-1!important}
  .stat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-ops{grid-template-columns:1fr!important}
  .home-intelligence{grid-template-columns:1fr!important}
  .home-bottom-row{grid-template-columns:1fr!important}
}

@media(max-width:560px){
  .home-hero-actions{grid-template-columns:1fr!important;max-width:none!important}
  .home-hero-actions .btn{padding:.7rem .8rem!important}
  .stat-tiles{grid-template-columns:1fr 1fr!important}
  .featured-grid{grid-template-columns:1fr!important}
}

/* ── Ticker: don't hide on mobile (just compact it) ── */
@media(max-width:600px){
  .home-ticker-wrap{display:block!important;padding:0 0 6px}
  .activity-ticker{font-size:.62rem!important}
  .ticker-clock{display:none!important}
}

/* ── Admin data tables → responsive cards on mobile ── */
@media(max-width:760px){
  .admin-shell .table-wrap{overflow:visible!important}
  .admin-shell .data-table{display:block!important}
  .admin-shell .data-table thead{display:none!important}
  .admin-shell .data-table tbody,.admin-shell .data-table tr{display:block!important}
  .admin-shell .data-table tr{
    background:rgba(10,20,36,.7);border:1px solid rgba(100,170,220,.18);
    border-radius:14px;margin-bottom:.7rem;padding:.85rem 1rem;position:relative;
  }
  .admin-shell .data-table td{
    display:flex;align-items:flex-start;gap:.6rem;padding:.28rem 0;
    border:none!important;font-size:.82rem;
  }
  .admin-shell .data-table td:before{
    content:attr(data-label);font-family:var(--f-mono,monospace);font-size:.58rem;
    letter-spacing:.08em;text-transform:uppercase;color:var(--cc-text-3,#507090);
    flex:0 0 90px;padding-top:.05rem;
  }
  .admin-shell .data-table td:last-child{
    justify-content:flex-end;padding-top:.55rem;border-top:1px solid rgba(100,170,220,.1)!important;margin-top:.4rem;
  }
  .admin-shell .row-actions{flex-wrap:wrap;gap:.35rem}
  .admin-shell .thumb-sm{width:44px!important;height:44px!important;border-radius:8px!important}
  .admin-content{padding:1rem!important}
}

/* ── Admin modal mobile ── */
@media(max-width:640px){
  .overlay .modal{
    max-width:100vw!important;max-height:96vh!important;
    border-radius:18px 18px 0 0!important;margin:auto 0 0!important;
    padding:1.1rem!important;
  }
  .overlay.is-open{align-items:flex-end!important}
  .modal-detail-grid{grid-template-columns:1fr 1fr!important}
}

/* ── Map popup premium glass ── */
.leaflet-popup-content-wrapper{
  background:rgba(6,14,26,.94)!important;color:#d8eaf4!important;
  border:1px solid rgba(100,188,248,.3)!important;border-radius:16px!important;
  backdrop-filter:blur(20px)!important;box-shadow:0 20px 50px rgba(0,0,0,.5)!important;
}
.leaflet-popup-tip{background:rgba(6,14,26,.94)!important}
.leaflet-popup-content{margin:12px 14px!important}
.map-popup{max-width:220px}
.map-popup b{color:#d8eaf4;font-size:.9rem;display:block;margin-bottom:.3rem}
.map-popup small{color:#88a8c0;font-size:.72rem;line-height:1.4}
.map-popup .btn{margin-top:.5rem!important;font-size:.72rem!important;padding:.45rem .7rem!important}
