/* Official V1.4.2 — keep pending work prominent and completed work quiet. */
#studio .workspace-dashboard {padding-left:clamp(26px,2.5vw,64px)!important;padding-right:clamp(26px,2.5vw,64px)!important;}

/* One consistent owner cue for every pending row, including publication tasks. */
#studio .task-row:not(.is-completed):not(.task-type-video) {background:color-mix(in srgb,var(--task-owner,#68726b) 7%,var(--s-panel))!important;}
#studio .task-row-compact {grid-template-columns:14px 5px minmax(0,1fr)!important;gap:5px!important;}
#studio .task-row-compact .assignee-dot {display:block!important;width:5px!important;height:5px!important;min-width:5px!important;margin-top:7px!important;}
#studio .workspace-dashboard .task-row.is-completed {opacity:.36!important;background:var(--s-panel)!important;border-left-color:var(--s-strong-line)!important;}
#studio .workspace-dashboard .task-row.is-completed:hover {background:var(--s-panel)!important;}
#studio .task-row.is-completed .task-title {color:var(--s-muted)!important;text-decoration-color:var(--s-muted)!important;text-decoration-thickness:1px!important;}
#studio .task-row.is-completed .assignee-dot {background:var(--s-muted)!important;}
#studio .task-row.is-completed .task-checkbox.checked {background:var(--s-muted)!important;border-color:var(--s-muted)!important;}
#studio .task-row.is-completed .task-video-mark,#studio .task-row.is-completed .task-badge {background:var(--s-recess)!important;color:var(--s-muted)!important;}

/* Compact, aligned keyboard hints and proper stroke icons. */
#studio .shortcut-hints {display:flex;align-items:center;gap:14px!important;}
#studio .studio-shortcut {display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--s-secondary);}
#studio .studio-shortcut kbd {display:inline-flex;align-items:center;justify-content:center;height:23px;min-width:23px;padding:0 5px;font:10px var(--s-mono);border-radius:4px!important;}
#studio .history-buttons {display:inline-flex!important;align-items:center;gap:2px!important;padding:3px!important;margin:0 0 0 3px!important;border:1px solid var(--s-line)!important;border-radius:7px!important;background:var(--s-panel)!important;}
#studio .history-buttons button {display:inline-flex!important;align-items:center;justify-content:center;gap:6px!important;width:auto!important;height:30px!important;min-width:30px!important;padding:0 10px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--s-secondary)!important;font-size:11px!important;line-height:1!important;}
#studio .history-buttons button .ui-line-icon {display:block;flex:none;width:16px;height:16px;}
#studio .history-buttons button:hover:not(:disabled) {background:var(--s-active)!important;color:var(--s-ink)!important;}
#studio .history-buttons button:disabled {opacity:.34!important;}
#studio .history-buttons .history-label {font-size:11px;font-weight:500;}

@media (max-width:1799px) {
  #studio .workspace-layout {padding-left:0!important;}
  #studio .workspace-sidebar {width:240px!important;transform:translateX(-100%)!important;transition:transform .22s!important;z-index:110!important;padding:32px 20px!important;}
  #studio .navigation-open .workspace-sidebar {transform:translateX(0)!important;}
  #studio .navigation-toggle {display:grid!important;place-items:center;width:34px;height:34px;min-width:34px;}
  #studio .navigation-close {display:grid!important;position:absolute;right:15px;top:20px;width:32px;height:32px;place-items:center;background:var(--s-panel)!important;color:var(--s-ink)!important;border:1px solid var(--s-line)!important;border-radius:4px;}
  #studio .navigation-backdrop {display:none!important;position:fixed!important;inset:0!important;background:#14200f66!important;backdrop-filter:blur(3px);border:0;z-index:100!important;}
  #studio .navigation-open .navigation-backdrop {display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}
@media (min-width:761px) and (max-width:1000px) {
  #studio .workspace-dashboard {padding-left:20px!important;padding-right:20px!important;}
  #studio .shortcut-hints {gap:8px!important;}
  #studio .history-buttons .history-label {display:none;}
}
@media (max-width:760px), (pointer:coarse) and (max-width:1050px) and (max-height:540px) {
  #studio .workspace-dashboard {padding-left:14px!important;padding-right:14px!important;}
  #studio .shortcut-hints .studio-shortcut,#studio .history-buttons .history-label {display:none!important;}
  #studio .history-buttons button {width:30px!important;padding:0!important;}
}

/* Checkbox particles are transient, fixed to the viewport and never capture input. */
#studio .studio-checkbox-spark {position:fixed;z-index:3000;pointer-events:none;width:4px;height:4px;border-radius:50%;background:var(--spark-color);animation:studio-checkbox-pop .54s cubic-bezier(.2,.8,.3,1) both;}
#studio .studio-checkbox-ring {position:fixed;z-index:2999;pointer-events:none;width:12px;height:12px;border:1px solid #88a2e9;border-radius:50%;animation:studio-checkbox-ring .42s ease-out both;}
@keyframes studio-checkbox-pop {
  0% {opacity:0;transform:translate(-50%,-50%) scale(.4);}
  15% {opacity:1;}
  80% {opacity:.8;}
  100% {opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);}
}
@keyframes studio-checkbox-ring {
  from {opacity:.65;transform:translate(-50%,-50%) scale(.4);}
  to {opacity:0;transform:translate(-50%,-50%) scale(3.5);}
}
@media (prefers-reduced-motion:reduce) {
  #studio .studio-checkbox-spark,#studio .studio-checkbox-ring {display:none!important;animation:none!important;}
}