@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");

:root{
  --bg:#F7F6F3;
  --surface:#fff;
  --surface-warm:#FAFAF9;
  --surface-cream:#FFFDF8;
  --ink:#141211;
  --ink-2:#1C1917;
  --ink-3:#44403C;
  --muted:#6F675F;
  --muted-2:#7C7268;
  --muted-3:#A39A8E;
  --bd:#E7E5E4;
  --bd-warm:#E0D5C5;
  --bd-2:#D6D3D1;

  --accent:#E8622C;
  --accent-hover:#D4571F;
  --accent-deep:#B14619;
  --amber:#F59E0B;
  --teal:#0D9488;
  --teal-deep:#0F766E;
  --warm-brown:#A47764;

  --accent-tint-soft:rgba(232,98,44,.04);
  --accent-tint-mid:rgba(232,98,44,.10);
  --accent-tint-strong:rgba(232,98,44,.20);
  --amber-tint-soft:rgba(245,158,11,.04);
  --amber-tint-mid:rgba(245,158,11,.10);
  --teal-tint-soft:rgba(13,148,136,.04);
  --teal-tint-mid:rgba(13,148,136,.10);

  --ok:#16A34A;
  --warn:#D97706;
  --bad:#DC2626;

  /* Semantic action colors (used in stat-cards, trend bars, RT widget, chips) */
  --action-offer:#0F766E;
  --action-offer-light:#34D399;
  --action-offer-soft:rgba(13,148,136,.08);
  --action-white:#E8622C;
  --action-white-light:#F87171;
  --action-white-soft:rgba(232,98,44,.08);
  --action-fraud:#DC2626;
  --action-fraud-soft:rgba(220,38,38,.08);

  /* Real-time widget palette (was scattered hardcoded greens/cyans) */
  --rt-offer:#34D399;
  --rt-offer-deep:#059669;
  --rt-offer-soft:#86EFAC;
  --rt-white:#F87171;
  --rt-white-deep:#DC2626;
  --rt-white-soft:#FCA5A5;
  --rt-site:#7DD3FC;
  --rt-camp:#FB923C;
  --rt-reason:#A78BFA;
  --rt-meta:#71717A;

  --sh-1:0 1px 3px rgba(26,23,20,.06),0 1px 2px rgba(26,23,20,.04);
  --sh-2:0 4px 10px rgba(26,23,20,.07),0 2px 4px rgba(26,23,20,.05);
  --sh-3:0 12px 26px rgba(26,23,20,.09),0 4px 10px rgba(26,23,20,.05);
  --sh-accent-1:0 4px 14px rgba(232,98,44,.18);
  --sh-accent-2:0 8px 22px rgba(232,98,44,.24);

  --t-fast:120ms;
  --t-base:180ms;
  --t-slow:240ms;
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* Spacing scale — 4px base */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:56px;

  /* Typography scale */
  --text-xs:10px;
  --text-sm:11px;
  --text-base:12px;
  --text-md:13px;
  --text-lg:14px;
  --text-xl:16px;
  --text-2xl:18px;
  --text-3xl:22px;
  --text-4xl:26px;
  --text-display:36px;

  /* Radii scale */
  --r-xs:6px;
  --r-sm:8px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:18px;
  --r-2xl:20px;
  --r-pill:999px;
}

/* Tabular numerals — keep digits aligned everywhere numbers appear */
.stat-card strong, .stat-card-hero strong, .hero-pill strong,
.summary-card strong, .tgu-counter-num,
.bar-row strong, .bar-row span, .trend-bar-total, .trend-bar-date,
.camp-stat strong, .camp-stat-total, .camp-date,
.hist-time, .hist-geo, .domain-card-total, .domain-card-pct,
.dr-value, .badge, .badge-soft, .badge-offer, .badge-white,
.badge-ok, .badge-warn, .badge-miss,
.af-score-compact strong, .af-v-ts, .af-v-geo,
.kr-guest-val, .key-short, .detail-reason-code,
table td, table th, .stat-card-hero strong, code{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

/* Asymmetric stats grid — hero card spans 2 columns for visual hierarchy */
.stats-row .stat-card-hero{grid-column:span 2}
@media(max-width:760px){.stats-row .stat-card-hero{grid-column:span 1}}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink-2);font:15px/1.6 "Plus Jakarta Sans",-apple-system,system-ui,sans-serif}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
code{font:13px/1.4 Consolas,"Courier New",monospace;background:var(--teal-tint-soft);border:1px solid rgba(13,148,136,.12);border-radius:6px;padding:2px 7px;color:var(--teal-deep);word-break:break-all;overflow-wrap:break-word}
pre{margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.5 Consolas,"Courier New",monospace;color:var(--muted)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--bd)}
th{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);font-weight:700}
td{color:var(--ink-3);font-size:14px}
tr:hover td{background:var(--accent-tint-soft)}

.admin-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}
.sidebar{background:var(--surface-warm);padding:20px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-right:1px solid var(--bd)}
.brand{padding:6px 12px 22px;margin-bottom:4px;border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:8px}
.brand-row{display:flex;align-items:center;gap:10px;min-width:0}
.brand-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--accent)}
.brand-mark svg{width:100%;height:100%;display:block}
.brand-mark svg path,.brand-mark svg g{stroke:var(--accent)}
.login-lockup-mark svg path,.login-lockup-mark svg g{stroke:var(--accent)}
.brand strong{display:block;font:800 20px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.02em}
.brand-tagline{font:500 12px/1.45 "Plus Jakarta Sans","Outfit",sans-serif;letter-spacing:.01em;color:var(--muted-2);margin:0;padding:0;background:none;border:0;display:block}
.nav{display:grid;gap:4px;padding:0 4px}
.nav-link{padding:11px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:15px;letter-spacing:-.01em;transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease);display:flex;align-items:center;gap:11px;position:relative}
.nav-link span{display:block}.nav-link small{display:none}
.nav-link:hover{color:var(--ink-2);background:rgba(0,0,0,.04)}
.nav-link.active{color:var(--accent);background:var(--accent-tint-mid);font-weight:700}
.nav-link.active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav-icon{width:22px;display:flex;align-items:center;justify-content:center;opacity:.5;flex-shrink:0;transition:opacity var(--t-base) var(--ease)}.nav-icon svg{display:block}.nav-link:hover .nav-icon{opacity:.8}.nav-link.active .nav-icon{opacity:1}
.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--bd);min-width:0;overflow-x:hidden;overflow-y:visible;flex:0 0 auto}
.sidebar-foot *{min-width:0;max-width:100%}
.sidebar-note{display:none}.small-label{display:none}
.sidebar-dl-panel{width:100%;padding:14px;border-radius:12px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);display:grid;gap:8px;margin-bottom:8px;overflow:hidden}
.sidebar-dl-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.06em}
.sidebar-dl-header span{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
.sidebar-dl-select{width:100%;padding:6px 10px;border-radius:8px;border:1px solid var(--bd);background:var(--surface);color:var(--ink-2);font-size:12px;-webkit-appearance:none;appearance:auto;cursor:pointer;transition:border-color var(--t-fast) var(--ease);text-overflow:ellipsis}
.sidebar-dl-select:focus{outline:none;border-color:var(--accent)}
.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;color:var(--muted-2);font-size:13px;font-weight:500;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);border:1px solid transparent;text-decoration:none}
.sidebar-logout:hover{color:var(--bad);background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.12)}
.content{padding:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-content:start;min-height:100vh}
.content>.panel,.content>.panel-grid{grid-column:1/-1}
.page-header{grid-column:1/-1;width:100%;display:flex;align-items:center;padding:22px 28px;border-radius:16px;background:var(--surface);border:1px solid var(--bd);position:relative;overflow:hidden;box-shadow:var(--sh-1);gap:16px;flex-wrap:wrap}
.page-header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}
.page-header h1{font:800 26px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.03em}
.hero,.hero-copy,.hero-art,.eyebrow{display:none}
.hero-metrics{display:flex;gap:10px;flex:1 1 auto;justify-content:center;min-width:0}
.hero-pill{padding:12px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--bd);box-shadow:var(--sh-1)}
.hero-pill strong{display:block;font:700 24px/1 "Outfit",sans-serif;color:var(--accent)}
.hero-pill span{display:block;font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}

.panel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.panel{grid-column:span 12;background:var(--surface);border:1px solid var(--bd);border-radius:16px;padding:20px;box-shadow:var(--sh-1);transition:box-shadow var(--t-slow) var(--ease),border-color var(--t-slow) var(--ease);animation:cardSlideUp .4s var(--ease-out) both}
.panel:hover{box-shadow:var(--sh-2);border-color:var(--bd-2)}
.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.panel h2{margin:0 0 8px;font:700 18px/1.2 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.02em}
.panel h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em}
.panel p.lead{margin:0 0 12px;color:var(--muted);font-size:13px}

.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.stat-card{padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--bd);position:relative;overflow:hidden;transition:box-shadow var(--t-slow) var(--ease),border-color var(--t-slow) var(--ease);animation:cardSlideUp .4s var(--ease-out) both}
.stat-card:hover{box-shadow:var(--sh-2);border-color:rgba(232,98,44,.18)}
.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-tint-strong)}
.stat-card strong{display:block;font:700 28px/1 "Outfit",sans-serif;color:var(--ink-2);margin-bottom:6px}
.stat-card span{display:block;font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.stat-card .muted{font-size:12px;margin-top:6px}

/* Semantic stat-card variants — single color accent on top + left border + icon slot */
.stat-card--offer{border-left:3px solid var(--action-offer)}
.stat-card--offer::before{background:var(--action-offer)}
.stat-card--white{border-left:3px solid var(--action-white)}
.stat-card--white::before{background:var(--action-white)}
.stat-card--fraud{border-left:3px solid var(--action-fraud)}
.stat-card--fraud::before{background:var(--action-fraud)}
.stat-card--fraud.is-alarm{background:rgba(220,38,38,.04);animation:cardSlideUp .4s var(--ease-out) both,fraudPulse 2.5s ease-in-out infinite}
@keyframes fraudPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}50%{box-shadow:0 0 0 4px rgba(220,38,38,.08)}}

/* Stat-card semantic icon (top-right corner, helps color-blind users distinguish) */
.stat-card-icon{
  position:absolute;top:10px;right:12px;
  width:18px;height:18px;
  opacity:.45;
  color:currentColor;
  pointer-events:none;
}
.stat-card-icon svg{width:100%;height:100%;display:block}
.stat-card--offer .stat-card-icon{color:var(--action-offer)}
.stat-card--white .stat-card-icon{color:var(--action-white)}
.stat-card--fraud .stat-card-icon{color:var(--action-fraud)}
.stat-card-hero{background:var(--surface-cream);border-color:rgba(232,98,44,.15);box-shadow:0 4px 16px rgba(232,98,44,.08)}
.stat-card-hero::before{background:var(--accent)}
.stat-card-hero strong{color:var(--accent);font-size:36px}
.stat-card-hero span{color:var(--muted-2)}
.stat-card-hero .muted{color:var(--muted-2)}
.stat-card-hero:hover{box-shadow:0 8px 28px rgba(232,98,44,.14)}
@keyframes cardSlideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.bars{display:grid;gap:6px}
.bar-row{display:grid;grid-template-columns:80px 1fr 60px;gap:10px;align-items:center;animation:cardSlideUp .35s var(--ease-out) both}
.bar-row strong{font-size:12px;color:var(--muted-2);font-weight:600}
.bar-row span{font-size:12px;color:var(--muted);text-align:right}
.bar-track{height:24px;border-radius:8px;background:rgba(0,0,0,.03);overflow:hidden}
.bar-fill{height:100%;border-radius:8px;background:var(--accent);animation:barGrow .6s var(--ease-out) both}
@keyframes barGrow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}

.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}
.summary-card{padding:18px;border-radius:14px;background:var(--amber-tint-soft);border:1px solid var(--bd);overflow:hidden;word-break:break-word;transition:background var(--t-base) var(--ease)}
.summary-card:hover{background:var(--amber-tint-mid)}
.summary-card strong{display:block;font:700 22px/1 "Outfit",sans-serif;color:var(--ink-2);margin-bottom:6px}
.summary-card span{display:block;font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}
.snapshot-card{padding:18px;border-radius:14px;background:var(--teal-tint-soft);border:1px solid var(--bd);overflow:hidden;word-break:break-word}

.trend-grid{display:grid;gap:7px}
.trend-bar-row{display:flex;align-items:center;gap:10px;padding:2px 0}
.trend-bar-date{width:48px;font-size:12px;color:var(--muted-2);font-weight:600;flex-shrink:0}
.trend-bar-wrap{flex:1}
.trend-bar-track{height:28px;background:rgba(0,0,0,.03);border-radius:8px;overflow:hidden;display:flex;min-width:4px}
.seg-offer{height:100%;background:var(--action-offer)}
.seg-white{height:100%;background:var(--action-white)}
/* Fraud segment — pattern overlay so it stays distinguishable for color-blind users
   (deuteranopia confuses teal+red as the same dark gray) */
.seg-fraud{
  height:100%;
  background:repeating-linear-gradient(135deg,
    var(--action-fraud) 0,
    var(--action-fraud) 4px,
    rgba(0,0,0,.18) 4px,
    rgba(0,0,0,.18) 7px);
}

/* Legend row and dots — used in stat-cards explanation + trend bars header */
.legend-row{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.legend-row strong{font-weight:700}
.legend-row > span{display:inline-flex;align-items:center;gap:6px}
.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0;background:var(--bd-2)}
.legend-dot--offer{background:var(--action-offer)}
.legend-dot--white{background:var(--action-white)}
.legend-dot--fraud{background:repeating-linear-gradient(135deg,
  var(--action-fraud) 0,var(--action-fraud) 3px,
  rgba(0,0,0,.25) 3px,rgba(0,0,0,.25) 5px)}
.trend-bar-total{width:55px;font-size:12px;color:var(--muted);text-align:right;flex-shrink:0}

.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:rgba(0,0,0,.04);border:1px solid var(--bd);font-size:13px;font-weight:600;color:var(--ink-3);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);text-decoration:none;font-variant-numeric:tabular-nums}
a.chip,button.chip{cursor:pointer}
a.chip:focus-visible,button.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chip:hover{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18);color:var(--accent)}
.chip strong{color:inherit}

/* Chip semantic variants — for "Причины решений" — color-coded by reason type */
.chip--offer{background:var(--teal-tint-soft);border-color:rgba(13,148,136,.18);color:var(--teal-deep)}
.chip--offer:hover{background:var(--teal-tint-mid);border-color:rgba(13,148,136,.30)}
.chip--white{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18);color:var(--accent)}
.chip--white:hover{background:var(--accent-tint-mid);border-color:rgba(232,98,44,.30)}
.chip--fraud{background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.20);color:var(--bad)}
.chip--fraud:hover{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.35)}
.chip--bot{background:rgba(124,45,18,.05);border-color:rgba(124,45,18,.20);color:#7C2D12}
.chip--bot:hover{background:rgba(124,45,18,.10)}
.chip--geo{background:var(--amber-tint-soft);border-color:rgba(245,158,11,.20);color:var(--warn)}
.chip--geo:hover{background:var(--amber-tint-mid)}

.flash{grid-column:1/-1;width:100%;padding:14px 18px;border-radius:14px;border:1px solid var(--bd);background:var(--surface);font-size:14px;color:var(--ink-3);position:relative;animation:flashIn .3s var(--ease-out)}
.flash-success{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.20);color:var(--ok)}
.flash-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.20);color:var(--bad)}
.flash-dismiss{animation:flashOut .4s var(--ease) forwards}
@keyframes flashIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes flashOut{to{opacity:0;transform:translateY(-8px);max-height:0;padding:0;margin:0;border:0;overflow:hidden}}
.flash-secret{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);color:var(--ink-3);font:600 15px/1 inherit;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform 80ms ease;white-space:nowrap}
.btn:hover{box-shadow:var(--sh-1);border-color:var(--bd-2)}
.btn:active{transform:translateY(.5px)}
.btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:var(--sh-accent-1)}
.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--sh-accent-2)}
.btn-secondary{background:var(--surface);border-color:var(--bd-2)}
.btn-danger{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.20);color:var(--bad)}
.btn-ghost{background:transparent;border-color:var(--bd);color:var(--muted-2);font-weight:500;font-size:13px}
.btn-ghost:hover{color:var(--ink-3);background:rgba(0,0,0,.03);border-color:var(--bd-2)}
.btn-block{width:100%}

.stack{display:grid;gap:14px}
.field{display:grid;gap:6px}
.field span,.field label{font-weight:700;color:var(--muted-2);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.field input,.field textarea,.field select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);font:14px/1.5 inherit;color:var(--ink-2);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-mid)}
.field textarea{min-height:80px;resize:vertical}
.field select{-webkit-appearance:auto;appearance:auto}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.field-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

.switch-row{display:flex;flex-wrap:wrap;gap:8px}
.switch{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:rgba(0,0,0,.02);border:1px solid var(--bd);font-size:13px;font-weight:600;color:#57534E;transition:background var(--t-fast) var(--ease)}
.switch:hover{background:rgba(0,0,0,.04)}
.switch input{width:auto;accent-color:var(--accent)}

.table-wrap{overflow-x:auto}
.site-list{display:grid;gap:6px;max-height:700px;overflow-y:auto;padding-right:4px}
.site-card{padding:12px 14px;border-radius:12px;border:1px solid transparent;background:rgba(0,0,0,.02);display:grid;gap:6px;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);cursor:pointer;overflow:hidden;word-break:break-word}
.site-card:hover{border-color:var(--bd);background:rgba(0,0,0,.03)}
.site-card.active{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.20);box-shadow:0 0 0 1px rgba(232,98,44,.08)}
.site-card strong{font-size:14px;color:var(--ink-2)}
.site-card small{color:var(--muted);font-size:12px}

.badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;box-shadow:0 2px 6px rgba(232,98,44,.18)}
.badge-soft{background:rgba(0,0,0,.06);color:var(--muted);box-shadow:none}
.badge-offer{background:var(--teal-tint-mid);color:var(--teal-deep);box-shadow:none}
.badge-white{background:var(--accent-tint-mid);color:var(--accent);box-shadow:none}
.badge-ok{background:rgba(34,197,94,.10);color:var(--ok);box-shadow:none}
.badge-warn{background:var(--amber-tint-mid);color:var(--warn);box-shadow:none}
.badge-miss{background:rgba(239,68,68,.10);color:var(--bad);box-shadow:none}

.muted{color:var(--muted);font-size:13px}
.mono{font-family:Consolas,"Courier New",monospace}
.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.list-clean{list-style:none;padding:0;display:grid;gap:8px}
.cover-note{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.json-box{margin-top:14px;border-top:1px solid var(--bd);padding-top:12px}
.json-box summary{cursor:pointer;font-weight:700;color:var(--muted-2);font-size:13px}
.facts{list-style:none;padding:0;display:grid;gap:8px}
.facts li{display:grid;gap:5px;min-width:0}

.hist-toggle{cursor:pointer;transition:background var(--t-fast) var(--ease)}
.hist-toggle:hover td{background:var(--amber-tint-soft)}
.hist-toggle td:first-child::before{content:"▸ ";color:var(--muted-2);font-size:11px}
.hist-toggle.hist-open td:first-child::before{content:"▾ "}
.hist-detail{display:none}
.hist-detail td{background:var(--teal-tint-soft);padding:14px 18px;border-bottom:1px solid var(--bd)}
.hist-detail .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hist-detail .detail-item{font-size:13px}
.hist-detail .detail-item strong{color:var(--muted-2);font-size:11px;text-transform:uppercase;display:block;margin-bottom:2px}
.hist-detail .detail-explain{margin-top:8px;padding:10px 14px;background:var(--accent-tint-soft);border-radius:10px;border-left:3px solid var(--accent);font-size:13px;color:var(--ink-3)}

.action-menu{position:relative;display:inline-block}.action-menu summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:50;background:var(--surface);border:1px solid var(--bd-warm);border-radius:18px;padding:14px;min-width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(20,18,17,.18),0 0 0 1px rgba(20,18,17,.04);animation:menuFadeIn .18s var(--ease-out)}.action-menu-item{display:block;width:100%;padding:14px 18px;border-radius:12px;font-size:15px;color:var(--ink-3);cursor:pointer;background:none;border:none;text-align:left;font:inherit;text-decoration:none;transition:background var(--t-fast) var(--ease)}.action-menu-item:hover{background:var(--accent-tint-soft)}.action-menu-form{margin:0}.action-menu-divider{height:1px;background:var(--bd);margin:8px 0}.action-menu-guest{padding:16px 18px;background:rgba(245,158,11,.05);border-radius:14px;margin:8px 0}.action-menu-section{font-size:12px;font-weight:700;color:var(--warm-brown);text-transform:uppercase;letter-spacing:.06em;padding:10px 18px 4px;margin-top:4px}.action-menu-row{display:flex;gap:10px;align-items:center;padding:10px 18px}.action-menu-row span.aml{font-size:14px;color:var(--muted);white-space:nowrap;min-width:70px}.action-menu-row select,.action-menu-row input[type="text"],.action-menu-row input[type="date"],.action-menu-row input[name="label"],.action-menu-row input[name="admin_note"]{flex:1;padding:8px 12px;border:1px solid var(--bd-warm);border-radius:10px;font-size:15px;background:var(--surface);color:var(--ink-2);transition:border-color var(--t-fast) var(--ease)}.action-menu-row select:focus,.action-menu-row input:focus{outline:none;border-color:var(--accent)}.action-menu-row button[type="submit"]{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;transition:background var(--t-fast) var(--ease);white-space:nowrap}.action-menu-row button[type="submit"]:hover{background:var(--accent-hover)}.key-short{font-size:12px;letter-spacing:.02em;max-width:180px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.site-filter{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);font:14px/1.5 inherit;color:var(--ink-2);margin-bottom:10px;margin-top:12px;transition:border-color var(--t-fast) var(--ease)}
.site-filter:focus{outline:none;border-color:var(--accent)}
.site-list .cover-note{margin-bottom:0}
.domain-header{padding:16px 18px;background:var(--accent-tint-soft);border-radius:14px;margin-bottom:18px;border-left:3px solid var(--accent)}
.domain-header h3{margin:0;font:700 16px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.01em}
.domain-header small{color:var(--muted);font-size:13px;display:block;margin-top:8px;line-height:1.5}

.src-group{margin-bottom:16px}
.src-group h3{font:700 15px/1 "Outfit",sans-serif;color:var(--ink-2);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--bd)}
.src-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.src-item{padding:10px 14px;border-radius:10px;background:rgba(0,0,0,.02);border:1px solid var(--bd);font-size:13px;display:flex;justify-content:space-between;align-items:center;transition:background var(--t-fast) var(--ease)}
.src-item:hover{background:rgba(0,0,0,.04)}
.src-item .src-name{color:var(--ink-3);font-weight:600}
.src-item .src-url{color:var(--muted);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cron-info{padding:16px;border-radius:14px;background:var(--amber-tint-soft);border:1px solid rgba(245,158,11,.15);margin-bottom:16px}
.cron-info strong{color:var(--warn)}

.login-body{background:var(--bg);margin:0}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.login-visual{padding:48px 40px;display:grid;align-content:center;gap:28px;background:var(--surface-cream);min-height:100vh;position:relative;overflow:hidden;border-right:1px solid var(--bd)}
.login-visual h1{margin:0;font:800 52px/0.92 "Outfit",sans-serif;max-width:11ch;color:var(--ink-2);letter-spacing:-.04em}
.login-visual p{font-size:16px;max-width:34rem;color:var(--muted);line-height:1.7}
.login-badge{display:inline-flex;justify-self:start;padding:8px 16px;border-radius:20px;background:var(--accent);color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;box-shadow:var(--sh-accent-2);animation:cardSlideUp .5s var(--ease-out) both}
.login-lockup{display:inline-flex;align-items:center;gap:14px;justify-self:start;animation:cardSlideUp .5s var(--ease-out) both}
.login-lockup-mark{width:48px;height:48px;flex-shrink:0;color:var(--accent);display:block}
.login-lockup-mark svg{width:100%;height:100%;display:block}
.login-lockup-wordmark{font:800 32px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.03em}
.login-card{display:grid;gap:18px;width:min(420px,calc(100% - 48px));padding:36px;border-radius:20px;border:1px solid var(--bd);background:var(--surface);box-shadow:var(--sh-3);margin:auto;align-self:center;animation:cardSlideUp .4s var(--ease-out) .1s both}
.login-card .field{gap:6px}
.login-card .btn-block{margin-top:4px;padding:14px;font-size:15px;border-radius:14px}
.login-card-head{text-align:center}
.login-card-head h2{margin:0 0 4px;font:800 28px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.02em}
.login-card-head p{margin:0;color:var(--muted);font-size:14px}
.login-card .flash{padding:12px 14px;border-radius:12px;font-size:14px}
.guest-panel{width:100%;padding:14px;margin-bottom:10px;border-radius:12px;background:var(--amber-tint-soft);border:1px solid rgba(245,158,11,.12);display:grid;gap:10px;overflow:hidden}.guest-panel-label{font-size:14px;font-weight:700;color:var(--ink-2);text-align:center;padding-bottom:8px;border-bottom:1px solid var(--bd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-panel-section{display:grid;gap:4px;min-width:0}.guest-panel-title,.sidebar-dl-header span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-dl-header span{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.guest-panel-secret{display:block;padding:8px 10px;border-radius:8px;background:#FFFBEB;border:1px solid rgba(245,158,11,.20);color:#92400E;font:12px/1.4 Consolas,"Courier New",monospace;cursor:pointer;transition:background var(--t-base) var(--ease),border-color var(--t-base) var(--ease);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.guest-panel-secret:hover{background:#FEF3C7;border-color:var(--amber)}.guest-panel-secret.copied{background:rgba(34,197,94,.10);border-color:#22C55E;color:var(--ok)}.guest-panel-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;min-width:0}.guest-dl-btn{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 5px;border-radius:8px;background:var(--surface);border:1px solid var(--bd);color:var(--ink-3);font-size:12px;font-weight:600;line-height:1.2;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-dl-btn:hover{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18);color:var(--accent)}.guest-dl-icon{font-size:14px;font-weight:700;color:var(--accent);flex:0 0 auto}.locked-badge-sm{flex:0 0 auto}
.wall-art{border-radius:16px;border:1px solid rgba(255,255,255,.10)}

.camp-card{position:relative;padding:20px 22px 20px 26px;border-left:4px solid var(--camp-accent,var(--bd));transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.camp-card:hover{box-shadow:var(--sh-2)}
.camp-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;min-width:0}
.camp-card-status{display:flex;align-items:center;gap:6px;flex-shrink:0}
.camp-status-dot{width:10px;height:10px;border-radius:50%;background:#94A3B8;position:relative;flex-shrink:0}
.camp-status-dot--active{background:#22C55E}
.camp-pulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid #22C55E;animation:campPulse 2.4s ease-in-out infinite}
@keyframes campPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.4)}}
.camp-status-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.camp-card-name{font:700 17px/1.2 "Outfit",sans-serif;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:-.01em}
.camp-int-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 11px;border-radius:20px;background:var(--amber-tint-mid);color:#92400E;font-weight:700;white-space:nowrap}
.camp-date{font-size:12px;color:var(--muted-2);white-space:nowrap;margin-left:auto}
.camp-stats-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.camp-stat{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600}
.camp-stat--offer{background:var(--teal-tint-soft);border:1px solid rgba(13,148,136,.12);color:var(--teal-deep)}
.camp-stat--white{background:var(--accent-tint-soft);border:1px solid rgba(232,98,44,.12);color:var(--accent)}
.camp-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.camp-stat strong{font-size:15px;font-weight:800}
.camp-stat-total{font-size:11px;color:var(--muted-2);font-weight:600}
.camp-dl-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);box-shadow:0 2px 8px rgba(232,98,44,.18);white-space:nowrap}
.camp-dl-btn:hover{background:var(--accent-hover);box-shadow:var(--sh-accent-1)}
.camp-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.camp-filter-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 11px;border-radius:8px;background:#F5F5F4;color:#57534E;border:1px solid var(--bd);transition:background var(--t-fast) var(--ease)}
.camp-filter-tag:hover{background:var(--accent-tint-soft)}
.camp-actions{display:flex;gap:10px;flex-wrap:wrap}
.camp-action-btn{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:9px 16px;font-size:13px}

.hist-filter-bar{display:grid;gap:12px;padding:16px;border-radius:14px;background:rgba(0,0,0,.015);border:1px solid var(--bd);margin-bottom:16px}
.hist-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hist-filter-field{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);flex:1;min-width:120px}
.hist-filter-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-mid)}
.hist-filter-field svg{flex-shrink:0}
.hist-filter-input{border:none;outline:none;background:transparent;font:14px/1 inherit;color:var(--ink-2);width:100%;padding:0}
.hist-filter-input--wide{flex:2;min-width:180px}
.hist-filter-select{border:none;outline:none;background:transparent;font:14px/1 inherit;color:var(--ink-2);width:100%;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer}
.hist-filter-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
/* History table — adaptive proportional columns */
.hist-table-wrap{border-radius:14px;border:1px solid var(--bd);overflow:hidden;box-shadow:var(--sh-1)}
.hist-table{border-collapse:collapse;width:100%;table-layout:auto}
.hist-table col.ht-time{width:14%}
.hist-table col.ht-site{width:22%}
.hist-table col.ht-ip{width:16%}
.hist-table col.ht-action{width:10%}
.hist-table col.ht-reason{width:28%}
.hist-table col.ht-geo{width:10%}
.hist-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-warm);border-bottom:2px solid var(--bd);padding:11px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);font-weight:700}
.hist-table tbody td{padding:11px 16px;border-bottom:1px solid rgba(0,0,0,.04);font-size:14px;color:var(--ink-3);transition:background var(--t-fast) var(--ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist-table tbody tr:nth-child(4n+1) td{background:rgba(0,0,0,.012)}
.hist-toggle{cursor:pointer}
.hist-toggle:hover td{background:var(--amber-tint-soft)!important}
.hist-toggle td:first-child{position:relative;padding-left:26px}
.hist-toggle td:first-child::before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-right:2px solid var(--muted-3);border-bottom:2px solid var(--muted-3);transform:translateY(-50%) rotate(-45deg);transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.hist-toggle:hover td:first-child::before{border-color:var(--accent)}
.hist-toggle.hist-open td:first-child::before{transform:translateY(-50%) rotate(45deg);border-color:var(--accent)}
.hist-time{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-site{font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist-table td code{white-space:nowrap;font-size:13px}
.hist-action-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.hist-reason-cell{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hist-geo{font-size:14px;font-weight:600;text-align:center;letter-spacing:.04em}
.hist-detail{display:none}
.hist-detail td{padding:6px 16px 16px 16px;background:transparent;border-bottom:1px solid var(--bd);white-space:normal;overflow:visible}
.hist-detail-card{padding:18px 20px;border-radius:14px;background:rgba(0,0,0,.015);border:1px solid var(--bd);border-left:4px solid var(--accent);animation:cardSlideUp .2s var(--ease-out) both}
.hist-detail-card .detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.hist-detail-card .detail-item{font-size:13px;color:var(--ink-3)}
.hist-detail-card .detail-item strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);margin-bottom:5px;font-weight:700}
.hist-detail-card .detail-item--wide{grid-column:span 3}
.detail-ua{word-break:break-all;font-size:12px;color:var(--muted);display:block;max-height:3em;overflow:hidden;cursor:pointer;position:relative;transition:max-height var(--t-slow) var(--ease)}
.detail-ua.is-expanded{max-height:none}
.detail-ua:not(.is-expanded)::after{content:"показать...";display:block;font-size:11px;color:var(--accent);font-weight:600;margin-top:2px}
.hist-detail-card .detail-explain{display:flex;gap:10px;padding:12px 16px;background:var(--accent-tint-soft);border-radius:12px;font-size:13px;color:var(--ink-3);margin-bottom:12px;align-items:flex-start;line-height:1.5}
.hist-detail-card .detail-explain strong{color:var(--accent)}
.detail-reason-code{display:inline-block;font-size:11px;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.04);color:var(--muted-2);border:1px solid rgba(0,0,0,.06);font-family:Consolas,"Courier New",monospace}

.domain-cards{display:grid;gap:8px}
.domain-card{display:block;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.015);border:1px solid var(--bd);transition:background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);animation:cardSlideUp .35s var(--ease-out) both;text-decoration:none;color:inherit}
.domain-card:hover{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18);box-shadow:var(--sh-1)}
.domain-card-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.domain-card-top strong{font:600 14px/1 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.01em}
.domain-card-total{font:700 14px/1 "Outfit",sans-serif;color:var(--muted)}
.domain-card-bar{height:6px;border-radius:4px;background:rgba(0,0,0,.04);overflow:hidden;margin-bottom:8px}
.domain-card-offer{height:100%;border-radius:4px;background:var(--teal);transition:width .6s var(--ease-out)}
.domain-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.domain-card-tag{display:inline-flex;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em}
.domain-card-tag--offer{background:var(--teal-tint-mid);color:var(--teal-deep)}
.domain-card-tag--white{background:var(--accent-tint-mid);color:var(--accent)}
.domain-card-pct{margin-left:auto;font-size:12px;font-weight:700;color:var(--teal-deep)}

.timeline{display:grid;gap:0;position:relative}
.timeline::before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:var(--bd);border-radius:1px}
.timeline-item{display:grid;grid-template-columns:16px 1fr;gap:12px;padding:10px 0;position:relative;animation:cardSlideUp .3s var(--ease-out) both}
.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--bd);background:var(--surface);position:relative;z-index:1;margin-top:2px;transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease)}
.timeline-dot--offer{border-color:var(--teal);background:rgba(13,148,136,.15)}
.timeline-dot--white{border-color:var(--accent);background:rgba(232,98,44,.15)}
.timeline-item:hover .timeline-dot{transform:scale(1.1)}
.timeline-body{min-width:0}
.timeline-head{display:flex;align-items:center;gap:8px;margin-bottom:3px;flex-wrap:wrap}
.timeline-head strong{font-size:14px;color:var(--ink-2)}
.timeline-meta{font-size:12px;color:var(--muted-2);margin-bottom:4px}
.timeline-reason{display:block;font-size:12px;padding:3px 8px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);border-radius:6px;color:var(--muted);word-break:break-all}

/* ── Extracted inline-style classes ── */

/* Data-request detail grid (docs tab) */
.dr-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 0}
.dr-label{color:#8A7566;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.dr-value{font-weight:600;font-size:15px}

/* Docs feature cards & warm-toned labels */
.docs-card{padding:14px 16px;border-radius:12px;border:1px solid var(--bd-warm);background:var(--surface-cream)}
.docs-card-title{font-weight:700;color:var(--warm-brown);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.docs-text{font-size:14px;line-height:1.7;color:#4A3828}

/* Docs callouts — info / note / warning / tip — with icon + label for color-blind a11y */
.docs-info{
  --c-bg:var(--bd);
  --c-bd:var(--bd);
  --c-fg:var(--ink-3);
  --c-accent:var(--muted);
  margin-top:14px;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid var(--c-bd);
  background:var(--c-bg);
  font-size:14px;
  color:var(--c-fg);
  line-height:1.6;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:start;
}
.docs-info-ico{
  width:20px;height:20px;
  flex-shrink:0;
  color:var(--c-accent);
  margin-top:1px;
}
.docs-info-ico svg{width:100%;height:100%;display:block}
.docs-info-body{min-width:0}
.docs-info-body > *:first-child{margin-top:0}
.docs-info-body > *:last-child{margin-bottom:0}
.docs-info-label{font-weight:700;color:var(--c-accent);margin-right:6px}
.docs-info--note{--c-bg:var(--teal-tint-soft);--c-bd:rgba(13,148,136,.18);--c-accent:var(--teal-deep)}
.docs-info--tip{--c-bg:var(--amber-tint-soft);--c-bd:rgba(245,158,11,.22);--c-accent:#92400E}
.docs-info--warm{--c-bg:rgba(164,119,100,.06);--c-bd:var(--bd-warm);--c-accent:var(--warm-brown);--c-fg:#4A3828}
.docs-info--warning{--c-bg:rgba(220,38,38,.04);--c-bd:rgba(220,38,38,.20);--c-accent:var(--bad)}
/* legacy aliases — keep old class names rendering correctly */
.docs-info--teal{--c-bg:var(--teal-tint-soft);--c-bd:rgba(13,148,136,.18);--c-accent:var(--teal-deep)}
.docs-info--amber{--c-bg:var(--amber-tint-soft);--c-bd:rgba(245,158,11,.22);--c-accent:#92400E}

.docs-list{margin:12px 0 12px 20px}
.docs-list li{margin-bottom:4px}

/* Auto-collapse trigger from admin.js */
.docs-collapse-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:1px solid var(--bd);border-radius:12px;background:var(--surface-warm);cursor:pointer;font:700 15px/1.2 "Outfit",sans-serif;color:var(--ink-2);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);text-align:left;letter-spacing:-.01em}
.docs-collapse-trigger:hover{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18)}
.docs-collapse-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.docs-arrow{font-size:11px;color:var(--muted-2);flex-shrink:0;transition:transform var(--t-base) var(--ease)}
.docs-collapse-body{padding:14px 0 0}

/* Numbered step cards — used in install workflows */
.docs-steps{display:grid;gap:12px;margin-top:12px}
.docs-step{
  display:flex;gap:14px;
  padding:16px 18px;
  border-radius:12px;
  border:1px solid var(--bd-warm);
  background:var(--surface-cream);
  scroll-margin-top:80px;
}
.docs-step-num{
  width:32px;height:32px;
  border-radius:50%;
  background:var(--warm-brown);
  color:#fff;
  font:700 15px/32px "Outfit",sans-serif;
  text-align:center;
  flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
.docs-step-body{font-size:14px;line-height:1.6;color:#4A3828;min-width:0;flex:1}
.docs-step-body b,.docs-step-body strong{color:#3D2B1F;display:block;margin-bottom:3px;font-size:15px}

/* FAQ accordion — native <details> with custom marker */
.docs-faq{display:grid;gap:10px;margin-top:12px}
.docs-faq-item{
  border:1px solid var(--bd-warm);
  border-radius:12px;
  background:var(--surface-cream);
  overflow:hidden;
  scroll-margin-top:80px;
}
.docs-faq-item summary{
  padding:14px 16px;
  font-weight:700;font-size:14px;
  color:#3D2B1F;
  cursor:pointer;
  list-style:none;
  display:flex;align-items:center;gap:10px;
  transition:background var(--t-fast) var(--ease);
}
.docs-faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.docs-faq-item summary::-webkit-details-marker{display:none}
.docs-faq-item summary::before{
  content:"";
  width:8px;height:8px;
  border-right:2px solid var(--warm-brown);
  border-bottom:2px solid var(--warm-brown);
  transform:rotate(-45deg);
  transition:transform var(--t-base) var(--ease);
  flex-shrink:0;
}
.docs-faq-item[open] summary::before{transform:rotate(45deg)}
.docs-faq-item[open] summary{background:rgba(232,98,44,.04)}
.docs-faq-body{padding:0 16px 16px;font-size:14px;line-height:1.7;color:#4A3828}
.docs-faq-body p{margin:0 0 8px}
.docs-faq-body ul{margin:8px 0 8px 20px}

/* Code blocks — shared style + copy-to-clipboard button */
.docs-code{
  position:relative;
  margin:10px 0;
  border-radius:10px;
  background:#1C1917;
  color:#FAFAF9;
  overflow:hidden;
  font-family:Consolas,"Courier New","SF Mono",monospace;
  font-size:14px;
  line-height:1.55;
  border:1px solid #2A2522;
}
.docs-code pre{
  margin:0;
  padding:14px 56px 14px 14px;
  overflow-x:auto;
  white-space:pre;
  word-break:normal;
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}
.docs-code-lang{
  position:absolute;
  top:6px;left:14px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#A8A29E;
}
.docs-code--titled pre{padding-top:28px}
.docs-code-copy{
  position:absolute;
  top:8px;right:8px;
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;
  border:1px solid rgba(250,250,249,.12);
  border-radius:6px;
  background:rgba(250,250,249,.04);
  color:#D6D3D1;
  font:600 12px/1 "Plus Jakarta Sans",sans-serif;
  letter-spacing:.02em;
  cursor:pointer;
  transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
}
.docs-code-copy:hover{background:rgba(250,250,249,.10);border-color:rgba(250,250,249,.20);color:#FAFAF9}
.docs-code-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.docs-code-copy.is-copied{background:rgba(52,211,153,.15);border-color:rgba(52,211,153,.40);color:#86EFAC}
.docs-code-copy svg{width:12px;height:12px;flex-shrink:0}

/* Inline code inside docs gets warmer background to stand out from .docs-code */
.docs-section code:not(.docs-code code){
  background:var(--accent-tint-soft);
  border-color:rgba(232,98,44,.15);
  color:var(--accent-deep);
}

/* ── Docs page layout: TOC sidebar + content ── */
.docs-shell{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.docs-content{min-width:0}
.docs-toc{
  position:sticky;
  top:20px;
  align-self:start;
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  padding:18px 16px;
  border-radius:14px;
  background:var(--surface);
  border:1px solid var(--bd);
  box-shadow:var(--sh-1);
  font-size:14px;
}
.docs-toc-title{
  font:700 12px/1 "Outfit",sans-serif;
  color:var(--muted-2);
  text-transform:uppercase;letter-spacing:.06em;
  margin-bottom:12px;
}
.docs-toc-search{
  width:100%;
  padding:8px 10px;
  margin-bottom:10px;
  border:1px solid var(--bd);
  border-radius:8px;
  background:var(--surface-warm);
  font:14px/1 inherit;
  color:var(--ink-2);
  transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.docs-toc-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-mid)}
.docs-toc-search::placeholder{color:var(--muted-2)}
.docs-toc-list{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.docs-toc-list a{
  display:block;
  padding:7px 10px;
  border-radius:6px;
  color:var(--ink-3);
  text-decoration:none;
  font-size:14px;
  line-height:1.4;
  transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
  border-left:2px solid transparent;
}
.docs-toc-list a:hover{background:var(--accent-tint-soft);color:var(--accent)}
.docs-toc-list a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.docs-toc-list a.is-active{
  background:var(--accent-tint-soft);
  color:var(--accent);
  border-left-color:var(--accent);
  font-weight:600;
}
.docs-toc-empty{
  padding:12px;
  font-size:13px;
  color:var(--muted-2);
  text-align:center;
  display:none;
}
.docs-toc-empty.is-visible{display:block}

/* Docs section — every <h2> anchor target */
.docs-section{scroll-margin-top:24px}
.docs-section h2{margin:0 0 8px;font:700 18px/1.2 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.02em}
.docs-section h2 .docs-anchor{
  opacity:0;
  margin-left:8px;
  color:var(--muted-2);
  text-decoration:none;
  font-weight:400;
  transition:opacity var(--t-fast) var(--ease);
  font-size:15px;
}
.docs-section h2:hover .docs-anchor,.docs-section h2 .docs-anchor:focus-visible{opacity:1;color:var(--accent)}
.docs-section.is-hidden{display:none}

/* Docs h1 — page title, single-instance */
.docs-page-title{
  grid-column:1/-1;
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:4px;
}
.docs-page-title h1{
  font:800 24px/1.2 "Outfit",sans-serif;
  color:var(--ink-2);
  letter-spacing:-.02em;
  margin:0;
}
.docs-page-title-meta{
  color:var(--muted);
  font-size:13px;
  margin-left:auto;
  font-variant-numeric:tabular-nums;
}

/* Docs config table — group rows */
.docs-table tr.docs-table-group td{
  background:var(--surface-warm);
  font:700 12px/1 "Outfit",sans-serif;
  color:var(--warm-brown);
  text-transform:uppercase;
  letter-spacing:.06em;
  padding:14px 14px 8px;
  border-top:1px solid var(--bd);
  border-bottom:1px solid var(--bd);
}
.docs-table tr:first-child.docs-table-group td{border-top:0}
.docs-table .docs-required{
  display:inline-block;
  margin-left:6px;
  padding:1px 6px;
  border-radius:3px;
  background:var(--accent-tint-mid);
  color:var(--accent);
  font:700 10px/1.4 "Outfit",sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  vertical-align:middle;
}
.docs-table .docs-frequency{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:2px 7px;
  border-radius:3px;
  margin-left:4px;
}
.docs-table .docs-frequency--common{background:rgba(220,38,38,.10);color:var(--bad)}
.docs-table .docs-frequency--rare{background:rgba(0,0,0,.05);color:var(--muted)}

@media (max-width:980px){
  .docs-shell{grid-template-columns:1fr}
  .docs-toc{position:static;max-height:none;margin-bottom:8px}
  .docs-toc-list{display:flex;flex-wrap:wrap;gap:4px}
  .docs-toc-list a{padding:5px 10px;font-size:13px}
}

/* Field labels — warm tone (domain detail, docs) */
.field-label-warm{font-weight:700;color:var(--warm-brown);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.field-value-warm{padding:10px 14px;border-radius:10px;border:1px solid var(--bd-warm);background:rgba(164,119,100,.03);font-size:14px;color:#2D2018}

/* Hero pill compact */
.hero-pill--sm{min-width:auto;padding:10px 18px}
.hero-pill--expired{background:#FEF2F2;border-color:#FECACA}
.hero-pill--warning{background:#FFFBEB;border-color:#FDE68A}

/* Locked/disabled state */
.is-locked{opacity:.4;cursor:default}
.locked-badge{margin-left:auto;font-size:10px;padding:2px 8px;border-radius:6px;background:var(--warm-brown);color:#fff;font-weight:700;letter-spacing:.03em}
.locked-badge-sm{font-size:9px;opacity:.6}

/* Welcome/onboarding panel */
.panel-welcome{background:var(--surface-cream);border:2px solid var(--bd-warm);padding:32px 28px}
.welcome-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step-card{padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--bd)}
.step-num{font-size:20px;margin-bottom:8px;opacity:.4}
.step-title{font-size:14px;color:var(--ink-2);display:block;margin-bottom:4px}
.step-desc{font-size:13px;color:var(--muted);line-height:1.4}

/* Integration method grid */
.integration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.integration-card{padding:16px;border-radius:12px;border:1px solid var(--bd)}
.integration-card strong{font-size:14px;color:var(--ink-2)}

/* Keys tab: dropdown menus */
.kr-menu{display:inline-block;position:relative}
.kr-menu-btn{font-size:14px;padding:8px 16px}
.kr-menu-drop{display:none;min-width:420px;max-width:520px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:18px;padding:14px;box-shadow:0 12px 48px rgba(20,18,17,.18),0 0 0 1px rgba(20,18,17,.04);z-index:9999;border:1px solid var(--bd)}
.kr-section{font-size:11px;text-transform:uppercase;color:var(--warm-brown);letter-spacing:.06em;padding:8px 16px 6px;font-weight:700}
.kr-divider{height:1px;background:#F0ECE9;margin:8px 0}
.kr-item{display:block;width:100%;text-align:left;padding:10px 16px;font-size:14px;color:var(--ink-2);background:none;border:none;cursor:pointer;border-radius:10px;text-decoration:none;box-sizing:border-box;font-family:inherit;line-height:1.4}
.kr-item:hover{background:#FFF5F0}
.kr-item--disabled{color:var(--muted-2);cursor:default}
.kr-item--disabled:hover{background:none}

/* Unified settings form inside dropdown */
.kr-settings{display:grid;gap:8px;padding:8px 16px}
.kr-field{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:center}
.kr-field-label{font-size:13px;color:var(--muted);font-weight:600}
.kr-field-input{padding:8px 12px;font-size:14px;border:1px solid var(--bd);border-radius:10px;background:var(--surface);font-family:inherit;color:var(--ink-2);transition:border-color var(--t-fast) var(--ease)}
.kr-field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint-mid)}
select.kr-field-input{-webkit-appearance:auto;appearance:auto}
.kr-settings-save{padding:8px 16px 8px;text-align:right}
.kr-btn-save{background:var(--accent);color:#fff;border:none;cursor:pointer;padding:9px 18px;font-size:14px;border-radius:10px;white-space:nowrap;font-family:inherit;font-weight:600;transition:background var(--t-fast) var(--ease)}
.kr-btn-save:hover{background:var(--accent-hover)}

/* Guest access block inside dropdown */
.kr-guest{padding:12px 16px 14px;display:grid;gap:8px}
.kr-guest-row{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.kr-guest-label{color:var(--muted);font-size:13px;font-weight:600;min-width:55px}
.kr-guest-val{font-size:14px;background:#F5F5F4;padding:4px 9px;border-radius:6px}
.kr-guest-regen{background:none;border:1px solid var(--bd-warm);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--accent);cursor:pointer;font-weight:600;font-family:inherit;transition:background var(--t-fast) var(--ease)}
.kr-guest-regen:hover{background:var(--accent-tint-soft)}
.kr-guest-domains{font-size:12px;color:#8A7566;margin-top:4px}

/* ── Telegram users section ── */
.tgu-section{overflow:visible}
.tgu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}
.tgu-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.tgu-counter{padding:16px 20px;border-radius:14px;background:var(--surface-warm);border:1px solid var(--bd);text-align:center}
.tgu-counter-num{display:block;font-size:28px;font-weight:800;color:var(--ink-2);line-height:1.2}
.tgu-counter-label{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.tgu-counter--pending{background:var(--accent-tint-soft);border-color:rgba(232,98,44,.18)}
.tgu-counter--pending .tgu-counter-num{color:var(--accent)}
.tgu-counter--ok{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.20)}
.tgu-counter--ok .tgu-counter-num{color:var(--ok)}
.tgu-counter--off{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.20)}
.tgu-counter--off .tgu-counter-num{color:var(--bad)}

.tgu-note-form{display:flex;gap:8px;align-items:center;padding:10px 18px}
.tgu-note-input{flex:1;padding:9px 14px;border:1px solid var(--bd-warm);border-radius:10px;font-size:14px;font-family:inherit;transition:border-color var(--t-fast) var(--ease)}
.tgu-note-input:focus{outline:none;border-color:var(--accent)}
.tgu-danger{color:var(--bad)}
.tgu-danger:hover{background:rgba(239,68,68,.06)}

/* Filter bar buttons */
.btn-filter{height:36px;padding:0 18px;font-size:13px;border-radius:10px}
.btn-csv{height:36px;padding:0 14px;font-size:13px;border-radius:10px;border-color:#059669;color:#059669;background:rgba(5,150,105,.06)}

/* Empty states */
.empty-state{display:grid;place-items:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-6);color:var(--muted)}
.empty-state-icon{width:56px;height:56px;color:var(--muted-2);opacity:.55;margin-bottom:var(--space-2);font-size:48px;display:grid;place-items:center}
.empty-state-icon svg{width:100%;height:100%;display:block}
.empty-state-title{font:700 var(--text-xl)/1.3 "Outfit",sans-serif;color:var(--ink-2);letter-spacing:-.01em}
.empty-state-text{font-size:var(--text-md);line-height:1.5;max-width:380px;color:var(--muted)}
.empty-state-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}
.empty-state--inline{padding:var(--space-5) var(--space-4)}
.empty-state--inline .empty-state-icon{width:40px;height:40px;margin-bottom:var(--space-1)}
.empty-state--inline .empty-state-title{font-size:var(--text-lg)}
.empty-state--card{padding:var(--space-8) var(--space-6)}
.empty-state--card .empty-state-icon{width:64px;height:64px}
.empty-state-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);max-width:620px;margin:var(--space-5) auto 0;text-align:left}
.empty-state-feature{padding:var(--space-3) var(--space-4);border-radius:var(--r-md);background:rgba(0,0,0,.015);border:1px solid var(--bd);font-size:var(--text-base);color:var(--muted);line-height:1.5}
.empty-state-feature strong{display:block;margin-bottom:3px;font-weight:700;color:var(--ink-2)}
.empty-state-feature--ok{background:rgba(5,150,105,.04)}
.empty-state-feature--ok strong{color:#059669}
.empty-state-feature--teal{background:var(--teal-tint-soft)}
.empty-state-feature--teal strong{color:var(--teal-deep)}
.empty-state-feature--accent{background:var(--accent-tint-soft)}
.empty-state-feature--accent strong{color:var(--accent)}

/* Real-time widget — terminal-styled (dark) panel; layout preserved */
.panel.rt-panel{
  background:#141211;
  border-color:#2A2522;
  color:#D6D3D1;
  font-family:Consolas,"Courier New","SF Mono",monospace;
  position:relative;
  overflow:hidden;
}
.panel.rt-panel:hover{box-shadow:0 8px 28px rgba(0,0,0,.35);border-color:#3A312D}
.panel.rt-panel::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--accent);opacity:.55;
}

/* Header: prompt + status */
.rt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:var(--space-3);flex-wrap:wrap}
.panel.rt-panel .rt-header h2{
  font:700 15px/1.2 Consolas,"Courier New",monospace;
  color:#FAFAF9;
  letter-spacing:.02em;
  display:flex;align-items:center;gap:10px;
  margin:0;
}
.panel.rt-panel .rt-header h2::before{
  content:"~/admin$";color:#86EFAC;font-weight:700;margin-right:2px;
}
.rt-dot{width:8px;height:8px;border-radius:50%;background:#525252;display:inline-block;flex-shrink:0;transition:background var(--t-base) var(--ease)}
.rt-dot.live{background:#34D399;animation:rtpulse 2s ease-in-out infinite}
@keyframes rtpulse{0%,100%{opacity:1}50%{opacity:.45}}
.rt-status{
  font:600 13px/1 Consolas,"Courier New",monospace;
  color:#A8A29E;letter-spacing:.04em;
  padding:5px 10px;border-radius:4px;
  background:rgba(250,250,249,.04);
  border:1px solid rgba(250,250,249,.06);
}
.rt-status.is-live{color:#86EFAC;background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.18)}
.rt-status.is-warn{color:#FBBF24;background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.18)}
.rt-status.is-error{color:#F87171;background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.20)}

/* Stats: 3-up cards on dark bg */
.rt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.rt-card{
  padding:14px 16px;border-radius:6px;
  background:rgba(250,250,249,.03);
  border:1px solid rgba(250,250,249,.06);
  font-family:inherit;
  transition:background var(--t-slow) var(--ease),border-color var(--t-slow) var(--ease);
}
.rt-card-label{
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;
  font-weight:700;margin-bottom:6px;
  display:flex;align-items:center;gap:6px;
}
.rt-card-label::before{content:"›";opacity:.5;margin-right:1px}
.rt-card-sublabel{font-weight:500;text-transform:none;letter-spacing:0;opacity:.6;font-size:12px}
.rt-card-row{display:flex;align-items:baseline;gap:8px}
.rt-card-value{
  font:700 26px/1 Consolas,"Courier New",monospace;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.rt-card-rate{font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}
.rt-card-rate-soft{font-size:12px;color:#71717A}
.rt-card-offer{background:rgba(52,211,153,.06);border-color:rgba(52,211,153,.18)}
.rt-card-offer .rt-card-label{color:var(--rt-offer)}
.rt-card-offer .rt-card-value{color:var(--rt-offer-soft)}
.rt-card-offer .rt-card-rate{color:var(--rt-offer);opacity:.75}
.rt-card-white{background:rgba(248,113,113,.05);border-color:rgba(248,113,113,.18)}
.rt-card-white .rt-card-label{color:var(--rt-white)}
.rt-card-white .rt-card-value{color:var(--rt-white-soft)}
.rt-card-white .rt-card-rate{color:var(--rt-white);opacity:.75}
.rt-card-total{background:rgba(250,250,249,.025);border-color:rgba(250,250,249,.08)}
.rt-card-total .rt-card-label{color:#A8A29E}
.rt-card-total .rt-card-value{color:#FAFAF9}

/* Ratio bar: dark base, accent fill */
.rt-ratio{height:4px;border-radius:2px;background:rgba(250,250,249,.06);overflow:hidden;margin-bottom:14px}
.rt-ratio-bar{height:100%;width:0%;border-radius:2px;background:var(--rt-offer);transition:width .5s var(--ease-out)}

/* Feed: terminal stream */
.rt-feed{
  list-style:none;
  margin:0;
  max-height:300px;overflow-y:auto;
  font:13px/1.7 Consolas,"Courier New",monospace;
  background:#0F0E0D;
  color:#D6D3D1;
  border-radius:6px;
  padding:10px 12px;
  border:1px solid rgba(250,250,249,.06);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.rt-line{
  display:flex;gap:10px;align-items:center;
  padding:5px 10px;margin-bottom:2px;
  border-radius:6px;
  white-space:nowrap;overflow:hidden;
  background:rgba(250,250,249,.02);
  animation:rtRowIn .25s var(--ease-out);
}
@keyframes rtRowIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.rt-line.is-offer{background:rgba(52,211,153,.06)}
.rt-line.is-white{background:rgba(248,113,113,.05)}
.rt-line:hover{background:rgba(250,250,249,.05)}
.rt-c-time{color:var(--rt-meta);min-width:62px;flex-shrink:0}
.rt-c-act{font-weight:700;letter-spacing:.04em;min-width:48px;flex-shrink:0}
.rt-line.is-offer .rt-c-act{color:var(--rt-offer)}
.rt-line.is-white .rt-c-act{color:var(--rt-white-deep)}
.rt-c-geo{color:#D6D3D1;min-width:30px;flex-shrink:0;font-weight:600}
.rt-c-site{color:var(--rt-site);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}
.rt-c-camp{color:var(--rt-camp);font-size:11px;padding:2px 7px;border-radius:3px;background:rgba(251,146,60,.10);white-space:nowrap;flex-shrink:0}
.rt-c-reason{color:var(--rt-reason);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.rt-c-ip{color:var(--rt-meta);font-size:12px;flex-shrink:0;font-variant-numeric:tabular-nums}
.rt-feed::-webkit-scrollbar{width:6px}
.rt-feed::-webkit-scrollbar-track{background:transparent}
.rt-feed::-webkit-scrollbar-thumb{background:#3F3F46;border-radius:3px}
.rt-feed::-webkit-scrollbar-thumb:hover{background:#52525B}
.rt-feed .rt-empty{
  display:flex;align-items:baseline;gap:8px;
  padding:var(--space-4) 0;
  color:#71717A;font-size:14px;
}
.rt-feed .rt-empty::before{content:"$";color:#86EFAC;font-weight:700}
.rt-feed .rt-empty::after{
  content:"";display:inline-block;width:7px;height:13px;
  background:#86EFAC;margin-left:4px;
  vertical-align:middle;
  animation:rtBlink 1.1s steps(2) infinite;
}
@keyframes rtBlink{50%{opacity:0}}

@media(max-width:760px){
  .rt-stats{grid-template-columns:1fr}
  .panel.rt-panel{padding:16px}
}

/* Misc extracted */
.text-danger{color:var(--bad)}
.flash-center{text-align:center;line-height:1.7}
.extend-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;text-decoration:none;box-shadow:var(--sh-accent-1);transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.extend-btn:hover{background:var(--accent-hover);box-shadow:var(--sh-accent-2)}

/* ── Antifraud tab ── */
.af-empty{text-align:center;color:var(--muted-2);padding:40px}

/* Signal chips in table rows */
.af-sig-chip{display:inline-block;padding:3px 8px;margin:2px 2px;border-radius:6px;font-size:11px;font-weight:600;color:#92400E;background:var(--amber-tint-mid);border:1px solid rgba(245,158,11,.15);white-space:nowrap}
.af-sig-more{display:inline-block;padding:2px 6px;margin:1px 2px;border-radius:6px;font-size:11px;font-weight:600;color:var(--muted-2);background:rgba(0,0,0,.04)}

/* Detail card inside expanded row — compact layout */
.af-detail-card{padding:16px 18px;border-radius:12px;background:rgba(0,0,0,.012);border:1px solid var(--bd);border-left:4px solid var(--bad);animation:cardSlideUp .2s var(--ease-out) both}
.af-detail-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}

/* Compact score */
.af-score-compact{display:flex;align-items:center;gap:4px;min-width:110px}
.af-score-compact strong{font:700 20px/1 "Outfit",sans-serif}
.af-score-compact span{font-size:12px;color:var(--muted-2)}
.af-score-bar{flex:1;height:6px;border-radius:3px;background:rgba(0,0,0,.06);overflow:hidden;min-width:60px;max-width:80px;margin-left:6px}
.af-score-fill{height:100%;border-radius:3px;animation:barGrow .5s var(--ease-out) both}

/* Signals inline chips */
.af-sigs-inline{display:flex;flex-wrap:wrap;gap:5px}
.af-sig-detail{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#92400E;background:var(--amber-tint-mid);border:1px solid rgba(245,158,11,.15);cursor:help;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.af-sig-detail:hover{background:rgba(245,158,11,.20);border-color:rgba(245,158,11,.30)}

/* Sites inline */
.af-sites-inline{display:flex;flex-wrap:wrap;gap:5px}
.af-site-tag{font-size:11px;padding:2px 7px;border-radius:5px;background:var(--teal-tint-soft);color:var(--teal-deep);border:1px solid rgba(13,148,136,.12);font-weight:500}

/* Compact visits rows */
.af-visits-compact{display:grid;gap:3px;margin-top:8px;padding-top:10px;border-top:1px solid var(--bd)}
.af-v-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:12px;transition:background 100ms var(--ease)}
.af-v-row:hover{background:rgba(0,0,0,.02)}
.af-v-ts{color:var(--muted-2);font-size:11px;min-width:100px;white-space:nowrap}
.af-v-site{color:var(--ink-3);font-weight:500;font-size:12px}
.af-v-geo{font-size:11px;color:var(--muted-2);font-weight:600;margin-left:auto}

/* ── Antifraud step cards ── */
.af-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.af-step-card{border-radius:14px;border:1px solid var(--bd);overflow:hidden;background:var(--surface);transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);animation:cardSlideUp .35s var(--ease-out) both}
.af-step-card:hover{box-shadow:var(--sh-2);border-color:rgba(232,98,44,.18)}
.af-step-num{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font:700 15px/32px "Outfit",sans-serif;text-align:center;margin:16px 16px 0}
.af-step-body{padding:4px 16px 14px}
.af-step-body strong{display:block;font-size:14px;color:var(--ink-2);margin-bottom:5px}
.af-step-body p{font-size:12px;color:var(--muted);line-height:1.4;margin:0}

/* CSS mockup illustrations — intentionally Material Design-styled (Google Ads UI mimic) */
.af-mockup{border-top:1px solid var(--bd);background:#F8F9FA}
.af-mockup-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ECEDEF;border-bottom:1px solid #DADCE0}
.af-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.af-mockup-title{font-size:11px;color:#5F6368;font-weight:500;margin-left:auto}
.af-mockup-content{padding:8px 10px;font-size:11px;color:#3C4043;min-height:60px}
.af-mock-row{padding:4px 8px;border-radius:4px;font-size:11px;color:#5F6368;transition:background var(--t-fast) var(--ease)}
.af-mock-indent{padding-left:20px;font-size:10px;color:#80868B}
.af-mock-active{background:#E8F0FE;color:#1A73E8;font-weight:600;border-radius:4px;padding:4px 8px}
.af-mock-btn{font-size:10px;padding:3px 10px;border-radius:4px;background:#1A73E8;color:#fff;font-weight:600;margin-left:auto;cursor:default}
.af-mockup-code{font-family:monospace;font-size:10px;color:#3C4043;background:#F8F9FA}
.af-code-ln{display:flex;gap:8px;padding:1px 0}
.af-ln-num{color:#DADCE0;font-size:9px;min-width:14px;text-align:right}
.af-mock-allow-btn{display:inline-block;padding:5px 18px;border-radius:4px;background:#1A73E8;color:#fff;font-size:11px;font-weight:600;cursor:default}
.af-mock-sched{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;color:#5F6368}

.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999}
.mobile-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1001;width:40px;height:40px;border-radius:10px;border:1px solid var(--bd);background:var(--surface);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--sh-1)}
.mobile-toggle svg{display:block}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .camp-pulse{animation:none}
}

@media(max-width:1100px){.mobile-toggle{display:flex}.admin-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;width:264px;height:100vh;height:100dvh;max-height:100dvh;z-index:1000;transition:left .3s var(--ease);box-shadow:4px 0 20px rgba(20,18,17,.10);overflow-y:auto;overflow-x:hidden;padding-bottom:calc(20px + env(safe-area-inset-bottom));scrollbar-gutter:stable}.sidebar.is-open{left:0}.sidebar-foot{margin-top:12px;overflow-x:hidden;overflow-y:visible}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999}.sidebar.is-open~.sidebar-overlay{display:block}.nav{display:flex;flex:0 0 auto;flex-direction:column;gap:3px}.page-header{flex-direction:column;gap:12px;align-items:flex-start}.stats-row,.field-grid,.field-grid-3,.login-shell,.summary-grid,.snapshot-grid,.src-list{grid-template-columns:1fr}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.hist-detail-card .detail-grid{grid-template-columns:1fr}.hist-detail-card .detail-item--wide{grid-column:span 1}.hist-filter-row{flex-direction:column}.hist-filter-field{min-width:100%}.hist-filter-actions{width:100%;justify-content:flex-start}.hist-table{table-layout:auto}.hist-table-wrap{overflow-x:auto}.welcome-steps,.integration-grid,.dr-detail-grid,.tgu-counters{grid-template-columns:1fr}.kr-menu-drop{min-width:280px;max-width:calc(100vw - 16px)}.kr-field{grid-template-columns:1fr;gap:4px}.af-steps-grid{grid-template-columns:1fr 1fr}.af-detail-top{flex-direction:column;align-items:flex-start}.af-v-row{flex-wrap:wrap}}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bd-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}

/* Toast notifications — top-right, slide-in, auto-dismiss */
.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:var(--space-2);z-index:10000;pointer-events:none;max-width:calc(100vw - 40px)}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-3);min-width:280px;max-width:420px;padding:14px 16px;background:var(--surface);border:1px solid var(--bd);border-radius:var(--r-md);box-shadow:var(--sh-3);animation:toastSlideIn .3s var(--ease-out);font-size:var(--text-md);line-height:1.5;color:var(--ink-3)}
.toast.is-removing{animation:toastSlideOut .25s var(--ease) forwards}
.toast-icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.toast-icon svg{width:100%;height:100%;display:block}
.toast-body{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}
.toast-title{font-weight:700;color:var(--ink-2);margin-bottom:2px;font-size:var(--text-md)}
.toast-close{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;color:var(--muted-2);padding:0;font-size:18px;line-height:1;transition:color var(--t-fast) var(--ease);font-family:inherit}
.toast-close:hover{color:var(--ink-2)}
.toast--success{border-left:3px solid var(--ok)}
.toast--success .toast-icon{color:var(--ok)}
.toast--error{border-left:3px solid var(--bad)}
.toast--error .toast-icon{color:var(--bad)}
.toast--warn{border-left:3px solid var(--warn)}
.toast--warn .toast-icon{color:var(--warn)}
.toast--info{border-left:3px solid var(--accent)}
.toast--info .toast-icon{color:var(--accent)}
@keyframes toastSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes toastSlideOut{to{opacity:0;transform:translateX(20px)}}
@media(max-width:540px){.toast-container{top:12px;right:12px;left:12px;max-width:none}.toast{min-width:0;max-width:none}}

/* Plan-limited overlay (START plan) — visual indicator only, data masked server-side */
.plan-limited-blur{filter:blur(5px);-webkit-filter:blur(5px);pointer-events:none;user-select:none}
.plan-limited-overlay{position:relative;margin-top:-8px;padding:24px 16px;display:flex;justify-content:center}
.plan-limited-overlay--full{position:absolute;inset:0;background:rgba(255,255,255,.75);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}
.plan-limited-msg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 36px;background:var(--surface);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh-2);max-width:520px;width:100%;color:var(--ink-3);line-height:1.6;font-size:15px;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}
.plan-limited-msg svg{color:var(--warn);margin-bottom:4px}
.plan-limited-msg strong{color:#EA580C}
.hist-detail-card .plan-limited-overlay{margin-top:12px;padding:20px 8px}.hist-detail-card .plan-limited-msg{max-width:100%;padding:20px 24px;font-size:14px}

/* ====================================================================
   klo-boostclicks brand theme for login/signup screens
   Dark grunge aesthetic matching the banner image:
   bg=#0d0d0c, accent=#C8F231 (neon yellow-green), light=#f5f0e6
==================================================================== */

/* Full-page background with AVIF/WebP/JPG progressive fallback */
.login-body{
  margin:0;
  min-height:100vh;
  background:#0d0d0c url('/admin-assets/fon.webp') center center / cover no-repeat fixed;
}

/* Decorative left half — transparent so body bg shows through */
.login-visual{
  background:transparent !important;
  border-right:none;
  position:relative;
  overflow:hidden;
}
.login-visual > .login-lockup,
.login-visual > h1,
.login-visual > p{display:none}

/* === DARK CARD with neon accent === */
.login-card{
  background:rgba(13,13,12,.78)!important;
  backdrop-filter:blur(16px) saturate(180%);
  -webkit-backdrop-filter:blur(16px) saturate(180%);
  border:1px solid rgba(200,242,49,.25)!important;
  border-radius:14px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(200,242,49,.08) inset;
  padding:34px 32px!important;
  width:min(380px,calc(100% - 32px))!important;
}

/* Heading Вход */
.login-card .login-card-head h2{
  color:#f5f0e6!important;
  font-family:'Outfit',sans-serif!important;
  font-weight:900!important;
  font-size:30px!important;
  text-transform:uppercase;
  letter-spacing:-.01em;
}
.login-card .login-card-head p{
  color:#C8F231!important;
  font-weight:700!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-top:6px!important;
}

/* Field labels — small uppercase neon caps */
.login-card .field > span{
  color:#C8F231!important;
  font-weight:800!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:6px;
}

/* Inputs — dark with subtle neon outline on focus */
.login-card input[type='text'],
.login-card input[type='email'],
.login-card input[type='password'],
.login-card input:not([type]){
  background:rgba(255,255,255,.04)!important;
  border:1.5px solid rgba(245,240,230,.15)!important;
  border-radius:10px!important;
  color:#f5f0e6!important;
  font-size:15px!important;
  font-weight:600!important;
  padding:13px 14px!important;
  transition:border-color .15s,background .15s,box-shadow .15s;
}
.login-card input:focus,
.login-card input:focus-visible{
  outline:none!important;
  border-color:#C8F231!important;
  background:rgba(200,242,49,.05)!important;
  box-shadow:0 0 0 3px rgba(200,242,49,.18)!important;
}
.login-card input::placeholder{color:rgba(245,240,230,.35)!important}

/* Primary button — bold neon block */
.login-card .btn-primary,
.login-card .btn-block{
  background:#C8F231!important;
  color:#0d0d0c!important;
  font-family:'Outfit',sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:15px!important;
  padding:15px!important;
  border:none!important;
  border-radius:10px!important;
  box-shadow:0 6px 20px rgba(200,242,49,.35);
  transition:transform .12s,box-shadow .12s,filter .12s;
  cursor:pointer;
}
.login-card .btn-primary:hover,
.login-card .btn-block:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(200,242,49,.55);
}
.login-card .btn-primary:active{transform:translateY(0)}

/* Secondary link "Создать аккаунт по email →" */
.login-card a[href*='signup']{
  color:#C8F231!important;
  text-decoration:none;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:13px!important;
}
.login-card a[href*='signup']:hover{filter:brightness(1.2);text-shadow:0 0 8px rgba(200,242,49,.4)}

/* Divider before Telegram CTA */
.login-card div[style*='border-top']{
  border-top:1px solid rgba(245,240,230,.1)!important;
}
.login-card p[style*='color:#78716C']{color:rgba(245,240,230,.55)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:700!important}

/* Telegram button — keep brand blue but with matching weight */
.login-card a[href*='t.me']{
  background:#229ED9!important;
  border-radius:10px!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:13px!important;
  font-weight:900!important;
  padding:12px 22px!important;
  box-shadow:0 6px 16px rgba(34,158,217,.4)!important;
}
.login-card a[href*='t.me']:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* Flash messages — translucent dark with accent border */
.login-card .flash{
  background:rgba(13,13,12,.55)!important;
  border:1px solid rgba(245,240,230,.15);
  color:#f5f0e6!important;
  border-radius:10px!important;
}
.login-card .flash-error{
  background:rgba(220,38,38,.18)!important;
  border-color:rgba(220,38,38,.5);
  color:#fecaca!important;
}
.login-card .flash-success{
  background:rgba(200,242,49,.18)!important;
  border-color:rgba(200,242,49,.5);
  color:#C8F231!important;
}

/* Mobile: scroll-attached bg, hide visual */
@media(max-width:1100px){
  .login-body{background-attachment:scroll}
  .login-visual{display:none}
  .login-shell{grid-template-columns:1fr;place-items:center}
}

/* === Password show/hide button === */
.pwd-wrap{position:relative}
.pwd-wrap input{padding-right:48px!important}
.pwd-toggle{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:1px solid transparent;
  border-radius:8px;
  color:rgba(245,240,230,.55);
  cursor:pointer;
  transition:color .12s,background .12s,border-color .12s;
  padding:0;
}
.pwd-toggle:hover{color:#C8F231;background:rgba(200,242,49,.08);border-color:rgba(200,242,49,.2)}
.pwd-toggle:focus-visible{outline:none;color:#C8F231;border-color:#C8F231;box-shadow:0 0 0 2px rgba(200,242,49,.25)}
.pwd-toggle svg{width:18px;height:18px;display:block;pointer-events:none}
.pwd-toggle .icon-shown{display:none}
.pwd-toggle[aria-pressed='true'] .icon-hidden{display:none}
.pwd-toggle[aria-pressed='true'] .icon-shown{display:block}

/* === Inline mismatch error === */
.pwd-mismatch{
  margin-top:6px;
  font-size:12px;
  color:#fecaca;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  display:none;
}
.login-card .field.has-error input{
  border-color:#fb7185!important;
  box-shadow:0 0 0 3px rgba(251,113,133,.18)!important;
}
.login-card .field.has-error .pwd-mismatch{display:block}

/* === reCAPTCHA — hide the floating badge, show inline disclosure === */
.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.recaptcha-disclosure{
  margin-top:14px;
  font-size:11px;
  color:rgba(245,240,230,.45);
  text-align:center;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.5;
}
.recaptcha-disclosure a{
  color:rgba(245,240,230,.6);
  text-decoration:none;
  border-bottom:1px solid rgba(245,240,230,.25);
}
.recaptcha-disclosure a:hover{color:#C8F231;border-bottom-color:#C8F231}

/* [dizklo-audit] global keyboard focus-visible fallback (a11y) — клавиатурный фокус виден везде */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}

/* [dizklo-typo+1] UI font scale shifted +1px (sizes<=14) per design audit */