/* Играй 5.0 «сейчас» (05.11.2026, чистка 09.11.2026). Блоки NOW внутри листа дня.
   Язык тот же, что Стас выбрал в пульте 1.0: одна золотая кнопка, цвет только там, где он
   что-то значит, подписи обычным регистром и читаемым серым, редкое — за ⋯, графики без
   подписей — за тапом. Всё, что отсюда ушло с экрана, осталось в шитах, колонке и колокольчике.
   Правила этого листа действуют только на вкладке 5.0: остальные вкладки живут как жили. */

/* ── фон: стекло без пятен. Цвет только наверху, ниже плавно в тёмный ── */
body::after { transition: background-color .28s ease; }
/* пятна под тёмным слоем не рисуются вовсе: и чище, и легче для шторки */
html:not([data-theme="light"]) body[data-tab="now"]::before { animation-play-state: paused; visibility: hidden; transition: visibility 0s .28s; }
html:not([data-theme="light"]) body[data-tab="now"]::after {
    background-color: #0b0f13;
    background-image:
        radial-gradient(70% 26% at 22% 0%, rgba(var(--accent-rgb), .085), transparent 72%),
        radial-gradient(60% 24% at 82% 0%, rgba(96, 110, 230, .085), transparent 72%);
}
/* токены листа: панели без стекла и читаемый серый (как в пульте: 60 % и 74 % белого) */
html:not([data-theme="light"]) body[data-tab="now"] #view-day {
    --desk-panel: rgba(255, 255, 255, .034);
    --desk-border: rgba(255, 255, 255, .085);
    --border-color: rgba(255, 255, 255, .085);
    --text-muted: #9AA2AB;
    --text-secondary: #BDC4CB;
}

/* ── панели: без засечек, стекла и теней ── */
#view-day .dpage.dnow > *:not(.dtiles):not(.dfx), #view-day .dpage.dnow .dtile, body[data-tab="now"] #view-day .dctx {
    background-image: none;
    backdrop-filter: none; -webkit-backdrop-filter: none;
    border-radius: 14px;
    box-shadow: none;
}
#view-day .dpage.dnow { gap: 12px; }
.dnow .dtile { gap: 5px; min-height: 0; padding: 14px 16px; }
.dnow .dtile:hover, .dnow .dtile:active { border-color: rgba(var(--ink-rgb), .24) !important; }
.dnow .dtile.sel { border-color: var(--accent) !important; }

/* ── подписи обычным регистром ── */
.dnow .dtile-h .lbl, .nw-hint, .nw-side .dtile-h .lbl, .dnow .dc-t, .nw-side .dc-t,
.nw-more, .nw-logsum, .dnow .dtl-sub, .nw-hero-k, .nw-round-k {
    font-size: 11px; letter-spacing: 0; text-transform: none; color: var(--text-muted);
}
.dnow .dtl-sub b { color: inherit; font-weight: 400; }
.dnow .dtile-chev { opacity: 0; transition: opacity .12s; }
.dnow .dtile:hover .dtile-chev { opacity: 1; }
.nw-side .dtile-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.nw-side .dtile-h .lbl { font-size: 13px; color: var(--text-primary); }

/* ── кнопки: одна золотая, остальные тихие ── */
.nw-hero .dtl-btn, .nw-side .dtl-btn, .dnow .dtl-rl .dtl-btn, .dnow .nw-plan .dtl-btn {
    font-size: 12px; letter-spacing: 0; text-transform: none; padding: 8px 14px; border-radius: 10px;
    background: transparent; border: 1px solid var(--desk-border); color: var(--text-secondary);
}
.nw-hero .dtl-btn:hover, .nw-side .dtl-btn:hover, .dnow .dtl-rl .dtl-btn:hover { color: var(--text-primary); border-color: rgba(var(--ink-rgb), .3); }
.nw-hero .dtl-btn.go {
    background: var(--accent); border-color: var(--accent); color: #17120a; font-weight: 600;
}
.nw-hero .dtl-btn.go:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: #17120a; }
html[data-theme="light"] .nw-hero .dtl-btn.go, html[data-theme="light"] .nw-hero .dtl-btn.go:hover { color: #fff; }

/* ── главный блок: одно дело + раунд ── */
.nw-hero { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 16px 18px !important; }
.nw-hero-m { display: flex; align-items: center; gap: 18px; min-width: 0; }
.nw-hero-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.nw-title { font-size: 21px; line-height: 1.25; font-weight: 500; color: var(--text-primary); overflow-wrap: anywhere; }
.nw-acts { display: flex; gap: 8px; flex: none; align-items: center; }
.nw-round { display: flex; flex-direction: column; gap: 6px; padding-top: 11px; border-top: 1px solid var(--desk-border); font-size: 12.5px; color: var(--text-secondary); }
.nw-round-r { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 22px; }
.nw-round-k { flex: none; width: 46px; }
.nw-round-t { flex: 1; min-width: 0; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nw-round-st { flex: none; font-size: 11px; color: var(--text-muted); white-space: nowrap; }
.nw-round-step { flex: 1; min-width: 0; padding: 0; background: none; border: none; font: inherit; color: var(--text-secondary); text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
button.nw-round-step:hover { color: var(--text-primary); }
.nw-round-r > .dtl-btn { flex: none; padding: 4px 10px !important; font-size: 11.5px !important; }
.nw-round-c { flex: 1; min-width: 0; font-size: 11.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nw-sprint-days { display: flex; gap: 3px; flex: none; }
.nw-sprint-days i { width: 9px; height: 5px; border-radius: 1.5px; background: rgba(var(--ink-rgb), .13); }
.nw-sprint-days i.on { background: var(--accent); }
.nw-sprint-days i.today { outline: 1px solid var(--accent); outline-offset: 1px; }
.nw-sprint-plan { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; padding-left: 56px; }
.nw-sprint-plan .dc-li em { flex: none; margin-left: auto; white-space: nowrap; font-size: 10.5px; color: var(--text-muted); }
.nw-sprint-plan .dc-li span { min-width: 0; }
.nw-round-links { display: flex; flex-wrap: wrap; gap: 6px; }
.nw-more { flex: none; background: none; border: none; padding: 2px 0; font-family: inherit; color: var(--text-muted); cursor: pointer; white-space: nowrap; }
.nw-more:hover { color: var(--text-primary); }

/* ── горит: одна тихая строка, цвет только у точки ── */
#view-day .dpage.dnow > .nw-fx { flex-wrap: nowrap; gap: 16px; padding: 0 4px; overflow-x: auto; scrollbar-width: none; }
#view-day .dpage.dnow > .nw-fx::-webkit-scrollbar { display: none; }
.nw-fx .dfx-c {
    flex: none; gap: 6px; padding: 2px 0; border: none; border-radius: 0; background: none;
    font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--text-secondary); white-space: nowrap;
}
.nw-fx .dfx-c:hover { color: var(--text-primary); }
.nw-fx .dfx-c > i { width: 5px; height: 5px; }
.nw-fx .dfx-c > em { color: var(--text-muted); }

/* ── плитки: одна цифра и один намёк; столбики без подписей — за тапом ── */
.dnow .dtile-v { font-size: 25px; }
.dnow .dtile-v small { font-size: 11.5px; color: var(--text-muted); }
.dnow .dtile-s { font-size: 11.5px; line-height: 1.4; color: var(--text-muted); white-space: normal; }
.dnow .dtile-s b { color: var(--text-secondary); font-weight: 500; }
#view-day .dpage.dnow .dtile[data-tile="work"] .dtile-viz, #view-day .dpage.dnow .dtile[data-tile="body"] .dtile-viz, #view-day .dpage.dnow .dtile[data-tile="money"] .dtile-viz { display: none; }
.dnow .dtile[data-tile="stod"] .dtile-s { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#view-day .dpage.dnow .dtile .tk-week { flex: none; max-height: none; }
#view-day .dpage.dnow .dtile .tk-wd i { flex: none; height: 26px; min-height: 0; }
.dnow .tk-grid i.dec { box-shadow: none; }
.dnow .tk-grid i.now.dec { box-shadow: inset 0 0 0 1.5px var(--accent); }
.nw-pts .dtile-v { color: var(--accent); }
.nw-pts .dtile-v small { color: var(--text-muted); }
.nw-since { white-space: normal !important; }
.nw-parts { display: flex; flex-wrap: wrap; gap: 2px 10px; font-size: 11.5px; line-height: 1.4; color: var(--text-muted); }
.nw-part { white-space: nowrap; }
.nw-part b { color: var(--text-secondary); font-weight: 500; }

/* ── лента: одна строка шапки, редкое за ⋯, итог цифрами — в плитке рядом ── */
.dtl-more { display: none; }
.dnow .dtl-top { align-items: center; }
.dnow .dtl-l { flex-direction: row; align-items: baseline; gap: 10px; white-space: nowrap; overflow: hidden; }
.dnow .dtl-date { flex: none; white-space: nowrap; }
.dnow .dtl-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.dnow .dtl-cur, .dnow .dtl-chip { display: none; }
.dnow .dtl-r > :not(.dtl-more) { display: none; }
.dnow .dtl-r.more > .dtl-views, .dnow .dtl-r.more > .dtl-edit, .dnow .dtl-r.more > .dtl-gear { display: inline-flex; align-items: center; justify-content: center; }
.dnow .dtl-r.more > .dtl-chip { display: none; }
.dnow .dtl-more {
    margin-right: -6px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 24px; padding: 0;
    background: none; border: none; border-radius: 7px; font-family: inherit; font-size: 15px; line-height: 1; color: var(--text-muted); cursor: pointer;
}
.dnow .dtl-more:hover, .dnow .dtl-r.more > .dtl-more { color: var(--text-primary); background: rgba(var(--ink-rgb), .07); }
.dnow .dtl-views { background: none; border-color: var(--desk-border); }
.dnow .dtl-views button.on { color: var(--text-primary); background: rgba(var(--ink-rgb), .09); box-shadow: none; }
.dnow .dtl-edit { color: var(--text-muted); }
.dnow .dtl-sum { display: none; }
.dnow .dtl-dial-c .lcd.clock + small { display: none; }
.dnow .dtl-bi { color: var(--text-secondary); }
.dnow .dtl-bi.now { color: var(--text-primary); }
.dnow .dtl-bi.now > i { box-shadow: none; }
.dnow .dtl-bi > b { font-size: 10.5px; letter-spacing: 0; text-transform: none; color: var(--text-muted); }
.dnow .dtl-bi > em { font-size: 11px; }
.dnow .dtl[data-view="ring"] .dtl-until { display: none; }
/* дорожки: узкие блоки и подписи факта не влезают — без обрывков */
.dnow .dtl-b.nar { font-size: 0; }
.dnow .dtl-mf { font-size: 0; }
.dnow .dtl-b { letter-spacing: 0; text-transform: none; font-size: 10px; }
.dnow .dtl-b.now { background: rgba(var(--ink-rgb), .10); border-color: rgba(var(--ink-rgb), .35); color: var(--text-primary); }
/* строка под лентой: действия уже в главном блоке. Остаются идущий раунд и «расклад дня» утром */
.dnow .dtl-rl.idle:not(.needplan) { display: none; }
.dnow .dtl-rl.idle .dtl-hint, .dnow .dtl-rl.idle .dtl-btn:not(.plan) { display: none; }

/* ── план: в правой колонке на ноутбуке и в шторке, плиткой на телефоне ── */
.nw-plan { display: flex; flex-direction: column; gap: 14px; cursor: default; }
.nw-plan:hover { border-color: var(--desk-border) !important; }
.dnow .nw-plan { gap: 12px; }
.nw-log { cursor: default; gap: 12px !important; }
.nw-log:hover { border-color: var(--desk-border) !important; }
.nw-ck, .nw-bd, .nw-mitadd { width: 100%; background: none; border: none; padding: 3px 0; font-family: inherit; text-align: left; cursor: pointer; }
.nw-ck:hover span, .nw-bd:hover span { color: var(--accent); }
.nw-ck.done span, .nw-wait span { text-decoration: line-through; color: var(--text-muted); }
.dc-li.rem.done::before { content: '✓'; border-color: var(--text-muted); color: var(--text-muted); font-size: 9px; line-height: 9px; text-align: center; }
.nw-wait em { color: var(--text-muted) !important; }
.nw-mit span { color: var(--text-primary); }
.nw-bd::before { content: '▸' !important; color: var(--text-muted) !important; }
.nw-bd span { flex: 1; }
.nw-ev::before { content: none !important; }
.nw-ev b { flex: none; width: 42px; color: var(--text-secondary); font-weight: 500; font-size: 11.5px; }
/* «главное сегодня» — одна строка с плюсом, по тапу становится полем */
.nw-mitadd { color: var(--text-secondary); }
.nw-mitadd::before { content: '＋' !important; color: var(--text-muted) !important; }
.nw-mitadd:hover { color: var(--text-primary); }
.nw-mitset { display: flex; gap: 6px; align-items: center; }
.nw-mitset::before { content: none !important; }
.nw-mitset input {
    flex: 1; min-width: 0; font-family: inherit; font-size: 13px; color: var(--text-primary);
    background: none; border: none; border-bottom: 1px solid var(--accent); padding: 6px 2px; outline: none;
}
.nw-mitset .dtl-btn { padding: 5px 10px !important; }
.nw-late > summary { cursor: pointer; list-style: none; }
.nw-late > summary::-webkit-details-marker { display: none; }
.nw-late > summary::after { content: '▾'; margin-left: 6px; color: var(--text-muted); letter-spacing: 0; }
.nw-late[open] > summary::after { content: '▴'; }
.nw-late[open] > summary { margin-bottom: 4px; }
.nw-late .dc-li.rem em { color: var(--text-muted); }   /* канон: незакрытое — открытая линия, красным не встречаем */
.nw-side .dc-t em, .dnow .dc-t em { opacity: 1; letter-spacing: 0; }

/* раскрытая плитка и шиты шапки в правой колонке: те же подписи */
body[data-tab="now"] #view-day .dc-head { font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--text-primary); }
body[data-tab="now"] #view-day .dc-back, body[data-tab="now"] #view-day .dc-detail .dc-t, body[data-tab="now"] #view-day .tk-lbl .lbl, body[data-tab="now"] #view-day .tk-lbl em, body[data-tab="now"] #view-day .tk-k small {
    font-size: 11px; letter-spacing: 0; text-transform: none; color: var(--text-muted);
}
body[data-tab="now"] #view-day .dc-back:hover { color: var(--text-primary); }
body[data-tab="now"] #view-day .tk-k b { font-size: 15px; }
body[data-tab="now"] #view-day .tk-k { padding: 8px 6px; }
body[data-tab="now"] #view-day .tk-k small { font-size: 10.5px; }
body[data-tab="now"] #view-day .dc-detail .sheet-save-row button { letter-spacing: 0; text-transform: none; }

/* ── лог дня ── */
.dc-li.done-li::before { content: '✓'; color: var(--text-muted); }
.nw-link { color: var(--text-muted) !important; }
.nw-link:hover { color: var(--text-primary) !important; }
button.nw-hint { background: none; border: none; padding: 0; font-family: inherit; cursor: pointer; }
.nw-hint { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nw-logsum { display: flex; gap: 14px; flex-wrap: wrap; align-items: baseline; margin-top: auto; }
.nw-logsum b { color: var(--text-secondary); font-weight: 500; }
.nw-logsum .nw-more { color: var(--text-secondary); }
.nw-logsum .nw-more:hover { color: var(--text-primary); }

/* шит очков (14 дней столбиками живут здесь) */
.nw-pts-sheet { display: flex; flex-direction: column; gap: 6px; }
.nw-pts-sheet .dtile-v { font-size: 34px; color: var(--accent); margin-bottom: 6px; }
.nw-kv { display: flex; justify-content: space-between; font-size: 13px; padding: 4px 0; border-bottom: 1px solid var(--border-color); color: var(--text-secondary); }
.nw-kv b { color: var(--text-primary); font-weight: 500; }
.tk-spark.nw-big { height: 64px; gap: 3px; }
.nw-note { font-size: 13.5px; max-height: 72vh; overflow-y: auto; }

/* ── телефон и планшет ── */
.nw-pl, .nw-lg { grid-template-columns: 1fr; }
@media (max-width: 1099px) and (orientation: portrait), (max-width: 699px), (max-width: 1099px) and (min-height: 521px) {
    .nw-hero { padding: 14px !important; gap: 11px; }
    .nw-title { font-size: 19px; }
    .dnow .dtile[data-tile="goals"] { grid-column: 1 / -1; }
    .dnow .dtile-v { font-size: 23px; }
}
@media (min-width: 700px) and (max-width: 1099px) {
    .dnow .dtl-bls { max-width: 300px; }
}
@media (max-width: 699px) {
    .nw-hero-m { flex-direction: column; align-items: stretch; gap: 12px; }
    .nw-acts .dtl-btn { flex: 1; padding: 10px 12px; }
    .nw-acts .dtl-btn.go { flex: 1.6; }
    /* раунд на телефоне: подпись и дни одной строкой, название ниже; длинное переносится */
    .nw-round-r { flex-wrap: wrap; gap: 4px 10px; }
    .nw-round-k { width: auto; }
    .nw-round-f > .nw-round-k { display: none; }
    .nw-round-t { order: 5; flex-basis: 100%; white-space: normal; }
    .nw-round-st { order: 2; }
    .nw-sprint-days { order: 3; margin-left: auto; }
    .nw-round-step { flex: 1 1 200px; white-space: normal; }
    .nw-round-c { flex-basis: 100%; white-space: normal; }
    .nw-round-f .nw-more { margin-left: auto; }
    .nw-sprint-plan { padding-left: 0; }
}

/* ── ноутбук и шторка: главный блок, под ним лента и рядом очки и время, справа план ── */
@media (min-width: 1100px), (orientation: landscape) and (min-width: 700px) and (max-height: 520px) {
    #view-day .dpage.dnow > .nw-hero { order: 0; grid-column: 1 / -1; }
    #view-day .dpage.dnow > .dfx { order: 1; grid-column: 1 / -1; }
    #view-day .dpage.dnow > .dtl { order: 2; grid-column: span 3; grid-row: span 2 !important; align-self: stretch; }
    #view-day .dpage.dnow .nw-top > .dtile { order: 3; grid-column: span 3; align-self: stretch; }
    #view-day .dpage > .nw-lg { display: contents; }
    #view-day .dpage.dnow .nw-log { order: 4; grid-column: 1 / -1; align-self: stretch; }
    #view-day .dpage.dnow > .dtiles:not(.nw-top):not(.nw-lg) > .dtile { order: 5; }
    #view-day .dpage.dnow > .dtiles:not(.nw-top):not(.nw-lg) > .dtile.wide { order: 6; }
    #view-day .dpage.dnow > .dph { order: 7; }
    #view-day .dpage.dnow .dtile.wide[data-tile="stod"], #view-day .dpage.dnow .dtile.wide[data-tile="week"] { grid-column: span 3; }
    #view-day .dpage.dnow .dtile[data-tile="body"], #view-day .dpage.dnow .dtile[data-tile="money"], #view-day .dpage.dnow .dtile[data-tile="goals"] { grid-column: span 2; }
    #view-day .dpage.dnow > .dtiles > .dtile { align-self: stretch; }
    .dnow .dtl-ring { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "dial list" "dial line"; gap: 8px 26px; }
    #view-day .dpage.dnow > .dtl:has(.dpe-host) { grid-column: 1 / -1 !important; grid-row: auto !important; }
    /* правая колонка — план */
    #view-day .dctx.nw-side { gap: 18px; padding: 14px 16px; }
    .nw-side .dc-ago { margin-top: auto; }
    .nw-title { font-size: 21px; }
}
@media (min-width: 1100px) and (max-width: 1379px), (orientation: landscape) and (min-width: 700px) and (max-height: 520px) {
    #view-day .dpage.dnow > .dtl, #view-day .dpage.dnow .nw-top > .dtile { grid-column: span 2; }
    #view-day .dpage.dnow .dtile.wide[data-tile="stod"], #view-day .dpage.dnow .dtile.wide[data-tile="week"] { grid-column: span 2; }
    #view-day .dpage.dnow .dtile[data-tile="body"], #view-day .dpage.dnow .dtile[data-tile="money"] { grid-column: span 1; }
    #view-day .dpage.dnow .dtile[data-tile="goals"] { grid-column: span 2; }
}
/* окно пульта: у дня там именованные ряды — на 5.0 ряды обычные */
@media (min-width: 1100px) and (max-width: 1379px) and (min-height: 700px) {
    #view-day .dpage.dnow { grid-template-rows: none !important; min-height: 0; }
    #view-day .dpage.dnow > *:not(.dtl), #view-day .dpage.dnow .dtile { grid-row: auto !important; }
    #view-day .dctx.nw-side { min-height: var(--side-maxh); }
}

/* телефон боком: на ленту рядом с плитками нет места. Шапка узкая: остаются день игры и уровень, баланс — в плитке */
@media (orientation: landscape) and (min-width: 700px) and (max-height: 520px) and (max-width: 1099px) {
    #view-day .dpage.dnow > .dtl { grid-column: 1 / -1; grid-row: auto !important; }
    .nw-hero-m { gap: 12px; }
    .nw-title { font-size: 18px; }
    .nw-sprint-days { display: none; }
    .topbar .hud-gauges { display: none; }
}

/* совсем узкий ноутбук: метка «сейчас» у блока не влезает, видно по яркости строки */
@media (min-width: 1100px) and (max-width: 1279px) {
    .dnow .dtl-bi.now:not(.done) > b { display: none; }
}

/* ── рамка (шапка и навигация общие для всех вкладок): подписи читаются, без свечений ── */
.topbar .hud-gauges .gauge-lbl { font-size: 10px; letter-spacing: 0; text-transform: none; color: var(--text-secondary); line-height: 1.1; }
.nav-btn.active::after, .nav.nav-bottom .nav-btn.active::before { display: none; }
.nav.nav-bottom .nav-btn .nav-label { text-transform: lowercase; letter-spacing: 0; font-weight: 500; }
.nav.nav-bottom .nav-btn.active,
.nav.nav-bottom .nav-focus.running { background: rgba(var(--ink-rgb), .09); border-color: transparent; box-shadow: none; color: var(--text-primary); }
.nav.nav-bottom .nav-btn.active .nav-icon { color: var(--text-primary); filter: none; }
.nav.nav-bottom .nav-btn.active .nav-label { color: var(--text-primary); }
.nav.nav-bottom .nav-focus:not(.running):not(.paused):not(.over) .nav-icon { color: inherit; }
.nav.nav-bottom .nav-focus.running .nav-icon, .nav.nav-bottom .nav-focus.running .nav-label { color: var(--accent); }
.hud-gauges .charge-cells, .hud-gauges .gauge-bar { display: none; }
.nav.nav-bottom::before { display: none; }
.nav.nav-bottom { border-top-color: var(--desk-border); }
.hud-lvlbar > i { box-shadow: none; }
.charge-cells i.on { box-shadow: none; }
@media (max-width: 1099px) and (orientation: portrait), (max-width: 699px), (max-width: 1099px) and (min-height: 521px) {
    .hud-gauges #hud-streak-best, .hud-prof .hud-lvl-next { display: none; }
    .nav.nav-bottom .nav-btn { padding-left: 1px; padding-right: 1px; }
    .nav.nav-bottom .nav-btn .nav-label { font-size: 9.5px; }
    .gauge { min-height: 38px; }
}
/* планшет и окно миниаппа: семь кнопок с подписями целиком */
@media (min-width: 640px) and (max-width: 1099px) and (min-height: 521px) {
    .nav.nav-bottom { width: min(640px, 100%); }
}