:root{
    --bg:#F6F7FA; --card:#FFFFFF; --soft:#FAFBFC; --hover:#F4F6F9;
    --ink:#1A1D26; --mid:#6E7683; --dim:#9AA2AE;
    --line:#ECEFF3; --line2:#E2E7ED; --grid:#D5DCE5;
    --ac:#5B5FC7; --ac-bg:#F1F1FB; --ac-ink:#4245A8;
    --ok:#2E9E82; --ok-bg:#EEF8F5; --ok-ink:#237B66;
    --wm:#C97B3C; --wm-bg:#FDF4EC; --wm-ink:#A05F26;
    --sh:0 1px 2px rgba(26,29,38,.04), 0 4px 16px rgba(26,29,38,.045);
    --sh2:0 2px 8px rgba(26,29,38,.06), 0 12px 32px rgba(26,29,38,.07);
    --mono:ui-monospace,"Cascadia Mono","Consolas",monospace;
    --sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Noto Sans",sans-serif;
    --r:16px;
  }
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]){
      --bg:#121419; --card:#1A1D24; --soft:#1E222A; --hover:#232830;
      --ink:#ECEEF2; --mid:#9AA3B0; --dim:#6C7481;
      --line:#262B33; --line2:#2E343D; --grid:#3A4250; --grid:#3A4250;
      --ac:#8F92E8; --ac-bg:#1D1F33; --ac-ink:#A9ABF0;
      --ok:#5CC5A8; --ok-bg:#152520; --ok-ink:#7FD5BC;
      --wm:#E0A165; --wm-bg:#2A2118; --wm-ink:#EDBB88;
      --sh:0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);
      --sh2:0 2px 10px rgba(0,0,0,.35), 0 14px 36px rgba(0,0,0,.3);
    }
  }
  :root[data-theme="dark"]{
    --bg:#121419; --card:#1A1D24; --soft:#1E222A; --hover:#232830;
    --ink:#ECEEF2; --mid:#9AA3B0; --dim:#6C7481;
    --line:#262B33; --line2:#2E343D; --grid:#3A4250;
    --ac:#8F92E8; --ac-bg:#1D1F33; --ac-ink:#A9ABF0;
    --ok:#5CC5A8; --ok-bg:#152520; --ok-ink:#7FD5BC;
    --wm:#E0A165; --wm-bg:#2A2118; --wm-ink:#EDBB88;
    --sh:0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.25);
    --sh2:0 2px 10px rgba(0,0,0,.35), 0 14px 36px rgba(0,0,0,.3);
  }

  *{box-sizing:border-box}
  [hidden]{display:none !important}
  body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans); font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased}
  button,input,select{font:inherit; color:inherit}
  :focus-visible{outline:2px solid var(--ac); outline-offset:2px; border-radius:8px}
  .wrap{max-width:1120px; margin:0 auto; padding:34px 24px 80px}

  /* ---------- LOGIN ---------- */
  .login{min-height:78vh; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px; text-align:center}
  /* ---------- BRAND ---------- */
  .brand{display:inline-flex; align-items:center; gap:8px; margin:0}
  .mk{color:var(--ac); flex:none}
  .wm{font-family:var(--mono); font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--mid); font-weight:600}
  .wm .lt{color:var(--dim); font-weight:500; letter-spacing:.12em}
  .brandbar{display:flex; align-items:center; gap:9px; padding:0 0 14px; margin-bottom:16px; border-bottom:1px solid var(--line)}
  .brandbar .wm{font-size:10px; letter-spacing:.22em}
  .brandbar .rule{flex:1}
  .agency{margin:22px 0 0; padding-top:14px; border-top:1px solid var(--line); font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim)}
  .agency .ac{color:var(--ac)}
  .login p.sub{display:block; background:transparent; border:0; box-shadow:none; padding:0; margin:8px 0 0; min-width:0}
  .login h1{font-size:clamp(28px,4vw,38px); margin:10px 0 0; font-weight:600; letter-spacing:-.03em}
  .login .sub{margin:8px 0 0; color:var(--mid); font-size:15px}
  .who{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; max-width:680px}
  .who button{display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:13px 18px 13px 13px; cursor:pointer; box-shadow:var(--sh); transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .16s, border-color .16s}
  .who button:hover{transform:translateY(-2px); box-shadow:var(--sh2); border-color:var(--line2)}
  .av{width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--ac-bg); color:var(--ac-ink); font-weight:600; font-size:13px; flex:none}
  .who .txt{text-align:left}
  .who .txt b{display:block; font-weight:600; font-size:14.5px; letter-spacing:-.01em}
  .who .txt span{display:block; font-size:11.5px; color:var(--dim); margin-top:1px}

  /* ---------- HEADER ---------- */
  .top{display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; margin-bottom:20px}
  .me{display:flex; align-items:center; gap:13px}
  .me .av{width:46px; height:46px; border-radius:14px; font-size:15px}
  .me h1{font-size:20px; font-weight:600; letter-spacing:-.02em; margin:0}
  .me .role{margin:1px 0 0; font-size:12.5px; color:var(--dim)}
  .btn{background:var(--ac); color:#fff; border:0; border-radius:11px; padding:10px 20px; font-weight:600; font-size:14px; cursor:pointer; transition:filter .15s, opacity .15s}
  .btn:hover{filter:brightness(1.07)}
  .btn:disabled{opacity:.35; cursor:not-allowed; filter:none}
  .btn.g{background:transparent; color:var(--mid); border:1px solid var(--line2); font-weight:500}
  .btn.g:hover{background:var(--hover); filter:none}

  /* ---------- BAR / TABS ---------- */
  .bar{display:flex; align-items:center; gap:10px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:10px 16px; margin-bottom:16px; box-shadow:var(--sh)}
  .bar button.nav{width:32px; height:32px; border-radius:10px; border:1px solid var(--line2); background:var(--card); cursor:pointer; font-size:14px; color:var(--mid); line-height:1; transition:background .15s}
  .bar button.nav:hover{background:var(--hover); color:var(--ink)}
  .bar .lbl{font-weight:600; font-size:15.5px; min-width:190px; text-align:center; letter-spacing:-.01em}
  .bar .now{margin-left:auto; font-size:12.5px; color:var(--dim); background:transparent; border:0; cursor:pointer; padding:6px 10px; border-radius:9px}
  .bar .now:hover{background:var(--hover); color:var(--ink)}
  .tabs{display:inline-flex; gap:3px; background:var(--soft); border:1px solid var(--line); padding:4px; border-radius:13px; margin-bottom:14px}
  .tabs button{background:transparent; border:0; border-radius:10px; padding:8px 16px; font-size:13.5px; font-weight:500; color:var(--mid); cursor:pointer; transition:background .15s}
  .tabs button[aria-pressed="true"]{background:var(--card); color:var(--ink); font-weight:600; box-shadow:var(--sh)}

  /* ---------- INTRO / TYPES ---------- */
  .intro{background:var(--card); border:1px solid var(--line); border-radius:var(--r); margin-bottom:16px; box-shadow:var(--sh); overflow:hidden}
  .intro > summary{list-style:none; cursor:pointer; padding:15px 20px; display:flex; align-items:center; gap:10px; font-weight:600; font-size:14px; user-select:none}
  .intro > summary::-webkit-details-marker{display:none}
  .intro > summary:hover{background:var(--soft)}
  .intro .cv{width:16px; height:16px; color:var(--dim); transition:transform .2s; flex:none}
  .intro[open] .cv{transform:rotate(90deg)}
  .intro .tag{margin-left:auto; font-size:11.5px; color:var(--dim); font-weight:400}
  .intro .ib{padding:2px 22px 20px}
  .intro p{margin:0 0 9px; font-size:14px; color:var(--mid); line-height:1.65; max-width:84ch}
  .intro p:last-child{margin-bottom:0}
  .intro b{color:var(--ink); font-weight:600}

  .types{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin-bottom:16px}
  .ty{border-radius:14px; padding:15px 17px; background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); position:relative; overflow:hidden}
  .ty::before{content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--c)}
  .ty{--c:var(--line2); --ci:var(--ink)}
  .ty h3{margin:0 0 3px; font-size:14px; font-weight:600; color:var(--ci); letter-spacing:-.01em}
  .ty p{margin:0; font-size:12.5px; line-height:1.5; color:var(--mid)}

  /* ---------- RULES ---------- */
  .rules{background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); margin-bottom:20px; overflow:hidden}
  .rules summary{list-style:none; cursor:pointer; padding:15px 20px; display:flex; align-items:center; gap:10px; font-weight:600; font-size:14px; user-select:none}
  .rules summary::-webkit-details-marker{display:none}
  .rules summary:hover{background:var(--soft)}
  .rules .cv{width:16px; height:16px; color:var(--dim); transition:transform .2s; flex:none}
  .rules[open] .cv{transform:rotate(90deg)}
  .rules .tag{margin-left:auto; font-size:11.5px; color:var(--dim); font-weight:400}
  .rb{padding:0 22px 22px; border-top:1px solid var(--line)}
  .rb h4{margin:18px 0 6px; font-size:13.5px; font-weight:600}
  .rb p{margin:0 0 8px; font-size:13.5px; line-height:1.65; color:var(--mid); max-width:76ch}
  .rb b{color:var(--ink); font-weight:600}
  .rb ul{margin:0 0 8px; padding-left:18px; font-size:13.5px; line-height:1.65; color:var(--mid)}
  .rb li{margin-bottom:3px}
  .sp{display:grid; grid-template-columns:repeat(auto-fit,minmax(256px,1fr)); gap:12px; margin:12px 0 4px}
  .sp > div{border-radius:12px; padding:15px 17px; background:var(--soft); border:1px solid var(--line)}
  .sp h5{margin:0 0 5px; font-size:13px; font-weight:600; color:var(--ci)}
  .sp > div{--ci:var(--ink)}
  .sp p{font-size:12.5px; margin-bottom:7px} .sp ul{font-size:12.5px; margin:0; padding-left:16px}

  /* ---------- SHEET ---------- */
  .sticky{position:sticky; top:0; z-index:30; padding:12px 0 10px; background:var(--bg)}
  .head{display:grid; grid-template-columns:var(--gtc); align-items:center; background:var(--card); border:1px solid var(--grid); border-radius:13px; box-shadow:var(--sh); overflow:hidden}
  .head > div{padding:11px 8px; font-size:12.5px; font-weight:600; text-align:center; letter-spacing:-.005em; line-height:1.3}
  .head > div:first-child{text-align:left; padding-left:18px; font-size:11px; color:var(--dim); font-weight:500; letter-spacing:.04em; text-transform:uppercase}
  .head > div:last-child{text-align:right; padding-right:18px; font-size:11px; color:var(--dim); font-weight:500; letter-spacing:.04em; text-transform:uppercase}
  .head .n{display:block; font-family:var(--mono); font-size:9.5px; color:var(--dim); font-weight:500; margin-bottom:1px}

  .blocks{display:flex; flex-direction:column; gap:12px}
  .blk{background:var(--pbg,var(--card)); border:1px solid var(--grid); border-radius:var(--r); box-shadow:var(--sh); transition:box-shadow .18s, opacity .18s, transform .18s}
  .blk.drag{opacity:.4}
  .blk.over{box-shadow:0 0 0 2px var(--pc), var(--sh2)}
  .bhead{display:flex; align-items:center; gap:11px; padding:13px 18px 13px 15px; background:transparent; border-bottom:1px solid var(--grid);
    position:sticky; top:70px; z-index:20}
  .grip{width:22px; height:22px; display:grid; place-items:center; cursor:grab; color:var(--dim); flex:none; border-radius:6px}
  .grip:hover{background:var(--hover); color:var(--mid)}
  .grip:active{cursor:grabbing}
  .dot{width:8px; height:8px; border-radius:3px; background:var(--pc); flex:none}
  .blk > .bhead:first-child{border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0}
  .blk > .r:last-child{border-radius:0 0 calc(var(--r) - 1px) calc(var(--r) - 1px)}
  .blk > .r:last-child > *:first-child{border-bottom-left-radius:calc(var(--r) - 1px)}
  .blk > .r:last-child > *:last-child{border-bottom-right-radius:calc(var(--r) - 1px)}
  .bhead h3{margin:0; font-size:15.5px; font-weight:600; letter-spacing:-.015em}
  .bhead .s{font-size:11.5px; color:var(--dim)}
  .bhead .tot{margin-left:auto; font-family:var(--mono); font-size:14.5px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--pc)}

  .r{display:grid; grid-template-columns:var(--gtc); align-items:center; border-bottom:1px solid var(--grid)}
  .r:last-child{border-bottom:0}
  .r > *:not(:first-child){border-left:1px solid var(--grid)}
  .head > *:not(:first-child){border-left:1px solid var(--grid)}
  .foot > *:not(:first-child){border-left:1px solid var(--grid)}
  .r{--c:var(--ac); --ci:var(--ink); --cbg:var(--ac-bg)}
  .r.tinted{background:var(--tint)}
  .r.tinted .cl,.r.tinted .tk{box-shadow:inset 3px 0 0 var(--pc)}
  .r.frames{border-top:1px dashed var(--grid)}
  .r.frames .rl{color:var(--dim); font-size:12.5px}
  input.h.fr{max-width:62px; font-size:13px; color:var(--mid)}
  input.h.fr:disabled{opacity:.22; cursor:not-allowed; background:transparent; border-color:transparent}
  .rl{display:flex; align-items:center; gap:9px; padding:9px 8px 9px 18px; font-size:13.5px; font-weight:500; color:var(--mid)}
  .rl i{display:none}
  .c{padding:7px 6px; display:flex; justify-content:center}
  .rs{padding:9px 18px 9px 8px; text-align:right; font-family:var(--mono); font-size:13.5px; font-weight:600; font-variant-numeric:tabular-nums; color:var(--ink)}

  input.h{width:100%; max-width:74px; padding:8px 4px; text-align:center; font-family:var(--mono); font-size:14.5px; font-weight:600; font-variant-numeric:tabular-nums; background:var(--card); border:1px solid var(--line2); border-radius:9px; transition:border-color .14s, background .14s}
  input.h::placeholder{color:var(--dim); font-weight:400}
  input.h:hover:not(:read-only){border-color:var(--line2)}
  input.h:focus{background:var(--card); border-color:var(--c)}
  input.h.on{background:var(--ac-bg); border-color:var(--ac); color:var(--ac-ink)}
  input.h.sent{background:transparent; border-color:transparent; color:var(--dim); cursor:default}
  input.h.warn{border-color:var(--wm); background:var(--wm-bg); color:var(--wm-ink)}
  .cw{position:relative; display:inline-flex; max-width:100%}
  .lk{position:absolute; top:-7px; right:-7px; min-width:18px; height:17px; padding:0 4px; display:flex; align-items:center; justify-content:center;
      font-family:var(--mono); font-size:10px; font-weight:600; font-variant-numeric:tabular-nums;
      background:var(--ok-bg); color:var(--ok-ink); border:1px solid var(--ok); border-radius:6px; cursor:help}
  .lk[hidden]{display:none !important}
  .btn.danger{background:var(--wm)}
  .bar .now.off{color:var(--ac); font-weight:600}
  .bar button.nav:disabled{opacity:.3; cursor:not-allowed}

  input.what{width:100%; padding:8px 12px; border:1px solid var(--line2); border-radius:9px; background:var(--card); font-size:13px; color:var(--ink); transition:.14s}
  input.what::placeholder{color:var(--dim)}
  input.what:hover:not(:read-only){border-color:var(--line2)}
  input.what:focus{background:var(--card); border-color:var(--ac)}
  input.what:read-only{background:transparent; border-color:transparent; color:var(--mid); cursor:default}
  .whatcell{padding:7px 10px}
  .catcell{padding:7px 10px; display:flex; align-items:center}

  /* ---------- FIXES (правки по проєктах) ---------- */
  .actcell{padding:7px 14px 7px 8px; display:flex; justify-content:flex-end; align-items:center}
  .xbtn{background:transparent; border:1px solid var(--line2); color:var(--mid); border-radius:9px; padding:6px 12px; font-size:12.5px; font-weight:500; cursor:pointer; white-space:nowrap; transition:background .15s, color .15s, border-color .15s}
  .xbtn:hover{background:var(--hover); color:var(--ink)}
  .xbtn.arm{background:var(--wm); border-color:var(--wm); color:#fff; font-weight:600}
  .done{display:inline-flex; align-items:center; gap:5px; font-family:var(--sans); font-size:12px; font-weight:600; color:var(--ok-ink); background:var(--ok-bg); border:1px solid var(--ok); border-radius:8px; padding:5px 10px; white-space:nowrap; cursor:help}
  .r.locked{background:var(--soft)}
  .r.locked .cl b{color:var(--mid)}
  .bb.split{display:flex}
  .bb.split i{border-radius:0}
  .bb.split i:first-child{border-radius:4px 0 0 4px}
  .bb.split i:last-child{border-radius:0 4px 4px 0}
  .mroll h4.wl{display:flex; align-items:center; gap:10px}
  .lg{display:flex; gap:13px; align-items:center; margin-left:auto; font-size:11px; letter-spacing:0; text-transform:none; font-weight:500; color:var(--mid)}
  .lg span{display:inline-flex; align-items:center; gap:5px}
  .lg i{width:9px; height:9px; border-radius:3px; display:block; flex:none}

  /* ---------- SUBMIT ---------- */
  .sub{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:16px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:16px 20px; box-shadow:var(--sh)}
  .sub p{margin:0; font-size:13.5px; color:var(--mid); flex:1; min-width:240px}
  .sub b{color:var(--ink); font-weight:600}
  .cf{display:none; gap:10px; align-items:center; flex-wrap:wrap}
  .cf.on{display:flex}
  .cf span{font-size:13.5px; color:var(--wm-ink); font-weight:500}
  .acts{display:flex; gap:9px; align-items:center}

  /* ---------- STATS ---------- */
  .stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(152px,1fr)); gap:12px; margin-top:16px}
  .st{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:15px 17px; box-shadow:var(--sh)}
  .st .k{font-size:11.5px; color:var(--dim); font-weight:500}
  .st .v{font-family:var(--mono); font-size:23px; font-weight:600; letter-spacing:-.03em; margin-top:6px; font-variant-numeric:tabular-nums}
  .st .s{font-size:11.5px; color:var(--mid); margin-top:1px}
  .st .v{color:var(--ink)}

  /* ---------- TASKS / CLIENT ---------- */
  .tasknew,.addbar{display:flex; gap:9px; align-items:center; padding:13px 18px; border-top:1px solid var(--line); background:var(--soft); flex-wrap:wrap}
  .tasknew input,.addbar input[type=text]{flex:1; min-width:180px; padding:9px 13px; border:1px solid var(--line2); border-radius:10px; background:var(--card); font-size:14px}
  .addbar select{padding:9px 12px; border:1px solid var(--line2); border-radius:10px; background:var(--card); font-size:13.5px}
  .catsel{padding:5px 9px; border:1px solid var(--line2); border-radius:8px; background:var(--card); font-size:11.5px; color:var(--mid); cursor:pointer}
  .catsel:hover{border-color:var(--dim)}
  .newcat{display:none; gap:8px; align-items:center}
  .newcat.on{display:flex}
  .tk,.cl{display:flex; align-items:center; gap:9px; padding:11px 8px 11px 18px; flex-wrap:wrap}
  .tk b,.cl b{font-size:14px; font-weight:500}
  .ro{opacity:.85}
  .hint{padding:13px 18px; font-size:12.5px; color:var(--dim); background:var(--soft); border-top:1px solid var(--line)}
  .empty{padding:34px 22px; text-align:center; color:var(--mid); font-size:13.5px; line-height:1.6}
  .empty b{display:block; color:var(--ink); font-size:15px; font-weight:600; margin-bottom:5px}
  .foot{display:grid; grid-template-columns:var(--gtc); background:var(--soft); font-family:var(--mono); font-weight:600; font-size:13px; font-variant-numeric:tabular-nums; border-top:1px solid var(--grid)}
  .foot > div{padding:12px 6px; text-align:center}
  .foot > div:first-child{text-align:left; padding-left:18px; font-family:var(--sans); font-size:13.5px}
  .foot > div:last-child{text-align:right; padding-right:18px; color:var(--ac)}
  .mroll{margin-top:14px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh); overflow:hidden}
  .mroll h4{margin:0; padding:15px 20px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--dim); border-bottom:1px solid var(--line)}
  .mr{display:flex; align-items:center; gap:14px; padding:11px 20px; border-bottom:1px solid var(--line); font-size:14px}
  .mr:last-child{border-bottom:0}
  .mr .nm{min-width:150px; font-weight:500}
  .mr .bb{flex:1; height:6px; border-radius:4px; background:var(--soft); overflow:hidden; min-width:60px}
  .mr .bb i{display:block; height:100%; border-radius:4px}
  .mr .hh{font-family:var(--mono); font-weight:600; font-variant-numeric:tabular-nums; min-width:70px; text-align:right}
  .mr .pp{font-family:var(--mono); font-size:11.5px; color:var(--dim); min-width:40px; text-align:right}

  .note{margin-top:18px; font-size:12.5px; color:var(--dim); line-height:1.6}
  .note b{color:var(--mid); font-weight:600}
  .toast{position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(70px); background:var(--ink); color:var(--bg); padding:13px 24px; border-radius:12px; font-size:14px; font-weight:600; opacity:0; pointer-events:none; transition:.3s cubic-bezier(.2,.8,.3,1); z-index:60; box-shadow:var(--sh2)}
  .toast.on{opacity:1; transform:translateX(-50%) translateY(0)}
  @media (prefers-reduced-motion:reduce){*{transition:none !important}}
  @media (max-width:760px){
    .wrap{padding:18px 12px 56px}
    .sticky{display:none}
    .bar{flex-wrap:wrap; padding:9px 12px}
    .bar .lbl{min-width:0; flex:1; font-size:15px}
    .bar .now{margin-left:0; width:100%; text-align:left; padding:6px 2px}
    .top{gap:10px}
    .bhead{top:0; padding:12px 14px}
    .blk > .bhead:first-child{position:static}
    .r{display:block; border-bottom:0}
    .r > *:not(:first-child){border-left:0}
    .rl{padding:12px 14px 6px; font-size:13px; font-weight:600; color:var(--ink)}
    .r + .r > .rl{border-top:1px solid var(--grid)}
    .c,.whatcell,.catcell{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:5px 14px 5px 22px}
    .c::before,.whatcell::before,.catcell::before{content:attr(data-lbl); font-size:12.5px; color:var(--mid); flex:1 1 auto; min-width:0}
    .whatcell input.what{flex:0 1 62%}
    .c .cw{flex:none}
    input.h{max-width:104px; width:104px; font-size:16px; padding:11px 4px}
    .rs{display:flex; justify-content:space-between; align-items:center; padding:10px 14px 13px 22px}
    .rs::before{content:attr(data-l); font-family:var(--sans); font-weight:500; font-size:12.5px; color:var(--mid)}
    .foot{display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--grid)}
    .foot > div{padding:12px 14px !important; text-align:left !important}
    .foot > div:empty{display:none}
    .tk,.cl{padding:12px 14px 6px}
    .actcell{justify-content:flex-start; padding:8px 14px 14px 22px}
    .mr{flex-wrap:wrap; gap:8px 12px}
    .mr .nm{min-width:0; flex:1 1 100%}
    .stats{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}
    .today-full{display:none}
  }