/* ═══════════════════════════════════════════════════════════════
     XPATSWAP DESIGN SYSTEM — Premium Exchange Terminal
     Three palettes. Default: Tungsten (near-black with warm undertone).
     Signature: asymmetric card cut, micro-ruled dividers, gold accent.
     ═══════════════════════════════════════════════════════════════ */
  :root, [data-theme="dark"]{
    --ink:#0D0F13;
    --paper:#EEE9E0;
    --coral:#F55D38;
    --mint:#8FE060;
    --gold:#C8993A;
    --gold-dim:rgba(200,153,58,0.15);
    --slate:#636874;
    --card:#141619;
    --card-border:#1E2128;
    --card-highlight:#252830;
    --field:#18191E;
    --field-border:#272A33;
    --muted:#8A9098;
    --backdrop:#080A0D;
    --phone-border:#1A1C21;
    --rule:rgba(238,233,224,0.06);
    --glow-coral:rgba(245,93,56,0.18);
    --glow-mint:rgba(143,224,96,0.14);
  }
  [data-theme="light"]{
    --ink:#FAFAF8;
    --paper:#18191E;
    --coral:#E04A22;
    --mint:#2E9940;
    --gold:#9A7020;
    --gold-dim:rgba(154,112,32,0.12);
    --slate:#7A8090;
    --card:#F0EDE6;
    --card-border:#DEDAD0;
    --card-highlight:#E8E4DC;
    --field:#E6E2DA;
    --field-border:#D0CCC2;
    --muted:#6A7080;
    --backdrop:#E2DDD4;
    --phone-border:#C8C4BA;
    --rule:rgba(24,25,30,0.07);
    --glow-coral:rgba(224,74,34,0.1);
    --glow-mint:rgba(46,153,64,0.1);
  }
  [data-theme="navy"]{
    --ink:#090C1A;
    --paper:#DDE4F8;
    --coral:#FF6E50;
    --mint:#5FD4B8;
    --gold:#C09848;
    --gold-dim:rgba(192,152,72,0.14);
    --slate:#6070A0;
    --card:#0F1428;
    --card-border:#1A2248;
    --card-highlight:#1C2550;
    --field:#131840;
    --field-border:#222C60;
    --muted:#7888C0;
    --backdrop:#04060F;
    --phone-border:#0D1230;
    --rule:rgba(221,228,248,0.06);
    --glow-coral:rgba(255,110,80,0.16);
    --glow-mint:rgba(95,212,184,0.12);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  .screen, .card, .shop-card, .device-card, .folder-row, .rank-card, .chip,
  .wa-bubble, .msg, .admin-msg, .tg-input-pill, .auth-form input, .form-select{
    transition:background-color .25s ease, border-color .25s ease, color .25s ease;
  }
  body{
    background:var(--backdrop);
    font-family:'Inter',system-ui,sans-serif;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 12px;
    transition:background .25s ease;
  }
  ::-webkit-scrollbar{width:0;height:0;}

  /* ── SIGNATURE: micro-grid backdrop on body ── */
  body::before{
    content:'';
    position:fixed;inset:0;
    background-image:
      linear-gradient(var(--rule) 1px, transparent 1px),
      linear-gradient(90deg, var(--rule) 1px, transparent 1px);
    background-size:28px 28px;
    pointer-events:none;z-index:0;
  }

  .phone{
    width:390px;
    height:780px;
    border-radius:38px;
    border:7px solid var(--phone-border);
    overflow:hidden;
    box-shadow:0 32px 80px rgba(0,0,0,0.7), 0 8px 24px rgba(0,0,0,0.4);
    position:relative;
    background:var(--ink);
    transition:border-color .25s ease;
    z-index:1;
  }



  .screen{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    background:var(--ink);
    opacity:0;
    pointer-events:none;
    overflow:hidden;
    transform:translateX(16px);
    transition:opacity .22s ease, transform .22s ease;
  }
  .screen.active{
    opacity:1;
    pointer-events:auto;
    transform:translateX(0);
  }

  .display{font-family:'Space Grotesk',sans-serif;}

  /* ---------- AUTH SCREENS (login, register, vendor docs, pending) ---------- */
  .auth-scroll{height:100%;overflow-y:auto;padding:28px 22px 32px;}
  .auth-header{margin-bottom:20px;}

  .landing-hero{
    text-align:center;padding:14px 6px 4px;
    border-bottom:1px solid #1A1D24;margin-bottom:4px;
  }
  .landing-logo-mark{
    width:56px;height:56px;
    border-radius:14px;
    margin:0 auto 14px;
    background:linear-gradient(135deg, var(--coral) 0%, var(--gold) 100%);
    padding:8px;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 28px var(--glow-coral);
  }

  .landing-hero .app-brand{justify-content:center;font-size:16px;}
  .landing-hero .app-brand::before{display:none;}
  .landing-welcome{
    font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;color:var(--paper);
    margin-top:6px;
  }
  .landing-pitch{
    font-size:12.5px;color:var(--muted);line-height:1.55;
    max-width:280px;margin:10px auto 20px;
  }
  .auth-title{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:var(--paper);}
  .auth-subtitle{font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:6px;}
  .auth-form{display:flex;flex-direction:column;gap:4px;}
  .auth-label{
    font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;color:var(--slate);
    letter-spacing:0.4px;margin:12px 0 6px;text-transform:uppercase;
  }
  .auth-form input{
    background:var(--card);border:1px solid var(--card-border);border-radius:11px;
    padding:12px 13px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13.5px;outline:none;
    color-scheme:dark;
  }
  .auth-form input:focus{border-color:var(--coral);}
  .auth-form input::placeholder{color:var(--slate);}
  .auth-switch{
    text-align:center;font-size:12.5px;color:var(--muted);margin-top:18px;
  }
  .auth-link{color:var(--coral);font-weight:600;cursor:pointer;}

  .account-type-row{display:flex;gap:8px;margin-top:2px;}
  .account-type-btn{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;
    background:var(--card);border:1.5px solid var(--card-border);border-radius:13px;
    padding:14px 8px;cursor:pointer;color:var(--slate);
  }
  .account-type-btn span{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:var(--paper);}
  .account-type-btn .account-type-sub{font-size:9px;font-weight:500;color:var(--slate);text-align:center;line-height:1.3;}
  .account-type-btn.selected{border-color:var(--coral);background:rgba(255,107,74,0.1);color:var(--coral);}
  .account-type-btn.selected span{color:var(--coral);}
  .account-type-btn:active{transform:scale(0.97);}

  .vendor-note{
    background:rgba(255,209,102,0.08);border:1px solid rgba(255,209,102,0.25);border-radius:12px;
    padding:12px;font-size:11.5px;color:#FFD166;line-height:1.5;margin-top:14px;
  }

  .doc-upload-row{
    display:flex;align-items:center;gap:10px;
    background:var(--card);border:1px dashed var(--card-border);border-radius:13px;
    padding:13px;cursor:pointer;margin-top:2px;
  }
  .doc-upload-row.uploaded{border-style:solid;border-color:rgba(159,232,112,0.4);background:rgba(159,232,112,0.06);}
  .doc-upload-text{flex:1;min-width:0;}
  .doc-upload-title{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--paper);}
  .doc-upload-sub{font-size:10.5px;color:var(--slate);margin-top:1px;}

  .doc-name-input{
    background:var(--card);border:1px solid var(--card-border);border-radius:10px;
    padding:10px 12px;color:var(--paper);font-family:'Inter',sans-serif;font-size:12.5px;outline:none;
    margin-top:8px;
  }
  .doc-name-input:focus{border-color:var(--coral);}
  .doc-name-input::placeholder{color:var(--slate);font-size:11.5px;}

  .name-match-status{
    display:flex;align-items:center;gap:7px;
    border-radius:11px;padding:11px 13px;font-size:12px;font-weight:600;margin-top:10px;
  }
  .name-match-status.match{background:rgba(159,232,112,0.1);border:1px solid rgba(159,232,112,0.3);color:#9FE870;}
  .name-match-status.mismatch{background:rgba(224,58,47,0.1);border:1px solid rgba(224,58,47,0.35);color:#FF8A7A;}

  .pending-icon{
    width:64px;height:64px;border-radius:50%;background:rgba(255,209,102,0.1);
    border:1px solid rgba(255,209,102,0.3);display:flex;align-items:center;justify-content:center;
  }

  .otp-icon{
    width:56px;height:56px;border-radius:50%;background:rgba(159,232,112,0.1);
    border:1px solid rgba(159,232,112,0.3);display:flex;align-items:center;justify-content:center;
  }
  .otp-input-row{display:flex;gap:8px;justify-content:space-between;margin-top:8px;}
  .otp-digit{
    width:44px;height:54px;text-align:center;
    background:var(--card);border:1.5px solid var(--card-border);border-radius:12px;
    color:var(--paper);font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;
    outline:none;
  }
  .otp-digit:focus{border-color:var(--coral);}
  .otp-digit.filled{border-color:rgba(159,232,112,0.5);}
  .otp-error{
    color:#FF8A7A;font-size:12px;margin-top:12px;text-align:center;font-weight:600;
  }
  .otp-demo-hint{
    margin-top:14px;text-align:center;font-size:11px;color:var(--slate);
    background:var(--field);border:1px dashed var(--field-border);border-radius:10px;padding:9px;
  }

  .vendor-pending-badge{
    display:inline-flex;align-items:center;gap:4px;
    font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;color:#FFD166;
    background:rgba(255,209,102,0.1);border:1px solid rgba(255,209,102,0.3);
    padding:3px 8px;border-radius:10px;letter-spacing:0.2px;
  }

  /* ---------- BROWSE ---------- */
  .browse-header{padding:20px 18px 14px;text-align:center;}
  .app-brand{
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
    color:var(--paper);letter-spacing:0.2px;margin-bottom:10px;
    display:flex;align-items:center;gap:6px;justify-content:center;
  }
  .app-brand::before{
    content:'';width:7px;height:7px;border-radius:2px;background:var(--coral);
    display:inline-block;
  }
  .app-logo-badge{
    width:32px;height:32px;border-radius:9px;background:var(--coral);
    padding:3px;display:inline-flex;align-items:center;justify-content:center;
    flex-shrink:0;object-fit:contain;
  }
  .app-brand.has-logo::before{display:none;}
  .browse-top{display:flex;justify-content:center;align-items:flex-start;}
  .eyebrow{
    font-family:'Space Grotesk',sans-serif;
    font-size:10px;color:var(--gold);
    letter-spacing:2px;font-weight:700;
    text-transform:uppercase;
    display:flex;align-items:center;gap:6px;justify-content:center;
  }
  .eyebrow::before{
    content:'';display:inline-block;width:16px;height:1px;background:var(--gold);opacity:0.7;
  }
  .my-model{
    font-family:'Space Grotesk',sans-serif;
    font-size:25px;font-weight:700;color:var(--paper);
    line-height:1.1;margin-top:4px;
    letter-spacing:-0.3px;
  }
  .my-sub{font-size:11.5px;color:var(--slate);margin-top:3px;line-height:1.4;}

  .icon-btn{
    width:38px;height:38px;border-radius:10px;
    background:var(--field);border:1px solid var(--field-border);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;flex-shrink:0;
  }
  .icon-btn:active{transform:scale(0.94);}

  .search-row{
    margin-top:16px;display:flex;align-items:center;gap:8px;
  }
  .search-bar{
    flex:1;min-width:0;display:flex;align-items:center;gap:8px;
    background:var(--field);border:1px solid var(--field-border);
    border-radius:12px;padding:10px 12px;
  }
  .search-bar:focus-within{border-color:var(--coral);}
  .search-bar input{
    flex:1;min-width:0;background:transparent;border:none;outline:none;
    color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;
  }
  .search-bar input::placeholder{color:var(--slate);}
  .search-clear-btn{
    background:none;border:none;cursor:pointer;padding:2px;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .search-clear-btn:active{transform:scale(0.9);}
  .search-go-btn{
    width:40px;height:40px;border-radius:12px;flex-shrink:0;
    background:var(--coral);border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .search-go-btn:active{transform:scale(0.92);}
  .search-results-note{
    font-size:11px;color:var(--slate);padding:10px 18px 0;
    font-family:'Space Grotesk',sans-serif;
  }
  .search-empty-state{
    text-align:center;padding:40px 24px;color:var(--slate);
  }
  .search-empty-state .title{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--paper);margin-bottom:6px;}
  .search-empty-state .sub{font-size:12px;line-height:1.5;}
  .search-suggest-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;}
  .search-suggest-chip{
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;
    padding:7px 12px;border-radius:20px;border:1px solid var(--field-border);
    background:var(--card);color:var(--paper);cursor:pointer;
  }
  .search-suggest-chip:active{transform:scale(0.95);}

  /* ---------- VENDOR SEARCH RESULTS ---------- */
  .search-vendor-results{display:flex;flex-direction:column;gap:10px;}
  .search-vendor-results-label{
    font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;
    color:var(--mint);letter-spacing:0.8px;padding:0 2px 2px;
  }
  .vendor-result-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;
    padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;
  }
  .vendor-result-card:active{transform:scale(0.98);}
  .vendor-result-avatar{
    width:42px;height:42px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:var(--paper);
  }
  .vendor-result-info{flex:1;min-width:0;}
  .vendor-result-name{
    font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:700;color:var(--paper);
    display:flex;align-items:center;gap:5px;
  }
  .vendor-result-meta{font-size:11px;color:var(--slate);margin-top:2px;}

  /* ---------- SEARCH SUGGESTIONS DROPDOWN ---------- */
  .search-bar-wrap{position:relative;}
  .search-suggest-panel{
    position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;
    background:#15171D;border:1px solid var(--card-border);border-radius:16px;
    padding:14px;box-shadow:0 16px 40px rgba(0,0,0,0.5);
    max-height:340px;overflow-y:auto;
    opacity:0;pointer-events:none;transform:translateY(-6px);
    transition:opacity .15s ease, transform .15s ease;
  }
  .search-suggest-panel.active{opacity:1;pointer-events:auto;transform:translateY(0);}
  .search-suggest-section-label{
    font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:700;
    color:var(--mint);letter-spacing:0.5px;margin-bottom:8px;
  }
  .search-suggest-list{display:flex;flex-direction:column;gap:6px;}
  .suggest-phone-row{
    display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer;
  }
  .suggest-phone-row:active{background:var(--field);}
  .suggest-phone-thumb{width:34px;height:34px;border-radius:8px;flex-shrink:0;}
  .suggest-phone-info{flex:1;min-width:0;}
  .suggest-phone-name{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;color:var(--paper);}
  .suggest-phone-meta{font-size:10.5px;color:var(--slate);margin-top:1px;}
  .suggest-phone-badge{
    font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;color:#FFD166;
    flex-shrink:0;display:flex;align-items:center;gap:3px;
  }
  .suggest-vendor-row{
    display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;cursor:pointer;
  }
  .suggest-vendor-row:active{background:var(--field);}
  .suggest-vendor-avatar{
    width:34px;height:34px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--paper);
  }
  .suggest-vendor-info{flex:1;min-width:0;}
  .suggest-vendor-name{font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;color:var(--paper);}
  .suggest-vendor-meta{font-size:10.5px;color:var(--slate);margin-top:1px;}

  .chips{display:flex;gap:8px;margin-top:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
  .chips::-webkit-scrollbar{display:none;}
  .chip{
    flex-shrink:0;
    font-family:'Space Grotesk',sans-serif;
    font-size:11px;font-weight:600;letter-spacing:0.3px;
    padding:7px 12px;border-radius:20px;
    border:1px solid var(--field-border);background:transparent;
    color:var(--slate);text-transform:uppercase;cursor:pointer;
  }
  .chip.active{border-color:var(--coral);background:rgba(255,107,74,0.12);color:var(--coral);}

  /* ---------- TAB SWITCHER ---------- */
  .tab-switcher{
    display:flex;gap:4px;margin-top:16px;
    background:var(--field);border:1px solid var(--field-border);
    border-radius:12px;padding:4px;
  }
  .tab-btn{
    flex:1;text-align:center;padding:9px 0;border-radius:9px;border:none;
    background:transparent;cursor:pointer;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;
    color:var(--slate);letter-spacing:0.2px;
    display:flex;align-items:center;justify-content:center;gap:6px;
  }
  .tab-btn.active{background:var(--coral);color:var(--ink);}

  /* ---------- COMMUNITIES TAB ---------- */
  .community-feed{flex:1;overflow-y:auto;padding:4px 18px 18px;display:flex;flex-direction:column;gap:12px;}
  .community-intro{font-size:12px;color:var(--muted);line-height:1.5;margin:2px 0 4px;}
  .comm-search-bar{
    display:flex;align-items:center;gap:8px;
    background:var(--field);border:1px solid var(--field-border);border-radius:12px;
    padding:9px 12px;margin-bottom:4px;
  }
  .comm-search-bar:focus-within{border-color:var(--coral);}
  .comm-search-bar input{
    flex:1;min-width:0;background:transparent;border:none;outline:none;
    color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;
  }
  .comm-search-bar input::placeholder{color:var(--slate);}
  .comm-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:16px;
    padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;
  }
  .comm-card:active{transform:scale(0.98);}
  .comm-icon{
    width:50px;height:50px;border-radius:14px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#1d2a1a,#0d140c);
  }
  .comm-body{flex:1;min-width:0;}
  .comm-row{display:flex;justify-content:space-between;align-items:flex-start;}
  .comm-title{font-family:'Space Grotesk',sans-serif;font-size:14.5px;font-weight:700;color:var(--paper);}
  .comm-sub{font-size:11px;color:var(--slate);margin-top:2px;}
  .comm-members{
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;
    color:var(--mint);white-space:nowrap;
  }
  .comm-last{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .comm-badge{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:18px;height:18px;padding:0 5px;border-radius:9px;
    background:var(--coral);color:var(--ink);font-size:10px;font-weight:700;
    font-family:'Space Grotesk',sans-serif;flex-shrink:0;
  }

  /* ---------- COMMUNITY DETAIL (WhatsApp-style group) ---------- */
  .wa-header{
    padding:16px;border-bottom:1px solid #1A1D24;
    display:flex;align-items:center;gap:10px;flex-shrink:0;
    background:#15171D;
  }
  .wa-group-icon{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#1d2a1a,#0d140c);
    display:flex;align-items:center;justify-content:center;
  }
  .wa-group-name{font-size:14px;font-weight:600;color:var(--paper);}
  .wa-group-meta{font-size:11px;color:var(--slate);}

  .wa-messages{
    flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;
    background:
      radial-gradient(circle at 20% 20%, rgba(159,232,112,0.03) 0%, transparent 40%),
      radial-gradient(circle at 80% 60%, rgba(255,107,74,0.03) 0%, transparent 40%);
  }
  .wa-system-msg{
    align-self:center;background:rgba(159,232,112,0.08);border:1px solid rgba(159,232,112,0.2);
    border-radius:10px;padding:6px 12px;font-size:10.5px;color:var(--mint);
    font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:0.2px;
  }
  .stolen-alert-card{
    align-self:stretch;background:rgba(224,58,47,0.1);border:1.5px solid rgba(224,58,47,0.4);
    border-radius:14px;padding:13px;margin:2px 0 6px;
  }
  .stolen-alert-header{
    display:flex;align-items:center;gap:6px;
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#FF8A7A;letter-spacing:0.4px;
  }
  .stolen-alert-pin{margin-left:auto;font-size:9px;color:var(--slate);letter-spacing:0.2px;}
  .stolen-alert-body{font-size:12.5px;color:var(--paper);line-height:1.5;margin-top:8px;}
  .stolen-alert-imei{
    font-family:'Space Grotesk',sans-serif;font-size:11px;color:var(--muted);letter-spacing:0.5px;margin-top:6px;
  }
  .stolen-alert-profile-btn{
    margin-top:10px;width:100%;font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;
    background:#FF8A7A;color:#2a0f0c;border:none;border-radius:9px;padding:9px 0;cursor:pointer;
  }
  .stolen-alert-profile-btn:active{transform:scale(0.97);}
  .wa-msg-row{display:flex;flex-direction:column;max-width:80%;}
  .wa-msg-row.own{align-self:flex-end;align-items:flex-end;}
  .wa-msg-row-with-avatar{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:88%;}
  .wa-msg-content{display:flex;flex-direction:column;min-width:0;}
  .wa-msg-avatar{
    width:30px;height:30px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
    border:1.5px solid;cursor:pointer;
  }
  .wa-msg-avatar:active{transform:scale(0.9);}
  .wa-sender{
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    margin-bottom:3px;padding-left:2px;
  }
  .wa-bubble{
    padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.42;color:var(--paper);
    background:var(--card);border:1px solid var(--card-border);border-top-left-radius:3px;
  }
  .wa-msg-row.own .wa-bubble{background:#1f3a1c;border:1px solid #2c5026;color:var(--paper);border-top-left-radius:12px;border-top-right-radius:3px;}
  .wa-listing-bubble{
    background:var(--card);border:1px solid var(--card-border);border-radius:12px;border-top-left-radius:3px;
    padding:10px;display:flex;gap:10px;align-items:center;max-width:240px;
  }
  .wa-listing-thumb{width:40px;height:40px;border-radius:9px;flex-shrink:0;}
  .wa-listing-title{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--paper);}
  .wa-listing-price{font-size:11px;color:var(--mint);font-weight:600;margin-top:1px;}
  .wa-time{font-size:9.5px;color:var(--slate);margin-top:3px;padding:0 2px;}

  .wa-input-bar{padding:12px 14px;border-top:1px solid #1A1D24;display:flex;align-items:center;gap:10px;flex-shrink:0;background:#0E1116;}

  /* ---------- BOTTOM NAVIGATION BAR ---------- */
  .bottom-nav-bar{
    position:absolute;
    left:0;right:0;bottom:0;
    height:64px;
    background:#15171D;
    border-top:1px solid #2A2D35;
    display:flex;
    align-items:stretch;
    z-index:50;
  }
  .bottom-nav-btn{
    flex:1;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    background:transparent;border:none;cursor:pointer;
    color:var(--slate);
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;
    padding:6px 2px;
  }
  .bottom-nav-btn svg{display:block;}
  .bottom-nav-btn.active{color:var(--coral);}
  #screen-browse .listing-feed, #screen-browse .community-feed,
  #screen-imei-checker .detail-body, #screen-serial-checker .detail-body{
    padding-bottom:76px;
  }

  .global-toast{
    position:absolute;top:16px;left:16px;right:16px;z-index:200;
    display:flex;flex-direction:column;gap:8px;pointer-events:none;
  }
  .toast-item{
    background:#1f0f0d;border:1px solid rgba(224,58,47,0.5);border-radius:12px;
    padding:12px 14px;display:flex;align-items:flex-start;gap:10px;
    box-shadow:0 12px 28px rgba(0,0,0,0.4);
    transform:translateY(-12px);opacity:0;transition:transform .25s ease, opacity .25s ease;
  }
  .toast-item.show{transform:translateY(0);opacity:1;}
  .toast-item-text{font-size:12px;color:#F4F0E8;line-height:1.45;flex:1;}
  .toast-item-icon{flex-shrink:0;margin-top:1px;}
  .chip-badge-dot{
    position:absolute;top:-3px;right:-3px;
    width:9px;height:9px;border-radius:50%;
    background:var(--mint);border:2px solid #15171D;
  }
  .chip.chip-pulse{animation:chipPulse 0.8s ease-in-out 2;}
  @keyframes chipPulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.1);}
  }

  /* ---------- ADMIN SUPPORT CHAT ---------- */
  .admin-header{
    padding:16px;border-bottom:1px solid #1A1D24;
    display:flex;align-items:center;gap:10px;flex-shrink:0;
    background:#15171D;
  }
  .admin-avatar{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#3a2e1a,#1a140d);
    display:flex;align-items:center;justify-content:center;
    position:relative;
  }
  .admin-avatar .online-dot{
    position:absolute;bottom:-1px;right:-1px;
    width:10px;height:10px;border-radius:50%;
    background:var(--mint);border:2px solid #15171D;
  }
  .admin-name-row{display:flex;align-items:center;gap:6px;}
  .admin-badge{
    font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;
    color:var(--ink);background:var(--mint);padding:1px 6px;border-radius:6px;
    letter-spacing:0.3px;
  }
  .admin-status{font-size:11px;color:var(--mint);}

  .admin-messages{
    flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;
  }
  .admin-msg{max-width:78%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.4;}
  .admin-msg.them{align-self:flex-start;background:var(--card);border:1px solid var(--card-border);color:var(--paper);border-bottom-left-radius:4px;}
  .admin-msg.me{align-self:flex-end;background:var(--coral);color:var(--ink);border-bottom-right-radius:4px;}

  .forward-wrap{align-self:flex-start;max-width:80%;display:flex;flex-direction:column;gap:4px;}
  .forward-tag{
    display:flex;align-items:center;gap:5px;padding-left:2px;
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;
    color:var(--mint);letter-spacing:0.3px;
  }
  .forward-bubble{
    background:var(--card);border:1px solid rgba(159,232,112,0.25);
    border-left:3px solid var(--mint);
    border-radius:12px;padding:9px 12px;
  }
  .forward-sender{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#FFD166;margin-bottom:2px;}
  .forward-text{font-size:13px;color:var(--paper);line-height:1.4;}
  .forward-source{font-size:10px;color:var(--slate);margin-top:5px;}

  /* ---------- TAP-TO-REPLY-PRIVATELY ---------- */
  .wa-bubble, .wa-listing-bubble{cursor:pointer;transition:filter .12s ease;}
  .wa-bubble:active, .wa-listing-bubble:active{filter:brightness(1.15);}

  .reply-sheet-backdrop{
    position:absolute;inset:0;background:rgba(0,0,0,0.55);
    z-index:80;opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .reply-sheet-backdrop.active{opacity:1;pointer-events:auto;}

  .reply-sheet{
    position:absolute;left:0;right:0;bottom:0;
    background:#15171D;border-top:1px solid var(--card-border);
    border-radius:20px 20px 0 0;
    z-index:81;padding:16px;
    transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.3,1);
  }
  .reply-sheet.active{transform:translateY(0);}

  .reply-sheet-handle{width:36px;height:4px;background:#2A2D35;border-radius:2px;margin:0 auto 14px;}
  .reply-sheet-label{
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;
    color:var(--mint);letter-spacing:0.5px;margin-bottom:8px;
  }
  .reply-sheet-quote{
    background:var(--field);border:1px solid var(--field-border);border-left:3px solid var(--coral);
    border-radius:10px;padding:10px 12px;margin-bottom:14px;
  }
  .reply-sheet-quote-sender{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#FFD166;margin-bottom:2px;}
  .reply-sheet-quote-text{font-size:13px;color:var(--paper);line-height:1.4;}
  .reply-sheet-note{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:14px;}
  .view-shop-btn{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
    background:rgba(159,232,112,0.1);border:1px solid rgba(159,232,112,0.3);border-radius:12px;
    padding:11px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--mint);
    cursor:pointer;margin-bottom:12px;
  }
  .view-shop-btn:active{transform:scale(0.98);}
  .reply-sheet-input-row{display:flex;align-items:center;gap:10px;}
  .reply-sheet-input-row input{
    flex:1;background:var(--field);border:1px solid var(--field-border);border-radius:20px;
    padding:11px 14px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;outline:none;
  }
  .reply-sheet-input-row input:focus{border-color:var(--coral);}

  /* ---------- INBOX LIST ---------- */
  .inbox-row{
    background:var(--card);border:1px solid var(--card-border);border-radius:16px;
    padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;
  }
  .inbox-row:active{transform:scale(0.98);}
  .inbox-row.unread{border-color:rgba(255,107,74,0.4);}
  .inbox-avatar{
    width:46px;height:46px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:var(--ink);
    position:relative;
  }
  .inbox-avatar .online-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--mint);border:2px solid #15171D;}
  .inbox-body{flex:1;min-width:0;}
  .inbox-row-top{display:flex;justify-content:space-between;align-items:center;}
  .inbox-name-line{display:flex;align-items:center;gap:6px;min-width:0;}
  .inbox-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .inbox-time{font-size:10.5px;color:var(--slate);flex-shrink:0;}
  .inbox-preview-row{display:flex;justify-content:space-between;align-items:center;margin-top:3px;gap:8px;}
  .inbox-preview{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;}
  .inbox-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex-shrink:0;}
  .inbox-source-tag{
    font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;color:var(--mint);
    letter-spacing:0.3px;margin-top:2px;
  }

  /* ---------- CHAT HEADER CALL/CAMERA BUTTONS ---------- */
  .chat-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
  .header-icon-btn{
    width:34px;height:34px;border-radius:10px;background:var(--field);border:1px solid var(--field-border);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .header-icon-btn:active{transform:scale(0.92);}

  /* ---------- CALL SCREEN ---------- */
  .call-screen{
    position:absolute;inset:0;background:#0a0c10;display:flex;flex-direction:column;
    z-index:120;opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  .call-screen.active{opacity:1;pointer-events:auto;}
  .call-video-bg{position:absolute;inset:0;background:#000;overflow:hidden;}
  .call-video-bg video{width:100%;height:100%;object-fit:cover;}
  .call-status-wrap{
    position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:14px;padding:40px 24px;z-index:2;
  }
  .call-avatar-big{
    width:96px;height:96px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;color:#F4F0E8;
    border:3px solid rgba(244,240,232,0.15);
  }
  .call-name{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:#F4F0E8;}
  .call-subtext{font-size:13px;color:var(--mint);font-family:'Space Grotesk',sans-serif;}
  .call-subtext.connecting{color:var(--slate);}
  .call-self-preview{
    position:absolute;top:50px;right:18px;width:84px;height:120px;border-radius:14px;
    overflow:hidden;background:#16181d;border:2px solid rgba(244,240,232,0.2);z-index:3;
  }
  .call-self-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);}
  .call-permission-note{
    position:relative;z-index:2;text-align:center;font-size:12px;color:var(--muted);
    padding:0 30px;line-height:1.5;
  }
  .call-controls{
    position:relative;z-index:2;display:flex;justify-content:center;gap:18px;padding:30px 24px 40px;
  }
  .call-ctrl-btn{
    width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    background:rgba(244,240,232,0.12);
  }
  .call-ctrl-btn.active-toggle{background:#F4F0E8;}
  .call-ctrl-btn.end-call{background:#E03A2F;}
  .call-ctrl-btn:active{transform:scale(0.9);}

  /* ---------- CAMERA SCREEN ---------- */
  .camera-screen{
    position:absolute;inset:0;background:#000;display:flex;flex-direction:column;
    z-index:120;opacity:0;pointer-events:none;transition:opacity .25s ease;
  }
  .camera-screen.active{opacity:1;pointer-events:auto;}
  .camera-video-wrap{flex:1;position:relative;overflow:hidden;background:#000;}
  .camera-video-wrap video{width:100%;height:100%;object-fit:cover;}
  .camera-video-wrap video.mirrored{transform:scaleX(-1);}
  .camera-top-bar{
    position:absolute;top:0;left:0;right:0;padding:18px 16px;display:flex;justify-content:space-between;
    z-index:2;background:linear-gradient(180deg, rgba(0,0,0,0.5), transparent);
  }
  .camera-bottom-bar{
    padding:22px 24px 34px;display:flex;align-items:center;justify-content:space-between;background:#000;
  }
  .shutter-btn{
    width:68px;height:68px;border-radius:50%;border:4px solid #F4F0E8;background:transparent;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .shutter-btn:active{transform:scale(0.9);}
  .shutter-btn-inner{width:54px;height:54px;border-radius:50%;background:#F4F0E8;}
  .camera-thumb-preview{
    width:44px;height:44px;border-radius:10px;background:#222;border:1px solid rgba(244,240,232,0.3);
    overflow:hidden;flex-shrink:0;
  }
  .camera-thumb-preview img{width:100%;height:100%;object-fit:cover;}
  .camera-side-btn{width:44px;height:44px;flex-shrink:0;}

  .photo-confirm{
    position:absolute;inset:0;background:#000;z-index:5;display:flex;flex-direction:column;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .photo-confirm.active{opacity:1;pointer-events:auto;}
  .photo-confirm img{flex:1;width:100%;object-fit:cover;}
  .photo-confirm-bar{padding:20px 24px 34px;display:flex;justify-content:space-between;align-items:center;background:#000;}
  .photo-confirm-btn{
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
    padding:12px 22px;border-radius:24px;border:none;cursor:pointer;
  }
  .photo-confirm-btn.send{background:var(--coral);color:var(--ink);}
  .photo-confirm-btn.retake{background:rgba(244,240,232,0.12);color:#F4F0E8;}

  /* ---------- LOCATION CHIP ---------- */
  .location-chip{
    display:flex;align-items:center;gap:6px;
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;color:var(--mint);
    background:rgba(159,232,112,0.1);border:1px solid rgba(159,232,112,0.25);
    padding:4px 9px;border-radius:12px;cursor:pointer;
  }
  .location-chip.denied{color:var(--slate);background:var(--field);border-color:var(--field-border);}

  /* ---------- IMAGE MESSAGE IN CHAT ---------- */
  .msg-image{max-width:200px;border-radius:14px;overflow:hidden;border:1px solid var(--card-border);}
  .msg-image img{width:100%;display:block;}
  .call-log-msg{
    align-self:center;display:flex;align-items:center;gap:6px;
    background:var(--card);border:1px solid var(--card-border);border-radius:20px;
    padding:7px 14px;font-size:11px;color:var(--muted);font-family:'Space Grotesk',sans-serif;
  }

  /* ---------- VOICE NOTE: HOLD TO RECORD ---------- */
  .voice-record-bar{
    display:none;align-items:center;gap:10px;padding:12px 16px;
    background:#0E1116;border-top:1px solid #1A1D24;
  }
  .voice-record-bar.active{display:flex;}
  .voice-record-dot{
    width:11px;height:11px;border-radius:50%;background:#E03A2F;flex-shrink:0;
    animation:recordPulse 1s ease-in-out infinite;
  }
  @keyframes recordPulse{0%,100%{opacity:1;}50%{opacity:0.3;}}
  .voice-record-time{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#F4F0E8;flex-shrink:0;}
  .voice-record-hint{font-size:11px;color:var(--slate);flex:1;text-align:right;}

  .send-btn.recording{background:#E03A2F;}
  .send-btn.recording svg{stroke:#fff;}

  /* ---------- TELEGRAM-STYLE INPUT BAR ---------- */
  .tg-input-bar{
    display:flex;align-items:center;gap:8px;
    padding:10px 12px;border-top:1px solid #1A1D24;background:#0E1116;flex-shrink:0;
  }
  .tg-plus-btn{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    background:var(--coral);border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .tg-plus-btn:active{transform:scale(0.92);}
  .tg-input-pill{
    flex:1;min-width:0;display:flex;align-items:center;gap:8px;
    background:var(--card);border:1px solid var(--card-border);
    border-radius:22px;padding:9px 8px 9px 16px;
  }
  .tg-input-pill input{
    flex:1;min-width:0;background:transparent;border:none;outline:none;
    color:var(--paper);font-family:'Inter',sans-serif;font-size:14px;
  }
  .tg-input-pill input::placeholder{color:var(--slate);}
  .tg-icon-inline{
    width:30px;height:30px;border-radius:50%;border:none;background:transparent;
    display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;
  }
  .tg-icon-inline:active{transform:scale(0.9);}
  .tg-mic-btn{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    background:var(--coral);border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    touch-action:none;
  }
  .tg-mic-btn:active{transform:scale(0.92);}
  .tg-mic-btn.recording{background:#E03A2F;}

  /* ---------- VOICE NOTE MESSAGE BUBBLE ---------- */
  .voice-msg{display:flex;align-items:center;gap:8px;padding:9px 13px;min-width:160px;}
  .voice-play-btn{
    width:28px;height:28px;border-radius:50%;border:none;flex-shrink:0;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .msg.them .voice-play-btn{background:rgba(244,240,232,0.12);}
  .msg.me .voice-play-btn{background:rgba(14,17,22,0.18);}
  .voice-waveform{flex:1;display:flex;align-items:center;gap:2px;height:20px;}
  .voice-waveform span{width:2.5px;border-radius:2px;background:currentColor;opacity:0.55;}
  .voice-duration{font-size:10.5px;flex-shrink:0;opacity:0.75;font-family:'Space Grotesk',sans-serif;}
  .admin-quick{padding:0 16px 10px;display:flex;gap:8px;overflow-x:auto;flex-shrink:0;}

  .listing-feed{
    flex:1;overflow-y:auto;padding:4px 16px 18px;
    display:flex;flex-direction:column;gap:10px;
  }
  /* ── SIGNATURE: asymmetric radius — cut top-right corner ── */
  .card{
    background:var(--card);
    border:1px solid var(--card-border);
    border-radius:14px;
    padding:14px;display:flex;gap:12px;cursor:pointer;
    position:relative;
    box-shadow:inset 0 1px 0 rgba(238,233,224,0.04);
  }

  .card:active{transform:scale(0.98);opacity:0.9;}
  .thumb{
    width:64px;height:64px;border-radius:10px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-size:9px;color:rgba(238,233,224,0.35);
    font-family:'Space Grotesk',sans-serif;text-align:center;
  }
  .card-body{flex:1;min-width:0;}
  .card-row{display:flex;justify-content:space-between;align-items:flex-start;}
  .card-title{font-family:'Space Grotesk',sans-serif;font-size:14.5px;font-weight:700;color:var(--paper);letter-spacing:-0.1px;}
  .new-badge{
    display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:8.5px;font-weight:700;
    color:var(--ink);background:var(--mint);padding:2px 6px;border-radius:5px;
    letter-spacing:0.5px;vertical-align:middle;margin-left:4px;text-transform:uppercase;
  }
  .card-sub{font-size:11px;color:var(--slate);margin-top:2px;letter-spacing:0.1px;}
  .card-price{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--paper);}

  /* ---------- BRAND NEW: FOLDER BROWSING ---------- */
  .folder-back-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
  .folder-back-btn{
    display:flex;align-items:center;gap:4px;flex-shrink:0;
    background:var(--field);border:1px solid var(--field-border);border-radius:10px;
    padding:7px 11px 7px 8px;cursor:pointer;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;color:var(--paper);
  }
  .folder-back-btn:active{transform:scale(0.95);}
  .folder-breadcrumb{
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:var(--mint);
    letter-spacing:0.4px;margin-bottom:6px;padding:0 2px;
  }
  .folder-breadcrumb-link{cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
  .folder-intro{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:14px;padding:0 2px;}
  .folder-list{display:flex;flex-direction:column;gap:10px;}
  .folder-row{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;
    padding:13px 14px;display:flex;align-items:center;gap:13px;cursor:pointer;
  }
  .folder-row:active{transform:scale(0.98);}
  .folder-logo-mark{
    width:42px;height:42px;border-radius:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;color:#F4F0E8;
    font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;
  }
  .folder-icon-wrap{
    width:42px;height:42px;border-radius:12px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;color:#F4F0E8;
  }
  .folder-row-info{flex:1;min-width:0;}
  .folder-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--paper);}
  .folder-count{font-size:11px;color:var(--slate);margin-top:1px;}

  /* ---------- RANKING ---------- */
  .rank-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:16px;
    padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;
  }
  .rank-card:active{transform:scale(0.98);}
  .rank-number{
    font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;
    width:30px;flex-shrink:0;text-align:center;
  }
  .rank-stats-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
  .like-btn{
    display:flex;align-items:center;gap:6px;
    background:var(--field);border:1px solid var(--field-border);border-radius:20px;
    padding:6px 12px;cursor:pointer;
  }
  .like-btn:active{transform:scale(0.92);}
  .like-btn.liked{border-color:rgba(255,107,74,0.4);background:rgba(255,107,74,0.1);}
  .like-count{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--paper);}
  .rank-score-tag{
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;color:var(--mint);
    letter-spacing:0.3px;
  }

  /* ---------- FAIRNESS BEAM ---------- */
  .beam-wrap{width:100%;}
  .beam-label-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
  .beam-label-row.compact{margin-bottom:4px;}
  .beam-label{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.2px;}
  .beam-label.compact{font-size:11px;}
  .beam-track{position:relative;height:8px;background:#23252b;border-radius:4px;overflow:hidden;}
  .beam-track.compact{height:6px;}
  .beam-fill-left{position:absolute;left:0;top:0;bottom:0;background:var(--paper);opacity:0.85;}
  .beam-fill-right{position:absolute;top:0;bottom:0;right:0;opacity:0.9;}
  .beam-mid{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--ink);}
  .beam-foot{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:var(--slate);font-family:'Space Grotesk',sans-serif;}

  /* ---------- DETAIL ---------- */
  .detail-hero{position:relative;height:220px;flex-shrink:0;}
  .hero-slides{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .hero-slides::-webkit-scrollbar{display:none;}
  .hero-slide{flex:0 0 100%;scroll-snap-align:start;background-position:center;background-size:cover;background-repeat:no-repeat;}
  .hero-dots{position:absolute;top:14px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:2;}
  .hero-dot{width:6px;height:6px;border-radius:50%;background:rgba(244,240,232,0.35);transition:background 0.2s;}
  .hero-dot.active{background:var(--paper);}
  .hero-nav-btn{
    position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
    background:rgba(14,17,22,0.55);backdrop-filter:blur(4px);border:none;
    display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;
  }
  .hero-nav-prev{left:12px;}
  .hero-nav-next{right:12px;}
  .hero-slides{cursor:pointer;}
  .hero-expand-btn{
    position:absolute;top:18px;right:16px;z-index:3;
    display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:10px;
    background:rgba(14,17,22,0.6);backdrop-filter:blur(4px);border:none;cursor:pointer;
  }
  .hero-expand-btn span{font-size:11px;color:#F4F0E8;font-weight:600;}

  /* ---------- FULL-SCREEN PHOTO VIEWER ---------- */
  .photo-viewer-overlay{
    position:fixed;inset:0;z-index:9999;background:#000;
    display:flex;align-items:center;justify-content:center;
  }
  .photo-viewer-close{
    position:absolute;top:calc(env(safe-area-inset-top, 0px) + 16px);right:16px;z-index:2;
    width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.12);border:none;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .photo-viewer-slides{
    width:100%;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .photo-viewer-slides::-webkit-scrollbar{display:none;}
  .photo-viewer-slide{
    flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;
  }
  .photo-viewer-slide img{max-width:100%;max-height:100%;object-fit:contain;}
  .photo-viewer-dots{
    position:absolute;bottom:calc(env(safe-area-inset-bottom, 0px) + 20px);left:50%;transform:translateX(-50%);
    display:flex;gap:6px;z-index:2;
  }
  .photo-viewer-dots .hero-dot{width:7px;height:7px;}
  .back-btn{
    position:absolute;top:18px;left:16px;width:34px;height:34px;border-radius:10px;
    background:rgba(14,17,22,0.6);backdrop-filter:blur(4px);border:none;
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .hero-caption{position:absolute;bottom:16px;left:18px;right:18px;}
  .hero-title{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;color:var(--paper);}
  .hero-sub{font-size:12px;color:rgba(244,240,232,0.7);margin-top:2px;}

  .detail-body{flex:1;overflow-y:auto;padding:18px;}
  .fair-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:16px;margin-bottom:16px;}
  .fair-note{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.5;}

  .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;}
  .stat-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px;}
  .stat-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;}
  .stat-head span{font-size:10px;color:var(--slate);}
  .stat-val{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:var(--paper);}

  .section-label{font-family:'Space Grotesk',sans-serif;font-size:11px;color:var(--slate);letter-spacing:1px;margin-bottom:8px;}
  .wants-text{font-size:13px;color:var(--paper);line-height:1.5;margin-bottom:16px;}

  .owner-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:12px;}
  .avatar{
    width:38px;height:38px;border-radius:50%;background:#2A2D35;
    display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--paper);flex-shrink:0;
  }
  .owner-name{font-size:13px;font-weight:600;color:var(--paper);}
  .owner-meta{font-size:11px;color:var(--slate);}

  /* ---------- SHOP / SELLER PROFILE (in Listing Detail) ---------- */
  .shop-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:16px;
    padding:14px;display:flex;flex-direction:column;gap:10px;
  }
  .shop-card-top{display:flex;align-items:flex-start;gap:10px;}
  .shop-business-name-row{display:flex;align-items:center;gap:6px;}
  .shop-bio{font-size:12px;color:var(--muted);line-height:1.5;}
  .demo-approve-banner{
    background:rgba(255,209,102,0.08);border:1px solid rgba(255,209,102,0.25);border-radius:12px;
    padding:11px;display:flex;flex-direction:column;gap:8px;
  }
  .demo-approve-banner span{font-size:11px;color:#FFD166;line-height:1.4;}
  .demo-approve-btn{
    align-self:flex-start;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    background:#FFD166;color:#1a1408;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;
  }
  .demo-approve-btn:active{transform:scale(0.96);}
  .shop-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--paper);}
  .shop-info-row.shop-no-phone{color:var(--slate);font-style:italic;}

  /* ---------- MY PROFILE: centered card layout ---------- */
  #my-shop-card{ align-items:center; text-align:center; position:relative; }
  #my-shop-card .shop-card-top{ flex-direction:column; align-items:center; gap:6px; width:100%; }
  #my-shop-card .shop-business-name-row{ justify-content:center; margin-top:6px; }
  #my-shop-card .owner-name{ font-size:18px; }
  #my-shop-card .owner-meta{ text-align:center; }
  #my-shop-card .shop-bio{ text-align:center; padding:0 8px; }
  #my-shop-card .shop-info-row{ justify-content:center; }
  #my-shop-card .shop-header-icons{
    position:absolute; top:14px; right:14px; display:flex; gap:8px;
  }
  #my-shop-card .shop-stats-row{
    display:flex; justify-content:center; gap:28px; margin:6px 0 2px; width:100%;
  }
  #my-shop-card .shop-stat-col{ display:flex; flex-direction:column; align-items:center; gap:2px; }
  #my-shop-card .shop-stat-num{
    font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; color:var(--paper);
  }
  #my-shop-card .shop-stat-label{
    font-size:10px; color:var(--slate); text-transform:uppercase; letter-spacing:0.3px;
  }

  /* ---------- EDIT PROFILE MODAL ---------- */
  .edit-profile-modal-backdrop{
    position:fixed; inset:0; background:rgba(0,0,0,0.65); z-index:999;
    display:none; align-items:flex-start; justify-content:center;
    padding:70px 16px 16px; box-sizing:border-box; overflow-y:auto;
  }
  .edit-profile-modal{
    background:var(--card); border:1px solid var(--card-border); border-radius:16px;
    padding:16px; width:100%; max-width:420px; display:flex; flex-direction:column; gap:10px;
  }
  .edit-profile-modal-header{
    display:flex; align-items:center; justify-content:space-between; margin-bottom:2px;
  }
  .edit-profile-modal-title{
    font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:15px; color:var(--paper);
  }
  .edit-profile-close-btn{
    background:none; border:none; color:var(--slate); font-size:20px; line-height:1;
    cursor:pointer; padding:4px 8px;
  }
  .edit-profile-modal input, .edit-profile-modal textarea{
    background:var(--card); border:1px solid var(--card-border); border-radius:11px;
    padding:12px 13px; color:var(--paper); font-family:'Inter',sans-serif; font-size:13.5px;
    outline:none; color-scheme:dark; width:100%;
  }
  .edit-profile-modal input:focus, .edit-profile-modal textarea:focus{border-color:var(--coral);}
  .edit-profile-modal input::placeholder, .edit-profile-modal textarea::placeholder{color:var(--slate);}
  .edit-profile-modal textarea{resize:vertical;font-family:'Inter',sans-serif;}

  /* ---------- REFERRAL & WALLET ---------- */
  .referral-card{
    margin-top:14px;background:linear-gradient(135deg, rgba(255,107,74,0.1), rgba(159,232,112,0.06));
    border:1px solid rgba(255,107,74,0.25);border-radius:16px;padding:16px;
  }
  .referral-card-top{display:flex;flex-direction:column;gap:2px;}
  .referral-wallet-label{
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;color:var(--mint);
    letter-spacing:0.6px;
  }
  .referral-wallet-balance{
    font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:700;color:var(--paper);
  }
  .wallet-balance-row{display:flex;flex-direction:column;gap:2px;}
  .wallet-balance-row + .wallet-balance-row{margin-top:12px;}
  .referral-divider{height:1px;background:rgba(244,240,232,0.1);margin:12px 0;}
  .referral-code-row{display:flex;align-items:center;justify-content:space-between;}
  .referral-code-label{font-size:10.5px;color:var(--muted);}
  .referral-code-value{
    font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--coral);
    letter-spacing:1.5px;margin-top:2px;
  }
  .referral-copy-btn{
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    background:var(--coral);color:var(--ink);border:none;border-radius:9px;padding:9px 14px;cursor:pointer;
  }
  .referral-copy-btn:active{transform:scale(0.95);}
  .referral-copy-btn.copied{background:var(--mint);}
  .referral-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:12px;}
  .referral-count-row{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--paper);}

  /* ---------- THEME PICKER ---------- */
  .theme-picker-row{display:flex;gap:10px;}
  .theme-swatch-btn{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;
    background:var(--card);border:1.5px solid var(--card-border);border-radius:14px;
    padding:12px 8px;cursor:pointer;
  }
  .theme-swatch-btn.active{border-color:var(--coral);}
  .theme-swatch{
    width:38px;height:38px;border-radius:50%;display:block;
    box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--card-border);
  }
  .theme-swatch-btn.active .theme-swatch{box-shadow:0 0 0 2px var(--card), 0 0 0 3px var(--coral);}
  .theme-swatch-label{font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;color:var(--paper);text-align:center;}
  .theme-swatch-btn:active{transform:scale(0.96);}

  /* ---------- NOTIFICATION SETTINGS ---------- */
  .notif-settings-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:14px;
  }
  .notif-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .notif-settings-title{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--paper);}
  .notif-settings-sub{font-size:11px;color:var(--muted);line-height:1.5;margin-top:3px;}
  .notif-settings-divider{height:1px;background:var(--card-border);margin:14px 0;}
  .notif-toggle-btn{
    flex-shrink:0;width:46px;height:26px;border-radius:14px;border:none;
    background:var(--field-border);position:relative;cursor:pointer;padding:0;
    transition:background-color .2s ease;
  }
  .notif-toggle-btn.active{background:var(--mint);}
  .notif-toggle-dot{
    position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--paper);
    transition:left .2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.3);
  }
  .notif-toggle-btn.active .notif-toggle-dot{left:23px;}

  /* ---------- WALLET ---------- */
  .wallet-balance-card{
    background:linear-gradient(135deg, rgba(143,224,96,0.09) 0%, rgba(200,153,58,0.07) 50%, rgba(245,93,56,0.06) 100%);
    border:1px solid rgba(200,153,58,0.25);
    border-radius:16px;
    padding:22px;text-align:center;
    position:relative;overflow:hidden;
  }

  .wallet-balance-label{
    font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:700;
    color:var(--gold);letter-spacing:2px;text-transform:uppercase;
    display:flex;align-items:center;justify-content:center;gap:6px;
  }
  .wallet-balance-label::before,.wallet-balance-label::after{
    content:'';display:inline-block;width:20px;height:1px;background:var(--gold);opacity:0.5;
  }
  .wallet-balance-amount{
    font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;color:var(--paper);
    margin-top:6px;letter-spacing:-1px;
  }
  .wallet-escrow-row{
    display:inline-flex;align-items:center;gap:6px;margin-top:8px;
    background:rgba(200,153,58,0.1);border:1px solid rgba(200,153,58,0.28);border-radius:20px;padding:5px 12px;
    font-size:11px;color:var(--gold);font-weight:600;
  }
  .wallet-action-row{display:flex;gap:10px;margin-top:18px;}
  .wallet-action-btn{
    flex:1;font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;
    border-radius:10px;padding:11px 0;border:none;cursor:pointer;
    letter-spacing:0.4px;text-transform:uppercase;
  }
  .wallet-action-btn.deposit{
    background:linear-gradient(135deg, var(--mint), #6ACC40);
    color:var(--ink);
    box-shadow:0 3px 14px var(--glow-mint);
  }
  .wallet-action-btn.withdraw{
    background:var(--field);border:1px solid var(--field-border);color:var(--paper);
  }
  .wallet-action-btn:active{transform:scale(0.97);box-shadow:none;}

  .wallet-tab-row{display:flex;gap:6px;background:var(--field);border:1px solid var(--field-border);border-radius:12px;padding:4px;margin-top:18px;margin-bottom:14px;}
  .wallet-tab{
    flex:1;text-align:center;padding:9px 0;border-radius:9px;border:none;background:transparent;cursor:pointer;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;color:var(--slate);
  }
  .wallet-tab.active{background:var(--coral);color:var(--ink);}

  .wallet-txn-item{
    display:flex;justify-content:space-between;align-items:center;
    background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;margin-bottom:8px;
  }
  .wallet-txn-desc{font-size:12px;color:var(--paper);max-width:220px;line-height:1.4;}
  .wallet-txn-time{font-size:10px;color:var(--slate);margin-top:3px;}
  .wallet-txn-amount{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;flex-shrink:0;}
  .wallet-txn-amount.credit{color:var(--mint);}
  .wallet-txn-amount.debit{color:#FF8A7A;}

  .order-card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:14px;margin-bottom:10px;}
  .order-card-top{display:flex;justify-content:space-between;align-items:flex-start;}
  .order-model{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;}
  .order-amount{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--mint);}
  .order-status-badge{font-size:9.5px;font-weight:700;padding:3px 9px;border-radius:8px;letter-spacing:0.3px;margin-top:6px;display:inline-block;}
  .order-status-badge.AWAITING_PAYMENT{background:rgba(255,209,102,0.12);color:#FFD166;}
  .order-status-badge.PAID_IN_ESCROW{background:rgba(255,107,74,0.12);color:var(--coral);}
  .order-status-badge.RELEASED{background:rgba(159,232,112,0.12);color:var(--mint);}
  .order-status-badge.DISPUTED{background:rgba(224,58,47,0.15);color:#FF8A7A;}
  .order-status-badge.REFUNDED, .order-status-badge.CANCELLED{background:rgba(91,95,107,0.15);color:var(--slate);}
  .order-card-actions{display:flex;gap:8px;margin-top:10px;}
  .order-action-btn{
    flex:1;font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;
    border-radius:9px;padding:9px 0;border:none;cursor:pointer;
  }
  .order-action-btn.primary{background:var(--mint);color:var(--ink);}
  .order-action-btn.secondary{background:var(--field);border:1px solid var(--field-border);color:var(--paper);}
  .order-action-btn.danger{background:transparent;border:1px solid rgba(224,58,47,0.4);color:#FF8A7A;}

  .handoff-code-box{
    background:rgba(159,232,112,0.08);border:1px solid rgba(159,232,112,0.3);border-radius:12px;
    padding:12px;margin-top:10px;text-align:center;
  }
  .handoff-code-label{font-family:'Space Grotesk',sans-serif;font-size:9.5px;font-weight:700;color:var(--mint);letter-spacing:0.5px;}
  .handoff-code-value{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;color:var(--paper);letter-spacing:6px;margin-top:6px;}
  .handoff-code-hint{font-size:10.5px;color:var(--muted);line-height:1.5;margin-top:6px;}
  .handoff-entry-row{display:flex;gap:8px;margin-top:10px;}
  .handoff-code-input{
    flex:1;background:var(--field);border:1px solid var(--field-border);border-radius:10px;
    padding:10px 12px;color:var(--paper);font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;
    letter-spacing:3px;text-align:center;outline:none;
  }
  .handoff-code-input:focus{border-color:var(--coral);}

  /* ---------- MODAL OVERLAY ---------- */
  .modal-overlay{
    position:absolute;inset:0;background:rgba(0,0,0,0.6);z-index:300;
    display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .modal-overlay.active{opacity:1;pointer-events:auto;}
  .modal-sheet{
    width:100%;background:var(--ink);border-top-left-radius:24px;border-top-right-radius:24px;
    padding:20px;max-height:80%;overflow-y:auto;border:1px solid var(--card-border);border-bottom:none;
  }
  .modal-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
  .modal-sheet-title{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;}

  /* ---------- IMEI CHECKER ---------- */
  .imei-tab-row{display:flex;gap:6px;background:var(--field);border:1px solid var(--field-border);border-radius:12px;padding:4px;margin-bottom:16px;}
  .imei-tab{
    flex:1;text-align:center;padding:9px 0;border-radius:9px;border:none;background:transparent;cursor:pointer;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;color:var(--slate);
  }
  .imei-tab.active{background:var(--coral);color:var(--ink);}
  .imei-hint{
    font-size:11.5px;color:var(--muted);line-height:1.5;
    background:var(--field);border:1px dashed var(--field-border);border-radius:10px;padding:10px;
  }
  #imei-check-input, #imei-register-input{
    background:var(--card);border:1px solid var(--card-border);border-radius:11px;
    padding:12px 13px;color:var(--paper);font-family:'Space Grotesk',sans-serif;font-size:15px;
    letter-spacing:1px;outline:none;width:100%;
  }
  #imei-check-input:focus, #imei-register-input:focus{border-color:var(--coral);}

  /* ---------- SERIAL NUMBER CHECKER ---------- */
  .serial-tab-row{display:flex;gap:6px;background:var(--field);border:1px solid var(--field-border);border-radius:12px;padding:4px;margin-bottom:16px;}
  .serial-tab{
    flex:1;text-align:center;padding:9px 0;border-radius:9px;border:none;background:transparent;cursor:pointer;
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;color:var(--slate);
  }
  .serial-tab.active{background:var(--coral);color:var(--ink);}
  #serial-check-input, #serial-register-input{
    background:var(--card);border:1px solid var(--card-border);border-radius:11px;
    padding:12px 13px;color:var(--paper);font-family:'Space Grotesk',sans-serif;font-size:15px;
    letter-spacing:1px;outline:none;width:100%;
  }
  #serial-check-input:focus, #serial-register-input:focus{border-color:var(--coral);}

  .imei-result-box{
    margin-top:14px;border-radius:14px;padding:14px;
  }
  .imei-result-box.clean{background:rgba(159,232,112,0.08);border:1px solid rgba(159,232,112,0.3);}
  .imei-result-box.stolen{background:rgba(224,58,47,0.1);border:1px solid rgba(224,58,47,0.4);}
  .imei-result-box.unknown{background:var(--field);border:1px solid var(--field-border);}
  .imei-result-title{
    display:flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;
  }
  .imei-result-title.clean{color:#9FE870;}
  .imei-result-title.stolen{color:#FF8A7A;}
  .imei-result-title.unknown{color:var(--slate);}
  .imei-result-message{font-size:12px;color:var(--paper);line-height:1.5;margin-top:6px;}
  .imei-result-details{
    margin-top:10px;padding-top:10px;border-top:1px solid rgba(244,240,232,0.1);
    font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px;
  }
  .imei-result-details strong{color:var(--paper);}
  .imei-stolen-warning{
    margin-top:10px;background:rgba(224,58,47,0.15);border:1px solid rgba(224,58,47,0.4);
    border-radius:10px;padding:10px;font-size:11.5px;color:#FF8A7A;line-height:1.5;font-weight:600;
  }

  .device-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;
    padding:13px;margin-top:10px;
  }
  .device-card.is-stolen{border-color:rgba(224,58,47,0.4);background:rgba(224,58,47,0.06);}
  .device-card-top{display:flex;justify-content:space-between;align-items:flex-start;}
  .device-imei{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--paper);letter-spacing:0.5px;}
  .device-meta{font-size:11px;color:var(--slate);margin-top:2px;}
  .device-status-badge{
    font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;padding:3px 8px;border-radius:8px;letter-spacing:0.3px;flex-shrink:0;
  }
  .device-status-badge.active{background:rgba(159,232,112,0.12);color:#9FE870;}
  .device-status-badge.stolen{background:rgba(224,58,47,0.15);color:#FF8A7A;}
  .device-status-badge.recovered{background:rgba(255,209,102,0.12);color:#FFD166;}
  .device-status-badge.past_due{background:rgba(158,158,158,0.15);color:#B0B0B0;}
  .device-status-badge.suspended{background:rgba(158,158,158,0.15);color:#B0B0B0;}
  .device-card-actions{display:flex;gap:8px;margin-top:10px;}
  .device-action-btn{
    flex:1;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    padding:8px 0;border-radius:9px;border:1px solid var(--field-border);background:var(--field);color:var(--paper);cursor:pointer;
  }
  .device-action-btn.danger{border-color:rgba(224,58,47,0.3);color:#FF8A7A;}
  .device-action-btn:active{transform:scale(0.96);}
  .device-action-btn:disabled{opacity:0.4;cursor:not-allowed;}

  .shop-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .shop-product-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:12px;
    overflow:hidden;cursor:pointer;
  }
  .shop-product-card:active{transform:scale(0.97);}
  .shop-product-thumb{height:72px;display:flex;align-items:center;justify-content:center;
    font-family:'Space Grotesk',sans-serif;font-size:9px;color:rgba(244,240,232,0.4);}
  .shop-product-info{padding:8px 10px;}
  .shop-product-title{font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;color:var(--paper);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .shop-product-price{font-size:10.5px;color:var(--mint);font-weight:600;margin-top:2px;}
  .shop-empty-note{font-size:12px;color:var(--slate);padding:10px 2px;}

  /* ---------- MY PROFILE: EDIT FORM ---------- */
  .edit-profile-form{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
  .edit-profile-form input, .edit-profile-form textarea{
    background:var(--card);border:1px solid var(--card-border);border-radius:10px;
    padding:10px 12px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;outline:none;resize:vertical;
  }
  .edit-profile-form input:focus, .edit-profile-form textarea:focus{border-color:var(--coral);}
  .edit-profile-form input::placeholder, .edit-profile-form textarea::placeholder{color:var(--slate);}

  /* ---------- ADD PRODUCT SCREEN ---------- */
  .form-input-row{display:flex;gap:8px;}
  .form-input-row input{flex:1;min-width:0;}
  .form-select{
    flex:1;min-width:0;background:var(--card);border:1px solid var(--card-border);border-radius:10px;
    padding:10px 12px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;outline:none;
  }
  .form-select:focus{border-color:var(--coral);}

  .product-photo-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-top:4px;}
  .product-photo-add{
    aspect-ratio:1;border-radius:14px;border:1.5px dashed var(--card-border);background:var(--card);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;
  }
  .product-photo-add span{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;color:var(--mint);}
  .product-photo-add:active{transform:scale(0.96);}
  .product-photo-thumb{
    position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1px solid var(--card-border);
  }
  .product-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .product-photo-thumb .cover-tag{
    position:absolute;bottom:4px;left:4px;font-family:'Space Grotesk',sans-serif;font-size:8px;font-weight:700;
    color:var(--ink);background:var(--mint);padding:2px 6px;border-radius:6px;
  }
  .product-photo-remove{
    position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;
    background:rgba(14,17,22,0.7);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .product-photo-hint{font-size:10.5px;color:var(--slate);margin-top:8px;}

  .product-photo-slots{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-top:4px;}
  .photo-slot{
    position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;cursor:pointer;
    border:1.5px dashed var(--card-border);background:var(--card);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  }
  .photo-slot:active{transform:scale(0.96);}
  .photo-slot.filled{border-style:solid;border-color:var(--card-border);padding:0;}
  .photo-slot-label{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;color:var(--mint);text-align:center;padding:0 4px;}
  .photo-slot-sub{font-size:8.5px;color:var(--slate);text-align:center;}
  .photo-slot img{width:100%;height:100%;object-fit:cover;display:block;}
  .photo-slot .cover-tag{
    position:absolute;bottom:4px;left:4px;font-family:'Space Grotesk',sans-serif;font-size:8px;font-weight:700;
    color:var(--ink);background:var(--mint);padding:2px 6px;border-radius:6px;
  }
  .photo-slot .photo-slot-name-tag{
    position:absolute;bottom:4px;right:4px;font-family:'Space Grotesk',sans-serif;font-size:8px;font-weight:700;
    color:var(--paper);background:rgba(14,17,22,0.7);padding:2px 6px;border-radius:6px;
  }
  .photo-slot-remove{
    position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;
    background:rgba(14,17,22,0.7);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;
  }

  .condition-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
  .condition-hint{
    font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px;
    background:var(--field);border:1px dashed var(--field-border);border-radius:10px;padding:10px 12px;
  }
  .condition-hint strong{color:var(--paper);}
  .guarantee-box{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:14px;
  }
  .guarantee-box-note{font-size:12px;color:var(--muted);line-height:1.5;}
  .guarantee-days-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
  .guarantee-days-input{
    width:80px;background:var(--field);border:1px solid var(--field-border);border-radius:10px;
    padding:9px 10px;color:var(--paper);font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;
    text-align:center;outline:none;
  }
  .guarantee-days-input:focus{border-color:var(--coral);}
  .guarantee-days-input:disabled{opacity:0.45;}
  .guarantee-days-label{font-size:12px;color:var(--paper);}
  .guarantee-min-note{font-size:10.5px;color:var(--mint);margin-top:-4px;margin-bottom:10px;}
  .guarantee-none-note{font-size:11.5px;color:#FF8A7A;background:rgba(224,58,47,0.08);border:1px solid rgba(224,58,47,0.25);border-radius:10px;padding:9px 11px;}
  .guarantee-void-note{font-size:10.5px;color:var(--slate);margin-top:8px;line-height:1.5;}
  .condition-chip{
    font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;
    padding:9px 14px;border-radius:20px;border:1.5px solid var(--card-border);
    background:var(--card);color:var(--slate);cursor:pointer;
  }
  .condition-chip.selected{border-color:var(--coral);background:rgba(255,107,74,0.1);color:var(--coral);}
  .condition-chip:active{transform:scale(0.95);}

  .section-label-sub{
    font-size:9px;font-weight:500;color:var(--slate);text-transform:none;letter-spacing:0;margin-left:4px;
  }
  .repair-section{
    background:rgba(255,209,102,0.05);border:1px solid rgba(255,209,102,0.2);border-radius:14px;
    padding:12px;
  }
  .repair-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
  .repair-check-item{
    display:flex;align-items:center;gap:8px;
    background:var(--card);border:1px solid var(--card-border);border-radius:10px;
    padding:9px 11px;cursor:pointer;font-size:12px;color:var(--paper);
  }
  .repair-check-item input[type="checkbox"]{accent-color:#FFD166;width:15px;height:15px;flex-shrink:0;}
  .repair-check-item:has(input:checked){border-color:rgba(255,209,102,0.5);background:rgba(255,209,102,0.08);}

  .repair-disclosure{
    background:rgba(255,209,102,0.06);border:1px solid rgba(255,209,102,0.2);border-radius:14px;
    padding:13px;margin-top:14px;
  }
  .repair-disclosure-title{
    display:flex;align-items:center;gap:6px;
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#FFD166;
    letter-spacing:0.3px;margin-bottom:8px;
  }
  .repair-tag-row{display:flex;flex-wrap:wrap;gap:6px;}
  .repair-tag{
    font-family:'Space Grotesk',sans-serif;font-size:10.5px;font-weight:600;color:#FFD166;
    background:rgba(255,209,102,0.12);border:1px solid rgba(255,209,102,0.3);
    padding:4px 9px;border-radius:8px;
  }
  .repair-disclosure-notes{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:8px;}

  .detail-guarantee-box{border-radius:14px;padding:13px;margin-top:14px;}
  .detail-guarantee-box.active{background:rgba(159,232,112,0.08);border:1px solid rgba(159,232,112,0.3);}
  .detail-guarantee-box.none{background:rgba(91,95,107,0.1);border:1px solid var(--field-border);}
  .detail-guarantee-title{
    display:flex;align-items:center;gap:7px;
    font-family:'Space Grotesk',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:0.3px;
  }
  .detail-guarantee-title.active{color:var(--mint);}
  .detail-guarantee-title.none{color:var(--slate);}
  .detail-guarantee-text{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:6px;}
  .imei-verified-badge{
    display:flex;align-items:center;gap:7px;margin-top:10px;
    background:rgba(159,232,112,0.08);border:1px solid rgba(159,232,112,0.3);border-radius:11px;
    padding:9px 12px;font-size:11px;color:var(--mint);font-weight:600;
  }
  .ownership-summary-box{
    margin-top:8px;background:var(--field);border:1px dashed var(--field-border);border-radius:11px;
    padding:9px 12px;font-size:11px;color:var(--muted);line-height:1.6;
  }
  .ownership-summary-box strong{color:var(--paper);}

  .battery-slider-row{display:flex;align-items:center;gap:12px;margin-top:6px;}
  .battery-slider-row input[type="range"]{
    flex:1;accent-color:var(--mint);height:4px;
  }
  .battery-slider-val{
    font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--mint);
    min-width:42px;text-align:right;
  }

  /* ---------- MY LISTINGS: PUBLISH TOGGLE ---------- */
  .my-listing-card{position:relative;}
  .publish-toggle{
    position:absolute;top:6px;right:6px;z-index:2;
    font-family:'Space Grotesk',sans-serif;font-size:8.5px;font-weight:700;
    padding:3px 7px;border-radius:8px;border:none;cursor:pointer;letter-spacing:0.3px;
  }
  .publish-toggle.published{background:var(--mint);color:var(--ink);}
  .publish-toggle.unpublished{background:rgba(91,95,107,0.5);color:var(--paper);}
  .my-listing-card.is-unpublished .shop-product-thumb{opacity:0.35;}
  .my-listing-card.is-unpublished .shop-product-info{opacity:0.5;}

  .cta-bar{padding:16px 18px 18px;border-top:1px solid var(--rule);flex-shrink:0;}
  .cta-btn{
    width:100%;padding:15px;
    border-radius:12px;
    background:linear-gradient(135deg, var(--coral) 0%, #E03A20 100%);
    border:none;
    font-family:'Space Grotesk',sans-serif;font-size:13.5px;font-weight:700;color:#fff;
    letter-spacing:0.6px;text-transform:uppercase;cursor:pointer;
    box-shadow:0 4px 18px var(--glow-coral);
    transition:box-shadow .2s ease, transform .1s ease;
  }
  .cta-btn:hover{box-shadow:0 6px 24px var(--glow-coral);}
  .cta-btn:active{transform:scale(0.98);box-shadow:none;}

  /* ---------- CHAT ---------- */
  .chat-header{
    padding:18px 16px 14px;border-bottom:1px solid #1A1D24;
    display:flex;align-items:center;gap:10px;flex-shrink:0;
  }
  .plain-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;}
  .chat-name{font-size:14px;font-weight:600;color:var(--paper);}
  .chat-sub{font-size:11px;color:var(--slate);}

  .fair-strip{padding:12px 16px;border-bottom:1px solid #1A1D24;flex-shrink:0;}

  .messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;}
  .msg{max-width:78%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.4;}
  .msg.them{align-self:flex-start;background:var(--card);border:1px solid var(--card-border);color:var(--paper);border-bottom-left-radius:4px;}
  .msg.me{align-self:flex-end;background:var(--coral);color:var(--ink);border-bottom-right-radius:4px;}
  .msg-system{
    align-self:center;background:var(--card);border:1px solid var(--card-border);
    border-radius:12px;padding:10px 14px;max-width:85%;
  }
  .msg-system-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;}
  .msg-system-head span{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;color:var(--mint);letter-spacing:0.5px;}
  .msg-system-body{font-size:11px;color:var(--muted);line-height:1.4;}

  .quick-actions{padding:0 16px 10px;display:flex;gap:8px;overflow-x:auto;flex-shrink:0;}
  .qa-btn{
    flex-shrink:0;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;
    padding:8px 12px;border-radius:20px;border:1px solid var(--field-border);
    background:var(--card);color:var(--muted);cursor:pointer;white-space:nowrap;
  }

  .input-bar{padding:14px;border-top:1px solid #1A1D24;display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .input-bar input{
    flex:1;background:var(--card);border:1px solid var(--card-border);border-radius:20px;
    padding:10px 14px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13px;outline:none;
  }
  .input-bar input:focus{border-color:var(--coral);}
  .send-btn{
    width:36px;height:36px;border-radius:50%;background:var(--coral);border:none;
    display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;
  }
  .send-btn:active{transform:scale(0.92);}

  /* icon helper (inline svg sizing) */
  svg{display:block;}


  /* ── referral card: use gold gradient ── */
  .referral-card{
    margin-top:14px;
    background:linear-gradient(135deg, rgba(200,153,58,0.1), rgba(245,93,56,0.06));
    border:1px solid rgba(200,153,58,0.22);border-radius:14px;padding:16px;
  }
  .referral-code-value{
    font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--gold);
    letter-spacing:2px;margin-top:2px;
  }
  .referral-copy-btn{
    font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;
    background:var(--gold);color:#1a1000;border:none;border-radius:8px;padding:9px 14px;cursor:pointer;
    letter-spacing:0.4px;text-transform:uppercase;
  }
  .referral-copy-btn.copied{background:var(--mint);color:var(--ink);}

  /* ── shop-card and vendor cards: asymmetric radius ── */
  .shop-card{
    background:var(--card);border:1px solid var(--card-border);
    border-radius:14px;
    padding:14px;display:flex;flex-direction:column;gap:10px;
    box-shadow:inset 0 1px 0 rgba(238,233,224,0.04);
  }

  /* ── comm card: slight asymmetric touch ── */
  .comm-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;
    padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;
  }

  /* ── folder rows ── */
  .folder-row{
    background:var(--card);border:1px solid var(--card-border);
    border-radius:12px;
    padding:13px 14px;display:flex;align-items:center;gap:13px;cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(238,233,224,0.03);
  }

  /* ── rank cards ── */
  .rank-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:14px;
    padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;
  }

  /* ── device cards ── */
  .device-card{
    background:var(--card);border:1px solid var(--card-border);border-radius:12px;
    padding:13px;margin-top:10px;
  }

  /* ── auth form inputs: refined ── */
  .auth-form input{
    background:var(--field);border:1px solid var(--field-border);border-radius:10px;
    padding:12px 13px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13.5px;outline:none;
    color-scheme:dark;transition:border-color .15s ease;
  }
  .auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);}
  .auth-form input::placeholder{color:var(--slate);}
  .auth-form select{
    background:var(--field);border:1px solid var(--field-border);border-radius:10px;
    padding:12px 13px;color:var(--paper);font-family:'Inter',sans-serif;font-size:13.5px;outline:none;
    color-scheme:dark;transition:border-color .15s ease;width:100%;box-sizing:border-box;
    appearance:none;-webkit-appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B5F6B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat:no-repeat;background-position:right 13px center;background-size:14px;
  }
  .auth-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);}
  .auth-form select:disabled{opacity:0.5;}

  /* ── search bar refined ── */
  .search-bar:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);}

  /* ── msg bubbles: own messages use coral gradient ── */
  .msg.me{
    align-self:flex-end;
    background:linear-gradient(135deg, var(--coral), #C83018);
    color:#fff;border-bottom-right-radius:4px;
    border:none;
    box-shadow:0 2px 10px var(--glow-coral);
  }
  .admin-msg.me{
    background:linear-gradient(135deg, var(--coral), #C83018);
    color:#fff;border-bottom-right-radius:4px;
    box-shadow:0 2px 10px var(--glow-coral);
  }
  .wa-msg-row.own .wa-bubble{
    background:linear-gradient(135deg,#1C3818,#122510);
    border:1px solid rgba(143,224,96,0.2);
    color:var(--paper);border-top-left-radius:12px;border-top-right-radius:3px;
    box-shadow:0 2px 8px var(--glow-mint);
  }

  /* ── transaction items ── */
  .wallet-txn-item{
    display:flex;justify-content:space-between;align-items:center;
    background:var(--card);border:1px solid var(--card-border);
    border-radius:10px;padding:12px 14px;margin-bottom:8px;
  }

  /* ── modal sheet: sharper top corners ── */
  .modal-sheet{
    width:100%;background:var(--ink);
    border-top-left-radius:22px;border-top-right-radius:22px;
    padding:20px;max-height:82%;overflow-y:auto;
    border:1px solid var(--card-border);border-bottom:none;
    box-shadow:0 -8px 32px rgba(0,0,0,0.5);
  }
  .modal-sheet-title{
    font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;
    letter-spacing:0.2px;color:var(--paper);
  }

  /* ── section labels: gold rule treatment ── */
  .section-label{
    font-family:'Space Grotesk',sans-serif;font-size:9.5px;color:var(--gold);
    letter-spacing:1.8px;margin-bottom:8px;text-transform:uppercase;font-weight:700;
    display:flex;align-items:center;gap:8px;
  }
  .section-label::after{content:'';flex:1;height:1px;background:var(--gold);opacity:0.2;}

  /* ── auth label refinement ── */
  .auth-label{
    font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;
    color:var(--gold);letter-spacing:1.2px;margin:12px 0 6px;text-transform:uppercase;
  }

  /* ── chip filters ── */
  .chip{
    flex-shrink:0;
    font-family:'Space Grotesk',sans-serif;
    font-size:10.5px;font-weight:700;letter-spacing:0.5px;
    padding:7px 12px;border-radius:20px;
    border:1px solid var(--field-border);background:transparent;
    color:var(--slate);text-transform:uppercase;cursor:pointer;
    transition:all .15s ease;
  }
  .chip.active{
    border-color:rgba(200,153,58,0.5);
    background:var(--gold-dim);color:var(--gold);
  }

  /* ── condition chips ── */
  .condition-chip.selected{
    border-color:var(--gold);background:var(--gold-dim);color:var(--gold);
  }

  /* ── account-type buttons ── */
  .account-type-btn.selected{
    border-color:var(--gold);background:var(--gold-dim);color:var(--gold);
  }
  .account-type-btn.selected span{color:var(--gold);}

  /* ── icon buttons ── */
  .icon-btn{
    width:36px;height:36px;border-radius:9px;
    background:var(--field);border:1px solid var(--field-border);
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;flex-shrink:0;transition:border-color .15s ease;
  }
  .icon-btn:hover{border-color:rgba(200,153,58,0.3);}
  .icon-btn:active{transform:scale(0.92);}

  /* ── tab switcher ── */
  .tab-btn.active{
    background:linear-gradient(135deg, var(--coral), #C83018);
    color:#fff;
    box-shadow:0 2px 10px var(--glow-coral);
  }

  /* ── imei result boxes ── */
  .imei-result-box.clean{
    background:rgba(143,224,96,0.07);border:1px solid rgba(143,224,96,0.28);
    border-radius:12px;
  }
  .imei-result-box.stolen{
    background:rgba(224,58,47,0.08);border:1px solid rgba(224,58,47,0.35);
    border-radius:12px;
  }
  .imei-result-box.unknown{
    background:var(--field);border:1px solid var(--field-border);
    border-radius:12px;
  }



/* ---------- APP PRELOADER ---------- */
#app-preloader{
  position:fixed;inset:0;z-index:99999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:radial-gradient(circle at 50% 40%, var(--ink) 0%, var(--backdrop) 100%);
  transition:opacity 0.4s ease;
}
#app-preloader.app-preloader-hidden{
  opacity:0;pointer-events:none;
}
.app-preloader-mark{
  width:64px;height:64px;border-radius:18px;
  background:linear-gradient(135deg, var(--coral), var(--gold));
  padding:10px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 28px rgba(245,93,56,0.35);
  animation:app-preloader-pulse 1.6s ease-in-out infinite;
}
.app-preloader-word{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;
  color:var(--paper);letter-spacing:0.02em;
}
.app-preloader-bar{
  width:120px;height:3px;border-radius:2px;overflow:hidden;
  background:var(--card-border);
}
.app-preloader-bar-fill{
  width:40%;height:100%;border-radius:2px;
  background:linear-gradient(90deg, var(--coral), var(--gold));
  animation:app-preloader-slide 1.2s ease-in-out infinite;
}
@keyframes app-preloader-pulse{
  0%, 100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.06); opacity:0.85; }
}
@keyframes app-preloader-slide{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(340%); }
}