/* Calmer colors for the checklist. Status = soft red -> green; bright striped red = urgent only;
   client colors = a thin edge on each card and the tab dots, not whole strips. */
/* Status: a soft red -> green ladder (pastels), so progress reads at a glance without shouting.
   Urgent revisions keep the bright striped red, so "not started" and "urgent" never look alike. */
:root{
  --s0:#F2A1A1!important;--s0-soft:#FCEBEB!important;--s0-ink:#A33A3A!important;--s0-on:#3A1212!important;
  --s1:#F5BC92!important;--s1-soft:#FDF0E6!important;--s1-ink:#9C5420!important;--s1-on:#3A1F0A!important;
  --s2:#F3D488!important;--s2-soft:#FDF6E3!important;--s2-ink:#8A6410!important;--s2-on:#3A2B05!important;
  --s3:#E3E28A!important;--s3-soft:#FAFAE3!important;--s3-ink:#6E6A12!important;--s3-on:#2E2C05!important;
  --s4:#BEE29E!important;--s4-soft:#F0F8E8!important;--s4-ink:#4C7A22!important;--s4-on:#1E3008!important;
  --s5:#98D8AC!important;--s5-soft:#E8F6EC!important;--s5-ink:#2A7A44!important;--s5-on:#0E2E18!important;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --s0:#F2A1A1!important;--s0-soft:#2E1A1C!important;--s0-ink:#F5B8B8!important;--s0-on:#2A0E0E!important;
  --s1:#F5BC92!important;--s1-soft:#2E2119!important;--s1-ink:#F7CBAA!important;--s1-on:#2A1608!important;
  --s2:#F3D488!important;--s2-soft:#2D2716!important;--s2-ink:#F6DFA6!important;--s2-on:#2A2005!important;
  --s3:#E3E28A!important;--s3-soft:#282817!important;--s3-ink:#ECEBA8!important;--s3-on:#25240A!important;
  --s4:#BEE29E!important;--s4-soft:#1E2A18!important;--s4-ink:#CFEAB6!important;--s4-on:#16240A!important;
  --s5:#98D8AC!important;--s5-soft:#16281D!important;--s5-ink:#B5E4C3!important;--s5-on:#0A2214!important;
}}
:root[data-theme="dark"]{
  --s0:#F2A1A1!important;--s0-soft:#2E1A1C!important;--s0-ink:#F5B8B8!important;--s0-on:#2A0E0E!important;
  --s1:#F5BC92!important;--s1-soft:#2E2119!important;--s1-ink:#F7CBAA!important;--s1-on:#2A1608!important;
  --s2:#F3D488!important;--s2-soft:#2D2716!important;--s2-ink:#F6DFA6!important;--s2-on:#2A2005!important;
  --s3:#E3E28A!important;--s3-soft:#282817!important;--s3-ink:#ECEBA8!important;--s3-on:#25240A!important;
  --s4:#BEE29E!important;--s4-soft:#1E2A18!important;--s4-ink:#CFEAB6!important;--s4-on:#16240A!important;
  --s5:#98D8AC!important;--s5-soft:#16281D!important;--s5-ink:#B5E4C3!important;--s5-on:#0A2214!important;
}
@media screen{
  /* card header: neutral, client shown as a thin colored edge */
  .card-strip{background:color-mix(in srgb,var(--ink) 6%,var(--surface))!important;color:var(--ink)!important;box-shadow:inset 6px 0 0 var(--c)!important;padding-left:20px!important;border-bottom:1px solid var(--line)!important}
  .card-strip .cname{color:var(--muted)!important}
  .card{border-color:var(--line)!important}
  /* status track: the steps already done in a quiet gray, the current step in its status color */
  .track button.on{background:color-mix(in srgb,var(--ink) 8%,var(--surface))!important;color:var(--muted)!important}
  /* show-coverage banner in SMG colors: charcoal with the brand teal */
  .coverage{background:#1F1F1F!important;color:#F0F0F0!important;border-bottom:3px solid #6AB5C5!important;box-shadow:none!important}
  .coverage .cov-k,.coverage .cov-now{color:#6AB5C5!important}
  .coverage b{color:#FFFFFF}
  .coverage a,.coverage button,.coverage summary::after{color:#6AB5C5!important;border-color:#6AB5C5!important}
  /* folder paths: tiny, one line; the Copy button still copies the whole path */
  .folder{font-size:10px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;margin-top:2px}
  .folder code{font-size:9.5px!important;line-height:1.3!important;user-select:all}
  .folder .copy{font-size:9px!important;padding:1px 5px!important;margin-left:4px!important;border-radius:3px!important;vertical-align:0!important}
  /* My assignments: the big go-to button */
  .tn-views{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%}
  .tn-desk[data-tn="mine"]{order:-1;flex:1 1 100%;max-width:420px;margin:0 calc((100% - min(420px,100%))/2) !important;font:800 18px/1.1 var(--f-display,inherit)!important;padding:16px 28px!important;border-radius:999px!important;
    background:#6AB5C5!important;color:#0A1A1F!important;border:0!important;box-shadow:0 0 0 4px rgba(106,181,197,.25),0 8px 24px rgba(106,181,197,.25);letter-spacing:.01em}
  .tn-desk[data-tn="mine"]:hover{background:#7FC4D3!important}
  .tn-desk[data-tn="mine"]:focus-visible{outline:3px solid #fff;outline-offset:3px}
  /* crew: one-person "My assignments", no picker; delivery desk and portal links are for Austin and Tyler */
  body.smg-crew #mineview .mine-pick,body.smg-crew [data-tn="desk"],body.smg-crew [data-view="desk"],body.smg-crew .tn-portals{display:none!important}
}
