* { margin: 0; padding: 0; box-sizing: border-box; }

  /* ===== GLOBAL: tooltip-uri și overlay-uri ascunse implicit ===== */
  #offerPreviewTip, #sellPreviewTip, #rowFirstTip, #reportPreviewTip, #pvTip { display: none !important; }
  #offerPreviewTip.visible, #sellPreviewTip.visible, #rowFirstTip.visible, #reportPreviewTip.visible, #pvTip.visible { display: block !important; }
  .offer-overlay, .rep-overlay, .spd-overlay, .sm-overlay, .pm-overlay, .bo-overlay, .pv-overlay { display: none !important; }
  .offer-overlay.open, .rep-overlay.open, .spd-overlay.open, .sm-overlay.open, .pm-overlay.open, .bo-overlay.open, .pv-overlay.open { display: flex !important; }

  :root {
    --bg-deep: #161a30;
    --bg-card: #161a30;
    --bg-card-top: #161a30;
    --bg-input: #161a30;
    --bg-hover: #1d2240;
    --bg-bar: #161a30;
    --border: rgba(255, 255, 255, 0.05);

    --text-bright: #e4e7ef;
    --text-normal: #a0a6b8;
    --text-dim: #5c6178;
    --text-ghost: #383d4f;

    --accent: #5b68f0;
    --accent-hover: #7b86f5;
    --accent-dim: rgba(91, 104, 240, 0.08);
    --accent-glow: rgba(91, 104, 240, 0.25);

    --green: #34d399;
    --green-dim: rgba(52, 211, 153, 0.08);
    --orange: #f59e0b;
    --orange-dim: rgba(245, 158, 11, 0.08);
    --red: #f87171;

    --radius: 14px;

    /* Emil Kowalski easing curves */
    --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
    --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
    --ease-out-cubic: cubic-bezier(.33, 1, .68, 1);
    --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
    --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  html, body {
    min-height: 100vh;
    background: #000 !important;
    background-color: #000 !important;
  }

  body {
    font-family: 'DM Sans', sans-serif;
    color: var(--text-normal);
    -webkit-font-smoothing: antialiased;
    position: relative;
    overflow-x: hidden;
  }

  /* ===== PHONE FRAME ===== */

  .phone-frame {
    position: relative;
    min-height: 100vh;
    background: #161a30;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* Fără colțuri rotunjite „iPhone" și fără butoanele laterale pseudo */
    border-radius: 0;
  }
  /* Volume / power (laterale) — scoase */
  .phone-frame::before,
  .phone-frame::after {
    content: none !important;
    display: none !important;
  }

  @media (max-width: 500px) and (orientation: portrait) {
    body { padding: 0; background: #0a0c18 !important; }
    .phone-frame {
      border-radius: 0;
      border: none;
      min-height: 100vh;
      box-shadow: none;
    }
    .phone-glow-wrap { margin: 0; min-height: 100vh; overflow: hidden; border-radius: 0; background: none !important; }
    .phone-glow-wrap::before { display: none !important; }
    #flame-canvas { border-radius: 0; }
    .topbar-row { position: sticky !important; top: 0 !important; padding: 10px 16px; z-index: 10; }
    .topbar { min-width: 100px; }
    .alert-bar { position: sticky !important; top: 46px !important; left: auto !important; margin: 0 auto; transform: none !important; width: fit-content; }
    /* Spațiu deasupra cardurilor stats; topbar e în flux, nu overlay */
    .main { padding: 16px 16px 260px !important; }
  }

  @media (min-width: 501px) and (orientation: landscape),
         (min-width: 700px) {
    html, body {
      height: auto;
      overflow: auto;
    }

    body {
      padding: 0;
      background: #0a0c18 !important;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      overflow-x: hidden;
    }

    .phone-glow-wrap { display: contents; }
    .phone-glow-wrap::before { display: none; }
    .phone-frame {
      width: 100%; min-height: 100vh; max-width: 100%;
      border-radius: 0; background: #161a30;
      overflow-y: auto;
      overflow-x: hidden;
      display: flex;
      flex-direction: column;
    }
    .phone-frame::before, .phone-frame::after { display: none; }
    #flame-canvas { border-radius: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
    .dock-area, .dock, .dock-backdrop { display: none !important; }
    .topbar-row { display: none !important; }

    /* Navbar — înălțime fixă */
    .desktop-navbar {
      flex-shrink: 0;
    }

    .main { flex:1!important;overflow:visible!important;padding:72px max(calc((100vw - 1380px)/2),5vw) 16px max(calc((100vw - 1380px)/2),5vw)!important;margin:0!important;width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;column-gap:24px!important;box-sizing:border-box!important; }
    .desktop-left-col { flex:1 1 480px;min-width:480px;display:flex;flex-direction:column;gap:0;overflow-y:auto;overflow-x:hidden;padding:28px 0 24px 0; }
    .mob-stats { display: none !important; }
    .dsb-label { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .dsb-cta   { cursor:pointer; overflow:hidden; position:relative; }
    .dsb-cta::after { content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(161,174,252,0.18) 50%,transparent 70%); transform:translateX(-120%); animation:shimmer-cta 3s ease-in-out infinite; pointer-events:none; }
    .dsb-cta:hover { border-color:rgba(91,104,240,0.4)!important;background:rgba(91,104,240,0.1)!important; }
    .dsb-cta .dsb-label { color:var(--accent)!important;font-weight:700!important;font-size:9.5px!important;letter-spacing:0.3px; }
    /* ── Offer preview tooltip ── */
    #offerPreviewTip {
      display: none;
      position: fixed; z-index: 9999; pointer-events: none;
      opacity: 0; left: -9999px; top: -9999px;
      transition: opacity 0.22s ease;
      background: rgba(13,15,30,0.75);
      backdrop-filter:blur(8px) saturate(1.2);
      -webkit-backdrop-filter:blur(8px) saturate(1.2);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 20px; padding: 18px 22px; width: 317px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
    }
    #offerPreviewTip.visible { display: block; opacity:1; pointer-events: auto; }
    /* Constraâng SVG-urile și chipurile indiferent de media query */
    #offerPreviewTip .ob-chip { width:30px!important;height:30px!important;overflow:hidden!important;display:flex!important;flex-shrink:0!important; }
    #offerPreviewTip svg { max-width:38px!important;max-height:38px!important;flex-shrink:0; }
    #offerPreviewTip::before {
      content:''; position:absolute; top:-6px; left:50%; transform:translateX(-50%);
      width:12px; height:6px;
      background:rgba(13,15,30,0.75);
      clip-path:polygon(50% 0%,0% 100%,100% 100%);
    }
    #offerPreviewTip.above::before { top:auto; bottom:-6px; clip-path:polygon(50% 100%,0% 0%,100% 0%); }
    .opt-brands { display:flex; gap:5px; justify-content:center; flex-wrap:wrap; margin-bottom:12px; align-items:center; }
    .ob-chip { width:30px; height:30px; border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
    .ob-brand { display:inline-flex; padding:2px; border-radius:10px; flex-shrink:0; cursor:pointer; }
    .ob-brand:hover { }
    .ob-brand .ob-chip { background:#12152a !important; border-radius:7px; }
    .ob-brand.apple    { background:conic-gradient(from var(--angle),#aaa,#fff,#888,#aaa); }
    .ob-brand.samsung  { background:conic-gradient(from var(--angle),#1428A0,#6688ee,#1428A0); }
    .ob-brand.huawei   { background:conic-gradient(from var(--angle),#CF0A2C,#ff6688,#CF0A2C); }
    .ob-brand.xiaomi   { background:conic-gradient(from var(--angle),#FF6900,#ffaa44,#FF6900); }
    .ob-brand.oneplus  { background:conic-gradient(from var(--angle),#EB0029,#ff4466,#EB0029); }
    .ob-brand.google   { background:conic-gradient(from var(--angle),#4285F4,#34A853,#FBBC05,#EA4335,#4285F4); }
    .ob-brand.motorola { background:conic-gradient(from var(--angle),#005A9C,#0088ff,#005A9C); }
    .ob-brand.sony     { background:conic-gradient(from var(--angle),#555,#bbb,#555); }
    .ob-brand.vivo     { background:conic-gradient(from var(--angle),#415FFF,#7B96FF,#415FFF); }
    .ob-brand.oppo     { background:conic-gradient(from var(--angle),#1D6C3C,#48B87A,#1D6C3C); }
    .ob-brand.realme   { background:conic-gradient(from var(--angle),#FAA700,#FFD04D,#FAA700); }
    .ob-brand.honor    { background:conic-gradient(from var(--angle),#C8242A,#FF5A5F,#C8242A); }
    .ob-brand.nothing  { background:conic-gradient(from var(--angle),#444,#aaa,#444); }
    .opt-title { font-size:12px; font-weight:600; color:rgba(255,255,255,0.9); text-align:center; margin-bottom:10px; line-height:1.45; }
    .opt-steps { display:flex; align-items:center; justify-content:center; gap:4px; margin-bottom:10px; flex-wrap:wrap; }
    .opt-steps .opt-step {
      font-size:10px; font-weight:600; color:var(--accent);
      background:rgba(91,104,240,0.15); border-radius:6px; padding:3px 8px; letter-spacing:0.2px;
    }
    .opt-steps .opt-arr { font-size:11px; color:rgba(255,255,255,0.25); }
    .opt-footer { text-align:center; font-size:10px; color:rgba(255,255,255,0.38); letter-spacing:0.3px; }
    /* ── Sell preview tooltip ── */
    #sellPreviewTip {
      display: none;
      position: fixed; z-index: 9999; pointer-events: none;
      opacity: 0; left: -9999px; top: -9999px;
      transition: opacity 0.22s ease;
      background: linear-gradient(rgba(13,15,30,0.92),rgba(13,15,30,0.92)) padding-box, conic-gradient(from var(--angle),#4ade80,#22c55e,#16a34a,#4ade80) border-box;
      border: 1.5px solid transparent;
      border-radius: 20px; padding: 18px 22px; width: 293px;
      
      box-shadow: 0 8px 32px rgba(0,0,0,0.5);
    }
    #sellPreviewTip.visible { display: block; opacity:1; }
    #sellPreviewTip::after {
      content:''; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%);
      width:12px; height:6px;
      background:rgba(13,15,30,0.75);
      clip-path:polygon(50% 100%,0% 0%,100% 0%);
    }
    .spt-icon { font-size:24px; text-align:center; margin-bottom:9px; }
    .spt-title { font-size:12px; font-weight:600; color:rgba(255,255,255,0.92); text-align:center; margin-bottom:8px; line-height:1.45; }
    .spt-desc { font-size:10.5px; color:rgba(255,255,255,0.52); text-align:center; line-height:1.55; margin-bottom:10px; }
    .spt-badge { display:flex; align-items:center; justify-content:center; gap:7px; font-size:10px; color:#4ade80; font-weight:600; letter-spacing:0.3px; }
    .spt-dot { width:6px; height:6px; border-radius:50%; background:#4ade80; animation:spt-pulse 1.6s ease-in-out infinite; flex-shrink:0; }
    @keyframes spt-pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
    /* ── Row first-hover tooltip ── */
    #rowFirstTip {
      display: none;
      position: fixed; z-index: 490; pointer-events: none;
      opacity: 0; left: -9999px; top: -9999px;
      transition: opacity 0.2s ease;
      background: rgba(13,15,30,0.75);
      backdrop-filter:blur(8px) saturate(1.2);
      -webkit-backdrop-filter:blur(8px) saturate(1.2);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 20px; padding: 22px 26px; width: 660px; max-width: calc(100vw - 20px);
      max-height: calc(100dvh - 20px);
      overflow-y: auto;
      box-shadow: 0 8px 32px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
      will-change: opacity;
      -webkit-overflow-scrolling: touch;
    }
    #rowFirstTip.visible { display: block; opacity:1; pointer-events: auto; }
    @media (max-width: 699px) {
      #offerPreviewTip, #sellPreviewTip, #rowFirstTip { display: none !important; }
      .cond-desc-inline { display: block !important; }
      .cond-sub { display: none !important; }
    }
    .rft-title { font-size:15px; font-weight:700; color:#e2e8f0; margin-bottom:14px; }
    .rft-body  { font-size:13px; color:rgba(255,255,255,0.72); line-height:1.65; }
    .rft-body strong { color:#e2e8f0; }
    .rft-body em { color:#a5b4fc; font-style:normal; }
    .rft-hint  { display:none; }
    .rft-dismiss { margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06); }
    .rft-dismiss-msg { font-size:12px; color:rgba(255,255,255,0.45); line-height:1.55; margin-bottom:10px; }
    .rft-dismiss-label { display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; }
    .rft-dismiss-cb { width:16px; height:16px; border-radius:4px; border:1.5px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:all 0.15s; }
    .rft-dismiss-cb.checked { background:#5b68f0; border-color:#5b68f0; }
    .rft-dismiss-cb.checked::after { content:'✓'; font-size:10px; color:#fff; font-weight:700; }
    .rft-dismiss-text { font-size:12px; color:rgba(255,255,255,0.55); }
    .rft-dismiss { margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.06); }
    .rft-dismiss-msg { font-size:12px; color:rgba(255,255,255,0.45); line-height:1.55; margin-bottom:10px; }
    .rft-dismiss-label { display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; }
    .rft-dismiss-cb { width:16px; height:16px; border-radius:4px; border:1.5px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:all 0.15s; }
    .rft-dismiss-cb.checked { background:#5b68f0; border-color:#5b68f0; }
    .rft-dismiss-cb.checked::after { content:'✓'; font-size:10px; color:#fff; font-weight:700; }
    .rft-dismiss-text { font-size:12px; color:rgba(255,255,255,0.55); }
    .desktop-last-check { flex:0 0 auto;width:clamp(360px,30%,460px);max-width:clamp(360px,30%,460px);background:rgba(255,255,255,0.05);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(255,255,255,0.10);border-radius:20px;padding:16px 18px;margin:28px auto 16px!important;box-shadow:0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.08);display:flex;flex-direction:column;gap:6px;overflow:visible;isolation:isolate;box-sizing:border-box;align-self:flex-start;transition:border-color 0.4s ease,box-shadow 0.4s ease; }
    /* Loader desktop: panoul de progres ocupă locul rândurilor cât timp se verifică. */
    .desktop-last-check .verify-panel { display:block!important;opacity:1!important;transform:none!important;padding:8px 4px 4px; }
    /* Flash scurt la sosirea rezultatului nou (running → done). */
    .desktop-last-check.dlc-flash { border-color:rgba(91,104,240,0.55);box-shadow:0 0 0 1px rgba(91,104,240,0.35),0 8px 30px rgba(91,104,240,0.25),inset 0 1px 0 rgba(255,255,255,0.08); }

    /* desktop-columns devine un simplu container flex-row */
    .desktop-columns {
      display: contents;
    }

    /* Navbar brand */

    .desktop-topbar {
      width: 580px;
      margin: 0 auto 16px;
      padding: 0;
    }

    .desktop-topbar .topbar-row {
      display: flex !important;
      position: static !important;
      width: 100%;
      justify-content: space-between;
      padding: 0;
      background: transparent;
    }

    .input-section {
      width: 100%;
      background: rgba(255,255,255,0.05) !important;
      backdrop-filter:blur(10px) saturate(1.3) !important;
      -webkit-backdrop-filter:blur(10px) saturate(1.3) !important;
      border: 1px solid rgba(255,255,255,0.12) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 40px rgba(0,0,0,0.3) !important;
    }

    .prices-section {
      width: 100%;
      background: rgba(255,255,255,0.06);
      backdrop-filter:blur(10px) saturate(1.3);
      -webkit-backdrop-filter:blur(10px) saturate(1.3);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.10);
    }

    /* Card desktop pentru input */
    .input-section {
      background: rgba(255,255,255,0.06);
      backdrop-filter:blur(10px) saturate(1.3);
      -webkit-backdrop-filter:blur(10px) saturate(1.3);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 20px;
      padding: 28px 28px 24px;
      margin-bottom: 16px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 40px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.10);
    }

    .input-subtitle {
      font-size: 13px;
      margin-bottom: 18px;
    }

    .upgrade-card { margin-top: 18px; }

    /* Prețuri card */
    .prices-section {
      background: rgba(255,255,255,0.06);
      backdrop-filter:blur(10px) saturate(1.3);
      -webkit-backdrop-filter:blur(10px) saturate(1.3);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px;
      padding: 0 4px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.10);
    }

    /* ResultSheet e randat doar pe mobil (pe desktop îl înlocuiește
       DesktopLastCheckPanel), deci nu mai are nevoie de stiluri desktop. */
    /* Valorile lungi se rup pe linie nouă (fără trunchiere) */
    .s-row-val { white-space: normal; word-break: break-word; }

    /* Pe desktop: main-content rămâne vizibil la verificare */
    .main.is-verifying .desktop-headline { display: block !important; }
    .main.is-verifying .main-content { opacity: 1 !important; transform: none !important; position: static !important; pointer-events: auto !important; }

    /* Verify panel — overlay absolut peste panelul din dreapta */
    .desktop-last-check { position: relative; }
    .desktop-verify-overlay {
      position: absolute;
      inset: 0;
      z-index: 10;
      background: rgba(13,15,30,0.75);
      backdrop-filter:blur(8px) saturate(1.2);
      -webkit-backdrop-filter:blur(8px) saturate(1.2);
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      padding-top: 28px;
      gap: 16px;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }
    .desktop-verify-overlay.active {
      opacity: 1;
      pointer-events: auto;
    }

    /* Navbar fixed — pe toată lățimea */
    .desktop-navbar {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      z-index: 100 !important;
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 0 !important;
      margin-bottom: 0;
      padding: 10px 5vw;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: rgba(22,26,48,0.92);
      backdrop-filter:blur(10px) saturate(1.3);
      -webkit-backdrop-filter:blur(10px) saturate(1.3);
      border: none !important;
      border-bottom: 1px solid rgba(255,255,255,0.08) !important;
      box-shadow: 0 2px 16px rgba(0,0,0,0.4);
      flex-shrink: 0;
    }
    .dnav-brand { display: flex; align-items: baseline; gap: 10px; }
    .dnav-logo { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 20px; color: var(--text-bright); letter-spacing: 2px; }
    .dnav-logo span { color: var(--accent); }
    .dnav-tagline { display: none; }
    .dnav-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
    .dnav-actions .fonduri-pill { font-size: 11px; }
    .dnav-actions .fonduri-pill .amount { font-size: 12px; }

    /* ── Notch fonduri desktop ── */
    #deskFonduri {
      flex: none;
      justify-content: center;
      background: rgba(255,255,255,0.04);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.10);
      padding: 7px 20px;
      gap: 8px;
      font-size: 13px;
      box-shadow:
        0 0 0 1px rgba(91,104,240,0.12),
        0 4px 24px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.07);
      transition: box-shadow 0.25s, background 0.25s, border-color 0.25s;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
    }
    #deskFonduri::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(91,104,240,0.08) 0%, transparent 60%);
      pointer-events: none;
    }
    #deskFonduri:hover {
      background: rgba(255,255,255,0.07);
      border-color: rgba(91,104,240,0.35);
      box-shadow:
        0 0 0 1px rgba(91,104,240,0.25),
        0 6px 32px rgba(0,0,0,0.45),
        inset 0 1px 0 rgba(255,255,255,0.10);
    }
    #deskFonduri .amount {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.3px;
      color: #c7d0f8;
    }
    #deskFonduri::after {
      width: 40%;
      background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.18) 50%, transparent 100%);
    }

    /* Headline */
    .desktop-headline {
      width: 100%;
      max-width: clamp(900px, 90vw, 1500px);
      margin-bottom: 20px;
    }
    .dh-title {
      font-size: clamp(28px, 3vw, 42px);
      font-weight: 300;
      color: var(--text-bright);
      letter-spacing: -0.6px;
      line-height: 1.2;
      margin-bottom: 8px;
    }
    .dh-sub {
      font-size: 15px;
      color: var(--text-normal);
      line-height: 1.6;
    }

    /* Font IMEI mai mare pe desktop */
    #imei-input { font-size: 22px !important; letter-spacing: 1px; }
    #imei-input::placeholder { font-size: 16px !important; }

    /* Trust panel */
    .desktop-trust {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-width: 0;
    }
    .dt-stats {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 8px;
    }
    .dt-stat {
      background: rgba(255,255,255,0.05);
      backdrop-filter:blur(10px) saturate(1.4);
      -webkit-backdrop-filter:blur(10px) saturate(1.4);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 14px;
      padding: 14px 10px;
      text-align: center;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
      transition: transform 0.2s var(--ease-out-quint), box-shadow 0.2s var(--ease-out-quint);
    }
    .dt-stat:hover {
      transform: translateY(-3px);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 8px 20px rgba(0,0,0,0.25);
    }
    .dt-num {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-size: 17px;
      font-weight: 500;
      color: var(--text-bright);
      margin-bottom: 4px;
    }
    .dt-label {
      font-size: 10px;
      color: var(--text-dim);
      letter-spacing: 0.2px;
      line-height: 1.3;
    }
    .dt-why {
      background: rgba(255,255,255,0.04);
      backdrop-filter:blur(10px) saturate(1.4);
      -webkit-backdrop-filter:blur(10px) saturate(1.4);
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 16px;
      padding: 16px 18px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
    }
    .dt-why-title {
      font-size: 10px;
      font-weight: 600;
      color: var(--text-dim);
      text-transform: uppercase;
      letter-spacing: 0.8px;
      margin-bottom: 12px;
    }
    .dt-why-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .dt-why-list li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      font-size: 12px;
      color: var(--text-normal);
      line-height: 1.5;
    }
    .dt-icon {
      font-size: 10px;
      font-weight: 700;
      flex-shrink: 0;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }
    .dt-icon.red   { color: var(--red);    background: rgba(248,113,113,0.12); }
    .dt-icon.orange{ color: var(--orange); background: rgba(245,158,11,0.12);  }
    .dt-icon.green { color: var(--green);  background: rgba(52,211,153,0.12);  }
    .dt-sources {
      background: rgba(255,255,255,0.03);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 14px;
      padding: 14px 16px;
    }
    .dt-sources-label {
      font-size: 10px;
      font-weight: 600;
      color: var(--text-dim);
      text-transform: uppercase;
      letter-spacing: 0.8px;
      margin-bottom: 10px;
    }
    .dt-sources-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
    }
    .dt-sources-grid span {
      font-family: 'JetBrains Mono', monospace;
      font-size: 10px;
      color: var(--text-dim);
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 7px;
      padding: 6px 8px;
      text-align: center;
      letter-spacing: 0.3px;
    }

    /* Stats bar — 3 pills, lățimea coloanei stângi */
    .desktop-stats-bar {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
      margin-bottom: 14px;
    }
    .dsb-stat {
      display: flex; align-items: center; gap: 10px;
      background: rgba(255,255,255,0.05);
      backdrop-filter:blur(10px) saturate(1.4);
      -webkit-backdrop-filter:blur(10px) saturate(1.4);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 14px;
      padding: 12px 20px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
      white-space: nowrap;
      transition: transform 0.2s var(--ease-out-quint), box-shadow 0.2s var(--ease-out-quint);
    }
    .dsb-stat:hover {
      transform: translateY(-2px);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 6px 16px rgba(0,0,0,0.2);
    }
    .dsb-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: 18px; font-weight: 500;
      color: var(--text-bright);
    }
    .dsb-label { font-size: 11px; color: var(--text-dim); }
    .dsb-why {
      background: rgba(255,255,255,0.05);
      backdrop-filter:blur(10px) saturate(1.4);
      -webkit-backdrop-filter:blur(10px) saturate(1.4);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 14px;
      padding: 12px 20px;
      display: flex; align-items: center; gap: 24px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
      overflow: hidden;
    }
    .dsb-why-item {
      display: flex; align-items: center; gap: 8px; white-space: nowrap;
    }
    .dsb-why-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: 18px; font-weight: 500; color: var(--text-bright);
    }
    .dsb-why-label { font-size: 11px; color: var(--text-dim); }
    .dsb-icon {
      font-size: 9px; font-weight: 700; flex-shrink: 0;
      width: 15px; height: 15px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
    }
    .dsb-icon.red    { color: var(--red);    background: rgba(248,113,113,0.15); }
    .dsb-icon.orange { color: var(--orange); background: rgba(245,158,11,0.15);  }
    .dsb-icon.green  { color: var(--green);  background: rgba(52,211,153,0.15);  }

    /* Ultima verificare */
    .desktop-last-check { position: relative; }
    .dlc-rows {
      display: flex; flex-direction: column; gap: 2px;
      width: 100%;
      overflow-x: hidden;
    }
    
    .dlc-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 6px;
      row-gap: 3px;
      padding: 1.5px 0;
      border-bottom: 1px solid rgba(255,255,255,0.04);
    }
    .dlc-row .s-pair-cell { gap: 5px; }
    .dlc-label {
      font-size: 11px;
      font-weight: 700;
      color: rgba(255,255,255,0.7);
      text-transform: uppercase;
      letter-spacing: 0.3px;
      white-space: nowrap;
      flex-shrink: 0;
      transition: color 0.2s;
      position: relative;
      cursor: pointer;
    }
    .dlc-label:hover { color: #a5b4fc; }
    .dlc-row { cursor: default; }
    .dlc-label { cursor: pointer; }
    .dlc-label::after { content: ':'; }

    /* Modal explicație desktop */
    .desktop-explain-overlay {
      position: fixed; inset: 0;
      z-index: 200;
      background: transparent;
      opacity: 1; pointer-events: none;
    }
    .desktop-explain-panel {
      position: fixed;
      z-index: 201;
      width: min(380px, 44vw);
      max-height: calc(100vh - 80px);
      background: rgba(8,10,22,0.85);
      border: 1px solid rgba(255,255,255,0.10);
      border-radius: 20px;
      box-shadow: 0 8px 40px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08);
      display: flex; flex-direction: column; overflow: hidden;
      transform: translateX(-8px) scale(0.97);
      opacity: 0; pointer-events: none;
      transition: transform 0.28s cubic-bezier(0.32,0.72,0,1), opacity 0.25s;
    }
    .desktop-explain-panel.open { transform: translateX(0) scale(1); opacity: 1; pointer-events: auto; }
    .dep-header {
      display: flex; align-items: center; justify-content: space-between;
      padding: 12px 16px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); flex-shrink: 0;
      background: transparent;
    }
    .dep-title { font-size: 13px; font-weight: 700; color: var(--text-bright); }
    .dep-close {
      width: 30px; height: 30px; border-radius: 50%;
      background: rgba(248,113,113,0.12); border: 1px solid rgba(248,113,113,0.2);
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; color: #f87171; font-size: 15px;
      transition: background 0.15s, transform 0.15s; flex-shrink: 0;
    }
    .dep-close:hover { background: rgba(248,113,113,0.24); transform: scale(1.08); }
    .dep-close:active { transform: scale(0.92); transition: transform 0.1s ease-out; }
    .dep-close svg { width: 12px; height: 12px; stroke: #f87171; stroke-width: 2; }
    .dep-body {
      flex: 1; overflow-y: scroll; padding: 12px 16px 18px;
      font-size: 12px; color: rgba(255,255,255,0.82); line-height: 1.75;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      background: transparent;
    }
    .dep-body p { margin-bottom: 14px; }
    .dep-body strong { color: #a5b4fc; font-weight: 700; }
    .dep-body em { color: #f59e0b; font-style: normal; }
    .dep-body::-webkit-scrollbar { width: 3px; }
    .dep-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }
    /* Label activ — sweep continuu */
    .dlc-label.dep-active {
      color: #a5b4fc !important;
    }
    .dlc-label.dep-active::before {

      transition: none !important;
    }
    @keyframes dep-sweep {
      0%   { transform: translateX(-150%); }
      55%  { transform: translateX(320%); }
      100% { transform: translateX(320%); }
    }
    .dlc-val {
      font-size: 10px;
      color: var(--text-bright);
      /* Valorile obișnuite = font UI (DM Sans), ca pastilele din context. Mono e
         rezervat EXCLUSIV IMEI/serie prin modificatorul `.mono` (regula de tipografie
         Florescu). Fără asta, pastila „Knox Guard" (sans) ieșea din valorile mono. */
      font-family: 'DM Sans', sans-serif;
      /* valorile lungi se rup pe rânduri, fără ellipsis */
      white-space: normal;
      word-break: break-word;
      flex-shrink: 1;
      min-width: 0;
      text-transform: uppercase;
      text-align: left;
    }
    .dlc-val.mono { font-family: 'JetBrains Mono', monospace; }
    .dlc-device-name { text-align: center; }
    .dlc-device-sub { text-align: center; }
    .desktop-last-check .pill-glow-wrap::before { display: none; }
    .dlc-footer { text-align: center; }
    .dlc-row:last-child { border-bottom: none; }
    /* Pastilele desktop refolosesc `.s-pill` (rescrierea `s-pill`→`dlc-pill` din DlcRow
       nu s-a făcut niciodată), deci clasa `.dlc-pill` era cod mort — eliminată. */
    .dlc-footer {
      font-size: 10px; color: var(--text-ghost); text-align: center; padding-top: 4px; border-top: 1px solid rgba(255,255,255,0.05);
    }
    .dlc-action-group { position:absolute;top:61%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;z-index:3; }
    .dlc-action-group.left  { left:-21px; }
    .dlc-action-group.right { right:-21px; }
    .dlc-action-group.bottom-left  { top:auto!important;bottom:18px!important;left:-21px;transform:none!important; }
    .dlc-action-group.bottom-right { top:auto!important;bottom:18px!important;right:-21px;transform:none!important; }
    .dlc-action-group .dlc-action-wrap-sm { padding:2px;border-radius:13px; }
    .dlc-action-group .dlc-action-btn-sm  { width:39px;height:39px;border-radius:10px; }
    .dlc-action-group .dlc-action-btn-sm svg { width:18px;height:18px; }
  }
  .dlc-action-wrap-sm { display:inline-flex;padding:1.5px;border-radius:9px;cursor:pointer;animation:rotate-gradient 4s linear infinite;transform:translateZ(0); }
  .dlc-action-wrap-sm.share      { background:conic-gradient(from var(--angle),#3b82f6,#818cf8,#60a5fa,#3b82f6); }
  .dlc-action-wrap-sm.screenshot { background:#34d399; }
  .dlc-action-wrap-sm.ai         { background:conic-gradient(from var(--angle),#c084fc,#a855f7,#e879f9,#c084fc); }
  .dlc-action-wrap-sm.sell       { background:conic-gradient(from var(--angle),#4ade80,#22c55e,#16a34a,#4ade80); }
  .dlc-action-wrap-sm.report     { background:conic-gradient(from var(--angle),#f87171,#ef4444,#fca5a5,#f87171); }
  .dlc-action-wrap-sm.pv         { background:conic-gradient(from var(--angle),#f59e0b,#d97706,#fbbf24,#f59e0b); }
  .dlc-action-wrap-sm:hover { opacity:0.85; }
  .dlc-action-btn-sm { width:26px;height:26px;border-radius:7px;background:#12152a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;padding:0; }
  .dlc-action-btn-sm:hover { background:#1e2245; }
  .dlc-action-btn-sm svg { width:12px;height:12px; }
  .dlc-action-wrap-sm.share .dlc-action-btn-sm      { color:#60a5fa; }
  .dlc-action-wrap-sm.screenshot .dlc-action-btn-sm { color:#34d399; }
  .dlc-action-wrap-sm.ai .dlc-action-btn-sm         { color:#c084fc; }
  .dlc-action-wrap-sm.sell .dlc-action-btn-sm       { color:#4ade80; }
  .dlc-action-wrap-sm.report .dlc-action-btn-sm     { color:#f87171; }
  .dlc-action-wrap-sm.pv .dlc-action-btn-sm         { color:#f59e0b; }
  /* Floating acțiuni pe mobil — overlay pe `.result-sheet` (portal).
     Implicit: 3 stânga + 3 dreapta. La scroll JS face flight FLIP pe fiecare
     buton (transform) spre dock bar, apoi `.mob-actions-docked`. */
  .mob-sheet-actions {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    pointer-events: none;
    z-index: 15;
  }
  @media(min-width:700px){
    #mobSheetActions,
    .mob-sheet-actions { display: none !important; }
  }
  .mob-action-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: auto;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
  }
  .mob-action-group.left-col  { left: 6px; }
  .mob-action-group.right-col { right: 6px; }
  .mob-action-group.left-mid  { left: 6px; }
  .mob-action-group.right-mid { right: 6px; }
  .mob-action-group.left-bot  { left: 6px; top: 72%; }
  .mob-action-group.right-bot { right: 6px; top: 72%; }
  #mobSheetActions .dlc-action-wrap-sm,
  .mob-sheet-actions .dlc-action-wrap-sm {
    padding: 1.5px;
    border-radius: 10px;
    /* flight: transform pe wrap; backface + translateZ ca să nu „sară" pe iOS */
    transform: translateZ(0);
    backface-visibility: hidden;
  }
  #mobSheetActions .dlc-action-btn-sm,
  .mob-sheet-actions .dlc-action-btn-sm  { width: 36px; height: 36px; border-radius: 9px; }
  #mobSheetActions .dlc-action-btn-sm svg,
  .mob-sheet-actions .dlc-action-btn-sm svg { width: 17px; height: 17px; }
  /* Flying: grupurile rămân vizibile, butoanele zboară individual (JS transform). */
  .mob-sheet-actions.mob-actions-flying {
    pointer-events: none;
  }
  .mob-sheet-actions.mob-actions-flying .mob-action-group {
    pointer-events: none;
  }
  /* Docked: floating dispare; dock bar-ul preia. */
  .mob-sheet-actions.mob-actions-docked {
    visibility: hidden;
    pointer-events: none;
  }
  .mob-sheet-actions.mob-actions-docked .mob-action-group {
    opacity: 0;
    pointer-events: none;
  }
  .mob-sheet-actions.mob-actions-hidden .mob-action-group { opacity: 0; pointer-events: none; }

  /* Dock bar — in-flow, un rând × 6. Inactiv până la finalul flight-ului. */
  .mob-dock-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 12px 16px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 280ms var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1));
    min-height: 54px;
  }
  .mob-dock-bar:empty { padding: 0; min-height: 0; }
  .mob-dock-bar.active {
    opacity: 1;
    pointer-events: auto;
  }
  .mob-dock-bar .dlc-action-wrap-sm { padding: 1.5px; border-radius: 10px; }
  .mob-dock-bar .dlc-action-btn-sm  { width: 38px; height: 38px; border-radius: 9px; }
  .mob-dock-bar .dlc-action-btn-sm svg { width: 18px; height: 18px; }
  .mob-dock-bar .dlc-action-wrap-sm {
    opacity: 0;
    transition: opacity 280ms var(--ease-out-cubic, cubic-bezier(.33, 1, .68, 1));
  }
  .mob-dock-bar.active .dlc-action-wrap-sm { opacity: 1; }
  @media(min-width:700px){ .mob-dock-bar { display: none !important; } }

  @media (prefers-reduced-motion: reduce) {
    .mob-sheet-actions .dlc-action-wrap-sm { transition: none !important; }
    .mob-dock-bar,
    .mob-dock-bar .dlc-action-wrap-sm { transition: none !important; }
  }

  .phone-glow-wrap {
    display: block; position: relative; border-radius: 0; padding: 0;
    background: none;
    isolation: isolate; overflow: hidden;
  }

  .phone-glow-wrap::before {
    content: none !important;
    display: none !important;
  }

  .phone-frame > .ambient-drift {
    content: ''; position: absolute;
    width: 80%; height: 60%; top: 20%; left: 10%;
    border-radius: 50%; z-index: 0;
    background: radial-gradient(ellipse at center, rgba(91,104,240,0.09) 0%, rgba(70,50,190,0.04) 40%, transparent 65%);
    animation: drift 20s ease-in-out infinite;
    pointer-events: none; will-change: transform;
  }

  @keyframes drift {
    0%   { transform: translate(-15%, -40%); }
    25%  { transform: translate(20%, -30%);  }
    50%  { transform: translate(15%, 20%);   }
    75%  { transform: translate(-20%, 15%);  }
    100% { transform: translate(-15%, -40%); }
  }

  .topbar-row, .topbar, .alert-bar, .main { position: relative; z-index: 2; }

  /* ===== TOP BAR ===== */

  /* topbar-row / topbar-side: vezi OVERRIDE la finalul fișierului (grid mobil) */

  .topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 16px;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 22px;
    z-index: 10;
    min-width: 100px;
    min-height: 36px;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.10);
    box-sizing: border-box;
  }

  .menu-btn { padding: 0; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; background: transparent !important; border: none !important; }

  .logo { font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 16px; letter-spacing: 1.5px; color: var(--text-bright); }
  .logo span { color: var(--accent); }

  .flag { font-size: 22px; line-height: 34px; flex-shrink: 0; }

  .fonduri-pill {
    display: flex; align-items: center; gap: 4px; font-size: 10px; color: var(--text-dim);
    flex: 1; justify-content: center; cursor: pointer; border-radius: 8px; padding: 2px 6px;
    position: relative; overflow: hidden; transition: color 0.2s;
  }
  .fonduri-pill::after {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg); pointer-events: none;
  }
  .fonduri-pill:hover { color: var(--text-normal); }
  .fonduri-pill:hover .amount { color: var(--text-bright); }
  .fonduri-pill .amount { color: var(--text-normal); font-family: 'JetBrains Mono', monospace; font-size: 11px; }

  .icon-btn {
    background: none; border: none; color: var(--text-ghost); cursor: pointer; padding: 4px;
    display: flex; align-items: center; transition: color 0.2s;
    position: relative; overflow: hidden; border-radius: 8px;
  }
  .icon-btn::after {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.5) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg); pointer-events: none;
  }
  .icon-btn:hover { color: var(--text-dim); }

  .flag {
    font-size: 22px; line-height: 34px; flex-shrink: 0; cursor: pointer; border-radius: 8px;
    padding: 2px 4px; position: relative; overflow: hidden; transition: transform 0.2s;
  }
  .flag::after {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg); pointer-events: none;
  }
  .flag:hover { transform: scale(1.1); }

  /* ── Steag real (flag-icons SVG) în navbar — dimensiune fixă 4:3 + colțuri rotunjite ── */
  .flag.fi {
    display: inline-block !important;
    width: 26px !important; height: 19px !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
    border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.35);
    background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
    flex-shrink: 0; vertical-align: middle;
  }
  /* flag-icons pune content pe :before pentru aspect; păstrăm un spațiu ca să aibă cutie */
  .flag.fi::before { content: "\00a0" !important; display: block; width: 100%; height: 100%; }

  /*
   * Steaguri din /public/flags (copiate din flag-icons) — path absolut, independent de
   * cum Vite rescrie url()-urile din CSS-ul pachetului. Acoperă limbile din i18n.js.
   */
  .fi-ro { background-image: url('/flags/4x3/ro.svg') !important; }
  .fi-us { background-image: url('/flags/4x3/us.svg') !important; }
  .fi-gb { background-image: url('/flags/4x3/gb.svg') !important; }
  .fi-es { background-image: url('/flags/4x3/es.svg') !important; }
  .fi-fr { background-image: url('/flags/4x3/fr.svg') !important; }
  .fi-it { background-image: url('/flags/4x3/it.svg') !important; }
  .fi-de { background-image: url('/flags/4x3/de.svg') !important; }
  .fi-pl { background-image: url('/flags/4x3/pl.svg') !important; }
  .fi-ru { background-image: url('/flags/4x3/ru.svg') !important; }
  .fi-ua { background-image: url('/flags/4x3/ua.svg') !important; }
  .fi-tr { background-image: url('/flags/4x3/tr.svg') !important; }
  .fi-sa { background-image: url('/flags/4x3/sa.svg') !important; }
  .fi-ae { background-image: url('/flags/4x3/ae.svg') !important; }
  .fi-cn { background-image: url('/flags/4x3/cn.svg') !important; }
  .fi-pt { background-image: url('/flags/4x3/pt.svg') !important; }
  .fi-hu { background-image: url('/flags/4x3/hu.svg') !important; }
  .fi-bg { background-image: url('/flags/4x3/bg.svg') !important; }
  .fi-gr { background-image: url('/flags/4x3/gr.svg') !important; }
  .fi-nl { background-image: url('/flags/4x3/nl.svg') !important; }
  .fi-cs { background-image: url('/flags/4x3/cz.svg') !important; }
  .fi-cz { background-image: url('/flags/4x3/cz.svg') !important; }
  .fi-jp { background-image: url('/flags/4x3/jp.svg') !important; }
  .fi-kr { background-image: url('/flags/4x3/kr.svg') !important; }
  .fi-se { background-image: url('/flags/4x3/se.svg') !important; }
  .fi-id { background-image: url('/flags/4x3/id.svg') !important; }
  .fi-vn { background-image: url('/flags/4x3/vn.svg') !important; }
  .fi-il { background-image: url('/flags/4x3/il.svg') !important; }
  .fi-ge { background-image: url('/flags/4x3/ge.svg') !important; }
  .fi-am { background-image: url('/flags/4x3/am.svg') !important; }
  .fi-sk { background-image: url('/flags/4x3/sk.svg') !important; }
  .fi-si { background-image: url('/flags/4x3/si.svg') !important; }
  .fi-no { background-image: url('/flags/4x3/no.svg') !important; }
  .fi-dk { background-image: url('/flags/4x3/dk.svg') !important; }
  .fi-fi { background-image: url('/flags/4x3/fi.svg') !important; }
  .fi-lt { background-image: url('/flags/4x3/lt.svg') !important; }
  .fi-lv { background-image: url('/flags/4x3/lv.svg') !important; }
  .fi-ee { background-image: url('/flags/4x3/ee.svg') !important; }
  .fi-al { background-image: url('/flags/4x3/al.svg') !important; }
  .fi-rs { background-image: url('/flags/4x3/rs.svg') !important; }
  .fi-ir { background-image: url('/flags/4x3/ir.svg') !important; }
  .fi-in { background-image: url('/flags/4x3/in.svg') !important; }
  .fi-br { background-image: url('/flags/4x3/br.svg') !important; }
  .fi-hi { background-image: url('/flags/4x3/in.svg') !important; }
  .fi-sq { background-image: url('/flags/4x3/al.svg') !important; }
  .fi-sr { background-image: url('/flags/4x3/rs.svg') !important; }
  .fi-fa { background-image: url('/flags/4x3/ir.svg') !important; }
  .fi-el { background-image: url('/flags/4x3/gr.svg') !important; }
  .fi-uk { background-image: url('/flags/4x3/ua.svg') !important; }
  .fi-ar { background-image: url('/flags/4x3/sa.svg') !important; }
  .fi-zh { background-image: url('/flags/4x3/cn.svg') !important; }
  .fi-ja { background-image: url('/flags/4x3/jp.svg') !important; }
  .fi-ko { background-image: url('/flags/4x3/kr.svg') !important; }
  .fi-sv { background-image: url('/flags/4x3/se.svg') !important; }
  .fi-nb { background-image: url('/flags/4x3/no.svg') !important; }
  .fi-da { background-image: url('/flags/4x3/dk.svg') !important; }
  .fi-hy { background-image: url('/flags/4x3/am.svg') !important; }
  .fi-ka { background-image: url('/flags/4x3/ge.svg') !important; }
  .fi-he { background-image: url('/flags/4x3/il.svg') !important; }

  /* ── KILLSWITCH single-lang: ascunde trigger-ele picker-ului ── */
  html.single-lang .flag,
  html.single-lang .topbar-lang-btn,
  html.single-lang #authLangWrap { display: none !important; }

  .alert-bar {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    padding: 6px 16px; background: rgba(245,158,11,0.08); border: 1px solid rgba(245,158,11,0.1);
    border-radius: 20px; font-size: 11px; color: var(--orange); letter-spacing: 0.2px;
    position: sticky; top: 46px; left: 50%; transform: translateX(-50%);
    z-index: 10; width: auto; white-space: nowrap;
  }
  .alert-bar svg { width: 14px; height: 14px; flex-shrink: 0; }

  /* ===== MAIN ===== */

  /* Padding-top: spațiu deasupra celor 3 carduri stats (topbar e sticky în flux).
     NU mai mult de ~20px — altfel pe prod apare un gol uriaș. */
  .main { max-width: 100%; margin: 0 auto; padding: 16px 14px 260px; overflow: visible; flex: 1; }

  .hero-title { font-size: 22px; font-weight: 300; color: var(--text-bright); letter-spacing: -0.3px; margin-bottom: 32px; line-height: 1.3; }

  .input-subtitle {
    font-size: 12px; color: rgba(220,185,65,0.65); line-height: 1.6; margin-bottom: 14px;
    letter-spacing: 0.1px; cursor: default; position: relative; overflow: hidden; display: block;
  }
  .input-subtitle::before {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,230,120,0.5) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .input-subtitle:hover::before { transform: translateX(300%); transition: transform 0.8s ease; }

  /* ===== MOBILE STATS BAR ===== */
  .mob-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin: 8px 0 14px;
    width: 100%;
    box-sizing: border-box;
  }
  .mob-stat {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.09);
    border-radius:14px; padding:11px 6px; gap:3px;
    transition:transform 0.2s var(--ease-out-quint), box-shadow 0.2s var(--ease-out-quint);
    cursor:pointer; -webkit-tap-highlight-color: transparent;
    /* reset button defaults when rendered as <button> */
    font: inherit; color: inherit; appearance: none; -webkit-appearance: none; width: 100%;
  }
  .mob-stat:active { transform:scale(0.96); transition:transform 0.1s ease-out; }
  .mob-stat-cta { border-color:rgba(91,104,240,0.3); cursor:pointer; overflow:hidden; position:relative; }
  .mob-stat-cta:active { box-shadow:inset 0 0 0 100px rgba(91,104,240,0.12); }
  .mob-stat-cta::after { content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(161,174,252,0.18) 50%,transparent 70%); transform:translateX(-120%); animation:shimmer-cta 3s ease-in-out infinite; pointer-events:none; }
  @keyframes shimmer-cta { 0%,60%,100% { transform:translateX(-120%); } 30% { transform:translateX(120%); } }
  .mob-stat-num { font-family:'JetBrains Mono',monospace; font-size:15px; font-weight:500; color:var(--text-bright); white-space:nowrap; }
  .mob-stat-cta .mob-stat-num { color:var(--accent); }
  .mob-stat-lbl { font-size:8.5px; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.7px; text-align:center; line-height:1.3; }
  .mob-stat-cta .mob-stat-lbl { color:var(--accent); opacity:0.8; }

  /* Fix branduri la scroll — conține position:fixed în phone-frame */

  /* ===== INPUT ===== */

  .input-section { margin-bottom: 36px; overflow: visible; }
  .input-row { display: flex; gap: 10px; align-items: stretch; margin-bottom: 10px; overflow: visible; }

  @property --angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
  @keyframes rotate-gradient { to { --angle: 360deg; } }

  .glow-wrap {
    position: relative; border-radius: var(--radius); padding: 1px;
    background: conic-gradient(from var(--angle), #5b68f0, #818cf8, #ffffff, #60a5fa, #a78bfa, #c4b5fd, #ffffff, #5b68f0);
    isolation: isolate; flex: 1; min-width: 0; overflow: visible; display: flex;
    transition: padding 0.3s, filter 0.3s;
    animation: rotate-gradient 4s linear infinite;
  }
  .glow-wrap.verifying { animation: rotate-gradient 1.5s linear infinite; padding: 2px; transform: translateZ(0); }
  .glow-wrap.verifying::before { animation: rotate-gradient 1.5s linear infinite; opacity: 0.9; filter: blur(20px); }
  .glow-wrap::before {
    content: ''; position: absolute; inset: -4px; border-radius: inherit;
    background: conic-gradient(from 120deg, rgba(91,104,240,0.3), rgba(120,100,220,0.25), rgba(100,130,240,0.3), rgba(130,120,230,0.25), rgba(100,160,240,0.25), rgba(80,120,230,0.3), rgba(140,110,200,0.2), rgba(91,104,240,0.3));
    filter: blur(14px); opacity: 0; z-index: -1;
  }

  #flame-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }

  .input-field {
    display: flex; align-items: center; background: var(--bg-input);
    border-radius: calc(var(--radius) - 1px); padding: 12px 14px; width: 100%;
    position: relative; overflow: hidden;
  }
  .input-field::after {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(91,104,240,0.12) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg); pointer-events: none;
  }
  .input-field input, .input-field textarea {
    flex: 1; background: transparent; border: none; outline: none;
    color: var(--text-bright); font-family: 'JetBrains Mono', monospace;
    font-size: 16px; padding: 0; padding-right: 44px; letter-spacing: 0.5px; min-width: 0;
    line-height: 1.5;
  }
  .input-field textarea { resize: none; overflow: hidden; display: block; width: 100%; }
  #imei-input::placeholder {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.1px;
    line-height: 1.6;
  }

  .cam-btn {
    position: absolute; top: 10px; right: 10px;
    background: rgba(91,104,240,0.15);
    border: 1px solid rgba(91,104,240,0.45);
    color: #a5b4fc;
    width: 30px; height: 30px; border-radius: 8px; cursor: pointer;
    display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0;
  }
  .cam-btn:hover { background: rgba(91,104,240,0.28); border-color: rgba(91,104,240,0.7); color: #c4b5fd; }
  .cam-btn svg { width: 15px; height: 15px; }

  @keyframes btn-idle-pulse {
    0%,100% { box-shadow: 0 0 8px rgba(91,104,240,0.2), 0 2px 12px rgba(91,104,240,0.08); }
    50%      { box-shadow: 0 0 18px rgba(91,104,240,0.4), 0 4px 22px rgba(91,104,240,0.18); }
  }
  @keyframes btn-verify-pulse {
    0%,100% { box-shadow: 0 0 18px rgba(91,104,240,0.55), 0 4px 28px rgba(91,104,240,0.28); }
    50%      { box-shadow: 0 0 36px rgba(91,104,240,0.85), 0 4px 44px rgba(91,104,240,0.45); }
  }
  @keyframes shimmer-sweep { 0% { transform: translateX(-180%); } 100% { transform: translateX(280%); } }

  .sweep-on::after { will-change: transform; transform: translateX(300%) skewX(-15deg) !important; transition: transform 0.5s ease !important; }
  .prices-toggle span.sweep-on::before { transform: translateX(280%) !important; transition: transform 0.75s ease !important; }

  .btn-verify-wrap {
    display: inline-flex; flex-shrink: 0; padding: 2px;
    border-radius: calc(var(--radius) + 2px);
    background: conic-gradient(from var(--angle), #5b68f0, #c084fc, #f0c230, #f472b6, #5b68f0);
    animation: rotate-gradient 3s linear infinite; transform: translateZ(0);
  }
  @keyframes btn-wrap-spin { to { transform: rotate(360deg); } }
  .btn-verify-wrap.verifying {
    animation: rotate-gradient 1s linear infinite;
  }

  .btn-verify {
    position: relative; z-index: 1;
    background: #161a30; color: #e4e7ef; border: none; border-radius: var(--radius);
    padding: 15px 20px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600;
    cursor: pointer; white-space: nowrap; letter-spacing: 0.3px;
    transition: background 0.2s var(--ease-out-cubic), transform 0.2s var(--ease-out-quint);
    overflow: hidden; display: block;
  }
  .btn-verify::after {
    content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg); pointer-events: none;
  }
  .btn-verify:hover { background: #1e2245; transform: translateY(-2px); }
  .btn-verify:hover::after { transform: translateX(300%) skewX(-15deg); transition: transform 0.5s ease; }
  .btn-verify:active { transform: scale(0.97); transition: transform 0.1s ease-out; }
  .btn-verify.is-verifying { background: #1e2245; cursor: progress; }
  .btn-verify:disabled { cursor: not-allowed; }
  /* Cât rulează verificarea butonul e dezactivat — anulăm hover/active ca să nu pară apăsabil. */
  .btn-verify:disabled:hover { background: #161a30; transform: none; }
  .btn-verify.is-verifying:disabled:hover { background: #1e2245; }
  .btn-verify:disabled:active { transform: none; }

  .input-field.is-valid  { background: rgba(52,211,153,0.07); transition: background 0.4s ease; }
  .input-field.is-invalid{ background: rgba(248,113,113,0.07); transition: background 0.4s ease; }

  .glow-wrap.is-valid {
    background: conic-gradient(from var(--angle), rgba(52,211,153,0.7), rgba(52,211,153,0.4), rgba(52,211,153,0.6), rgba(52,211,153,0.4), rgba(52,211,153,0.7));
  }
  .glow-wrap.is-valid::before {
    background: conic-gradient(from var(--angle), rgba(52,211,153,0.3), rgba(52,211,153,0.15), rgba(52,211,153,0.3));
  }
  .glow-wrap.is-invalid {
    background: conic-gradient(from var(--angle), rgba(248,113,113,0.7), rgba(248,113,113,0.4), rgba(248,113,113,0.6), rgba(248,113,113,0.4), rgba(248,113,113,0.7));
  }
  .glow-wrap.is-invalid::before {
    background: conic-gradient(from var(--angle), rgba(248,113,113,0.3), rgba(248,113,113,0.15), rgba(248,113,113,0.3));
  }
  /* În timpul verificării, glow-ul afișează culoarea de ÎNCĂRCARE (mov), nu verde/roșu
     de validare — altfel nu se mai înțelege că se încarcă. Override peste is-valid/is-invalid. */
  .glow-wrap.verifying,
  .glow-wrap.verifying.is-valid,
  .glow-wrap.verifying.is-invalid {
    background: conic-gradient(from var(--angle), #5b68f0, #818cf8, #ffffff, #60a5fa, #a78bfa, #c4b5fd, #ffffff, #5b68f0) !important;
  }
  .glow-wrap.verifying::before,
  .glow-wrap.verifying.is-valid::before,
  .glow-wrap.verifying.is-invalid::before {
    background: conic-gradient(from 120deg, rgba(91,104,240,0.3), rgba(120,100,220,0.25), rgba(100,130,240,0.3), rgba(130,120,230,0.25), rgba(100,160,240,0.25), rgba(80,120,230,0.3), rgba(140,110,200,0.2), rgba(91,104,240,0.3)) !important;
    opacity: 0.9;
  }

  .meta-text { font-size: 12px; color: var(--text-ghost); letter-spacing: 0.2px; }

  .upgrade-card {
    display: flex; align-items: flex-start; gap: 10px; padding: 0;
    background: none; border: none; border-radius: 0; cursor: pointer;
    transition: all 0.25s; margin-top: 14px;
  }
  .upgrade-card:hover .checkbox-circle { border-color: var(--accent); }
  .checkbox-circle { width: 18px; height: 18px; border: 1.5px solid var(--text-ghost); border-radius: 5px; flex-shrink: 0; margin-top: 2px; transition: border-color 0.2s, background 0.2s; position: relative; }
  .upgrade-card.checked .checkbox-circle { border-color: var(--accent); background: var(--accent); }
  .upgrade-card.checked .checkbox-circle::after { content: ''; position: absolute; top: 2px; left: 5px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

  .upgrade-label { font-size: 13px; line-height: 1.6; color: var(--text-dim); position: relative; overflow: hidden; }
  .upgrade-label::before {
    content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(180,190,255,0.45) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none; border-radius: 2px;
  }
  .upgrade-card:hover .upgrade-label::before { transform: translateX(280%); transition: transform 0.75s ease; }
  .upgrade-label strong { color: var(--accent); font-weight: 500; position: relative; }

  /* ===== PREȚURI ===== */

  /* Card standalone sub cardul de verificare (guest + non-admin). Scopat pe mobil:
     pe desktop se aplică glass-ul mai puternic din @media (min-width:700px) de mai sus,
     care altfel ar fi suprascris de regula asta (vine mai târziu în cascadă). */
  @media (max-width: 699px) {
    .prices-section {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 16px;
      padding: 0 4px;
    }
  }
  .prices-toggle {
    display: flex; align-items: center; justify-content: center; padding: 14px 0;
    cursor: pointer; border: none; background: none; width: 100%;
    color: var(--text-dim); font-family: 'DM Sans', sans-serif; font-size: 13px; transition: color 0.2s;
  }
  .prices-toggle span { position: relative; overflow: hidden; display: inline-block; }
  .prices-toggle span::before {
    content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(200,210,255,0.5) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .prices-toggle:hover { color: var(--text-normal); }
  .prices-toggle svg { display: inline-block; margin-left: 6px; transition: transform 0.25s var(--ease-out-cubic); }
  .prices-toggle.open #prices-chevron { transform: rotate(180deg); }
  .prices-table { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .prices-table.open { max-height: 480px; }
  .prices-header { display: flex; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--border); }
  .prices-header span { font-size: 10px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-normal); }
  .price-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 12px; border-bottom: 1px solid var(--border); transition: background 0.15s; }
  .price-row:last-child { border-bottom: none; }
  .price-row:hover { background: var(--bg-hover); }
  .price-name { font-size: 13px; color: var(--text-normal); flex: 1; padding-right: 12px; line-height: 1.4; position: relative; overflow: hidden; }
  .price-name::before {
    content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(200,210,255,0.45) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .price-row:hover .price-name::before { transform: translateX(280%); transition: transform 0.7s ease; }
  .price-tag { font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 500; color: var(--text-normal); white-space: nowrap; flex-shrink: 0; position: relative; overflow: hidden; }
  .price-tag::before {
    content: ''; position: absolute; top: 0; left: 0; width: 80%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(160,170,255,0.6) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .price-row:hover .price-tag::before { transform: translateX(250%); transition: transform 0.7s ease 0.1s; }

  .whatsapp-btn { color: #25D366; }
  .whatsapp-btn:hover { color: #1ebe5d; }
  .wa-wrap {
    display: inline-flex;
    padding: 0;
    border-radius: 9px;
    cursor: pointer;
    background: rgba(37,211,102,0.10);
    border: 1px solid rgba(37,211,102,0.35);
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
  }
  
  .wa-wrap .whatsapp-btn { width: 36px; height: 36px; border-radius: 9px; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0; }
  .wa-wrap .whatsapp-btn:hover { background: rgba(37,211,102,0.12); }
  #mobAuthBtn { width:36px; height:36px; padding:0; justify-content:center; border-radius:9px; background:rgba(125,211,252,0.10); border:1px solid rgba(125,211,252,0.35); }

  /* CTA „Vezi toate prețurile" — frate cu .whatsapp-note, dar buton spre PricesModal */
  .prices-all-btn {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    padding: 11px 12px; background: none; border: none; border-top: 1px solid var(--border);
    color: var(--accent); font-family: 'DM Sans', sans-serif; font-size: 12px; line-height: 1.5;
    cursor: pointer; transition: color 0.2s, background 0.2s;
  }
  .prices-all-btn:hover { background: var(--bg-hover); color: var(--accent-hover); }
  .prices-all-btn svg { flex-shrink: 0; }

  .whatsapp-note {
    display: flex; align-items: center; gap: 7px; padding: 11px 12px;
    color: var(--accent); font-size: 12px; line-height: 1.5; text-decoration: none;
    border-top: 1px solid var(--border); transition: color 0.2s, background 0.2s;
    border-radius: 0 0 10px 10px;
  }
  .whatsapp-note svg { fill: #25D366; flex-shrink: 0; }
  .whatsapp-note:hover { background: var(--bg-hover); color: var(--accent-hover); }

  /* ===== DOCK ===== */

  .dock-area { position: absolute; bottom: 6px; left: 0; right: 0; z-index: 11; display: flex; justify-content: center; }
  .home-indicator {
    width: 120px; height: 4px; background: rgba(255,255,255,0.25); border-radius: 3px;
    cursor: pointer; position: relative; z-index: 12; transition: background 0.3s;
  }
  .home-indicator::before { content: ''; position: absolute; top: -30px; bottom: -30px; left: -50px; right: -50px; }
  .home-indicator:hover { background: rgba(255,255,255,0.4); }

  .dock { position: absolute; bottom: 0; left: 0; right: 0; z-index: 11; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1); pointer-events: none; }
  .dock.open { transform: translateY(0); pointer-events: auto; }
  .dock-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 10; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
  .dock-backdrop.open { opacity: 1; pointer-events: auto; }
  .dock-panel { background: rgba(14,16,28,0.95); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-top: 1px solid rgba(255,255,255,0.06); border-radius: 24px 24px 0 0; padding: 14px 20px 30px; }
  .dock-handle { width: 36px; height: 4px; background: rgba(255,255,255,0.2); border-radius: 3px; margin: 0 auto 18px; }
  .dock-grid { display: flex; justify-content: space-around; align-items: flex-start; }
  .dock-item { display: flex; flex-direction: column; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; padding: 8px 4px; min-width: 64px; transition: transform 0.2s var(--ease-out-quint); }
  .dock-item:hover { transform: translateY(-2px); }
  .dock-item:active { transform: scale(0.92); transition: transform 0.1s ease-out; }
  .dock-icon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.06); transition: background 0.2s; }
  .dock-item:hover .dock-icon { background: rgba(255,255,255,0.1); }
  .dock-item.active .dock-icon { background: var(--accent-dim); border-color: rgba(91,104,240,0.2); }
  .dock-icon svg { width: 22px; height: 22px; stroke: var(--text-dim); fill: none; stroke-width: 1.5; }
  .dock-item.active .dock-icon svg { stroke: var(--accent); }
  .dock-label { font-size: 10px; color: var(--text-ghost); letter-spacing: 0.3px; }
  .dock-item.active .dock-label { color: var(--accent); }

  /* ===== SIDE DRAWER ===== */
  .drawer-backdrop {
    position: fixed; inset: 0; z-index: 80;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    opacity: 0; pointer-events: none; transition: opacity 0.25s var(--ease-out-cubic);
  }
  .drawer-backdrop.open { opacity: 1; pointer-events: auto; }
  .side-drawer {
    position: fixed; top: 0; left: 0; bottom: 0; width: 280px; z-index: 90;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(28px) saturate(1.8);
    -webkit-backdrop-filter: blur(28px) saturate(1.8);
    border-right: 1px solid rgba(255,255,255,0.12);
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.08), 4px 0 32px rgba(0,0,0,0.4);
    display: flex; flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.22s var(--ease-in-quad);
  }
  .side-drawer.open { transform: translateX(0); transition: transform 0.3s var(--ease-out-quint); }
  .drawer-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 16px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
  }
  .drawer-brand { display: flex; align-items: center; gap: 10px; }
  .drawer-brand-icon {
    width: 40px; height: 40px; border-radius: 10px;
    background: var(--accent); display: flex; align-items: center; justify-content: center;
    color: #fff; flex-shrink: 0;
    box-shadow: 0 0 14px rgba(91,104,240,0.4);
  }
  .drawer-brand-name { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 1px; color: var(--text-bright); }
  .drawer-collapse {
    background: none; border: none; cursor: pointer; color: var(--text-dim);
    padding: 6px; border-radius: 8px; display: flex; align-items: center; transition: color 0.2s, background 0.2s;
  }
  .drawer-collapse:hover { color: var(--text-normal); background: rgba(255,255,255,0.06); }
  .drawer-nav { flex: 1; overflow-y: auto; padding: 12px 10px 8px; overscroll-behavior: contain; }
  .drawer-nav::-webkit-scrollbar { width: 0; }
  .drawer-section-label {
    font-size: 10px; font-weight: 600; letter-spacing: 1.2px;
    color: var(--text-ghost); padding: 6px 8px 8px; text-transform: uppercase;
  }
  /* ADMIN drawer section — vizibil doar când body.is-admin (setat de applyAuthState) */
  body:not(.is-admin) .drawer-admin-label,
  body:not(.is-admin) #drawerAdmUsers,
  body:not(.is-admin) #drawerSubUsers,
  body:not(.is-admin) .drawer-item[data-admin-stub] { display: none !important; }
  /* Shimmer sweep — identic cu price rows */
  .drawer-item {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 10px 10px; border-radius: 10px;
    background: none; border: none; cursor: pointer;
    color: var(--text-normal); font-family: 'DM Sans', sans-serif;
    font-size: 14px; font-weight: 600; text-align: left;
    transition: background 0.15s, color 0.15s, transform 0.2s var(--ease-out-quint);
    position: relative; overflow: hidden;
  }
  .drawer-item::before {
    content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(200,210,255,0.45) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .drawer-item:hover::before { transform: translateX(280%); transition: transform 0.7s ease; }
  .drawer-item svg:first-child { flex-shrink: 0; opacity: 0.6; position: relative; z-index: 1; }
  .drawer-item:hover { background: rgba(255,255,255,0.06); color: var(--text-bright); transform: translateX(3px); }
  .drawer-item:active { transform: scale(0.98); transition: transform 0.1s ease-out; }
  .drawer-item:hover svg:first-child { opacity: 0.85; }
  .drawer-item.active {
    background: rgba(91,104,240,0.15); color: var(--accent);
    border-right: 2px solid var(--accent);
  }
  .drawer-item.active svg:first-child { opacity: 1; }
  .drawer-item span, .drawer-item > *:not(svg) { position: relative; z-index: 1; }
  .drawer-arrow { margin-left: auto; flex-shrink: 0; opacity: 0.35; position: relative; z-index: 1; }
  .drawer-item:hover .drawer-arrow { opacity: 0.6; }
  /* Expandable group — chevron roteste la open */
  .drawer-chev { transition: transform 0.25s var(--ease-out-quint); }
  .drawer-group.open .drawer-chev { transform: rotate(90deg); opacity: 0.7; }
  .drawer-group.open { background: rgba(91,104,240,0.08); color: var(--text-bright); }
  .drawer-group.open svg:first-child { opacity: 0.9; }
  /* Submenu container — colapsat by default, expand cu max-height */
  .drawer-submenu {
    max-height: 0; overflow: hidden; transition: max-height 0.3s var(--ease-out-quint);
    display: flex; flex-direction: column; gap: 2px;
    margin: 0 0 0 6px; padding: 0 0 0 14px;
    border-left: 1px solid rgba(91,104,240,0.2);
  }
  .drawer-submenu.open { max-height: 200px; padding-top: 4px; padding-bottom: 4px; }
  /* Sub-item — buton mai mic, indentat, același shimmer */
  .drawer-subitem {
    display: flex; align-items: center; gap: 9px;
    width: 100%; padding: 7px 10px; border-radius: 8px;
    background: none; border: none; cursor: pointer;
    color: var(--text-normal); font-family: 'DM Sans', sans-serif;
    font-size: 12.5px; font-weight: 500; text-align: left;
    opacity: 0.78;
    transition: background 0.15s, color 0.15s, opacity 0.15s, transform 0.2s var(--ease-out-quint);
    position: relative; overflow: hidden;
  }
  .drawer-subitem svg { flex-shrink: 0; opacity: 0.55; }
  .drawer-subitem:hover { background: rgba(255,255,255,0.05); color: var(--text-bright); opacity: 1; transform: translateX(2px); }
  .drawer-subitem:hover svg { opacity: 0.85; }
  .drawer-subitem:active { transform: scale(0.98); transition: transform 0.1s ease-out; }
  .drawer-subitem.active { background: rgba(91,104,240,0.15); color: var(--accent); opacity: 1; }
  .drawer-subitem.active svg { opacity: 1; }
  .drawer-footer {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 16px;
    border-top: 1px solid rgba(255,255,255,0.08);
    cursor: pointer; transition: background 0.15s; flex-shrink: 0;
    position: relative; overflow: hidden;
  }
  .drawer-footer::before {
    content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(200,210,255,0.35) 50%, transparent 100%);
    transform: translateX(-150%); transition: transform 0s; mix-blend-mode: screen; pointer-events: none;
  }
  .drawer-footer:hover::before { transform: translateX(280%); transition: transform 0.7s ease; }
  .drawer-footer:hover { background: rgba(255,255,255,0.05); }
  .drawer-avatar {
    width: 36px; height: 36px; border-radius: 10px; background: var(--accent);
    display: flex; align-items: center; justify-content: center;
    font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 700; color: #fff;
    flex-shrink: 0; letter-spacing: 0.5px; position: relative; z-index: 1;
  }
  .drawer-username { font-size: 14px; font-weight: 600; color: var(--text-bright); position: relative; z-index: 1; }

  @media (max-width: 500px) and (orientation: portrait) {
    .dock-panel { border-radius: 24px 24px 40px 40px; padding-bottom: 16px; }
    .dock-area { bottom: 6px; }
  }

  /* ===================================================
     RESULT SHEET - bottom sheet iOS-style
     =================================================== */

  /* Overlay blur pe tot viewport-ul (fixed — sheet-ul e ancorat de viewport, nu de
     phone-frame, care crește cu conținutul; vezi comentariul de la .result-sheet) */
  .sheet-overlay {
    position: fixed;
    inset: 0;
    z-index: 30;
    background: rgba(8, 10, 22, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s var(--ease-out-cubic);
    border-radius: 0; /* fără colțuri „phone" — full-bleed pe viewport */
  }

  .sheet-overlay.visible {
    opacity: 1;
    pointer-events: auto;
  }

  /* Sheet-ul propriu-zis — lasă un mic gap sus (6%) ca să se vadă pagina
     blur-uită prin overlay: aspect clar de „sheet peste conținut", nu pagină nouă.
     FIXED, nu absolute: phone-frame crește cu conținutul (prețuri + prezentare), iar
     absolute ar ancora peek-ul la fundul DOCUMENTULUI — invizibil până scrollezi jos.
     Fixed îl ține mereu la fundul viewport-ului; pagina scrollează sub el. (Niciun
     strămoș nu are transform/filter, deci fixed se raportează corect la viewport —
     același truc ca .phone-frame::before/::after.) */
  .result-sheet {
    position: fixed;
    top: 6%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    background: #12152a;
    border-radius: 24px 24px 0 0;
    border: none;
    box-shadow: 0 -16px 50px rgba(0,0,0,0.55);
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.42s var(--ease-out-quint);
    will-change: transform;
    overflow: hidden;
  }

  /* Bara de prindere — în flow (nu absolute), deasupra zonei scrollabile.
     Toată bara e zona de drag; grabber-ul central e affordance-ul vizibil. */
  .sheet-header {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    padding: max(env(safe-area-inset-top, 0px), 8px) 14px 8px;
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .sheet-header:active { cursor: grabbing; }

  .result-sheet.open {
    transform: translateY(0);
  }

  /* Starea peek */
  .result-sheet.peek {
    transform: translateY(78%);
    transition: transform 0.42s var(--ease-out-quint);
    cursor: pointer;
  }



  /* Grabber central — affordance-ul vizibil de drag (lipsea complet) */
  .sheet-grabber {
    justify-self: center;
    width: 42px;
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,0.22);
    transition: background 150ms var(--ease-out-cubic), width 150ms var(--ease-out-cubic);
  }
  .sheet-header:hover .sheet-grabber { background: rgba(255,255,255,0.36); width: 48px; }
  /* În peek, un mic puls vertical atrage atenția că se poate trage în sus.
     Oprit automat de blocul prefers-reduced-motion de la finalul fișierului. */
  .result-sheet.peek .sheet-grabber {
    animation: sheetGrabHint 2.4s var(--ease-in-out-cubic) infinite;
  }
  @keyframes sheetGrabHint {
    0%, 100% { transform: translateY(0); opacity: 0.55; }
    50%      { transform: translateY(-2px); opacity: 1; }
  }

  /* Butonul de închidere (SVG, nu glyph „✕") — capătul drept al barei */
  .sheet-close-btn {
    justify-self: end;
    width: 30px; height: 30px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(248,113,113,0.15);
    border: 1px solid rgba(248,113,113,0.32);
    color: var(--red);
    cursor: pointer;
    transition: background 150ms var(--ease-out-cubic), transform 150ms var(--ease-out-cubic);
  }
  .sheet-close-btn:hover { background: rgba(248,113,113,0.26); transform: scale(1.08); }
  .sheet-close-btn:active { transform: scale(0.92); }
  .sheet-close-btn svg { width: 14px; height: 14px; stroke: var(--red); stroke-width: 2.2; }

  .sheet-hist-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  .sheet-hist-btn:hover { background: rgba(255,255,255,0.13); transform: scale(1.08); }
  .sheet-hist-btn:active { transform: scale(0.94); }
  .sheet-hist-btn span { display: none; }
  .shl-chevron { display: none; }
  .shl-hist-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ef4444;
    color: #fff;
    font-size: 7px;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    border-radius: 5px;
    padding: 1px 3px;
    min-width: 16px;
    text-align: center;
    line-height: 13px;
    display: block !important;
  }
  .shl-dropdown {
    position: absolute;
    top: 46px;
    left: 12px;
    right: 12px;
    z-index: 300;
    background: #0d0f1e;
    border: 1px solid rgba(91,104,240,0.25);
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.7);
    display: none;
  }
  .shl-dropdown.open { display: block; animation: dlhIn 0.18s cubic-bezier(0.32,0.72,0,1); }

  .sheet-close {
    display: none;
  }

  .sheet-minimize {
    justify-self: start;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 150ms var(--ease-out-cubic), transform 150ms var(--ease-out-cubic);
  }
  .sheet-minimize:focus { outline: none; }
  .sheet-minimize:hover { background: rgba(255,255,255,0.13); transform: scale(1.08); }
  .sheet-minimize:active { transform: scale(0.94); }
  .sheet-minimize svg { width: 14px; height: 14px; stroke: rgba(255,255,255,0.5); stroke-width: 2; }

  .sheet-close svg {
    width: 14px;
    height: 14px;
    stroke: var(--red);
    stroke-width: 2;
  }

  /* Zona scrollabilă */
  .sheet-scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 20px 4px;
    background: #12152a;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    position: relative;
  }
  /* Select istoric (mobil) — mic spațiu față de restul verificării (ca .dlc-history-panel pe desktop) */
  .sheet-history-wrap {
    padding: 0 12px 0;
    margin-bottom: 12px;
    padding-bottom: 10px;
  }
  /* Pe mobil reducem padding-ul lateral ca rândul cel mai lung să fie aproape tangent */
  @media (max-width: 699px) {
    /* Lasă spațiu jos cât bara Safari (dinamică, ~50px) + zona sigură (home indicator),
       ca ultimele rânduri să nu mai intre pe sub toolbar-ul de browser pe iOS. */
    .sheet-scroll { padding: 16px 6px calc(env(safe-area-inset-bottom, 0px) + 56px); }
    #sheetContent .s-row { gap: 5px; row-gap: 4px; padding-left: 0; padding-right: 0; }
    #sheetContent .s-pair-cell { gap: 5px; }
    #sheetContent .s-pair-sep { opacity: 0.7; }
    /* Glass-ul SURSA VERIFICARE — nu forța 100% pe mobil, lasă-l să se
       strângă pe conținutul propriu ca să nu denatureze referința vizuală */
    #sheetContent [data-src-band="1"] {
      width: auto !important;
      display: inline-block !important;
    }
    #sheetContent .dlc-row { text-align: center; }
  }

  /* Watermark diagonal — dezactivat (display:none); păstrat doar pentru paritate */
  .sheet-watermark { display: none; }

  .sheet-watermark-line {
    font-family: 'DM Sans', sans-serif;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 5px;
    white-space: nowrap;
    user-select: none;
    opacity: 0.144;
    transform: rotate(-52.5deg);
    /* Lungime suficientă să acopere toată diagonala */
    width: 200%;
    text-align: center;
  }

  .sheet-watermark-line .wm-blue  { color: #5b8dee; }
  .sheet-watermark-line .wm-gold  { color: #f0c230; }

  /* Conținut sheet deasupra watermark-ului */
  #sheetContent, .sheet-note {
    position: relative;
    z-index: 3;
  }

  /* Scrollbar subtil */
  .sheet-scroll::-webkit-scrollbar { width: 3px; }
  .sheet-scroll::-webkit-scrollbar-track { background: transparent; }
  .sheet-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 2px; }

  /* ===== Conținut sheet - structura reală ===== */

  .result-device-header {
    padding: 14px 0 6px;
    text-align: center;
  }

  .result-device-name {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 2px;
  }

  .result-source {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin: 8px auto 10px;
  }

  .result-source span { color: #f59e0b; }

  .sheet-divider {
    height: 1px;
    background: rgba(255,255,255,0.07);
    margin: 6px 0 8px;
  }

  /* Rând simplu label: valoare.
     flex-wrap: pe ecrane înguste (sau pe rânduri-pereche), a doua jumătate trece pe
     linia următoare în loc să strivească pastilele pe litere. */
  .s-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 2.56px 0;
    gap: 8px;
    row-gap: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
  }

  .s-row:last-child { border-bottom: none; }

  /* Jumătate de rând-pereche (label + val/pill). Se wrap-uiește ca unitate pe mobil.
     min-width: min-content (nu 0) — altfel pastila se strânge sub lățimea cuvântului
     și overflow-wrap rupe „NU" / „CLEAN" pe litere pe verticală (IUL-0008/0009). */
  .s-pair-cell {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    max-width: 100%;
    min-width: min-content;
  }
  .s-pair-sep {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 700;
    user-select: none;
  }

  .s-row-label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,0.88);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    flex-shrink: 0;
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
  }
  .s-row-label::after { content: ':'; }

  @media (max-width: 699px) { .s-row-label:hover { color: #a5b4fc; } }
  @media (max-width: 699px) {
    #sheetContent, #sheetContent * {
      font-family: 'Inter', 'DM Sans', sans-serif !important;
      letter-spacing: 0.3px;
    }
    .s-pill { padding: 4px 11px; }
  }
  /* Text lung expandabil — global (mobile + desktop) */
  .val-short { display: inline; }
  .val-full  { display: none; }
  .val-wrap.expanded .val-short { display: none; }
  .val-wrap.expanded .val-full  { display: inline; white-space: normal; word-break: break-word; }
  .val-toggle {
    background: none; border: none; cursor: pointer;
    color: #a5b4fc; font-family: inherit; padding: 0 2px; font-size: inherit;
  }

  /* Staggered row entrance — rows fade in sequentially when sheet opens */
  @keyframes row-wave-in {
    0%   { opacity: 0; transform: scale(0.85); }
    35%  { opacity: 1; transform: scale(1.18); }
    65%  { opacity: 1; transform: scale(1.04); }
    100% { opacity: 1; transform: scale(1); }
  }

  .result-sheet.open .s-row,
  .result-sheet.open .result-device-header,
  .result-sheet.open .result-source,
  .result-sheet.open .sheet-divider,
  .result-sheet.open .sheet-note {
    animation: row-wave-in 0.4s cubic-bezier(0.22, 0.68, 0, 1) both;
  }
  .result-sheet.open .result-device-header { animation-delay: 0.02s; }
  .result-sheet.open .result-source        { animation-delay: 0.04s; }
  .result-sheet.open .s-row:nth-child(1)   { animation-delay: 0.05s; }
  .result-sheet.open .s-row:nth-child(2)   { animation-delay: 0.07s; }
  .result-sheet.open .s-row:nth-child(3)   { animation-delay: 0.09s; }
  .result-sheet.open .s-row:nth-child(4)   { animation-delay: 0.11s; }
  .result-sheet.open .s-row:nth-child(5)   { animation-delay: 0.13s; }
  .result-sheet.open .s-row:nth-child(6)   { animation-delay: 0.15s; }
  .result-sheet.open .s-row:nth-child(7)   { animation-delay: 0.17s; }
  .result-sheet.open .s-row:nth-child(8)   { animation-delay: 0.19s; }
  .result-sheet.open .s-row:nth-child(9)   { animation-delay: 0.21s; }
  .result-sheet.open .s-row:nth-child(10)  { animation-delay: 0.23s; }
  .result-sheet.open .s-row:nth-child(11)  { animation-delay: 0.25s; }
  .result-sheet.open .s-row:nth-child(12)  { animation-delay: 0.27s; }
  .result-sheet.open .s-row:nth-child(13)  { animation-delay: 0.29s; }
  .result-sheet.open .s-row:nth-child(14)  { animation-delay: 0.31s; }
  .result-sheet.open .s-row:nth-child(15)  { animation-delay: 0.33s; }
  .result-sheet.open .s-row:nth-child(16)  { animation-delay: 0.35s; }
  .result-sheet.open .s-row:nth-child(17)  { animation-delay: 0.37s; }
  .result-sheet.open .s-row:nth-child(18)  { animation-delay: 0.39s; }
  .result-sheet.open .s-row:nth-child(19)  { animation-delay: 0.41s; }
  .result-sheet.open .s-row:nth-child(20)  { animation-delay: 0.43s; }
  .result-sheet.open .s-row:nth-child(21)  { animation-delay: 0.45s; }
  .result-sheet.open .s-row:nth-child(22)  { animation-delay: 0.47s; }
  .result-sheet.open .s-row:nth-child(23)  { animation-delay: 0.49s; }
  .result-sheet.open .s-row:nth-child(24)  { animation-delay: 0.51s; }
  .result-sheet.open .s-row:nth-child(25)  { animation-delay: 0.53s; }
  .result-sheet.open .sheet-note           { animation-delay: 0.55s; }

  /* Animated tutorial hand */
  .tut-hand {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    pointer-events: auto;          /* tap on hand opens tutorial modal */
    opacity: 0;
    width: 68px;
    height: 68px;
    transform: translate(-9999px, -9999px);
    transition: transform 1.1s cubic-bezier(0.4, 0.05, 0.2, 1), opacity 0.35s ease;
    will-change: transform, opacity;
    filter:
      drop-shadow(0 8px 18px rgba(0,0,0,0.75))
      drop-shadow(0 0 14px rgba(245,158,11,0.85))
      drop-shadow(0 0 4px rgba(255,255,255,0.4));
    user-select: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  /* Expanded invisible hit area around the hand — "fat finger" friendly */
  .tut-hand::before {
    content: '';
    position: absolute;
    inset: -28px;
    border-radius: 50%;
  }
  .tut-hand svg {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
  }
  /* Slide-out-down when user interacts with the screen */
  .tut-hand.slide-out {
    transition: transform 0.55s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.5s ease !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .tut-hand.tap { animation: tut-hand-tap 0.42s ease; }
  @keyframes tut-hand-tap {
    0%   { transform: var(--th-base) scale(1); }
    35%  { transform: var(--th-base) scale(0.68); }
    70%  { transform: var(--th-base) scale(0.82); }
    100% { transform: var(--th-base) scale(1); }
  }
  .tut-ripple {
    position: fixed;
    z-index: 99998;
    pointer-events: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 3px solid rgba(245,158,11,0.95);
    transform: translate(-50%, -50%);
    opacity: 0;
    box-shadow: 0 0 18px rgba(245,158,11,0.6);
  }
  .tut-ripple.go { animation: tut-ripple 0.85s ease-out forwards; }
  @keyframes tut-ripple {
    0%   { opacity: 0.95; width: 24px;  height: 24px;  border-width: 3px; }
    100% { opacity: 0;    width: 110px; height: 110px; border-width: 1px; }
  }

  /* Highlight on the row currently being demoed */
  .s-row-label.tut-target {
    animation: tut-row-highlight 1.4s ease-in-out;
  }
  @keyframes tut-row-highlight {
    0%,100% { background: transparent; }
    40%     { background: rgba(245,158,11,0.18); }
  }

  /* Tutorial dismiss modal — appears when user taps the animated hand */
  .tut-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(6, 8, 20, 0.72);
    backdrop-filter: blur(6px) saturate(1.1);
    -webkit-backdrop-filter: blur(6px) saturate(1.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
  }
  .tut-modal-backdrop.open {
    opacity: 1;
    pointer-events: auto;
  }
  .tut-modal-card {
    max-width: 360px;
    width: 100%;
    background: linear-gradient(180deg, rgba(28,32,56,0.98), rgba(16,18,34,0.98));
    border: 1px solid rgba(245,158,11,0.35);
    border-radius: 18px;
    padding: 22px 22px 18px;
    box-shadow:
      0 24px 60px rgba(0,0,0,0.7),
      0 0 0 1px rgba(255,255,255,0.04) inset,
      0 0 40px rgba(245,158,11,0.15);
    transform: scale(0.92) translateY(8px);
    transition: transform 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .tut-modal-backdrop.open .tut-modal-card { transform: scale(1) translateY(0); }
  .tut-modal-card h3 {
    margin: 0 0 10px 0;
    font-family: 'Inter', 'DM Sans', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #fde68a;
    letter-spacing: 0.2px;
    text-align: center;
  }
  .tut-modal-card p {
    margin: 0 0 18px 0;
    font-family: 'Inter', 'DM Sans', sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
    color: rgba(255,255,255,0.82);
    text-align: center;
  }
  .tut-modal-card .tmc-actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  .tut-modal-card button {
    appearance: none;
    -webkit-appearance: none;
    font-family: 'Inter', 'DM Sans', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    padding: 12px 14px;
    border-radius: 11px;
    cursor: pointer;
    letter-spacing: 0.15px;
    transition: transform 0.12s, background 0.15s, border-color 0.15s;
  }
  .tut-modal-card button:active { transform: scale(0.97); }
  .tut-modal-card .tmc-btn-primary {
    background: linear-gradient(180deg, rgba(34,197,94,0.22), rgba(34,197,94,0.10));
    border: 1px solid rgba(34,197,94,0.55);
    color: #86efac;
  }
  .tut-modal-card .tmc-btn-primary:hover {
    background: linear-gradient(180deg, rgba(34,197,94,0.30), rgba(34,197,94,0.15));
  }
  .tut-modal-card .tmc-btn-secondary {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.14);
    color: rgba(255,255,255,0.78);
  }
  .tut-modal-card .tmc-btn-secondary:hover {
    background: rgba(255,255,255,0.08);
  }

  /* Modal explicație — randat în portal (document.body), deci `fixed` se raportează
     la viewport, nu la sheet-ul cu transform. Backdrop propriu pentru dim + click-out. */
  .explain-backdrop {
    position: fixed;
    inset: 0;
    z-index: 940;
    background: rgba(8, 10, 22, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }
  .explain-modal {
    position: fixed;
    top: 18vh;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 945;
    background: rgba(10, 12, 28, 0.97);
    backdrop-filter:blur(8px) saturate(1.2);
    -webkit-backdrop-filter:blur(8px) saturate(1.2);
    border-radius: 20px 20px 0 0;
    border-top: 1px solid rgba(255,255,255,0.08);
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.3s var(--ease-out-quint);
    overflow: hidden;
  }

  .explain-modal.open { transform: translateY(0); }

  .explain-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(env(safe-area-inset-top,14px),14px) 20px 10px;
    position: relative;
    flex-shrink: 0;
  }

  .explain-handle {
    width: 40px; height: 4px;
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
  }

  .explain-title {
    font-size: 13px;
    font-weight: 700;
    color: #a5b4fc;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 4px 20px 10px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin: 0 20px;
  }

  .explain-scroll {
    flex: 1;
    overflow-y: auto;
    padding: 18px 24px 40px;
    -webkit-overflow-scrolling: touch;
  }

  .explain-body { font-size: 14px; color: rgba(255,255,255,0.82); line-height: 1.8; }
  .explain-body p { margin-bottom: 16px; }
  .explain-body strong { color: #a5b4fc; font-weight: 700; }
  .explain-body em     { color: #f59e0b; font-style: normal; }

  .s-row-val {
    font-size: 10.5px;
    color: var(--text-bright);
    /* Font UI (DM Sans) pentru valorile obișnuite; mono doar pe IMEI/serie via `.mono`.
       Pe mobil totul e oricum forțat sans de blanket-ul `#sheetContent *`. */
    font-family: 'DM Sans', sans-serif;
    letter-spacing: 0.2px;
    /* valorile lungi se rup pe rânduri, nu se trunchiază */
    white-space: normal;
    word-break: break-word;
    min-width: 0;
    text-transform: uppercase;
  }
  .s-row-val.mono { font-family: 'JetBrains Mono', monospace; }

  /* Pills (IUL-0008 / IUL-0009)
     nowrap implicit = NU / CLEAN / ACTIVAT pe o linie (nu litere pe verticală).
     Texte lungi (cazuri reparație): wrap la spații via .s-pill-wrap (JS/clone) sau
     overflow-wrap pe max-width. Perechile se wrap-uiesc ca unități pe .s-row. */
  .s-pill {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    line-height: 1.35;
    text-align: left;
    flex: 0 0 auto;
    max-width: 100%;
    text-transform: uppercase;
  }
  /* Pastilă cu propoziție lungă (cazuri reparație, alerte multi-cuvânt). */
  .s-pill.s-pill-wrap {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    flex: 0 1 auto;
    min-width: 0;
  }

  /* Alertele STANDALONE (pastilă singură pe rând, fără label: „DISPOZITIV CLONAT",
     „raportat ca furat", Chimera) se centrează când textul se rupe pe mai multe rânduri.
     Nu afectează pastilele cu label alături (ex. cazuri reparație), care rămân la stânga. */
  .s-row > .s-pill:only-child,
  .dlc-row > .s-pill:only-child {
    text-align: center;
    justify-content: center;
  }

  .s-pill.green  { background: rgba(52,211,153,0.15);  color: #34d399; border: 1px solid rgba(52,211,153,0.3); }
  .s-pill.red    { background: rgba(248,113,113,0.15); color: #f87171; border: 1px solid rgba(248,113,113,0.3); }
  .s-pill.orange { background: rgba(245,158,11,0.15);  color: #f59e0b; border: 1px solid rgba(245,158,11,0.3); }
  .s-pill.blue   { background: rgba(91,104,240,0.12);  color: #a5b4fc; border: 1px solid rgba(91,104,240,0.3); }
  .s-pill.dark   { background: rgba(255,255,255,0.06); color: #a0a6b8; border: 1px solid rgba(255,255,255,0.12); }
  /* „badge-blink" din backend (ex. „Caută Knox Manage în Setări!") — atenționare de
     acțiune. Original: clipea verde↔roșu (prea brutal aici). Redat ca orange cu puls de
     glow (atrage atenția fără orbire). Oprit automat de blocul prefers-reduced-motion. */
  .s-pill.blink {
    background: rgba(245,158,11,0.15);
    color: #f59e0b;
    border: 1px solid rgba(245,158,11,0.4);
    animation: pill-blink 2s ease-in-out infinite;
  }
  @keyframes pill-blink {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0);    border-color: rgba(245,158,11,0.35); }
    50%      { box-shadow: 0 0 9px 0 rgba(245,158,11,0.40); border-color: rgba(245,158,11,0.85); }
  }

  /* Spinner generic (buton Verifică + butoane de verificare adițională „Afișează"). */
  @keyframes imeiok-spin { to { transform: rotate(360deg); } }
  .btn-spin, .action-spin { animation: imeiok-spin 0.7s linear infinite; transform-origin: center; }

  /* Banner „rezultat demonstrativ" — afișat când rândurile nu sunt o verificare reală. */
  .sample-note {
    margin: 0 0 8px;
    padding: 7px 12px;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: #a5b4fc;
    background: rgba(91,104,240,0.10);
    border: 1px solid rgba(91,104,240,0.22);
    border-radius: 10px;
  }

  /* APASĂ - animat roșu→portocaliu→verde */
  .s-pill.apasa, .s-pill.apasa-anim {
    background-color: rgba(248,113,113,0.15);
    color: #f87171;
    border: 1px solid rgba(248,113,113,0.4);
    animation-name: apasa-pill;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-delay: -1.5s;
  }

  @keyframes apasa-pill {
    0%   { background-color: rgba(248,113,113,0.15) !important; color: #f87171 !important; border-color: rgba(248,113,113,0.4) !important; }
    50%  { background-color: rgba(251,146,60,0.15)  !important; color: #fb923c !important; border-color: rgba(251,146,60,0.4)  !important; }
    100% { background-color: rgba(52,211,153,0.15)  !important; color: #34d399 !important; border-color: rgba(52,211,153,0.4)  !important; }
  }

  /* Pill paywall cu chenar rotativ - ca glow-wrap */
  .pill-glow-wrap {
    display: inline-flex;
    border-radius: 20px;
    padding: 1.5px;
    animation: rotate-gradient 4s linear infinite;
    transform: translateZ(0);
    background: conic-gradient(
      from var(--angle),
      #5b68f0,
      #818cf8,
      #ffffff,
      #60a5fa,
      #a78bfa,
      #c4b5fd,
      #ffffff,
      #5b68f0
    );
    
    isolation: isolate;
    /* la fel ca .s-pill: nu strive pe litere; text lung se wrap-uiește în max-width */
    flex: 0 1 auto;
    max-width: 100%;
    box-sizing: border-box;
    cursor: pointer;
  }

  .pill-glow-wrap::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 22px;
    background: conic-gradient(
      from var(--angle),
      rgba(91,104,240,0.25),
      rgba(100,130,240,0.2),
      rgba(91,104,240,0.25)
    );
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
  }

  .pill-glow-inner {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 3px 10px;
    border-radius: 18px;
    background: rgba(14, 16, 32, 0.92);
    font-size: 11px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0.3px;
    /* text lung → wrap la spații; mid-word doar dacă un cuvânt e mai lat decât pastila */
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
    line-height: 1.35;
    max-width: 100%;
    color: #a5b4fc;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: background 0.2s;
  }

  .pill-glow-inner::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg);
    pointer-events: none;
  }

  .pill-glow-wrap:hover .pill-glow-inner::after {
    transform: translateX(300%) skewX(-15deg);
    transition: transform 0.5s ease;
  }

  /* Shimmer hover pe pills normale */
  .s-pill {
    position: relative;
    overflow: hidden;
    transition: transform 0.15s, filter 0.2s;
  }

  .s-pill::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 55%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.18) 50%, transparent 100%);
    transform: translateX(-150%) skewX(-15deg);
    pointer-events: none;
  }

  .s-pill:hover { transform: translateY(-1px); filter: brightness(1.2); }
  .s-pill:hover::after {
    transform: translateX(300%) skewX(-15deg);
    transition: transform 0.45s ease;
  }

  .sheet-note {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    line-height: 1.7;
    text-align: center;
    padding: 10px 8px 0;
  }

  .sheet-note strong {
    color: var(--text-dim);
    font-weight: 500;
  }

  /* =====================================================
     VERIFY PANEL - ecran de progres în timp real
     ===================================================== */

  /* Conținutul normal al paginii */
  .main-content {
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform-origin: top center;
  }

  .main.is-verifying .main-content {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.97);
    position: absolute;
    left: 0; right: 0;
  }

  /* Panel progres */
  .verify-panel {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transform: translateY(10px);
  }

  .main.is-verifying .verify-panel {
    display: block;
    opacity: 1;
    transform: translateY(0);
  }

  /* Titlu "Se verifică #32" */
  .vp-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-bright);
    letter-spacing: -0.3px;
    margin-bottom: 28px;
    line-height: 1.3;
  }

  /* Rândul: icon ceas + label + procent */
  .vp-status-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 300px !important;
    margin: 0 auto 10px;
    flex-wrap: nowrap;
  }

  .vp-clock {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: var(--accent);
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: vp-spin-tick 1s steps(12, end) infinite;
  }

  @keyframes vp-spin-tick {
    to { transform: rotate(360deg); }
  }

  .vp-status-label {
    font-size: 15px;
    color: var(--text-normal);
    flex: 1;
    white-space: nowrap;
  }

  .vp-percent {
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    color: var(--text-normal);
    letter-spacing: 0.5px;
    width: 40px;       /* lățime fixă - nu mișcă layout-ul */
    text-align: right;
    flex-shrink: 0;
  }

  /* Progress bar - DIMENSIUNI FIXE */
  .vp-bar-track {
    width: 300px !important;
    height: 8px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    min-height: 8px !important;
    max-height: 8px !important;
    margin: 0 auto 16px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
  }

  .vp-bar-fill {
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg,
      #4a55d8 0%,
      #6b76f5 40%,
      #a5b4fc 70%,
      #818cf8 100%
    );
    width: 0%;
    transition: width 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 0 12px rgba(91, 104, 240, 0.7), 0 0 4px rgba(165, 180, 252, 0.5);
    position: relative;
    overflow: hidden;
  }

  /* Shimmer care traversează bara */
  .vp-bar-fill::after {
    content: '';
    position: absolute;
    top: 0; left: -60%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,0.35) 50%,
      transparent 100%
    );

    border-radius: inherit;
  }

  @keyframes vp-bar-shimmer {
    0%   { left: -60%; }
    100% { left: 120%; }
  }

  /* Wrapper bordură rotativă pe log - identic cu glow-wrap */
  .vp-log-wrap {
    width: 302px !important;
    min-width: 302px !important;
    max-width: 302px !important;
    margin: 0 auto 20px;
    border-radius: var(--radius);
    padding: 1.5px;
    background: conic-gradient(
      from var(--angle),
      rgba(91,104,240,0.6),
      rgba(120,100,220,0.5),
      rgba(100,130,240,0.5),
      rgba(130,120,230,0.45),
      rgba(100,160,240,0.5),
      rgba(80,120,230,0.6),
      rgba(200,120,140,0.4),
      rgba(91,104,240,0.6)
    );
    isolation: isolate;
    flex-shrink: 0;
  }

  /* Log box - DIMENSIUNI FIXE */
  .vp-log {
    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin: 0;
    padding: 14px 16px;
    border-radius: calc(var(--radius) - 1.5px);
    background: rgba(18, 21, 42, 0.85);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(24px) saturate(1.4);
    border: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .vp-log-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-normal);
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
  }

  .vp-log-step {
    font-size: 14px;
    color: var(--text-dim);
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.25s ease;
  }

  .vp-log-step.fading {
    opacity: 0;
  }

  .vp-separator {
    width: 90%;
    margin: 0 auto;
    height: 1px;
    background: var(--border);
  }

  /* ===== ACCESSIBILITY: reduced motion ===== */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }

/* =====================================================================
   TOPBAR MOBIL — OVERRIDE FINAL (specificitate maximă, fără nesting)
   Fix: steag dublu, iconuri una peste alta, gap greșit pe prod.
   ===================================================================== */
header.topbar-row,
.topbar-row {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  padding: 10px 14px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  flex-wrap: nowrap !important;
  background: rgba(22, 26, 48, 0.96) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.topbar-row > .topbar-side {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

.topbar-row > .topbar-left {
  justify-self: start !important;
  justify-content: flex-start !important;
}

.topbar-row > .topbar-right {
  justify-self: end !important;
  justify-content: flex-end !important;
}

.topbar-row > .topbar {
  justify-self: center !important;
  grid-column: 2 !important;
  flex: none !important;
  max-width: none !important;
  min-width: 108px !important;
}

/* Steag limbi — un singur element, dimensiune fixă */
.topbar-row .topbar-lang-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  flex: 0 0 34px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* ASCUNDE orice emoji fallback (build vechi / HTML cache) — global + topbar */
.topbar-lang-emoji,
.topbar-row .topbar-lang-emoji,
button .topbar-lang-emoji {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  opacity: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  pointer-events: none !important;
}

.topbar-row .topbar-lang-btn .flag,
.topbar-row .topbar-lang-btn .flag.fi {
  display: block !important;
  width: 28px !important;
  height: 21px !important;
  min-width: 28px !important;
  min-height: 21px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 3px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
  flex: none !important;
}

/* WA + iconuri dreapta — dimensiuni fixe pe un singur rând */
.topbar-row .wa-wrap {
  display: inline-flex !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.topbar-row .topbar-side .icon-btn,
.topbar-row .topbar-side .menu-btn,
.topbar-row .topbar-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
}

/* Spațiu mic deasupra cardurilor stats (nu gol uriaș) */
@media (max-width: 699px) {
  .phone-frame > .main,
  .main {
    padding-top: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-top: 0 !important;
  }
  .mob-stats {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
  .alert-bar {
    margin-top: 0 !important;
  }
}

@media (min-width: 700px) {
  header.topbar-row,
  .topbar-row {
    display: none !important;
  }
}