/* Official V1.4.1 — readable scheduling, on the V1.4 Studio materials.
   Account color, task owner and event type are independent visual cues. */
#studio {
  --calendar-task-font:12px;
  --video-publish-bg:#fff0c0;
  --video-label-bg:#f3c451;
  --video-label-ink:#413013;
  --video-event-bg:#364557;
  --video-event-ink:#fff;
  --task-owner-ink:#fff;
}
#studio[data-theme="dark"] {
  --video-publish-bg:#42391e;
  --task-owner-ink:#17231f;
}

/* Use the available monitor width; keep spacing proportional on smaller screens. */
#studio .workspace-dashboard {max-width:none!important;}
#studio .task-row.assignee-hyper {--task-owner:var(--blue);}
#studio .task-row.assignee-rachael {--task-owner:var(--purple);}
#studio .task-row.assignee-lu {--task-owner:var(--lu);}
#studio .task-row.assignee-unassigned {--task-owner:#68726b;}
#studio .task-row-compact {grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important;border-left-width:3px!important;padding:5px!important;}
#studio .task-row-compact .task-checkbox {width:14px!important;height:14px!important;min-width:14px!important;margin-top:2px!important;}
#studio .task-row-compact .task-title {font-size:var(--calendar-task-font)!important;line-height:1.5!important;max-height:calc(var(--calendar-task-font) * 3)!important;}
#studio .task-row.is-completed {opacity:.62!important;}
#studio .task-row.task-type-video:not(.task-publish-video) {background:color-mix(in srgb,var(--task-owner) 15%,var(--s-panel))!important;border-left:3px solid var(--task-owner)!important;}
#studio .task-row.task-type-video:not(.task-publish-video):hover {background:color-mix(in srgb,var(--task-owner) 22%,var(--s-panel))!important;}
#studio .task-video-mark {display:inline-block!important;vertical-align:1px!important;margin:0 5px 0 0!important;padding:2px 4px!important;border:0!important;border-radius:3px!important;background:var(--task-owner,#68726b)!important;color:var(--task-owner-ink)!important;font:700 9px/1.15 var(--s-sans)!important;letter-spacing:.025em!important;white-space:nowrap!important;font-style:normal!important;}
#studio .task-row.task-publish-video {background:var(--video-publish-bg)!important;border-left:3px solid #c79116!important;}
#studio .task-row.task-publish-video .task-video-mark {background:var(--video-label-bg)!important;color:var(--video-label-ink)!important;}
#studio .day-task-list .task-title {font-size:13px!important;}
#studio .day-task-list .task-row.task-type-video {padding-left:8px!important;padding-right:8px!important;margin:4px 0!important;}
#studio .date-number {font-size:12px!important;}
#studio .weekday-row>div {font-size:11px!important;color:var(--s-secondary)!important;}
#studio .todo-assignee-filter button,#studio .todo-type-filter button {font-size:11px!important;}

/* An SVG has an exact center, independent of the full-width plus glyph's metrics. */
#studio .round-add-button {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;line-height:1!important;}
#studio .round-add-button .ui-line-icon {display:block!important;width:18px!important;height:18px!important;margin:0!important;flex:none!important;}

/* Release uses the existing six account colors across filters, cards and details.
   Song = account-colored filled badge; video = charcoal badge + dashed border. */
#studio .release-filter:not(.all) {border-color:color-mix(in srgb,var(--release-color) 45%,var(--s-line))!important;background:color-mix(in srgb,var(--release-color) 6%,var(--s-panel))!important;color:var(--s-ink)!important;}
#studio .release-filter:not(.all).active {border-color:var(--release-color)!important;background:color-mix(in srgb,var(--release-color) 18%,var(--s-panel))!important;}
#studio .release-filter {font-size:11px!important;}
#studio .release-chip {display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;grid-template-areas:"tag title" "tag meta"!important;gap:3px 7px!important;border:1px solid color-mix(in srgb,var(--release-color) 40%,var(--s-line))!important;border-left:3px solid var(--release-color)!important;padding:8px 7px!important;margin-bottom:5px!important;}
#studio .release-song-chip {background:color-mix(in srgb,var(--release-color) 14%,var(--s-panel))!important;}
#studio .release-video-chip {background:color-mix(in srgb,var(--release-color) 6%,var(--s-panel))!important;border-style:dashed!important;border-left-style:solid!important;}
#studio .release-chip .release-chip-time {grid-area:tag!important;align-self:start!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:20px!important;min-height:20px!important;padding:3px 5px!important;border:0!important;border-radius:3px!important;font:700 9px/1 var(--s-sans)!important;letter-spacing:.02em!important;white-space:nowrap!important;}
#studio .release-song-chip .release-chip-time {background:color-mix(in srgb,var(--release-color) 65%,#fff)!important;color:#17231f!important;}
#studio .release-video-chip .release-chip-time {background:var(--video-event-bg)!important;color:var(--video-event-ink)!important;}
#studio .release-chip strong {grid-area:title!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#studio .release-chip em {grid-area:meta!important;font-size:10px!important;line-height:1.4!important;color:var(--s-secondary)!important;}
#studio .release-chip:hover {background:color-mix(in srgb,var(--release-color) 22%,var(--s-panel))!important;}
#studio .release-day-item.song {background:color-mix(in srgb,var(--release-color) 12%,var(--s-panel))!important;border-color:color-mix(in srgb,var(--release-color) 45%,var(--s-line))!important;border-left:3px solid var(--release-color)!important;}
#studio .release-day-item.video {background:color-mix(in srgb,var(--release-color) 6%,var(--s-panel))!important;border:1px dashed color-mix(in srgb,var(--release-color) 45%,var(--s-line))!important;border-left:3px solid var(--release-color)!important;}

@media (min-width:1001px) {
  #studio .calendar-grid {grid-auto-rows:172px!important;}
  #studio .release-calendar-grid {grid-template-rows:repeat(4,192px)!important;grid-auto-rows:192px!important;}
  #studio .calendar-cell,#studio .release-calendar-cell {padding:9px 6px 6px!important;}
}
@media (min-width:1800px) {
  #studio {--calendar-task-font:13px;}
  #studio .workspace-dashboard {padding:32px clamp(28px,1.7vw,48px) 72px!important;}
  #studio .main-grid,#studio .release-main-grid {grid-template-columns:minmax(0,1fr) 348px!important;gap:20px!important;}
  #studio .calendar-grid {grid-auto-rows:196px!important;}
  #studio .release-calendar-grid {grid-template-rows:repeat(4,216px)!important;grid-auto-rows:216px!important;}
  #studio .day-task-list .task-title {font-size:14px!important;}
  #studio .release-chip strong {font-size:13px!important;}
  #studio .release-chip em {font-size:11px!important;}
  #studio .task-video-mark,#studio .release-chip .release-chip-time {font-size:10px!important;}
}
@media (min-width:761px) and (max-width:1000px) {
  #studio {--calendar-task-font:11px;}
  #studio .release-chip {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"tag" "title" "meta"!important;gap:3px!important;}
  #studio .release-chip strong {font-size:11px!important;}
  #studio .calendar-grid {grid-auto-rows:150px!important;}
  #studio .studio-calendar-filters::after {content:"左右滑动查看完整周历 →";display:block;width:100%;font-size:10px;color:var(--s-secondary);padding-top:3px;}
}
@media (max-width:760px), (pointer:coarse) and (max-width:1050px) and (max-height:540px) {
  #studio .calendar-grid {grid-auto-rows:68px!important;}
  #studio .release-chip strong {font-size:12px!important;}
  #studio .release-chip .release-chip-time,#studio .task-video-mark {font-size:10px!important;}
  #studio .weekday-row>div {font-size:10px!important;}
}
#studio .day-task-list .task-title {white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;line-height:1.5!important;max-height:none!important;}
@media (min-width:761px) and (max-width:1799px) {
  #studio .release-chip {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"tag" "title" "meta"!important;gap:3px!important;}
}
#studio[data-theme="dark"] .task-row.assignee-unassigned {--task-owner:#abb6ae;}