/* ==========================================================================
   Dolojane — v55-minimal-theme.css
   Минималистичная тема поверх текущего каскада (styles.css … v54.css).

   ПРИНЦИП: это ДОБАВОЧНЫЙ слой в вашей же архитектуре, а не замена. Ничего
   не переписывает JS/разметку — только визуальный язык поверх существующих
   классов (card, btn, task-row, nav-item, chip, settings-row и т.д.),
   которые я проверил на актуальность в v41–v54.

   НАПРАВЛЕНИЕ: Basecamp (много воздуха, почти монохромная палитра, акцент
   работает только там, где реально нужно внимание, минимум теней/рамок,
   иерархия через типографику и отступы, а не цветные заливки) + Todoist
   (компактные однострочные списки, акцентный цвет только на самых редких
   и самых важных элементах — приоритет, статус, счётчик).

   КАК ПОДКЛЮЧИТЬ: добавить одну строку в index.html после последнего
   <link rel="stylesheet" href="v54.css">:
     <link rel="stylesheet" href="v55-minimal-theme.css">
   Это единственное изменение, которое требуется в HTML. Полностью
   отключается удалением этой одной строки.

   ЧЕСТНОЕ ОГРАНИЧЕНИЕ: у меня нет браузера в этой среде, чтобы увидеть
   рендер — правки основаны на чтении style.css/v0x.css и разметки, которую
   эти правила таргетируют, а не на визуальной проверке. Возможны точечные
   промахи по совсем новым/редким экранам — дайте знать, какие именно, и я
   поправлю прицельно, не трогая остальное.
   ========================================================================== */

:root{
  /* Было: --bg:#f7f6f3 (тёплый серо-бежевый), --accent:#d55242 (насыщенный
     терракотовый), тяжёлая тень --shadow:0 12px 40px rgba(...,.08).
     Минимализм Basecamp/Todoist держится на: (1) почти белом/светло-сером
     фоне без "дизайнерского" тона, (2) одном акценте, используемом скупо,
     (3) тенях толщиной в 1px-рамку, а не в размытие. */
  --bg:#fafafa;
  --panel:#fff;
  --ink:#1a1a1a;
  --muted:#8a8a8a;
  --muted-2:#b3b3b3;
  --line:#eaeaea;
  --line-strong:#dcdcdc;
  --accent:#d5524a;          /* тот же акцент из палитры — не меняю бренд */
  --accent-soft:#fbeceb;
  --shadow:none;
  --shadow-modal:0 8px 24px rgba(0,0,0,.10);
  --radius:6px;
  --radius-lg:8px;
}

/* ---------- База: типографика и ритм ---------- */

body{
  background:var(--bg);
  color:var(--ink);
  font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* Basecamp/Todoist не используют жирность 750 почти нигде — иерархия идёт
   через размер и цвет, не через вес. Снижаю самые тяжёлые начертания. */
.page-title{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:2px 0 4px}
.brand{font-weight:600}
.section-title{font-size:13px;font-weight:600;color:var(--ink)}
.settings-label{font-weight:500}
.project-name{font-weight:500}
.focus-title{font-weight:600;font-size:16px}
.metric-value{font-weight:600;font-size:22px;letter-spacing:-.01em}
.eyebrow{
  color:var(--muted);            /* было var(--accent) — акцент теперь не
                                     на служебных надписях, а на действиях */
  font-weight:600;font-size:11px;letter-spacing:.06em;
}

/* ---------- Раскладка: больше воздуха ---------- */

.main{padding:40px clamp(28px,6vw,84px) 90px}
.topbar{margin-bottom:34px}
.section{margin:32px 0}
.section-head{margin-bottom:12px}

/* ---------- Карточки: рамка вместо тени ---------- */

.card,.focus-card,.help-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:none;
}
.focus-card{border-left:1px solid var(--line);border-left-width:3px;border-left-color:var(--accent);padding:20px 22px}
.focus-label{color:var(--accent);font-weight:600;font-size:11px;letter-spacing:.06em}

/* ---------- Сайдбар: тише, без «активной» тени ---------- */

.sidebar{
  background:var(--bg);
  border-right:1px solid var(--line);
}
.nav-item{
  color:#5a5a5a;
  border-radius:var(--radius);
  font-weight:500;
}
.nav-item:hover{background:#f0f0f0;color:var(--ink)}
.nav-item.active{
  background:#fff;
  color:var(--ink);
  box-shadow:none;
  border:1px solid var(--line);
  font-weight:600;
}
.nav-title{color:var(--muted-2);font-weight:600;font-size:10.5px}
.nav-item .count{color:var(--muted-2)}
.search{background:var(--bg);border:1px solid var(--line);box-shadow:none}

/* ---------- Кнопки: акцент только на первичном действии ---------- */

.btn{
  border:1px solid var(--line-strong);
  background:#fff;
  border-radius:var(--radius);
  font-weight:500;
  color:var(--ink);
  box-shadow:none;
}
.btn:hover{border-color:#b8b8b8;background:#f7f7f7}
.btn.primary{
  background:var(--accent);
  border-color:var(--accent);
  font-weight:600;
}
.btn.primary:hover{background:#c1453e;border-color:#c1453e}
.btn.ghost{border-color:transparent;background:transparent}
.btn.ghost:hover{background:#f0f0f0}
.btn.icon-only{border-color:transparent;background:transparent;color:var(--muted)}
.btn.icon-only:hover{background:#f0f0f0;color:var(--ink)}
.icon-btn{color:var(--muted-2)}
.icon-btn:hover{background:#f0f0f0;color:var(--ink)}

/* ---------- Чипы: текст важнее заливки ---------- */

/* Было: заметные цветные "таблетки" с насыщенным фоном на каждый статус —
   в списке из десятков задач это превращается в визуальный шум. Basecamp/
   Todoist кодируют статус в основном цветом текста + тонкой точкой/рамкой,
   не сплошной заливкой. */
.chip{
  background:transparent;
  border:1px solid var(--line-strong);
  color:var(--muted);
  font-weight:500;
}
.chip.red{background:transparent;color:var(--accent);border-color:var(--accent-soft)}
.chip.green{background:transparent;color:#2f7a56;border-color:#d9ece3}
.chip.blue{background:transparent;color:#3d5f8a;border-color:#dde7f2}
.chip.amber{background:transparent;color:#93611f;border-color:#f0e2c8}

/* ---------- Списки задач: компактнее, тише ---------- */

.task-row{
  padding:9px 4px;
  border-bottom:1px solid var(--line);
  align-items:center;
}
.task-row:hover{background:#f7f7f7}
.check{border-color:var(--muted-2)}
.check:hover{border-color:var(--accent);background:var(--accent-soft)}
.task-title{font-weight:450;color:var(--ink)}
.task-title.done{color:var(--muted-2)}
.task-meta{color:var(--muted-2)}
.subtasks{border-left-color:var(--line)}

/* Приоритетный флаг и статусный кружок — единственные места, где яркий
   цвет оправдан (это сигнал, не декор), поэтому их не глушу. */
.priority-flag,.task-state-check{opacity:1}

/* ---------- Проекты / объекты ---------- */

.project-row,.object-row,.settings-row{
  padding:13px 4px;
  border-bottom:1px solid var(--line);
}
.settings-note,.section-note{color:var(--muted-2)}

/* Настройки уже сгруппированы в карточки по промпту (§6) — просто убираю
   лишний вес рамки между секциями. */
.settings-section{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  margin-bottom:16px;
}

/* ---------- Модалки: без градиента/тяжёлой тени ---------- */

.modal-backdrop{background:rgba(20,20,20,.32)}
.modal{
  box-shadow:var(--shadow-modal);
  border-radius:var(--radius-lg);
  border:1px solid var(--line);
}
.modal h2{font-weight:600;font-size:17px}
.field input,.field select,.field textarea,
select,input[type=number],input[type=time],input[type=date],
input[type=datetime-local],textarea{
  border:1px solid var(--line-strong);
  border-radius:var(--radius);
}
.field input:focus,.field select:focus,.field textarea:focus,
select:focus,input:focus,textarea:focus{
  outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-soft);
}

/* ---------- Hero / Cathedral: убрать градиент-декор ---------- */

.hero{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:none;
}
.hero h2{font-family:Georgia,serif;font-weight:400;color:var(--ink)}

/* ---------- Прогресс-бары / метрики: тоньше ---------- */

.progress{height:4px;background:#f0f0f0}
.progress>i{background:var(--accent);border-radius:0}
.v17-capacity-progress i.done{opacity:1}

/* ---------- Календарь: спокойнее ---------- */

.calendar{border-color:var(--line);background:var(--line)}
.day{background:#fff}
.day-head{color:var(--muted-2)}
.event{background:transparent;border:1px solid #dde7f2;color:#3d5f8a}
.event.red{background:transparent;border-color:var(--accent-soft);color:var(--accent)}

/* ---------- Аналитика: столбцы без лишнего декора ---------- */

.bar{background:#2f7a56;border-radius:2px 2px 0 0}
.bar.negative{background:var(--accent);border-radius:0 0 2px 2px}
.bar-label{color:var(--muted-2)}

/* ---------- Wall / Stone карточки ---------- */

.wall-card{border:1px solid var(--line);box-shadow:none}
.stone{border:1px solid var(--line);background:#fff}
.stone:before{color:var(--accent)}

/* ---------- Привычки ---------- */

.habit-day{background:#eee}
.habit-day.ok{background:#2f7a56}
.habit-day.fail{background:var(--accent)}

/* ---------- Feed / комментарии ---------- */

.feed-item,.feed-entry{border-bottom-color:var(--line)}
.feed-date,.feed-entry-time{color:var(--muted-2)}

/* ---------- Тост / уведомления ---------- */

.toast{background:var(--ink);box-shadow:var(--shadow-modal)}

/* ---------- Правый rail (Today) ---------- */

.rightbar{background:var(--bg);border-left-color:var(--line)}
.right-title{font-weight:600}
.timeline{border-left-color:var(--line)}
.time-block:before{background:var(--muted-2);border-color:var(--bg)}
.time{color:var(--muted-2)}

/* ---------- Skeleton-плейсхолдер для пустых состояний ---------- */

.empty,.empty-inline{color:var(--muted-2)}

/* ---------- Иконки (v22-icon): наследуют акцент, не трогаю логику стиля,
   только убеждаюсь, что они не выбиваются толщиной из общей тишины ---- */
.v22-icon{opacity:.86}
.v22-icon-large{opacity:1}

@media(max-width:760px){
  .main{padding:24px 16px 70px}
}