@font-face{font-family:Archivo;src:url("fonts/archivo-latin.de2f1fe81758.woff2") format("woff2");font-weight:400 800;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/ibm-plex-sans-latin.b2c9031d9fd6.woff2") format("woff2");font-weight:100 700;font-display:swap}

:root{--ink-deep:#0A222A;--ink:#0E2830;--ground:#EDF1F0;--surface:#fff;--muted:#475B61;--muted-on-dark:#A9BCC1;--burst:#F06A3A;--burst-text:#B03E14;--app-accent:#0E5C58;--text-on-dark:#F2F6F5;--line:#D5DEDC}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}
.display{font-family:Archivo,"Arial Narrow",system-ui,sans-serif;font-stretch:112%;font-weight:700;letter-spacing:-.03em}
.mono{font-family:ui-monospace,"IBM Plex Mono",Menlo,Consolas,monospace}

/* Dark pages: entry, sign-in, MFA, invitations */
body.dark{display:flex;flex-direction:column;background:var(--ink-deep);color:var(--text-on-dark)}
.dark header{padding:28px 6vw}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand span{font-family:Archivo,"Arial Narrow",system-ui,sans-serif;font-stretch:118%;font-weight:700;font-size:23px;letter-spacing:-.01em}
.dark main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:0 6vw 8vh;max-width:820px;width:100%}
.dark h1{margin:0;font-family:Archivo,"Arial Narrow",system-ui,sans-serif;font-stretch:112%;font-weight:700;font-size:clamp(32px,5.5vw,56px);line-height:1.05;letter-spacing:-.03em}
.eyebrow{margin:0;font-size:15px;color:var(--muted-on-dark)}
.lede{margin:0;font-size:18px;line-height:1.55;color:#C9D6D8;max-width:560px}
.dark footer{padding:24px 6vw;font-size:14px;color:var(--muted-on-dark);border-top:1px solid #1E4550}
.dark form{display:flex;flex-direction:column;gap:16px;max-width:400px}
.dark label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#C9D6D8}
.dark input:not([type=submit]){height:46px;padding:0 12px;border-radius:6px;border:1px solid #2E5560;background:#0E2C36;color:var(--text-on-dark);font:inherit;font-size:16px}
.dark input:focus{outline:2px solid var(--burst);outline-offset:1px}
.dark .errorlist{margin:0;padding:0;list-style:none;color:#FFB59B;font-size:14px}
.dark .help{font-size:13px;color:var(--muted-on-dark)}
.dark .help ul{margin:4px 0 0;padding-left:18px}
.dark .qr{background:#fff;padding:12px;border-radius:8px;width:max-content}
.dark .qr svg{display:block;width:200px;height:200px}
.dark code{background:#0E2C36;padding:2px 6px;border-radius:4px;word-break:break-all}
.dark .link{color:var(--muted-on-dark);font-size:14px}
.dark .linkbtn{all:unset;cursor:pointer;text-decoration:underline;color:var(--muted-on-dark);font-size:14px}

.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:6px;border:0;background:var(--burst);color:var(--ink-deep);font:inherit;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;align-self:flex-start}
.btn:hover,.btn:focus-visible{background:#F58256;outline:2px solid currentColor;outline-offset:2px}

/* App shell (light, dark sidebar) */
body.app{display:flex;background:var(--ground);color:var(--ink)}
/* The sidebar stays in view while the page scrolls, so the account block (email, sign out) is always at its foot. */
.side{width:240px;flex-shrink:0;background:var(--ink-deep);color:#E9ECEA;display:flex;flex-direction:column;padding:28px 16px 12px;position:sticky;top:0;height:100vh;align-self:flex-start}
.side .side-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1E4550 transparent}
.side nav a.side-project{margin:0 0 4px 12px;padding:7px 10px;border-left:2px solid var(--burst);border-radius:0 6px 6px 0;font-size:13px;display:flex;flex-direction:column;gap:1px;color:#fff;background:#12333D}
.side nav a.side-project small{font-size:11px;color:var(--muted-on-dark);text-transform:uppercase;letter-spacing:.04em}
/* The project lock (F111): a tick box under the project, in the sidebar. */
.side nav .side-lock{margin:0 0 6px 12px;padding:0 10px}
.side nav .side-lock label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-on-dark);cursor:pointer}
.side nav .side-lock input{accent-color:var(--burst);margin:0}
.side nav .side-lock button{font:inherit;font-size:12px}
.side .org{padding:0 12px 24px;display:flex;flex-direction:column;gap:4px}
.side .org .wm{font-family:Archivo,"Arial Narrow",system-ui,sans-serif;font-stretch:118%;font-weight:700;font-size:20px}
/* The logo mark (F93, F72): it stays put while the page beside it changes, and the ring turns and
   its dot pulses while a page or a panel is loading (app.js sets html.is-loading), as the brand
   kit's loader does. */
.side .org .logo{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;border-radius:6px}
.side .org .logo:focus-visible{outline:2px solid var(--burst);outline-offset:4px}
.side .org .mark{flex:none;overflow:visible}
.side .org .mark .spin{transform-origin:16px 16px}
.side .org .mark .dot{transform-origin:23.8px 8.2px}
html.is-loading .side .org .mark .spin{animation:bs-turn 1.4s cubic-bezier(.65,0,.35,1) infinite}
html.is-loading .side .org .mark .dot{animation:bs-pulse 1.4s cubic-bezier(.65,0,.35,1) infinite}
@keyframes bs-turn{to{transform:rotate(360deg)}}
@keyframes bs-pulse{0%,100%{transform:scale(1)}50%{transform:scale(.5)}}
@media (prefers-reduced-motion:reduce){html.is-loading .side .org .mark .spin,html.is-loading .side .org .mark .dot{animation-duration:3.2s}}
/* Between pages the sidebar is kept still and only the page beside it changes (browsers with
   cross-document view transitions; others simply load the page). */
@view-transition{navigation:auto}
.side{view-transition-name:side}
::view-transition-group(side){animation:none}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
.side .org .name{font-size:12px;color:var(--muted-on-dark)}
.side nav{display:flex;flex-direction:column;gap:2px}
.side nav a{padding:11px 12px;border-radius:6px;color:#C9D6D8;text-decoration:none;font-size:14px}
.side nav a:hover{background:#12333D}
.side nav a[aria-current=page]{background:#1A4450;color:#fff;font-weight:500}
.side nav .navgroup{border-radius:6px}
.side nav .navgroup summary{list-style:none;cursor:pointer;padding:11px 12px;border-radius:6px;color:#C9D6D8;font-size:14px;display:flex;align-items:center;justify-content:space-between}
.side nav .navgroup summary::-webkit-details-marker{display:none}
.side nav .navgroup summary::after{content:"\203A";font-size:16px;transition:transform .15s}
.side nav .navgroup[open] summary::after{transform:rotate(90deg)}
.side nav .navgroup summary:hover{background:#12333D}
.side nav .navgroup summary[aria-current=page]{background:#1A4450;color:#fff;font-weight:500}
.side nav .navgroup{display:flex;flex-direction:column}
.side nav .navgroup a{display:block;padding:9px 12px 9px 28px;font-size:13.5px}
.side .me{flex-shrink:0;padding:12px;margin-top:8px;border-top:1px solid #1E4550;font-size:13px;color:var(--muted-on-dark);display:flex;flex-direction:column;gap:8px}
.side .me-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side .me button{all:unset;cursor:pointer;color:var(--text-on-dark);text-decoration:underline;font-size:13px}
.content{flex:1;padding:20px 48px;display:flex;flex-direction:column;gap:12px;min-width:0}
.content h1{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em}
.crumbs{font-size:13px;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 22px}
.card h2{margin:0 0 6px;font-size:16px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--muted);font-size:13px}
ul.iolist{list-style:none;margin:0;padding:0;color:var(--muted)}
ul.iolist li{margin:0 0 2px}
ul.iolist li:last-child{margin-bottom:0}
.content form.inline{display:inline-flex;gap:8px;align-items:center}
.content select,.content input:not([type=submit]){height:38px;border:1px solid #B9C7C5;border-radius:6px;padding:0 10px;font:inherit;background:#fff}
.content .btn{height:38px;font-size:14px;background:var(--app-accent);color:#fff}
.content .btn:hover{background:#0A4744}
.content .btn.danger{background:#fff;color:#8E1F10;border:1px solid #8E1F10}
.content .btn.secondary{background:#fff;color:var(--app-accent);border:1px solid var(--app-accent)}
.content .btn.secondary:hover{background:#E1EFEE}
.msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.msgs li{padding:12px 16px;border-radius:6px;background:#E1EFEE;border:1px solid #9CC6C2;font-size:14px;word-break:break-all}
.msgs li.error{background:#FBE7E1;border-color:#E4A08A}
@media (max-width:760px){body.app{flex-direction:column}.side{width:auto;min-height:0;position:static;height:auto;align-self:stretch}.content{padding:24px 16px}}

/* Upload, mapping and validation (screen 01) */
.muted{color:var(--muted)}
.small{font-size:12px}
.req{color:var(--burst-text);font-weight:600}
h3{margin:16px 0 6px;font-size:15px}
.steps{list-style:none;margin:0;padding:0;display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.steps li{display:flex;align-items:center;gap:8px}
.steps li span{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#fff}
.steps li.current{color:var(--ink);font-weight:600}
.steps li.current span{border-color:var(--app-accent);color:var(--app-accent)}
.steps li.done{color:var(--app-accent)}
.steps li.done span{background:var(--app-accent);border-color:var(--app-accent);color:#fff}
.filecard{display:flex;justify-content:space-between;align-items:center;gap:16px}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#E1EFEE;color:var(--app-accent);white-space:nowrap}
.badge[hidden]{display:none}
.badge.error,.badge.rejected{background:#FBE7E1;color:#8E1F10}
.badge.warning,.badge.uploading,.badge.inspecting,.badge.validating,.badge.loading{background:#FBF1D9;color:#7A5A12}
.tag{font-size:12px;padding:2px 8px;border-radius:4px;background:#EDF1F0;color:var(--muted)}
.tag.req{background:#FBE7E1;color:#8E1F10;font-weight:600}
.tag.generated{background:#EDE7FB;color:#5B3DB5;margin-left:8px}
tr.grouprow th{background:#F4F7F6;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:6px 8px}
.kpis{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.kpi{flex:1;min-width:140px;padding:11px 18px;border-radius:8px;background:#E1EFEE;display:flex;flex-direction:column;gap:2px}
.kpi strong{font-size:28px;font-family:Archivo,system-ui,sans-serif;font-stretch:112%}
.kpi.warn{background:#FBF1D9}
.kpi.bad{background:#FBE7E1}
.banner{display:block;padding:12px 16px;border-radius:6px;background:#FBF1D9;border:1px solid #E6CB86;font-size:14px}
.banner.error{background:#FBE7E1;border-color:#E4A08A}
.banner.ok{background:#E1EFEE;border-color:#9CC6C2}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btnrow label{display:flex;gap:8px;align-items:center;font-size:14px}
.content .btn.primary{background:var(--burst);color:var(--ink-deep)}
.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:end}
.formgrid label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.formgrid label.check{flex-direction:row;align-items:center}
.content input[type=file]{height:auto;padding:6px}
progress{width:100%;height:10px;margin:12px 0}
.upload-status{min-height:1.4em;font-size:14px}
.upload-status.error{color:#8E1F10}
.mono.small{font-size:12px}

/* Runs, results and exports (screens 02 and 03) */
.titlerow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.badge.complete{background:#DDF0E4;color:#1F6B3B}
.badge.queued,.badge.running,.badge.pending{background:#FBF1D9;color:#7A5A12}
.badge.failed{background:#FBE7E1;color:#8E1F10}
.num{text-align:right}
.runlayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.runmain{display:flex;flex-direction:column;gap:24px;min-width:0}
.runsummary dl{margin:0 0 12px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.runsummary dt{color:var(--muted)}
.runsummary dd{margin:0}
.modelcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.modelcard{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:8px;padding:14px;cursor:pointer;position:relative}
.modelcard.selected{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent)}
.modelcard.disabled{opacity:.55;cursor:default}
.modelcard input{position:absolute;opacity:0;pointer-events:none}
a.modelcard{color:inherit;text-decoration:none;background:var(--surface)}
a.modelcard:hover{border-color:var(--app-accent)}
.modelcard.selected{background:#F2F8F7}
.modelcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.modelcard-state{display:flex;gap:6px;flex-wrap:wrap}
.tag.on{background:var(--app-accent);color:#fff}
.tag.ok{background:#E1EFEE;color:#1E5B4E}
.tag.warn{background:#FBE7E1;color:#8E1F10}
.classchecks{display:flex;flex-wrap:wrap;gap:10px 22px}
.classchecks label{display:flex;align-items:center;gap:8px;font-size:15px}
.modelcard:focus-within{outline:2px solid var(--app-accent);outline-offset:2px}
.thresholds{border:0;padding:0;margin:16px 0 0}
.thresholds legend{font-size:14px;color:var(--muted);margin-bottom:8px;padding:0}
.advanced{margin-top:16px}
.advanced summary{cursor:pointer;color:var(--app-accent);font-size:14px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.tabs a{padding:8px 16px;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent;font-size:14px}
.tabs a[aria-current=page]{color:var(--ink);border-color:var(--burst);font-weight:600}
/* A dashboard's page tabs: double-click a name to rename it, x deletes the page, + adds one */
.pagetabs{align-items:center;flex-wrap:wrap}
.pagetab{display:inline-flex;align-items:center}
.pagetab a[data-rename]{user-select:none}
.pagerename input{height:30px;width:160px;font-size:14px}
.tabx,.tabplus{border:0;background:none;color:var(--muted);cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px;font-size:16px}
.tabplus{font-size:20px;margin-left:2px}
.tabx:hover,.tabx:focus-visible,.tabplus:hover,.tabplus:focus-visible{color:var(--ink);background:#F4F7F6}
.tabx{visibility:hidden}
.pagetab:hover .tabx,.pagetab:focus-within .tabx,.pagetab a[aria-current=page]~form .tabx{visibility:visible}
.maplayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.mapcard{padding:12px;position:relative}
#map,.geomap{height:560px;width:100%;border-radius:6px;overflow:hidden;background:#F4F7F6}
.legend{position:absolute;top:24px;left:24px;z-index:5;display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:rgba(255,255,255,.94);border-radius:8px;box-shadow:0 2px 10px rgba(10,34,42,.15);font-size:13px;max-width:min(200px,calc(100% - 48px))}
.legend label{display:flex;align-items:center;gap:6px;cursor:pointer}
.maphud-status{position:absolute;bottom:24px;right:24px;z-index:5;margin:0;padding:6px 12px;background:rgba(255,255,255,.94);border-radius:6px;box-shadow:0 2px 10px rgba(10,34,42,.15)}
.swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;overflow:hidden}
.popup{font-size:13px;line-height:1.5}
.popup-title{font-weight:600;font-size:14px;margin-bottom:4px}
.popup ul{margin:2px 0 0;padding-left:18px}
.lof{display:inline-flex;align-items:center;justify-content:center;min-width:22px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:#E1EFEE;color:#0E5C58}
.lof.g2{background:#EAF3D2;color:#4E6B1A}
.lof.g3{background:#FBF1D9;color:#7A5A12}
.lof.g4{background:#FBE0D7;color:#A2340F}
.lof.g5{background:#8E1F10;color:#fff}
.filterbar{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:12px}
.filterbar label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.pager{display:flex;gap:12px;align-items:center;margin-top:12px}
.chartgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}
.chartcard{position:absolute;min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px 12px;box-sizing:border-box;overflow:hidden}
.chartcard .th{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;user-select:none}
.kpivalue{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:var(--ink);margin:0}
.details{display:grid;grid-template-columns:200px 1fr;gap:8px 16px;margin:0 0 12px;font-size:14px}
.details dt{color:var(--muted)}
.details dd{margin:0;word-break:break-word}
pre.params{background:#F4F7F6;padding:12px;border-radius:6px;font-size:12px;overflow:auto;max-height:320px}
.content textarea{width:100%;border:1px solid #B9C7C5;border-radius:6px;padding:10px;font-family:inherit;font-size:13px;background:#fff}
.content label.wide{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:14px}
.content progress{height:12px;margin:8px 0}
.demo-card{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media (max-width:1000px){.runlayout,.maplayout{grid-template-columns:1fr}#map{height:420px}}

.content .btn.disabled{opacity:.45;pointer-events:none}

/* Developer mode: on-page element reference numbers (e.g. "4B"), see core/devmode.js */
.devid{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 4px;margin-right:6px;border-radius:3px;background:#5B3DB5;color:#fff;font-family:ui-monospace,"IBM Plex Mono",monospace;font-size:10px;font-weight:600;vertical-align:middle;cursor:help}

/* Data model view (project Data model tab) */
/* The Data model step's schematic (data-model.js): cards placed on a grid, joins drawn field to
   field. Without the script the cards simply wrap. */
.schematic{position:relative;overflow:auto;max-height:78vh;min-height:360px;border:1px solid var(--line);border-radius:8px;background:
  linear-gradient(90deg,#E4EAE8 1px,transparent 1px) 0 0/24px 24px,
  linear-gradient(#E4EAE8 1px,transparent 1px) 0 0/24px 24px,
  var(--surface)}
.schematic-inner{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:24px;min-height:360px}
.schematic-inner.placed{display:block;padding:0}
.schematic-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 8px}
.schematic-bar .btnrow{align-items:center}
.schematic-find{display:flex;align-items:center;gap:6px}
.schematic-find input{width:180px}
.mcard li.found{background:#FBF1D6}
.mcard li.found.current{outline:2px solid #C9971C;outline-offset:-2px}
.schematic-lines{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.schematic-lines path{fill:none;stroke:var(--app-accent);stroke-width:2;pointer-events:visibleStroke}
.schematic-lines path.match{stroke:#8E1F10}
.schematic-lines path.spatial{stroke:#4E8F94;stroke-dasharray:6 4}
.schematic-lines path.flow{stroke:#8A7A4A;marker-end:url(#flowhead)}
.schematic-lines path.flow.spatial{stroke:#4E8F94}
.schematic-lines path.hit{stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}
.schematic-lines path.hit:hover + path{stroke-width:4}
.schematic-lines path.shown{pointer-events:none}
.schematic-lines path.drawing{stroke:var(--burst);stroke-width:2.5;stroke-dasharray:5 4;pointer-events:none}
.modellegend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--muted)}
.modellegend .swatch{display:inline-block;width:28px;height:0;border-top:2px solid var(--app-accent)}
.modellegend .swatch.match{border-top-color:#8E1F10;margin-left:8px}
.modellegend .swatch.spatial{border-top:2px dashed #4E8F94;margin-left:8px}
.modellegend .swatch.flow{border-top-color:#8A7A4A;margin-left:8px}
.mcard[data-kind=tool]{width:220px;border-color:#C9971C;border-radius:14px}
.mcard[data-kind=tool] .mcard-head{background:#FBF1D6;border-radius:14px 14px 0 0}
.mcard[data-kind=input]{width:220px;border-color:#4A78A8;border-radius:20px}
.mcard[data-kind=input] .mcard-head{background:#E6EEF7;border-radius:20px 20px 0 0}
.mergelist{list-style:none;margin:0;padding:0}
.mergelist>li{padding:10px 0;border-top:1px solid var(--line)}
.mergepairs{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:flex-end}
.mergepairs p,.mergepairs .btnrow{flex-basis:100%;margin:0}
.mcard{position:relative;z-index:1;flex:none;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 6px rgba(10,34,42,.08)}
.schematic-inner.placed .mcard{position:absolute}
.mcard.moving{z-index:5;box-shadow:0 10px 28px rgba(10,34,42,.22)}
.mcard-head{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;background:#F4F7F6;cursor:grab;user-select:none;touch-action:none}
.mcard.moving .mcard-head{cursor:grabbing}
.mcard-head .dot{width:9px;height:9px;border-radius:2px;flex-shrink:0;overflow:hidden}
.mcard-title{min-width:0;flex:1}
.mcard-title strong{display:block;font-size:13px}
.mcard-title span{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mcard-head .badge{font-size:10px;padding:1px 7px}
.mfields{list-style:none;margin:0;padding:4px 0;max-height:300px;overflow-y:auto}
.mfields li{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;padding:4px 26px 4px 12px;font-size:12.5px;line-height:1.35}
.mfields .fname{font-family:ui-monospace,"IBM Plex Mono",monospace;font-size:12px;overflow-wrap:anywhere}
.mfields .fmap{color:var(--app-accent);font-size:11.5px}
.mfields li.key{background:#EEF5F4;font-weight:600}
.mfields .handle{position:absolute;right:8px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:2px solid var(--app-accent);background:#fff;cursor:crosshair;touch-action:none;opacity:.45}
.mfields li:hover .handle,.mfields li.key .handle,.mfields li.joining .handle{opacity:1}
.mfields li.joining{background:#FDE8DF}
.mfields li.drop{outline:2px solid var(--burst);outline-offset:-2px;background:#FDE8DF}
.schematic.is-joining .mcard:not([data-connect]){opacity:.55}
.mcard-foot{display:flex;justify-content:space-between;gap:8px;padding:6px 12px;border-top:1px solid var(--line)}
.mcard-foot a{color:var(--app-accent)}
.mcard .cardruns{border-top:1px solid var(--line);padding:8px 12px 10px}
.mcard .cardruns-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}
.runsublist{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:2px}
.runsublist li{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:0}
.runsublist a{color:var(--app-accent);text-decoration:none}
.runsublist a:hover{text-decoration:underline}
.cardruns .more{font-size:11px}
/* Mapping a field on the canvas, and each card's next step */
.mfields button.fname{all:unset;cursor:pointer;font-family:ui-monospace,"IBM Plex Mono",monospace;font-size:12px;overflow-wrap:anywhere;border-bottom:1px dotted #9FB1B0}
.mfields button.fname:hover,.mfields button.fname:focus-visible{color:var(--app-accent);border-bottom-color:var(--app-accent)}
.fieldmap{position:absolute;z-index:8;width:270px;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px rgba(10,34,42,.2)}
.fieldmap[hidden]{display:none}
.fieldmap label{display:flex;flex-direction:column;gap:6px}
.fieldmap select{width:100%}
.fieldmap p{margin:0}
.tomap{color:#8E1F10;font-weight:600}
/* A card collapsed to its joined fields, and fields made by a spatial query */
.mcollapse{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;color:var(--muted)}
.mcollapse:hover,.mcollapse:focus-visible{background:#E4EAE8;color:var(--ink)}
.mcollapse svg{transition:transform .15s}
.mcard.collapsed .mcollapse svg{transform:rotate(-90deg)}
.mcard.collapsed .mfields li:not(.key):not(.morefields){display:none}
.mfields li.morefields{display:none;color:var(--muted);font-size:11.5px;font-style:italic}
.mcard.collapsed .mfields li.morefields{display:flex}
.fderived{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#1B6EC2;border:1px solid #9CC0E6;border-radius:3px;padding:0 4px}
/* GIS files: the tick in the library, a file's map, and unloaded files on a project's map */
.tag.gis{background:#E1EFEE;color:var(--app-accent);font-weight:600}
th.gis,td.gis{text-align:center;width:1%}
.checkinline{flex-direction:row!important;align-items:center;gap:6px!important;align-self:center}
.libmap{height:380px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.previewkey .dash{display:inline-block;width:22px;height:0;border-top:2px dashed #1B6EC2;vertical-align:middle;margin-right:2px}
.joinacts{display:inline-flex;align-items:center;gap:8px}
.menubtn .joinpanel{left:auto;right:0;width:min(440px,86vw)}
.joinpanel form{display:flex;flex-direction:column;gap:10px}
.joinpanel label{display:flex;flex-direction:column;gap:4px;text-align:left}
.joinpanel select{width:100%}
tr.flash td{background:#FDE8DF;transition:background 1.2s}
.schematic[data-connect-url] .mcard[data-connect] .mfields li{cursor:grab;user-select:none}
.schematic.is-joining,.schematic.is-joining *{cursor:grabbing}
.dragchip{position:absolute;z-index:9;pointer-events:none;padding:3px 9px;border-radius:999px;background:var(--ink,#0E2830);color:#fff;font:600 12px ui-monospace,"IBM Plex Mono",monospace;box-shadow:0 4px 14px rgba(10,34,42,.25);white-space:nowrap}
.dragchip.ok{background:var(--burst,#F06A3A);color:#0A222A}
.mcard-acts{display:inline-flex;align-items:center;gap:8px}
/* Add data: the start of a project, and the pop-up on its Data model step */
.adddata h3{margin:0 0 4px}
.addgroups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 18px;margin-top:8px}
.addgroups fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;min-width:0}
.addgroups legend{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:0;margin-bottom:2px}
.addfile{display:flex;align-items:baseline;gap:8px;font-size:14px;overflow-wrap:anywhere}
.addfile input{flex:none}
.menubtn .addpanel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:min(640px,86vw);max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(10,34,42,.12);padding:14px 16px}

/* Analysis platform: Power BI-style layout — collapsible left data (fields) pane, main chart
   grid, right filters pane with chart/page/dashboard sections. See analysis/dashboard.js. */
.linklike{background:none;border:0;padding:0;color:var(--app-accent);text-decoration:underline;cursor:pointer;font:inherit}
.linklike.small{font-size:12px}
/* The Data, Visualizations and Filters panes sit side by side on the left, the same height, each folding to a
   narrow strip (dashboard.js remembers which are folded). */
.pbi-layout{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:16px;align-items:stretch;flex:1;min-height:0}
.pbi-layout:has(.vizpane){grid-template-columns:auto auto auto minmax(0,1fr)}
.sidepane{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-self:stretch;position:sticky;top:20px;height:calc(100vh - 40px);overflow:auto;width:240px}
.sidepane.filterspane{width:260px}
.sidepane.vizpane{width:230px}
.vizpane-body{padding:8px 14px 16px}
/* The selected visual's field wells and format options (the Visualizations pane) */
.vizhead{margin:10px 0 4px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.vizhead span:first-child{overflow-wrap:anywhere}
.well{border:1px dashed var(--line);border-radius:6px;padding:6px 8px;margin:8px 0;display:flex;flex-direction:column;gap:4px}
.well.dragover{border-color:var(--app-accent);border-style:solid;background:#E1EFEE}
.welllabel{font-size:12px;font-weight:600;color:var(--muted)}
.wellempty{margin:0;font-size:12px;color:var(--muted)}
.wellfield{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;background:#F4F7F6;border-radius:4px;padding:4px 6px}
.wellfield span{flex:1;min-width:0;overflow-wrap:anywhere}
.wellfield select{height:28px;font-size:12px}
.vizformat{display:flex;flex-direction:column;gap:6px;font-size:13px}
.vizformat label{display:flex;flex-direction:column;gap:2px}
.vizformat select,.vizformat input{height:30px;font-size:12px}
/* The dashboard's Data model view: the tables as cards, the links drawn over them */
.modelcanvas{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;padding:12px 0 24px}
.modellinks{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.modellinks path{fill:none;stroke:var(--muted);stroke-width:1.4}
.modellinks text{font-size:12px;font-weight:600;fill:var(--ink)}
.modelcol{display:flex;flex-direction:column;gap:20px;min-width:0}
.modelcol.hub{padding-left:22px}
.modeltable{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.modeltable.hubtable{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent)}
.modeltable h3{margin:0;padding:10px 12px;font-size:13px;background:#F4F7F6;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}
.modeltable ul{list-style:none;margin:0;padding:4px 0;max-height:220px;overflow:auto}
.modeltable li{display:flex;justify-content:space-between;gap:8px;padding:3px 12px;font-size:12.5px}
.modeltable li span:first-child{overflow-wrap:anywhere;min-width:0}
.modeltable li.modelkeyfield{font-weight:600;background:#E1EFEE}
.modelkey .modelmany,.modelkey .modelone{font-weight:700;color:var(--ink);margin:0 2px 0 10px}
@media (max-width:900px){.modelcanvas{grid-template-columns:1fr;gap:16px}.modellinks{display:none}.modelcol.hub{padding-left:0}}
.sidepane:not([open]){width:40px;overflow:hidden}
.sidepane>summary{cursor:pointer;list-style:none;padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;top:0;background:var(--surface);z-index:1}
.sidepane>summary::-webkit-details-marker{display:none}
.sidepane>summary::after{content:"ƒ9";transition:transform .15s}
.sidepane[open]>summary::after{transform:rotate(0)}
.sidepane:not([open])>summary{writing-mode:vertical-rl;padding:14px 10px;border-bottom:0;height:100%;justify-content:flex-start}
.sidepane:not([open])>summary::after{transform:rotate(90deg)}
.fieldspane-body{padding:8px 16px 16px}
.fieldsearch{width:100%;height:32px;margin-bottom:10px;font-size:13px}
.fieldsource{margin-bottom:8px}
.fieldsource>summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:4px 0}
.fieldsource>summary span:first-child{overflow-wrap:anywhere}
.fieldsource ul{list-style:none;margin:0 0 6px;padding:0 0 0 8px}
.fieldsource li.field{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px}
.fieldsource li.field span:first-child{overflow-wrap:anywhere;min-width:0}
.fieldsource li.field[hidden]{display:none}
.pbi-main{min-width:0;min-height:0;display:flex;flex-direction:column;gap:12px}
.filterspane-body{padding:14px 16px;display:flex;flex-direction:column;gap:18px}
.filtersection h3{margin:0 0 8px;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}
.filterblocks{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.filterblock{border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.filterblock-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}
.checklist{max-height:160px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.checkitem{display:flex;align-items:center;gap:6px;font-size:12.5px}
.rangepair{display:flex;align-items:center;gap:6px}
.rangepair input{height:32px;width:0;flex:1;min-width:0}
.rawfilterlines{list-style:none;margin:0;padding:0;font-size:12px;color:var(--muted);font-family:ui-monospace,"IBM Plex Mono",monospace}
.filterspane .addfield{width:100%;margin-bottom:8px}
.filterspane .btn{height:34px;font-size:13px;width:100%}
.chartcard.selected{box-shadow:0 0 0 2px var(--app-accent)}
@media (max-width:1100px){.pbi-layout,.pbi-layout:has(.vizpane){grid-template-columns:1fr}.sidepane,.sidepane.filterspane,.sidepane.vizpane,.sidepane:not([open]){position:static;height:auto;max-height:none;width:auto}
  .sidepane:not([open])>summary{writing-mode:horizontal-tb;padding:12px 16px}}
/* A table visual's columns (its options menu) */
.tablecols{border:0;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px}
.tablecols legend{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}
.tablecol{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:4px;align-items:center}
.tablecol span{overflow-wrap:anywhere}
.tablecol select{height:28px;font-size:12px}

/* Drag-and-drop chart building: a row of chart-type icons next to the data fields (both
   draggable), dropped onto the canvas or an existing card — see analysis/dashboard.js. */
.visuals{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.visualrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.visual-icon{width:34px;height:34px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--app-accent);cursor:grab;display:flex;align-items:center;justify-content:center}
.visual-icon:hover,.visual-icon:focus-visible{border-color:var(--app-accent);background:#E1EFEE;outline:0}
.visual-icon:active{cursor:grabbing}
.visual-icon svg{width:100%;height:100%;fill:currentColor}
.fieldsource li.field[draggable]{cursor:grab}
.fieldsource li.field[draggable]:hover{background:#F4F7F6}
.fieldsource li.field[draggable]:active{cursor:grabbing}
.chartcard.empty{border-style:dashed}
.chartcard.dragover{border-color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent);background:#E1EFEE}
.dropcanvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:6px}
.cardagg{height:30px;font-size:12px;padding:0 6px;border-radius:6px;border:1px solid #B9C7C5}

/* Landscape canvas: a fixed-size page (see analysis.models.CANVAS_WIDTH/HEIGHT) scaled with CSS
   transform to fit the browser, with independent zoom on top — like a Power BI Desktop report
   page. Charts are absolutely positioned on it and dragged/resized in pixel space; see
   analysis/dashboard.js for the fit/zoom math and pointer-based move/resize. */
.canvastoolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}
.advancedchart{position:relative}
.advancedchart summary{cursor:pointer;color:var(--app-accent);font-size:13px;list-style:none;padding:7px 12px;border:1px solid var(--line);border-radius:6px;background:#fff}
.advancedchart summary::-webkit-details-marker{display:none}
.advancedchart[open] summary{border-color:var(--app-accent)}
.advancedchart form{position:absolute;top:100%;left:0;z-index:20;margin-top:6px;width:600px;max-width:90vw;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px rgba(10,34,42,.15);padding:14px 16px}
.zoomcontrols{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;flex:none}
.zoomcontrols .zoomstep{font-weight:700;width:18px;text-align:center;font-size:15px}
.zoomcontrols #zoom-level{min-width:38px;text-align:center}
.zoomcontrols #zoom-fit{white-space:nowrap}
.canvas-viewport{flex:1;min-height:420px;overflow:auto;background:#E4EAE8;border:1px solid var(--line);border-radius:8px;position:relative}
.canvas-page-sizer{margin:16px auto}
.canvas-page{position:relative;width:1280px;height:720px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 16px rgba(10,34,42,.15);transform-origin:0 0}
.canvasempty{padding:32px;text-align:center;color:var(--muted)}
.chartcard .th[data-draghandle]{cursor:move}
.canvaswrap{position:relative;flex:1;min-height:0}
.cardscroll{flex:1;min-height:0;overflow:auto}
.resizehandle{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize}
.resizehandle::after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted)}
/* Renewal program: spend by year */
.spend th{width:4.5em;text-align:left;font-weight:600}.spend td.bar{width:70%}.spend td.bar span{display:block;height:14px;border-radius:3px;background:var(--app-accent)}
/* Bars and swatches are SVG (I21): sized and coloured without inline styles or JavaScript */
.barsvg{display:block;width:100%;height:14px;border-radius:3px;overflow:hidden}.barsvg rect{fill:var(--app-accent)}
/* A form-backed item in a sidebar group (Admin -> Developer mode) */
.navform{margin:0}.navform button{display:block;width:100%;text-align:left;padding:9px 12px 9px 28px;font:inherit;font-size:13.5px;color:#C9D6D8;background:none;border:0;border-radius:6px;cursor:pointer}.navform button:hover,.navform button:focus-visible{background:#12333D;color:#fff}
.content input[type=checkbox],.content input[type=radio]{height:auto;padding:0}

/* The standard error box (core/_error_box.html, opened by core/app.js) */
.errorbox{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid #E4A08A;border-top:6px solid #B03E14;border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 18px 48px rgba(10,34,42,.28)}
.errorbox::backdrop{background:rgba(10,34,42,.45)}
.errorbox-head{display:flex;align-items:center;gap:12px;padding:18px 20px 0}
.errorbox-head h2{margin:0;font-size:19px}
.errorbox-icon{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#B03E14;color:#fff;font-weight:700;font-size:17px}
.errorbox-lead{margin:10px 20px 0;color:var(--muted);font-size:14px}
.errorbox-list{margin:10px 20px 0;padding-left:20px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.errorbox-list li+li{margin-top:6px}
.errorbox-actions{display:flex;justify-content:flex-end;padding:18px 20px 20px}
.errorbox-actions .btn{height:40px;padding:0 22px;align-self:auto}

/* Report */
.report-years th,.report-years td{white-space:nowrap}
.report-years td.bar{width:160px;min-width:120px}
.report-years td.bar span{display:block;height:12px;border-radius:3px;background:var(--app-accent)}
.report-years td.bar .barsvg{height:12px}
.riskband{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:8px;vertical-align:middle}
.riskband.low{background:#8CC4B3}.riskband.medium{background:#E6CB86}.riskband.high{background:#E4A08A}.riskband.very_high{background:#8E1F10}
/* Reports (F110): one card per standard report, with what it needs ticked off. */
.reportlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:16px}
.report-card h2{margin-bottom:4px}.report-card.ready{border-left:3px solid var(--burst)}
.needs{list-style:none;padding:0;margin:4px 0 12px}.needs li{display:flex;gap:8px;padding:3px 0;font-size:14px}
.needs .tick{width:1.2em;flex:none;font-weight:700}.needs .met .tick{color:#2E7D5B}.needs .missing .tick{color:#B3361B}
.riskmatrix td.cell{min-width:44px}.riskmatrix td.low{background:#8CC4B3}.riskmatrix td.medium{background:#E6CB86}
.riskmatrix td.high{background:#E4A08A}.riskmatrix td.very_high{background:#8E1F10;color:#fff}
.report-runs select{max-width:230px}

/* Project bar: the same header on every page inside a project (overview, datasets, runs), so it is
   always clear which project you are in, with the set-up steps as tabs. */
.projecthead{display:flex;flex-direction:column;gap:8px;padding:14px 22px 0;margin:0 0 4px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--burst);border-radius:8px}
.projecthead .eyebrow-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--burst-text)}
.projecthead .titlerow{gap:12px}
.projecthead .titlerow h1{font-size:26px}
.projecthead .desc{margin:0;font-size:14px;color:var(--muted)}
.projecthead .projectedit{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}
.projecthead [hidden]{display:none!important}
.projecthead .projectedit .formgrid{grid-template-columns:minmax(220px,2fr) minmax(180px,1fr)}
.projecthead .projectedit label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.datafresh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:14px}
.datafresh.stale{padding:10px 14px;border:1px solid #C9971C;border-radius:8px;background:#FBF1D6}
.projecthead .projectnext{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 -22px;padding:10px 22px;
  border-top:1px solid var(--line);background:#FBF7EC;border-radius:0 0 8px 8px;font-size:14px}
.projecthead .projectnext .btn{margin-left:auto}
.projecthead .tabs{border-bottom:0;margin:2px -22px 0;padding:0 14px;border-top:1px solid var(--line);flex-wrap:wrap}
.projecthead .tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px}
.projecthead .tabs a .stepno{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--muted);background:#fff}
.projecthead .tabs a[aria-current=page] .stepno{border-color:var(--burst);background:var(--burst);color:var(--ink-deep)}
.projecthead .tabs .tabs-gap{flex:1}
.pagehead{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pagehead h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.stepnav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.stepnav a{font-size:14px}
.menubtn{position:relative;display:inline-block}
.menubtn>summary{list-style:none;cursor:pointer}
.menubtn>summary::-webkit-details-marker{display:none}
.menubtn>summary::after{content:"\25BE";margin-left:8px;font-size:12px}
.menubtn .menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(10,34,42,.12);padding:6px;display:flex;flex-direction:column}
.menubtn .menu a,.menubtn .menu button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:6px;font-size:14px;color:var(--ink)}
.menubtn .menu a:hover,.menubtn .menu a:focus-visible,.menubtn .menu button:hover{background:#EDF1F0}
.menubtn .menu small{font-size:12px;color:var(--muted)}
.table-card.planned{border-style:dashed;opacity:.85}
.iotable{width:100%;font-size:12.5px}
.iotable th,.iotable td{padding:4px 6px}
.iotable td.field{font-family:ui-monospace,"IBM Plex Mono",Menlo,Consolas,monospace;white-space:nowrap}
.steplist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:step}
.steplist li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;counter-increment:step}
.steplist li::before{content:counter(step);width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--app-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.steplist li .grow{flex:1;min-width:0}
.steplist li.disabled{opacity:.6}

/* Analysis: dashboard data scope and cross-filtering; the map builder */
.scopebar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0}
.scopebar label{display:flex;align-items:center;gap:8px;font-size:14px}
.crossfilter{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:999px;background:#FDEBE3;border:1px solid #F3B49A;font-size:13px}
.crossfilter[hidden]{display:none}
.chartcard.crossfilter-source{box-shadow:0 0 0 2px var(--burst)}
tr.crossfilterable{cursor:pointer}
tr.crossfilterable:hover td{background:#F4F7F6}
.maplayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.layerpanel{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 140px);overflow-y:auto;position:sticky;top:12px}
.layerpanel h3{margin:10px 0 2px}
.layerlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.layerlist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}
.layerlist li .grow{flex:1;min-width:150px;display:flex;flex-direction:column}
.layerlist .swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}
.layerlist .btn{height:28px;padding:0 8px;font-size:12px}
.colours{gap:4px!important}
.colourchip{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0;overflow:hidden}
.colourchip .chipfill{display:block;width:100%;height:100%}
.colourchip.on{box-shadow:0 0 0 2px var(--ink)}
.addlayer{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.addlayer select,.addlayer input{flex:1;min-width:140px}
.itemlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.itemlist .btn{height:26px;padding:0 8px;font-size:12px}
@media (max-width:1000px){.maplayout{grid-template-columns:1fr}.layerpanel{position:static;max-height:none}}

/* Need help? at the top right of every page, and the documents (manual, technical, marketing) */
.content{position:relative}
.topbar{position:absolute;top:16px;right:48px;z-index:5;display:flex;align-items:center;gap:10px}
.helplink{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--app-accent);text-decoration:none}
.helplink::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--app-accent);color:#fff;font-size:11px;font-weight:700}
.helplink:hover{border-color:var(--app-accent)}
.content > .crumbs:first-of-type,.content > .projecthead{margin-right:190px}
.projecthead{margin-right:0!important;margin-top:34px}
@media (max-width:760px){.topbar{position:static;align-self:flex-end}.content > .crumbs:first-of-type{margin-right:0}.projecthead{margin-top:0}}
.doc{max-width:860px;font-size:15px;line-height:1.6}
.doc h2{font-size:20px;margin:28px 0 8px;padding-top:8px;border-top:1px solid var(--line)}
.doc h3{font-size:16px;margin:18px 0 6px}
.doc p,.doc li{max-width:72ch}
.doc .lede{font-size:17px;color:var(--muted)}
.doc .callout{padding:12px 16px;border-radius:8px;background:#E1EFEE;border:1px solid #9CC6C2;margin:12px 0}
.doc .callout.warn{background:#FBF1D9;border-color:#E6CB86}
.doc table{margin:8px 0 14px}
.doc code{font-family:ui-monospace,"IBM Plex Mono",Menlo,Consolas,monospace;font-size:13px;background:#EDF1F0;padding:1px 5px;border-radius:4px}
.doc pre{background:#0E2830;color:#E9ECEA;padding:12px 14px;border-radius:8px;overflow-x:auto;font-size:12.5px;line-height:1.5}
.doc pre code{background:none;padding:0;color:inherit}
.doc .toc{columns:2;gap:24px;padding-left:18px}
.doc .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.doc .panel{border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:var(--surface)}
.doc .panel h3{margin-top:0}
.doc .placeholder{background:#FBF1D9;padding:0 4px;border-radius:3px}
.doclist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.doclist .card{display:flex;flex-direction:column;gap:6px}
.doclist .card p{margin:0}
.todotable td{vertical-align:top}
/* F105: the table scrolls inside its card, so its header stays in view (a wrapper that scrolls
   sideways would otherwise carry a sticky header off the page with it) */
.todowrap{max-height:calc(100vh - 150px);overflow:auto;padding-top:0}
.todotable thead th{position:sticky;top:0;z-index:2;background:var(--surface);box-shadow:inset 0 -1px 0 var(--line)}
.todotable .code{font-family:ui-monospace,"IBM Plex Mono",Menlo,Consolas,monospace;font-weight:700;color:var(--app-accent);white-space:nowrap}
.todotable .itemcell{min-width:280px}
.todotable .detail{margin:4px 0 0;font-size:13px}
.todotable .more{margin-top:4px;font-size:13px}
.todotable .more summary{cursor:pointer;color:var(--app-accent)}
.todotable .more textarea{min-height:56px;width:100%}
.todotable .comments{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.todotable .comments li{padding:6px 10px;border-left:3px solid var(--burst);background:#F4F7F6;border-radius:0 6px 6px 0}
.todotable .expansion{margin:8px 0;padding:10px 14px;border:1px solid #9CC6C2;background:#E1EFEE;border-radius:8px}
.todotable .expansion h3{margin:0 0 6px;font-size:14px}
.todotable .expansion p{margin:0 0 8px}
.todotable .tickcol,.todotable .statuscol{width:1%;text-align:center}
.todotable th.statuscol{white-space:nowrap}
.todotable select{height:30px;font-size:13px}
.todorow.status-done,.todorow.status-dismissed{opacity:.7}
.todorow.status-next td:first-child{box-shadow:inset 4px 0 0 var(--burst)}
.todorow.saving{opacity:.55}
.todotable.compact td{padding:3px 8px}
.todotable.compact .detail{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}
.todotable.compact .more{display:inline-block;margin:0 0 0 8px}
.todotable.compact .more[open]{display:block;margin:4px 0 0}
.todotable.compact .itemtitle{font-weight:600}
.badge.next{background:#FDEBE3;color:var(--burst-text)}
.badge.dismissed{background:#EDF1F0;color:var(--muted)}
.badge.done{background:#DDF0E4;color:#1F6B3B}
.badge.open{background:#E1EFEE;color:var(--app-accent)}
.slicer ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.slicer label{display:flex;align-items:center;gap:6px;cursor:pointer}

.bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--app-accent)}
.bell svg{width:18px;height:18px}
.bell .count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--burst);color:var(--ink-deep);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.bell:hover{border-color:var(--app-accent)}
.notelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.notelist li{display:flex;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}
.notelist li.unread{background:#F4F7F6}
.notelist li.unread strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--burst);margin-right:8px;vertical-align:middle}
.notelist li.failed strong{color:#8E1F10}

.content .btn.drilltoggle{height:30px;padding:0 10px;font-size:12px;background:#fff;color:var(--app-accent);border:1px solid var(--app-accent)}
.content .btn.drilltoggle[aria-pressed="true"]{background:var(--app-accent);color:#fff}
.drillcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;flex:none}
.drillcrumbs[hidden]{display:none}
.drillcrumbs button{font-size:12px}
.cardmap{position:relative;flex:1;min-height:0;border-radius:4px;overflow:hidden;background:#F4F7F6}
.maplegend{display:flex;flex-wrap:wrap;gap:4px 10px;flex:none;max-height:44px;overflow:auto}
.maplegend span{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.maplegend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.bookmarks{position:relative;margin-left:auto}
.bookmarks summary{list-style:none;cursor:pointer}
.bookmarks summary::-webkit-details-marker{display:none}
.bookmarkmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:320px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(10,34,42,.12);display:flex;flex-direction:column;gap:10px}
.bookmarkmenu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bookmarkmenu li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bookmarkmenu li a[aria-current]{font-weight:700}
.bookmarkmenu form#bookmarkform{display:flex;flex-direction:column;gap:6px}
.bookmarkmenu label{flex-direction:column;align-items:stretch;gap:4px}

.keyonce{border-color:var(--burst);background:#FFF8F4}
code.secret{display:inline-block;padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:14px;word-break:break-all;user-select:all}

.stampform summary{cursor:pointer}
.stampform form{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.stampform fieldset{border:1px solid var(--line);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}
.stampform legend{font-weight:600;padding:0 4px}


.failurecard h2{margin-top:0}
.logtail{max-height:240px;overflow:auto;background:#F4F7F6;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px;white-space:pre-wrap}
.reportform{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.reportform input[type=text]{min-width:260px}
.card.problem.resolved{opacity:.65}

.tourbox{position:absolute;z-index:60;background:var(--surface);border:1px solid var(--app-accent);border-radius:10px;box-shadow:0 12px 32px rgba(10,34,42,.22);padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.tourbox p{margin:0}
.tour-focus{outline:3px solid var(--burst);outline-offset:3px;border-radius:6px;position:relative;z-index:59}
.tourstart{align-self:center;margin-right:8px}
.formgrid.shares{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.formgrid.shares label{flex-direction:row;align-items:center;gap:4px}

/* utility classes in place of inline styles (I14) */
.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.p16{padding:16px}
.breakall{word-break:break-all}.minw280{min-width:280px}.w180{width:180px}.w170{width:170px}

.addcard summary{cursor:pointer}
.addcard form{margin-top:10px}
.bulkbar{position:sticky;top:8px;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border-color:var(--app-accent)}
.bulkbar .bulkactions{display:flex;flex-wrap:wrap;gap:6px}
.bulkbar .btn{height:32px;padding:0 10px;font-size:13px}
.bulkbar .saveall{margin-left:auto}

#wpmap{height:480px;border-radius:8px;border:1px solid var(--line)}
.wpcontrols{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 10px}
.wpcontrols label{display:flex;align-items:center;gap:6px;font-size:14px}
.wpcontrols input[type=range]{width:220px}
.wplegend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.wplegend i{display:inline-block;width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,#0E5C58,#D9A441,#F06A3A)}

.formgrid .fieldgroup{grid-column:1/-1;margin:8px 0 0;font-weight:600;color:var(--app-accent)}

.cardmenu{position:relative}
.cardmenu summary{list-style:none;cursor:pointer;padding:0 8px;border-radius:6px;font-size:18px;line-height:28px;color:var(--app-accent)}
.cardmenu summary::-webkit-details-marker{display:none}
.cardmenu[open] summary{background:#E1EFEE}
.cardmenu-body{position:absolute;right:0;top:calc(100% + 4px);z-index:30;width:220px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(10,34,42,.14);display:flex;flex-direction:column;gap:8px;font-size:13px}
.cardmenu-body label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cardmenu-body select,.cardmenu-body input{max-width:130px}
.chartcard.focused{z-index:40;box-shadow:0 0 0 3px var(--app-accent),0 12px 40px rgba(10,34,42,.25)}
tr.totalrow th,tr.totalrow td{font-weight:700;border-top:2px solid var(--line)}
/* Notification preferences (F30) */
.prefs{margin-top:16px}.prefs summary{cursor:pointer}.prefs form{margin-top:10px}.prefs table{max-width:620px}.prefs .check{display:flex;gap:8px;align-items:center;margin:12px 0}
.orglogo{max-height:80px;max-width:320px;display:block}
.savescenario{margin-top:12px}.savescenario summary{cursor:pointer;font-size:.9em}.savescenario label{display:block;margin:8px 0}
/* Ready-made climate scenarios (F36) */
.presetlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.preset{border:1px solid var(--line);border-radius:8px;padding:12px}.preset p{margin:6px 0}
/* Colour rules for tables and matrices (F38) */
.heat-1{background:#FDEDE6}.heat-2{background:#F9CDBB}.heat-3{background:#F3A686}.heat-4{background:#E9774C}
/* The data library's drop zone (F44) */
.dropzone{border:2px dashed #9FC3C0;border-radius:10px;padding:22px;text-align:center;background:#F6FAF9}.dropzone.dragover{border-color:var(--app-accent);background:#E1EFEE}.dropzone.busy{opacity:.8}.dropzone-files{list-style:none;margin:8px 0 0;padding:0;font-size:13px;text-align:left}.dropzone-files .error{color:#8E1F10}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* A support view (D3) */
.supportbar{background:#FBF1D9;border-left:4px solid #D9A441;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.w80{width:80px}
/* Buttons in a row line up with what's beside them, and a small one fits a table row */
.btnrow .btn,.content form.inline .btn,.pager .btn{align-self:center}
.filterbar .btn{align-self:flex-end}
.content .btn.small{height:30px;padding:0 12px;font-size:13px}
.nowrap{white-space:nowrap}
.tablewrap{overflow-x:auto}
/* Data: its tabs, and a library file's checks */
.datatabs{margin:0 0 4px}
.librarybar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:12px}
.librarybar .filterbar,.librarybar .kindsummary{margin:0}
.librarytable th,.librarytable td{vertical-align:middle}
.librarytable td.file{min-width:200px;overflow-wrap:anywhere}
.librarytable select{height:30px;padding:0 6px;font-size:13px;max-width:170px}.librarytable select.pick{max-width:140px}
.librarytable td.version{min-width:120px}.librarytable td.version .badge{margin-top:2px}
.librarytable tr.grouprow th{padding-top:10px}
.grouprow .count{font-weight:400;margin-left:6px;letter-spacing:0}
th.actions,td.actions{width:1%;text-align:right;white-space:nowrap}
.passed{list-style:none;padding:0;margin:0}.passed li{padding:3px 0 3px 22px;position:relative}.passed li::before{content:"\2713";position:absolute;left:2px;color:var(--app-accent);font-weight:700}
.kindsummary{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.kindsummary a{text-decoration:none}
/* Basemaps on maps */
.basemapctrl{padding:4px 6px;background:#fff}.basemapctrl select{font-size:12px;border:0;background:transparent}.basemapcredit{font-size:10px;color:#475B61;max-width:220px}
/* the Enrichment step's two parts, and its calculated fields (21 Oct 2026) */
.subtabs{margin:0 0 20px}
.spatialform,.calcform{margin-top:18px}
.spatialform .formgrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}
.spatialform .formgrid label{min-width:0}
.calcform .formula{display:flex;flex-direction:column;gap:6px;font-size:14px}
.calcform .formula input{width:100%}
.calcexamples td{padding:4px 12px 4px 0;border:0}
.calcfunctions{columns:2;column-gap:32px;padding-left:18px}
@media (max-width:640px){.calcfunctions{columns:1}}

/* The Map step's "What's on this map" (F90): every file of the project and why one isn't drawn */
details.mapfiles summary{cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;list-style:none}
details.mapfiles summary::-webkit-details-marker{display:none}
details.mapfiles summary h3{margin:0;font-size:16px}
details.mapfiles summary::before{content:"\203A";display:inline-block;transition:transform .15s}
details.mapfiles[open] summary::before{transform:rotate(90deg)}
details.mapfiles table{margin-top:12px}

/* A library file's first 100 rows (F91): scrolls both ways inside its card, the header kept in view */
.rowpreview{max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:6px}
.rowpreview table{font-size:12.5px;white-space:nowrap}
.rowpreview th{position:sticky;top:0;background:#F4F7F6;z-index:1}
.rowpreview th,.rowpreview td{padding:5px 10px;max-width:280px;overflow:hidden;text-overflow:ellipsis}
/* The spatial query form shows only what the chosen match option uses (F62, F86) */
.spatialform label[hidden]{display:none}
.summaryform label[hidden]{display:none}
/* Suggested joins on the Data model step (F77): dashed until accepted */
.schematic-lines path.suggested{stroke:#9A6A12;stroke-dasharray:3 5;stroke-width:2}
ul.suggestions{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}
ul.suggestions li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* The Data library's "What to upload" guide (F89) */
details.dataguide summary{cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;list-style:none}
details.dataguide summary::-webkit-details-marker{display:none}
details.dataguide summary h2{margin:0}
details.dataguide summary::before{content:"\203A";display:inline-block;transition:transform .15s;font-size:18px}
details.dataguide[open] summary::before{transform:rotate(90deg)}
.guidesteps{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:14px}
.guidesteps h3{margin:0 0 6px;font-size:15px}
.guidelist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 18px}
.guidelist li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.guidelist li p{margin:4px 0 0}
.guidelist li.done{background:#F2F8F6;border-color:#C8E1DA}
.guidelist li.next{border-color:var(--burst);box-shadow:0 0 0 1px var(--burst) inset}
.guidemark{flex:none;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#EDF1F0;color:var(--muted)}
.guidelist li.done .guidemark{background:#1E5B4E;color:#fff}
/* The GIS module on every map (core/gis.js, F100-F102): pop-ups, and the GIS tools panel. */
.gispopup{max-height:260px;overflow:auto}
.gispopup dl{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;margin:0}
.gispopup dt{font-weight:600;color:var(--muted)}
.gispopup dd{margin:0;word-break:break-word}
.gisctrl{background:#fff;max-width:250px;font-size:12px}
.gisctrl-toggle{border:0;background:#fff;padding:6px 10px;font-weight:600;font-size:12px;font-family:inherit;cursor:pointer;width:auto!important;height:auto!important}
.gisctrl-body{padding:4px 10px 10px;max-height:60vh;overflow:auto}
.gisctrl fieldset{border:0;border-top:1px solid #D5DCE1;margin:6px 0 0;padding:6px 0 0}
.gisctrl legend{font-weight:600;padding:0}
.gisctrl label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:6px;margin:4px 0}
.gisctrl select,.gisctrl input[type=text]{font-size:12px;width:100%;min-width:0}
.gisctrl input[type=color]{width:40px;height:22px;padding:0;border:1px solid #D5DCE1}
/* Print or save a map as PDF (F128, core/gis.js) */
.printctrl{background:#fff;font-size:12px;max-width:240px}
.printctrl-toggle{border:0;background:#fff;padding:6px 10px;font-weight:600;font-size:12px;font-family:inherit;cursor:pointer;width:auto!important;height:auto!important}
.printctrl-form{padding:8px 10px 10px}
.printctrl-form[hidden]{display:none}
.printctrl-form label{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:6px;margin:4px 0}
.printctrl-form select,.printctrl-form input[type=text]{font-size:12px;width:100%;min-width:0}
.printctrl-form .btnrow{margin:8px 0 0}
.printctrl-form p{margin:6px 0 0}
.gisctrl .btnrow{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.gisctrl .btn.small{padding:3px 8px;font-size:12px}
.gisctrl input[type=text]{margin:4px 0}
.gisctrl-legend{list-style:none;margin:6px 0;padding:0}
.gisctrl-legend li{display:flex;align-items:center;gap:6px;margin:2px 0}
.gisctrl-legend .swatch{width:12px;height:12px;border-radius:2px;flex:none}
.gisctrl-hint{margin:4px 0 0}
/* F106: tabs, a close button, rows shown only when they apply, the basemap's transparency, full screen */
.gisctrl [hidden]{display:none!important}
.gisctrl-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid #D5DCE1;margin:0 -10px 4px;padding:0 6px}
.gisctrl-tabs button{border:0;background:none;padding:6px 8px;font:inherit;font-weight:600;color:#475B61;cursor:pointer;width:auto!important;height:auto!important;border-bottom:2px solid transparent}
.gisctrl-tabs button[aria-selected=true]{color:#0E2A33;border-bottom-color:#D9481A}
.gisctrl-tabs .gisctrl-close{margin-left:auto;font-size:16px;line-height:1;font-weight:400;border:0}
.gisctrl fieldset{border-top:0}
.gisctrl.maplibregl-ctrl-group button.btn{width:auto;height:auto;display:inline-block;border-top:0}
.gisctrl.maplibregl-ctrl-group .gisctrl-tabs button{border-top:0;display:inline-block}
.gisctrl.maplibregl-ctrl-group .gisctrl-tabs button:not(.gisctrl-close){border-bottom:2px solid transparent}
.gisctrl.maplibregl-ctrl-group .gisctrl-tabs button[aria-selected=true]{border-bottom-color:#D9481A}
.basemapctrl input[type=range]{display:block;width:100%;margin:2px 0 0}
.mapcard:fullscreen{display:flex;flex-direction:column;background:#fff;overflow:auto}
.mapcard:fullscreen .geomap{flex:1 1 auto;height:auto!important;min-height:0}
/* Admin -> Documents -> Brand kit */
.brandfiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.brandfiles li{display:flex;flex-direction:column;gap:2px;font-size:13px;word-break:break-all}
.brandfiles a{display:flex;flex-direction:column;gap:4px}
.brandfiles img{max-width:100%;max-height:90px;object-fit:contain;background:repeating-conic-gradient(#EDF1F0 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid #D5DCE1;border-radius:4px;padding:4px}
.brandreadme{white-space:pre-wrap;font-size:13px;max-height:420px;overflow:auto}
.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.chartgrid .card.wide{grid-column:1/-1}
.schedule-list td form.inline{margin:0}
.recipients{display:flex;flex-wrap:wrap;gap:4px 16px;border:0;padding:0;margin:0}
.content .error-text{color:#8E1F10}