/* PoreStore interface: design tokens, app shell and components (ui- prefix), plus DaisyUI variables mapped onto the same palette. */
@import url("fonts/plex.c1d81ed4a69b.css");

@font-face{font-family:"Latin Modern Math";src:url("fonts/LatinModernMath-subset.06f7cc18bbc4.woff2") format("woff2");font-display:swap}

html[data-ui="porestore"]{
  --bg:var(--brand-bg,#F3F5F4); --surface:var(--brand-surface,#FFFFFF); --sunk:var(--brand-sunk,#E9EDEC); --card:var(--brand-card,#EAEFEE); --band:var(--brand-band,#F7F9F8);
  --ink:var(--brand-ink,#0E1A21); --ink2:var(--brand-ink2,#4B5A62); --ink3:var(--brand-ink3,#7A898F); --line:var(--brand-line,#D5DCDA); --line2:var(--brand-line2,#C3CCCA);
  --accent:var(--brand-accent,#0E7478); --accent-ink:var(--brand-accent-ink,#FFFFFF); --accent-soft:var(--brand-accent-soft,#DCEEEB); --accent-hover:var(--brand-accent-hover,#0B6266);
  --ok:#1F6B45; --ok-soft:#E3F0E8; --warn:#8A5A10; --warn-soft:#FAF0DC; --bad:#B3301F; --bad-soft:#FBEAE6;
  --viz:#0D1620; --viz-ink:#DDE7EA;
  --sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --math:"Latin Modern Math","STIX Two Math","Cambria Math",math;
  --rf:.4; --pill:7px; --r-card:calc(14px*var(--rf)); --r-sm:calc(6px*var(--rf));
  --shadow-pop:0 18px 50px -12px rgba(14,26,33,.28);
  color-scheme:light;

  /* DaisyUI v5 variables, so pages built from DaisyUI components use the same palette */
  --color-base-100:var(--surface); --color-base-200:var(--bg); --color-base-300:var(--sunk); --color-base-content:var(--ink);
  --color-primary:var(--accent); --color-primary-content:var(--accent-ink);
  --color-secondary:var(--ink); --color-secondary-content:var(--surface);
  --color-accent:var(--accent); --color-accent-content:var(--accent-ink);
  --color-neutral:var(--ink); --color-neutral-content:var(--surface);
  --color-info:#2C6E9B; --color-info-content:#FFFFFF;
  --color-success:var(--ok); --color-success-content:#FFFFFF;
  --color-warning:#B7791F; --color-warning-content:#FFFFFF;
  --color-error:var(--bad); --color-error-content:#FFFFFF;
  --radius-selector:var(--pill); --radius-field:var(--pill); --radius-box:var(--r-card);
  --size-selector:.25rem; --size-field:.25rem; --border:1px; --depth:0; --noise:0;
}
html[data-ui="porestore"][data-scheme="dark"]{
  --bg:var(--brand-bg,#0B1216); --surface:var(--brand-surface,#111B21); --sunk:var(--brand-sunk,#16232A); --card:var(--brand-card,#121D24); --band:var(--brand-band,#0F181D);
  --ink:var(--brand-ink,#E4ECEA); --ink2:var(--brand-ink2,#A2B1B5); --ink3:var(--brand-ink3,#71838A); --line:var(--brand-line,#22313A); --line2:var(--brand-line2,#2E404A);
  --accent:var(--brand-accent,#45B8AD); --accent-ink:var(--brand-accent-ink,#04201E); --accent-soft:var(--brand-accent-soft,#11302F); --accent-hover:var(--brand-accent-hover,#5CC7BC);
  --ok:#5BBE8A; --ok-soft:#12291E; --warn:#E0B062; --warn-soft:#2A2213; --bad:#F08A77; --bad-soft:#2E1714;
  --viz:#060B0E;
  --shadow-pop:0 18px 50px -12px rgba(0,0,0,.6);
  --color-info:#6FB2DE; --color-info-content:#04121C; --color-success-content:#04160D; --color-warning:#E0B062;
  --color-warning-content:#1E1405; --color-error-content:#1E0805;
  color-scheme:dark;
}

html[data-ui="porestore"] body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
/* Tailwind's text sizes and the DaisyUI components' own sizes, scaled to the interface's 15px text. Each override sits in the
   layer of the rule it replaces, so Tailwind utilities and the ui- rules still win over it. */
html[data-ui="porestore"]{
  --text-xs:.8125rem; --text-sm:.9375rem; --text-base:1.0625rem; --text-lg:1.21875rem; --text-xl:1.34375rem;
  --text-2xl:1.59375rem; --text-3xl:2rem; --text-4xl:2.40625rem; --text-5xl:3.21875rem; --text-6xl:4.03125rem;
}
@layer utilities{
  @layer daisyui.l1.l2.l3{
    :where([data-ui="porestore"]) .btn{--fontsize:.9375rem}
    :where([data-ui="porestore"]) :is(.input,.textarea){--font-size:.9375rem}
    :where([data-ui="porestore"]) :is(.select,.file-input,.table,.table thead,.table tfoot,.menu,.menu-title,.tab,.list,.badge,.kbd,.alert,.tooltip>.tooltip-content){font-size:.9375rem}
    :where([data-ui="porestore"]) .file-input::file-selector-button,:where([data-ui="porestore"]) .tooltip[data-tip]:before{font-size:.9375rem}
    :where([data-ui="porestore"]) :is(.stat-title,.stat-desc){font-size:.8125rem}
    :where([data-ui="porestore"]) .stat-value{font-size:2.15625rem}
    :where([data-ui="porestore"]) .card-body{--card-fs:.9375rem}
    :where([data-ui="porestore"]) .card-title{--cardtitle-fs:1.21875rem}
    @media (pointer:coarse){@supports (-webkit-touch-callout:none){:where([data-ui="porestore"]) :is(.input,.textarea):is(:focus,:focus-within){--font-size:1.0625rem}}}
  }
  @layer daisyui.l1.l2{
    :where([data-ui="porestore"]) .btn-lg{--fontsize:1.21875rem}
    :where([data-ui="porestore"]) .btn-sm{--fontsize:.8125rem}
    :where([data-ui="porestore"]) .btn-xs{--fontsize:.75rem}
    :where([data-ui="porestore"]) .input-sm{--font-size:.8125rem}
    :where([data-ui="porestore"]) :is(.select-sm,.badge-sm,.table-sm :not(thead,tfoot) tr){font-size:.8125rem}
    :where([data-ui="porestore"]) :is(.select-xs,.table-xs :not(thead,tfoot) tr){font-size:.75rem}
    :where([data-ui="porestore"]) .badge-xs{font-size:.65625rem}
    :where([data-ui="porestore"]) .badge-lg{font-size:1.0625rem}
  }
}
/* Pegasus's own component classes sit in a top-level layer of the same name. */
@layer daisyui.l1.l2.l3{
  :where([data-ui="porestore"]) :is(.pg-button-primary,.pg-button-secondary,.pg-button-light,.pg-button-danger){--fontsize:.9375rem}
  :where([data-ui="porestore"]) :is(.app-form-input,.pg-control){--font-size:.9375rem}
  :where([data-ui="porestore"]) :is(.app-form-select,.pg-select select,.pg-table,.pg-table thead,.pg-table tfoot,.pg-badge-default,.pg-badge-success){font-size:.9375rem}
  :where([data-ui="porestore"]) .pg-card-body{--card-fs:.9375rem}
}
html[data-ui="porestore"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-ui="porestore"] [hidden]{display:none!important}
.ui-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.ui-muted{color:var(--ink2)} .ui-faint{color:var(--ink3)}
.ui-lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:400}
.ui-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ui-link{color:var(--accent);text-decoration:none} .ui-link:hover{text-decoration:underline;text-underline-offset:3px}

/* buttons */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 12px;border:1px solid var(--line2);border-radius:var(--pill);background:var(--surface);color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .1s,border-color .1s}
.ui-btn:hover{border-color:var(--ink3);background:var(--band)}
.ui-btn-p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.ui-btn-p:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.ui-btn-ink{background:var(--brand-action,var(--accent-hover));border-color:var(--brand-action,var(--accent-hover));color:var(--brand-action-ink,var(--accent-ink))}
.ui-btn-ink:hover{background:var(--brand-action-hover,var(--accent));border-color:var(--brand-action-hover,var(--accent))}
.ui-btn-q{background:transparent;border-color:transparent;color:var(--ink2)}
.ui-btn-q:hover{background:var(--sunk);border-color:transparent;color:var(--ink)}
.ui-btn-bad{color:var(--bad)} .ui-btn-bad:hover{border-color:var(--bad);background:var(--bad-soft)}
.ui-btn-sm{min-height:26px;padding:0 9px;font-size:13px}
.ui-btn-lg{min-height:40px;padding:0 16px;font-size:15px}
.ui-btn:disabled,.ui-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.ui-kbd{font-family:var(--mono);font-size:10.5px;border:1px solid var(--line2);border-radius:3px;padding:1px 4px;color:var(--ink3);line-height:1.3}

/* tags and statuses */
.ui-tag{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:calc(4px*var(--rf));font:500 11.5px/1 var(--mono);background:var(--sunk);color:var(--ink2);white-space:nowrap;letter-spacing:.02em}
.ui-tag-a{background:var(--accent-soft);color:var(--accent)}
.ui-st{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--mono);white-space:nowrap;color:var(--ink2)}
.ui-st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink3);flex:none}
.ui-st-ready::before,.ui-st-completed::before{background:var(--ok)}
.ui-st-processing::before,.ui-st-queued::before,.ui-st-pending::before{background:var(--warn);animation:ui-pulse 1.4s ease-in-out infinite}
.ui-st-failed::before{background:var(--bad)} .ui-st-failed{color:var(--bad)}
.ui-st-cancelled::before{background:var(--line2)}
@keyframes ui-pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ui-st::before{animation:none!important}}

/* shell */
.ui-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:52px;display:flex;align-items:center;gap:14px;padding:0 18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ui-brand{display:flex;align-items:center;gap:9px;font:700 16.5px/1 var(--sans);letter-spacing:-.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
.ui-nav{display:flex;gap:2px;margin-left:8px}
.ui-nav a{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:var(--pill);font:500 14.5px/1 var(--sans);color:var(--ink2);text-decoration:none}
.ui-nav a:hover{background:var(--sunk);color:var(--ink)}
.ui-nav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.ui-nav .ui-count{font:500 11.5px/1 var(--mono);color:inherit;opacity:.7}
.ui-sp{flex:1}
.ui-cmd{display:flex;flex:none;align-items:center;gap:10px;height:32px;min-width:240px;padding:0 8px 0 12px;border:1px solid var(--line2);border-radius:var(--pill);background:var(--bg);font:14px/1 var(--sans);color:var(--ink3);cursor:pointer}
.ui-cmd:hover{border-color:var(--ink3);color:var(--ink2)}
.ui-cmd span{flex:1;text-align:left}
.ui-credits{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--pill);background:var(--accent-soft);color:var(--accent);font:500 13px/1 var(--mono);text-decoration:none;white-space:nowrap}
.ui-credits:hover{filter:brightness(.97)}
.ui-menu{position:relative}
.ui-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 4px;border-radius:var(--pill);color:var(--ink2);font:500 14px/1 var(--sans)}
.ui-menu>summary::-webkit-details-marker{display:none}
.ui-menu>summary:hover{background:var(--sunk)}
/* Account pages are a section without a tab, so the menu itself carries the current marker. */
.ui-menu>summary[aria-current]{background:var(--sunk);color:var(--ink)}
.ui-avatar{object-fit:cover;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--surface);font:600 12px/1 var(--sans);flex:none}
.ui-menu .ui-pop{position:absolute;left:auto;right:0;top:calc(100% + 6px);width:280px;max-width:calc(100vw - 24px);overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-pop);padding:6px;z-index:60}
.ui-pop .ui-pop-h{padding:8px 10px 6px;font-size:13px;color:var(--ink3)}
.ui-pop .ui-pop-h b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.ui-pop a,.ui-pop button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink);font:14px/1.2 var(--sans);text-decoration:none;cursor:pointer;text-align:left}
.ui-pop a:hover,.ui-pop button:hover{background:var(--sunk)}
.ui-pop hr{border:0;border-top:1px solid var(--line);margin:5px 4px}
.ui-pop :is(.ui-pop-theme,.ui-pop-layout){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 4px 10px;font-size:14px;color:var(--ink)}
.ui-seg{display:inline-flex;gap:2px;padding:2px;border-radius:var(--pill);background:var(--sunk)}
.ui-pop .ui-seg button{width:auto;justify-content:center;padding:5px 9px;border-radius:calc(var(--pill) - 2px);color:var(--ink3)}
.ui-pop .ui-seg button:hover{background:none;color:var(--ink)}
.ui-pop .ui-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(14,26,33,.12)}
.ui-pop .ui-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.ui-burger{display:none;flex:none}

.ui-page{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 52px)}
/* Page width. The top bar and rail always run to the window's edges; only the page body beside the rail changes.
   Wide lets the body fill that space; Regular holds it to a measure centred in it, so lines and tables stop stretching
   on large monitors. Auto, the default, is Regular from 1760px (external monitors) and Wide below (laptops, where
   every pixel counts); data-layout on <html> holds a person's own choice. Form/compact frames select a smaller
   measure for the entire main element, including its heading. Panels must not choose a second page width. */
:root{--ui-measure:100%;--ui-page-gutter:28px}
html[data-ui="porestore"]{scrollbar-gutter:stable}
@media (min-width:1760px){:root:not([data-layout="wide"]){--ui-measure:1256px}}
:root[data-layout="regular"]{--ui-measure:1256px}
.ui-page>main{--ui-page-measure:var(--ui-measure);margin-inline:max(0px,calc((100% - var(--ui-page-measure)) / 2));min-width:0}
.ui-page>main[data-page-width="form"]{--ui-page-measure:calc(820px + 2 * var(--ui-page-gutter))}
.ui-page>main[data-page-width="compact"]{--ui-page-measure:calc(560px + 2 * var(--ui-page-gutter))}
.ui-rail{padding:16px 0 24px;border-right:1px solid var(--line);background:var(--bg);position:sticky;top:52px;align-self:start;height:calc(100vh - 52px);overflow:auto}
.ui-rail nav{margin-bottom:20px}
.ui-rail h4{margin:0 0 4px;padding:0 18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:400}
.ui-rail a,.ui-rail button.ui-rail-b{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:6px 18px;font:14.5px/1.35 var(--sans);color:var(--ink2);text-decoration:none;border:0;background:none;cursor:pointer}
.ui-rail a:hover,.ui-rail button.ui-rail-b:hover{background:var(--sunk);color:var(--ink)}
.ui-rail a[aria-current="page"]{color:var(--accent);font-weight:500;background:var(--accent-soft)}
.ui-rail .ui-n{font:500 11.5px/1 var(--mono);color:var(--ink3)}
.ui-rail .ui-sub{padding-left:32px}
.ui-rail-empty{padding:4px 18px;font-size:13.5px;color:var(--ink3)}
.ui-body,.ui-default{padding:22px var(--ui-page-gutter) 72px;min-width:0}
.ui-body.ui-narrow{max-width:980px}
.ui-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 20px;flex-wrap:wrap;margin-bottom:18px}
.ui-head>div{min-width:0}
.ui-head h1{overflow-wrap:anywhere;margin:0;font:600 23.5px/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.ui-head .ui-sub{margin-top:5px;color:var(--ink2);font-size:14.5px;max-width:60em}
.ui-head .ui-eyebrow{margin-bottom:6px}
.ui-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ui-crumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:13px/1.2 var(--mono);color:var(--ink3);margin-bottom:6px}
.ui-crumbs a{color:var(--ink2);text-decoration:none} .ui-crumbs a:hover{color:var(--accent)}

/* ui-default keeps the legacy component bridge inside the shared page frame. */

/* toasts */
.ui-toasts{position:fixed;right:18px;top:64px;z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 36px))}
.ui-toast{display:flex;gap:12px;align-items:flex-start;padding:11px 12px 11px 14px;border-radius:var(--r-card);background:var(--ink);color:var(--surface);box-shadow:var(--shadow-pop);font-size:14.5px;line-height:1.4;animation:ui-in .18s ease-out}
.ui-toast.ui-error{background:var(--bad);color:#fff}
.ui-toast.ui-warning{background:#8A5A10;color:#fff}
.ui-toast.ui-success::before{content:"";width:8px;height:8px;border-radius:50%;background:#5BBE8A;margin-top:5px;flex:none}
.ui-toast button{margin-left:auto;border:0;background:none;color:inherit;opacity:.7;cursor:pointer;font:17px/1 var(--sans);padding:0 2px}
@keyframes ui-in{from{transform:translateY(-6px);opacity:0}}

/* tables */
.ui-table{width:100%;border-collapse:collapse}
.ui-table th{font:400 10.5px/1.2 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink3);text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--line2);white-space:nowrap}
.ui-table th a{color:inherit;text-decoration:none} .ui-table th a:hover{color:var(--ink)}
.ui-table td{padding:9px 12px 9px 0;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:middle}
.ui-table .r{text-align:right;font-family:var(--mono);font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-table .c{width:28px;padding-right:6px}
.ui-table tr.ui-row-link{cursor:pointer}
.ui-table tr.ui-row-link:hover td{background:var(--band)}
.ui-table td a.ui-name{color:var(--ink);text-decoration:none;font-weight:500}
.ui-table td a.ui-name:hover{color:var(--accent)}
.ui-table .ui-thumb{width:34px;height:34px;border-radius:var(--r-sm);background:var(--sunk);object-fit:cover;display:block;image-rendering:pixelated}
/* Scroll the table region, not the page. Actions keep their readable intrinsic width. */
.ui-scroll-x{max-width:100%;min-width:0;overflow-x:auto}
.ui-table-actions{width:1%;white-space:nowrap}
.ui-table-actions :is(a,button){white-space:nowrap}
.ui-table-text{min-width:16ch;max-width:36ch;overflow-wrap:anywhere}
.ui-table-tags{min-width:26ch;max-width:38ch}
.ui-table-tags .badge{height:auto;min-height:20px;white-space:normal}
.ui-cb{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0;vertical-align:middle}
.ui-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;background:none;color:var(--ink3);cursor:pointer;padding:0;transition:transform .12s}
.ui-caret[aria-expanded="true"]{transform:rotate(90deg)}
.ui-lin{color:var(--ink3);font-family:var(--mono);font-size:13px;margin-right:4px}
.ui-namecell{display:flex;align-items:center;gap:10px;min-width:0}
.ui-namecell .ui-nm{min-width:0}
.ui-namecell .ui-nm small{display:block;color:var(--ink3);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42ch}

/* selection bar */
.ui-selbar{position:sticky;bottom:16px;z-index:30;margin-top:18px;padding:10px 12px 10px 16px;border-radius:var(--r-card);background:var(--ink);color:var(--surface);display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:var(--shadow-pop)}
.ui-selbar b{font-weight:600}
.ui-selbar .ui-btn{background:transparent;border-color:color-mix(in srgb,var(--surface) 30%,transparent);color:var(--surface)}
.ui-selbar .ui-btn:hover{background:color-mix(in srgb,var(--surface) 12%,transparent)}
.ui-selbar .ui-btn-p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.ui-selbar select,.ui-selbar input{height:30px;border-radius:var(--pill);border:1px solid color-mix(in srgb,var(--surface) 30%,transparent);background:transparent;color:var(--surface);padding:0 9px;font:14px/1 var(--sans)}
.ui-selbar select option{color:#0E1A21}

/* empty and panels */
.ui-panel{background:var(--card);border-radius:var(--r-card);padding:16px 18px}
.ui-panel-s{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px}
.ui-empty{padding:40px 24px;border-radius:var(--r-card);background:var(--card);text-align:center;color:var(--ink2)}
.ui-empty h2{margin:0 0 6px;font:600 18px/1.3 var(--sans);color:var(--ink)}
.ui-empty p{margin:0 auto 16px;max-width:44em;font-size:15px}
.ui-note{font-size:13.5px;color:var(--ink3)}

/* image page */
.ui-two{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.ui-facts{position:sticky;top:72px;display:flex;flex-direction:column;gap:14px}
.ui-kv{display:flex;flex-direction:column}
.ui-kv>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ui-kv dt{color:var(--ink3)} .ui-kv dd{margin:0;font-family:var(--mono);font-size:13px;text-align:right;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.ui-sect{margin-top:30px}
.ui-sect:first-child{margin-top:0}
.ui-secthead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}
.ui-secthead h2{margin:0;font:600 16px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ui-viewer{background:var(--card);border-radius:var(--r-card);padding:14px}
.ui-ortho{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px}
.ui-ortho figure{margin:0;position:relative}
.ui-ortho .ui-slice{aspect-ratio:1;width:100%;border-radius:var(--r-sm);background:var(--sunk);display:block;image-rendering:pixelated;object-fit:contain}
.ui-ortho figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font:12px/1 var(--mono);color:var(--ink3)}
.ui-ortho input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0 0}
.ui-viewer-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--ink2)}
.ui-viewer-bar select{height:28px;border:1px solid var(--line2);border-radius:var(--pill);background:var(--surface);color:var(--ink);padding:0 8px;font:13px/1 var(--mono)}

.ui-results{display:flex;flex-direction:column;gap:8px}
.ui-oprow{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 14px;border-radius:var(--r-card);background:var(--card)}
.ui-opname{font:600 14.5px/1.3 var(--sans)}
.ui-opname small{display:block;font:400 12.5px/1.3 var(--mono);color:var(--ink3);margin-top:3px}
.ui-slots{display:flex;gap:6px;flex-wrap:wrap}
.ui-slot{display:block;min-width:104px;padding:7px 10px;border-radius:var(--r-sm);background:var(--surface);text-decoration:none;color:var(--ink);border:1px solid transparent}
a.ui-slot:hover{border-color:var(--accent)}
.ui-slot .ui-ax{display:block;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.ui-slot .ui-v{display:block;margin-top:5px;font:500 15px/1.1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-slot .ui-v small{font-size:12px;color:var(--ink3);font-weight:400;margin-left:3px}
.ui-slot.ui-empty-slot{background:transparent;border:1px dashed var(--line2)}
.ui-slot.ui-empty-slot .ui-v{color:var(--ink3);font:400 13px/1.1 var(--sans)}
.ui-slot.ui-empty-slot:hover .ui-v{color:var(--accent)}
.ui-slot.ui-run .ui-v{color:var(--warn)}
.ui-slot.ui-failed{background:var(--bad-soft)} .ui-slot.ui-failed .ui-v{color:var(--bad)}
/* Inline edit: the image heading and description. The pencil sits inside the text it edits, so it follows
   the last word rather than wrapping to a line of its own, and stays visible rather than appearing on
   hover, which would leave it unreachable by touch. */
.ui-ie-desc{margin-top:4px}
.ui-ie-p{margin:0;color:var(--ink2);max-width:60em}
.ui-ie-h{margin:0;font:600 23.5px/1.2 var(--sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.ui-ie-btn{display:inline-grid;place-items:center;vertical-align:baseline;margin-left:8px;width:24px;height:24px;
  padding:0;border:0;border-radius:6px;background:none;color:var(--ink3);cursor:pointer;line-height:0}
.ui-ie-btn:hover,.ui-ie-btn:focus-visible{color:var(--ink);background:var(--sunk)}
.ui-ie-h .ui-ie-btn{margin-left:12px;transform:translateY(-2px)}
.ui-ie-add{display:inline-flex;gap:5px;color:var(--ink3)}
/* Both forms are .ui-form too, which is declared further down; naming both classes is what lets these win. */
.ui-form.ui-ie-form{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
.ui-form.ui-ie-formcol{gap:8px;max-width:560px}
.ui-ie-input{max-width:320px}
.ui-ie-actions{display:flex;gap:8px}
.ui-ie-err{color:var(--bad);font-size:13.5px}
.ui-derived{display:flex;flex-direction:column}
.ui-derived a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.ui-derived a:hover .ui-dn{color:var(--accent)}
.ui-derived .ui-dn{font-weight:500;min-width:0;overflow-wrap:anywhere}
.ui-hist{display:flex;flex-direction:column}
.ui-hist a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:14px}
.ui-hist a:hover{background:var(--band)}

/* jobs overview */
.ui-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ui-stats>div{min-width:0;overflow-wrap:anywhere;background:var(--card);border-radius:var(--r-card);padding:12px 14px}
.ui-stats b{display:block;margin-top:6px;font:500 23.5px/1 var(--mono);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.ui-stats small{display:block;margin-top:5px;font-size:13px;color:var(--ink3)}
.ui-live{border-radius:var(--r-card);background:var(--warn-soft);padding:12px 16px}
.ui-live h2,.ui-attn h2{margin:0;font:600 14.5px/1.3 var(--sans)}
.ui-liverow{display:grid;grid-template-columns:minmax(0,1fr) 140px 84px;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--warn) 18%,transparent);font-size:14px;color:var(--ink);text-decoration:none}
.ui-liverow:last-child{border-bottom:0}
.ui-liverow .ui-pct{font-size:12.5px;color:var(--ink2)}
.ui-prog{height:5px;border-radius:3px;background:color-mix(in srgb,var(--warn) 18%,transparent);overflow:hidden}
.ui-prog i{display:block;height:100%;background:var(--warn)}
.ui-prog-run i{width:35%;animation:ui-sweep 1.6s ease-in-out infinite}
.ui-attn{border-radius:var(--r-card);background:var(--bad-soft);padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ui-cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.ui-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ui-filters select,.ui-filters input[type=search],.ui-filters input[type=text]{height:32px;border:1px solid var(--line2);border-radius:var(--pill);background:var(--surface);color:var(--ink);padding:0 10px;font:14px/1 var(--sans);max-width:100%}
.ui-filters label.ui-check{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}
.ui-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13.5px;color:var(--ink3)}

/* job detail */
.ui-figure{background:var(--card);border-radius:var(--r-card);padding:16px}
.ui-hero-num{display:flex;gap:28px;flex-wrap:wrap;align-items:flex-end}
.ui-hero-num .ui-big{font:600 36.5px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ui-hero-num .ui-big small{font:500 15px/1 var(--mono);color:var(--ink2);letter-spacing:0;margin-left:6px}
.ui-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ui-metric{background:var(--surface);border-radius:var(--r-sm);padding:10px 12px}
.ui-metric .ui-lbl{display:block}
.ui-metric b{display:block;margin-top:6px;font:500 17px/1.15 var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ui-progress-big{height:8px;border-radius:4px;background:var(--sunk);overflow:hidden}
.ui-progress-big i{display:block;height:100%;background:var(--accent);transition:width .4s}
/* A running job reports its stage, not its share of the work, so the bar sweeps rather than claiming a figure. */
.ui-progress-run i{width:35%;animation:ui-sweep 1.6s ease-in-out infinite}
@keyframes ui-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(286%)}}
@media (prefers-reduced-motion:reduce){.ui-prog-run i,.ui-progress-run i{width:100%;animation:none;opacity:.45}}
.ui-error-box{border-radius:var(--r-card);background:var(--bad-soft);color:var(--ink);padding:14px 16px;font-size:14.5px}
.ui-error-box pre{margin:8px 0 0;white-space:pre-wrap;font:13px/1.5 var(--mono);color:var(--ink2);max-height:180px;overflow:auto}
.ui-details{margin-top:8px}
.ui-details summary{cursor:pointer;font-size:13.5px;color:var(--ink2)}
.ui-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}

/* forms (launch, upload) */
.ui-form{display:flex;flex-direction:column;gap:16px}
.ui-field{display:flex;flex-direction:column;gap:6px}
.ui-field>label,.ui-field .ui-field-l{font:500 14px/1.3 var(--sans);color:var(--ink)}
.ui-field .ui-help{font-size:13px;color:var(--ink3)}
.ui-field .ui-err{font-size:13.5px;color:var(--bad)}
.ui-input,.ui-form input[type=text],.ui-form input[type=number],.ui-form input[type=email],.ui-form input[type=url],.ui-form input[type=password],.ui-form select,.ui-form textarea{box-sizing:border-box;width:100%;min-height:36px;border:1px solid var(--line2);border-radius:var(--pill);background:var(--surface);color:var(--ink);padding:7px 11px;font:14.5px/1.3 var(--sans)}
.ui-form input[type=number],.ui-form .ui-mono-in{font-family:var(--mono);font-size:14px}
.ui-form textarea{min-height:76px;resize:vertical}
.ui-form input:focus,.ui-form select:focus,.ui-form textarea:focus,.ui-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:0;border-color:var(--accent)}
.ui-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.ui-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ui-fieldset legend{padding:0;margin-bottom:10px}

/* palette */
.ui-pal{position:fixed;inset:0;z-index:100;display:none}
.ui-pal.ui-open{display:block}
.ui-pal .ui-scrim{position:absolute;inset:0;background:rgba(14,26,33,.38)}
.ui-pal .ui-box{position:absolute;left:50%;top:10vh;transform:translateX(-50%);width:min(640px,calc(100vw - 24px));max-height:72vh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-pop);overflow:hidden}
.ui-pal .ui-q{border:0;outline:0;border-bottom:1px solid var(--line);padding:15px 16px;font:16px/1.2 var(--sans);background:transparent;color:var(--ink);width:100%}
.ui-pal .ui-ctx{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink2);background:var(--band)}
.ui-pal .ui-list{overflow:auto;padding:6px}
.ui-pal .ui-grp{font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:12px 10px 5px}
.ui-pal .ui-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:15px}
.ui-pal .ui-opt small{font:12px/1 var(--mono);color:var(--ink3)}
.ui-pal .ui-opt.ui-hl,.ui-pal .ui-opt:hover{background:var(--accent-soft)}
.ui-pal .ui-foot{display:flex;gap:14px;padding:9px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink3)}

/* auth pages */
.ui-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--bg)}
.ui-auth-side{background:var(--viz);color:var(--viz-ink);padding:40px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.ui-auth-side>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.ui-auth-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,14,.55),transparent 22%,transparent 50%,rgba(6,11,14,.92))}
.ui-auth-side>*{z-index:1}
.ui-auth-side .ui-brand{color:#fff;position:relative}
.ui-auth-side p{position:relative;max-width:26em;font:500 21.5px/1.35 var(--sans);letter-spacing:-.01em;color:#E6EEEC}
.ui-auth-main{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.ui-auth-card{width:min(380px,100%)}
.ui-auth-card h1{margin:0 0 6px;font:700 30px/1.1 var(--sans);letter-spacing:-.03em}
.ui-auth-card .ui-sub{color:var(--ink2);margin-bottom:22px}

.ui-launch-grid{grid-template-columns:minmax(0,720px) 280px}
@media (max-width:1100px){
  .ui-two,.ui-launch-grid{grid-template-columns:1fr}
  .ui-facts{position:static}
  .ui-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ui-cmd{min-width:0}
  .ui-cmd span{display:none}
}
@media (max-width:860px){
  .ui-top{gap:10px;padding:0 14px}
  .ui-page{grid-template-columns:1fr}
  .ui-rail{position:fixed;left:0;top:52px;bottom:0;width:min(280px,86vw);max-height:none;z-index:50;background:var(--surface);box-shadow:var(--shadow-pop);transform:translateX(-105%);transition:transform .18s}
  body.ui-rail-open .ui-rail{transform:none}
  .ui-burger{display:inline-flex}
  .ui-nav{margin-left:0;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
  .ui-top>.ui-brand,.ui-top>.ui-menu,.ui-top>.ui-credits,.ui-top>.ui-burger{flex-shrink:0}
  .ui-top>.ui-sp{display:none}
  .ui-nav a{flex-shrink:0;white-space:nowrap}
  /* Tablets and phones: Team and Site admin move into the account menu, and the operation launcher becomes a round icon button */
  .ui-nav a.ui-hide-sm,.ui-menu .ui-who,.ui-cmd .ui-kbd{display:none}
  .ui-pop a.ui-show-sm{display:flex!important}
  .ui-cmd{width:34px;height:34px;padding:0;justify-content:center;color:var(--ink2)}
  :root{--ui-page-gutter:16px}
  .ui-body,.ui-default{padding:18px var(--ui-page-gutter) 64px}
  .ui-cols2{grid-template-columns:1fr}
  .ui-oprow{grid-template-columns:1fr;gap:10px}
  .ui-auth{grid-template-columns:1fr}
  .ui-auth-side{display:none}
  .ui-credits .ui-cr-l{display:none}
}
@media (max-width:560px){
  .ui-top{gap:8px;padding:0 10px}
  .ui-nav a{padding:0 9px}
  .ui-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .ui-stats>div{padding:9px 10px}
  .ui-stats b{font-size:18px}
  .ui-stats .ui-lbl{font-size:9.5px}
  .ui-ortho{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
  .ui-grid2{grid-template-columns:1fr}
  .ui-liverow{grid-template-columns:minmax(0,1fr) 70px}
  .ui-liverow .ui-pct{display:none}
  .ui-hide-sm{display:none}
}
.ui-spark{display:block;margin-top:7px;color:var(--accent)}
.ui-result{display:flex;align-items:center;gap:12px;white-space:nowrap}
.ui-result .ui-spark{margin-top:0;flex:none}
.ui-result-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--ink);min-width:13ch}
.ui-result-value small{font-size:12px;color:var(--ink3)}
[x-cloak]{display:none!important}

/* Vega-Lite charts rendered by charts-vega.js: recolour the registry's named mark colours onto the palette */
.ui-vega .ui-chart{width:100%}
.ui-vega .vega-embed{width:100%;display:block}
.ui-vega .vega-embed summary{opacity:.5}
[data-ui="porestore"] .vega-embed svg [fill="steelblue"],[data-ui="porestore"] .vega-embed svg [fill="#4c78a8"],[data-ui="porestore"] .vega-embed svg [fill="#1f77b4"]{fill:var(--accent)}
[data-ui="porestore"] .vega-embed svg [stroke="steelblue"],[data-ui="porestore"] .vega-embed svg [stroke="#4c78a8"],[data-ui="porestore"] .vega-embed svg [stroke="#1f77b4"]{stroke:var(--accent)}
[data-ui="porestore"] .vega-embed svg [stroke="mediumseagreen"],[data-ui="porestore"] .vega-embed svg [stroke="mediumpurple"]{stroke:var(--accent)}
[data-ui="porestore"] .vega-embed svg [stroke="darkorange"],[data-ui="porestore"] .vega-embed svg [fill="darkorange"]{stroke:#C27B2A}
[data-ui="porestore"] .vega-embed svg text{fill:var(--ink2);font-family:var(--sans)!important}
[data-ui="porestore"] .vega-embed svg .role-axis-title text,[data-ui="porestore"] .vega-embed svg .role-legend-title text{fill:var(--ink);font-weight:500}
[data-ui="porestore"] .vega-embed svg .role-axis-domain line,[data-ui="porestore"] .vega-embed svg .role-axis-tick line{stroke:var(--line2)}
[data-ui="porestore"] .vega-embed svg .role-axis-grid line{stroke:var(--line)}
[data-ui="porestore"] .vega-embed svg .background,[data-ui="porestore"] .vega-embed svg > rect:first-child{fill:transparent;stroke:none}
.ui-datatable table{width:100%;border-collapse:collapse;font-size:13.5px}
.ui-datatable th{font:500 12px/1.2 var(--mono);letter-spacing:0;color:var(--ink3);text-align:right;padding:7px 10px;border-bottom:1px solid var(--line2);white-space:nowrap;background:none}
.ui-datatable td{font-family:var(--mono);text-align:right;padding:6px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;background:none!important}
.ui-datatable h3,.ui-datatable h4,.ui-datatable .font-semibold{font:600 14px/1.3 var(--sans);margin:14px 0 6px;text-align:left}
.ui-vega .vega-embed,.ui-vega .vega-embed svg{background:transparent!important}

/* launch form */
.ui-launch .grid{display:grid;gap:14px 16px}
.ui-launch .ui-note,.ui-launch p.text-sm{font-size:13.5px;color:var(--ink3);margin:0}
.ui-estimate{border-radius:var(--r-card);background:var(--accent-soft);padding:14px 16px}
.ui-estimate-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.ui-estimate-num{margin-top:6px;font:600 30px/1 var(--sans);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.ui-estimate-num small{font:500 14px var(--mono);color:var(--ink2);letter-spacing:0}
.ui-launch-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px}
.ui-launch-foot>.ui-btn{min-width:160px}
.ui-launch-foot>.ui-btn-ink{margin-left:auto}
.ui-available-actions{display:flex;flex-direction:column;gap:8px}
.ui-available-actions>.ui-lbl{margin-bottom:4px}
.ui-available-actions .ui-btn{display:flex;justify-content:flex-start;gap:10px;width:100%;white-space:normal;text-align:left;min-height:36px;padding:8px 10px;border:0;background:transparent;box-shadow:none;color:var(--ink2)}
.ui-available-actions .ui-btn:hover,.ui-available-actions .ui-btn:focus-visible{background:var(--sunk);color:var(--ink)}
.ui-available-actions .ui-btn-bad{color:var(--bad)}
.ui-available-actions .ui-btn-bad:hover,.ui-available-actions .ui-btn-bad:focus-visible{background:var(--bad-soft);color:var(--bad)}
.ui-action-icon{width:18px;height:18px;flex:none}
.ui-available-actions form{margin:0}
.ui-launch .form-control{display:flex;flex-direction:column;gap:6px}
.ui-launch .label{padding:0;font:500 14px/1.3 var(--sans);color:var(--ink)}
.ui-launch .label-text{font:500 14px/1.3 var(--sans);color:var(--ink)}
.ui-launch #compute-tier-options{color:inherit}

/* Pages in the shell's default body: calm the DaisyUI component classes onto the same visual language */
[data-ui="porestore"] .ui-default .app-surface-card,[data-ui="porestore"] .ui-default .card.shadow,[data-ui="porestore"] .ui-default .card.shadow-lg,[data-ui="porestore"] .ui-default .card.shadow-md,[data-ui="porestore"] .ui-default .rounded-lg.shadow-md{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none}
[data-ui="porestore"] .ui-default .app-surface-card-soft,[data-ui="porestore"] .ui-default .app-card{background:var(--card);border:0;border-radius:var(--r-card);box-shadow:none}
/* The frame owns outer gutters; legacy cards retain only their interior padding. */
[data-ui="porestore"] .ui-default .app-card{margin-inline:0;min-width:0}
[data-ui="porestore"] .ui-default .app-admonition,[data-ui="porestore"] .ui-default .app-admonition-info{background:var(--card);color:var(--ink2);border:0;border-radius:var(--r-card)}
[data-ui="porestore"] .ui-default .app-admonition-warning{background:var(--warn-soft);color:var(--ink);border:0;border-radius:var(--r-card)}
[data-ui="porestore"] .ui-default .alert-info{background:var(--card);color:var(--ink2);border:0}
[data-ui="porestore"] .ui-default .tabs-bordered .tab{border-bottom-color:var(--line)}
[data-ui="porestore"] .ui-default .tabs-bordered .tab-active,[data-ui="porestore"] .ui-default .tab-active{border-bottom-color:var(--accent);color:var(--accent)}
[data-ui="porestore"] .ui-default .btn{border-radius:var(--pill);box-shadow:none;font-weight:500}
[data-ui="porestore"] .ui-default .card-title,[data-ui="porestore"] .ui-default h2.text-xl{font-size:16px;font-weight:600;letter-spacing:-.01em}
[data-ui="porestore"] .ui-default .app-page--narrow{max-width:760px;margin:0}
[data-ui="porestore"] .ui-default .app-page--medium,[data-ui="porestore"] .ui-default .max-w-3xl.mx-auto,[data-ui="porestore"] .ui-default .max-w-4xl.mx-auto{margin-left:0}
[data-ui="porestore"] .ui-default .divider{color:var(--ink3)}
@media (max-width:1180px){.ui-hide-md{display:none}.ui-namecell .ui-nm small{max-width:30ch}}
.ui-auth-default h1,.ui-auth-default h2{font:700 25.5px/1.15 var(--sans);letter-spacing:-.02em;margin:0 0 10px;text-align:left}
.ui-auth-default .btn{border-radius:var(--pill)}
.ui-show-sm{display:none!important}
@media (max-width:560px){
  .ui-show-sm{display:block!important}
  .ui-credits{padding:0 8px;font-size:12px}
  .ui-menu>summary>svg{display:none}
  .ui-head h1{font-size:21.5px}
  .ui-head>div:first-child{flex:1 1 100%}
  .ui-oprow .ui-actions{justify-content:flex-start}
  .ui-selbar{bottom:8px}
  .ui-selbar form{flex-wrap:wrap}
}
/* Narrow app bars pack navigation closer and hide the brand to leave room for workspace tabs. */
@media (max-width:440px){.ui-top{gap:4px}.ui-top .ui-brand{display:none}.ui-top .ui-nav a{padding:0 5px}.ui-top .ui-credits{padding:0 5px}.ui-top .ui-burger{width:32px;padding:0}.ui-top .ui-cmd{width:32px;height:32px}}
.ui-vega .vega-embed svg.marks{max-width:100%;height:auto}.ui-vega{overflow:hidden}
.ui-launch .form-control{position:relative}.ui-launch .form-control .group{position:static}.ui-launch #compute-tier-help{max-width:100%}
.ui-launch #compute-tier-help{overflow:hidden}.ui-launch #compute-tier-help *{white-space:normal;overflow-wrap:anywhere;min-width:0}

/* result cards for operations without a chart (files, network summaries, viewer links) */
.ui-res-card{display:flex;flex-direction:column;gap:12px}
.ui-res-card+.ui-res-card,.ui-figure+.ui-res-card{margin-top:14px}
.ui-res-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ui-res-head h3{margin:0;font:600 16px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}
.ui-res-head .ui-note{margin:4px 0 0;max-width:60ch}
.ui-res-url{display:block;font:12.5px/1.5 var(--mono);color:var(--ink3);overflow-wrap:anywhere}
.ui-res-kv{max-width:460px}
/* Page scripts toggle Tailwind's layered .hidden; make it win over unlayered ui- display rules, except where a responsive variant is also present */
[data-ui="porestore"] .ui-body .hidden:not([class*=":"]){display:none!important}
.ui-auth-mbrand{display:none}
@media (max-width:860px){.ui-auth-main{align-items:flex-start}.ui-auth-mbrand{display:flex;margin-bottom:32px}}
.ui-table th.r{font:400 10.5px/1.2 var(--mono);letter-spacing:.11em}
.ui-res-fold>summary{cursor:pointer;font:600 14.5px/1.3 var(--sans);color:var(--ink);padding:6px 0}
.ui-res-fold[open]>summary{margin-bottom:8px}
.ui-res-fold .ui-scroll-x{max-height:360px;overflow:auto}
/* the global confirmation dialog */
.ui-confirm{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,26,33,.38)}
.ui-confirm-box{width:min(420px,100%);background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-pop);padding:20px 20px 16px}
.ui-confirm-box h3{margin:0 0 6px;font:600 17px/1.3 var(--sans);color:var(--ink)}
.ui-confirm-box p{margin:0;font-size:14.5px;color:var(--ink2)}
.ui-confirm-actions{justify-content:flex-end;margin-top:18px}
.ui-btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}
.ui-btn-danger:hover{filter:brightness(.93);background:var(--bad);border-color:var(--bad)}
/* summary tables filled by the page script: names read left, values right */
[id^="job-summary-tables-"] th:first-child,[id^="job-summary-tables-"] td:first-child{text-align:left;font-family:var(--sans);font-size:14px;color:var(--ink2)}
[id^="job-summary-tables-"] th:first-child{font:500 12px/1.2 var(--mono);color:var(--ink3)}
/* the page script's summary-table header (title, Copy, CSV) in the interface's small-button style */
.ui-datatable .btn{display:inline-flex;align-items:center;gap:5px;min-height:24px;height:24px;padding:0 8px;border:1px solid transparent;border-radius:var(--pill);background:none;color:var(--ink2);font:500 12.5px/1 var(--sans);box-shadow:none}
.ui-datatable .btn:hover{background:var(--sunk);color:var(--ink)}
.ui-datatable .btn svg{width:12px;height:12px}
.ui-datatable>div+div,.ui-datatable>.mt-3+.mt-3{margin-top:20px}
.ui-datatable>.mt-3:first-child{margin-top:0}
html[data-ui="porestore"][data-scheme="dark"] .ui-btn-danger{color:#1E0805}
html[data-ui="porestore"][data-scheme="dark"] .ui-confirm{background:rgba(0,0,0,.55)}

/* Keep every primary destination, including Tools, reachable by scrolling on phones. */

.ui-credit-short{display:none}
@media(max-width:440px){.ui-credits .ui-credit-value,.ui-credits .ui-cr-l{display:none}.ui-credits .ui-credit-short{display:inline}}
@media(max-width:380px){.ui-top .ui-nav a{padding:0 4px}}
/* Keep all four workspace tabs and the account menu within narrow phones. */
@media(max-width:440px){.ui-top .ui-nav a{font-size:13px}}
@media(max-width:380px){.ui-top .ui-cmd{display:none}}

.ui-report-dialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;max-width:90vw;width:360px;background:var(--card);color:var(--ink)}
.ui-report-dialog::backdrop{background:rgb(0 0 0 / .4)}

/* Persistent tool hierarchy; flyouts use the top layer so the scrollable rail cannot clip them. */
.ui-tools-hint{padding:2px 18px 12px;font-size:12px;color:var(--ink3);margin:0}
.ui-rail .ui-tools-group{height:38px;padding:8px 18px;white-space:nowrap}
.ui-tools-group[aria-expanded="true"],.ui-tools-group[data-current-group]{background:var(--accent-soft)!important;color:var(--accent)!important}
.ui-tools-flyout{position:fixed;inset:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-pop);overflow-y:auto;box-sizing:border-box}
.ui-tools-flyout::backdrop{background:transparent}
.ui-tools-flyout h3{margin:0;padding:6px 34px 12px 10px;font:600 15px/1.3 var(--sans)}
.ui-tools-flyout .ui-note{padding:0 10px;margin:0 0 10px;font-size:12px;overflow-wrap:anywhere}
.ui-tools-flyout a{display:block;padding:10px;border-radius:6px;text-decoration:none;color:var(--ink2);font:14px/1.4 var(--sans)}
.ui-tools-flyout a:hover,.ui-tools-flyout a:focus-visible{background:var(--sunk);color:var(--ink)}
.ui-tools-flyout h3 a{padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
.ui-tools-flyout a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.ui-tools-secondary{border-top:1px solid var(--line);padding-top:16px}
.ui-tools-group-label{display:flex;align-items:center;gap:10px}
.ui-tools-category-icon{display:inline-block;flex:none;width:22px;height:22px;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.ui-tools-planned{display:flex;justify-content:space-between;gap:10px;padding:10px;color:var(--ink3);font:14px/1.4 var(--sans)}
.ui-tools-planned small{font-size:11px;white-space:nowrap}
.ui-rail-collapse{display:flex;align-items:center;justify-content:center;width:44px;height:38px;margin:0 7px 8px;padding:8px 11px;border:0;border-radius:8px;background:var(--surface);color:var(--ink2);cursor:pointer}
.ui-rail-collapse:hover{background:var(--sunk);color:var(--ink)}
.ui-rail-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:861px){
  body.ui-tools-collapsed .ui-page{grid-template-columns:64px minmax(0,1fr)}
  body.ui-tools-collapsed .ui-tools-nav>h4,body.ui-tools-collapsed .ui-tools-hint,body.ui-tools-collapsed .ui-tools-category-label,body.ui-tools-collapsed .ui-tools-chevron,body.ui-tools-collapsed .ui-tools-secondary{display:none}
  body.ui-tools-collapsed [data-tools-collapse-label]{display:none}
}
@media(max-width:860px){.ui-rail-collapse{display:none}}

.ui-sidebar-launcher{display:flex;align-items:center;gap:8px;width:calc(100% - 16px);height:38px;margin:0 8px 8px;padding:8px 10px;border:0;border-radius:8px;background:var(--surface);color:var(--ink2);font:14px/1.3 var(--sans);text-align:left;cursor:pointer}
.ui-sidebar-launcher svg,.ui-rail-collapse svg{flex:none;width:22px;height:22px}
.ui-sidebar-launcher:hover{background:var(--sunk);color:var(--ink)}
.ui-sidebar-launcher:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:861px){body.ui-tools-collapsed .ui-sidebar-launcher{width:44px}body.ui-tools-collapsed .ui-sidebar-launcher span{display:none}}

.ui-tools-gallery-icon{flex:none;width:22px;height:22px}

.ui-tools-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--pill);background:transparent;color:var(--ink2);cursor:pointer}
.ui-tools-close:hover,.ui-tools-close:focus-visible{background:var(--sunk);color:var(--ink)}
.ui-tools-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}