/* ===========================================================================
   Islandwide Sales — app layer on top of brand.css
   Layout: sticky Noxen header (views) + sticky white filter bar + content.
   =========================================================================== */
:root{
  --bg:#F4F7F9; --card:#fff; --line:#E3EAEF; --line-2:#D7E0E6;
  --ink:#0A2536; --ink-2:#4A6273; --ink-3:#6E8597;
  --accent:#14958F; --accent-soft:#E3F4F2;
  --hdr:56px; --fbar:58px;
  --r:12px;
  --sh:0 1px 2px rgba(10,37,54,.05), 0 4px 16px rgba(10,37,54,.04);
}
body{background:var(--bg); color:var(--ink);}
/* author display rules must never beat the hidden attribute */
[hidden]{display:none !important;}

/* ---- Header ---------------------------------------------------------------- */
.app-header{
  position:sticky; top:0; z-index:40; height:var(--hdr);
  display:flex; align-items:center; gap:28px;
  padding:0 clamp(16px,3vw,32px); border-bottom:none;
  box-shadow:inset 0 -2px 0 var(--cymaris);
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; flex:0 0 auto;}
.app-header img.wordmark{height:22px; display:block;}
.product{
  color:#fff; opacity:.72; font-size:.8rem; font-weight:500; letter-spacing:.02em;
  padding-left:12px; border-left:1px solid rgba(255,255,255,.22); white-space:nowrap;
}
.app-nav{display:flex; gap:4px; margin:0; height:100%;}
.app-nav a{
  display:flex; align-items:center; height:100%; padding:0 14px;
  color:#fff; text-decoration:none; font-size:.9rem; font-weight:600;
  opacity:.68; border-bottom:2px solid transparent; margin-bottom:0;
}
.app-nav a:hover{opacity:1;}
.app-nav a.active{opacity:1; border-bottom:3px solid var(--cymaris); padding-top:1px;}
.header-right{margin-left:auto; display:flex; align-items:center; gap:16px;}
.stamp{color:#fff; opacity:.7; font-size:.78rem; white-space:nowrap;}
.stamp b{font-weight:600; opacity:1;}
.btn-header{
  color:#fff; text-decoration:none; font-size:.82rem; font-weight:600; white-space:nowrap;
  border:1px solid rgba(255,255,255,.35); border-radius:8px; padding:.38rem .8rem;
}
.btn-header:hover, .btn-header.active{background:rgba(255,255,255,.12); border-color:#fff;}

/* ---- Filter bar --------------------------------------------------------------- */
.filterbar{
  position:sticky; top:var(--hdr); z-index:30; background:#fff;
  border-bottom:1px solid var(--line); box-shadow:0 1px 0 rgba(10,37,54,.02);
}
.filterbar-inner{
  display:flex; align-items:center; gap:10px; min-height:var(--fbar);
  padding:0 clamp(16px,3vw,32px); max-width:none;
}
.fb-search{
  position:relative; flex:0 1 300px; min-width:200px; display:flex; align-items:center;
}
.fb-search svg{position:absolute; left:10px; width:16px; height:16px; fill:none; stroke:var(--ink-3); stroke-width:1.8; stroke-linecap:round;}
.fb-search input{
  width:100%; height:36px; padding:0 10px 0 32px; border:1px solid var(--line-2); border-radius:8px;
  background:var(--bg); font:inherit; font-size:.86rem; color:var(--ink);
}
.fb-search input:focus{outline:none; border-color:var(--accent); background:#fff; box-shadow:0 0 0 3px var(--accent-soft);}
.fb-group{display:flex; align-items:center; gap:6px;}
.fb-btn{
  display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 11px;
  border:1px solid var(--line-2); border-radius:8px; background:#fff; color:var(--ink);
  font:inherit; font-size:.84rem; font-weight:500; cursor:pointer; white-space:nowrap; max-width:240px;
}
.fb-btn:hover{border-color:var(--ink-3);}
.fb-btn .fb-text{overflow:hidden; text-overflow:ellipsis;}
.fb-btn .fb-k{color:var(--ink-3); font-weight:500; margin-right:2px;}
.fb-btn.active{background:var(--accent-soft); border-color:var(--accent); font-weight:600;}
.fb-btn.active .fb-k{color:#0E6D69;}
.fb-item.open .fb-btn{border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}
.caret{width:7px; height:7px; border-right:1.6px solid var(--ink-3); border-bottom:1.6px solid var(--ink-3); transform:translateY(-2px) rotate(45deg); flex:0 0 auto;}
.fb-end{margin-left:auto; display:flex; align-items:center; gap:14px; padding-left:8px;}

.link-btn{
  background:none; border:none; padding:2px 0; color:#0E7C77; font:inherit; font-size:.82rem;
  font-weight:600; cursor:pointer; white-space:nowrap;
}
.link-btn:hover{text-decoration:underline;}

/* toggle switch */
.toggle{position:relative; display:inline-flex; align-items:center; gap:8px; font-size:.82rem; color:var(--ink-2); cursor:pointer; white-space:nowrap; user-select:none;}
.toggle input{position:absolute; left:0; top:0; opacity:0; width:1px; height:1px; margin:0;}
.toggle .track{width:32px; height:18px; border-radius:999px; background:#C9D4DB; position:relative; transition:background .15s; flex:0 0 auto;}
.toggle .thumb{position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .15s;}
.toggle input:checked + .track{background:var(--accent);}
.toggle input:checked + .track .thumb{transform:translateX(14px);}
.toggle input:focus-visible + .track{box-shadow:0 0 0 3px var(--accent-soft);}

.updating{display:inline-flex; align-items:center; gap:6px; font-size:.78rem; color:var(--ink-3); font-weight:500;}
.updating i{width:12px; height:12px; border-radius:50%; border:2px solid var(--line-2); border-top-color:var(--accent); animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* popovers */
.pop{
  position:fixed; z-index:60; width:280px; max-width:calc(100vw - 24px);
  background:#fff; border:1px solid var(--line-2); border-radius:12px;
  box-shadow:0 12px 32px rgba(10,37,54,.16), 0 2px 6px rgba(10,37,54,.06);
  padding:12px; overflow:auto;
}
.pop-wide{width:320px;}
.pop-head{display:flex; align-items:center; justify-content:space-between; margin:0 2px 8px;}
.pop-head b{font-size:.84rem;}
.pop-list{display:flex; flex-direction:column; max-height:280px; overflow:auto; margin:0 -4px;}
.pop-list.tall{max-height:320px;}
.opt{display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:7px; cursor:pointer; font-size:.86rem;}
.opt:hover{background:var(--bg);}
.opt input{accent-color:var(--accent); width:15px; height:15px; margin:0; flex:0 0 auto;}
.opt span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.opt:has(input:checked){font-weight:600;}
.opt[hidden]{display:none;}
.pop-search{
  width:100%; height:34px; padding:0 10px; margin-bottom:8px; border:1px solid var(--line-2);
  border-radius:8px; font:inherit; font-size:.86rem;
}
.pop-search:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}
.pop-empty{padding:10px 8px; color:var(--ink-3); font-size:.82rem;}
.presets{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;}
.preset{
  border:1px solid var(--line-2); background:#fff; border-radius:999px; padding:.3rem .7rem;
  font:inherit; font-size:.78rem; font-weight:500; color:var(--ink-2); cursor:pointer;
}
.preset:hover{border-color:var(--ink-3); color:var(--ink);}
.preset.on{background:var(--accent-soft); border-color:var(--accent); color:var(--ink); font-weight:600;}
.pop .range-row{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.pop .range-row label{display:flex; flex-direction:column; gap:4px; font-size:.72rem; color:var(--ink-3); font-weight:600; text-transform:uppercase; letter-spacing:.06em;}
.pop .range-row input{
  height:34px; padding:0 8px; border:1px solid var(--line-2); border-radius:8px; min-width:0;
  font:inherit; font-size:.84rem; color:var(--ink); text-transform:none; letter-spacing:0;
}
.pop .range-row input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}

/* ---- Page content ----------------------------------------------------------------- */
body:not(.view-map) main{max-width:1440px; padding:0 clamp(16px,3vw,32px) 40px;}
.page-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:26px 0 18px;
}
.page-head h1{font-size:1.55rem; font-weight:700; margin:0; line-height:1.2; letter-spacing:-.01em;}
.page-head .sub{margin:4px 0 0; color:var(--ink-3); font-size:.88rem;}
.page-links{display:flex; align-items:center; gap:8px;}
.pill-link{
  font-size:.82rem; font-weight:600; color:var(--ink-2); text-decoration:none;
  border:1px solid var(--line-2); background:#fff; border-radius:999px; padding:.4rem .9rem;
}
.pill-link:hover{border-color:var(--accent); color:var(--ink);}
.pill-link::after{content:" →";}
.btn.sm{padding:.45rem 1rem; font-size:.84rem; border-radius:8px;}

/* KPI strip: one card, five cells */
.kpi-strip{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh);
  margin-bottom:16px; overflow:hidden;
}
.kpi-cell{padding:16px 20px 15px; border-left:1px solid var(--line); min-width:0;}
.kpi-cell:first-child{border-left:none; box-shadow:inset 3px 0 0 var(--accent);}
.k-label{font-size:.7rem; text-transform:uppercase; letter-spacing:.09em; color:var(--ink-3); font-weight:600;}
.k-value{font-size:1.65rem; font-weight:700; line-height:1.15; margin-top:6px; color:var(--ink); letter-spacing:-.01em;}
.k-detail{font-size:.76rem; color:var(--ink-3); margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* cards */
.card{
  background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh);
  padding:16px 18px 14px; margin-bottom:16px; min-width:0;
}
.card-flush{padding:0; overflow:hidden;}
.card-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px;}
.card-head h2{margin:0; font-size:.98rem; font-weight:700; color:var(--ink); line-height:1.3;}
.card-sub{margin:2px 0 0; font-size:.76rem; color:var(--ink-3);}
.card-controls{display:flex; gap:8px; flex-wrap:wrap;}
.seg{display:inline-flex; background:#EDF2F5; border-radius:8px; padding:3px; gap:2px;}
.seg button{
  border:none; background:none; border-radius:6px; padding:.3rem .7rem; cursor:pointer;
  font:inherit; font-size:.78rem; font-weight:600; color:var(--ink-2);
}
.seg button:hover{color:var(--ink);}
.seg button.on{background:#fff; color:var(--ink); box-shadow:0 1px 2px rgba(10,37,54,.12);}

.grid-3, .grid-2{display:grid; gap:16px;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-3 > .card, .grid-2 > .card{margin-bottom:16px;}

.chart{width:100%; min-width:0; position:relative;}
.chart-lg{height:320px;}
.chart-md{height:270px;}
.chart-tall{height:360px;}
.chart.clickable .bars .point path{cursor:pointer;}
.chart-single{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; height:100%; text-align:center;}
.chart-single b{font-size:1.2rem;}
.chart-single span{font-size:.95rem; color:var(--ink-2); font-weight:600;}
.chart-single small{font-size:.76rem; color:var(--ink-3);}
.chart-empty{display:flex; align-items:center; justify-content:center; height:100%; min-height:120px; color:var(--ink-3); font-size:.85rem; list-style:none;}
body.is-updating .chart, body.is-updating .mix, body.is-updating .prov, body.is-updating .kpi-strip{opacity:.55; transition:opacity .15s;}
.chart, .mix, .prov, .kpi-strip{transition:opacity .25s;}

/* segment mix */
.mix{display:flex; flex-direction:column; gap:16px; padding-top:6px;}
.mix-bar{display:flex; gap:2px; height:14px;}
.mix-bar span{display:block; height:100%; min-width:3px;}
.mix-bar span:first-child{border-radius:7px 0 0 7px;}
.mix-bar span:last-child{border-radius:0 7px 7px 0;}
.mix-bar span:only-child{border-radius:7px;}
.mix-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px;}
.mix-list li[data-seg]{
  display:grid; grid-template-columns:10px 1fr auto; gap:12px; align-items:center;
  padding:10px 8px; border-radius:8px; cursor:pointer;
}
.mix-list li[data-seg]:hover{background:var(--bg);}
.mix-list i{width:10px; height:10px; border-radius:3px;}
.mix-name b, .mix-num b{display:block; font-size:.9rem;}
.mix-name small, .mix-num small{display:block; font-size:.74rem; color:var(--ink-3);}
.mix-num{text-align:right;}

/* provenance */
.prov-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px;}
.prov-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px; font-size:.86rem;}
.prov-top span{color:var(--ink-2); font-weight:600;}
.prov-bar{display:flex; gap:2px; height:10px;}
.prov-bar span{display:block; height:100%;}
.prov-bar span:first-child{border-radius:5px 0 0 5px;}
.prov-bar span:last-child{border-radius:0 5px 5px 0;}
.prov-nums{display:flex; justify-content:space-between; gap:6px; margin-top:6px; font-size:.72rem; color:var(--ink-3); flex-wrap:wrap;}
.legend{display:flex; gap:18px; flex-wrap:wrap; margin-top:14px; font-size:.76rem; color:var(--ink-2);}
.legend span{display:inline-flex; align-items:center; gap:6px;}
.legend i{width:10px; height:10px; border-radius:3px; display:inline-block;}

/* ---- Deals table ---------------------------------------------------------------------- */
.page-size{display:inline-flex; align-items:center; gap:6px; font-size:.82rem; color:var(--ink-2);}
.page-size select{height:32px; border:1px solid var(--line-2); border-radius:8px; padding:0 6px; font:inherit; font-size:.84rem; background:#fff;}
.table-scroll{overflow:auto; max-height:calc(100vh - var(--hdr) - var(--fbar) - 190px); min-height:320px;}
table.deals{width:100%; border-collapse:separate; border-spacing:0; font-size:.84rem;}
table.deals th{
  position:sticky; top:0; z-index:1; background:#F7FAFB; text-align:left;
  font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); font-weight:600;
  padding:0 12px; height:40px; border-bottom:1px solid var(--line); white-space:nowrap;
}
table.deals th.r, table.deals td.r{text-align:right;}
table.deals th .sort{
  display:inline-flex; align-items:center; gap:5px; border:none; background:none; padding:0; cursor:pointer;
  font:inherit; color:inherit; text-transform:inherit; letter-spacing:inherit;
}
table.deals th .sort i{font-style:normal; opacity:.45; font-size:.85em;}
table.deals th .sort:hover, table.deals th .sort.on{color:var(--ink);}
table.deals th .sort.on i{opacity:1; color:var(--accent);}
table.deals td{padding:9px 12px; border-bottom:1px solid var(--line); vertical-align:top;}
table.deals tbody tr:hover td{background:#F7FAFB;}
table.deals td.nowrap{white-space:nowrap;}
table.deals td.clip{max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.deals td.num{font-variant-numeric:tabular-nums;}
table.deals td.muted-cell{color:var(--ink-3);}
table.deals td.remarks{max-width:300px; min-width:180px; color:var(--ink-2); font-size:.78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.deals td.empty{text-align:center; color:var(--ink-3); padding:48px 12px;}
.nil{color:#B3C0C9;}
.inferred{border-bottom:1px dotted #CC8A1A; cursor:help;}
.seg-tag{font-size:.72rem; padding:.12rem .5rem; border-radius:999px; font-weight:600; white-space:nowrap;}
.seg-Primary{background:#E3F4F2; color:#0E6D69;}
.seg-Secondary{background:#E6EEF6; color:#2A5C91;}
.seg-Land{background:#F8EEDC; color:#8A5A0E;}
.pager{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; padding:10px 14px; border-top:1px solid var(--line); background:#fff;}
.pager .muted{font-size:.82rem; color:var(--ink-3);}
.pager .muted b{color:var(--ink); font-weight:600;}
.pager-btns{display:flex; align-items:center; gap:6px;}
.pg{
  height:30px; min-width:30px; padding:0 10px; border:1px solid var(--line-2); background:#fff; border-radius:7px;
  font:inherit; font-size:.8rem; font-weight:600; color:var(--ink-2); cursor:pointer;
}
.pg:hover:not(:disabled){border-color:var(--ink-3); color:var(--ink);}
.pg:disabled{opacity:.4; cursor:default;}
.pg-now{font-size:.8rem; color:var(--ink-3); padding:0 6px; white-space:nowrap;}
.pad{padding:18px;}
.muted{color:var(--ink-3); font-size:.85rem;}

/* ---- Map view ----------------------------------------------------------------------------- */
body.view-map{height:100vh; display:flex; flex-direction:column; overflow:hidden;}
body.view-map .app-header, body.view-map .filterbar{position:relative; top:auto;}
main.main-map{flex:1; position:relative; min-height:0; max-width:none; margin:0; padding:0;}
.map-full{position:absolute; inset:0; z-index:0; background:#E8ECEF;}
.map-panel{
  position:absolute; z-index:500; background:rgba(255,255,255,.96); border:1px solid var(--line);
  border-radius:10px; box-shadow:0 4px 16px rgba(10,37,54,.12); font-size:.82rem; color:var(--ink-2);
}
.map-info{top:14px; left:14px; padding:10px 14px; max-width:320px; line-height:1.45;}
.map-info b{color:var(--ink);}
.map-info span{color:var(--ink-3); font-size:.76rem;}
.map-legend{bottom:24px; left:14px; padding:10px 12px; display:flex; flex-direction:column; gap:5px; min-width:160px;}
.map-legend div{display:flex; align-items:center; gap:8px;}
.map-legend i{width:11px; height:11px; border-radius:50%; border:1.5px solid #fff; box-shadow:0 0 0 1px rgba(10,37,54,.15); flex:0 0 auto;}
.map-legend b{margin-left:auto; color:var(--ink); font-weight:600; padding-left:12px; font-variant-numeric:tabular-nums;}
.leaflet-control-layers{border:1px solid var(--line) !important; border-radius:10px !important; box-shadow:0 4px 16px rgba(10,37,54,.12) !important; font-family:var(--font-ui);}
.leaflet-control-layers-expanded{padding:8px 12px 8px 8px; font-size:.8rem; color:var(--ink-2);}
.leaflet-control-zoom{border:1px solid var(--line) !important; border-radius:10px !important; overflow:hidden; box-shadow:0 4px 16px rgba(10,37,54,.12) !important;}
.leaflet-container{font-family:var(--font-ui);}
.cl{
  background:#0A2536; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:.78rem; border:2.5px solid #fff; box-shadow:0 0 0 4px rgba(20,149,143,.45), 0 2px 8px rgba(0,0,0,.3);
}
.cl span{line-height:1;}
/* location markers: size = deal count, colour = main property type */
.site{display:flex;}
.site span{
  width:100%; height:100%; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:700; line-height:1; border:2px solid #fff;
  box-shadow:0 1px 4px rgba(10,37,54,.35); cursor:pointer; transition:transform .12s;
}
.site:hover span{transform:scale(1.12);}
.leaflet-tooltip.tip{
  background:#0A2536; color:#fff; border:none; border-radius:8px; padding:6px 10px;
  font-family:var(--font-ui); font-size:.76rem; line-height:1.4; box-shadow:0 4px 14px rgba(10,37,54,.25);
}
.leaflet-tooltip.tip::before{border-top-color:#0A2536;}
.leaflet-tooltip.tip b{font-weight:700;}
.map-legend .lg-title{font-size:.7rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); font-weight:600; margin-bottom:2px;}
.map-legend .lg-note{font-size:.72rem; color:var(--ink-3); margin-top:4px; border-top:1px solid var(--line); padding-top:6px;}

/* location summary card: side panel (desktop) / bottom sheet (phone) */
.map-card{
  position:absolute; z-index:600; top:14px; right:14px; bottom:14px; width:340px;
  display:flex; flex-direction:column; pointer-events:none;
}
.map-card > *{pointer-events:auto;}
#map-card-body{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 14px 40px rgba(10,37,54,.18); overflow:auto; max-height:100%;
  animation:card-in .16s ease-out;
}
@keyframes card-in{from{opacity:0; transform:translateX(8px);} to{opacity:1; transform:none;}}
.mc-close{
  position:absolute; top:10px; right:10px; z-index:1; width:28px; height:28px; border-radius:50%;
  border:none; background:var(--bg); color:var(--ink-2); font-size:1.15rem; line-height:1; cursor:pointer;
}
.mc-close:hover{background:var(--line); color:var(--ink);}
.cp{padding:16px 18px 16px; font-family:var(--font-ui); color:var(--ink);}
.cp-title{font-size:1.02rem; font-weight:700; line-height:1.3; padding-right:30px;}
.cp-sub{font-size:.76rem; color:var(--ink-3); margin-top:2px; padding-right:24px;}
.cp-hero{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:12px 0 12px;}
.cp-hero > div{background:var(--bg); border-radius:10px; padding:9px 12px;}
.cp-hero b{display:block; font-size:1.3rem; font-weight:700; line-height:1.15;}
.cp-hero span{font-size:.72rem; color:var(--ink-3);}
.cp-stats{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin:0 0 4px;}
.cp-stats dt{font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); font-weight:600;}
.cp-stats dd{margin:1px 0 0; font-size:.88rem; font-weight:600;}
.cp-sec{border-top:1px solid var(--line); margin-top:12px; padding-top:11px;}
.cp-label{font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); font-weight:600; margin-bottom:7px;}
.cp-label span{text-transform:none; letter-spacing:0; font-weight:500;}
.cp-bar{display:flex; gap:2px; height:8px; margin-bottom:8px;}
.cp-bar span{display:block; height:100%; min-width:3px;}
.cp-bar span:first-child{border-radius:4px 0 0 4px;}
.cp-bar span:last-child{border-radius:0 4px 4px 0;}
.cp-bar span:only-child{border-radius:4px;}
.cp-legend{display:flex; flex-wrap:wrap; gap:4px 12px; font-size:.78rem; color:var(--ink-2);}
.cp-legend span{display:inline-flex; align-items:center; gap:5px;}
.cp-legend i{width:9px; height:9px; border-radius:3px;}
.cp-legend b{color:var(--ink); font-weight:600;}
.cp-row{display:flex; justify-content:space-between; gap:12px; font-size:.8rem; padding:3px 0;}
.cp-row .nm{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--ink);}
.cp-row span:last-child{color:var(--ink-2); white-space:nowrap; font-variant-numeric:tabular-nums;}
.cp-actions{display:flex; gap:8px; margin-top:16px; position:sticky; bottom:-16px; background:#fff; padding:10px 0 2px; margin-bottom:-2px;}
.cp-btn{
  flex:1; display:inline-flex; align-items:center; justify-content:center; height:36px; border-radius:8px;
  font:inherit; font-size:.8rem; font-weight:600; cursor:pointer; text-decoration:none; white-space:nowrap; padding:0 10px;
  background:var(--accent); color:#fff !important; border:1px solid var(--accent);
}
.cp-btn:hover{background:#0E7C77;}
.cp-btn.ghost{background:#fff; color:var(--ink) !important; border-color:var(--line-2); flex:0 0 auto;}
.cp-btn.ghost:hover{border-color:var(--ink-3);}
.cp-hint{font-size:.74rem; color:var(--ink-3); margin-top:8px; text-align:center;}
.cp-wait{font-size:.82rem; color:var(--ink-3); padding:6px 0 2px;}
.cp-loading .cp-hero{opacity:.6;}
/* the card owns the right edge; map controls slide left of it */
body.card-open .leaflet-bottom.leaflet-right{right:362px;}
.leaflet-bottom.leaflet-right{transition:right .16s;}
body.card-open .map-info{max-width:min(320px, calc(100% - 400px));}
@media (max-width:700px){
  .map-card{top:auto; left:8px; right:8px; bottom:8px; width:auto; max-height:62%;}
  #map-card-body{animation:sheet-in .18s ease-out;}
  @keyframes sheet-in{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}
  body.card-open .map-legend{display:none;}
  body.card-open .map-info{max-width:none;}
  .leaflet-bottom.leaflet-right{margin-bottom:6px;}
  body.card-open .leaflet-bottom.leaflet-right{right:0; visibility:hidden;}
}

/* location filter chip in the filter bar */
.fb-site .fb-btn .x{font-size:1.05rem; line-height:1; color:#0E6D69; margin-left:2px;}
.fb-site .fb-btn:hover .x{color:var(--ink);}

.leaflet-popup-content{margin:12px 14px; font-size:.82rem;}
.pp-title{font-weight:700; color:var(--ink); font-size:.9rem; line-height:1.3;}
.pp-price{font-size:1.15rem; font-weight:700; color:#0E6D69; margin:2px 0 8px;}
.pp dl{display:grid; grid-template-columns:auto 1fr; gap:3px 10px; margin:0;}
.pp dt{color:var(--ink-3);}
.pp dd{margin:0; color:var(--ink);}

/* ---- Footer ------------------------------------------------------------------------------- */
.app-footer{margin-top:24px;}

/* ---- Responsive --------------------------------------------------------------------------- */
@media (max-width:1240px){
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid-3 > .card:last-child{grid-column:1 / -1;}
  .kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr));}
  .kpi-cell:nth-child(4){border-left:none;}
  .kpi-cell:nth-child(n+4){border-top:1px solid var(--line);}
  .stamp{display:none;}
}
@media (max-width:1100px){
  .fb-search{flex-basis:220px;}
  .toggle span:last-child{display:none;}
}
@media (max-width:900px){
  .product{display:none;}
  .filterbar-inner{overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap;}
  .filterbar-inner::-webkit-scrollbar{display:none;}
  .fb-search{flex:0 0 200px;}
  .fb-end{margin-left:0;}
  .grid-2{grid-template-columns:1fr;}
  .prov-grid{grid-template-columns:1fr; gap:18px;}
}
@media (max-width:700px){
  .grid-3{grid-template-columns:1fr;}
  .kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kpi-cell{border-left:none !important; border-top:1px solid var(--line);}
  .kpi-cell:nth-child(-n+2){border-top:none;}
  .kpi-cell:nth-child(even){border-left:1px solid var(--line) !important;}
  .kpi-cell:first-child{grid-column:1 / -1; border-top:none;}
  .kpi-cell:nth-child(2){border-top:1px solid var(--line); border-left:none !important;}
  .kpi-cell:nth-child(3){border-left:1px solid var(--line) !important;}
  .kpi-cell:nth-child(4){border-left:none !important;}
  .kpi-cell:nth-child(5){border-left:1px solid var(--line) !important;}
  .k-value{font-size:1.35rem;}
  .app-header{gap:12px;}
  .app-nav a{padding:0 9px; font-size:.86rem;}
  .hide-sm{display:none;}
  .chart-tall{height:330px;}
  .map-legend{bottom:14px;}
  .map-info{right:60px; max-width:none; font-size:.78rem; padding:8px 12px;}
  .map-legend{font-size:.76rem; gap:3px; padding:8px 10px; min-width:140px;}
}

@media (max-width:480px){
  .app-header{gap:8px; padding:0 12px;}
  .app-header img.wordmark{height:18px;}
  .app-nav a{padding:0 8px; font-size:.84rem;}
  .btn-header{padding:.3rem .55rem; font-size:.78rem;}
  .header-right{gap:8px;}
}
.chart:has(.chart-single), .chart:has(.chart-empty){height:auto; min-height:150px;}
.chart-single{min-height:150px;}

/* ---- Sign-in page ------------------------------------------------------------------------ */
body.login-body{
  min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px 16px;
  background:radial-gradient(1200px 600px at 20% -10%, #14404F 0%, transparent 60%), var(--noxen);
}
body.login-body main{max-width:none; padding:0; margin:0; width:100%;}
.login-wrap{display:flex; justify-content:center;}
.login-card{
  width:100%; max-width:380px; background:#fff; border-radius:16px; padding:32px 30px 26px;
  box-shadow:0 24px 60px rgba(0,0,0,.35); border-top:4px solid var(--cymaris);
}
.login-logo{height:24px; display:block; margin-bottom:22px;}
.login-card h1{font-size:1.35rem; margin:0 0 6px; color:var(--ink);}
.login-sub{margin:0 0 22px; color:var(--ink-3); font-size:.88rem; line-height:1.45;}
.login-label{display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); font-weight:600; margin-bottom:6px;}
.login-input{
  width:100%; height:44px; padding:0 12px; border:1px solid var(--line-2); border-radius:10px;
  font:inherit; font-size:1rem; color:var(--ink); background:#fff;
}
.login-input:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}
.login-input.has-error{border-color:#B4362F; box-shadow:0 0 0 3px #F6E1DF;}
.login-error{margin:8px 0 0; color:#B4362F; font-size:.84rem; font-weight:500;}
.login-btn{
  width:100%; height:44px; margin-top:18px; border:none; border-radius:10px; cursor:pointer;
  background:var(--accent); color:#fff; font:inherit; font-size:.95rem; font-weight:600;
}
.login-btn:hover{background:#0E7C77;}
.login-btn:focus-visible{outline:none; box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 5px var(--accent);}
.login-note{margin:14px 0 0; text-align:center; font-size:.76rem; color:var(--ink-3);}
.signout{color:#fff; opacity:.7; font-size:.8rem; font-weight:500; text-decoration:none; white-space:nowrap;}
.footer-link{color:inherit;}
.signout:hover{opacity:1; text-decoration:underline;}
@media (max-width:480px){ .signout{display:none;} }

/* ---- Import page (unchanged look) --------------------------------------------------------- */
.import-grid{display:flex; flex-direction:column; gap:26px; max-width:960px;}
.import-card{
  border:1px solid var(--hairline); border-radius:var(--radius);
  background:#fff; box-shadow:var(--shadow); padding:20px 24px 24px;
}
.dropzone{
  border:2px dashed var(--navaris); border-radius:var(--radius);
  background:var(--nivelle); padding:38px 24px; text-align:center;
  cursor:pointer; transition:all .15s; margin-bottom:18px;
}
.dropzone:hover, .dropzone.drag{background:var(--claria); border-color:var(--cymaris);}
.dropzone p{margin:4px 0;}
.import-controls{display:grid; grid-template-columns:220px 220px; gap:10px 22px; align-items:end;}
@media (max-width:700px){ .import-controls{grid-template-columns:1fr;} }
.import-notes{margin:12px 0 4px;}
.table-scroll-import{max-height:420px; overflow:auto; border:1px solid var(--hairline); border-radius:8px;}
#preview-table td.cmt{font-size:.78rem; color:var(--muted); text-align:left; max-width:340px;}
.filter-label{
  display:block; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); font-weight:600; margin-bottom:7px;
}
.f-input, .f-select{
  width:100%; padding:.5rem .6rem; border:1px solid var(--hairline);
  border-radius:6px; font-family:var(--font-ui); font-size:.9rem; color:var(--noxen); background:#fff;
}
.filter-actions{display:flex; gap:8px; margin-top:4px;}
.filter-actions .btn{flex:1; text-align:center;}