/* IAM — «Задачи v2» (09.11.2026, утверждено владельцем в конструкторе ~/mac-dashboard/design/iam-rows/).
   Только «Новый» дизайн на ПК (на телефоне — iam-mnav-on — не трогаем). Логика задач прежняя: это слой вида.
   1) окно #141416, меню — материал «карточки» (как всплывающие окна);
   2) строка задачи в одну линию: кружок 16 → название → серым «проект · дата» → время справа;
      при наведении кружок загорается цветом проекта (--pc ставит 39-tasks-v2.js);
   3) заголовки групп заглавными с разрядкой (Montserrat);
   4) время: колесо ±15 мин, клик — окошко .tv2-pop (39-tasks-v2.js);
   5) открытая задача: тёмная карточка на светлой подложке, почти плоско, в масштабе строки. */

:root[data-design="shtab"]:not([data-theme="light"]):not([data-_a]):not([data-_b]):not([data-_c]) { --sh-canvas:#141416; }
:root{ --tv2-card:linear-gradient(180deg,#232326,#1c1c1f); --tv2-card-sh:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -20px #000,0 0 0 1px rgba(255,255,255,.06); --tv2-h:'Montserrat',var(--font-ui); }

/* ---------- меню: материал карточки ---------- */
:root[data-design="shtab"]:not([data-theme="light"]):not(.iam-mnav-on):not([data-_a]):not([data-_b]):not([data-_c]) #app-sidebar {
  background:var(--tv2-card)!important; box-shadow:var(--tv2-card-sh)!important; }
:root[data-design="shtab"]:not([data-theme="light"]):not(.iam-mnav-on):not([data-_a]):not([data-_b]):not([data-_c]) #app-sidebar .sb-btn.active {
  background:rgba(255,255,255,.08)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important; }
:root[data-design="shtab"]:not([data-theme="light"]):not(.iam-mnav-on):not([data-_a]):not([data-_b]):not([data-_c]) #app-sidebar :is(.sb-btn, .sb-proj-lbl):not(.active):hover {
  background:rgba(255,255,255,.04)!important; }

/* ---------- название раздела в панели — Montserrat ---------- */
:root[data-design="shtab"] #iam-topbar .tb-ttl { font:500 16px var(--tv2-h)!important; }

/* ---------- строки задач ---------- */
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row {
  min-height:0!important; padding:9px 10px!important; margin-bottom:0!important; gap:14px!important; align-items:center!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row:not(.selected):hover { background:rgba(255,255,255,.03)!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .task-check {
  width:16px!important; height:16px!important; min-width:16px!important; border-width:1.5px!important; border-color:#55555a!important; margin:0!important;
  transition:border-color .2s, box-shadow .25s, background .25s!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .task-check svg { width:16px!important; height:16px!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row:hover .task-check:not(.done) {
  border-color:var(--pc,#9a9a9f)!important; background:color-mix(in srgb,var(--pc,#9a9a9f) 12%,transparent)!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--pc,#9a9a9f) 60%,transparent)!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .task-check.done:not(.has-progress) {
  background:var(--pc,#b9f36c)!important; border-color:var(--pc,#b9f36c)!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-info {
  display:flex!important; flex-direction:row!important; align-items:baseline!important; gap:12px!important; min-width:0; flex:1; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-name {
  order:1; font:500 15px var(--font-ui)!important; letter-spacing:0!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; flex:0 1 auto; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-meta {
  order:2; flex:0 0 auto; margin:0!important; font:400 12.5px var(--font-ui)!important; color:#77777c!important; white-space:nowrap; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-meta :is(.sh-mtx,.sh-mdt) { font:inherit!important; color:inherit!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-meta .t-dot { display:none!important; }
/* время */
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill {
  height:auto!important; padding:4px 9px!important; margin:-4px 0!important; border-radius:9px!important; background:transparent!important; box-shadow:none!important;
  font:500 12.5px var(--font-ui)!important; color:#9a9a9f!important; font-variant-numeric:tabular-nums; transition:background .2s, color .2s, box-shadow .2s!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill:hover,
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill.tv2-act {
  background:#232326!important; color:#f4f4f2!important; box-shadow:inset 0 0 0 1px rgba(185,243,108,.3)!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill.sh-late { color:#ff8a80!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill.tv2-empty { opacity:0; color:#77777c!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row:hover .t-timepill.tv2-empty { opacity:1; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-row .t-timepill.tv2-flash { animation:tv2Flash .6s cubic-bezier(.2,.8,.2,1); }
@keyframes tv2Flash { 0% { background:rgba(185,243,108,.35); color:#fff; transform:scale(1.08); } 100% { background:transparent; } }

/* ---------- заголовки групп ---------- */
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .tg-hdr > svg { display:none!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-group:not(.sh-doneg) > .tg-hdr .tg-label {
  font:500 11.5px var(--tv2-h)!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:#77777c!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-group:not(.sh-doneg) > .tg-hdr .tg-num {
  font:500 11.5px var(--tv2-h)!important; letter-spacing:.06em; color:#5d5d62!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-group.sh-late .tg-hdr .tg-num { color:#ff8a80!important; }

/* ---------- открытая задача: тёмная карточка на светлой подложке, почти плоско ---------- */
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open > .task-row {
  background:#222225!important; border-radius:18px 18px 0 0!important; padding:10px 12px!important; box-shadow:0 0 0 1px rgba(255,255,255,.06)!important; clip-path:inset(-1px -1px 0 -1px round 18px 18px 0 0); }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open > .task-row:hover { background:#222225!important; }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open .task-accordion {
  background:#222225!important; border-radius:0 0 18px 18px!important; box-shadow:0 0 0 1px rgba(255,255,255,.06)!important; clip-path:inset(0 -1px -1px -1px round 0 0 18px 18px); }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open.up > .task-row { border-radius:18px!important; clip-path:none; }
:root[data-design="shtab"][data-tstyle="under"]:not([data-tcolor="proj"]):not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open .sh-ul {
  background:#e4e4df!important; border-radius:18px!important; box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 28px -18px rgba(0,0,0,.8)!important; }
:root[data-design="shtab"][data-tstyle="under"][data-tcolor="proj"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk.open .sh-ul { border-radius:18px!important; }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-tk .task-accordion :is(.task-acc-desc, .subt-add, .subt-add input) { font-size:13.5px!important; }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-ul .shk-ics > button:not(.shk-go) { height:32px!important; width:40px!important; border-radius:10px!important; }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-ul .shk-ics > button svg { width:16px!important; height:16px!important; }
:root[data-design="shtab"][data-tstyle="under"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .sh-ul .shk-ics > button.shk-when { width:auto!important; padding:0 10px!important; font-size:12.5px!important; }

/* ---------- окошко времени (39-tasks-v2.js) ---------- */
.tv2-pop{position:fixed;z-index:9500;width:300px;padding:14px;border-radius:20px;background:var(--tv2-card);box-shadow:var(--tv2-card-sh);color:#f4f4f2;font:400 13px var(--font-ui);
  transform-origin:top right;animation:tv2In .28s cubic-bezier(.2,.9,.25,1.15)}
.tv2-pop.up{transform-origin:bottom right}
@keyframes tv2In{from{opacity:0;transform:scale(.92) translateY(-6px)}}
.tv2-pop .l{font:500 10.5px var(--tv2-h);letter-spacing:.14em;text-transform:uppercase;color:#77777c;margin:2px 2px 8px}
.tv2-pop .ch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.tv2-pop .tm{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.tv2-pop :is(.ch,.tm) button{all:unset;padding:8px 0;text-align:center;border-radius:11px;background:rgba(255,255,255,.05);font:500 12.5px var(--font-ui);color:#c9c9cc;cursor:pointer;transition:.15s;font-variant-numeric:tabular-nums}
.tv2-pop :is(.ch,.tm) button:hover{background:rgba(255,255,255,.1);color:#fff}
.tv2-pop .ch button.on{background:#f4f4f2;color:#111}
.tv2-pop .bg{display:flex;align-items:center;justify-content:space-between;margin:2px 0 14px}
.tv2-pop .bg b{font:300 44px/1 var(--tv2-h);letter-spacing:-.03em;font-variant-numeric:tabular-nums;outline:none;cursor:text;min-width:120px;text-align:center}
.tv2-pop .bg button{all:unset;cursor:pointer;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:18px;color:#c9c9cc}
.tv2-pop .bg button:hover{background:rgba(255,255,255,.1);color:#fff}
.tv2-pop .ft{display:flex;justify-content:space-between;margin-top:14px;font-size:12.5px}
.tv2-pop .ft button{all:unset;cursor:pointer;color:#77777c}.tv2-pop .ft button:hover{color:#c9c9cc}.tv2-pop .ft .ok{color:#b9f36c}

:root[data-design="shtab"] :is(#tasks-list,#proj-tasks-list) .sh-tk .tv2-empty { display:none!important; }
:root[data-design="shtab"]:not(.iam-mnav-on) body #app-sheet :is(#tasks-list,#proj-tasks-list) .task-group:not(.sh-doneg) > .tg-hdr :is(.tg-label,.tg-num) { position:relative; top:2px; }
