/* Panels (user 2026-10-24: "make IRIS look like Sea Liquidity's page but its own version, and the rest of the pages
   too, for a uniform feel"). Every section of a page sits in a rounded panel with a bold uppercase title and a
   MINIMIZE / EXPAND pill, the Sea Liquidity way, in Burganacci's own colours. Added by panels.js. */
#rr-sec[hidden]{display:none!important}
.slp{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,var(--tide) 10%) 0,var(--panel) 70px,color-mix(in srgb,var(--panel) 88%,var(--bg) 12%) 100%);
  border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;margin:0;min-width:0;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tide) 14%,transparent),0 12px 30px rgba(0,0,0,.28)}
.slp::before{content:"";position:absolute;left:16px;right:16px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tide) 55%,transparent),transparent);opacity:.55;pointer-events:none}
.hgrid>.slp{margin:0}
.slp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.slp-head>h2,.slp>.hhead h2,.slp>h2{font-weight:800;font-size:22px;letter-spacing:.05em;line-height:1.1}
.slp-head>h2{margin:2px 0 10px;min-width:0}
/* minimize / expand: just the − or + symbol, solid, no circle (user 2026-10-25) */
.slp-tog{flex:none;margin-left:auto;font:700 28px/1 var(--f-mono);color:var(--tide);opacity:1;background:none;border:0;border-radius:6px;
  padding:0;min-width:36px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.slp-tog:hover{color:var(--ink)}.slp-tog:focus-visible{outline:2px solid var(--tide);outline-offset:2px}
.slp.min>:not(.slp-head):not(.hhead){display:none!important}
.slp.min>.hhead>:not(h2):not(.slp-tog){display:none!important}
.slp.min .slp-head>h2,.slp.min>.hhead{margin-bottom:0}
/* folds (IRIS "Setup stats", "IRIS scan stats") get the same panel and pill */
details.fold.slpf{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 90%,var(--tide) 10%) 0,var(--panel) 70px);border:1px solid var(--line);border-radius:18px;padding:6px 4px 4px;margin:0;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tide) 14%,transparent),0 12px 30px rgba(0,0,0,.28)}
details.fold.slpf>summary{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:10px 12px;border-bottom:0;margin:0}
details.fold.slpf[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
details.fold.slpf>summary::-webkit-details-marker{display:none}
details.fold.slpf>summary .fold-t{flex:none;font:800 22px var(--f-display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
details.fold.slpf>summary::after,details.fold.slpf:not([open])>summary::after{content:"+";position:static;transform:none;margin-left:auto;flex:none;font:700 28px/1 var(--f-mono);color:var(--tide);border:0;background:none;padding:0 6px}
details.fold.slpf[open]>summary::after{content:"−";transform:none}
/* Lab (user 2026-10-25): IRIS, SSS Vault and Liquidity follow one another on one page */
.page:not([hidden])~.page:not([hidden]){margin-top:22px}
details.fold.slpf>summary .fold-s{flex:1 1 auto;min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
details.fold.slpf .fold-body section{background:color-mix(in srgb,var(--bg) 35%,transparent);border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}
/* Laboratory switch */
.labnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.labnav-k{font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.labnav .chip[aria-selected="true"]{background:var(--tide);color:var(--bg);border-color:var(--tide)}
@media (max-width:520px){.slp{padding:14px 14px 12px;border-radius:16px}.slp-head>h2,.slp>.hhead h2{font-size:20px}.labnav{border-radius:16px}}

.slp :is(input,select,textarea){max-width:100%;box-sizing:border-box}
.ai-form,.ai-form .row{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.ai-form .row{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ai-form :is(input,select,textarea){min-width:0;width:100%;box-sizing:border-box}
.slp>.hhead{position:relative;padding-right:48px;min-height:30px}
.slp>.hhead>.slp-tog{position:absolute;right:0;top:0}
.labnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.labnav::-webkit-scrollbar{display:none}
.labnav .chip{flex:none}
@media (max-width:420px){.labnav-k{display:none}}
.sys button.srow2{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
/* Groups (user 2026-10-24): faded corner button when every panel is minimized; the group editor sheet */
.slp-gbar { display: flex; justify-content: flex-end; margin: 0 0 -8px; }
.slp-gbar[hidden] { display: none; }
.slp-gbtn { opacity: .42; display: inline-flex; align-items: center; gap: 6px;
  font: 600 11px var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--tide); background: color-mix(in srgb, var(--panel) 80%, transparent);
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: opacity .2s; }
.slp-gbtn:hover, .slp-gbtn:focus-visible { opacity: 1; }
.slp-gbtn span { font-size: 14px; }
.slp-group > .slp-gbody { display: grid; gap: 10px; }
.slp-group > .slp-gbody > .slp { margin: 0; background: color-mix(in srgb, var(--bg) 35%, transparent); box-shadow: none; }
.slp-group > .slp-gbody > .slp::before { display: none; }
.slp-gcount { font: 600 11px var(--f-mono); color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px; vertical-align: middle; letter-spacing: .04em; }
.hgrid.slp-empty { display: none; }
html.slp-lock, html.slp-lock body { overflow: hidden; }
.slp-sheet { position: fixed; inset: 0; z-index: 2000; background: color-mix(in srgb, #01040d 70%, transparent); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  display: flex; align-items: flex-end; justify-content: center; padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
.slp-sheet[hidden] { display: none; }
.slp-sheet-box { width: 100%; max-width: 520px; max-height: 82vh; overflow-y: auto; box-sizing: border-box; background: #04182a; border: 1px solid var(--line); border-radius: 18px;
  padding: 16px; display: grid; gap: 12px; box-shadow: 0 -10px 40px rgba(0, 0, 0, .6); }
.slp-sheet-h { display: flex; align-items: center; justify-content: space-between; }
.slp-sheet-h b { font: 800 22px var(--f-display); letter-spacing: .05em; text-transform: uppercase; color: var(--ink); }
.slp-x { background: none; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); width: 34px; height: 34px; cursor: pointer; }
.slp-g { border: 1px solid var(--line); border-radius: 14px; padding: 12px; display: grid; gap: 10px; background: color-mix(in srgb, var(--bg) 35%, transparent); }
.slp-g-top { display: flex; gap: 8px; }
.slp-g-name { flex: 1 1 auto; min-width: 0; font: 700 15px var(--f-body); color: var(--ink); background: var(--bg2); border: 1px solid var(--line); border-radius: 10px; padding: 9px 12px; }
.slp-g-name:focus { outline: 2px solid var(--tide); outline-offset: 1px; }
.slp-g-del { flex: none; font: 600 12px var(--f-mono); color: #ef8f7f; background: none; border: 1px solid color-mix(in srgb, #ef6f6f 40%, var(--line)); border-radius: 10px; padding: 0 12px; cursor: pointer; }
.slp-g-list { display: grid; gap: 4px; }
.slp-g-list label { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; border: 1px solid transparent; cursor: pointer; font-size: 14px; color: var(--ink); }
.slp-g-list label:hover { border-color: var(--line); }
.slp-g-list label.other { color: var(--muted); }
.slp-g-list label small { margin-left: auto; font: 500 11px var(--f-mono); color: var(--muted); }
.slp-g-list input { width: 18px; height: 18px; accent-color: var(--tide); flex: none; }
.slp-sheet-act { display: flex; justify-content: space-between; gap: 8px; }
.slp-sheet-act .chip.on { background: var(--tide); color: var(--bg); border-color: var(--tide); }
.slp-sheet-box { width: min(520px, calc(100vw - 24px)); max-width: none; }
.slp-sheet-box * { min-width: 0; }

/* LAB sub-bar (user 2026-10-24): flush and centred. The four buttons share the bar's whole width (no empty end),
   and the bar sits a tight, even distance between the page tabs and the page below it. */
.labnav{justify-content:center;gap:6px;padding:6px;margin:-8px 0 -10px;overflow:hidden}
.labnav .chip{flex:1 1 auto;min-width:0;margin:0;padding-inline:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:clamp(12px,3.5vw,15px);letter-spacing:0}

/* LAB buttons, sleek (user 2026-10-24): no bar behind them, just four glassy pills floating on the page. The open
   page's pill fills with the LAB purple and glows; the others are quiet outlines that brighten when pressed. */
.labnav{background:none;border:0;box-shadow:none;padding:0;gap:8px;margin:-6px 0 -8px}
.labnav .chip{height:40px;min-height:40px;border-radius:999px;padding-inline:8px;display:inline-flex;align-items:center;justify-content:center;
  font:600 clamp(12px,3.5vw,14px)/1 var(--f-body);letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 82%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--tide) 9%,transparent),color-mix(in srgb,var(--tide) 3%,transparent));
  border:1px solid color-mix(in srgb,var(--tide) 26%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .12s;-webkit-tap-highlight-color:transparent}
.labnav .chip:hover{border-color:color-mix(in srgb,var(--tide) 50%,transparent);color:var(--ink)}
.labnav .chip:active{transform:scale(.96)}
.labnav .chip[aria-selected="true"],body[data-world] .labnav .chip[aria-selected="true"]{color:#0d0820;border-color:transparent;
  background:linear-gradient(180deg,color-mix(in srgb,var(--tide),#fff 18%),var(--tide));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--tide) 60%,transparent),0 6px 18px -6px color-mix(in srgb,var(--glow) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}
.labnav .chip:focus-visible{outline:2px solid var(--tide);outline-offset:2px}
.sys-dq-h{margin:16px 0 6px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}