/* IAM — Стол, Задачи, Заметки и верхняя панель как в макете ~/mac-dashboard/design/iam-tray (09.11.2026).
   Только «Новый» дизайн на ПК с подложкой-меню (html.iam-tray). Стол рисует js/ui/41-desk-v2.js. */

/* ---------- верхняя панель: название по центру без иконки, справа — действия раздела и значок поиска ---------- */
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar :is([data-tb="split"],[data-tb="keys"],.tb-ico){display:none!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-ttl{font:700 17px var(--iam-round)!important;letter-spacing:.005em}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-search{width:30px!important;min-width:0!important;height:30px!important;padding:0!important;border-radius:9px!important;background:none!important;box-shadow:none!important;border:0!important;display:grid!important;place-items:center;color:#77777c!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-search:hover{background:rgba(255,255,255,.06)!important;color:#f4f4f2!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-search :is(span,kbd){display:none!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-search svg{width:17px!important;height:17px!important;margin:0!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-rt{margin-left:auto!important;margin-right:12px!important}

/* ---------- Стол ---------- */
html.dv2 #page-home #shtab-desk{display:none!important}
html.dv2 body #page-home#page-home > #dv2#dv2{display:block!important}
/* размеры — один в один из макета iam-tray (.desk, .hello, .wg, .w) */
#dv2{padding:36px 48px 40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#dv2 .dv2-say{margin:0;max-width:900px;font:700 34px/1.3 var(--iam-round);letter-spacing:-.01em;color:#6d6d72}
#dv2 .dv2-say b{color:#f4f4f2;font-weight:800}
#dv2 .dv2-say a{cursor:pointer;color:inherit;text-decoration:none}
#dv2 .dv2-say a b{transition:color .15s}#dv2 .dv2-say a:hover b{color:#b9f36c}
#dv2 .dv2-ava{display:inline-block;width:34px;height:34px;border-radius:50%;overflow:hidden;vertical-align:-6px;margin:0 4px;background:linear-gradient(135deg,#8796ee,#b9f36c)}
#dv2 .dv2-ava :is(img,.iam-ava,svg){width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
#dv2 .dv2-say .ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#232326;vertical-align:-4px;margin:0 2px}
#dv2 .dv2-say .ic svg{width:18px;height:18px;color:#f4f4f2}
#dv2 .dv2-w{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:34px}
#dv2 .dv2-c{position:relative;overflow:hidden;min-width:0;min-height:170px;padding:18px 20px;border-radius:24px;background:linear-gradient(180deg,#1f1f22,#1a1a1c);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;outline:none;
  transition:transform .25s cubic-bezier(.2,.9,.25,1.1),box-shadow .25s}
#dv2 .dv2-c:hover{transform:translateY(-2px)}
#dv2 .dv2-c:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 2px #b9f36c}
#dv2 .dv2-c .l{font:700 11px var(--iam-round);letter-spacing:.14em;text-transform:uppercase;color:#77777c}
#dv2 .dv2-c .n{font:800 52px/1 var(--iam-round);letter-spacing:-.02em;margin-top:18px;font-variant-numeric:tabular-nums;color:#f4f4f2}
#dv2 .dv2-c .s{margin-top:6px;font:400 13px var(--font-ui);color:#8d8d92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dv2 .dv2-c.f{background:radial-gradient(120% 90% at 20% 0%,#97a3f4,#6c79d6 60%,#5763bd);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 60px -30px rgba(94,107,196,.9)}
#dv2 .dv2-c.f :is(.l,.s){color:rgba(255,255,255,.8)}#dv2 .dv2-c.f .n{color:#fff}
#dv2 .dv2-c.f.live .l::after{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-left:8px;vertical-align:1px;animation:dv2Pulse 1.6s ease-in-out infinite}
@keyframes dv2Pulse{50%{opacity:.25}}
#dv2 .dv2-c.r .n{color:#ff7a6e;text-shadow:0 0 28px rgba(255,122,110,.45)}#dv2 .dv2-c.r .n.z{color:#b9f36c;text-shadow:0 0 28px rgba(185,243,108,.35)}
#dv2 .dv2-c.wk .bars{display:flex;gap:8px;align-items:flex-end;height:80px;margin-top:20px}
#dv2 .dv2-c.wk .bars i{flex:1;border-radius:8px;background:linear-gradient(180deg,#3d3d40,rgba(61,61,64,.1))}
#dv2 .dv2-c.wk .bars i.t{background:linear-gradient(180deg,#d6ff9c,rgba(185,243,108,.1));box-shadow:0 -6px 20px -4px rgba(185,243,108,.6)}
#dv2 .dv2-c.wk .days{display:none}
@media (max-width:1000px){#dv2{padding:24px 28px}#dv2 .dv2-w{grid-template-columns:1fr 1fr}#dv2 .dv2-c.f{grid-column:1/-1}}

/* ---------- Задачи: колонка по центру, тонкое сглаживание; вкладки — строкой над списком ---------- */
:root[data-design="shtab"].iam-tray body #app-sheet #page-tasks #tasks-list{max-width:900px;margin:0 auto!important;padding-top:34px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:root[data-design="shtab"].iam-tray body #app-sheet #page-tasks #tasks-list .task-row{padding:12px 10px!important}
:root[data-design="shtab"].iam-tray body #app-sheet #page-tasks #tasks-list .task-row .t-name{color:#f4f4f2}
:root[data-design="shtab"].iam-tray body #app-sheet #page-tasks #tasks-list .task-group{margin-bottom:14px}
:root[data-design="shtab"].iam-tray body.sh-topbar.tb-sec-on[data-tb-sec="tasks"] #iam-topbar#iam-topbar .tb-ttabs{display:flex!important;position:fixed!important;top:44px!important;left:max(14px,calc(50% - 450px))!important;right:auto!important;transform:none!important;
  width:min(900px,calc(100% - 28px));height:auto!important;padding:10px 10px 12px!important;gap:20px;background:var(--sh-canvas,#141416)!important;border-radius:0!important;box-shadow:0 14px 14px -6px var(--sh-canvas,#141416)!important}   /* свой фон: прокрученный список уходит под строку, а не просвечивает (10.11) */
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-ttabs button{height:auto!important;padding:4px 0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  font:700 11px var(--iam-round)!important;letter-spacing:.14em;text-transform:uppercase;color:#5d5d62!important;transition:color .15s}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-ttabs button:hover{color:#a4a4aa!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-ttabs button.on{color:#f4f4f2!important}
:root[data-design="shtab"].iam-tray #iam-topbar#iam-topbar .tb-ttabs button i{font:inherit!important;color:#5d5d62!important;letter-spacing:.06em}

/* ---------- Заметки: простые тёмные карточки в три колонки, проект и дата внизу ---------- */
:root[data-design="shtab"].iam-tray #nt-b .ntb-q{display:none!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-body{margin-top:18px}
:root[data-design="shtab"].iam-tray #nt-b .ntb-body:not(:has(.ntb-grp ~ .ntb-grp)) .ntb-grp{display:none!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:16px}
@media (max-width:900px){:root[data-design="shtab"].iam-tray #nt-b .ntb-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n:not(.pin){background:#1c1c1f!important;color:#f4f4f2!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n{border-radius:20px!important;padding:18px 20px 16px!important;height:170px!important;-webkit-font-smoothing:antialiased}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n .ntb-t{font:700 16px/1.3 var(--iam-round)!important;margin-top:0!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n:not(.pin) .ntb-x{color:#9a9a9f!important;font-size:13.5px!important;margin-top:8px!important;padding-bottom:22px}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n .ntb-p{position:absolute;left:20px;bottom:14px;right:90px;font:400 12px var(--font-ui)!important;margin:0!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n:not(.pin) .ntb-p{color:#5d5d62!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n .ntb-p b{display:none!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n .ntb-f{position:absolute;right:20px;bottom:14px;margin:0!important;font:400 12px var(--font-ui)!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-n:not(.pin) .ntb-f{color:#5d5d62!important}
:root[data-design="shtab"].iam-tray #nt-b .ntb-new{border-radius:20px!important;height:170px!important}