/* Маруся — общие токены бренда. Подключается во все макеты. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&family=Unbounded:wght@500;600;700&display=swap');

:root{
  /* бренд */
  --m-red:#C8202F;          /* вишнёвый, как машина с картинки */
  --m-red-deep:#9E1622;
  --m-red-soft:#FBE3E3;
  --m-blush:#FADADD;        /* румянец */
  --m-milk:#F4F5F7;         /* фон приложений — чистый холодно-светлый, без желтизны */
  --m-cream:#EBEDF1;
  --m-tabby:#B7793E;
  --m-tabby-soft:#F1E6DA;
  --m-ink:#121318;          /* почти чёрный графит */
  --m-ink-2:#3B3E47;
  --m-ink-3:#656974;
  --m-line:#E1E3E8;
  --m-line-2:#C7CAD2;
  --m-white:#FFFFFF;
  /* тёмная премиальная сцена сайта */
  --m-night:#0B0B0F;
  --m-night-2:#15161C;
  --m-night-3:#1E2029;
  --m-glow:rgba(200,32,47,.45);

  /* статусы — полоска слева/точка, текст всегда тёмный */
  --st-new:#3D6FE0;
  --st-search:#E0A23D;
  --st-market:#8A5CF6;
  --st-assigned:#2F9E6E;
  --st-onway:#14918F;
  --st-arrived:#0E7490;
  --st-ride:#C8202F;
  --st-done:#7C8B7A;
  --st-cancel:#9AA0A6;
  --st-problem:#D9480F;

  --radius:14px;
  --radius-s:10px;
  --shadow:0 1px 2px rgba(30,26,24,.06),0 8px 24px rgba(30,26,24,.07);
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Cormorant Garamond',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}

*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);color:var(--m-ink);background:var(--m-milk);-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
a{color:inherit}

.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;border:1.5px solid transparent;font-weight:700;font-size:15px;text-decoration:none;transition:background .18s,transform .12s,border-color .18s}
.m-btn:active{transform:scale(.98)}
.m-btn--red{background:var(--m-red);color:#fff}
.m-btn--red:hover{background:var(--m-red-deep)}
.m-btn--ink{background:var(--m-ink);color:#fff}
.m-btn--ghost{background:transparent;border-color:var(--m-line-2);color:var(--m-ink)}
.m-btn--ghost:hover{border-color:var(--m-ink)}

.m-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--m-cream);font-size:12.5px;font-weight:600;white-space:nowrap}
.m-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}

/* статус: точка + тёмный текст */
.st{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;white-space:nowrap}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,#999)}
.st-new{--c:var(--st-new)} .st-search{--c:var(--st-search)} .st-market{--c:var(--st-market)}
.st-assigned{--c:var(--st-assigned)} .st-onway{--c:var(--st-onway)} .st-arrived{--c:var(--st-arrived)}
.st-ride{--c:var(--st-ride)} .st-done{--c:var(--st-done)} .st-cancel{--c:var(--st-cancel)} .st-problem{--c:var(--st-problem)}

.m-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.m-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.m-logo svg{flex:none}
.m-logo b{font-weight:800;font-size:20px;letter-spacing:-.02em}
.m-logo small{display:block;font-size:11px;font-weight:600;color:var(--m-ink-3);letter-spacing:.04em;margin-top:-2px}

/* плашка «макет» внизу — переход между частями системы */
/* плашка стенда: стили с !important, чтобы стили страниц её не ломали */
.m-proto-bar{position:fixed!important;left:12px!important;bottom:12px!important;top:auto!important;right:auto!important;z-index:99999!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:2px!important;width:auto!important;height:auto!important;max-width:calc(100vw - 24px)!important;padding:4px!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(18,19,24,.9)!important;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.35)!important;font:600 12px/1 Manrope,system-ui,sans-serif!important;overflow:hidden!important}
.m-proto-bar a{display:block!important;color:#fff!important;text-decoration:none!important;padding:7px 10px!important;border-radius:999px!important;opacity:.72;white-space:nowrap!important;background:transparent!important;width:auto!important;height:auto!important;margin:0!important;font:inherit!important}
.m-proto-bar a:hover,.m-proto-bar a.on{opacity:1!important;background:rgba(255,255,255,.14)!important}
@media (max-width:700px){.m-proto-bar{display:none}}
/* карта: подпись только «© 2ГИС», без префикса библиотеки */
.leaflet-attribution-flag{display:none!important}
.leaflet-control-attribution{font-size:10px!important;background:rgba(255,255,255,.7)!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.m-proto-bar::before{order:99;align-self:center;white-space:nowrap}