:root {
  --bg: #09090b;
  --bg-soft: #100b0d;
  --panel: rgba(24, 16, 19, .88);
  --panel-strong: #1b1115;
  --line: rgba(255, 255, 255, .075);
  --line-red: rgba(255, 59, 76, .24);
  --text: #f7f3f4;
  --muted: #a99da1;
  --red: #ff334b;
  --red-bright: #ff5266;
  --red-dark: #8f1226;
  --green: #36d39a;
  --orange: #ffad5c;
  --blue: #78a8ff;
  --shadow: 0 24px 80px rgba(0, 0, 0, .35);
  --radius: 20px;
  --sidebar: 250px;
}

* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 70% -20%, rgba(255, 25, 55, .13), transparent 34%),
    linear-gradient(160deg, #0b090a 0%, #09090b 58%, #0f0709 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

button, input, select { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.ambient { position: fixed; border-radius: 50%; filter: blur(90px); opacity: .16; pointer-events: none; }
.ambient-one { width: 340px; height: 340px; background: #ff1838; top: -170px; right: 10%; }
.ambient-two { width: 260px; height: 260px; background: #761226; bottom: -100px; left: 22%; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) 1fr; }
.sidebar {
  position: fixed; inset: 0 auto 0 0; width: var(--sidebar); z-index: 10;
  padding: 26px 18px; border-right: 1px solid var(--line);
  background: rgba(10, 8, 9, .86); backdrop-filter: blur(22px);
  display: flex; flex-direction: column;
}
.brand { display: flex; gap: 12px; align-items: center; padding: 4px 10px 30px; }
.brand-mark {
  width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px;
  font-weight: 900; font-size: 22px; background: linear-gradient(145deg, var(--red-bright), #a70d27);
  box-shadow: 0 12px 32px rgba(255, 38, 70, .32), inset 0 1px rgba(255,255,255,.25);
}
.brand strong { display: block; letter-spacing: .16em; font-size: 14px; }
.brand span { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; letter-spacing: .08em; }
.nav-list { min-height: 0; display: grid; gap: 6px; overflow-y: auto; scrollbar-width: none; }
.nav-list::-webkit-scrollbar { display: none; }
.nav-item {
  position: relative; width: 100%; border: 0; background: transparent; color: #aa9fa2;
  display: flex; align-items: center; gap: 13px; min-height: 48px; border-radius: 14px;
  padding: 0 14px; cursor: pointer; text-align: left; transition: .2s ease;
}
.nav-item span { width: 21px; font-size: 20px; text-align: center; color: #796f72; }
.nav-item b { font-size: 13px; font-weight: 650; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.04); }
.nav-item.active { color: #fff; background: linear-gradient(90deg, rgba(255,51,75,.18), rgba(255,51,75,.04)); box-shadow: inset 3px 0 var(--red); }
.nav-item.active span { color: var(--red-bright); }
.nav-badge { margin-left: auto; min-width: 20px; padding: 2px 6px; text-align: center; background: var(--red); color: white; border-radius: 999px; font-size: 10px; font-style: normal; }
.security-card { margin-top: auto; border: 1px solid var(--line); border-radius: 15px; padding: 13px; display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.025); }
.security-icon { color: var(--green); }
.security-card b, .security-card span { display: block; }
.security-card b { font-size: 11px; }.security-card span { color: var(--muted); font-size: 9px; margin-top: 2px; }

.main { grid-column: 2; min-width: 0; padding: 0 34px 54px; }
.topbar { height: 105px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.eyebrow, .kicker { color: var(--red-bright); font-size: 9px; letter-spacing: .18em; font-weight: 800; margin: 0 0 6px; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.04em; }
h2 { font-size: 17px; margin-bottom: 0; letter-spacing: -.02em; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.icon-button { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); cursor: pointer; font-size: 18px; }
.icon-button:hover { border-color: var(--line-red); background: rgba(255,51,75,.09); }
.approval-bell { position: relative; }
.bell-shape { position: relative; width: 16px; height: 17px; display: block; margin: 0 auto; border: 2px solid #a99da1; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.bell-shape::before { content: ""; position: absolute; width: 5px; height: 3px; left: 3.5px; top: -5px; border-radius: 4px 4px 0 0; background: #a99da1; }
.bell-shape::after { content: ""; position: absolute; width: 5px; height: 3px; left: 3.5px; bottom: -5px; border-radius: 0 0 5px 5px; background: #a99da1; }
.approval-bell.has-pending { border-color: rgba(255,51,75,.45); background: rgba(255,51,75,.1); box-shadow: 0 0 24px rgba(255,51,75,.13); }
.approval-bell.has-pending .bell-shape { border-color: var(--red-bright); }
.approval-bell.has-pending .bell-shape::before, .approval-bell.has-pending .bell-shape::after { background: var(--red-bright); }
.approval-badge { position: absolute; min-width: 18px; height: 18px; display: grid; place-items: center; top: -6px; right: -6px; padding: 0 5px; border: 2px solid #0d0a0b; border-radius: 999px; color: white; background: var(--red); font-size: 8px; font-style: normal; font-weight: 800; }
.admin-chip { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 14px; padding: 8px 13px; background: rgba(255,255,255,.025); }
.admin-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.admin-chip b, .admin-chip small { display: block; }.admin-chip b { font-size: 11px; }.admin-chip small { color: var(--muted); font-size: 9px; margin-top: 2px; }

.content, .page { width: 100%; }
.page { display: none; animation: enter .22s ease; }
.page.active { display: block; }
@keyframes enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.state-panel { min-height: 55vh; display: grid; justify-items: center; align-content: center; text-align: center; }
.state-panel p { color: var(--muted); max-width: 440px; line-height: 1.6; }
.state-panel.danger { color: #ffd9de; }.state-icon { font-size: 48px; color: var(--red); }
.loader { width: 42px; height: 42px; margin-bottom: 22px; border: 3px solid rgba(255,255,255,.08); border-top-color: var(--red); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.system-banner { border: 1px solid var(--line-red); background: linear-gradient(100deg, rgba(255,51,75,.13), rgba(255,51,75,.025)); border-radius: 16px; padding: 13px 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.system-banner strong { font-size: 12px; }.system-banner span { color: var(--muted); font-size: 11px; }
.status-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin-right: 7px; background: var(--green); box-shadow: 0 0 10px currentColor; }
.status-dot.red { background: var(--red); }.status-dot.orange { background: var(--orange); }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.metric-card { position: relative; overflow: hidden; min-height: 126px; padding: 19px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(30,20,23,.9), rgba(16,12,14,.92)); box-shadow: var(--shadow); }
.metric-card::after { content: ""; position: absolute; width: 90px; height: 90px; right: -35px; top: -35px; border-radius: 50%; background: var(--accent, var(--red)); filter: blur(45px); opacity: .15; }
.metric-label { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .11em; }
.metric-value { display: block; margin-top: 15px; font-size: clamp(25px, 3vw, 34px); font-weight: 750; letter-spacing: -.05em; }
.metric-note { display: block; margin-top: 6px; font-size: 10px; color: #776d70; }

.grid { display: grid; gap: 18px; margin-bottom: 18px; }.grid-2 { grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr); }
.panel, .hero-panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.panel { padding: 20px; margin-bottom: 18px; }.grid .panel { margin-bottom: 0; }
.panel-head, .section-intro { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.panel-head h2 { margin-top: 2px; }.chart-panel canvas { width: 100%; max-height: 250px; }
.link-button { border: 0; background: none; color: var(--red-bright); cursor: pointer; font-size: 11px; }
.privacy-pill { color: var(--green); background: rgba(54,211,154,.08); border: 1px solid rgba(54,211,154,.18); border-radius: 999px; padding: 6px 10px; font-size: 9px; }

.gateway-list { display: grid; gap: 15px; }.gateway-row { display: grid; gap: 7px; }.gateway-meta { display: flex; justify-content: space-between; font-size: 11px; }.gateway-meta span { color: var(--muted); }.bar { height: 5px; border-radius: 9px; overflow: hidden; background: rgba(255,255,255,.055); }.bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #b61731, var(--red-bright)); box-shadow: 0 0 12px rgba(255,51,75,.32); }
.event-feed, .event-ledger { display: grid; }.feed-item, .ledger-item { display: grid; grid-template-columns: 11px 1fr auto; gap: 13px; padding: 13px 4px; border-top: 1px solid var(--line); }.feed-item:first-child, .ledger-item:first-child { border-top: 0; }.event-pin { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px rgba(255,51,75,.5); }.event-pin.info { background: #777; box-shadow: none; }.event-pin.warning { background: var(--orange); }.event-pin.critical { background: var(--red); }.event-copy b { display: block; font-size: 12px; }.event-copy span { color: var(--muted); font-size: 10px; display: block; margin-top: 4px; }.event-time { color: #6f6568; font-size: 9px; white-space: nowrap; }

.toolbar-panel { padding: 13px; }.filters { display: flex; gap: 9px; flex-wrap: wrap; }.search-field { min-width: 260px; flex: 1; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: rgba(0,0,0,.18); border-radius: 11px; padding: 0 12px; }.search-field span { color: var(--muted); }.search-field input { width: 100%; height: 39px; border: 0; outline: none; color: var(--text); background: transparent; }.field { height: 41px; border: 1px solid var(--line); border-radius: 11px; background: #130f11; color: var(--text); padding: 0 30px 0 11px; outline: none; }.field:focus, .search-field:focus-within { border-color: var(--line-red); }.field.compact { height: 34px; font-size: 10px; }
.primary-button, .secondary-button, .danger-button { min-height: 40px; border-radius: 11px; padding: 0 15px; font-weight: 700; font-size: 11px; cursor: pointer; }.primary-button { border: 1px solid #ff5b6d; background: linear-gradient(135deg, #ff344c, #a90d28); box-shadow: 0 10px 28px rgba(255,35,68,.2); }.secondary-button { border: 1px solid var(--line); background: rgba(255,255,255,.035); }.danger-button { border: 1px solid rgba(255,51,75,.5); color: #ff9aa6; background: rgba(255,51,75,.1); }.primary-button:disabled, .secondary-button:disabled, .danger-button:disabled { opacity: .38; cursor: not-allowed; }

.data-table { overflow-x: auto; }.table { width: 100%; border-collapse: collapse; min-width: 880px; }.table th { color: #786f72; text-align: left; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; padding: 0 10px 11px; }.table td { border-top: 1px solid var(--line); padding: 13px 10px; font-size: 11px; vertical-align: middle; }.table tr { cursor: pointer; transition: .15s; }.table tbody tr:hover { background: rgba(255,51,75,.035); }.mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }.muted { color: var(--muted); }.badge { display: inline-flex; align-items: center; min-height: 23px; border-radius: 999px; padding: 0 8px; font-size: 9px; border: 1px solid var(--line); background: rgba(255,255,255,.03); }.badge.paid, .badge.delivered, .badge.test_passed, .badge.succeeded { color: var(--green); border-color: rgba(54,211,154,.2); background: rgba(54,211,154,.07); }.badge.pending, .badge.processing, .badge.waiting_for_capture { color: var(--orange); border-color: rgba(255,173,92,.2); background: rgba(255,173,92,.07); }.badge.failed, .badge.test_failed, .badge.expired, .badge.canceled { color: #ff8190; border-color: rgba(255,51,75,.25); background: rgba(255,51,75,.08); }.pagination { display: flex; justify-content: center; align-items: center; gap: 8px; padding-top: 16px; }.pagination button { border: 1px solid var(--line); background: rgba(255,255,255,.03); color: var(--text); border-radius: 9px; min-width: 34px; height: 32px; cursor: pointer; }.pagination button.active { border-color: var(--red); background: rgba(255,51,75,.13); }

.ledger-item { grid-template-columns: 3px 1fr auto; padding-left: 0; }.ledger-line { border-radius: 5px; background: #555; }.ledger-line.critical { background: var(--red); }.ledger-line.warning { background: var(--orange); }.ledger-main { min-width: 0; }.ledger-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.ledger-title b { font-size: 12px; }.ledger-details { color: var(--muted); margin-top: 6px; display: flex; gap: 12px; flex-wrap: wrap; font-size: 10px; }.ledger-json { margin-top: 8px; color: #8d8185; font-family: ui-monospace, monospace; font-size: 9px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }

.section-intro { margin-bottom: 18px; }.section-intro p { color: var(--muted); font-size: 11px; margin: 7px 0 0; }.toggle-line { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }.toggle-line input { display: none; }.toggle-line span, .switch { width: 35px; height: 20px; border-radius: 999px; background: #342b2e; position: relative; cursor: pointer; transition: .2s; }.toggle-line span::after, .switch::after { content: ""; position: absolute; width: 14px; height: 14px; top: 3px; left: 3px; background: #84777b; border-radius: 50%; transition: .2s; }.toggle-line input:checked + span, .switch.on { background: var(--red-dark); }.toggle-line input:checked + span::after, .switch.on::after { transform: translateX(15px); background: white; }
.alert-grid { display: grid; gap: 12px; }.alert-card { border: 1px solid var(--line); border-left: 3px solid var(--orange); border-radius: 15px; background: var(--panel); padding: 16px; display: grid; grid-template-columns: 1fr auto; gap: 14px; }.alert-card.critical { border-left-color: var(--red); background: linear-gradient(100deg, rgba(255,51,75,.08), var(--panel)); }.alert-card.resolved { opacity: .5; }.alert-card h3 { margin: 0 0 7px; font-size: 13px; }.alert-card p { color: var(--muted); font-size: 10px; line-height: 1.55; margin-bottom: 7px; }.alert-meta { color: #6f6568; font-size: 9px; }

.breakdown { display: grid; gap: 14px; }.breakdown-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.breakdown-row:last-child { border-bottom: 0; }.breakdown-row b { font-size: 12px; }.breakdown-row span { color: var(--muted); font-size: 10px; }.breakdown-row strong { font-size: 18px; }.status-strip { display: flex; gap: 10px; flex-wrap: wrap; }.status-tile { min-width: 130px; flex: 1; border: 1px solid var(--line); border-radius: 13px; padding: 14px; }.status-tile b { font-size: 23px; display: block; }.status-tile span { color: var(--muted); font-size: 9px; margin-top: 4px; display: block; }
.hero-panel { padding: 24px; margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: linear-gradient(115deg, rgba(255,51,75,.14), rgba(24,16,19,.9) 48%); border-color: var(--line-red); }.hero-panel p { color: var(--muted); max-width: 650px; margin: 8px 0 0; font-size: 11px; line-height: 1.6; }.run-list { display: grid; }.run-row { display: grid; grid-template-columns: 55px 1fr auto; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line); }.run-row:first-child { border-top: 0; }.run-id { color: var(--red-bright); font-family: ui-monospace, monospace; }.run-row b { font-size: 11px; display: block; }.run-row span { color: var(--muted); font-size: 9px; }

.security-overview { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }.security-tile { border: 1px solid rgba(54,211,154,.15); background: rgba(54,211,154,.04); border-radius: 14px; padding: 14px; }.security-tile b { display: block; font-size: 11px; }.security-tile span { color: var(--green); font-size: 9px; margin-top: 5px; display: block; }.setting-list { display: grid; gap: 2px; }.setting-row { min-height: 55px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }.setting-row:first-child { border-top: 0; }.setting-row b { font-size: 11px; display: block; }.setting-row small { color: var(--muted); font-size: 9px; display: block; margin-top: 4px; }.number-setting { display: flex; align-items: center; gap: 7px; }.number-setting input { width: 90px; height: 35px; border: 1px solid var(--line); background: #120d0f; color: white; border-radius: 9px; padding: 0 8px; }.data-protection { display: flex; gap: 15px; align-items: flex-start; border-color: rgba(54,211,154,.15); }.shield { color: var(--green); font-size: 26px; }.data-protection p { color: var(--muted); font-size: 10px; line-height: 1.6; margin: 7px 0 0; }

.modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }.modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.7); backdrop-filter: blur(8px); }.modal-sheet { position: relative; width: min(920px, 96vw); max-height: 90vh; overflow-y: auto; border: 1px solid var(--line-red); border-radius: 22px; background: #110d0f; box-shadow: 0 30px 110px rgba(0,0,0,.7); padding: 25px; }.modal-close { position: sticky; float: right; top: 0; z-index: 2; width: 35px; height: 35px; border: 1px solid var(--line); border-radius: 10px; background: #191215; color: white; cursor: pointer; font-size: 20px; }.order-head { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 20px; padding-right: 44px; }.order-head h2 { font-size: 22px; }.order-head p { color: var(--muted); margin: 6px 0 0; font-size: 10px; }.detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 20px; }.detail-cell { background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 12px; padding: 12px; }.detail-cell span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }.detail-cell b { display: block; margin-top: 7px; font-size: 11px; word-break: break-word; }.timeline { position: relative; padding-left: 23px; margin: 15px 0 24px; }.timeline::before { content: ""; position: absolute; left: 6px; top: 5px; bottom: 5px; width: 1px; background: var(--line); }.timeline-item { position: relative; padding: 0 0 17px; }.timeline-dot { position: absolute; width: 9px; height: 9px; left: -21px; top: 3px; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px rgba(255,51,75,.4); }.timeline-item.warning .timeline-dot { background: var(--orange); }.timeline-item.critical .timeline-dot { background: var(--red); }.timeline-item b { font-size: 11px; }.timeline-item p { color: var(--muted); font-size: 9px; margin: 4px 0; }.timeline-item time { color: #6e6467; font-size: 8px; }.action-bar { display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 18px; }.confirm-box { border: 1px solid var(--line-red); background: rgba(255,51,75,.06); border-radius: 14px; padding: 15px; margin-top: 14px; }.confirm-box p { color: var(--muted); font-size: 10px; line-height: 1.5; }.confirm-box input, .confirm-box textarea { width: 100%; border: 1px solid var(--line); background: #0d0a0b; color: white; border-radius: 9px; padding: 10px; margin-top: 8px; outline: none; }.confirm-box textarea { min-height: 70px; resize: vertical; }
.toast-stack { position: fixed; right: 18px; bottom: 18px; z-index: 200; display: grid; gap: 8px; }.toast { min-width: 250px; max-width: 380px; border: 1px solid var(--line); border-left: 3px solid var(--green); border-radius: 12px; background: #171114; box-shadow: var(--shadow); padding: 13px; font-size: 11px; animation: toastIn .2s ease; }.toast.error { border-left-color: var(--red); }.toast.warning { border-left-color: var(--orange); }@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }
.empty { color: var(--muted); text-align: center; padding: 34px 15px; font-size: 11px; }.mobile-nav { display: none; }
.mobile-more-nav { display: none; }

/* Центр операций: поиск, мониторинг, отчёты и защита */
.global-search-wrap { position: relative; width: min(330px, 31vw); }
.global-search { height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.global-search:focus-within { border-color: var(--line-red); box-shadow: 0 0 0 3px rgba(255,51,75,.05); }
.global-search span { color: var(--red-bright); }.global-search input { width: 100%; border: 0; outline: 0; color: var(--text); background: transparent; font-size: 10px; }
.global-search-results { position: absolute; z-index: 70; top: calc(100% + 8px); left: 0; right: 0; max-height: min(540px, 72vh); overflow-y: auto; border: 1px solid var(--line-red); border-radius: 14px; padding: 6px; background: #130e10; box-shadow: 0 22px 70px rgba(0,0,0,.6); }
.global-search-result { position: relative; width: 100%; display: grid; gap: 3px; padding: 11px 10px 11px 68px; border: 0; border-bottom: 1px solid var(--line); color: var(--text); background: transparent; cursor: pointer; text-align: left; }
.global-search-result:last-child { border-bottom: 0; }.global-search-result:hover { background: rgba(255,51,75,.06); }.global-search-result b { font-size: 10px; }.global-search-result small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.global-search-result time { color: #6f6568; font-size: 8px; }
.search-type { position: absolute; left: 9px; top: 12px; width: 50px; color: var(--red-bright); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.queue-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }.queue-tab { min-height: 34px; border: 1px solid var(--line); border-radius: 99px; padding: 0 11px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer; font-size: 9px; }.queue-tab b { color: #fff; margin-left: 4px; }.queue-tab.active { color: #fff; border-color: var(--line-red); background: rgba(255,51,75,.12); }.issue-table { min-width: 1080px; }
.alert-title-line { display: flex; align-items: center; gap: 8px; }.alert-title-line .kicker { margin-bottom: 0; }.alert-counter { display: inline-flex; min-height: 20px; align-items: center; padding: 0 7px; border-radius: 99px; color: #ffd7dc; background: rgba(255,51,75,.12); font-size: 8px; }.alert-actions { display: flex; flex-direction: column; gap: 7px; min-width: 110px; }.alert-actions button { min-height: 34px; }.alert-invoices { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }.alert-invoices button { border: 1px solid var(--line); border-radius: 7px; padding: 5px 7px; color: #8ab5ff; background: rgba(120,168,255,.04); cursor: pointer; font-family: ui-monospace, monospace; font-size: 7px; }
.health-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }.health-card { display: grid; align-content: start; gap: 10px; min-height: 205px; padding: 15px; border: 1px solid var(--line); border-top: 2px solid #5e5659; border-radius: 16px; background: var(--panel); box-shadow: var(--shadow); }.health-card.up, .health-card.healthy { border-top-color: var(--green); }.health-card.down { border-top-color: var(--red); }.health-card.degraded { border-top-color: var(--orange); }.health-card-head, .health-card-head > div { display: flex; justify-content: space-between; align-items: center; gap: 7px; }.health-card-head b { font-size: 11px; }.health-dot { width: 7px; height: 7px; border-radius: 50%; background: #61575a; }.health-card.up .health-dot, .health-card.healthy .health-dot { background: var(--green); box-shadow: 0 0 9px var(--green); }.health-card.down .health-dot { background: var(--red); box-shadow: 0 0 9px var(--red); }.health-card p { min-height: 31px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; overflow-wrap: anywhere; }.health-meta { display: grid; gap: 4px; color: #74696d; font-size: 8px; }.health-card .secondary-button { align-self: end; margin-top: auto; }
.check-list { display: grid; gap: 2px; }.check-list > div { min-height: 38px; display: grid; grid-template-columns: 11px 1fr auto; align-items: center; gap: 8px; border-top: 1px solid var(--line); }.check-list > div:first-child { border-top: 0; }.check-list b { font-size: 10px; }.check-list small { color: var(--muted); font-size: 8px; }.check-dot { width: 7px; height: 7px; border-radius: 50%; background: #777; }.check-dot.ok { background: var(--green); }.check-dot.bad { background: var(--red); }.fragment-token { display: flex; flex-wrap: wrap; gap: 7px 15px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); color: var(--muted); font-size: 8px; }
.proxy-list { margin-top: 12px; }.proxy-row { display: grid; grid-template-columns: 1fr auto auto; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 9px; }.proxy-row span { color: var(--muted); }.ok-text { color: var(--green); }.bad-text { color: var(--red-bright); }
.compact-list { display: grid; }.compact-row { width: 100%; min-height: 57px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 9px 3px; border: 0; border-top: 1px solid var(--line); color: var(--text); background: transparent; text-align: left; cursor: pointer; }.compact-row:first-child { border-top: 0; }.compact-row:hover { background: rgba(255,51,75,.035); }.compact-row b, .compact-row span { display: block; }.compact-row b { font-size: 10px; }.compact-row span { margin-top: 4px; color: var(--muted); font-size: 8px; }
.hero-actions, .backup-actions { display: flex; flex-wrap: wrap; gap: 8px; }.report-list, .session-list, .backup-list { display: grid; }.report-row { display: grid; grid-template-columns: 130px 1fr auto; align-items: center; gap: 18px; padding: 14px 2px; border-top: 1px solid var(--line); }.report-row:first-child { border-top: 0; }.report-date b, .report-date span { display: block; }.report-date b { color: var(--red-bright); font-size: 12px; }.report-date span { margin-top: 4px; color: var(--muted); font-size: 8px; }.report-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.report-stats span { color: var(--muted); font-size: 8px; }.report-stats b { display: block; margin-top: 3px; color: #eee4e6; font-size: 10px; }
.session-row { display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 13px; padding: 13px 2px; border-top: 1px solid var(--line); }.session-row:first-child { border-top: 0; }.session-row.revoked { opacity: .48; }.session-indicator { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }.session-row.revoked .session-indicator { background: #71676a; box-shadow: none; }.session-row b, .session-row span, .session-row small { display: block; }.session-row b { font-size: 10px; }.session-row span { margin-top: 4px; color: var(--muted); font-size: 9px; }.session-row small { margin-top: 3px; color: #72676a; font-size: 8px; }
.backup-panel { border-color: rgba(120,168,255,.2); background: radial-gradient(circle at 100% 0, rgba(120,168,255,.08), transparent 38%), var(--panel); }.backup-row { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 13px; padding: 13px 2px; border-top: 1px solid var(--line); }.backup-row:first-child { border-top: 0; }.backup-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(120,168,255,.2); border-radius: 10px; color: #8ab5ff; background: rgba(120,168,255,.06); }.backup-row b, .backup-row span, .backup-row small { display: block; }.backup-row b { font-size: 10px; }.backup-row span { margin-top: 4px; color: var(--muted); font-size: 8px; }.backup-row small { margin-top: 3px; color: #70666a; font-size: 8px; }.finance-table { min-width: 1020px; }
.badge.down, .badge.critical { color: #ff8190; border-color: rgba(255,51,75,.25); background: rgba(255,51,75,.08); }.badge.up, .badge.healthy, .badge.sent { color: var(--green); border-color: rgba(54,211,154,.2); background: rgba(54,211,154,.07); }.badge.degraded, .badge.disabled, .badge.generated, .badge.unchecked { color: var(--orange); border-color: rgba(255,173,92,.2); background: rgba(255,173,92,.07); }

/* Живой каталог товаров */
.products-hero { background: radial-gradient(circle at 88% 20%, rgba(255,51,75,.2), transparent 31%), linear-gradient(120deg, rgba(44,18,24,.94), rgba(20,14,16,.92)); border-color: var(--line-red); }
.products-hero p, .product-panel-head p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.catalog-live-pill { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; border: 1px solid rgba(54,211,154,.2); border-radius: 999px; padding: 9px 12px; color: #a5ead0; background: rgba(54,211,154,.06); font-size: 9px; }
.catalog-live-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.stars-product-panel { border-color: rgba(255,51,75,.18); background: radial-gradient(circle at 100% 0, rgba(255,51,75,.08), transparent 30%), var(--panel); }
.product-panel-head { align-items: center; }
.catalog-price-editor { min-width: 330px; padding: 13px; border: 1px solid var(--line-red); border-radius: 14px; background: rgba(255,51,75,.045); }
.catalog-price-editor label, .premium-price-row label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }
.catalog-price-editor > div { display: grid; grid-template-columns: minmax(90px, 1fr) auto auto; align-items: center; gap: 8px; }
.catalog-price-editor input, .premium-price-input input { min-width: 0; width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 10px; outline: 0; padding: 0 10px; color: white; background: #100b0d; font-weight: 750; }
.catalog-price-editor input:focus, .premium-price-input input:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(255,51,75,.06); }
.catalog-price-editor input:disabled, .premium-price-input input:disabled { opacity: .65; }
.catalog-price-editor > div > span, .premium-price-input span { color: var(--red-bright); font-size: 13px; font-weight: 800; }
.catalog-price-editor small { display: block; margin-top: 7px; color: #7f7377; font-size: 8px; }
.star-packs-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.star-pack-card { min-width: 0; min-height: 104px; display: grid; grid-template-columns: 29px 1fr; align-content: center; column-gap: 9px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.026), rgba(255,51,75,.025)); transition: transform .18s ease, border-color .18s ease; }
.star-pack-card:hover { transform: translateY(-2px); border-color: var(--line-red); }
.star-pack-icon { grid-row: 1 / 3; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: white; background: linear-gradient(145deg, var(--red-bright), #9f1028); box-shadow: 0 8px 20px rgba(255,51,75,.18); font-size: 12px; }
.star-pack-card b, .star-pack-card small, .star-pack-card strong { min-width: 0; display: block; }
.star-pack-card b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.star-pack-card small { margin-top: 3px; color: #74696d; font-size: 8px; }
.star-pack-card strong { grid-column: 1 / -1; margin-top: 13px; color: #fff; font-size: 16px; letter-spacing: -.03em; }
.premium-products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.premium-product-card { min-width: 0; display: grid; gap: 17px; padding: 18px; border: 1px solid var(--line); border-top: 2px solid var(--red); border-radius: 16px; background: linear-gradient(150deg, rgba(43,22,28,.92), rgba(18,13,15,.94)); }
.premium-product-top { display: flex; align-items: center; justify-content: space-between; }
.premium-gem { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255,82,102,.26); border-radius: 12px; color: var(--red-bright); background: rgba(255,51,75,.08); font-size: 18px; }
.catalog-index { color: #594e52; font: 800 18px ui-monospace, monospace; }
.product-type { color: var(--red-bright); font-size: 8px; letter-spacing: .14em; font-weight: 800; }
.premium-product-card h3 { margin: 6px 0 0; font-size: 18px; }
.premium-product-card p { margin: 5px 0 0; color: var(--muted); font-size: 9px; }
.premium-price-row { display: grid; grid-template-columns: minmax(90px, 1fr) auto; align-items: end; gap: 9px; padding-top: 14px; border-top: 1px solid var(--line); }
.premium-price-input { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; }
.owner-price-note { color: #786c70; font-size: 8px; }

/* Согласование критичных изменений */
.approval-center { min-height: 260px; }
.approval-request { position: relative; display: grid; gap: 13px; margin-bottom: 12px; padding: 17px; border: 1px solid var(--line); border-left: 3px solid #6e6468; border-radius: 15px; background: linear-gradient(135deg, rgba(255,255,255,.028), rgba(255,255,255,.01)); }
.approval-request.pending { border-left-color: var(--orange); background: linear-gradient(120deg, rgba(255,173,92,.055), rgba(255,255,255,.01)); }
.approval-request.approved { border-left-color: var(--green); }
.approval-request.rejected, .approval-request.failed { border-left-color: var(--red); opacity: .72; }
.approval-request-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
.approval-number { display: block; margin-bottom: 5px; color: var(--red-bright); font-size: 8px; letter-spacing: .12em; font-weight: 800; }
.approval-request h3 { margin: 0; font-size: 14px; }
.approval-description { margin: 0; color: #c9bec1; font-size: 10px; line-height: 1.55; }
.approval-values { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 10px; }
.approval-values > div { min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 11px; background: rgba(0,0,0,.13); }
.approval-values span, .approval-values b { display: block; }
.approval-values span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.approval-values b { margin-top: 6px; overflow-wrap: anywhere; font-size: 11px; }
.approval-values > div:last-child { border-color: var(--line-red); background: rgba(255,51,75,.045); }
.approval-values i { align-self: center; color: var(--red-bright); font-style: normal; }
.approval-meta { display: flex; flex-wrap: wrap; gap: 7px 15px; padding-top: 10px; border-top: 1px solid var(--line); color: #7e7376; font-size: 8px; }
.approval-meta b { color: #bdb2b5; }
.approval-note { padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: rgba(0,0,0,.14); font-size: 9px; }
.approval-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.approval-actions button { min-height: 43px; }
.approval-explainer { display: grid; gap: 6px; padding: 15px; border: 1px solid rgba(255,173,92,.18); border-radius: 13px; background: rgba(255,173,92,.045); }
.approval-explainer b { color: var(--orange); font-size: 10px; }
.approval-explainer span { color: var(--muted); font-size: 9px; line-height: 1.55; }
.badge.approved { color: var(--green); border-color: rgba(54,211,154,.2); background: rgba(54,211,154,.07); }
.badge.rejected, .badge.failed { color: #ff8190; border-color: rgba(255,51,75,.25); background: rgba(255,51,75,.08); }
.badge.processing { color: #8ab5ff; border-color: rgba(120,168,255,.25); background: rgba(120,168,255,.08); }

@media (max-width: 1100px) {
  :root { --sidebar: 86px; }
  .brand > div:last-child, .nav-item b, .security-card div:last-child { display: none; }
  .brand { justify-content: center; padding-left: 0; padding-right: 0; }.nav-item { justify-content: center; padding: 0; }.nav-item span { width: auto; }.security-card { justify-content: center; }.nav-badge { position: absolute; right: 5px; top: 5px; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }.detail-grid { grid-template-columns: repeat(2, 1fr); }
  .health-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .star-packs-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  :root { --radius: 16px; }
  .app-shell { display: block; }.sidebar { display: none; }.main { padding: 0 13px 92px; }.topbar { height: 82px; margin-bottom: 17px; }.topbar .eyebrow { display: none; }.topbar h1 { font-size: 25px; }.admin-chip { display: none; }
  .mobile-nav { position: fixed; z-index: 40; display: grid; grid-template-columns: repeat(5, 1fr); left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); border: 1px solid var(--line); border-radius: 17px; background: rgba(18,13,15,.94); backdrop-filter: blur(20px); box-shadow: var(--shadow); padding: 6px; }
  .mobile-more-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 13px; }
  .mobile-nav-item { border: 0; background: transparent; color: #82777a; border-radius: 12px; min-height: 49px; display: grid; justify-items: center; align-content: center; gap: 2px; }.mobile-nav-item span { font-size: 17px; }.mobile-nav-item small { font-size: 8px; }.mobile-nav-item.active { color: white; background: rgba(255,51,75,.12); }.mobile-nav-item.active span { color: var(--red-bright); }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.metric-card { min-height: 105px; padding: 15px; }.metric-value { font-size: 25px; }.grid-2 { grid-template-columns: 1fr; }.dashboard-grid { display: block; }.dashboard-grid .panel { margin-bottom: 14px; }.panel { padding: 15px; margin-bottom: 13px; }.panel-head { margin-bottom: 15px; }
  .filters { display: grid; grid-template-columns: 1fr 1fr; }.search-field { min-width: 0; grid-column: 1 / -1; }.field { width: 100%; min-width: 0; }.secondary-button { width: 100%; }.table-panel { padding: 10px; }.data-table { margin: 0 -4px; }.table { min-width: 760px; }
  .event-time { display: none; }.event-feed .feed-item:nth-child(n+7) { display: none; }.security-overview { grid-template-columns: repeat(2,1fr); }.settings-grid { display: block; }.settings-grid .panel { margin-bottom: 13px; }.hero-panel { display: block; }.hero-panel .primary-button { width: 100%; margin-top: 18px; }.section-intro { align-items: flex-end; }.alert-card { grid-template-columns: 1fr; }.alert-card button { width: 100%; }.modal { padding: 0; align-items: end; }.modal-sheet { width: 100%; max-height: 94vh; border-radius: 22px 22px 0 0; padding: 20px 15px calc(20px + env(safe-area-inset-bottom)); }.detail-grid { grid-template-columns: repeat(2, 1fr); }.action-bar button { flex: 1; }.toast-stack { left: 12px; right: 12px; bottom: 82px; }.toast { min-width: 0; max-width: none; }
  .global-search-wrap { width: min(42vw, 230px); }.global-search { padding: 0 9px; }.global-search input { font-size: 9px; }.health-grid { grid-template-columns: 1fr 1fr; gap: 9px; }.health-card { min-height: 185px; }.alert-actions { width: 100%; }.report-row, .backup-row { grid-template-columns: 1fr; }.backup-icon { display: none; }.report-stats { grid-template-columns: 1fr 1fr 1fr; }.backup-actions > * { flex: 1; }.hero-actions { margin-top: 15px; }.hero-actions > * { flex: 1; }.session-row { grid-template-columns: 8px 1fr; }.session-row > div:last-child { grid-column: 2; }.session-row .secondary-button { width: 100%; }
  .catalog-live-pill { margin-top: 16px; }.product-panel-head { display: block; }.catalog-price-editor { min-width: 0; width: 100%; margin-top: 16px; }.star-packs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.premium-products-grid { grid-template-columns: 1fr; }.premium-product-card { gap: 14px; }
  .approval-center .order-head { padding-right: 35px; }.approval-actions button { width: 100%; }
}

@media (max-width: 420px) {
  .metric-grid { grid-template-columns: 1fr 1fr; }.metric-card { min-height: 98px; }.metric-label { font-size: 8px; }.metric-value { font-size: 22px; }.filters { grid-template-columns: 1fr; }.search-field { grid-column: auto; }.detail-grid { grid-template-columns: 1fr 1fr; }.security-overview { grid-template-columns: 1fr 1fr; }
  .top-actions { gap: 6px; }.global-search-wrap { width: 38vw; }.top-actions #refreshButton { display: none; }.health-grid { grid-template-columns: 1fr; }.report-stats { grid-template-columns: 1fr 1fr; }
  .catalog-price-editor > div { grid-template-columns: minmax(80px, 1fr) auto; }.catalog-price-editor .primary-button { grid-column: 1 / -1; }.star-pack-card { padding: 11px; }.star-pack-card strong { font-size: 14px; }.premium-price-row { grid-template-columns: 1fr; }
  .approval-values { grid-template-columns: 1fr; }.approval-values i { justify-self: center; transform: rotate(90deg); }
}

/* Спорные заказы и безопасная ручная доставка */
.badge.new, .badge.urgent, .badge.waiting { color: var(--orange); border-color: rgba(255,173,92,.25); background: rgba(255,173,92,.08); }
.badge.in_progress { color: #8ab5ff; border-color: rgba(120,168,255,.25); background: rgba(120,168,255,.08); }
.badge.resolved, .badge.closed, .badge.normal { color: var(--green); border-color: rgba(54,211,154,.2); background: rgba(54,211,154,.07); }
.badge.critical { color: #ff8190; border-color: rgba(255,51,75,.3); background: rgba(255,51,75,.11); }
.mine-toggle { padding: 0 8px; min-height: 41px; }
.case-number { color: var(--red-bright); display: block; margin-bottom: 5px; }
.diagnosis-code { color: #a99da0; font-family: ui-monospace, monospace; font-size: 9px; }
.cases-table { min-width: 1050px; }
.case-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0 18px; }
.case-controls .secondary-button { min-height: 34px; }
.case-select { width: 100%; margin-top: 10px; }
.diagnosis-banner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; padding: 18px; border: 1px solid var(--line); border-left: 4px solid var(--orange); border-radius: 15px; background: rgba(255,173,92,.055); margin-bottom: 14px; }
.diagnosis-banner.risk-high { border-left-color: var(--red); background: rgba(255,51,75,.065); }
.diagnosis-banner.risk-low { border-left-color: var(--green); background: rgba(54,211,154,.045); }
.diagnosis-banner h3 { margin: 0 0 6px; font-size: 15px; }
.diagnosis-banner p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 13px; }
.proof-card { border: 1px solid var(--line); border-radius: 13px; padding: 13px; background: rgba(255,255,255,.022); }
.proof-card span { display: block; color: var(--orange); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.proof-card.ok span { color: var(--green); }
.proof-card b { display: block; font-size: 10px; line-height: 1.45; margin-top: 7px; }
.explorer-links { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.explorer-link { color: #8ab5ff; border: 1px solid rgba(120,168,255,.2); background: rgba(120,168,255,.06); border-radius: 10px; padding: 8px 10px; text-decoration: none; font-size: 9px; }
.manual-summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 18px; border: 1px solid var(--line-red); border-radius: 15px; padding: 16px; background: linear-gradient(100deg, rgba(255,51,75,.08), rgba(255,255,255,.01)); }
.manual-summary h3 { margin: 0 0 5px; font-size: 13px; }
.manual-summary p { color: var(--muted); font-size: 9px; line-height: 1.5; margin: 0; }
.action-bar.no-border { border: 0; padding: 0; }
.case-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 1px solid var(--line); margin-top: 20px; padding-top: 20px; }
.note-form { display: grid; gap: 8px; margin: 10px 0; }
.note-form textarea { min-height: 76px; resize: vertical; border: 1px solid var(--line); background: #0d0a0b; color: white; border-radius: 10px; padding: 10px; }
.case-notes, .reply-list { display: grid; gap: 8px; }
.case-note, .reply-template, .attempt-row { border: 1px solid var(--line); border-radius: 12px; padding: 11px; background: rgba(255,255,255,.02); }
.case-note b { font-size: 9px; }
.case-note time { color: var(--muted); float: right; font-size: 8px; }
.case-note p { margin: 7px 0 0; color: #b7aaae; font-size: 10px; line-height: 1.45; }
.reply-template { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.reply-template b { font-size: 10px; }
.reply-template p { color: var(--muted); font-size: 9px; line-height: 1.45; margin: 5px 0 0; }
.reply-template .secondary-button { min-height: 32px; padding: 0 10px; }
.case-attempts { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 20px; }
.attempt-row { display: grid; gap: 6px; margin-top: 9px; }
.attempt-row > div { display: flex; gap: 6px; }
.attempt-row b { font-size: 10px; }
.attempt-row span { color: var(--muted); font-size: 9px; }
.attempt-row code { color: #9b8f92; white-space: pre-wrap; word-break: break-word; font-size: 8px; }
.history-list { display: grid; gap: 7px; margin-top: 9px; }
.history-row { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; border-bottom: 1px solid var(--line); padding: 9px 2px; }
.history-row b { font-size: 9px; }.history-row span { color: var(--muted); font-size: 8px; }
.history-row code { grid-column: 1 / -1; color: #8f8386; white-space: pre-wrap; word-break: break-word; font-size: 8px; }
.compact-empty { padding: 14px; }

/* Защищённая полная очистка */
.cleanup-panel { border-color: rgba(255,51,75,.32); background: radial-gradient(circle at 100% 0, rgba(255,51,75,.1), transparent 38%), var(--panel); }
.danger-pill { color: #ff8795; border: 1px solid rgba(255,51,75,.35); background: rgba(255,51,75,.1); border-radius: 99px; padding: 7px 10px; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.cleanup-description { color: var(--muted); font-size: 10px; line-height: 1.6; max-width: 850px; }
.cleanup-lock-state { display: flex; justify-content: space-between; gap: 12px; margin: 15px 0 10px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); font-size: 9px; }
.cleanup-lock-state.ready b { color: var(--green); }.cleanup-lock-state.warning b { color: var(--orange); }.cleanup-lock-state span { color: var(--muted); }
.cleanup-counts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
.cleanup-counts.compact { margin: 12px 0; }
.cleanup-count { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; background: rgba(255,255,255,.018); }
.cleanup-count span { color: var(--muted); font-size: 8px; }.cleanup-count b { color: #eadfe2; font-size: 10px; }
.cleanup-preserved { color: #776c6f; font-size: 8px; line-height: 1.55; }
.cleanup-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cleanup-confirm { margin-top: 16px; display: grid; gap: 9px; }
.cleanup-confirm.destructive { border-color: rgba(255,51,75,.42); background: rgba(255,51,75,.055); }
.cleanup-confirm input { width: 100%; border: 1px solid var(--line); background: #0d0a0b; color: white; border-radius: 10px; padding: 11px; box-sizing: border-box; }
.cleanup-success { margin-top: 14px; display: grid; gap: 5px; border: 1px solid rgba(54,211,154,.3); background: rgba(54,211,154,.06); border-radius: 12px; padding: 14px; }
.cleanup-success b { color: var(--green); }.cleanup-success span { color: var(--muted); font-size: 9px; }

@media (max-width: 760px) {
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .diagnosis-banner, .manual-summary { grid-template-columns: 1fr; }
  .diagnosis-banner .primary-button { width: 100%; }
  .case-columns { grid-template-columns: 1fr; }
  .reply-template { grid-template-columns: 1fr; }
  .reply-template .secondary-button { width: 100%; }
  .case-controls > * { flex: 1 1 calc(50% - 8px); }
  .cleanup-counts { grid-template-columns: 1fr 1fr; }
  .cleanup-lock-state { display: grid; }
  .cleanup-buttons > * { flex: 1 1 100%; }
}