/* Nexus Admin Panel — Refinements */
#view-workers,
#machineDetailOverlay,
#machineConfirmOverlay,
#workerPairingOverlay{
  --machines-font:var(--font-ui);
  font-family:var(--machines-font)!important;
}

#view-workers button,
#view-workers input,
#view-workers select,
#machineDetailOverlay button,
#machineConfirmOverlay button,
#workerPairingOverlay button{
  font-family:var(--machines-font)!important;
}


#view-workers .machines-search input{
  font-size:12px!important;
  font-weight:550!important;
  line-height:1.35!important;
  letter-spacing:.005em!important;
}

#view-workers .machines-search-key{
  font-size:9.5px!important;
  font-weight:700!important;
}

#view-workers #machineStateDropdown .multi-select-trigger{
  font-size:11px!important;
  font-weight:620!important;
  line-height:1.25!important;
}

#view-workers #machineStateDropdown .multi-select-option,
#view-workers #machineStateDropdown .multi-select-clear{
  font-size:10.5px!important;
  font-weight:560!important;
  line-height:1.35!important;
}

#view-workers .machines-add-worker-btn{
  font-size:10.5px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:.005em!important;
}


#view-workers .machine-page-name-row h3{
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.022em!important;
}

#view-workers .machine-page-role{
  min-height:24px!important;
  padding-inline:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.005em!important;
}

#view-workers .machine-page-os{
  margin-top:6px!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:520!important;
  letter-spacing:.003em!important;
}

#view-workers .machine-page-status{
  min-height:30px!important;
  padding-inline:10px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
}

#view-workers .machine-approval-copy strong{
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:.002em!important;
}

#view-workers .machine-approval-copy>span{
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
}

#view-workers .machine-page-property{
  min-height:54px!important;
}

#view-workers .machine-page-property label{
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:720!important;
  letter-spacing:.055em!important;
}

#view-workers .machine-page-property strong{
  margin-top:4px!important;
  font-size:11.5px!important;
  line-height:1.22!important;
  font-weight:720!important;
  letter-spacing:-.006em!important;
}

#view-workers .machine-page-property>div>span{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:480!important;
}

#view-workers .machine-page-property:nth-child(5) strong{
  font-size:13px!important;
  font-weight:780!important;
}

#view-workers .machine-ai-state{
  min-height:27px!important;
  padding-inline:8px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.002em!important;
}

#view-workers .machine-page-open{
  min-height:27px!important;
  padding:0 7px!important;
  border:1px solid rgba(126,146,166,.10);
  border-radius:8px;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:.002em!important;
}

#view-workers .machine-page-open svg{
  width:11px!important;
  height:11px!important;
}

#view-workers .machine-admin-btn{
  min-height:30px!important;
  padding-inline:10px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:780!important;
  letter-spacing:.004em!important;
}


html[data-theme="dark"] #view-workers .machine-page-os{
  color:#91a2b3!important;
}
html[data-theme="dark"] #view-workers .machine-page-property label{
  color:#8c9bac!important;
}
html[data-theme="dark"] #view-workers .machine-page-property strong{
  color:#e3eaf0!important;
}
html[data-theme="dark"] #view-workers .machine-page-property>div>span{
  color:#91a0af!important;
}
html[data-theme="dark"] #view-workers .machine-page-open{
  color:#9aabba!important;
  border-color:rgba(137,158,178,.12)!important;
  background:rgba(255,255,255,.018)!important;
}
html[data-theme="dark"] #view-workers .machine-page-card:hover .machine-page-open{
  color:#d2c1ef!important;
  border-color:rgba(154,119,208,.20)!important;
  background:rgba(138,69,255,.055)!important;
}
html[data-theme="dark"] #view-workers .machine-ai-state.disabled{
  color:#a1adba!important;
}


html[data-theme="light"] #view-workers .machine-page-os{
  color:#5e7287!important;
}
html[data-theme="light"] #view-workers .machine-page-property label{
  color:#62768b!important;
}
html[data-theme="light"] #view-workers .machine-page-property strong{
  color:#172a40!important;
}
html[data-theme="light"] #view-workers .machine-page-property>div>span{
  color:#667a8e!important;
}
html[data-theme="light"] #view-workers .machine-page-open{
  color:#526a80!important;
  border-color:#d7e1e9!important;
  background:#f2f6f9!important;
}
html[data-theme="light"] #view-workers .machine-page-card:hover .machine-page-open{
  color:#5132a0!important;
  border-color:#c8bde2!important;
  background:#ece7f6!important;
}
html[data-theme="light"] #view-workers .machine-ai-state.disabled{
  color:#5f7285!important;
  background:#edf2f6!important;
  border-color:#d5dfe8!important;
}


#machineDetailOverlay .machine-detail-title strong{
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}

#machineDetailOverlay .machine-detail-title div>span{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:500!important;
}

#machineDetailOverlay .machine-detail-header-status{
  min-height:32px!important;
  padding-inline:11px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:760!important;
}


#machineDetailOverlay .machine-detail-overview-copy h2{
  margin-top:0!important;
  font-size:21px!important;
  line-height:1.16!important;
  font-weight:810!important;
  letter-spacing:-.025em!important;
}

#machineDetailOverlay .machine-detail-badges .machine-page-role{
  min-height:25px!important;
  padding-inline:9px!important;
  font-size:9.5px!important;
  font-weight:720!important;
}

#machineDetailOverlay .machine-detail-os-card label,
#machineDetailOverlay .machine-detail-approval-copy label,
#machineDetailOverlay .machine-detail-info-card label,
#machineDetailOverlay .machine-detail-summary-card label{
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:720!important;
  letter-spacing:.055em!important;
}

#machineDetailOverlay .machine-detail-os-card strong{
  margin-top:5px!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:740!important;
}

#machineDetailOverlay .machine-detail-approval-copy strong{
  margin-top:4px!important;
  font-size:12.5px!important;
  line-height:1.22!important;
  font-weight:780!important;
}

#machineDetailOverlay .machine-detail-approval-copy>span{
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:500!important;
}


#machineDetailOverlay .machine-detail-section-head strong{
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:-.005em!important;
}

#machineDetailOverlay .machine-detail-info-card strong{
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:730!important;
  letter-spacing:-.005em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
}

#machineDetailOverlay .machine-detail-info-card div>span{
  margin-top:4px!important;
  font-size:9.5px!important;
  line-height:1.28!important;
  font-weight:480!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
}

#sidebarCoordinatorStorageUsed{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.25;
}

#machineDetailOverlay .machine-detail-summary-card strong{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:780!important;
}

#machineDetailOverlay .machine-modal-action{
  min-height:34px!important;
  padding-inline:12px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:780!important;
}


html[data-theme="dark"] #machineDetailOverlay .machine-detail-title div>span,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-approval-copy>span,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-info-card div>span{
  color:#93a3b3!important;
}
html[data-theme="dark"] #machineDetailOverlay .machine-detail-os-card label,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-approval-copy label,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-info-card label,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-summary-card label{
  color:#8b9bac!important;
}
html[data-theme="dark"] #machineDetailOverlay .machine-detail-info-card strong,
html[data-theme="dark"] #machineDetailOverlay .machine-detail-summary-card strong{
  color:#e2e9ef!important;
}


html[data-theme="light"] #machineDetailOverlay .machine-detail-title div>span,
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval-copy>span,
html[data-theme="light"] #machineDetailOverlay .machine-detail-info-card div>span{
  color:#617589!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-os-card label,
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval-copy label,
html[data-theme="light"] #machineDetailOverlay .machine-detail-info-card label,
html[data-theme="light"] #machineDetailOverlay .machine-detail-summary-card label{
  color:#607489!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-info-card strong,
html[data-theme="light"] #machineDetailOverlay .machine-detail-summary-card strong{
  color:#1d3146!important;
}


#machineConfirmOverlay .machine-confirm-kicker{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.075em!important;
}

#machineConfirmOverlay .machine-confirm-copy h2{
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

#machineConfirmOverlay .machine-confirm-copy p{
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:480!important;
}

#machineConfirmOverlay .machine-confirm-target strong{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:760!important;
}

#machineConfirmOverlay .machine-confirm-target small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.3!important;
  font-weight:500!important;
}

#machineConfirmOverlay .machine-confirm-btn{
  min-height:36px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:760!important;
}


#workerPairingOverlay .worker-pairing-title strong{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

#workerPairingOverlay .worker-pairing-kicker{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:.075em!important;
}

#workerPairingOverlay .worker-pairing-intro h2{
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.022em!important;
}

#workerPairingOverlay .worker-pairing-intro p{
  font-size:11.5px!important;
  line-height:1.55!important;
  font-weight:480!important;
}

#workerPairingOverlay .worker-pairing-code-label{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.065em!important;
}

#workerPairingOverlay .worker-pairing-code{
  font-size:29px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}

#workerPairingOverlay .worker-pairing-btn{
  min-height:38px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:760!important;
}


@media(max-width:720px){
  #view-workers .machine-page-name-row h3{
    font-size:15px!important;
  }
  #view-workers .machine-page-property strong{
    font-size:11px!important;
  }
  #machineDetailOverlay .machine-detail-title strong{
    font-size:15px!important;
  }
  #machineDetailOverlay .machine-detail-overview-copy h2{
    font-size:19px!important;
  }
}


#view-workers .empty{
  font-size:11px!important;
  line-height:1.5!important;
  font-weight:550!important;
}


#view-workers .machine-page-property{
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:6px!important;
  padding:6px!important;
}

#view-workers .machine-property-icon{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
}

#view-workers .machine-property-icon svg{
  width:13px!important;
  height:13px!important;
}


#view-workers .machine-page-property:nth-child(1) strong,
#view-workers .machine-page-property:nth-child(2) strong{
  font-size:10.5px!important;
  font-weight:740!important;
  letter-spacing:-.015em!important;
}

#view-workers .machine-page-property:nth-child(3) strong,
#view-workers .machine-page-property:nth-child(4) strong{
  font-size:11.5px!important;
  font-weight:740!important;
}


html[data-theme="dark"] #view-workers .machine-approval-strip.pending{
  background:rgba(241,184,66,.045)!important;
  border-color:rgba(241,184,66,.13)!important;
}
html[data-theme="dark"] #view-workers .machine-approval-strip.pending .machine-approval-copy strong{
  color:#f0cf8a!important;
}
html[data-theme="dark"] #view-workers .machine-approval-strip.pending .machine-approval-copy>span{
  color:#b5a47e!important;
}

html[data-theme="light"] #view-workers .machine-approval-strip.pending{
  background:#fff8e7!important;
  border-color:#e8d8a7!important;
}
html[data-theme="light"] #view-workers .machine-approval-strip.pending .machine-approval-icon{
  color:#8a6418!important;
  background:#fbf1d8!important;
  border-color:#e5d3a2!important;
}
html[data-theme="light"] #view-workers .machine-approval-strip.pending .machine-approval-copy strong{
  color:#7d5915!important;
}
html[data-theme="light"] #view-workers .machine-approval-strip.pending .machine-approval-copy>span{
  color:#796b4c!important;
}


html[data-theme="light"] #machineDetailOverlay .machine-detail-header-status.online{
  color:#286f43!important;
  background:#e7f4eb!important;
  border-color:#c9e4d3!important;
  box-shadow:none!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-header-status.offline{
  color:#a23a44!important;
  background:#f8e9eb!important;
  border-color:#e8c9cd!important;
  box-shadow:none!important;
}

html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.approved{
  border-color:#cce5d5!important;
  background:#edf8f1!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.pending{
  border-color:#e7d7a5!important;
  background:#fff8e7!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.approved .machine-detail-approval-copy strong{
  color:#2f7248!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.pending .machine-detail-approval-copy strong{
  color:#7e5a16!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.approved .machine-detail-approval-icon{
  color:#2f774a!important;
  background:#e3f3e9!important;
  border-color:#c9e4d3!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-detail-approval.pending .machine-detail-approval-icon{
  color:#8a6418!important;
  background:#fbf1d8!important;
  border-color:#e5d3a2!important;
}


html[data-theme="light"] #machineDetailOverlay .machine-page-role{
  color:#286b98!important;
  background:#e8f2f8!important;
  border-color:#cce0ec!important;
}
html[data-theme="light"] #machineDetailOverlay .machine-page-role.coordinator{
  color:#6541ad!important;
  background:#eee8f9!important;
  border-color:#d7caef!important;
}


html[data-theme="light"] #view-workers .machine-admin-btn:disabled,
html[data-theme="light"] #machineDetailOverlay .machine-modal-action:disabled{
  color:#7a8998!important;
  background:#e8edf2!important;
  border-color:#d2dce5!important;
  box-shadow:none!important;
}


#machineConfirmOverlay .machine-confirm-target{
  min-height:58px!important;
}
#machineConfirmOverlay .machine-confirm-target strong{
  font-size:12px!important;
  font-weight:780!important;
}
#machineConfirmOverlay .machine-confirm-target small{
  font-size:9.5px!important;
  font-weight:520!important;
}


#drawerOverlay .hardware-copy label{
  font-size:9px!important;
  font-weight:720!important;
  line-height:1.15!important;
}
#drawerOverlay .hardware-copy strong{
  font-size:11.5px!important;
  font-weight:730!important;
  line-height:1.22!important;
}
#drawerOverlay .hardware-copy span{
  font-size:9.5px!important;
  line-height:1.28!important;
}


body.login-active .app{
  visibility:hidden;
  pointer-events:none;
  user-select:none;
}

body.auth-pending .app,
body.auth-pending .login-screen{
  visibility:hidden;
  pointer-events:none;
  user-select:none;
}

.auth-bootstrap{
  position:fixed;
  inset:0;
  z-index:510;
  display:none;
  place-content:center;
  justify-items:center;
  gap:14px;
  color:#9aaabd;
  background:
    radial-gradient(circle at 50% 42%,rgba(114,72,255,.10),transparent 25%),
    var(--bg);
}

body.auth-pending .auth-bootstrap{
  display:grid;
}

.auth-bootstrap img{
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(39,104,255,.18));
}

.auth-bootstrap strong{
  font-size:10px;
  font-weight:650;
  letter-spacing:.01em;
}

.auth-bootstrap-spinner{
  width:22px;
  height:22px;
  border:2px solid rgba(142,160,184,.18);
  border-top-color:#8b5cff;
  border-radius:50%;
  animation:login-spin .75s linear infinite;
}

.login-screen{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  overflow:auto;
  color:var(--text);
  background:
    radial-gradient(circle at 50% -12%,rgba(138,69,255,.08),transparent 33%),
    radial-gradient(circle at 82% 88%,rgba(62,167,255,.055),transparent 28%),
    var(--bg);
}

body.login-active .login-screen{
  display:grid;
}

.login-shell{
  width:100%;
  min-height:100%;
  padding:32px 20px;
  display:grid;
  place-items:center;
}

.login-card{
  width:min(440px,100%);
  padding:24px;
  border:1px solid var(--line);
  border-radius:16px;
  background:
    radial-gradient(circle at 10% -10%,rgba(138,69,255,.065),transparent 34%),
    var(--surface);
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.login-card-top{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.login-brand{
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
}

.login-logo{
  display:none;
  width:138px;
  height:auto;
  max-height:42px;
  object-fit:contain;
  object-position:left center;
}

html[data-theme="dark"] .login-logo-dark{
  display:block;
}

html[data-theme="light"] .login-logo-light{
  display:block;
}

.login-heading{
  margin-top:30px;
}

.login-heading h1{
  margin:7px 0 0;
  color:var(--text);
  font-size:29px;
  line-height:1.12;
  font-weight:820;
  letter-spacing:-.028em;
}

.login-heading p{
  margin:9px 0 0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.5;
}

.login-form{
  margin-top:28px;
  display:grid;
  gap:17px;
}

.login-field{
  min-width:0;
  display:block;
}

.login-field>span{
  display:block;
  margin-bottom:7px;
  color:var(--text-2);
  font-size:11px;
  line-height:1.2;
  font-weight:690;
}

.login-input-wrap{
  height:46px;
  position:relative;
  display:flex;
  align-items:center;
}

.login-input-wrap>svg{
  position:absolute;
  left:14px;
  width:16px;
  height:16px;
  color:#728497;
  pointer-events:none;
  transition:color .14s ease;
}

.login-input-wrap input{
  width:100%;
  height:46px;
  padding:0 14px 0 42px;
  border:1px solid #263746;
  border-radius:10px;
  color:var(--text);
  background:#0b141d;
  font-size:12.5px;
  line-height:1.3;
  font-weight:540;
  caret-color:#a984ff;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease;
}

.login-input-wrap input::placeholder{
  color:#627384;
}

.login-input-wrap input:hover:not(:disabled){
  border-color:#34495c;
  background:#0d1721;
}

.login-field:focus-within .login-input-wrap input{
  border-color:#7652bd;
  box-shadow:0 0 0 3px rgba(138,69,255,.09);
}

.login-field:focus-within .login-input-wrap>svg{
  color:#aa8be0;
}

.login-input-wrap input:disabled{
  cursor:not-allowed;
  opacity:.62;
  color:#8a98a7;
  background:#0a1118;
}

.login-field.has-error .login-input-wrap input{
  border-color:#a94e57;
  box-shadow:0 0 0 3px rgba(255,100,108,.065);
}

.login-field.has-error .login-input-wrap>svg{
  color:#e07880;
}

.login-field-error{
  min-height:15px;
  display:block;
  margin-top:6px;
  color:#e98289;
  font-size:10px;
  line-height:1.35;
  font-weight:550;
}

.login-form-error{
  min-height:18px;
  margin-top:-4px;
  color:#ee8b91;
  font-size:10.5px;
  line-height:1.4;
  font-weight:590;
}

.login-submit{
  width:100%;
  min-height:44px;
  margin-top:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid #7d4be4;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(180deg,#7747da,#6333c4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 8px 20px rgba(65,29,142,.24);
  font-size:12px;
  line-height:1;
  font-weight:780;
  letter-spacing:.005em;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;
}

.login-submit:hover:not(:disabled){
  border-color:#9164ea;
  background:linear-gradient(180deg,#8253e1,#6a39ca);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(65,29,142,.29);
  transform:translateY(-1px);
}

.login-submit:active:not(:disabled){
  transform:translateY(0) scale(.99);
}

.login-submit:disabled{
  cursor:not-allowed;
  color:#9aa5b0;
  border-color:#303c48;
  background:#222c36;
  box-shadow:none;
}

.login-submit-spinner{
  width:14px;
  height:14px;
  display:none;
  border:2px solid rgba(255,255,255,.34);
  border-top-color:#fff;
  border-radius:50%;
  animation:login-spin .75s linear infinite;
}

.login-submit.loading .login-submit-spinner{
  display:block;
}

.login-submit.loading{
  cursor:wait;
}

@keyframes login-spin{
  to{transform:rotate(360deg)}
}


html[data-theme="light"] .login-screen{
  color:#142338;
  background:
    radial-gradient(circle at 50% -12%,rgba(105,64,198,.075),transparent 34%),
    radial-gradient(circle at 85% 90%,rgba(37,119,183,.055),transparent 29%),
    #edf2f6;
}

html[data-theme="light"] .login-card{
  border-color:#cbd6e0;
  background:
    radial-gradient(circle at 8% -8%,rgba(105,64,198,.05),transparent 35%),
    #fbfcfe;
  box-shadow:
    0 26px 64px rgba(38,55,73,.15),
    inset 0 1px 0 rgba(255,255,255,.95);
}

html[data-theme="light"] .login-heading h1{
  color:#172a40;
}

html[data-theme="light"] .login-heading p{
  color:#64788c;
}

html[data-theme="light"] .login-field>span{
  color:#34495e;
}

html[data-theme="light"] .login-input-wrap>svg{
  color:#6d8295;
}

html[data-theme="light"] .login-input-wrap input{
  color:#1d3146;
  border-color:#c9d5df;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-theme="light"] .login-input-wrap input::placeholder{
  color:#8a99a8;
}

html[data-theme="light"] .login-input-wrap input:hover:not(:disabled){
  border-color:#b5c4d1;
  background:#fbfcfd;
}

html[data-theme="light"] .login-field:focus-within .login-input-wrap input{
  border-color:#8268ba;
  background:#fff;
  box-shadow:0 0 0 3px rgba(105,64,198,.09);
}

html[data-theme="light"] .login-field:focus-within .login-input-wrap>svg{
  color:#6240a9;
}

html[data-theme="light"] .login-input-wrap input:disabled{
  color:#8795a3;
  border-color:#d4dde5;
  background:#edf1f4;
  opacity:.78;
}

html[data-theme="light"] .login-field.has-error .login-input-wrap input{
  border-color:#c65a63;
  box-shadow:0 0 0 3px rgba(184,66,77,.07);
}

html[data-theme="light"] .login-field.has-error .login-input-wrap>svg,
html[data-theme="light"] .login-field-error,
html[data-theme="light"] .login-form-error{
  color:#b8424d;
}

html[data-theme="light"] .login-submit:disabled{
  color:#7c8996;
  border-color:#d0d9e2;
  background:#e4e9ee;
}

@media(max-width:560px){
  .login-shell{
    padding:18px 14px;
  }
  .login-card{
    padding:20px;
    border-radius:14px;
  }
  .login-card-top{
    align-items:flex-start;
    gap:12px;
  }
  .login-logo{
    width:120px;
    max-height:38px;
  }
.login-heading{
    margin-top:26px;
  }
  .login-heading h1{
    font-size:26px;
  }
}

@media(max-width:380px){
  .login-card-top{
    display:grid;
    gap:15px;
  }
}


.login-screen{
  font-family:var(--font-ui)!important;
}

.login-shell{
  min-height:100%;
  padding:clamp(46px,7vh,78px) 20px 34px!important;
  place-items:start center!important;
}

.login-card{
  width:min(470px,100%)!important;
  padding:30px 32px 32px!important;
  border-radius:18px!important;
  border:1px solid #23313e!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(138,69,255,.07),transparent 31%),
    #0d151e!important;
  box-shadow:
    0 30px 86px rgba(0,0,0,.38),
    0 8px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.login-card-top{
  min-height:auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}

.login-brand{
  width:100%!important;
  height:auto!important;
  min-height:70px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}

.login-logo{
  width:min(248px,72vw)!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center!important;
}

.login-heading{
  margin-top:30px!important;
  text-align:center!important;
}

.login-heading h1{
  margin:0!important;
  color:#f2f6fb!important;
  font-size:31px!important;
  line-height:1.12!important;
  font-weight:820!important;
  letter-spacing:-.03em!important;
}

.login-heading p{
  max-width:350px;
  margin:10px auto 0!important;
  color:#96a5b4!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:500!important;
  letter-spacing:.002em!important;
}

.login-form{
  margin-top:30px!important;
  gap:18px!important;
}

.login-field>span{
  margin-bottom:8px!important;
  color:#c7d1db!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:680!important;
  letter-spacing:.005em!important;
}

.login-input-wrap{
  height:50px!important;
}

.login-input-wrap>svg{
  left:15px!important;
  width:17px!important;
  height:17px!important;
  color:#7f91a3!important;
}

.login-input-wrap input{
  height:50px!important;
  padding:0 15px 0 44px!important;
  border:1px solid #2a3a49!important;
  border-radius:11px!important;
  color:#eef3f8!important;
  background:#0a131c!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:540!important;
  letter-spacing:.002em!important;
  caret-color:#a98bf0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}

.login-password-wrap input{
  padding-right:48px!important;
}

.login-input-wrap input::placeholder{
  color:#708192!important;
  opacity:1!important;
}

.login-input-wrap input:hover:not(:disabled){
  border-color:#3a4e60!important;
  background:#0c1721!important;
}

.login-field:focus-within .login-input-wrap input{
  border-color:#8160c4!important;
  background:#0d1721!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.10),
    inset 0 1px 0 rgba(255,255,255,.02)!important;
}

.login-field:focus-within .login-input-wrap>svg{
  color:#b395e6!important;
}

.login-password-toggle{
  position:absolute;
  right:9px;
  top:50%;
  width:34px;
  height:34px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  color:#738698;
  background:transparent;
  transition:color .14s ease,background .14s ease,transform .14s ease;
}

.login-password-toggle svg{
  width:16px;
  height:16px;
}

.login-password-toggle:hover{
  color:#d2c2ed;
  background:#17232e;
}

.login-password-toggle:active{
  transform:translateY(-50%) scale(.96);
}

.login-password-toggle:focus-visible{
  outline:2px solid rgba(138,69,255,.72);
  outline-offset:1px;
}

.login-input-wrap input:disabled + .login-password-toggle,
.login-password-toggle:disabled{
  pointer-events:none;
  opacity:.48;
}

.login-field-error{
  min-height:16px!important;
  margin-top:6px!important;
  color:#ef8a91!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  font-weight:580!important;
}

.login-form-error{
  min-height:18px!important;
  margin-top:-3px!important;
  color:#ef8a91!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

.login-field.has-error .login-input-wrap input{
  border-color:#b9545d!important;
  box-shadow:0 0 0 3px rgba(255,100,108,.075)!important;
}

.login-field.has-error .login-input-wrap>svg,
.login-field.has-error .login-password-toggle{
  color:#e27b83!important;
}

.login-input-wrap input:disabled{
  color:#8a98a7!important;
  border-color:#242f3a!important;
  background:#091018!important;
  opacity:.72!important;
}

.login-submit{
  min-height:48px!important;
  margin-top:4px!important;
  border-radius:11px!important;
  border-color:#7f4ce4!important;
  background:linear-gradient(180deg,#7d4be0,#6636c5)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    0 9px 22px rgba(65,29,142,.27)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:780!important;
  letter-spacing:.008em!important;
}

.login-submit:hover:not(:disabled){
  border-color:#9468eb!important;
  background:linear-gradient(180deg,#8857e5,#7040ce)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.19),
    0 11px 28px rgba(65,29,142,.32)!important;
}

.login-submit:disabled{
  color:#82909e!important;
  border-color:#303c48!important;
  background:#202a34!important;
  box-shadow:none!important;
}

.login-submit-spinner{
  width:15px!important;
  height:15px!important;
}


html[data-theme="light"] .login-card{
  border-color:#cbd6e0!important;
  background:
    radial-gradient(circle at 50% -12%,rgba(105,64,198,.055),transparent 32%),
    #fbfcfe!important;
  box-shadow:
    0 28px 72px rgba(38,55,73,.16),
    0 6px 22px rgba(38,55,73,.08),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

html[data-theme="light"] .login-heading h1{
  color:#172a40!important;
}

html[data-theme="light"] .login-heading p{
  color:#61758a!important;
}

html[data-theme="light"] .login-field>span{
  color:#33485d!important;
}

html[data-theme="light"] .login-input-wrap>svg{
  color:#6d8296!important;
}

html[data-theme="light"] .login-input-wrap input{
  color:#1d3146!important;
  border-color:#c8d4de!important;
  background:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}

html[data-theme="light"] .login-input-wrap input::placeholder{
  color:#8797a7!important;
}

html[data-theme="light"] .login-input-wrap input:hover:not(:disabled){
  border-color:#b4c3d0!important;
  background:#fbfcfd!important;
}

html[data-theme="light"] .login-field:focus-within .login-input-wrap input{
  border-color:#8168b7!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(105,64,198,.09)!important;
}

html[data-theme="light"] .login-field:focus-within .login-input-wrap>svg{
  color:#6240aa!important;
}

html[data-theme="light"] .login-password-toggle{
  color:#6e8194!important;
}

html[data-theme="light"] .login-password-toggle:hover{
  color:#5634a4!important;
  background:#edf2f6!important;
}

html[data-theme="light"] .login-field.has-error .login-input-wrap input{
  border-color:#c45a63!important;
  box-shadow:0 0 0 3px rgba(184,66,77,.07)!important;
}

html[data-theme="light"] .login-field.has-error .login-input-wrap>svg,
html[data-theme="light"] .login-field.has-error .login-password-toggle,
html[data-theme="light"] .login-field-error,
html[data-theme="light"] .login-form-error{
  color:#b8424d!important;
}

html[data-theme="light"] .login-input-wrap input:disabled{
  color:#81909e!important;
  border-color:#d3dde5!important;
  background:#edf1f4!important;
  opacity:.82!important;
}

html[data-theme="light"] .login-submit:disabled{
  color:#7d8a97!important;
  border-color:#ced8e1!important;
  background:#e2e8ed!important;
}


@media(max-width:560px){
  .login-shell{
    padding:34px 14px 24px!important;
  }
  .login-card{
    padding:24px 20px 24px!important;
    border-radius:15px!important;
  }
  .login-brand{
    min-height:60px!important;
  }
  .login-logo{
    width:min(218px,70vw)!important;
    max-height:68px!important;
  }
  .login-heading{
    margin-top:25px!important;
  }
  .login-heading h1{
    font-size:27px!important;
  }
  .login-heading p{
    font-size:12.5px!important;
  }
  .login-form{
    margin-top:25px!important;
  }
}

@media(max-width:380px){
  .login-card-top{
    display:flex!important;
  }
}


html[data-theme="light"] .login-card{
  background-color:#fbfcfe!important;
}
html[data-theme="light"] .login-input-wrap input{
  background-color:#ffffff!important;
}
html[data-theme="light"] .login-input-wrap input:hover:not(:disabled),
html[data-theme="light"] .login-field:focus-within .login-input-wrap input{
  background-color:#ffffff!important;
}


.app-empty-state{
  width:100%;
  min-height:214px;
  padding:30px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;
  text-align:center;
  color:#8b9aaa;
  border:1px solid #223342;
  border-radius:12px;
  background:
    radial-gradient(circle at 50% -25%,rgba(138,69,255,.055),transparent 38%),
    #0c151e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

.app-empty-state.compact{
  min-height:142px;
  padding:22px 18px;
  gap:10px;
}

.app-empty-state.grid-span{
  grid-column:1/-1;
}

.app-empty-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  color:#a889dc;
  border:1px solid rgba(151,119,205,.20);
  border-radius:13px;
  background:rgba(138,69,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.app-empty-state.compact .app-empty-icon{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:11px;
}

.app-empty-icon svg{
  width:20px;
  height:20px;
}

.app-empty-state.compact .app-empty-icon svg{
  width:17px;
  height:17px;
}

.app-empty-copy{
  max-width:420px;
}

.app-empty-copy strong{
  display:block;
  color:#d9e1e8;
  font-size:13px;
  line-height:1.3;
  font-weight:760;
  letter-spacing:-.006em;
}

.app-empty-copy span{
  display:block;
  margin-top:5px;
  color:#8999a9;
  font-size:10.5px;
  line-height:1.5;
  font-weight:480;
}

.app-empty-action{
  min-height:34px;
  margin-top:2px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#f7f3ff;
  border:1px solid #7b4bd9;
  border-radius:9px;
  background:#7040cf;
  box-shadow:0 5px 14px rgba(72,39,141,.20);
  font-size:10.5px;
  line-height:1;
  font-weight:740;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease;
}

.app-empty-action svg{
  width:13px;
  height:13px;
}

.app-empty-action:hover{
  border-color:#9062e4;
  background:#7b49d8;
  box-shadow:0 7px 18px rgba(72,39,141,.25);
  transform:translateY(-1px);
}

.app-empty-action:active{
  transform:translateY(0) scale(.985);
}

.app-empty-action:focus-visible{
  outline:2px solid rgba(166,132,229,.8);
  outline-offset:2px;
}


.overview-empty-state{
  min-height:150px;
  margin:8px;
  border-color:#20313f;
}

.overview-machine-group-grid>.app-empty-state{
  margin:0;
}

.overview-empty-table-row td{
  padding:0!important;
  border-bottom:0!important;
}

.overview-empty-table-row .app-empty-state{
  margin:8px;
  width:calc(100% - 16px);
}


.machine-page-empty-state{
  min-height:226px;
}

.machines-grid>.app-empty-state{
  align-self:stretch;
}


.machine-list-empty-state{
  min-height:126px!important;
  margin:8px 0 0;
  padding:18px 10px!important;
  border-radius:10px;
}

.machine-list-empty-state .app-empty-copy strong{
  font-size:10.5px;
}

.machine-list-empty-state .app-empty-copy span{
  font-size:8.5px;
  line-height:1.4;
}

.machine-list-empty-state .app-empty-icon{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
}

.folder-first-empty-state{
  min-height:248px;
  margin:10px;
  width:calc(100% - 20px);
}


.media-list-view>.app-empty-state,
.team-list>.app-empty-state,
.reviews-panel>.app-empty-state{
  width:100%;
}

.media-grid>.app-empty-state,
.review-grid-view>.app-empty-state{
  min-height:250px;
}

.review-list-view>.app-empty-state{
  margin:0!important;
}


.processing-empty-row.first-run-empty td,
.processing-empty-row td{
  padding:0!important;
}

.processing-first-empty-state{
  min-height:230px;
  margin:10px;
  width:calc(100% - 20px);
}

/* An Overview empty card that carries an ICON AND A TITLE AND NOTHING ELSE. The compact variant's
   floor (142px, and 150/230px for the two Overview classes above) was sized for a card with a
   description line under the title; with that line gone the floor is dead space below the title
   rather than breathing room, and the panel around it inherits the same emptiness.
   min-height:0 lets each card hug what it actually contains. Applied as a modifier at the three call
   sites rather than to the shared classes, because `overview-empty-state` also dresses the Machines
   panel and every loading/error card, all of which still carry copy that needs the taller box. */
.app-empty-state.overview-empty-tight{
  /* !important only because .machine-list-empty-state declares its own min-height that way; this
     modifier is applied solely to cards that have had their description line removed, so it cannot
     shrink a card that still has copy to hold. */
  min-height:0!important;
  padding:20px 18px;
}


.team-permission-first-empty{
  min-height:148px!important;
  margin:4px 0;
  border-radius:10px;
}


html[data-theme="light"] .app-empty-state{
  color:#66798d;
  border-color:#d3dee7;
  background:
    radial-gradient(circle at 50% -25%,rgba(105,64,198,.045),transparent 38%),
    #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 3px 12px rgba(38,55,73,.035);
}

html[data-theme="light"] .app-empty-icon{
  color:#6541ad;
  border-color:#d8cbef;
  background:#eee8f9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

html[data-theme="light"] .app-empty-copy strong{
  color:#26394e;
}

html[data-theme="light"] .app-empty-copy span{
  color:#66798d;
}

html[data-theme="light"] .app-empty-action{
  color:#fff;
  border-color:#6940c6;
  background:#6940c6;
  box-shadow:0 5px 13px rgba(74,43,141,.14);
}

html[data-theme="light"] .app-empty-action:hover{
  border-color:#5d36b4;
  background:#5d36b4;
  box-shadow:0 7px 17px rgba(74,43,141,.18);
}


html[data-theme="light"] .overview-machine-group-grid>.app-empty-state{
  border-color:#d6e0e8;
}


@media(max-width:900px){
  .app-empty-state{
    min-height:190px;
    padding:26px 20px;
  }
  .app-empty-state.compact{
    min-height:132px;
    padding:20px 16px;
  }
}

@media(max-width:560px){
  .app-empty-state{
    min-height:176px;
    padding:24px 16px;
    border-radius:11px;
  }
  .app-empty-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
  .app-empty-copy strong{
    font-size:12.5px;
  }
  .app-empty-copy span{
    font-size:10px;
  }
  .app-empty-action{
    min-height:36px;
    padding-inline:14px;
  }
}


#view-overview .metric-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

#view-overview .metric-card{
  min-width:0;
  min-height:104px;
  padding:14px 15px;
  align-items:center;
  gap:12px;
}

#view-overview .metric-copy{
  min-width:0;
}

#view-overview .metric-copy label{
  margin:0;
  font-size:10.5px!important;
  line-height:1.2;
  font-weight:680!important;
  letter-spacing:.015em;
}

#view-overview .metric-copy strong{
  margin-top:5px;
  color:#edf2f6;
  font-size:22px!important;
  line-height:1.16;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

#view-overview .metric-storage .metric-copy strong{
  font-size:19px!important;
  white-space:nowrap;
  letter-spacing:-.018em!important;
}

#view-overview .metric-status{
  width:max-content;
  max-width:100%;
  min-height:22px;
  margin-top:7px!important;
  padding:0 7px;
  display:inline-flex!important;
  align-items:center;
  border:1px solid transparent;
  border-radius:999px;
  font-size:8.5px!important;
  line-height:1;
  font-weight:700!important;
  white-space:nowrap;
}

#view-overview .metric-status.offline{
  color:#ff9aa0;
  border-color:rgba(255,100,108,.17);
  background:rgba(255,100,108,.075);
}

#view-overview .metric-status.review{
  color:#f2c65a;
  border-color:rgba(241,184,66,.18);
  background:rgba(241,184,66,.075);
}


html[data-theme="light"] #view-overview .metric-copy strong{
  color:#172a40;
}

html[data-theme="light"] #view-overview .metric-status.offline{
  color:#a53d46;
  border-color:#e8c9cd;
  background:#f8e9eb;
}

html[data-theme="light"] #view-overview .metric-status.review{
  color:#805c16;
  border-color:#eadbb4;
  background:#fbf3df;
}


@media(max-width:1350px){
  #view-overview .metric-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:850px){
  #view-overview .metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  #view-overview .metric-grid{
    grid-template-columns:1fr;
  }
  #view-overview .metric-storage .metric-copy strong{
    font-size:21px!important;
  }
}


#view-overview .processing-scroll{
  background:transparent;
}

#view-overview .overview-render-row{
  min-height:82px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto minmax(150px,.78fr);
  gap:11px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.055);
  transition:background .14s ease;
}

#view-overview .overview-render-row:last-child{
  border-bottom:0;
}

#view-overview .overview-render-row:hover{
  background:rgba(255,255,255,.018);
}

#view-overview .overview-render-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#f0c66e;
  border:1px solid #45371a;
  border-radius:9px;
  background:#241d10;
}

#view-overview .overview-render-icon svg{
  width:15px;
  height:15px;
}

#view-overview .overview-render-copy{
  min-width:0;
}

#view-overview .overview-render-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e8eef4;
  font-size:11.5px;
  line-height:1.25;
  font-weight:730;
}

#view-overview .overview-render-copy>span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8192a2;
  font-size:9px;
  font-weight:520;
}

#view-overview .overview-render-copy small{
  margin-top:5px;
  display:flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
  color:#9daab6;
  font-size:8.5px;
  line-height:1.2;
  white-space:nowrap;
}

#view-overview .overview-render-copy small svg{
  width:10px;
  height:10px;
  flex:0 0 10px;
  color:#79abd0;
}

#view-overview .overview-render-copy small b{
  color:#536272;
  font-weight:700;
}

#view-overview .overview-render-status{
  min-height:25px;
  font-size:8.5px!important;
  font-weight:740!important;
}

#view-overview .overview-render-progress{
  min-width:0;
}

#view-overview .overview-render-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

#view-overview .overview-render-progress-head span{
  color:#8796a5;
  font-size:8.5px;
  font-weight:620;
}

#view-overview .overview-render-progress-head strong{
  color:#e1e8ee;
  font-size:10px;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}

.render-progress-track{
  width:100%;
  height:7px;
  margin-top:6px;
  overflow:hidden;
  border-radius:999px;
  background:#25313c;
}

.render-progress-track i{
  display:block;
  height:100%;
  min-width:0;
  border-radius:inherit;
  transition:width .18s ease;
}

.render-running-bar{
  background:linear-gradient(90deg,#3f9cff,#6ac4ff);
}

.render-complete-bar{
  background:linear-gradient(90deg,#55c76b,#82dc83);
}

.render-queued-bar{
  background:linear-gradient(90deg,#c89328,#e8b84d);
}

.render-failed-bar{
  background:linear-gradient(90deg,#d94e58,#f06a72);
}

#view-overview .overview-render-progress>small{
  display:block;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#687989;
  font-size:7.8px;
  font-weight:520;
}

#view-overview .render-status-legend{
  justify-content:flex-start;
}


#view-processing .processing-kind.rendering-only{
  min-width:160px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

#view-processing .processing-render-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#e5b95f;
  border:1px solid #4a391b;
  border-radius:9px;
  background:#28200f;
}

#view-processing .processing-render-icon svg{
  width:15px;
  height:15px;
}

#view-processing .processing-render-copy{
  min-width:0;
}

#view-processing .processing-render-copy span{
  display:block;
  color:#d8af5d;
  font-size:8.5px;
  line-height:1.15;
  font-weight:780;
  letter-spacing:.045em;
  text-transform:uppercase;
}

#view-processing .processing-render-copy strong{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e7edf3;
  font-size:12px!important;
  line-height:1.2;
  font-weight:730!important;
}

#view-processing .render-only-progress{
  width:142px;
  display:block;
}

#view-processing .render-progress-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
}

#view-processing .render-progress-head strong{
  min-width:0!important;
  color:#dce4ea;
  font-size:10.5px!important;
  font-weight:780!important;
  font-variant-numeric:tabular-nums;
}

#view-processing .render-progress-head span{
  color:#748596;
  font-size:8px;
  font-weight:570;
}

#view-processing .render-only-progress .render-progress-track{
  margin-top:5px;
}


html[data-theme="light"] #view-overview .overview-render-row{
  border-bottom-color:#e2e8ee;
}

html[data-theme="light"] #view-overview .overview-render-row:hover{
  background:#f5f8fb;
}

html[data-theme="light"] #view-overview .overview-render-icon,
html[data-theme="light"] #view-processing .processing-render-icon{
  color:#8b641a;
  border-color:#eadbb2;
  background:#fbf3df;
}

html[data-theme="light"] #view-overview .overview-render-copy strong,
html[data-theme="light"] #view-processing .processing-render-copy strong{
  color:#24364a;
}

html[data-theme="light"] #view-overview .overview-render-copy>span,
html[data-theme="light"] #view-overview .overview-render-progress-head span,
html[data-theme="light"] #view-processing .render-progress-head span{
  color:#66798c;
}

html[data-theme="light"] #view-overview .overview-render-copy small,
html[data-theme="light"] #view-overview .overview-render-progress>small{
  color:#738497;
}

html[data-theme="light"] #view-overview .overview-render-progress-head strong,
html[data-theme="light"] #view-processing .render-progress-head strong{
  color:#23364a;
}

html[data-theme="light"] #view-processing .processing-render-copy span{
  color:#7f5c18;
}

html[data-theme="light"] .render-progress-track{
  background:#dce5ed;
}


@media(max-width:1100px){
  #view-overview .overview-render-row{
    grid-template-columns:32px minmax(0,1fr) auto;
  }

  #view-overview .overview-render-progress{
    grid-column:2/-1;
  }
}

@media(max-width:620px){
  #view-overview .overview-render-row{
    grid-template-columns:32px minmax(0,1fr);
    gap:9px;
  }

  #view-overview .overview-render-status{
    grid-column:2;
    justify-self:start;
  }

  #view-overview .overview-render-progress{
    grid-column:2;
    width:100%;
  }
}


#view-overview .ov-grid>.panel:first-child{
  align-self:start;
}

#view-overview .processing-scroll{
  overflow:visible;
}

#view-overview .overview-active-render{
  min-height:92px;
  padding:17px 16px;
  display:flex;
  align-items:center;
  gap:13px;
}

#view-overview .overview-active-render-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  color:#e7bb62;
  border:1px solid #49391c;
  border-radius:11px;
  background:#261f11;
}

#view-overview .overview-active-render-icon svg{
  width:18px;
  height:18px;
}

#view-overview .overview-active-render-copy{
  min-width:0;
}

#view-overview .overview-active-render-copy>strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e8eef4;
  font-size:12.5px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:-.006em;
}

#view-overview .overview-active-editor{
  margin-top:7px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#94a4b3;
  font-size:10px;
  line-height:1.2;
  font-weight:590;
}

#view-overview .overview-active-editor svg{
  width:12px;
  height:12px;
  color:#7e9cb4;
}


#view-overview .overview-render-row,
#view-overview .render-status-legend{
  display:none!important;
}


#view-processing .processing-table th:nth-child(1){width:26%}
#view-processing .processing-table th:nth-child(2){width:13%}
#view-processing .processing-table th:nth-child(3){width:24%}
#view-processing .processing-table th:nth-child(4){width:17%}
#view-processing .processing-table th:nth-child(5){width:10%}
#view-processing .processing-table th:nth-child(6){width:10%}

#view-processing .processing-table tbody tr.rendering-job-row,
#view-processing .processing-table tbody tr.rendering-job-row>td{
  cursor:default;
}

#view-processing .render-file-cell{
  min-width:0;
}

#view-processing .render-file-cell strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e5ecf2;
  font-size:12px;
  line-height:1.25;
  font-weight:720;
  letter-spacing:-.004em;
}

#view-processing .render-editor-name{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#c0ccd6;
  font-size:10.5px;
  line-height:1.2;
  font-weight:620;
  white-space:nowrap;
}

#view-processing .render-editor-name svg{
  width:12px;
  height:12px;
  color:#7da3bf;
}

#view-processing .processing-status{
  min-height:25px;
  font-size:9px!important;
  font-weight:740!important;
}

html[data-theme="light"] .auth-bootstrap{
  color:#667b91;
  background:
    radial-gradient(circle at 50% 42%,rgba(105,64,198,.09),transparent 26%),
    #edf2f6;
}

#view-processing .processing-state-cell{
  min-width:0;
}

#view-processing .processing-state-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  white-space:nowrap;
}

#view-processing .processing-status-message{
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 8px;
  color:#c9d5df;
  border:1px solid #385064;
  border-radius:999px;
  background:#122432;
  font-family:inherit;
  font-size:8.8px;
  font-weight:760;
  line-height:1;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}

#view-processing .processing-status-message:hover,
#view-processing .processing-status-message[aria-expanded="true"]{
  color:#fff;
  border-color:#6595b7;
  background:#193247;
  transform:translateY(-1px);
}

#view-processing .processing-status-message.is-waiting{
  color:#f2cf70;
  border-color:rgba(226,178,62,.42);
  background:rgba(100,74,13,.30);
}

#view-processing .processing-status-message.is-error{
  color:#ff9eaa;
  border-color:rgba(255,92,112,.46);
  background:rgba(108,24,38,.31);
}

#view-processing .processing-status-message svg{
  width:12px;
  height:12px;
}

#view-processing .processing-status-message i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 7px currentColor;
}

.processing-status-popover{
  --status-popover-bg:#111f2d;
  width:min(370px,calc(100vw - 20px));
  position:fixed;
  z-index:420;
  padding:14px 15px 15px;
  color:#dce6ee;
  border:1px solid #3b5368;
  border-radius:12px;
  background:var(--status-popover-bg);
  box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset;
  animation:processing-status-popover-in .14s ease-out;
}

.processing-status-popover.is-waiting{
  --status-popover-bg:#272413;
  border-color:#756126;
}

.processing-status-popover.is-error{
  --status-popover-bg:#291820;
  border-color:#82404c;
}

.processing-status-popover::before{
  content:"";
  width:9px;
  height:9px;
  position:absolute;
  top:50%;
  left:-5px;
  border-left:1px solid currentColor;
  border-bottom:1px solid currentColor;
  background:var(--status-popover-bg);
  transform:translateY(-50%) rotate(45deg);
  opacity:.55;
}

.processing-status-popover[data-side="left"]::before{
  right:-5px;
  left:auto;
  transform:translateY(-50%) rotate(225deg);
}

.processing-status-popover[data-side="bottom"]::before{
  top:-5px;
  left:22px;
  transform:rotate(135deg);
}

.processing-status-popover header{
  display:flex;
  align-items:center;
  margin-bottom:10px;
}

.processing-status-popover header>span{
  color:#82a0b6;
  font-size:9.5px;
  font-weight:840;
  letter-spacing:.11em;
}

.processing-status-popover.is-waiting header>span{color:#dfb94f}
.processing-status-popover.is-error header>span{color:#ff8190}

.processing-status-popover>strong{
  display:block;
  margin-bottom:8px;
  color:#76c9f2;
  font-size:14px;
  font-weight:800;
  line-height:1.35;
}

.processing-status-popover.is-waiting>strong{color:#f0c04f}
.processing-status-popover.is-error>strong{color:#ff8795}

.processing-status-popover>p{
  margin:0;
  color:#aebdca;
  font-size:12px;
  font-weight:540;
  line-height:1.62;
}

@keyframes processing-status-popover-in{
  from{opacity:0;transform:translateY(4px) scale(.985)}
  to{opacity:1;transform:none}
}

#view-processing .processing-retry-button{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid #31516b;
  border-radius:7px;
  color:#bfe6ff;
  background:#102638;
  font-family:inherit;
  font-size:9px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}

#view-processing .processing-retry-button:hover:not(:disabled){
  border-color:#43aef0;
  color:#fff;
  background:#173650;
}

#view-processing .processing-retry-button:disabled{
  opacity:.55;
  cursor:wait;
}

#view-processing .processing-retry-button svg{
  width:12px;
  height:12px;
}

html[data-theme="light"] #view-processing .processing-retry-button{
  border-color:#b8d5e8;
  color:#176b9f;
  background:#edf7fd;
}

html[data-theme="light"] #view-processing .processing-retry-button:hover:not(:disabled){
  border-color:#51a8da;
  color:#0f527d;
  background:#dff1fb;
}

html[data-theme="light"] #view-processing .processing-status-message{
  color:#38536a;
  border-color:#bfd0dd;
  background:#f2f7fa;
}

html[data-theme="light"] #view-processing .processing-status-message.is-waiting{
  color:#795b0e;
  border-color:#dfc777;
  background:#fff9e9;
}

html[data-theme="light"] #view-processing .processing-status-message.is-error{
  color:#a72d3e;
  border-color:#e8aeb7;
  background:#fff2f4;
}

html[data-theme="light"] .processing-status-popover{
  --status-popover-bg:#fff;
  color:#263b4d;
  border-color:#bccdda;
  box-shadow:0 18px 45px rgba(43,63,82,.20),0 0 0 1px rgba(255,255,255,.7) inset;
}

html[data-theme="light"] .processing-status-popover.is-waiting{
  --status-popover-bg:#fffaf0;
  border-color:#ddc576;
}

html[data-theme="light"] .processing-status-popover.is-error{
  --status-popover-bg:#fff5f6;
  border-color:#e4abb4;
}

html[data-theme="light"] .processing-status-popover>strong{color:#176b9f}
html[data-theme="light"] .processing-status-popover.is-waiting>strong{color:#966100}
html[data-theme="light"] .processing-status-popover.is-error>strong{color:#a72d3e}
html[data-theme="light"] .processing-status-popover>p{color:#536a7e}

@media (prefers-reduced-motion:reduce){
  .processing-status-popover{animation:none}
}

#view-processing .render-progress-bar{
  width:100%;
  min-width:120px;
  height:18px;
  position:relative;
  overflow:hidden;
  border-radius:999px;
  background:#25313c;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.20);
}

#view-processing .render-progress-bar>i{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  height:100%;
  border-radius:inherit;
}

#view-processing .render-progress-bar>span{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#f5f8fb;
  font-size:8.5px;
  line-height:1;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 2px rgba(0,0,0,.75);
  pointer-events:none;
}

#view-processing .processing-time{
  color:#a6b3bf;
  font-size:10px!important;
  font-weight:580;
  font-variant-numeric:tabular-nums;
}


#view-processing .processing-kind.rendering-only,
#view-processing .processing-render-icon,
#view-processing .processing-render-copy,
#view-processing .processing-worker,
#view-processing .processing-target,
#view-processing .render-only-progress,
#view-processing .render-progress-head{
  display:none!important;
}


html[data-theme="light"] #view-overview .overview-active-render-icon{
  color:#835f18;
  border-color:#eadbb3;
  background:#fbf3df;
}

html[data-theme="light"] #view-overview .overview-active-render-copy>strong,
html[data-theme="light"] #view-processing .render-file-cell strong{
  color:#24364a;
}

html[data-theme="light"] #view-overview .overview-active-editor,
html[data-theme="light"] #view-processing .render-editor-name,
html[data-theme="light"] #view-processing .processing-time{
  color:#607387;
}

html[data-theme="light"] #view-overview .overview-active-editor svg,
html[data-theme="light"] #view-processing .render-editor-name svg{
  color:#527b9a;
}

html[data-theme="light"] #view-processing .render-progress-bar{
  background:#dce5ed;
  box-shadow:inset 0 1px 2px rgba(50,70,90,.10);
}

html[data-theme="light"] #view-processing .render-progress-bar>span{
  color:#183047;
  text-shadow:
    0 1px 1px rgba(255,255,255,.92),
    0 0 4px rgba(255,255,255,.72);
}


@media(max-width:900px){
  #view-processing .processing-table{
    min-width:760px;
  }
}

@media(max-width:620px){
  #view-overview .overview-active-render{
    min-height:86px;
    padding:15px 13px;
  }

  #view-overview .overview-active-render-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}


#view-overview .metric-folders .metric-copy label{
  white-space:nowrap;
  font-size:10px!important;
  letter-spacing:.01em!important;
}


#view-overview #overviewProcessingList{
  max-height:430px;
  overflow:auto;
  background:transparent;
}

#view-overview #overviewProcessingList .overview-processing-table-wrap{
  height:auto;
  max-height:none;
  overflow:visible;
}

#view-overview #overviewProcessingList .overview-processing-table{
  width:100%;
  min-width:520px;
  table-layout:fixed;
}

#view-overview .overview-processing-table th:nth-child(1){width:56%}
#view-overview .overview-processing-table th:nth-child(2){width:27%}
#view-overview .overview-processing-table th:nth-child(3){width:17%}

#view-overview .overview-processing-table th,
#view-overview .overview-processing-table td{
  vertical-align:middle;
}

#view-overview .overview-processing-table .render-file-cell{
  min-width:0;
}

#view-overview .overview-processing-table .render-file-cell strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e5ecf2;
  font-size:12px;
  line-height:1.25;
  font-weight:720;
  letter-spacing:-.004em;
}

#view-overview .overview-processing-table .render-editor-name{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  color:#c0ccd6;
  font-size:10.5px;
  line-height:1.2;
  font-weight:620;
  white-space:nowrap;
}

#view-overview .overview-processing-table .render-editor-name svg{
  width:12px;
  height:12px;
  flex:0 0 12px;
  color:#7da3bf;
}

#view-overview .overview-processing-table .processing-status{
  min-height:25px;
  font-size:9px!important;
  font-weight:740!important;
}


#view-overview .overview-processing-table .render-file-cell>span,
#view-overview .overview-processing-table .render-progress-cell,
#view-overview .overview-processing-table .render-progress-bar,
#view-overview .overview-processing-table .render-progress-percent-above,
#view-overview .overview-processing-table .processing-time{
  display:none!important;
}


html[data-theme="light"] #view-overview .overview-processing-table .render-file-cell strong{
  color:#24364a;
}

html[data-theme="light"] #view-overview .overview-processing-table .render-editor-name{
  color:#607387;
}

html[data-theme="light"] #view-overview .overview-processing-table .render-editor-name svg{
  color:#527b9a;
}

@media(max-width:700px){
  #view-overview #overviewProcessingList .overview-processing-table{
    min-width:500px;
  }
}


#view-overview .ov-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}

#view-overview .ov-grid>.panel{
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
}

#view-overview .ov-grid>.panel>.panel-head{
  flex:0 0 auto!important;
  min-height:46px!important;
}

#view-overview .ov-grid>.panel>#overviewProcessingList,
#view-overview .ov-grid>.panel>#overviewReviewList{
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:394px!important;
  height:auto!important;
}

#view-overview #overviewProcessingList{
  overflow:auto!important;
}

#view-overview #overviewReviewList{
  overflow:auto!important;
}


#view-overview #overviewProcessingList .overview-processing-table{
  min-width:500px!important;
}


html[data-theme="dark"] #view-overview .ov-grid>.panel,
html[data-theme="light"] #view-overview .ov-grid>.panel{
  align-self:start!important;
}

@media(max-width:980px){
  #view-overview .ov-grid{
    grid-template-columns:1fr!important;
  }

  #view-overview .ov-grid>.panel>#overviewProcessingList,
  #view-overview .ov-grid>.panel>#overviewReviewList{
    height:auto!important;
    min-height:0!important;
    max-height:394px!important;
  }
}

@media(max-width:560px){
  #view-overview .ov-grid{
    gap:10px!important;
  }

  #view-overview .ov-grid>.panel>#overviewProcessingList,
  #view-overview .ov-grid>.panel>#overviewReviewList{
    min-height:0!important;
  }
}


#view-processing .render-progress-cell{
  width:100%;
  min-width:120px;
  display:grid;
  gap:6px;
}

#view-processing .render-progress-percent-above{
  display:block;
  justify-self:center;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dce6ee;
  font-size:clamp(10px,.72vw,12px);
  line-height:1;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  letter-spacing:.005em;
}

#view-processing .render-progress-bar{
  width:100%;
  min-width:120px;
  height:10px;
  position:relative;
  overflow:hidden;
  border-radius:999px;
  background:#25313c;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.20);
}

#view-processing .render-progress-bar>i{
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  height:100%;
  border-radius:inherit;
}


#view-processing .render-progress-bar>span{
  display:none!important;
}


#view-processing .rendering-job-row.is-rendering .render-progress-percent-above{
  color:#74c6ff;
}

#view-processing .rendering-job-row.is-rendering .render-running-bar{
  background:linear-gradient(90deg,#3f9cff,#6ac4ff)!important;
}

#view-processing .rendering-job-row.is-completed .render-progress-percent-above{
  color:#79d889;
}

#view-processing .rendering-job-row.is-completed .render-complete-bar{
  background:linear-gradient(90deg,#55c76b,#82dc83)!important;
}

#view-processing .rendering-job-row.is-failed .render-progress-percent-above{
  color:#ff7f87;
}

#view-processing .rendering-job-row.is-queued .render-progress-percent-above{
  color:#b8c2cb;
}


#view-processing .rendering-job-row.is-queued .render-queued-bar{
  width:0!important;
}

html[data-theme="light"] #view-processing .render-progress-percent-above{
  color:#34495e;
}

html[data-theme="light"] #view-processing .rendering-job-row.is-rendering .render-progress-percent-above{
  color:#2475ae;
}

html[data-theme="light"] #view-processing .rendering-job-row.is-completed .render-progress-percent-above{
  color:#2f7b4a;
}

html[data-theme="light"] #view-processing .rendering-job-row.is-failed .render-progress-percent-above{
  color:#b83f49;
}

html[data-theme="light"] #view-processing .rendering-job-row.is-queued .render-progress-percent-above{
  color:#66788a;
}

html[data-theme="light"] #view-processing .render-progress-bar{
  background:#dce5ed;
  box-shadow:inset 0 1px 2px rgba(50,70,90,.10);
}


.review-file-strip{
  grid-template-columns:1fr!important;
}

.review-file-strip .review-file-item{
  min-width:0;
}


#view-overview #overviewReviewList .review-copy>strong{
  margin-bottom:0!important;
}

#view-overview #overviewReviewList .review-copy>small{
  margin-top:5px!important;
}


#drawerOverlay .detail-grid:has(.detail-box:only-child){
  grid-template-columns:1fr!important;
}


#view-reviews .review-list-meta.reviewer .review-list-meta-icon{
  color:#8eb5d1;
}

#view-reviews .review-list-meta.reviewer strong,
#view-reviews .review-grid-meta-item.reviewer strong{
  color:#dce5ec;
}


#view-overview #overviewReviewList .overview-review-edited-by{
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#93a3b2;
  font-size:8.5px;
  line-height:1.2;
  font-weight:570;
}

#view-overview #overviewReviewList .overview-review-edited-by>svg{
  width:10px;
  height:10px;
  flex:0 0 10px;
  color:#7d9fb8;
}

#view-overview #overviewReviewList .overview-review-edited-by>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#view-overview #overviewReviewList .review-copy>small{
  margin-top:4px!important;
}


html[data-theme="light"] #view-reviews .review-list-meta.reviewer strong,
html[data-theme="light"] #view-reviews .review-grid-meta-item.reviewer strong{
  color:#263a4f;
}

html[data-theme="light"] #view-overview #overviewReviewList .overview-review-edited-by{
  color:#66798c;
}

html[data-theme="light"] #view-overview #overviewReviewList .overview-review-edited-by>svg{
  color:#527b9a;
}


#view-overview .metric-grid{
  align-items:stretch!important;
}

#view-overview .metric-card{
  min-width:0!important;
  min-height:112px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  column-gap:14px!important;
  align-items:center!important;
}

#view-overview .metric-icon{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
}

#view-overview .metric-icon svg{
  width:20px!important;
  height:20px!important;
}

#view-overview .metric-copy{
  min-width:0!important;
  height:68px!important;
  display:grid!important;
  grid-template-rows:14px 28px 22px!important;
  row-gap:2px!important;
  align-content:center!important;
  align-items:start!important;
}

#view-overview .metric-copy label{
  grid-row:1!important;
  margin:0!important;
  padding:0!important;
  align-self:end!important;
  color:inherit;
  font-size:10.5px!important;
  line-height:14px!important;
  font-weight:680!important;
  letter-spacing:.012em!important;
  white-space:nowrap!important;
}

#view-overview .metric-copy>strong{
  grid-row:2!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  min-height:28px!important;
  color:#edf2f6;
  font-size:22px!important;
  line-height:28px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}

#view-overview .metric-storage .metric-copy>strong{
  font-size:16px!important;
  line-height:28px!important;
  letter-spacing:-.018em!important;
}

#view-overview .metric-status{
  grid-row:3!important;
  align-self:start!important;
  justify-self:start!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent;
  border-radius:999px;
  font-size:8.5px!important;
  line-height:20px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}


#view-overview .metric-card:not(.metric-machines):not(.metric-reviews) .metric-copy::after{
  content:"";
  grid-row:3;
  display:block;
  width:1px;
  height:22px;
  visibility:hidden;
}


@media(max-width:1350px){
  #view-overview .metric-card{
    min-height:110px!important;
  }
}

@media(max-width:620px){
  #view-overview .metric-card{
    grid-template-columns:48px minmax(0,1fr)!important;
    padding:15px 16px!important;
    column-gap:13px!important;
  }

  #view-overview .metric-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }

  #view-overview .metric-storage .metric-copy>strong{
    font-size:15px!important;
  }
}


html[data-theme="light"] #view-overview .metric-copy>strong{
  color:#172a40!important;
}


#view-overview .worker-card{
  padding:11px!important;
}

#view-overview .worker-system-line{
  margin-top:9px!important;
  padding-top:9px!important;
}

#view-overview .worker-card-footer{
  margin-top:8px!important;
}

#view-overview .worker-mini-stat{
  min-width:104px!important;
  height:30px!important;
}

#view-overview .overview-machine-group-grid{
  align-items:stretch;
}

#view-overview .overview-machine-group-grid .worker-card{
  height:100%;
}

html[data-theme="light"] #view-overview .worker-card{
  background:#ffffff!important;
}


#view-overview .overview-machine-meta-row{
  margin-top:10px;
  padding-top:10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 122px;
  gap:10px;
  align-items:stretch;
  border-top:1px solid rgba(255,255,255,.05);
}

#view-overview .overview-machine-meta-row .worker-system-line,
#view-overview .overview-machine-meta-row .worker-card-footer{
  margin:0!important;
  padding:0!important;
  min-width:0;
  border-top:0!important;
}

#view-overview .overview-machine-meta-row .worker-system-line{
  min-height:48px;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:10px;
  background:rgba(255,255,255,.018);
}

#view-overview .overview-machine-meta-row .worker-card-footer{
  display:block!important;
}

#view-overview .overview-machine-meta-row .worker-mini-stat{
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  border-radius:10px!important;
}

#view-overview .overview-machine-meta-row .worker-system-icon,
#view-overview .overview-machine-meta-row .worker-mini-stat-icon{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
}

#view-overview .overview-machine-meta-row .worker-system-icon svg,
#view-overview .overview-machine-meta-row .worker-mini-stat-icon svg{
  width:13px!important;
  height:13px!important;
}

#view-overview .overview-machine-meta-row .worker-system-copy,
#view-overview .overview-machine-meta-row .worker-mini-stat-copy{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
}

#view-overview .overview-machine-meta-row .worker-system-copy span,
#view-overview .overview-machine-meta-row .worker-mini-stat label{
  margin:0!important;
  color:#8090a0;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
  text-transform:uppercase;
  white-space:nowrap;
}

#view-overview .overview-machine-meta-row .worker-system-copy strong,
#view-overview .overview-machine-meta-row .worker-mini-stat strong{
  margin:0!important;
  max-width:100%;
  color:#e3eaf0;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:-.006em!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#view-overview .overview-machine-meta-row .worker-mini-stat strong{
  font-size:13px!important;
}


html[data-theme="light"] #view-overview .overview-machine-meta-row{
  border-top-color:#e0e7ee;
}

html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-system-line,
html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-mini-stat{
  border-color:#dbe4eb!important;
  background:#f6f8fa!important;
}

html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-system-copy span,
html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-mini-stat label{
  color:#6d7f92!important;
}

html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-system-copy strong,
html[data-theme="light"] #view-overview .overview-machine-meta-row .worker-mini-stat strong{
  color:#24384d!important;
}


@media(max-width:620px){
  #view-overview .overview-machine-meta-row{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:8px;
  }

  #view-overview .overview-machine-meta-row .worker-system-line{
    padding:0 8px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:7px!important;
  }

  #view-overview .overview-machine-meta-row .worker-mini-stat{
    padding:0 8px!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    gap:6px!important;
  }

  #view-overview .overview-machine-meta-row .worker-system-icon,
  #view-overview .overview-machine-meta-row .worker-mini-stat-icon{
    width:25px!important;
    height:25px!important;
  }

  #view-overview .overview-machine-meta-row .worker-system-copy strong,
  #view-overview .overview-machine-meta-row .worker-mini-stat strong{
    font-size:11.5px!important;
  }
}


#view-overview #overviewFolderTableWrap .data-table{
  min-width:640px;
  table-layout:fixed;
}

#view-overview #overviewFolderTableWrap .data-table th:nth-child(1){width:32%}
#view-overview #overviewFolderTableWrap .data-table th:nth-child(2){width:26%}
#view-overview #overviewFolderTableWrap .data-table th:nth-child(3){width:12%}
#view-overview #overviewFolderTableWrap .data-table th:nth-child(4){width:12%}
#view-overview #overviewFolderTableWrap .data-table th:nth-child(5){width:18%}

#view-overview #overviewFolderTableWrap .data-table th,
#view-overview #overviewFolderTableWrap .data-table td{
  padding:12px 12px!important;
  vertical-align:middle;
}

#view-overview #overviewFolderTableWrap .data-table th{
  color:#93a4b4;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:720!important;
  letter-spacing:.018em!important;
}

#view-overview #overviewFolderTableWrap .folder-name,
#view-overview #overviewFolderTableWrap .worker-name{
  min-width:0;
  gap:8px;
}

#view-overview #overviewFolderTableWrap .folder-name svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px;
  color:#c5d0da;
}

#view-overview #overviewFolderTableWrap .worker-name svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px;
  color:#8fbfe2;
}

#view-overview #overviewFolderTableWrap .folder-name strong,
#view-overview #overviewFolderTableWrap .worker-name strong{
  min-width:0;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dce5ec;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.004em;
}

#view-overview #overviewFolderTableWrap .overview-folder-value{
  color:#d4dee6;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums;
}


#view-overview #overviewFolderTableWrap .folder-state{
  min-height:27px;
  padding:0 9px;
  gap:5px;
  font-size:9px!important;
  font-weight:720!important;
}

#view-overview #overviewFolderTableWrap .folder-state svg{
  width:11px;
  height:11px;
}


html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table th{
  color:#62768a!important;
}

html[data-theme="light"] #view-overview #overviewFolderTableWrap .folder-name strong,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .worker-name strong,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .overview-folder-value{
  color:#24384d!important;
}

html[data-theme="light"] #view-overview #overviewFolderTableWrap .folder-name svg{
  color:#65798d!important;
}

html[data-theme="light"] #view-overview #overviewFolderTableWrap .worker-name svg{
  color:#4e83a9!important;
}


#view-overview #overviewFolderTableWrap .progress-cell,
#view-overview #overviewFolderTableWrap .progress{
  display:none!important;
}


#view-overview #overviewProcessingList .overview-processing-table tbody tr,
#view-overview #overviewFolderTableWrap .data-table tbody tr{
  transition:background-color .14s ease, box-shadow .14s ease;
}

#view-overview #overviewProcessingList .overview-processing-table tbody td,
#view-overview #overviewFolderTableWrap .data-table tbody td{
  border-bottom:1px solid #22313e!important;
}

#view-overview #overviewProcessingList .overview-processing-table tbody tr:first-child td,
#view-overview #overviewFolderTableWrap .data-table tbody tr:first-child td{
  border-top:1px solid #22313e!important;
}


#view-overview #overviewProcessingList .overview-processing-table tbody tr:hover td,
#view-overview #overviewFolderTableWrap .data-table tbody tr:hover td{
  background:#101b25!important;
}

#view-overview #overviewProcessingList .overview-processing-table tbody tr.selected td,
#view-overview #overviewProcessingList .overview-processing-table tbody tr.active td,
#view-overview #overviewProcessingList .overview-processing-table tbody tr[aria-selected="true"] td,
#view-overview #overviewFolderTableWrap .data-table tbody tr.selected td,
#view-overview #overviewFolderTableWrap .data-table tbody tr.active td,
#view-overview #overviewFolderTableWrap .data-table tbody tr[aria-selected="true"] td{
  background:#142331!important;
  box-shadow:inset 3px 0 0 #5a9fd2;
}


#view-overview #overviewProcessingList .overview-processing-table tbody td{
  padding-top:13px!important;
  padding-bottom:13px!important;
}


#view-overview #overviewReviewList .review-row{
  position:relative;
  min-height:72px;
  padding:11px 12px!important;
  border-bottom:1px solid #22313e!important;
  background:transparent;
  transition:background-color .14s ease, box-shadow .14s ease;
}

#view-overview #overviewReviewList .review-row:first-child{
  border-top:1px solid #22313e!important;
}

#view-overview #overviewReviewList .review-row:hover{
  background:#101b25!important;
}

#view-overview #overviewReviewList .review-row.selected,
#view-overview #overviewReviewList .review-row.active,
#view-overview #overviewReviewList .review-row[aria-selected="true"]{
  background:#142331!important;
  box-shadow:inset 3px 0 0 #5a9fd2;
}


#view-overview #overviewReviewList .review-thumb{
  align-self:center;
}

#view-overview #overviewReviewList .review-copy{
  align-self:center;
  min-width:0;
}


#view-overview #overviewFolderTableWrap .data-table tbody td{
  padding-top:13px!important;
  padding-bottom:13px!important;
}


#view-overview #overviewProcessingList,
#view-overview #overviewReviewList,
#view-overview #overviewFolderTableWrap{
  scrollbar-gutter:stable;
}


html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody td{
  border-bottom-color:#d8e1e9!important;
}

html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody tr:first-child td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody tr:first-child td{
  border-top-color:#d8e1e9!important;
}

html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody tr:hover td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody tr:hover td{
  background:#f3f7fa!important;
}

html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody tr.selected td,
html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody tr.active td,
html[data-theme="light"] #view-overview #overviewProcessingList .overview-processing-table tbody tr[aria-selected="true"] td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody tr.selected td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody tr.active td,
html[data-theme="light"] #view-overview #overviewFolderTableWrap .data-table tbody tr[aria-selected="true"] td{
  background:#eaf2f8!important;
  box-shadow:inset 3px 0 0 #4c8db8;
}

html[data-theme="light"] #view-overview #overviewReviewList .review-row{
  border-bottom-color:#d8e1e9!important;
}

html[data-theme="light"] #view-overview #overviewReviewList .review-row:first-child{
  border-top-color:#d8e1e9!important;
}

html[data-theme="light"] #view-overview #overviewReviewList .review-row:hover{
  background:#f3f7fa!important;
}

html[data-theme="light"] #view-overview #overviewReviewList .review-row.selected,
html[data-theme="light"] #view-overview #overviewReviewList .review-row.active,
html[data-theme="light"] #view-overview #overviewReviewList .review-row[aria-selected="true"]{
  background:#eaf2f8!important;
  box-shadow:inset 3px 0 0 #4c8db8;
}


/* Empty Overview panels should hug their content instead of retaining the list's 394px data height. */
html[data-theme="dark"] #view-overview .ov-grid>.panel.overview-panel-empty,
html[data-theme="light"] #view-overview .ov-grid>.panel.overview-panel-empty{
  align-self:start!important;
  height:auto!important;
}

html[data-theme="dark"] #view-overview .ov-grid>.panel.overview-panel-empty>#overviewProcessingList,
html[data-theme="dark"] #view-overview .ov-grid>.panel.overview-panel-empty>#overviewReviewList,
html[data-theme="light"] #view-overview .ov-grid>.panel.overview-panel-empty>#overviewProcessingList,
html[data-theme="light"] #view-overview .ov-grid>.panel.overview-panel-empty>#overviewReviewList{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* Keep every Overview scroll surface as the final, bottom-aligned region of its panel. */
#view-overview .bottom-grid>.panel{
  min-width:0;
  display:flex;
  flex-direction:column;
}

#view-overview .bottom-grid>.panel>.overview-scroll{
  flex:1 1 auto;
  min-height:0;
}

/* One content rhythm for all four Overview panels. */
#view-overview #overviewProcessingList .overview-processing-table th{
  padding-left:12px!important;
  padding-right:12px!important;
}

#view-overview #overviewProcessingList .overview-processing-table tbody tr:not(.processing-empty-row)>td{
  padding-left:12px!important;
  padding-right:12px!important;
}

#view-overview #overviewWorkerGrid{
  padding:12px!important;
}

/* Empty cards sit 24px from both panel edges and share the same internal padding. */
#view-overview #overviewProcessingList .app-empty-state,
#view-overview #overviewReviewList>.app-empty-state,
#view-overview #overviewFolderTableWrap .overview-empty-table-row .app-empty-state{
  width:calc(100% - 48px)!important;
  margin:12px 24px!important;
  padding:22px 24px!important;
}

/* Machines already has 12px body padding, so another 12px produces the same 24px edge gap. */
#view-overview #overviewWorkerGrid>.app-empty-state,
#view-overview #overviewWorkerGrid .overview-machine-group-grid>.app-empty-state{
  width:calc(100% - 24px)!important;
  margin:12px!important;
  padding:22px 24px!important;
}

/* Empty table cards are informational, not interactive: keep their surface fixed on hover. */
#view-overview #overviewProcessingList .overview-processing-table tbody tr.processing-empty-row:hover>td,
#view-overview #overviewFolderTableWrap .data-table tbody tr.overview-empty-table-row:hover>td{
  background:transparent!important;
}


.media-modal-head-actions,
.review-modal-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}


.media-download-menu{
  position:relative;
}

.player-top{
  display:grid!important;
  grid-template-columns:auto minmax(180px,1fr) auto!important;
  align-items:center;
  gap:12px!important;
}

.player-transport,
.player-tools{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
}

.player-position{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(90px,1fr) auto;
  align-items:center;
  gap:10px;
}

.player-top .player-btn{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px;
  border:1px solid transparent;
  border-radius:9px;
  transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
}

.player-top .player-btn:hover:not(:disabled){
  border-color:#2a3d4d;
  background:#14212d;
}

.player-top .player-btn:active:not(:disabled){
  transform:translateY(1px);
}

.player-top .player-btn.primary{
  width:38px!important;
  height:38px!important;
  flex-basis:38px;
  border:0;
}

.player-btn.precision{
  color:#aab9c8;
  background:transparent;
}

.player-btn.precision:hover{
  color:#e3d9ff;
}

.player-timeline{
  min-width:0!important;
}

.player-timeline input[type="range"],
.player-volume input[type="range"]{
  background:linear-gradient(90deg,#8f5ff2 0%,#8f5ff2 var(--player-range-progress,0%),#293642 var(--player-range-progress,0%),#293642 100%)!important;
}

.player-time{
  min-width:112px;
  text-align:center;
  font-size:8.5px!important;
}

.player-speed-menu{
  position:relative;
  flex:0 0 64px;
}

.player-speed-menu>summary{
  width:64px;
  height:34px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  list-style:none;
  border:1px solid #293c4c;
  border-radius:9px;
  color:#c2cfda;
  background:#101b25;
  font-size:9px;
  font-weight:720;
  cursor:pointer;
  user-select:none;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}

.player-speed-menu>summary::-webkit-details-marker{
  display:none;
}

.player-speed-menu>summary svg{
  width:13px;
  height:13px;
  color:#718497;
  transition:transform .15s ease;
}

.player-speed-menu[open]>summary{
  color:#fff;
  border-color:#7750c4;
  background:#19162a;
  box-shadow:0 0 0 3px rgba(119,80,196,.12);
}

.player-speed-menu[open]>summary svg{
  transform:rotate(180deg);
}

.player-speed-options{
  position:absolute;
  z-index:30;
  right:0;
  bottom:calc(100% + 8px);
  width:112px;
  padding:6px;
  display:grid;
  gap:2px;
  border:1px solid #2b3d4c;
  border-radius:11px;
  background:#0d1720;
  box-shadow:0 16px 34px rgba(0,0,0,.38);
}

.player-speed-options button{
  width:100%;
  min-height:30px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:7px;
  color:#9eafbe;
  background:transparent;
  font-family:inherit;
  font-size:9px;
  font-weight:680;
  cursor:pointer;
}

.player-speed-options button:hover,
.player-speed-options button.selected{
  color:#eee8ff;
  background:#201936;
}

.player-speed-options button svg{
  width:13px;
  height:13px;
  color:#ae85ff;
  opacity:0;
}

.player-speed-options button.selected svg{
  opacity:1;
}

.player-volume{
  width:112px!important;
  flex:0 0 112px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr);
  align-items:center;
  gap:7px!important;
}

.player-volume input[type="range"]{
  width:100%!important;
  min-width:0;
}

.player-volume-toggle{
  width:26px;
  height:26px;
  flex:0 0 26px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:7px;
  color:#8798a8;
  background:transparent;
  cursor:pointer;
}

.player-volume-toggle:hover{
  color:#fff;
  background:#15212c;
}

.player-volume-toggle svg{
  width:15px!important;
  height:15px!important;
}

.player-btn.fullscreen{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border:1px solid #273847;
  color:#adbbc8;
  background:#101a24;
}

.player-btn.fullscreen:hover{
  color:#fff;
  border-color:#4f6273;
  background:#172431;
}

.media-preview-pane:fullscreen,
.review-preview-pane:fullscreen{
  width:100vw;
  height:100vh;
  padding:18px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:12px;
  background:#02060a;
}

.media-preview-pane:fullscreen::backdrop,
.review-preview-pane:fullscreen::backdrop{
  background:#02060a;
}

.media-preview-pane:fullscreen .media-stage,
.review-preview-pane:fullscreen .review-preview{
  width:100%;
  height:100%;
  border-radius:10px;
}

.review-preview-pane:fullscreen .review-file-strip{
  display:none;
}

html[data-theme="light"] .player-btn.precision,
html[data-theme="light"] .player-btn.fullscreen,
html[data-theme="light"] .player-speed-menu>summary{
  color:#526a7f;
  border-color:#cbd8e2;
  background:#f3f7fa;
}

html[data-theme="light"] .player-speed-options{
  border-color:#cad7e1;
  background:#fff;
  box-shadow:0 16px 30px rgba(48,67,86,.18);
}

html[data-theme="light"] .player-speed-options button{
  color:#52687a;
}

html[data-theme="light"] .player-speed-options button:hover,
html[data-theme="light"] .player-speed-options button.selected{
  color:#59369e;
  background:#f0eafd;
}

html[data-theme="light"] .player-volume-toggle{
  color:#62788c;
}

html[data-theme="light"] .player-volume-toggle:hover{
  color:#23394c;
  background:#e7eef4;
}

@media(max-width:820px){
  .player-top{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 10px!important;
  }

  .player-transport{
    grid-column:1;
    grid-row:1;
  }

  .player-tools{
    grid-column:2;
    grid-row:1;
  }

  .player-position{
    grid-column:1/-1;
    grid-row:2;
  }

  .player-volume{
    width:96px!important;
    flex-basis:96px!important;
  }
}

.proxy-resolution-card{
  grid-template-columns:48px minmax(0,1fr) auto!important;
}

.proxy-resolution-control{
  min-width:142px;
  display:grid;
  justify-items:end;
  gap:6px;
}

.proxy-resolution-control>small{
  color:#718497;
  font-size:7.5px;
  font-weight:620;
  white-space:nowrap;
}

.proxy-resolution-picker{
  position:relative;
  width:142px;
}

.proxy-resolution-picker>summary{
  width:100%;
  height:38px;
  padding:0 11px 0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  list-style:none;
  border:1px solid #304556;
  border-radius:10px;
  color:#edf3f8;
  background:#0b1620;
  font-size:10px;
  font-weight:740;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}

.proxy-resolution-picker>summary::-webkit-details-marker{
  display:none;
}

.proxy-resolution-picker>summary svg{
  width:14px;
  height:14px;
  color:#7790a4;
  transition:transform .15s ease;
}

.proxy-resolution-picker[open]>summary{
  border-color:#8457dc;
  background:#181429;
  box-shadow:0 0 0 3px rgba(132,87,220,.12);
}

.proxy-resolution-picker[open]>summary svg{
  transform:rotate(180deg);
}

.proxy-resolution-picker.saving>summary{
  opacity:.55;
  pointer-events:none;
}

.proxy-resolution-options{
  position:absolute;
  z-index:25;
  top:calc(100% + 7px);
  right:0;
  width:100%;
  padding:6px;
  display:grid;
  gap:2px;
  border:1px solid #2c4050;
  border-radius:11px;
  background:#0c1720;
  box-shadow:0 18px 38px rgba(0,0,0,.38);
}

.proxy-resolution-options button{
  min-height:32px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:7px;
  color:#a8b7c4;
  background:transparent;
  font-family:inherit;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}

.proxy-resolution-options button:not(:disabled):hover,
.proxy-resolution-options button.selected{
  color:#f0eaff;
  background:#211a37;
}

.proxy-resolution-options button:disabled{
  cursor:default;
}

.proxy-resolution-options button svg{
  width:14px;
  height:14px;
  color:#b28aff;
  opacity:0;
}

.proxy-resolution-options button.selected svg{
  opacity:1;
}

.proxy-resolution-picker-unavailable{
  width:142px;
  height:38px;
  border:1px solid #2c3e4d;
  border-radius:10px;
  color:#718497;
  background:#0b151e;
  font-family:inherit;
  font-size:9px;
}

html[data-theme="light"] .proxy-resolution-control>small{
  color:#71859a;
}

html[data-theme="light"] .proxy-resolution-picker>summary,
html[data-theme="light"] .proxy-resolution-picker-unavailable{
  color:#2e4559;
  border-color:#c9d7e1;
  background:#f6f9fb;
}

html[data-theme="light"] .proxy-resolution-options{
  border-color:#c9d7e1;
  background:#fff;
  box-shadow:0 18px 34px rgba(48,67,86,.16);
}

html[data-theme="light"] .proxy-resolution-options button{
  color:#52687b;
}

html[data-theme="light"] .proxy-resolution-options button:not(:disabled):hover,
html[data-theme="light"] .proxy-resolution-options button.selected{
  color:#59369e;
  background:#f0eafd;
}

@media(max-width:760px){
  .proxy-resolution-card{
    grid-template-columns:46px minmax(0,1fr)!important;
  }

  .proxy-resolution-control{
    grid-column:1/-1;
    width:100%;
    justify-items:stretch;
  }

  .proxy-resolution-picker,
  .proxy-resolution-picker-unavailable{
    width:100%;
  }
}

.media-download-menu>summary{
  min-height:34px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#b9c6d1;
  border:1px solid #253441;
  border-radius:9px;
  background:#101923;
  font-size:9px;
  font-weight:700;
  list-style:none;
  cursor:pointer;
  user-select:none;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}

.media-download-menu>summary::-webkit-details-marker{
  display:none;
}

.media-download-menu>summary:hover{
  color:#eef3f7;
  border-color:#35495a;
  background:#15212c;
}

.media-download-menu>summary>svg{
  width:13px;
  height:13px;
}

.media-download-chevron{
  width:10px!important;
  height:10px!important;
  opacity:.7;
  transition:transform .14s ease;
}

.media-download-menu[open] .media-download-chevron{
  transform:rotate(180deg);
}

.media-download-popover{
  position:absolute;
  right:0;
  top:calc(100% + 7px);
  z-index:30;
  width:190px;
  padding:6px;
  display:grid;
  gap:4px;
  border:1px solid #273743;
  border-radius:10px;
  background:#0d161f;
  box-shadow:0 16px 34px rgba(0,0,0,.32);
}

.media-download-option{
  width:100%;
  min-height:36px;
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#cbd5dd;
  border:0;
  border-radius:8px;
  background:transparent;
  font-size:9px;
  font-weight:650;
  text-align:left;
}

.media-download-option:hover{
  color:#fff;
  background:#16222c;
}

.media-download-option:disabled{
  opacity:.62;
  cursor:wait;
}

.media-download-option-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:#86b7d9;
  border:1px solid #253847;
  border-radius:7px;
  background:#12202b;
}

.media-download-option-icon svg{
  width:11px;
  height:11px;
}

.media-download-unavailable{
  min-height:34px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#748392;
  border:1px solid #202e39;
  border-radius:9px;
  background:#0d151d;
  font-size:8.5px;
  font-weight:620;
}

.media-download-unavailable svg{
  width:12px;
  height:12px;
}


.proxy-stage-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:6;
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  backdrop-filter:blur(10px);
  font-size:8.5px;
  font-weight:700;
}

.proxy-stage-badge svg{
  width:12px;
  height:12px;
}

.proxy-stage-badge.original{
  color:#9ee4a4;
  border:1px solid rgba(94,212,105,.24);
  background:rgba(17,43,28,.82);
}

.proxy-stage-badge.edited{
  color:#a7d5ff;
  border:1px solid rgba(62,167,255,.24);
  background:rgba(14,35,51,.84);
}


.media-stage,
.review-preview{
  position:relative;
}

.media-stage video,
.review-preview video,
.media-stage>img,
.review-preview>img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#030609;
}

.review-preview video{
  display:block;
}

.proxy-player-loading{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#8d9cab;
  background:rgba(5,10,15,.76);
  font-size:9px;
  font-weight:620;
  pointer-events:none;
}

.proxy-loading-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6db7ea;
  box-shadow:0 0 0 4px rgba(70,157,218,.12);
  animation:nexusProxyPulse 1.15s ease-in-out infinite;
}

@keyframes nexusProxyPulse{
  0%,100%{opacity:.45;transform:scale(.8)}
  50%{opacity:1;transform:scale(1)}
}

.proxy-player-state{
  min-height:180px;
  width:100%;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}

.proxy-player-state-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:#8da0b1;
  border:1px solid #2a3946;
  border-radius:11px;
  background:#111c26;
}

.proxy-player-state-icon svg{
  width:17px;
  height:17px;
}

.proxy-player-state strong{
  color:#d3dde5;
  font-size:11px;
  font-weight:720;
}

.proxy-player-state>span:last-child{
  max-width:310px;
  color:#7f8e9e;
  font-size:8.5px;
  line-height:1.45;
}

.proxy-audio-shell{
  width:100%;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:15px;
  padding:28px;
}


#reviewPlayerControls .custom-player{
  margin-top:10px;
}

.player-inline-state{
  display:none;
  min-height:0;
  padding-top:7px;
  color:#d69072;
  font-size:8px;
  font-weight:600;
}

.player-inline-state.visible{
  display:block;
}


.review-preview{
  min-height:300px;
  overflow:hidden;
}

.review-preview.audio-stage{
  display:flex;
  align-items:center;
  justify-content:center;
}

.review-preview .proxy-audio-shell{
  min-height:300px;
}


.review-preview .review-preview-badge{
  display:none!important;
}


html[data-theme="light"] .media-download-menu>summary{
  color:#40556a;
  border-color:#d4dee7;
  background:#f8fafc;
}

html[data-theme="light"] .media-download-menu>summary:hover{
  color:#1f3449;
  border-color:#bccbd7;
  background:#f0f5f8;
}

html[data-theme="light"] .media-download-popover{
  border-color:#ccd8e1;
  background:#ffffff;
  box-shadow:0 16px 34px rgba(40,58,78,.15);
}

html[data-theme="light"] .media-download-option{
  color:#34495e;
}

html[data-theme="light"] .media-download-option:hover{
  color:#1e3449;
  background:#eef4f8;
}

html[data-theme="light"] .media-download-option-icon{
  color:#4d83a8;
  border-color:#d7e2e9;
  background:#f0f6f9;
}

html[data-theme="light"] .media-download-unavailable{
  color:#718294;
  border-color:#d6e0e7;
  background:#f5f8fa;
}

html[data-theme="light"] .proxy-player-loading{
  color:#607488;
  background:rgba(239,244,248,.86);
}

html[data-theme="light"] .proxy-player-state-icon{
  color:#60788c;
  border-color:#d4dfe7;
  background:#f2f6f9;
}

html[data-theme="light"] .proxy-player-state strong{
  color:#263b50;
}

html[data-theme="light"] .proxy-player-state>span:last-child{
  color:#697b8e;
}

html[data-theme="light"] .review-preview video,
html[data-theme="light"] .media-stage video,
html[data-theme="light"] .review-preview>img,
html[data-theme="light"] .media-stage>img{
  background:#edf2f6!important;
}

html[data-theme="light"] .player-inline-state{
  color:#9b542f;
}

@media(max-width:700px){
  .media-modal-head-actions,
  .review-modal-head-actions{
    gap:6px;
  }

  .media-download-menu>summary{
    min-height:32px;
    padding:0 8px;
  }

  .media-download-menu>summary>span{
    display:none;
  }

  .media-download-popover{
    width:178px;
  }

  .review-preview{
    min-height:230px;
  }

  .review-preview .proxy-audio-shell{
    min-height:230px;
  }
}


.media-modal-head,
.review-modal-head{
  min-width:0;
}

.media-modal-title,
.review-modal-title{
  min-width:0;
}

.media-modal-title strong,
.review-modal-title strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.media-preview-pane,
.review-preview-pane,
.media-meta-pane,
.review-detail-pane{
  min-width:0;
}

#mediaPlayerControls,
#reviewPlayerControls,
#mediaPlayerControls .custom-player,
#reviewPlayerControls .custom-player{
  min-width:0;
  max-width:100%;
}

#mediaPlayerControls,
#reviewPlayerControls{
  container-type:inline-size;
}

#reviewPlayerControls .player-top{
  min-width:0;
}

@container (max-width:760px){
  .player-top{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px 10px!important;
  }

  .player-transport{
    grid-column:1;
    grid-row:1;
  }

  .player-tools{
    grid-column:2;
    grid-row:1;
  }

  .player-position{
    grid-column:1/-1;
    grid-row:2;
  }

  .player-volume{
    width:96px!important;
    flex-basis:96px!important;
  }
}

@container (max-width:540px){
  .player-top{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .player-transport,
  .player-position,
  .player-tools{
    grid-column:1;
  }

  .player-transport{grid-row:1}
  .player-position{grid-row:2}
  .player-tools{grid-row:3;justify-content:space-between}
}

@media(max-width:700px){
  .media-modal-head,
  .review-modal-head{
    padding-left:12px!important;
    padding-right:10px!important;
    gap:8px;
  }

  .media-modal-head-actions,
  .review-modal-head-actions{
    flex:0 0 auto;
  }

  .media-modal-title,
  .review-modal-title{
    flex:1 1 auto;
  }

  #mediaPlayerControls .custom-player,
  #reviewPlayerControls .custom-player{
    overflow:hidden;
  }
}


.media-download-popover{
  width:274px!important;
  padding:0!important;
  overflow:hidden;
}

.media-download-popover-head{
  min-height:48px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #23323e;
}

.media-download-popover-head strong{
  color:#dce5ec;
  font-size:10px;
  line-height:1.2;
  font-weight:730;
}

.media-download-popover-head>span{
  min-height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  color:#8db6d4;
  border:1px solid #274256;
  border-radius:999px;
  background:#112333;
  font-size:7.5px;
  font-weight:720;
}

.media-download-options{
  padding:6px;
  display:grid;
  gap:4px;
}

.media-download-option{
  min-height:58px!important;
  padding:7px 8px!important;
  align-items:center!important;
  border:1px solid transparent!important;
}

.media-download-option:hover:not(:disabled){
  border-color:#263b4b!important;
  background:#14222d!important;
}

.media-download-option.unavailable{
  cursor:not-allowed!important;
  opacity:1!important;
  background:#0d151d!important;
}

.media-download-option.unavailable:hover{
  border-color:transparent!important;
  background:#0d151d!important;
}

.media-download-option.loading{
  cursor:wait!important;
  opacity:1!important;
  border-color:#29465b!important;
  background:#122332!important;
}

.media-download-option-icon{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px;
  border-radius:9px!important;
}

.media-download-option-icon svg{
  width:14px!important;
  height:14px!important;
}

.media-download-option.unavailable .media-download-option-icon{
  color:#687988!important;
  border-color:#24313b!important;
  background:#121a21!important;
}

.media-download-option.loading .media-download-option-icon{
  position:relative;
  color:#74b7e6!important;
}

.media-download-option.loading .media-download-option-icon::after{
  content:"";
  position:absolute;
  inset:5px;
  border:2px solid rgba(116,183,230,.22);
  border-top-color:#74b7e6;
  border-radius:50%;
  animation:nexusDownloadSpin .8s linear infinite;
}

@keyframes nexusDownloadSpin{
  to{transform:rotate(360deg)}
}

.media-download-option-copy{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  gap:5px;
}

.media-download-option-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.media-download-option-title strong{
  min-width:0;
  color:#dce5ec;
  font-size:9.5px;
  line-height:1.2;
  font-weight:710;
}

.media-download-option-status{
  min-height:20px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  border:1px solid transparent;
  border-radius:999px;
  font-size:7px;
  line-height:1;
  font-weight:760;
  white-space:nowrap;
}

.media-download-option-status.available{
  color:#8fdaa0;
  border-color:#244632;
  background:#11251a;
}

.media-download-option-status.unavailable{
  color:#9aabb8;
  border-color:#2a3741;
  background:#141d24;
}

.media-download-option-status.loading{
  color:#8fcfff;
  border-color:#284a62;
  background:#102637;
}

.media-download-option-reason{
  display:block;
  overflow:hidden;
  color:#7f8f9e;
  font-size:7.8px;
  line-height:1.35;
  font-weight:520;
  text-overflow:ellipsis;
}

.media-download-option.unavailable .media-download-option-title strong{
  color:#8494a1;
}

.media-download-menu-state{
  display:none;
  min-height:34px;
  padding:8px 12px;
  align-items:center;
  border-top:1px solid #23323e;
  color:#8494a2;
  background:#0c141b;
  font-size:8px;
  line-height:1.4;
  font-weight:600;
}

.media-download-menu-state.visible{
  display:flex;
}

.media-download-menu-state[data-tone="success"]{
  color:#8fd39d;
  background:#0e1d15;
}

.media-download-menu-state[data-tone="error"]{
  color:#e69ba2;
  background:#211215;
}

.media-download-menu-state[data-tone="warning"]{
  color:#ddbd73;
  background:#201a0f;
}

.media-download-menu-state[data-tone="loading"]{
  color:#86c8f2;
  background:#0e1c27;
}


html[data-theme="light"] .media-download-popover-head{
  border-bottom-color:#dbe4eb;
}

html[data-theme="light"] .media-download-popover-head strong{
  color:#24384d;
}

html[data-theme="light"] .media-download-popover-head>span{
  color:#486f8d;
  border-color:#c9dce9;
  background:#eef6fb;
}

html[data-theme="light"] .media-download-option:hover:not(:disabled){
  border-color:#d4e0e8!important;
  background:#f1f6f9!important;
}

html[data-theme="light"] .media-download-option.unavailable{
  background:#f6f8fa!important;
}

html[data-theme="light"] .media-download-option.unavailable:hover{
  background:#f6f8fa!important;
}

html[data-theme="light"] .media-download-option.loading{
  border-color:#bfd9e9!important;
  background:#eef7fc!important;
}

html[data-theme="light"] .media-download-option-title strong{
  color:#263a4f;
}

html[data-theme="light"] .media-download-option.unavailable .media-download-option-title strong{
  color:#8291a0;
}

html[data-theme="light"] .media-download-option-reason{
  color:#718294;
}

html[data-theme="light"] .media-download-option-status.available{
  color:#2d7445;
  border-color:#c8e3d0;
  background:#edf8f0;
}

html[data-theme="light"] .media-download-option-status.unavailable{
  color:#6f7f8e;
  border-color:#d5dee5;
  background:#f0f3f5;
}

html[data-theme="light"] .media-download-option-status.loading{
  color:#286b9b;
  border-color:#c4dcea;
  background:#edf6fb;
}

html[data-theme="light"] .media-download-menu-state{
  border-top-color:#dbe4eb;
  color:#67798b;
  background:#f7f9fb;
}

html[data-theme="light"] .media-download-menu-state[data-tone="success"]{
  color:#2e7747;
  background:#edf8f0;
}

html[data-theme="light"] .media-download-menu-state[data-tone="error"]{
  color:#a2434a;
  background:#fbedee;
}

html[data-theme="light"] .media-download-menu-state[data-tone="warning"]{
  color:#835f18;
  background:#fbf4e2;
}

html[data-theme="light"] .media-download-menu-state[data-tone="loading"]{
  color:#286b9b;
  background:#edf6fb;
}

@media(max-width:700px){
  .media-download-popover{
    width:min(274px,calc(100vw - 28px))!important;
  }
}


#view-folders .folder-row{
  cursor:pointer;
  outline:none;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease;
}

#view-folders .folder-row:hover{
  background:#101b25!important;
}

#view-folders .folder-row:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(92,166,216,.62);
}

#view-folders .folder-row.selected{
  background:#142331!important;
  box-shadow:inset 3px 0 0 #5a9fd2;
}

#view-folders .folder-row.requires-action{
  background:linear-gradient(90deg,rgba(185,132,27,.08),transparent 44%);
}

#view-folders .folder-row.requires-action:hover{
  background:linear-gradient(90deg,rgba(185,132,27,.13),#101b25 58%)!important;
}

#view-folders .folder-action-required{
  color:#d6b465!important;
  font-weight:700!important;
}


.shared-folder-modal-overlay{
  position:fixed;
  inset:0;
  z-index:145;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,7,11,.72);
  backdrop-filter:blur(5px);
}

.shared-folder-modal-overlay.open{
  display:flex;
}

.shared-folder-modal{
  width:min(760px,calc(100vw - 32px));
  max-height:min(760px,calc(100vh - 36px));
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  color:#dce5ec;
  border:1px solid #2a3a47;
  border-radius:14px;
  background:#0c151d;
  box-shadow:0 26px 70px rgba(0,0,0,.46);
}

.shared-folder-modal-head{
  min-height:68px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #24333f;
  background:#101a23;
}

.shared-folder-modal-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}

.shared-folder-modal-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  color:#79b7df;
  border:1px solid #294255;
  border-radius:10px;
  background:#122533;
}

.shared-folder-modal-icon svg{
  width:17px;
  height:17px;
}

.shared-folder-modal-title>div{
  min-width:0;
}

.shared-folder-modal-title strong{
  display:block;
  overflow:hidden;
  color:#e5ecf2;
  font-size:14px;
  line-height:1.25;
  font-weight:760;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.shared-folder-modal-title>div>span{
  display:block;
  margin-top:4px;
  color:#8394a4;
  font-size:9px;
  font-weight:590;
}

.shared-folder-modal-close{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  color:#8fa0af;
  border:1px solid #283845;
  border-radius:9px;
  background:#111c25;
}

.shared-folder-modal-close:hover{
  color:#eef3f7;
  border-color:#3a5060;
  background:#17242e;
}

.shared-folder-modal-close svg{
  width:14px;
  height:14px;
}

.shared-folder-modal-body{
  overflow:auto;
  padding:14px;
}

.shared-folder-workflow-banner{
  min-height:86px;
  padding:12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:11px;
  align-items:start;
  border:1px solid #2a3945;
  border-radius:12px;
  background:#101922;
}

.shared-folder-workflow-status-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #33424d;
  border-radius:10px;
  background:#17212a;
}

.shared-folder-workflow-status-icon svg{
  width:16px;
  height:16px;
}

.shared-folder-workflow-banner.pending .shared-folder-workflow-status-icon{
  color:#e2bd64;
  border-color:#504221;
  background:#251f10;
}

.shared-folder-workflow-banner.processing .shared-folder-workflow-status-icon{
  color:#76bff1;
  border-color:#27455a;
  background:#102534;
}

.shared-folder-workflow-banner.ready .shared-folder-workflow-status-icon{
  color:#7ed48d;
  border-color:#244a31;
  background:#102519;
}

.shared-folder-workflow-banner.failed .shared-folder-workflow-status-icon{
  color:#ec8890;
  border-color:#542b31;
  background:#281318;
}

.shared-folder-workflow-banner .folder-state{
  margin-bottom:6px;
}

.shared-folder-workflow-banner strong{
  display:block;
  color:#dce5ec;
  font-size:11px;
  font-weight:740;
}

.shared-folder-workflow-banner p{
  margin:4px 0 0;
  color:#8797a7;
  font-size:8.8px;
  line-height:1.45;
  font-weight:520;
}

.shared-folder-detail-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.shared-folder-detail-card{
  min-width:0;
  min-height:64px;
  padding:9px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:8px;
  align-items:center;
  border:1px solid #263641;
  border-radius:10px;
  background:#101922;
}

.shared-folder-detail-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:#7fa8c5;
  border:1px solid #2a4050;
  border-radius:8px;
  background:#12222e;
}

.shared-folder-detail-icon svg{
  width:13px;
  height:13px;
}

.shared-folder-detail-card label{
  display:block;
  color:#788999;
  font-size:7.5px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.shared-folder-detail-card strong{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#d5dfe7;
  font-size:10px;
  line-height:1.2;
  font-weight:680;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.shared-folder-workflow-note{
  min-height:42px;
  margin-top:12px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#91a1af;
  border:1px solid #293842;
  border-radius:9px;
  background:#0f181f;
  font-size:8.5px;
  line-height:1.4;
  font-weight:560;
}

.shared-folder-workflow-note svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

.shared-folder-workflow-note.pending{
  color:#d3b66c;
  border-color:#493d23;
  background:#211b10;
}

.shared-folder-workflow-note.processing{
  color:#83badc;
  border-color:#29465a;
  background:#10212e;
}

.shared-folder-workflow-note.ready{
  color:#83c591;
  border-color:#284633;
  background:#102118;
}

.shared-folder-workflow-note.failed{
  color:#d48a90;
  border-color:#4c2d31;
  background:#211417;
}

.shared-folder-workflow-feedback{
  display:none;
  min-height:38px;
  margin-top:8px;
  padding:8px 10px;
  align-items:center;
  border:1px solid transparent;
  border-radius:9px;
  font-size:8.5px;
  line-height:1.4;
  font-weight:620;
}

.shared-folder-workflow-feedback.visible{
  display:flex;
}

.shared-folder-workflow-feedback[data-tone="loading"]{
  color:#85c8f0;
  border-color:#29495e;
  background:#102432;
}

.shared-folder-workflow-feedback[data-tone="success"]{
  color:#87cf96;
  border-color:#294a34;
  background:#10241a;
}

.shared-folder-workflow-feedback[data-tone="error"]{
  color:#e09299;
  border-color:#533137;
  background:#251418;
}

.shared-folder-modal-actions{
  min-height:0;
  padding:0 14px 14px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  background:#0c151d;
}

.shared-folder-modal-actions:empty{
  display:none;
}

.shared-folder-action{
  min-width:112px;
  height:38px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:9px;
  font-size:9px;
  font-weight:720;
}

.shared-folder-action svg{
  width:13px;
  height:13px;
}

.shared-folder-action.reject{
  color:#ef9da4;
  border-color:#532f35;
  background:#251418;
}

.shared-folder-action.reject:hover:not(:disabled){
  color:#ffc2c7;
  border-color:#6b3940;
  background:#32181d;
}

.shared-folder-action.approve{
  color:#9de0a8;
  border-color:#29513a;
  background:#11291b;
}

.shared-folder-action.approve:hover:not(:disabled){
  color:#c0f4c8;
  border-color:#36704b;
  background:#163721;
}

.shared-folder-action:disabled{
  opacity:.58;
  cursor:wait;
}

.shared-folder-modal-overlay.busy .shared-folder-modal-close{
  opacity:.5;
  pointer-events:none;
}


html[data-theme="light"] #view-folders .folder-row:hover{
  background:#f3f7fa!important;
}

html[data-theme="light"] #view-folders .folder-row.selected{
  background:#eaf2f8!important;
  box-shadow:inset 3px 0 0 #4c8db8;
}

html[data-theme="light"] #view-folders .folder-row.requires-action{
  background:linear-gradient(90deg,rgba(171,121,25,.07),transparent 44%);
}

html[data-theme="light"] #view-folders .folder-action-required{
  color:#8a651c!important;
}

html[data-theme="light"] .shared-folder-modal-overlay{
  background:rgba(36,48,61,.34);
}

html[data-theme="light"] .shared-folder-modal{
  color:#283c50;
  border-color:#ccd8e1;
  background:#ffffff;
  box-shadow:0 26px 70px rgba(35,52,70,.20);
}

html[data-theme="light"] .shared-folder-modal-head{
  border-bottom-color:#dbe4eb;
  background:#f5f8fa;
}

html[data-theme="light"] .shared-folder-modal-title strong{
  color:#23374c;
}

html[data-theme="light"] .shared-folder-modal-title>div>span{
  color:#6e8093;
}

html[data-theme="light"] .shared-folder-modal-icon{
  color:#397ba8;
  border-color:#cddfea;
  background:#eaf4fa;
}

html[data-theme="light"] .shared-folder-modal-close{
  color:#657789;
  border-color:#d1dce5;
  background:#f0f4f7;
}

html[data-theme="light"] .shared-folder-modal-close:hover{
  color:#283b50;
  border-color:#c1ced8;
  background:#e7edf2;
}

html[data-theme="light"] .shared-folder-workflow-banner,
html[data-theme="light"] .shared-folder-detail-card{
  border-color:#d7e1e8;
  background:#f7f9fb;
}

html[data-theme="light"] .shared-folder-workflow-banner strong,
html[data-theme="light"] .shared-folder-detail-card strong{
  color:#263a4f;
}

html[data-theme="light"] .shared-folder-workflow-banner p,
html[data-theme="light"] .shared-folder-detail-card label{
  color:#697c8f;
}

html[data-theme="light"] .shared-folder-detail-icon{
  color:#4d7fa1;
  border-color:#d1dfe8;
  background:#edf5f9;
}

html[data-theme="light"] .shared-folder-workflow-banner.pending .shared-folder-workflow-status-icon{
  color:#866119;
  border-color:#eadbb4;
  background:#fbf3df;
}

html[data-theme="light"] .shared-folder-workflow-banner.processing .shared-folder-workflow-status-icon{
  color:#2a719f;
  border-color:#c8dfea;
  background:#e6f1f8;
}

html[data-theme="light"] .shared-folder-workflow-banner.ready .shared-folder-workflow-status-icon{
  color:#2d7547;
  border-color:#c9e4d3;
  background:#e7f4eb;
}

html[data-theme="light"] .shared-folder-workflow-banner.failed .shared-folder-workflow-status-icon{
  color:#a23e47;
  border-color:#e7c9cc;
  background:#f8e9eb;
}

html[data-theme="light"] .shared-folder-workflow-note{
  color:#66798b;
  border-color:#d8e1e8;
  background:#f6f8fa;
}

html[data-theme="light"] .shared-folder-workflow-note.pending{
  color:#805d17;
  border-color:#e6d7b3;
  background:#fbf4e3;
}

html[data-theme="light"] .shared-folder-workflow-note.processing{
  color:#286c98;
  border-color:#cadfea;
  background:#eaf3f8;
}

html[data-theme="light"] .shared-folder-workflow-note.ready{
  color:#2d7345;
  border-color:#cce4d3;
  background:#ebf6ee;
}

html[data-theme="light"] .shared-folder-workflow-note.failed{
  color:#a3424b;
  border-color:#e7cbce;
  background:#f9edef;
}

html[data-theme="light"] .shared-folder-workflow-feedback[data-tone="loading"]{
  color:#286c98;
  border-color:#c7ddea;
  background:#eaf4f9;
}

html[data-theme="light"] .shared-folder-workflow-feedback[data-tone="success"]{
  color:#2f7648;
  border-color:#cbe3d2;
  background:#ebf7ee;
}

html[data-theme="light"] .shared-folder-workflow-feedback[data-tone="error"]{
  color:#a04149;
  border-color:#e5c9cc;
  background:#f9ecee;
}

html[data-theme="light"] .shared-folder-modal-actions{
  background:#ffffff;
}

html[data-theme="light"] .shared-folder-action.reject{
  color:#a33e48;
  border-color:#e2c3c7;
  background:#f8e9eb;
}

html[data-theme="light"] .shared-folder-action.approve{
  color:#2d7547;
  border-color:#c7e1cf;
  background:#e9f5ec;
}

@media(max-width:700px){
  .shared-folder-modal-overlay{
    padding:10px;
  }

  .shared-folder-modal{
    width:100%;
    max-height:calc(100vh - 20px);
  }

  .shared-folder-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .shared-folder-modal-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .shared-folder-action{
    width:100%;
    min-width:0;
  }
}

@media(max-width:430px){
  .shared-folder-detail-grid{
    grid-template-columns:1fr;
  }
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  grid-template-columns:minmax(220px,1.8fr) 112px 92px 104px 126px 126px!important;
  column-gap:10px!important;
  align-items:center!important;
}

#view-folders .folder-icon-header,
#view-folders .selected-folder-list{
  min-width:860px;
}

#view-folders .folder-header-icon.size,
#view-folders .folder-stat-icon.size{
  color:#d9a25b;
  border-color:#4c3922;
  background:#241c11;
}

#view-folders .folder-pending-indicator{
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#d9b65e;
  border:1px solid #4b3e20;
  border-radius:999px;
  background:#211b0e;
  font-size:8.5px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  transition:border-color .14s ease,background .14s ease,color .14s ease;
}

#view-folders .folder-pending-indicator svg{
  width:12px;
  height:12px;
}

#view-folders .folder-pending-indicator.has-pending:hover{
  color:#f2cf78;
  border-color:#66542a;
  background:#2b2310;
}

#view-folders .folder-pending-indicator.is-clear{
  color:#71808e;
  border-color:#293640;
  background:#101820;
  opacity:.72;
}

#view-folders .folder-process-state{
  min-height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  width:max-content;
  max-width:100%;
  border:1px solid transparent;
  border-radius:999px;
  font-size:8.5px;
  line-height:1;
  font-weight:720;
  white-space:nowrap;
}

#view-folders .folder-process-state svg{
  width:11px;
  height:11px;
  flex:0 0 11px;
}

#view-folders .folder-process-state strong{
  overflow:hidden;
  text-overflow:ellipsis;
  font:inherit;
}

#view-folders .folder-process-state.pending{
  color:#dfb852;
  border-color:#4d4021;
  background:#211b0f;
}

#view-folders .folder-process-state.processing{
  color:#79c1ef;
  border-color:#294a60;
  background:#102536;
}

#view-folders .folder-process-state.failed{
  color:#e88e96;
  border-color:#533037;
  background:#251519;
}

#view-folders .folder-process-state.completed{
  color:#84d394;
  border-color:#294b34;
  background:#10251a;
}

#view-folders .folder-row.requires-action{
  box-shadow:inset 3px 0 0 #c49b3a;
}

#view-folders .folder-row.requires-action .folder-state.pending{
  font-weight:780!important;
}

.shared-folder-detail-card.process-pending .shared-folder-detail-icon{
  color:#d9b75c;
  border-color:#4c4022;
  background:#211b10;
}

.shared-folder-detail-card.process-processing .shared-folder-detail-icon{
  color:#79c1ef;
  border-color:#29495d;
  background:#102431;
}

.shared-folder-detail-card.process-failed .shared-folder-detail-icon{
  color:#e68c94;
  border-color:#513137;
  background:#241518;
}

.shared-folder-detail-card.process-completed .shared-folder-detail-icon{
  color:#83d292;
  border-color:#294a34;
  background:#10241a;
}

html[data-theme="light"] #view-folders .folder-header-icon.size,
html[data-theme="light"] #view-folders .folder-stat-icon.size{
  color:#976326;
  border-color:#eadcc8;
  background:#fbf1e5;
}

html[data-theme="light"] #view-folders .folder-pending-indicator{
  color:#845f16;
  border-color:#e4d2a4;
  background:#fbf2dc;
}

html[data-theme="light"] #view-folders .folder-pending-indicator.has-pending:hover{
  color:#68490f;
  border-color:#d5bc81;
  background:#f7e9c7;
}

html[data-theme="light"] #view-folders .folder-pending-indicator.is-clear{
  color:#708191;
  border-color:#d5dfe6;
  background:#f1f4f6;
}

html[data-theme="light"] #view-folders .folder-process-state.pending{
  color:#815d17;
  border-color:#e3d2aa;
  background:#fbf3df;
}

html[data-theme="light"] #view-folders .folder-process-state.processing{
  color:#286f9d;
  border-color:#c7ddea;
  background:#e9f3f9;
}

html[data-theme="light"] #view-folders .folder-process-state.failed{
  color:#a23f48;
  border-color:#e5c8cb;
  background:#f8eaec;
}

html[data-theme="light"] #view-folders .folder-process-state.completed{
  color:#2f7848;
  border-color:#c9e2d0;
  background:#eaf6ed;
}

html[data-theme="light"] #view-folders .folder-row.requires-action{
  box-shadow:inset 3px 0 0 #bd9130;
}

html[data-theme="light"] .shared-folder-detail-card.process-pending .shared-folder-detail-icon{
  color:#845f16;
  border-color:#e3d2aa;
  background:#fbf3df;
}

html[data-theme="light"] .shared-folder-detail-card.process-processing .shared-folder-detail-icon{
  color:#286f9d;
  border-color:#c7ddea;
  background:#e9f3f9;
}

html[data-theme="light"] .shared-folder-detail-card.process-failed .shared-folder-detail-icon{
  color:#a23f48;
  border-color:#e5c8cb;
  background:#f8eaec;
}

html[data-theme="light"] .shared-folder-detail-card.process-completed .shared-folder-detail-icon{
  color:#2f7848;
  border-color:#c9e2d0;
  background:#eaf6ed;
}

@media(max-width:980px){
  #view-folders .folder-icon-header,
  #view-folders .selected-folder-list{
    min-width:820px;
  }
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  min-width:704px!important;
  grid-template-columns:minmax(205px,1.45fr) 94px 88px 88px 88px 95px!important;
  column-gap:6px!important;
}

#view-folders .folder-icon-header,
#view-folders .selected-folder-list{
  min-width:704px!important;
}

#view-folders .folder-table-inner{
  min-width:704px!important;
}

@media(max-width:980px){
  #view-folders .folder-icon-header,
  #view-folders .selected-folder-list,
  #view-folders .folder-table-inner{
    min-width:704px!important;
  }
}


@media(max-width:900px){
  #view-folders .shared-folder-workspace,
  #view-folders .shared-folder-workspace.machine-collapsed{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
  }
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  min-width:790px!important;
  grid-template-columns:minmax(220px,1.55fr) 104px 86px 90px 122px 122px!important;
  column-gap:12px!important;
  align-items:center!important;
}

#view-folders .folder-icon-header,
#view-folders .selected-folder-list,
#view-folders .folder-table-inner{
  min-width:790px!important;
}

#view-folders .folder-column-title,
#view-folders .folder-visual-stat,
#view-folders .folder-state,
#view-folders .folder-process-state{
  align-self:center;
}

#view-folders .folder-name-copy{
  justify-content:center!important;
}

#view-folders .folder-name-copy>strong{
  line-height:1.25!important;
}

#view-folders .folder-process-state{
  min-height:34px!important;
  padding:0 9px 0 6px!important;
  gap:7px!important;
  border-radius:9px!important;
}

#view-folders .folder-process-channel-icon{
  position:relative;
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}

#view-folders .folder-process-channel-glyph{
  width:13px!important;
  height:13px!important;
}

#view-folders .folder-process-state.proxy .folder-process-channel-glyph{
  color:#9e86df;
}

#view-folders .folder-process-state.ai .folder-process-channel-glyph{
  color:#71b99d;
}

#view-folders .folder-process-state-mark{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  border:2px solid #0f1820;
  border-radius:50%;
  background:#16212a;
}

#view-folders .folder-process-state-mark svg{
  width:8px!important;
  height:8px!important;
}

#view-folders .folder-process-state.pending .folder-process-state-mark{color:#dfb852}
#view-folders .folder-process-state.processing .folder-process-state-mark{color:#79c1ef}
#view-folders .folder-process-state.failed .folder-process-state-mark{color:#e88e96}
#view-folders .folder-process-state.completed .folder-process-state-mark{color:#84d394}

.shared-folder-action.delete{
  margin-right:auto;
  color:#ef9da4;
  border-color:#543038;
  background:#251419;
}

.shared-folder-action.delete:hover:not(:disabled){
  color:#ffc2c7;
  border-color:#70404a;
  background:#34191f;
}

.shared-folder-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:155;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,7,11,.76);
  backdrop-filter:blur(6px);
}

.shared-folder-confirm-overlay.open{display:flex}

.shared-folder-confirm-dialog{
  width:min(480px,calc(100vw - 28px));
  padding:18px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:13px;
  color:#dce5ec;
  border:1px solid #2c3b47;
  border-radius:14px;
  background:#0d161e;
  box-shadow:0 28px 72px rgba(0,0,0,.5);
}

.shared-folder-confirm-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#d9b65c;
  border:1px solid #4a3e22;
  border-radius:12px;
  background:#241e11;
}
.shared-folder-confirm-icon svg{width:18px;height:18px}
.shared-folder-confirm-icon.approve{color:#83d293;border-color:#294b35;background:#10251a}
.shared-folder-confirm-icon.reject,
.shared-folder-confirm-icon.delete{color:#ea9098;border-color:#543038;background:#251419}

.shared-folder-confirm-copy{min-width:0}
.shared-folder-confirm-kicker{
  display:block;color:#7f91a1;font-size:7.5px;line-height:1.2;font-weight:760;letter-spacing:.06em;text-transform:uppercase
}
.shared-folder-confirm-copy h2{margin:4px 0 0;color:#e5ecf2;font-size:15px;line-height:1.25;font-weight:770}
.shared-folder-confirm-target{
  margin-top:9px;padding:8px 9px;overflow:hidden;color:#cbd7e0;border:1px solid #273844;border-radius:9px;background:#111b24;
  font-size:9px;font-weight:680;text-overflow:ellipsis;white-space:nowrap
}
.shared-folder-confirm-copy p{margin:10px 0 0;color:#899aa9;font-size:9px;line-height:1.5;font-weight:530}

.shared-folder-confirm-feedback{
  display:none;min-height:34px;margin-top:10px;padding:8px 9px;align-items:center;border:1px solid transparent;border-radius:8px;
  font-size:8.5px;line-height:1.35;font-weight:620
}
.shared-folder-confirm-feedback.visible{display:flex}
.shared-folder-confirm-feedback[data-tone="loading"]{color:#86c8f2;border-color:#29495e;background:#102431}
.shared-folder-confirm-feedback[data-tone="error"]{color:#e1949a;border-color:#513037;background:#251418}

.shared-folder-confirm-actions{grid-column:1/-1;margin-top:5px;display:flex;justify-content:flex-end;gap:8px}
.shared-folder-confirm-btn{
  min-width:104px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid #2c3a45;border-radius:9px;font-size:9px;font-weight:720
}
.shared-folder-confirm-btn svg{width:13px;height:13px}
.shared-folder-confirm-btn.cancel{color:#9aa9b6;background:#111a22}
.shared-folder-confirm-btn.cancel:hover:not(:disabled){color:#e1e8ee;border-color:#3a4b58;background:#17222c}
.shared-folder-confirm-btn.confirm.approve{color:#a2e2ad;border-color:#2d573e;background:#112b1c}
.shared-folder-confirm-btn.confirm.reject,
.shared-folder-confirm-btn.confirm.delete{color:#f0a0a7;border-color:#5b343c;background:#2a161b}
.shared-folder-confirm-btn:disabled{opacity:.55;cursor:wait}
.shared-folder-confirm-overlay.busy{cursor:progress}

html[data-theme="light"] #view-folders .folder-process-channel-icon{
  border-color:#d6e0e7;
  background:#f4f7f9;
}
html[data-theme="light"] #view-folders .folder-process-state.proxy .folder-process-channel-glyph{color:#6743b2}
html[data-theme="light"] #view-folders .folder-process-state.ai .folder-process-channel-glyph{color:#2f7d63}
html[data-theme="light"] #view-folders .folder-process-state-mark{border-color:#fff;background:#f0f4f7}

html[data-theme="light"] .shared-folder-action.delete{color:#a53f49;border-color:#e1c4c8;background:#f8e9eb}
html[data-theme="light"] .shared-folder-confirm-overlay{background:rgba(36,48,61,.38)}
html[data-theme="light"] .shared-folder-confirm-dialog{
  color:#283c50;border-color:#cbd7e0;background:#fff;box-shadow:0 28px 72px rgba(35,52,70,.22)
}
html[data-theme="light"] .shared-folder-confirm-copy h2{color:#23374c}
html[data-theme="light"] .shared-folder-confirm-kicker{color:#718396}
html[data-theme="light"] .shared-folder-confirm-target{color:#2a3e52;border-color:#d7e1e8;background:#f5f8fa}
html[data-theme="light"] .shared-folder-confirm-copy p{color:#66798b}
html[data-theme="light"] .shared-folder-confirm-icon.approve{color:#2e7748;border-color:#c9e2d0;background:#eaf6ed}
html[data-theme="light"] .shared-folder-confirm-icon.reject,
html[data-theme="light"] .shared-folder-confirm-icon.delete{color:#a23f49;border-color:#e4c7ca;background:#f8eaec}
html[data-theme="light"] .shared-folder-confirm-btn.cancel{color:#607387;border-color:#d2dce4;background:#f2f5f7}
html[data-theme="light"] .shared-folder-confirm-btn.confirm.approve{color:#2d7547;border-color:#c7e1cf;background:#e9f5ec}
html[data-theme="light"] .shared-folder-confirm-btn.confirm.reject,
html[data-theme="light"] .shared-folder-confirm-btn.confirm.delete{color:#a33e48;border-color:#e2c3c7;background:#f8e9eb}
html[data-theme="light"] .shared-folder-confirm-feedback[data-tone="loading"]{color:#286c98;border-color:#c7ddea;background:#eaf4f9}
html[data-theme="light"] .shared-folder-confirm-feedback[data-tone="error"]{color:#a04149;border-color:#e5c9cc;background:#f9ecee}

@media(max-width:900px){
  #view-folders .shared-folder-workspace,
  #view-folders .shared-folder-workspace.machine-collapsed{
    overflow-x:auto!important;
  }
}
@media(max-width:560px){
  .shared-folder-confirm-dialog{grid-template-columns:38px minmax(0,1fr);padding:14px}
  .shared-folder-confirm-icon{width:38px;height:38px}
  .shared-folder-confirm-actions{display:grid;grid-template-columns:1fr 1fr}
  .shared-folder-confirm-btn{width:100%;min-width:0}
}


#view-folders .folder-process-channel-icon,
#view-folders .folder-process-state-mark{
  display:none!important;
}


#view-folders .folder-process-indicator{
  min-width:0;
  min-height:30px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  color:#a9b7c4;
  border:0;
  border-radius:7px;
  background:transparent;
  font-size:8.7px;
  line-height:1;
  font-weight:690;
  white-space:nowrap;
}

#view-folders .folder-process-indicator strong{
  overflow:hidden;
  text-overflow:ellipsis;
  font:inherit;
}

#view-folders .folder-process-indicator-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border:1px solid #2a3945;
  border-radius:6px;
  background:#111a22;
}

#view-folders .folder-process-indicator-icon svg{
  width:11px;
  height:11px;
}

#view-folders .folder-process-indicator.processing{
  color:#83bfe5;
}

#view-folders .folder-process-indicator.processing .folder-process-indicator-icon{
  color:#75bce9;
  border-color:#29485c;
  background:#102330;
}

#view-folders .folder-process-indicator.processing .folder-process-indicator-icon svg{
  animation:nexusFolderProcessSpin 1.8s linear infinite;
}

#view-folders .folder-process-indicator.failed{
  color:#df9097;
}

#view-folders .folder-process-indicator.failed .folder-process-indicator-icon{
  color:#e18890;
  border-color:#503038;
  background:#241518;
}

#view-folders .folder-process-indicator.completed{
  color:#85ca92;
}

#view-folders .folder-process-indicator.completed .folder-process-indicator-icon{
  color:#7fcc8d;
  border-color:#294934;
  background:#10231a;
}

@keyframes nexusFolderProcessSpin{
  to{transform:rotate(360deg)}
}


#view-folders .folder-process-state.pending,
#view-folders .folder-process-indicator.pending,
.shared-folder-detail-card.process-pending{
  display:none!important;
}


.shared-folder-detail-card.process-processing .shared-folder-detail-icon{
  color:#75bce9!important;
  border-color:#29485c!important;
  background:#102330!important;
}

.shared-folder-detail-card.process-processing .shared-folder-detail-icon svg{
  animation:nexusFolderProcessSpin 1.8s linear infinite;
}

.shared-folder-detail-card.process-failed .shared-folder-detail-icon{
  color:#e18890!important;
  border-color:#503038!important;
  background:#241518!important;
}

.shared-folder-detail-card.process-completed .shared-folder-detail-icon{
  color:#7fcc8d!important;
  border-color:#294934!important;
  background:#10231a!important;
}


html[data-theme="light"] #view-folders .folder-process-indicator{
  color:#52677a;
}

html[data-theme="light"] #view-folders .folder-process-indicator-icon{
  border-color:#d5dfe6;
  background:#f5f8fa;
}

html[data-theme="light"] #view-folders .folder-process-indicator.processing{
  color:#2d719d;
}

html[data-theme="light"] #view-folders .folder-process-indicator.processing .folder-process-indicator-icon{
  color:#2b76a5;
  border-color:#c6dce8;
  background:#eaf4f9;
}

html[data-theme="light"] #view-folders .folder-process-indicator.failed{
  color:#9f4149;
}

html[data-theme="light"] #view-folders .folder-process-indicator.failed .folder-process-indicator-icon{
  color:#a34049;
  border-color:#e5c8cb;
  background:#f8eaec;
}

html[data-theme="light"] #view-folders .folder-process-indicator.completed{
  color:#33784b;
}

html[data-theme="light"] #view-folders .folder-process-indicator.completed .folder-process-indicator-icon{
  color:#2f7848;
  border-color:#c9e2d0;
  background:#eaf6ed;
}

html[data-theme="light"] .shared-folder-detail-card.process-processing .shared-folder-detail-icon{
  color:#2b76a5!important;
  border-color:#c6dce8!important;
  background:#eaf4f9!important;
}

html[data-theme="light"] .shared-folder-detail-card.process-failed .shared-folder-detail-icon{
  color:#a34049!important;
  border-color:#e5c8cb!important;
  background:#f8eaec!important;
}

html[data-theme="light"] .shared-folder-detail-card.process-completed .shared-folder-detail-icon{
  color:#2f7848!important;
  border-color:#c9e2d0!important;
  background:#eaf6ed!important;
}


#view-folders .folder-browser-head{
  min-height:72px!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:10px 14px!important;
}

#view-folders .selected-machine-copy strong{
  font-size:12.5px!important;
  font-weight:730!important;
  letter-spacing:-.01em;
}

#view-folders .selected-machine-copy span{
  margin-top:5px!important;
  font-size:8.5px!important;
  line-height:1.35;
}

#view-folders .folder-header-pending-indicator{
  min-width:132px;
  min-height:42px;
  padding:0 11px 0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  justify-self:end;
  color:#e2bd64;
  border:1px solid #514321;
  border-radius:11px;
  background:linear-gradient(180deg,#251f11,#1d190e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

#view-folders .folder-header-pending-indicator.has-pending{
  cursor:pointer;
}

#view-folders .folder-header-pending-indicator.has-pending:hover{
  color:#f1cf78;
  border-color:#69562a;
  background:linear-gradient(180deg,#2c2512,#231d0f);
  transform:translateY(-1px);
}

#view-folders .folder-header-pending-indicator.is-clear{
  color:#758594;
  border-color:#293740;
  background:#111920;
  opacity:.72;
}

#view-folders .folder-header-pending-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border:1px solid currentColor;
  border-radius:8px;
  opacity:.9;
}

#view-folders .folder-header-pending-icon svg{
  width:12px;
  height:12px;
}

#view-folders .folder-header-pending-copy{
  min-width:0;
  display:grid;
  gap:3px;
  text-align:left;
}

#view-folders .folder-header-pending-copy small{
  color:#927e4c;
  font-size:6.7px;
  line-height:1;
  font-weight:720;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#view-folders .folder-header-pending-copy strong{
  color:inherit!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  font-weight:790!important;
  white-space:nowrap;
}


#view-folders .folder-browser-summary{
  min-height:38px!important;
  padding:6px 12px!important;
  gap:7px!important;
}

#view-folders .folder-summary-chip{
  min-height:25px!important;
  padding:0 8px!important;
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  min-width:720px!important;
  grid-template-columns:
    minmax(180px,1.36fr)
    minmax(92px,.72fr)
    minmax(82px,.62fr)
    minmax(86px,.66fr)
    minmax(106px,.82fr)
    minmax(106px,.82fr)!important;
  column-gap:8px!important;
  align-items:center!important;
}

#view-folders .folder-icon-header,
#view-folders .selected-folder-list,
#view-folders .folder-table-inner{
  min-width:720px!important;
}

#view-folders .folder-icon-header{
  padding-left:11px!important;
  padding-right:11px!important;
}

#view-folders .folder-row{
  padding-left:11px!important;
  padding-right:11px!important;
}

#view-folders .folder-column-title,
#view-folders .folder-state,
#view-folders .folder-visual-stat,
#view-folders .folder-process-indicator{
  justify-self:start;
}

#view-folders .folder-column-title{
  gap:6px!important;
}

#view-folders .folder-name-cell{
  gap:8px!important;
}

#view-folders .folder-row-icon{
  flex:0 0 auto;
}

#view-folders .folder-process-indicator{
  padding-left:3px!important;
  padding-right:3px!important;
  gap:6px!important;
}


.shared-folder-modal{
  width:min(790px,calc(100vw - 34px))!important;
  max-height:min(780px,calc(100vh - 34px))!important;
  border-radius:16px!important;
  border-color:#2d3c48!important;
  background:#0c151d!important;
  box-shadow:0 30px 84px rgba(0,0,0,.48)!important;
}

.shared-folder-modal-head{
  min-height:78px!important;
  padding:14px 16px!important;
  gap:16px!important;
  border-bottom-color:#273641!important;
  background:linear-gradient(180deg,#111b24,#0f1821)!important;
}

.shared-folder-modal-title{
  gap:12px!important;
}

.shared-folder-modal-icon{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
  border-radius:11px!important;
}

.shared-folder-modal-icon svg{
  width:18px!important;
  height:18px!important;
}

.shared-folder-modal-eyebrow{
  display:block;
  margin-bottom:4px;
  color:#748696;
  font-size:7.5px;
  line-height:1;
  font-weight:760;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.shared-folder-modal-title strong{
  font-size:15.5px!important;
  line-height:1.2!important;
  font-weight:770!important;
  letter-spacing:-.015em;
}

.shared-folder-modal-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.shared-folder-modal-status{
  min-height:30px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:8.5px;
  line-height:1;
  font-weight:740;
  white-space:nowrap;
}

.shared-folder-modal-status svg{
  width:11px;
  height:11px;
}

.shared-folder-modal-status.pending{
  color:#d9b65d;
  border-color:#4d4021;
  background:#211b10;
}

.shared-folder-modal-status.processing{
  color:#7ec2ec;
  border-color:#2a4a5f;
  background:#102432;
}

.shared-folder-modal-status.failed{
  color:#e58c94;
  border-color:#523138;
  background:#251518;
}

.shared-folder-modal-status.ready{
  color:#83ce92;
  border-color:#294a34;
  background:#10241a;
}

.shared-folder-modal-close{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
  border-radius:10px!important;
}

.shared-folder-modal-body{
  padding:17px!important;
}

.shared-folder-workflow-banner{
  min-height:92px!important;
  padding:14px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  border-radius:12px!important;
}

.shared-folder-workflow-status-icon{
  width:42px!important;
  height:42px!important;
  border-radius:10px!important;
}

.shared-folder-workflow-status-icon svg{
  width:17px!important;
  height:17px!important;
}

.shared-folder-workflow-banner strong{
  padding-top:2px;
  font-size:12.3px!important;
  line-height:1.25!important;
  font-weight:760!important;
}

.shared-folder-workflow-banner p{
  max-width:620px;
  margin-top:6px!important;
  font-size:9.2px!important;
  line-height:1.55!important;
}

.shared-folder-detail-grid{
  margin-top:14px!important;
  gap:9px!important;
}

.shared-folder-detail-card{
  min-height:70px!important;
  padding:10px!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  gap:9px!important;
  border-radius:10px!important;
}

.shared-folder-detail-icon{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
}

.shared-folder-detail-card label{
  font-size:7.7px!important;
  line-height:1.1!important;
}

.shared-folder-detail-card strong{
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

.shared-folder-workflow-note{
  min-height:44px!important;
  margin-top:14px!important;
  padding:10px 11px!important;
  border-radius:9px!important;
  font-size:8.7px!important;
  line-height:1.45!important;
}

.shared-folder-workflow-feedback{
  margin-top:9px!important;
}


.shared-folder-modal-actions{
  min-height:66px!important;
  padding:12px 16px!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between!important;
  gap:12px!important;
  border-top:1px solid #273641;
  background:#0f1821!important;
}

.shared-folder-modal-actions-left,
.shared-folder-modal-actions-right{
  display:flex;
  align-items:center;
  gap:8px;
}

.shared-folder-modal-actions-right{
  margin-left:auto;
  justify-content:flex-end;
}

.shared-folder-action{
  min-width:106px!important;
  height:38px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  font-size:9.2px!important;
  font-weight:730!important;
}

.shared-folder-action.cancel{
  color:#9aa8b5;
  border-color:#2d3b47;
  background:#111a22;
}

.shared-folder-action.cancel:hover:not(:disabled){
  color:#e3e9ee;
  border-color:#40515e;
  background:#17222b;
}

.shared-folder-action.reject{
  min-width:96px!important;
}

.shared-folder-action.approve{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.shared-folder-action.delete{
  margin-right:0!important;
  min-width:118px!important;
}


.shared-folder-confirm-dialog{
  width:min(500px,calc(100vw - 30px))!important;
  padding:19px 19px 0!important;
  gap:14px!important;
  border-radius:16px!important;
  border-color:#2d3c48!important;
  background:#0d161e!important;
  box-shadow:0 30px 84px rgba(0,0,0,.48)!important;
  overflow:hidden;
}

.shared-folder-confirm-icon{
  width:42px!important;
  height:42px!important;
  border-radius:11px!important;
}

.shared-folder-confirm-kicker{
  font-size:7.4px!important;
}

.shared-folder-confirm-copy h2{
  margin-top:5px!important;
  font-size:15.5px!important;
  line-height:1.25!important;
  font-weight:770!important;
}

.shared-folder-confirm-target{
  margin-top:10px!important;
  padding:9px 10px!important;
  border-radius:9px!important;
  font-size:9.2px!important;
}

.shared-folder-confirm-copy p{
  margin-top:11px!important;
  font-size:9.2px!important;
  line-height:1.55!important;
}

.shared-folder-confirm-actions{
  grid-column:1/-1;
  margin:14px -19px 0!important;
  padding:12px 19px!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  gap:8px!important;
  border-top:1px solid #273641;
  background:#0f1821;
}

.shared-folder-confirm-btn{
  min-width:108px!important;
  height:38px!important;
  border-radius:9px!important;
  font-size:9.2px!important;
  font-weight:730!important;
}


html[data-theme="light"] #view-folders .folder-header-pending-indicator{
  color:#835f17;
  border-color:#e1cfa0;
  background:linear-gradient(180deg,#fff8e8,#fbf0d5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

html[data-theme="light"] #view-folders .folder-header-pending-indicator.has-pending:hover{
  color:#67490e;
  border-color:#d2b978;
  background:linear-gradient(180deg,#fff4d9,#f7e7bf);
}

html[data-theme="light"] #view-folders .folder-header-pending-indicator.is-clear{
  color:#708190;
  border-color:#d4dee6;
  background:#f3f6f8;
}

html[data-theme="light"] #view-folders .folder-header-pending-copy small{
  color:#94783f;
}

html[data-theme="light"] .shared-folder-modal{
  border-color:#cbd7e0!important;
  background:#ffffff!important;
  box-shadow:0 30px 84px rgba(35,52,70,.20)!important;
}

html[data-theme="light"] .shared-folder-modal-head{
  border-bottom-color:#dbe4eb!important;
  background:linear-gradient(180deg,#fafcfd,#f4f7f9)!important;
}

html[data-theme="light"] .shared-folder-modal-eyebrow{
  color:#718397;
}

html[data-theme="light"] .shared-folder-modal-title strong{
  color:#22374c!important;
}

html[data-theme="light"] .shared-folder-modal-status.pending{
  color:#805c17;
  border-color:#e3d2aa;
  background:#fbf3df;
}

html[data-theme="light"] .shared-folder-modal-status.processing{
  color:#286f9d;
  border-color:#c7ddea;
  background:#e9f3f9;
}

html[data-theme="light"] .shared-folder-modal-status.failed{
  color:#a13f48;
  border-color:#e5c8cb;
  background:#f8eaec;
}

html[data-theme="light"] .shared-folder-modal-status.ready{
  color:#2f7848;
  border-color:#c9e2d0;
  background:#eaf6ed;
}

html[data-theme="light"] .shared-folder-modal-actions{
  border-top-color:#dbe4eb;
  background:#f7f9fb!important;
}

html[data-theme="light"] .shared-folder-action.cancel{
  color:#617487;
  border-color:#d2dce4;
  background:#f0f4f7;
}

html[data-theme="light"] .shared-folder-action.cancel:hover:not(:disabled){
  color:#273c50;
  border-color:#c0cdd7;
  background:#e7edf2;
}

html[data-theme="light"] .shared-folder-confirm-dialog{
  border-color:#cbd7e0!important;
  background:#ffffff!important;
  box-shadow:0 30px 84px rgba(35,52,70,.20)!important;
}

html[data-theme="light"] .shared-folder-confirm-actions{
  border-top-color:#dbe4eb;
  background:#f7f9fb;
}


@media(max-width:760px){
  #view-folders .folder-browser-head{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    padding:8px 10px!important;
    gap:8px!important;
  }

  #view-folders .selected-machine-icon{
    width:36px!important;
    height:36px!important;
  }

  #view-folders .folder-header-pending-indicator{
    min-width:112px;
    min-height:38px;
    padding:0 8px;
    gap:7px;
  }

  #view-folders .folder-header-pending-icon{
    width:23px;
    height:23px;
    flex-basis:23px;
  }

  #view-folders .folder-header-pending-copy small{
    display:none;
  }

  #view-folders .folder-header-pending-copy strong{
    font-size:9.3px!important;
  }

  .shared-folder-modal{
    width:calc(100vw - 20px)!important;
    max-height:calc(100vh - 20px)!important;
  }

  .shared-folder-modal-head{
    min-height:70px!important;
    padding:11px 12px!important;
  }

  .shared-folder-modal-body{
    padding:13px!important;
  }

  .shared-folder-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .shared-folder-modal-actions{
    padding:10px 12px!important;
  }
}

@media(max-width:520px){
  .shared-folder-modal-head-actions{
    gap:6px;
  }

  .shared-folder-modal-status{
    padding:0 7px;
  }

  .shared-folder-modal-status span{
    display:none;
  }

  .shared-folder-modal-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .shared-folder-modal-actions-left,
  .shared-folder-modal-actions-right{
    width:100%;
  }

  .shared-folder-modal-actions-right{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .shared-folder-modal-actions-left .shared-folder-action{
    width:100%;
  }

  .shared-folder-modal-actions-right .shared-folder-action{
    width:100%;
    min-width:0!important;
  }

  .shared-folder-confirm-dialog{
    grid-template-columns:38px minmax(0,1fr)!important;
    padding:15px 15px 0!important;
  }

  .shared-folder-confirm-actions{
    margin:13px -15px 0!important;
    padding:11px 15px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr;
  }

  .shared-folder-confirm-btn{
    width:100%;
    min-width:0!important;
  }
}

@media(max-width:390px){
  #view-folders .folder-header-pending-indicator{
    min-width:92px;
  }

  #view-folders .folder-header-pending-icon{
    display:none;
  }

  .shared-folder-detail-grid{
    grid-template-columns:1fr!important;
  }
}


#view-folders .folder-icon-header > :nth-child(1),
#view-folders .folder-icon-header > :nth-child(2),
#view-folders .folder-row > :nth-child(1),
#view-folders .folder-row > :nth-child(2){
  justify-self:start!important;
}

#view-folders .folder-icon-header > :nth-child(n+3),
#view-folders .folder-row > :nth-child(n+3){
  justify-self:center!important;
}

#view-folders .folder-icon-header > :nth-child(n+3){
  justify-content:center;
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  grid-template-columns:
    minmax(180px,1.42fr)
    minmax(88px,.68fr)
    minmax(72px,.52fr)
    minmax(76px,.56fr)
    minmax(98px,.72fr)
    minmax(98px,.72fr)!important;
  column-gap:7px!important;
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  grid-template-columns:
    185px
    85px
    70px
    75px
    98px
    minmax(100px,1fr)!important;
  column-gap:8px!important;
}


#view-folders .folder-icon-header > *,
#view-folders .folder-row > *{
  justify-self:start!important;
}

#view-folders .folder-icon-header > *{
  justify-content:flex-start!important;
}


#view-folders .folder-icon-header > :nth-child(n+3),
#view-folders .folder-row > :nth-child(n+3){
  justify-self:start!important;
}

#view-folders .folder-icon-header > :nth-child(n+3){
  justify-content:flex-start!important;
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  width:100%!important;
  min-width:760px!important;
  grid-template-columns:
    minmax(190px,1.55fr)
    repeat(5,minmax(92px,1fr))!important;
  column-gap:12px!important;
  align-items:center!important;
}

#view-folders .folder-icon-header,
#view-folders .selected-folder-list,
#view-folders .folder-table-inner{
  width:100%!important;
  min-width:760px!important;
}

#view-folders .folder-icon-header > *,
#view-folders .folder-row > *{
  min-width:0;
  justify-self:stretch!important;
}

#view-folders .folder-column-title,
#view-folders .folder-state,
#view-folders .folder-visual-stat,
#view-folders .folder-process-indicator{
  width:100%;
  max-width:none!important;
}

#view-folders .folder-column-title,
#view-folders .folder-state,
#view-folders .folder-visual-stat,
#view-folders .folder-process-indicator{
  justify-content:flex-start!important;
}

#view-folders .folder-process-indicator{
  padding-left:4px!important;
  padding-right:4px!important;
}


#view-folders .folder-header-pending-indicator{
  min-width:116px!important;
  min-height:44px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  justify-self:end!important;
  border-radius:11px!important;
}

#view-folders .folder-header-pending-label{
  color:inherit;
  font-size:8px;
  line-height:1;
  font-weight:780;
  letter-spacing:.08em;
}

#view-folders .folder-header-pending-count{
  min-width:24px;
  color:inherit!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.035em;
  text-align:right;
}

#view-folders .folder-header-pending-indicator.has-pending{
  color:#efc969!important;
  border-color:#5d4b23!important;
  background:linear-gradient(180deg,#2b2412,#211b0e)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 5px 14px rgba(0,0,0,.14)!important;
}

#view-folders .folder-header-pending-indicator.has-pending:hover{
  color:#ffd980!important;
  border-color:#75602d!important;
  background:linear-gradient(180deg,#342b14,#27200f)!important;
}

#view-folders .folder-header-pending-indicator.is-clear{
  color:#788895!important;
  border-color:#2d3b45!important;
  background:#111920!important;
  box-shadow:none!important;
  opacity:.76;
}


#view-folders .folder-header-pending-icon,
#view-folders .folder-header-pending-copy{
  display:none!important;
}


html[data-theme="light"] #view-folders .folder-header-pending-indicator.has-pending{
  color:#7d5813!important;
  border-color:#dfca92!important;
  background:linear-gradient(180deg,#fff7e3,#f9edcc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 5px 14px rgba(63,50,24,.08)!important;
}

html[data-theme="light"] #view-folders .folder-header-pending-indicator.has-pending:hover{
  color:#62430b!important;
  border-color:#ceb36d!important;
  background:linear-gradient(180deg,#fff2cf,#f5e2b2)!important;
}

html[data-theme="light"] #view-folders .folder-header-pending-indicator.is-clear{
  color:#718190!important;
  border-color:#d3dde5!important;
  background:#f2f5f7!important;
}


@media(max-width:980px){
  #view-folders .folder-icon-header,
  #view-folders .folder-row,
  #view-folders .selected-folder-list,
  #view-folders .folder-table-inner{
    min-width:720px!important;
  }

  #view-folders .folder-icon-header,
  #view-folders .folder-row{
    grid-template-columns:
      minmax(175px,1.45fr)
      repeat(5,minmax(86px,1fr))!important;
    column-gap:9px!important;
  }
}

@media(max-width:760px){
  #view-folders .folder-header-pending-indicator{
    min-width:96px!important;
    min-height:40px!important;
    padding:0 9px!important;
    gap:7px!important;
  }

  #view-folders .folder-header-pending-label{
    font-size:7.2px;
  }

  #view-folders .folder-header-pending-count{
    font-size:17px!important;
  }
}

@media(max-width:390px){
  #view-folders .folder-header-pending-indicator{
    min-width:84px!important;
    padding:0 8px!important;
  }

  #view-folders .folder-header-pending-label{
    font-size:6.8px;
    letter-spacing:.05em;
  }

  #view-folders .folder-header-pending-count{
    font-size:16px!important;
  }
}


#view-folders .folder-icon-header,
#view-folders .folder-row{
  grid-template-columns:
    minmax(190px,1.45fr)
    minmax(78px,.55fr)
    repeat(4,minmax(100px,1fr))!important;
  column-gap:12px!important;
}


#view-folders .folder-state{
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:0 7px!important;
  gap:5px!important;
  justify-self:start!important;
  justify-content:flex-start!important;
  border-radius:999px!important;
  font-size:7.8px!important;
  font-weight:720!important;
  white-space:nowrap;
}

#view-folders .folder-state svg{
  width:10px!important;
  height:10px!important;
  flex:0 0 10px;
}


#view-folders .folder-icon-header > :nth-child(2),
#view-folders .folder-row > :nth-child(2){
  justify-self:start!important;
  width:max-content!important;
  max-width:100%!important;
}

#view-folders .folder-icon-header > :nth-child(2){
  justify-content:flex-start!important;
}


#view-folders .folder-icon-header > :nth-child(n+3),
#view-folders .folder-row > :nth-child(n+3){
  width:100%!important;
  min-width:0;
}


@media(max-width:980px){
  #view-folders .folder-icon-header,
  #view-folders .folder-row{
    grid-template-columns:
      minmax(175px,1.35fr)
      minmax(74px,.52fr)
      repeat(4,minmax(95px,1fr))!important;
    column-gap:9px!important;
  }

  #view-folders .folder-state{
    min-height:23px!important;
    padding:0 6px!important;
    font-size:7.3px!important;
  }
}


html[data-theme="light"] #view-folders .folder-state{
  box-shadow:none!important;
}


.coordinator-info-title{
  text-align:center!important;
  padding-left:6px!important;
  padding-right:6px!important;
}

.coordinator-availability{
  width:max-content;
  min-width:88px;
  min-height:30px;
  margin:9px auto 1px;
  padding:0 10px 0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:9px;
  line-height:1;
  font-weight:740;
  white-space:nowrap;
}

.coordinator-availability-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
}

.coordinator-availability-icon svg{
  width:11px;
  height:11px;
}

.coordinator-availability strong{
  color:inherit;
  font:inherit;
}

.coordinator-availability.online{
  color:#87d796;
  border-color:#28503a;
  background:#10251a;
}

.coordinator-availability.online .coordinator-availability-icon{
  color:#8bdd9a;
  background:rgba(94,212,105,.08);
}

.coordinator-availability.offline{
  color:#d98b92;
  border-color:#503038;
  background:#241518;
}

.coordinator-availability.offline .coordinator-availability-icon{
  color:#e28e96;
  background:rgba(255,100,108,.08);
}

.coordinator-info-list{
  margin-top:7px!important;
}


html[data-theme="light"] .coordinator-availability.online{
  color:#2f7848;
  border-color:#c8e1d0;
  background:#eaf6ed;
}

html[data-theme="light"] .coordinator-availability.online .coordinator-availability-icon{
  color:#2f7848;
  background:#dff1e5;
}

html[data-theme="light"] .coordinator-availability.offline{
  color:#a24049;
  border-color:#e5c8cb;
  background:#f8eaec;
}

html[data-theme="light"] .coordinator-availability.offline .coordinator-availability-icon{
  color:#a24049;
  background:#f4dfe2;
}


@media(max-width:1100px){
  .coordinator-availability{
    min-width:82px;
    min-height:28px;
    padding:0 9px 0 7px;
    font-size:8.5px;
  }

  .coordinator-availability-icon{
    width:17px;
    height:17px;
    flex-basis:17px;
  }
}


.coordinator-availability{
  display:flex!important;
  width:max-content!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


.coordinator-info-title{
  text-align:center!important;
  padding-bottom:10px!important;
}


.coordinator-availability{
  display:none!important;
}


.coordinator-status-row{
  min-height:54px;
  margin-top:9px;
  padding:8px 9px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid #243744;
  border-radius:10px;
  background:#0c151e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.014);
}

.coordinator-status-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.coordinator-status-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border:1px solid;
  border-radius:8px;
}

.coordinator-status-icon svg{
  width:13px;
  height:13px;
}

.coordinator-status-copy>div{
  min-width:0;
}

.coordinator-status-copy label{
  display:block;
  margin:0;
  color:#788a9a;
  font-size:6.7px;
  line-height:1.1;
  font-weight:720;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.coordinator-status-copy>div>span{
  display:block;
  margin-top:4px;
  color:#a5b2bd;
  font-size:8px;
  line-height:1.15;
  font-weight:620;
  white-space:nowrap;
}

.coordinator-status-badge{
  min-width:68px;
  height:28px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:0 0 auto;
  border:1px solid;
  border-radius:999px;
  font-size:8.7px;
  line-height:1;
  font-weight:760;
  white-space:nowrap;
}

.coordinator-status-badge i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 3px rgba(255,255,255,.025);
}


.coordinator-status-row.online{
  border-color:#244335;
}

.coordinator-status-row.online .coordinator-status-icon{
  color:#78d18a;
  border-color:#28503a;
  background:#10251a;
}

.coordinator-status-row.online .coordinator-status-badge{
  color:#8bdc99;
  border-color:#2c573d;
  background:#11291c;
}


.coordinator-status-row.offline{
  border-color:#493037;
}

.coordinator-status-row.offline .coordinator-status-icon{
  color:#df8a92;
  border-color:#503038;
  background:#241518;
}

.coordinator-status-row.offline .coordinator-status-badge{
  color:#e4939a;
  border-color:#59333b;
  background:#29171b;
}

.coordinator-info-list{
  margin-top:7px!important;
}


.coordinator-info-item.identity,
.coordinator-info-item.os{
  display:none!important;
}


html[data-theme="light"] .coordinator-status-row{
  border-color:#d7e1e8;
  background:#ffffff;
}

html[data-theme="light"] .coordinator-status-copy label{
  color:#687b8f;
}

html[data-theme="light"] .coordinator-status-copy>div>span{
  color:#65798b;
}

html[data-theme="light"] .coordinator-status-row.online{
  border-color:#cce2d3;
}

html[data-theme="light"] .coordinator-status-row.online .coordinator-status-icon{
  color:#2f7848;
  border-color:#c7dfcf;
  background:#e8f5ec;
}

html[data-theme="light"] .coordinator-status-row.online .coordinator-status-badge{
  color:#2d7446;
  border-color:#c5dfcd;
  background:#e8f5ec;
}

html[data-theme="light"] .coordinator-status-row.offline{
  border-color:#e1c7ca;
}

html[data-theme="light"] .coordinator-status-row.offline .coordinator-status-icon{
  color:#a24049;
  border-color:#e4c6c9;
  background:#f8eaec;
}

html[data-theme="light"] .coordinator-status-row.offline .coordinator-status-badge{
  color:#a13f48;
  border-color:#e3c4c8;
  background:#f8e9eb;
}


@media(max-width:1280px){
  .coordinator-status-row{
    padding:7px 8px;
    gap:8px;
  }

  .coordinator-status-copy>div>span{
    font-size:7.5px;
  }

  .coordinator-status-badge{
    min-width:64px;
    padding:0 8px;
    font-size:8.2px;
  }
}


.coordinator-status-row,
.coordinator-status-copy,
.coordinator-status-badge{
  display:none!important;
}


.coordinator-status-minimal{
  width:max-content;
  min-width:92px;
  min-height:34px;
  margin:9px auto 2px;
  padding:0 11px 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:9.5px;
  line-height:1;
  font-weight:770;
  white-space:nowrap;
}

.coordinator-status-minimal-icon{
  width:21px;
  height:21px;
  flex:0 0 21px;
  display:grid;
  place-items:center;
  border-radius:50%;
}

.coordinator-status-minimal-icon svg{
  width:12px;
  height:12px;
}

.coordinator-status-minimal strong{
  color:inherit;
  font:inherit;
}


.coordinator-status-minimal.online{
  color:#89dc99;
  border-color:#2b533c;
  background:#10251a;
}

.coordinator-status-minimal.online .coordinator-status-minimal-icon{
  color:#8ee09e;
  background:rgba(92,212,108,.08);
}


.coordinator-status-minimal.offline{
  color:#e18f97;
  border-color:#523138;
  background:#251518;
}

.coordinator-status-minimal.offline .coordinator-status-minimal-icon{
  color:#e59299;
  background:rgba(255,103,112,.08);
}


html[data-theme="light"] .coordinator-status-minimal.online{
  color:#2f7848;
  border-color:#c8e1d0;
  background:#e9f6ed;
}

html[data-theme="light"] .coordinator-status-minimal.online .coordinator-status-minimal-icon{
  color:#2f7848;
  background:#dff1e5;
}

html[data-theme="light"] .coordinator-status-minimal.offline{
  color:#a24049;
  border-color:#e4c7ca;
  background:#f8eaec;
}

html[data-theme="light"] .coordinator-status-minimal.offline .coordinator-status-minimal-icon{
  color:#a24049;
  background:#f3dfe2;
}


@media(max-width:1280px){
  .coordinator-status-minimal{
    min-width:86px;
    min-height:32px;
    padding:0 10px 0 7px;
    gap:7px;
    font-size:9px;
  }

  .coordinator-status-minimal-icon{
    width:20px;
    height:20px;
    flex-basis:20px;
  }
}


.coordinator-status-minimal{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:8px 0 0!important;
  padding:8px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #223442!important;
  border-radius:10px!important;
  background:#0c151e!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.014)!important;
  color:#edf2f6!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:780!important;
  white-space:nowrap;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

.coordinator-status-minimal:hover{
  border-color:#30485a!important;
  background:#101a24!important;
  transform:translateY(-1px);
}


.coordinator-status-minimal-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid!important;
  border-radius:8px!important;
}

.coordinator-status-minimal-icon svg{
  width:12px!important;
  height:12px!important;
}

.coordinator-status-minimal strong{
  color:inherit!important;
  font:inherit!important;
  text-align:center!important;
}


.coordinator-status-minimal.online{
  border-color:#223442!important;
  background:#0c151e!important;
  color:#8bdc99!important;
}

.coordinator-status-minimal.online .coordinator-status-minimal-icon{
  color:#83d793!important;
  border-color:#28503a!important;
  background:#10251a!important;
}

.coordinator-status-minimal.offline{
  border-color:#223442!important;
  background:#0c151e!important;
  color:#e4939a!important;
}

.coordinator-status-minimal.offline .coordinator-status-minimal-icon{
  color:#df8b93!important;
  border-color:#503038!important;
  background:#241518!important;
}


.coordinator-info-list{
  margin-top:6px!important;
}


html[data-theme="light"] .coordinator-status-minimal{
  border-color:#d8e2ea!important;
  background:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}

html[data-theme="light"] .coordinator-status-minimal:hover{
  border-color:#c2cfdb!important;
  background:#f7f9fb!important;
}

html[data-theme="light"] .coordinator-status-minimal.online{
  color:#2f7848!important;
  border-color:#d8e2ea!important;
  background:#ffffff!important;
}

html[data-theme="light"] .coordinator-status-minimal.online .coordinator-status-minimal-icon{
  color:#2f7848!important;
  border-color:#c7dfcf!important;
  background:#e8f5ec!important;
}

html[data-theme="light"] .coordinator-status-minimal.offline{
  color:#a24049!important;
  border-color:#d8e2ea!important;
  background:#ffffff!important;
}

html[data-theme="light"] .coordinator-status-minimal.offline .coordinator-status-minimal-icon{
  color:#a24049!important;
  border-color:#e4c6c9!important;
  background:#f8eaec!important;
}


@media(max-width:1280px){
  .coordinator-status-minimal{
    min-height:58px!important;
    padding:8px 9px!important;
    gap:8px!important;
    font-size:9.5px!important;
  }

  .coordinator-status-minimal-icon{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
}


.notify-dot.is-empty{
  display:none!important;
}

.notification-menu{
  width:350px!important;
}

.notification-head{
  min-height:46px!important;
  padding:3px 7px 9px!important;
}

.notification-head strong{
  font-size:11px!important;
  font-weight:740!important;
}

.notification-head span{
  min-width:68px;
  text-align:center;
  font-weight:720!important;
}

.notification-list{
  max-height:360px;
  padding-top:6px!important;
  overflow:auto;
}

.notification-item.review-only{
  min-height:58px!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:8px!important;
  border-radius:10px!important;
}

.notification-item.review-only + .notification-item.review-only{
  margin-top:3px;
}

.notification-icon.review{
  width:30px!important;
  height:30px!important;
  border:1px solid #3a2a53;
  border-radius:8px!important;
  background:#20172e!important;
  color:#bd9aff!important;
}

.notification-icon.review svg{
  width:13px!important;
  height:13px!important;
}

.notification-copy{
  min-width:0;
}

.notification-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e2e9ef;
  font-size:9px!important;
  font-weight:660!important;
}

.notification-copy span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:4px!important;
  font-size:7.8px!important;
}

.notification-review-state{
  min-height:24px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#89c7ee;
  border:1px solid #294a60;
  border-radius:999px;
  background:#102536;
  font-size:7.5px;
  line-height:1;
  font-weight:720;
  white-space:nowrap;
}

.notification-review-state svg{
  width:9px;
  height:9px;
}

.notification-review-empty{
  min-height:86px;
  padding:13px 14px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  color:#8797a6;
  text-align:left;
}

.notification-review-empty-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  padding:0;
  margin:0;
  line-height:0;
  color:#9b82d8;
  border:1px solid #35294a;
  border-radius:9px;
  background:#1d1729;
}

.notification-review-empty-icon svg{
  display:block;
  flex:0 0 auto;
  width:14px;
  height:14px;
}

.notification-review-empty strong{
  display:block;
  color:#cbd5de;
  font-size:13px;
  font-weight:700;
  line-height:1.25;
}

.notification-review-empty > div > span{
  display:block;
  margin-top:4px;
  color:#758696;
  font-size:7.8px;
}

.notification-footer button{
  color:#9ecbf0!important;
  font-weight:680!important;
}


.notification-icon.warning,
.notification-icon.error{
  display:none!important;
}


html[data-theme="light"] .notification-item.review-only{
  color:#30445a!important;
}

html[data-theme="light"] .notification-icon.review{
  color:#6541ad!important;
  border-color:#d7caef!important;
  background:#eee8f9!important;
}

html[data-theme="light"] .notification-copy strong{
  color:#25394e!important;
}

html[data-theme="light"] .notification-review-state{
  color:#286f9d;
  border-color:#c7ddea;
  background:#e9f3f9;
}

html[data-theme="light"] .notification-review-empty{
  color:#6c7f92;
}

html[data-theme="light"] .notification-review-empty-icon{
  color:#6541ad;
  border-color:#d7caef;
  background:#eee8f9;
}

html[data-theme="light"] .notification-review-empty strong{
  color:#2a3d51;
}

html[data-theme="light"] .notification-review-empty span{
  color:#718397;
}

@media(max-width:520px){
  .notification-menu{
    width:min(350px,calc(100vw - 24px))!important;
    right:12px!important;
  }

  .notification-item.review-only{
    grid-template-columns:30px minmax(0,1fr) auto!important;
  }

  .notification-review-state{
    padding:0 6px;
    font-size:7px;
  }
}


/* ── Media: the scope sentence and the two SEPARATE state chips (K-2, decision 0078) ──────────────
 *
 * The chips wear the console's existing `.status` tones rather than a private palette, so a state word
 * on a Media card reads the same as the same word anywhere else in this UI. There are two of them
 * because 0078 ruling 8 makes original availability and preview availability independent facts; a
 * single badge is the shortcut that ruling forbids. */
.media-scope-line{
  margin:0 0 12px;
  font-size:10px;
  line-height:1.5;
  color:var(--muted);
}

.media-card-state{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
}

.media-availability,
.media-preview{
  font-size:8.5px;
  padding:3px 7px;
  white-space:nowrap;
}

#view-media .media-list-row .media-availability,
#view-media .media-list-row .media-preview{
  align-self:center;
}

/* ── Media detail: copies, routes and the three byte populations (0078 ruling 7) ──────────────────
 *
 * Plain lists inside Sadegh's existing `.meta-section` shell, so the new evidence reads as part of the
 * pane he designed rather than as a second panel bolted beside it. */
.meta-empty,
.meta-note{
  display:block;
  font-size:8.5px;
  line-height:1.6;
  color:var(--muted);
}

.meta-note{margin:8px 0 0}

.media-copy-list,
.media-route-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.media-copy-row,
.media-route-row{
  border:1px solid var(--line-soft);
  border-radius:8px;
  padding:8px 9px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.media-route-row.refused{opacity:.72}

.media-copy-head,
.media-route-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.media-copy-head strong,
.media-route-head strong{font-size:9.5px}

.media-copy-facts{
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  font-size:8.5px;
  color:var(--muted);
}

.media-copy-machines{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:8.5px;
}

.media-copy-machines label,
.media-bytes-line label{
  color:var(--muted);
  margin-right:4px;
}

.media-route-row span,
.media-route-folder{
  font-size:8.5px;
  color:var(--muted);
  word-break:break-all;
}

.media-bytes-line{
  display:grid;
  grid-template-columns:minmax(0,88px) minmax(0,1fr);
  gap:2px 10px;
  padding:6px 0;
  border-bottom:1px solid var(--line-soft);
}

.media-bytes-line:last-child{border-bottom:0}
.media-bytes-line strong{font-size:9.5px}
.media-bytes-line span{
  grid-column:2;
  font-size:8.5px;
  color:var(--muted);
}

.media-ai-record{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-bottom:8px;
}

.media-ai-record label{
  font-size:8.5px;
  color:var(--muted);
}

/* The grouped detail's per-clip preview actions and its removable tag chips (decision 0078; the
   grouped-catalog identity addendum's Q2/Q4). Both sit inside blocks that already exist - a copy row and
   a meta tag - so this only adds the two controls those blocks did not have. */
.media-proxy-state{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 6px;
}

.media-proxy-error{
  font-size:8.5px;
  color:var(--muted);
  width:100%;
}

.media-proxy-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-bottom:8px;
}

.media-proxy-facts span{
  min-width:0;
  padding:8px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  background:rgba(255,255,255,.018);
}

.media-proxy-facts label,
.media-proxy-facts strong{display:block}
.media-proxy-facts label{
  color:#6e7d8c;
  font-size:7px;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.media-proxy-facts strong{
  margin-top:4px;
  overflow:hidden;
  color:#d6dee6;
  font-size:9px;
  font-weight:560;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.media-proxy-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
}

.media-proxy-actions select,
.media-proxy-actions button{
  font:inherit;
  font-size:8.5px;
  border:1px solid var(--line-soft);
  border-radius:6px;
  padding:3px 7px;
  background:transparent;
  color:inherit;
  cursor:pointer;
}

.media-proxy-actions select:disabled{cursor:default;opacity:.7}
.media-proxy-actions button:hover{background:rgba(138,69,255,.14)}
.media-proxy-actions button.danger{border-color:rgba(255,86,86,.45)}
.media-proxy-actions button.danger:hover{background:rgba(255,86,86,.16)}

.meta-tag-remove{
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:inherit;
  line-height:1;
  padding:0 0 0 4px;
  opacity:.7;
}

.meta-tag-remove:hover{opacity:1}