/* Замер помещения — оформление в стиле maxbazis.com.
   Подключается после стилей приложения и перекрывает их: цвета, шрифт Manrope, шапка как на сайте.
   При обновлении замера с рабочего стола: вернуть <link> на этот файл и логотип в шапке (см. заметки). */
:root{
  --bg:#f1f5fa;--card:#fff;--ink:#16202e;--muted:#5c6878;--line:#dce3ed;
  --accent:#e08a2e;--accent-dark:#c0721f;--ok:#1e9e55;--warn:#e08a2e;--err:#d64545;
  --dark:#13233d;--dark-2:#0f1c31;--radius:16px;--shadow:0 10px 30px rgba(20,40,80,.07)
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0f1c31;--card:#13233d;--ink:#e8edf5;--muted:#9fb0c8;--line:#24385a;--accent:#e08a2e;--accent-dark:#f0a050;--ok:#3ccf7d;--err:#ff6b6b;--shadow:none}}
:root[data-theme="dark"]{--bg:#0f1c31;--card:#13233d;--ink:#e8edf5;--muted:#9fb0c8;--line:#24385a;--accent:#e08a2e;--accent-dark:#f0a050;--ok:#3ccf7d;--err:#ff6b6b;--shadow:none}

body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}

/* шапка как на сайте: тёмно-синяя, логотип слева */
header.top{background:var(--dark);border-bottom:0;color:#fff;height:58px;padding:8px 16px;gap:12px;box-shadow:0 2px 12px rgba(10,20,40,.18)}
header.top .zlogo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:17px;flex:none;letter-spacing:-.01em}
header.top .zlogo i{width:30px;height:30px;border-radius:8px;background:var(--accent);display:grid;place-items:center;font-style:normal;font-size:14px;color:#fff}
header.top .zlogo b{color:var(--accent)}
header.top .ttl{color:#fff;font-weight:700}
header.top #saved{color:#9fb0c8}
header.top button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
header.top button:hover{background:rgba(255,255,255,.16)}
header.top .tbadge{background:var(--accent);border-radius:999px;padding:3px 9px}
header.top .tbrand{display:none}
@media(max-width:560px){header.top .zlogo span{display:none}}
nav.tabs{top:58px;background:var(--bg)}

/* карточки и окна */
.card{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow);padding:16px}
.sheet{border-radius:18px 18px 0 0}
@media(min-width:700px){.sheet{border-radius:18px}}
.cat,.m3,.selinfo{border-radius:12px}
.preview,.svgbox,.d3{border-radius:12px}

/* кнопки: основные — оранжевые, как «Скачать» на сайте */
button{border-radius:10px;font-weight:600;transition:background .15s,border-color .15s,color .15s}
button:hover:not(:disabled){border-color:var(--accent)}
button.pri{background:var(--accent);border-color:var(--accent);color:#fff}
button.pri:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}
button.danger:hover:not(:disabled){background:var(--err);color:#fff;border-color:var(--err)}
button.link{color:var(--accent);font-weight:700}
button.on{background:var(--dark);color:#fff;border-color:var(--dark)}
nav.tabs button.on,.seg .on{background:var(--accent);border-color:var(--accent);color:#fff}
.chip.on{outline-color:var(--accent)}
.col.on{outline-color:var(--accent)}

/* поля ввода */
input,select,textarea{border-radius:10px;background:var(--card)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
input[type=checkbox]{accent-color:var(--accent)}

/* шаги и номера */
.stepn{background:var(--accent)}
.sseg.cur{outline-color:var(--accent)}
.badge{background:var(--accent)}

/* первый экран со списком замеров */
.hero h1,.hero h2{letter-spacing:-.01em}

@media print{header.top{display:none!important}}