/* «Обстановка в Динской»: верх главной («Табло») и экран «Обстановка». Грузится последним, после responsive.css.
   Старые «читаемые» правила (readable.css) принудительно меняют размер и цвет b/small/span/em и фон всех кнопок в main,
   поэтому текст здесь лежит в div/i, а у кнопок фон и рамка заданы с повышенным весом селектора (.tp.tp.tp / .tp-links.tp-links.tp-links). */
.tp,.tp-links{--t-card:linear-gradient(160deg,#1d170e,#110c07);--t-line:#a27c2c66;--t-hi:#fff6dc;--t-soft:#e8d3a4;--t-mute:#bfa876;--t-sep:#ffffff1f;
  --t-shadow:inset 0 1px 0 #ffffff14,0 10px 26px #000b,0 0 22px #ffa80014;--t-chip:linear-gradient(160deg,#1c160d,#110c07)}
:root[data-theme=light] .tp,:root[data-theme=light] .tp-links{--t-card:#fff;--t-line:#d3deea;--t-hi:#14263b;--t-soft:#3b5068;--t-mute:#5d7188;--t-sep:#14263b1f;
  --t-shadow:0 8px 24px #1d3a5a14;--t-chip:#fff}
.tp{margin:2px 0 14px;font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text)}
.tp,.tp *{box-sizing:border-box}
:where(.tp button){all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent;display:block}
.tp button:focus-visible{outline:2px solid var(--t-hi);outline-offset:2px}
.tp .n{font-variant-numeric:tabular-nums}
.tp-ic{width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ic);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ic) 34%,transparent),color-mix(in srgb,var(--ic) 10%,transparent) 70%)}
:root[data-theme=light] .tp-ic{background:color-mix(in srgb,var(--ic) 14%,#fff)}
.tp-ic .neon-ico{width:19px;height:19px}
:root[data-theme=light] .tp .neon-ico{color:var(--ic,#14263b);filter:none}
.tp-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px 3px 7px;font-size:11.5px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid var(--tg);color:var(--tg);background:color-mix(in srgb,var(--tg) 14%,transparent)}
.tp-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tg);box-shadow:0 0 6px var(--tg)}
.tp-glass{background:var(--t-card);border:1px solid var(--t-line);border-radius:22px;box-shadow:var(--t-shadow)}
/* срочное — появляется только когда есть */
.tp-alert{display:flex!important;align-items:center;gap:11px;width:100%;margin:0 0 10px;padding:11px 14px;border-radius:18px}
.tp.tp.tp .tp-alert{background:linear-gradient(160deg,#3a1218,#220a0e)!important;border:1px solid #ff5a6e88!important;box-shadow:0 0 18px #ff5a6e26;min-height:0}
.tp-alert .neon-ico{width:24px;height:24px;flex:none;color:#ff5a6e;filter:drop-shadow(0 0 5px #ff5a6e)}
.tp-alert .t{font-size:15px;font-weight:700;color:#ffd9de;line-height:1.25}
.tp-alert .s{font-size:13px;color:#ffb3bd;margin-top:2px;line-height:1.3}
.tp-alert .go{margin-left:auto;font-size:20px;color:#ffb3bd}
:root[data-theme=light] .tp.tp.tp .tp-alert{background:#fff0f1!important;border:1px solid #e58b97!important;box-shadow:none}
:root[data-theme=light] .tp-alert .t{color:#8a1f30}:root[data-theme=light] .tp-alert .s,:root[data-theme=light] .tp-alert .go{color:#a8465a}

/* ===== «Табло»: карточка с погодой и строками состояния ===== */
.pa-card{padding:14px 16px 4px}
.pa-head{display:flex!important;width:100%;align-items:center;gap:12px;padding:2px 0 12px;text-align:left}
.tp.tp.tp .pa-head{background:none!important;border:0!important;border-bottom:1px solid var(--t-sep)!important;border-radius:0!important;min-height:0}
.pa-head .big{width:42px;height:42px;flex:none;display:grid;place-items:center}
.pa-head .big .neon-ico{width:40px;height:40px}
:root[data-theme=light] .pa-head .big{--ic:#5d7188!important}
.pa-head .temp{font-size:36px;line-height:1;font-weight:800;letter-spacing:-1.2px;color:var(--t-hi);text-shadow:0 0 12px #ffb30055}
:root[data-theme=light] .pa-head .temp{text-shadow:none}
.pa-head .cond{font-size:14px;color:var(--t-soft);margin-top:4px;font-weight:500}
.pa-head .upd{margin-left:auto;text-align:right;font-size:12px;color:var(--t-mute);line-height:1.3}
.pa-row{display:flex!important;width:100%;align-items:center;gap:10px;padding:11px 0;text-align:left}
.tp.tp.tp .pa-row{background:none!important;border:0!important;border-bottom:1px solid #ffffff14!important;border-radius:0!important;min-height:0}
.tp.tp.tp .pa-row:last-child{border-bottom:0!important}
:root[data-theme=light] .tp.tp.tp .pa-row{border-bottom-color:#14263b1a!important}
.pa-row .tp-ic{width:32px;height:32px;min-width:32px}
.pa-row .tp-ic .neon-ico{width:18px;height:18px}
.pa-row .k{font-size:14.5px;font-weight:700;color:var(--t-hi);width:80px;flex:none}
.pa-row .v{font-size:14.5px;color:var(--t-soft);flex:1;min-width:0;line-height:1.25}
.pa-row .pa-sub{display:block;font-style:normal;font-size:13px;color:var(--t-mute);margin-top:2px}
/* Под строкой АЗС на главной: «Подтвердить» и «Опровергнуть» кликабельными словами (владелец 23.10.2026); отступ — под значок строки, на узком экране слова во всю ширину в один ряд */
.pa-acts{display:flex;align-items:center;flex-wrap:wrap;gap:2px 12px;padding:0 0 8px 42px}
@media (max-width:359px){.pa-acts{padding-left:0}}
.tp.tp.tp .pa-acts .text-action{width:auto;min-height:36px;padding:6px;margin:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:8px;font-size:14.5px;font-weight:700;color:var(--green)!important;text-decoration:underline}
.pa-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--tg);box-shadow:0 0 9px var(--tg)}
.pa-chips{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:8px;margin-top:10px}
.pa-chip{display:flex!important;align-items:center;gap:8px;padding:9px 10px;border-radius:16px;min-width:0;text-align:left}
.tp.tp.tp .pa-chip{background:var(--t-chip)!important;border:1px solid var(--t-line)!important;min-height:0;box-shadow:none}
.pa-chip .tp-ic{width:28px;height:28px;min-width:28px}
.pa-chip .tp-ic .neon-ico{width:16px;height:16px}
.pa-chip .n{font-size:19px;font-weight:800;line-height:1;color:var(--t-hi)}
.pa-chip .c{font-size:10.5px;color:var(--t-mute);margin-top:2px;line-height:1.1;white-space:nowrap}

/* ссылки на группы MAX (готовые homePill) — компактные «таблетки» */
.tp-links{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px!important}
main .tp-links.tp-links.tp-links button.home-pill{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:auto!important;min-height:60px!important;min-width:0!important;padding:7px 4px!important;border-radius:18px!important;background:var(--t-chip)!important;border:1px solid #ffffff22!important;box-shadow:inset 0 1px 0 #ffffff12,0 6px 14px -8px #000!important}
:root[data-theme=light] main .tp-links.tp-links.tp-links button.home-pill{border-color:#d3deea!important;box-shadow:0 6px 16px #1d3a5a10!important}
.tp-links .home-pill em{display:none!important}
.tp-links .home-pill .neon-ico,main .tp-links.tp-links.tp-links button.home-pill .neon-ico{width:19px!important;height:19px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ic)!important;filter:none!important;stroke-width:1.7!important}
.tp-links .home-pill b{font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-size:clamp(13px,4.1vw,15px)!important;font-weight:600!important;color:var(--t-hi)!important;white-space:nowrap;text-shadow:none!important}
/* заголовок «Моя Динская» дублирует шапку приложения — оставлен в разметке для чтения с экрана, но не показывается */
.home-welcome-compact{display:none}

/* ===== экран «Обстановка» ===== */
.pu-card{padding:14px 16px;margin:0 0 10px}
.pu-top{display:flex;align-items:center;gap:12px}
.pu-top .k{font-size:15px;font-weight:700;color:var(--t-hi)}
.pu-top .v{font-size:13.5px;color:var(--t-soft);margin-top:2px;line-height:1.3}
.pu-top .pa-dot{margin-left:auto}
.pu-note{margin-top:8px;font-size:12px;color:var(--t-mute);line-height:1.35}
.pu-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pu-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:44px;border-radius:999px;font-size:13.5px;font-weight:700;text-align:center;flex:1 1 auto}
.tp.tp.tp .pu-btn{background:var(--t-chip)!important;border:1px solid var(--t-line)!important;color:var(--t-hi)!important;min-height:44px;box-shadow:none}
/* Primary means one deliberate action, not the old golden theme accent.
   Do not use --green here: the dark lamp theme maps it to yellow. */
.tp.tp.tp .pu-btn.main{background:#136c48!important;border-color:#32b982!important;color:#fff!important}
/* The compact home has one primary card in either mode (report, or order
   when reporting is disabled). Keep that card green in the dark theme too. */
:root[data-theme=dark] main .home-required-actions button.big-action.home-tile.primary:not(.zz):not(.zy){background:#136c48!important;border:1px solid #32b982!important;box-shadow:0 8px 18px #063c2a7a!important}
:root[data-theme=dark] main .home-required-actions button.big-action.home-tile.primary:not(.zz):not(.zy)>span{background:#d9f5e7!important}
:root[data-theme=dark] main .home-required-actions button.big-action.home-tile.primary:not(.zz):not(.zy) .neon-ico{color:#136c48!important}
:root[data-theme=dark] main .home-required-actions button.big-action.home-tile.primary:not(.zz):not(.zy) :is(b,small,em){color:#fff!important}
.tp.tp.tp .pu-btn.no{border-color:#ff5a6e88!important}
.pu-street{display:flex;gap:8px;margin-top:12px}
.pu-street input{flex:1;min-width:0;height:44px;min-height:44px;border-radius:14px;padding:0 12px;font-size:16px;color:var(--t-hi);background:transparent;border:1px solid var(--t-line)}
.pu-sec{margin:18px 2px 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--t-mute);font-weight:700}
.pu-road{display:flex;align-items:center;gap:10px;padding:8px 0}
.pu-road .k{font-size:13px;color:var(--t-soft);flex:1}
.pu-road .v{font-size:18px;font-weight:800;color:var(--t-hi)}
.pu-st{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--t-sep)}
.pu-st:first-of-type{border-top:0}
.pu-st .nm{font-size:14px;font-weight:700;color:var(--t-hi)}
.pu-st .tx{font-size:12.5px;color:var(--t-soft);margin-top:2px;line-height:1.3}
.pu-st .acts{margin-left:auto;display:flex;gap:6px;flex:none}
.pu-st .pu-btn{height:44px;min-height:44px;padding:0 10px;font-size:12.5px;flex:none}
.pu-choice{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pu-choice .pu-btn{height:44px;min-height:44px}
.tp.tp.tp .pu-choice .pu-btn.on{background:linear-gradient(160deg,#e0a43a55,#e0a43a22)!important;border-color:#ffc23d!important}
:root[data-theme=light] .tp.tp.tp .pu-choice .pu-btn.on{background:#ffe9a8!important;border-color:#c98a00!important}
.pu-ok{margin:0 0 10px;padding:11px 14px;border-radius:16px;font-size:13.5px;line-height:1.35;color:#d7ffe6;background:#12331f;border:1px solid #3ddc8480}
:root[data-theme=light] .pu-ok{color:#0f5a32;background:#e7f8ee;border-color:#8fd7ad}
@media(min-width:760px){.tp{max-width:640px}}
/* UX-FIX1 №21: нажимаемые области отметок, АЗС и проверки сообщения не меньше 44 px (раньше 36–42). */
.tp.tp.tp .pu-st .pu-btn,.tp.tp.tp .pu-choice .pu-btn{min-height:44px;height:44px}