/* ── BASE: змінні, reset, типографіка ── */
:root {
  --bg:      #f4f7f6;
  --surface: #ffffff;
  --panel:   #f0ede8;
  --border:  #d8d3c8;
  --border2: #c4bdb0;
  --navy:    #0e2240;
  --navy2:   #1a3a6a;
  --navy3:   #2a5298;
  --amber:   #d4a832;
  --amber2:  #b8922a;
  --green:   #1a6a46;
  --green2:  #22a06b;
  --red:     #c0392b;
  --blue:    #2a5298;
  --blue2:   #4a90d9;
  --muted:   #8a9ab0;
  --text:    #2a2a2a;
  --label:   #4a5568;
  --mono: 'IBM Plex Mono', monospace;
  --sans: 'IBM Plex Sans', sans-serif;
  --serif: 'Cormorant', Georgia, serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;overflow:hidden;}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;display:flex;flex-direction:column;}

.note{margin-top:14px;padding:8px 10px;background:rgba(212,168,50,0.05);border-left:2px solid var(--amber);font-size:11px;color:var(--label);line-height:1.55;border-radius:0 2px 2px 0;}
.note b{color:var(--navy);font-weight:600;}
.empty{font-family:var(--mono);font-size:11px;color:var(--muted);padding:20px 0;text-align:center;letter-spacing:.05em;}
.state-note{padding:14px 16px;margin:12px 14px;border:1px dashed var(--border2);background:rgba(14,34,64,0.03);color:var(--label);font-size:12px;line-height:1.6;}
.state-note b{color:var(--navy);}
.state-note.compact{margin:0;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;}
.back-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--border);border-radius:2px;background:transparent;color:var(--label);cursor:pointer;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;transition:all .1s;}
.back-btn:hover{color:var(--navy);border-color:var(--navy2);}
.secttl{font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--label);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.secttl::before{content:'';width:12px;height:1px;background:var(--amber);}