/* Nexus Admin Panel — Main */
:root{
  --bg:#03080e;
  --bg-deep:#01050a;
  --sidebar:#07131d;
  --surface:#0d1b27;
  --surface-2:#142534;
  --surface-3:#1b3042;
  --line:#3f5d73;
  --line-soft:rgba(143,180,208,.23);
  --text:#f2f6fb;
  --text-2:#c9d2dc;
  --muted:#8390a0;
  --purple:#8a45ff;
  --purple2:#6330c9;
  --blue:#3ea7ff;
  --cyan:#4ec8ff;
  --green:#5ed469;
  --yellow:#f1b842;
  --orange:#f29a3e;
  --red:#ff646c;
  --pink:#d45bff;
  --radius:12px;
  --shadow:0 16px 48px rgba(0,0,0,.28);
  --sidebar-w:240px;
  --topbar-h:64px;
}
*{box-sizing:border-box}


*{
  scrollbar-width:thin;
  scrollbar-color:#344657 transparent;
}
*::-webkit-scrollbar{
  width:8px;
  height:8px;
}
*::-webkit-scrollbar-track{
  background:transparent;
}
*::-webkit-scrollbar-thumb{
  min-height:34px;
  background:linear-gradient(180deg,#2b3b4a,#3a5063);
  border:2px solid transparent;
  background-clip:padding-box;
  border-radius:999px;
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#3b5368,#4b6982);
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:active{
  background:linear-gradient(180deg,#4a6680,#587b98);
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-corner{
  background:transparent;
}
html{
  scrollbar-gutter:stable;
}
html,body{margin:0;height:100%;background:var(--bg-deep);color:var(--text);font-family:var(--font-ui)}
body{overflow:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(138,69,255,.8);outline-offset:2px}
svg{display:block}

.app{
  height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar-w) 1fr;
  grid-template-rows:var(--topbar-h) minmax(0,1fr);
  min-width:0;
  background:
    radial-gradient(circle at 78% 7%,rgba(73,116,160,.06),transparent 24%),
    radial-gradient(circle at 25% 0%,rgba(138,69,255,.045),transparent 20%),
    var(--bg);
}


.sidebar{
  grid-row:1/3;
  padding:0 12px 12px;
  border-right:1px solid var(--line-soft);
  background:linear-gradient(180deg,#060b11 0%,#061019 52%,#050b11 100%);
  display:flex;
  flex-direction:column;
  min-width:0;
}
.brand{
  height:var(--topbar-h);
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--line-soft);
}
.nexus-brand-current{
  width:154px;
  height:48px;
  flex:0 0 154px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.nexus-brand-lockup{
  display:block;
  width:154px;
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
}
.nexus-brand-symbol{
  display:none;
  width:38px;
  height:38px;
  object-fit:contain;
}
.collapse-btn{
  margin-left:auto;width:30px;height:30px;border:0;background:transparent;color:#93a0af;border-radius:8px;
  display:grid;place-items:center;font-size:18px
}
.collapse-btn:hover{background:rgba(255,255,255,.04);color:#fff}
.nav{display:flex;flex-direction:column;gap:5px;padding:12px 0}
.nav-btn{
  height:42px;border:0;border-radius:9px;background:transparent;color:#c3ccd7;
  display:flex;align-items:center;gap:11px;padding:0 13px;text-align:left;font-size:14px;position:relative
}
.nav-btn:hover{background:rgba(255,255,255,.035);color:#fff}
.nav-btn.active{
  background:linear-gradient(90deg,rgba(113,45,207,.6),rgba(86,30,154,.36));
  box-shadow:inset 0 0 0 1px rgba(152,76,255,.12);
  color:#fff
}
.nav-btn svg{width:19px;height:19px;opacity:.95;flex:0 0 auto}
.nav-badge{
  margin-left:auto;min-width:22px;height:22px;border-radius:999px;background:#5a2bc5;color:#fff;
  display:grid;place-items:center;font-size:11px;padding:0 6px
}

.system-card{
  margin-top:auto;
  border:1px solid var(--line);
  border-radius:11px;
  padding:13px;
  background:linear-gradient(145deg,rgba(13,21,30,.96),rgba(7,13,19,.96));
  box-shadow:var(--shadow)
}
.system-card h3{font-size:13px;margin:0 0 11px;font-weight:650}
.health{display:flex;align-items:center;gap:8px;font-size:13px}
.health-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(94,212,105,.09)}
.health-copy{font-size:11px;color:var(--muted);margin-top:6px}
.mini-chart{
  height:25px;margin-left:auto;width:58px;display:flex;gap:2px;align-items:flex-end
}
.mini-chart i{display:block;width:5px;background:linear-gradient(180deg,rgba(94,212,105,.35),#58ca62);border-radius:4px 4px 0 0}
.side-divider{height:1px;background:var(--line-soft);margin:12px 0}
.side-stat{margin-top:11px}
.side-stat label{display:block;font-size:11px;color:var(--muted)}
.side-stat strong{display:block;font-size:16px;margin-top:4px;font-weight:560}
.side-progress{height:5px;background:#202b35;border-radius:999px;overflow:hidden;margin-top:8px}
.side-progress span{display:block;height:100%;background:linear-gradient(90deg,#46a9ef,#75c3f7)}
.side-version{font-size:10px;color:#667384;margin-top:12px}


.topbar{
  grid-column:2;
  min-width:0;
  display:flex;
  align-items:center;
  padding:0 20px;
  border-bottom:1px solid rgba(133,153,174,.14);
  background:
    radial-gradient(circle at 88% 0%,rgba(92,67,150,.055),transparent 28%),
    linear-gradient(180deg,rgba(8,13,19,.985),rgba(5,10,15,.965));
  backdrop-filter:blur(16px);
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 -1px 0 rgba(255,255,255,.018);
  gap:14px;
  z-index:20;
}
.topbar-title{display:none;min-width:160px}
.topbar-title strong{display:block;font-size:14px}
.topbar-title span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.topbar-spacer{flex:1}
.header-tools{
  margin-left:auto;display:flex;align-items:center;gap:5px;position:relative;
  min-height:44px;padding:4px 5px 4px 7px;
  border:1px solid rgba(124,144,164,.11);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(18,27,37,.70),rgba(10,17,24,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 18px rgba(0,0,0,.12)
}
.topright-separator{
  width:1px;height:26px;margin:0 4px 0 5px;position:relative;flex:0 0 auto
}
.topright-separator::before{
  content:"";position:absolute;inset:2px 0;
  background:linear-gradient(180deg,transparent,rgba(160,177,193,.28) 22%,rgba(160,177,193,.28) 78%,transparent);
  border-radius:999px
}
.topright-separator::after{
  content:"";position:absolute;left:-3px;top:5px;width:7px;height:18px;
  background:radial-gradient(circle,rgba(108,132,154,.08),transparent 70%);
  pointer-events:none
}
.icon-btn{
  width:34px;height:34px;border:0;background:transparent;color:#a8b3c0;border-radius:8px;display:grid;place-items:center;position:relative
}
.icon-btn:hover{background:rgba(255,255,255,.04);color:#fff}
.icon-btn svg{width:18px;height:18px}
.coordinator-connection-status{
  height:30px;padding:0 9px;display:flex;align-items:center;gap:7px;border-radius:999px;
  color:#8e9ba9;font-size:10px;white-space:nowrap
}
.coordinator-connection-dot{width:7px;height:7px;border-radius:50%;background:#687788;box-shadow:0 0 0 3px rgba(104,119,136,.10)}
.coordinator-connection-status.on{color:#a9dcb0}.coordinator-connection-status.on .coordinator-connection-dot{background:#5ed469;box-shadow:0 0 0 3px rgba(94,212,105,.12)}
.admin-refresh-btn.busy svg{animation:admin-refresh-spin .8s linear infinite}
@keyframes admin-refresh-spin{to{transform:rotate(360deg)}}
/* Settings > General > Change password (decision 0067). Additive: it reuses the Team form's field
   look and sits beside the theme row without restyling it. The row above supplies the separator. */
.settings-password{padding:11px 12px}
.settings-password-copy strong{display:block;font-size:12px}
.settings-password-copy small{display:block;margin-top:3px;color:var(--muted);font-size:9.5px}
.settings-password-form{margin-top:12px}
.settings-password-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.settings-password-actions{margin-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.settings-password-status{flex:1;min-height:14px;font-size:9.5px;line-height:1.4;font-weight:600;color:var(--muted)}
.settings-password-status.is-error{color:#ef8a91}
.settings-password-status.is-ok{color:#a9dcb0}
@media(max-width:900px){.settings-password-fields{grid-template-columns:1fr}}
/* Processing carries the queue's operational facts (decision 0066). Additive, and deliberately built
   out of the page's own furniture rather than a new look: the count cards ARE .worker-summary-card,
   the numbers in them are .status pills, and the notes are .inline-meta-muted. Only the three things
   the imported design has no rule for at all are declared here - a six-across grid for the six real
   job states, the stack the two queue notes sit in, and the table's page footer. */
.worker-detail-summary.is-six-column{grid-template-columns:repeat(6,minmax(0,1fr))}
.processing-notes{display:grid;gap:5px;margin-bottom:9px}
.processing-pagination{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 11px;border-top:1px solid var(--line-soft)
}
/* An empty host must occupy nothing: a queue with no waiting jobs and no second page would otherwise
   leave a gap and a border under the table saying a footer is there. */
.processing-notes:empty,.processing-pagination:empty{display:none}
.processing-pagination-steps{display:flex;align-items:center;gap:8px}
/* There is no generic .btn:disabled rule in the imported design, so a step button at the end of the
   queue would LOOK live while refusing every click. Scoped here, with the opacity and cursor the
   design's own disabled buttons already use, so no other button in the console moves. */
.processing-pagination .btn:disabled{opacity:.42;cursor:not-allowed}
#view-processing .processing-job-meta{
  display:block;margin-top:3px;color:#8b98a6;font-size:9.5px;line-height:1.2;font-weight:580
}
#view-processing .render-editor-name.is-absent{color:#8b98a6;font-weight:560}
/* Overview's Active Processing panel kills every span inside the file cell
   (refinements.css: `#view-overview .overview-processing-table .render-file-cell>span{display:none
   !important}`), which is right for the prototype's sub-lines and wrong for the job identity the panel
   is supposed to name - the markup was there and nobody could read it. These two rules are strictly
   more specific than that kill rule and carry their own !important, and they repeat the #view-processing
   treatment above so one job reads the same on both surfaces. */
#view-overview .overview-processing-table .render-file-cell>span.processing-job-meta{
  display:block!important;margin-top:3px;color:#8b98a6;font-size:9.5px;line-height:1.2;font-weight:580
}
#view-overview .overview-processing-table .render-editor-name.is-absent{color:#8b98a6;font-weight:560}
/* An ffmpeg failure is multi-line, and collapsing it to one run is a quiet way of making it unreadable
   again - which is the whole reason the error is printed in full. Everything else about the paragraph
   is .detail-box p's, so this adds the one property that box does not have. */
.processing-detail-text{white-space:pre-wrap;word-break:break-word}
@media(max-width:1100px){.worker-detail-summary.is-six-column{grid-template-columns:repeat(3,minmax(0,1fr))}}
.notify-dot{
  position:absolute;right:4px;top:3px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;
  background:linear-gradient(135deg,#ff4f8c,#7846ff);font-size:8px;color:#fff;display:grid;place-items:center
}
.profile{
  height:44px;margin-left:7px;padding-left:13px;border-left:1px solid var(--line-soft);
  display:flex;align-items:center;gap:10px
}
.avatar{
  width:36px;height:36px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 35%,#d9aa7d 0 12%,transparent 13%),
    radial-gradient(circle at 50% 54%,#33261e 0 22%,transparent 23%),
    linear-gradient(145deg,#d8b091,#4a3529);
  border:2px solid #21303e;
}
.profile strong{display:block;font-size:13px;font-weight:600}
.profile span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.chev{color:#8794a4;margin-left:5px}


.main{
  grid-column:2;
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:16px 20px 30px;
  background:
    radial-gradient(circle at 88% 4%,rgba(39,72,101,.05),transparent 22%),
    linear-gradient(180deg,#05090e,#060b11 50%,#05090e)
}
.view{display:none;max-width:1500px;margin:0 auto}
.view.active{display:block}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}
.page-head h1{font-size:22px;margin:0;font-weight:670;letter-spacing:-.02em}
.page-head p{font-size:12px;color:var(--muted);margin:4px 0 0}
.page-actions{display:flex;gap:8px;align-items:center}
.btn{
  min-height:34px;border:1px solid var(--line);border-radius:8px;background:#101821;color:#dbe3ec;
  padding:0 11px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px
}
.btn:hover{background:#15202b}
.btn.primary{background:linear-gradient(135deg,#8047ed,#6130c9);border-color:#7640df;color:#fff}
.btn.primary:hover{filter:brightness(1.08)}
.btn.danger{color:#ff9aa0;background:rgba(255,100,108,.08);border-color:rgba(255,100,108,.23)}
.btn svg{width:14px;height:14px}


.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}
.metric-card{
  min-height:98px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(145deg,rgba(14,22,31,.98),rgba(9,15,22,.98));
  padding:14px;display:flex;align-items:flex-start;gap:12px
}
.metric-icon{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto
}
.metric-icon svg{width:22px;height:22px}
.metric-icon.purple{background:rgba(138,69,255,.17);color:#b268ff}
.metric-icon.blue{background:rgba(62,167,255,.14);color:#55b5ff}
.metric-icon.green{background:rgba(94,212,105,.15);color:#7ce383}
.metric-icon.yellow{background:rgba(241,184,66,.15);color:#ffc85e}
.metric-icon.pink{background:rgba(212,91,255,.14);color:#d986ff}
.metric-copy label{display:block;font-size:11px;color:#c5ced8}
.metric-copy strong{display:block;font-size:20px;margin-top:3px;font-weight:590}
.metric-copy span{display:block;font-size:10px;color:var(--muted);margin-top:6px}
.ov-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:12px;margin-bottom:12px}
.bottom-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:12px;align-items:start}
.panel{
  border:1px solid var(--line);border-radius:10px;overflow:hidden;
  background:linear-gradient(145deg,rgba(13,21,30,.98),rgba(8,14,20,.98))
}
.panel-head{
  height:45px;padding:0 14px;border-bottom:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:space-between
}
.panel-head h2{font-size:14px;margin:0;font-weight:630}
.text-link{border:0;background:transparent;color:#87c9fa;font-size:10px;padding:5px}


.overview-scroll{
  overflow-y:auto;
  overflow-x:hidden;
overscroll-behavior:contain;
}
.overview-scroll.processing-scroll{max-height:394px}
.overview-scroll.review-scroll{max-height:394px}
.worker-grid.overview-scroll{max-height:430px}
.table-wrap.overview-scroll{max-height:430px}
.overview-scroll:focus-visible{outline:1px solid rgba(138,69,255,.35);outline-offset:-1px}

.text-link:hover{color:#b3dcfa}

.processing-row{
  display:grid;grid-template-columns:68px minmax(120px,1fr) 73px 73px 73px;gap:10px;
  align-items:center;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.045)
}
.processing-row:last-child{border-bottom:0}
.processing-row:hover{background:rgba(255,255,255,.018)}
.thumb{width:68px;height:47px;border-radius:6px;background:center/cover no-repeat;position:relative;overflow:hidden}
.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.25))}
.item-title strong{display:block;font-size:11px;font-weight:580}
.item-title span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.progress-block label{display:block;font-size:9px;color:#a4afbd;margin-bottom:6px}
.progress-block .pct{font-size:11px;margin-bottom:4px}
.progress{height:5px;background:#27313c;border-radius:99px;overflow:hidden}
.progress i{display:block;height:100%;border-radius:99px}
.green-bar{background:linear-gradient(90deg,#61d76a,#88de80)}
.blue-bar{background:linear-gradient(90deg,#3f9cff,#6ac4ff)}
.purple-bar{background:linear-gradient(90deg,#d04dff,#b95cf2)}
.red-bar{background:linear-gradient(90deg,#ff656d,#f64d57)}
.legend{height:37px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:18px;padding:0 14px;font-size:9px;color:#9ba6b5}
.legend span{display:flex;align-items:center;gap:6px}
.legend b{width:8px;height:8px;border:1px solid currentColor;border-radius:2px}

.review-row{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer
}
.review-row:last-child{border-bottom:0}
.review-row:hover{background:rgba(255,255,255,.018)}
.review-thumb{width:64px;height:43px;border-radius:6px;background:center/cover no-repeat}
.review-copy strong{display:block;font-size:11px;font-weight:570}
.review-copy span{display:block;font-size:9px;color:#b0bbc8;margin-top:2px}
.review-copy small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.status{
  display:inline-flex;align-items:center;justify-content:center;min-height:23px;border-radius:5px;padding:0 8px;font-size:9px;white-space:nowrap
}
.status.yellow{color:#ffd85f;background:rgba(241,184,66,.12)}
.status.blue{color:#77baff;background:rgba(62,167,255,.12)}
.status.red{color:#ff9297;background:rgba(255,100,108,.12)}
.status.green{color:#76e87e;background:rgba(94,212,105,.12)}
.status.gray{color:#b3bdc9;background:rgba(160,170,182,.09)}


.worker-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px
}
.worker-card{
  border:1px solid rgba(126,146,166,.13);border-radius:13px;
  background:
    radial-gradient(circle at 94% 0%,rgba(117,87,181,.055),transparent 30%),
    linear-gradient(145deg,#101a24,#0a131b);
  padding:12px;cursor:pointer;min-width:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease
}
.worker-card:hover{
  border-color:rgba(116,160,196,.28);
  background:linear-gradient(145deg,#121f2b,#0c1720);
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.022)
}
.worker-card-head{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;align-items:center
}
.worker-machine-icon{
  width:46px;height:46px;border-radius:11px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(78,153,235,.15),rgba(42,92,150,.07));
  border:1px solid rgba(78,153,235,.15);
  color:#7fc2ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.worker-machine-icon.coordinator{
  background:linear-gradient(145deg,rgba(156,91,255,.16),rgba(101,55,186,.08));
  border-color:rgba(156,91,255,.17);
  color:#c2a0ff
}
.worker-machine-icon svg{width:18px;height:18px;display:block}
.worker-identity{min-width:0}
.worker-identity strong{
  display:block;font-size:12px;font-weight:650;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8ee
}
.worker-subline{
  display:flex;align-items:center;gap:6px;margin-top:5px;min-width:0
}
.worker-role{
  display:inline-flex;align-items:center;gap:4px;
  height:20px;padding:0 7px;border-radius:999px;
  border:1px solid rgba(78,153,235,.15);
  background:rgba(78,153,235,.07);color:#92cbff;
  font-size:8px;font-weight:650;letter-spacing:.015em
}
.worker-role.coordinator{
  border-color:rgba(156,91,255,.18);
  background:rgba(156,91,255,.08);color:#c8aaff
}
.worker-role svg{width:10px;height:10px;display:block}
.worker-state-chip{
  display:inline-flex;align-items:center;gap:5px;
  min-height:25px;padding:0 8px;border-radius:999px;
  background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055);
  color:#aeb9c4;font-size:8px;font-weight:620;white-space:nowrap
}
.worker-state-chip.online{
  color:#8be394;background:rgba(94,212,105,.07);border-color:rgba(94,212,105,.14)
}
.worker-state-chip.offline{
  color:#ff9298;background:rgba(255,100,108,.07);border-color:rgba(255,100,108,.14)
}
.worker-state-chip svg{width:12px;height:12px;display:block}

.worker-system-line{
  margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);
  display:flex;align-items:center;gap:8px;min-width:0
}
.worker-system-icon{
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  background:rgba(80,166,236,.08);border:1px solid rgba(80,166,236,.11);color:#81c4f8
}
.worker-system-icon svg{width:13px;height:13px;display:block}
.worker-system-copy{min-width:0}
.worker-system-copy span{
  display:block;font-size:7px;color:#6f8091;text-transform:uppercase;letter-spacing:.065em
}
.worker-system-copy strong{
  display:block;margin-top:3px;font-size:9px;color:#cbd5df;font-weight:560;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}

.worker-card-footer{
  display:flex;align-items:center;gap:7px;margin-top:9px
}
.worker-mini-stat{
  min-width:112px;height:31px;border-radius:9px;
  display:inline-flex;align-items:center;gap:7px;padding:0 9px;
  background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.05)
}
.worker-mini-stat-icon{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;
  color:#ffc96c;background:rgba(241,184,66,.08);border:1px solid rgba(241,184,66,.11)
}
.worker-mini-stat-icon svg{width:11px;height:11px;display:block}
.worker-mini-stat-copy{display:flex;align-items:baseline;gap:5px}
.worker-mini-stat label{font-size:8px;color:#7a8998}
.worker-mini-stat strong{font-size:11px;font-weight:680;color:#e0e6ec}

/* Refactor support utilities */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
  --transition-fast:140ms ease;
}
.svg-sprite{position:absolute}
.coordinator-storage-progress-bar{width:0}
.icon-arrow-back{transform:rotate(180deg);transform-origin:center}
.worker-detail-summary.is-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}
.inline-meta-muted{font-size:8px;color:#687788}
.inline-meta-icon-sm{width:11px;height:11px;vertical-align:-2px;margin-right:4px}
.inline-meta-icon{width:12px;height:12px;vertical-align:-2px;margin-right:5px}