/* Зонирование, стиль КИТ (общий для анкеты и панели менеджера).
   Каждая зона — яркая насыщенная обводка 2px со скруглением и заметный тинт фона;
   разные зоны на одном экране — разные оттенки (sect-blue/green/amber/slate/violet).
   Вензельные углы убраны по решению владельца 2026-09-29 (проект курьеров). */
.zone {
  position: relative;
  margin: 0 0 16px;
  padding: 16px 16px 12px;
  border: 2px solid var(--sect-border);
  border-radius: 14px;
  background: var(--sect-bg);
  box-shadow: 0 0 14px -6px var(--sect-glow, transparent);
}
.zone-head {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--sect-border);
  font-size: 17px; font-weight: 700;
}
.zone-head small { font-weight: 500; font-size: 13px; opacity: .75; }

.sect-blue   { --sect-border: rgba(30,110,215,0.98); --sect-bg: rgba(42,120,214,0.12);  --sect-glow: rgba(42,120,214,0.28); }
.sect-green  { --sect-border: rgba(0,140,50,0.98);   --sect-bg: rgba(27,175,122,0.13);  --sect-glow: rgba(27,175,122,0.28); }
.sect-amber  { --sect-border: rgba(214,136,0,1);     --sect-bg: rgba(237,161,0,0.15);   --sect-glow: rgba(237,161,0,0.30); }
.sect-slate  { --sect-border: rgba(70,95,135,0.98);  --sect-bg: rgba(109,127,150,0.14); --sect-glow: rgba(109,127,150,0.26); }
.sect-violet { --sect-border: rgba(130,60,200,0.98); --sect-bg: rgba(140,80,210,0.11);  --sect-glow: rgba(140,80,210,0.28); }
@media (prefers-color-scheme: dark) {
  .sect-blue   { --sect-border: rgba(110,165,255,1); --sect-bg: rgba(42,120,214,0.24);  --sect-glow: rgba(90,150,255,0.30); }
  .sect-green  { --sect-border: rgba(90,225,160,1);  --sect-bg: rgba(27,175,122,0.22);  --sect-glow: rgba(80,210,150,0.28); }
  .sect-amber  { --sect-border: rgba(255,210,100,1); --sect-bg: rgba(237,161,0,0.20);   --sect-glow: rgba(255,205,90,0.30); }
  .sect-slate  { --sect-border: rgba(165,185,215,1); --sect-bg: rgba(109,127,150,0.24); --sect-glow: rgba(150,170,200,0.26); }
  .sect-violet { --sect-border: rgba(190,140,255,1); --sect-bg: rgba(140,80,210,0.22);  --sect-glow: rgba(190,140,255,0.30); }
}