/* The screens that are not plain lists: «Сегодня», «Повестка», «Деньги» (mock 2). Markup: views/screens.js.
   Every rule of these parts lives here and nowhere else. */

/* the day: «Среда, 11 ноября» — 24 px, the first letter capital, close to the sections */
.today-head { padding: 6px 20px 2px; }
.today-head h1 { margin: 0; font-size: var(--fs-title-l); font-weight: 600; letter-spacing: -.012em; }
.today-head h1::first-letter { text-transform: uppercase; }

/* what waits to be sorted: a soft accent line, a tap opens that list */
.today-teasers { display: flex; flex-direction: column; gap: 6px; padding: 8px 8px 0; }
.today-teaser { display: flex; align-items: center; gap: 9px; width: 100%; height: 40px; padding: 0 12px; border: 0; border-radius: var(--r-sm); background: var(--accent-soft); color: var(--accent-text); font: inherit; font-size: var(--fs-body); text-align: left; cursor: pointer; }
@media (hover: hover) { .today-teaser:hover { background: var(--accent-soft-2); } }
.today-teaser:active { background: var(--accent-soft-2); }
.today-teaser .t { flex: 1; min-width: 0; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.today-teaser b { font-weight: 600; }
.today-teaser svg, .today-teaser .i { width: 16px; height: 16px; flex: none; color: currentColor; }
.today-teaser > :last-child { color: var(--text-4); }

/* «Нам должны / Мы должны» over the money sections */
.money-sum { display: flex; flex-wrap: wrap; gap: 18px; padding: 4px 20px 2px; color: var(--text-3); }
.money-sum b { color: var(--text); font-weight: 550; font-variant-numeric: tabular-nums; }

/* «Корзина» (mock 2): the number of a deleted record in a soft round plate, a file's kind on a quiet grey plate,
   «сотрётся …» and «Восстановить» small (22 / 30 px) */
.sec[data-sec^="trash-"] .row .ident { width: auto; min-width: 36px; height: 20px; padding: 0 7px; box-sizing: border-box; display: inline-grid; place-items: center; border-radius: var(--r-full); background: var(--accent-soft); color: var(--text-4); font-weight: 500; letter-spacing: .02em; }
.sec[data-sec="trash-files"] .fthumb.mini { width: 30px; height: 22px; border-radius: var(--r-xs); background: var(--hover); color: var(--text-3); font-size: 10px; font-weight: 600; }
.sec[data-sec^="trash-"] .row .btn { height: 30px; padding: 0 12px; }
.sec[data-sec^="trash-"] .row .chip.keep { height: 22px; padding: 0 8px; font-size: var(--fs-caption); }