@font-face{font-family:'Archivo';src:url('/brand/archivo.woff2') format('woff2');font-weight:400 800;font-stretch:75% 125%;font-display:swap}
@font-face{font-family:'Barlow';src:url('/brand/barlow-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('/brand/barlow-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('/brand/barlow-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/brand/plexmono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/brand/plexmono-500.woff2') format('woff2');font-weight:500;font-display:swap}


:root{--r-panel:10px;--r:6px;--r-sm:4px;--gutter:14px;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--spring:cubic-bezier(0.34,1.28,0.64,1);
--font-display:'Archivo',ui-sans-serif,system-ui,sans-serif;--font-sans:'Barlow',ui-sans-serif,system-ui,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;--field:#d6d9de;--panel:#ffffff;--panel-2:#f2f3f5;--panel-3:#e8eaee;--edge:#c9cdd4;--edge-strong:#a7adb7;--ink:#111318;--ink-mute:#5c636e;--ink-faint:#646b76;--blaze:#c9440e;--blaze-ink:#a03408;--blaze-soft:rgba(201, 68, 14, 0.10);--on-blaze:#ffffff;--live:#12724a;--beta:#8a5200;--alert:#a81e14;--row-hover:rgba(17, 19, 24, 0.045);--row-active:rgba(201, 68, 14, 0.07);--scrim:rgba(17, 19, 24, 0.45);--panel-shadow:0 1px 2px rgba(17, 19, 24, 0.07), 0 10px 28px rgba(17, 19, 24, 0.10);--pop-shadow:0 18px 48px rgba(17, 19, 24, 0.24);--scrollbar-thumb:rgba(17, 19, 24, 0.22);--logo-filter:brightness(0);--dept-sales:#249041;--dept-marketing:#0082c6;--dept-operations:#8561c5;--dept-customs:#5372d1;--dept-wholesale:#a754a5;--dept-bigbox:#008fa7;--dept-customerservice:#ba4c7c;--dept-design:#009367;--dept-foundation:#877a48;--dept-technology:#5a7c9e;--camo-image:url('/brand/camo-white.webp');--camo-scrim:linear-gradient(rgba(228, 230, 234, 0.66), rgba(220, 223, 229, 0.66));color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--field:#08080a;--panel:#131316;--panel-2:#1a1a1e;--panel-3:#0e0e11;--edge:#2c2c31;--edge-strong:#414147;--ink:#f3f4f6;--ink-mute:#989ca5;--ink-faint:#878c95;--blaze:#ff6a2b;--blaze-ink:#ff8b58;--blaze-soft:rgba(255, 106, 43, 0.13);--on-blaze:#1b0c05;--live:#37d399;--beta:#f5b942;--alert:#ff7a72;--row-hover:rgba(255, 255, 255, 0.05);--row-active:rgba(255, 106, 43, 0.10);--scrim:rgba(0, 0, 0, 0.62);--panel-shadow:0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 32px rgba(0, 0, 0, 0.55);--pop-shadow:0 22px 56px rgba(0, 0, 0, 0.72);--scrollbar-thumb:rgba(255, 255, 255, 0.18);--logo-filter:none;--dept-sales:#70d081;--dept-marketing:#4ac3ff;--dept-operations:#c3a2ff;--dept-customs:#90b3ff;--dept-wholesale:#e994e6;--dept-bigbox:#00d0e7;--dept-customerservice:#ff8eba;--dept-design:#36d4a6;--dept-foundation:#c5b784;--dept-technology:#98c0e2;--camo-image:url('/brand/camo-black.webp');--camo-scrim:linear-gradient(rgba(8, 8, 10, 0.38), rgba(8, 8, 10, 0.5));color-scheme:dark}}
:root[data-theme="dark"]{--field:#08080a;--panel:#131316;--panel-2:#1a1a1e;--panel-3:#0e0e11;--edge:#2c2c31;--edge-strong:#414147;--ink:#f3f4f6;--ink-mute:#989ca5;--ink-faint:#878c95;--blaze:#ff6a2b;--blaze-ink:#ff8b58;--blaze-soft:rgba(255, 106, 43, 0.13);--on-blaze:#1b0c05;--live:#37d399;--beta:#f5b942;--alert:#ff7a72;--row-hover:rgba(255, 255, 255, 0.05);--row-active:rgba(255, 106, 43, 0.10);--scrim:rgba(0, 0, 0, 0.62);--panel-shadow:0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 32px rgba(0, 0, 0, 0.55);--pop-shadow:0 22px 56px rgba(0, 0, 0, 0.72);--scrollbar-thumb:rgba(255, 255, 255, 0.18);--logo-filter:none;--dept-sales:#70d081;--dept-marketing:#4ac3ff;--dept-operations:#c3a2ff;--dept-customs:#90b3ff;--dept-wholesale:#e994e6;--dept-bigbox:#00d0e7;--dept-customerservice:#ff8eba;--dept-design:#36d4a6;--dept-foundation:#c5b784;--dept-technology:#98c0e2;--camo-image:url('/brand/camo-black.webp');--camo-scrim:linear-gradient(rgba(8, 8, 10, 0.38), rgba(8, 8, 10, 0.5));color-scheme:dark}

[data-dept="sales"]{--dept:var(--dept-sales)}
[data-dept="marketing"]{--dept:var(--dept-marketing)}
[data-dept="operations"]{--dept:var(--dept-operations)}
[data-dept="customs"]{--dept:var(--dept-customs)}
[data-dept="wholesale"]{--dept:var(--dept-wholesale)}
[data-dept="bigbox"]{--dept:var(--dept-bigbox)}
[data-dept="customerservice"]{--dept:var(--dept-customerservice)}
[data-dept="design"]{--dept:var(--dept-design)}
[data-dept="foundation"]{--dept:var(--dept-foundation)}
[data-dept="technology"]{--dept:var(--dept-technology)}
[data-dept="none"]{--dept:var(--ink)}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
[hidden]{display:none!important}
body{min-height:100vh;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink);
  -webkit-font-smoothing:antialiased;background-color:var(--field);
  background-image:var(--camo-scrim),var(--camo-image);background-repeat:no-repeat,no-repeat;
  background-position:center,center;background-size:cover,cover;background-attachment:fixed,fixed}
@media (max-width:1023px){body{background-attachment:scroll,scroll}}
a{color:inherit}
h1,h2,h3,p{margin:0}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--blaze);outline-offset:2px;border-radius:var(--r-sm)}
::selection{background:var(--blaze);color:var(--on-blaze)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}
.i{width:16px;height:16px;flex:none}
.i-sm{width:14px;height:14px;flex:none}
.i-xs{width:12px;height:12px;flex:none}


.panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--panel-shadow)}
.panel-flat{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel)}
.panel-inset{background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--r)}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;
  border-bottom:1px solid var(--edge);background:var(--panel-2)}
.panel-body{padding:16px}
.clip{overflow:hidden}

.grid-divided{display:grid;grid-template-columns:1fr;margin-right:-1px;margin-bottom:-1px}
@media (min-width:640px){.grid-divided{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.grid-divided{grid-template-columns:repeat(3,minmax(0,1fr))}}
.grid-divided>.cell{border-right:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.cell{background:var(--panel);position:relative}

.mark{position:relative}
.mark::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--dept,var(--blaze));
  transform:scaleY(0);transform-origin:center;transition:transform 180ms var(--spring)}
.mark:hover::before,.mark:focus-visible::before,.mark:focus-within::before,.mark-on::before{transform:scaleY(1)}

.strip{display:flex;gap:2px;height:3px;background:var(--edge)}
.strip-seg{flex:1 1 0;background:var(--dept);opacity:.28;transition:opacity 200ms var(--ease-out),flex-grow 240ms var(--spring)}
.strip-seg:hover,.strip-seg:focus-visible{opacity:1}
.strip-seg[aria-current='page']{opacity:1;flex-grow:2.4}
.strip-all .strip-seg{opacity:.85}
.strip-all .strip-seg:hover,.strip-all .strip-seg:focus-visible{opacity:1;flex-grow:1.8}

.swatch{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;
  border-radius:var(--r);color:var(--dept,var(--blaze));
  background:color-mix(in srgb,var(--dept,var(--blaze)) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--dept,var(--blaze)) 32%,transparent);
  transition:background-color 160ms var(--ease-out),border-color 160ms var(--ease-out)}
.swatch-sm{width:1.625rem;height:1.625rem;border-radius:var(--r-sm)}
.dot{display:inline-block;flex:none;width:.4375rem;height:.4375rem;border-radius:999px;background:var(--dept,var(--blaze))}

.lift{transition:background-color 160ms var(--ease-out),box-shadow 200ms var(--ease-out),transform 200ms var(--spring)}
.lift:hover{background:var(--panel);transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dept,var(--blaze)) 26%,transparent),
    0 6px 20px -6px color-mix(in srgb,var(--dept,var(--blaze)) 34%,transparent)}
.lift:hover .swatch{background:color-mix(in srgb,var(--dept,var(--blaze)) 20%,transparent);
  border-color:color-mix(in srgb,var(--dept,var(--blaze)) 52%,transparent)}
.go{transition:transform 200ms var(--spring),color 160ms var(--ease-out)}
.lift:hover .go{transform:translateX(3px);color:var(--dept,var(--blaze))}

.eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;line-height:1rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-faint)}
.page-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.1;letter-spacing:-.01em;
  text-transform:uppercase;color:var(--ink)}
.section-head{font-family:var(--font-display);font-weight:700;font-size:.8125rem;line-height:1.2;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink)}
.dest-name{font-family:var(--font-display);font-weight:600;font-size:.9375rem;line-height:1.25;letter-spacing:-.005em;color:var(--ink)}
.dest-desc{font-size:.8125rem;line-height:1.45;color:var(--ink-mute)}
.muted{color:var(--ink-mute)}
.faint{color:var(--ink-faint)}
.small{font-size:.8125rem}
.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tag{display:inline-block;font-family:var(--font-mono);font-size:.625rem;font-weight:500;line-height:1;letter-spacing:.09em;
  text-transform:uppercase;padding:.25rem .375rem;border:1px solid currentColor;border-radius:var(--r-sm);
  color:var(--ink-faint);white-space:nowrap}
.tag-live{color:var(--live)}.tag-beta{color:var(--beta)}.tag-alert{color:var(--alert)}.tag-blaze{color:var(--blaze)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;font-size:.875rem;
  font-weight:500;line-height:1.25rem;border-radius:var(--r);border:1px solid var(--edge);color:var(--ink);
  background:var(--panel);text-decoration:none;transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease}
.btn:hover{background:var(--row-hover);border-color:var(--edge-strong)}
.btn-blaze{color:var(--on-blaze);background:var(--blaze);border-color:var(--blaze)}
.btn-blaze:hover{background:var(--blaze-ink);border-color:var(--blaze-ink)}
.btn-quiet{border-color:transparent;background:transparent;color:var(--ink-mute)}
.btn-quiet:hover{background:var(--row-hover);border-color:transparent;color:var(--ink)}
.btn-danger{color:var(--alert);border-color:color-mix(in srgb,var(--alert) 45%,transparent)}
.btn-danger:hover{background:color-mix(in srgb,var(--alert) 10%,transparent);border-color:var(--alert)}
.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;
  border-radius:var(--r);color:var(--ink-mute);transition:background-color 120ms ease,color 120ms ease;text-decoration:none}
.icon-btn:hover{background:var(--row-hover);color:var(--ink)}
.icon-btn-sm{width:1.75rem;height:1.75rem}
.field-input{width:100%;padding:8px 12px;font-size:.875rem;border-radius:var(--r);border:1px solid var(--edge);
  background:var(--panel-2);color:var(--ink);transition:border-color 120ms ease}
.field-input::placeholder{color:var(--ink-faint)}
.field-input:focus{outline:none;border-color:var(--blaze)}
.keycap{font-family:var(--font-mono);font-size:.625rem;font-weight:500;line-height:1;padding:.25rem .3125rem;
  border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-faint);white-space:nowrap}
.app-logo{filter:var(--logo-filter)}
.kpi-value{font-family:var(--font-display);font-weight:700;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;color:var(--ink)}

.rise{animation:rise 160ms cubic-bezier(0.2,0.8,0.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.sweep{position:relative;overflow:hidden;background:var(--edge)}
.sweep::after{content:'';position:absolute;inset:0 auto 0 0;width:40%;background:var(--blaze);animation:sweep 1.1s cubic-bezier(0.5,0,0.5,1) infinite}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(350%)}}


.frame{display:flex;gap:var(--gutter);padding:var(--gutter);height:100vh;overflow:hidden}
.sidebar{display:flex;flex-direction:column;width:224px;flex:none;overflow:hidden}
.sb-brand{display:flex;align-items:center;gap:10px;height:48px;flex:none;padding:0 14px;border-bottom:1px solid var(--edge);text-decoration:none}
.sb-brand img{height:16px;width:auto;flex:none}
.sb-brand span{font-family:var(--font-display);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.sb-menu{display:flex;flex-direction:column;flex:1;min-height:0}
.sb-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.sb-toggle-label{display:none}
.sb-nav{flex:1;padding:8px 0;overflow-y:auto;overflow-x:hidden}
.sb-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--edge)}
.sb-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px 4px}
.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;font-size:.8125rem;color:var(--ink-mute);
  text-decoration:none;transition:color 100ms,background-color 100ms}
.nav-item:hover{color:var(--ink);background:var(--row-hover)}
.nav-item.mark-on{color:var(--ink);font-weight:500;background:var(--row-hover)}
.nav-item .i{color:var(--dept,currentColor)}
.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-foot{flex:none;border-top:1px solid var(--edge)}
.sb-user{padding:10px 14px}
.sb-user .name{font-size:.8125rem;font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-user .email{font-family:var(--font-mono);font-size:.625rem;color:var(--ink-faint);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-user .tag{margin-top:8px}
.sb-actions{display:flex;align-items:center;gap:4px;padding:8px}
.sb-actions form{display:contents}

/* The theme toggle: two submit buttons, and CSS shows the one that switches
   AWAY from whatever is showing -- which the server cannot know when the theme
   follows the device. A sun in dark, a moon in light, as on the portal. */
.when-light{display:inline-flex}.when-dark{display:none}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .when-light{display:none}:root:not([data-theme="light"]) .when-dark{display:inline-flex}}
:root[data-theme="dark"] .when-light{display:none}
:root[data-theme="dark"] .when-dark{display:inline-flex}

.frame-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gutter);overflow:hidden}
.page-header{flex:none;overflow:hidden}
.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px}
.page-header-row .titles{min-width:0}
.page-header-row .title-line{display:flex;align-items:center;gap:8px}
.header-actions{display:flex;align-items:center;gap:8px;flex:none}
.page-header-row .desc{font-size:.8125rem;color:var(--ink-mute);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frame-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gutter)}
/* Sections keep their height and the region scrolls. Without this a panel with
   overflow:hidden has a min-height of 0 and flexbox squeezes it to fit the
   viewport -- a long table becomes a sliver with its rows clipped away. */
.frame-content>*{flex-shrink:0}
.frame-content>#hub-shell{flex-shrink:1}
.frame-content.as-panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-panel);box-shadow:var(--panel-shadow);overflow:auto;display:block}
.empty-state{padding:32px 16px;text-align:center;background:var(--panel-2)}
.empty-state p{font-size:.875rem;color:var(--ink-mute);max-width:28rem;margin:0 auto;line-height:1.6}

/* The destination cell -- portal components/section.jsx Cell. */
.dest{display:block;padding:14px 16px;text-decoration:none;color:inherit}
.dest-row{display:flex;align-items:flex-start;gap:12px}
.dest-row .swatch{margin-top:1px}
.dest-text{flex:1;min-width:0}
.dest-text .dest-desc{margin-top:4px}
.dest-go{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin:-4px -6px 0 0;color:var(--ink-mute);flex:none}

@media (max-width:1023px){
  .frame{display:block;height:auto;overflow:visible}
  .sidebar{width:auto;margin-bottom:var(--gutter)}
  .sb-toggle-label{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:.8125rem;
    color:var(--ink-mute);border-top:1px solid var(--edge)}
  .sb-toggle:focus-visible+.sb-toggle-label{outline:2px solid var(--blaze);outline-offset:-2px}
  .sb-toggle:not(:checked)~.sb-menu{display:none}
  .sb-brand{border-bottom:0}
  .frame-main{overflow:visible}
  .frame-content{overflow:visible}
  .page-header-row{padding:10px 14px}
}


.signin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.signin-toggle{position:fixed;top:var(--gutter);right:var(--gutter);padding:2px}
.signin-card{width:100%;max-width:22rem;overflow:hidden}
.signin-brand{padding:24px 24px 20px;border-bottom:1px solid var(--edge)}
.signin-brand img{height:20px;width:auto}
.signin-brand .page-title{margin-top:16px}
.signin-brand p{font-size:.8125rem;color:var(--ink-mute);margin-top:6px;line-height:1.6}
.signin-body{padding:20px 24px}
.signin-body .eyebrow{margin-bottom:12px}
.gwrap{display:flex;justify-content:center;min-height:44px}
.signin-error{margin-top:16px;padding-top:16px;border-top:1px solid var(--edge)}
.signin-error .eyebrow{color:var(--alert);margin-bottom:4px}
.signin-error p{font-size:.8125rem;color:var(--ink-mute);line-height:1.6}
.signin-foot{padding:12px 24px;border-top:1px solid var(--edge);background:var(--panel-2)}


input[type=checkbox],input[type=radio]{accent-color:var(--blaze);width:15px;height:15px;margin:0;flex:none}
code{font-family:var(--font-mono);font-size:.75rem;padding:1px 5px;border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--edge);color:var(--ink)}
.banner{padding:12px 16px;font-size:.8125rem;line-height:1.55;color:var(--ink-mute);background:var(--panel);
  border:1px solid var(--edge);border-left:3px solid var(--tone,var(--blaze));border-radius:var(--r-panel);box-shadow:var(--panel-shadow)}
.banner strong{color:var(--ink);font-weight:600}
.banner ul{margin:6px 0 0;padding-left:18px}
.banner details summary{cursor:pointer;color:var(--ink)}
.banner.info{--tone:var(--dept-marketing)}.banner.warn{--tone:var(--beta)}.banner.bad{--tone:var(--alert)}.banner.good{--tone:var(--live)}
.panel-body .banner,.banner.flat{box-shadow:none}
.panel-head .titles{display:flex;align-items:baseline;gap:10px;min-width:0}
.panel-head .field-input{width:auto;min-width:220px;padding:6px 10px;font-size:.8125rem;background:var(--panel)}
details.panel>summary{list-style:none;cursor:pointer}
details.panel>summary::-webkit-details-marker{display:none}
details.panel>summary .chev{transition:transform 160ms var(--ease-out);color:var(--ink-faint)}
details.panel[open]>summary .chev{transform:rotate(90deg)}
details.panel:not([open])>summary{border-bottom:0}
.table-wrap{overflow-x:auto}
table.data{width:100%;border-collapse:collapse;font-size:.8125rem}
.data th{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-faint);text-align:left;padding:8px 16px;background:var(--panel-2);border-bottom:1px solid var(--edge);white-space:nowrap}
.data td{padding:10px 16px;border-bottom:1px solid var(--edge);vertical-align:top}
.data tr:last-child td{border-bottom:0}
.data tbody tr:hover{background:var(--row-hover)}
.data .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-mute)}
.data a.person{color:var(--ink);font-weight:500;text-decoration:none}
.data a.person:hover{color:var(--blaze-ink);text-decoration:underline}
.data .sub{font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-faint);margin-top:2px}
.data .nowrap{white-space:nowrap}
.tag+.tag{margin-left:4px}
.tag.admin{color:var(--blaze)}.tag.susp{color:var(--alert)}.tag.me{color:var(--live)}.tag.ev{color:var(--ink-mute)}
fieldset{border:1px solid var(--edge);border-radius:var(--r);margin:0 0 12px;padding:12px 14px 10px;background:var(--panel);min-width:0}
legend{font-family:var(--font-display);font-weight:600;font-size:.875rem;padding:0 6px;color:var(--ink)}
legend .key{font-family:var(--font-mono);font-weight:400;font-size:.6875rem;color:var(--ink-faint);margin-left:4px}
.caps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.caps label{font-size:.8125rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 16px}
.simple label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);font-size:.8125rem;cursor:pointer}
.simple label:hover{background:var(--row-hover)}
.simple .an{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.simple .who{font-family:var(--font-mono);font-size:.6875rem;color:var(--ink-faint);text-decoration:none;flex:none;visibility:hidden}
.simple label:hover .who,.simple .who:focus-visible{visibility:visible}
.simple .who:hover{color:var(--blaze-ink)}
.resource{display:grid;grid-template-columns:200px 1fr;gap:10px;align-items:start;padding:7px 0;border-top:1px dashed var(--edge)}
.resource:first-of-type{border-top:0}
.resource .rname{font-size:.8125rem;color:var(--ink)}
@media (max-width:639px){.resource{grid-template-columns:1fr;gap:4px}}
.kindgroup{margin:12px 0 4px;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.kindgroup:first-child{margin-top:0}
.actions{position:sticky;bottom:0;z-index:1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;
  background:var(--panel);border-top:1px solid var(--edge);border-radius:0 0 var(--r-panel) var(--r-panel)}
.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.inline .field-input{width:auto;min-width:220px}
.field{display:flex;flex-direction:column;gap:4px;font-size:.8125rem;color:var(--ink-mute)}
.field .field-input{min-width:220px}
.toggle{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);
  padding:2px 6px;border:1px solid var(--edge);border-radius:var(--r-sm)}
.toggle:hover{color:var(--ink);border-color:var(--edge-strong)}
.link{color:var(--blaze-ink);text-decoration:none}
.link:hover{text-decoration:underline}
.note{font-size:.8125rem;color:var(--ink-mute);line-height:1.55}
.note strong{color:var(--ink)}
.rows{display:flex;flex-direction:column}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--edge)}
.row:first-child{border-top:0}
.row .note{flex:1;min-width:240px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gutter)}
.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.m-0{margin:0}
.pager{padding:12px 16px;border-top:1px solid var(--edge);background:var(--panel-2)}


@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.sweep::after{width:100%;animation:none;transform:none}}