/* Nexus semantic glass icon system. It enhances the existing semantic SVG hosts
   without replacing their layout boxes, so pages and dynamic modals remain stable. */
:root{
  /* The front object is real translucent glass. Its low-alpha tint lets the
     actual host surface (dark, light, green, blue, and so on) remain visible. */
  --nx-glass-1:#dceaf1;
  --nx-glass-2:#9eb2bd;
  --nx-glass-3:#607580;
  --nx-glass-4:#213039;
  --nx-glass-opacity-1:.34;
  --nx-glass-opacity-2:.23;
  --nx-glass-opacity-3:.17;
  --nx-glass-opacity-4:.30;
  --nx-glass-edge:#b9cad4;
  --nx-glass-edge-opacity:.67;
  --nx-front-shadow:rgba(0,0,0,.86);
  --nx-front-highlight:rgba(207,232,244,.18);
  --nx-glass-veil:rgba(220,232,239,.10);
  --nx-transmission-normal:.78;
  --nx-transmission-hover:1;
  --nx-transmission-pressed:.88;
  --nx-transmission-blend:screen;
}

html[data-theme="light"]{
  --nx-glass-1:#fff;
  --nx-glass-2:#eef3f7;
  --nx-glass-3:#c9d6de;
  --nx-glass-4:#91a4b0;
  --nx-glass-opacity-1:.48;
  --nx-glass-opacity-2:.34;
  --nx-glass-opacity-3:.23;
  --nx-glass-opacity-4:.22;
  --nx-glass-edge:#4f6274;
  --nx-glass-edge-opacity:.58;
  --nx-front-shadow:rgba(67,82,96,.34);
  --nx-front-highlight:rgba(255,255,255,.72);
  --nx-glass-veil:rgba(255,255,255,.14);
  --nx-transmission-normal:.62;
  --nx-transmission-hover:.94;
  --nx-transmission-pressed:.72;
  --nx-transmission-blend:normal;
}

.nx-glass-icon{
  --nx-rear-bloom:.42;
  --nx-rear-brightness:1;
  --nx-rear-saturation:1;
  --nx-rear-glow-brightness:1;
  --nx-rear-glow-saturation:1;
  --nx-transmission:var(--nx-transmission-normal);
  display:block!important;
  overflow:visible!important;
  opacity:1!important;
  color:inherit;
  pointer-events:none;
  transform:translateZ(0);
  filter:none!important;
}
.nx-glass-icon[data-nx-tier="hero"]{width:100%;height:100%}
.nx-glass-icon[data-nx-tier="card"]{width:100%;height:100%}
.nx-glass-icon[data-nx-tier="micro"]{min-width:1em;min-height:1em}
.nx-glass-icon>.nx-legacy-icon-source{display:none}
.nx-glass-icon .nx-icon-rear-glow{opacity:var(--nx-rear-bloom);filter:blur(4.6px) brightness(var(--nx-rear-glow-brightness)) saturate(var(--nx-rear-glow-saturation));transition:opacity .18s ease,filter .18s ease}
.nx-glass-icon .nx-icon-rear-solid{opacity:.82;filter:brightness(var(--nx-rear-brightness)) saturate(var(--nx-rear-saturation));transition:opacity .18s ease,filter .18s ease}
.nx-glass-icon .nx-icon-front{filter:drop-shadow(0 3.2px 2.6px var(--nx-front-shadow)) drop-shadow(-.7px -.7px 1px var(--nx-front-highlight))}
.nx-glass-icon .nx-icon-transmission{opacity:var(--nx-transmission);mix-blend-mode:var(--nx-transmission-blend);transition:opacity .18s ease}
.nx-glass-icon .nx-icon-transmission-wide{opacity:.76;filter:blur(5.2px)}
.nx-glass-icon .nx-icon-transmission-core{opacity:.46;filter:blur(2.8px)}
.nx-glass-icon .nx-icon-veil{opacity:.16}
.nx-glass-icon .nx-icon-accent{filter:drop-shadow(0 0 1.6px rgba(255,255,255,.72))}

:is(button,a,[role="button"],.metric-card,.machine-page-card,.media-card,.review-grid-card,.settings-tab):not(:disabled):not([aria-disabled="true"]):hover .nx-glass-icon{
  --nx-rear-bloom:1;
  --nx-rear-brightness:1.32;
  --nx-rear-saturation:1.28;
  --nx-rear-glow-brightness:1.72;
  --nx-rear-glow-saturation:1.42;
  --nx-transmission:var(--nx-transmission-hover);
}
:is(button,a,[role="button"],.metric-card,.machine-page-card,.media-card,.review-grid-card,.settings-tab):not(:disabled):not([aria-disabled="true"]):hover .nx-glass-icon .nx-icon-rear-glow{
  opacity:1!important;
  filter:blur(5.5px) brightness(var(--nx-rear-glow-brightness)) saturate(var(--nx-rear-glow-saturation));
}
:is(button,a,[role="button"]):active .nx-glass-icon,
:is(button,a,[role="button"])[aria-pressed="true"] .nx-glass-icon{
  --nx-rear-bloom:.58;
  --nx-rear-brightness:1.05;
  --nx-rear-saturation:1.05;
  --nx-rear-glow-brightness:1.12;
  --nx-rear-glow-saturation:1.08;
  --nx-transmission:var(--nx-transmission-pressed);
}
/* Disabled actions are visually inert. Keeping the resting glass variables on
   the control prevents generic or page-specific hover rules from relighting
   the glyph while the action cannot be used. */
:is(button:disabled,[role="button"][aria-disabled="true"],a[aria-disabled="true"]) .nx-glass-icon{
  --nx-rear-bloom:.42!important;
  --nx-rear-brightness:1!important;
  --nx-rear-saturation:1!important;
  --nx-rear-glow-brightness:1!important;
  --nx-rear-glow-saturation:1!important;
  --nx-transmission:var(--nx-transmission-normal)!important;
}
:is(button:disabled,[role="button"][aria-disabled="true"],a[aria-disabled="true"]) .nx-glass-icon .nx-icon-rear-glow{
  opacity:var(--nx-rear-bloom)!important;
  filter:blur(4.6px) brightness(1) saturate(1)!important;
}
.nx-glass-icon[data-nx-tier="micro"] .nx-icon-rear-glow{opacity:calc(var(--nx-rear-bloom) * .9)}
.nx-glass-icon[data-nx-tier="micro"] .nx-icon-edge{stroke-width:1.7}
.nx-glass-icon[data-nx-tier="micro"] .nx-icon-accent{opacity:.72}

/* A production glass glyph replaces the complete legacy icon tile. Keep the
   host's layout dimensions, but remove its old colored square and let the SVG
   consume that entire reserved area. */
.nx-glass-icon-host{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.nx-glass-icon-host>svg.nx-glass-icon{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}

/* Normalize the legacy SVG hosts while retaining their surrounding product layout. */
.nav-btn::before,
.page-head::before,
.renders-head::before{display:none!important}
.nav-btn>svg,
.nav-item>svg,
.coordinator-info-icon svg,
#view-overview .metric-icon svg,
#adminRefreshButton>svg,
#notificationButton>svg,
#view-settings .settings-tab-icon svg,
#view-settings :is(.proxy-storage-card-icon,.settings-network-icon) svg,
.app-empty-icon svg,
.empty-state>span svg,
.selection-icon svg,
.modal-icon svg,
.account-profile-avatar svg,
.avatar svg{display:block!important;opacity:1!important}

.nav-btn::before,
.nav-item::before,
.page-head::before,
.coordinator-info-icon,
#view-overview .metric-icon,
#adminRefreshButton,
#notificationButton,
#view-settings .settings-tab-icon,
#view-settings :is(.proxy-storage-card-icon,.settings-network-icon),
.app-empty-icon,
.empty-state>span,
.selection-icon,
.modal-icon,
.account-profile-avatar,
.avatar{
  background-image:none!important;
}

.nav-btn{min-height:4rem!important;gap:.45rem!important;padding:.35rem .55rem!important}
.nav-btn>svg{width:3.3rem!important;height:3.3rem!important;flex:0 0 3.3rem!important}
.app.sidebar-collapsed .nav-btn>svg{width:3.45rem!important;height:3.45rem!important;flex-basis:3.45rem!important}
#adminRefreshButton>svg,#notificationButton>svg{width:2rem!important;height:2rem!important}
#view-settings .settings-tab-icon svg{width:2.45rem!important;height:2.45rem!important}
.app-empty-icon{
  width:4.5rem!important;
  height:4.5rem!important;
  flex:0 0 4.5rem!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.app-empty-icon svg{width:4.25rem!important;height:4.25rem!important;max-width:100%!important;max-height:100%!important}
.app-empty-state.compact .app-empty-icon{width:3.5rem!important;height:3.5rem!important;flex-basis:3.5rem!important}
.app-empty-state.compact .app-empty-icon svg{width:3.25rem!important;height:3.25rem!important}
.modal-icon svg{width:3rem!important;height:3rem!important;max-width:100%!important;max-height:100%!important}

.page-head-icon{
  width:2.6rem;
  height:2.6rem;
  flex:0 0 2.6rem;
  display:grid;
  place-items:center;
}
.page-head-icon svg{width:100%;height:100%}
.nx-page-title{display:grid!important;grid-template-columns:2.6rem minmax(0,1fr);grid-template-areas:"icon title" "icon subtitle";align-items:center;column-gap:.7rem;min-width:0}
.nx-page-title>.page-head-icon{grid-area:icon}
.nx-page-title>h1{grid-area:title;align-self:end}
.nx-page-title>p{grid-area:subtitle;align-self:start}
.nx-renders-head-icon{
  position:absolute;
  left:18px;
  top:50%;
  width:3.25rem;
  height:3.25rem;
  transform:translateY(-50%);
}
.nx-renders-head-icon svg{width:100%;height:100%}
.renders-head.nx-has-head-icon{position:relative;padding-left:4.75rem!important;min-height:4.75rem}

.nx-icon-only{
  width:2.9rem!important;
  min-width:2.9rem!important;
  height:2.9rem!important;
  min-height:2.9rem!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:.28rem!important;
  gap:0!important;
}
.nx-icon-only>svg{width:100%!important;height:100%!important;margin:0!important}
#profileMenuButton.nx-icon-only .avatar{width:100%!important;height:100%!important;display:grid!important;place-items:center!important}
#profileMenuButton.nx-icon-only .avatar svg{width:100%!important;height:100%!important}
.account-theme-choice.nx-icon-only,.theme-choice.nx-icon-only{width:2.65rem!important;min-width:2.65rem!important;height:2.65rem!important;min-height:2.65rem!important;padding:.2rem!important}
.nx-icon-compact{
  width:1.65rem!important;
  min-width:1.65rem!important;
  height:1.65rem!important;
  min-height:1.65rem!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:.12rem!important;
  border-radius:.45rem!important;
}
.nx-icon-compact>svg{width:100%!important;height:100%!important;margin:0!important}
#view-settings .settings-layout{grid-template-columns:13.125rem minmax(0,1fr)!important}
#view-settings .settings-tab{min-height:3.5rem;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:.55rem .75rem!important;gap:.65rem!important}
#view-settings .settings-tab-icon{width:2.35rem!important;height:2.35rem!important;flex:0 0 2.35rem!important}
.nx-visually-hidden{
  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;
}

.nx-icon-tooltip{
  position:fixed;
  z-index:100000;
  width:max-content;
  max-width:calc(100vw - 1rem);
  padding:.5rem .7rem;
  border:1px solid #56778f;
  border-radius:.55rem;
  background:rgba(20,43,59,.98);
  color:#f4f7fb;
  box-shadow:inset 0 1px 0 rgba(220,239,251,.09),0 .45rem 1.25rem rgba(0,0,0,.28);
  font:650 .78rem/1.25 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-100%) translateY(0) scale(.97);
  transition:opacity .14s ease,transform .14s ease;
}
.nx-icon-tooltip.visible{opacity:1;transform:translate(-50%,-100%) translateY(-.08rem) scale(1)}
.nx-icon-tooltip.below{transform:translate(-50%,0) translateY(.08rem) scale(.97)}
.nx-icon-tooltip.below.visible{transform:translate(-50%,0) translateY(.08rem) scale(1)}
.nx-icon-tooltip.right{transform:translate(0,-50%) translateX(.08rem) scale(.97)}
.nx-icon-tooltip.right.visible{transform:translate(0,-50%) translateX(.08rem) scale(1)}
.nx-icon-tooltip.left{transform:translate(-100%,-50%) translateX(-.08rem) scale(.97)}
.nx-icon-tooltip.left.visible{transform:translate(-100%,-50%) translateX(-.08rem) scale(1)}
html[data-theme="light"] .nx-icon-tooltip{border-color:rgba(55,75,96,.22);background:rgba(255,255,255,.98);color:#16212b;box-shadow:0 .75rem 2rem rgba(49,67,86,.18)}

/* The notification footer is a full-width navigation affordance. Keep its
   icon at the reading-end instead of leaving it beside the panel border. */
.notification-footer{
  display:flex!important;
  justify-content:flex-end!important;
}
.notification-footer>button.nx-icon-only{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-inline:.65rem!important;
}
.notification-footer>button.nx-icon-only>.nx-glass-icon{
  margin-left:auto!important;
}

/* Icon-led controls use the full slot formerly occupied by the legacy tile.
   Keep the search/filter geometry generous so a full glass glyph never
   compresses the adjacent controls. */
#view-workers .machines-toolbar{
  grid-template-columns:minmax(28rem,1fr) minmax(13rem,15rem) 5.5rem!important;
  gap:.75rem!important;
  padding:.625rem!important;
}
#view-workers .machines-search,
#view-workers #machineStateDropdown{min-width:0!important;width:100%!important;max-width:none!important}
#view-workers .machines-search input,
#view-workers #machineStateDropdown>.multi-select-trigger{
  height:3.35rem!important;
  min-height:3.35rem!important;
  font-size:.875rem!important;
}
#view-workers #addWorkerButton.nx-icon-only,
#view-team .team-add-member-btn.nx-icon-only{
  width:5.5rem!important;
  min-width:5.5rem!important;
  height:3.35rem!important;
  min-height:3.35rem!important;
  padding:.18rem!important;
  border-radius:.75rem!important;
}
#view-workers #addWorkerButton.nx-icon-only>svg,
#view-team .team-add-member-btn.nx-icon-only>svg{width:3.2rem!important;height:3.2rem!important}

#view-folders .folder-browser-controls{
  grid-template-columns:minmax(20rem,1fr) minmax(13rem,15rem)!important;
  gap:.75rem!important;
  padding:.625rem!important;
}
#view-processing .processing-filter-search-row{
  grid-template-columns:minmax(13rem,15rem) minmax(20rem,1fr)!important;
  gap:.75rem!important;
}
#view-processing .processing-state-dropdown{width:100%!important;min-width:13rem!important}
:is(#view-folders,#view-reviews,#view-team,#view-processing) :is(.search-field input,.shared-folder-search input,.multi-select-trigger){
  height:3.1rem!important;
  min-height:3.1rem!important;
  font-size:.82rem!important;
}
:is(#view-reviews,#view-team) :is(.review-status-segments,.team-role-segments) button{
  min-height:2.65rem!important;
  font-size:.78rem!important;
}

#view-workers .machine-page-property{
  min-height:4.15rem!important;
  grid-template-columns:3.1rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.72rem!important;
  padding:.48rem .72rem!important;
}
#view-workers .machine-property-icon{
  width:3.1rem!important;
  min-width:3.1rem!important;
  height:3.1rem!important;
  min-height:3.1rem!important;
}
#view-workers .machine-page-property>div{min-width:0;display:flex;align-items:center}
#view-workers .machine-page-property label{display:none!important}
#view-workers .machine-page-property strong{
  margin:0!important;
  font-size:.8rem!important;
  line-height:1.35!important;
  font-weight:700!important;
}
#view-workers .machine-page-foot-meta{gap:.65rem!important}
#view-workers .machine-ai-state{
  min-height:2.75rem!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.5rem!important;
  padding:.3rem .8rem .3rem .34rem!important;
  font-size:.78rem!important;
}
#view-workers .machine-ai-state>strong{font:inherit;color:inherit;white-space:nowrap}
#view-workers .machine-ai-icon{
  width:2.15rem!important;
  min-width:2.15rem!important;
  height:2.15rem!important;
  min-height:2.15rem!important;
  display:grid!important;
  place-items:center!important;
}
#view-workers .machine-page-open{
  min-height:2.75rem!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.45rem!important;
  padding:0 .9rem!important;
  border:1px solid rgba(139,157,179,.2)!important;
  border-radius:.7rem!important;
  background:rgba(255,255,255,.025)!important;
  color:#cbd6e2!important;
  font-size:.8rem!important;
  line-height:1!important;
  font-weight:750!important;
  white-space:nowrap;
}
#view-workers .machine-page-open svg{width:1.05rem!important;height:1.05rem!important}
html[data-theme="light"] #view-workers .machine-page-open{
  border-color:rgba(75,95,116,.2)!important;
  background:rgba(51,74,98,.035)!important;
  color:#354b61!important;
}

#machineDetailOverlay .machine-detail-info-card,
#machineDetailOverlay .machine-detail-summary-card{
  min-height:5.35rem!important;
  grid-template-columns:3.65rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.85rem!important;
  padding:.72rem!important;
}
#machineDetailOverlay :is(.machine-detail-info-icon,.machine-detail-summary-icon){
  width:3.65rem!important;
  min-width:3.65rem!important;
  height:3.65rem!important;
  min-height:3.65rem!important;
}
#machineDetailOverlay :is(.machine-detail-info-card,.machine-detail-summary-card) label{display:none!important}
#machineDetailOverlay :is(.machine-detail-info-card,.machine-detail-summary-card) strong{
  margin-top:0!important;
  font-size:.84rem!important;
  line-height:1.35!important;
}
#machineDetailOverlay .machine-detail-info-card div>span{font-size:.74rem!important;line-height:1.35!important}

/* Equivalent proportions for the DaVinci surface; harmless on Admin pages. */
.media-search-row{gap:.75rem!important}
.media-smart-box{min-width:0!important;flex:1 1 32rem!important}
.media-smart-box input{height:3.25rem!important;font-size:.84rem!important}
.media-view-toggle button{width:3rem!important;height:2.75rem!important}
.media-filter-row{gap:.65rem!important}
.plugin-filter{min-width:10.5rem!important;flex:1 1 10.5rem!important;max-width:15rem!important}
.plugin-filter>button{min-height:2.75rem!important;font-size:.78rem!important}
.plugin-filter>button>span{font-size:.78rem!important}
#submitProjectButton.nx-icon-only{
  width:5.5rem!important;
  min-width:5.5rem!important;
  height:3.35rem!important;
  min-height:3.35rem!important;
  padding:.18rem!important;
}
#submitProjectButton.nx-icon-only>svg{width:3.2rem!important;height:3.2rem!important}
.detail-section-head>span{gap:.65rem!important;min-height:2.6rem}
.detail-section-head>span>svg{width:2.5rem!important;height:2.5rem!important;flex:0 0 2.5rem!important}
.detail-section-head>span{font-size:.88rem!important}
.metadata-item label{font-size:.72rem!important}
.metadata-item strong{font-size:.82rem!important;line-height:1.4!important}
.drawer-footer .button{min-height:3rem!important;font-size:.82rem!important}

@media(prefers-reduced-motion:reduce){
  .nx-glass-icon .nx-icon-rear-glow,
  .nx-glass-icon .nx-icon-rear-solid,
  .nx-glass-icon .nx-icon-transmission,
  .nx-icon-tooltip{transition:none}
}

@media(max-width:1000px){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(10rem,12rem) 4.85rem!important;
  }
  #view-workers #addWorkerButton.nx-icon-only{width:4.85rem!important;min-width:4.85rem!important}
}

@media(max-width:760px){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) 4.85rem!important;
    min-width:0!important;
  }
  #view-workers #machineStateDropdown{grid-column:1/-1!important;grid-row:2!important}
  #view-workers #addWorkerButton.nx-icon-only{grid-column:2!important;grid-row:1!important;width:4.85rem!important;min-width:4.85rem!important}
  #view-folders .folder-browser-controls,
  #view-processing .processing-filter-search-row{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
  #view-settings .settings-layout{grid-template-columns:minmax(0,1fr)!important}
  #view-settings .settings-nav{display:flex!important;overflow-x:auto!important;gap:.45rem!important}
  #view-settings .settings-tab{width:auto!important;min-width:max-content!important;flex:0 0 auto!important}
}

/* --------------------------------------------------------------------------
   Production layout contract — icon scale, table boundaries and glass actions
   -------------------------------------------------------------------------- */
:root{
  --nx-ui-line:rgba(139,176,207,.37);
  --nx-ui-line-strong:rgba(177,214,242,.54);
  --nx-ui-surface:rgba(13,27,39,.92);
  --nx-ui-surface-raised:rgba(24,43,58,.95);
  --nx-ui-header:rgba(122,163,199,.19);
  --nx-glass-action:linear-gradient(145deg,rgba(151,190,220,.15),rgba(101,137,166,.055));
  --nx-glass-action-hover:linear-gradient(145deg,rgba(171,210,239,.23),rgba(112,153,184,.095));
}
html[data-theme="light"]{
  --nx-ui-line:rgba(65,94,119,.38);
  --nx-ui-line-strong:rgba(47,78,104,.56);
  --nx-ui-surface:rgba(241,247,251,.94);
  --nx-ui-surface-raised:rgba(255,255,255,.98);
  --nx-ui-header:rgba(64,101,132,.17);
  --nx-glass-action:linear-gradient(145deg,rgba(255,255,255,.82),rgba(222,232,240,.56));
  --nx-glass-action-hover:linear-gradient(145deg,rgba(255,255,255,.98),rgba(218,229,238,.76));
}

/* Keep the collapsed rail logo and its toggle in two independent slots. */
.app.sidebar-collapsed{grid-template-columns:5.25rem minmax(0,1fr)!important}
.app.sidebar-collapsed .sidebar{padding-inline:.55rem!important;overflow:visible!important}
.app.sidebar-collapsed .brand{
  position:relative!important;
  display:grid!important;
  place-items:start center!important;
  width:100%!important;
  height:6.5rem!important;
  min-height:6.5rem!important;
  padding:.45rem 0 0!important;
}
.app.sidebar-collapsed .nexus-brand-current{
  position:static!important;
  width:3.05rem!important;
  height:3.05rem!important;
  min-width:3.05rem!important;
  min-height:3.05rem!important;
  transform:none!important;
}
.app.sidebar-collapsed .collapse-btn{
  position:fixed!important;
  inset:1.05rem auto auto 4.2rem!important;
  width:2.5rem!important;
  height:2.5rem!important;
  min-width:2.5rem!important;
  min-height:2.5rem!important;
  transform:none!important;
  z-index:4!important;
}
html[data-theme] body .app.sidebar-collapsed .sidebar .brand>.collapse-btn{
  position:fixed!important;
  top:1.05rem!important;
  right:auto!important;
  bottom:auto!important;
  left:4.2rem!important;
  transform:none!important;
}
.app.sidebar-collapsed .nav{gap:.48rem!important}
.app.sidebar-collapsed .nav-btn{
  width:4.35rem!important;
  min-width:4.35rem!important;
  min-height:4.35rem!important;
  margin-inline:auto!important;
  padding:.45rem!important;
  border-radius:1rem!important;
}

/* Sidebar operational values are icon + value. Labels live in accessible tooltips. */
.coordinator-info-card .coordinator-info-list{gap:.5rem!important}
.coordinator-info-card .coordinator-status-minimal,
.coordinator-info-card .coordinator-info-item{
  grid-template-columns:4rem minmax(0,1fr)!important;
  min-height:4.85rem!important;
  gap:.7rem!important;
  padding:.4rem .6rem!important;
}
.coordinator-info-card .coordinator-info-item{
  border:1px solid var(--nx-ui-line)!important;
  background:var(--nx-ui-surface)!important;
}
.coordinator-info-card .coordinator-status-minimal-icon,
.coordinator-info-card .coordinator-info-icon{
  width:4rem!important;height:4rem!important;min-width:4rem!important;min-height:4rem!important;
  justify-self:start!important;
}
.coordinator-info-card :is(.coordinator-status-minimal-icon,.coordinator-info-icon) svg{
  width:3.8rem!important;height:3.8rem!important;min-width:3.8rem!important;min-height:3.8rem!important;
}
.coordinator-info-card .coordinator-status-minimal strong{justify-self:start!important;align-self:center!important}
.coordinator-info-card .coordinator-info-copy{display:flex!important;align-items:center!important;min-width:0!important}
.coordinator-info-card :is(.coordinator-info-number,.coordinator-storage-value,.coordinator-render-value){font-size:.92rem!important;line-height:1.2!important}
.coordinator-info-card .coordinator-storage-copy{display:grid!important;grid-template-columns:1fr!important;gap:.3rem!important}
.coordinator-info-card .coordinator-storage-progress{width:100%!important}

/* Page identity glyphs must read at the same visual weight as their headings. */
.page-head-icon{width:3.35rem!important;height:3.35rem!important;flex-basis:3.35rem!important}
.nx-page-title{grid-template-columns:3.35rem minmax(0,1fr)!important;column-gap:.85rem!important}
.nx-page-title>h1{line-height:1.05!important}

/* Shared Folders: replace old power tiles and give every information band a clear hierarchy. */
#view-folders .shared-folder-workspace:not(.machine-collapsed){grid-template-columns:minmax(20rem,22rem) minmax(0,1fr)!important}
#view-folders .machine-panel-head{min-height:4.5rem!important;padding:.55rem .75rem!important;gap:.7rem!important}
#view-folders .machine-panel-symbol{width:3.25rem!important;height:3.25rem!important;min-width:3.25rem!important;min-height:3.25rem!important}
#view-folders .machine-panel-symbol svg{width:3.05rem!important;height:3.05rem!important}
#view-folders .machine-panel-count{font-size:.88rem!important;font-weight:760!important}
#view-folders .machine-collapse-btn{width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important}
#view-folders .machine-collapse-btn svg{width:2.65rem!important;height:2.65rem!important}
#view-folders .machine-section-head{
  display:grid!important;
  grid-template-columns:2.65rem minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.55rem!important;
  min-height:3.35rem!important;
  padding:.35rem .65rem!important;
  border:1px solid var(--nx-ui-line)!important;
  background:var(--nx-ui-header)!important;
  font-size:.76rem!important;
}
#view-folders .machine-section-icon{width:2.65rem!important;height:2.65rem!important;min-width:2.65rem!important;min-height:2.65rem!important}
#view-folders .machine-section-icon svg{width:100%!important;height:100%!important}
#view-folders .machine-section-count{min-width:1.75rem!important;height:1.75rem!important;display:grid!important;place-items:center!important;font-size:.75rem!important}
#view-folders .machine-item{
  grid-template-columns:4.15rem minmax(0,1fr) auto!important;
  min-height:6rem!important;
  gap:.8rem!important;
  padding:.7rem!important;
  border:1px solid var(--nx-ui-line)!important;
  background:var(--nx-ui-surface)!important;
}
#view-folders .machine-item.selected{border-color:var(--nx-ui-line-strong)!important;background:var(--nx-ui-surface-raised)!important}
#view-folders .machine-item-icon.machine-node-icon{
  width:4.15rem!important;height:4.15rem!important;min-width:4.15rem!important;min-height:4.15rem!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
#view-folders .machine-item-icon.machine-node-icon::before,
#view-folders .machine-item-icon.machine-node-icon::after{content:none!important;display:none!important}
#view-folders .machine-item-icon.machine-node-icon svg{width:100%!important;height:100%!important;opacity:1!important;filter:none!important}
#view-folders .machine-item-icon.machine-node-icon.offline{opacity:.68!important;filter:saturate(.65)!important}
#view-folders .machine-item-name{font-size:1rem!important;line-height:1.25!important}
#view-folders .machine-role-pill{font-size:.75rem!important;min-height:1.65rem!important;padding:.2rem .55rem!important}

#view-folders .folder-browser-head{min-height:5rem!important;padding:.65rem 1rem!important;gap:.85rem!important}
#view-folders .selected-machine-icon{width:4rem!important;height:4rem!important;min-width:4rem!important;min-height:4rem!important}
#view-folders .selected-machine-copy strong{font-size:1.15rem!important;line-height:1.2!important}
#view-folders .selected-machine-copy span{font-size:.8rem!important;line-height:1.3!important}
#view-folders .folder-browser-summary{min-height:4rem!important;padding:.45rem .8rem!important;gap:.65rem!important}
#view-folders .folder-summary-chip{
  display:grid!important;grid-template-columns:3rem auto auto!important;align-items:center!important;gap:.42rem!important;
  min-height:3.25rem!important;padding:.12rem .7rem .12rem .25rem!important;border:1px solid var(--nx-ui-line)!important;
  background:var(--nx-ui-surface)!important;font-size:.78rem!important;
}
#view-folders .folder-summary-icon{width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important}
#view-folders .folder-summary-icon svg{width:100%!important;height:100%!important}
#view-folders .folder-summary-chip strong{font-size:1rem!important}

/* Explicit table geometry: header, rows and every adjacent cell remain distinguishable. */
.table-wrap{
  border:1px solid var(--nx-ui-line-strong)!important;
  border-radius:.8rem!important;
  background:var(--nx-ui-surface)!important;
  overflow:auto!important;
}
.data-table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}
.data-table thead th{
  background:var(--nx-ui-header)!important;
  border-bottom:1px solid var(--nx-ui-line-strong)!important;
  color:inherit!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.055em!important;
}
.data-table :is(th,td){padding:.72rem .8rem!important;border-right:1px solid var(--nx-ui-line)!important;text-align:left!important}
.data-table :is(th,td):last-child{border-right:0!important}
.data-table tbody td{border-bottom:1px solid var(--nx-ui-line)!important;background:rgba(255,255,255,.012)!important}
.data-table tbody tr:last-child td{border-bottom:0!important}
.data-table tbody tr:hover td{background:rgba(112,151,190,.075)!important}

#view-folders .folder-table-viewport{border:1px solid var(--nx-ui-line-strong)!important;border-radius:.8rem!important;overflow:auto!important;background:var(--nx-ui-surface)!important}
#view-folders .folder-icon-header,
#view-folders .folder-row{gap:0!important;border:0!important;border-radius:0!important;margin:0!important}
#view-folders .folder-table-inner{min-width:54rem!important}
#view-folders .folder-icon-header,
#view-folders .folder-row{
  grid-template-columns:minmax(12.5rem,1.6fr) minmax(8rem,.8fr) minmax(9.25rem,1fr) minmax(7.25rem,.8fr) minmax(7.75rem,.8fr) minmax(9.25rem,1fr)!important;
}
#view-folders .folder-icon-header{min-height:3.25rem!important;background:var(--nx-ui-header)!important;border-bottom:1px solid var(--nx-ui-line-strong)!important}
#view-folders .folder-row{min-height:4.45rem!important;background:transparent!important;border-bottom:1px solid var(--nx-ui-line)!important}
#view-folders .folder-row:last-child{border-bottom:0!important}
#view-folders .folder-icon-header>*{font-size:.71rem!important;font-weight:820!important;letter-spacing:.055em!important;text-transform:uppercase!important}
#view-folders .folder-icon-header>*,
#view-folders .folder-row>*{
  min-width:0!important;height:100%!important;display:flex!important;align-items:center!important;
  padding:.55rem .75rem!important;border-right:1px solid var(--nx-ui-line)!important;
}
#view-folders .folder-icon-header>*:last-child,
#view-folders .folder-row>*:last-child{border-right:0!important}
#view-folders .folder-row:hover>*{background:rgba(112,151,190,.07)!important}
#view-folders .folder-row-icon,
#view-folders :is(.folder-stat-icon,.folder-process-indicator-icon){width:2.65rem!important;height:2.65rem!important;min-width:2.65rem!important;min-height:2.65rem!important}
#view-folders :is(.folder-row-icon,.folder-stat-icon,.folder-process-indicator-icon) svg{width:100%!important;height:100%!important}
#view-folders .folder-process-indicator{gap:.45rem!important;overflow:visible!important}
#view-folders .folder-process-indicator strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;font-size:.79rem!important}

/* Team rows are data grids too: large semantic icons, value-only cells and
   explicit column separators replace the old tiny icon tiles. */
#view-team .team-list{overflow-x:auto!important}
#view-team .team-row{
  min-width:73rem!important;
  min-height:6.75rem!important;
  grid-template-columns:4.35rem minmax(13rem,1.35fr) repeat(4,minmax(9.2rem,.82fr)) 3.25rem!important;
  gap:.7rem!important;
  padding:.7rem .8rem!important;
  border-color:var(--nx-ui-line-strong)!important;
  background:var(--nx-ui-surface)!important;
}
#view-team .team-avatar{width:4.35rem!important;height:4.35rem!important;min-width:4.35rem!important;min-height:4.35rem!important}
#view-team .team-identity>strong{font-size:1rem!important;line-height:1.25!important}
#view-team .team-email{margin-top:.35rem!important;gap:.4rem!important;font-size:.77rem!important;line-height:1.3!important}
#view-team .team-email svg{width:1.4rem!important;height:1.4rem!important;flex:0 0 1.4rem!important}
#view-team .team-meta{grid-template-columns:3.15rem minmax(0,1fr)!important;gap:.55rem!important;min-height:4.5rem!important;padding-left:.7rem!important;border-left:1px solid var(--nx-ui-line)!important}
#view-team .team-meta-icon{width:3.15rem!important;height:3.15rem!important;min-width:3.15rem!important;min-height:3.15rem!important}
#view-team .team-meta label{display:none!important}
#view-team .team-meta strong{margin:0!important;font-size:.84rem!important;line-height:1.3!important;font-weight:740!important}
#view-team .team-row-open{width:3.25rem!important;height:3.25rem!important;min-width:3.25rem!important;min-height:3.25rem!important;border:0!important;background:transparent!important;box-shadow:none!important}
#view-team .team-row-open svg{width:100%!important;height:100%!important}

/* Folder detail is compact icon + value; labels are available via tooltip/ARIA. */
.shared-folder-modal{width:min(48rem,calc(100vw - 2rem))!important;max-height:calc(100vh - 2rem)!important}
.shared-folder-modal-head{min-height:5.25rem!important;padding:.65rem 1rem!important}
.shared-folder-modal-title{gap:.75rem!important}
.shared-folder-modal-icon{width:3.7rem!important;height:3.7rem!important;min-width:3.7rem!important;min-height:3.7rem!important}
.shared-folder-modal-title strong{font-size:1.05rem!important}
.shared-folder-modal-eyebrow{font-size:.7rem!important}
.shared-folder-modal-head-actions{gap:.55rem!important}
.shared-folder-modal-status{min-height:2.65rem!important;padding:.25rem .65rem .25rem .3rem!important;gap:.35rem!important;font-size:.78rem!important}
.shared-folder-modal-status svg{width:2rem!important;height:2rem!important}
.shared-folder-modal-close{width:3.2rem!important;height:3.2rem!important;min-width:3.2rem!important;min-height:3.2rem!important;padding:.22rem!important}
.shared-folder-modal-close svg{width:100%!important;height:100%!important}
.shared-folder-modal-body{padding:.9rem!important;gap:.75rem!important}
.shared-folder-workflow-banner{min-height:4.25rem!important;padding:.35rem .75rem!important;gap:.65rem!important}
.shared-folder-workflow-status-icon{width:3.35rem!important;height:3.35rem!important;min-width:3.35rem!important;min-height:3.35rem!important}
.shared-folder-workflow-status-icon svg{width:100%!important;height:100%!important}
.shared-folder-workflow-banner strong{font-size:.85rem!important}
.shared-folder-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.65rem!important}
.shared-folder-detail-card{
  grid-template-columns:3.5rem minmax(0,1fr)!important;align-items:center!important;gap:.65rem!important;
  min-height:4.7rem!important;padding:.5rem .65rem!important;border:1px solid var(--nx-ui-line)!important;
  background:var(--nx-ui-surface)!important;
}
.shared-folder-detail-card.machine{background:linear-gradient(135deg,rgba(114,72,255,.10),var(--nx-ui-surface))!important}
.shared-folder-detail-card.online{background:linear-gradient(135deg,rgba(45,199,116,.11),var(--nx-ui-surface))!important}
.shared-folder-detail-card.offline{background:linear-gradient(135deg,rgba(241,93,108,.10),var(--nx-ui-surface))!important}
.shared-folder-detail-card.files{background:linear-gradient(135deg,rgba(44,180,227,.10),var(--nx-ui-surface))!important}
.shared-folder-detail-card.size{background:linear-gradient(135deg,rgba(229,166,54,.11),var(--nx-ui-surface))!important}
.shared-folder-detail-card.proxy{background:linear-gradient(135deg,rgba(152,93,246,.10),var(--nx-ui-surface))!important}
.shared-folder-detail-card.ai{background:linear-gradient(135deg,rgba(25,201,159,.10),var(--nx-ui-surface))!important}
.shared-folder-detail-icon{width:3.5rem!important;height:3.5rem!important;min-width:3.5rem!important;min-height:3.5rem!important}
.shared-folder-detail-card label{display:none!important}
.shared-folder-detail-card strong{font-size:.9rem!important;line-height:1.3!important;overflow-wrap:anywhere!important}
.shared-folder-workflow-note:empty,
.shared-folder-workflow-feedback:empty{display:none!important;min-height:0!important;padding:0!important;border:0!important;margin:0!important}
.shared-folder-modal-actions{min-height:4.6rem!important;padding:.65rem 1rem!important}
.shared-folder-action{min-height:3.1rem!important;padding:.45rem 1.25rem!important;border:1px solid var(--nx-ui-line-strong)!important;background:var(--nx-glass-action)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.shared-folder-action:hover{background:var(--nx-glass-action-hover)!important;color:inherit!important;filter:none!important}
.shared-folder-action.delete,.shared-folder-action.reject{border-color:rgba(239,91,108,.42)!important;background:linear-gradient(145deg,rgba(239,91,108,.14),rgba(239,91,108,.045))!important;color:#ff8f9d!important}
.shared-folder-action.delete:hover,.shared-folder-action.reject:hover{background:linear-gradient(145deg,rgba(239,91,108,.22),rgba(239,91,108,.08))!important;color:#ffb0ba!important}

/* Semantically different resources should be scannable before their text is read. */
#view-workers .machine-page-property{border:1px solid var(--nx-ui-line)!important}
#view-workers .machine-page-property:nth-child(1){background:linear-gradient(135deg,rgba(51,157,226,.11),var(--nx-ui-surface))!important}
#view-workers .machine-page-property:nth-child(2){background:linear-gradient(135deg,rgba(148,83,244,.11),var(--nx-ui-surface))!important}
#view-workers .machine-page-property:nth-child(3){background:linear-gradient(135deg,rgba(34,196,145,.11),var(--nx-ui-surface))!important}
#view-workers .machine-page-property:nth-child(4){background:linear-gradient(135deg,rgba(224,164,52,.11),var(--nx-ui-surface))!important}
#view-workers .machine-page-property:nth-child(5){background:linear-gradient(135deg,rgba(233,93,137,.10),var(--nx-ui-surface))!important}

/* Long primary actions remain generous but use the same neutral glass material. */
:is(.btn.primary,.button.primary,.button.submit,.login-submit,
    #view-workers #addWorkerButton,#view-team .team-add-member-btn,#submitProjectButton,#importButton,#mediaDetailImport){
  border:1px solid var(--nx-ui-line-strong)!important;
  background:var(--nx-glass-action)!important;
  color:inherit!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 .55rem 1.4rem rgba(0,0,0,.12)!important;
  backdrop-filter:blur(14px) saturate(125%);
}
:is(.btn.primary,.button.primary,.button.submit,.login-submit,
    #view-workers #addWorkerButton,#view-team .team-add-member-btn,#submitProjectButton,#importButton,#mediaDetailImport):hover:not(:disabled){
  border-color:var(--nx-ui-line-strong)!important;
  background:var(--nx-glass-action-hover)!important;
  color:inherit!important;
  filter:none!important;
}
#view-workers #addWorkerButton.nx-icon-only,
#view-team .team-add-member-btn.nx-icon-only,
#submitProjectButton.nx-icon-only{border-radius:.85rem!important}

.theme-switcher>button.nx-icon-only{position:static!important;width:2.9rem!important;min-width:2.9rem!important;height:2.9rem!important;min-height:2.9rem!important;border:1px solid var(--nx-ui-line)!important;background:var(--nx-glass-action)!important}
.theme-switcher>button.nx-icon-only.active,
.theme-switcher>button.nx-icon-only[aria-pressed="true"]{border-color:var(--nx-ui-line-strong)!important;box-shadow:0 .35rem 1rem rgba(80,52,190,.22)!important}

/* Plugin rows/cards use the same visible boundary contract. */
:is(.media-list-row,.render-row,.metadata-item,.detail-card,.stat-card){border-color:var(--nx-ui-line)!important}
.media-list-row+.media-list-row,.render-row+.render-row{border-top:1px solid var(--nx-ui-line)!important}
.drawer-footer{border-top:1px solid var(--nx-ui-line-strong)!important}

@media(max-width:900px){
  #view-folders .shared-folder-workspace:not(.machine-collapsed){grid-template-columns:minmax(17rem,19rem) minmax(0,1fr)!important}
  .shared-folder-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .app.sidebar-collapsed{grid-template-columns:4.75rem minmax(0,1fr)!important}
  .app.sidebar-collapsed .nav-btn{width:3.5rem!important;min-width:3.5rem!important;min-height:3.5rem!important}
  #view-folders .shared-folder-workspace:not(.machine-collapsed){grid-template-columns:minmax(0,1fr)!important}
  .shared-folder-detail-grid{grid-template-columns:minmax(0,1fr)!important}
  .account-theme-control{grid-template-columns:2.8rem minmax(0,1fr) auto!important}
  .app.sidebar-collapsed .collapse-btn{left:3.7rem!important}
  html[data-theme] body .app.sidebar-collapsed .sidebar .brand>.collapse-btn{left:3.7rem!important}
}

/* Overview metrics: icon at the left edge, value centered in the remaining
   track. Descriptive copy is exposed by the shared tooltip. */
#view-overview .metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.35fr)!important;
  align-items:stretch!important;
  gap:1rem!important;
  margin-bottom:1rem!important;
}
#view-overview .metric-card{
  min-width:0!important;
  min-height:9.75rem!important;
  padding:1rem!important;
  display:grid!important;
  grid-template-columns:6.25rem minmax(0,1fr)!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:.65rem!important;
  cursor:default;
}
#view-overview .metric-card:focus-visible{
  outline:2px solid color-mix(in srgb,var(--metric-accent,#8b5cf6) 72%,white);
  outline-offset:3px;
}
#view-overview .metric-icon,
#view-overview .metric-card:not(.metric-storage) .metric-icon{
  width:6.25rem!important;
  height:6.25rem!important;
  min-width:6.25rem!important;
  min-height:6.25rem!important;
  margin:0!important;
  justify-self:start!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-overview .metric-icon svg{
  width:6.1rem!important;
  height:6.1rem!important;
  max-width:none!important;
  max-height:none!important;
}
#view-overview .metric-copy{
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  text-align:center!important;
  overflow:visible!important;
}
#view-overview .metric-copy>strong,
#view-overview .metric-storage .metric-copy>strong{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:var(--metric-accent)!important;
  font-size:clamp(1.75rem,2vw,2.25rem)!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
#view-overview .metric-storage .metric-copy>strong{
  font-size:clamp(1.3rem,1.55vw,1.75rem)!important;
  letter-spacing:-.035em!important;
}
#view-overview .metric-copy label,
#view-overview .metric-status,
#view-overview .metric-card .metric-copy::after{
  display:none!important;
}
#view-overview .metric-storage .storage-gauge{
  display:grid!important;
  width:5.4rem!important;
  height:5.4rem!important;
  justify-self:start!important;
  align-self:center!important;
}
#view-overview .storage-gauge-copy strong{font-size:1.15rem!important}
#view-overview .storage-gauge-copy small{font-size:.64rem!important}

/* Recent Overview panels share one vertical rhythm and one row height. */
#view-overview .overview-recent-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:1rem!important;
  margin-bottom:1rem!important;
}
#view-overview .overview-recent-grid>.overview-recent-panel,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty{
  min-width:0!important;
  height:22rem!important;
  min-height:22rem!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-overview .overview-recent-panel>.panel-head{
  height:4.25rem!important;
  min-height:4.25rem!important;
  padding:0 1.15rem!important;
  flex:0 0 4.25rem!important;
}
#view-overview .overview-recent-panel>.panel-head h2{
  margin:0!important;
  font-size:1.15rem!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:-.018em!important;
}
#view-overview .overview-recent-grid>.overview-recent-panel>#overviewProcessingList,
#view-overview .overview-recent-grid>.overview-recent-panel>#overviewReviewList,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty>#overviewProcessingList,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty>#overviewReviewList{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
#view-overview .overview-recent-bottom{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
}
#view-overview .overview-recent-bottom>.overview-recent-panel{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-overview .overview-recent-panel .data-table{
  width:100%!important;
  table-layout:fixed!important;
}
#view-overview .overview-recent-panel .data-table th,
#view-overview .overview-recent-panel .data-table td{
  vertical-align:middle!important;
}
#view-overview .overview-recent-panel .text-link.nx-icon-only{
  width:3rem!important;
  height:3rem!important;
  min-width:3rem!important;
  min-height:3rem!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:.8rem!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-overview .overview-recent-panel .text-link.nx-icon-only:hover,
#view-overview .overview-recent-panel .text-link.nx-icon-only:focus-visible{
  border-color:var(--nx-ui-line)!important;
  background:var(--nx-glass-action-hover)!important;
}
#view-overview .overview-recent-panel .text-link.nx-icon-only svg{
  width:2.65rem!important;
  height:2.65rem!important;
}

@media(max-width:1350px){
  #view-overview .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #view-overview .metric-storage{grid-column:span 2}
}
@media(max-width:850px){
  #view-overview .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-overview .overview-recent-grid{grid-template-columns:minmax(0,1fr)!important}
  #view-overview .metric-storage{grid-column:auto}
}
@media(max-width:620px){
  #view-overview .metric-grid{grid-template-columns:minmax(0,1fr)!important}
  #view-overview .metric-card{
    min-height:8.5rem!important;
    grid-template-columns:5.25rem minmax(0,1fr)!important;
    padding-inline:.8rem!important;
  }
  #view-overview .metric-icon,
  #view-overview .metric-card:not(.metric-storage) .metric-icon{
    width:5.25rem!important;height:5.25rem!important;min-width:5.25rem!important;min-height:5.25rem!important
  }
  #view-overview .metric-icon svg{width:5.1rem!important;height:5.1rem!important}
  #view-overview .metric-storage .storage-gauge{width:4.8rem!important;height:4.8rem!important}
  #view-overview .overview-recent-grid>.overview-recent-panel,
  #view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty{
    height:20rem!important;min-height:20rem!important
  }
}

/* Compact sign-in rhythm: validation rows consume space only when they contain a message. */
.login-form{
  margin-top:1.35rem!important;
  gap:.75rem!important;
}
.login-field-error:empty,
.login-form-error:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
}
.login-submit{
  margin-top:.2rem!important;
}

/* Account menu hierarchy: full-size semantic icons replace every legacy icon tile. */
.account-section-toggle{
  min-height:5rem!important;
  grid-template-columns:3.5rem minmax(0,1fr) 3.35rem!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:.65rem .8rem!important;
}
.account-section-toggle .account-menu-icon{
  width:3.5rem!important;
  height:3.5rem!important;
  min-width:3.5rem!important;
  min-height:3.5rem!important;
  align-self:center!important;
}
.account-section-copy{
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  min-height:3.5rem!important;
}
.account-section-copy>strong,
.account-theme-copy>strong{
  font-size:.95rem!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.account-chevron,
.account-utility-arrow{
  width:3.35rem!important;
  height:3.35rem!important;
  min-width:3.35rem!important;
  min-height:3.35rem!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.account-chevron svg,
.account-utility-arrow svg{
  width:3.15rem!important;
  height:3.15rem!important;
  min-width:3.15rem!important;
  min-height:3.15rem!important;
}

.account-theme-control{
  min-height:5rem!important;
  grid-template-columns:3.5rem minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.75rem!important;
  padding:.65rem .8rem!important;
}
.account-theme-icon{
  width:3.5rem!important;
  height:3.5rem!important;
  min-width:3.5rem!important;
  min-height:3.5rem!important;
  align-self:center!important;
}
.account-theme-copy{
  position:static!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  min-height:3.5rem!important;
  transform:none!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.account-theme-switch{
  position:static!important;
  width:3.35rem!important;
  min-width:3.35rem!important;
  height:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:3.35rem!important;
  align-items:center!important;
  gap:.35rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme="dark"] :is(.account-theme-choice,.theme-choice)[data-theme-choice="dark"],
html[data-theme="light"] :is(.account-theme-choice,.theme-choice)[data-theme-choice="light"]{display:none!important}
.theme-switcher{
  grid-template-columns:3.35rem!important;width:3.35rem!important;min-width:3.35rem!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.theme-setting-row>div:first-child{margin-right:auto!important;text-align:left!important}
.account-theme-choice.nx-icon-only{
  position:static!important;
  inset:auto!important;
  width:3.35rem!important;
  height:3.35rem!important;
  min-width:3.35rem!important;
  min-height:3.35rem!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.account-theme-choice.nx-icon-only>svg{
  width:3.2rem!important;
  height:3.2rem!important;
}
.account-theme-choice.nx-icon-only[aria-pressed="true"]{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:brightness(1.12) saturate(1.12);
  transform:scale(1.06);
}

#helpMenuButton{grid-template-columns:4rem minmax(0,1fr) 3.35rem!important;min-height:5.25rem!important}
#helpMenuButton .account-menu-icon{width:4rem!important;height:4rem!important;min-width:4rem!important;min-height:4rem!important}
#helpMenuButton .account-menu-icon>svg{width:3.8rem!important;height:3.8rem!important}

/* Password visibility is an icon, not a nested legacy button tile. */
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle){
  width:1.75rem!important;
  height:1.75rem!important;
  min-width:1.75rem!important;
  min-height:1.75rem!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle)::before,
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle)::after{content:none!important;display:none!important}
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle):is(:hover,:active,[aria-pressed="true"]){
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle):focus-visible{
  border:0!important;
  outline:2px solid rgba(125,87,224,.62)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}
:is(.login-password-toggle,.team-password-toggle,.settings-password-toggle,.password-toggle)>svg{
  width:1.55rem!important;
  height:1.55rem!important;
  min-width:1.55rem!important;
  min-height:1.55rem!important;
  pointer-events:none!important;
}
.login-password-toggle{right:.45rem!important}
:is(.team-password-toggle,.settings-password-toggle,.password-toggle){right:.4rem!important}
.login-password-wrap input,
.team-add-password-wrap input,
.account-input.password-field input{
  padding-right:2.75rem!important;
}

/* Media controls and detail typography. The two view buttons share one equal
   grid and match the search field height; legacy 7–9px metadata is raised to
   the same readable scale as the rest of the application. */
#view-media .smart-search-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 8rem!important;
  align-items:stretch!important;
  gap:.875rem!important;
}
#view-media .smart-box,
#view-media .smart-box input{height:3.75rem!important;min-height:3.75rem!important}
#view-media .smart-box input{
  padding-left:3.35rem!important;
  padding-right:8.5rem!important;
  font-size:var(--type-body)!important;
  line-height:1.35!important;
}
#view-media .smart-box>svg{
  left:.8rem!important;
  top:50%!important;
  width:2.35rem!important;
  height:2.35rem!important;
  transform:translateY(-50%)!important;
}
#view-media .smart-box .ai-key{
  right:.65rem!important;
  min-height:2.5rem!important;
  padding-inline:1rem!important;
  font-size:var(--type-small)!important;
}
#view-media .media-view-toggle{
  width:8rem!important;
  min-width:8rem!important;
  height:3.75rem!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:.35rem!important;
  padding:.25rem!important;
}
#view-media .media-view-toggle button{
  width:100%!important;
  min-width:0!important;
  height:3.25rem!important;
  min-height:3.25rem!important;
  padding:0!important;
}
#view-media .media-view-toggle button>svg{
  width:2.85rem!important;
  height:2.85rem!important;
}

.media-modal-head{min-height:4.75rem!important;padding-inline:1.35rem!important}
.media-modal-title strong{font-size:1.125rem!important;line-height:1.25!important}
.media-modal-title span{font-size:var(--type-small)!important;line-height:1.35!important}
.media-meta-pane{font-size:var(--type-body)!important}
.meta-section-head{min-height:3.75rem!important;padding-inline:1rem!important}
.meta-section-title{gap:.75rem!important}
.meta-section-title-icon{width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important}
.meta-section-title-icon>svg{width:2.75rem!important;height:2.75rem!important}
.meta-section-title strong{font-size:1rem!important;line-height:1.25!important;font-weight:750!important}
.meta-section-head>span{font-size:var(--type-small)!important;line-height:1.25!important}
.meta-section-body{padding:1rem!important}
.meta-tag{min-height:2.35rem!important;padding-inline:.8rem!important;font-size:var(--type-small)!important;line-height:1.25!important}
.tag-add-row{gap:.75rem!important}
.tag-add-row input,.tag-add-row button{height:3rem!important;min-height:3rem!important;font-size:var(--type-body)!important}
.tag-add-row button{padding-inline:1rem!important}
.meta-grid{gap:.75rem!important}
.meta-item{min-height:5rem!important;padding:.8rem!important;grid-template-columns:3.25rem minmax(0,1fr)!important;gap:.8rem!important}
.meta-item-icon{width:3.25rem!important;height:3.25rem!important;min-width:3.25rem!important;min-height:3.25rem!important}
.meta-item-icon>svg{width:3rem!important;height:3rem!important}
.meta-item-copy label{font-size:var(--type-caption)!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.035em!important}
.meta-item-copy strong{margin-top:.25rem!important;font-size:var(--type-body)!important;line-height:1.35!important;font-weight:720!important}
.meta-item-copy>span{margin-top:.2rem!important;font-size:var(--type-caption)!important;line-height:1.35!important}
.media-status-pill{min-height:2.45rem!important;padding-inline:.8rem!important;gap:.45rem!important;font-size:var(--type-small)!important;font-weight:760!important}
.media-status-pill>svg{width:2.15rem!important;height:2.15rem!important}
.media-status-pill.original.unavailable,
.media-original-state.original.unavailable .meta-item-copy strong,
.media-original-state.original.unavailable .meta-item-copy>span{color:#ff6f78!important}
.media-status-badge.original.unavailable,
.media-list-status.original.unavailable{
  color:#ff727c!important;
  border-color:rgba(255,83,96,.38)!important;
  background:rgba(113,20,31,.68)!important;
  box-shadow:0 0 .9rem rgba(255,55,72,.10)!important;
}
.media-status-pill.original.unavailable{
  border-color:rgba(255,83,96,.36)!important;
  background:rgba(113,20,31,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 1rem rgba(255,55,72,.08)!important;
}
.media-original-state.original.unavailable .meta-item-icon{
  color:#ff6f78!important;
  border-color:rgba(255,83,96,.30)!important;
  background:linear-gradient(145deg,rgba(255,75,91,.15),rgba(255,75,91,.055))!important;
}
.media-status-pill.original.available{
  color:#72e995!important;
  border-color:rgba(73,213,121,.30)!important;
  background:rgba(21,93,51,.20)!important;
}
.media-proxy-facts{gap:.75rem!important;margin-bottom:.8rem!important}
.media-proxy-facts>span{min-height:4.75rem!important;padding:1rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.media-proxy-facts label{font-size:var(--type-caption)!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.04em!important}
.media-proxy-facts strong{margin-top:.35rem!important;font-size:1rem!important;line-height:1.3!important;font-weight:720!important}
.media-proxy-actions{gap:.65rem!important}
.media-proxy-actions :is(select,button){min-height:2.75rem!important;padding:.55rem .85rem!important;font-size:var(--type-small)!important;line-height:1.2!important;opacity:1!important}
.media-proxy-error{font-size:var(--type-small)!important;line-height:1.45!important}

.media-download-menu>summary{
  min-width:9.25rem!important;
  min-height:3.5rem!important;
  padding:.25rem .7rem!important;
  gap:.55rem!important;
  border-radius:.85rem!important;
  font-size:var(--type-body)!important;
}
.media-download-menu>summary>svg:first-child{width:3rem!important;height:3rem!important}
.media-download-menu>summary .media-download-chevron{width:1rem!important;height:1rem!important;margin-left:auto!important}
.media-download-popover{width:21rem!important;padding:.65rem!important;border-radius:.9rem!important}
.media-download-option{min-height:4.5rem!important;padding:.55rem!important;gap:.75rem!important;font-size:var(--type-small)!important}
.media-download-option-icon{width:3.35rem!important;height:3.35rem!important;min-width:3.35rem!important;min-height:3.35rem!important;border:0!important;background:transparent!important}
.media-download-option-icon>svg{width:3.2rem!important;height:3.2rem!important}
.media-download-option-title strong{font-size:var(--type-body)!important;line-height:1.25!important}
.media-download-option-status,.media-download-option-reason,.media-download-popover-head span{font-size:var(--type-caption)!important;line-height:1.35!important}
.media-download-popover-head strong{font-size:1rem!important}

html[data-theme="light"] .media-status-pill.original.unavailable{
  color:#b42331!important;
  border-color:rgba(193,40,55,.28)!important;
  background:rgba(255,226,230,.82)!important;
}
html[data-theme="light"] :is(.media-status-badge,.media-list-status).original.unavailable{
  color:#b42331!important;
  border-color:rgba(193,40,55,.30)!important;
  background:rgba(255,226,230,.92)!important;
}
html[data-theme="light"] .media-original-state.original.unavailable .meta-item-copy strong,
html[data-theme="light"] .media-original-state.original.unavailable .meta-item-copy>span{color:#a52632!important}

@media(max-width:700px){
  #view-media .smart-search-row{grid-template-columns:minmax(0,1fr)!important}
  #view-media .media-view-toggle{width:100%!important;min-width:0!important}
  .media-download-menu>summary{min-width:3.5rem!important;width:3.5rem!important;padding:.2rem!important}
  .media-download-menu>summary>span{display:none!important}
  .media-download-menu>summary .media-download-chevron{display:none!important}
  .media-download-popover{width:min(21rem,calc(100vw - 2rem))!important}
}

/* Overview values are centered against the card itself. The icon occupies an
   independent left rail, so differing artwork bounds can no longer move the
   value off the shared optical axis. */
#view-overview .metric-card:not(.metric-storage){
  position:relative!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding-inline:1rem!important;
}
#view-overview .metric-card:not(.metric-storage) .metric-icon{
  position:absolute!important;
  left:1rem!important;
  top:50%!important;
  z-index:1!important;
  justify-self:auto!important;
  transform:translateY(-50%)!important;
}
#view-overview .metric-card:not(.metric-storage) .metric-copy{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  padding:0 6.5rem!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  text-align:center!important;
}
#view-overview .metric-card:not(.metric-storage) .metric-copy>strong{
  align-self:center!important;
  width:100%!important;
  text-align:center!important;
}

/* The account flyout keeps its hierarchy while backing the oversized primary
   glyphs down one step. Small field icons remain unchanged for readability. */
.account-section-toggle{
  min-height:4.5rem!important;
  grid-template-columns:3rem minmax(0,1fr) 2.85rem!important;
}
.account-section-toggle .account-menu-icon{
  width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important;
}
.account-section-toggle .account-menu-icon>svg{
  width:2.85rem!important;height:2.85rem!important;
}
.account-section-copy{min-height:3rem!important}
.account-chevron,
.account-utility-arrow{
  width:2.85rem!important;height:2.85rem!important;min-width:2.85rem!important;min-height:2.85rem!important;
}
.account-chevron svg,
.account-utility-arrow svg{
  width:2.65rem!important;height:2.65rem!important;min-width:2.65rem!important;min-height:2.65rem!important;
}
.account-theme-control{
  min-height:4.5rem!important;
  grid-template-columns:3rem minmax(0,1fr) auto!important;
}
.account-theme-icon{
  width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important;
}
.account-theme-icon>svg{width:2.85rem!important;height:2.85rem!important}
.account-theme-copy{min-height:3rem!important}
.account-theme-switch,
.theme-switcher{
  width:2.9rem!important;min-width:2.9rem!important;grid-template-columns:2.9rem!important;
}
.account-theme-choice.nx-icon-only{
  width:2.9rem!important;height:2.9rem!important;min-width:2.9rem!important;min-height:2.9rem!important;
}
.account-theme-choice.nx-icon-only>svg{width:2.75rem!important;height:2.75rem!important}
#helpMenuButton{
  min-height:4.5rem!important;
  grid-template-columns:3rem minmax(0,1fr) 2.85rem!important;
}
#helpMenuButton .account-menu-icon{
  width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important;
}
#helpMenuButton .account-menu-icon>svg{width:2.85rem!important;height:2.85rem!important}

/* Professional card/table headers: one clear header surface, stronger text
   contrast and continuous column boundaries in both themes. */
:is(.data-table,.folder-table) thead th,
#view-folders .folder-icon-header{
  color:#c8d8e8!important;
  border-top:1px solid rgba(126,165,201,.16)!important;
  border-bottom:1px solid rgba(126,165,201,.28)!important;
  background:
    linear-gradient(180deg,rgba(31,52,70,.96),rgba(20,36,50,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(3,10,16,.32)!important;
  font-size:var(--type-caption)!important;
  line-height:1.25!important;
  font-weight:780!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}
:is(.data-table,.folder-table) thead th,
#view-folders .folder-icon-header>*{border-right:0!important}
:is(.data-table,.folder-table) thead th+th,
#view-folders .folder-icon-header>*+*{
  border-left:1px solid rgba(126,165,201,.18)!important;
}
#view-overview .overview-recent-panel>.panel-head{
  position:relative!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(126,165,201,.24)!important;
  background:
    radial-gradient(circle at 0 0,rgba(102,162,214,.12),transparent 44%),
    linear-gradient(180deg,rgba(24,42,57,.98),rgba(15,29,41,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#view-overview .overview-recent-panel>.panel-head h2{color:#d7e4ef!important}

html[data-theme="light"] :is(.data-table,.folder-table) thead th,
html[data-theme="light"] #view-folders .folder-icon-header{
  color:#38536d!important;
  border-top-color:#d6e5f0!important;
  border-bottom-color:#adc5d8!important;
  background:linear-gradient(180deg,#f3f8fc,#e4eef6)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(88,119,145,.08)!important;
}
html[data-theme="light"] :is(.data-table,.folder-table) thead th+th,
html[data-theme="light"] #view-folders .folder-icon-header>*+*{
  border-left-color:#c4d6e4!important;
}
html[data-theme="light"] #view-overview .overview-recent-panel>.panel-head{
  border-bottom-color:#c2d4e2!important;
  background:
    radial-gradient(circle at 0 0,rgba(74,147,207,.12),transparent 44%),
    linear-gradient(180deg,#f9fcfe,#eaf2f8)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
html[data-theme="light"] #view-overview .overview-recent-panel>.panel-head h2{color:#29445e!important}

@media(max-width:620px){
  #view-overview .metric-card:not(.metric-storage) .metric-icon{left:.8rem!important}
  #view-overview .metric-card:not(.metric-storage) .metric-copy{padding-inline:5.5rem!important}
}

/* Reviews toolbar: all three controls share one baseline and one control
   height. Explicit minmax tracks prevent the status group from escaping the
   toolbar when the viewport contracts. */
#view-reviews .reviews-filter-search-row{
  width:100%!important;
  min-width:0!important;
  min-height:4.75rem!important;
  padding:.5rem!important;
  display:grid!important;
  grid-template-columns:minmax(19rem,auto) minmax(20rem,1fr) 8rem!important;
  align-items:center!important;
  gap:.75rem!important;
  overflow:visible!important;
}
#view-reviews .review-status-segments{
  width:100%!important;
  min-width:0!important;
  height:3.75rem!important;
  padding:.25rem!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:.25rem!important;
}
#view-reviews .review-status-segments button{
  width:100%!important;
  min-width:0!important;
  height:3.25rem!important;
  min-height:3.25rem!important;
  padding:.35rem .75rem!important;
  font-size:var(--type-small)!important;
  white-space:nowrap!important;
}
#view-reviews .review-search-field{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:3.75rem!important;
}
#view-reviews .review-search-field input{
  width:100%!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
  padding-left:3.75rem!important;
  padding-right:1rem!important;
  font-size:var(--type-body)!important;
}
#view-reviews .review-search-field>svg{
  position:absolute!important;
  z-index:2!important;
  left:.6rem!important;
  top:50%!important;
  width:2.65rem!important;
  height:2.65rem!important;
  transform:translateY(-50%)!important;
  color:#52c8ee!important;
}
#view-reviews .review-view-toggle{
  width:8rem!important;
  min-width:8rem!important;
  height:3.75rem!important;
  padding:.25rem!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:.25rem!important;
}
#view-reviews .review-view-toggle button{
  width:100%!important;
  min-width:0!important;
  height:3.25rem!important;
  min-height:3.25rem!important;
  padding:0!important;
}
#view-reviews .review-view-toggle button>svg{width:2.9rem!important;height:2.9rem!important}

/* Shared Folders shell and machine selector. Reset the legacy two-area grid
   before assigning the current three-column card, then make the selected
   machine unmistakable in light and dark themes. */
#view-folders .shared-folder-workspace:not(.machine-collapsed){
  grid-template-columns:minmax(21rem,23rem) minmax(0,1fr)!important;
  align-items:stretch!important;
}
#view-folders .machine-panel-head{
  display:grid!important;
  grid-template-columns:3.25rem minmax(0,1fr) 3.25rem!important;
  align-items:center!important;
  gap:.75rem!important;
}
#view-folders .machine-panel-count{justify-self:start!important;white-space:nowrap!important}
#view-folders .machine-collapse-btn{justify-self:end!important}
#view-folders .machine-list{padding:.75rem!important}
#view-folders .machine-section{display:grid!important;gap:.55rem!important}
#view-folders .machine-section-divider{margin:.8rem 0!important}
#view-folders .machine-item{
  position:relative!important;
  min-height:6.4rem!important;
  padding:.7rem!important;
  display:grid!important;
  grid-template-areas:none!important;
  grid-template-columns:4.25rem minmax(0,1fr) 2rem!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:.8rem!important;
  row-gap:.5rem!important;
  border:1px solid var(--nx-ui-line-strong)!important;
  border-radius:.8rem!important;
}
#view-folders .machine-item>.machine-item-icon{grid-column:1!important;grid-row:1!important}
#view-folders .machine-item>.machine-item-copy{grid-column:2!important;grid-row:1!important;align-self:center!important}
#view-folders .machine-item>.machine-item-folder-badge{grid-column:3!important;grid-row:1!important;justify-self:end!important}
#view-folders .machine-item>.machine-item-status-stack{grid-column:2/4!important;grid-row:2!important}
#view-folders .machine-item.selected{
  border:2px solid #8b72f4!important;
  background:
    radial-gradient(circle at 8% 0,rgba(98,207,241,.18),transparent 44%),
    linear-gradient(145deg,rgba(70,50,119,.36),rgba(11,28,39,.98))!important;
  box-shadow:
    inset .38rem 0 0 #a77aff,
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 .22rem rgba(127,92,224,.16),
    0 .85rem 1.75rem rgba(22,10,53,.24)!important;
}
#view-folders .machine-item.selected::after{
  content:none!important;
  display:none!important;
}
html[data-theme="light"] #view-folders .machine-item.selected{
  border-color:#7654cf!important;
  background:
    radial-gradient(circle at 8% 0,rgba(71,173,213,.16),transparent 44%),
    linear-gradient(145deg,#f8f5ff,#e9e2f8)!important;
  box-shadow:
    inset .38rem 0 0 #8059d2,
    inset 0 1px 0 #fff,
    0 0 0 .22rem rgba(100,70,181,.14),
    0 .85rem 1.65rem rgba(65,44,105,.14)!important;
}
#view-folders .machine-item.selected .machine-item-name{
  color:#fff!important;
  font-weight:820!important;
}
#view-folders .machine-item.selected .machine-role-pill{
  color:#e9dcff!important;
  border-color:rgba(177,142,247,.42)!important;
  background:rgba(119,79,194,.28)!important;
}
#view-folders .machine-item.selected .machine-node-icon{
  filter:brightness(1.12) saturate(1.12) drop-shadow(0 .25rem .55rem rgba(67,176,222,.22))!important;
}
html[data-theme="light"] #view-folders .machine-item.selected .machine-item-name{
  color:#2c174f!important;
}
html[data-theme="light"] #view-folders .machine-item.selected .machine-role-pill{
  color:#55328f!important;
  border-color:#c7b3e9!important;
  background:#eee6fa!important;
}
#view-folders .machine-item-icon.machine-node-icon{
  width:4.25rem!important;height:4.25rem!important;min-width:4.25rem!important;min-height:4.25rem!important;
}

#view-folders .folder-browser{min-width:0!important}
#view-folders .folder-browser-controls{
  width:100%!important;
  min-width:0!important;
  min-height:4.75rem!important;
  padding:.5rem!important;
  display:grid!important;
  grid-template-columns:minmax(20rem,1fr) minmax(12rem,14rem)!important;
  align-items:center!important;
  gap:.75rem!important;
}
#view-folders .shared-folder-search{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:3.75rem!important;
}
#view-folders .shared-folder-search input{
  width:100%!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
  padding-left:3.75rem!important;
  padding-right:4rem!important;
  font-size:var(--type-body)!important;
}
#view-folders .shared-folder-search>svg{
  position:absolute!important;
  z-index:2!important;
  left:.6rem!important;
  top:50%!important;
  width:2.65rem!important;
  height:2.65rem!important;
  transform:translateY(-50%)!important;
  color:#52c8ee!important;
}
#view-folders #folderStateDropdown,
#view-folders #folderStateDropdown>.multi-select-trigger{
  width:100%!important;
  min-width:0!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
}
#view-folders .folder-summary-chip{border-radius:.7rem!important}

/* One immutable six-column contract for the Shared Folders header and every
   row. Explicit child placement neutralizes old per-cell grid rules. */
#view-folders .folder-table-viewport{
  width:100%!important;
  min-width:0!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
#view-folders .folder-table-inner,
#view-folders .selected-folder-list{width:100%!important;min-width:64rem!important}
#view-folders .folder-icon-header,
#view-folders .folder-row{
  width:100%!important;
  min-width:64rem!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(16rem,1.45fr) minmax(9rem,.8fr) minmax(11rem,1fr) minmax(8rem,.72fr) minmax(9rem,.78fr) minmax(11rem,1fr)!important;
  grid-template-rows:1fr!important;
  grid-auto-flow:row!important;
  column-gap:0!important;
  align-items:stretch!important;
}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(1){grid-column:1!important}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(2){grid-column:2!important}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(3){grid-column:3!important}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(4){grid-column:4!important}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(5){grid-column:5!important}
#view-folders :is(.folder-icon-header,.folder-row)>:nth-child(6){grid-column:6!important}
#view-folders .folder-icon-header>*{justify-self:stretch!important}
#view-folders .folder-row>*{
  width:100%!important;
  min-width:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  border-right:1px solid var(--nx-ui-line)!important;
}
#view-folders .folder-row>*:last-child{border-right:0!important}

/* Text-bearing ovals are replaced globally with compact rounded rectangles.
   Circular state dots, avatars, gauges, toggles and progress tracks retain
   their semantic geometry. */
:is(
  [class*="-pill"],
  [class*="-chip"],
  [class*="-badge"],
  .status,
  .folder-state,
  .machine-section-count,
  .multi-select-count,
  .notification-head>span
){border-radius:.5rem!important}

@media(max-width:1050px){
  #view-reviews .reviews-filter-search-row{
    grid-template-columns:minmax(0,1fr) 8rem!important;
  }
  #view-reviews .review-status-segments{grid-column:1/-1!important;grid-row:1!important}
  #view-reviews .review-search-field{grid-column:1!important;grid-row:2!important}
  #view-reviews .review-view-toggle{grid-column:2!important;grid-row:2!important}
}
@media(max-width:760px){
  #view-reviews .reviews-filter-search-row,
  #view-folders .folder-browser-controls{grid-template-columns:minmax(0,1fr)!important}
  #view-reviews .review-status-segments,
  #view-reviews .review-search-field,
  #view-reviews .review-view-toggle{grid-column:1!important;grid-row:auto!important}
  #view-reviews .review-view-toggle{width:100%!important;min-width:0!important}
}

/* Shared Folders collapsed machine rail: the reopen affordance is a dedicated
   panel control, not a tiny arrow floating outside the sidebar. */
#view-folders .shared-folder-workspace.machine-collapsed{
  grid-template-columns:5.75rem minmax(0,1fr)!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-panel{
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
  border-color:rgba(104,199,255,.2)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(126,77,255,.16),transparent 11rem),
    linear-gradient(180deg,#101a25,#09121a 58%,#081018)!important;
  box-shadow:
    inset -1px 0 0 rgba(104,199,255,.08),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-panel-head{
  min-height:5.5rem!important;
  padding:.65rem!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  border-bottom:1px solid rgba(104,199,255,.14)!important;
  background:linear-gradient(180deg,rgba(126,77,255,.1),rgba(34,160,224,.035))!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-panel-symbol,
#view-folders .shared-folder-workspace.machine-collapsed .machine-panel-count{
  display:none!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn{
  position:relative!important;
  inset:auto!important;
  z-index:5!important;
  width:4.25rem!important;
  height:4.25rem!important;
  min-width:4.25rem!important;
  min-height:4.25rem!important;
  margin:0!important;
  padding:0!important;
  justify-self:center!important;
  overflow:visible!important;
  border:1px solid rgba(137,190,255,.38)!important;
  border-radius:1rem!important;
  color:#d9ecff!important;
  background:
    linear-gradient(145deg,rgba(126,77,255,.25),rgba(37,171,224,.12)),
    #101b27!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 1.2rem rgba(113,79,255,.1),
    0 0 0 .22rem rgba(93,73,214,.08),
    0 .55rem 1.25rem rgba(0,0,0,.28)!important;
  transform:none!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn::before{
  content:"";
  position:absolute;
  top:.75rem;
  bottom:.75rem;
  left:-.22rem;
  width:.22rem;
  border-radius:.2rem;
  background:linear-gradient(180deg,#b17cff,#48c9ff);
  box-shadow:0 0 .75rem rgba(115,179,255,.72);
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn svg{
  width:3.55rem!important;
  height:3.55rem!important;
  transform:none!important;
  filter:drop-shadow(0 0 .65rem rgba(108,194,255,.38))!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:hover{
  border-color:rgba(174,215,255,.72)!important;
  background:
    linear-gradient(145deg,rgba(139,84,255,.38),rgba(44,190,242,.2)),
    #142333!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 0 0 1.5rem rgba(105,77,255,.17),
    0 0 1.2rem rgba(76,183,255,.2),
    0 .65rem 1.35rem rgba(0,0,0,.3)!important;
  transform:translateX(.12rem)!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:active{
  transform:translateX(.16rem) scale(.97)!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:focus-visible{
  outline:.18rem solid #68c7ff!important;
  outline-offset:.2rem!important;
}
html[data-theme="light"] #view-folders .shared-folder-workspace.machine-collapsed .machine-panel{
  border-color:rgba(75,139,184,.3)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(126,77,255,.1),transparent 11rem),
    linear-gradient(180deg,#f8fbfe,#edf3f8)!important;
  box-shadow:inset -1px 0 0 rgba(55,123,169,.12),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] #view-folders .shared-folder-workspace.machine-collapsed .machine-panel-head{
  border-bottom-color:rgba(67,133,179,.2)!important;
  background:linear-gradient(180deg,rgba(126,77,255,.09),rgba(54,165,218,.04))!important;
}
html[data-theme="light"] #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn{
  color:#345b78!important;
  border-color:rgba(88,126,186,.42)!important;
  background:linear-gradient(145deg,rgba(223,213,255,.86),rgba(215,242,252,.82)),#f5f9fc!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 0 1rem rgba(126,77,255,.08),
    0 0 0 .22rem rgba(102,74,203,.06),
    0 .45rem 1rem rgba(48,72,94,.16)!important;
}
html[data-theme="light"] #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:hover{
  border-color:rgba(100,74,198,.62)!important;
  background:linear-gradient(145deg,#e8dcff,#dcf4fd),#fff!important;
  box-shadow:inset 0 1px 0 #fff,0 0 1.1rem rgba(88,155,218,.2),0 .55rem 1.1rem rgba(48,72,94,.18)!important;
}

/* Add Worker: two explicit pairing steps with one alignment contract for the
   values and their actions. */
#workerPairingOverlay{
  --pair-bg:#09121b;
  --pair-surface:#0d1822;
  --pair-surface-raised:#111e29;
  --pair-line:rgba(139,168,193,.2);
  --pair-line-strong:rgba(154,190,220,.34);
  --pair-text:#f0f5f9;
  --pair-text-2:#c4d0da;
  --pair-muted:#91a2b2;
  padding:clamp(1rem,3vw,2.5rem)!important;
  background:rgba(2,7,12,.8)!important;
  backdrop-filter:blur(1.1rem) saturate(1.15)!important;
}
#workerPairingOverlay .worker-pairing-modal{
  width:min(48rem,96vw)!important;
  max-height:min(55rem,94vh)!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  color:var(--pair-text)!important;
  border:1px solid var(--pair-line-strong)!important;
  border-radius:1.5rem!important;
  background:
    radial-gradient(circle at 8% -8%,rgba(133,78,255,.18),transparent 24rem),
    radial-gradient(circle at 100% 18%,rgba(43,180,224,.09),transparent 21rem),
    var(--pair-bg)!important;
  box-shadow:0 2.25rem 7rem rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#workerPairingOverlay .worker-pairing-head{
  min-height:6rem!important;
  padding:1rem 1.25rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 3.5rem!important;
  align-items:center!important;
  gap:1rem!important;
  border-bottom:1px solid var(--pair-line)!important;
  background:linear-gradient(180deg,rgba(19,31,43,.94),rgba(10,20,29,.84))!important;
}
#workerPairingOverlay .worker-pairing-title{
  display:grid!important;
  grid-template-columns:4.5rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:1rem!important;
}
#workerPairingOverlay .worker-pairing-title-icon{
  width:4.5rem!important;
  height:4.5rem!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#workerPairingOverlay .worker-pairing-title-icon svg{
  width:4.25rem!important;
  height:4.25rem!important;
}
#workerPairingOverlay .worker-pairing-eyebrow{
  display:block!important;
  margin:0 0 .3rem!important;
  color:#9a85d2!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  font-weight:780!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
#workerPairingOverlay .worker-pairing-title strong{
  display:block!important;
  color:var(--pair-text)!important;
  font-size:1.45rem!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
#workerPairingOverlay .worker-pairing-title div>span:last-child{
  display:block!important;
  margin-top:.35rem!important;
  color:var(--pair-muted)!important;
  font-size:.84rem!important;
  line-height:1.35!important;
  font-weight:520!important;
}
#workerPairingOverlay .worker-pairing-close{
  width:3.5rem!important;
  height:3.5rem!important;
  min-width:3.5rem!important;
  min-height:3.5rem!important;
  padding:0!important;
  border:1px solid rgba(255,112,123,.22)!important;
  border-radius:.9rem!important;
  color:#ff9da5!important;
  background:rgba(255,83,96,.055)!important;
}
#workerPairingOverlay .worker-pairing-close svg{width:2.9rem!important;height:2.9rem!important}
#workerPairingOverlay .worker-pairing-close:hover{
  border-color:rgba(255,128,138,.48)!important;
  background:rgba(255,83,96,.11)!important;
  box-shadow:0 0 1.1rem rgba(255,83,96,.1)!important;
}
#workerPairingOverlay .worker-pairing-body{
  min-height:0!important;
  padding:1.35rem!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
#workerPairingOverlay .worker-pairing-intro{
  display:grid!important;
  grid-template-columns:4rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1rem 1.1rem!important;
  border:1px solid var(--pair-line)!important;
  border-radius:1rem!important;
  background:linear-gradient(145deg,rgba(126,77,255,.075),rgba(50,173,222,.035)),var(--pair-surface)!important;
}
#workerPairingOverlay .worker-pairing-intro-icon{
  width:4rem!important;
  height:4rem!important;
  display:grid!important;
  place-items:center!important;
}
#workerPairingOverlay .worker-pairing-intro-icon svg{width:3.7rem!important;height:3.7rem!important}
#workerPairingOverlay .worker-pairing-kicker{
  color:#a58ce0!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  font-weight:780!important;
  letter-spacing:.09em!important;
}
#workerPairingOverlay .worker-pairing-intro h2{
  margin:.35rem 0 0!important;
  color:var(--pair-text)!important;
  font-size:1.35rem!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:-.022em!important;
}
#workerPairingOverlay .worker-pairing-intro p{
  max-width:none!important;
  margin:.45rem 0 0!important;
  color:var(--pair-muted)!important;
  font-size:.9rem!important;
  line-height:1.55!important;
  font-weight:500!important;
}
#workerPairingOverlay .worker-pairing-intro p strong{color:var(--pair-text-2)!important;font-weight:760!important}
#workerPairingOverlay .worker-pairing-steps{
  margin-top:1rem!important;
  display:grid!important;
  gap:.85rem!important;
}
#workerPairingOverlay .worker-pairing-step{
  padding:1rem!important;
  border:1px solid var(--pair-line)!important;
  border-radius:1.1rem!important;
  background:var(--pair-surface)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#workerPairingOverlay .worker-pairing-step.code-step{border-color:rgba(151,112,239,.27)!important}
#workerPairingOverlay .worker-pairing-step.address-step{border-color:rgba(74,184,220,.24)!important}
#workerPairingOverlay .worker-pairing-step-head{
  display:grid!important;
  grid-template-columns:2.25rem 3.75rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.8rem!important;
}
#workerPairingOverlay .worker-pairing-step-number{
  width:2.25rem!important;
  height:2.25rem!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(163,127,245,.3)!important;
  border-radius:.68rem!important;
  color:#d2bdff!important;
  background:rgba(126,77,255,.1)!important;
  font-size:.9rem!important;
  line-height:1!important;
  font-weight:820!important;
}
#workerPairingOverlay .worker-pairing-step-icon{
  width:3.75rem!important;
  height:3.75rem!important;
  display:grid!important;
  place-items:center!important;
}
#workerPairingOverlay .worker-pairing-step-icon svg{width:3.5rem!important;height:3.5rem!important}
#workerPairingOverlay .worker-pairing-step-head h3{
  margin:0!important;
  color:var(--pair-text)!important;
  font-size:1.05rem!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:-.012em!important;
}
#workerPairingOverlay .worker-pairing-step-head p{
  margin:.3rem 0 0!important;
  color:var(--pair-muted)!important;
  font-size:.83rem!important;
  line-height:1.45!important;
  font-weight:500!important;
}
#workerPairingOverlay .worker-pairing-value-row{
  margin-top:.85rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 10.5rem!important;
  align-items:stretch!important;
  gap:.75rem!important;
}
#workerPairingOverlay :is(.worker-pairing-code-card,.worker-pairing-address-card){
  min-width:0!important;
  min-height:5.6rem!important;
  margin:0!important;
  padding:.85rem 1rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:.5rem!important;
  border:1px solid var(--pair-line-strong)!important;
  border-radius:.9rem!important;
  text-align:left!important;
  background:var(--pair-surface-raised)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#workerPairingOverlay .worker-pairing-code-card{
  background:linear-gradient(145deg,rgba(126,77,255,.1),rgba(126,77,255,.025)),var(--pair-surface-raised)!important;
}
#workerPairingOverlay .worker-pairing-address-card{
  background:linear-gradient(145deg,rgba(45,181,212,.08),rgba(45,181,212,.02)),var(--pair-surface-raised)!important;
}
#workerPairingOverlay .worker-pairing-code-label{
  color:var(--pair-muted)!important;
  font-size:.72rem!important;
  line-height:1.1!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
}
#workerPairingOverlay .worker-pairing-code{
  margin:0!important;
  color:#f0eaff!important;
  font-size:2rem!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
#workerPairingOverlay .worker-pairing-address-card code{
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#d8f3ff!important;
  font-family:var(--font-ui)!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:720!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  user-select:all!important;
}
#workerPairingOverlay .worker-pairing-copy-button{
  width:100%!important;
  min-width:0!important;
  min-height:5.6rem!important;
  padding:.55rem .85rem!important;
  display:grid!important;
  grid-template-columns:3.1rem minmax(0,1fr)!important;
  place-items:center!important;
  gap:.55rem!important;
  border:1px solid rgba(143,116,219,.28)!important;
  border-radius:.9rem!important;
  color:#d9caff!important;
  background:linear-gradient(145deg,rgba(126,77,255,.14),rgba(43,171,217,.055)),var(--pair-surface-raised)!important;
  font-family:inherit!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:760!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
#workerPairingOverlay .worker-pairing-copy-button svg{width:3.1rem!important;height:3.1rem!important}
#workerPairingOverlay .worker-pairing-copy-button:hover:not(:disabled){
  border-color:rgba(176,145,255,.56)!important;
  background:linear-gradient(145deg,rgba(139,84,255,.24),rgba(49,189,235,.1)),var(--pair-surface-raised)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 1.2rem rgba(104,74,224,.13)!important;
  transform:translateY(-1px)!important;
}
#workerPairingOverlay .worker-pairing-copy-button.copied{
  color:#a9efc7!important;
  border-color:rgba(91,212,145,.38)!important;
  background:linear-gradient(145deg,rgba(57,185,113,.14),rgba(46,160,196,.05)),var(--pair-surface-raised)!important;
}
#workerPairingOverlay .worker-pairing-copy-button:disabled{
  cursor:wait!important;
  opacity:.58!important;
  filter:saturate(.55)!important;
}
#workerPairingOverlay .worker-pairing-security-note{
  margin-top:1rem!important;
  padding:.8rem 1rem!important;
  display:grid!important;
  grid-template-columns:3.25rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.8rem!important;
  border:1px solid rgba(85,205,139,.2)!important;
  border-radius:.9rem!important;
  background:rgba(62,190,120,.045)!important;
}
#workerPairingOverlay .worker-pairing-security-note>span{width:3.25rem!important;height:3.25rem!important;display:grid!important;place-items:center!important}
#workerPairingOverlay .worker-pairing-security-note svg{width:3rem!important;height:3rem!important}
#workerPairingOverlay .worker-pairing-security-note strong{
  display:block!important;
  color:#b9e9cc!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}
#workerPairingOverlay .worker-pairing-security-note p{
  margin:.25rem 0 0!important;
  color:var(--pair-muted)!important;
  font-size:.8rem!important;
  line-height:1.45!important;
  font-weight:500!important;
}
#workerPairingOverlay .worker-pairing-actions{
  margin-top:1rem!important;
  padding-top:1rem!important;
  display:flex!important;
  justify-content:flex-end!important;
  border-top:1px solid var(--pair-line)!important;
}
#workerPairingOverlay .worker-pairing-btn{
  width:11rem!important;
  min-width:11rem!important;
  min-height:3.5rem!important;
  padding:.45rem 1rem!important;
  display:grid!important;
  grid-template-columns:2.7rem minmax(0,1fr)!important;
  place-items:center!important;
  gap:.55rem!important;
  border:1px solid var(--pair-line-strong)!important;
  border-radius:.9rem!important;
  color:var(--pair-text-2)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(61,163,201,.035)),var(--pair-surface-raised)!important;
  font-size:.92rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}
#workerPairingOverlay .worker-pairing-btn svg{width:2.7rem!important;height:2.7rem!important}
#workerPairingOverlay .worker-pairing-btn:hover{
  color:var(--pair-text)!important;
  border-color:rgba(126,190,226,.48)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(61,163,201,.07)),var(--pair-surface-raised)!important;
  box-shadow:0 0 1rem rgba(53,163,216,.1)!important;
}
#workerPairingOverlay :is(button):focus-visible{
  outline:.18rem solid #8f6cf0!important;
  outline-offset:.18rem!important;
}

html[data-theme="light"] #workerPairingOverlay{
  --pair-bg:#f7fafc;
  --pair-surface:#ffffff;
  --pair-surface-raised:#f2f7fb;
  --pair-line:rgba(87,112,134,.22);
  --pair-line-strong:rgba(77,111,140,.35);
  --pair-text:#17283a;
  --pair-text-2:#334b60;
  --pair-muted:#63788a;
  background:rgba(42,57,72,.38)!important;
}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-modal{
  background:radial-gradient(circle at 8% -8%,rgba(138,85,239,.1),transparent 24rem),radial-gradient(circle at 100% 18%,rgba(43,180,224,.08),transparent 21rem),var(--pair-bg)!important;
  box-shadow:0 2rem 6rem rgba(35,53,68,.28),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-head{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,251,.94))!important;
}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-code{color:#553098!important}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-address-card code{color:#23546a!important}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-security-note strong{color:#24734a!important}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-close{
  color:#b94752!important;
  border-color:rgba(190,68,79,.24)!important;
  background:rgba(215,72,84,.055)!important;
}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-copy-button{
  color:#52368d!important;
  border-color:rgba(104,77,174,.27)!important;
}
html[data-theme="light"] #workerPairingOverlay .worker-pairing-copy-button.copied{color:#24734a!important}

@media(max-width:700px){
  #workerPairingOverlay .worker-pairing-modal{width:100%!important;max-height:96vh!important;border-radius:1.1rem!important}
  #workerPairingOverlay .worker-pairing-head{min-height:5.25rem!important;padding:.75rem!important;grid-template-columns:minmax(0,1fr) 3.2rem!important}
  #workerPairingOverlay .worker-pairing-title{grid-template-columns:3.75rem minmax(0,1fr)!important;gap:.7rem!important}
  #workerPairingOverlay .worker-pairing-title-icon,#workerPairingOverlay .worker-pairing-title-icon svg{width:3.75rem!important;height:3.75rem!important}
  #workerPairingOverlay .worker-pairing-body{padding:.85rem!important}
  #workerPairingOverlay .worker-pairing-intro{grid-template-columns:3.35rem minmax(0,1fr)!important;padding:.85rem!important}
  #workerPairingOverlay .worker-pairing-intro-icon,#workerPairingOverlay .worker-pairing-intro-icon svg{width:3.35rem!important;height:3.35rem!important}
  #workerPairingOverlay .worker-pairing-step-head{grid-template-columns:2rem 3.25rem minmax(0,1fr)!important;gap:.55rem!important}
  #workerPairingOverlay .worker-pairing-step-number{width:2rem!important;height:2rem!important}
  #workerPairingOverlay .worker-pairing-step-icon,#workerPairingOverlay .worker-pairing-step-icon svg{width:3.25rem!important;height:3.25rem!important}
  #workerPairingOverlay .worker-pairing-value-row{grid-template-columns:minmax(0,1fr)!important}
  #workerPairingOverlay .worker-pairing-copy-button{min-height:4rem!important;grid-template-columns:3rem minmax(0,1fr)!important}
  #workerPairingOverlay .worker-pairing-actions{justify-content:stretch!important}
  #workerPairingOverlay .worker-pairing-btn{width:100%!important;min-width:0!important}
}

/* Account menu: one shared left/text/right grid. Primary semantic icons stay
   larger than the directional controls on the right. */
.account-menu-inner{
  --account-left-icon:3rem;
  --account-right-icon:2.5rem;
  --account-row-gap:.42rem;
}
.account-section-toggle,
.account-theme-control,
#helpMenuButton{
  min-height:4.65rem!important;
  padding:.6rem .8rem!important;
  display:grid!important;
  grid-template-columns:var(--account-left-icon) minmax(0,1fr) var(--account-right-icon)!important;
  align-items:center!important;
  column-gap:var(--account-row-gap)!important;
}
.account-section-toggle .account-menu-icon,
.account-theme-icon,
#helpMenuButton .account-menu-icon{
  width:var(--account-left-icon)!important;
  height:var(--account-left-icon)!important;
  min-width:var(--account-left-icon)!important;
  min-height:var(--account-left-icon)!important;
  align-self:center!important;
  justify-self:center!important;
}
.account-section-toggle .account-menu-icon>svg,
.account-theme-icon>svg,
#helpMenuButton .account-menu-icon>svg{
  width:2.85rem!important;
  height:2.85rem!important;
  min-width:2.85rem!important;
  min-height:2.85rem!important;
}
.account-section-copy,
.account-theme-copy,
.account-utility-copy{
  min-width:0!important;
  min-height:var(--account-left-icon)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:center!important;
  text-align:left!important;
}
.account-section-copy>strong{
  font-size:1.08rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.012em!important;
}
:is(.account-theme-copy,.account-utility-copy)>strong{
  font-size:.98rem!important;
  line-height:1.2!important;
  font-weight:740!important;
}
.account-chevron,
.account-utility-arrow,
.account-theme-switch{
  width:var(--account-right-icon)!important;
  height:var(--account-right-icon)!important;
  min-width:var(--account-right-icon)!important;
  min-height:var(--account-right-icon)!important;
  justify-self:end!important;
  align-self:center!important;
}
.account-chevron svg{
  width:1.8rem!important;
  height:1.8rem!important;
  min-width:1.8rem!important;
  min-height:1.8rem!important;
}
.account-utility-arrow svg{
  width:1.7rem!important;
  height:1.7rem!important;
  min-width:1.7rem!important;
  min-height:1.7rem!important;
}
.account-theme-choice.nx-icon-only,
.account-theme-choice.nx-icon-only>svg{
  width:2.35rem!important;
  height:2.35rem!important;
  min-width:2.35rem!important;
  min-height:2.35rem!important;
}
.account-theme-switch{
  padding:0!important;
  display:grid!important;
  grid-template-columns:var(--account-right-icon)!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.account-theme-choice.nx-icon-only{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.account-theme-icon svg .nx-icon-rear,
.account-theme-icon svg .nx-icon-transmission{
  filter:brightness(1.18) saturate(1.16)!important;
}
.account-logout{
  width:100%!important;
  min-height:4.35rem!important;
  height:auto!important;
  padding:.55rem .8rem!important;
  display:grid!important;
  grid-template-columns:var(--account-left-icon) minmax(0,1fr) var(--account-right-icon)!important;
  align-items:center!important;
  column-gap:var(--account-row-gap)!important;
  font-size:.95rem!important;
  line-height:1.2!important;
  font-weight:740!important;
}
.account-logout>svg{
  grid-column:1!important;
  width:2.85rem!important;
  height:2.85rem!important;
  min-width:2.85rem!important;
  min-height:2.85rem!important;
  justify-self:center!important;
}
.account-logout>span{
  grid-column:2!important;
  justify-self:start!important;
  align-self:center!important;
  text-align:left!important;
}

/* Dark theme contrast contract: canvas, structural surfaces, raised content and
   separators must remain visibly distinct without relying on accent color. */
html[data-theme="dark"]{
  --nx-dark-canvas:#03080e;
  --nx-dark-panel:#0a1721;
  --nx-dark-surface:#0e1d29;
  --nx-dark-raised:#172a39;
  --nx-dark-header:#1b3142;
  --nx-dark-border:#3f5e74;
  --nx-dark-border-strong:#506f86;
}
html[data-theme="dark"] :is(.app,.main){background-color:var(--nx-dark-canvas)!important}
html[data-theme="dark"] :is(.sidebar,.topbar){border-color:var(--nx-dark-border)!important}
html[data-theme="dark"] :is(
  .panel,.machine-panel,.folder-browser,.account-menu,.notification-menu,
  .media-modal,.review-modal,.machine-detail-modal,.machine-confirm-dialog,
  .team-detail-modal,.team-add-modal,.worker-pairing-modal,.drawer,.modal
){
  border-color:var(--nx-dark-border-strong)!important;
  box-shadow:inset 0 1px 0 rgba(206,229,245,.055),0 1rem 2.8rem rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] :is(
  .panel,.machine-panel,.folder-browser,.account-menu,.notification-menu,
  .media-modal,.review-modal,.machine-detail-modal,.team-detail-modal,.team-add-modal,.drawer,.modal
){background-color:var(--nx-dark-panel)!important}
html[data-theme="dark"] :is(
  .metric-card,.machine-page-card,.machine-card,.media-card,.entity-card,.team-card,
  .settings-card,.help-card,.shared-folder-detail-card,.detail-card,.stat-card,
  .metadata-item,.media-list-row,.render-row,.machine-item,.review-card,
  .worker-pairing-step,.worker-pairing-security-note
){border-color:var(--nx-dark-border)!important}
html[data-theme="dark"] :is(
  .account-section,.account-theme-control,.account-utility,.account-details-inner,
  .machine-page-property,.meta-section,.settings-section,.help-section
){
  border-color:var(--nx-dark-border)!important;
  background-color:var(--nx-dark-surface)!important;
}
html[data-theme="dark"] :is(
  .panel-head,.machine-panel-head,.folder-browser-head,.media-modal-head,.review-modal-head,
  .machine-detail-head,.team-detail-head,.team-add-head,.worker-pairing-head,
  .drawer-head,.modal-head,.folder-icon-header,.data-table thead th
){
  border-color:var(--nx-dark-border-strong)!important;
  background-color:var(--nx-dark-header)!important;
}
html[data-theme="dark"] :is(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea,
  .search-field,.machines-search,.shared-folder-search,.review-search-field,
  .multi-select,.select,.smart-box
){
  border-color:var(--nx-dark-border)!important;
  background-color:#08141e!important;
}
html[data-theme="dark"] :is(.data-table,.table-wrap,.folder-table-viewport){
  border-color:var(--nx-dark-border-strong)!important;
  background-color:var(--nx-dark-panel)!important;
}
html[data-theme="dark"] .data-table tbody tr:nth-child(odd)>td{background-color:#0c1a25!important}
html[data-theme="dark"] .data-table tbody tr:nth-child(even)>td{background-color:#112331!important}
html[data-theme="dark"] :is(.data-table td,.data-table th,.folder-row>*,.folder-icon-header>*){
  border-color:var(--nx-dark-border)!important;
}
html[data-theme="dark"] :is(.account-menu-divider,.machine-section-divider,.drawer-footer,.modal-actions){
  border-color:var(--nx-dark-border)!important;
  background-color:var(--nx-dark-border)!important;
}

/* Login rhythm: the primary action has the strongest separation from the
   credential fields, while empty validation rows consume no space. */
.login-form{
  margin-top:2.15rem!important;
  gap:0!important;
}
#loginUsernameField{margin-bottom:1.45rem!important}
#loginPasswordField{margin-bottom:0!important}
.login-form-error:not(:empty){margin:.75rem 0 0!important}
.login-submit{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:3.7rem!important;
  margin-top:1.8rem!important;
  padding:.45rem 1.25rem!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.65rem!important;
  border:1px solid rgba(155,194,226,.48)!important;
  border-radius:.95rem!important;
  color:#eef7ff!important;
  background:linear-gradient(145deg,rgba(124,82,235,.18),rgba(54,171,220,.1)),#132433!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),inset 0 0 1.5rem rgba(112,82,224,.07),0 .75rem 1.8rem rgba(0,0,0,.2)!important;
  font-size:1rem!important;
  line-height:1.2!important;
  font-weight:790!important;
  letter-spacing:.005em!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.login-submit::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 12% auto;
  height:.14rem;
  border-radius:0 0 .3rem .3rem;
  background:linear-gradient(90deg,transparent,#a889ff 28%,#55cfff 72%,transparent);
  box-shadow:0 0 1rem rgba(112,194,255,.5);
}
.login-submit-icon{
  width:2.65rem!important;
  height:2.65rem!important;
  flex:0 0 2.65rem!important;
  display:grid!important;
  place-items:center!important;
}
.login-submit-icon>svg{width:2.55rem!important;height:2.55rem!important}
.login-submit-label{position:relative!important;z-index:1!important}
.login-submit:hover:not(:disabled){
  border-color:rgba(184,215,240,.72)!important;
  background:linear-gradient(145deg,rgba(139,91,248,.27),rgba(60,190,239,.16)),#172b3d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 1.35rem rgba(85,174,227,.13),0 .9rem 2rem rgba(0,0,0,.24)!important;
  transform:translateY(-1px)!important;
}
.login-submit:active:not(:disabled){transform:translateY(0) scale(.99)!important}
.login-submit.loading .login-submit-icon{display:none!important}
.login-submit:disabled{
  color:#8798a7!important;
  border-color:#344b5d!important;
  background:#17232d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="light"] .login-submit{
  color:#24384c!important;
  border-color:rgba(80,116,146,.42)!important;
  background:linear-gradient(145deg,rgba(228,218,255,.72),rgba(214,242,252,.78)),#f7fafc!important;
  box-shadow:inset 0 1px 0 #fff,0 .7rem 1.7rem rgba(54,76,96,.14)!important;
}
html[data-theme="light"] .login-submit:hover:not(:disabled){
  border-color:rgba(104,76,190,.52)!important;
  background:linear-gradient(145deg,#eadfff,#dcf4fd),#fff!important;
  box-shadow:inset 0 1px 0 #fff,0 0 1.1rem rgba(91,158,211,.16),0 .8rem 1.8rem rgba(54,76,96,.17)!important;
}
@media(max-width:560px){
  .login-form{margin-top:1.75rem!important}
  #loginUsernameField{margin-bottom:1.2rem!important}
  .login-submit{margin-top:1.5rem!important}
}

/* Theme affordance and account semantics: theme imagery is intentionally the
   largest right-side action; directional glyphs remain quiet and compact. */
.account-chevron svg{
  width:1.35rem!important;
  height:1.35rem!important;
  min-width:1.35rem!important;
  min-height:1.35rem!important;
}
.account-utility-arrow svg{
  width:1.25rem!important;
  height:1.25rem!important;
  min-width:1.25rem!important;
  min-height:1.25rem!important;
}
.account-theme-control{
  grid-template-columns:var(--account-left-icon) minmax(0,1fr) 3.1rem!important;
}
.account-theme-switch{
  width:3.1rem!important;
  height:3.1rem!important;
  min-width:3.1rem!important;
  min-height:3.1rem!important;
  grid-template-columns:3.1rem!important;
}
.account-theme-choice.nx-icon-only{
  width:3.05rem!important;
  height:3.05rem!important;
  min-width:3.05rem!important;
  min-height:3.05rem!important;
}
.account-theme-choice.nx-icon-only>svg{
  width:2.95rem!important;
  height:2.95rem!important;
  min-width:2.95rem!important;
  min-height:2.95rem!important;
  filter:drop-shadow(0 0 .6rem rgba(143,104,255,.24))!important;
}
.theme-setting-row .theme-choice.nx-icon-only{
  width:3.1rem!important;
  height:3.1rem!important;
  min-width:3.1rem!important;
  min-height:3.1rem!important;
}
.theme-setting-row .theme-choice.nx-icon-only>svg{width:3rem!important;height:3rem!important}

/* Each account action owns a distinct semantic surface in both themes. */
html[data-theme="dark"] .account-menu{
  border-color:#416079!important;
  background:radial-gradient(circle at 92% 2%,rgba(138,69,255,.15),transparent 34%),linear-gradient(160deg,#0b1925,#061019 68%)!important;
}
html[data-theme="dark"] .account-section{
  border-color:#315878!important;
  background:linear-gradient(145deg,rgba(35,92,132,.24),rgba(10,27,40,.97))!important;
}
html[data-theme="dark"] .account-details-inner{
  border-color:#29475e!important;
  background:#081621!important;
}
html[data-theme="dark"] .account-theme-control{
  border-color:#68532d!important;
  background:linear-gradient(145deg,rgba(213,145,40,.14),rgba(27,27,25,.96))!important;
}
html[data-theme="dark"] #helpMenuButton{
  border-color:#285a6d!important;
  background:linear-gradient(145deg,rgba(34,162,196,.13),rgba(8,25,35,.96))!important;
}
html[data-theme="dark"] .account-logout{
  border:1px solid rgba(220,83,97,.28)!important;
  background:linear-gradient(145deg,rgba(208,64,78,.09),rgba(22,17,23,.82))!important;
}
html[data-theme="light"] .account-menu{
  border-color:#9fb5c7!important;
  background:linear-gradient(160deg,#f8fbfd,#e7eff5 70%)!important;
}
html[data-theme="light"] .account-section{
  border-color:#9fc4dc!important;
  background:linear-gradient(145deg,#ffffff,#e8f3fa)!important;
}
html[data-theme="light"] .account-details-inner{
  border-color:#b7c9d7!important;
  background:#ffffff!important;
}
html[data-theme="light"] .account-theme-control{
  border-color:#d4bc83!important;
  background:linear-gradient(145deg,#fffdf8,#f8edd5)!important;
}
html[data-theme="light"] #helpMenuButton{
  border-color:#9bcbd8!important;
  background:linear-gradient(145deg,#fbfeff,#e5f5f8)!important;
}
html[data-theme="light"] .account-logout{
  border:1px solid #e0b3b8!important;
  background:linear-gradient(145deg,#fffafa,#f8e7e9)!important;
}

/* Raise light-theme structural separation globally to match the dark contract. */
html[data-theme="light"] :is(
  .panel,.metric-card,.machine-page-card,.machine-panel,.folder-browser,.media-card,
  .entity-card,.team-card,.settings-card,.help-card,.shared-folder-detail-card,
  .detail-card,.stat-card,.metadata-item,.media-list-row,.render-row,.review-card,
  .media-modal,.review-modal,.machine-detail-modal,.team-detail-modal,.team-add-modal,
  .worker-pairing-modal,.drawer,.modal
){border-color:#8faabd!important}
html[data-theme="light"] :is(
  .panel-head,.machine-panel-head,.folder-browser-head,.media-modal-head,.review-modal-head,
  .machine-detail-head,.team-detail-head,.team-add-head,.worker-pairing-head,.drawer-head,
  .modal-head,.folder-icon-header,.data-table thead th
){
  border-color:#7899b1!important;
  background-color:#dfeaf2!important;
}
html[data-theme="light"] .data-table tbody tr:nth-child(odd)>td{background-color:#ffffff!important}
html[data-theme="light"] .data-table tbody tr:nth-child(even)>td{background-color:#edf4f8!important}

/* --------------------------------------------------------------------------
   Semantic surface palette

   Repeated surfaces no longer collapse into one near-identical grey.  The
   hues stay deliberately restrained, while their border and fill contrast is
   strong enough to make adjacent regions readable at a glance in both themes.
   -------------------------------------------------------------------------- */
:root{
  --nx-tone-blue-bg:radial-gradient(circle at 0 0,rgba(32,145,214,.13),transparent 42%),linear-gradient(145deg,#102331,#091720);
  --nx-tone-blue-line:rgba(69,174,235,.38);
  --nx-tone-purple-bg:radial-gradient(circle at 0 0,rgba(137,74,235,.13),transparent 42%),linear-gradient(145deg,#162130,#091720);
  --nx-tone-purple-line:rgba(160,112,245,.38);
  --nx-tone-mint-bg:radial-gradient(circle at 0 0,rgba(40,176,124,.12),transparent 42%),linear-gradient(145deg,#10252d,#091720);
  --nx-tone-mint-line:rgba(66,199,145,.36);
  --nx-tone-cyan-bg:radial-gradient(circle at 0 0,rgba(34,170,190,.12),transparent 42%),linear-gradient(145deg,#10242f,#091720);
  --nx-tone-cyan-line:rgba(68,193,211,.36);
  --nx-tone-amber-bg:radial-gradient(circle at 0 0,rgba(213,147,42,.12),transparent 42%),linear-gradient(145deg,#1b242b,#091720);
  --nx-tone-amber-line:rgba(229,171,73,.37);
  --nx-tone-orange-bg:radial-gradient(circle at 0 0,rgba(255,134,30,.15),transparent 42%),linear-gradient(145deg,#241b12,#091720);
  --nx-tone-orange-line:rgba(255,152,53,.42);
  --nx-tone-rose-bg:radial-gradient(circle at 0 0,rgba(211,73,113,.11),transparent 42%),linear-gradient(145deg,#19202d,#091720);
  --nx-tone-rose-line:rgba(231,102,140,.32);
}
html[data-theme="light"]{
  --nx-tone-blue-bg:linear-gradient(145deg,#fafdff 0%,#dceffc 100%);
  --nx-tone-blue-line:#79b9df;
  --nx-tone-purple-bg:linear-gradient(145deg,#fdfbff 0%,#eadffc 100%);
  --nx-tone-purple-line:#ad8bdf;
  --nx-tone-mint-bg:linear-gradient(145deg,#fbfffd 0%,#dcefe6 100%);
  --nx-tone-mint-line:#79bea0;
  --nx-tone-cyan-bg:linear-gradient(145deg,#fbffff 0%,#d9f0f4 100%);
  --nx-tone-cyan-line:#76bdca;
  --nx-tone-amber-bg:linear-gradient(145deg,#fffdf8 0%,#f6e8c9 100%);
  --nx-tone-amber-line:#d1aa59;
  --nx-tone-orange-bg:linear-gradient(145deg,#fffaf4 0%,#f9e2c8 100%);
  --nx-tone-orange-line:#da914d;
  --nx-tone-rose-bg:linear-gradient(145deg,#fffafb 0%,#f7dfe6 100%);
  --nx-tone-rose-line:#d793a7;
}

/* Overview metric surfaces follow the glass artwork's semantic tone. Keep the
   card bloom, top light, border and value on the same accent in both themes. */
#view-overview .metric-media{--metric-accent:#ef5f7d;background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}
#view-overview .metric-folders{--metric-accent:#eda53c;background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
#view-overview .metric-machines{--metric-accent:#46a5ee;background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-overview .metric-reviews{--metric-accent:#43d8cd;background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
#view-overview .metric-storage{--metric-accent:#44b7f2;background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-overview .metric-storage:has(.storage-gauge.warning){--metric-accent:#eda53c;background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
#view-overview .metric-storage:has(.storage-gauge.critical){--metric-accent:#ef5f7d;background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}
#view-overview .metric-storage:has(.storage-gauge.unavailable){
  --metric-accent:var(--readable-disabled);
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--metric-accent) 10%,transparent),transparent 42%),linear-gradient(145deg,#151e27,#091720)!important;
  border-color:color-mix(in srgb,var(--metric-accent) 32%,transparent)!important;
}
html[data-theme="light"] #view-overview .metric-storage:has(.storage-gauge.unavailable){
  background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--metric-accent) 10%,transparent),transparent 42%),linear-gradient(145deg,#fff,#edf2f5)!important;
  border-color:color-mix(in srgb,var(--metric-accent) 25%,#cfdbe5)!important;
}
#view-overview .metric-storage .storage-metric-copy>strong{color:#edf2f6!important}
html[data-theme="light"] #view-overview .metric-storage .storage-metric-copy>strong{
  color:#172a40!important;
}

/* The two middle operational cards use the same semantic tones as their
   artwork; Online and Rendering already own the correct green/purple accents. */
.coordinator-info-card .coordinator-info-item.machines{
  --sidebar-accent:#46a5ee;
  background:var(--nx-tone-blue-bg)!important;
  border-color:var(--nx-tone-blue-line)!important;
}
.coordinator-info-card .coordinator-info-item.storage{
  --sidebar-accent:#ff9835;
  background:var(--nx-tone-orange-bg)!important;
  border-color:var(--nx-tone-orange-line)!important;
}

#view-overview .overview-recent-grid>.overview-recent-panel:first-child{background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-overview .overview-recent-grid>.overview-recent-panel:last-child{background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}
#view-overview .overview-recent-bottom>.overview-recent-panel{background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}

/* Media and review surfaces. */
#view-media .smart-search{background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n+1),
.media-meta-pane>.meta-section:nth-child(6n+1){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n+2),
.media-meta-pane>.meta-section:nth-child(6n+2){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n+3),
.media-meta-pane>.meta-section:nth-child(6n+3){background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n+4),
.media-meta-pane>.meta-section:nth-child(6n+4){background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n+5),
.media-meta-pane>.meta-section:nth-child(6n+5){background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
#view-media :is(.media-card,.media-list-row):nth-child(6n),
.media-meta-pane>.meta-section:nth-child(6n){background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}
.media-preview-pane,.review-preview-pane{background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
.review-detail-pane{background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
.review-file-item{background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
.review-person-card.editor{background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
.review-person-card.reviewer{background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
.review-comment-block{background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}

/* Machines: hardware categories and detail cards remain visually distinct. */
#view-workers .machine-page-card:nth-child(odd){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-workers .machine-page-card:nth-child(even){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-workers .machine-page-property:nth-child(1){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-workers .machine-page-property:nth-child(2){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-workers .machine-page-property:nth-child(3){background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
#view-workers .machine-page-property:nth-child(4){background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
#view-workers .machine-page-property:nth-child(5){background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n+1){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n+2){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n+3){background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n+4){background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n+5){background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
:is(.machine-detail-grid,.machine-detail-secondary-grid,.team-detail-info-grid,.shared-folder-detail-grid,.meta-grid) > :nth-child(6n){background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}

/* Shared folders: navigation, browser and table columns use stable semantics. */
#view-folders .machine-panel{background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-folders .folder-browser{background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
#view-folders .machine-item:nth-child(odd){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-folders .machine-item:nth-child(even){background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
#view-folders .folder-icon-header>:nth-child(1){background:rgba(213,147,42,.16)!important}
#view-folders .folder-icon-header>:nth-child(2){background:rgba(40,176,124,.15)!important}
#view-folders .folder-icon-header>:nth-child(3){background:rgba(137,74,235,.16)!important}
#view-folders .folder-icon-header>:nth-child(4){background:rgba(32,145,214,.16)!important}
#view-folders .folder-icon-header>:nth-child(5){background:rgba(213,147,42,.16)!important}
#view-folders .folder-icon-header>:nth-child(6){background:rgba(34,170,190,.16)!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(1){background:#f5e7c8!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(2){background:#dcefe6!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(3){background:#e9defb!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(4){background:#dceffc!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(5){background:#f7ebd1!important}
html[data-theme="light"] #view-folders .folder-icon-header>:nth-child(6){background:#d9f0f4!important}

/* Team, processing and settings use the same palette instead of neutral tiles. */
.team-detail-status-card{background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
.team-detail-section:nth-of-type(6n+1){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
.team-detail-section:nth-of-type(6n+2){background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
.team-detail-section:nth-of-type(6n+3){background:var(--nx-tone-mint-bg)!important;border-color:var(--nx-tone-mint-line)!important}
.team-detail-section:nth-of-type(6n+4){background:var(--nx-tone-amber-bg)!important;border-color:var(--nx-tone-amber-line)!important}
.team-detail-section:nth-of-type(6n+5){background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
.team-detail-section:nth-of-type(6n){background:var(--nx-tone-rose-bg)!important;border-color:var(--nx-tone-rose-line)!important}
#view-processing :is(.processing-row,.render-row,.panel):nth-child(odd){background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-processing :is(.processing-row,.render-row,.panel):nth-child(even){background:var(--nx-tone-cyan-bg)!important;border-color:var(--nx-tone-cyan-line)!important}
#view-settings .settings-nav{background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-settings .settings-panel{background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}

/* Navigation needs a surface-level hover signal in addition to the artwork
   bloom. Keep selected items distinct while making pointer and keyboard hover
   unmistakable in both themes. */
:is(.sidebar .nav-btn,#view-settings .settings-tab){
  transition:color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
html[data-theme="dark"] body .app .sidebar .nav .nav-btn:not(.active):is(:hover,:focus-visible){
  color:#fff!important;
  background:linear-gradient(90deg,rgba(111,49,202,.72),rgba(65,55,145,.56))!important;
  box-shadow:inset .22rem 0 0 #b77aff,inset 0 0 0 1px rgba(188,133,255,.48),0 .45rem 1.15rem rgba(82,39,156,.28)!important;
}
html[data-theme="dark"] body #view-settings .settings-nav .settings-tab:not(.active):is(:hover,:focus-visible){
  color:#fff!important;
  background:linear-gradient(100deg,rgba(96,63,177,.64),rgba(55,73,142,.52))!important;
  box-shadow:inset .22rem 0 0 #ad7af4,inset 0 0 0 1px rgba(176,137,239,.46),0 .4rem 1rem rgba(78,54,139,.24)!important;
}
html[data-theme="dark"] body .sidebar .nav-btn.active:is(:hover,:focus-visible){
  background:linear-gradient(90deg,rgba(126,53,222,.82),rgba(91,35,166,.62))!important;
  box-shadow:inset 0 0 0 1px rgba(191,128,255,.42),0 0 1.15rem rgba(126,55,218,.24)!important;
}
html[data-theme="dark"] body #view-settings .settings-tab.active:is(:hover,:focus-visible){
  color:#fff!important;
  background:linear-gradient(100deg,rgba(105,67,187,.52),rgba(67,67,142,.44))!important;
  box-shadow:inset 0 0 0 1px rgba(177,139,244,.38),0 0 1rem rgba(105,67,187,.18)!important;
}
html[data-theme="light"] body .app .sidebar .nav .nav-btn:not(.active):is(:hover,:focus-visible){
  color:#3f207f!important;
  background:linear-gradient(90deg,#e1d4fa,#d9eaf7)!important;
  box-shadow:inset .22rem 0 0 #7c4bc4,inset 0 0 0 1px #ae8cdd,0 .4rem 1rem rgba(80,56,130,.17)!important;
}
html[data-theme="light"] body #view-settings .settings-nav .settings-tab:not(.active):is(:hover,:focus-visible){
  color:#3d2375!important;
  background:linear-gradient(100deg,#e6dcf8,#dcebf6)!important;
  box-shadow:inset .22rem 0 0 #8055bd,inset 0 0 0 1px #b59cda,0 .35rem .9rem rgba(79,62,119,.15)!important;
}
html[data-theme="light"] body .sidebar .nav-btn.active:is(:hover,:focus-visible),
html[data-theme="light"] body #view-settings .settings-tab.active:is(:hover,:focus-visible){
  color:#47258f!important;
  background:linear-gradient(100deg,#e5d9fb,#dcebf7)!important;
  box-shadow:inset 0 0 0 1px #b397df,0 .35rem 1rem rgba(91,59,151,.14)!important;
}
#view-settings .proxy-resolution-card{background:var(--nx-tone-purple-bg)!important;border-color:var(--nx-tone-purple-line)!important}
#view-settings .proxy-coordinator-card{background:var(--nx-tone-blue-bg)!important;border-color:var(--nx-tone-blue-line)!important}
#view-settings .settings-network-card{border-color:var(--nx-tone-cyan-line)!important}

/* Alternating table rows now have a meaningful, theme-aware difference. */
html[data-theme="dark"] :is(.data-table,.folder-table) tbody tr:nth-child(odd)>td{background-color:rgba(30,74,103,.22)!important}
html[data-theme="dark"] :is(.data-table,.folder-table) tbody tr:nth-child(even)>td{background-color:rgba(72,43,103,.18)!important}
html[data-theme="light"] :is(.data-table,.folder-table) tbody tr:nth-child(odd)>td{background-color:#f7fbfe!important}
html[data-theme="light"] :is(.data-table,.folder-table) tbody tr:nth-child(even)>td{background-color:#eee8f7!important}

/* Account detail table: explicit cells, comfortable edge spacing and one
   shared alignment contract for Account, Theme, Help and Log out. */
.account-fields{
  margin:.15rem .7rem .75rem!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--account-detail-border,#35546b)!important;
  border-radius:.7rem!important;
  background:var(--account-detail-surface,#091722)!important;
}
.account-field{
  min-height:3rem!important;
  padding:0 .75rem 0 .65rem!important;
  display:grid!important;
  grid-template-columns:2.35rem 4.25rem minmax(0,1fr)!important;
  align-items:stretch!important;
  column-gap:.25rem!important;
  border-bottom:1px solid var(--account-detail-border,#35546b)!important;
  background:transparent!important;
}
.account-field:last-child{border-bottom:0!important}
.account-field-icon{
  width:1.75rem!important;
  height:1.75rem!important;
  min-width:1.75rem!important;
  min-height:1.75rem!important;
  place-self:center!important;
}
.account-field label,
.account-field>strong{
  min-width:0!important;
  min-height:100%!important;
  display:flex!important;
  align-items:center!important;
  line-height:1.25!important;
}
.account-field label{
  padding:0 .65rem 0 .2rem!important;
  color:var(--account-detail-label,#9aafc1)!important;
  font-size:.8rem!important;
  font-weight:650!important;
}
.account-field>strong{
  margin-left:0!important;
  padding:0 .3rem 0 .8rem!important;
  border-left:1px solid var(--account-detail-border,#35546b)!important;
  color:var(--account-detail-value,#edf6fd)!important;
  background:var(--account-detail-value-bg,rgba(42,85,115,.13))!important;
  font-size:.86rem!important;
  font-weight:720!important;
}
html[data-theme="dark"] .account-menu{
  --account-detail-border:#35566f;
  --account-detail-surface:#07141e;
  --account-detail-label:#9bb0c2;
  --account-detail-value:#eef7ff;
  --account-detail-value-bg:rgba(44,94,127,.14);
}
html[data-theme="light"] .account-menu{
  --account-detail-border:#b6cad9;
  --account-detail-surface:#f3f8fb;
  --account-detail-label:#516d84;
  --account-detail-value:#172d42;
  --account-detail-value-bg:rgba(190,215,232,.28);
}
.account-logout{
  min-height:4.65rem!important;
  padding:.6rem .8rem!important;
  font-size:.98rem!important;
  font-weight:740!important;
}
.account-logout>.account-logout-icon{
  grid-column:1!important;
  width:var(--account-left-icon)!important;
  height:var(--account-left-icon)!important;
  min-width:var(--account-left-icon)!important;
  min-height:var(--account-left-icon)!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
}
.account-logout>.account-logout-icon>svg{
  width:2.85rem!important;
  height:2.85rem!important;
  min-width:2.85rem!important;
  min-height:2.85rem!important;
}
.account-logout>.account-logout-label{
  grid-column:2!important;
  min-height:var(--account-left-icon)!important;
  display:flex!important;
  align-items:center!important;
  justify-self:stretch!important;
  font-size:.98rem!important;
  line-height:1.2!important;
  font-weight:740!important;
}
svg.nx-glass-icon[data-nx-icon="darkTheme"] .nx-icon-accent{display:none!important}
svg.nx-glass-icon[data-nx-icon="darkTheme"] .nx-icon-front{
  filter:drop-shadow(0 2px 2px var(--nx-front-shadow)) drop-shadow(0 0 3px rgba(167,128,255,.26))!important;
}

/* --------------------------------------------------------------------------
   High-contrast frame contract

   Neutral containers use a two-step edge (outer line + inset highlight), so
   their boundaries stay visible even when adjacent surfaces share a hue.
   Semantic cards retain their colored fills; this contract strengthens the
   surrounding UI furniture in both themes.
   -------------------------------------------------------------------------- */
:root{
  --nx-frame-line:#506f86;
  --nx-frame-line-soft:#38556a;
  --nx-frame-highlight:rgba(221,239,252,.12);
  --nx-frame-halo:rgba(2,7,12,.22);
  --nx-control-surface:linear-gradient(180deg,rgba(25,47,64,.96),rgba(10,24,35,.98));
  --nx-toolbar-surface:linear-gradient(145deg,rgba(24,48,66,.96),rgba(8,22,32,.98));
}
html[data-theme="light"]{
  --nx-frame-line:#91aabd;
  --nx-frame-line-soft:#b5c5d1;
  --nx-frame-highlight:rgba(255,255,255,.92);
  --nx-frame-halo:rgba(45,75,99,.10);
  --nx-control-surface:linear-gradient(180deg,#ffffff,#e5eef4);
  --nx-toolbar-surface:linear-gradient(145deg,#ffffff,#e3edf4);
}
.topbar{
  border-bottom-color:var(--nx-frame-line)!important;
  box-shadow:0 .45rem 1.4rem rgba(0,0,0,.18),inset 0 -1px 0 var(--nx-frame-highlight)!important;
}
.header-tools{
  border:1px solid var(--nx-frame-line)!important;
  background:var(--nx-control-surface)!important;
  box-shadow:inset 0 1px 0 var(--nx-frame-highlight),0 .35rem 1rem rgba(0,0,0,.14)!important;
}
.header-tools .icon-btn{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header-tools .icon-btn:hover{
  border:0!important;
  background:rgba(127,169,199,.13)!important;
}
.header-tools .coordinator-connection-status{
  border:1px solid var(--nx-frame-line-soft)!important;
  background:rgba(127,169,199,.07)!important;
}
.header-tools .profile{border-left-color:var(--nx-frame-line)!important}
.topright-separator::before{background:var(--nx-frame-line)!important}
html[data-theme="light"] .topbar{
  background:linear-gradient(180deg,#ffffff,#eaf1f6)!important;
  box-shadow:0 .45rem 1.35rem rgba(45,70,91,.14),inset 0 -1px 0 #fff!important;
}
html[data-theme="light"] .header-tools .icon-btn,
html[data-theme="light"] .header-tools .coordinator-connection-status{
  background:rgba(255,255,255,.72)!important;
}
html[data-theme="light"] .header-tools .icon-btn{background:transparent!important}

/* The account glyph is already self-contained; the legacy profile pill must
   not draw a second circular frame around it in either theme. */
html body #profileMenuButton.nx-icon-only,
html body #profileMenuButton.nx-icon-only:hover,
html body #profileMenuButton.nx-icon-only[aria-expanded="true"]{
  border:0!important;
  border-left:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
}
html body #profileMenuButton.nx-icon-only::before,
html body #profileMenuButton.nx-icon-only::after{display:none!important}
html body #profileMenuButton.nx-icon-only .avatar{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #profileMenuButton.nx-icon-only:focus-visible{
  outline:2px solid rgba(54,184,226,.72)!important;
  outline-offset:2px!important;
  border-radius:.55rem!important;
}

/* Centered Nexus identity: the sidebar remains navigation-only. */
.topbar{
  position:relative!important;
}
.topbar>.topbar-nexus-brand{
  --nx-brand-halo-travel:21rem;
  --nx-brand-halo-inner:10.5rem;
  --nx-brand-halo-near:4.2rem;
  position:absolute;
  top:50%;
  left:calc(50% - (var(--sidebar-w) / 2));
  z-index:2;
  width:calc(100vw + 2rem);
  height:3.35rem;
  padding:.25rem 1.35rem;
  display:grid;
  place-items:center;
  overflow:visible;
  isolation:isolate;
  pointer-events:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:translate(-50%,-50%);
  transform-origin:center;
  transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.app.sidebar-collapsed .topbar>.topbar-nexus-brand{
  left:calc(50% - 2.625rem);
}
.topbar>.topbar-nexus-brand::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:9.5rem;
  height:3.8rem;
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(ellipse 18% 54% at 50% 50%,rgba(226,251,255,.34),transparent 72%),
    radial-gradient(ellipse 48% 70% at 50% 50%,rgba(79,221,242,.18),transparent 74%),
    radial-gradient(ellipse at center,rgba(27,190,225,.12),rgba(21,145,194,.045) 48%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 28%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.28) 64%,transparent 80%);
  mask-image:radial-gradient(ellipse at center,#000 0 28%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.28) 64%,transparent 80%);
  filter:blur(.48rem) saturate(1.12);
  mix-blend-mode:screen;
  transform:translate(calc(-50% - var(--nx-brand-halo-travel)),-50%) rotate(8deg) scale(.92);
  animation:nx-topbar-brand-sheen 8.4s linear infinite;
}
.topbar>.topbar-nexus-brand::after{
  content:none;
  display:none;
}
.topbar-nexus-aura{
  position:absolute;
  top:50%;
  left:50%;
  width:15rem;
  height:2.35rem;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(20,183,230,.15),transparent 70%);
  filter:blur(.35rem);
  pointer-events:none;
  transform:translate(-50%,-50%);
  transition:opacity .24s ease,transform .24s ease;
}
.topbar-nexus-logo{
  grid-area:1/1;
  display:block;
  width:10.4rem;
  max-height:2.65rem;
  object-fit:contain;
  user-select:none;
  pointer-events:auto;
  filter:drop-shadow(0 .16rem .3rem rgba(0,0,0,.28));
  transform-origin:center;
  transition:filter .24s ease,transform .24s cubic-bezier(.2,.8,.2,1);
  animation:nx-topbar-brand-arrive .55s cubic-bezier(.2,.82,.2,1) both;
}
.topbar-nexus-logo-light{display:none}
.topbar>.topbar-nexus-brand:hover{
  background:transparent;
  box-shadow:none;
}
.topbar>.topbar-nexus-brand:hover .topbar-nexus-aura{opacity:1;transform:translate(-50%,-50%) scale(1.12)}
.topbar>.topbar-nexus-brand:hover .topbar-nexus-logo{
  filter:drop-shadow(0 .2rem .4rem rgba(0,0,0,.32)) brightness(1.06);
  transform:translateY(-.14rem) rotate(-.35deg) scale(1.025);
}

html[data-theme="light"] .topbar>.topbar-nexus-brand{
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-theme="light"] .topbar>.topbar-nexus-brand:hover{
  background:transparent;
  box-shadow:none;
}
html[data-theme="light"] .topbar>.topbar-nexus-brand::before{
  background:
    radial-gradient(ellipse 18% 54% at 50% 50%,rgba(225,253,255,.78),transparent 72%),
    radial-gradient(ellipse 48% 70% at 50% 50%,rgba(37,202,229,.34),transparent 74%),
    radial-gradient(ellipse at center,rgba(18,163,215,.22),rgba(33,126,190,.075) 48%,transparent 76%);
  filter:blur(.56rem) saturate(1.16);
}
html[data-theme="light"] .topbar>.topbar-nexus-brand::after{
  content:none;
  display:none;
}
html[data-theme="light"] .topbar-nexus-aura{
  background:radial-gradient(ellipse,rgba(20,165,213,.18),transparent 70%);
}
html[data-theme="light"] .topbar-nexus-logo-dark{display:none}
html[data-theme="light"] .topbar-nexus-logo-light{display:block}

/* Keep the restored sidebar lockup compact so it does not steal navigation height. */
.sidebar>.brand{
  justify-content:flex-start!important;
  min-height:3.5rem!important;
  height:3.5rem!important;
}
.app.sidebar-collapsed .sidebar>.brand{
  min-height:3.5rem!important;
  height:3.5rem!important;
  padding:0!important;
}

@keyframes nx-topbar-brand-arrive{
  from{opacity:0;transform:translateY(-.45rem) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes nx-topbar-brand-sheen{
  0%{opacity:0;transform:translate(calc(-50% - var(--nx-brand-halo-travel)),-50%) rotate(8deg) scale(.9)}
  25%{opacity:.14;transform:translate(calc(-50% - var(--nx-brand-halo-inner)),-50%) rotate(8deg) scale(.96)}
  40%{opacity:.55;transform:translate(calc(-50% - var(--nx-brand-halo-near)),-50%) rotate(8deg) scale(1.04)}
  50%{opacity:1;transform:translate(-50%,-50%) rotate(8deg) scale(1.12)}
  60%{opacity:.55;transform:translate(calc(-50% + var(--nx-brand-halo-near)),-50%) rotate(8deg) scale(1.04)}
  75%{opacity:.14;transform:translate(calc(-50% + var(--nx-brand-halo-inner)),-50%) rotate(8deg) scale(.96)}
  100%{opacity:0;transform:translate(calc(-50% + var(--nx-brand-halo-travel)),-50%) rotate(8deg) scale(.9)}
}
@media (max-width:58rem){
  .topbar>.topbar-nexus-brand{
    --nx-brand-halo-travel:14.5rem;
    --nx-brand-halo-inner:7.25rem;
    --nx-brand-halo-near:2.9rem;
    height:3rem;
    padding-inline:.85rem;
  }
  .topbar-nexus-logo{width:8.2rem;max-height:2.2rem}
}
@media (prefers-reduced-motion:reduce){
  .topbar-nexus-logo,
  .topbar>.topbar-nexus-brand::before{animation:none!important}
  .topbar>.topbar-nexus-brand:hover .topbar-nexus-logo{transform:none!important}
}

:is(
  .smart-search,.section-toolbar,.machines-toolbar,.shared-folder-toolbar,
  .media-filter-row,.settings-toolbar,.team-toolbar,.processing-toolbar
){
  border:1px solid var(--nx-frame-line)!important;
  border-radius:.85rem!important;
  background:var(--nx-toolbar-surface)!important;
  box-shadow:inset 0 1px 0 var(--nx-frame-highlight)!important;
}
:is(
  .segmented-control,.multi-select-trigger,.search-field input,.smart-box,
  .machines-search,.shared-folder-search,.review-search-field,
  input:not([type="checkbox"]):not([type="radio"]),select,textarea
){border-color:var(--nx-frame-line-soft)!important}
:is(
  .segmented-control,.multi-select,.select,.smart-box,.machines-search,
  .shared-folder-search,.review-search-field,.multi-select-menu,
  .account-fields,.table-wrap,.folder-table-viewport
){
  box-shadow:inset 0 1px 0 var(--nx-frame-highlight)!important;
}
:is(
  .multi-select-menu,.notification-menu,.account-menu,.media-download-menu,
  .dropdown-menu,.context-menu,.select-menu
){border-color:var(--nx-frame-line)!important}
:is(
  .media-modal,.review-modal,.machine-detail-modal,.machine-confirm-dialog,
  .team-detail-modal,.team-add-modal,.worker-pairing-modal,.shared-folder-modal,
  .drawer,.modal
){
  border-color:var(--nx-frame-line)!important;
  box-shadow:inset 0 1px 0 var(--nx-frame-highlight),0 0 0 1px var(--nx-frame-halo),0 1.5rem 4rem rgba(0,0,0,.32)!important;
}
:is(
  .panel-head,.machine-panel-head,.folder-browser-head,.media-modal-head,
  .review-modal-head,.machine-detail-head,.team-detail-head,.team-add-head,
  .worker-pairing-head,.shared-folder-modal-head,.drawer-head,.modal-head
){border-bottom-color:var(--nx-frame-line)!important}
:is(.data-table,.folder-table) :is(th,td),
#view-folders :is(.folder-icon-header,.folder-row)>*{border-color:var(--nx-frame-line-soft)!important}
:is(.data-table,.folder-table) thead th,
#view-folders .folder-icon-header{border-bottom-color:var(--nx-frame-line)!important}

/* Balance pass: compact account facts, one continuous card surface and no
   inherited legacy tile around a glass glyph. */
.nx-glass-icon-host{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.account-fields{
  margin:.1rem .7rem .65rem!important;
  border-radius:.62rem!important;
}
.account-field{
  min-height:2.55rem!important;
  padding:0 .48rem 0 .42rem!important;
  grid-template-columns:1.65rem 3.15rem minmax(0,1fr)!important;
  column-gap:.16rem!important;
}
.account-field-icon{
  width:1.4rem!important;
  height:1.4rem!important;
  min-width:1.4rem!important;
  min-height:1.4rem!important;
}
.account-field label{
  padding:0 .42rem 0 .12rem!important;
  font-size:.76rem!important;
}
.account-field>strong{
  padding:0 .25rem 0 .65rem!important;
  background:transparent!important;
  font-size:.82rem!important;
}
html[data-theme="dark"] .account-menu,
html[data-theme="light"] .account-menu{--account-detail-value-bg:transparent}

/* A media thumbnail may carry an accent in its badge; the card itself stays
   continuous instead of alternating between large red/blue blocks. */
html[data-theme="dark"] #view-media :is(.media-card,.media-list-row):nth-child(n){
  background:linear-gradient(180deg,#0d1d28,#091720)!important;
  border-color:#405e73!important;
}
html[data-theme="light"] #view-media :is(.media-card,.media-list-row):nth-child(n){
  background:linear-gradient(180deg,#ffffff,#edf3f7)!important;
  border-color:#9fb5c5!important;
}
#view-media .smart-search .media-filter-row{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Media and Folder artwork is optically bottom-heavy inside the shared
   viewBox. Keep the values on the common card axis and lift only these glyphs. */
#view-overview .metric-card.metric-media:not(.metric-storage) .metric-icon,
#view-overview .metric-card.metric-folders:not(.metric-storage) .metric-icon{
  top:calc(50% - .45rem)!important;
}

/* --------------------------------------------------------------------------
   Readable data-grid contract

   Table furniture uses a dedicated type scale instead of inheriting legacy
   7-11px component values. Custom folder rows and list-based data grids follow
   the same hierarchy so headers, labels and values read consistently.
   -------------------------------------------------------------------------- */
:root{
  --nx-table-head-size:.92rem;
  --nx-table-cell-size:.9rem;
  --nx-table-value-size:.96rem;
  --nx-table-meta-size:.82rem;
}
:is(.data-table,.folder-table) thead th,
#view-folders .folder-icon-header>*{
  min-height:3.35rem!important;
  padding:.85rem 1rem!important;
  color:#e2edf6!important;
  background:transparent!important;
  font-size:var(--nx-table-head-size)!important;
  line-height:1.25!important;
  font-weight:790!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  vertical-align:middle!important;
}
#view-folders .folder-icon-header>*:nth-child(n){background:transparent!important}
:is(.data-table,.folder-table) thead,
#view-folders .folder-icon-header{
  background:linear-gradient(180deg,#20394b 0%,#172d3d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(231,244,253,.12),inset 0 -1px 0 rgba(2,9,14,.28)!important;
}
html[data-theme="light"] :is(.data-table,.folder-table) thead th,
html[data-theme="light"] #view-folders .folder-icon-header>*{
  color:#29475f!important;
  background:transparent!important;
}
html[data-theme="light"] #view-folders .folder-icon-header>*:nth-child(n){background:transparent!important}
html[data-theme="light"] :is(.data-table,.folder-table) thead,
html[data-theme="light"] #view-folders .folder-icon-header{
  background:linear-gradient(180deg,#edf5fa 0%,#d7e6f0 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(57,91,117,.14)!important;
}
:is(.data-table,.folder-table) tbody td{
  min-height:3.65rem!important;
  padding:.85rem 1rem!important;
  font-size:var(--nx-table-cell-size)!important;
  line-height:1.4!important;
  font-weight:600!important;
  vertical-align:middle!important;
}
:is(.data-table,.folder-table) tbody td :is(strong,.render-file-name,.render-editor-name){
  font-size:var(--nx-table-value-size)!important;
  line-height:1.35!important;
  font-weight:720!important;
}
:is(.data-table,.folder-table) tbody td :is(.status,.pill,.badge,.folder-state,.processing-status,.processing-job-meta){
  font-size:var(--nx-table-meta-size)!important;
  line-height:1.25!important;
  font-weight:720!important;
}
#view-processing .processing-table .processing-status{
  min-height:2rem!important;
  padding-inline:.75rem!important;
  font-size:.9rem!important;
  line-height:1!important;
  font-weight:760!important;
}
#view-processing .processing-table .processing-time{
  color:#c3cfda!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  font-weight:620!important;
  letter-spacing:-.01em;
  white-space:nowrap;
}
html[data-theme="light"] #view-processing .processing-table .processing-time{color:#4f657a!important}
#view-folders .folder-icon-header{
  min-height:3.65rem!important;
}
#view-folders .folder-row{
  min-height:4.75rem!important;
}
#view-folders .folder-row>*{
  padding:.75rem 1rem!important;
  font-size:var(--nx-table-cell-size)!important;
  line-height:1.4!important;
}
#view-folders :is(.folder-name-copy strong,.folder-stat-copy strong,.folder-process-indicator strong){
  font-size:var(--nx-table-value-size)!important;
  line-height:1.35!important;
  font-weight:720!important;
}
#view-folders :is(.folder-state,.folder-process-indicator){
  font-size:var(--nx-table-meta-size)!important;
  line-height:1.25!important;
  font-weight:720!important;
}
:is(#view-media,#view-reviews) :is(.media-list-file,.review-list-file)>strong,
#view-team .team-identity>strong{
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:730!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) label,
#view-team .team-meta label{
  font-size:.8rem!important;
  line-height:1.25!important;
  font-weight:680!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) strong,
#view-team .team-meta strong{
  font-size:.92rem!important;
  line-height:1.35!important;
  font-weight:720!important;
}

/* Hover may intensify a borderless glyph, but must not create a button tile. */
:is(button,a,[role="button"]).nx-unframed-action:not(.nav-btn):not(.settings-tab):hover:not(#nx-hover-frame-override):not(#nx-hover-frame-override-2){
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Symmetric card/table gutters: do not reserve an empty scrollbar lane when
   content does not overflow. Native scrollbar space is used only when needed. */
:is(
  .overview-scroll,.table-wrap,.folder-table-viewport,.processing-table-wrap,
  .machine-list,.selected-folder-list,.team-permission-list
){
  scrollbar-gutter:auto!important;
}
:is(.table-wrap,.folder-table-viewport,.processing-table-wrap){
  width:100%!important;
  max-width:100%!important;
  margin-inline:0!important;
}
:is(.data-table,.folder-table){
  width:100%!important;
  margin-inline:0!important;
}
#view-overview :is(
  #overviewProcessingList .app-empty-state,
  #overviewReviewList>.app-empty-state,
  #overviewFolderTableWrap .overview-empty-table-row .app-empty-state
){
  margin-inline:auto!important;
}

/* Compact sidebar rhythm for shorter displays. Labels sit close to their
   glyphs, while every operational row shares the same left icon column. */
.sidebar{
  scrollbar-gutter:auto!important;
}
.sidebar .nav{
  gap:.1rem!important;
  padding-block:.3rem!important;
}
.sidebar .nav-btn{
  height:3.4rem!important;
  min-height:3.4rem!important;
  padding:.12rem .45rem!important;
  gap:.12rem!important;
}
.sidebar .nav-btn>svg{
  width:3rem!important;
  height:3rem!important;
  flex:0 0 3rem!important;
}
.app.sidebar-collapsed .nav{gap:.2rem!important}
.app.sidebar-collapsed .nav-btn{
  width:3.75rem!important;
  min-width:3.75rem!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
  padding:.25rem!important;
}
.app.sidebar-collapsed .nav-btn>svg{
  width:3rem!important;
  height:3rem!important;
  flex-basis:3rem!important;
}
/* Review artwork has wider native bounds than the other glyphs. Normalize its
   optical footprint while retaining the exact same SVG slot for every item. */
.sidebar .nav-btn>svg[data-nx-icon="reviews"] .nx-icon-art{
  transform-box:fill-box;
  transform-origin:center;
  transform:scale(.86);
}
.coordinator-info-card{
  padding:.55rem!important;
}
.coordinator-info-card .coordinator-info-title{
  padding:.05rem .2rem .45rem!important;
}
.coordinator-info-card .coordinator-info-list{
  margin-top:.35rem!important;
  gap:.3rem!important;
}
.coordinator-info-card .coordinator-status-minimal,
.coordinator-info-card .coordinator-info-item{
  min-height:4.1rem!important;
  padding:.3rem .45rem!important;
  display:grid!important;
  grid-template-columns:3.45rem minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:.3rem!important;
}
.coordinator-info-card .coordinator-status-minimal{
  width:100%!important;
  margin:.35rem 0 0!important;
}
.coordinator-info-card .coordinator-status-minimal-icon,
.coordinator-info-card .coordinator-info-icon{
  width:3.45rem!important;
  height:3.45rem!important;
  min-width:3.45rem!important;
  min-height:3.45rem!important;
  justify-self:start!important;
}
.coordinator-info-card :is(.coordinator-status-minimal-icon,.coordinator-info-icon) svg{
  width:3.25rem!important;
  height:3.25rem!important;
  min-width:3.25rem!important;
  min-height:3.25rem!important;
}
.coordinator-info-card .coordinator-status-minimal strong{
  justify-self:start!important;
  text-align:left!important;
}

@media(max-height:820px){
  .sidebar .nav-btn{height:3.15rem!important;min-height:3.15rem!important}
  .sidebar .nav-btn>svg,
  .app.sidebar-collapsed .nav-btn>svg{width:2.85rem!important;height:2.85rem!important;flex-basis:2.85rem!important}
  .coordinator-info-card .coordinator-status-minimal,
  .coordinator-info-card .coordinator-info-item{min-height:3.75rem!important}
}

/* --------------------------------------------------------------------------
   Responsive shell and page contract

   The main region is a size container so every view responds to the space it
   actually receives after the sidebar, instead of relying only on viewport
   breakpoints. Wide data tables retain their column contract and scroll inside
   their own frame; cards, filters and forms reflow rather than overflow.
   -------------------------------------------------------------------------- */
.main{
  container-name:nexus-main;
  container-type:inline-size;
}
:is(.table-wrap,.folder-table-viewport,.overview-scroll){
  max-width:100%!important;
  overscroll-behavior-inline:contain;
}
:is(.table-wrap,.folder-table-viewport){overflow-x:auto!important}
:is(.view,.panel,.section-toolbar,.smart-search,.machines-toolbar,.folder-browser,.settings-layout){min-width:0!important}

/* The topbar becomes two clean rows before its centered brand and status tools
   can collide. Both rows stay centered against the physical viewport. */
@media(max-width:80rem){
  :root{--topbar-h:7rem!important}
  .topbar{
    min-height:var(--topbar-h)!important;
    height:var(--topbar-h)!important;
    padding:0 .75rem!important;
    overflow:visible!important;
  }
  .topbar>.topbar-nexus-brand{
    top:1.75rem;
  }
  .topbar>.topbar-spacer{display:none!important}
  .topbar>.header-tools{
    position:absolute!important;
    top:4.05rem!important;
    left:calc(50% - (var(--sidebar-w) / 2))!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:translateX(-50%);
    z-index:3;
  }
  .app.sidebar-collapsed .topbar>.header-tools{
    left:calc(50% - 2.625rem)!important;
  }
  .notification-menu,
  .account-menu{top:7.4rem!important}
}

@container nexus-main (max-width:70rem){
  #view-overview :is(.overview-recent-grid,.overview-recent-bottom){
    grid-template-columns:minmax(0,1fr)!important;
  }
  #view-overview .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #view-media .media-grid,
  #view-workers .card-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))!important;
  }
  #view-help :is(.help-grid,.help-topics){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Review feed media column and a single trailing metadata line. */
#view-overview #overviewReviewList .review-row{
  grid-template-columns:5.25rem minmax(0,1fr) auto!important;
  column-gap:.85rem!important;
  min-height:5rem!important;
  padding:.6rem .85rem!important;
}
#view-overview #overviewReviewList .review-thumb{
  width:5.25rem!important;
  height:3.5rem!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(230,139,169,.38)!important;
  border-radius:.6rem!important;
  background:rgba(14,25,35,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 .3rem .7rem rgba(0,0,0,.14)!important;
}
#view-overview #overviewReviewList .review-thumb>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
#view-overview #overviewReviewList .overview-review-thumb-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:#d9a4ba!important;
  background:linear-gradient(145deg,rgba(222,103,145,.16),rgba(75,50,91,.08))!important;
}
#view-overview #overviewReviewList .overview-review-thumb-fallback>svg{
  width:1.5rem!important;
  height:1.5rem!important;
}
#view-overview #overviewReviewList .overview-review-trailing{
  min-width:max-content!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.75rem!important;
  white-space:nowrap!important;
}
#view-overview #overviewReviewList .overview-review-trailing>time{
  color:#aebdca!important;
  font-size:var(--type-caption)!important;
  line-height:1.25!important;
  font-weight:650!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.005em!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .review-thumb{
  border-color:rgba(185,83,116,.32)!important;
  background:#edf3f7!important;
  box-shadow:inset 0 1px 0 #fff,0 .25rem .65rem rgba(65,82,98,.12)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .overview-review-trailing>time{
  color:#61798f!important;
}

@media(max-width:700px){
  #view-overview #overviewReviewList .review-row{
    grid-template-columns:4.5rem minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:.7rem!important;
    row-gap:.4rem!important;
  }
  #view-overview #overviewReviewList .review-thumb{
    grid-column:1!important;
    grid-row:1/3!important;
    width:4.5rem!important;
    height:3.15rem!important;
  }
  #view-overview #overviewReviewList .review-copy{
    grid-column:2!important;
    grid-row:1!important;
  }
  #view-overview #overviewReviewList .overview-review-trailing{
    grid-column:2!important;
    grid-row:2!important;
    justify-content:flex-start!important;
    gap:.55rem!important;
  }
}

/* Final type floor. Legacy component sheets still contain 7–13px declarations;
   keep hierarchy compact, but never let operational text fall below the shared
   readable scale. Inter is explicit here so menus, native controls and overlays
   cannot fall back to a platform font. */
html,
body,
body :where(
  button,input,select,textarea,option,optgroup,
  table,th,td,label,legend,small,
  .notification-menu,.account-menu,.drawer,.modal,[role="dialog"],[role="menu"]
){
  font-family:var(--font-ui)!important;
  font-optical-sizing:auto;
}
body :where(button,input,select,textarea){
  font-size:var(--type-control)!important;
}
body :where(small,label,figcaption,caption),
body :where(
  .status,[class*="-badge"],[class*="-chip"],
  .notification-time,.help-version,.inline-meta-muted
){
  font-size:var(--type-caption)!important;
  line-height:var(--leading-compact)!important;
}
body :where(th,.data-table thead th){
  font-size:var(--type-caption)!important;
  line-height:var(--leading-compact)!important;
}
body :where(td,.data-table tbody td){
  font-size:var(--type-small)!important;
  line-height:var(--leading-body)!important;
}
html body .data-table thead th{
  font-size:var(--type-caption)!important;
  line-height:var(--leading-compact)!important;
}
html body .data-table tbody td{
  font-size:var(--type-small)!important;
  line-height:var(--leading-body)!important;
}
html body .nx-icon-tooltip{
  font-family:var(--font-ui)!important;
  font-size:var(--type-caption)!important;
  line-height:1.25!important;
}

html body #notificationMenu .notification-head>strong{
  color:var(--readable-text)!important;
  font-size:var(--type-card-title)!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
}
html body #notificationMenu .notification-head>span,
html body #notificationMenu .notification-copy>span{
  font-size:var(--type-caption)!important;
  line-height:var(--leading-compact)!important;
}
html body #notificationMenu .notification-copy>strong{
  font-size:var(--type-small)!important;
  line-height:var(--leading-compact)!important;
  font-weight:700!important;
}

:is(#view-folders,#view-reviews,#view-team,#view-processing) :is(.search-field input,.shared-folder-search input,.multi-select-trigger),
:is(#view-reviews,#view-team) :is(.review-status-segments,.team-role-segments) button,
#view-workers :is(.machine-page-open,.machine-ai-state),
.media-smart-box input,
.plugin-filter>button,
.plugin-filter>button>span,
.drawer-footer .button,
.shared-folder-modal-status{
  font-size:var(--type-control)!important;
}

#view-workers .machine-page-property strong,
#machineDetailOverlay :is(.machine-detail-info-card,.machine-detail-summary-card) strong,
.metadata-item strong,
#view-folders :is(.folder-summary-chip,.folder-process-indicator strong),
#view-team .team-meta strong,
#workerPairingOverlay :is(
  .worker-pairing-title div>span:last-child,
  .worker-pairing-step-head p,
  .worker-pairing-security-note p
),
.account-field>strong,
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) strong{
  font-size:var(--type-small)!important;
  line-height:var(--leading-compact)!important;
}

#machineDetailOverlay .machine-detail-info-card div>span,
.metadata-item label,
#view-folders :is(
  .machine-section-head,.machine-section-count,.machine-role-pill,
  .selected-machine-copy span,.folder-icon-header>*,.folder-column-title,
  .folder-column-title strong
),
#view-team .team-email,
.shared-folder-modal-eyebrow,
#view-overview .storage-gauge-copy small,
#workerPairingOverlay :is(
  .worker-pairing-eyebrow,.worker-pairing-kicker,.worker-pairing-code-label
),
.account-field label,
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) label,
#view-team .team-meta label,
#view-overview #overviewReviewList .overview-review-title-line>time{
  font-size:var(--type-caption)!important;
  line-height:var(--leading-compact)!important;
}

@media(max-width:560px){
  #view-overview #overviewReviewList .overview-review-title-line>time{
    font-size:var(--type-caption)!important;
  }
}

/* Content-sized table cards: a populated list ends with its final row instead
   of retaining the old fixed-height colored frame underneath it. */
#view-overview .overview-recent-grid{
  align-items:start!important;
}
#view-overview .overview-recent-grid>.overview-recent-panel,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}
#view-overview .overview-recent-grid>.overview-recent-panel>#overviewProcessingList,
#view-overview .overview-recent-grid>.overview-recent-panel>#overviewReviewList,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty>#overviewProcessingList,
#view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty>#overviewReviewList{
  flex:0 0 auto!important;
}
@media(max-width:620px){
  #view-overview .overview-recent-grid>.overview-recent-panel,
  #view-overview .overview-recent-grid>.overview-recent-panel.overview-panel-empty{
    height:auto!important;
    min-height:0!important;
  }
}

/* Table-card titles use their own semantic accent instead of repeating the
   neutral header color. The three overview feeds remain distinct at a glance. */
#view-overview .overview-recent-grid>.overview-recent-panel:first-child>.panel-head h2{
  color:#cdbbff!important;
  text-shadow:0 0 1rem rgba(157,113,255,.2)!important;
}
#view-overview .overview-recent-grid>.overview-recent-panel:last-child>.panel-head h2{
  color:#ffb7cd!important;
  text-shadow:0 0 1rem rgba(233,103,148,.18)!important;
}
#view-overview .overview-recent-bottom>.overview-recent-panel>.panel-head h2{
  color:#91e6f2!important;
  text-shadow:0 0 1rem rgba(65,195,214,.18)!important;
}
html[data-theme="light"] #view-overview .overview-recent-grid>.overview-recent-panel:first-child>.panel-head h2{
  color:#6843a8!important;
  text-shadow:none!important;
}
html[data-theme="light"] #view-overview .overview-recent-grid>.overview-recent-panel:last-child>.panel-head h2{
  color:#a13e62!important;
  text-shadow:none!important;
}
html[data-theme="light"] #view-overview .overview-recent-bottom>.overview-recent-panel>.panel-head h2{
  color:#176e7b!important;
  text-shadow:none!important;
}

@container nexus-main (max-width:60rem){
  #view-media .media-filter-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  #view-media .media-filter-group,
  #view-media .media-filter-group>:is(.segmented-control,.multi-select){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-reviews .reviews-filter-search-row{
    grid-template-columns:minmax(0,1fr) 8rem!important;
  }
  #view-reviews .review-status-segments{grid-column:1/-1!important;grid-row:1!important}
  #view-reviews .review-search-field{grid-column:1!important;grid-row:2!important}
  #view-reviews .review-view-toggle{grid-column:2!important;grid-row:2!important}
  #view-team .team-filter-search-row,
  #view-processing .processing-filter-search-row{
    grid-template-columns:minmax(11rem,14rem) minmax(0,1fr)!important;
    min-width:0!important;
  }
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) minmax(10rem,12rem) 4.85rem!important;
  }
  #view-workers #addWorkerButton.nx-icon-only{width:4.85rem!important;min-width:4.85rem!important}
  #view-folders .shared-folder-workspace:not(.machine-collapsed){
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  #view-folders .shared-folder-workspace:not(.machine-collapsed)>.machine-panel{
    max-height:min(28rem,46vh)!important;
  }
  #view-settings .settings-layout{grid-template-columns:minmax(0,1fr)!important}
  #view-settings .settings-nav{
    display:flex!important;
    gap:.45rem!important;
    overflow-x:auto!important;
    scrollbar-gutter:stable!important;
  }
  #view-settings .settings-tab{
    width:auto!important;
    min-width:max-content!important;
    flex:0 0 auto!important;
  }
  #view-help .help-intro-grid{grid-template-columns:minmax(0,1fr)!important}
}

@container nexus-main (max-width:42rem){
  .page-head{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:.75rem!important;
  }
  .page-head>div{min-width:0!important}
  #view-media .smart-search-row,
  #view-media .media-filter-row,
  #view-reviews .reviews-filter-search-row,
  #view-team .team-filter-search-row,
  #view-processing .processing-filter-search-row,
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
  }
  #view-media .media-view-toggle,
  #view-reviews .review-view-toggle{
    width:100%!important;
    min-width:0!important;
  }
  #view-reviews :is(.review-status-segments,.review-search-field,.review-view-toggle),
  #view-team :is(.team-role-segments,.team-search-field),
  #view-processing :is(.processing-state-dropdown,.processing-search-field){
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) 4.85rem!important;
  }
  #view-workers #machineStateDropdown{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-workers #addWorkerButton.nx-icon-only{grid-column:2!important;grid-row:1!important}
  #view-overview .metric-grid{grid-template-columns:minmax(0,1fr)!important}
  #view-media .media-grid,
  #view-workers .card-grid,
  #view-help :is(.help-grid,.help-topics,.help-bullets){
    grid-template-columns:minmax(0,1fr)!important;
  }
  #view-help .help-flow{flex-wrap:wrap!important}
  #view-settings .setting-row{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  :is(.data-table,.processing-table){min-width:42rem!important}
}

/* On compact screens the tools form a genuine second topbar row. Their glass
   artwork is taller than the legacy 44px control slot, so reserve enough row
   height to keep the pill and its shadow above the topbar boundary. */
@media(max-width:48rem){
  :root{--topbar-h:8rem!important}
  .topbar{
    min-height:var(--topbar-h)!important;
    height:var(--topbar-h)!important;
    overflow:visible!important;
  }
  .topbar>.header-tools{
    top:4.05rem!important;
    max-height:3.45rem!important;
  }
  .notification-menu,
  .account-menu{top:8.35rem!important}
}

/* Every dialog remains inside the visual viewport and scrolls internally. */
:is(
  .media-modal,.review-modal,.machine-detail-modal,.team-detail-modal,
  .team-add-modal,.worker-pairing-modal,.shared-folder-modal,.modal
){
  max-width:calc(100vw - 1rem)!important;
  max-height:calc(100dvh - 1rem)!important;
}
:is(
  .media-modal-body,.review-modal-body,.machine-detail-body,.team-detail-body,
  .team-add-body,.worker-pairing-body,.shared-folder-modal-body,.modal-body
){min-width:0!important;overflow-y:auto!important}

@media(max-width:32.5rem){
  .topbar>.topbar-nexus-brand{
    width:calc(100vw + 2rem);
  }
  .topbar>.header-tools{
    width:max-content!important;
    max-width:calc(100vw - 1rem)!important;
    min-height:2.8rem!important;
    max-height:3.45rem!important;
    gap:.1rem!important;
    padding:.2rem .35rem!important;
    overflow:hidden!important;
  }
  .header-tools #coordinatorConnectionStatusText{display:none!important}
  .header-tools .coordinator-connection-status{padding-inline:.45rem!important}
  .header-tools .topright-separator{margin-inline:.15rem!important}
  .notification-menu,
  .account-menu{
    right:.5rem!important;
    left:auto!important;
    width:calc(100vw - 1rem)!important;
    max-width:none!important;
  }
  :is(
    .media-modal-overlay,.review-modal-overlay,.machine-detail-overlay,
    .team-detail-overlay,.team-add-overlay,.shared-folder-modal-overlay,.modal-overlay
  ){padding:.5rem!important}
}

/* Notification flyout: preserve reading width for review titles and pin the
   footer navigation glyph to the physical right edge. These final rules sit
   after the generic icon-only contract so centering cannot win again. */
html body #notificationMenu.notification-menu{
  width:min(29rem,calc(100vw - 1rem))!important;
  max-width:calc(100vw - 1rem)!important;
  right:.5rem!important;
  left:auto!important;
}
html body #notificationMenu .notification-item.review-only{
  min-height:4.5rem!important;
  grid-template-columns:2.5rem minmax(0,1fr) auto!important;
  column-gap:.7rem!important;
  padding:.7rem!important;
}
html body #notificationMenu .notification-copy strong{
  font-size:.84rem!important;
  line-height:1.3!important;
}
html body #notificationMenu .notification-copy span{
  font-size:.76rem!important;
  line-height:1.35!important;
}
html body #notificationMenu .notification-footer{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
html body #notificationMenu .notification-footer>button,
html body #notificationMenu .notification-footer>button.nx-icon-only{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:3.15rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:.2rem .2rem .2rem .65rem!important;
  text-align:right!important;
}
html body #notificationMenu .notification-footer>button>svg,
html body #notificationMenu .notification-footer>button.nx-icon-only>.nx-glass-icon{
  width:2.75rem!important;
  height:2.75rem!important;
  margin:0 0 0 auto!important;
  flex:0 0 2.75rem!important;
}

@media(max-width:38rem){
  html body #notificationMenu .notification-item.review-only{
    grid-template-columns:2.5rem minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
  }
  html body #notificationMenu .notification-icon.review{
    grid-column:1!important;
    grid-row:1/3!important;
  }
  html body #notificationMenu .notification-copy{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body #notificationMenu .notification-review-state{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    margin-top:.35rem!important;
  }
  html body #notificationMenu .notification-copy :is(strong,span){
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
}

/* Overview review rows: remove the unused thumbnail track, keep the timestamp
   beside the file name, and make each row boundary legible in both themes. */
#view-overview #overviewReviewList .review-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:1rem!important;
  min-height:4.5rem!important;
  padding:.75rem .9rem!important;
  border-top:0!important;
  border-bottom:1px solid rgba(224,111,148,.34)!important;
  background:rgba(255,255,255,.018)!important;
}
#view-overview #overviewReviewList .review-row:first-child{
  border-top:1px solid rgba(224,111,148,.34)!important;
}
#view-overview #overviewReviewList .review-row:last-child{
  border-bottom:0!important;
}
#view-overview #overviewReviewList .review-row:nth-child(even){
  background:rgba(224,111,148,.035)!important;
}
#view-overview #overviewReviewList .review-row:hover{
  background:rgba(224,111,148,.105)!important;
}
#view-overview #overviewReviewList .review-copy{
  display:grid!important;
  gap:.35rem!important;
  min-width:0!important;
}
#view-overview #overviewReviewList .overview-review-title-line{
  display:flex!important;
  align-items:baseline!important;
  gap:.75rem!important;
  min-width:0!important;
}
#view-overview #overviewReviewList .overview-review-title-line>strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-overview #overviewReviewList .overview-review-title-line>time{
  flex:0 0 auto!important;
  margin-inline-start:auto!important;
  color:#aebdca!important;
  font-size:.76rem!important;
  line-height:1.25!important;
  font-weight:620!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
}
#view-overview #overviewReviewList .overview-review-edited-by{
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:0!important;
}
#view-overview #overviewReviewList .overview-review-edited-by>svg{
  flex:0 0 auto!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .review-row{
  border-bottom-color:rgba(185,83,116,.3)!important;
  background:rgba(255,255,255,.22)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .review-row:first-child{
  border-top-color:rgba(185,83,116,.3)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .review-row:nth-child(even){
  background:rgba(218,86,128,.045)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .review-row:hover{
  background:rgba(218,86,128,.11)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .overview-review-title-line>time{
  color:#667d92!important;
}

@media(max-width:560px){
  #view-overview #overviewReviewList .review-row{
    column-gap:.65rem!important;
    padding:.7rem .75rem!important;
  }
  #view-overview #overviewReviewList .overview-review-title-line{
    gap:.5rem!important;
  }
  #view-overview #overviewReviewList .overview-review-title-line>time{
    font-size:.7rem!important;
  }
}

/* Final cascade lock for the restored media column. This must follow the older
   two-column review-row compatibility rules above. */
#view-overview #overviewReviewList .review-row{
  grid-template-columns:5.25rem minmax(0,1fr) auto!important;
  column-gap:.85rem!important;
  min-height:5rem!important;
  padding:.6rem .85rem!important;
}
@media(max-width:700px){
  #view-overview #overviewReviewList .review-row{
    grid-template-columns:4.5rem minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:.7rem!important;
    row-gap:.4rem!important;
    padding:.65rem .75rem!important;
  }
}

/* Keep the centered brand behind the interactive tools in both themes. */
.topbar>.topbar-title,
.topbar>.header-tools{
  z-index:4!important;
}

/* A table attached to a titled panel is the square lower section of one
   composite surface. Only the panel header keeps the upper corner radius. */
.panel:has(> .panel-head):has(.table-wrap){
  border-radius:.8rem .8rem 0 0!important;
}
.panel:has(> .panel-head):has(.table-wrap)>.panel-head{
  border-radius:.72rem .72rem 0 0!important;
}
.panel:has(> .panel-head):has(.table-wrap) .table-wrap{
  border-radius:0!important;
}

/* Overview reviews are a compact read-only summary; navigation stays on the
   explicit View All control in the panel header. */
#view-overview #overviewReviewList .overview-review-row-static{
  cursor:default!important;
  user-select:text!important;
}
#view-overview #overviewReviewList .overview-review-row-static:hover{
  background:rgba(255,255,255,.018)!important;
  box-shadow:none!important;
}
#view-overview #overviewReviewList .overview-review-row-static:nth-child(even):hover{
  background:rgba(224,111,148,.035)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .overview-review-row-static:hover{
  background:rgba(255,255,255,.22)!important;
}
html[data-theme="light"] #view-overview #overviewReviewList .overview-review-row-static:nth-child(even):hover{
  background:rgba(218,86,128,.045)!important;
}

/* Page identity: every injected glyph and its title share one optical axis.
   Pages without a subtitle are a true one-row grid, not an empty two-row one. */
.page-head{
  align-items:center!important;
}
.page-head-icon{
  width:4.1rem!important;
  height:4.1rem!important;
  flex-basis:4.1rem!important;
}
.nx-page-title{
  grid-template-columns:4.1rem minmax(0,1fr)!important;
  column-gap:.65rem!important;
}
.nx-page-title:not(:has(>p)){
  grid-template-areas:"icon title"!important;
  grid-template-rows:4.1rem!important;
  align-items:center!important;
}
.nx-page-title:not(:has(>p))>h1{
  align-self:center!important;
  margin:0!important;
}

/* AI Search is supporting text inside the input, not a secondary button. */
#view-media .smart-box input{
  padding-right:6.4rem!important;
}
#view-media .smart-box .ai-key,
html[data-theme="light"] #view-media .smart-box .ai-key{
  right:1rem!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#a978f0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:var(--type-caption)!important;
  font-weight:750!important;
}
html[data-theme="light"] #view-media .smart-box .ai-key{
  color:#6b3db3!important;
}

/* Horizontal Media and Reviews use the icon as the field identity. Labels
   are removed from the visual row and the glyphs receive readable weight. */
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) label{
  display:none!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta){
  grid-template-columns:2.75rem minmax(0,1fr)!important;
  gap:.65rem!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta-icon,.review-list-meta-icon){
  width:2.75rem!important;
  height:2.75rem!important;
  border-radius:.7rem!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta-icon,.review-list-meta-icon) svg{
  width:2.35rem!important;
  height:2.35rem!important;
}
:is(#view-media,#view-reviews) :is(.media-list-meta,.review-list-meta) strong{
  margin-top:0!important;
}

/* Reviews follow the same horizontal-card geometry and theme surface as Media. */
#view-reviews .review-list-view{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#view-reviews .review-list-row{
  min-height:5.375rem!important;
  padding:.625rem .75rem!important;
  grid-template-columns:6.5rem minmax(10.625rem,1.28fr) minmax(7.25rem,.62fr) minmax(8rem,.72fr) minmax(7.5rem,.68fr) 8rem 1.625rem!important;
  gap:.5625rem!important;
  border-radius:.6875rem!important;
}
#view-reviews .review-list-row+.review-list-row{
  margin-top:.5rem!important;
}

/* Vertical review cards now use Media's 16:10 preview, compact information
   area and top-corner badges instead of a separate status footer. */
#view-reviews .review-grid-view{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:.625rem!important;
  min-width:0!important;
}
#view-reviews .review-grid-card{
  width:100%!important;
  min-width:0!important;
  aspect-ratio:auto!important;
  display:block!important;
  padding:0!important;
  border-radius:.5625rem!important;
  overflow:hidden!important;
}
#view-reviews .review-grid-thumb{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/10!important;
}
#view-reviews .review-grid-status{
  position:absolute!important;
  z-index:3!important;
  top:.45rem!important;
  left:.45rem!important;
  min-height:1.7rem!important;
}
#view-reviews .review-grid-type{
  top:.45rem!important;
  right:.45rem!important;
  min-height:1.7rem!important;
}
#view-reviews .review-grid-body{
  display:block!important;
  min-height:0!important;
  padding:.65rem!important;
}
#view-reviews .review-grid-file-name{
  font-size:var(--type-card-title)!important;
  line-height:var(--leading-compact)!important;
}
#view-reviews .review-grid-meta{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:.4rem .75rem!important;
  margin-top:.5rem!important;
}
#view-reviews .review-grid-meta-item,
#view-reviews .review-grid-meta-item:nth-child(3){
  grid-column:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:.3rem!important;
}
#view-reviews .review-grid-meta-item>svg{
  width:1.1rem!important;
  height:1.1rem!important;
  flex:0 0 1.1rem!important;
}
#view-reviews .review-grid-meta-item label{
  display:none!important;
}
#view-reviews .review-grid-meta-item strong{
  margin-top:0!important;
  font-size:var(--type-caption)!important;
}

html[data-theme="dark"] #view-reviews :is(.review-grid-card,.review-list-row):nth-child(n){
  background:linear-gradient(180deg,#0d1d28,#091720)!important;
  border-color:#405e73!important;
}
html[data-theme="light"] #view-reviews :is(.review-grid-card,.review-list-row):nth-child(n){
  color:#20384d!important;
  background:linear-gradient(180deg,#ffffff,#edf3f7)!important;
  border-color:#9fb5c5!important;
}

@container nexus-main (max-width:70rem){
  #view-reviews .review-grid-view{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))!important;
  }
}
@container nexus-main (max-width:42rem){
  .page-head-icon{
    width:3.5rem!important;
    height:3.5rem!important;
    flex-basis:3.5rem!important;
  }
  .nx-page-title{
    grid-template-columns:3.5rem minmax(0,1fr)!important;
  }
  .nx-page-title:not(:has(>p)){
    grid-template-rows:3.5rem!important;
  }
  #view-reviews .review-grid-view{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Dropdown typography contract. Legacy menus used an 8px heading, making the
   instruction less readable than the options it described. */
.multi-select-trigger,
.multi-select-placeholder{
  font-size:1rem!important;
  line-height:1.3!important;
  font-weight:650!important;
}
.multi-select-count{
  min-width:1.45rem!important;
  height:1.45rem!important;
  padding:0 .4rem!important;
  font-size:.8rem!important;
  line-height:1!important;
  font-weight:750!important;
}
.multi-select-menu{
  width:max(100%,18rem)!important;
  max-width:min(24rem,calc(100vw - 2rem))!important;
  max-height:22rem!important;
  padding:.55rem!important;
}
.multi-select-menu-head{
  min-height:3.2rem!important;
  gap:.75rem!important;
  padding:.25rem .4rem .6rem!important;
}
.multi-select-menu-head>span{
  min-width:0!important;
  color:#e6eef5!important;
  font-size:1.0625rem!important;
  line-height:1.3!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
}
.multi-select-clear{
  min-width:2.25rem!important;
  min-height:2.25rem!important;
  padding:.3rem .55rem!important;
  color:#8fcff4!important;
  font-size:.875rem!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.multi-select-options{
  max-height:17.75rem!important;
  padding-top:.4rem!important;
}
.multi-select-option{
  min-height:2.9rem!important;
  grid-template-columns:1.5rem minmax(0,1fr)!important;
  gap:.65rem!important;
  padding:.5rem .6rem!important;
  color:#d2dce5!important;
  font-size:1rem!important;
  line-height:1.3!important;
  font-weight:650!important;
}
.media-style-single-select .multi-select-option{
  grid-template-columns:minmax(0,1fr)!important;
}
.multi-select-check{
  width:1.3rem!important;
  height:1.3rem!important;
  border-radius:.35rem!important;
}
.multi-select-check svg{
  width:1rem!important;
  height:1rem!important;
}
.multi-select-note{
  padding:.7rem .6rem!important;
  color:#aab9c7!important;
  font-size:.9rem!important;
  line-height:1.45!important;
  font-weight:560!important;
}
.multi-select-option-note{
  padding:.2rem .45rem!important;
  color:#aab9c7!important;
  font-size:.8rem!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.media-download-popover-head strong{
  font-size:1.0625rem!important;
  line-height:1.3!important;
  font-weight:750!important;
}

html[data-theme="light"] .multi-select-menu-head>span{
  color:#20384f!important;
}
html[data-theme="light"] .multi-select-option{
  color:#30485e!important;
}
html[data-theme="light"] .multi-select-clear{
  color:#286f9f!important;
}
html[data-theme="light"] :is(.multi-select-note,.multi-select-option-note){
  color:#536b80!important;
}
html[data-theme="dark"] .multi-select-menu{
  color:#dce6ee!important;
  border-color:#405b70!important;
  background:linear-gradient(160deg,#101f2a,#08151e)!important;
}
html[data-theme="light"] .multi-select-menu{
  color:#30485e!important;
  border-color:#9fb4c4!important;
  background:linear-gradient(160deg,#ffffff,#eef4f8)!important;
}

/* Native menus keep the same readable floor when a platform select is used. */
select,
select option{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:600!important;
}
html[data-theme="dark"] select option{
  color:#e3ebf2!important;
  background:#0a1721!important;
}
html[data-theme="light"] select option{
  color:#243b50!important;
  background:#ffffff!important;
}

/* Download choices are intentionally compact: one media concept, its real size,
   and no secondary prose competing with the action. */
.media-download-popover{
  width:18rem!important;
  padding:.45rem!important;
}
.media-download-options{
  padding:0!important;
  gap:.35rem!important;
}
.media-download-option{
  min-height:4rem!important;
  padding:.35rem .55rem!important;
  gap:.65rem!important;
  border-radius:.75rem!important;
}
.media-download-option-icon{
  width:3.25rem!important;
  height:3.25rem!important;
  min-width:3.25rem!important;
  min-height:3.25rem!important;
}
.media-download-option-icon>svg{
  width:3.1rem!important;
  height:3.1rem!important;
}
.media-download-option-copy{
  display:block!important;
  min-width:0!important;
}
.media-download-option-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.75rem!important;
}
.media-download-option-title strong{
  color:#eaf3f9!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.media-download-option-size{
  color:#9db4c6!important;
  font-size:.9rem!important;
  line-height:1.25!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.media-download-option[data-download-kind="original"] .media-download-option-size{
  color:#74cae8!important;
}
.media-download-option[data-download-kind="proxy"] .media-download-option-size{
  color:#bd9cff!important;
}
.media-download-option.unavailable{
  opacity:.56!important;
}
html[data-theme="light"] .media-download-option-title strong{
  color:#20384f!important;
}
html[data-theme="light"] .media-download-option-size{
  color:#5c7284!important;
}
html[data-theme="light"] .media-download-option[data-download-kind="original"] .media-download-option-size{
  color:#16739a!important;
}
html[data-theme="light"] .media-download-option[data-download-kind="proxy"] .media-download-option-size{
  color:#7045bd!important;
}
@media(max-width:700px){
  .media-download-popover{width:min(18rem,calc(100vw - 2rem))!important}
}

/* Enlarge the Close artwork while preserving each modal header's existing control footprint. */
button[aria-label^="Close"]{
  padding:0!important;
  overflow:visible!important;
}
button[aria-label^="Close"]>svg{
  width:2.65rem!important;
  height:2.65rem!important;
}

/* Media list columns share one fixed grid, so every glyph has the same x-axis
   in every row. The account column is intentionally absent from this view. */
#view-media .media-list-row{
  grid-template-columns:
    6.5rem
    minmax(16rem,1.5fr)
    8.5rem
    7.25rem
    minmax(13rem,1fr)
    minmax(10rem,.75fr)
    7rem
    2rem!important;
  column-gap:.4rem!important;
}
#view-media .media-list-meta{
  grid-template-columns:2.75rem minmax(0,1fr)!important;
  gap:.25rem!important;
  align-items:center!important;
  justify-self:stretch!important;
}
#view-media .media-list-meta>span:last-child{
  min-width:0!important;
  margin:0!important;
}
#view-media .media-list-meta strong{
  margin:0!important;
}

/* Card view has three meaningful media families. The family glyph replaces
   the redundant PNG/JPEG/MP3 text badge while the exact format stays in ARIA. */
#view-media .media-format-badge{
  top:.45rem!important;
  right:.45rem!important;
  width:3.15rem!important;
  height:3.15rem!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-media .media-format-badge>svg{
  width:3.05rem!important;
  height:3.05rem!important;
}

@media(max-width:1180px){
  #view-media .media-list-view{
    min-width:62rem!important;
  }
  #view-media .media-list-row{
    min-width:62rem!important;
    grid-template-columns:
      5.75rem
      minmax(12.5rem,1.35fr)
      7.25rem
      6.25rem
      11.25rem
      8.75rem
      6.5rem
      1.75rem!important;
    column-gap:.35rem!important;
  }
}

/* Every horizontal row resolves against the same measured status/action
   tracks. An auto-sized Original, Edited or review-state pill previously
   changed the remaining fr space per row and shifted every preceding icon. */
:is(#view-media .media-list-row,#view-reviews .review-list-row)
  :is(.media-list-meta,.review-list-meta){
  min-width:0!important;
  justify-self:stretch!important;
}
:is(#view-media .media-list-row,#view-reviews .review-list-row)
  :is(.media-list-meta-icon,.review-list-meta-icon){
  display:grid!important;
  place-items:center!important;
  justify-self:start!important;
  margin:0!important;
  transform:none!important;
}
:is(#view-media .media-list-row,#view-reviews .review-list-row)
  :is(.media-list-status,.review-status-chip){
  justify-self:start!important;
  margin:0!important;
}
:is(#view-media .media-list-row,#view-reviews .review-list-row)
  :is(.media-list-open,.review-list-open){
  justify-self:end!important;
  margin:0!important;
}

/* Modal chrome uses one measured header row. Previously Media declared a 54px
   grid track while its header required 4.75rem, allowing Preview to paint
   underneath the header. */
:is(.media-modal,.review-modal){
  grid-template-rows:4.75rem minmax(0,1fr)!important;
}
:is(.media-modal-head,.review-modal-head){
  height:4.75rem!important;
  min-height:4.75rem!important;
}
:is(
  .media-modal-head,.review-modal-head,.machine-detail-head,.team-detail-head,
  .team-add-head,.worker-pairing-head,.shared-folder-modal-head,.drawer-head,.modal-head
){
  position:relative!important;
  z-index:5!important;
  box-shadow:0 .55rem 1.35rem rgba(4,13,22,.13)!important;
}
:is(.media-modal-layout,.review-modal-layout){
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  overflow:hidden!important;
}
:is(.media-stage,.review-preview){
  isolation:isolate!important;
}
:is(.media-stage,.review-preview)>:is(img,video){
  display:block!important;
  margin:0!important;
}

html[data-theme="dark"] :is(
  .media-modal-head,.review-modal-head,.machine-detail-head,.team-detail-head,
  .team-add-head,.worker-pairing-head,.shared-folder-modal-head,.drawer-head,.modal-head
){
  background:
    radial-gradient(circle at 18% -80%,rgba(49,180,218,.20),transparent 42%),
    radial-gradient(circle at 82% -90%,rgba(145,91,229,.20),transparent 40%),
    linear-gradient(105deg,#102633,#141d30 56%,#10242c)!important;
}
html[data-theme="light"] :is(
  .media-modal-head,.review-modal-head,.machine-detail-head,.team-detail-head,
  .team-add-head,.worker-pairing-head,.shared-folder-modal-head,.drawer-head,.modal-head
){
  background:
    radial-gradient(circle at 16% -90%,rgba(37,157,207,.18),transparent 44%),
    radial-gradient(circle at 84% -100%,rgba(131,77,210,.16),transparent 42%),
    linear-gradient(105deg,#edf8fc,#eeeafa 58%,#e9f6f2)!important;
  box-shadow:0 .55rem 1.2rem rgba(42,78,105,.12)!important;
}

/* Every detail modal gets a dimensional, colored information surface instead
   of the same neutral grey pane. */
html[data-theme="dark"] :is(
  .media-meta-pane,.review-detail-pane,.machine-detail-body,.team-detail-body,
  .team-add-body,.shared-folder-modal-body,.worker-pairing-body,.drawer-body,.modal-body
){
  background:
    radial-gradient(circle at 96% 2%,rgba(142,82,232,.13),transparent 31%),
    radial-gradient(circle at 4% 92%,rgba(38,172,190,.10),transparent 34%),
    linear-gradient(155deg,#0b1b26,#08141e 58%,#0d1825)!important;
}
html[data-theme="light"] :is(
  .media-meta-pane,.review-detail-pane,.machine-detail-body,.team-detail-body,
  .team-add-body,.shared-folder-modal-body,.worker-pairing-body,.drawer-body,.modal-body
){
  background:
    radial-gradient(circle at 96% 2%,rgba(137,78,219,.11),transparent 32%),
    radial-gradient(circle at 4% 92%,rgba(31,159,181,.10),transparent 35%),
    linear-gradient(155deg,#f6fbfe,#eef5fa 56%,#f7f3fc)!important;
}

.media-meta-pane>.meta-section:nth-child(6n+1){--nx-modal-accent:151,92,231}
.media-meta-pane>.meta-section:nth-child(6n+2){--nx-modal-accent:36,151,216}
.media-meta-pane>.meta-section:nth-child(6n+3){--nx-modal-accent:43,180,127}
.media-meta-pane>.meta-section:nth-child(6n+4){--nx-modal-accent:217,151,48}
.media-meta-pane>.meta-section:nth-child(6n+5){--nx-modal-accent:39,176,194}
.media-meta-pane>.meta-section:nth-child(6n){--nx-modal-accent:215,78,121}
.media-meta-pane>.meta-section{
  border-color:rgba(var(--nx-modal-accent),.52)!important;
  box-shadow:
    inset .22rem 0 0 rgba(var(--nx-modal-accent),.78),
    inset 0 1px 0 rgba(255,255,255,.20),
    0 .65rem 1.35rem rgba(23,45,62,.09)!important;
}
.media-meta-pane>.meta-section>.meta-section-head{
  background:linear-gradient(90deg,rgba(var(--nx-modal-accent),.18),rgba(var(--nx-modal-accent),.035) 62%,transparent)!important;
  border-bottom-color:rgba(var(--nx-modal-accent),.24)!important;
}
html[data-theme="dark"] .media-meta-pane>.meta-section{
  box-shadow:
    inset .22rem 0 0 rgba(var(--nx-modal-accent),.72),
    inset 0 1px 0 rgba(255,255,255,.035),
    0 .8rem 1.5rem rgba(0,0,0,.16)!important;
}

:is(
  .review-person-card,.review-file-item,.review-comment-block,.review-thread-item,
  .machine-detail-info-card,.machine-detail-summary-card,.team-detail-info-card,
  .team-detail-profile,.team-detail-status-card,.shared-folder-detail-card,
  .worker-pairing-step,.worker-pairing-security-note
){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 .6rem 1.3rem rgba(28,55,75,.08)!important;
}
html[data-theme="dark"] :is(
  .review-person-card,.review-file-item,.review-comment-block,.review-thread-item,
  .machine-detail-info-card,.machine-detail-summary-card,.team-detail-info-card,
  .team-detail-profile,.team-detail-status-card,.shared-folder-detail-card,
  .worker-pairing-step,.worker-pairing-security-note
){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 .7rem 1.35rem rgba(0,0,0,.15)!important;
}

/* User Tag is a labeled action: the glass tag-plus glyph stays large and the
   visible label makes the action clear without a tooltip. */
.tag-add-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 8.25rem!important;
  align-items:center!important;
  gap:.65rem!important;
}
.tag-add-row .tag-add-button{
  width:8.25rem!important;
  min-width:8.25rem!important;
  height:3.15rem!important;
  min-height:3.15rem!important;
  padding:.2rem .75rem .2rem .25rem!important;
  display:grid!important;
  grid-template-columns:2.65rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.3rem!important;
  color:#f2eaff!important;
  border:1px solid rgba(170,119,246,.58)!important;
  border-radius:.85rem!important;
  background:linear-gradient(145deg,rgba(139,74,222,.92),rgba(88,54,180,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 .55rem 1.15rem rgba(95,52,178,.22)!important;
  font-weight:760!important;
  white-space:nowrap!important;
}
.tag-add-row .tag-add-button>svg{
  width:2.65rem!important;
  height:2.65rem!important;
}
.tag-add-row .tag-add-button>span{
  color:inherit!important;
  font-size:.9rem!important;
  line-height:1.15!important;
  font-weight:760!important;
}
.tag-add-row .tag-add-button:hover{
  border-color:rgba(197,159,255,.82)!important;
  background:linear-gradient(145deg,#985be5,#6941c4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 .7rem 1.35rem rgba(95,52,178,.30)!important;
  transform:translateY(-1px)!important;
}
html[data-theme="light"] .tag-add-row .tag-add-button{
  color:#fff!important;
  border-color:#7d54c5!important;
  background:linear-gradient(145deg,#9257dc,#6840b7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 .55rem 1.1rem rgba(93,58,160,.22)!important;
}
@media(max-width:560px){
  .tag-add-row{grid-template-columns:minmax(0,1fr) 7.25rem!important}
  .tag-add-row .tag-add-button{width:7.25rem!important;min-width:7.25rem!important}
}

/* Download trigger is subordinate to the label, not the largest object in the
   modal header. */
.media-download-menu>summary>svg:first-child{
  width:2.25rem!important;
  height:2.25rem!important;
}

/* Original and Proxy are separate media concepts. Distinct accent rails,
   borders and surfaces keep the two rows readable even without secondary text. */
.media-download-option{
  border-width:1px!important;
  border-style:solid!important;
}
.media-download-option[data-download-kind="original"]{
  color:#8be6a4!important;
  border-color:rgba(71,207,112,.42)!important;
  background:linear-gradient(100deg,rgba(33,139,70,.17),rgba(21,73,48,.045))!important;
  box-shadow:inset .2rem 0 0 rgba(72,216,116,.78)!important;
}
.media-download-option[data-download-kind="proxy"]{
  color:#c5a7ff!important;
  border-color:rgba(157,104,237,.43)!important;
  background:linear-gradient(100deg,rgba(123,67,207,.17),rgba(72,45,130,.045))!important;
  box-shadow:inset .2rem 0 0 rgba(166,112,247,.80)!important;
}
.media-download-option[data-download-kind="original"]:hover:not(:disabled){
  border-color:rgba(89,225,132,.68)!important;
  background:linear-gradient(100deg,rgba(36,155,78,.25),rgba(22,84,52,.08))!important;
}
.media-download-option[data-download-kind="proxy"]:hover:not(:disabled){
  border-color:rgba(184,139,250,.70)!important;
  background:linear-gradient(100deg,rgba(135,78,219,.26),rgba(79,48,143,.08))!important;
}
.media-download-option.unavailable,
.media-download-option.unavailable:hover,
.media-download-option:disabled,
.media-download-option:disabled:hover{
  cursor:default!important;
  opacity:.44!important;
  filter:saturate(.45)!important;
}
html[data-theme="light"] .media-download-option[data-download-kind="original"]{
  color:#176f38!important;
  border-color:#82c99a!important;
  background:linear-gradient(100deg,#e3f6e9,#f8fcf9)!important;
  box-shadow:inset .2rem 0 0 #42a865!important;
}
html[data-theme="light"] .media-download-option[data-download-kind="proxy"]{
  color:#6340a8!important;
  border-color:#b59adb!important;
  background:linear-gradient(100deg,#eee5fb,#fbf9fe)!important;
  box-shadow:inset .2rem 0 0 #8a5dce!important;
}

/* Close is always a bare glyph. Theme and hover rules must not recreate the
   pale circular button that previously surrounded it. */
button[aria-label^="Close"],
button[aria-label^="Close"]:hover,
button[aria-label^="Close"]:focus,
button[aria-label^="Close"]:focus-visible,
button[aria-label^="Close"]:active{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
button[aria-label^="Close"]::before,
button[aria-label^="Close"]::after{
  display:none!important;
}

/* Metadata tiles use their semantic glyph as the field identity. Repeating
   FORMAT / FILE SIZE / RESOLUTION captions inside the tile adds noise; the
   full field name remains available through each tile's aria-label. */
.meta-grid>.meta-item .meta-item-copy>strong{
  margin-top:0!important;
}
.meta-grid>.meta-item .meta-item-copy{
  align-self:center!important;
}
.media-proxy-facts>span{
  min-height:4.75rem!important;
  padding:.75rem!important;
  display:grid!important;
  grid-template-columns:3rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.65rem!important;
}
.media-proxy-fact-icon{
  width:3rem!important;
  height:3rem!important;
  display:grid!important;
  place-items:center!important;
  font-style:normal!important;
}
.media-proxy-fact-icon>svg{
  width:2.75rem!important;
  height:2.75rem!important;
}
.media-proxy-facts>span>strong{
  min-width:0!important;
  margin:0!important;
}
.review-modal-overlay .review-file-item>div{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
.review-modal-overlay .review-file-item strong{
  margin:0!important;
}

/* Global optical rhythm for an icon followed by copy. Never let the icon host
   intrude into the label; component grids retain a visible minimum gutter at
   every scale, including controls whose label is a direct text node. */
:root{
  --nx-icon-label-gap:.56rem;
  --nx-icon-label-pull:0rem;
  --nx-icon-label-track:max-content;
}
:is(button,a,label,div,span,section,article):has(>.nx-glass-icon-host:first-child){
  column-gap:var(--nx-icon-label-gap)!important;
  align-items:center!important;
}
:is(button,a,label,div,span,section,article):has(>.nx-glass-icon-host:first-child)>.nx-glass-icon-host:first-child{
  margin-inline-end:var(--nx-icon-label-pull)!important;
  align-self:center!important;
}
:is(button,a,label,div,span,section,article):has(>.nx-glass-icon-host:first-child):has(>:nth-child(2):last-child){
  grid-template-columns:var(--nx-icon-label-track) minmax(0,1fr)!important;
}
:is(button,a,label,div,span):not(.nx-icon-only):has(>svg.nx-glass-icon:first-child){
  column-gap:var(--nx-icon-label-gap)!important;
  align-items:center!important;
}
:is(button,a,label,div,span):not(.nx-icon-only):has(>svg.nx-glass-icon:first-child)>svg.nx-glass-icon:first-child{
  margin-inline-end:0!important;
  align-self:center!important;
  vertical-align:middle!important;
}
:is(.media-list-status,.review-status-chip,.media-status-pill,.notification-review-state,.meta-tag,.team-email,.team-permission-ready){
  column-gap:var(--nx-icon-label-gap)!important;
  align-items:center!important;
}
:is(.media-list-status,.review-status-chip,.media-status-pill,.notification-review-state,.meta-tag,.team-email,.team-permission-ready)>svg.nx-glass-icon:first-child{
  margin-inline-end:0!important;
}
.meta-section-title,
.detail-section-head>span,
.review-comment-head{
  column-gap:var(--nx-icon-label-gap)!important;
  align-items:center!important;
}
:is(#view-media .media-list-meta,#view-reviews .review-list-meta){
  grid-template-columns:2.75rem minmax(0,1fr)!important;
  column-gap:.5rem!important;
  align-items:center!important;
}
.media-proxy-facts>span{
  grid-template-columns:3rem minmax(0,1fr)!important;
  column-gap:.5rem!important;
  align-items:center!important;
}
.media-proxy-fact-icon{
  margin-inline-end:0!important;
}
.nx-page-title{
  grid-template-columns:4.1rem minmax(0,1fr)!important;
  column-gap:.39rem!important;
  align-items:center!important;
}
.nx-page-title>.page-head-icon{
  align-self:center!important;
  transform:translateY(-.5rem)!important;
}
.nx-page-title:not(:has(>p))>h1{
  align-self:center!important;
  line-height:1!important;
}
@container nexus-main (max-width:42rem){
  .nx-page-title{
    grid-template-columns:3.5rem minmax(0,1fr)!important;
    column-gap:.34rem!important;
  }
}

/* Edited-media history is an ordered process, not three disconnected rows. */
.edit-timeline{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:.9rem!important;
  list-style:none!important;
}
.edit-event{
  min-height:2.25rem!important;
  grid-template-columns:2.25rem minmax(0,1fr)!important;
  align-items:start!important;
  gap:.55rem!important;
}
.edit-event-icon{
  position:relative!important;
  z-index:2!important;
}
.edit-event:not(:last-child)::after{
  left:1.05rem!important;
  top:2.05rem!important;
  bottom:-1rem!important;
  width:.14rem!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(43,190,205,.98),rgba(47,196,133,.88))!important;
  box-shadow:0 0 .5rem rgba(42,180,190,.35)!important;
}
.edit-event:nth-child(2):not(:last-child)::after{
  background:linear-gradient(180deg,rgba(47,196,133,.95),rgba(213,163,60,.92))!important;
  box-shadow:0 0 .5rem rgba(91,186,111,.30)!important;
}

/* AI is presented as a calm analytical surface instead of the former purple
   promotional treatment. The same cyan/teal language is used by its chips. */
.media-meta-pane>.ai-tags-section{
  --nx-modal-accent:30,154,164!important;
  background:
    radial-gradient(circle at 88% -20%,rgba(54,198,194,.14),transparent 44%),
    linear-gradient(145deg,rgba(10,37,45,.96),rgba(8,24,34,.98))!important;
}
.ai-tags-section>.meta-section-body{
  background:linear-gradient(120deg,rgba(29,151,159,.06),transparent 68%)!important;
}
.meta-section-title-icon.ai{
  color:#82e2dc!important;
  border-color:rgba(62,194,191,.34)!important;
  background:rgba(29,151,159,.15)!important;
}
.meta-tag.ai{
  color:#a6ebe7!important;
  border-color:rgba(60,194,190,.34)!important;
  background:linear-gradient(145deg,rgba(31,146,153,.22),rgba(15,87,104,.14))!important;
  box-shadow:inset 0 1px 0 rgba(215,255,252,.08)!important;
  padding-inline:.8rem!important;
  column-gap:0!important;
}
.ai-tag-list .meta-tag.ai>svg{display:none!important}
html[data-theme="light"] .media-meta-pane>.ai-tags-section{
  background:
    radial-gradient(circle at 88% -20%,rgba(38,167,171,.16),transparent 46%),
    linear-gradient(145deg,#f7fcfc,#e8f4f5)!important;
}
html[data-theme="light"] .ai-tags-section>.meta-section-body{
  background:linear-gradient(120deg,rgba(41,160,166,.075),rgba(255,255,255,.22))!important;
}
html[data-theme="light"] .meta-section-title-icon.ai{
  color:#176f78!important;
  border-color:#8bc8ca!important;
  background:#e0f2f2!important;
}
html[data-theme="light"] .ai-tags-section .meta-tag.ai{
  color:#0b4650!important;
  border-color:#559ca3!important;
  background:linear-gradient(145deg,#e0f2f2,#cce6e8)!important;
  box-shadow:inset 0 1px 0 #fff,0 .15rem .4rem rgba(35,104,112,.10)!important;
  font-weight:760!important;
  text-shadow:none!important;
}

/* User-tag creation shares the analytical palette without looking like a
   promotional purple CTA. */
.tag-add-row .tag-add-button{
  color:#edffff!important;
  border-color:rgba(68,192,199,.62)!important;
  background:linear-gradient(145deg,#168e99,#0e6077)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 .55rem 1.15rem rgba(12,93,112,.24)!important;
}
.tag-add-row .tag-add-button:hover{
  border-color:rgba(112,224,222,.82)!important;
  background:linear-gradient(145deg,#1aa4a9,#11758a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 .7rem 1.3rem rgba(10,105,120,.28)!important;
}
html[data-theme="light"] .tag-add-row .tag-add-button{
  color:#fff!important;
  border-color:#287e8c!important;
  background:linear-gradient(145deg,#1b929b,#17677d)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 .5rem 1rem rgba(26,102,119,.20)!important;
}

/* Add Tag is a translucent glass action. Its layered highlight and transmitted
   purple surface keep it dimensional in both themes instead of reading flat. */
.tag-add-row .tag-add-button,
html[data-theme="light"] .tag-add-row .tag-add-button{
  color:#fff!important;
  border-color:rgba(190,151,247,.72)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%),
    radial-gradient(circle at 15% 0,rgba(218,188,255,.34),transparent 42%),
    linear-gradient(145deg,rgba(139,78,219,.88),rgba(83,49,160,.92))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -.12rem .35rem rgba(54,27,113,.24),
    0 .6rem 1.3rem rgba(88,47,166,.28)!important;
  backdrop-filter:blur(16px) saturate(145%)!important;
}
.tag-add-row .tag-add-button:hover,
html[data-theme="light"] .tag-add-row .tag-add-button:hover{
  border-color:rgba(221,195,255,.90)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.34),transparent 38%),
    radial-gradient(circle at 15% 0,rgba(229,207,255,.42),transparent 44%),
    linear-gradient(145deg,rgba(155,91,229,.94),rgba(96,57,178,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -.12rem .35rem rgba(54,27,113,.22),
    0 .72rem 1.45rem rgba(91,48,174,.34)!important;
}

/* Transport glyphs are standalone shapes. The old compound circle hid the
   Play/Pause marks and left only the generic accent dot visible. */
svg.nx-glass-icon:is([data-nx-icon="play"],[data-nx-icon="pause"]) .nx-icon-accent{
  display:none!important;
}
.player-btn.primary>svg.nx-glass-icon:is([data-nx-icon="play"],[data-nx-icon="pause"]){
  width:2.15rem!important;
  height:2.15rem!important;
  min-width:2.15rem!important;
  min-height:2.15rem!important;
}

/* Playback transport is monochrome UI chrome. Preserve each button's hit area,
   remove the Play tile, and bypass semantic color gradients only in this row. */
.player-transport .player-btn{
  color:#fff!important;
}
.player-transport .player-btn.primary,
.player-transport .player-btn.primary:hover,
.player-transport .player-btn.primary:focus,
.player-transport .player-btn.primary:focus-visible,
.player-transport .player-btn.primary:active{
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.player-transport svg.nx-glass-icon :is(
  .nx-icon-rear-glow,.nx-icon-rear-solid,.nx-icon-transmission,.nx-icon-veil,.nx-icon-accent
){
  display:none!important;
}
.player-transport svg.nx-glass-icon .nx-icon-front{
  display:inline!important;
  fill:currentColor!important;
  filter:drop-shadow(0 .08rem .1rem rgba(0,0,0,.38))!important;
}
.player-transport svg.nx-glass-icon .nx-icon-edge{
  display:inline!important;
  stroke:currentColor!important;
  stroke-opacity:.9!important;
  fill:none!important;
}
html[data-theme="light"] .player-transport .player-btn{
  color:#080b0f!important;
}
html[data-theme="light"] .player-transport svg.nx-glass-icon .nx-icon-front{
  filter:drop-shadow(0 .06rem .08rem rgba(255,255,255,.45))!important;
}

/* Theme rules in themes.css intentionally style primary actions. Playback and
   tag creation are compact tools, so keep their surfaces clear in every state. */
html body .player-transport button.player-btn[data-player-action="play"],
html body .player-transport button.player-btn[data-player-action="play"]:hover,
html body .player-transport button.player-btn[data-player-action="play"]:focus,
html body .player-transport button.player-btn[data-player-action="play"]:focus-visible,
html body .player-transport button.player-btn[data-player-action="play"]:active{
  border-color:transparent!important;
  background-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .player-transport button.player-btn[data-player-action="play"]::before,
html body .player-transport button.player-btn[data-player-action="play"]::after{
  content:none!important;
  display:none!important;
}
html[data-theme="dark"] body .player-transport button.player-btn{
  color:#fff!important;
}
html[data-theme="light"] body .player-transport button.player-btn{
  color:#080b0f!important;
}

html[data-theme="dark"] body .tag-add-row button.tag-add-button,
html[data-theme="dark"] body .tag-add-row button.tag-add-button:hover,
html[data-theme="dark"] body .tag-add-row button.tag-add-button:focus,
html[data-theme="dark"] body .tag-add-row button.tag-add-button:focus-visible,
html[data-theme="dark"] body .tag-add-row button.tag-add-button:active{
  color:#eadfff!important;
  border-color:rgba(190,151,247,.72)!important;
  background-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
}
html[data-theme="light"] body .tag-add-row button.tag-add-button,
html[data-theme="light"] body .tag-add-row button.tag-add-button:hover,
html[data-theme="light"] body .tag-add-row button.tag-add-button:focus,
html[data-theme="light"] body .tag-add-row button.tag-add-button:focus-visible,
html[data-theme="light"] body .tag-add-row button.tag-add-button:active{
  color:#54258d!important;
  border-color:#7950aa!important;
  background-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
}
html body .tag-add-row button.tag-add-button::before,
html body .tag-add-row button.tag-add-button::after{
  content:none!important;
  display:none!important;
}

/* Reviews status navigation is a connected tab rail. Removing the inset and
   inter-segment gaps eliminates the empty leading strip while the shared outer
   border keeps the control visually quiet and precise in both themes. */
#view-reviews .reviews-filter-search-row{
  min-height:3.75rem!important;
  padding:0!important;
}
#view-reviews .review-status-segments{
  height:3.75rem!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border-color:rgba(115,145,178,.48)!important;
  border-radius:.85rem!important;
  background:
    linear-gradient(180deg,rgba(18,31,45,.96),rgba(10,20,31,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 .25rem .75rem rgba(0,0,0,.12)!important;
}
#view-reviews .review-status-segments button{
  height:100%!important;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  color:#9eacbd!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
}
#view-reviews .review-status-segments button+button{
  border-left:1px solid rgba(115,145,178,.22)!important;
}
#view-reviews .review-status-segments button:hover{
  color:#edf4fb!important;
  background:rgba(122,91,191,.11)!important;
}
#view-reviews .review-status-segments button.active,
#view-reviews .review-status-segments button.active:hover{
  color:#eee7ff!important;
  background:
    linear-gradient(180deg,rgba(137,91,210,.30),rgba(91,59,157,.20))!important;
  box-shadow:inset 0 -.2rem 0 #9d70df!important;
}
html[data-theme="light"] #view-reviews .review-status-segments{
  border-color:#b9c9d8!important;
  background:linear-gradient(180deg,#fff,#f4f7fa)!important;
  box-shadow:inset 0 1px 0 #fff,0 .25rem .7rem rgba(43,68,91,.08)!important;
}
html[data-theme="light"] #view-reviews .review-status-segments button{
  color:#52677d!important;
  background:transparent!important;
}
html[data-theme="light"] #view-reviews .review-status-segments button+button{
  border-left-color:#d5dfe8!important;
}
html[data-theme="light"] #view-reviews .review-status-segments button:hover{
  color:#273b50!important;
  background:#edf1f7!important;
}
html[data-theme="light"] #view-reviews .review-status-segments button.active,
html[data-theme="light"] #view-reviews .review-status-segments button.active:hover{
  color:#5b339f!important;
  background:linear-gradient(180deg,#f1ebfb,#e6ddf7)!important;
  box-shadow:inset 0 -.2rem 0 #8255c4!important;
}

/* The Review glyph has a lower optical centre than the Media glyph. Lift only
   this heading copy so its cap height shares the icon's visual centre. */
#view-reviews .nx-page-title:not(:has(>p))>h1{
  transform:translateY(-.25rem)!important;
}

/* Review conversation is content, not micro-metadata. Keep the author, time and
   message readable, and make the comment action intentionally text-only. */
.review-comment-send{
  min-width:5rem!important;
  justify-content:center!important;
}
.review-comment-send>svg{
  display:none!important;
}
.review-thread-head{
  flex-wrap:wrap!important;
  row-gap:.25rem!important;
  margin-bottom:.7rem!important;
  padding-bottom:.6rem!important;
  border-bottom:1px solid rgba(132,159,185,.18)!important;
}
.review-thread-head strong{
  color:var(--readable-text-2)!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  font-weight:720!important;
}
.review-thread-head span{
  margin-left:auto!important;
  color:var(--readable-muted)!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
.review-thread-item{
  padding:.9rem 1rem!important;
  border-radius:.8rem!important;
}
.review-thread-item p{
  color:var(--readable-text-2)!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:480!important;
  letter-spacing:.002em!important;
}
html[data-theme="light"] .review-thread-head{
  border-bottom-color:rgba(77,105,132,.18)!important;
}
.review-action-btn[hidden]{
  display:none!important;
}

/* Reviews grid follows Media grid: the family glyph identifies Image, Video
   or Audio while the exact codec/container remains available to assistive UI. */
#view-reviews .review-grid-type{
  top:.45rem!important;
  right:.45rem!important;
  width:3.15rem!important;
  height:3.15rem!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
#view-reviews .review-grid-type>svg{
  width:3.05rem!important;
  height:3.05rem!important;
}

/* Shared Folders machine selector: every idle machine uses one neutral surface;
   selection, availability and pending work are the only color-coded states. */
#view-folders .machine-panel-head{
  position:relative!important;
  z-index:2!important;
  border-bottom-color:rgba(108,157,188,.3)!important;
}
#view-folders .machine-list{
  padding-top:1rem!important;
}
#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-item{
  grid-template-columns:4.25rem minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  grid-template-areas:"machineIcon machineInfo"!important;
  align-items:center!important;
  row-gap:0!important;
}
#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-item>.machine-item-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
}
#view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-item>.machine-item-copy{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
}
#view-folders .machine-list>.machine-item:not(.selected),
#view-folders .machine-list>.machine-item.coordinator-card:not(.selected),
#view-folders .machine-list>.machine-item:nth-child(odd):not(.selected),
#view-folders .machine-list>.machine-item:nth-child(even):not(.selected){
  border-color:rgba(78,130,156,.46)!important;
  background:
    radial-gradient(circle at 95% 0,rgba(64,139,176,.07),transparent 38%),
    linear-gradient(145deg,#0e1d27,#09151e)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#view-folders .machine-list>.machine-item:not(.selected):hover,
#view-folders .machine-list>.machine-item.coordinator-card:not(.selected):hover{
  border-color:rgba(91,176,216,.72)!important;
  background:
    radial-gradient(circle at 95% 0,rgba(73,165,207,.12),transparent 40%),
    linear-gradient(145deg,#122632,#0b1a24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 .55rem 1.2rem rgba(0,0,0,.16)!important;
}
#view-folders .machine-list>.machine-item.selected,
#view-folders .machine-list>.machine-item.coordinator-card.selected,
#view-folders .machine-list>.machine-item:nth-child(odd).selected,
#view-folders .machine-list>.machine-item:nth-child(even).selected{
  border:2px solid #a682ff!important;
  background:
    radial-gradient(circle at 88% 0,rgba(68,207,233,.2),transparent 42%),
    linear-gradient(145deg,#322457,#121f31)!important;
  box-shadow:
    inset .38rem 0 0 #ad82ff,
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 .22rem rgba(145,102,241,.2),
    0 .85rem 1.75rem rgba(15,8,38,.3)!important;
}
#view-folders .machine-item-copy .machine-meta{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.5rem!important;
  overflow:visible!important;
}
#view-folders .machine-item-copy .machine-pending-folder-badge{
  width:max-content!important;
  max-width:calc(100% - 6.25rem)!important;
  min-height:1.65rem!important;
  height:auto!important;
  margin-left:auto!important;
  padding:.25rem .55rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.32rem!important;
  font-size:var(--type-caption)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
#view-folders .machine-item-copy .machine-pending-folder-badge>svg{
  width:.85rem!important;
  height:.85rem!important;
  flex:0 0 .85rem!important;
}
#view-folders .machine-node-icon.online{
  opacity:1!important;
  color:#55d990!important;
  border-color:rgba(60,211,137,.38)!important;
  background:linear-gradient(145deg,rgba(34,159,103,.22),rgba(11,61,47,.12))!important;
  filter:none!important;
}
#view-folders .machine-node-icon.offline{
  opacity:1!important;
  color:#ff6f7a!important;
  border-color:rgba(255,91,105,.4)!important;
  background:linear-gradient(145deg,rgba(197,54,71,.23),rgba(75,21,32,.13))!important;
  filter:none!important;
}
#view-folders .machine-item.selected .machine-node-icon.online,
#view-folders .machine-item.selected .machine-node-icon.offline{
  filter:brightness(1.08) saturate(1.08)!important;
}
#view-folders .machine-collapse-btn>svg{
  width:2.8rem!important;
  height:2.8rem!important;
}
html[data-theme="light"] #view-folders .machine-panel-head{
  border-bottom-color:#bed0dc!important;
}
html[data-theme="light"] #view-folders .machine-list>.machine-item:not(.selected),
html[data-theme="light"] #view-folders .machine-list>.machine-item.coordinator-card:not(.selected),
html[data-theme="light"] #view-folders .machine-list>.machine-item:nth-child(odd):not(.selected),
html[data-theme="light"] #view-folders .machine-list>.machine-item:nth-child(even):not(.selected){
  border-color:#bfd0dc!important;
  background:linear-gradient(145deg,#fbfdfe,#eff5f8)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
html[data-theme="light"] #view-folders .machine-list>.machine-item:not(.selected):hover,
html[data-theme="light"] #view-folders .machine-list>.machine-item.coordinator-card:not(.selected):hover{
  border-color:#78abc5!important;
  background:linear-gradient(145deg,#fff,#e8f3f8)!important;
  box-shadow:inset 0 1px 0 #fff,0 .55rem 1.15rem rgba(45,82,104,.12)!important;
}
html[data-theme="light"] #view-folders .machine-list>.machine-item.selected,
html[data-theme="light"] #view-folders .machine-list>.machine-item.coordinator-card.selected,
html[data-theme="light"] #view-folders .machine-list>.machine-item:nth-child(odd).selected,
html[data-theme="light"] #view-folders .machine-list>.machine-item:nth-child(even).selected{
  border-color:#7250ce!important;
  background:
    radial-gradient(circle at 88% 0,rgba(67,176,210,.18),transparent 42%),
    linear-gradient(145deg,#eee8ff,#dcd2f5)!important;
  box-shadow:
    inset .38rem 0 0 #7a55d7,
    inset 0 1px 0 #fff,
    0 0 0 .22rem rgba(104,71,192,.16),
    0 .8rem 1.55rem rgba(65,44,105,.16)!important;
}
html[data-theme="light"] #view-folders .machine-node-icon.online{
  color:#168b54!important;
  border-color:#75cda5!important;
  background:linear-gradient(145deg,#e3f7ed,#ccebdc)!important;
}
html[data-theme="light"] #view-folders .machine-node-icon.offline{
  color:#c93344!important;
  border-color:#ef9ba4!important;
  background:linear-gradient(145deg,#fff0f1,#f6d7da)!important;
}

/* Folder/file totals are read-only inline facts, not controls. Keep each glass
   glyph and its value on one optical baseline without a button-like frame. */
#view-folders .folder-browser-summary{
  align-items:center!important;
  gap:1rem!important;
}
#view-folders .folder-summary-chip,
html[data-theme="light"] #view-folders .folder-summary-chip{
  min-height:0!important;
  padding:0!important;
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.25rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-folders .folder-summary-icon{
  width:2.7rem!important;
  height:2.7rem!important;
  min-width:2.7rem!important;
  min-height:2.7rem!important;
  margin:0 .08rem 0 0!important;
  display:inline-grid!important;
  place-items:center!important;
  align-self:center!important;
  line-height:0!important;
}
#view-folders .folder-summary-icon>svg{
  width:2.65rem!important;
  height:2.65rem!important;
  margin:0!important;
  display:block!important;
}
#view-folders .folder-summary-chip>strong,
#view-folders .folder-summary-chip>span:last-child{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:center!important;
  line-height:1!important;
  transform:translateY(.12rem)!important;
}

/* Shared Folders uses the same search geometry as Media. The controls stretch
   to both edges; no phantom shortcut or trailing grid lane is reserved. */
#view-folders .folder-browser-controls{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:.5rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 14rem!important;
  align-items:stretch!important;
  justify-self:stretch!important;
  gap:.875rem!important;
  box-sizing:border-box!important;
}
#view-folders .folder-browser-controls>.shared-folder-search{
  grid-column:1!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:3.75rem!important;
  margin:0!important;
  position:relative!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-folders .folder-browser-controls>.shared-folder-search input{
  width:100%!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
  margin:0!important;
  padding-left:3.35rem!important;
  padding-right:1rem!important;
  border-radius:9px!important;
  font-size:var(--type-body)!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
#view-folders .folder-browser-controls>.shared-folder-search>svg{
  left:.8rem!important;
  top:50%!important;
  width:2.35rem!important;
  height:2.35rem!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
#view-folders .folder-browser-controls>.shared-folder-search>.folder-search-key{
  display:none!important;
}
#view-folders .folder-browser-controls>#folderStateDropdown{
  grid-column:2!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:3.75rem!important;
  margin:0!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
#view-folders .folder-browser-controls>#folderStateDropdown>.multi-select-trigger{
  width:100%!important;
  height:3.75rem!important;
  min-height:3.75rem!important;
  margin:0!important;
}
@container nexus-main (max-width:42rem){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #view-folders .folder-browser-controls>#folderStateDropdown{
    grid-column:1!important;
  }
}

/* Shared Folders data table: one immutable column contract drives both the
   rectangular header and every row. Only Folder keeps a semantic glyph. */
#view-folders .folder-table-viewport{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  align-self:start!important;
  scrollbar-gutter:auto!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
#view-folders .folder-table-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  overflow:hidden!important;
}
#view-folders .selected-folder-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:max(18rem,calc(100vh - 18rem))!important;
  min-height:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  scrollbar-gutter:auto!important;
}
#view-folders .selected-folder-list::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
#view-folders .folder-icon-header,
#view-folders .folder-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(15rem,1.7fr) minmax(8rem,.82fr) minmax(9rem,.95fr) minmax(7rem,.72fr) minmax(8rem,.82fr) minmax(7rem,.72fr)!important;
  grid-template-rows:1fr!important;
  column-gap:0!important;
  align-items:stretch!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
#view-folders .folder-icon-header{
  min-height:4.75rem!important;
  overflow:hidden!important;
  border:0!important;
  border-top:1px solid var(--nx-ui-line-strong)!important;
  border-bottom:1px solid var(--nx-ui-line-strong)!important;
  background:linear-gradient(180deg,rgba(31,52,70,.98),rgba(20,36,50,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#view-folders .folder-row{
  min-height:5rem!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid var(--nx-ui-line)!important;
  background:rgba(8,21,30,.72)!important;
  box-shadow:none!important;
}
#view-folders .folder-row:last-child{
  border-bottom:1px solid var(--nx-ui-line)!important;
}
#view-folders .folder-icon-header>*:nth-child(n),
#view-folders .folder-row>*:nth-child(n){
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:.75rem 1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid var(--nx-ui-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#view-folders .folder-icon-header>*:last-child,
#view-folders .folder-row>*:last-child{
  border-right:0!important;
}
#view-folders .folder-icon-header>.folder-column-title:nth-child(n){
  color:#c8d8e8!important;
  font-size:var(--type-small)!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
#view-folders .folder-column-title:not(:first-child)>.folder-header-icon{
  width:2.5rem!important;
  height:2.5rem!important;
  min-width:2.5rem!important;
  min-height:2.5rem!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 2.5rem!important;
}
#view-folders .folder-column-title:not(:first-child)>.folder-header-icon>svg{
  width:2.35rem!important;
  height:2.35rem!important;
}
#view-folders .folder-column-title:not(:first-child){
  gap:.5rem!important;
}

/* Sidebar toggles are navigation affordances, not framed action buttons. Keep
   their glyphs unboxed and align the hit area with the panel's right edge. */
.sidebar{
  position:relative!important;
}
#view-folders .machine-panel-head{
  padding-right:0!important;
}
#view-folders .machine-panel-symbol,
#view-folders .machine-collapse-btn,
html[data-theme] body .app .sidebar>#sidebarToggle{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-folders .machine-panel-symbol:hover,
#view-folders .machine-collapse-btn:hover,
html[data-theme] body .app .sidebar>#sidebarToggle:hover{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-folders .machine-collapse-btn{
  margin-right:0!important;
  justify-self:end!important;
  border-radius:0!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-panel-head{
  padding-right:0!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn{
  position:absolute!important;
  inset:.55rem 0 auto auto!important;
  width:3.4rem!important;
  height:3.4rem!important;
  min-width:3.4rem!important;
  min-height:3.4rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn::before{
  content:none!important;
  display:none!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:hover,
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:active{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn>svg{
  width:3.2rem!important;
  height:3.2rem!important;
  filter:none!important;
}
html[data-theme] body .app .sidebar>#sidebarToggle{
  position:absolute!important;
  top:calc((var(--topbar-h) - 3.15rem)/2)!important;
  right:0!important;
  bottom:auto!important;
  left:auto!important;
  width:3.15rem!important;
  height:3.15rem!important;
  min-width:3.15rem!important;
  min-height:3.15rem!important;
  margin:0!important;
  border-radius:0!important;
  transform:none!important;
  z-index:6!important;
  color:#a891d8!important;
}
html[data-theme="light"] body .app .sidebar>#sidebarToggle{
  color:#75669e!important;
}
html[data-theme] body .app.sidebar-collapsed .sidebar>#sidebarToggle{
  position:absolute!important;
  inset:.35rem 0 auto auto!important;
  width:3.15rem!important;
  height:3.15rem!important;
  min-width:3.15rem!important;
  min-height:3.15rem!important;
  margin:0!important;
  transform:none!important;
}
html[data-theme] body .app.sidebar-collapsed .sidebar>#sidebarToggle>svg{
  width:2.85rem!important;
  height:2.85rem!important;
}

/* Header/rail controls are bare glyphs. Remove the internal glass bloom and
   transmission layers as well as the legacy host tile. */
:is(
  #view-folders .machine-panel-symbol,
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-collapse-btn,
  .app:not(.sidebar-collapsed) .sidebar>#sidebarToggle
)>svg.nx-glass-icon :is(
  .nx-icon-rear-glow,
  .nx-icon-rear-solid,
  .nx-icon-transmission,
  .nx-icon-veil,
  .nx-icon-accent
){
  display:none!important;
}
:is(
  #view-folders .machine-panel-symbol,
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-collapse-btn,
  .app:not(.sidebar-collapsed) .sidebar>#sidebarToggle
)>svg.nx-glass-icon .nx-icon-front{
  display:inline!important;
  fill:currentColor!important;
  filter:none!important;
}
:is(
  #view-folders .machine-panel-symbol,
  #view-folders .shared-folder-workspace:not(.machine-collapsed) .machine-collapse-btn,
  .app:not(.sidebar-collapsed) .sidebar>#sidebarToggle
)>svg.nx-glass-icon .nx-icon-edge{
  display:inline!important;
  stroke:currentColor!important;
  stroke-opacity:.72!important;
  filter:none!important;
}
.app.sidebar-collapsed .sidebar>#sidebarToggle>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-accent,
#view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-accent{
  display:none!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"]{
  --nx-rear-bloom:.16;
  --nx-rear-glow-brightness:1.08;
  --nx-rear-glow-saturation:.94;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-rear-glow{
  opacity:.16!important;
  filter:blur(2.2px) brightness(1.08) saturate(.94)!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-front{
  fill:currentColor!important;
  opacity:.72!important;
  filter:drop-shadow(0 1px .9px rgba(39,25,69,.2)) drop-shadow(-.3px -.3px .55px rgba(255,255,255,.42))!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] :is(.nx-icon-rear-glow,.nx-icon-rear-solid,.nx-icon-transmission-wide,.nx-icon-transmission-core){
  fill:currentColor!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-rear-solid{
  display:none!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-transmission{
  opacity:.24!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-veil{
  opacity:.08!important;
}
#view-folders .machine-collapse-btn{
  color:#a891d8!important;
}
html[data-theme="light"] #view-folders .machine-collapse-btn{
  color:#75669e!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
)>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-edge{
  stroke-width:.9!important;
  stroke-opacity:.62!important;
}
:is(
  .app.sidebar-collapsed .sidebar>#sidebarToggle,
  #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn
):not(:disabled):not([aria-disabled="true"]):hover>svg[data-nx-icon="sidebarRailHandle"] .nx-icon-rear-glow{
  opacity:.32!important;
  filter:blur(2.7px) brightness(1.18) saturate(1.04)!important;
}

/* The collapsed machine rail has its own one-column contract. This prevents
   the expanded three-column card grid from pulling machine glyphs off-center. */
#view-folders .shared-folder-workspace.machine-collapsed .machine-list{
  width:100%!important;
  padding:.75rem .45rem 1rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.55rem!important;
  box-sizing:border-box!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-item{
  width:100%!important;
  min-width:0!important;
  min-height:5.4rem!important;
  margin:0 auto!important;
  padding:.55rem 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  grid-template-areas:none!important;
  place-items:center!important;
  column-gap:0!important;
  row-gap:0!important;
  box-sizing:border-box!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-item>.machine-item-icon{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0 auto!important;
}
#view-folders .shared-folder-workspace.machine-collapsed .machine-item>.machine-item-copy,
#view-folders .shared-folder-workspace.machine-collapsed .machine-item>.machine-item-status-stack{
  display:none!important;
}
html[data-theme] body #view-folders .machine-panel-symbol,
html[data-theme] body #view-folders .machine-collapse-btn,
html[data-theme] body #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn{
  border:0!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-theme] body #view-folders .machine-collapse-btn:hover,
html[data-theme] body #view-folders .machine-collapse-btn:active,
html[data-theme] body #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:hover,
html[data-theme] body #view-folders .shared-folder-workspace.machine-collapsed .machine-collapse-btn:active{
  border:0!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.sidebar .nav-btn>span.label{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
#view-folders .folder-column-title.folder-col-name{
  gap:.55rem!important;
}
#view-folders .folder-column-title.folder-col-name>.folder-header-icon{
  width:2.75rem!important;
  height:2.75rem!important;
  min-width:2.75rem!important;
  min-height:2.75rem!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-folders .folder-column-title.folder-col-name>.folder-header-icon>svg{
  width:2.7rem!important;
  height:2.7rem!important;
}
#view-folders .folder-name-cell{
  grid-template-columns:2.85rem minmax(0,1fr)!important;
  gap:.6rem!important;
}
#view-folders .folder-row-icon{
  width:2.85rem!important;
  height:2.85rem!important;
  min-width:2.85rem!important;
  min-height:2.85rem!important;
}
#view-folders .folder-name-copy{
  min-width:0!important;
}
#view-folders .folder-name-copy>strong{
  max-width:100%!important;
  overflow:hidden!important;
  color:var(--readable-text)!important;
  font-size:var(--type-body)!important;
  line-height:1.3!important;
  font-weight:720!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-folders .folder-table-value,
#view-folders .folder-row>.folder-table-value{
  min-height:0!important;
  color:var(--readable-text-2)!important;
  font-size:var(--type-body)!important;
  line-height:1.3!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
#view-folders .folder-table-value.ready,
#view-folders .folder-table-value.completed{color:#73dc94!important}
#view-folders .folder-table-value.pending{color:#e7bd62!important}
#view-folders .folder-table-value.processing{color:#6fc9ee!important}
#view-folders .folder-table-value.failed{color:#ff7b87!important}
#view-folders .folder-row:hover{
  background:rgba(35,72,94,.45)!important;
}
#view-folders .folder-row:focus-visible{
  outline:2px solid #8b72f4!important;
  outline-offset:-2px!important;
}
html[data-theme="light"] #view-folders .folder-icon-header{
  border-top-color:#c4d6e4!important;
  border-bottom-color:#aebfcd!important;
  background:linear-gradient(180deg,#f3f8fc,#e4eef6)!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
html[data-theme="light"] #view-folders .folder-row{
  border-bottom-color:#cddae4!important;
  background:#fff!important;
}
html[data-theme="light"] #view-folders .folder-icon-header>*:nth-child(n),
html[data-theme="light"] #view-folders .folder-row>*:nth-child(n){
  border-right-color:#cddae4!important;
  background:transparent!important;
}
html[data-theme="light"] #view-folders .folder-icon-header>.folder-column-title:nth-child(n){
  color:#38536d!important;
}
html[data-theme="light"] #view-folders .folder-row:hover{
  background:#edf5fa!important;
}
html[data-theme="light"] #view-folders .folder-table-value.ready,
html[data-theme="light"] #view-folders .folder-table-value.completed{color:#187341!important}
html[data-theme="light"] #view-folders .folder-table-value.pending{color:#8a640e!important}
html[data-theme="light"] #view-folders .folder-table-value.processing{color:#176c96!important}
html[data-theme="light"] #view-folders .folder-table-value.failed{color:#b52b39!important}

/* Empty tables hug their message instead of inheriting the full-panel empty
   state. The table border now ends immediately after this compact row. */
#view-folders .selected-folder-list>.folder-table-empty-state,
html[data-theme="light"] #view-folders .selected-folder-list>.folder-table-empty-state{
  width:100%!important;
  max-width:100%!important;
  min-height:9rem!important;
  height:auto!important;
  margin:0!important;
  padding:1rem 1.25rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid var(--nx-ui-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#view-folders .folder-table-empty-state>.app-empty-icon{
  width:3rem!important;
  height:3rem!important;
  min-width:3rem!important;
  min-height:3rem!important;
  flex:0 0 3rem!important;
}
#view-folders .folder-table-empty-state>.app-empty-icon>svg{
  width:2.85rem!important;
  height:2.85rem!important;
}
#view-folders .folder-table-empty-state>.app-empty-copy>strong{
  font-size:var(--type-body)!important;
  line-height:1.3!important;
}
#view-folders .folder-table-empty-state>.app-empty-copy>span{
  margin-top:.25rem!important;
  font-size:var(--type-caption)!important;
  line-height:1.35!important;
}

/* Expanded sidebar: keep the icon/copy rhythm compact. The global glass-icon
   gutter is intentionally wider for content controls, so scope its half-size
   value to navigation and the operational Info card only. */
.app:not(.sidebar-collapsed) .sidebar .nav-btn{
  --nx-icon-label-gap:.28rem;
  column-gap:.28rem!important;
  padding-inline:.3rem!important;
}
.app:not(.sidebar-collapsed) .sidebar .nav-btn>span.label{
  white-space:nowrap!important;
  line-height:1.2!important;
}
.app:not(.sidebar-collapsed) .sidebar .nav-btn[data-view="folders"]>span.label{
  overflow:visible!important;
  text-overflow:clip!important;
}
.app:not(.sidebar-collapsed) .sidebar .nav-btn>.nav-badge{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
.app:not(.sidebar-collapsed) .sidebar .coordinator-info-card :is(.coordinator-status-minimal,.coordinator-info-item){
  --nx-icon-label-gap:.28rem;
  column-gap:.28rem!important;
}

/* --------------------------------------------------------------------------
   Shared Folders responsive contract

   The workspace itself always fits its container. Only the data table owns a
   minimum inline size and therefore becomes the horizontal scroll boundary.
   This avoids nested scroll areas and prevents the machine rail from pushing
   the browser outside the page at intermediate widths.
   -------------------------------------------------------------------------- */
#view-folders,
#view-folders .shared-folder-workspace,
#view-folders .machine-panel,
#view-folders .folder-browser{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#view-folders .shared-folder-workspace{
  width:100%!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
}
#view-folders .shared-folder-workspace.machine-collapsed{
  grid-template-columns:5.25rem minmax(0,1fr)!important;
}

/* Compact search/filter toolbar. */
#view-folders .folder-browser-controls{
  min-height:0!important;
  padding:.4rem!important;
  grid-template-columns:minmax(0,1fr) 10.5rem!important;
  gap:.5rem!important;
  align-items:center!important;
}
#view-folders .folder-browser-controls>.shared-folder-search,
#view-folders .folder-browser-controls>.shared-folder-search input,
#view-folders .folder-browser-controls>#folderStateDropdown,
#view-folders .folder-browser-controls>#folderStateDropdown>.multi-select-trigger{
  height:2.75rem!important;
  min-height:2.75rem!important;
}
#view-folders .folder-browser-controls>.shared-folder-search input{
  padding-left:3rem!important;
}
#view-folders .folder-browser-controls>.shared-folder-search>svg{
  left:.65rem!important;
  width:2.1rem!important;
  height:2.1rem!important;
}
#view-folders .folder-browser-controls>#folderStateDropdown{
  width:10.5rem!important;
  min-width:10.5rem!important;
  max-width:10.5rem!important;
  justify-self:end!important;
}
#view-folders .folder-browser-controls>#folderStateDropdown>.multi-select-trigger{
  padding-inline:.75rem .55rem!important;
  border-radius:.65rem!important;
}
#view-folders .folder-browser-controls>#folderStateDropdown .multi-select-menu{
  width:10.5rem!important;
  min-width:10.5rem!important;
  max-width:min(10.5rem,calc(100vw - 2rem))!important;
  right:0!important;
  left:auto!important;
}

/* One native two-axis scroll container keeps the rectangular header and every
   row on the exact same six-column track. */
#view-folders .folder-table-viewport{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:max(18rem,calc(100vh - 18rem))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-gutter:auto!important;
  -webkit-overflow-scrolling:touch;
}
#view-folders .folder-table-inner{
  width:100%!important;
  min-width:54rem!important;
  max-width:none!important;
  height:auto!important;
  overflow:visible!important;
}
#view-folders .selected-folder-list{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  scrollbar-width:auto!important;
}
#view-folders .selected-folder-list::-webkit-scrollbar{
  width:auto!important;
  height:auto!important;
  display:initial!important;
}
#view-folders .folder-icon-header,
#view-folders .folder-row{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
#view-folders .folder-icon-header{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
}

@container nexus-main (max-width:60rem){
  #view-folders .shared-folder-workspace:not(.machine-collapsed){
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    overflow:visible!important;
  }
  #view-folders .shared-folder-workspace:not(.machine-collapsed)>.machine-panel{
    height:min(24rem,42vh)!important;
    min-height:16rem!important;
    max-height:24rem!important;
  }
  #view-folders .shared-folder-workspace:not(.machine-collapsed)>.folder-browser{
    height:auto!important;
    min-height:30rem!important;
  }
}

@container nexus-main (max-width:42rem){
  #view-folders .folder-browser-controls{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #view-folders .folder-browser-controls>#folderStateDropdown{
    grid-column:1!important;
    width:min(10.5rem,100%)!important;
    min-width:0!important;
    max-width:10.5rem!important;
    justify-self:end!important;
  }
  #view-folders .folder-table-inner{
    min-width:50rem!important;
  }
}

@container nexus-main (max-width:30rem){
  #view-folders .shared-folder-workspace.machine-collapsed{
    grid-template-columns:4.75rem minmax(0,1fr)!important;
  }
  #view-folders .folder-browser-head{
    padding-inline:.65rem!important;
  }
  #view-folders .folder-browser-summary{
    padding-inline:.55rem!important;
  }
  #view-folders .folder-browser-controls{
    padding:.35rem!important;
  }
  #view-folders .folder-browser-controls>#folderStateDropdown{
    justify-self:start!important;
  }
  #view-folders .folder-table-inner{
    min-width:47rem!important;
  }
}

/* Final dropdown typography contract. Keep every filter readable even when a
   page-specific legacy rule uses the original compact (8-11px) sizing. */
html[data-theme] body :is(
  #mediaMachineMulti,
  #mediaFolderMulti,
  #mediaTagMulti,
  #mediaUserMulti,
  #folderStateDropdown,
  #machineStateDropdown,
  #processingStateDropdown,
  #teamAddRoleDropdown
) :is(.multi-select-trigger,.multi-select-placeholder,.multi-select-option){
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:650!important;
}
html[data-theme] body :is(
  #mediaMachineMulti,
  #mediaFolderMulti,
  #mediaTagMulti,
  #mediaUserMulti,
  #folderStateDropdown,
  #machineStateDropdown,
  #processingStateDropdown,
  #teamAddRoleDropdown
) .multi-select-option{
  min-height:2.9rem!important;
  padding-block:.58rem!important;
}
html[data-theme] body :is(
  #mediaMachineMulti,
  #mediaFolderMulti,
  #mediaTagMulti,
  #mediaUserMulti,
  #folderStateDropdown,
  #machineStateDropdown,
  #processingStateDropdown,
  #teamAddRoleDropdown
) :is(.multi-select-note,.multi-select-option-note,.multi-select-count){
  font-size:.875rem!important;
  line-height:1.35!important;
}
html[data-theme] body select.media-style-native-select,
html[data-theme] body select.media-style-native-select option{
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:650!important;
}

/* Machines hardware cards: keep the compact grid while giving the semantic
   glass icons and reported values enough visual weight to scan quickly. */
html[data-theme] body #view-workers .machine-page-property{
  min-height:4.4rem!important;
  grid-template-columns:2.5rem minmax(0,1fr)!important;
  gap:.75rem!important;
  padding:.72rem .8rem!important;
}
html[data-theme] body #view-workers .machine-page-property>.machine-property-icon{
  width:2.5rem!important;
  min-width:2.5rem!important;
  height:2.5rem!important;
  min-height:2.5rem!important;
  border-radius:.72rem!important;
}
html[data-theme] body #view-workers .machine-page-property>.machine-property-icon svg{
  width:1.45rem!important;
  height:1.45rem!important;
}
html[data-theme] body #view-workers .machine-page-property strong,
html[data-theme] body #view-workers .machine-page-property:nth-child(n) strong{
  margin-top:0!important;
  font-size:.95rem!important;
  line-height:1.3!important;
  font-weight:740!important;
  letter-spacing:-.008em!important;
}

/* The Machines filter had a two-ID legacy selector fixed at 10.5px. Target
   the same component explicitly so both the controls and their inner labels
   use the shared readable dropdown scale. */
html[data-theme] body #view-workers #machineStateDropdown>.multi-select-trigger,
html[data-theme] body #view-workers #machineStateDropdown .multi-select-placeholder,
html[data-theme] body #view-workers #machineStateDropdown .multi-select-option,
html[data-theme] body #view-workers #machineStateDropdown .multi-select-option>span{
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:650!important;
}
html[data-theme] body #view-workers #machineStateDropdown .multi-select-option{
  min-height:3rem!important;
  padding:.62rem .7rem!important;
}

/* Pairing copy actions are compact text controls. Success remains visible in
   the label and color, so a decorative copy icon is unnecessary. */
html[data-theme] body #workerPairingOverlay .worker-pairing-value-row{
  grid-template-columns:minmax(0,1fr) 7rem!important;
  align-items:center!important;
}
html[data-theme] body #workerPairingOverlay .worker-pairing-copy-button{
  width:7rem!important;
  min-width:7rem!important;
  min-height:3rem!important;
  height:3rem!important;
  padding:.55rem .9rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  justify-self:end!important;
  border-radius:.72rem!important;
  font-size:.95rem!important;
  line-height:1!important;
}
html[data-theme] body #workerPairingOverlay .worker-pairing-copy-button svg{
  display:none!important;
}
@media(max-width:700px){
  html[data-theme] body #workerPairingOverlay .worker-pairing-value-row{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body #workerPairingOverlay .worker-pairing-copy-button{
    width:7rem!important;
    min-width:7rem!important;
    justify-self:end!important;
  }
}

/* The responsive topbar becomes taller at intermediate widths, but the
   sidebar toggle belongs to the brand row. Keep it optically centred beside
   the logo instead of deriving its vertical position from --topbar-h. */
html[data-theme] body .app .sidebar>#sidebarToggle,
html[data-theme] body .app.sidebar-collapsed .sidebar>#sidebarToggle{
  top:.15rem!important;
  bottom:auto!important;
}

/* Machines used the shared auto-fit card rule, which could fit three cards
   into a narrow main column while the full sidebar was still visible. Keep a
   predictable two-card desktop/tablet grid, then move to one card based on
   the actual main-content width rather than the browser viewport. */
@container nexus-main (max-width:70rem){
  #view-workers .machines-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@container nexus-main (max-width:48rem){
  #view-workers .machines-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Dropdown menus are option lists, not dialogs. Their trigger already names
   the field, so the repeated menu heading and Close/Clear affordance add noise. */
.multi-select-menu>.multi-select-menu-head{
  display:none!important;
}
.multi-select-menu>.multi-select-options{
  padding-top:0!important;
}

/* --------------------------------------------------------------------------
   Overview, Media and Reviews mobile contract

   Desktop geometry stays unchanged. At phone widths, filters reflow, list
   rows become compact information cards, wide overview tables own their
   horizontal scroll, and detail dialogs use one continuous vertical scroller.
   -------------------------------------------------------------------------- */
@container nexus-main (max-width:48rem){
  :is(#view-overview,#view-media,#view-reviews),
  :is(#view-overview,#view-media,#view-reviews)>*,
  #view-media :is(.smart-search,.smart-search-row,.media-filter-row,.media-grid,.media-list-view),
  #view-reviews :is(.reviews-filter-search-row,.reviews-panel,.review-grid-view,.review-list-view){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Overview cards remain readable without consuming most of the first screen. */
  #view-overview .metric-grid{
    gap:.625rem!important;
    margin-bottom:.625rem!important;
  }
  #view-overview .metric-card{
    min-height:6.75rem!important;
    grid-template-columns:4.25rem minmax(0,1fr)!important;
    column-gap:.7rem!important;
    padding:.7rem .8rem!important;
  }
  #view-overview .metric-card:not(.metric-storage){
    grid-template-columns:4.25rem minmax(0,1fr)!important;
    grid-template-rows:minmax(4.25rem,auto)!important;
  }
  #view-overview .metric-card:not(.metric-storage) .metric-icon,
  #view-overview .metric-icon{
    position:relative!important;
    inset:auto!important;
    width:4.25rem!important;
    height:4.25rem!important;
    min-width:4.25rem!important;
    min-height:4.25rem!important;
    transform:none!important;
  }
  #view-overview .metric-icon svg{
    width:4rem!important;
    height:4rem!important;
  }
  #view-overview .metric-card:not(.metric-storage) .metric-copy,
  #view-overview .metric-copy{
    height:auto!important;
    min-height:4.25rem!important;
    padding:0!important;
    align-content:center!important;
  }
  #view-overview .metric-card:not(.metric-storage) .metric-copy{
    grid-column:2!important;
  }
  #view-overview .metric-storage .storage-gauge{
    width:4.1rem!important;
    height:4.1rem!important;
  }
  #view-overview :is(.overview-recent-grid,.overview-recent-bottom){
    gap:.625rem!important;
    margin-bottom:.625rem!important;
  }
  #view-overview .panel-head{
    min-height:3.5rem!important;
    height:auto!important;
    gap:.5rem!important;
    padding:.45rem .7rem!important;
  }
  #view-overview .panel-head h2{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
  #view-overview :is(#overviewProcessingList,#overviewFolderTableWrap){
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
  }
  #view-overview #overviewProcessingList .overview-processing-table{
    min-width:42rem!important;
  }
  #view-overview #overviewReviewList .review-row{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:.45rem!important;
    padding:.75rem!important;
  }
  #view-overview #overviewReviewList :is(.review-copy,.overview-review-trailing){
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
  }
  #view-overview #overviewReviewList .overview-review-title-line{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:.25rem .55rem!important;
  }
  #view-overview #overviewReviewList .overview-review-trailing{
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    white-space:normal!important;
  }

  /* Media search and every filter stay inside the available content column. */
  #view-media .smart-search{
    padding:.6rem!important;
  }
  #view-media .smart-search-row,
  #view-media .media-filter-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:.5rem!important;
  }
  #view-media .smart-box,
  #view-media .media-filter-group,
  #view-media .media-filter-group>:is(.segmented-control,.multi-select){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-media .smart-box input{
    height:3.25rem!important;
    padding-left:3.2rem!important;
    padding-right:5.65rem!important;
  }
  #view-media .smart-box>svg{
    left:.55rem!important;
    top:50%!important;
    width:2.35rem!important;
    height:2.35rem!important;
    transform:translateY(-50%)!important;
  }
  #view-media .smart-box .ai-key{
    right:.7rem!important;
  }
  #view-media .segmented-control,
  #view-media .multi-select-trigger{
    min-height:2.9rem!important;
    height:2.9rem!important;
  }
  #view-media .segmented-control button{
    min-width:0!important;
    padding-inline:.35rem!important;
  }
  #view-media .multi-select-menu{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    right:auto!important;
    left:0!important;
  }
  #view-media .media-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:.625rem!important;
  }

  /* List mode becomes a native phone card; no 62rem desktop canvas remains. */
  #view-media .media-list-view,
  #view-media .media-list-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #view-media .media-list-view{
    overflow:visible!important;
  }
  #view-media .media-list-row{
    min-height:0!important;
    padding:.7rem!important;
    display:grid!important;
    grid-template-columns:5.25rem minmax(0,1fr) 1.75rem!important;
    grid-template-rows:auto auto auto auto!important;
    gap:.55rem .65rem!important;
    align-items:center!important;
  }
  #view-media .media-list-thumb{
    grid-column:1!important;
    grid-row:1/3!important;
    width:5.25rem!important;
    height:3.75rem!important;
  }
  #view-media .media-list-file{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  #view-media .media-list-status{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
  }
  #view-media .media-list-open{
    grid-column:3!important;
    grid-row:1/3!important;
  }
  #view-media .media-list-meta{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:2.5rem minmax(0,1fr)!important;
    gap:.35rem!important;
  }
  #view-media .media-list-meta.size{
    grid-column:1/2!important;
    grid-row:3!important;
  }
  #view-media .media-list-meta.format{
    grid-column:2/4!important;
    grid-row:3!important;
  }
  #view-media .media-list-meta.machine{
    grid-column:1/2!important;
    grid-row:4!important;
  }
  #view-media .media-list-meta.folder{
    grid-column:2/4!important;
    grid-row:4!important;
  }
  #view-media .media-list-meta strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #view-media .media-list-meta-icon{
    width:2.5rem!important;
    height:2.5rem!important;
  }
  #view-media .media-list-meta-icon svg{
    width:2.2rem!important;
    height:2.2rem!important;
  }

  /* Review tools and list rows use the same mobile rhythm as Media. */
  #view-reviews .reviews-filter-search-row{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:.5rem!important;
  }
  #view-reviews :is(.review-status-segments,.review-search-field,.review-view-toggle){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    grid-column:1!important;
    grid-row:auto!important;
  }
  #view-reviews .review-status-segments{
    height:3.25rem!important;
  }
  #view-reviews .review-status-segments button{
    min-width:0!important;
    padding-inline:.25rem!important;
    font-size:.78rem!important;
  }
  #view-reviews .review-search-field input{
    min-height:3rem!important;
  }
  #view-reviews .review-view-toggle{
    min-height:3rem!important;
  }
  #view-reviews .review-list-view,
  #view-reviews .review-list-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #view-reviews .review-list-view{
    overflow:visible!important;
  }
  #view-reviews .review-list-row{
    min-height:0!important;
    padding:.7rem!important;
    display:grid!important;
    grid-template-columns:5.25rem minmax(0,1fr) 1.75rem!important;
    grid-template-rows:auto auto auto auto!important;
    gap:.55rem .65rem!important;
    align-items:center!important;
  }
  #view-reviews .review-list-thumb{
    grid-column:1!important;
    grid-row:1/3!important;
    width:5.25rem!important;
    height:3.75rem!important;
  }
  #view-reviews .review-list-file{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  #view-reviews .review-status-chip{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
  }
  #view-reviews .review-list-open{
    grid-column:3!important;
    grid-row:1/3!important;
  }
  #view-reviews .review-list-meta{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:2.5rem minmax(0,1fr)!important;
    gap:.35rem!important;
  }
  #view-reviews .review-list-meta.size{
    grid-column:1/2!important;
    grid-row:3!important;
  }
  #view-reviews .review-list-meta.editor{
    grid-column:2/4!important;
    grid-row:3!important;
  }
  #view-reviews .review-list-meta.reviewer{
    grid-column:1/4!important;
    grid-row:4!important;
  }
  #view-reviews .review-list-meta strong{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #view-reviews .review-list-meta-icon{
    width:2.5rem!important;
    height:2.5rem!important;
  }
  #view-reviews .review-list-meta-icon svg{
    width:2.2rem!important;
    height:2.2rem!important;
  }
}

/* Between phone-card mode and the full desktop row, Media keeps its desktop
   column contract inside a local scroll frame instead of widening the page. */
@container nexus-main (min-width:48.01rem) and (max-width:74rem){
  #view-media .media-list-view{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-inline:contain!important;
  }
  #view-media .media-list-row{
    width:100%!important;
    min-width:60rem!important;
    grid-template-columns:
      5.75rem
      minmax(12.5rem,1.35fr)
      7.25rem
      6.25rem
      11.25rem
      8.75rem
      6.5rem
      1.75rem!important;
    column-gap:.35rem!important;
  }
}

@container nexus-main (max-width:15rem){
  #view-media .segmented-control button{
    padding-inline:.1rem!important;
    font-size:.7rem!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  #view-reviews .review-status-segments{
    height:auto!important;
    min-height:5.5rem!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-reviews .review-status-segments button{
    min-height:2.75rem!important;
    padding-inline:.2rem!important;
    font-size:.72rem!important;
  }
  #view-reviews .review-status-segments button:nth-child(odd){
    border-left:0!important;
  }
  #view-reviews .review-status-segments button:nth-child(n+3){
    border-top:1px solid rgba(115,145,178,.22)!important;
  }
  html[data-theme="light"] #view-reviews .review-status-segments button:nth-child(n+3){
    border-top-color:#d5dfe8!important;
  }
}

/* Media and Review dialogs use the visual viewport and one predictable scroll
   owner on phones. This keeps preview, metadata, conversation and actions all
   reachable even when the browser's address bar or on-screen keyboard is open. */
@media(max-width:48rem){
  :is(.media-modal-overlay,.review-modal-overlay){
    align-items:stretch!important;
    padding:.4rem!important;
  }
  :is(.media-modal,.review-modal){
    width:100%!important;
    height:calc(100dvh - .8rem)!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    grid-template-rows:4.25rem minmax(0,1fr)!important;
    border-radius:1rem!important;
  }
  :is(.media-modal-head,.review-modal-head){
    width:100%!important;
    height:4.25rem!important;
    min-height:4.25rem!important;
    gap:.45rem!important;
    padding-inline:.75rem .45rem!important;
  }
  :is(.media-modal-title,.review-modal-title){
    min-width:0!important;
    flex:1 1 auto!important;
  }
  :is(.media-modal-title,.review-modal-title) strong{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  :is(.media-modal-head-actions,.review-modal-head-actions){
    min-width:max-content!important;
    flex:0 0 auto!important;
    gap:.2rem!important;
  }
  :is(.media-modal-layout,.review-modal-layout){
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  :is(.media-preview-pane,.review-preview-pane){
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:.55rem!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    gap:.55rem!important;
    border-right:0!important;
    border-bottom:1px solid var(--nx-ui-line)!important;
  }
  :is(.media-stage,.review-preview){
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }
  :is(.media-meta-pane,.review-detail-pane){
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    padding:.7rem!important;
    overflow:visible!important;
  }
  .review-file-strip{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .review-modal-actions{
    position:sticky!important;
    z-index:4!important;
    bottom:-.7rem!important;
    margin:.25rem -.7rem -.7rem!important;
    padding:.75rem!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;
    border-top:1px solid var(--nx-ui-line)!important;
    background:color-mix(in srgb,var(--bg) 92%,transparent)!important;
    backdrop-filter:blur(.75rem)!important;
  }
  .review-action-btn{
    width:100%!important;
    min-width:0!important;
    min-height:2.9rem!important;
  }
  .review-confirm-overlay{
    padding:.5rem!important;
  }
  .review-confirm-dialog{
    width:100%!important;
    max-width:28rem!important;
    max-height:calc(100dvh - 1rem)!important;
    overflow-y:auto!important;
  }
}

@media(max-width:32.5rem){
  .media-download-menu>summary{
    width:3.2rem!important;
    min-width:3.2rem!important;
    padding:.15rem!important;
  }
  .media-download-menu>summary>span{
    display:none!important;
  }
  .review-people-grid,
  .media-meta-pane .meta-grid,
  .tag-add-row{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .tag-add-row .tag-add-button{
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:60rem) and (max-height:34rem){
  :is(.media-modal,.review-modal){
    grid-template-rows:3.75rem minmax(0,1fr)!important;
  }
  :is(.media-modal-head,.review-modal-head){
    height:3.75rem!important;
    min-height:3.75rem!important;
  }
  :is(.media-stage,.review-preview){
    max-height:13rem!important;
  }
}

/* --------------------------------------------------------------------------
   Machines — aligned page identity, Shared Folders toolbar and stable actions
   -------------------------------------------------------------------------- */
#view-workers .nx-page-title:not(:has(>p))>h1{
  transform:translateY(-.5rem)!important;
}

#view-workers .machines-toolbar{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin-bottom:.75rem!important;
  padding:.4rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 8.5rem 11.75rem!important;
  gap:.5rem!important;
  align-items:center!important;
  border:1px solid var(--nx-ui-line)!important;
  border-radius:.85rem!important;
  background:color-mix(in srgb,var(--nx-ui-surface) 86%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 .3rem 1rem rgba(0,0,0,.06)!important;
  box-sizing:border-box!important;
}

#view-workers .machines-search{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-workers .machines-search input{
  width:100%!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  padding:.15rem .85rem .15rem 3rem!important;
  border:1px solid var(--nx-ui-line)!important;
  border-radius:.65rem!important;
  color:var(--text)!important;
  background:color-mix(in srgb,var(--nx-ui-surface-raised) 91%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  box-sizing:border-box!important;
}
#view-workers .machines-search>svg{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  left:.65rem!important;
  width:2.1rem!important;
  height:2.1rem!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
#view-workers .machines-search input:focus{
  outline:none!important;
  border-color:color-mix(in srgb,#9272dc 64%,var(--nx-ui-line))!important;
  box-shadow:0 0 0 3px rgba(132,91,220,.09),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#view-workers .machines-search-key{display:none!important}

#view-workers #machineStateDropdown,
#view-workers #machineStateDropdown>.multi-select-trigger{
  width:8.5rem!important;
  min-width:8.5rem!important;
  max-width:8.5rem!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
}
#view-workers #machineStateDropdown{
  justify-self:end!important;
}
#view-workers #machineStateDropdown>.multi-select-trigger{
  padding-inline:.7rem .5rem!important;
  border-radius:.65rem!important;
}
#view-workers #machineStateDropdown .multi-select-menu{
  right:0!important;
  left:auto!important;
  width:8.5rem!important;
  min-width:8.5rem!important;
  max-width:min(8.5rem,calc(100vw - 2rem))!important;
}

html[data-theme] body #view-workers #addWorkerButton,
html[data-theme] body #view-team .team-add-member-btn{
  width:11.75rem!important;
  min-width:11.75rem!important;
  max-width:11.75rem!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  padding:.2rem .95rem .2rem .55rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  border:1px solid color-mix(in srgb,#70d6c1 48%,var(--nx-ui-line-strong))!important;
  border-radius:.68rem!important;
  color:#dffbf5!important;
  background:linear-gradient(135deg,rgba(42,157,139,.24),rgba(70,119,184,.18)),var(--nx-glass-action)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 .35rem .85rem rgba(0,0,0,.1)!important;
  white-space:nowrap!important;
}
html[data-theme] body #view-workers #addWorkerButton>svg,
html[data-theme] body #view-team .team-add-member-btn>svg{
  width:2.25rem!important;
  min-width:2.25rem!important;
  height:2.25rem!important;
  flex:0 0 2.25rem!important;
}
html[data-theme] body #view-workers #addWorkerButton>span,
html[data-theme] body #view-team .team-add-member-btn>span{
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  color:inherit!important;
  font-size:.8rem!important;
  font-weight:760!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
}
html[data-theme] body #view-workers #addWorkerButton:hover:not(:disabled),
html[data-theme] body #view-team .team-add-member-btn:hover:not(:disabled){
  border-color:color-mix(in srgb,#84ead4 70%,var(--nx-ui-line-strong))!important;
  color:#f1fffc!important;
  background:linear-gradient(135deg,rgba(42,174,151,.32),rgba(76,128,199,.24)),var(--nx-glass-action-hover)!important;
  transform:translateY(-1px)!important;
}
html[data-theme="light"] body #view-workers #addWorkerButton,
html[data-theme="light"] body #view-team .team-add-member-btn{
  color:#185d55!important;
  border-color:#9acfc4!important;
  background:linear-gradient(135deg,rgba(207,244,235,.95),rgba(222,239,250,.92))!important;
  box-shadow:inset 0 1px 0 #fff,0 .3rem .8rem rgba(42,85,91,.09)!important;
}
html[data-theme="light"] body #view-workers #addWorkerButton:hover:not(:disabled),
html[data-theme="light"] body #view-team .team-add-member-btn:hover:not(:disabled){
  color:#104d47!important;
  border-color:#7dbfb2!important;
  background:linear-gradient(135deg,#c4eee4,#d6eaf7)!important;
}

@container nexus-main (max-width:52rem){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr) 11.75rem!important;
  }
  #view-workers .machines-search{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  #view-workers #machineStateDropdown{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
  }
  html[data-theme] body #view-workers #addWorkerButton{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
  }
}

@container nexus-main (max-width:30rem){
  #view-workers .machines-toolbar{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #view-workers .machines-search,
  #view-workers #machineStateDropdown,
  html[data-theme] body #view-workers #addWorkerButton{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  #view-workers #machineStateDropdown>.multi-select-trigger,
  #view-workers #machineStateDropdown .multi-select-menu{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* Pairing values and Copy actions share one compact control height. Labels are
   omitted because each numbered step already identifies its value. */
html[data-theme] body #workerPairingOverlay :is(.worker-pairing-code-card,.worker-pairing-address-card){
  min-height:3rem!important;
  height:3rem!important;
  padding:.45rem .9rem!important;
  gap:0!important;
  box-sizing:border-box!important;
}
html[data-theme] body #workerPairingOverlay .worker-pairing-code{
  font-size:1.45rem!important;
  line-height:1!important;
}

/* Team toolbar follows the same search-first contract as Machines and Shared
   Folders. It owns its width, so legacy minimum widths cannot split the row. */
html[data-theme] body #view-team .team-filter-search-row{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 0 .75rem!important;
  padding:.4rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 13.5rem!important;
  gap:.5rem!important;
  align-items:center!important;
  border:1px solid var(--nx-ui-line)!important;
  border-radius:.85rem!important;
  background:color-mix(in srgb,var(--nx-ui-surface) 86%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 .3rem 1rem rgba(0,0,0,.06)!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-team .team-search-field{
  grid-column:1!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  margin:0!important;
}
html[data-theme] body #view-team .team-search-field input{
  width:100%!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  padding:.15rem .85rem .15rem 3rem!important;
  border:1px solid var(--nx-ui-line)!important;
  border-radius:.65rem!important;
  color:var(--text)!important;
  background:color-mix(in srgb,var(--nx-ui-surface-raised) 91%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:1rem!important;
  line-height:1.35!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-team .team-search-field>svg{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  left:.65rem!important;
  width:2.1rem!important;
  height:2.1rem!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
html[data-theme] body #view-team .team-search-field input:focus{
  outline:none!important;
  border-color:color-mix(in srgb,#9272dc 64%,var(--nx-ui-line))!important;
  box-shadow:0 0 0 3px rgba(132,91,220,.09),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme] body #view-team .team-role-segments{
  grid-column:2!important;
  width:13.5rem!important;
  min-width:13.5rem!important;
  max-width:13.5rem!important;
  height:2.75rem!important;
  min-height:2.75rem!important;
  margin:0!important;
  padding:.2rem!important;
  justify-self:end!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-team .team-role-segments button{
  min-width:0!important;
  min-height:2.25rem!important;
  height:2.25rem!important;
  flex:1 1 0!important;
  padding-inline:.55rem!important;
  font-size:.95rem!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
@container nexus-main (max-width:42rem){
  html[data-theme] body #view-team .team-filter-search-row{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body #view-team .team-search-field{
    grid-column:1!important;
    grid-row:1!important;
  }
  html[data-theme] body #view-team .team-role-segments{
    grid-column:1!important;
    grid-row:2!important;
    width:min(13.5rem,100%)!important;
    min-width:0!important;
    justify-self:end!important;
  }
}
@container nexus-main (max-width:28rem){
  html[data-theme] body #view-team .team-role-segments{
    width:100%!important;
    max-width:none!important;
  }
}

/* Add Member form alignment contract. Keep every label, control and validation
   slot on the same grid so the role picker and password field line up with the
   text inputs and validation never shifts the neighbouring column. */
html[data-theme] body #teamAddOverlay .team-add-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:.75rem!important;
  row-gap:.75rem!important;
  align-items:start!important;
}
html[data-theme] body #teamAddOverlay .team-add-field{
  min-width:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:1.15rem 2.5rem minmax(.875rem,auto)!important;
  row-gap:.35rem!important;
  align-content:start!important;
}
html[data-theme] body #teamAddOverlay .team-add-field.full{
  grid-column:1/-1!important;
}
html[data-theme] body #teamAddOverlay .team-add-field>span:first-child{
  min-height:1.15rem!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  line-height:1.15rem!important;
}
html[data-theme] body #teamAddOverlay .team-add-input-wrap,
html[data-theme] body #teamAddOverlay #teamAddRoleDropdown,
html[data-theme] body #teamAddOverlay #teamAddRoleDropdown>.multi-select-trigger{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:2.5rem!important;
  min-height:2.5rem!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html[data-theme] body #teamAddOverlay .team-add-input-wrap>input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html[data-theme] body #teamAddOverlay #teamAddRoleDropdown>.multi-select-trigger{
  display:grid!important;
  align-items:center!important;
}
html[data-theme] body #teamAddOverlay .team-field-error{
  min-height:.875rem!important;
  margin:0!important;
  line-height:.875rem!important;
}
@media(max-width:38rem){
  html[data-theme] body #teamAddOverlay .team-add-form-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body #teamAddOverlay .team-add-field.full{
    grid-column:1!important;
  }
}

/* Compact Team rows: constrain the reading width and tighten only the
   icon-to-copy spacing, while retaining clear separation between columns. */
html[data-theme] body #view-team .team-row{
  width:min(100%,92rem)!important;
  min-width:64rem!important;
  margin-inline:auto!important;
  grid-template-columns:4.35rem minmax(11.5rem,1.35fr) repeat(4,minmax(8rem,.82fr)) 3.25rem!important;
  column-gap:.35rem!important;
}
html[data-theme] body #view-team .team-row+.team-row{
  margin-top:.5rem!important;
}
html[data-theme] body #view-team .team-meta{
  grid-template-columns:3.15rem minmax(0,1fr)!important;
  column-gap:.275rem!important;
  padding-left:.5rem!important;
}
html[data-theme] body #view-team .team-email{
  gap:.2rem!important;
}
html[data-theme] body #view-team .team-meta.role strong{
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:760!important;
}
html[data-theme] body #view-team .team-meta.role .team-meta-icon{
  color:#c8a9ff!important;
  background:rgba(117,75,185,.13)!important;
  border-color:rgba(167,127,230,.25)!important;
}
html[data-theme] body #view-team .team-meta.activity .team-meta-icon{
  color:#efbd68!important;
  background:rgba(173,111,30,.12)!important;
  border-color:rgba(222,160,70,.24)!important;
}

/* Team detail: identity lives in the header; the body starts with a compact,
   value-only summary and a stable permissions workspace. */
html[data-theme] body #teamDetailOverlay .team-detail-modal{
  width:min(58rem,calc(100vw - 1rem))!important;
  grid-template-rows:5rem minmax(0,1fr)!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-head{
  min-height:5rem!important;
  padding:.65rem 1rem!important;
  gap:1rem!important;
  border-bottom:1px solid var(--nx-frame-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 .55rem 1.25rem rgba(0,0,0,.08)!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-title{
  grid-template-columns:3.5rem minmax(0,1fr)!important;
  gap:.75rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-avatar{
  width:3.5rem!important;
  height:3.5rem!important;
  min-width:3.5rem!important;
  min-height:3.5rem!important;
  border-radius:1rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-avatar>svg{
  width:3.1rem!important;
  height:3.1rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-title strong{
  font-size:1.18rem!important;
  line-height:1.25!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-title div>span{
  margin-top:.2rem!important;
  font-size:.88rem!important;
  line-height:1.3!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-close{
  width:3rem!important;
  height:3rem!important;
  min-width:3rem!important;
  min-height:3rem!important;
  border-radius:.85rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-close>svg{
  width:2.7rem!important;
  height:2.7rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-body{
  padding:1rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid{
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.65rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid>.team-detail-info-card{
  min-width:0!important;
  min-height:4.5rem!important;
  padding:.65rem .75rem!important;
  display:grid!important;
  grid-template-columns:2.8rem minmax(0,1fr)!important;
  gap:.4rem!important;
  align-items:center!important;
  border-radius:.8rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid>.email-card{
  grid-column:1/-1!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid .team-detail-info-icon{
  position:static!important;
  width:2.8rem!important;
  height:2.8rem!important;
  min-width:2.8rem!important;
  min-height:2.8rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid .team-detail-info-icon>svg{
  width:2.55rem!important;
  height:2.55rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-summary-grid>.team-detail-info-card>strong{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.95rem!important;
  line-height:1.3!important;
  font-weight:740!important;
}
html[data-theme] body #teamDetailOverlay .team-permissions-section{
  margin-top:.85rem!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-section-head{
  min-height:4rem!important;
  padding:.45rem .15rem .7rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-section-head>strong{
  margin:0!important;
  font-size:1.25rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-head-counts{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.5rem!important;
}
html[data-theme] body #teamDetailOverlay .team-detail-section-head .team-permission-count-card{
  min-width:6.6rem!important;
  min-height:2.75rem!important;
  height:2.75rem!important;
  padding:0 .7rem!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.7rem!important;
  border-radius:.75rem!important;
  box-sizing:border-box!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-count-card small{
  position:static!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
  font-size:.78rem!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-count-card strong{
  position:static!important;
  width:auto!important;
  margin:0!important;
  font-size:1.15rem!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.02em!important;
}
@media(max-width:45rem){
  html[data-theme] body #teamDetailOverlay .team-detail-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:32rem){
  html[data-theme] body #teamDetailOverlay .team-detail-summary-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body #teamDetailOverlay .team-detail-summary-grid>.email-card{
    grid-column:1!important;
  }
  html[data-theme] body #teamDetailOverlay .team-permission-section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  html[data-theme] body #teamDetailOverlay .team-permission-head-counts{
    width:100%!important;
  }
  html[data-theme] body #teamDetailOverlay .team-detail-section-head .team-permission-count-card{
    flex:1 1 0!important;
    min-width:0!important;
  }
}

/* Team list uses the full toolbar width. Rows stay dense vertically without
   squeezing or truncating their value columns. */
html[data-theme] body #view-team .team-list{
  width:100%!important;
  max-width:none!important;
}
html[data-theme] body #view-team .team-row{
  width:100%!important;
  max-width:none!important;
  min-height:5.15rem!important;
  margin-inline:0!important;
  padding:.35rem .6rem!important;
  grid-template-columns:3.6rem minmax(11.5rem,1.45fr) repeat(4,minmax(8rem,.78fr)) 2.75rem!important;
  column-gap:.35rem!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-team .team-row+.team-row{
  margin-top:.45rem!important;
}
html[data-theme] body #view-team .team-avatar{
  width:3.6rem!important;
  height:3.6rem!important;
  min-width:3.6rem!important;
  min-height:3.6rem!important;
}
html[data-theme] body #view-team .team-email{
  margin-top:.2rem!important;
}
html[data-theme] body #view-team .team-email>svg{
  width:1.1rem!important;
  height:1.1rem!important;
  flex-basis:1.1rem!important;
}
html[data-theme] body #view-team .team-meta{
  min-height:3.6rem!important;
  grid-template-columns:2.65rem minmax(0,1fr)!important;
  column-gap:.275rem!important;
  padding-left:.45rem!important;
}
html[data-theme] body #view-team .team-meta-icon{
  width:2.65rem!important;
  height:2.65rem!important;
  min-width:2.65rem!important;
  min-height:2.65rem!important;
}
html[data-theme] body #view-team .team-row-open{
  width:2.75rem!important;
  height:2.75rem!important;
  min-width:2.75rem!important;
  min-height:2.75rem!important;
}

/* Permission choices: only the dedicated checkbox toggles access. Folder and
   status icons remain presentation, without nested tile borders. */
html[data-theme] body #teamDetailOverlay .team-permission-section-head{
  padding-left:.8rem!important;
  padding-right:.8rem!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-option{
  min-height:4.5rem!important;
  grid-template-columns:2.2rem 2.9rem minmax(0,1fr) auto!important;
  gap:.45rem!important;
  cursor:default!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-option:hover{
  transform:none!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle{
  position:relative!important;
  width:2.2rem!important;
  height:2.2rem!important;
  min-width:2.2rem!important;
  min-height:2.2rem!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-option.readonly .team-permission-toggle{
  cursor:default!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle>input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-check{
  width:2.05rem!important;
  height:2.05rem!important;
  min-width:2.05rem!important;
  min-height:2.05rem!important;
  border:1.5px solid var(--nx-ui-line-strong)!important;
  border-radius:.55rem!important;
  color:transparent!important;
  background:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-check>svg{
  width:1.7rem!important;
  height:1.7rem!important;
  opacity:0!important;
  transform:scale(.72)!important;
  transition:opacity .14s ease,transform .14s ease!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle>input:checked+.team-permission-check{
  border-color:rgba(73,193,132,.72)!important;
  background:rgba(69,190,129,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px rgba(70,192,132,.07)!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle>input:checked+.team-permission-check>svg{
  opacity:1!important;
  transform:scale(1)!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle:focus-within .team-permission-check{
  outline:2px solid rgba(145,103,225,.7)!important;
  outline-offset:2px!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-folder{
  width:2.9rem!important;
  height:2.9rem!important;
  min-width:2.9rem!important;
  min-height:2.9rem!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-folder>svg{
  width:2.85rem!important;
  height:2.85rem!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-ready{
  min-height:2rem!important;
  padding:0 .65rem!important;
  gap:.28rem!important;
  font-size:.8rem!important;
  line-height:1!important;
  font-weight:760!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-ready>svg{
  width:1.4rem!important;
  height:1.4rem!important;
}

/* Processing follows the shared search-first toolbar contract. */
html[data-theme] body #view-processing .nx-page-title:not(:has(>p))>h1{
  transform:translateY(-.5rem)!important;
}
html[data-theme] body #view-processing .processing-filter-search-row{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(8.5rem,10.5rem)!important;
  align-items:center!important;
  gap:.65rem!important;
  padding:.65rem!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-processing .processing-search-field{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
html[data-theme] body #view-processing .processing-search-field,
html[data-theme] body #view-processing .processing-search-field>input,
html[data-theme] body #view-processing #processingStateDropdown,
html[data-theme] body #view-processing #processingStateDropdown>.multi-select-trigger{
  height:2.75rem!important;
  min-height:2.75rem!important;
  box-sizing:border-box!important;
}
html[data-theme] body #view-processing #processingStateDropdown{
  grid-column:2!important;
  grid-row:1!important;
  width:10.5rem!important;
  min-width:8.5rem!important;
  max-width:10.5rem!important;
  justify-self:end!important;
}
html[data-theme] body #view-processing #processingStateDropdown>.multi-select-trigger,
html[data-theme] body #view-processing #processingStateDropdown>.multi-select-menu{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
html[data-theme] body #view-processing #processingStateDropdown>.multi-select-trigger{
  padding-inline:.75rem .55rem!important;
  border-radius:.65rem!important;
}
@container nexus-main (max-width:42rem){
  html[data-theme] body #view-processing .processing-filter-search-row{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html[data-theme] body #view-processing .processing-search-field{
    grid-column:1!important;
    grid-row:1!important;
  }
  html[data-theme] body #view-processing #processingStateDropdown{
    grid-column:1!important;
    grid-row:2!important;
    width:min(10.5rem,100%)!important;
    min-width:0!important;
    justify-self:end!important;
  }
}
@container nexus-main (max-width:28rem){
  html[data-theme] body #view-processing #processingStateDropdown{
    width:100%!important;
    max-width:none!important;
  }
}

/* Keep the native permission checkbox accessible but fully outside the visual
   layout. This prevents its text caret/native edge appearing beside the custom
   square while focus and keyboard toggling continue to work. */
html[data-theme] body #teamDetailOverlay .team-permission-toggle>input[type="checkbox"]{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:0!important;
  caret-color:transparent!important;
  pointer-events:none!important;
}
html[data-theme] body #teamDetailOverlay .team-permission-toggle,
html[data-theme] body #teamDetailOverlay .team-permission-check{
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* Processing search icon shares the input's true vertical centre instead of
   inheriting the legacy fixed top offset from the 35px search field. */
html[data-theme] body #view-processing .processing-search-field{
  position:relative!important;
}
html[data-theme] body #view-processing .processing-search-field>svg{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  left:.6rem!important;
  width:2rem!important;
  height:2rem!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
html[data-theme] body #view-processing .processing-search-field>input{
  padding-left:2.85rem!important;
}

/* Settings / General — a clear two-section information hierarchy. The page
   title has no subtitle, so it uses one true row instead of inheriting the
   two-row title grid that visually pushed the word below its gear. */
html[data-theme] body #view-settings>.page-head{
  min-height:3.6rem!important;
  align-items:center!important;
  margin-bottom:1rem!important;
}
html[data-theme] body #view-settings .nx-page-title{
  min-height:3.35rem!important;
  grid-template-columns:3.35rem minmax(0,1fr)!important;
  grid-template-rows:3.35rem!important;
  grid-template-areas:"icon title"!important;
  column-gap:.8rem!important;
  align-items:center!important;
}
html[data-theme] body #view-settings .nx-page-title>.page-head-icon{
  width:3.35rem!important;
  height:3.35rem!important;
  min-width:3.35rem!important;
  min-height:3.35rem!important;
  max-width:3.35rem!important;
  max-height:3.35rem!important;
  flex-basis:3.35rem!important;
  align-self:center!important;
  transform:none!important;
}
html[data-theme] body #view-settings .nx-page-title>h1{
  align-self:center!important;
  margin:0!important;
  line-height:1!important;
  transform:translateY(-.05rem)!important;
}

html[data-theme] body #view-settings .settings-panel{
  overflow:hidden!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:1rem!important;
  box-shadow:0 .8rem 2.2rem rgba(0,0,0,.12)!important;
}
html[data-theme] body #view-settings .settings-general{
  min-width:0!important;
}
html[data-theme] body #view-settings .settings-general>.settings-head{
  min-height:4rem!important;
  padding:1.05rem 1.25rem!important;
  display:flex!important;
  align-items:center!important;
  border-bottom-width:1px!important;
  border-bottom-style:solid!important;
}
html[data-theme] body #view-settings .settings-general>.settings-head h3{
  margin:0!important;
  font-size:var(--type-section-title)!important;
  line-height:var(--leading-compact)!important;
  font-weight:700!important;
  letter-spacing:normal!important;
}
html[data-theme] body #view-settings .settings-general>.settings-head p{
  margin:.3rem 0 0!important;
  font-size:.76rem!important;
  line-height:1.45!important;
}
html[data-theme] body #view-settings .settings-general-body{
  padding:1rem!important;
  display:grid!important;
  gap:.9rem!important;
}
html[data-theme] body #view-settings .settings-general-card{
  min-width:0!important;
  margin:0!important;
  padding:1rem 1.05rem!important;
  border:1px solid!important;
  border-radius:.85rem!important;
  overflow:hidden!important;
}
html[data-theme] body #view-settings .theme-setting-row{
  min-height:5.6rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
}
html[data-theme] body #view-settings .settings-section-heading{
  padding-bottom:.9rem!important;
  margin-bottom:.9rem!important;
  border-bottom:1px solid!important;
}
html[data-theme] body #view-settings .settings-section-identity{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:3rem minmax(0,1fr)!important;
  align-items:center!important;
  gap:.85rem!important;
}
html[data-theme] body #view-settings .settings-section-icon{
  width:3rem!important;
  height:3rem!important;
  min-width:3rem!important;
  min-height:3rem!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body #view-settings .settings-section-icon>svg{
  width:2.7rem!important;
  height:2.7rem!important;
  min-width:2.7rem!important;
  min-height:2.7rem!important;
  display:block!important;
}
html[data-theme] body #view-settings .settings-section-copy{
  min-width:0!important;
  display:grid!important;
  align-content:center!important;
  gap:.25rem!important;
}
html[data-theme] body #view-settings .settings-section-copy>strong,
html[data-theme] body #view-settings .settings-password-copy>strong{
  margin:0!important;
  font-size:.9rem!important;
  line-height:1.2!important;
  font-weight:760!important;
}
html[data-theme] body #view-settings .settings-section-copy>small,
html[data-theme] body #view-settings .settings-password-copy>small{
  margin:0!important;
  font-size:.72rem!important;
  line-height:1.45!important;
  font-weight:560!important;
}

/* The visible theme name and its glass glyph form one control, with both
   pieces sharing the same vertical centre. */
html[data-theme] body #view-settings .theme-switcher{
  width:3.1rem!important;
  min-width:3.1rem!important;
  height:3.1rem!important;
  min-height:3.1rem!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:3.1rem!important;
  align-items:center!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body #view-settings .theme-switcher::before{
  content:none!important;
  display:none!important;
}
html[data-theme] body #view-settings .theme-setting-row .theme-choice.nx-icon-only{
  width:3.1rem!important;
  height:3.1rem!important;
  min-width:3.1rem!important;
  min-height:3.1rem!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  place-self:center!important;
}
html[data-theme] body #view-settings .theme-setting-row .theme-choice.nx-icon-only:is(:hover,:active,[aria-pressed="true"]){
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme] body #view-settings .theme-setting-row .theme-choice.nx-icon-only>svg{
  width:2.9rem!important;
  height:2.9rem!important;
  display:block!important;
}

html[data-theme] body #view-settings .settings-password-form{
  margin:0!important;
}
html[data-theme] body #view-settings .settings-password-fields{
  gap:.85rem!important;
}
html[data-theme] body #view-settings .settings-password .team-add-field>span:first-child{
  min-height:1.1rem!important;
  margin:0 0 .4rem!important;
  display:flex!important;
  align-items:center!important;
  font-size:.72rem!important;
  line-height:1.1rem!important;
  font-weight:680!important;
}
html[data-theme] body #view-settings .settings-password .team-add-input-wrap>input{
  height:2.75rem!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:.7rem!important;
  font-size:.78rem!important;
}
html[data-theme] body #view-settings .settings-password .team-add-input-wrap>input:focus{
  outline:0!important;
}
html[data-theme] body #view-settings .settings-password-actions{
  min-height:3rem!important;
  margin-top:.65rem!important;
}
html[data-theme] body #view-settings #settingsPasswordSubmit{
  min-height:2.65rem!important;
  padding:.55rem 1rem!important;
  border-radius:.7rem!important;
  color:#fff!important;
  background:linear-gradient(135deg,#7550d7,#536fcb)!important;
  border-color:rgba(169,146,235,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 .4rem 1rem rgba(64,51,139,.2)!important;
}
html[data-theme] body #view-settings #settingsPasswordSubmit:hover:not(:disabled){
  background:linear-gradient(135deg,#8460e2,#5d7bd8)!important;
  border-color:rgba(196,177,248,.86)!important;
  transform:translateY(-1px)!important;
}

html[data-theme="dark"] body #view-settings .settings-panel{
  border-color:#31536c!important;
  background:#08141e!important;
}
html[data-theme="dark"] body #view-settings .settings-general>.settings-head{
  border-bottom-color:#29475c!important;
  background:linear-gradient(110deg,rgba(49,38,94,.58),rgba(12,31,45,.94) 58%)!important;
}
html[data-theme="dark"] body #view-settings .settings-general>.settings-head h3{color:#f4f7fb!important}
html[data-theme="dark"] body #view-settings .settings-general>.settings-head p{color:#9fb1c2!important}
html[data-theme="dark"] body #view-settings .settings-general-body{
  background:radial-gradient(circle at 95% 0,rgba(63,115,163,.11),transparent 35%),#07121b!important;
}
html[data-theme="dark"] body #view-settings .settings-general-card{
  border-color:#29475d!important;
  background:linear-gradient(145deg,rgba(15,32,46,.98),rgba(9,23,34,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 .45rem 1.2rem rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] body #view-settings .theme-setting-row{border-color:#4a4274!important}
html[data-theme="dark"] body #view-settings .settings-section-heading{border-bottom-color:#26445a!important}
html[data-theme="dark"] body #view-settings .settings-section-copy>strong{color:#eff5fa!important}
html[data-theme="dark"] body #view-settings .settings-section-copy>small{color:#91a5b7!important}
html[data-theme="dark"] body #view-settings .settings-section-icon{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #view-settings .settings-section-icon.appearance{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #view-settings .theme-switcher{
  color:#e8eef5!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #view-settings .settings-password .team-add-field>span:first-child{color:#aab9c7!important}
html[data-theme="dark"] body #view-settings .settings-password .team-add-input-wrap>input{
  color:#eef4f9!important;
  border-color:#36536a!important;
  background:#07131d!important;
}
html[data-theme="dark"] body #view-settings .settings-password .team-add-input-wrap>input:hover{border-color:#50708a!important}
html[data-theme="dark"] body #view-settings .settings-password .team-add-input-wrap>input:focus{
  border-color:#8466c4!important;
  box-shadow:0 0 0 3px rgba(121,83,197,.15)!important;
}

html[data-theme="light"] body #view-settings .settings-panel{
  border-color:#aac9df!important;
  background:#f7fbfe!important;
  box-shadow:0 .8rem 2rem rgba(42,76,104,.1)!important;
}
html[data-theme="light"] body #view-settings .settings-general>.settings-head{
  border-bottom-color:#cbdde9!important;
  background:linear-gradient(110deg,#f0eafb,#f7fbfe 58%)!important;
}
html[data-theme="light"] body #view-settings .settings-general>.settings-head h3{color:#182a3d!important}
html[data-theme="light"] body #view-settings .settings-general>.settings-head p{color:#657a8e!important}
html[data-theme="light"] body #view-settings .settings-general-body{
  background:radial-gradient(circle at 95% 0,rgba(91,157,204,.1),transparent 34%),#edf5fa!important;
}
html[data-theme="light"] body #view-settings .settings-general-card{
  border-color:#c6dbe9!important;
  background:linear-gradient(145deg,#fff,#f7fbfe)!important;
  box-shadow:inset 0 1px 0 #fff,0 .4rem 1.1rem rgba(51,86,115,.07)!important;
}
html[data-theme="light"] body #view-settings .theme-setting-row{border-color:#c9bce6!important}
html[data-theme="light"] body #view-settings .settings-section-heading{border-bottom-color:#d6e3ec!important}
html[data-theme="light"] body #view-settings .settings-section-copy>strong{color:#1b2d40!important}
html[data-theme="light"] body #view-settings .settings-section-copy>small{color:#667c90!important}
html[data-theme="light"] body #view-settings .settings-section-icon{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body #view-settings .settings-section-icon.appearance{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body #view-settings .theme-switcher{
  color:#30475c!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] body #view-settings .settings-password .team-add-field>span:first-child{color:#50677b!important}
html[data-theme="light"] body #view-settings .settings-password .team-add-input-wrap>input{
  color:#1f3347!important;
  border-color:#b8cedf!important;
  background:#fff!important;
}
html[data-theme="light"] body #view-settings .settings-password .team-add-input-wrap>input:hover{border-color:#8fb2ca!important}
html[data-theme="light"] body #view-settings .settings-password .team-add-input-wrap>input:focus{
  border-color:#8061be!important;
  box-shadow:0 0 0 3px rgba(116,78,186,.12)!important;
}

@media(max-width:900px){
  html[data-theme] body #view-settings .theme-setting-row{
    align-items:center!important;
    flex-wrap:wrap!important;
  }
  html[data-theme] body #view-settings .theme-switcher{
    margin-left:auto!important;
  }
}
@media(max-width:560px){
  html[data-theme] body #view-settings .settings-general-body{padding:.7rem!important}
  html[data-theme] body #view-settings .settings-general-card{padding:.85rem!important}
  html[data-theme] body #view-settings .theme-switcher{
    width:3.1rem!important;
    margin-left:0!important;
  }
}

/* Settings navigation — the selected category must remain unmistakable even
   when the pointer is elsewhere. A bright leading rail separates selection
   from the full-row hover treatment used by inactive categories. */
html[data-theme] body #view-settings .settings-nav .settings-tab.active{
  position:relative!important;
  border-radius:9px!important;
  font-weight:600!important;
}
html[data-theme="dark"] body #view-settings .settings-nav .settings-tab.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(113,45,207,.6),rgba(86,30,154,.36))!important;
  box-shadow:inset 0 0 0 1px rgba(152,76,255,.12)!important;
}
html[data-theme="dark"] body #view-settings .settings-nav .settings-tab.active:is(:hover,:focus-visible){
  background:linear-gradient(90deg,rgba(126,53,222,.82),rgba(91,35,166,.62))!important;
  box-shadow:inset 0 0 0 1px rgba(191,128,255,.42),0 0 1.15rem rgba(126,55,218,.24)!important;
}
html[data-theme="light"] body #view-settings .settings-nav .settings-tab.active{
  color:#5331a7!important;
  background:linear-gradient(145deg,#eee8ff,#e5dcfb)!important;
  box-shadow:inset 0 0 0 1px #d6c8f4!important;
}
html[data-theme="light"] body #view-settings .settings-nav .settings-tab.active:is(:hover,:focus-visible){
  color:#47258f!important;
  background:linear-gradient(100deg,#e5d9fb,#dcebf7)!important;
  box-shadow:inset 0 0 0 1px #b397df,0 .35rem 1rem rgba(91,59,151,.14)!important;
}
html[data-theme] body #view-settings .settings-nav .settings-tab.active .settings-tab-icon{
  filter:none!important;
}

/* Settings / Storage — single-line card titles sit on the same optical centre
   as their glass icons, and both real storage roots remain readable in full. */
html[data-theme] body #view-settings .proxy-resolution-card{
  align-items:center!important;
}
html[data-theme] body #view-settings .proxy-storage-card-copy,
html[data-theme] body #view-settings .proxy-storage-card-title>div:last-child{
  min-height:3rem!important;
  display:flex!important;
  align-items:center!important;
}
html[data-theme] body #view-settings .proxy-storage-card-copy>strong,
html[data-theme] body #view-settings .proxy-storage-card-title>div:last-child>strong{
  margin:0!important;
  font-size:.92rem!important;
  line-height:1.25!important;
}
html[data-theme] body #view-settings .proxy-storage-paths{
  gap:.65rem!important;
}
html[data-theme] body #view-settings .proxy-storage-path-row{
  min-height:3.5rem!important;
  grid-template-columns:minmax(10.5rem,auto) minmax(0,1fr)!important;
  gap:1rem!important;
  padding:.8rem 1rem!important;
}
html[data-theme] body #view-settings .proxy-storage-path-row>span{
  margin:0!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:720!important;
}
html[data-theme] body #view-settings .proxy-storage-path-row>code{
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:.82rem!important;
  line-height:1.5!important;
  font-weight:580!important;
}
@media(max-width:760px){
  html[data-theme] body #view-settings .proxy-storage-path-row{
    grid-template-columns:minmax(0,1fr)!important;
    gap:.35rem!important;
  }
}

/* Media details / Proxy
   Keep the ready rendition as a compact fact strip. The previous glass-icon
   minimums turned two short values into a tall, full-width block and allowed
   pale semantic colours to wash out against the Light theme surface. */
.media-proxy-section>.meta-section-head{
  min-height:3.35rem!important;
}
.media-proxy-section>.meta-section-body{
  padding:.7rem .85rem .8rem!important;
}
.media-proxy-section .media-proxy-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(7.5rem,9.75rem))!important;
  justify-content:start!important;
  gap:.55rem!important;
  margin:0!important;
}
.media-proxy-section .media-proxy-facts>span{
  min-width:0!important;
  min-height:3.35rem!important;
  padding:.35rem .6rem!important;
  display:grid!important;
  grid-template-columns:2.25rem minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:.45rem!important;
}
.media-proxy-section .media-proxy-fact-icon{
  width:2.25rem!important;
  height:2.25rem!important;
}
.media-proxy-section .media-proxy-fact-icon>svg{
  width:2.1rem!important;
  height:2.1rem!important;
}
.media-proxy-section .media-proxy-facts>span>strong{
  margin:0!important;
  overflow:visible!important;
  color:#e9f2f8!important;
  font-size:.92rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-overflow:clip!important;
}

html[data-theme="light"] body .media-proxy-section .media-proxy-facts>span{
  border-color:#b8ccd9!important;
  background:linear-gradient(145deg,#fff,#edf5f9)!important;
  box-shadow:inset 0 1px 0 #fff,0 .2rem .55rem rgba(35,71,94,.08)!important;
}
html[data-theme="light"] body .media-proxy-section .media-proxy-facts>span:first-child>strong{
  color:#125f87!important;
}
html[data-theme="light"] body .media-proxy-section .media-proxy-facts>span:nth-child(2)>strong{
  color:#543988!important;
}
html[data-theme="light"] body .media-proxy-section>.meta-section-head>.status.green{
  color:#125f36!important;
  border:1px solid #83c69b!important;
  background:#e0f4e7!important;
  font-weight:800!important;
}

/* Original is a protected source state, so both its header badge and the
   repeated information tile use a dark accessible green on Light surfaces. */
html[data-theme="light"] body .media-information-section .media-status-pill.original.available{
  color:#0d6536!important;
  border-color:#74bb8e!important;
  background:#def3e6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-weight:820!important;
}
html[data-theme="light"] body .media-information-section .media-original-state.original.available .meta-item-copy>strong{
  color:#145f38!important;
  font-weight:800!important;
}
html[data-theme="light"] body .media-information-section .media-original-state.original.available .meta-item-copy>span{
  color:#416d54!important;
  font-weight:650!important;
}
html[data-theme="light"] body .media-information-section .media-original-state.original.available .meta-item-icon{
  border-color:#8dc8a3!important;
  background:linear-gradient(145deg,#e8f7ed,#d8f0e1)!important;
}

@media(max-width:520px){
  .media-proxy-section .media-proxy-facts{
    grid-template-columns:repeat(2,minmax(0,8.5rem))!important;
  }
}
@media(max-width:400px){
  .media-proxy-section .media-proxy-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Media view selection is carried by the glass glyph itself. Removing the
   nested square tiles makes both modes legible in Dark and Light themes. */
html[data-theme] body #view-media .media-view-toggle{
  height:3.25rem!important;
  display:grid!important;
  grid-template-columns:repeat(2,3rem)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.35rem!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-theme] body #view-media .media-view-toggle>button,
html[data-theme] body #view-media .media-view-toggle>button:is(:hover,:active,.active,[aria-pressed="true"]){
  width:3rem!important;
  min-width:3rem!important;
  height:3rem!important;
  min-height:3rem!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-theme] body #view-media .media-view-toggle>button>svg{
  width:2.85rem!important;
  height:2.85rem!important;
  opacity:.72!important;
  filter:saturate(.9) brightness(.95)!important;
  transition:opacity .16s ease,filter .16s ease,transform .16s ease!important;
}
html[data-theme] body #view-media .media-view-toggle>button:hover:not(:disabled):not([aria-disabled="true"])>svg{
  opacity:1!important;
  filter:saturate(1.15) brightness(1.12) drop-shadow(0 0 .42rem rgba(73,167,216,.3))!important;
}
html[data-theme] body #view-media .media-view-toggle>button:is(.active,[aria-pressed="true"])>svg{
  opacity:1!important;
  filter:saturate(1.3) brightness(1.28) drop-shadow(0 0 .5rem rgba(73,167,216,.42))!important;
  transform:scale(1.05)!important;
}
html[data-theme="light"] body #view-media .media-view-toggle>button>svg{
  opacity:.78!important;
  filter:saturate(1.05) contrast(1.08)!important;
}
html[data-theme="light"] body #view-media .media-view-toggle>button:is(:hover:not(:disabled):not([aria-disabled="true"]),.active,[aria-pressed="true"])>svg{
  opacity:1!important;
  filter:saturate(1.35) contrast(1.16) brightness(.92) drop-shadow(0 0 .38rem rgba(30,119,165,.28))!important;
}

/* Settings / Logs — a bounded support surface, not a raw server console. */
html[data-theme] body #view-settings .settings-logs-head{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 20px!important;
  background:linear-gradient(180deg,rgba(15,25,35,.98),rgba(12,21,30,.98))!important;
}
html[data-theme] body #view-settings .settings-logs-dashboard{
  padding:18px!important;
  background:radial-gradient(circle at 88% -15%,rgba(34,173,212,.11),transparent 36%),#09121a!important;
}
html[data-theme] body #view-settings .settings-logs-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:154px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:24px 26px!important;
  border:1px solid #276078!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(12,49,64,.96),rgba(8,24,34,.99) 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 14px 32px rgba(0,0,0,.18)!important;
}
html[data-theme] body #view-settings .settings-logs-card::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  right:-50px!important;
  top:-86px!important;
  width:280px!important;
  height:240px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(59,203,235,.19),transparent 68%)!important;
  pointer-events:none!important;
}
html[data-theme] body #view-settings .settings-logs-identity{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
}
html[data-theme] body #view-settings .settings-logs-icon{
  width:62px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  color:#67dfff!important;
}
html[data-theme] body #view-settings .settings-logs-icon>svg{
  width:60px!important;
  height:60px!important;
}
html[data-theme] body #view-settings .settings-logs-copy{min-width:0!important}
html[data-theme] body #view-settings .settings-logs-copy>span{
  display:block!important;
  margin-bottom:6px!important;
  color:#83cfe4!important;
  font-size:12px!important;
  font-weight:820!important;
  line-height:1!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
html[data-theme] body #view-settings .settings-logs-copy>strong{
  display:block!important;
  color:#f1f8fc!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
html[data-theme] body #view-settings .settings-logs-copy>p{
  max-width:680px!important;
  margin:5px 0 0!important;
  color:#a6bac8!important;
  font-size:14px!important;
  font-weight:560!important;
  line-height:1.5!important;
}
html[data-theme] body #view-settings .settings-logs-actions{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
}
html[data-theme] body #view-settings .settings-logs-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
html[data-theme] body #view-settings .settings-logs-action{
  min-width:156px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:780!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
html[data-theme] body #view-settings .settings-logs-download{
  border:1px solid #3a8aa6!important;
  color:#f3fbff!important;
  background:linear-gradient(180deg,#167b9c,#0f5a76)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(1,18,27,.25)!important;
}
html[data-theme] body #view-settings .settings-logs-clear{
  border:1px solid #a84a59!important;
  color:#ffdbe0!important;
  background:linear-gradient(180deg,#72303c,#4d2029)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(1,18,27,.2)!important;
}
html[data-theme] body #view-settings .settings-logs-action>svg{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
}
html[data-theme] body #view-settings .settings-logs-action:hover:not(:disabled){
  transform:translateY(-1px)!important;
  filter:brightness(1.1)!important;
}
html[data-theme] body #view-settings .settings-logs-download:hover:not(:disabled){
  border-color:#75ddfa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 11px 25px rgba(1,18,27,.32)!important;
}
html[data-theme] body #view-settings .settings-logs-clear:hover:not(:disabled){
  border-color:#ef8190!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 11px 25px rgba(35,4,10,.3)!important;
}
html[data-theme] body #view-settings .settings-logs-action:focus-visible{
  outline:3px solid rgba(89,211,246,.32)!important;
  outline-offset:3px!important;
}
html[data-theme] body #view-settings .settings-logs-action:disabled{opacity:.48!important;cursor:not-allowed!important;filter:none!important;transform:none!important}
html[data-theme] body #view-settings .settings-logs-actions>small{
  max-width:none!important;
  color:#8fa8b8!important;
  font-size:12px!important;
  font-weight:560!important;
  line-height:1.4!important;
  text-align:right!important;
}
html[data-theme] body #view-settings .settings-logs-facts{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
html[data-theme] body #view-settings .settings-logs-facts>div{
  min-width:0!important;
  min-height:70px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  padding:12px 14px!important;
  border:1px solid #233e4e!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(16,34,45,.94),rgba(10,25,34,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme] body #view-settings .settings-logs-facts span{
  color:#8299aa!important;
  font-size:11px!important;
  font-weight:780!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html[data-theme] body #view-settings .settings-logs-facts strong{
  overflow:hidden!important;
  color:#e8f4f9!important;
  font-size:15px!important;
  font-weight:780!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-theme] body #view-settings .settings-logs-error{
  margin-top:10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(234,83,101,.34)!important;
  border-radius:9px!important;
  color:#ff9aa5!important;
  background:rgba(126,35,48,.15)!important;
  font-size:13px!important;
  font-weight:650!important;
}

html[data-theme] body #view-settings .settings-logs-confirm-overlay{
  position:fixed!important;
  z-index:1300!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(1,8,13,.68)!important;
  backdrop-filter:blur(8px)!important;
}
html[data-theme] body #view-settings .settings-logs-confirm{
  width:min(460px,100%)!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:14px 16px!important;
  padding:22px!important;
  border:1px solid #87414d!important;
  border-radius:16px!important;
  color:#edf6fa!important;
  background:linear-gradient(145deg,#172532,#101b25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 70px rgba(0,0,0,.45)!important;
}
html[data-theme] body #view-settings .settings-logs-confirm-icon{
  grid-row:1 / span 2!important;
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
}
html[data-theme] body #view-settings .settings-logs-confirm-icon>svg{width:48px!important;height:48px!important}
html[data-theme] body #view-settings .settings-logs-confirm-copy>strong{display:block!important;font-size:18px!important;line-height:1.25!important}
html[data-theme] body #view-settings .settings-logs-confirm-copy>p{margin:7px 0 0!important;color:#adc0cc!important;font-size:13.5px!important;line-height:1.5!important}
html[data-theme] body #view-settings .settings-logs-confirm-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:4px!important;
}
html[data-theme] body #view-settings .settings-logs-confirm-actions>button{
  min-width:112px!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
html[data-theme] body #view-settings .settings-logs-confirm-cancel{border:1px solid #486171!important;color:#d9e5eb!important;background:#172936!important}
html[data-theme] body #view-settings .settings-logs-confirm-accept{border:1px solid #c55b6a!important;color:#fff!important;background:linear-gradient(180deg,#ad4253,#832f3e)!important}
html[data-theme] body #view-settings .settings-logs-confirm-actions>button:disabled{opacity:.55!important;cursor:wait!important}

html[data-theme="light"] body #view-settings .settings-logs-head{
  background:linear-gradient(180deg,#fff,#f5f9fc)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-dashboard{
  background:radial-gradient(circle at 88% -15%,rgba(40,165,203,.12),transparent 37%),#edf5f9!important;
}
html[data-theme="light"] body #view-settings .settings-logs-card{
  border-color:#76b8ce!important;
  background:linear-gradient(135deg,#f8fdff,#e7f5fa 74%)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(37,91,116,.11)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-copy>span{color:#167598!important}
html[data-theme="light"] body #view-settings .settings-logs-copy>strong{color:#16364a!important}
html[data-theme="light"] body #view-settings .settings-logs-copy>p{color:#4e6b7d!important}
html[data-theme="light"] body #view-settings .settings-logs-actions>small{color:#587487!important}
html[data-theme="light"] body #view-settings .settings-logs-download{
  border-color:#167ea3!important;
  color:#fff!important;
  background:linear-gradient(180deg,#1a91ba,#116f94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 18px rgba(29,111,143,.2)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-clear{
  border-color:#c75967!important;
  color:#fff!important;
  background:linear-gradient(180deg,#d95d6e,#b94051)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 7px 18px rgba(157,42,58,.16)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-facts>div{
  border-color:#b7cfdb!important;
  background:linear-gradient(145deg,#fff,#edf6fa)!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 9px rgba(37,91,116,.06)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-facts span{color:#567387!important}
html[data-theme="light"] body #view-settings .settings-logs-facts strong{color:#183b50!important}
html[data-theme="light"] body #view-settings .settings-logs-error{
  border-color:#e2a1a8!important;
  color:#9a2635!important;
  background:#fff0f2!important;
}
html[data-theme="light"] body #view-settings .settings-logs-confirm-overlay{background:rgba(25,47,60,.42)!important}
html[data-theme="light"] body #view-settings .settings-logs-confirm{
  border-color:#d78a96!important;
  color:#18384a!important;
  background:linear-gradient(145deg,#fff,#f4f9fc)!important;
  box-shadow:inset 0 1px 0 #fff,0 24px 65px rgba(39,70,88,.24)!important;
}
html[data-theme="light"] body #view-settings .settings-logs-confirm-copy>p{color:#587183!important}
html[data-theme="light"] body #view-settings .settings-logs-confirm-cancel{border-color:#aec6d2!important;color:#26485c!important;background:#edf5f9!important}

@media(max-width:760px){
  html[data-theme] body #view-settings .settings-logs-card{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:20px!important;
  }
  html[data-theme] body #view-settings .settings-logs-actions{align-items:flex-start!important}
  html[data-theme] body #view-settings .settings-logs-actions>small{text-align:left!important}
  html[data-theme] body #view-settings .settings-logs-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  html[data-theme] body #view-settings .settings-logs-dashboard{padding:12px!important}
  html[data-theme] body #view-settings .settings-logs-identity{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}
  html[data-theme] body #view-settings .settings-logs-icon,
  html[data-theme] body #view-settings .settings-logs-icon>svg{width:50px!important;height:50px!important}
  html[data-theme] body #view-settings .settings-logs-buttons{width:100%!important;flex-direction:column!important}
  html[data-theme] body #view-settings .settings-logs-action{width:100%!important}
  html[data-theme] body #view-settings .settings-logs-facts{grid-template-columns:1fr!important}
}

/* Processing status details are an icon action, not another status badge. */
html[data-theme] body #view-processing .processing-status-message,
html[data-theme] body #view-processing .processing-status-message:is(:hover,:active,[aria-expanded="true"]),
html[data-theme="light"] body #view-processing .processing-status-message,
html[data-theme="light"] body #view-processing .processing-status-message:is(:hover,:active,[aria-expanded="true"]){
  width:2.15rem!important;
  min-width:2.15rem!important;
  height:2.15rem!important;
  min-height:2.15rem!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:#ff6578!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
}
html[data-theme] body #view-processing .processing-status-message>svg{
  width:2.05rem!important;
  height:2.05rem!important;
  margin:0!important;
  opacity:.92!important;
  transition:opacity .15s ease,filter .15s ease,transform .15s ease!important;
}
html[data-theme] body #view-processing .processing-status-message:hover>svg,
html[data-theme] body #view-processing .processing-status-message[aria-expanded="true"]>svg{
  opacity:1!important;
  filter:saturate(1.15) brightness(1.12) drop-shadow(0 0 .38rem rgba(255,74,98,.38))!important;
  transform:scale(1.06)!important;
}
html[data-theme] body #view-processing .processing-status-message:focus-visible{
  outline:2px solid rgba(255,101,120,.62)!important;
  outline-offset:2px!important;
  border-radius:50%!important;
}
html[data-theme="light"] body #view-processing .processing-status-message,
html[data-theme="light"] body #view-processing .processing-status-message:is(:hover,:active,[aria-expanded="true"]){
  color:#c9344a!important;
}

/* Keep the Review comment controls inside their own card at every modal width. */
html[data-theme] body .review-comment-block{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html[data-theme] body .review-comment-block :is(.review-comment-head,textarea){
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html[data-theme] body .review-comment-send{
  width:auto!important;
  max-width:100%!important;
  justify-self:end!important;
  position:static!important;
  margin:.6rem 0 0!important;
  box-sizing:border-box!important;
}