/* «Мониторинг БПЛА» — стили ленты. Классы с префиксом bp-. Переопределение: .bp{--bp-accent:#c40303;--bp-radius:16px} */
.bp{--bp-accent:var(--accent,#c40303);--bp-text:#15161c;--bp-muted:#6b6e7c;--bp-line:#e8e8ee;--bp-bg:#f5f5f8;--bp-radius:16px;
  color:var(--bp-text);display:flex;flex-direction:column;gap:16px;-webkit-font-smoothing:antialiased}
.bp *{box-sizing:border-box}
.bp button{font:inherit;cursor:pointer}
.bp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bp-title{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.025em;line-height:1.15}
.bp-live{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px;color:var(--bp-muted)}
.bp-live i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:bp-pulse 2s infinite}
.bp-live.is-off i{background:#a1a1aa;animation:none}
@keyframes bp-pulse{70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.bp-tools{display:flex;gap:8px;flex-wrap:wrap}
.bp-btn{    display: inline-flex;align-items: center;gap: 6px;white-space: nowrap;height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--bp-line);background:#fff;font-size:13px;font-weight:700;color:var(--bp-text)}
.bp-btn:hover:not(:disabled){border-color:var(--bp-text)}
.bp-btn.is-on{background:var(--bp-bg);}
.bp-btn:disabled{opacity:.6;cursor:default}

/* текущая обстановка */
.bp-status{display:flex;gap:10px;flex-wrap:wrap}
.bp-state{--c:#71717a;flex:1;min-width:260px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--bp-radius);
  background:color-mix(in srgb,var(--c) 9%,#fff);border:1.5px solid color-mix(in srgb,var(--c) 30%,#fff)}
.bp-state__ic{width:44px;height:44px;border-radius:50%;background:var(--c);flex-shrink:0;position:relative;display:grid;place-items:center}
.bp-state__ic::after{content:"";width:16px;height:16px;border-radius:50%;background:#fff}
.bp-state--alert .bp-state__ic{animation:bp-alarm 1.4s infinite}
@keyframes bp-alarm{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 55%,transparent)}70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
.bp-state--clear .bp-state__ic::after{width:18px;height:10px;border-radius:0;background:transparent;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-2px)}
.bp-state__t small{display:block;font-size:12px;font-weight:700;color:var(--bp-muted);text-transform:uppercase;letter-spacing:.06em}
.bp-state__t b{display:block;font-size:19px;font-weight:800;color:var(--c);line-height:1.25;margin:2px 0}
.bp-state__t span{font-size:13px;color:var(--bp-muted)}
.bp-today{display:flex;flex-direction:column;justify-content:center;padding:14px 20px;border-radius:var(--bp-radius);background:var(--bp-bg);min-width:150px}
.bp-today b{font-size:28px;font-weight:800;line-height:1}
.bp-today span{font-size:12.5px;color:var(--bp-muted);margin-top:4px}

/* лента */
.bp-list{display:flex;flex-direction:column;gap:10px}
.bp-day{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--bp-muted);padding:10px 0 2px}
.bp-card{--c:#f97316;position:relative;background:#fff;border:1px solid var(--bp-line);border-left:5px solid var(--c);border-radius:var(--bp-radius);padding:16px 18px;display:flex;flex-direction:column;gap:8px;transition:background .6s,box-shadow .6s}
.bp-card.is-new{background:color-mix(in srgb,var(--c) 8%,#fff);box-shadow:0 10px 30px -18px var(--c);animation:bp-in .5s ease}
@keyframes bp-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.bp-card__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bp-badge{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:7px;color:#fff;background:var(--c)}
.bp-type{font-size:13px;font-weight:700;color:var(--bp-muted)}
.bp-time{margin-left:auto;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.bp-card__title{margin:0;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.bp-card__text{margin:0;font-size:15px;line-height:1.6;color:#33364a;white-space:pre-line}
.bp-card__foot{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:12.5px;color:var(--bp-muted)}
.bp-region{font-weight:700;color:var(--bp-text)}
.bp-upd{font-style:italic}
.bp-src{color:var(--bp-muted);text-decoration:none}
a.bp-src:hover{color:var(--bp-accent)}
.bp-link{margin-left:auto;font-weight:700;color:var(--bp-accent);text-decoration:none}
.bp-link:hover{text-decoration:underline}
.bp-clear{--c:#16a34a}
.bp-empty{padding:32px 16px;text-align:center;color:var(--bp-muted);background:var(--bp-bg);border-radius:var(--bp-radius);font-size:14.5px}
.bp-more{height:46px;border-radius:12px;border:1.5px solid var(--bp-line);background:#fff;font-weight:700;font-size:14px;color:var(--bp-text)}
.bp-more:hover{border-color:var(--bp-text)}
.bp-note{margin:0;padding:14px 16px;border-radius:12px;background:var(--bp-bg);font-size:13px;line-height:1.55;color:var(--bp-muted)}
.bp-loading{display:flex;justify-content:center;gap:6px;padding:40px}
.bp-loading i{width:9px;height:9px;border-radius:50%;background:var(--bp-accent);animation:bp-dot 1s infinite ease-in-out}
.bp-loading i:nth-child(2){animation-delay:.15s}.bp-loading i:nth-child(3){animation-delay:.3s}
@keyframes bp-dot{0%,80%,100%{transform:scale(.5);opacity:.4}40%{transform:none;opacity:1}}

/* компактный виджет для главной */
.bp--compact{gap:10px}
.bp--compact .bp-title{font-size:18px}
.bp--compact .bp-state{min-width:0;padding:12px 14px}
.bp--compact .bp-state__ic{width:34px;height:34px}
.bp--compact .bp-state__t b{font-size:16px}
.bp--compact .bp-card{padding:12px 14px}
.bp--compact .bp-card__title{font-size:15px}

@media (max-width:640px){
  .bp-state{min-width:100%}
  .bp-today{flex-direction:row;align-items:baseline;gap:8px;width:100%}
  .bp-card{padding:14px}
  .bp-time{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.bp *{animation:none!important}}