/* Nexus Admin Panel — Components */
.worker-grid{
  display:block;
  padding:10px;
}
.overview-machine-group{
  min-width:0;
}
.overview-machine-group + .overview-machine-group{
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.055);
}
.overview-machine-group-head{
  min-height:44px;
  margin:0 1px 9px;
  padding:0 8px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.045);
  background:rgba(255,255,255,.016);
}
.overview-machine-group-head.coordinator{
  background:
    linear-gradient(90deg,rgba(144,81,237,.08),rgba(144,81,237,.018));
  border-color:rgba(153,103,235,.11);
}
.overview-machine-group-head.workers{
  background:
    linear-gradient(90deg,rgba(62,167,255,.065),rgba(62,167,255,.012));
  border-color:rgba(62,167,255,.09);
}
.overview-machine-group-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  color:#8fcaff;
  background:rgba(62,167,255,.075);
  border:1px solid rgba(62,167,255,.11);
}
.overview-machine-group-head.coordinator .overview-machine-group-icon{
  color:#c9a9ff;
  background:rgba(145,83,237,.10);
  border-color:rgba(153,103,235,.14);
}
.overview-machine-group-icon svg{
  width:16px;height:16px;display:block;
}
.overview-machine-group-head strong{
  display:block;
  font-size:11px;
  font-weight:700;
  color:#e1e8ee;
}
.overview-machine-group-head div>span{
  display:block;
  margin-top:3px;
  font-size:7.5px;
  color:#718293;
}
.overview-machine-group-head b{
  min-width:25px;height:23px;padding:0 7px;
  border-radius:999px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
  color:#9aa9b7;
  font-size:8px;
  font-weight:700;
}
.overview-machine-group-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.overview-machine-group-grid.coordinator-grid{
  grid-template-columns:minmax(0,1fr);
}
.overview-coordinator-card{
  background:
    radial-gradient(circle at 92% 0%,rgba(151,91,238,.075),transparent 30%),
    linear-gradient(145deg,#111a26,#0b131d);
  border-color:rgba(151,103,235,.13);
}
.worker-identity strong{
  font-size:12.5px;
}
@media(max-width:850px){
  .overview-machine-group-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .overview-machine-group-head{
    grid-template-columns:32px minmax(0,1fr) auto;
    padding:0 6px;
  }
  .overview-machine-group-icon{
    width:32px;height:32px;
  }
}


.worker-detail-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:8px
}
.worker-summary-card{
  border:1px solid var(--line);border-radius:8px;background:#0d161f;padding:9px
}
.worker-summary-card label{
  display:block;font-size:7px;color:#748294;text-transform:uppercase;letter-spacing:.06em
}
.worker-summary-card strong{display:block;font-size:10px;margin-top:5px}
.worker-detail-section{
  border:1px solid var(--line);border-radius:9px;background:#0d161f;overflow:hidden;margin-top:8px
}
.worker-detail-section-head{
  min-height:36px;padding:0 10px;border-bottom:1px solid var(--line-soft);
  display:flex;align-items:center;justify-content:space-between
}
.worker-detail-section-head strong{font-size:9px}
.worker-detail-section-head span{font-size:7px;color:var(--muted)}
.hardware-list{display:grid;grid-template-columns:1fr 1fr}
.hardware-row{
  min-height:63px;padding:9px 10px;border-bottom:1px solid var(--line-soft);
  display:grid;grid-template-columns:29px 1fr;gap:8px;align-items:center
}
.hardware-row:nth-child(odd){border-right:1px solid var(--line-soft)}
.hardware-row:nth-last-child(-n+2){border-bottom:0}
.hardware-icon{
  width:29px;height:29px;border-radius:8px;display:grid;place-items:center;
  background:#14212c;color:#8597a9
}
.hardware-icon svg{width:13px;height:13px}
.hardware-copy label{display:block;font-size:7px;color:#738294;text-transform:uppercase;letter-spacing:.05em}
.hardware-copy strong{display:block;font-size:9px;margin-top:3px}
.hardware-copy span{display:block;font-size:7px;color:#7e8b9a;margin-top:2px;line-height:1.4}

.table-wrap{overflow:auto}
.data-table{width:100%;border-collapse:collapse;min-width:680px}
.data-table th,.data-table td{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px;text-align:left;white-space:nowrap}
.data-table th{font-weight:500;color:#8f9cac}
.data-table tr:last-child td{border-bottom:0}
.data-table tr:hover td{background:rgba(255,255,255,.015)}
.folder-name{display:flex;align-items:center;gap:8px}
.folder-name svg{width:15px;height:15px;color:#c8d2dc}
.worker-name{display:flex;align-items:center;gap:6px}
.worker-name svg{width:12px;height:12px}
.progress-cell{display:flex;align-items:center;gap:8px}
.progress-cell .progress{width:110px}


.section-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.search-field{position:relative;min-width:240px;max-width:390px;flex:1}
.search-field input{
  width:100%;height:35px;border:1px solid var(--line);border-radius:8px;background:#0d151e;color:#fff;
  padding:0 10px 0 33px;font-size:11px
}
.search-field svg{position:absolute;left:10px;top:9px;width:15px;height:15px;color:#748294}
.select{
  height:35px;border:1px solid var(--line);border-radius:8px;background:#0d151e;color:#b8c3cf;padding:0 9px;font-size:10px
}


.smart-search{
  border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0f1822,#0b121a);
  padding:14px;margin-bottom:12px
}
.smart-search-row{display:flex;gap:9px;align-items:center}
.smart-box{position:relative;flex:1}
.smart-box input{
  width:100%;height:46px;border-radius:9px;border:1px solid #2a3644;background:#0b1219;color:#fff;padding:0 46px 0 40px;font-size:13px
}
.smart-box svg{position:absolute;left:13px;top:13px;width:19px;height:19px;color:#9b75ff}
.ai-key{position:absolute;right:11px;top:10px;border-radius:6px;padding:4px 7px;background:rgba(138,69,255,.14);color:#c6a7ff;font-size:9px}
.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.media-filter-row{align-items:center}
.media-filter-group{
  display:flex;align-items:center
}


.segmented-control{
  height:34px;display:inline-flex;align-items:center;gap:2px;
  padding:3px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(180deg,#0c141d,#0a1118);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
.segmented-control button{
  height:26px;min-width:52px;border:0;border-radius:7px;
  background:transparent;color:#7f8d9d;
  padding:0 10px;font-size:8px;font-weight:560;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease
}
.segmented-control button:hover{color:#c9d3dd;background:rgba(255,255,255,.025)}
.segmented-control button.active{
  color:#f3efff;
  background:linear-gradient(145deg,rgba(138,69,255,.32),rgba(98,48,201,.21));
  box-shadow:inset 0 0 0 1px rgba(170,116,255,.18),0 2px 8px rgba(0,0,0,.18)
}


.multi-select{
  position:relative;min-width:168px
}
.multi-select-trigger{
  width:100%;height:34px;border:1px solid var(--line);border-radius:10px;
  background:linear-gradient(180deg,#101923,#0d151e);color:#aeb9c5;
  display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:7px;
  padding:0 8px 0 10px;text-align:left
}
.multi-select-trigger:hover,.multi-select.open .multi-select-trigger{
  border-color:#314557;background:#121d28;color:#dce4ec
}
.multi-select-trigger-text{
  display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden
}
.multi-select-placeholder{
  font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.multi-select-count{
  min-width:18px;height:18px;border-radius:999px;
  display:none;place-items:center;padding:0 5px;
  background:rgba(138,69,255,.13);color:#c7a8ff;
  font-size:7px;border:1px solid rgba(138,69,255,.14)
}
.multi-select.has-selection .multi-select-count{display:grid}
.multi-select-chevron{
  width:16px;height:16px;display:grid;place-items:center;color:#728191;
  transition:transform .18s ease,color .18s ease
}
.multi-select-chevron svg{width:8px!important;height:8px!important}
.multi-select.open .multi-select-chevron{transform:rotate(180deg);color:#b69aff}

.multi-select-menu{
  position:absolute;left:0;top:40px;width:max(100%,220px);max-height:244px;
  border:1px solid #293948;border-radius:11px;
  background:linear-gradient(160deg,#101a24,#0a121a);
  box-shadow:0 18px 48px rgba(0,0,0,.42);
  padding:6px;z-index:45;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-5px) scale(.99);transform-origin:top left;
  transition:opacity .14s ease,transform .16s ease,visibility .14s ease
}
.multi-select.open .multi-select-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)
}
.multi-select-menu-head{
  min-height:31px;display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:0 5px 5px;border-bottom:1px solid var(--line-soft)
}
.multi-select-menu-head span{font-size:8px;color:#8493a3}
.multi-select-clear{
  height:24px;border:0;border-radius:7px;background:transparent;color:#8dbfe6;
  font-size:7px;padding:0 6px
}
.multi-select-clear:hover{background:#14202a;color:#b9dcf6}
.multi-select-options{
  max-height:196px;overflow:auto;padding-top:4px;overscroll-behavior:contain
}
.multi-select-option{
  width:100%;min-height:31px;border:0;border-radius:7px;background:transparent;color:#aab6c2;
  display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;
  padding:4px 7px;text-align:left;font-size:8px
}
.multi-select-option:hover{background:#14202a;color:#e0e7ee}
.multi-select-check{
  width:16px;height:16px;border-radius:5px;border:1px solid #354657;
  background:#0d151e;display:grid;place-items:center;color:transparent
}
.multi-select-check svg{width:10px;height:10px}
.multi-select-option.selected .multi-select-check{
  border-color:rgba(151,91,255,.52);
  background:linear-gradient(145deg,#8749ed,#6731ca);
  color:#fff
}
.multi-select-option.selected{color:#e4dcff}
/* Decision 0070: a submitter whose account is gone stays selectable and must not read as a current
   member. Its own trailing column, added only on the rows that carry it, so every other menu using
   this control keeps Sadegh's two-column row exactly as authored. */
.multi-select-option.has-note{grid-template-columns:18px minmax(0,1fr) auto}
.multi-select-option-note{
  font-size:7px;color:#8493a3;border:1px solid #354657;border-radius:5px;
  padding:1px 5px;white-space:nowrap
}
/* Still loading, the read failed, nobody has submitted anything: three different answers, one place
   that says which. An empty menu that means all three is what this replaces. */
.multi-select-note{margin:0;padding:8px 7px;font-size:8px;color:#8493a3}

@media(max-width:850px){
  .media-filter-group{min-width:calc(50% - 5px)}
  .segmented-control{width:100%}
  .segmented-control button{flex:1;min-width:0}
  .multi-select{width:100%;min-width:0}
}
@media(max-width:620px){
  .media-filter-group{width:100%;min-width:100%}
}
.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.media-card{border:1px solid var(--line);border-radius:9px;background:#0d151e;overflow:hidden;cursor:pointer}
.media-card:hover{border-color:#2e4052;transform:translateY(-1px)}
.media-thumb{aspect-ratio:16/10;background:center/cover no-repeat;position:relative}
.media-thumb::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.media-duration{position:absolute;right:7px;bottom:6px;z-index:2;font-size:8px;background:rgba(0,0,0,.7);padding:2px 5px;border-radius:4px}
.media-body{padding:9px}
.media-body strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.media-card-info{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;
  margin-top:6px
}
.media-card-info span{
  display:flex;align-items:center;gap:4px;min-width:0;
  font-size:8px;color:#8190a0;white-space:nowrap
}
.media-card-info span:last-child{overflow:hidden;text-overflow:ellipsis}
.media-card-info svg{width:10px;height:10px;color:#6f8090;flex:0 0 auto}
.origin-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.origin{border-radius:999px;padding:3px 6px;font-size:7px;border:1px solid transparent}
.origin.ai{background:rgba(138,69,255,.08);border-color:rgba(138,69,255,.18);color:#c6a4ff}
.origin.editor{background:rgba(62,167,255,.08);border-color:rgba(62,167,255,.18);color:#88c9ff}
.origin.admin{background:rgba(241,184,66,.08);border-color:rgba(241,184,66,.18);color:#ffd27b}


.shared-folder-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,220px) minmax(360px,600px) minmax(180px,220px);
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:11px 12px;
  margin-bottom:11px;
  border:1px solid rgba(126,146,166,.13);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% -20%,rgba(92,69,151,.08),transparent 38%),
    linear-gradient(180deg,#0e1822,#0a121a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.10)
}
.folder-toolbar-spacer{min-height:1px}
.shared-folder-search{
  position:relative;
  width:100%;
  justify-self:center;
}
.shared-folder-search>svg{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:#8e76ca;pointer-events:none
}
.shared-folder-search input{
  width:100%;height:40px;
  border:1px solid rgba(135,151,169,.16);
  border-radius:11px;
  background:linear-gradient(180deg,#0a121a,#081017);
  color:#e4eaf0;
  padding:0 50px 0 40px;
  font-size:11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)
}
.shared-folder-search input:hover{border-color:rgba(138,159,180,.25)}
.shared-folder-search input:focus{
  border-color:rgba(145,104,226,.42);
  box-shadow:0 0 0 3px rgba(138,69,255,.055),inset 0 1px 0 rgba(255,255,255,.02)
}
.folder-search-key{
  position:absolute;right:9px;top:50%;transform:translateY(-50%);
  min-width:31px;height:22px;border-radius:6px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.055);
  background:#111b24;color:#637386;font-size:7px
}
.folder-filter-select{position:relative;min-width:0}
.folder-filter-select>svg{
  position:absolute;left:11px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;color:#75899b;pointer-events:none;z-index:1
}
.folder-filter-select select{
  width:100%;height:38px;
  border:1px solid rgba(127,148,168,.13);
  border-radius:10px;
  background:#0d161f;color:#aebac6;
  padding:0 29px 0 34px;
  font-size:9px;font-weight:550;
  cursor:pointer
}
.folder-filter-select select:hover{
  border-color:rgba(139,161,181,.24);background:#101b25;color:#d3dce5
}


.shared-folder-workspace{
  display:grid;
  grid-template-columns:clamp(300px,38%,440px) minmax(420px,1fr);
  gap:12px;
  width:100%;
  min-width:740px;
  height:calc(100vh - 200px);
  min-height:560px;
  max-height:760px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  transition:grid-template-columns .22s cubic-bezier(.2,.8,.2,1),gap .22s ease
}
.shared-folder-workspace.machine-collapsed{
  grid-template-columns:84px minmax(420px,1fr);
  min-width:520px
}
.machine-panel,
.folder-browser{
  min-height:0;
  height:100%;
  border:1px solid rgba(126,146,166,.12);
  border-radius:14px;
  background:linear-gradient(145deg,#0d161f,#091119);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
  overflow:hidden;
  contain:layout paint
}
.machine-panel{
  display:grid;
  grid-template-rows:62px minmax(0,1fr)
}
.machine-panel-head{
  padding:0 12px;
  display:grid;grid-template-columns:44px minmax(0,1fr) 36px;
  gap:10px;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at 15% 0%,rgba(80,157,231,.08),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent)
}
.machine-panel-symbol{
  width:44px;height:44px;border-radius:13px;
  display:grid;place-items:center;
  color:#8bcaff;
  background:linear-gradient(145deg,rgba(62,167,255,.13),rgba(62,167,255,.055));
  border:1px solid rgba(62,167,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.machine-panel-symbol svg{width:20px;height:20px}
.machine-panel-count{
  font-size:12px;font-weight:680;color:#b4c0cb;
  white-space:nowrap
}
.machine-collapse-btn{
  width:36px;height:36px;border-radius:10px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.018);
  display:grid;place-items:center;color:#718496;
  transition:background .15s ease,color .15s ease,transform .2s ease
}
.machine-collapse-btn:hover{background:#14212b;color:#d2dce5}
.machine-collapse-btn svg{width:17px;height:17px}
.shared-folder-workspace.machine-collapsed .machine-panel-head{
  grid-template-columns:1fr;
  padding:0 8px
}
.shared-folder-workspace.machine-collapsed .machine-panel-symbol{justify-self:center}
.shared-folder-workspace.machine-collapsed .machine-panel-count{display:none}
.shared-folder-workspace.machine-collapsed .machine-collapse-btn{
  position:absolute;
  left:66px;
  top:9px;
  width:26px;height:26px;
  background:#111c26;
  border-color:rgba(139,159,178,.12);
  z-index:4
}
.shared-folder-workspace.machine-collapsed .machine-collapse-btn svg{
  transform:scaleX(-1)
}
.machine-panel{position:relative}
.machine-list{
  min-height:0;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:12px 10px 16px;
  display:block;
}
.machine-item{
  width:100%;
  min-width:0;
  min-height:72px;
  border:1px solid transparent;
  border-radius:14px;
  background:
    radial-gradient(circle at 96% 0%,rgba(85,119,160,.05),transparent 34%),
    linear-gradient(145deg,rgba(16,27,38,.98),rgba(10,18,27,.98));
  padding:10px 12px;
  display:grid;
  grid-template-columns:50px minmax(160px,1fr) auto;
  column-gap:12px;
  align-items:center;
  text-align:left;color:#cdd6df;
  cursor:pointer;
  margin-bottom:7px;
  transition:background .15s ease,border-color .15s ease,transform .15s ease
}
.machine-section{
  width:100%;
  min-width:0;
  margin-bottom:12px;
  position:relative;
}
.machine-section-head{
  width:100%;
  min-width:0;
  position:sticky;
  top:0;
  z-index:2;
}
.machine-section-head svg{
  flex:0 0 auto;
}

.machine-section:last-child{margin-bottom:0}
.machine-section-head{
  min-height:34px;
  display:flex;align-items:center;gap:8px;
  padding:0 8px 6px;
  color:#738596;
  font-size:8px;font-weight:720;
  text-transform:uppercase;letter-spacing:.075em
}
.machine-section-head svg{
  width:12px;height:12px;display:block
}
.machine-section-head.coordinator{
  color:#b89aef
}
.machine-section-head.workers{
  color:#7eaed8
}
.machine-section-count{
  margin-left:auto;
  min-width:20px;height:19px;padding:0 6px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
  color:#8796a5;font-size:7px;font-weight:700
}
.machine-section-divider{
  height:1px;margin:4px 7px 11px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)
}
.shared-folder-workspace.machine-collapsed .machine-section-head,
.shared-folder-workspace.machine-collapsed .machine-section-divider{
  display:none
}
.shared-folder-workspace.machine-collapsed .machine-section{
  margin-bottom:5px
}

.machine-item:last-child{margin-bottom:0}
.machine-item:hover{
  background:rgba(255,255,255,.025);
  border-color:rgba(132,153,173,.10)
}
.machine-item.selected{
  background:
    linear-gradient(90deg,rgba(138,69,255,.11),rgba(62,167,255,.035));
  border-color:rgba(148,101,236,.20);
  box-shadow:inset 3px 0 0 rgba(151,102,244,.70)
}
.machine-item-icon{
  width:50px;height:50px;border-radius:14px;
  display:grid;place-items:center;
  color:#86d1ff;
  background:linear-gradient(145deg,rgba(62,167,255,.18),rgba(46,99,149,.08));
  border:1px solid rgba(91,184,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.10)
}
.machine-item-icon.coordinator{
  color:#d0b1ff;
  background:linear-gradient(145deg,rgba(151,84,255,.20),rgba(91,50,151,.09));
  border-color:rgba(166,109,255,.20)
}
.machine-item.coordinator-card{
  background:
    radial-gradient(circle at 92% 0%,rgba(138,69,255,.075),transparent 34%),
    rgba(138,69,255,.018);
  border-color:rgba(138,69,255,.08)
}
.machine-item.coordinator-card:hover{
  border-color:rgba(151,106,238,.18);
  background:
    radial-gradient(circle at 92% 0%,rgba(138,69,255,.10),transparent 36%),
    rgba(138,69,255,.028)
}
.machine-item.coordinator-card.selected{
  border-color:rgba(151,106,238,.23);
  background:
    linear-gradient(90deg,rgba(138,69,255,.12),rgba(62,167,255,.025));
  box-shadow:inset 3px 0 0 rgba(168,121,255,.75)
}
.machine-item-icon svg{width:22px;height:22px}
.machine-item-copy{min-width:0}
.machine-name-line{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  white-space:nowrap;
}
.machine-name-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.machine-item-copy strong{
  display:block;font-size:13px;font-weight:700;letter-spacing:-.012em;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.machine-item-copy .machine-meta{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  margin-top:6px;
  min-width:0;
  max-width:100%;
  font-size:9px;
  color:#8193a4;
  white-space:nowrap;
  overflow:hidden
}
.machine-state-dot{
  width:8px;height:8px;border-radius:50%;
  box-shadow:0 0 0 3px rgba(255,255,255,.025)
}
.machine-state-dot.online{background:#59d56a}
.machine-state-dot.offline{background:#ff686f}
.machine-state-text.online{color:#86df90}
.machine-state-text.offline{color:#ff8f95}

.machine-state-badge{
  flex:0 0 auto;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.018);
  font-size:8px;
  font-weight:720;
  white-space:nowrap
}
.machine-state-badge.online{
  color:#8ce296;background:rgba(94,212,105,.07);
  border-color:rgba(94,212,105,.13)
}
.machine-state-badge.offline{
  color:#ff8e95;background:rgba(255,100,108,.07);
  border-color:rgba(255,100,108,.13)
}
.machine-state-badge .machine-state-dot{
  width:7px;height:7px;border-radius:50%
}


.machine-state-mix{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:5px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  white-space:nowrap
}
.machine-folder-count{
  min-height:25px;padding:0 8px;border-radius:8px;
  display:inline-flex;align-items:center;gap:5px;
  color:#f1c979;background:rgba(241,184,66,.07);
  border:1px solid rgba(241,184,66,.11);
  font-size:8px;font-weight:700;
  white-space:nowrap;
  flex:0 0 auto
}
.machine-folder-count svg{width:10px;height:10px}
.machine-role-pill{
  min-height:25px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;
  color:#8dccff;background:rgba(62,167,255,.065);
  border:1px solid rgba(62,167,255,.10);
  font-size:8px;font-weight:680;
  white-space:nowrap;
  flex:0 0 auto
}
.machine-role-pill.coordinator{
  color:#c8a9ff;background:rgba(138,69,255,.075);
  border-color:rgba(138,69,255,.11)
}
.machine-pending-folder-badge{
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  color:#fff;
  background:#5a2bc5;
  border:1px solid rgba(175,139,255,.34);
  box-shadow:0 4px 12px rgba(68,29,153,.25);
  font-size:9px!important;
  font-weight:800;
  line-height:1;
  flex:0 0 auto
}
.shared-folder-workspace.machine-collapsed .machine-item{
  min-height:54px;
  grid-template-columns:1fr;
  justify-items:center;
  padding:7px 4px;
  position:relative
}
.shared-folder-workspace.machine-collapsed .machine-item-copy,
.shared-folder-workspace.machine-collapsed .machine-state-badge,
.shared-folder-workspace.machine-collapsed .machine-state-mix{
  display:none
}
.shared-folder-workspace.machine-collapsed .machine-item-icon{
  width:38px;height:38px
}
.shared-folder-workspace.machine-collapsed .machine-item.selected{
  box-shadow:inset 3px 0 0 rgba(151,102,244,.70)
}
.machine-item-folder-badge{
  position:absolute;right:4px;top:3px;
  min-width:18px;height:18px;padding:0 4px;border-radius:999px;
  display:none;place-items:center;
  color:#ffd77e;background:#3b2d18;
  border:1px solid rgba(241,184,66,.24);
  box-shadow:0 3px 10px rgba(0,0,0,.22);
  font-size:7px;font-weight:760
}
.machine-item-folder-badge.pending{
  color:#fff;
  background:#5a2bc5;
  border-color:rgba(175,139,255,.34);
  box-shadow:0 4px 12px rgba(68,29,153,.28)
}
.shared-folder-workspace.machine-collapsed .machine-item-folder-badge{display:grid}

.machine-state-count{
  min-width:36px;
  height:26px;
  padding:0 6px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid rgba(255,255,255,.04);
  background:rgba(255,255,255,.016);
  font-size:8.5px;
  font-weight:700;
  white-space:nowrap
}
.machine-state-count svg{width:12px;height:12px}
.machine-state-count.ready{color:#82df8c}
.machine-state-count.pending{color:#f4c66a}
.machine-state-count.processing{color:#85c9ff}
.machine-state-count.failed{color:#ff858d}
.machine-state-count.ready{
  color:#8bf19a;
  background:rgba(70,199,90,.075);
  border-color:rgba(85,216,103,.13)
}
.machine-state-count.pending{
  color:#ffd173;
  background:rgba(241,184,66,.075);
  border-color:rgba(241,184,66,.13)
}
.machine-state-count.processing{
  color:#86cbff;
  background:rgba(62,167,255,.075);
  border-color:rgba(62,167,255,.13)
}
.machine-state-count.failed{
  color:#ff8c95;
  background:rgba(255,100,108,.075);
  border-color:rgba(255,100,108,.13)
}
.machine-state-count svg{
  display:block;
  flex:0 0 auto;
}


.folder-browser{
  display:grid;
  grid-template-rows:auto auto 56px minmax(0,1fr);
  min-height:0;
  overflow:hidden
}
.folder-browser-head{
  min-height:64px;
  display:grid;grid-template-columns:42px minmax(0,1fr);
  gap:10px;align-items:center;
  padding:9px 13px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at 8% 0%,rgba(138,69,255,.07),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent)
}
.selected-machine-icon{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;
  color:#84c8ff;background:rgba(62,167,255,.08);
  border:1px solid rgba(62,167,255,.12)
}
.selected-machine-icon.coordinator{
  color:#c6a5ff;background:rgba(138,69,255,.09);
  border-color:rgba(138,69,255,.13)
}
.selected-machine-icon svg{width:18px;height:18px}
.selected-machine-copy{min-width:0}
.selected-machine-copy strong{
  display:block;font-size:12px;font-weight:670;color:#e2e9ef;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.selected-machine-copy span{
  display:flex;align-items:center;gap:7px;margin-top:5px;
  font-size:8px;color:#738496
}
.selected-machine-state{
  min-height:27px;padding:0 9px;border-radius:999px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:8px;font-weight:650
}
.selected-machine-state svg{width:11px;height:11px}
.selected-machine-state.online{
  color:#86e191;background:rgba(94,212,105,.07);
  border:1px solid rgba(94,212,105,.13)
}
.selected-machine-state.offline{
  color:#ff8e95;background:rgba(255,100,108,.07);
  border:1px solid rgba(255,100,108,.13)
}

.folder-browser-summary{
  min-height:42px;
  padding:7px 12px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  border-bottom:1px solid rgba(255,255,255,.04)
}
.folder-summary-chip{
  min-height:25px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid rgba(255,255,255,.045);
  background:rgba(255,255,255,.016);
  color:#748596;font-size:8px
}
.folder-summary-chip svg{
  width:14px;height:14px;display:block;flex:0 0 auto
}
.folder-summary-chip{
  min-height:30px;
  padding:0 10px;
  gap:7px;
  font-size:9px;
}
.folder-summary-chip strong{
  font-size:9.5px;color:#d0d9e2
}
.folder-summary-chip:nth-child(1) svg{color:#f1c66d}
.folder-summary-chip:nth-child(2) svg{color:#8fcaff}
.folder-summary-chip:nth-child(3) svg{color:#88e393}
.folder-summary-chip:nth-child(4) svg{color:#f4c86d}
.folder-summary-chip:nth-child(5) svg{color:#89caff}
.folder-summary-chip:nth-child(6) svg{color:#ff8a93}

.folder-icon-header,
.folder-row{
  display:grid;
  grid-template-columns:minmax(260px,2fr) 120px 110px 110px 110px 110px;
  column-gap:12px;align-items:center
}
.folder-icon-header{
  min-height:56px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent);
  color:#718394
}
.folder-column-title{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;
  min-width:0
}
.folder-column-title.folder-col-name{justify-content:flex-start}
.folder-column-title strong{
  font-size:8px;font-weight:650;color:#8797a7;
  text-transform:uppercase;letter-spacing:.055em
}
.folder-header-icon{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  border:1px solid transparent
}
.folder-header-icon svg{width:14px;height:14px}
.folder-header-icon.folder{color:#f0c16e;background:rgba(241,184,66,.09);border-color:rgba(241,184,66,.12)}
.folder-header-icon.status{color:#82df8c;background:rgba(94,212,105,.08);border-color:rgba(94,212,105,.11)}
.folder-header-icon.files{color:#8fc8f4;background:rgba(62,167,255,.08);border-color:rgba(62,167,255,.11)}
.folder-header-icon.proxy{color:#c5a2ff;background:rgba(138,69,255,.085);border-color:rgba(138,69,255,.12)}
.folder-header-icon.ai{color:#72dfad;background:rgba(68,199,137,.08);border-color:rgba(68,199,137,.11)}
.folder-header-icon.scan{color:#ffb176;background:rgba(235,135,61,.08);border-color:rgba(235,135,61,.11)}
.selected-folder-list{
  min-height:0;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-bottom:8px
}
.folder-row{
  min-height:62px;padding:8px 14px;
  cursor:default;
  border-bottom:1px solid rgba(255,255,255,.038);
  transition:background .14s ease
}
.folder-row:last-child{border-bottom:0}
.folder-row:hover{background:rgba(255,255,255,.016)}
.folder-name-cell{
  display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;min-width:0
}
.folder-row-icon{
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  color:#f0bd67;background:rgba(241,184,66,.075);
  border:1px solid rgba(241,184,66,.11)
}
.folder-row-icon svg{width:14px;height:14px}
.folder-name-copy{min-width:0}
.folder-name-copy strong{
  display:block;font-size:10px;font-weight:610;color:#dce4eb;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.folder-name-copy span{display:block;margin-top:3px;font-size:7px;color:#667788}

.folder-state{
  min-height:25px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;width:max-content;
  font-size:7.5px;font-weight:680
}
.folder-state svg{width:10px;height:10px}
.folder-state.ready{color:#84e08e;background:rgba(94,212,105,.07);border:1px solid rgba(94,212,105,.13)}
.folder-state.pending{color:#f3c76d;background:rgba(241,184,66,.07);border:1px solid rgba(241,184,66,.13)}
.folder-state.processing{color:#89caff;background:rgba(62,167,255,.07);border:1px solid rgba(62,167,255,.13)}
.folder-state.failed{color:#ff858d;background:rgba(255,100,108,.07);border:1px solid rgba(255,100,108,.13)}

.folder-visual-stat{
  display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0
}
.folder-stat-icon{
  width:27px;height:27px;border-radius:8px;
  display:grid;place-items:center;
  border:1px solid transparent
}
.folder-stat-icon svg{width:12px;height:12px}
.folder-stat-icon.files{color:#8fc8f4;background:rgba(62,167,255,.065);border-color:rgba(62,167,255,.09)}
.folder-stat-icon.proxy{color:#c5a2ff;background:rgba(138,69,255,.07);border-color:rgba(138,69,255,.10)}
.folder-stat-icon.ai{color:#75dfaf;background:rgba(68,199,137,.07);border-color:rgba(68,199,137,.10)}
.folder-stat-icon.scan{color:#f0bd67;background:rgba(241,184,66,.065);border-color:rgba(241,184,66,.09)}
.folder-stat-copy{min-width:0}
.folder-stat-copy strong{
  display:block;font-size:10px;font-weight:650;color:#d4dde5;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.folder-stat-copy span{display:none}
.folder-empty{
  min-height:220px;display:grid;place-items:center;text-align:center;color:#718293
}
.folder-empty svg{width:26px;height:26px;margin:0 auto 10px;color:#806db1}
.folder-empty strong{display:block;font-size:10px;color:#aebac6}
.folder-empty span{display:block;margin-top:4px;font-size:8px}


@media(max-width:1450px){
  .shared-folder-workspace{
    grid-template-columns:clamp(290px,37%,410px) minmax(400px,1fr);
    min-width:710px
  }
  .machine-item{
    grid-template-columns:46px minmax(135px,1fr) auto;
    column-gap:9px;
    padding:9px 10px;
    min-height:68px
  }
  .machine-item-icon{
    width:46px;height:46px
  }
  .machine-item-icon svg{width:20px;height:20px}
  .machine-item-copy strong{font-size:12px}
  .machine-state-count{
    min-width:31px;height:24px;padding:0 5px;font-size:8px
  }
  .machine-state-count svg{width:10px;height:10px}
}

@media(max-width:1180px){
  .shared-folder-workspace{
    grid-template-columns:300px minmax(390px,1fr);
    min-width:702px
  }
  .machine-panel-head{
    grid-template-columns:40px minmax(0,1fr) 34px;
    gap:8px;
    padding:0 9px
  }
  .machine-panel-symbol{
    width:40px;height:40px
  }
  .machine-panel-count{font-size:10px}

  .machine-item{
    grid-template-columns:44px minmax(126px,1fr) auto;
    column-gap:8px;
    padding:8px 9px;
    min-height:64px
  }
  .machine-item-icon{
    width:44px;height:44px
  }
  .machine-item-copy strong{font-size:11px}
  .machine-name-line{gap:6px}
  .machine-state-badge{
    min-height:22px;padding:0 6px;font-size:7px
  }
  .machine-role-pill,
  .machine-folder-count{
    min-height:22px;padding:0 6px;font-size:7px
  }
  .machine-state-mix{gap:3px}
  .machine-state-count{
    min-width:27px;height:22px;padding:0 4px;font-size:7px
  }
  .machine-state-count svg{width:9px;height:9px}

  .folder-icon-header,
  .folder-row{
    grid-template-columns:minmax(180px,1.65fr) 100px 86px 86px 86px;
    column-gap:8px
  }
  .folder-icon-header>span:nth-child(6),
  .folder-row>.folder-visual-stat:nth-child(6){
    display:none
  }
}

@media(max-width:900px){
  
  .shared-folder-workspace{
    grid-template-columns:280px minmax(370px,1fr);
    min-width:662px;
    height:calc(100vh - 176px);
    min-height:430px;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden
  }
  .shared-folder-workspace.machine-collapsed{
    grid-template-columns:84px minmax(370px,1fr);
    min-width:466px
  }

  .machine-panel{
    height:100%;
    min-height:0;
    max-height:none;
    grid-template-rows:56px minmax(0,1fr)
  }
  .machine-list{
    display:block;
    height:100%;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden
  }

  .machine-item{
    grid-template-columns:42px minmax(118px,1fr) auto;
    column-gap:7px;
    min-height:62px;
    padding:8px
  }
  .machine-item-icon{
    width:42px;height:42px
  }
  .machine-item-icon svg{width:19px;height:19px}
  .machine-item-copy strong{font-size:10.5px}
  .machine-item-copy .machine-meta{
    gap:4px;
    margin-top:4px
  }
  .machine-state-badge{
    min-height:21px;
    padding:0 6px;
    font-size:6.8px
  }
  .machine-role-pill,
  .machine-folder-count{
    min-height:21px;
    padding:0 5px;
    font-size:6.8px
  }
  .machine-state-mix{gap:2px}
  .machine-state-count{
    min-width:25px;
    height:21px;
    padding:0 3px;
    gap:2px;
    font-size:6.8px
  }

  .folder-browser{
    height:100%;
    min-height:0;
    overflow:hidden
  }
  .selected-folder-list{
    height:100%;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden
  }

  .folder-icon-header,
  .folder-row{
    grid-template-columns:minmax(170px,1.6fr) 96px 82px 82px;
    column-gap:7px
  }
  .folder-icon-header>span:nth-child(5),
  .folder-icon-header>span:nth-child(6),
  .folder-row>.folder-visual-stat:nth-child(5),
  .folder-row>.folder-visual-stat:nth-child(6){
    display:none
  }
}

@media(max-width:700px){
  
  .shared-folder-toolbar{
    min-width:662px;
    grid-template-columns:170px minmax(280px,1fr) 170px;
    gap:8px
  }
  .folder-toolbar-spacer{display:block}

  .shared-folder-workspace{
    grid-template-columns:270px minmax(360px,1fr);
    min-width:642px;
    height:calc(100vh - 164px);
    min-height:400px
  }
  .shared-folder-workspace.machine-collapsed{
    grid-template-columns:80px minmax(360px,1fr);
    min-width:452px
  }

  .machine-panel-head{
    grid-template-columns:38px minmax(0,1fr) 32px;
    padding:0 8px;
    gap:6px
  }
  .machine-panel-symbol{
    width:38px;height:38px
  }
  .machine-panel-count{font-size:9px}

  .machine-item{
    grid-template-columns:40px minmax(112px,1fr) auto;
    column-gap:6px;
    min-height:60px;
    padding:7px
  }
  .machine-item-icon{
    width:40px;height:40px
  }
  .machine-item-icon svg{width:18px;height:18px}
  .machine-item-copy strong{font-size:10px}
  .machine-state-badge{
    min-height:20px;padding:0 5px;font-size:6.5px
  }
  .machine-role-pill,
  .machine-folder-count{
    min-height:20px;padding:0 5px;font-size:6.5px
  }
  .machine-state-count{
    min-width:24px;height:20px;padding:0 3px;font-size:6.5px
  }

  .folder-browser-head{
    grid-template-columns:36px minmax(0,1fr);
    padding:7px 9px
  }
  .selected-machine-icon{
    width:36px;height:36px
  }
  .selected-machine-copy strong{font-size:10px}

  .folder-browser-summary{
    padding:6px 8px;
    gap:4px
  }
  .folder-summary-chip{
    min-height:23px;
    padding:0 6px;
    font-size:7px
  }

  .folder-icon-header{
    min-height:48px;
    padding:0 10px
  }
  .folder-header-icon{
    width:26px;height:26px
  }
  .folder-header-icon svg{
    width:12px;height:12px
  }
  .folder-column-title strong{
    font-size:7px
  }

  .folder-row{
    min-height:56px;
    padding:7px 10px
  }
  .folder-name-copy strong{font-size:9px}
  .folder-state{
    min-height:22px;
    padding:0 6px;
    font-size:6.8px
  }
  .folder-stat-icon{
    width:24px;height:24px
  }
  .folder-stat-copy strong{font-size:8px}
}


.shared-folder-workspace.machine-collapsed .machine-panel{
  overflow:visible
}
.shared-folder-workspace.machine-collapsed .machine-list{
  display:block;
  padding:10px 7px 14px
}
.shared-folder-workspace.machine-collapsed .machine-section-head,
.shared-folder-workspace.machine-collapsed .machine-section-divider{
  display:none
}
.shared-folder-workspace.machine-collapsed .machine-section{
  margin:0
}
.shared-folder-workspace.machine-collapsed .machine-item{
  min-height:68px;
  padding:8px 4px;
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  position:relative;
  margin-bottom:7px
}
.shared-folder-workspace.machine-collapsed .machine-item-copy,
.shared-folder-workspace.machine-collapsed .machine-state-mix{
  display:none!important
}
.shared-folder-workspace.machine-collapsed .machine-item-icon{
  width:44px;height:44px;
  border-radius:13px
}
.shared-folder-workspace.machine-collapsed .machine-item-icon svg{
  width:21px;height:21px
}
.shared-folder-workspace.machine-collapsed .machine-item-folder-badge{
  display:grid;
  right:3px;top:4px;
  min-width:22px;height:22px;
  padding:0 5px;
  font-size:7px;
  z-index:2
}
.shared-folder-workspace.machine-collapsed .machine-item.selected{
  box-shadow:inset 3px 0 0 rgba(151,102,244,.72)
}


@media(max-width:900px){
  .shared-folder-workspace.machine-collapsed .machine-panel{
    height:100%;
    max-height:none;
    grid-template-rows:56px minmax(0,1fr)
  }
  .shared-folder-workspace.machine-collapsed .machine-list{
    display:block
  }
  .shared-folder-workspace.machine-collapsed .machine-panel-head{
    grid-template-columns:1fr;
    padding:0 8px
  }
  .shared-folder-workspace.machine-collapsed .machine-panel-symbol{
    justify-self:center
  }
  .shared-folder-workspace.machine-collapsed .machine-panel-count{
    display:none
  }
  .shared-folder-workspace.machine-collapsed .machine-collapse-btn{
    position:absolute;
    left:66px;
    top:9px;
    width:26px;height:26px;
    justify-self:auto
  }
}


@media(max-height:760px){
  .shared-folder-workspace{
    height:calc(100vh - 176px);
    min-height:360px;
    max-height:none
  }
}
@media(max-height:590px){
  .shared-folder-workspace{
    height:calc(100vh - 154px);
    min-height:300px
  }
  .machine-panel{grid-template-rows:52px minmax(0,1fr)}
  .folder-browser-head{min-height:52px}
  .folder-browser-summary{min-height:34px}
  .folder-icon-header{min-height:44px}
}


.machine-panel,
.folder-browser{
  min-width:0;
  overflow:hidden;
}
.machine-list,
.selected-folder-list{
  overscroll-behavior:contain;
}
.machine-section,
.machine-section-head,
.machine-item,
.machine-item-copy,
.machine-name-line,
.machine-meta,
.machine-state-mix,
.folder-browser-head,
.folder-row,
.folder-name-cell,
.folder-visual-stat{
  min-width:0
}
.machine-section-head{
  overflow:hidden
}
.machine-role-pill,
.machine-folder-count,
.machine-state-badge,
.machine-state-count{
  flex:0 0 auto
}


.shared-folder-workspace:not(.machine-collapsed) .machine-item{
  min-height:96px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  grid-template-rows:auto auto;
  grid-template-areas:
    "machineIcon machineInfo"
    "machineStates machineStates";
  column-gap:12px;
  row-gap:10px;
  align-items:center;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
  grid-area:machineIcon;
  align-self:center;
  justify-self:start;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-copy{
  grid-area:machineInfo;
  min-width:0;
  align-self:center;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
  grid-area:machineStates;
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-items:center;
  justify-content:stretch;
  margin:0;
  padding:9px 0 0;
  border-top:1px solid rgba(255,255,255,.05);
  white-space:normal;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
  width:100%;
  min-width:0;
  height:31px;
  padding:0 8px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:9px;
  font-weight:720;
  white-space:nowrap;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px;
  display:block;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-count.ready{
  color:#8cf29b;
  background:linear-gradient(180deg,rgba(67,194,88,.10),rgba(67,194,88,.055));
  border-color:rgba(84,218,105,.16);
}
.shared-folder-workspace:not(.machine-collapsed) .machine-state-count.pending{
  color:#ffd176;
  background:linear-gradient(180deg,rgba(241,184,66,.11),rgba(241,184,66,.055));
  border-color:rgba(241,184,66,.16);
}
.shared-folder-workspace:not(.machine-collapsed) .machine-state-count.processing{
  color:#89ceff;
  background:linear-gradient(180deg,rgba(62,167,255,.11),rgba(62,167,255,.055));
  border-color:rgba(62,167,255,.16);
}
.shared-folder-workspace:not(.machine-collapsed) .machine-state-count.failed{
  color:#ff9098;
  background:linear-gradient(180deg,rgba(255,100,108,.11),rgba(255,100,108,.055));
  border-color:rgba(255,100,108,.16);
}


.shared-folder-workspace:not(.machine-collapsed) .machine-name-line{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.shared-folder-workspace:not(.machine-collapsed) .machine-item-copy .machine-meta{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:6px;
  margin-top:6px;
  min-width:0;
  overflow:hidden;
}


@media(max-width:1180px){
  .shared-folder-workspace:not(.machine-collapsed) .machine-item{
    min-height:90px;
    grid-template-columns:46px minmax(0,1fr);
    column-gap:9px;
    row-gap:8px;
    padding:9px 10px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
    width:46px;
    height:46px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:5px;
    padding-top:8px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    height:28px;
    padding:0 5px;
    gap:4px;
    font-size:8px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
    width:12px!important;
    height:12px!important;
    flex-basis:12px;
  }
}

@media(max-width:900px){
  .shared-folder-workspace:not(.machine-collapsed) .machine-item{
    grid-template-columns:44px minmax(0,1fr);
    min-height:86px;
    padding:8px 9px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
    width:44px;
    height:44px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
    gap:4px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    height:27px;
    padding:0 4px;
    gap:3px;
    font-size:7.5px;
  }
}

@media(max-width:700px){
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:3px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    min-width:0;
    height:25px;
    padding:0 3px;
    font-size:7px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
    width:10px!important;
    height:10px!important;
    flex-basis:10px;
  }
}


.shared-folder-workspace.machine-collapsed .machine-state-mix{
  display:none!important;
}


.shared-folder-workspace:not(.machine-collapsed) .machine-item{
  min-height:78px;
  padding:8px 10px 7px;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:9px;
  row-gap:5px;
  border-radius:13px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
  width:44px;
  height:44px;
  border-radius:12px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-icon svg{
  width:20px!important;
  height:20px!important;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-copy{
  align-self:center;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-name-line{
  gap:7px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-name-line strong{
  font-size:12px;
  line-height:1.15;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-badge{
  min-height:22px;
  padding:0 7px;
  gap:4px;
  font-size:7.5px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-badge .machine-state-dot{
  width:6px!important;
  height:6px!important;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-item-copy .machine-meta{
  margin-top:4px;
  gap:5px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-role-pill,
.shared-folder-workspace:not(.machine-collapsed) .machine-folder-count{
  min-height:22px;
  padding:0 7px;
  font-size:7.5px;
}


.shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
  margin-top:0;
  padding-top:5px;
  gap:5px;
  border-top-color:rgba(255,255,255,.045);
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
  height:26px;
  min-height:26px;
  padding:0 6px;
  border-radius:8px;
  gap:4px;
  font-size:8px;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
  width:12px!important;
  height:12px!important;
  flex-basis:12px;
}


@media(max-width:1180px){
  .shared-folder-workspace:not(.machine-collapsed) .machine-item{
    min-height:74px;
    padding:7px 9px 6px;
    grid-template-columns:42px minmax(0,1fr);
    column-gap:8px;
    row-gap:4px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
    width:42px;height:42px
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-name-line strong{
    font-size:11.5px
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
    padding-top:4px;
    gap:4px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    height:24px;
    min-height:24px;
    padding:0 5px;
    font-size:7.5px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
    width:11px!important;height:11px!important;flex-basis:11px
  }
}

@media(max-width:900px){
  .shared-folder-workspace:not(.machine-collapsed) .machine-item{
    min-height:72px;
    padding:7px 8px 6px;
    grid-template-columns:40px minmax(0,1fr);
    column-gap:7px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-item-icon{
    width:40px;height:40px
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-item-icon svg{
    width:18px!important;height:18px!important
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-role-pill,
  .shared-folder-workspace:not(.machine-collapsed) .machine-folder-count,
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-badge{
    min-height:20px;
    padding:0 6px;
    font-size:7px;
  }
  .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    height:23px;
    min-height:23px;
    padding:0 4px;
    font-size:7px;
  }
}


.shared-folder-search{
  position:relative;
  width:100%;
  max-width:640px;
  justify-self:center;
}

.shared-folder-search>svg{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:15px;
  height:15px;
  color:#a88cff;
  pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(138,69,255,.18));
}

.shared-folder-search input{
  width:100%;
  height:38px;
  border:1px solid rgba(128,148,168,.15);
  border-radius:11px;
  background:
    radial-gradient(circle at 12% 0%,rgba(138,69,255,.055),transparent 36%),
    linear-gradient(180deg,rgba(12,21,30,.98),rgba(8,15,22,.98));
  color:#e7edf3;
  padding:0 48px 0 38px;
  font-size:10.5px;
  font-weight:520;
  letter-spacing:.005em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 4px 14px rgba(0,0,0,.08);
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.shared-folder-search input::placeholder{
  color:#667789;
  opacity:1;
}

.shared-folder-search input:hover{
  border-color:rgba(144,165,185,.24);
  background:
    radial-gradient(circle at 12% 0%,rgba(138,69,255,.07),transparent 36%),
    linear-gradient(180deg,#0d1822,#09121a);
}

.shared-folder-search input:focus{
  outline:none;
  border-color:rgba(151,108,238,.45);
  box-shadow:
    0 0 0 3px rgba(138,69,255,.06),
    0 7px 20px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.folder-search-key{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  min-width:30px;
  height:21px;
  padding:0 6px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,#131e28,#0e171f);
  color:#708195;
  font-size:7px;
  font-weight:650;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

.shared-folder-search:focus-within .folder-search-key{
  color:#a58ccc;
  border-color:rgba(138,69,255,.15);
  background:rgba(138,69,255,.055);
}


.shared-folder-workspace{
  grid-template-columns:clamp(255px,29%,320px) minmax(500px,1fr)!important;
  min-width:780px!important;
  gap:10px!important;
}
.shared-folder-workspace.machine-collapsed{
  grid-template-columns:78px minmax(500px,1fr)!important;
  min-width:590px!important;
}


.machine-list{
  padding-left:8px;
  padding-right:8px;
}
.machine-item{
  max-width:100%;
}


.machine-section{
  position:relative;
  isolation:isolate;
}
.machine-section-head{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  min-height:31px;
  padding:0 6px 6px;
  margin:0 0 4px;
  background:#0b141d;
  border-bottom:1px solid rgba(255,255,255,.035);
  overflow:hidden;
}
.machine-section-divider{
  margin-top:5px;
  margin-bottom:10px;
}


.shared-folder-toolbar{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px 10px!important;
}
.folder-toolbar-spacer{
  display:none!important;
}
.shared-folder-search{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  justify-self:stretch!important;
}
.shared-folder-search>svg{
  left:13px!important;
  width:16px!important;
  height:16px!important;
  color:#b49aff!important;
  filter:drop-shadow(0 0 9px rgba(145,99,235,.16))!important;
}
.shared-folder-search input{
  width:100%!important;
  height:39px!important;
  padding:0 48px 0 40px!important;
  border-radius:10px!important;
  border:1px solid rgba(139,158,178,.17)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(139,78,232,.065),transparent 30%),
    linear-gradient(180deg,#0d1720,#091119)!important;
  color:#e6edf3!important;
  font-size:10.5px!important;
  font-weight:540!important;
  letter-spacing:.006em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.022),
    0 5px 16px rgba(0,0,0,.09)!important;
}
.shared-folder-search input::placeholder{
  color:#708092!important;
}
.shared-folder-search input:hover{
  border-color:rgba(151,169,188,.27)!important;
}
.shared-folder-search input:focus{
  outline:none!important;
  border-color:rgba(157,113,239,.52)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(139,78,232,.085),transparent 32%),
    linear-gradient(180deg,#0f1a24,#0a131c)!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.065),
    0 7px 22px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.028)!important;
}
.folder-search-key{
  right:9px!important;
  min-width:31px!important;
  height:21px!important;
  border-radius:6px!important;
  color:#7e8da0!important;
  background:linear-gradient(180deg,#15212c,#101922)!important;
}


.folder-browser{
  grid-template-rows:auto auto minmax(0,1fr)!important;
}
.folder-table-viewport{
  min-width:0;
  min-height:0;
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-gutter:stable;
  border-top:1px solid rgba(255,255,255,.025);
}
.folder-table-inner{
  width:max-content;
  min-width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:50px minmax(0,1fr);
}


.folder-icon-header,
.folder-row{
  width:100%;
  min-width:704px;
  grid-template-columns:minmax(205px,1.45fr) 94px 88px 88px 88px 95px!important;
  column-gap:6px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box;
}
.folder-icon-header{
  min-height:50px!important;
}
.folder-column-title{
  gap:5px!important;
}
.folder-header-icon{
  width:27px!important;
  height:27px!important;
}
.folder-header-icon svg{
  width:12px!important;
  height:12px!important;
}
.folder-row{
  min-height:56px!important;
}
.folder-name-cell{
  grid-template-columns:29px minmax(0,1fr)!important;
  gap:7px!important;
}
.folder-row-icon{
  width:29px!important;
  height:29px!important;
}
.folder-visual-stat{
  gap:5px!important;
}
.folder-stat-icon{
  width:25px!important;
  height:25px!important;
}
.folder-stat-copy strong{
  font-size:9px!important;
}


.selected-folder-list{
  min-width:704px;
  min-height:0!important;
  height:100%!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  padding-bottom:6px!important;
}


@media(max-width:1180px){
  .shared-folder-workspace{
    grid-template-columns:260px minmax(500px,1fr)!important;
    min-width:770px!important;
  }
  .folder-icon-header>span,
  .folder-row>.folder-visual-stat{
    display:flex!important;
  }
}
@media(max-width:900px){
  .shared-folder-workspace{
    grid-template-columns:250px minmax(500px,1fr)!important;
    min-width:760px!important;
  }
  .shared-folder-workspace.machine-collapsed{
    grid-template-columns:76px minmax(500px,1fr)!important;
    min-width:586px!important;
  }
  .shared-folder-toolbar{
    min-width:760px;
    grid-template-columns:165px minmax(0,1fr)!important;
  }
  .folder-icon-header{
    display:grid!important;
  }
  .folder-icon-header>span,
  .folder-row>.folder-visual-stat{
    display:flex!important;
  }
  .folder-row{
    grid-template-areas:none!important;
  }
  .folder-name-cell,
  .folder-state,
  .folder-row>.folder-visual-stat{
    grid-area:auto!important;
  }
}
@media(max-width:700px){
  .shared-folder-toolbar{
    min-width:760px!important;
    grid-template-columns:155px minmax(0,1fr)!important;
  }
  .shared-folder-workspace{
    grid-template-columns:245px minmax(500px,1fr)!important;
    min-width:755px!important;
  }
  .shared-folder-workspace.machine-collapsed{
    grid-template-columns:74px minmax(500px,1fr)!important;
    min-width:584px!important;
  }
}


.shared-folder-toolbar{
  grid-template-columns:clamp(255px,29%,320px) minmax(500px,1fr)!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%;
  min-width:780px!important;
  padding:9px 10px!important;
  box-sizing:border-box;
}


.shared-folder-toolbar .folder-filter-select{
  grid-column:1;
  width:100%;
  min-width:0;
}


.shared-folder-toolbar .shared-folder-search{
  grid-column:2;
  width:100%!important;
  max-width:none!important;
  min-width:0;
  justify-self:stretch!important;
}


.shared-folder-toolbar .folder-toolbar-spacer{
  display:none!important;
}


.shared-folder-search input{
  height:39px!important;
  padding:0 49px 0 40px!important;
  border-radius:10px!important;
  border:1px solid rgba(140,160,180,.18)!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(139,78,232,.07),transparent 30%),
    linear-gradient(180deg,#0e1822,#09121a)!important;
  color:#e8eef4!important;
  font-size:10.5px!important;
  font-weight:550!important;
  letter-spacing:.006em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    0 5px 16px rgba(0,0,0,.09)!important;
}
.shared-folder-search>svg{
  left:13px!important;
  width:16px!important;
  height:16px!important;
  color:#b79cff!important;
}
.shared-folder-search input:focus{
  outline:none!important;
  border-color:rgba(160,115,242,.54)!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.065),
    0 7px 22px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
}


.folder-table-inner{
  width:max-content!important;
  min-width:100%!important;
}

.folder-icon-header,
.folder-row{
  min-width:680px!important;
  width:100%!important;
  grid-template-columns:
    235px
    92px
    84px
    84px
    84px
    minmax(92px,1fr)!important;
  column-gap:5px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box;
}


.folder-column-title.folder-col-name,
.folder-name-cell{
  padding-right:0!important;
  margin-right:0!important;
}
.folder-column-title:nth-child(2),
.folder-state{
  margin-left:0!important;
  justify-self:start;
}

.folder-column-title{
  gap:5px!important;
}
.folder-name-cell{
  grid-template-columns:29px minmax(0,1fr)!important;
  gap:7px!important;
}
.folder-name-copy strong{
  max-width:190px;
}


.folder-icon-header>*,
.folder-row>*{
  min-width:0;
  box-sizing:border-box;
}


.folder-table-viewport{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain;
}
.selected-folder-list{
  min-width:680px!important;
  overflow-y:auto!important;
  overflow-x:visible!important;
}


@media(max-width:1180px){
  .shared-folder-toolbar{
    grid-template-columns:260px minmax(500px,1fr)!important;
    min-width:770px!important;
  }
}
@media(max-width:900px){
  .shared-folder-toolbar{
    grid-template-columns:250px minmax(500px,1fr)!important;
    min-width:760px!important;
  }
}
@media(max-width:700px){
  .shared-folder-toolbar{
    grid-template-columns:245px minmax(500px,1fr)!important;
    min-width:755px!important;
  }
}


.folder-icon-header,
.folder-row{
  width:100%!important;
  min-width:720px!important;
  grid-template-columns:
    minmax(210px,1.55fr)
    minmax(96px,1fr)
    minmax(92px,1fr)
    minmax(92px,1fr)
    minmax(92px,1fr)
    minmax(96px,1fr)!important;
  column-gap:10px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  box-sizing:border-box;
}


.folder-column-title,
.folder-visual-stat{
  justify-content:flex-start!important;
  min-width:0;
}
.folder-state{
  justify-self:start!important;
}
.folder-column-title.folder-col-name,
.folder-name-cell{
  min-width:0;
}


.folder-table-inner{
  width:100%!important;
  min-width:720px!important;
}
.selected-folder-list{
  min-width:720px!important;
}
.folder-table-viewport{
  width:100%;
  min-width:0;
  overflow-x:auto!important;
}


@media(max-width:1180px){
  .folder-icon-header,
  .folder-row{
    min-width:700px!important;
    grid-template-columns:
      minmax(200px,1.5fr)
      minmax(92px,1fr)
      minmax(88px,1fr)
      minmax(88px,1fr)
      minmax(88px,1fr)
      minmax(92px,1fr)!important;
    column-gap:9px!important;
  }
  .folder-table-inner,
  .selected-folder-list{
    min-width:700px!important;
  }
}

@media(max-width:900px){
  .folder-icon-header,
  .folder-row{
    min-width:680px!important;
    grid-template-columns:
      minmax(190px,1.45fr)
      minmax(88px,1fr)
      minmax(84px,1fr)
      minmax(84px,1fr)
      minmax(84px,1fr)
      minmax(88px,1fr)!important;
    column-gap:8px!important;
  }
  .folder-table-inner,
  .selected-folder-list{
    min-width:680px!important;
  }
}


.shared-folder-workspace:not(.machine-collapsed) .machine-item{
  position:relative;
}

.shared-folder-workspace:not(.machine-collapsed) .machine-state-badge{
  position:absolute!important;
  top:9px!important;
  right:10px!important;
  z-index:3;
  margin:0!important;
}


.shared-folder-workspace:not(.machine-collapsed) .machine-name-line{
  padding-right:68px;
  box-sizing:border-box;
}


#view-folders .folder-browser{
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
}


#view-folders .folder-browser-controls{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 166px;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  box-sizing:border-box;
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.045);
  background:
    radial-gradient(circle at 35% -40%,rgba(111,76,175,.055),transparent 38%),
    linear-gradient(180deg,rgba(12,21,30,.72),rgba(9,17,24,.68));
}


#view-folders .folder-browser-controls .shared-folder-search{
  grid-column:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0;
  justify-self:stretch!important;
  position:relative;
}
#view-folders .folder-browser-controls .shared-folder-search>svg{
  position:absolute;
  left:12px!important;
  top:50%;
  transform:translateY(-50%);
  width:16px!important;
  height:16px!important;
  color:#b69aff!important;
  pointer-events:none;
  z-index:2;
  filter:drop-shadow(0 0 8px rgba(138,69,255,.16));
}
#view-folders .folder-browser-controls .shared-folder-search input{
  width:100%!important;
  height:38px!important;
  padding:0 48px 0 39px!important;
  border:1px solid rgba(138,158,178,.17)!important;
  border-radius:10px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(139,78,232,.065),transparent 30%),
    linear-gradient(180deg,#0e1822,#09121a)!important;
  color:#e7edf3!important;
  font-size:10.5px!important;
  font-weight:540!important;
  letter-spacing:.006em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.022),
    0 4px 14px rgba(0,0,0,.08)!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#view-folders .folder-browser-controls .shared-folder-search input::placeholder{
  color:#6f8092!important;
}
#view-folders .folder-browser-controls .shared-folder-search input:hover{
  border-color:rgba(151,170,190,.27)!important;
}
#view-folders .folder-browser-controls .shared-folder-search input:focus{
  outline:none!important;
  border-color:rgba(160,115,242,.52)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(139,78,232,.085),transparent 32%),
    linear-gradient(180deg,#0f1a24,#0a131c)!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.06),
    0 6px 18px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.028)!important;
}
#view-folders .folder-browser-controls .folder-search-key{
  right:8px!important;
  min-width:30px!important;
  height:21px!important;
  padding:0 6px!important;
  border-radius:6px!important;
  color:#7b8b9d!important;
  background:linear-gradient(180deg,#15212b,#101922)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  font-size:7px!important;
  font-weight:650!important;
}
#view-folders .folder-browser-controls .shared-folder-search:focus-within .folder-search-key{
  color:#a990d2!important;
  border-color:rgba(138,69,255,.16)!important;
  background:rgba(138,69,255,.06)!important;
}


#view-folders .folder-browser-controls .folder-filter-select{
  grid-column:auto!important;
  width:100%!important;
  min-width:0;
  position:relative;
}
#view-folders .folder-browser-controls .folder-filter-select>.folder-filter-icon{
  position:absolute;
  left:11px!important;
  top:50%;
  transform:translateY(-50%);
  width:14px!important;
  height:14px!important;
  color:#9d8bd0!important;
  pointer-events:none;
  z-index:2;
}
#view-folders .folder-browser-controls .folder-filter-select select{
  appearance:none;
  -webkit-appearance:none;
  width:100%!important;
  height:38px!important;
  padding:0 34px 0 34px!important;
  border:1px solid rgba(136,157,177,.17)!important;
  border-radius:10px!important;
  outline:none;
  background:
    linear-gradient(180deg,rgba(16,27,37,.98),rgba(11,20,28,.98))!important;
  color:#c0cbd5!important;
  font-size:9.5px!important;
  font-weight:600!important;
  letter-spacing:.006em;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 4px 14px rgba(0,0,0,.07);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;
}
#view-folders .folder-browser-controls .folder-filter-select select:hover{
  color:#e0e7ed!important;
  border-color:rgba(151,171,191,.28)!important;
  background:linear-gradient(180deg,#111e29,#0d1720)!important;
}
#view-folders .folder-browser-controls .folder-filter-select select:focus{
  color:#e6edf3!important;
  border-color:rgba(157,113,239,.50)!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.055),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#view-folders .folder-browser-controls .folder-filter-select select option{
  background:#101922;
  color:#c4ced8;
  font-size:10px;
  font-weight:550;
}
#view-folders .folder-browser-controls .folder-filter-chevron{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;height:20px;
  border-radius:6px;
  display:grid;place-items:center;
  color:#788a9b;
  pointer-events:none;
  background:rgba(255,255,255,.018);
}
#view-folders .folder-browser-controls .folder-filter-chevron svg{
  width:11px;height:11px;display:block;
  transition:transform .16s ease,color .16s ease;
}
#view-folders .folder-browser-controls .folder-filter-select:focus-within .folder-filter-chevron{
  color:#b69aff;
  background:rgba(138,69,255,.055);
}
#view-folders .folder-browser-controls .folder-filter-select:focus-within .folder-filter-chevron svg{
  transform:rotate(180deg);
}


@media(max-width:900px){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(260px,1fr) 150px;
    gap:7px;
    padding:7px 9px;
  }
}
@media(max-width:700px){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(235px,1fr) 145px;
  }
}


#view-folders .folder-browser-controls .folder-filter-select{
  position:relative;
  width:100%!important;
  min-width:0;
}


#view-folders .folder-browser-controls .folder-filter-select>.folder-filter-icon{
  position:absolute;
  left:12px!important;
  top:50%;
  transform:translateY(-50%);
  width:14px!important;
  height:14px!important;
  color:#a890de!important;
  pointer-events:none;
  z-index:3;
  filter:drop-shadow(0 0 7px rgba(138,69,255,.13));
}


#view-folders .folder-browser-controls .folder-filter-select select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:38px!important;
  padding:0 38px 0 36px!important;
  border:1px solid rgba(141,161,181,.18)!important;
  border-radius:10px!important;
  outline:none!important;
  background:
    radial-gradient(circle at 12% -35%,rgba(139,78,232,.065),transparent 38%),
    linear-gradient(180deg,#111c26 0%,#0c151e 100%)!important;
  color:#c6d0d9!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  font-weight:620!important;
  line-height:1!important;
  letter-spacing:.008em!important;
  cursor:pointer!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 4px 14px rgba(0,0,0,.075)!important;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    color .16s ease!important;
}

#view-folders .folder-browser-controls .folder-filter-select select:hover{
  color:#e2e8ee!important;
  border-color:rgba(158,178,198,.29)!important;
  background:
    radial-gradient(circle at 12% -35%,rgba(139,78,232,.085),transparent 38%),
    linear-gradient(180deg,#13202b 0%,#0e1821 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 5px 16px rgba(0,0,0,.09)!important;
}

#view-folders .folder-browser-controls .folder-filter-select select:focus,
#view-folders .folder-browser-controls .folder-filter-select select:focus-visible{
  color:#edf2f6!important;
  border-color:rgba(164,119,242,.56)!important;
  background:
    radial-gradient(circle at 12% -35%,rgba(139,78,232,.10),transparent 40%),
    linear-gradient(180deg,#14212c 0%,#0e1821 100%)!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.06),
    0 6px 18px rgba(0,0,0,.11),
    inset 0 1px 0 rgba(255,255,255,.032)!important;
}


#view-folders .folder-browser-controls .folder-filter-chevron{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  color:#8192a4!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012))!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  pointer-events:none!important;
  z-index:3;
  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease!important;
}

#view-folders .folder-browser-controls .folder-filter-chevron svg{
  width:11px!important;
  height:11px!important;
  display:block!important;
  stroke-width:1.9;
  transition:transform .16s ease!important;
}

#view-folders .folder-browser-controls .folder-filter-select:hover .folder-filter-chevron{
  color:#a2b0be!important;
  border-color:rgba(255,255,255,.065)!important;
  background:rgba(255,255,255,.025)!important;
}

#view-folders .folder-browser-controls .folder-filter-select:focus-within .folder-filter-chevron{
  color:#bca2ff!important;
  border-color:rgba(138,69,255,.17)!important;
  background:rgba(138,69,255,.065)!important;
}

#view-folders .folder-browser-controls .folder-filter-select:focus-within .folder-filter-chevron svg{
  transform:rotate(180deg)!important;
}


#view-folders .folder-browser-controls .folder-filter-select select option{
  background:#101922!important;
  color:#c5d0da!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:560!important;
  line-height:1.45!important;
  padding:9px 12px!important;
}

#view-folders .folder-browser-controls .folder-filter-select select option:checked{
  background:#241b36!important;
  color:#d9c9ff!important;
  font-weight:650!important;
}

#view-folders .folder-browser-controls .folder-filter-select select option:hover{
  background:#18232e!important;
  color:#eef3f6!important;
}


@media(max-width:900px){
  #view-folders .folder-browser-controls .folder-filter-select select{
    height:37px!important;
    padding-left:35px!important;
    padding-right:37px!important;
  }
}


#view-folders .media-style-native-select,
#view-workers .media-style-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}


#view-folders .folder-browser-controls{
  grid-template-columns:minmax(0,1fr) 168px!important;
}
#view-folders #folderStateDropdown,
#view-workers #machineStateDropdown{
  width:168px!important;
  min-width:168px!important;
  max-width:168px!important;
}


#view-workers .machines-toolbar{
  grid-template-columns:minmax(0,1fr) 168px!important;
}


#view-folders .folder-filter-select,
#view-workers .machines-state-filter{
  display:none!important;
}


@media(max-width:900px){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(260px,1fr) 168px!important;
  }
}
@media(max-width:700px){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(235px,1fr) 168px!important;
  }
}
@media(max-width:620px){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) 168px!important;
  }
}


#view-folders .media-style-single-select .multi-select-option,
#view-workers .media-style-single-select .multi-select-option{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
#view-folders .media-style-single-select .multi-select-option.selected,
#view-workers .media-style-single-select .multi-select-option.selected{
  color:#e4dcff;
  background:rgba(138,69,255,.065);
}


.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.entity-card{border:1px solid var(--line);border-radius:9px;background:#0d151e;padding:12px;cursor:pointer}
.entity-card:hover{border-color:#2e4052;background:#101923}
.entity-top{display:flex;justify-content:space-between;align-items:flex-start;gap:9px}
.entity-top h3{font-size:12px;margin:0}
.entity-top p{font-size:9px;color:var(--muted);margin:4px 0 0}
.entity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line-soft)}
.entity-stats label{display:block;font-size:8px;color:var(--muted)}
.entity-stats strong{display:block;font-size:10px;margin-top:3px}


#view-workers .page-head{
  margin-bottom:12px;
}

.machines-toolbar{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:10px;
  align-items:center;
  margin-bottom:12px;
  padding:9px 10px;
  border:1px solid rgba(126,146,166,.13);
  border-radius:14px;
  background:
    radial-gradient(circle at 42% -25%,rgba(92,69,151,.075),transparent 35%),
    linear-gradient(180deg,#0e1822,#0a121a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 8px 24px rgba(0,0,0,.09);
}

.machines-search{
  position:relative;
  width:100%;
  min-width:0;
}
.machines-search>svg{
  position:absolute;
  left:13px;top:50%;
  transform:translateY(-50%);
  width:16px;height:16px;
  color:#b79cff;
  pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(138,69,255,.16));
}
.machines-search input{
  width:100%;
  height:39px;
  border:1px solid rgba(140,160,180,.18);
  border-radius:10px;
  background:
    radial-gradient(circle at 7% 0%,rgba(139,78,232,.065),transparent 30%),
    linear-gradient(180deg,#0e1822,#09121a);
  color:#e8eef4;
  padding:0 49px 0 40px;
  font-size:10.5px;
  font-weight:550;
  letter-spacing:.006em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.024),0 5px 16px rgba(0,0,0,.09);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.machines-search input::placeholder{color:#708092}
.machines-search input:hover{border-color:rgba(151,169,188,.27)}
.machines-search input:focus{
  outline:none;
  border-color:rgba(160,115,242,.54);
  background:
    radial-gradient(circle at 7% 0%,rgba(139,78,232,.085),transparent 32%),
    linear-gradient(180deg,#0f1a24,#0a131c);
  box-shadow:0 0 0 3px rgba(138,69,255,.065),0 7px 22px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.03);
}
.machines-search-key{
  position:absolute;
  right:9px;top:50%;
  transform:translateY(-50%);
  min-width:31px;height:21px;padding:0 6px;
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,#15212c,#101922);
  color:#7e8da0;
  font-size:7px;font-weight:650;
  line-height:1;
}
.machines-search:focus-within .machines-search-key{
  color:#a58ccc;
  border-color:rgba(138,69,255,.15);
  background:rgba(138,69,255,.055);
}

.machines-state-filter{
  position:relative;
  min-width:0;
}
.machines-state-filter>svg{
  position:absolute;
  left:11px;top:50%;
  transform:translateY(-50%);
  width:14px;height:14px;
  color:#7f91a3;
  pointer-events:none;
  z-index:1;
}
.machines-state-filter .select{
  width:100%;
  height:39px;
  border-radius:10px;
  border:1px solid rgba(127,148,168,.14);
  background:#0d161f;
  color:#b8c4cf;
  padding:0 28px 0 33px;
  font-size:9px;
  font-weight:560;
}
.machines-state-filter .select:hover{
  border-color:rgba(139,161,181,.24);
  background:#101b25;
  color:#d5dde5;
}

#view-workers .machines-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

/* Decision 0075 ruling 4: the machines an admin removed, COLLAPSED below the active grid and drawn in
   the same card language. LAYOUT ONLY - the summary and the note wear .machine-page-os, whose colours
   the size refinement and BOTH theme overrides already carry, so nothing here needs re-authoring in
   refinements.css or themes.css. The cards inside are the same .machines-grid two-up as above,
   including its own narrow-screen rule further down. */
#view-workers .machines-removed{
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(127,148,168,.10);
}
#view-workers .machines-removed-summary{
  margin-top:0;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
#view-workers .machines-removed-summary::-webkit-details-marker{
  display:none;
}
#view-workers .machines-removed-summary::after{
  content:"▸";
  font-size:9px;
  line-height:1;
  opacity:.7;
}
#view-workers .machines-removed[open] .machines-removed-summary::after{
  content:"▾";
}
#view-workers .machines-removed-note{
  margin-bottom:9px;
  align-items:flex-start;
}
#view-workers .machines-removed-note svg{
  margin-top:2px;
  flex:0 0 auto;
}

.machine-page-card{
  min-width:0;
  border:1px solid rgba(126,146,166,.12);
  border-radius:13px;
  background:
    radial-gradient(circle at 95% 0%,rgba(73,126,176,.055),transparent 30%),
    linear-gradient(145deg,#0f1923,#0a121a);
  padding:12px;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
.machine-page-card:hover{
  border-color:rgba(111,158,197,.25);
  background:
    radial-gradient(circle at 95% 0%,rgba(73,126,176,.075),transparent 32%),
    linear-gradient(145deg,#111d28,#0b151e);
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.022);
}
.machine-page-card.coordinator{
  border-color:rgba(151,103,235,.13);
  background:
    radial-gradient(circle at 94% 0%,rgba(151,91,238,.07),transparent 30%),
    linear-gradient(145deg,#111a26,#0b131d);
}

.machine-page-head{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-width:0;
}
.machine-page-main-icon{
  width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;
  color:#86ceff;
  background:linear-gradient(145deg,rgba(62,167,255,.14),rgba(46,99,149,.06));
  border:1px solid rgba(91,184,255,.14);
}
.machine-page-main-icon.coordinator{
  color:#caa9ff;
  background:linear-gradient(145deg,rgba(151,84,255,.16),rgba(91,50,151,.07));
  border-color:rgba(166,109,255,.17);
}
.machine-page-main-icon svg{width:20px;height:20px;display:block}

.machine-page-identity{min-width:0}
.machine-page-name-row{
  display:flex;align-items:center;gap:7px;min-width:0;
}
.machine-page-name-row h3{
  margin:0;
  min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12.5px;font-weight:700;letter-spacing:-.012em;
  color:#e2e9ef;
}
.machine-page-role{
  flex:0 0 auto;
  min-height:22px;padding:0 7px;border-radius:999px;
  display:inline-flex;align-items:center;gap:4px;
  color:#8dccff;background:rgba(62,167,255,.065);
  border:1px solid rgba(62,167,255,.10);
  font-size:7.5px;font-weight:680;
}
.machine-page-role.coordinator{
  color:#c9a9ff;background:rgba(138,69,255,.075);
  border-color:rgba(138,69,255,.12);
}
.machine-page-role svg{width:10px;height:10px;display:block}
.machine-page-os{
  display:flex;align-items:center;gap:5px;
  margin-top:5px;
  color:#748596;font-size:8px;
}
.machine-page-os svg{width:11px;height:11px;color:#7f9cb5}

.machine-page-status{
  min-height:26px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  white-space:nowrap;
  font-size:8px;font-weight:680;
}
.machine-page-status svg{width:11px;height:11px;display:block}
.machine-page-status.online{
  color:#8be394;background:rgba(94,212,105,.07);
  border:1px solid rgba(94,212,105,.14);
}
.machine-page-status.offline{
  color:#ff9298;background:rgba(255,100,108,.07);
  border:1px solid rgba(255,100,108,.14);
}

.machine-page-properties{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.05);
}
.machine-page-property{
  min-width:0;
  min-height:48px;
  display:grid;
  grid-template-columns:31px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:7px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:9px;
  background:rgba(255,255,255,.016);
}
.machine-property-icon{
  width:31px;height:31px;border-radius:9px;
  display:grid;place-items:center;
  border:1px solid transparent;
}
.machine-property-icon svg{width:14px;height:14px;display:block}
.machine-property-icon.cpu{color:#7ec7ff;background:rgba(62,167,255,.085);border-color:rgba(62,167,255,.11)}
.machine-property-icon.gpu{color:#c49aff;background:rgba(138,69,255,.09);border-color:rgba(138,69,255,.12)}
.machine-property-icon.ram{color:#76dfaf;background:rgba(68,199,137,.08);border-color:rgba(68,199,137,.11)}
.machine-property-icon.storage{color:#ffc96c;background:rgba(241,184,66,.08);border-color:rgba(241,184,66,.11)}
.machine-property-icon.network{color:#82d7df;background:rgba(60,188,197,.075);border-color:rgba(60,188,197,.11)}
.machine-property-icon.folders{color:#f0b879;background:rgba(233,145,73,.075);border-color:rgba(233,145,73,.11)}
.machine-page-property>div{min-width:0}
.machine-page-property label{
  display:block;
  font-size:7px;font-weight:650;
  text-transform:uppercase;letter-spacing:.055em;
  color:#718294;
}
.machine-page-property strong{
  display:block;margin-top:3px;
  font-size:9px;font-weight:620;color:#d6dee6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.machine-page-property span{
  display:block;margin-top:2px;
  font-size:7.5px;color:#788898;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.machine-page-foot{
  min-height:31px;
  margin-top:8px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.machine-ai-state{
  min-height:23px;padding:0 7px;border-radius:8px;
  display:inline-flex;align-items:center;gap:5px;
  font-size:7.5px;font-weight:650;
}
.machine-ai-state svg{width:11px;height:11px;display:block}
.machine-ai-state.enabled{
  color:#81ddb0;background:rgba(68,199,137,.06);
  border:1px solid rgba(68,199,137,.10);
}
.machine-ai-state.disabled{
  color:#8b99a7;background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
}
.machine-page-open{
  display:inline-flex;align-items:center;gap:4px;
  color:#718496;font-size:7.5px;
}
.machine-page-open svg{width:10px;height:10px}

.worker-summary-card{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.worker-summary-icon{
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  color:#8fcaff;background:rgba(62,167,255,.075);
  border:1px solid rgba(62,167,255,.11);
}
.worker-summary-icon.role{color:#c6a5ff;background:rgba(138,69,255,.08);border-color:rgba(138,69,255,.12)}
.worker-summary-icon.folders{color:#f0bd67;background:rgba(241,184,66,.07);border-color:rgba(241,184,66,.10)}
.worker-summary-icon svg{width:14px;height:14px;display:block}

@media(max-width:980px){
  #view-workers .machines-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .machines-toolbar{
    grid-template-columns:1fr;
  }
  .machine-page-properties{
    grid-template-columns:1fr;
  }
  .machine-page-head{
    grid-template-columns:42px minmax(0,1fr) auto;
  }
  .machine-page-main-icon{
    width:42px;height:42px;
  }
}


#view-workers .machine-page-properties{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
#view-workers .machine-page-property{
  grid-column:span 2;
}
#view-workers .machine-page-property:nth-child(4),
#view-workers .machine-page-property:nth-child(5){
  grid-column:span 3;
}


#view-workers .machine-page-property>.machine-property-icon{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  line-height:1!important;
  font-size:initial!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
}
#view-workers .machine-page-property>.machine-property-icon svg{
  width:14px!important;
  height:14px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  align-self:center!important;
  justify-self:center!important;
  transform:none!important;
}


@media(max-width:620px){
  #view-workers .machine-page-properties{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-workers .machine-page-property,
  #view-workers .machine-page-property:nth-child(4),
  #view-workers .machine-page-property:nth-child(5){
    grid-column:span 1;
  }
  #view-workers .machine-page-property:nth-child(5){
    grid-column:1/-1;
  }
}


body.machine-modal-open{
  overflow:hidden;
}

.machine-detail-overlay{
  position:fixed;
  inset:0;
  z-index:108;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(9px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}

.machine-detail-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.machine-detail-modal{
  width:min(780px,94vw);
  max-height:min(760px,92vh);
  display:grid;
  grid-template-rows:62px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(132,153,174,.17);
  border-radius:16px;
  background:
    radial-gradient(circle at 12% -5%,rgba(133,78,213,.085),transparent 32%),
    linear-gradient(145deg,#0e1822,#091119 72%);
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(10px) scale(.985);
  opacity:.86;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
}

.machine-detail-overlay.open .machine-detail-modal{
  transform:translateY(0) scale(1);
  opacity:1;
}

.machine-detail-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(8,16,24,.76);
  backdrop-filter:blur(12px);
}

.machine-detail-title{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
}

.machine-detail-role-icon{
  width:38px;
  height:38px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#89cdff;
  background:rgba(62,167,255,.085);
  border:1px solid rgba(62,167,255,.12);
}

.machine-detail-role-icon.coordinator{
  color:#c9a8ff;
  background:rgba(138,69,255,.09);
  border-color:rgba(138,69,255,.14);
}

.machine-detail-role-icon svg{
  width:17px;
  height:17px;
  display:block;
}

.machine-detail-title strong{
  display:block;
  color:#e7edf2;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.machine-detail-title div>span{
  display:block;
  margin-top:4px;
  color:#788899;
  font-size:8px;
}

.machine-detail-close{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#8494a4;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}

.machine-detail-close:hover{
  color:#e4ebf1;
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}

.machine-detail-close:focus-visible{
  outline:none;
  color:#d8c8ff;
  border-color:rgba(151,103,235,.38);
  box-shadow:0 0 0 3px rgba(138,69,255,.06);
}

.machine-detail-close svg{
  width:14px;
  height:14px;
  display:block;
}

.machine-detail-body{
  min-height:0;
  overflow-y:auto;
  padding:16px;
  overscroll-behavior:contain;
}

.machine-detail-overview{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:12px;
  align-items:stretch;
}

.machine-detail-overview-copy{
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:
    radial-gradient(circle at 0 0,rgba(117,75,178,.07),transparent 38%),
    rgba(255,255,255,.015);
}

.machine-detail-kicker{
  display:block;
  color:#817293;
  font-size:7px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.machine-detail-overview-copy h2{
  margin:6px 0 0;
  color:#edf2f6;
  font-size:20px;
  font-weight:720;
  letter-spacing:-.018em;
}

.machine-detail-badges{
  margin-top:10px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.machine-detail-os-card{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:rgba(255,255,255,.015);
}

.machine-detail-os-card label,
.machine-detail-info-card label,
.machine-detail-summary-card label{
  display:block;
  color:#728395;
  font-size:7px;
  font-weight:650;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.machine-detail-os-card strong{
  display:block;
  margin-top:5px;
  color:#dce4eb;
  font-size:11px;
  font-weight:650;
}

.machine-detail-section{
  margin-top:14px;
}

.machine-detail-section-head{
  min-height:39px;
  padding:0 2px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.machine-detail-section-head strong{
  display:block;
  color:#dce4ea;
  font-size:10px;
  font-weight:700;
}

.machine-detail-section-head span{
  display:block;
  margin-top:3px;
  color:#708091;
  font-size:7.5px;
}

.machine-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
}

.machine-detail-info-card,
.machine-detail-summary-card{
  min-width:0;
  min-height:76px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  background:rgba(255,255,255,.016);
}

.machine-detail-info-card>div,
.machine-detail-summary-card>div{
  min-width:0;
}

.machine-detail-info-card strong,
.machine-detail-summary-card strong{
  display:block;
  margin-top:5px;
  color:#dbe3ea;
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.machine-detail-info-card div>span,
.machine-detail-summary-card div>span{
  display:block;
  margin-top:4px;
  color:#788899;
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.machine-detail-info-icon,
.machine-detail-summary-icon{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  border-radius:11px;
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:center;
  box-sizing:border-box;
  border:1px solid transparent;
}

.machine-detail-info-icon svg,
.machine-detail-summary-icon svg{
  width:17px;
  height:17px;
  display:block;
  margin:0;
}

.machine-detail-info-icon.cpu{
  color:#7ec7ff;
  background:rgba(62,167,255,.09);
  border-color:rgba(62,167,255,.12);
}
.machine-detail-info-icon.gpu{
  color:#c49aff;
  background:rgba(138,69,255,.10);
  border-color:rgba(138,69,255,.13);
}
.machine-detail-info-icon.ram{
  color:#76dfaf;
  background:rgba(68,199,137,.09);
  border-color:rgba(68,199,137,.12);
}
.machine-detail-info-icon.storage{
  color:#ffc96c;
  background:rgba(241,184,66,.09);
  border-color:rgba(241,184,66,.12);
}
.machine-detail-summary-icon.os{
  color:#8acbff;
  background:rgba(62,167,255,.08);
  border-color:rgba(62,167,255,.11);
}
.machine-detail-summary-icon.folders{
  color:#f0bd67;
  background:rgba(241,184,66,.08);
  border-color:rgba(241,184,66,.11);
}
.machine-detail-summary-icon.ai{
  color:#81ddb0;
  background:rgba(68,199,137,.08);
  border-color:rgba(68,199,137,.11);
}

.machine-detail-secondary-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
}

@media(max-width:720px){
  .machine-detail-overlay{
    padding:12px;
  }
  .machine-detail-modal{
    width:min(620px,96vw);
    max-height:94vh;
  }
  .machine-detail-overview{
    grid-template-columns:1fr;
  }
  .machine-detail-grid,
  .machine-detail-secondary-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:460px){
  .machine-detail-body{
    padding:11px;
  }
  .machine-detail-head{
    padding:0 10px;
  }
  .machine-detail-info-card,
  .machine-detail-summary-card{
    grid-template-columns:38px minmax(0,1fr);
  }
  .machine-detail-info-icon,
  .machine-detail-summary-icon{
    width:38px;
    height:38px;
    min-width:38px;
    min-height:38px;
  }
}


#view-workers .machine-page-card{
  position:relative;
}
#view-workers .machine-page-head{
  grid-template-columns:46px minmax(0,1fr)!important;
  padding-right:92px;
}
#view-workers .machine-page-status{
  position:absolute;
  top:12px;
  right:12px;
  min-height:30px;
  padding:0 10px;
  gap:6px;
  font-size:9px;
  font-weight:720;
  z-index:3;
  box-shadow:0 3px 10px rgba(0,0,0,.08);
}
#view-workers .machine-page-status svg{
  width:13px;
  height:13px;
}


#view-workers .machine-approval-strip{
  min-width:0;
  min-height:38px;
  margin-top:9px;
  padding:6px 8px;
  border-radius:9px;
  display:grid;
  grid-template-columns:27px minmax(0,1fr);
  gap:7px;
  align-items:center;
  border:1px solid rgba(255,255,255,.05);
}
#view-workers .machine-approval-strip.approved{
  background:rgba(68,199,137,.035);
  border-color:rgba(68,199,137,.085);
}
#view-workers .machine-approval-strip.pending{
  background:rgba(241,184,66,.045);
  border-color:rgba(241,184,66,.12);
}
#view-workers .machine-approval-icon{
  width:27px;
  height:27px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#75dba9;
  background:rgba(68,199,137,.075);
  border:1px solid rgba(68,199,137,.11);
}
#view-workers .machine-approval-strip.pending .machine-approval-icon{
  color:#f1c067;
  background:rgba(241,184,66,.085);
  border-color:rgba(241,184,66,.13);
}
#view-workers .machine-approval-icon svg{
  width:12px;
  height:12px;
  display:block;
}
#view-workers .machine-approval-copy{
  min-width:0;
}
#view-workers .machine-approval-copy strong{
  display:block;
  color:#cfe6d9;
  font-size:8.5px;
  font-weight:700;
}
#view-workers .machine-approval-strip.pending .machine-approval-copy strong{
  color:#f0cf8a;
}
#view-workers .machine-approval-copy>span{
  margin-top:3px;
  display:flex;
  align-items:center;
  gap:4px;
  color:#748596;
  font-size:7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#view-workers .machine-approval-copy>span svg{
  width:10px;
  height:10px;
  flex:0 0 10px;
  color:#7f91a3;
}


#view-workers .machine-page-card.pending-approval{
  border-color:rgba(241,184,66,.14);
  background:
    radial-gradient(circle at 95% 0%,rgba(241,184,66,.05),transparent 30%),
    linear-gradient(145deg,#101922,#0a121a);
}


#view-workers .machine-page-foot{
  gap:10px;
}
#view-workers .machine-page-foot-meta{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
#view-workers .machine-admin-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
}
#view-workers .machine-admin-btn,
.machine-modal-action{
  height:28px;
  padding:0 9px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  color:#aab8c5;
  font-family:inherit;
  font-size:7.5px;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
#view-workers .machine-admin-btn svg,
.machine-modal-action svg{
  width:11px;
  height:11px;
  display:block;
}
#view-workers .machine-admin-btn:hover,
.machine-modal-action:hover{
  transform:translateY(-1px);
}
#view-workers .machine-admin-btn.approve,
.machine-modal-action.approve{
  color:#8be3b3;
  background:rgba(68,199,137,.07);
  border-color:rgba(68,199,137,.13);
}
#view-workers .machine-admin-btn.approve:hover,
.machine-modal-action.approve:hover{
  background:rgba(68,199,137,.12);
  border-color:rgba(68,199,137,.22);
}
#view-workers .machine-admin-btn.reject,
.machine-modal-action.reject,
#view-workers .machine-admin-btn.remove,
.machine-modal-action.remove{
  color:#ff999f;
  background:rgba(255,100,108,.055);
  border-color:rgba(255,100,108,.11);
}
#view-workers .machine-admin-btn.reject:hover,
.machine-modal-action.reject:hover,
#view-workers .machine-admin-btn.remove:hover,
.machine-modal-action.remove:hover{
  background:rgba(255,100,108,.10);
  border-color:rgba(255,100,108,.20);
}


.machine-detail-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.machine-detail-header-status{
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:9px;
  font-weight:720;
  white-space:nowrap;
  box-shadow:0 3px 12px rgba(0,0,0,.09);
}
.machine-detail-header-status svg{
  width:13px;
  height:13px;
  display:block;
}
.machine-detail-header-status.online{
  color:#8be394;
  background:rgba(94,212,105,.075);
  border:1px solid rgba(94,212,105,.16);
}
.machine-detail-header-status.offline{
  color:#ff9298;
  background:rgba(255,100,108,.075);
  border:1px solid rgba(255,100,108,.16);
}


.machine-detail-approval{
  min-width:0;
  margin-top:12px;
  padding:11px;
  border-radius:11px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.05);
}
.machine-detail-approval.approved{
  background:rgba(68,199,137,.035);
  border-color:rgba(68,199,137,.09);
}
.machine-detail-approval.pending{
  background:rgba(241,184,66,.045);
  border-color:rgba(241,184,66,.13);
}
.machine-detail-approval-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
  color:#75dbaa;
  background:rgba(68,199,137,.08);
  border:1px solid rgba(68,199,137,.12);
}
.machine-detail-approval.pending .machine-detail-approval-icon{
  color:#f1c067;
  background:rgba(241,184,66,.09);
  border-color:rgba(241,184,66,.14);
}
.machine-detail-approval-icon svg{
  width:17px;
  height:17px;
  display:block;
}
.machine-detail-approval-copy{
  min-width:0;
}
.machine-detail-approval-copy label{
  display:block;
  color:#728395;
  font-size:7px;
  font-weight:650;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.machine-detail-approval-copy strong{
  display:block;
  margin-top:4px;
  color:#d9e8df;
  font-size:11px;
  font-weight:700;
}
.machine-detail-approval.pending .machine-detail-approval-copy strong{
  color:#f1d08a;
}
.machine-detail-approval-copy span{
  display:block;
  margin-top:4px;
  color:#788899;
  font-size:8px;
  line-height:1.4;
}
.machine-detail-approval-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}

@media(max-width:720px){
  #view-workers .machine-page-head{
    padding-right:84px;
  }
  #view-workers .machine-page-status{
    top:10px;
    right:10px;
  }
  #view-workers .machine-page-foot{
    align-items:flex-start;
    flex-direction:column;
  }
  #view-workers .machine-admin-actions{
    width:100%;
    justify-content:flex-end;
  }
  .machine-detail-head{
    gap:8px;
  }
  .machine-detail-header-status{
    min-height:29px;
    padding:0 9px;
    font-size:8px;
  }
  .machine-detail-approval{
    grid-template-columns:38px minmax(0,1fr);
  }
  .machine-detail-approval-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
}

@media(max-width:460px){
  .machine-detail-title div>span{
    display:none;
  }
  .machine-detail-header-status{
    padding:0 8px;
  }
}


body.machine-confirm-open{
  overflow:hidden;
}


#view-workers .machine-admin-btn,
.machine-detail-modal .machine-modal-action{
  height:31px!important;
  min-width:76px;
  padding:0 11px!important;
  border-radius:9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  font-family:inherit!important;
  font-size:8px!important;
  font-weight:760!important;
  letter-spacing:.008em!important;
  line-height:1!important;
  cursor:pointer!important;
  user-select:none;
  white-space:nowrap;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 4px 12px rgba(0,0,0,.10);
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    color .14s ease,
    box-shadow .14s ease!important;
}

#view-workers .machine-admin-btn svg,
.machine-detail-modal .machine-modal-action svg{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px;
  display:block!important;
}

#view-workers .machine-admin-btn.approve,
.machine-detail-modal .machine-modal-action.approve{
  color:#9ae7bd!important;
  border-color:rgba(77,208,145,.18)!important;
  background:
    linear-gradient(180deg,rgba(55,170,116,.15),rgba(37,123,84,.09))!important;
}

#view-workers .machine-admin-btn.reject,
.machine-detail-modal .machine-modal-action.reject{
  color:#ffb0b5!important;
  border-color:rgba(255,111,119,.16)!important;
  background:
    linear-gradient(180deg,rgba(175,67,75,.11),rgba(122,45,52,.065))!important;
}

#view-workers .machine-admin-btn.remove,
.machine-detail-modal .machine-modal-action.remove{
  color:#ff9ca4!important;
  border-color:rgba(255,100,108,.20)!important;
  background:
    linear-gradient(180deg,rgba(180,56,66,.14),rgba(125,37,45,.08))!important;
}

#view-workers .machine-admin-btn:hover:not(:disabled),
.machine-detail-modal .machine-modal-action:hover:not(:disabled){
  transform:translateY(-1px)!important;
}

#view-workers .machine-admin-btn.approve:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.approve:hover:not(:disabled){
  color:#b7f2cf!important;
  border-color:rgba(88,220,154,.30)!important;
  background:
    linear-gradient(180deg,rgba(62,188,127,.21),rgba(41,139,93,.12))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 6px 16px rgba(22,96,61,.12)!important;
}

#view-workers .machine-admin-btn.reject:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.reject:hover:not(:disabled),
#view-workers .machine-admin-btn.remove:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.remove:hover:not(:disabled){
  color:#ffc0c4!important;
  border-color:rgba(255,111,119,.28)!important;
  background:
    linear-gradient(180deg,rgba(190,68,77,.17),rgba(132,42,49,.10))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 16px rgba(105,28,34,.12)!important;
}

#view-workers .machine-admin-btn:active:not(:disabled),
.machine-detail-modal .machine-modal-action:active:not(:disabled){
  transform:translateY(0) scale(.975)!important;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.16)!important;
}

#view-workers .machine-admin-btn:focus-visible,
.machine-detail-modal .machine-modal-action:focus-visible{
  outline:none!important;
  box-shadow:
    0 0 0 3px rgba(138,69,255,.07),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}

#view-workers .machine-admin-btn:disabled,
.machine-detail-modal .machine-modal-action:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}


.machine-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:128;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,10,.72);
  backdrop-filter:blur(11px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}

.machine-confirm-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.machine-confirm-dialog{
  width:min(430px,92vw);
  border:1px solid rgba(137,158,178,.18);
  border-radius:15px;
  background:
    radial-gradient(circle at 18% -12%,rgba(131,76,208,.10),transparent 34%),
    linear-gradient(150deg,#101a24,#091119 76%);
  box-shadow:
    0 28px 80px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.027);
  padding:18px;
  transform:translateY(8px) scale(.985);
  opacity:.84;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .16s ease;
}

.machine-confirm-overlay.open .machine-confirm-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.machine-confirm-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  margin-bottom:13px;
  border:1px solid rgba(68,199,137,.14);
  color:#8be0b4;
  background:rgba(68,199,137,.075);
}

.machine-confirm-icon.reject,
.machine-confirm-icon.remove{
  color:#ff9ea6;
  background:rgba(255,100,108,.07);
  border-color:rgba(255,100,108,.14);
}

.machine-confirm-icon svg{
  width:18px;
  height:18px;
  display:block;
}

.machine-confirm-kicker{
  display:block;
  color:#88789b;
  font-size:7px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.095em;
}

.machine-confirm-copy h2{
  margin:6px 0 0;
  color:#edf2f6;
  font-size:17px;
  font-weight:740;
  letter-spacing:-.015em;
}

.machine-confirm-copy p{
  margin:8px 0 0;
  color:#8c9aa8;
  font-size:9px;
  line-height:1.55;
}

.machine-confirm-target{
  min-width:0;
  min-height:52px;
  margin-top:13px;
  padding:7px 9px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid rgba(255,255,255,.05);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}

.machine-confirm-target-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:rgba(62,167,255,.075);
  border:1px solid rgba(62,167,255,.11);
}

.machine-confirm-target-icon.coordinator{
  color:#c8a9ff;
  background:rgba(138,69,255,.085);
  border-color:rgba(138,69,255,.13);
}

.machine-confirm-target-icon svg{
  width:14px;
  height:14px;
  display:block;
}

.machine-confirm-target strong{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dce4eb;
  font-size:10px;
  font-weight:680;
}

#machineConfirmOverlay .machine-confirm-target>div{
  min-width:0;
}

#machineConfirmOverlay .machine-confirm-target strong{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}

.machine-confirm-target small{
  display:block;
  margin-top:4px;
  color:#738495;
  font-size:7.5px;
}

.machine-confirm-actions{
  margin-top:16px;
  display:flex;
  justify-content:flex-end;
  gap:7px;
}

.machine-confirm-btn{
  height:34px;
  min-width:90px;
  padding:0 12px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.07);
  font-family:inherit;
  font-size:8px;
  font-weight:740;
  letter-spacing:.006em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    color .14s ease,
    box-shadow .14s ease;
}

.machine-confirm-btn svg{
  width:12px;
  height:12px;
  display:block;
}

.machine-confirm-btn.cancel{
  color:#9daab7;
  background:rgba(255,255,255,.018);
  border-color:rgba(255,255,255,.06);
}

.machine-confirm-btn.cancel:hover{
  color:#e0e7ed;
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
}

.machine-confirm-btn.confirm.approve{
  color:#a5ebc4;
  background:linear-gradient(180deg,rgba(58,182,123,.18),rgba(37,125,84,.10));
  border-color:rgba(77,208,145,.20);
}

.machine-confirm-btn.confirm.reject,
.machine-confirm-btn.confirm.remove{
  color:#ffadb3;
  background:linear-gradient(180deg,rgba(185,64,74,.16),rgba(122,38,46,.09));
  border-color:rgba(255,100,108,.19);
}

.machine-confirm-btn.confirm:hover{
  transform:translateY(-1px);
}

.machine-confirm-btn.confirm.approve:hover{
  color:#c0f3d5;
  border-color:rgba(83,218,151,.31);
  background:linear-gradient(180deg,rgba(65,195,132,.24),rgba(42,141,95,.14));
}

.machine-confirm-btn.confirm.reject:hover,
.machine-confirm-btn.confirm.remove:hover{
  color:#ffc2c6;
  border-color:rgba(255,111,119,.30);
  background:linear-gradient(180deg,rgba(198,72,82,.21),rgba(135,42,50,.12));
}

.machine-confirm-btn:active{
  transform:translateY(0) scale(.98);
}

.machine-confirm-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.07);
}

.machine-confirm-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}

@media(max-width:480px){
  .machine-confirm-overlay{
    padding:12px;
  }
  .machine-confirm-dialog{
    padding:15px;
  }
  .machine-confirm-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .machine-confirm-btn{
    width:100%;
  }
}


#view-workers .machine-admin-btn.approve,
.machine-detail-modal .machine-modal-action.approve{
  color:#07130d!important;
  background:#67d49a!important;
  border-color:#79dfa7!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 5px 14px rgba(18,76,48,.20)!important;
}

#view-workers .machine-admin-btn.reject,
.machine-detail-modal .machine-modal-action.reject{
  color:#fff2f3!important;
  background:#9d3f48!important;
  border-color:#b24a55!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 14px rgba(74,18,24,.18)!important;
}

#view-workers .machine-admin-btn.remove,
.machine-detail-modal .machine-modal-action.remove{
  color:#fff3f4!important;
  background:#b33e49!important;
  border-color:#c54c57!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 14px rgba(85,18,24,.20)!important;
}

#view-workers .machine-admin-btn.approve:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.approve:hover:not(:disabled){
  color:#06110b!important;
  background:#78dfa8!important;
  border-color:#8be7b5!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 7px 18px rgba(18,76,48,.25)!important;
}

#view-workers .machine-admin-btn.reject:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.reject:hover:not(:disabled){
  color:#fff!important;
  background:#ad4852!important;
  border-color:#c35761!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 7px 18px rgba(74,18,24,.23)!important;
}

#view-workers .machine-admin-btn.remove:hover:not(:disabled),
.machine-detail-modal .machine-modal-action.remove:hover:not(:disabled){
  color:#fff!important;
  background:#c34752!important;
  border-color:#d45863!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 7px 18px rgba(85,18,24,.25)!important;
}

#view-workers .machine-admin-btn:active:not(:disabled),
.machine-detail-modal .machine-modal-action:active:not(:disabled){
  transform:translateY(0) scale(.975)!important;
  filter:brightness(.95);
}

#view-workers .machine-admin-btn:disabled,
.machine-detail-modal .machine-modal-action:disabled{
  color:#6f7c88!important;
  background:#26313b!important;
  border-color:#34414d!important;
  opacity:1!important;
  box-shadow:none!important;
}


.machine-confirm-dialog{
  padding:20px!important;
}

.machine-confirm-copy{
  margin:0!important;
}

.machine-confirm-kicker{
  margin-bottom:6px;
}

.machine-confirm-copy h2{
  margin:0!important;
  color:#f1f5f8!important;
  font-size:20px!important;
  font-weight:760!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
}

.machine-confirm-copy p{
  margin:8px 0 0!important;
  color:#9aa8b5!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  max-width:36em;
}


.machine-confirm-btn.cancel{
  color:#d6dee5!important;
  background:#202b35!important;
  border-color:#33404c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}

.machine-confirm-btn.cancel:hover{
  color:#fff!important;
  background:#2a3641!important;
  border-color:#43515d!important;
}

.machine-confirm-btn.confirm.approve{
  color:#07130d!important;
  background:#67d49a!important;
  border-color:#79dfa7!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 5px 14px rgba(18,76,48,.20)!important;
}

.machine-confirm-btn.confirm.reject,
.machine-confirm-btn.confirm.remove{
  color:#fff3f4!important;
  background:#b33e49!important;
  border-color:#c54c57!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 14px rgba(85,18,24,.20)!important;
}

.machine-confirm-btn.confirm.approve:hover{
  color:#06110b!important;
  background:#78dfa8!important;
  border-color:#8be7b5!important;
}

.machine-confirm-btn.confirm.reject:hover,
.machine-confirm-btn.confirm.remove:hover{
  color:#fff!important;
  background:#c34752!important;
  border-color:#d45863!important;
}

.machine-confirm-btn:disabled{
  color:#6f7c88!important;
  background:#26313b!important;
  border-color:#34414d!important;
  opacity:1!important;
}


#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-state-mix{
  width:auto!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding-top:5px!important;
  margin:0!important;
  white-space:nowrap!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  min-height:25px!important;
  padding:0!important;
  border-radius:7px!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  font-size:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  display:block!important;
  margin:0!important;
}


#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-item-copy .machine-meta{
  margin-top:5px!important;
  gap:10px!important;
  align-items:center!important;
  overflow:visible!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-role-pill{
  min-height:20px!important;
  padding:0 6px!important;
  font-size:8px!important;
  font-weight:720!important;
  letter-spacing:.01em!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-folder-count{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:4px!important;
  color:inherit!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-folder-value{
  display:inline-block!important;
  margin:0!important;
  color:#f2ca79!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
}

#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-folder-label{
  display:inline-block!important;
  margin:0!important;
  color:#8d9baa!important;
  font-size:7.5px!important;
  font-weight:650!important;
  line-height:1!important;
  text-transform:none!important;
}


#view-folders .machine-section-head{
  font-size:8.5px!important;
  font-weight:740!important;
}

#view-folders .machine-section-count{
  min-width:22px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:8px!important;
  font-weight:760!important;
}


#view-folders .machine-panel-count{
  font-size:11px!important;
  font-weight:740!important;
  color:#c3cdd6!important;
}


@media(max-width:900px){
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-state-count{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
    min-height:23px!important;
  }
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-state-count svg{
    width:11px!important;
    height:11px!important;
    flex-basis:11px!important;
  }
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-folder-value{
    font-size:12px!important;
  }
}


#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-item{
  grid-template-rows:auto!important;
  grid-template-areas:"machineIcon machineInfo"!important;
  row-gap:0!important;
}


#view-reviews .reviews-filter-search-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}

#view-reviews .review-status-segments{
  width:auto!important;
  flex:0 0 auto!important;
}

#view-reviews .review-status-segments button{
  min-width:52px;
}

#view-reviews .review-search-field{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

#view-reviews .review-search-field input{
  width:100%!important;
}

@media(max-width:760px){
  #view-reviews .reviews-filter-search-row{
    grid-template-columns:auto minmax(260px,1fr)!important;
    min-width:620px;
  }
}


.review-modal-overlay{
  position:fixed;
  inset:0;
  z-index:104;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(1,4,7,.76);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}

.review-modal-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.review-modal{
  width:min(1060px,94vw);
  height:min(690px,90vh);
  min-height:560px;
  display:grid;
  grid-template-rows:62px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #263847;
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 0%,rgba(87,59,145,.07),transparent 31%),
    linear-gradient(155deg,#0b141d,#071018 62%,#070e15);
  box-shadow:
    0 34px 100px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(10px) scale(.988);
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}

.review-modal-overlay.open .review-modal{
  transform:translateY(0) scale(1);
}

.review-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 16px 0 20px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(8,15,22,.78);
  backdrop-filter:blur(12px);
}

.review-modal-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.review-modal-title-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#c6a8ff;
  background:rgba(138,69,255,.085);
  border:1px solid rgba(138,69,255,.13);
}

.review-modal-title-icon svg{
  width:15px;
  height:15px;
}

.review-modal-title strong{
  display:block;
  max-width:620px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:15px;
  font-weight:690;
  letter-spacing:-.012em;
}

.review-modal-close{
  width:38px;
  height:38px;
  border:1px solid transparent;
  border-radius:50%;
  background:transparent;
  color:#8594a4;
  display:grid;
  place-items:center;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}

.review-modal-close:hover{
  background:#131e28;
  border-color:var(--line);
  color:#fff;
}

.review-modal-close:active{
  transform:scale(.96);
}

.review-modal-close svg{
  width:16px;
  height:16px;
}

.review-modal-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);
}

.review-preview-pane{
  min-width:0;
  min-height:0;
  padding:18px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:12px;
  border-right:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 50% 46%,rgba(77,97,119,.08),transparent 48%),
    #050a0f;
}

.review-preview{
  position:relative;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:#03070b;
  display:grid;
  place-items:center;
}

.review-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.review-preview::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,6,10,.04),rgba(2,6,10,.15));
}

.review-preview-badge{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  min-height:28px;
  padding:0 9px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#e2d5ff;
  background:#261d38;
  border:1px solid #42305f;
  font-size:8px;
  font-weight:720;
}

.review-preview-badge svg{
  width:12px;
  height:12px;
}

.review-file-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.review-file-item{
  min-width:0;
  min-height:62px;
  padding:9px 10px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#0b141d;
}

.review-info-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:#10202d;
  border:1px solid #1d3547;
}

.review-info-icon.status{
  color:#c9aaff;
  background:#20182d;
  border-color:#35284a;
}

.review-info-icon svg{
  width:14px;
  height:14px;
}

.review-file-item label,
.review-person-card label{
  display:block;
  color:#718293;
  font-size:7.5px;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:.075em;
}

.review-file-item strong{
  display:block;
  margin-top:4px;
  color:#e0e7ed;
  font-size:11px;
  font-weight:690;
}

.review-state-value.green{color:#8ee7b2!important}
.review-state-value.red{color:#ff9fa7!important}
.review-state-value.blue{color:#8dccff!important}
.review-state-value.yellow{color:#ffd176!important}
.review-state-value.gray{color:#9aa8b5!important}

.review-detail-pane{
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:
    radial-gradient(circle at 90% 0%,rgba(138,69,255,.055),transparent 27%),
    #091119;
}

.review-people-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.review-person-card{
  min-width:0;
  min-height:84px;
  padding:12px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:#0d161f;
}

.review-person-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
}

.review-person-card.editor .review-person-icon{
  color:#8dccff;
  background:#102433;
  border:1px solid #1d4057;
}

.review-person-card.reviewer .review-person-icon{
  color:#9be2b9;
  background:#10251c;
  border:1px solid #1c4130;
}

.review-person-icon svg{
  width:16px;
  height:16px;
}

.review-person-card strong{
  display:block;
  margin-top:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:13px;
  font-weight:730;
  letter-spacing:-.01em;
}

.review-comment-block{
  min-height:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:12px;
  background:#0b141d;
}

.review-comment-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
}

.review-comment-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#c3a4ff;
  background:#20182e;
  border:1px solid #36264e;
}

.review-comment-icon svg{
  width:13px;
  height:13px;
}

.review-comment-head label{
  color:#d7dfe6;
  font-size:10px;
  font-weight:720;
}

.review-comment-block textarea{
  width:100%;
  min-height:92px;
  max-height:170px;
  resize:vertical;
  border:1px solid #263746;
  border-radius:10px;
  outline:none;
  background:#081018;
  color:#f0f4f7;
  padding:13px 14px;
  font-family:inherit;
  font-size:13px;
  font-weight:520;
  line-height:1.6;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.review-comment-block textarea::placeholder{
  color:#667687;
}

.review-comment-block textarea:focus{
  border-color:#6848a2;
  background:#09121b;
  box-shadow:0 0 0 3px rgba(138,69,255,.07);
}

.review-modal-actions{
  margin-top:auto;
  padding-top:4px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.review-action-btn{
  height:38px;
  min-width:108px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-family:inherit;
  font-size:9px;
  font-weight:780;
  line-height:1;
  letter-spacing:.006em;
  cursor:pointer;
  user-select:none;
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease,
    color .14s ease;
}

.review-action-btn svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

.review-action-btn.approve{
  color:#06110b;
  background:#67d49a;
  border-color:#79dfa7;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 5px 14px rgba(18,76,48,.20);
}

.review-action-btn.reject{
  color:#fff3f4;
  background:#b33e49;
  border-color:#c54c57;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 14px rgba(85,18,24,.20);
}

.review-action-btn:hover:not(:disabled){
  transform:translateY(-1px);
}

.review-action-btn.approve:hover:not(:disabled){
  background:#78dfa8;
  border-color:#8be7b5;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 7px 18px rgba(18,76,48,.25);
}

.review-action-btn.reject:hover:not(:disabled){
  background:#c34752;
  border-color:#d45863;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 7px 18px rgba(85,18,24,.25);
}

.review-action-btn:active:not(:disabled){
  transform:translateY(0) scale(.975);
  filter:brightness(.95);
}

.review-action-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.10);
}

.review-action-btn:disabled{
  color:#6f7c88;
  background:#26313b;
  border-color:#34414d;
  cursor:not-allowed;
  box-shadow:none;
}


.review-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:132;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(11px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}

.review-confirm-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.review-confirm-dialog{
  width:min(430px,92vw);
}

@media(max-width:820px){
  .review-modal-overlay{
    padding:10px;
  }

  .review-modal{
    width:100%;
    height:95vh;
    min-height:0;
    border-radius:14px;
  }

  .review-modal-layout{
    grid-template-columns:1fr;
    overflow:auto;
  }

  .review-preview-pane{
    min-height:390px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.06);
  }

  .review-detail-pane{
    overflow:visible;
  }
}

@media(max-width:520px){
  .review-people-grid{
    grid-template-columns:1fr;
  }

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

  .review-modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .review-action-btn{
    width:100%;
  }
}


#view-reviews .reviews-filter-search-row{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}

#view-reviews .review-view-toggle{
  width:auto!important;
  min-width:126px;
  flex:0 0 auto!important;
}

#view-reviews .review-view-toggle button{
  min-width:58px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

#view-reviews .review-view-toggle button svg{
  width:11px;
  height:11px;
  flex:0 0 11px;
}


#view-reviews .reviews-panel{
  width:100%;
  min-width:0;
}

#view-reviews .reviews-panel button{
  font-family:inherit;
}


#view-reviews .review-list-view{
  overflow:hidden;
  padding:5px;
  border-radius:12px;
  background:
    radial-gradient(circle at 8% -10%,rgba(138,69,255,.035),transparent 26%),
    #0b141d;
}

#view-reviews .review-list-row{
  width:100%;
  min-width:0;
  min-height:82px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:104px minmax(180px,1.45fr) minmax(105px,.65fr) minmax(115px,.72fr) minmax(85px,.54fr) auto 26px;
  gap:10px;
  align-items:center;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#cbd5de;
  text-align:left;
  cursor:pointer;
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#view-reviews .review-list-row + .review-list-row{
  margin-top:3px;
}

#view-reviews .review-list-row:hover{
  transform:translateY(-1px);
  border-color:#283949;
  background:
    linear-gradient(90deg,rgba(138,69,255,.035),rgba(62,167,255,.018)),
    #0f1923;
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}

#view-reviews .review-list-row:active{
  transform:translateY(0) scale(.997);
}

#view-reviews .review-list-row:focus-visible,
#view-reviews .review-grid-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.10);
}

#view-reviews .review-list-thumb{
  position:relative;
  width:104px;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.065);
  background:#060b10;
  display:block;
}

#view-reviews .review-list-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#view-reviews .review-list-thumb::after,
#view-reviews .review-grid-thumb::after{
  content:"";
  position:absolute;
  inset:50% 0 0;
  background:linear-gradient(transparent,rgba(0,0,0,.36));
  pointer-events:none;
}

#view-reviews .review-thumb-type{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:2;
  width:22px;
  height:22px;
  border-radius:6px;
  display:grid;
  place-items:center;
  color:#d6c6ff;
  background:rgba(7,12,18,.78);
  border:1px solid rgba(184,158,255,.16);
  backdrop-filter:blur(7px);
}

#view-reviews .review-thumb-type svg{
  width:10px;
  height:10px;
}

#view-reviews .review-list-file{
  min-width:0;
  display:block;
}

#view-reviews .review-list-file strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:11.5px;
  font-weight:720;
  letter-spacing:-.012em;
}

#view-reviews .review-list-file small{
  display:block;
  margin-top:5px;
  color:#718292;
  font-size:7.8px;
  font-weight:560;
}

#view-reviews .review-list-meta{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  align-items:center;
}

#view-reviews .review-list-meta-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#8da1b5;
  background:#111c26;
  border:1px solid rgba(255,255,255,.045);
}

#view-reviews .review-list-meta.size .review-list-meta-icon{
  color:#83caff;
  background:#10202d;
  border-color:#1b3548;
}

#view-reviews .review-list-meta.editor .review-list-meta-icon{
  color:#9fd7ff;
  background:#10202d;
  border-color:#1b3548;
}

#view-reviews .review-list-meta.reviewer .review-list-meta-icon{
  color:#c6a7ff;
  background:#20182e;
  border-color:#35264c;
}

#view-reviews .review-list-meta-icon svg{
  width:12px;
  height:12px;
}

#view-reviews .review-list-meta label{
  display:block;
  color:#647587;
  font-size:6.8px;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:.065em;
}

#view-reviews .review-list-meta strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#cfd8e0;
  font-size:9px;
  font-weight:660;
}

#view-reviews .review-list-open{
  width:26px;
  height:26px;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#637587;
  transition:background .14s ease,color .14s ease,transform .14s ease;
}

#view-reviews .review-list-open svg{
  width:11px;
  height:11px;
}

#view-reviews .review-list-row:hover .review-list-open{
  color:#c5b2ff;
  background:#171f2a;
  transform:translateX(1px);
}


#view-reviews .review-status-chip{
  min-height:28px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid;
  font-size:7.5px;
  font-weight:740;
  white-space:nowrap;
  justify-self:start;
}

#view-reviews .review-status-chip svg{
  width:11px;
  height:11px;
  flex:0 0 11px;
}

#view-reviews .review-status-chip.approved{
  color:#9be5b9;
  background:#10251c;
  border-color:#204a35;
}

#view-reviews .review-status-chip.rejected{
  color:#ff9fa7;
  background:#2b1519;
  border-color:#54252c;
}

#view-reviews .review-status-chip.reviewing{
  color:#91d2ff;
  background:#102332;
  border-color:#1f4259;
}

#view-reviews .review-status-chip.submitted{
  color:#f2cb78;
  background:#2a2112;
  border-color:#51401f;
}


#view-reviews .review-grid-view{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:11px;
  border:0;
  background:transparent;
  box-shadow:none;
}

#view-reviews .review-grid-card{
  width:100%;
  min-width:0;
  aspect-ratio:1/1;
  overflow:hidden;
  display:grid;
  grid-template-rows:47% minmax(0,1fr);
  border:1px solid var(--line);
  border-radius:11px;
  background:#0d151e;
  color:#cbd5de;
  text-align:left;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(0,0,0,.075);
  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

#view-reviews .review-grid-card:hover{
  transform:translateY(-2px);
  border-color:#2e4052;
  background:#0f1923;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}

#view-reviews .review-grid-card:active{
  transform:translateY(0) scale(.992);
}

#view-reviews .review-grid-thumb{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#060b10;
  display:block;
}

#view-reviews .review-grid-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#view-reviews .review-grid-type{
  position:absolute;
  right:7px;
  top:7px;
  z-index:2;
  min-height:24px;
  padding:0 7px;
  border-radius:7px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#ded4f8;
  background:rgba(6,11,17,.78);
  border:1px solid rgba(185,161,246,.15);
  backdrop-filter:blur(8px);
  font-size:7px;
  font-weight:720;
}

#view-reviews .review-grid-type svg{
  width:10px;
  height:10px;
}

#view-reviews .review-grid-body{
  min-width:0;
  min-height:0;
  padding:10px 11px 9px;
  display:flex;
  flex-direction:column;
}

#view-reviews .review-grid-file-name{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f0f4f7;
  font-size:11px;
  font-weight:740;
  line-height:1.2;
  letter-spacing:-.014em;
}

#view-reviews .review-grid-meta{
  min-width:0;
  margin-top:9px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 9px;
}

#view-reviews .review-grid-meta-item{
  min-width:0;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:6px;
  align-items:center;
}

#view-reviews .review-grid-meta-item:nth-child(3){
  grid-column:1/-1;
}

#view-reviews .review-grid-meta-item>svg{
  width:12px;
  height:12px;
  color:#7e91a3;
}

#view-reviews .review-grid-meta-item label{
  display:block;
  color:#617385;
  font-size:6.4px;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:.065em;
}

#view-reviews .review-grid-meta-item strong{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#cbd5de;
  font-size:8px;
  font-weight:660;
}

#view-reviews .review-grid-footer{
  margin-top:auto;
  padding-top:8px;
  display:flex;
  align-items:center;
}

#view-reviews .review-grid-footer .review-status-chip{
  min-height:25px;
  font-size:7px;
}


@media(max-width:1180px){
  #view-reviews .review-list-row{
    grid-template-columns:92px minmax(160px,1.3fr) minmax(95px,.62fr) minmax(105px,.68fr) 76px auto 24px;
    gap:8px;
  }

  #view-reviews .review-list-thumb{
    width:92px;
  }

  #view-reviews .review-grid-view{
    grid-template-columns:repeat(auto-fill,minmax(205px,1fr));
  }
}

@media(max-width:900px){
  #view-reviews .reviews-filter-search-row{
    min-width:760px;
  }

  #view-reviews .review-list-view{
    min-width:760px;
    overflow-x:auto;
  }

  #view-reviews .review-list-row{
    min-width:748px;
  }

  #view-reviews .review-grid-view{
    min-width:690px;
    grid-template-columns:repeat(3,minmax(210px,1fr));
  }
}


#view-reviews .review-list-view{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

#view-reviews .review-list-row{
  min-height:86px!important;
  padding:10px 12px!important;
  border:1px solid #233443!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.035),transparent 29%),
    linear-gradient(145deg,#0e1822,#0b141d)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 4px 12px rgba(0,0,0,.075)!important;
}

#view-reviews .review-list-row + .review-list-row{
  margin-top:8px!important;
}

#view-reviews .review-list-row:hover{
  border-color:#365066!important;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.055),transparent 30%),
    linear-gradient(145deg,#111d28,#0d1721)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.13)!important;
}

#view-reviews .review-list-row:active{
  transform:translateY(0) scale(.997)!important;
}

#view-reviews .review-list-thumb{
  border-color:#314455!important;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
}

#view-reviews .review-list-file strong{
  font-size:12px!important;
  font-weight:740!important;
}

#view-reviews .review-list-meta{
  padding-left:2px;
}

#view-reviews .review-list-open{
  border:1px solid #263746;
  background:#101a24;
}

#view-reviews .review-list-row:hover .review-list-open{
  border-color:#3b4d5f;
  background:#172331;
}


#view-reviews .reviews-panel{
  margin-bottom:18px;
}


#view-media .media-view-toggle{
  width:auto!important;
  min-width:126px;
  flex:0 0 auto!important;
}

#view-media .media-view-toggle button{
  min-width:58px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

#view-media .media-view-toggle button svg{
  width:11px;
  height:11px;
  flex:0 0 11px;
}


#view-media .media-list-view{
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
}

#view-media .media-list-row{
  width:100%;
  min-width:0;
  min-height:86px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:104px minmax(170px,1.28fr) minmax(96px,.55fr) minmax(110px,.68fr) minmax(125px,.78fr) minmax(125px,.8fr) minmax(110px,.7fr) auto 26px;
  gap:9px;
  align-items:center;
  border:1px solid #233443;
  border-radius:11px;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.035),transparent 29%),
    linear-gradient(145deg,#0e1822,#0b141d);
  color:#cbd5de;
  text-align:left;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 4px 12px rgba(0,0,0,.075);
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#view-media .media-list-row + .media-list-row{
  margin-top:8px;
}

#view-media .media-list-row:hover{
  transform:translateY(-1px);
  border-color:#365066;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.055),transparent 30%),
    linear-gradient(145deg,#111d28,#0d1721);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.13);
}

#view-media .media-list-row:active{
  transform:translateY(0) scale(.997);
}

#view-media .media-list-row:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.10);
}

#view-media .media-list-thumb{
  position:relative;
  width:104px;
  aspect-ratio:16/10;
  overflow:hidden;
  display:block;
  border:1px solid #314455;
  border-radius:8px;
  background:#060b10;
  box-shadow:0 2px 8px rgba(0,0,0,.14);
}

#view-media .media-list-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#view-media .media-list-thumb::after{
  content:"";
  position:absolute;
  inset:50% 0 0;
  background:linear-gradient(transparent,rgba(0,0,0,.36));
  pointer-events:none;
}

#view-media .media-list-thumb-type{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:2;
  width:22px;
  height:22px;
  border-radius:6px;
  display:grid;
  place-items:center;
  color:#d6c6ff;
  background:rgba(7,12,18,.78);
  border:1px solid rgba(184,158,255,.16);
  backdrop-filter:blur(7px);
}

#view-media .media-list-thumb-type svg{
  width:10px;
  height:10px;
}

#view-media .media-list-file{
  min-width:0;
  display:block;
}

#view-media .media-list-file strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:12px;
  font-weight:740;
  letter-spacing:-.012em;
}

#view-media .media-list-file small{
  display:block;
  margin-top:5px;
  color:#718292;
  font-size:7.8px;
  font-weight:560;
}

#view-media .media-list-meta{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  align-items:center;
}

#view-media .media-list-meta-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#8da1b5;
  background:#111c26;
  border:1px solid rgba(255,255,255,.045);
}

#view-media .media-list-meta.size .media-list-meta-icon,
#view-media .media-list-meta.machine .media-list-meta-icon{
  color:#83caff;
  background:#10202d;
  border-color:#1b3548;
}

#view-media .media-list-meta.format .media-list-meta-icon{
  color:#c6a7ff;
  background:#20182e;
  border-color:#35264c;
}

#view-media .media-list-meta.folder .media-list-meta-icon{
  color:#f0ca78;
  background:#282111;
  border-color:#4b3c1c;
}

#view-media .media-list-meta.user .media-list-meta-icon{
  color:#9fd7ff;
  background:#10202d;
  border-color:#1b3548;
}

#view-media .media-list-meta-icon svg{
  width:12px;
  height:12px;
}

#view-media .media-list-meta label{
  display:block;
  color:#647587;
  font-size:6.8px;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:.065em;
}

#view-media .media-list-meta strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#cfd8e0;
  font-size:8.8px;
  font-weight:660;
}

#view-media .media-list-status{
  min-height:28px;
  padding:0 8px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid;
  font-size:7.5px;
  font-weight:740;
  white-space:nowrap;
  justify-self:start;
}

#view-media .media-list-status svg{
  width:11px;
  height:11px;
  flex:0 0 11px;
}

#view-media .media-list-status.original{
  color:#99e99f;
  background:#10251a;
  border-color:#204a31;
}

#view-media .media-list-status.edited{
  color:#9fd2ff;
  background:#102332;
  border-color:#1f4259;
}

#view-media .media-list-open{
  width:26px;
  height:26px;
  border:1px solid #263746;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#637587;
  background:#101a24;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

#view-media .media-list-open svg{
  width:11px;
  height:11px;
}

#view-media .media-list-row:hover .media-list-open{
  color:#c5b2ff;
  border-color:#3b4d5f;
  background:#172331;
  transform:translateX(1px);
}

#view-media .media-list-empty{
  padding:26px;
  text-align:center;
  color:var(--muted);
  font-size:11px;
}

@media(max-width:1180px){
  #view-media .media-list-view{
    min-width:960px;
    overflow-x:auto;
  }

  #view-media .media-list-row{
    min-width:948px;
    grid-template-columns:92px minmax(160px,1.2fr) 90px 102px 116px 116px 104px auto 24px;
    gap:8px;
  }

  #view-media .media-list-thumb{
    width:92px;
  }
}

@media(max-width:760px){
  #view-media .smart-search-row{
    min-width:640px;
  }
}


#view-media .media-view-toggle,
#view-reviews .review-view-toggle{
  width:auto!important;
  min-width:0!important;
  padding:3px!important;
  gap:2px!important;
}

#view-media .media-view-toggle button,
#view-reviews .review-view-toggle button{
  width:32px!important;
  min-width:32px!important;
  height:26px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
}

#view-media .media-view-toggle button svg,
#view-reviews .review-view-toggle button svg{
  width:14px!important;
  height:14px!important;
  margin:0!important;
  flex:0 0 14px!important;
  display:block!important;
}

#view-media .media-view-toggle button:not(.active):hover,
#view-reviews .review-view-toggle button:not(.active):hover{
  color:#c8d2dc!important;
  background:rgba(255,255,255,.045)!important;
}

#view-media .media-view-toggle button:active,
#view-reviews .review-view-toggle button:active{
  transform:scale(.96);
}

#view-media .media-view-toggle button:focus-visible,
#view-reviews .review-view-toggle button:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(138,69,255,.16);
}


#view-team .team-filter-search-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}

#view-team .team-role-segments{
  width:auto!important;
  flex:0 0 auto!important;
}

#view-team .team-role-segments button{
  min-width:52px;
}

#view-team .team-search-field{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

#view-team .team-search-field input{
  width:100%!important;
}


#view-team .team-list{
  width:100%;
  min-width:0;
  display:block;
}

#view-team .team-row{
  width:100%;
  min-width:0;
  min-height:88px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:44px minmax(185px,1.4fr) minmax(104px,.62fr) minmax(104px,.62fr) minmax(118px,.72fr) minmax(112px,.66fr) 28px;
  gap:10px;
  align-items:center;
  border:1px solid #233443;
  border-radius:11px;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.035),transparent 29%),
    linear-gradient(145deg,#0e1822,#0b141d);
  color:#cbd5de;
  text-align:left;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 4px 12px rgba(0,0,0,.075);
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#view-team .team-row + .team-row{
  margin-top:8px;
}

#view-team .team-row:hover{
  transform:translateY(-1px);
  border-color:#365066;
  background:
    radial-gradient(circle at 8% -20%,rgba(138,69,255,.055),transparent 30%),
    linear-gradient(145deg,#111d28,#0d1721);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.13);
}

#view-team .team-row:active{
  transform:translateY(0) scale(.997);
}

#view-team .team-row:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.10);
}

#view-team .team-avatar{
  width:44px;
  height:44px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:#102433;
  border:1px solid #1d4057;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

#view-team .team-avatar.admin{
  color:#d2b4ff;
  background:#211830;
  border-color:#3a2952;
}

#view-team .team-avatar svg{
  width:18px;
  height:18px;
}

#view-team .team-identity{
  min-width:0;
  display:block;
}

#view-team .team-identity>strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:12px;
  font-weight:740;
  letter-spacing:-.012em;
}

#view-team .team-email{
  min-width:0;
  margin-top:5px;
  display:flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#758697;
  font-size:8px;
  font-weight:550;
}

#view-team .team-email svg{
  width:10px;
  height:10px;
  flex:0 0 10px;
  color:#687b8d;
}

#view-team .team-meta{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:7px;
  align-items:center;
}

#view-team .team-meta-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#9fd7ff;
  background:#10202d;
  border:1px solid #1b3548;
}

#view-team .team-meta-icon.admin{
  color:#d2b4ff;
  background:#20182e;
  border-color:#35264c;
}

#view-team .team-meta-icon.active{
  color:#95e1b2;
  background:#10251c;
  border-color:#1c4130;
}

#view-team .team-meta-icon.folder{
  color:#f0ca78;
  background:#282111;
  border-color:#4b3c1c;
}

#view-team .team-meta-icon.clock{
  color:#9caec0;
  background:#111c26;
  border-color:#253543;
}

#view-team .team-meta-icon svg{
  width:12px;
  height:12px;
}

#view-team .team-meta label{
  display:block;
  color:#647587;
  font-size:6.8px;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:.065em;
}

#view-team .team-meta strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#cfd8e0;
  font-size:9px;
  font-weight:670;
}

#view-team .team-row-open{
  width:28px;
  height:28px;
  border:1px solid #263746;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#637587;
  background:#101a24;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

#view-team .team-row-open svg{
  width:11px;
  height:11px;
}

#view-team .team-row:hover .team-row-open{
  color:#c5b2ff;
  border-color:#3b4d5f;
  background:#172331;
  transform:translateX(1px);
}

#view-team .team-empty{
  padding:26px;
  border:1px solid #233443;
  border-radius:11px;
  background:#0d161f;
  color:var(--muted);
  text-align:center;
  font-size:10px;
}

@media(max-width:900px){
  #view-team .team-filter-search-row{
    grid-template-columns:auto minmax(260px,1fr)!important;
    min-width:620px;
  }

  #view-team .team-list{
    min-width:760px;
    overflow-x:auto;
  }

  #view-team .team-row{
    min-width:748px;
    grid-template-columns:44px minmax(170px,1.25fr) 96px 96px 108px 104px 26px;
    gap:8px;
  }
}


#view-team .team-row{
  min-height:94px;
  padding:12px 14px;
}

#view-team .team-avatar{
  width:46px;
  height:46px;
}

#view-team .team-avatar svg{
  width:19px;
  height:19px;
}

#view-team .team-identity>strong{
  font-size:14px;
  font-weight:750;
}

#view-team .team-email{
  margin-top:6px;
  font-size:9.5px;
}

#view-team .team-meta{
  grid-template-columns:32px minmax(0,1fr);
  gap:8px;
}

#view-team .team-meta-icon{
  width:32px;
  height:32px;
}

#view-team .team-meta-icon svg{
  width:13px;
  height:13px;
}

#view-team .team-meta label{
  font-size:7.3px;
}

#view-team .team-meta strong{
  margin-top:4px;
  font-size:10.5px;
  font-weight:690;
}

#view-team .team-meta.role strong{
  color:#e0d3ff;
  font-size:11px;
  font-weight:740;
}


#view-team .team-add-member-btn{
  min-height:38px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #8d68e7;
  background:#7549d8;
  color:#fff;
  font-size:9.5px;
  font-weight:760;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(60,30,120,.18);
}

#view-team .team-add-member-btn:hover{
  background:#8256e3;
  border-color:#9b78ed;
  transform:translateY(-1px);
}

#view-team .team-add-member-btn:active{
  transform:translateY(0) scale(.98);
}

#view-team .team-add-member-btn svg{
  width:13px;
  height:13px;
}


.team-detail-overlay,
.team-add-overlay{
  position:fixed;
  inset:0;
  z-index:112;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}

.team-add-overlay{
  z-index:114;
}

.team-detail-overlay.open,
.team-add-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.team-detail-modal{
  width:min(820px,94vw);
  max-height:min(820px,92vh);
  display:grid;
  grid-template-rows:64px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(132,153,174,.17);
  border-radius:17px;
  background:
    radial-gradient(circle at 12% -5%,rgba(133,78,213,.085),transparent 32%),
    linear-gradient(145deg,#0e1822,#091119 72%);
  box-shadow:0 32px 96px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(10px) scale(.985);
  opacity:.86;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
}

.team-detail-overlay.open .team-detail-modal,
.team-add-overlay.open .team-add-modal{
  transform:translateY(0) scale(1);
  opacity:1;
}

.team-detail-head,
.team-add-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 16px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(8,16,24,.78);
  backdrop-filter:blur(12px);
}

.team-detail-title,
.team-add-title{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  align-items:center;
}

.team-detail-avatar,
.team-add-title-icon{
  width:40px;
  height:40px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:rgba(62,167,255,.085);
  border:1px solid rgba(62,167,255,.12);
}

.team-detail-avatar.admin{
  color:#c9a8ff;
  background:rgba(138,69,255,.09);
  border-color:rgba(138,69,255,.14);
}

.team-detail-avatar svg,
.team-add-title-icon svg{
  width:17px;
  height:17px;
}

.team-detail-title strong,
.team-add-title strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:14px;
  font-weight:730;
}

.team-detail-title div>span,
.team-add-title div>span{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#788899;
  font-size:8.5px;
}

.team-detail-close,
.team-add-close{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.018);
  color:#8494a4;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}

.team-detail-close:hover,
.team-add-close:hover{
  color:#e4ebf1;
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}

.team-detail-close:active,
.team-add-close:active{
  transform:scale(.96);
}

.team-detail-close svg,
.team-add-close svg{
  width:14px;
  height:14px;
}

.team-detail-body{
  min-height:0;
  overflow-y:auto;
  padding:18px;
  overscroll-behavior:contain;
}

.team-detail-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,250px);
  gap:10px;
}

.team-detail-profile,
.team-detail-status-card{
  min-width:0;
  min-height:100px;
  padding:14px;
  display:grid;
  align-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:12px;
  background:rgba(255,255,255,.016);
}

.team-detail-profile{
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
}

.team-detail-profile-icon{
  width:48px;
  height:48px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:#102433;
  border:1px solid #1d4057;
}

.team-detail-profile-icon.admin{
  color:#d2b4ff;
  background:#211830;
  border-color:#3a2952;
}

.team-detail-profile-icon svg{
  width:20px;
  height:20px;
}

.team-detail-kicker{
  display:block;
  color:#817293;
  font-size:7px;
  font-weight:730;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.team-detail-profile h2{
  margin:5px 0 0;
  color:#edf2f6;
  font-size:20px;
  font-weight:750;
  letter-spacing:-.018em;
}

.team-detail-profile-email{
  margin-top:7px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#8595a5;
  font-size:9px;
}

.team-detail-profile-email svg{
  width:11px;
  height:11px;
}

.team-detail-status-card{
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
}

.team-detail-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}

.team-detail-info-card{
  min-width:0;
  min-height:78px;
  padding:11px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid rgba(255,255,255,.05);
  border-radius:11px;
  background:rgba(255,255,255,.016);
}

.team-detail-info-card label,
.team-detail-status-card label{
  display:block;
  color:#728395;
  font-size:7px;
  font-weight:680;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.team-detail-info-card strong,
.team-detail-status-card strong{
  display:block;
  margin-top:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#dce4eb;
  font-size:11.5px;
  font-weight:680;
}

.team-detail-info-icon{
  width:42px;
  height:42px;
  border-radius:11px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
}

.team-detail-info-icon svg{
  width:17px;
  height:17px;
}

.team-detail-info-icon.role,
.team-detail-info-icon.email{
  color:#8dccff;
  background:rgba(62,167,255,.08);
  border-color:rgba(62,167,255,.11);
}

.team-detail-info-icon.role.admin{
  color:#c8a9ff;
  background:rgba(138,69,255,.09);
  border-color:rgba(138,69,255,.13);
}

.team-detail-info-icon.status{
  color:#8fe0b1;
  background:rgba(68,199,137,.08);
  border-color:rgba(68,199,137,.11);
}

.team-detail-info-icon.access{
  color:#f0c56d;
  background:rgba(241,184,66,.08);
  border-color:rgba(241,184,66,.11);
}

.team-detail-info-icon.activity{
  color:#a4b5c5;
  background:#121d27;
  border-color:#263744;
}

.team-detail-section{
  margin-top:15px;
}

.team-detail-section-head{
  min-height:40px;
  padding:0 2px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.team-detail-section-head strong{
  display:block;
  color:#dce4ea;
  font-size:11px;
  font-weight:720;
}

.team-detail-section-head div>span{
  display:block;
  margin-top:3px;
  color:#708091;
  font-size:8px;
}


.team-permission-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.team-permission-option{
  min-width:0;
  min-height:54px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:24px 30px minmax(0,1fr);
  gap:8px;
  align-items:center;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#0c151e;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}

.team-permission-option:hover{
  border-color:#304557;
  background:#101b25;
}

.team-permission-option:active{
  transform:scale(.995);
}

.team-permission-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.team-permission-check{
  width:24px;
  height:24px;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:transparent;
  background:#111c26;
  border:1px solid #30404d;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}

.team-permission-option input:checked + .team-permission-check{
  color:#06110b;
  background:#67d49a;
  border-color:#79dfa7;
}

.team-permission-check svg{
  width:11px;
  height:11px;
}

.team-permission-folder{
  width:30px;
  height:30px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#f0ca78;
  background:#282111;
  border:1px solid #4b3c1c;
}

.team-permission-folder svg{
  width:12px;
  height:12px;
}

.team-permission-copy{
  min-width:0;
}

.team-permission-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d5dee6;
  font-size:9.5px;
  font-weight:660;
}

.team-detail-actions{
  margin-top:16px;
  padding-top:13px;
  display:flex;
  justify-content:space-between;
  gap:9px;
  border-top:1px solid rgba(255,255,255,.05);
}


.team-modal-btn{
  height:39px;
  min-width:124px;
  padding:0 14px;
  border:1px solid;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-family:inherit;
  font-size:9.5px;
  font-weight:780;
  letter-spacing:.005em;
  cursor:pointer;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease;
}

.team-modal-btn svg{
  width:13px;
  height:13px;
}

.team-modal-btn.primary{
  color:#07100b;
  background:#67d49a;
  border-color:#79dfa7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 14px rgba(18,76,48,.18);
}

.team-modal-btn.primary:hover:not(:disabled){
  background:#78dfa8;
  border-color:#8be7b5;
  transform:translateY(-1px);
}

.team-modal-btn.danger{
  color:#fff4f5;
  background:#b33e49;
  border-color:#c54c57;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 14px rgba(85,18,24,.18);
}

.team-modal-btn.danger:hover:not(:disabled){
  background:#c34752;
  border-color:#d45863;
  transform:translateY(-1px);
}

.team-modal-btn.secondary{
  color:#aeb9c4;
  background:#26313b;
  border-color:#34414d;
}

.team-modal-btn.secondary:hover:not(:disabled){
  color:#e2e9ef;
  background:#303c47;
  border-color:#41505d;
}

.team-modal-btn:active:not(:disabled){
  transform:translateY(0) scale(.975);
}

.team-modal-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.10);
}

.team-modal-btn:disabled{
  color:#6f7c88;
  background:#26313b;
  border-color:#34414d;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}


.team-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:136;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(11px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}

.team-confirm-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.team-confirm-dialog{
  width:min(430px,92vw);
}


.team-add-modal{
  width:min(620px,92vw);
  max-height:90vh;
  display:grid;
  grid-template-rows:64px minmax(0,1fr);
  overflow:visible;
  border:1px solid rgba(132,153,174,.17);
  border-radius:17px;
  background:
    radial-gradient(circle at 12% -5%,rgba(133,78,213,.085),transparent 32%),
    linear-gradient(145deg,#0e1822,#091119 72%);
  box-shadow:0 32px 96px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(10px) scale(.985);
  opacity:.86;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
}

.team-add-body{
  overflow:visible;
  padding:18px;
}

.team-add-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

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

.review-comment-send{
  height:34px;
  margin:9px 0 0 auto;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#d9ccff;
  border:1px solid #4b3677;
  border-radius:9px;
  background:#211735;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}

.review-comment-send svg{width:14px;height:14px}
.review-comment-send:disabled{opacity:.5;cursor:default}

.review-conversation{
  max-height:220px;
  display:grid;
  gap:8px;
  overflow:auto;
  padding-right:3px;
}

.review-thread-item{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:10px;
  background:#0b141d;
}

.review-thread-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.review-thread-head strong{font-size:10px;color:#e7edf3}
.review-thread-head span{font-size:9px;color:#718397}
.review-thread-item p{margin:0;color:#aebdcb;font-size:11px;line-height:1.5;white-space:pre-wrap}
.review-thread-decision{color:#cbb7ff;border-color:#3a2b59;background:#161124}
.review-thread-empty{padding:14px;color:#75879a;font-size:10px;text-align:center}

.team-add-field.full{
  grid-column:1/-1;
}

.team-add-field>span{
  display:block;
  margin-bottom:6px;
  color:#8292a2;
  font-size:8px;
  font-weight:690;
}

.team-add-input-wrap{
  position:relative;
}

.team-add-input-wrap>svg{
  position:absolute;
  left:12px;
  top:50%;
  width:14px;
  height:14px;
  transform:translateY(-50%);
  color:#74889a;
  pointer-events:none;
}

.team-add-input-wrap input{
  width:100%;
  height:38px;
  padding:0 11px 0 37px;
  border:1px solid rgba(127,148,168,.16);
  border-radius:10px;
  outline:none;
  background:linear-gradient(180deg,#0d161f,#0a1219);
  color:#e6edf3;
  font-family:inherit;
  font-size:10px;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}

.team-add-input-wrap input:hover{
  border-color:rgba(139,161,181,.26);
  background:#101a23;
}

.team-add-input-wrap input:focus{
  border-color:rgba(145,104,226,.42);
  box-shadow:0 0 0 3px rgba(138,69,255,.055);
}

.team-add-role-dropdown{
  width:100%!important;
  min-width:0!important;
}

.team-add-role-dropdown .multi-select-trigger{
  width:100%;
}

.team-add-role-dropdown .multi-select-menu{
  width:100%;
  z-index:8;
}

.team-add-actions{
  margin-top:18px;
  padding-top:14px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid rgba(255,255,255,.05);
}

@media(max-width:720px){
  .team-detail-overlay,
  .team-add-overlay{
    padding:10px;
  }

  .team-detail-modal,
  .team-add-modal{
    width:100%;
    max-height:95vh;
    border-radius:14px;
  }

  .team-detail-overview,
  .team-detail-info-grid,
  .team-permission-list,
  .team-add-form-grid{
    grid-template-columns:1fr;
  }

  .team-detail-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .team-modal-btn{
    width:100%;
  }
}


#teamAddRoleDropdown .media-style-native-select{
  display:none!important;
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

.team-add-password-wrap input{
  padding-right:44px!important;
}

.team-password-toggle{
  position:absolute;
  right:7px;
  top:50%;
  width:30px;
  height:30px;
  transform:translateY(-50%);
  border:1px solid transparent;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:transparent;
  color:#77899a;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

.team-password-toggle:hover{
  color:#dce5ed;
  background:#151f29;
  border-color:#263746;
}

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

.team-password-toggle[aria-pressed="true"]{
  color:#c7b1ff;
  background:#1e182b;
  border-color:#392a50;
}

.team-password-toggle:focus-visible{
  outline:none;
  color:#d8c8ff;
  border-color:rgba(151,103,235,.38);
  box-shadow:0 0 0 3px rgba(138,69,255,.06);
}

.team-password-toggle svg{
  width:14px!important;
  height:14px!important;
  display:block;
}


.team-add-field{
  position:relative;
}

.team-field-error{
  min-height:14px;
  margin-top:5px;
  display:block;
  color:#ff9da6;
  font-size:7.5px;
  font-weight:650;
  line-height:1.35;
}

.team-add-field.invalid .team-add-input-wrap input{
  border-color:#8f3d47!important;
  background:linear-gradient(180deg,#181216,#110d11)!important;
  box-shadow:0 0 0 3px rgba(179,62,73,.07)!important;
}

.team-add-field.invalid .team-add-input-wrap>svg{
  color:#db737c!important;
}

.team-add-field.invalid .team-add-role-dropdown .multi-select-trigger{
  border-color:#8f3d47!important;
  background:linear-gradient(180deg,#181216,#110d11)!important;
  box-shadow:0 0 0 3px rgba(179,62,73,.07)!important;
}

.team-add-field.invalid>span:first-child{
  color:#eaa0a6;
}

.team-create-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:140;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(11px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}

.team-create-confirm-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.team-create-confirm-dialog{
  position:relative;
  width:min(440px,92vw);
  padding-top:20px;
}

.team-create-confirm-dialog .machine-confirm-copy h2{
  font-size:19px;
  line-height:1.2;
}

.team-create-confirm-dialog .machine-confirm-copy p{
  max-width:360px;
  font-size:9.5px;
}

.team-create-confirm-close{
  position:absolute;
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#202a34;
  color:#8d9aa7;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

.team-create-confirm-close:hover{
  color:#e3e9ee;
  background:#2a3540;
  border-color:rgba(255,255,255,.10);
}

.team-create-confirm-close:active{
  transform:scale(.96);
}

.team-create-confirm-close:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.08);
}

.team-create-confirm-close svg{
  width:12px;
  height:12px;
}

.team-create-confirm-summary{
  margin-top:14px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:#0c151e;
}

.team-create-confirm-summary strong{
  display:block;
  color:#e3eaf0;
  font-size:11px;
  font-weight:720;
}

.team-create-confirm-summary span{
  display:block;
  margin-top:4px;
  color:#8998a7;
  font-size:8.5px;
}

.team-create-confirm-summary small{
  display:inline-flex;
  margin-top:7px;
  min-height:23px;
  padding:0 8px;
  border-radius:999px;
  align-items:center;
  color:#cdb7ff;
  background:#21182f;
  border:1px solid #3a2952;
  font-size:7.5px;
  font-weight:720;
}

.team-create-confirm-dialog .machine-confirm-btn{
  min-width:104px;
  height:36px;
  font-size:8.5px;
}

.team-create-confirm-dialog .machine-confirm-btn.confirm.approve{
  color:#07100b;
  background:#67d49a;
  border-color:#79dfa7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}

.team-create-confirm-dialog .machine-confirm-btn.confirm.approve:hover{
  color:#07100b;
  background:#78dfa8;
  border-color:#8be7b5;
}


.team-permission-section-head{
  align-items:flex-end;
}

.team-permission-head-counts{
  display:grid;
  grid-template-columns:repeat(2,72px);
  gap:8px;
  align-items:stretch;
}

.team-detail-section-head .team-permission-head-counts>.team-permission-count-card{
  position:relative;
  min-width:72px;
  min-height:48px;
  padding:0 10px;
  border-radius:12px;
  display:grid;
  place-items:center;
  text-align:center;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.team-permission-count-card.ready{
  background:#10251b;
  border:1px solid #20452f;
}

.team-permission-count-card.selected{
  background:#1d1729;
  border:1px solid #36274c;
}

.team-permission-count-card strong{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  margin:0;
  padding:0;
  text-align:center;
  font-size:20px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}

.team-permission-count-card.ready strong{
  color:#9ae6b5;
}

.team-permission-count-card.selected strong{
  color:#cdb8ff;
}

.team-permission-count-card small{
  position:absolute;
  left:50%;
  bottom:5px;
  transform:translateX(-50%);
  display:block;
  width:100%;
  margin:0;
  text-align:center;
  color:#718190;
  font-size:6.2px;
  line-height:1;
  font-weight:670;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.team-permission-toolbar{
  margin-top:10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.team-permission-search{
  position:relative;
  min-width:0;
}

.team-permission-search>svg{
  position:absolute;
  left:11px;
  top:50%;
  width:13px;
  height:13px;
  transform:translateY(-50%);
  color:#738697;
  pointer-events:none;
}

.team-permission-search input{
  width:100%;
  height:36px;
  padding:0 12px 0 34px;
  border:1px solid #273746;
  border-radius:9px;
  outline:none;
  background:linear-gradient(180deg,#0e1720,#0b131b);
  color:#dce4ea;
  font-family:inherit;
  font-size:9px;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease;
}

.team-permission-search input::placeholder{
  color:#627383;
}

.team-permission-search input:hover{
  border-color:#34495b;
  background:#101a24;
}

.team-permission-search input:focus{
  border-color:rgba(145,104,226,.42);
  box-shadow:0 0 0 3px rgba(138,69,255,.055);
}

.team-permission-bulk-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.team-permission-bulk-btn{
  height:36px;
  min-width:70px;
  padding:0 10px;
  border:1px solid #2b3a48;
  border-radius:9px;
  background:#17222c;
  color:#9eacb9;
  font-family:inherit;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

.team-permission-bulk-btn:hover:not(:disabled){
  color:#e0e7ed;
  background:#202c37;
  border-color:#3a4c5c;
}

.team-permission-bulk-btn:active:not(:disabled){
  transform:scale(.97);
}

.team-permission-bulk-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

.team-permission-list{
  max-height:310px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  padding:1px 4px 4px 1px;
}

.team-permission-option{
  grid-template-columns:24px 30px minmax(0,1fr) auto;
}

.team-permission-copy small{
  min-width:0;
  margin-top:4px;
  display:flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#748596;
  font-size:7.5px;
}

.team-permission-copy small svg{
  width:9px;
  height:9px;
  flex:0 0 9px;
}

.team-permission-ready{
  min-height:23px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#8fdfa9;
  background:#10241a;
  border:1px solid #20432e;
  font-size:6.8px;
  font-weight:740;
  white-space:nowrap;
}

.team-permission-ready svg{
  width:9px;
  height:9px;
}

.team-permission-empty{
  grid-column:1/-1;
  min-height:118px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px dashed #293a49;
  border-radius:10px;
  color:#708191;
  background:#0b131b;
  text-align:center;
}

.team-permission-empty svg{
  width:18px;
  height:18px;
  margin-bottom:2px;
  color:#667b8e;
}

.team-permission-empty strong{
  color:#aab6c1;
  font-size:9px;
}

.team-permission-empty span{
  font-size:7.5px;
}

@media(max-width:720px){
  .team-permission-toolbar{
    grid-template-columns:1fr;
  }

  .team-permission-bulk-actions{
    justify-content:flex-end;
  }

  .team-permission-list{
    grid-template-columns:1fr;
    max-height:340px;
  }
}


#view-processing .processing-filter-search-row{
  display:grid!important;
  grid-template-columns:168px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}

#view-processing .processing-state-dropdown{
  width:168px!important;
  min-width:168px!important;
}

#view-processing .processing-search-field{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

#view-processing .processing-search-field input{
  width:100%!important;
}

#view-processing .media-style-native-select{
  display:none!important;
}

#view-processing .media-style-single-select .multi-select-option{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

#view-processing .media-style-single-select .multi-select-option.selected{
  color:#e4dcff;
  background:rgba(138,69,255,.065);
}


#view-processing .processing-panel{
  overflow:hidden;
}

#view-processing .processing-table-wrap{
  max-height:640px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

#view-processing .processing-table{
  min-width:940px;
}

#view-processing .processing-table th{
  position:sticky;
  top:0;
  z-index:2;
  padding:11px 12px;
  background:#0d161f;
  color:#8291a1;
  font-size:8.5px;
  font-weight:650;
  letter-spacing:.035em;
  text-transform:uppercase;
}

#view-processing .processing-table td{
  min-height:58px;
  padding:11px 12px;
  font-size:10px;
  vertical-align:middle;
}

#view-processing .processing-table tbody tr{
  cursor:default;
}

#view-processing .processing-table tbody tr:hover td{
  background:rgba(255,255,255,.024);
}

#view-processing .processing-kind{
  min-width:150px;
  display:flex;
  align-items:center;
  gap:9px;
}

#view-processing .processing-kind strong{
  color:#e2e9ef;
  font-size:11.5px;
  font-weight:710;
  line-height:1.25;
}

#view-processing .processing-type-badge{
  min-width:48px;
  height:27px;
  padding:0 9px;
  border:1px solid;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:9px;
  font-weight:800;
  letter-spacing:.025em;
}

#view-processing .processing-type-badge.ai{
  color:#cbb1ff;
  background:#21182f;
  border-color:#3b2a54;
}

#view-processing .processing-type-badge.proxy{
  color:#8dcfff;
  background:#102433;
  border-color:#1e4159;
}

#view-processing .processing-type-badge.render{
  color:#f1c878;
  background:#292111;
  border-color:#4d3c1c;
}

#view-processing .processing-target{
  min-width:210px;
}

#view-processing .processing-target strong{
  display:block;
  max-width:280px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  font-size:11.5px;
  font-weight:720;
}

#view-processing .processing-target span{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  color:#748596;
  font-size:8.5px;
  font-weight:560;
}

#view-processing .processing-target span svg{
  width:10px;
  height:10px;
  color:#d2ac5e;
}

#view-processing .processing-worker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#aab6c1;
  font-size:9.5px;
  font-weight:620;
}

#view-processing .processing-worker svg{
  width:12px;
  height:12px;
  color:#7caed1;
}

#view-processing .processing-status{
  min-height:27px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  font-size:8.8px;
  font-weight:750;
}

#view-processing .processing-progress{
  gap:9px;
}

#view-processing .processing-progress .progress{
  width:116px;
  height:7px;
}

#view-processing .processing-progress strong,
#view-processing .processing-progress-value{
  min-width:36px;
  color:#d9e1e8;
  font-size:10px;
  font-weight:760;
  font-variant-numeric:tabular-nums;
}

#view-processing .processing-progress-value.muted{
  color:#6f7e8d;
}

#view-processing .processing-time{
  color:#a0adba;
  font-size:9.5px;
  font-weight:650;
  font-variant-numeric:tabular-nums;
}

#view-processing .processing-empty-row td{
  padding:0!important;
}

#view-processing .processing-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  color:#748494;
  text-align:center;
}

#view-processing .processing-empty svg{
  width:20px;
  height:20px;
}

#view-processing .processing-empty strong{
  color:#b6c1cb;
  font-size:10px;
}

#view-processing .processing-empty span{
  font-size:8px;
}

@media(max-width:760px){
  #view-processing .processing-filter-search-row{
    grid-template-columns:168px minmax(280px,1fr)!important;
    min-width:620px;
  }
}

#view-processing .processing-page-head{
  min-height:82px;align-items:center;gap:24px;margin-bottom:16px;
}
#view-processing .processing-page-head>.nx-page-title{flex:0 0 auto}
#view-processing .processing-engine-status{
  --engine-accent:#69c9f5;
  --engine-accent-rgb:105,201,245;
  position:relative;isolation:isolate;overflow:hidden;
  width:min(650px,60%);min-height:78px;margin-left:auto;
  display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:12px 14px 12px 16px;border:1px solid rgba(var(--engine-accent-rgb),.32);border-radius:15px;
  background:
    radial-gradient(circle at 92% -35%,rgba(var(--engine-accent-rgb),.16),transparent 44%),
    linear-gradient(135deg,rgba(18,38,52,.96),rgba(9,23,33,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 24px rgba(0,0,0,.14);
}
#view-processing .processing-engine-status::before{
  content:"";position:absolute;inset:10px auto 10px 0;width:3px;border-radius:0 4px 4px 0;
  background:var(--engine-accent);box-shadow:0 0 14px rgba(var(--engine-accent-rgb),.6);
}
#view-processing .processing-engine-status.is-ready{--engine-accent:#55da91;--engine-accent-rgb:85,218,145}
#view-processing .processing-engine-status.is-required{--engine-accent:#ff9835;--engine-accent-rgb:255,152,53}
#view-processing .processing-engine-icon{
  width:52px;height:52px;display:grid;place-items:center;
}
#view-processing .processing-engine-icon.nx-resolve-glass{
  position:relative;isolation:isolate;overflow:visible;padding:0;border:0;background:none;box-shadow:none;
}
#view-processing .processing-engine-icon>img{
  position:relative;z-index:1;width:52px;height:52px;display:block;object-fit:contain;
  filter:saturate(1.12) contrast(1.04) drop-shadow(0 7px 9px rgba(3,19,34,.38)) drop-shadow(0 0 8px rgba(74,190,235,.16));
}
#view-processing .processing-engine-copy{min-width:0}
#view-processing .processing-engine-eyebrow{
  display:block;margin-bottom:5px;color:#91a8bb;font-size:10px;font-weight:800;line-height:1;
  letter-spacing:.1em;text-transform:uppercase;
}
#view-processing .processing-engine-name-row{display:flex;align-items:center;gap:8px;min-width:0}
#view-processing .processing-engine-name-row strong{
  overflow:hidden;color:#f1f7fb;font-size:14.5px;font-weight:770;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;
}
#view-processing .processing-engine-version{
  flex:0 0 auto;padding:5px 10px;border:1px solid rgba(var(--engine-accent-rgb),.42);border-radius:999px;
  color:#f7fbff;background:rgba(var(--engine-accent-rgb),.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:12px;font-weight:800;line-height:1;letter-spacing:.01em;white-space:nowrap;
}
#view-processing .processing-engine-badge{
  min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;
  border:1px solid rgba(var(--engine-accent-rgb),.46);border-radius:10px;
  color:var(--engine-accent);background:rgba(var(--engine-accent-rgb),.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 12px rgba(0,0,0,.1);
  font-size:12.5px;font-weight:820;line-height:1;letter-spacing:.005em;white-space:nowrap;
}
#view-processing .processing-engine-badge i{
  width:8px;height:8px;border-radius:50%;background:currentColor;
  box-shadow:0 0 9px rgba(var(--engine-accent-rgb),.78);
}
#view-processing .processing-engine-status.is-loading .processing-engine-badge i{
  animation:processing-engine-pulse 1.25s ease-in-out infinite;
}
@keyframes processing-engine-pulse{50%{opacity:.35;transform:scale(.72)}}
@media(max-width:980px){
  #view-processing .processing-page-head{align-items:stretch;flex-direction:column;gap:12px}
  #view-processing .processing-engine-status{width:100%;margin-left:0}
}
@media(max-width:620px){
  #view-processing .processing-engine-status{grid-template-columns:48px minmax(0,1fr);padding:12px}
  #view-processing .processing-engine-icon{width:46px;height:46px}
  #view-processing .processing-engine-icon>img{width:46px;height:46px}
  #view-processing .processing-engine-badge{grid-column:1/-1;justify-self:stretch;justify-content:center}
}


#view-workers .machines-toolbar{
  grid-template-columns:minmax(0,1fr) 168px auto!important;
}

#view-workers .machines-add-worker-btn{
  height:34px;
  min-width:112px;
  padding:0 13px;
  border:1px solid #8b67e1;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#7549d8;
  color:#fff;
  font-family:inherit;
  font-size:9px;
  font-weight:760;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 5px 14px rgba(60,30,120,.15);
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#view-workers .machines-add-worker-btn svg{
  width:12px;
  height:12px;
}

#view-workers .machines-add-worker-btn:hover{
  background:#8256e3;
  border-color:#9b78ed;
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 7px 18px rgba(60,30,120,.20);
}

#view-workers .machines-add-worker-btn:active{
  transform:translateY(0) scale(.98);
}

#view-workers .machines-add-worker-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.09);
}


.worker-pairing-overlay{
  position:fixed;
  inset:0;
  z-index:116;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,6,10,.74);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}

.worker-pairing-overlay.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.worker-pairing-modal{
  width:min(560px,92vw);
  overflow:hidden;
  border:1px solid rgba(132,153,174,.17);
  border-radius:17px;
  background:
    radial-gradient(circle at 12% -5%,rgba(133,78,213,.09),transparent 34%),
    linear-gradient(145deg,#0e1822,#091119 72%);
  box-shadow:
    0 32px 96px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(10px) scale(.985);
  opacity:.86;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
}

.worker-pairing-overlay.open .worker-pairing-modal{
  transform:translateY(0) scale(1);
  opacity:1;
}

.worker-pairing-head{
  min-height:64px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(8,16,24,.78);
}

.worker-pairing-title{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:10px;
  align-items:center;
}

.worker-pairing-title-icon{
  width:40px;
  height:40px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#8dccff;
  background:rgba(62,167,255,.085);
  border:1px solid rgba(62,167,255,.12);
}

.worker-pairing-title-icon svg{
  width:17px;
  height:17px;
}

.worker-pairing-title strong{
  display:block;
  color:#edf2f6;
  font-size:14px;
  font-weight:730;
}

.worker-pairing-title div>span{
  display:block;
  margin-top:4px;
  color:#788899;
  font-size:8.5px;
}

.worker-pairing-close{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.018);
  color:#8494a4;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}

.worker-pairing-close:hover{
  color:#e4ebf1;
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}

.worker-pairing-close:active{
  transform:scale(.96);
}

.worker-pairing-close svg{
  width:14px;
  height:14px;
}

.worker-pairing-body{
  padding:20px;
}

.worker-pairing-kicker{
  display:block;
  color:#8d7aa5;
  font-size:7px;
  font-weight:760;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.worker-pairing-intro h2{
  margin:6px 0 0;
  color:#edf2f6;
  font-size:20px;
  font-weight:750;
  letter-spacing:-.018em;
}

.worker-pairing-intro p{
  max-width:470px;
  margin:9px 0 0;
  color:#8d9baa;
  font-size:10px;
  line-height:1.65;
}

.worker-pairing-intro p strong{
  color:#cdd6de;
  font-weight:680;
}

.worker-pairing-code-card{
  margin-top:18px;
  padding:18px 16px 16px;
  border:1px solid #334556;
  border-radius:13px;
  background:
    radial-gradient(circle at 50% -70%,rgba(138,69,255,.13),transparent 58%),
    #0b141d;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.worker-pairing-code-label{
  display:block;
  color:#728394;
  font-size:7px;
  font-weight:700;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.worker-pairing-code{
  display:block;
  margin-top:10px;
  color:#eee8ff;
  font-size:30px;
  line-height:1;
  font-weight:840;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
  user-select:all;
}

.worker-pairing-code-help{
  display:block;
  margin-top:10px;
  color:#718192;
  font-size:8px;
}

.worker-pairing-address-card{
  min-height:58px;
  margin-top:10px;
  padding:10px 10px 10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(103,212,154,.16);
  border-radius:12px;
  background:rgba(103,212,154,.035);
}

.worker-pairing-address-copy{
  min-width:0;
}

.worker-pairing-address-copy code{
  display:block;
  margin-top:7px;
  overflow:hidden;
  color:#dce9e3;
  font-family:var(--font-ui);
  font-size:10.5px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
  user-select:all;
}

.worker-pairing-address-button{
  min-width:76px;
  height:34px;
  padding:0 11px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(103,212,154,.23);
  border-radius:9px;
  color:#8fe2b6;
  background:rgba(103,212,154,.075);
  font-family:inherit;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}

.worker-pairing-address-button:hover{
  color:#c4f4d9;
  background:rgba(103,212,154,.13);
  border-color:rgba(103,212,154,.38);
  transform:translateY(-1px);
}

.worker-pairing-address-button svg{
  width:12px;
  height:12px;
}

.worker-pairing-actions{
  margin-top:18px;
  padding-top:14px;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  border-top:1px solid rgba(255,255,255,.05);
}

.worker-pairing-btn{
  height:38px;
  min-width:104px;
  padding:0 14px;
  border:1px solid;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-family:inherit;
  font-size:9px;
  font-weight:760;
  cursor:pointer;
  transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;
}

.worker-pairing-btn svg{
  width:13px;
  height:13px;
}

.worker-pairing-btn.secondary{
  color:#aab6c1;
  background:#222d37;
  border-color:#34424f;
}

.worker-pairing-btn.secondary:hover{
  color:#e0e7ed;
  background:#2a3641;
  border-color:#42515f;
}

.worker-pairing-btn.primary{
  color:#08110b;
  background:#67d49a;
  border-color:#79dfa7;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}

.worker-pairing-btn.primary:hover{
  background:#78dfa8;
  border-color:#8be7b5;
  transform:translateY(-1px);
}

.worker-pairing-btn.primary.copied{
  color:#08110b;
  background:#7be0a9;
  border-color:#92e8b8;
}

.worker-pairing-btn:active{
  transform:translateY(0) scale(.975);
}

.worker-pairing-btn:focus-visible,
.worker-pairing-close:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(138,69,255,.08);
}

@media(max-width:700px){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(260px,1fr) 168px auto!important;
    min-width:570px;
  }

  .worker-pairing-overlay{
    padding:10px;
  }

  .worker-pairing-modal{
    width:100%;
    border-radius:14px;
  }

  .worker-pairing-code{
    font-size:25px;
  }
}


#view-settings .settings-nav{
  padding:7px;
}

#view-settings .settings-tab{
  height:38px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:9px;
  text-align:left;
  font-size:10px;
  font-weight:610;
  transition:background .14s ease,color .14s ease,border-color .14s ease;
}

#view-settings .settings-tab-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.045);
  border-radius:7px;
  background:#111b24;
  color:#75889a;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}

#view-settings .settings-tab-icon svg{
  width:13px;
  height:13px;
  display:block;
}

#view-settings .settings-tab:hover .settings-tab-icon{
  color:#b8c7d4;
  background:#16222d;
  border-color:#273846;
}

#view-settings .settings-tab.active .settings-tab-icon{
  color:#cdb8ff;
  background:#241a34;
  border-color:#3a2a52;
}

#view-settings .settings-tab.active{
  font-weight:690;
}

@media(max-width:900px){
  #view-settings .settings-tab{
    padding:0 9px;
    gap:7px;
  }
}


.sidebar-status-card{
  padding:12px!important;
  border-color:#263846!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 95% -8%,rgba(138,69,255,.055),transparent 34%),
    linear-gradient(155deg,#0e1821,#091119 76%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.14)!important;
}

.sidebar-status-head{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.sidebar-status-kicker{
  display:block;
  color:#637688;
  font-size:6.5px;
  font-weight:720;
  letter-spacing:.095em;
  text-transform:uppercase;
}

.sidebar-status-card .sidebar-status-head h3{
  margin:4px 0 0!important;
  color:#edf2f6;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:-.01em;
}

.sidebar-health-badge{
  min-height:28px;
  padding:0 9px;
  border:1px solid #214a31;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#9ce5b5;
  background:#10251a;
  font-size:8px;
  font-weight:740;
  white-space:nowrap;
}

.sidebar-health-badge .health-dot{
  width:7px;
  height:7px;
  box-shadow:0 0 0 3px rgba(94,212,105,.07);
}


.sidebar-coordinator-card{
  margin-top:10px;
  padding:10px;
  border:1px solid #273a49;
  border-radius:11px;
  background:
    radial-gradient(circle at 6% -30%,rgba(138,69,255,.055),transparent 36%),
    #0c151e;
}

.sidebar-coordinator-main{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.sidebar-coordinator-icon{
  width:34px;
  height:34px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#c6a7ff;
  background:#21182f;
  border:1px solid #3a2952;
}

.sidebar-coordinator-icon svg{
  width:15px;
  height:15px;
}

.sidebar-coordinator-copy{
  min-width:0;
}

.sidebar-coordinator-copy label{
  display:block;
  color:#7c8c9c;
  font-size:7px;
  font-weight:690;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.sidebar-coordinator-copy strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#e5ebf0;
  font-size:10px;
  font-weight:720;
}

.sidebar-coordinator-state{
  min-height:24px;
  padding:0 7px;
  border:1px solid;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:6.8px;
  font-weight:740;
  white-space:nowrap;
}

.sidebar-coordinator-state svg{
  width:9px;
  height:9px;
}

.sidebar-coordinator-state.online{
  color:#91e0ad;
  background:#10251b;
  border-color:#20462f;
}

.sidebar-coordinator-state.offline{
  color:#ff969d;
  background:#2b1518;
  border-color:#5a2930;
}

.sidebar-coordinator-details{
  margin-top:9px;
  padding-top:8px;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);
  gap:6px;
  border-top:1px solid rgba(255,255,255,.045);
}

.sidebar-coordinator-detail{
  min-width:0;
  min-height:39px;
  padding:6px 7px;
  display:grid;
  grid-template-columns:23px minmax(0,1fr);
  gap:6px;
  align-items:center;
  border:1px solid rgba(255,255,255,.045);
  border-radius:8px;
  background:#101922;
}

.sidebar-coordinator-detail>span{
  width:23px;
  height:23px;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#86bce3;
  background:#102331;
}

.sidebar-coordinator-detail>span svg{
  width:10px;
  height:10px;
}

.sidebar-coordinator-detail label{
  display:block;
  color:#667889;
  font-size:6px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.sidebar-coordinator-detail strong{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#bdc8d2;
  font-size:7.5px;
  font-weight:660;
}


.sidebar-operational-grid{
  margin-top:9px;
  display:grid;
  gap:7px;
}

.sidebar-operational-card{
  min-height:62px;
  padding:9px 10px;
  border:1px solid #233543;
  border-radius:10px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
  background:#0c151e;
  transition:border-color .14s ease,background .14s ease;
}

.sidebar-operational-card:hover{
  border-color:#30485b;
  background:#101a24;
}

.sidebar-operational-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  border:1px solid;
}

.sidebar-operational-icon svg{
  width:14px;
  height:14px;
}

.sidebar-operational-icon.machines{
  color:#8dccff;
  background:#102433;
  border-color:#1d4057;
}

.sidebar-operational-icon.storage{
  color:#f0c56d;
  background:#282111;
  border-color:#4b3c1c;
}

.sidebar-operational-copy{
  min-width:0;
}

.sidebar-operational-copy label{
  display:block;
  color:#708293;
  font-size:6.8px;
  font-weight:690;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.sidebar-operational-copy strong{
  display:block;
  margin-top:2px;
  color:#eef3f6;
  font-size:17px;
  line-height:1.05;
  font-weight:820;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}

.sidebar-operational-copy strong small{
  color:#8898a7;
  font-size:9px;
  font-weight:650;
}

.sidebar-operational-copy>span{
  display:block;
  margin-top:4px;
  color:#718293;
  font-size:7px;
}

.sidebar-operational-card.storage{
  display:block;
}

.sidebar-operational-top{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
}

.sidebar-operational-top>b{
  color:#d3b8ff;
  font-size:10px;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}

.sidebar-storage-progress{
  height:5px;
  margin-top:8px;
  overflow:hidden;
  border-radius:999px;
  background:#202d38;
}

.sidebar-storage-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#46a9ef,#75c3f7);
}


.sidebar-status-card .health,
.sidebar-status-card .health-copy,
.sidebar-status-card .mini-chart,
.sidebar-status-card .side-divider,
.sidebar-status-card .side-stat,
.sidebar-status-card .side-version{
  display:none!important;
}


.coordinator-info-card{
  padding:11px!important;
  border-color:#263846!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 96% -8%,rgba(138,69,255,.045),transparent 34%),
    linear-gradient(155deg,#0e1821,#091119 76%)!important;
}

.coordinator-info-title{
  margin:0!important;
  padding:2px 1px 10px;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:#edf2f6;
  font-size:13px!important;
  font-weight:780!important;
  letter-spacing:-.012em;
}

.coordinator-info-list{
  margin-top:8px;
  display:grid;
  gap:6px;
}

.coordinator-info-item{
  min-width:0;
  min-height:58px;
  padding:8px 9px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid #223442;
  border-radius:10px;
  background:#0c151e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.014);
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}

.coordinator-info-item:hover{
  border-color:#30485a;
  background:#101a24;
  transform:translateY(-1px);
}

.coordinator-info-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  border:1px solid;
}

.coordinator-info-icon svg{
  width:14px;
  height:14px;
}

.coordinator-info-item.identity .coordinator-info-icon{
  color:#c6a7ff;
  background:#21182f;
  border-color:#3a2952;
}

.coordinator-info-item.os .coordinator-info-icon,
.coordinator-info-item.machines .coordinator-info-icon{
  color:#83caff;
  background:#102433;
  border-color:#1d4057;
}

.coordinator-info-item.storage .coordinator-info-icon{
  color:#f0c56d;
  background:#282111;
  border-color:#4b3c1c;
}

.coordinator-info-item.rendering .coordinator-info-icon{
  color:#a992ef;
  background:#20182e;
  border-color:#35264c;
}

.coordinator-info-copy{
  min-width:0;
  align-self:center;
}

.coordinator-info-copy strong{
  display:block;
  max-width:100%;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#edf2f6;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.018em;
}

.coordinator-info-copy .coordinator-primary-value{
  font-size:13px;
}

.coordinator-info-copy .coordinator-info-number{
  margin-top:3px;
  font-size:21px;
  font-weight:860;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}

.coordinator-info-copy .coordinator-storage-value{
  margin-top:4px;
  color:#f1d087;
  font-size:15px;
  font-weight:840;
  font-variant-numeric:tabular-nums;
}

.coordinator-storage-progress{
  width:100%;
  height:5px;
  margin-top:8px;
  overflow:hidden;
  border-radius:999px;
  background:#202d38;
}

.coordinator-storage-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  transition:width .2s ease,background-color .2s ease;
}

.coordinator-storage-progress-bar.low{
  background:#ef4444;
}

.coordinator-storage-progress-bar.medium{
  background:#e8c547;
}

.coordinator-storage-progress-bar.high{
  background:#42c77a;
}

.coordinator-info-copy .coordinator-render-value{
  margin-top:4px;
  color:#d1bbff;
  font-size:16px;
  font-weight:840;
}

.coordinator-info-card .sidebar-health-badge,
.coordinator-info-card .sidebar-coordinator-state,
.coordinator-info-card .sidebar-coordinator-details,
.coordinator-info-card .sidebar-operational-grid{
  display:none!important;
}


.settings-layout{display:grid;grid-template-columns:210px 1fr;gap:12px}
.settings-nav{border:1px solid var(--line);border-radius:9px;background:#0d151e;padding:7px;height:max-content}
.settings-tab{width:100%;height:34px;border:0;border-radius:7px;background:transparent;color:#aab5c1;text-align:left;padding:0 10px;font-size:10px}
.settings-tab:hover{background:#111c27;color:#fff}
.settings-tab.active{background:rgba(138,69,255,.12);color:#c7adff}
.settings-panel{border:1px solid var(--line);border-radius:9px;background:#0d151e;overflow:hidden}
.settings-head{padding:12px;border-bottom:1px solid var(--line-soft)}
.settings-head h3{margin:0;font-size:12px}
.settings-head p{margin:4px 0 0;font-size:9px;color:var(--muted)}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border-bottom:1px solid var(--line-soft)}
.setting-row:last-child{border-bottom:0}
.setting-row strong{display:block;font-size:10px}
.setting-row span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.toggle{width:34px;height:19px;border:0;border-radius:999px;background:#27313d;padding:2px}
.toggle::before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#cfd5dc;transition:.15s}
.toggle.on{background:#7241db}.toggle.on::before{transform:translateX(15px);background:#fff}

.proxy-storage-head{
  min-height:56px;display:flex;align-items:center;
  padding:0 20px!important;
  background:linear-gradient(180deg,rgba(15,25,35,.98),rgba(12,21,30,.98));
}
.proxy-storage-dashboard{
  display:grid;gap:14px;padding:16px;
  background:
    radial-gradient(circle at 92% -10%,rgba(111,64,205,.08),transparent 32%),
    #09121a;
}
.proxy-storage-card{
  border:1px solid #243645;border-radius:14px;
  background:linear-gradient(145deg,#101b26,#0b151e 68%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12);
}
.proxy-resolution-card{
  min-height:94px;display:grid;grid-template-columns:48px minmax(0,1fr);
  align-items:center;gap:14px;padding:16px 18px;
}
.proxy-storage-card-icon{
  width:46px;height:46px;border:1px solid;border-radius:13px;
  display:grid;place-items:center;flex:0 0 auto;
}
.proxy-storage-card-icon svg{width:21px!important;height:21px!important}
.proxy-storage-card-icon.purple{
  color:#b995ff;border-color:rgba(139,80,236,.3);
  background:linear-gradient(145deg,rgba(107,53,190,.24),rgba(63,35,104,.2));
}
.proxy-storage-card-icon.blue{
  color:#70c4ff;border-color:rgba(44,139,202,.28);
  background:linear-gradient(145deg,rgba(22,105,157,.22),rgba(17,64,95,.18));
}
.proxy-storage-card-copy,.proxy-storage-card-title>div:last-child{min-width:0}
.proxy-storage-eyebrow{
  display:block;margin-bottom:5px;color:#8194a8;
  font-size:8px;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.085em;
}
.proxy-storage-card-copy>strong,
.proxy-storage-card-title>div>strong{
  display:block;color:#eef4fa;font-size:13px;font-weight:720;line-height:1.2;
}
.proxy-coordinator-card{padding:18px}
.proxy-storage-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.055);
}
.proxy-storage-card-title{display:flex;align-items:center;gap:13px;min-width:0}
.proxy-storage-usage{text-align:right;white-space:nowrap}
.proxy-storage-usage strong{
  display:block;color:#f2f6fa;font-size:18px;font-weight:760;line-height:1.1;
}
.proxy-storage-usage span{display:block;margin-top:4px;color:#7f91a3;font-size:8px;font-weight:600}
.proxy-storage-paths{display:grid;gap:8px;padding-top:14px}
.proxy-storage-path-row{
  min-width:0;display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;gap:12px;
  min-height:38px;padding:8px 11px;border:1px solid rgba(119,145,168,.13);border-radius:9px;
  background:rgba(5,11,17,.27);
}
.proxy-storage-path-row>span{color:#8194a8;font-size:8px;font-weight:650}
.proxy-storage-path-row code{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#cbd6e0;font-family:var(--font-ui);font-size:8.5px;
}
.proxy-storage-path-row.empty code{color:#7f91a3}
.proxy-storage-error{
  margin-top:10px;padding:8px 10px;border:1px solid rgba(203,77,90,.22);border-radius:8px;
  background:rgba(134,38,49,.09);color:#e58a94;font-size:8.5px;
}
@media(max-width:760px){
  .proxy-resolution-card{grid-template-columns:46px minmax(0,1fr)}
  .proxy-storage-card-head{align-items:flex-start}
  .proxy-storage-path-row{grid-template-columns:1fr;gap:5px}
}

.settings-network-head{
  min-height:56px;display:flex;align-items:center;
  padding:0 20px!important;
  background:linear-gradient(180deg,rgba(15,25,35,.98),rgba(12,21,30,.98));
}
.settings-network-dashboard{
  padding:18px;
  background:
    radial-gradient(circle at 90% -20%,rgba(41,135,194,.09),transparent 36%),
    #09121a;
}
.settings-network-card{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:116px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;
  align-items:center;gap:18px;padding:20px 22px;
  border:1px solid #28516a;border-radius:16px;
  background:linear-gradient(135deg,rgba(15,48,65,.94),rgba(9,25,36,.98) 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.16);
}
.settings-network-card::after{
  content:"";position:absolute;z-index:-1;right:-48px;top:-70px;width:230px;height:190px;
  border-radius:50%;background:radial-gradient(circle,rgba(66,183,235,.16),transparent 68%);
  pointer-events:none;
}
.settings-network-icon{
  width:54px;height:54px;display:grid;place-items:center;
  color:#70caff;
}
.settings-network-icon svg{width:52px!important;height:52px!important}
.settings-network-copy{min-width:0}
.settings-network-copy>span{
  display:block;margin-bottom:8px;color:#9eb5c8;
  font-size:10px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.095em;
}
.settings-network-address-line{display:flex;align-items:center;gap:10px;min-width:0}
.settings-network-copy code{
  display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#f3f9fd;font-family:var(--font-ui);font-size:17px;font-weight:750;letter-spacing:.005em;
}
.settings-network-secure-badge{
  flex:0 0 auto;padding:4px 7px;border:1px solid rgba(74,222,166,.28);border-radius:999px;
  color:#7de6bd;background:rgba(31,128,96,.16);font-size:9px;font-weight:800;line-height:1;
  letter-spacing:.07em;
}
.settings-network-copy small{
  display:block;margin-top:7px;color:#8da4b7;font-size:11px;font-weight:550;line-height:1.4;
}
.settings-network-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.settings-network-copy-status{
  min-width:48px;color:#72dba7;font-size:10px;font-weight:700;text-align:right;
}
.settings-network-copy-status.is-error{color:#e58a94}
.settings-network-copy-button{
  min-width:142px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;
  border:1px solid #3c6178;border-radius:11px;
  color:#e4f3fb;background:linear-gradient(180deg,rgba(31,76,101,.9),rgba(18,49,67,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.13);
  font-size:12px;font-weight:750;white-space:nowrap;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.settings-network-copy-button>svg{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}
.settings-network-copy-button:hover{
  transform:translateY(-1px);border-color:#65a9cf;color:#ffffff;
  background:linear-gradient(180deg,rgba(40,96,127,.96),rgba(22,61,83,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 18px rgba(4,20,30,.22);
}
.settings-network-error{
  margin-top:10px;padding:8px 10px;border:1px solid rgba(203,77,90,.22);border-radius:8px;
  background:rgba(134,38,49,.09);color:#e58a94;font-size:8.5px;
}
@media(max-width:620px){
  .settings-network-card{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px}
  .settings-network-actions{grid-column:1/-1;justify-content:stretch}
  .settings-network-copy-button{flex:1}
}


.media-modal-overlay{
  position:fixed;inset:0;z-index:95;
  background:rgba(1,4,7,.76);
  backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  padding:28px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease
}
.media-modal-overlay.open{
  opacity:1;visibility:visible;pointer-events:auto
}
.media-modal{
  width:min(1380px,96vw);
  height:min(820px,92vh);
  min-height:620px;
  border:1px solid #263847;
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 0%,rgba(87,59,145,.07),transparent 31%),
    linear-gradient(155deg,#0b141d,#071018 62%,#070e15);
  box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
  display:grid;
  grid-template-rows:54px minmax(0,1fr);
  transform:translateY(10px) scale(.988);
  transition:transform .2s cubic-bezier(.2,.8,.2,1)
}
.media-modal-overlay.open .media-modal{transform:translateY(0) scale(1)}
.media-modal-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:0 15px 0 18px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(8,15,22,.78);
  backdrop-filter:blur(12px)
}
.media-modal-title{min-width:0}
.media-modal-title strong{
  display:block;font-size:12px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.media-modal-title span{
  display:block;margin-top:2px;font-size:8px;color:#748394
}
.media-modal-close{
  width:32px;height:32px;border:1px solid transparent;border-radius:50%;
  background:transparent;color:#8594a4;display:grid;place-items:center
}
.media-modal-close:hover{background:#131e28;border-color:var(--line);color:#fff}
.media-modal-close svg{width:14px;height:14px}

.media-modal-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(360px,.92fr)
}
.media-preview-pane{
  min-width:0;min-height:0;
  display:grid;grid-template-rows:minmax(0,1fr) auto;
  padding:16px;
  border-right:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 50% 46%,rgba(77,97,119,.08),transparent 48%),
    #050a0f
}
.media-stage{
  min-height:0;border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.065);
  background:
    radial-gradient(circle at 50% 45%,rgba(54,70,86,.20),transparent 38%),
    #020508;
  display:flex;align-items:center;justify-content:center;
  position:relative
}
.media-stage video,.media-stage img{
  width:100%;height:100%;object-fit:contain;background:#020508
}
.media-stage.audio-stage{
  flex-direction:column;gap:18px;
  background:
    radial-gradient(circle at 50% 42%,rgba(138,69,255,.16),transparent 28%),
    radial-gradient(circle at 35% 65%,rgba(62,167,255,.08),transparent 24%),
    linear-gradient(145deg,#0f1823,#050a0f)
}
.media-audio-art{
  width:108px;height:108px;border-radius:28px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(138,69,255,.19),rgba(62,167,255,.07));
  border:1px solid rgba(160,109,255,.18);
  box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035);
  color:#c6a6ff
}
.media-audio-art svg{width:43px;height:43px}
.media-audio-name{
  max-width:70%;text-align:center
}
.media-audio-name strong{display:block;font-size:13px}
.media-audio-name span{display:block;margin-top:5px;font-size:8px;color:#7d8b9a}

.custom-player{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  background:linear-gradient(180deg,#0d151e,#091119);
  padding:9px 10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)
}
.player-top{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto auto auto;
  align-items:center;gap:7px
}
.player-btn{
  width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#9ca9b7;
  display:grid;place-items:center
}
.player-btn:hover{background:#15212c;color:#fff}
.player-btn.primary{
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(145deg,#8147ec,#6231c8);
  color:#fff;box-shadow:0 6px 18px rgba(93,48,190,.22)
}
.player-btn svg{width:13px;height:13px}
.player-btn.primary svg{width:14px;height:14px}
.player-time{
  font-variant-numeric:tabular-nums;
  font-size:8px;color:#8795a5;white-space:nowrap
}
.player-timeline{
  position:relative;height:20px;display:flex;align-items:center;min-width:0
}
.player-timeline input[type="range"],
.player-volume input[type="range"]{
  appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:999px;
  background:#25313c;outline:none;cursor:pointer
}
.player-timeline input[type="range"]::-webkit-slider-thumb,
.player-volume input[type="range"]::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;
  width:12px;height:12px;border-radius:50%;
  background:#c4a6ff;border:2px solid #0c131b;
  box-shadow:0 0 0 1px rgba(159,110,255,.28)
}
.player-timeline input[type="range"]::-moz-range-thumb,
.player-volume input[type="range"]::-moz-range-thumb{
  width:10px;height:10px;border-radius:50%;
  background:#c4a6ff;border:2px solid #0c131b
}
.player-volume{
  display:flex;align-items:center;gap:5px;width:102px
}
.player-volume svg{width:13px;height:13px;color:#7f8e9d;flex:0 0 auto}
.player-volume input{min-width:0}
.player-no-controls{
  margin-top:10px;height:45px;border:1px solid rgba(255,255,255,.055);
  border-radius:11px;background:#0b131b;
  display:flex;align-items:center;justify-content:center;
  color:#687788;font-size:8px
}

.media-meta-pane{
  min-width:0;min-height:0;overflow:auto;
  padding:14px;
  background:
    radial-gradient(circle at 90% 0%,rgba(138,69,255,.06),transparent 26%),
    #091119
}
.meta-section{
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(16,26,36,.97),rgba(11,18,26,.97));
  overflow:hidden;margin-bottom:9px
}
.meta-section:last-child{margin-bottom:0}
.meta-section-head{
  min-height:39px;padding:0 11px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-bottom:1px solid rgba(255,255,255,.05)
}
.meta-section-head strong{
  font-size:9px;font-weight:620
}
.meta-section-head span{
  font-size:7px;color:#6f7d8d
}
.meta-section-body{padding:10px}
.ai-tag-list,.user-tag-list{
  display:flex;flex-wrap:wrap;gap:6px
}
.meta-tag{
  min-height:24px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  font-size:8px;border:1px solid transparent
}
.meta-tag.ai{
  color:#c7a8ff;background:rgba(138,69,255,.075);
  border-color:rgba(138,69,255,.14)
}
.meta-tag.user{
  color:#9ed3ff;background:rgba(62,167,255,.065);
  border-color:rgba(62,167,255,.13)
}
.meta-tag svg{width:10px;height:10px}
.tag-add-row{
  display:flex;align-items:center;gap:6px;margin-top:8px
}
.tag-add-row input{
  flex:1;min-width:0;height:31px;border:1px solid var(--line);border-radius:8px;
  background:#0b131b;color:#dce4ec;padding:0 9px;font-size:8px
}
.tag-add-row input::placeholder{color:#596879}
.tag-add-row button{
  height:31px;border:1px solid rgba(138,69,255,.22);border-radius:8px;
  background:rgba(138,69,255,.11);color:#c6a8ff;padding:0 10px;font-size:8px
}
.tag-add-row button:hover{background:rgba(138,69,255,.18)}
.meta-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:7px
}
.meta-item{
  min-width:0;padding:8px;border-radius:9px;
  background:rgba(255,255,255,.018);
  border:1px solid rgba(255,255,255,.045)
}
.meta-item label{
  display:block;font-size:7px;color:#6e7d8c;text-transform:uppercase;letter-spacing:.055em
}
.meta-item strong{
  display:block;margin-top:4px;font-size:9px;font-weight:560;color:#d6dee6;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.meta-item span{
  display:block;margin-top:3px;font-size:7px;color:#7a8998
}
.edit-timeline{
  display:grid;gap:7px
}
.edit-event{
  position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);
  gap:8px;align-items:start
}
.edit-event:not(:last-child)::after{
  content:"";position:absolute;left:12px;top:27px;bottom:-8px;width:1px;
  background:linear-gradient(180deg,rgba(126,145,164,.22),rgba(126,145,164,.05))
}
.edit-event-icon{
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;
  background:#14212c;border:1px solid rgba(255,255,255,.055);color:#8798a9
}
.edit-event-icon svg{width:11px;height:11px}
.edit-event-copy strong{display:block;font-size:8px}
.edit-event-copy span{display:block;margin-top:3px;font-size:7px;color:#778595;line-height:1.45}

@media(max-width:1050px){
  .media-modal{height:min(900px,94vh)}
  .media-modal-layout{grid-template-columns:1fr}
  .media-preview-pane{min-height:410px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .media-meta-pane{max-height:44vh}
}
@media(max-width:700px){
  .media-modal-overlay{padding:10px}
  .media-modal{width:100%;height:96vh;min-height:0;border-radius:14px}
  .media-preview-pane{padding:10px;min-height:360px}
  .media-meta-pane{padding:10px}
  .player-top{grid-template-columns:auto auto minmax(0,1fr) auto auto}
  .player-volume{grid-column:1/-1;width:100%}
  .meta-grid{grid-template-columns:1fr}
}


#view-media svg,
.media-modal svg{
  display:block;
  flex:0 0 auto;
  overflow:visible;
}
.smart-box>svg{
  width:16px!important;height:16px!important;
  color:#788b9d;
}
.multi-select-chevron{
  display:grid;place-items:center;
}
.multi-select-chevron svg{
  width:12px!important;height:12px!important;
}
.multi-select-check{
  display:grid;place-items:center;
}
.multi-select-check svg{
  width:11px!important;height:11px!important;
}
.media-card-info svg{
  width:13px!important;height:13px!important;
  color:#8193a4;
}
.media-stage-badge svg{
  width:13px!important;height:13px!important;
}
.meta-section-title-icon,
.meta-item-icon,
.edit-event-icon,
.media-audio-art,
.audio-preview-icon{
  display:grid;
  place-items:center;
}
.meta-section-title-icon svg{width:15px!important;height:15px!important}
.meta-item-icon svg{
  position:absolute!important;left:50%!important;top:50%!important;
  width:16px!important;height:16px!important;
  margin:0!important;padding:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;display:block!important
}
.edit-event-icon svg{width:14px!important;height:14px!important}
.media-status-pill svg{width:13px!important;height:13px!important}
.meta-tag svg{width:12px!important;height:12px!important}
.tag-add-row button svg{width:13px!important;height:13px!important}
.player-btn{display:grid;place-items:center}
.player-btn svg{width:16px!important;height:16px!important}
.player-btn.primary svg{width:17px!important;height:17px!important}
.player-volume svg{width:15px!important;height:15px!important}
.media-modal-close{display:grid;place-items:center}
.media-modal-close svg{width:16px!important;height:16px!important}

.media-format-badge{
  position:absolute;right:8px;top:8px;
  min-height:22px;padding:0 7px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(5,10,15,.72);
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(8px);
  color:#b5c1cc;font-size:7px;font-weight:650;
  letter-spacing:.055em;text-transform:uppercase;
}
.media-status-badge{
  position:absolute;left:8px;top:8px;
  min-height:23px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;gap:5px;
  backdrop-filter:blur(9px);
  font-size:7px;font-weight:700;letter-spacing:.035em;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
  z-index:2;
}
.media-status-badge svg{
  width:11px!important;height:11px!important;display:block
}
.media-status-badge.original{
  color:#99e99f;
  background:rgba(17,43,28,.78);
  border:1px solid rgba(94,212,105,.24);
}
.media-status-badge.edited{
  color:#9fd2ff;
  background:rgba(14,35,51,.80);
  border:1px solid rgba(62,167,255,.24);
}
.media-card:hover .media-status-badge.original{
  border-color:rgba(94,212,105,.34);
}
.media-card:hover .media-status-badge.edited{
  border-color:rgba(62,167,255,.34);
}

.media-card:hover .media-format-badge{
  border-color:rgba(174,150,255,.20);
  color:#d7c7ff;
}


.media-modal{
  width:min(1420px,96vw);
  height:min(860px,93vh);
}
.media-modal-head{
  min-height:62px;
  padding:0 16px 0 22px;
}
.media-modal-title strong{
  font-size:16px;
  font-weight:650;
  letter-spacing:-.01em;
}
.media-modal-title span{
  font-size:10px;
  margin-top:4px;
}
.media-modal-close{
  width:38px;height:38px;
}
.media-modal-close svg{width:16px;height:16px}

.media-preview-pane{
  padding:20px;
}
.media-stage{
  border-radius:16px;
}
.media-stage-badge{
  position:absolute;top:12px;left:12px;z-index:3;
  min-height:28px;padding:0 10px;border-radius:999px;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(4,9,14,.72);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  color:#dbe4ed;font-size:9px;font-weight:600;
}
.media-stage-badge svg{width:12px;height:12px;color:#b69cff}

.custom-player{
  margin-top:12px;
  padding:11px 12px;
  border-radius:14px;
}
.player-top{
  gap:9px;
}
.player-btn{
  width:38px;height:38px;border-radius:10px;
}
.player-btn.primary{
  width:42px;height:42px;
}
.player-btn svg{width:15px;height:15px}
.player-btn.primary svg{width:17px;height:17px}
.player-time{
  font-size:10px;
  color:#a9b6c4;
}
.player-timeline{
  height:26px;
}
.player-timeline input[type="range"],
.player-volume input[type="range"]{
  height:5px;
}
.player-timeline input[type="range"]::-webkit-slider-thumb,
.player-volume input[type="range"]::-webkit-slider-thumb{
  width:14px;height:14px;
}
.player-volume{
  width:118px;
}
.player-volume svg{width:15px;height:15px}

.player-no-controls{
  margin-top:12px;
  height:48px;
  border-radius:12px;
  font-size:10px;
  gap:7px;
}
.player-no-controls svg{
  width:15px;height:15px;color:#8ba1b6;
}

.media-meta-pane{
  padding:18px;
}
.meta-section{
  border-radius:14px;
  margin-bottom:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.meta-section-head{
  min-height:48px;
  padding:0 14px;
}
.meta-section-title{
  display:flex;align-items:center;gap:9px;
}
.meta-section-title-icon{
  width:30px;height:30px;border-radius:9px;
  display:grid;place-items:center;
  background:#14212c;
  border:1px solid rgba(255,255,255,.05);
  color:#92a4b5;
}
.meta-section-title-icon.ai{
  background:rgba(138,69,255,.10);
  color:#c5a6ff;
  border-color:rgba(138,69,255,.14);
}
.meta-section-title-icon.user{
  background:rgba(62,167,255,.08);
  color:#8dccff;
  border-color:rgba(62,167,255,.12);
}
.meta-section-title-icon.edit{
  background:rgba(241,184,66,.08);
  color:#f2c76d;
  border-color:rgba(241,184,66,.12);
}
.meta-section-title-icon svg{width:14px;height:14px}
.meta-section-title strong{
  font-size:12px;
  font-weight:630;
}
.meta-section-head>span{
  font-size:9px;
}
.meta-section-body{
  padding:13px 14px 14px;
}

.meta-tag{
  min-height:29px;
  padding:0 10px;
  font-size:10px;
}
.meta-tag svg{width:12px;height:12px}

.tag-add-row{
  margin-top:10px;
  gap:8px;
}
.tag-add-row input{
  height:38px;
  border-radius:10px;
  padding:0 11px;
  font-size:10px;
}
.tag-add-row button{
  height:38px;
  border-radius:10px;
  padding:0 13px;
  font-size:10px;
  display:inline-flex;align-items:center;gap:6px;
}
.tag-add-row button svg{
  width:12px;height:12px;
}

.meta-grid{
  gap:9px;
}
.meta-item{
  padding:11px;
  border-radius:11px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.meta-item-icon{
  width:38px;height:38px;border-radius:11px;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  align-self:center;justify-self:center;
  padding:0;margin:0;
  line-height:0;
  background:#14212c;
  border:1px solid rgba(255,255,255,.05);
  color:#8799aa;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
}
.meta-item-icon svg{
  position:absolute;
  left:50%;top:50%;
  width:16px!important;height:16px!important;
  margin:0!important;padding:0!important;
  transform:translate(-50%,-50%);
  transform-origin:center;
  display:block;
}
.meta-item-icon.format{
  color:#c8a5ff;background:linear-gradient(145deg,rgba(138,69,255,.13),rgba(138,69,255,.06));
  border-color:rgba(138,69,255,.15)
}
.meta-item-icon.size{
  color:#80c9ff;background:linear-gradient(145deg,rgba(62,167,255,.12),rgba(62,167,255,.05));
  border-color:rgba(62,167,255,.14)
}
.meta-item-icon.date{
  color:#ffc86d;background:linear-gradient(145deg,rgba(241,184,66,.12),rgba(241,184,66,.05));
  border-color:rgba(241,184,66,.14)
}
.meta-item-icon.duration{
  color:#7be3af;background:linear-gradient(145deg,rgba(68,199,137,.12),rgba(68,199,137,.05));
  border-color:rgba(68,199,137,.14)
}
.meta-item-icon.system{
  color:#8ebcff;background:linear-gradient(145deg,rgba(84,132,255,.12),rgba(84,132,255,.05));
  border-color:rgba(84,132,255,.14)
}
.meta-item-icon.status-original{
  color:#83e78c;background:linear-gradient(145deg,rgba(94,212,105,.12),rgba(94,212,105,.05));
  border-color:rgba(94,212,105,.14)
}
.meta-item-icon.status-edited{
  color:#90cfff;background:linear-gradient(145deg,rgba(62,167,255,.12),rgba(62,167,255,.05));
  border-color:rgba(62,167,255,.14)
}

.meta-item-icon svg *{
  vector-effect:non-scaling-stroke;
}
.meta-item-copy{min-width:0}
.meta-item label{
  font-size:8.5px;
  color:#788898;
  font-weight:620;
}
.meta-item strong{
  font-size:11.5px;
  margin-top:4px;
  line-height:1.3;
}
.meta-item span{
  font-size:8px;
  margin-top:3px;
}

.media-status-pill{
  min-height:28px;
  padding:0 9px;
  border-radius:999px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:9px;font-weight:650;
  border:1px solid transparent;
}
.media-status-pill svg{width:12px;height:12px}
.media-status-pill.original{
  color:#85e58a;
  background:rgba(94,212,105,.08);
  border-color:rgba(94,212,105,.16);
}
.media-status-pill.edited{
  color:#87c8ff;
  background:rgba(62,167,255,.08);
  border-color:rgba(62,167,255,.16);
}

.edit-timeline{
  gap:10px;
}
.edit-event{
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
}
.edit-event:not(:last-child)::after{
  left:16px;
  top:34px;
}
.edit-event-icon{
  width:34px;height:34px;
}
.edit-event-icon svg{width:14px;height:14px}
.edit-event-copy strong{
  font-size:10px;
}
.edit-event-copy span{
  font-size:9px;
  margin-top:4px;
  line-height:1.55;
}

.media-audio-art{
  width:126px;height:126px;
  border-radius:32px;
}
.media-audio-art svg{width:48px;height:48px}
.media-audio-name strong{font-size:16px}
.media-audio-name span{font-size:10px}

@media(max-width:1050px){
  .media-modal{height:min(920px,95vh)}
}
@media(max-width:700px){
  .media-modal-title strong{font-size:14px}
  .media-preview-pane{padding:12px}
  .media-meta-pane{padding:12px}
  .meta-grid{grid-template-columns:1fr}
  .player-btn{width:36px;height:36px}
  .player-btn.primary{width:40px;height:40px}
}


.overlay{position:fixed;inset:0;background:rgba(0,0,0,.53);backdrop-filter:blur(2px);display:none;z-index:80}
.overlay.open{display:block}
.drawer{position:absolute;right:0;top:0;width:min(630px,94vw);height:100%;background:#081019;border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(0,0,0,.34);overflow:auto}
.drawer-head{height:53px;position:sticky;top:0;background:rgba(8,16,25,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 13px;z-index:2}
.drawer-head strong{font-size:12px}
.drawer-body{padding:12px}
.player{aspect-ratio:16/9;border:1px solid var(--line);border-radius:9px;background:#05090d;display:grid;place-items:center;overflow:hidden}
.player video,.player img{width:100%;height:100%;object-fit:contain;background:#030609}
.player audio{width:calc(100% - 32px)}
.audio-preview{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;padding:20px;
  background:
    radial-gradient(circle at 50% 30%,rgba(138,69,255,.12),transparent 32%),
    linear-gradient(145deg,#101923,#070d13)
}
.audio-preview-icon{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:rgba(138,69,255,.12);border:1px solid rgba(138,69,255,.18);color:#c6a4ff
}
.audio-preview-icon svg{width:23px;height:23px}
.media-preview-summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;
  padding:10px;border:1px solid var(--line);border-radius:9px;background:#0d161f
}
.media-preview-summary strong{display:block;font-size:10px}
.media-preview-summary span{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:11px 0}
.detail-head h2{font-size:17px;margin:0}.detail-head p{font-size:9px;color:var(--muted);margin:4px 0 0}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.detail-box{border:1px solid var(--line);background:#0d161f;border-radius:8px;padding:10px}
.detail-box label{display:block;font-size:7px;color:#758396;text-transform:uppercase;letter-spacing:.08em}
.detail-box strong{display:block;font-size:10px;margin-top:5px}
.detail-box p{font-size:8px;color:var(--muted);line-height:1.45;margin:4px 0 0}
.review-note{margin-top:9px}
.review-note label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.review-note textarea{width:100%;min-height:78px;border:1px solid var(--line);border-radius:8px;background:#0d161f;color:#fff;padding:9px;font-size:9px;resize:vertical}
.drawer-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}

.modal{width:min(480px,92vw);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:10px;background:#09121b;overflow:hidden;box-shadow:var(--shadow)}
.modal-head{height:50px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.modal-head strong{font-size:12px}
.modal-body{padding:12px}
.field{margin-bottom:10px}
.field label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.field input,.field select{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:#0e1721;color:#fff;padding:0 9px;font-size:10px}
.permission-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.permission{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid var(--line-soft);font-size:9px}
.permission:last-child{border-bottom:0}
.permission input{accent-color:#8145ef}
.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.toast{position:fixed;right:15px;bottom:15px;border:1px solid #2a3745;border-radius:8px;background:#121b25;color:#fff;padding:9px 11px;font-size:9px;box-shadow:var(--shadow);display:none;z-index:110}
.toast.show{display:block}


.app.sidebar-collapsed{grid-template-columns:72px 1fr}
.app.sidebar-collapsed .sidebar{padding-left:8px;padding-right:8px}
.app.sidebar-collapsed .brand{justify-content:center;position:relative}
.app.sidebar-collapsed .nexus-brand-current{
  width:38px;
  height:38px;
  flex-basis:38px;
  justify-content:center;
}
.app.sidebar-collapsed .nexus-brand-lockup{display:none}
.app.sidebar-collapsed .nexus-brand-symbol{display:block}
.app.sidebar-collapsed .collapse-btn{
  position:absolute;right:-14px;top:17px;width:28px;height:28px;
  background:#0d151e;border:1px solid var(--line);z-index:4
}
.app.sidebar-collapsed .nav-btn{justify-content:center;padding-left:0;padding-right:0}
.app.sidebar-collapsed .nav-btn span.label{display:none}
.app.sidebar-collapsed .nav-badge{position:absolute;right:2px;top:2px;min-width:17px;height:17px;font-size:8px}
.app.sidebar-collapsed .system-card{display:none}

.profile{
  cursor:pointer;position:relative;
  min-width:118px;height:38px;padding:0 9px 0 5px;
  border:1px solid transparent;border-radius:999px;
  transition:background .18s ease,border-color .18s ease
}
.profile:hover,.profile[aria-expanded="true"]{
  background:rgba(255,255,255,.045);
  border-color:rgba(143,161,180,.14)
}
.profile .avatar{width:30px;height:30px}
.profile-copy strong{font-size:11px;font-weight:600;letter-spacing:.01em}
.profile .chev{
  width:17px;height:17px;margin-left:auto;border-radius:50%;
  display:grid;place-items:center;color:#7c8998;overflow:hidden;
  transition:transform .2s ease,background .18s ease,color .18s ease
}
.profile .chev svg{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important}
.profile:hover .chev{background:#15202a;color:#dce4ec}
.profile[aria-expanded="true"] .chev{transform:rotate(180deg);background:rgba(138,69,255,.08);color:#b59bff}


.notification-menu{
  position:fixed;top:55px;right:151px;width:330px;
  border:1px solid #263442;border-radius:15px;
  background:
    radial-gradient(circle at 95% 0%,rgba(62,167,255,.10),transparent 32%),
    linear-gradient(160deg,#0e1822,#09121a 70%);
  box-shadow:0 24px 70px rgba(0,0,0,.46);
  overflow:hidden;z-index:70;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.985);transform-origin:top right;
  transition:opacity .16s ease,transform .18s ease,visibility .16s ease
}
.notification-menu.open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)
}
.notification-menu::before{
  content:"";position:absolute;right:25px;top:-7px;width:13px;height:13px;
  background:#0d1720;border-left:1px solid #263442;border-top:1px solid #263442;
  transform:rotate(45deg);z-index:0
}
.notification-inner{position:relative;z-index:1;padding:8px}
.notification-head{
  min-height:43px;display:flex;align-items:center;justify-content:space-between;
  padding:2px 6px 8px;border-bottom:1px solid var(--line-soft)
}
.notification-head strong{font-size:11px}
.notification-head span{font-size:8px;color:#a8b5c2;background:#14212c;border:1px solid var(--line);padding:3px 6px;border-radius:999px}
.notification-list{padding-top:5px}
.notification-item{
  width:100%;border:1px solid transparent;border-radius:10px;background:transparent;color:#d5dde6;
  display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;
  min-height:55px;padding:7px 8px;text-align:left
}
.notification-item:hover{background:#111c26;border-color:var(--line)}
.notification-icon{
  width:33px;height:33px;border-radius:50%;display:grid;place-items:center
}
.notification-icon svg{width:14px;height:14px}
.notification-icon.review{background:rgba(138,69,255,.11);color:#bd96ff}
.notification-icon.warning{background:rgba(241,184,66,.10);color:#ffd06e}
.notification-icon.error{background:rgba(255,100,108,.10);color:#ff969c}
.notification-copy strong{display:block;font-size:9px;font-weight:560}
.notification-copy span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.notification-time{font-size:7px;color:#687788;white-space:nowrap}
.notification-footer{
  margin-top:5px;border-top:1px solid var(--line-soft);padding-top:6px
}
.notification-footer button{
  width:100%;height:33px;border:0;border-radius:8px;background:transparent;color:#83c7f7;font-size:9px
}
.notification-footer button:hover{background:#111c26}

.account-menu{
  position:fixed;top:55px;right:17px;width:318px;
  border:1px solid #263442;border-radius:16px;
  background:
    radial-gradient(circle at 92% 2%,rgba(138,69,255,.12),transparent 34%),
    linear-gradient(160deg,#0e1822,#09121a 68%);
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  overflow:hidden;z-index:70;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.985);
  transform-origin:top right;
  transition:opacity .16s ease,transform .18s ease,visibility .16s ease
}
.account-menu.open{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1)
}
.account-menu::before{
  content:"";position:absolute;right:36px;top:-7px;width:13px;height:13px;
  background:#0d1720;border-left:1px solid #263442;border-top:1px solid #263442;
  transform:rotate(45deg);z-index:0
}
.account-menu-inner{position:relative;z-index:1;padding:8px}
.account-section{
  border:1px solid var(--line);border-radius:12px;
  background:linear-gradient(145deg,rgba(18,28,39,.95),rgba(12,20,29,.95));
  overflow:hidden
}
.account-section-toggle{
  width:100%;min-height:56px;border:0;background:transparent;color:#eef3f8;
  display:grid;grid-template-columns:36px 1fr 28px;align-items:center;gap:9px;
  padding:8px 10px;text-align:left
}
.account-section-toggle:hover{background:rgba(255,255,255,.025)}
.account-menu-icon{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(138,69,255,.2),rgba(76,45,145,.12));
  border:1px solid rgba(151,89,255,.16);color:#c09cff
}
.account-menu-icon svg{width:16px;height:16px}
.account-section-copy strong{display:block;font-size:11px;font-weight:620}
.account-section-copy span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.account-chevron{
  width:14px;height:14px;display:grid;place-items:center;overflow:hidden;
  color:#6f7d8d;opacity:.88;
  transition:transform .2s ease,color .18s ease,opacity .18s ease
}
.account-chevron svg{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important}
.account-section-toggle:hover .account-chevron{color:#aab6c3;opacity:1}
.account-section.expanded .account-chevron{
  transform:rotate(180deg);color:#a98cff;opacity:1
}
.account-details{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1)
}
.account-section.expanded .account-details{grid-template-rows:1fr}
.account-details-inner{overflow:hidden}
.account-fields{
  margin:0 9px 9px;padding:8px;
  border-radius:10px;background:rgba(5,10,15,.42);
  border:1px solid rgba(255,255,255,.045)
}
.account-field{
  min-height:39px;display:grid;grid-template-columns:28px 64px 1fr;
  align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.045)
}
.account-field:last-child{border-bottom:0}
.account-field-icon{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:#121e29;color:#8798aa
}
.account-field-icon svg{width:12px;height:12px}
.account-field label{font-size:8px;color:#738294}
.account-field strong{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:9px;color:#dce4ec;font-weight:520
}
.account-utility{
  width:100%;min-height:52px;margin-top:7px;border:1px solid transparent;border-radius:11px;
  background:transparent;color:#d5dde6;
  display:grid;grid-template-columns:34px 1fr 26px;align-items:center;gap:9px;
  padding:7px 10px;text-align:left
}
.account-utility:hover{background:#111c26;border-color:var(--line)}
.account-utility .account-menu-icon{
  width:34px;height:34px;background:rgba(62,167,255,.09);
  border-color:rgba(62,167,255,.12);color:#7cc3ff
}
.account-utility-copy strong{display:block;font-size:10px;font-weight:580}
.account-utility-copy span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.account-utility-arrow{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  color:#8190a0;transition:transform .18s ease,background .18s ease
}
.account-utility:hover .account-utility-arrow{transform:translateX(2px);background:#17232e;color:#b7c4d1}
.account-utility-arrow svg{width:12px;height:12px}
.account-menu-divider{height:1px;background:var(--line-soft);margin:7px 4px}
.account-logout{
  width:100%;height:40px;border:0;border-radius:9px;background:transparent;color:#ff8e95;
  display:flex;align-items:center;gap:10px;padding:0 12px;text-align:left;font-size:9px
}
.account-logout:hover{background:rgba(255,100,108,.07)}
.account-logout svg{width:14px;height:14px}


.help-hero{
  position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:14px;
  background:
    radial-gradient(circle at 92% 0%,rgba(138,69,255,.18),transparent 34%),
    radial-gradient(circle at 70% 120%,rgba(62,167,255,.10),transparent 40%),
    linear-gradient(145deg,#101b26,#09121a);
  padding:24px;margin-bottom:12px
}
.help-hero-inner{max-width:680px;position:relative;z-index:1}
.help-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.help-brand-mark{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:9px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
}
.help-brand-mark img{
  width:44px;
  height:44px;
  display:block;
  object-fit:contain;
}
.help-hero h2{margin:0;font-size:23px;letter-spacing:-.02em}
.help-hero p{margin:8px 0 0;color:#95a3b3;font-size:11px;line-height:1.65;max-width:610px}
.help-version{
  display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  height:27px;padding:0 9px;border-radius:999px;
  color:#cbb3ff;background:rgba(138,69,255,.09);border:1px solid rgba(138,69,255,.18);font-size:9px
}
.help-version::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.help-info-card,.help-topic{
  border:1px solid var(--line);border-radius:11px;background:#0d151e
}
.help-info-card{padding:13px}
.help-info-top{display:flex;align-items:center;gap:9px}
.help-info-icon{
  width:32px;height:32px;border-radius:10px;display:grid;place-items:center;
  background:#131f2a;color:#8fc8ff
}
.help-info-icon svg{width:15px;height:15px}
.help-info-card label{display:block;font-size:8px;color:#778697;text-transform:uppercase;letter-spacing:.08em}
.help-info-card strong{display:block;font-size:11px;margin-top:3px}
.help-info-card p{font-size:8px;color:var(--muted);margin:9px 0 0;line-height:1.5}
.help-section-title{font-size:12px;margin:0 0 8px}
.help-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.help-topic{padding:12px;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start}
.help-topic .help-info-icon{width:32px;height:32px}
.help-topic strong{display:block;font-size:10px}
.help-topic p{font-size:8px;color:var(--muted);line-height:1.55;margin:4px 0 0}
.help-back{display:inline-flex;margin-bottom:10px}
.help-intro-grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-bottom:12px
}
.help-copy-panel,.help-flow-panel{
  border:1px solid var(--line);border-radius:11px;background:#0d151e;padding:15px
}
.help-copy-panel h3,.help-flow-panel h3{
  margin:0 0 8px;font-size:12px
}
.help-copy-panel p{
  margin:0;color:#96a3b3;font-size:9px;line-height:1.75
}
.help-copy-panel p+p{margin-top:8px}
.help-bullets{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px
}
.help-bullet{
  min-height:48px;border:1px solid rgba(255,255,255,.055);border-radius:9px;
  background:rgba(255,255,255,.018);padding:9px
}
.help-bullet strong{display:block;font-size:9px}
.help-bullet span{display:block;font-size:8px;color:var(--muted);line-height:1.45;margin-top:3px}
.help-flow{
  display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px
}
.help-flow-step{
  min-height:31px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;
  background:#111c26;border:1px solid var(--line);color:#c5d0db;font-size:8px
}
.help-flow-arrow{color:#586778;font-size:9px}
.help-note{
  margin-top:12px;padding:10px;border-radius:9px;
  background:rgba(138,69,255,.055);border:1px solid rgba(138,69,255,.12);
  color:#aeb9c6;font-size:8px;line-height:1.55
}

@media(max-width:850px){
  .account-menu{right:12px;width:min(318px,calc(100vw - 94px))}
  .notification-menu{right:96px;width:min(330px,calc(100vw - 105px))}
  .help-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .profile{min-width:auto;padding-right:5px}
  .profile-copy{display:block}
  .help-grid,.help-topics,.help-intro-grid{grid-template-columns:1fr}
  .help-bullets{grid-template-columns:1fr}
}

@media(max-width:1350px){
  .metric-grid{grid-template-columns:repeat(3,1fr)}
  .ov-grid{grid-template-columns:1fr 1fr}
  .ov-grid>  .media-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:1100px){
  :root{--sidebar-w:72px}
  .brand{justify-content:center}
  .nexus-brand-current{width:38px;height:38px;flex-basis:38px;justify-content:center}
  .nexus-brand-lockup{display:none}
  .nexus-brand-symbol{display:block}
  .nav-btn span.label,.system-card{display:none}
  .collapse-btn{position:absolute;right:-14px;top:17px;width:28px;height:28px;background:#0d151e;border:1px solid var(--line);z-index:4}
  .nav-btn{justify-content:center;padding:0}.nav-badge{position:absolute;right:2px;top:2px;min-width:17px;height:17px;font-size:8px}
  .bottom-grid{grid-template-columns:1fr}
  .card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .ov-grid{grid-template-columns:1fr}.ov-grid>  .processing-row{grid-template-columns:60px 1fr 70px}.processing-row>.progress-block:nth-child(4),.processing-row>.progress-block:nth-child(5){display:none}
  .media-grid{grid-template-columns:repeat(3,1fr)}
  .settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-tab{white-space:nowrap;width:auto;flex:0 0 auto}
}
@media(max-width:620px){
  *::-webkit-scrollbar{width:6px;height:6px}
  .main{padding:12px}
  .worker-detail-summary{grid-template-columns:1fr 1fr}
  .hardware-list{grid-template-columns:1fr}
  .hardware-row:nth-child(odd){border-right:0}
  .hardware-row:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .hardware-row:last-child{border-bottom:0}
  .metric-grid{grid-template-columns:1fr}
  .media-grid{grid-template-columns:repeat(2,1fr)}
  .card-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .profile-copy{display:none}
}