/* ProjectLeKa · тема «Цитадель»
Подключать ПОСЛЕ style.css — файл переопределяет только токены и
несколько акцентов, вся компонентная разметка и классы остаются как есть.
В app/templates/base.html после строки со style.css добавить:
*/
:root {
/* авторизованная часть: тёплая архитектурная палитра */
--bg: #f6f1e8;
--surface: #fffdfa;
--surface-subdued: #f1ece3;
--border: #e9e1d5;
--border-strong: #d7cbbb;
--text: #302e29;
--text-heading: #252523;
--text-muted: #78736c;
--text-faint: #9b948a;
--primary: #a56d24;
--primary-dark: #74470f;
--primary-soft: #f6e8d0;
--primary-soft-2: #fcf5e9;
--success: #0a7d55;
--success-text: #08624a;
--success-soft: #cbf1e2;
--warning: #e8b12b;
--warning-text: #6b4a08;
--warning-soft: #fbeaba;
--danger: #c4353a;
--danger-text: #a2262c;
--danger-soft: #fbdcda;
--risk: #d9601f;
--risk-text: #93380f;
--risk-soft: #fbdfc6;
--radius: 14px;
--radius-sm: 10px;
--shadow-xs: 0 2px 8px rgb(67 53 35 / 6%);
--shadow-s: 0 10px 30px rgb(67 53 35 / 10%);
}
.sidebar .brand { letter-spacing: .04em; }
/* Кабинет: тёмная навигация, при этом вход живёт в login.html отдельно. */
.layout .sidebar { background:#292b26; border-color:rgba(255,255,255,.1); padding:22px 14px; }
.layout .sidebar .brand, .layout .sidebar .section-label,
.layout .sidebar .sidebar-project-name, .layout .sidebar nav a { color:#f6efe4; }
.layout .sidebar .brand-row { border-color:rgba(255,255,255,.12); padding-bottom:18px; }
.layout .sidebar .brand-org { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.1); }
.layout .sidebar nav a { min-height:42px; border-radius:10px; }
.layout .sidebar nav a:hover { background:rgba(255,255,255,.09); }
.layout .sidebar nav a.active { background:#f6e8d0; color:#74470f; font-weight:700; }
.layout .sidebar nav a.active::before { display:none; }
.layout .topbar { background:#fffdfa; border-color:var(--border); min-height:68px; padding:14px 30px; }
.layout .content { background:var(--bg); padding:28px 30px 44px; }
.layout .card, .layout .metric, .layout .project-card { border-color:var(--border); box-shadow:var(--shadow-xs); }
.layout .project-card { border-radius:16px; transition:box-shadow .16s ease-out,transform .16s ease-out; }
.layout .project-card:hover { box-shadow:var(--shadow-s); transform:translateY(-2px); }
.layout .project-card-head { background:linear-gradient(105deg,#fffdfa,#f6ecdc); border-color:var(--border); }
.layout .project-card-foot { color:var(--primary-dark); background:#fcf5e9; }
.layout .metric { padding:18px; }
.layout .metric .value { font-size:24px; color:var(--text-heading); }
.layout .tabs { border-color:var(--border); }
.layout .tabs a.active { border-bottom-width:2px; }
.layout table thead th, .layout .table-head { background:var(--surface-subdued); color:var(--text-muted); }
.layout table td { border-color:var(--border); }
/* Портфель: светлая навигация и широкие карточки объектов. */
.layout .sidebar { background:#fffdfa; border-color:var(--border); }
.layout .sidebar .brand, .layout .sidebar .section-label,
.layout .sidebar .sidebar-project-name, .layout .sidebar nav a { color:var(--text); }
.layout .sidebar .brand-row { border-color:var(--border); }
.layout .sidebar .brand-org { background:transparent; border-color:var(--border); }
.layout .sidebar nav a:hover { background:var(--surface-subdued); }
.layout .sidebar nav a.active { background:var(--primary-soft); color:var(--primary-dark); }
.layout .content { background:#f0f1f3; }
.project-cards { grid-template-columns:1fr; gap:18px; }
.project-card { border-color:var(--border); border-radius:16px; color:#111; }
.project-card-head { height:auto; min-height:92px; background:#fffdfa; color:#111; border-bottom:1px solid var(--border); }
.project-card-head h3, .project-card-address { color:#111; }
.project-card-status { background:var(--primary-soft); color:var(--primary-dark); border-color:transparent; }
.project-card-photo { height:260px; background:linear-gradient(135deg,#d9dcdf,#edf0f2); border-bottom:1px solid var(--border); }
.project-card-body { background:#f6f7f8; }
.project-card-body, .project-card-foot, .pc-chip, .pc-stat { color:#111; }
.pc-stat .v, .pc-stat .l { color:#111; }
@media(max-width:700px){.project-card-photo{height:190px}}
/* Портфель объектов: крупные сводные KPI и карта по введённым координатам. */
.portfolio-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portfolio-kpis .metric{min-height:142px;padding:22px;border-radius:14px}.portfolio-kpis .metric .label{font-size:12px}.portfolio-kpis .metric .value{font-size:28px;margin-top:10px}.metric-note{margin-top:4px;color:var(--success-text);font-size:12px;font-weight:600}.portfolio-map-canvas{position:relative;height:360px;overflow:hidden;background:linear-gradient(155deg,#dce7ea,#f8fbfb 50%,#d6e1df)}.portfolio-map-empty{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);max-width:330px;text-align:center;color:var(--text-muted)}.portfolio-map-yandex{width:100%;height:70vh;max-height:640px;min-height:380px}@media(max-width:700px){.portfolio-kpis{grid-template-columns:1fr}.portfolio-map-canvas{height:280px}.portfolio-map-yandex{height:60vh;min-height:300px}}
/* Активный пункт навигации: мягкая заливка + бирюзовая метка слева */
.sidebar nav a { border-radius: 6px; }
.sidebar nav a.active::before { background: var(--primary); border-radius: 0 3px 3px 0; }
/* Верхняя панель и заголовки — плотнее по трекингу, как в документации */
.topbar h1, .topbar h2, .topbar h3 { letter-spacing: -.02em; }
/* Карточки и метрики: крупнее радиус, тоньше тень */
.card, .metric { border-radius: var(--radius); }
.metric .value { letter-spacing: -.02em; }
/* Кнопки: без подпрыгивания, спокойный ховер */
.btn { border-radius: var(--radius-sm); font-weight: 600; }
.btn:hover { transform: none; box-shadow: var(--shadow-xs); }
.btn.secondary:hover { background: var(--primary-soft-2); border-color: var(--primary); color: var(--primary-dark); }
/* Бейджи и вкладки */
.badge { border-radius: 999px; background: #eef1f8; }
.badge.primary { background: var(--primary-soft); color: var(--primary-dark); }
.tabs a.active { color: var(--primary-dark); border-bottom-color: var(--primary); }
/* Поля ввода: фокус-ринг бирюзовый */
input:focus, select:focus, textarea:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px var(--primary-soft-2), 0 0 0 1px var(--primary);
}
/* Таблицы: наведение в тон акценту */
tr:hover td { background: var(--primary-soft-2); }
/* ---------- Состав проектной документации: список ----------
Разметка не меняется (design/overview.html: .tree-row / .tree-doc-row /
.doc-meta). Меняется только вид: строки-полосы, разделы с подложкой,
документы белые, выбранный — с бирюзовой меткой слева. */
/* Снизу поле есть, по бокам и сверху их дают потомки (см. ниже):
без нижнего поля форма создания документа упиралась прямо в край
карточки. */
.design-tree-panel.full-width .card { padding: 0 0 18px; overflow: hidden; }
/* Отступ получают ВСЕ прямые потомки карточки, а не только div: сама
карточка тут без полей (padding: 0), и подпись «структура не создана»
() с формой создания документа (