/* ============ Стандартный дизайн «Монохром на тёплом» ============
   Включается переключателем в футере (атрибут html[data-design="standard"],
   см. js/design.js). Один цвет — тёплый тёмный на тёплой бумаге; тёмных
   заливок нет, всё держится на шрифте, разделителях и обводках 1px.
   Скругления те же, что в дофаминовом. Цветного акцента нет: выбранное инвертируется — тёмная плашка,
   светлый текст, без обводки. Активная вкладка статуса — крупнее и светлее
   остальных. Цветовые переменные дофаминовой палитры переопределены
   нейтральными, чтобы цвет не просачивался в мелочи. Заголовки — Lora
   (там же, где в дофаминовом Nauryz), фигуры — тонкие контуры из covers.js. */
html[data-design="standard"] { --ink: #23201C; --ink-2: #8A8178; --line: rgba(35, 32, 28, .22); --line-strong: rgba(35, 32, 28, .55);
  --bg: #F3EFE9; --paper: #FBF8F4; --tomato: #23201C; --display: 'Onest', system-ui, sans-serif; --shadow: transparent; }
html[data-design="standard"], html[data-design="standard"] body { background: var(--bg) !important; }
html[data-design="standard"] body { background-image: none !important; color: var(--ink); }
html[data-design="standard"] body::after { display: none !important; }
html[data-design="standard"] .doodle { display: none !important; }
html[data-design="standard"] .sticker, html[data-design="standard"] .decode span, html[data-design="standard"] .tag, html[data-design="standard"] .pack, html[data-design="standard"] .mini-cover, html[data-design="standard"] .detail-cover, html[data-design="standard"] .stat-tile, html[data-design="standard"] .btn, html[data-design="standard"] .chip, html[data-design="standard"] .card .cover { transform: none !important; }
html[data-design="standard"] .card:hover .cover, html[data-design="standard"] .grid > :nth-child(even) .card:hover .cover, html[data-design="standard"] .card:nth-child(even):hover .cover, html[data-design="standard"] .pack:hover, html[data-design="standard"] .stat-tile:hover, html[data-design="standard"] .btn:hover, html[data-design="standard"] .chip:hover, html[data-design="standard"] .folder:hover .mini-cover { transform: none !important; }
html[data-design="standard"] .folder, html[data-design="standard"] .pack, html[data-design="standard"] .side-tab, html[data-design="standard"] .sheet, html[data-design="standard"] .sheet-card, html[data-design="standard"] .cover, html[data-design="standard"] .mini-cover { filter: none !important; box-shadow: none !important; }
html[data-design="standard"] .footer-word, html[data-design="standard"] .folder-vtitle, html[data-design="standard"] .title-sheet h1, html[data-design="standard"] .coll-hero h1, html[data-design="standard"] .pack-name, html[data-design="standard"] .home-collections h2, html[data-design="standard"] .about-block h2, html[data-design="standard"] .detail-info h2, html[data-design="standard"] .add-head h2 { text-transform: uppercase; color: var(--ink) !important; }
html[data-design="standard"] .detail-info h2, html[data-design="standard"] .add-head h2 { font-family: var(--font) !important; font-weight: 300 !important; letter-spacing: -.02em !important; }
html[data-design="standard"] .title-sheet h1 { font-size: clamp(56px, 5.4vw, 88px) !important; line-height: .95 !important; }
html[data-design="standard"] .coll-hero h1 { font-size: clamp(56px, 8vw, 128px) !important; line-height: .95 !important; }
html[data-design="standard"] .folder-vtitle { font-size: clamp(40px, 6.4vh, 76px) !important; }
html[data-design="standard"] .pack-name { font-size: 24px !important; line-height: 1.05 !important; }
html[data-design="standard"] .home-collections h2, html[data-design="standard"] .about-block h2 { font-size: clamp(26px, 2.6vw, 38px) !important; }
html[data-design="standard"] .detail-info h2, html[data-design="standard"] .add-head h2 { font-size: clamp(30px, 3.4vw, 46px) !important; line-height: 1 !important; }
html[data-design="standard"] .mono, html[data-design="standard"] .card-code, html[data-design="standard"] .label, html[data-design="standard"] .footer-label, html[data-design="standard"] .search-section { color: var(--ink-2) !important; }
html[data-design="standard"] .coll-sub, html[data-design="standard"] .lead, html[data-design="standard"] .detail-sub, html[data-design="standard"] .empty-hint, html[data-design="standard"] .card .sub, html[data-design="standard"] .now-text small { color: var(--ink-2) !important; }
html[data-design="standard"] .mainnav a, html[data-design="standard"] body[data-view="collection"] .mainnav a { color: var(--ink) !important; font-weight: 400; text-transform: uppercase; font-size: 13px; letter-spacing: .06em; background: none !important; }
html[data-design="standard"] .mainnav a:hover { background: none !important; text-decoration: none; box-shadow: inset 0 0 0 1px var(--line-strong); }
html[data-design="standard"] .mainnav a.is-active, html[data-design="standard"] body[data-view="collection"] .mainnav a.is-active { background: none !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink); }
html[data-design="standard"] .btn, html[data-design="standard"] .btn--ghost, html[data-design="standard"] .btn--danger { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--ink) !important; font-weight: 500; }
html[data-design="standard"] .btn:hover { background: var(--paper) !important; }
html[data-design="standard"] .btn--ghost { border-color: var(--line-strong) !important; }
html[data-design="standard"] .search input, html[data-design="standard"] .field-inline input, html[data-design="standard"] .select select, html[data-design="standard"] .field input:not([type=radio]), html[data-design="standard"] .field textarea, html[data-design="standard"] .note-compose textarea { background: transparent !important; border: 1px solid var(--line-strong) !important; color: var(--ink); }
html[data-design="standard"] .search-results { background: var(--paper); border-width: 1px; box-shadow: none; }
html[data-design="standard"] .folder-body, html[data-design="standard"] .stat-tile, html[data-design="standard"] .sheet, html[data-design="standard"] .pack-body, html[data-design="standard"] .sheet-card, html[data-design="standard"] .footer-sheet, html[data-design="standard"] .confirm-card, html[data-design="standard"] .picker, html[data-design="standard"] .sheet-inner { background: var(--paper) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--line) !important; border: 0 !important; }
html[data-design="standard"] .folder--title .folder-body { box-shadow: inset 0 0 0 1px var(--line-strong) !important; }
html[data-design="standard"] .sheet { background-image: none !important; }
html[data-design="standard"] .sheet-card { padding: 0 !important; }
html[data-design="standard"] .sheet-inner { box-shadow: none !important; }
html[data-design="standard"] .folder-tab, html[data-design="standard"] .pack-tab, html[data-design="standard"] .sheet-tab, html[data-design="standard"] .footer-tab, html[data-design="standard"] .side-tab { background: var(--paper) !important; color: var(--ink) !important; border: 1px solid var(--line) !important; filter: none !important; box-shadow: none !important; }
html[data-design="standard"] .folder-tab::before, html[data-design="standard"] .folder-tab::after, html[data-design="standard"] .pack-tab::before, html[data-design="standard"] .pack-tab::after, html[data-design="standard"] .sheet-tab::before, html[data-design="standard"] .sheet-tab::after, html[data-design="standard"] .footer-tab::before, html[data-design="standard"] .footer-tab::after { display: none !important; }
html[data-design="standard"] .folder-tab { border-left: 0 !important; left: calc(100% - 1px) !important; font-weight: 400; }
html[data-design="standard"] .pack-tab, html[data-design="standard"] .sheet-tab, html[data-design="standard"] .footer-tab { border-bottom: 0 !important; bottom: calc(100% - 1px) !important; }
html[data-design="standard"] .side-tab { border-right: 0 !important; font-weight: 400; text-transform: uppercase; letter-spacing: .05em; font-size: 12px; }
html[data-design="standard"] .side-tab.is-current { border-color: var(--ink) !important; font-weight: 600; }
html[data-design="standard"] .folder-vtitle, html[data-design="standard"] .folder-body, html[data-design="standard"] .folder-foot { color: var(--ink) !important; }
html[data-design="standard"] .stat-num { font-weight: 300 !important; letter-spacing: -.04em; color: var(--ink) !important; }
html[data-design="standard"] .stat-top, html[data-design="standard"] .stat-bottom { color: var(--ink-2) !important; font-weight: 400; text-transform: uppercase; font-size: 11px; letter-spacing: .06em; }
html[data-design="standard"] .decode { gap: 0 !important; }
html[data-design="standard"] .decode span { background: none !important; color: var(--ink-2) !important; padding: 0 12px 0 0 !important; font-weight: 400; }
html[data-design="standard"] .decode b { color: var(--ink); font-weight: 600; }
html[data-design="standard"] .sticker { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--line-strong); font-weight: 400; }
html[data-design="standard"] .mini-cover { outline: 1px solid var(--line); outline-offset: -1px; }
html[data-design="standard"] .stab { background: transparent !important; color: var(--ink-2) !important; border: 1px solid var(--line) !important; border-bottom: 0 !important; box-shadow: none !important; font-weight: 400; margin-right: -1px; }
html[data-design="standard"] .stab--all:not(.is-active) { color: var(--ink-2) !important; }
html[data-design="standard"] .stab.is-active { --tc: var(--paper); background: var(--paper) !important; color: var(--ink) !important; font-weight: 600; border-color: var(--line) !important; margin-bottom: -1px; padding-bottom: 17px; z-index: 8 !important; }
html[data-design="standard"] .stab.is-active::before, html[data-design="standard"] .stab.is-active::after { display: none !important; }
html[data-design="standard"] .status-tabs { position: relative; z-index: 9; }
html[data-design="standard"] .cover { border: 1px solid var(--line) !important; }
html[data-design="standard"] .status-pill { background: var(--paper) !important; color: var(--stc) !important; border: 1px solid var(--line-strong) !important; font-weight: 400; }
html[data-design="standard"] .card h3 { font-weight: 500; }
html[data-design="standard"] .card-delete, html[data-design="standard"] .collection-remove, html[data-design="standard"] .close { background: var(--paper) !important; color: var(--ink) !important; border: 1px solid var(--line-strong) !important; }
html[data-design="standard"] .card-delete:hover { background: var(--paper) !important; color: var(--ink) !important; border-color: var(--ink) !important; }
html[data-design="standard"] .chip, html[data-design="standard"] .chip--cat, html[data-design="standard"] .chip--type { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--line-strong) !important; font-weight: 400; }
html[data-design="standard"] .chip.is-on, html[data-design="standard"] .chip:has(input:checked), html[data-design="standard"] .chip--type.is-on { border-color: var(--ink) !important; font-weight: 600; box-shadow: inset 0 0 0 1px var(--ink); }
html[data-design="standard"] .tag { background: transparent !important; border: 1px solid var(--line-strong); font-weight: 400; }
html[data-design="standard"] .note-card { font: 400 15px/1.5 var(--font); background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 8px 0; }
html[data-design="standard"] .quote-card { background: transparent; border-left: 1px solid var(--ink); border-radius: 0; font-style: normal; padding: 6px 0 6px 18px; }
html[data-design="standard"] .quote-card::before { display: none; }
html[data-design="standard"] .picker-row input:checked + .picker-check { background: transparent; box-shadow: inset 0 0 0 1px var(--ink); }
html[data-design="standard"] .picker-check { border-width: 1px; }
html[data-design="standard"] .pack-body { min-height: 200px; }
html[data-design="standard"] .pack-new { background: transparent !important; border: 1px dashed var(--line-strong) !important; color: var(--ink); font-weight: 400; }
html[data-design="standard"] .home-collections-all { background: transparent !important; border: 1px solid var(--ink) !important; font-weight: 400; }
html[data-design="standard"] .home-collections-all:hover { color: var(--ink) !important; }
html[data-design="standard"] .footer-col p, html[data-design="standard"] .footer-bottom, html[data-design="standard"] .footer-muted { color: var(--ink-2) !important; }
html[data-design="standard"] .footer-word, html[data-design="standard"] .footer-decode, html[data-design="standard"] .footer-decode b { color: var(--ink) !important; }
html[data-design="standard"] .footer-bottom { border-top: 1px solid var(--line) !important; }
html[data-design="standard"] .design-switch { background: transparent !important; box-shadow: inset 0 0 0 1px var(--line-strong); }
html[data-design="standard"] .design-switch button { color: var(--ink-2) !important; font-weight: 400; }
html[data-design="standard"] .design-switch button.is-on { background: transparent !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink); font-weight: 600; }
html[data-design="standard"] .backup-import { color: var(--ink) !important; }
html[data-design="standard"] .trash-fab, html[data-design="standard"] .trash-fab.is-on-footer { background: var(--paper) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink) !important; }
html[data-design="standard"] .trash-fab-count { background: var(--paper) !important; color: var(--ink) !important; border: 1px solid var(--ink) !important; }
html[data-design="standard"] .toast { background: var(--paper) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px var(--ink); }
html[data-design="standard"] .modal-backdrop, html[data-design="standard"] .confirm-backdrop { background: rgba(243, 239, 233, .82) !important; backdrop-filter: blur(2px); }
html[data-design="standard"] .star-slot svg path { stroke-width: 1.4; }
html[data-design="standard"] .link-danger { color: var(--ink-2) !important; }
html[data-design="standard"] :focus-visible { outline-color: var(--ink) !important; }
html[data-design="standard"] .field input:focus, html[data-design="standard"] .field textarea:focus, html[data-design="standard"] .search input:focus, html[data-design="standard"] .field-inline input:focus { outline: none !important; box-shadow: none !important; border-color: var(--ink) !important; }
html[data-design="standard"] .detail-cover, html[data-design="standard"] .edit-side .detail-cover { border: 1px solid var(--line) !important; box-shadow: none !important; }
html[data-design="standard"] .sheet-inner { background: transparent !important; }
html[data-design="standard"] .sheet-card { box-shadow: inset 0 0 0 1px var(--line-strong) !important; }

/* ---- подборки: язычок стоит на крае папки, с вогнутыми «плечиками» ---- */
/* Язычок заходит на 1px в папку и закрывает её верхнюю линию; плечико — уголок
   с дугой-обводкой, а тень той же бумаги заливает место между дугой и папкой. */
html[data-design="standard"] .pack { display: flex; flex-direction: column; }
html[data-design="standard"] .pack-body { flex: 1; min-height: 200px; }
html[data-design="standard"] .pack-tab { z-index: 2; bottom: calc(100% - 2px) !important; padding-bottom: 8px; border-radius: 14px 14px 0 0; }
html[data-design="standard"] .pack-tab::before, html[data-design="standard"] .pack-tab::after {
  display: block !important; content: ""; position: absolute; bottom: 1px;
  width: var(--r); height: var(--r); background: transparent !important; border: 0 solid var(--line); }
html[data-design="standard"] .pack-tab::before { right: 100%; border-right-width: 1px; border-bottom-width: 1px; border-bottom-right-radius: var(--r); box-shadow: 6px 6px 0 0 var(--paper); }
html[data-design="standard"] .pack-tab::after { left: 100%; border-left-width: 1px; border-bottom-width: 1px; border-bottom-left-radius: var(--r); box-shadow: -6px 6px 0 0 var(--paper); }
html[data-design="standard"] .pack-new { min-height: 200px; }

html[data-design="standard"] .status-tabs { padding-bottom: 2px; margin-bottom: -2px; } /* ряд со скроллом обрезает вкладку, заходящую на лист */

/* ================= Без цвета: нейтральная палитра и инверсия ================= */
/* Переменные дофаминовой палитры → нейтральные тона того же тёмного. */
html[data-design="standard"] {
  --cream: var(--paper); --cyan: rgba(35, 32, 28, .06); --lav: rgba(35, 32, 28, .06);
  --sun: var(--ink); --yellow: var(--ink); --lilac: var(--line-strong); --peach: var(--line-strong);
  --violet: var(--ink); --blue: var(--ink); --forest: var(--ink); --green: var(--ink);
  --slate: var(--ink-2); --stone: var(--line); --tomato-deep: var(--ink);
  --inv-bg: var(--ink); --inv-fg: var(--paper); --hover: rgba(35, 32, 28, .06);
}

/* выбранные метки: инверсия — тёмная плашка, светлый текст, без обводки */
html[data-design="standard"] .chip.is-on, html[data-design="standard"] .chip:has(input:checked), html[data-design="standard"] .chip--type.is-on, html[data-design="standard"] .chip--cat {
  background: var(--inv-bg) !important; color: var(--inv-fg) !important;
  border-color: var(--inv-bg) !important; box-shadow: none !important; font-weight: 500; }
html[data-design="standard"] .chip:not(.is-on):not(.chip--static):hover { background: var(--hover) !important; }

/* наведение на кнопки — лёгкая подложка того же тона */
html[data-design="standard"] .btn:hover, html[data-design="standard"] .home-collections-all:hover { background: var(--hover) !important; color: var(--ink) !important; border-color: var(--ink) !important; }

/* вкладки статусов: все на одной линии с листом; активная — выше и светлее */
html[data-design="standard"] .stab, html[data-design="standard"] .stab:hover, html[data-design="standard"] .stab.is-active { transform: none !important; margin-bottom: -1px !important; padding-bottom: 14px !important; }
html[data-design="standard"] .stab { color: var(--ink-2) !important; background: transparent !important; }
html[data-design="standard"] .stab:hover:not(.is-active) { color: var(--ink) !important; background: var(--hover) !important; }
html[data-design="standard"] .stab.is-active { color: var(--ink) !important; background: var(--paper) !important; border-color: var(--line-strong) !important;
  padding-top: 19px !important; padding-bottom: 15px !important; margin-bottom: -2px !important; font-weight: 600 !important; font-size: 16px; }
html[data-design="standard"] .stab.is-active .count { opacity: .6; }
html[data-design="standard"] .status-tabs { padding-bottom: 2px; margin-bottom: -2px; }

/* календарь и список месяцев */
html[data-design="standard"] .pick-btn:hover { background: var(--hover) !important; }
html[data-design="standard"] .pick-opt:hover, html[data-design="standard"] .cal-day:hover { background: var(--hover) !important; }
html[data-design="standard"] .pick-opt.is-on, html[data-design="standard"] .cal-day.is-on { background: var(--inv-bg) !important; color: var(--inv-fg) !important; box-shadow: none !important; }
html[data-design="standard"] .cal-day.is-weekend:not(.is-on) { color: var(--ink-2) !important; }
html[data-design="standard"] .cal-day.is-today:not(.is-on) { box-shadow: inset 0 0 0 1px var(--ink) !important; }

/* выбор записей в подборку */
html[data-design="standard"] .picker-row:hover, html[data-design="standard"] .picker-row:has(input:checked):hover { background: var(--hover) !important; }
html[data-design="standard"] .picker-row:has(input:checked) { background: transparent !important; }
html[data-design="standard"] .picker-row input:checked + .picker-check { background: var(--inv-bg) !important; box-shadow: none !important; border-color: var(--inv-bg) !important; }
html[data-design="standard"] .picker-row input:checked + .picker-check::after { border-color: var(--inv-fg) !important; }
html[data-design="standard"] .picker-row input:focus-visible + .picker-check { outline-color: var(--ink) !important; }

/* остатки тёмно-синего из дофаминовой палитры */
html[data-design="standard"] .pack, html[data-design="standard"] .pack-body, html[data-design="standard"] .pack-name { color: var(--ink) !important; }
html[data-design="standard"] .result--all { border-top-color: var(--line) !important; }
html[data-design="standard"] .search-snippet mark, html[data-design="standard"] .card mark { background: var(--inv-bg) !important; color: var(--inv-fg) !important; }
html[data-design="standard"] .search-snippet { background: transparent !important; border-color: var(--line-strong) !important; }
html[data-design="standard"] .pick-btn { border: 1px solid var(--line-strong) !important; background: transparent !important; box-shadow: none !important; }
html[data-design="standard"] .pick-btn[aria-expanded="true"], html[data-design="standard"] .pick-btn:focus-visible { border-color: var(--ink) !important; }

/* календарь и список месяцев: те же линии 1px, что у остальных полей */
html[data-design="standard"] .pick-panel { border: 1px solid var(--line-strong) !important; box-shadow: none !important; background: var(--paper) !important; }
html[data-design="standard"] .cal-nav { border: 1px solid var(--line-strong) !important; background: transparent !important; }
html[data-design="standard"] .cal-nav:hover { background: var(--hover) !important; border-color: var(--ink) !important; }
html[data-design="standard"] .pick-icon { stroke-width: 1.4 !important; }
html[data-design="standard"] .cal-foot { border-top-color: var(--line) !important; border-top-width: 1px !important; }

/* ================= Заголовки — Lora, рукописные подписи, контурные фигуры ================= */
/* Lora стоит там же, где в дофаминовом Nauryz: логотип, папки, заголовки страниц,
   подборки, «О приложении». Заголовки в окне записи остаются на Onest. */
html[data-design="standard"] .footer-word, html[data-design="standard"] .folder-vtitle, html[data-design="standard"] .title-sheet h1, html[data-design="standard"] .coll-hero h1, html[data-design="standard"] .pack-name, html[data-design="standard"] .home-collections h2, html[data-design="standard"] .about-block h2 {
  font-family: 'Lora', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -.01em !important; }

/* рукописные подписи в окнах записи и подборки — как «выбрано N» */
html[data-design="standard"] .hand-note { color: var(--ink-2) !important; }

/* контурные фигуры: тонко и светло */
html[data-design="standard"] .fig-outline { opacity: .38; }
html[data-design="standard"] .stat-fig { width: 92px; right: -14px; bottom: -16px; }
html[data-design="standard"] .coll-figure .fig-outline { opacity: .3; }
html[data-design="standard"] .empty > svg { margin: 0 auto; }

/* наведение на плитки статистики и стикер подборок */
html[data-design="standard"] .stat-tile:hover { background: var(--hover) !important; box-shadow: inset 0 0 0 1px var(--ink) !important; }
html[data-design="standard"] .stat-tile:hover .fig-outline { opacity: .6; }
html[data-design="standard"] .sticker--link:hover { background: var(--hover) !important; border-color: var(--ink) !important; }