:root{--bg:#090b0d;--surface:#101418;--surface2:#161b20;--line:#252d34;--text:#f7f9fa;--muted:#929da6;--accent:#c7ff3f;--accent2:#91bc24;--danger:#ff6b6b;--warn:#ffc857;--ok:#75e6a4;--shadow:0 24px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.nav{height:72px;position:sticky;top:0;z-index:30;background:rgba(9,11,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center}.nav-inner{width:min(1220px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:900;letter-spacing:2px;cursor:pointer}.logo span{color:var(--accent)}.navlinks{display:flex;gap:22px;flex:1;color:#c4ccd2;font-size:14px}.navlinks a{cursor:pointer}.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800}.btn-primary{background:var(--accent);color:#111}.btn-secondary{background:#1a2025;color:#fff;border:1px solid #303941}.btn-ghost{background:transparent;color:#d5dbe0;border:1px solid var(--line)}.btn-danger{background:#3a1c1c;color:#ffb1b1;border:1px solid #5e2d2d}.container{width:min(1220px,calc(100% - 36px));margin:auto}.hero{padding:72px 0 46px;display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:1.7px;font-weight:900}.hero h1{font-size:66px;line-height:.98;letter-spacing:-3.5px;margin:14px 0 20px;max-width:720px}.hero p{color:#aeb7bd;font-size:18px;line-height:1.65;max-width:680px}.searchbar{margin-top:28px;background:#fff;border-radius:13px;padding:7px;display:flex;max-width:690px}.searchbar input{border:0;outline:0;padding:0 13px;flex:1;font-size:15px}.searchbar button{border:0;border-radius:9px;background:var(--accent);font-weight:900;padding:14px 22px}.hero-card{background:linear-gradient(145deg,#1b2126,#0e1114);border:1px solid #303941;border-radius:22px;padding:16px;box-shadow:var(--shadow)}.bike-visual{height:340px;border-radius:15px;background:radial-gradient(circle at 70% 25%,#39434a,#151a1e 60%);display:flex;align-items:center;justify-content:center;font-size:116px}.hero-listing{display:flex;justify-content:space-between;gap:20px;padding:16px 4px 3px}.price{font-size:28px;font-weight:900}.trust-badge{display:inline-flex;gap:6px;align-items:center;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.4px}.stats{display:flex;gap:28px;margin-top:26px;color:var(--muted);font-size:12px}.stats b{display:block;color:white;font-size:20px}.section{padding:42px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{font-size:31px;letter-spacing:-1px;margin:0}.section-title p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-img{height:190px;background:#242b30;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative}.pill{position:absolute;top:10px;left:10px;background:rgba(10,12,14,.9);border:1px solid #46515a;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900}.card-body{padding:15px}.brand{font-size:11px;color:var(--muted);text-transform:uppercase}.title{font-weight:850;margin:5px 0 12px}.meta{font-size:12px;color:#9ba6ad}.card-price{font-size:20px;font-weight:900;margin-top:12px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1215;margin-top:25px}.trust-grid{padding:48px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.trust-item .ico{font-size:28px}.trust-item b{display:block;margin:9px 0 6px}.trust-item p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.page-head{padding:48px 0 18px}.page-head h1{font-size:42px;letter-spacing:-2px;margin:0 0 8px}.page-head p{color:var(--muted);margin:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.input,.select,.textarea{width:100%;background:#11161a;border:1px solid var(--line);color:white;border-radius:10px;padding:12px 13px;outline:none}.select{width:auto}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listing-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;transition:.18s}.listing-card:hover{transform:translateY(-2px);border-color:#3b464f}.listing-card .card-img{height:230px}.listing-row{display:flex;justify-content:space-between;gap:15px;align-items:end}.detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding-bottom:60px}.gallery{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:520px;display:flex;align-items:center;justify-content:center;font-size:150px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.panel h2,.panel h3{margin-top:0}.value-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.metric{background:#0c1013;border:1px solid var(--line);border-radius:12px;padding:13px}.metric small{color:var(--muted);display:block;margin-bottom:5px}.metric b{font-size:20px}.checklist{display:grid;gap:9px;margin:16px 0}.check{display:flex;align-items:center;gap:9px;color:#d9dfe3;font-size:14px}.check span{color:var(--ok)}.form-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding-bottom:60px}.steps{position:sticky;top:92px;align-self:start}.step{padding:12px 10px;border-left:2px solid var(--line);color:var(--muted);font-size:13px}.step.active{border-color:var(--accent);color:white;font-weight:800}.form-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;color:#b9c2c9;margin:0 0 7px}.field.full{grid-column:1/-1}.help{font-size:12px;color:var(--muted);line-height:1.5}.passport-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.passport-id{font-family:ui-monospace,monospace;background:#0b0f12;border:1px solid var(--line);padding:8px 10px;border-radius:8px;color:var(--accent)}.timeline{margin-top:18px}.event{display:grid;grid-template-columns:18px 1fr;gap:12px;padding-bottom:18px;position:relative}.event:before{content:"";position:absolute;left:7px;top:14px;bottom:0;width:1px;background:#344049}.event:last-child:before{display:none}.dot{width:15px;height:15px;border-radius:50%;background:var(--accent);margin-top:3px}.event small{color:var(--muted)}.dashboard{display:grid;grid-template-columns:240px 1fr;gap:24px;padding-bottom:60px}.side{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;height:max-content}.side button{display:block;width:100%;text-align:left;background:transparent;border:0;color:#c9d1d7;padding:11px;border-radius:8px}.side button.active{background:#1c2329;color:white;font-weight:800}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase}.status{display:inline-flex;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#1d2921;color:#9af0b7}.status.warn{background:#322b17;color:#ffd878}.status.danger{background:#331d1d;color:#ffaaaa}.tx-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:18px 0}.tx-step{height:7px;border-radius:6px;background:#263039}.tx-step.done{background:var(--accent)}.notice{background:#11191a;border:1px solid #28403a;border-radius:12px;padding:13px;color:#bde9d0;font-size:13px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.admin-card small{color:var(--muted)}.admin-card b{display:block;font-size:26px;margin-top:6px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.74);display:flex;align-items:center;justify-content:center;z-index:60;padding:18px}.modal{width:min(520px,100%);background:#101418;border:1px solid #34404a;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal h2{margin-top:0}.footer{border-top:1px solid var(--line);padding:30px 0;color:#74818a;text-align:center;font-size:12px}.click{cursor:pointer}.accent{color:var(--accent)}@media(max-width:900px){.hero,.detail-layout{grid-template-columns:1fr}.hero-card{display:none}.hero h1{font-size:50px}.grid{grid-template-columns:1fr 1fr}.market-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr 1fr}.dashboard,.form-layout{grid-template-columns:1fr}.steps{position:static;display:flex;overflow:auto}.step{border-left:0;border-bottom:2px solid var(--line);white-space:nowrap}.step.active{border-bottom-color:var(--accent)}.admin-cards{grid-template-columns:1fr 1fr}}@media(max-width:560px){.navlinks{display:none}.nav-actions .btn-secondary{display:none}.hero h1{font-size:42px}.grid,.market-grid,.trust-grid,.form-grid,.admin-cards{grid-template-columns:1fr}.stats{gap:14px}.gallery{min-height:350px;font-size:110px}.tx-progress{grid-template-columns:repeat(3,1fr)}}
.boot-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px}.boot-screen p{color:var(--muted);max-width:560px}.boot-line{width:180px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--accent),#46515a);animation:pulse 1.25s ease-in-out infinite alternate}.avatar-dot{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#111;display:inline-flex;align-items:center;justify-content:center;margin-right:7px;font-size:11px;font-weight:900}.account-btn{display:flex;align-items:center}.auth-gate{max-width:620px;display:flex;gap:10px;margin-bottom:80px}.auth-modal .field{margin-top:12px}.modal-x{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#9ba6ad;font-size:28px}.modal{position:relative}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:18px}.auth-switch a{color:var(--accent);cursor:pointer;font-weight:800}.toast{position:fixed;right:18px;bottom:18px;z-index:100;width:min(420px,calc(100% - 36px));background:#17261e;border:1px solid #355d45;color:#bff1cf;padding:14px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:13px}.toast-danger{background:#2b1919;border-color:#673434;color:#ffc3c3}.empty-state{padding:28px;border:1px dashed #344049;border-radius:14px;color:var(--muted)}.empty-state h3{color:var(--text);margin-top:0}.table-wrap{overflow:auto}.damage-field{background:#121619;border:1px solid var(--line);padding:12px;border-radius:10px}.damage-field label{margin:0;color:#c8d0d5}.damage-field input{margin-right:8px}.btn:disabled{opacity:.55;cursor:not-allowed}@keyframes pulse{from{opacity:.4;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}
@media(max-width:560px){.account-btn{font-size:0}.account-btn .avatar-dot{margin:0}.auth-gate{flex-direction:column}.toast{right:18px}}

/* Consolidated theme and responsive rules; original cascade order retained. */

    html,body,#app,.shell,main{
      background:#fff !important;
      color:#111 !important;
    }

    body,p,h1,h2,h3,h4,h5,h6,strong,b,label,td,th,small,
    .title,.price,.card-price{
      color:#111 !important;
    }

    .help,.meta,.page-head p,.section-title p{
      color:#5f6872 !important;
    }

    .nav{
      background:#fff !important;
      border-bottom:1px solid #e4e7ea !important;
    }

    .navlinks a{color:#222 !important;}
    .navlinks a:hover{color:#76b900 !important;}
    .logo{color:#111 !important;}
    .logo span{color:#aaff22 !important;}

    .panel,.listing-card,.hero-card,.trust-item,.admin-card,.side,.form-card{
      background:#fff !important;
      color:#111 !important;
      border-color:#dfe3e7 !important;
      box-shadow:0 2px 12px rgba(0,0,0,.04) !important;
    }

    .card-body{background:#fff !important;color:#111 !important;}
    .card-img,.bike-visual{background:#f3f5f6 !important;}

    .table,.table tbody,.table thead,.table tr,.table td,.table th{
      background:#fff !important;
      color:#111 !important;
    }
    .table td,.table th{border-color:#e2e5e8 !important;}

    .side button{color:#111 !important;background:transparent !important;}
    .side button:hover,.side button.active{
      background:#f0f2f3 !important;
      color:#111 !important;
    }

    .input,.textarea,input,textarea,select{
      background:#fff !important;
      color:#111 !important;
      border-color:#cfd5da !important;
    }
    .input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{
      color:#858c94 !important;
    }

    .modal{
      background:#fff !important;
      color:#111 !important;
      border-color:#dfe3e7 !important;
    }
    .modal-backdrop{background:rgba(0,0,0,.45) !important;}
    .modal-x{color:#111 !important;}

    .btn-secondary,.btn-ghost,.vv-back-button{
      background:#fff !important;
      color:#111 !important;
      border-color:#cfd5da !important;
    }
    .btn-secondary:hover,.btn-ghost:hover,.vv-back-button:hover{
      background:#f1f3f4 !important;
      color:#111 !important;
    }

    .btn-primary{
      background:#b7ff2a !important;
      color:#050505 !important;
      border-color:#b7ff2a !important;
    }
    .btn-primary:hover{
      background:#a8ef20 !important;
      color:#050505 !important;
    }

    .eyebrow,.accent{color:#76b900 !important;}

    .trust-strip{
      background:#f6f7f8 !important;
      border-color:#e1e4e7 !important;
    }

    .notice{
      background:#f4f8ee !important;
      color:#17210d !important;
      border-color:#cfe5b4 !important;
    }

    .passport-id{color:#111 !important;}

    .status{
      background:#e7f6e9 !important;
      color:#218739 !important;
      border:1px solid #c7e8ce !important;
      padding:5px 10px !important;
      border-radius:999px !important;
      font-weight:700 !important;
    }

    .footer{
      background:#fff !important;
      color:#646d75 !important;
      border-top:1px solid #e4e7ea !important;
    }

    .listing-card .card-img > button.btn{
      width:52px !important;
      height:52px !important;
      min-width:52px !important;
      padding:0 !important;
      font-size:26px !important;
      line-height:1 !important;
      border-radius:12px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      right:10px !important;
      bottom:10px !important;
      background:#fff !important;
      color:#111 !important;
      border:1px solid #d5dade !important;
      box-shadow:0 2px 8px rgba(0,0,0,.10) !important;
    }

    .pill{
      background:#fff !important;
      color:#111 !important;
      border:1px solid #d8dde1 !important;
    }
    .trust-badge{color:#6fae00 !important;}

    .btn-danger{
      background:#fff0f0 !important;
      color:#b42318 !important;
      border-color:#f2b8b5 !important;
    }

    .searchbar{
      background:#fff !important;
      border:2px solid #111 !important;
      border-radius:12px !important;
      overflow:hidden !important;
    }
    .searchbar input{
      background:#fff !important;
      color:#111 !important;
      border:none !important;
      outline:none !important;
    }
    .searchbar input:focus{outline:none !important;box-shadow:none !important;}
    .searchbar button{
      background:#b7ff2a !important;
      color:#050505 !important;
      font-weight:700 !important;
    }

    .vv-back-button{
      margin-bottom:18px !important;
      display:inline-flex !important;
      align-items:center !important;
      gap:6px !important;
    }

    .edit-photo-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:10px;
    }
    .edit-photo-card{
      display:block;
      border:1px solid #dfe3e7 !important;
      border-radius:12px;
      padding:8px;
      background:#fff !important;
    }
    .edit-photo-card img{
      width:100%;
      aspect-ratio:4/3;
      object-fit:cover;
      border-radius:9px;
      margin-bottom:8px;
    }
    .edit-photo-card span{
      display:flex;
      gap:8px;
      align-items:center;
      color:#111 !important;
    }

    .messages-layout{
      display:grid;
      grid-template-columns:330px minmax(0,1fr);
      gap:18px;
      align-items:start;
    }

    .message-list{
      padding:14px !important;
    }

    .message-list h3{
      margin:4px 6px 12px;
    }

    .message-thread-item{
      width:100%;
      text-align:left;
      border:1px solid #e1e5e8;
      background:#fff;
      border-radius:12px;
      padding:12px;
      margin-bottom:8px;
      cursor:pointer;
      color:#111;
    }

    .message-thread-item:hover,
    .message-thread-item.active{
      background:#f4f7f1;
      border-color:#b7dc85;
    }

    .message-thread-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }

    .message-thread-title{
      margin-top:5px;
      font-size:13px;
      color:#3f4850;
      font-weight:700;
    }

    .message-thread-preview{
      margin-top:5px;
      font-size:12px;
      color:#727b83;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .message-unread{
      min-width:22px;
      height:22px;
      padding:0 6px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:#b7ff2a;
      color:#111;
      font-size:12px;
      font-weight:800;
    }

    .message-chat-head{
      display:flex;
      justify-content:space-between;
      gap:16px;
      align-items:flex-start;
      padding-bottom:14px;
      border-bottom:1px solid #e4e7ea;
    }

    .message-bubbles{
      height:430px;
      overflow:auto;
      padding:18px 4px;
    }

    .message-row{
      display:flex;
      margin-bottom:12px;
    }

    .message-row.mine{
      justify-content:flex-end;
    }

    .message-row.theirs{
      justify-content:flex-start;
    }

    .message-bubble{
      max-width:75%;
      background:#f1f3f4;
      border:1px solid #e0e4e7;
      border-radius:16px;
      padding:11px 13px;
      color:#111;
      white-space:pre-wrap;
      overflow-wrap:anywhere;
    }

    .message-row.mine .message-bubble{
      background:#efffda;
      border-color:#cceaa6;
    }

    .message-sender{
      font-size:12px;
      font-weight:800;
      margin-bottom:5px;
    }

    .message-bubble small{
      display:block;
      margin-top:7px;
      color:#7b848c !important;
      font-size:10px;
    }

    .message-compose{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:10px;
      align-items:end;
      padding-top:14px;
      border-top:1px solid #e4e7ea;
    }


    .mobile-conversations-back{
      display:none !important;
    }

    /* Compact account menu replaces the old dashboard sidebar */
    .dashboard.dashboard-single{
      display:block !important;
      grid-template-columns:1fr !important;
    }

    .account-overview-menu{
      position:relative;
      display:inline-block;
      margin-top:10px;
      min-width:190px;
    }

    .account-overview-menu > summary{
      list-style:none;
      display:inline-flex;
      align-items:center;
      gap:8px;
      cursor:pointer;
      user-select:none;
      padding:9px 13px;
      border:1px solid #cfd5da;
      border-radius:10px;
      background:#fff;
      color:#111;
      font-weight:800;
      font-size:13px;
    }

    .account-overview-menu > summary::-webkit-details-marker{
      display:none;
    }

    .account-overview-menu > summary::marker{
      content:'';
      display:none;
    }

    .account-menu-badge{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:20px;
      height:20px;
      padding:0 6px;
      border-radius:999px;
      background:#b7ff2a;
      color:#050505;
      font-size:11px;
      font-weight:900;
    }

    .account-overview-links{
      position:absolute;
      top:calc(100% + 7px);
      left:0;
      z-index:30;
      width:230px;
      padding:8px;
      background:#fff;
      border:1px solid #dfe3e7;
      border-radius:12px;
      box-shadow:0 14px 35px rgba(0,0,0,.12);
    }

    .account-overview-links button{
      display:block;
      width:100%;
      padding:11px 12px;
      border:0;
      border-radius:8px;
      background:transparent;
      color:#111;
      text-align:left;
      font:inherit;
      font-weight:700;
      cursor:pointer;
    }

    .account-overview-links button:hover{
      background:#f1f3f4;
    }

    .account-overview-links .account-menu-signout{
      margin-top:4px;
      border-top:1px solid #eceff1;
      border-radius:0 0 8px 8px;
      color:#b42318;
    }

    .message-chat-person{
      min-width:0;
      flex:1;
    }

    @media (max-width:700px){
      .account-overview-menu{
        width:100% !important;
        max-width:280px !important;
      }

      .account-overview-menu > summary{
        width:100% !important;
        justify-content:space-between !important;
        box-sizing:border-box !important;
      }

      .account-overview-links{
        position:static !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin-top:8px !important;
        box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
      }

      /* Mobile top navigation */
      .nav-inner{
        min-height:64px !important;
        padding-left:14px !important;
        padding-right:14px !important;
        gap:10px !important;
      }

      .navlinks{
        display:none !important;
      }

      .nav-actions{
        display:flex !important;
        align-items:center !important;
        gap:7px !important;
        margin-left:auto !important;
        min-width:0 !important;
      }

      .nav-actions > .btn{
        min-height:40px !important;
        padding:9px 11px !important;
        white-space:nowrap !important;
      }

      .account-btn{
        display:inline-flex !important;
        align-items:center !important;
        gap:6px !important;
        max-width:124px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .account-btn .avatar-dot{
        flex:0 0 auto !important;
      }

      .nav-actions > button[onclick="openMessages()"]{
        font-size:0 !important;
        width:42px !important;
        min-width:42px !important;
        padding:0 !important;
        position:relative !important;
      }

      .nav-actions > button[onclick="openMessages()"]::before{
        content:'✉' !important;
        font-size:19px !important;
        line-height:1 !important;
      }

      .nav-actions > .btn-primary{
        padding-left:12px !important;
        padding-right:12px !important;
      }

      /* Mobile messaging behaves like a chat app */
      .messages-page{
        padding-left:0 !important;
        padding-right:0 !important;
      }

      .messages-page > .page-head{
        padding-left:16px !important;
        padding-right:16px !important;
        margin-bottom:12px !important;
      }

      .messages-layout{
        display:block !important;
      }

      .messages-layout > .panel{
        border-left:0 !important;
        border-right:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        margin:0 !important;
      }

      .messages-page.has-active-conversation .message-list{
        display:none !important;
      }

      .messages-page:not(.has-active-conversation) .messages-layout > .panel:last-child{
        display:none !important;
      }

      .messages-page.has-active-conversation > .page-head{
        display:none !important;
      }

      .message-list{
        padding:10px 12px 18px !important;
      }

      .message-thread-item{
        padding:14px !important;
        border-radius:14px !important;
        margin-bottom:10px !important;
      }

      .message-chat{
        min-height:calc(100dvh - 65px) !important;
        display:flex !important;
        flex-direction:column !important;
        background:#fff !important;
      }

      .message-chat-head{
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:10px !important;
        padding:11px 12px !important;
        position:sticky !important;
        top:64px !important;
        z-index:4 !important;
        background:#fff !important;
      }

      .mobile-conversations-back{
        display:inline-flex !important;
        padding:8px 10px !important;
        font-size:12px !important;
      }

      .message-chat-head .eyebrow{
        display:none !important;
      }

      .message-chat-head h2{
        margin:0 !important;
        font-size:16px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-head .help{
        margin:3px 0 0 !important;
        font-size:11px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-head > .btn:last-child{
        padding:8px 9px !important;
        font-size:11px !important;
      }

      .message-bubbles{
        height:auto !important;
        min-height:0 !important;
        flex:1 1 auto !important;
        overflow-y:auto !important;
        padding:18px 12px 12px !important;
        background:#fafafa !important;
      }

      .message-row{
        margin-bottom:10px !important;
      }

      .message-bubble{
        max-width:82% !important;
        width:auto !important;
        padding:10px 12px !important;
        border-radius:18px !important;
        font-size:15px !important;
        line-height:1.35 !important;
      }

      .message-row.mine .message-bubble{
        border-bottom-right-radius:6px !important;
      }

      .message-row.theirs .message-bubble{
        border-bottom-left-radius:6px !important;
      }

      .message-sender{
        font-size:10px !important;
        margin-bottom:3px !important;
      }

      .message-bubble small{
        font-size:9px !important;
        margin-top:5px !important;
      }

      .message-compose{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;
        padding:10px 12px max(10px, env(safe-area-inset-bottom)) !important;
        background:#fff !important;
        position:sticky !important;
        bottom:0 !important;
        z-index:5 !important;
      }

      .message-compose textarea{
        min-height:46px !important;
        max-height:110px !important;
        resize:none !important;
        border-radius:16px !important;
        padding:12px !important;
      }

      .message-compose .btn-primary{
        align-self:end !important;
        min-width:70px !important;
        height:46px !important;
        padding:0 16px !important;
        border-radius:14px !important;
      }
    }

    @media (max-width:430px){
      .account-btn{
        width:42px !important;
        min-width:42px !important;
        padding:0 !important;
        font-size:0 !important;
        justify-content:center !important;
      }

      .account-btn .avatar-dot{
        margin:0 !important;
      }

      .nav-actions > .btn-primary{
        font-size:12px !important;
      }
    }

    @media (max-width:850px){
      .messages-layout{
        grid-template-columns:1fr;
      }
      .message-bubbles{
        height:360px;
      }
    }

    @media (max-width:700px){
      .edit-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    }

    .brand-searchbar select {
      flex:1 !important;
      min-width:0 !important;
      border:none !important;
      outline:none !important;
      background:#ffffff !important;
      color:#111111 !important;
      padding:0 18px !important;
      font:inherit !important;
      cursor:pointer !important;
    }

    .brand-searchbar select:focus {
      outline:none !important;
      box-shadow:none !important;
    }

    .marketplace-brand-select {
      background:#ffffff !important;
      color:#111111 !important;
      border:1px solid #cfd5da !important;
    }


    /* Featured Partner advertising placement */
    .featured-partner-ad{
      background:#fff;
      border:1px solid #dfe3e7;
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 10px 30px rgba(0,0,0,.05);
      color:#111;
    }

    .featured-partner-desktop{
      min-height:100%;
      display:flex;
      flex-direction:column;
    }

    .featured-partner-topline{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px 0;
    }

    .featured-partner-label{
      color:#6fae00;
      font-size:11px;
      letter-spacing:.12em;
      font-weight:900;
    }

    .featured-partner-sponsored{
      color:#8a9299;
      font-size:10px;
      font-weight:700;
    }

    .featured-partner-art{
      margin:12px 16px 0;
      min-height:220px;
      border-radius:14px;
      background:linear-gradient(145deg,#f1f3f4,#e8ecef);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .featured-partner-mark{
      width:88px;
      height:88px;
      border-radius:24px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#111;
      color:#b7ff2a !important;
      font-size:46px;
      line-height:1;
      font-weight:950;
      letter-spacing:-.08em;
      padding-right:5px;
    }

    .featured-partner-copy{
      padding:16px;
    }

    .featured-partner-kicker{
      color:#6fae00;
      font-size:10px;
      letter-spacing:.08em;
      font-weight:900;
      margin-bottom:6px;
    }

    .featured-partner-copy h3{
      margin:0 0 7px;
      font-size:24px;
      line-height:1.05;
    }

    .featured-partner-copy p{
      margin:0 0 14px;
      color:#5f6872 !important;
      font-size:13px;
      line-height:1.45;
    }

    .featured-partner-cta{
      font-size:12px !important;
    }

    .featured-partner-mobile{
      display:none;
      margin-top:18px;
    }

    @media (max-width:700px){
      .featured-partner-desktop{
        display:none !important;
      }

      .featured-partner-mobile{
        display:grid !important;
        grid-template-columns:110px minmax(0,1fr);
        grid-template-areas:
          'top top'
          'art copy';
        margin-top:20px;
        border-radius:16px;
      }

      .featured-partner-mobile .featured-partner-topline{
        grid-area:top;
        padding:11px 12px 0;
      }

      .featured-partner-mobile .featured-partner-art{
        grid-area:art;
        min-height:110px;
        margin:10px 0 12px 12px;
      }

      .featured-partner-mobile .featured-partner-mark{
        width:58px;
        height:58px;
        border-radius:16px;
        font-size:31px;
      }

      .featured-partner-mobile .featured-partner-copy{
        grid-area:copy;
        padding:11px 12px 12px;
        align-self:center;
      }

      .featured-partner-mobile .featured-partner-kicker{
        font-size:9px;
      }

      .featured-partner-mobile .featured-partner-copy h3{
        font-size:18px;
      }

      .featured-partner-mobile .featured-partner-copy p{
        font-size:12px;
        margin-bottom:10px;
      }

      .featured-partner-mobile .featured-partner-cta{
        padding:8px 10px !important;
        font-size:11px !important;
      }
    }
  

    .vv-mobile-menu,
    .vv-message-trigger,
    .vv-account-trigger{
      appearance:none;
      -webkit-appearance:none;
      border:0;
      background:transparent;
      color:#111;
      cursor:pointer;
      font:inherit;
    }

    .vv-mobile-menu{
      display:none;
      width:42px;
      height:42px;
      padding:9px;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      border-radius:12px;
    }

    .vv-mobile-menu span{
      display:block;
      width:22px;
      height:2px;
      border-radius:999px;
      background:#111;
    }

    .vv-message-trigger{
      width:42px;
      height:42px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      position:relative;
      border-radius:12px;
      padding:0;
    }

    .vv-message-trigger:hover,
    .vv-account-trigger:hover,
    .vv-mobile-menu:hover{
      background:#f3f5f6;
    }

    .vv-message-icon{
      width:24px;
      height:24px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .vv-unread-badge{
      position:absolute;
      top:1px;
      right:0;
      min-width:18px;
      height:18px;
      padding:0 4px;
      border-radius:999px;
      background:#aaff22;
      color:#050505;
      border:2px solid #fff;
      font-size:10px;
      line-height:14px;
      font-weight:900;
      display:flex;
      align-items:center;
      justify-content:center;
      box-sizing:border-box;
    }

    .vv-account-trigger{
      min-width:54px;
      height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      border-radius:14px;
      padding:0 8px;
    }

    .vv-header-avatar{
      width:38px;
      height:38px;
      border-radius:50%;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:#aaff22;
      color:#080808 !important;
      font-weight:900;
      font-size:16px;
      flex:0 0 auto;
    }

    .vv-sell-mobile{display:none;}

    .nav-actions{
      gap:8px !important;
      align-items:center !important;
    }

    .vv-mobile-nav{
      display:none;
    }

    @media (max-width:700px){
      .nav-inner{
        min-height:68px !important;
        padding:0 14px !important;
        gap:8px !important;
      }

      .vv-mobile-menu{
        display:inline-flex !important;
        flex:0 0 42px;
      }

      .nav .logo{
        font-size:20px !important;
        letter-spacing:.8px !important;
        white-space:nowrap;
      }

      .nav-actions{
        gap:3px !important;
      }

      .vv-message-trigger{
        width:38px;
        height:40px;
      }

      .vv-account-trigger{
        width:42px;
        min-width:42px;
        height:42px;
        padding:0;
      }

      .vv-header-avatar{
        width:36px;
        height:36px;
        font-size:15px;
      }

      .vv-sell-cta{
        min-width:64px !important;
        height:42px !important;
        padding:0 14px !important;
        border-radius:12px !important;
      }

      .vv-sell-desktop{display:none;}
      .vv-sell-mobile{display:inline;}

      .vv-mobile-nav{
        display:none;
        padding:8px 14px 14px;
        border-top:1px solid #eef0f2;
        background:#fff;
        grid-template-columns:1fr 1fr;
        gap:7px;
      }

      .vv-mobile-nav.open{
        display:grid;
      }

      .vv-mobile-nav button{
        border:0;
        border-radius:10px;
        background:#f5f6f7;
        color:#111;
        padding:11px 12px;
        text-align:left;
        font:inherit;
        font-weight:700;
        cursor:pointer;
      }
    }

    @media (max-width:390px){
      .nav-inner{
        padding:0 10px !important;
        gap:4px !important;
      }

      .vv-mobile-menu{
        width:36px;
        flex-basis:36px;
        padding:7px;
      }

      .vv-mobile-menu span{width:20px;}

      .nav .logo{
        font-size:18px !important;
      }

      .vv-message-trigger{
        width:34px;
      }

      .vv-account-trigger{
        width:38px;
        min-width:38px;
      }

      .vv-header-avatar{
        width:34px;
        height:34px;
      }

      .vv-sell-cta{
        min-width:56px !important;
        padding:0 11px !important;
      }
    }
  

    @media (max-width:700px){
      .nav{
        display:block !important;
        width:100% !important;
        background:#fff !important;
      }

      .nav-inner{
        width:100% !important;
        max-width:none !important;
        box-sizing:border-box !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        min-height:66px !important;
        padding:0 14px !important;
      }

      .vv-mobile-menu{
        grid-column:1 !important;
        grid-row:1 !important;
        margin:0 !important;
      }

      .nav .logo{
        grid-column:2 !important;
        grid-row:1 !important;
        min-width:0 !important;
        justify-self:start !important;
        margin:0 !important;
      }

      .nav-actions{
        grid-column:3 !important;
        grid-row:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:4px !important;
        margin:0 !important;
        width:auto !important;
        min-width:0 !important;
      }

      .vv-mobile-nav{
        position:static !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        max-width:none !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:0 14px 14px !important;
        border-top:1px solid #eef0f2 !important;
        background:#fff !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
      }

      .vv-mobile-nav.open{
        display:grid !important;
      }

      .vv-mobile-nav button{
        width:100% !important;
        min-height:44px !important;
        margin:0 !important;
        padding:11px 12px !important;
        border:1px solid #e6e9ec !important;
        border-radius:10px !important;
        background:#f7f8f9 !important;
        color:#111 !important;
        text-align:left !important;
        font-weight:750 !important;
        box-sizing:border-box !important;
      }

      .vv-mobile-nav button:last-child{
        grid-column:1 / -1 !important;
      }
    }

    @media (max-width:390px){
      .nav-inner{
        padding:0 10px !important;
        gap:5px !important;
      }

      .vv-mobile-nav{
        padding:0 10px 12px !important;
      }
    }
  

    @media (max-width:700px){
      .vv-mobile-nav{
        display:none !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:2px 12px 7px !important;
        border:0 !important;
        border-top:0 !important;
        background:#fff !important;
        grid-template-columns:none !important;
        gap:0 !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
      }

      .vv-mobile-nav::-webkit-scrollbar{
        display:none;
      }

      .vv-mobile-nav.open{
        display:flex !important;
      }

      .vv-mobile-nav button,
      .vv-mobile-nav button:last-child{
        appearance:none !important;
        -webkit-appearance:none !important;
        width:auto !important;
        min-width:auto !important;
        min-height:30px !important;
        height:30px !important;
        margin:0 !important;
        padding:4px 5px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#111 !important;
        text-align:center !important;
        font:inherit !important;
        font-size:11.5px !important;
        line-height:1 !important;
        font-weight:750 !important;
        white-space:nowrap !important;
        grid-column:auto !important;
        flex:0 0 auto !important;
      }

      .vv-mobile-nav button:active{
        color:#76b900 !important;
        background:transparent !important;
      }

      .nav{
        border-bottom:1px solid #eef0f2 !important;
      }
    }

    @media (max-width:390px){
      .vv-mobile-nav{
        padding-left:8px !important;
        padding-right:8px !important;
      }

      .vv-mobile-nav button,
      .vv-mobile-nav button:last-child{
        font-size:11px !important;
        padding-left:4px !important;
        padding-right:4px !important;
      }
    }
  

    @media (max-width:700px){
      .vv-mobile-menu{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
      }

      .vv-mobile-menu:hover,
      .vv-mobile-menu:active,
      .vv-mobile-menu:focus{
        background:transparent !important;
      }

      .vv-sell-cta{
        min-width:54px !important;
        width:auto !important;
        height:38px !important;
        min-height:38px !important;
        padding:0 12px !important;
        border-radius:11px !important;
        font-size:11px !important;
        line-height:1 !important;
      }

      .vv-mobile-nav{
        padding-top:1px !important;
        padding-bottom:9px !important;
      }

      .hero{
        padding-top:30px !important;
      }

      .hero .eyebrow{
        margin-bottom:10px !important;
      }
    }

    @media (max-width:390px){
      .vv-sell-cta{
        min-width:50px !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 10px !important;
        font-size:10.5px !important;
      }

      .hero{
        padding-top:27px !important;
      }
    }
  

    @media (max-width:700px){

      .nav{
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
        position:relative !important;
      }

      .vv-mobile-nav{
        position:relative !important;
        inset:auto !important;
        float:none !important;
        clear:both !important;
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:4px 12px 10px !important;
        background:#ffffff !important;
        border:0 !important;
        z-index:auto !important;
      }

      .vv-mobile-nav.open{
        display:flex !important;
        position:relative !important;
      }

      .hero{
        padding-top:34px !important;
      }

      .hero .eyebrow{
        margin-top:0 !important;
        margin-bottom:12px !important;
      }
    }

    @media (max-width:390px){
      .vv-mobile-nav{
        padding-left:8px !important;
        padding-right:8px !important;
        padding-bottom:9px !important;
      }

      .hero{
        padding-top:32px !important;
      }
    }
  


    /* Never show the old envelope pseudo-icon */
    .vv-message-trigger::before{
      content:none !important;
      display:none !important;
    }

    @media (max-width:700px){

      /* Remove Messages icon from the MOBILE top header only */
      .vv-message-trigger{
        display:none !important;
      }

      /* Let account avatar + Sell remain clean and centered */
      .nav-actions{
        gap:7px !important;
      }

      /* MOBILE CHAT PAGE */
      .messages-page{
        width:100% !important;
        max-width:none !important;
        padding:0 !important;
      }

      .messages-layout{
        display:block !important;
      }

      .messages-layout > .panel{
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        padding:0 !important;
        background:#fff !important;
      }

      .message-chat{
        min-height:0 !important;
        height:auto !important;
        display:block !important;
        background:#fff !important;
      }

      /* Compact chat header */
      .message-chat-head{
        position:relative !important;
        top:auto !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:9px !important;
        padding:14px 14px 12px !important;
        border-bottom:1px solid #edf0f2 !important;
        background:#fff !important;
      }

      .mobile-conversations-back{
        display:inline-flex !important;
        min-height:36px !important;
        height:36px !important;
        padding:0 10px !important;
        border-radius:10px !important;
        font-size:11px !important;
        white-space:nowrap !important;
      }

      .message-chat-person{
        min-width:0 !important;
        text-align:left !important;
      }

      .message-chat-head .eyebrow{
        display:none !important;
      }

      .message-chat-head h2{
        margin:0 !important;
        font-size:15px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-head p{
        margin:3px 0 0 !important;
        font-size:10px !important;
        line-height:1.2 !important;
        color:#7d858c !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-head > .btn:last-child{
        min-height:36px !important;
        height:36px !important;
        padding:0 10px !important;
        border-radius:10px !important;
        font-size:11px !important;
        white-space:nowrap !important;
      }

      /* Chat area: WHITE, not one giant grey box */
      .message-bubbles{
        height:auto !important;
        min-height:300px !important;
        max-height:440px !important;
        overflow-y:auto !important;
        padding:22px 14px 18px !important;
        background:#fff !important;
        border:0 !important;
        display:block !important;
      }

      .message-row{
        display:flex !important;
        width:100% !important;
        margin:0 0 12px !important;
      }

      .message-row.mine{
        justify-content:flex-end !important;
      }

      .message-row.theirs{
        justify-content:flex-start !important;
      }

      /* Actual message bubbles */
      .message-bubble{
        display:inline-block !important;
        width:auto !important;
        min-width:0 !important;
        max-width:76% !important;
        padding:9px 12px 8px !important;
        margin:0 !important;
        border:0 !important;
        border-radius:18px !important;
        box-shadow:none !important;
        font-size:14px !important;
        line-height:1.38 !important;
        white-space:pre-wrap !important;
        overflow-wrap:anywhere !important;
      }

      .message-row.theirs .message-bubble{
        background:#f1f2f3 !important;
        color:#111 !important;
        border-bottom-left-radius:5px !important;
      }

      .message-row.mine .message-bubble{
        background:#eaffc9 !important;
        color:#111 !important;
        border-bottom-right-radius:5px !important;
      }

      .message-sender{
        margin:0 0 4px !important;
        font-size:10px !important;
        line-height:1 !important;
        font-weight:800 !important;
        color:#555f66 !important;
      }

      .message-row.mine .message-sender{
        display:none !important;
      }

      .message-bubble small{
        display:block !important;
        margin-top:5px !important;
        font-size:8.5px !important;
        line-height:1 !important;
        color:#8b9399 !important;
        text-align:right !important;
      }

      /* Composer */
      .message-compose{
        position:relative !important;
        bottom:auto !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px !important;
        align-items:end !important;
        padding:12px 14px 16px !important;
        margin:0 !important;
        border-top:1px solid #edf0f2 !important;
        background:#fff !important;
        z-index:auto !important;
      }

      .message-compose textarea{
        box-sizing:border-box !important;
        width:100% !important;
        min-height:46px !important;
        height:46px !important;
        max-height:100px !important;
        padding:12px 14px !important;
        border:1px solid #d5dade !important;
        border-radius:18px !important;
        background:#fff !important;
        color:#111 !important;
        font-size:16px !important;
        line-height:1.3 !important;
        resize:none !important;
        box-shadow:none !important;
      }

      .message-compose textarea:focus{
        outline:none !important;
        border-color:#a8d55a !important;
        box-shadow:0 0 0 2px rgba(170,255,34,.12) !important;
      }

      .message-compose .btn-primary{
        min-width:62px !important;
        width:auto !important;
        height:46px !important;
        min-height:46px !important;
        padding:0 14px !important;
        border-radius:16px !important;
        font-size:13px !important;
        align-self:end !important;
      }
    }

    @media (max-width:390px){
      .message-chat-head{
        padding-left:10px !important;
        padding-right:10px !important;
      }

      .message-bubbles{
        padding-left:11px !important;
        padding-right:11px !important;
      }

      .message-bubble{
        max-width:80% !important;
      }

      .message-compose{
        padding-left:10px !important;
        padding-right:10px !important;
      }
    }
  

    @media (max-width:700px){
      .vv-message-trigger{
        display:inline-flex !important;
        width:auto !important;
        min-width:0 !important;
        height:38px !important;
        padding:0 5px !important;
        margin:0 !important;
        background:transparent !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        color:#111 !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:0 !important;
      }

      .vv-message-trigger .vv-message-icon{
        display:none !important;
      }

      .vv-message-trigger::after{
        content:'Chat' !important;
        display:inline !important;
        font-size:11px !important;
        line-height:1 !important;
        font-weight:800 !important;
        letter-spacing:0 !important;
        color:#111 !important;
      }

      .vv-message-trigger:hover,
      .vv-message-trigger:active,
      .vv-message-trigger:focus{
        background:transparent !important;
      }

      .vv-message-trigger .vv-unread-badge{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        margin-left:4px !important;
        min-width:16px !important;
        height:16px !important;
        padding:0 4px !important;
        border:0 !important;
        font-size:9px !important;
        line-height:16px !important;
      }

      .nav-actions{
        gap:6px !important;
      }
    }
  

    @media (max-width:700px){

      /* RESTORE THE MESSAGE ICON — NO "CHAT" WORD */
      .vv-message-trigger{
        display:inline-flex !important;
        width:38px !important;
        min-width:38px !important;
        height:38px !important;
        padding:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:10px !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#111 !important;
        align-items:center !important;
        justify-content:center !important;
        position:relative !important;
        font-size:0 !important;
      }

      .vv-message-trigger::before,
      .vv-message-trigger::after{
        content:none !important;
        display:none !important;
      }

      .vv-message-trigger .vv-message-icon{
        display:flex !important;
        width:21px !important;
        height:21px !important;
        align-items:center !important;
        justify-content:center !important;
      }

      .vv-message-trigger .vv-message-icon svg{
        display:block !important;
        width:21px !important;
        height:21px !important;
      }

      .vv-message-trigger .vv-unread-badge{
        position:absolute !important;
        top:0 !important;
        right:-2px !important;
        min-width:16px !important;
        height:16px !important;
        padding:0 4px !important;
        margin:0 !important;
        border:2px solid #fff !important;
        border-radius:999px !important;
        background:#aaff22 !important;
        color:#050505 !important;
        font-size:9px !important;
        line-height:12px !important;
        font-weight:900 !important;
      }

      /* ACTIVE CHAT SHOULD FEEL LIKE A SIMPLE PHONE MESSENGER */
      .messages-page.has-active-conversation{
        padding:0 !important;
        margin:0 !important;
        max-width:none !important;
        width:100% !important;
      }

      .messages-page.has-active-conversation > .page-head{
        display:none !important;
      }

      .messages-page.has-active-conversation .messages-layout{
        display:block !important;
        margin:0 !important;
      }

      .messages-page.has-active-conversation .message-list{
        display:none !important;
      }

      .messages-page.has-active-conversation .messages-layout > .panel:last-child{
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:#fff !important;
      }

      .message-chat{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
      }

      /* SIMPLE CHAT HEADER */
      .message-chat-head{
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        padding:10px 12px !important;
        margin:0 !important;
        border:0 !important;
        border-bottom:1px solid #eceff1 !important;
        background:#fff !important;
        box-shadow:none !important;
      }

      .mobile-conversations-back{
        min-height:34px !important;
        height:34px !important;
        padding:0 8px !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        font-size:11px !important;
        color:#111 !important;
        white-space:nowrap !important;
      }

      .message-chat-person{
        min-width:0 !important;
        text-align:center !important;
      }

      .message-chat-person .eyebrow{
        display:none !important;
      }

      .message-chat-person h2{
        margin:0 !important;
        font-size:14px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-person p{
        margin:2px 0 0 !important;
        font-size:9.5px !important;
        line-height:1.2 !important;
        color:#7a8288 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      .message-chat-head > .btn:last-child{
        min-height:34px !important;
        height:34px !important;
        padding:0 8px !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        font-size:10.5px !important;
        color:#111 !important;
        white-space:nowrap !important;
      }

      /* MESSAGE AREA */
      .message-bubbles{
        display:block !important;
        width:100% !important;
        min-height:330px !important;
        max-height:480px !important;
        overflow-y:auto !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:18px 12px 12px !important;
        border:0 !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:none !important;
      }

      .message-row{
        display:flex !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 0 9px !important;
        padding:0 !important;
      }

      .message-row.theirs{
        justify-content:flex-start !important;
      }

      .message-row.mine{
        justify-content:flex-end !important;
      }

      .message-bubble{
        display:block !important;
        width:auto !important;
        min-width:0 !important;
        max-width:74% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:9px 12px 7px !important;
        border:0 !important;
        border-radius:17px !important;
        box-shadow:none !important;
        font-size:14px !important;
        line-height:1.35 !important;
        overflow-wrap:anywhere !important;
      }

      .message-row.theirs .message-bubble{
        background:#f1f2f3 !important;
        color:#111 !important;
        border-bottom-left-radius:5px !important;
      }

      .message-row.mine .message-bubble{
        background:#e8ffc3 !important;
        color:#111 !important;
        border-bottom-right-radius:5px !important;
      }

      /* Alignment already tells you who sent it */
      .message-sender{
        display:none !important;
      }

      .message-bubble small{
        display:block !important;
        margin:4px 0 0 !important;
        font-size:8px !important;
        line-height:1 !important;
        color:#8a9298 !important;
        text-align:right !important;
      }

      /* SIMPLE COMPOSER */
      .message-compose{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:10px 12px 14px !important;
        border:0 !important;
        border-top:1px solid #eceff1 !important;
        background:#fff !important;
        box-shadow:none !important;
        position:relative !important;
        bottom:auto !important;
      }

      .message-compose textarea{
        width:100% !important;
        min-width:0 !important;
        height:44px !important;
        min-height:44px !important;
        max-height:96px !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:11px 14px !important;
        border:1px solid #d9dde0 !important;
        border-radius:22px !important;
        background:#f8f9fa !important;
        color:#111 !important;
        font-size:16px !important;
        line-height:1.3 !important;
        resize:none !important;
        box-shadow:none !important;
      }

      .message-compose textarea:focus{
        outline:none !important;
        border-color:#9fbf69 !important;
        background:#fff !important;
        box-shadow:none !important;
      }

      .message-compose .btn-primary{
        width:auto !important;
        min-width:58px !important;
        height:40px !important;
        min-height:40px !important;
        margin:0 !important;
        padding:0 13px !important;
        border-radius:20px !important;
        font-size:12px !important;
        font-weight:850 !important;
      }
    }

    @media (max-width:390px){
      .message-chat-head{
        padding-left:8px !important;
        padding-right:8px !important;
      }

      .message-bubbles{
        padding-left:10px !important;
        padding-right:10px !important;
      }

      .message-bubble{
        max-width:78% !important;
      }

      .message-compose{
        padding-left:9px !important;
        padding-right:9px !important;
      }
    }
  

    @media (max-width:700px){

      /* Top message icon */
      .vv-message-trigger{
        display:inline-flex !important;
        width:38px !important;
        min-width:38px !important;
        height:38px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        align-items:center !important;
        justify-content:center !important;
      }
      .vv-message-trigger::before,
      .vv-message-trigger::after{content:none !important;display:none !important;}
      .vv-message-trigger .vv-message-icon{display:flex !important;width:21px !important;height:21px !important;}
      .vv-message-trigger .vv-message-icon svg{display:block !important;width:21px !important;height:21px !important;}

      /* Full-width active conversation */
      .messages-page.has-active-conversation{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
      }
      .messages-page.has-active-conversation > .page-head,
      .messages-page.has-active-conversation .message-list{
        display:none !important;
      }
      .messages-page.has-active-conversation .messages-layout,
      .messages-page.has-active-conversation .messages-layout > .panel:last-child{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:#fff !important;
      }

      .message-chat{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
      }

      /* Conversation header */
      .message-chat-head{
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        padding:12px 14px !important;
        border-bottom:1px solid #eceff1 !important;
        background:#fff !important;
      }
      .mobile-conversations-back,
      .message-chat-head > .btn:last-child{
        min-height:36px !important;
        height:36px !important;
        padding:0 4px !important;
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#111 !important;
        font-size:11px !important;
        font-weight:800 !important;
        white-space:nowrap !important;
      }
      .message-chat-person{text-align:center !important;min-width:0 !important;}
      .message-chat-person .eyebrow{display:none !important;}
      .message-chat-person h2{
        margin:0 !important;
        font-size:16px !important;
        line-height:1.15 !important;
        font-weight:900 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }
      .message-chat-person p{
        margin:3px 0 0 !important;
        font-size:10.5px !important;
        color:#777f86 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      /* Conversation body */
      .message-bubbles{
        width:100% !important;
        min-height:390px !important;
        max-height:520px !important;
        overflow-y:auto !important;
        box-sizing:border-box !important;
        padding:20px 14px 18px !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:none !important;
      }

      .vv-chat-day{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin:2px 0 22px !important;
        color:#8b9196 !important;
        font-size:11px !important;
        font-weight:700 !important;
        text-align:center !important;
      }
      .vv-chat-day::before,
      .vv-chat-day::after{
        content:'' !important;
        height:1px !important;
        background:#eceff1 !important;
        flex:1 1 auto !important;
      }

      .message-row{
        display:flex !important;
        align-items:flex-end !important;
        gap:8px !important;
        width:100% !important;
        margin:0 0 12px !important;
        padding:0 !important;
      }
      .message-row.theirs{justify-content:flex-start !important;}
      .message-row.mine{justify-content:flex-end !important;}

      .vv-chat-avatar{
        width:30px !important;
        height:30px !important;
        flex:0 0 30px !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#e9ebed !important;
        color:#555b60 !important;
        font-size:12px !important;
        font-weight:900 !important;
        margin-bottom:17px !important;
      }

      .vv-chat-message{
        display:flex !important;
        flex-direction:column !important;
        max-width:78% !important;
        min-width:0 !important;
      }
      .message-row.mine .vv-chat-message{align-items:flex-end !important;}
      .message-row.theirs .vv-chat-message{align-items:flex-start !important;}

      .message-bubble{
        display:block !important;
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:10px 13px !important;
        border:0 !important;
        border-radius:18px !important;
        box-shadow:none !important;
        font-size:15px !important;
        line-height:1.38 !important;
        overflow-wrap:anywhere !important;
      }
      .message-row.theirs .message-bubble{
        background:#f1f2f3 !important;
        color:#111 !important;
        border-bottom-left-radius:6px !important;
      }
      .message-row.mine .message-bubble{
        background:#caff63 !important;
        color:#111 !important;
        border-bottom-right-radius:6px !important;
      }

      .message-sender,
      .message-bubble small{display:none !important;}

      .vv-chat-time{
        margin-top:4px !important;
        padding:0 5px !important;
        color:#8d9499 !important;
        font-size:9.5px !important;
        line-height:1 !important;
      }

      .vv-chat-empty{
        padding:70px 16px !important;
        background:transparent !important;
      }

      /* Composer */
      .message-compose{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 44px !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:12px 14px 16px !important;
        border:0 !important;
        border-top:1px solid #eceff1 !important;
        background:#fff !important;
        box-shadow:none !important;
        position:relative !important;
      }

      .message-compose textarea{
        width:100% !important;
        height:46px !important;
        min-height:46px !important;
        max-height:108px !important;
        margin:0 !important;
        padding:12px 16px !important;
        box-sizing:border-box !important;
        border:1px solid #d7dbde !important;
        border-radius:23px !important;
        background:#fff !important;
        color:#111 !important;
        font-size:16px !important;
        line-height:1.3 !important;
        resize:none !important;
        box-shadow:none !important;
      }
      .message-compose textarea:focus{
        outline:none !important;
        border-color:#9bbd60 !important;
        box-shadow:0 0 0 2px rgba(170,255,34,.10) !important;
      }

      .message-compose .vv-chat-send{
        width:44px !important;
        min-width:44px !important;
        height:44px !important;
        min-height:44px !important;
        padding:0 !important;
        margin:0 !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#111 !important;
      }
      .message-compose .vv-chat-send svg{
        display:block !important;
        width:20px !important;
        height:20px !important;
      }
    }

    @media (max-width:390px){
      .message-chat-head{padding-left:10px !important;padding-right:10px !important;}
      .message-bubbles{padding-left:10px !important;padding-right:10px !important;}
      .message-compose{padding-left:10px !important;padding-right:10px !important;}
      .vv-chat-message{max-width:80% !important;}
    }
  

    @media (min-width:701px){

      .messages-page{
        max-width:1180px !important;
        padding-top:34px !important;
        padding-bottom:48px !important;
      }

      .messages-page > .page-head{
        margin-bottom:22px !important;
      }

      .messages-page > .page-head h1{
        margin-bottom:6px !important;
      }

      .messages-layout{
        display:grid !important;
        grid-template-columns:300px minmax(0,1fr) !important;
        gap:20px !important;
        align-items:stretch !important;
      }

      .messages-layout > .panel{
        margin:0 !important;
        border:1px solid #e5e8eb !important;
        border-radius:18px !important;
        background:#fff !important;
        box-shadow:0 3px 14px rgba(0,0,0,.035) !important;
        overflow:hidden !important;
      }

      /* Conversation list */
      .message-list{
        padding:14px !important;
        min-height:620px !important;
      }

      .message-list h3{
        margin:4px 6px 14px !important;
        font-size:17px !important;
      }

      .message-thread-item{
        position:relative !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 0 6px !important;
        padding:13px 12px !important;
        border:0 !important;
        border-radius:12px !important;
        background:#fff !important;
        color:#111 !important;
        box-shadow:none !important;
        cursor:pointer !important;
      }

      .message-thread-item:hover{
        background:#f7f8f8 !important;
      }

      .message-thread-item.active{
        background:#f2f8e9 !important;
      }

      .message-thread-item.active::before{
        content:'' !important;
        position:absolute !important;
        left:0 !important;
        top:10px !important;
        bottom:10px !important;
        width:3px !important;
        border-radius:999px !important;
        background:#aaff22 !important;
      }

      .message-thread-top{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
      }

      .message-thread-top strong{
        font-size:14px !important;
        line-height:1.2 !important;
      }

      .message-thread-title{
        margin-top:5px !important;
        font-size:12px !important;
        line-height:1.25 !important;
        color:#555e65 !important;
      }

      .message-thread-preview{
        margin-top:5px !important;
        font-size:11.5px !important;
        line-height:1.25 !important;
        color:#8a9298 !important;
      }

      .message-unread{
        min-width:20px !important;
        height:20px !important;
        padding:0 6px !important;
        border-radius:999px !important;
        background:#aaff22 !important;
        color:#111 !important;
        font-size:10px !important;
        font-weight:900 !important;
      }

      /* Active conversation panel */
      .messages-layout > .panel:last-child{
        padding:0 !important;
        min-width:0 !important;
      }

      .message-chat{
        display:flex !important;
        flex-direction:column !important;
        min-height:620px !important;
        background:#fff !important;
      }

      .mobile-conversations-back{
        display:none !important;
      }

      .message-chat-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:18px !important;
        padding:20px 22px !important;
        margin:0 !important;
        border:0 !important;
        border-bottom:1px solid #eceff1 !important;
        background:#fff !important;
      }

      .message-chat-person{
        min-width:0 !important;
        text-align:left !important;
      }

      .message-chat-person .eyebrow{
        display:none !important;
      }

      .message-chat-person h2{
        margin:0 !important;
        font-size:19px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
      }

      .message-chat-person p{
        margin:4px 0 0 !important;
        font-size:12px !important;
        color:#7a8288 !important;
      }

      .message-chat-head > .btn:last-child{
        min-height:38px !important;
        height:38px !important;
        padding:0 13px !important;
        border:1px solid #dfe3e6 !important;
        border-radius:10px !important;
        background:#fff !important;
        color:#111 !important;
        box-shadow:none !important;
        font-size:12px !important;
        font-weight:800 !important;
      }

      .message-chat-head > .btn:last-child:hover{
        background:#f6f7f8 !important;
      }

      /* Message stream */
      .message-bubbles{
        flex:1 1 auto !important;
        width:100% !important;
        height:auto !important;
        min-height:470px !important;
        max-height:560px !important;
        box-sizing:border-box !important;
        overflow-y:auto !important;
        margin:0 !important;
        padding:24px 24px 20px !important;
        border:0 !important;
        background:#fff !important;
      }

      .vv-chat-day{
        display:flex !important;
        align-items:center !important;
        gap:12px !important;
        margin:0 0 24px !important;
        color:#8a9298 !important;
        font-size:11px !important;
        font-weight:700 !important;
        text-align:center !important;
      }

      .vv-chat-day::before,
      .vv-chat-day::after{
        content:'' !important;
        flex:1 1 auto !important;
        height:1px !important;
        background:#edf0f2 !important;
      }

      .message-row{
        display:flex !important;
        align-items:flex-end !important;
        gap:9px !important;
        width:100% !important;
        margin:0 0 14px !important;
        padding:0 !important;
      }

      .message-row.theirs{
        justify-content:flex-start !important;
      }

      .message-row.mine{
        justify-content:flex-end !important;
      }

      .vv-chat-avatar{
        width:34px !important;
        height:34px !important;
        flex:0 0 34px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin-bottom:18px !important;
        border-radius:50% !important;
        background:#eaedef !important;
        color:#555c61 !important;
        font-size:12px !important;
        font-weight:900 !important;
      }

      .vv-chat-message{
        display:flex !important;
        flex-direction:column !important;
        max-width:66% !important;
        min-width:0 !important;
      }

      .message-row.theirs .vv-chat-message{
        align-items:flex-start !important;
      }

      .message-row.mine .vv-chat-message{
        align-items:flex-end !important;
      }

      .message-bubble{
        display:block !important;
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:11px 14px !important;
        border:0 !important;
        border-radius:18px !important;
        box-shadow:none !important;
        font-size:15px !important;
        line-height:1.42 !important;
        color:#111 !important;
        overflow-wrap:anywhere !important;
      }

      .message-row.theirs .message-bubble{
        background:#f1f2f3 !important;
        border-bottom-left-radius:6px !important;
      }

      .message-row.mine .message-bubble{
        background:#caff63 !important;
        border-bottom-right-radius:6px !important;
      }

      .message-sender,
      .message-bubble small{
        display:none !important;
      }

      .vv-chat-time{
        margin-top:5px !important;
        padding:0 5px !important;
        color:#92999e !important;
        font-size:10px !important;
        line-height:1 !important;
      }

      /* Composer */
      .message-compose{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 46px !important;
        align-items:center !important;
        gap:10px !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:14px 20px 18px !important;
        border:0 !important;
        border-top:1px solid #eceff1 !important;
        background:#fff !important;
      }

      .message-compose textarea{
        width:100% !important;
        height:46px !important;
        min-height:46px !important;
        max-height:110px !important;
        box-sizing:border-box !important;
        margin:0 !important;
        padding:12px 16px !important;
        border:1px solid #d8dde0 !important;
        border-radius:23px !important;
        background:#fff !important;
        color:#111 !important;
        font-size:15px !important;
        line-height:1.35 !important;
        resize:none !important;
        box-shadow:none !important;
      }

      .message-compose textarea:focus{
        outline:none !important;
        border-color:#9fbe69 !important;
        box-shadow:0 0 0 2px rgba(170,255,34,.10) !important;
      }

      .message-compose .vv-chat-send{
        width:46px !important;
        min-width:46px !important;
        height:46px !important;
        min-height:46px !important;
        margin:0 !important;
        padding:0 !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:#111 !important;
      }

      .message-compose .vv-chat-send svg{
        display:block !important;
        width:20px !important;
        height:20px !important;
      }
    }
  

    /* Keep the Messages button as the positioning anchor everywhere */
    .vv-message-trigger{
      position:relative !important;
      overflow:visible !important;
    }

    /* Unread count badge works on desktop too */
    .vv-message-trigger .vv-unread-badge{
      position:absolute !important;
      top:-2px !important;
      right:-3px !important;
      min-width:17px !important;
      height:17px !important;
      padding:0 4px !important;
      box-sizing:border-box !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border:2px solid #fff !important;
      border-radius:999px !important;
      background:#aaff22 !important;
      color:#080808 !important;
      font-size:9px !important;
      line-height:13px !important;
      font-weight:900 !important;
      z-index:5 !important;
      pointer-events:none !important;
    }

    @media (min-width:701px){
      .vv-message-trigger{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
      }

      .vv-message-trigger .vv-message-icon{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
      }
    }

    @media (max-width:700px){
      .vv-message-trigger .vv-unread-badge{
        top:-1px !important;
        right:-2px !important;
      }
    }
  

    @media (max-width:700px){
      /* Account page spacing */
      .dashboard.dashboard-single{
        width:100% !important;
      }

      .dashboard.dashboard-single > div{
        width:100% !important;
        min-width:0 !important;
      }

      .vv-garage-panel,
      .vv-saved-panel,
      .vv-listings-panel{
        padding:18px 16px !important;
        border-radius:16px !important;
        overflow:hidden !important;
      }

      .vv-garage-panel .section-title,
      .vv-listings-panel .section-title{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:14px !important;
        margin-bottom:14px !important;
      }

      .vv-garage-panel .section-title h2,
      .vv-listings-panel .section-title h2,
      .vv-saved-panel > h2{
        margin:0 0 5px !important;
        font-size:25px !important;
        line-height:1.1 !important;
      }

      .vv-garage-panel .section-title p,
      .vv-listings-panel .section-title p{
        margin:0 !important;
        max-width:none !important;
        line-height:1.35 !important;
      }

      /* Uniform top action buttons */
      .vv-garage-panel .section-title > .btn,
      .vv-listings-panel .section-title > .btn{
        align-self:flex-start !important;
        width:auto !important;
        min-width:0 !important;
        height:42px !important;
        min-height:42px !important;
        padding:0 16px !important;
        border-radius:10px !important;
        white-space:nowrap !important;
      }

      /* Stop horizontal table squeezing */
      .vv-garage-panel .table-wrap,
      .vv-saved-panel .table-wrap,
      .vv-listings-panel .table-wrap{
        width:100% !important;
        overflow:visible !important;
      }

      .vv-garage-panel .table,
      .vv-saved-panel .table,
      .vv-listings-panel .table,
      .vv-garage-panel .table tbody,
      .vv-saved-panel .table tbody,
      .vv-listings-panel .table tbody{
        display:block !important;
        width:100% !important;
      }

      .vv-garage-panel .table thead,
      .vv-saved-panel .table thead,
      .vv-listings-panel .table thead{
        display:none !important;
      }

      /* Each old table row becomes a clean card */
      .vv-garage-panel .table tbody tr,
      .vv-saved-panel .table tbody tr,
      .vv-listings-panel .table tbody tr{
        display:grid !important;
        width:100% !important;
        box-sizing:border-box !important;
        margin:0 0 12px !important;
        padding:14px !important;
        border:1px solid #e4e7e9 !important;
        border-radius:14px !important;
        background:#fff !important;
        box-shadow:none !important;
      }

      .vv-garage-panel .table tbody tr:last-child,
      .vv-saved-panel .table tbody tr:last-child,
      .vv-listings-panel .table tbody tr:last-child{
        margin-bottom:0 !important;
      }

      .vv-garage-panel .table td,
      .vv-saved-panel .table td,
      .vv-listings-panel .table td{
        display:grid !important;
        grid-template-columns:96px minmax(0,1fr) !important;
        align-items:start !important;
        gap:10px !important;
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        padding:8px 0 !important;
        border:0 !important;
        font-size:13px !important;
        line-height:1.3 !important;
        overflow-wrap:anywhere !important;
      }

      .vv-garage-panel .table td + td,
      .vv-saved-panel .table td + td,
      .vv-listings-panel .table td + td{
        border-top:1px solid #f0f1f2 !important;
      }

      /* Column labels on mobile */
      .vv-garage-panel .table td:nth-child(1)::before{content:'Bike';}
      .vv-garage-panel .table td:nth-child(2)::before{content:'Passport';}
      .vv-garage-panel .table td:nth-child(3)::before{content:'Verification';}
      .vv-garage-panel .table td:nth-child(4)::before{content:'Actions';}

      .vv-saved-panel .table td:nth-child(1)::before{content:'Bike';}
      .vv-saved-panel .table td:nth-child(2)::before{content:'Price';}
      .vv-saved-panel .table td:nth-child(3)::before{content:'Location';}
      .vv-saved-panel .table td:nth-child(4)::before{content:'Actions';}

      .vv-listings-panel .table td:nth-child(1)::before{content:'Listing';}
      .vv-listings-panel .table td:nth-child(2)::before{content:'Price';}
      .vv-listings-panel .table td:nth-child(3)::before{content:'Status';}
      .vv-listings-panel .table td:nth-child(4)::before{content:'Actions';}

      .vv-garage-panel .table td::before,
      .vv-saved-panel .table td::before,
      .vv-listings-panel .table td::before{
        color:#7b838a !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:850 !important;
        text-transform:uppercase !important;
        letter-spacing:.045em !important;
      }

      /* Make bike titles readable instead of 1-word-per-line */
      .vv-garage-panel .table td:first-child strong,
      .vv-saved-panel .table td:first-child,
      .vv-listings-panel .table td:first-child{
        font-size:14px !important;
        line-height:1.3 !important;
        font-weight:800 !important;
      }

      .vv-garage-panel .table td:first-child small{
        display:block !important;
        margin-top:3px !important;
        font-size:10px !important;
        color:#7b838a !important;
      }

      /* Action area becomes equal-size grid buttons */
      .vv-garage-panel .table td:nth-child(4),
      .vv-saved-panel .table td:nth-child(4),
      .vv-listings-panel .table td:nth-child(4){
        display:block !important;
        padding-top:12px !important;
      }

      .vv-garage-panel .table td:nth-child(4)::before,
      .vv-saved-panel .table td:nth-child(4)::before,
      .vv-listings-panel .table td:nth-child(4)::before{
        display:block !important;
        margin-bottom:8px !important;
      }

      .vv-garage-panel .table td:nth-child(4) > div,
      .vv-listings-panel .table td:nth-child(4) > div{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
        width:100% !important;
      }

      .vv-saved-panel .table td:nth-child(4){
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
      }

      .vv-saved-panel .table td:nth-child(4)::before{
        grid-column:1 / -1 !important;
      }

      .vv-garage-panel .table td:nth-child(4) .btn,
      .vv-saved-panel .table td:nth-child(4) .btn,
      .vv-listings-panel .table td:nth-child(4) .btn{
        width:100% !important;
        min-width:0 !important;
        height:42px !important;
        min-height:42px !important;
        margin:0 !important;
        padding:0 8px !important;
        border-radius:10px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        white-space:normal !important;
        line-height:1.1 !important;
        font-size:12px !important;
      }

      /* Status badge stays compact */
      .vv-listings-panel .status{
        justify-self:start !important;
        width:auto !important;
        min-width:0 !important;
      }

      /* Empty-state rows should not get fake labels */
      .vv-garage-panel td[colspan],
      .vv-saved-panel td[colspan],
      .vv-listings-panel td[colspan]{
        display:block !important;
        padding:18px 4px !important;
        text-align:center !important;
      }

      .vv-garage-panel td[colspan]::before,
      .vv-saved-panel td[colspan]::before,
      .vv-listings-panel td[colspan]::before{
        content:none !important;
      }
    }

    @media (max-width:390px){
      .vv-garage-panel,
      .vv-saved-panel,
      .vv-listings-panel{
        padding:15px 12px !important;
      }

      .vv-garage-panel .table td,
      .vv-saved-panel .table td,
      .vv-listings-panel .table td{
        grid-template-columns:84px minmax(0,1fr) !important;
        gap:8px !important;
      }
    }
  

    .vv-detail-photo-panel{
      padding:0 !important;
      overflow:hidden !important;
      min-height:0 !important;
      background:#fff !important;
    }

    .vv-detail-photo-stage{
      position:relative !important;
      width:100% !important;
      height:460px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
      background:#f5f6f7 !important;
    }

    .vv-detail-main-photo{
      width:100% !important;
      height:100% !important;
      display:block !important;
      object-fit:contain !important;
      object-position:center !important;
      cursor:zoom-in !important;
      background:#f5f6f7 !important;
    }

    .vv-photo-expand{
      position:absolute !important;
      right:12px !important;
      bottom:12px !important;
      width:42px !important;
      height:42px !important;
      border:1px solid rgba(0,0,0,.10) !important;
      border-radius:12px !important;
      background:rgba(255,255,255,.94) !important;
      color:#111 !important;
      box-shadow:0 4px 14px rgba(0,0,0,.08) !important;
      font-size:19px !important;
      cursor:pointer !important;
      z-index:2 !important;
    }

    .vv-detail-thumbnails{
      display:flex !important;
      gap:8px !important;
      margin-top:10px !important;
      overflow-x:auto !important;
      padding-bottom:3px !important;
      scrollbar-width:none;
    }

    .vv-detail-thumbnails::-webkit-scrollbar{
      display:none;
    }

    .vv-detail-thumb{
      appearance:none !important;
      -webkit-appearance:none !important;
      width:92px !important;
      height:72px !important;
      flex:0 0 92px !important;
      padding:3px !important;
      border:1px solid #e0e4e7 !important;
      border-radius:10px !important;
      background:#fff !important;
      overflow:hidden !important;
      cursor:pointer !important;
    }

    .vv-detail-thumb.active{
      border:2px solid #aaff22 !important;
      padding:2px !important;
    }

    .vv-detail-thumb img{
      width:100% !important;
      height:100% !important;
      display:block !important;
      object-fit:contain !important;
      border-radius:7px !important;
      background:#f5f6f7 !important;
    }

    body.vv-photo-open{
      overflow:hidden !important;
    }

    .vv-photo-lightbox{
      position:fixed !important;
      inset:0 !important;
      z-index:99999 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:18px !important;
      box-sizing:border-box !important;
      background:rgba(0,0,0,.84) !important;
    }

    .vv-photo-lightbox-inner{
      width:min(1100px,100%) !important;
      height:min(820px,94vh) !important;
      display:flex !important;
      flex-direction:column !important;
      overflow:hidden !important;
      border-radius:18px !important;
      background:#fff !important;
      box-shadow:0 22px 70px rgba(0,0,0,.35) !important;
    }

    .vv-photo-toolbar{
      min-height:58px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      padding:8px 12px 8px 18px !important;
      box-sizing:border-box !important;
      border-bottom:1px solid #e9ecef !important;
      background:#fff !important;
    }

    .vv-photo-toolbar-label{
      font-size:13px !important;
      font-weight:850 !important;
      color:#111 !important;
    }

    .vv-photo-toolbar-actions{
      display:flex !important;
      align-items:center !important;
      gap:6px !important;
    }

    .vv-photo-toolbar-actions button{
      min-width:40px !important;
      height:40px !important;
      padding:0 10px !important;
      border:1px solid #dfe3e6 !important;
      border-radius:10px !important;
      background:#fff !important;
      color:#111 !important;
      font-size:15px !important;
      font-weight:800 !important;
      cursor:pointer !important;
    }

    .vv-photo-toolbar-actions .vv-photo-close{
      font-size:22px !important;
    }

    .vv-photo-canvas{
      flex:1 1 auto !important;
      min-height:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:auto !important;
      background:#f2f3f4 !important;
      cursor:zoom-in !important;
      -webkit-overflow-scrolling:touch;
    }

    .vv-photo-canvas img{
      max-width:100% !important;
      max-height:100% !important;
      width:auto !important;
      height:auto !important;
      object-fit:contain !important;
      transform-origin:center center !important;
      transition:transform .16s ease !important;
      user-select:none !important;
      -webkit-user-drag:none !important;
    }

    .vv-photo-hint{
      padding:9px 14px 11px !important;
      border-top:1px solid #e9ecef !important;
      background:#fff !important;
      color:#7a8288 !important;
      font-size:11px !important;
      text-align:center !important;
    }

    @media (max-width:700px){
      .vv-detail-photo-stage{
        height:260px !important;
        border-radius:14px !important;
      }

      .vv-detail-photo-panel{
        border-radius:14px !important;
      }

      .vv-photo-expand{
        right:9px !important;
        bottom:9px !important;
        width:38px !important;
        height:38px !important;
        border-radius:11px !important;
      }

      .vv-detail-thumbnails{
        gap:7px !important;
        margin-top:8px !important;
      }

      .vv-detail-thumb{
        width:72px !important;
        height:58px !important;
        flex-basis:72px !important;
      }

      .vv-photo-lightbox{
        padding:0 !important;
        background:#fff !important;
      }

      .vv-photo-lightbox-inner{
        width:100% !important;
        height:100% !important;
        max-height:none !important;
        border-radius:0 !important;
        box-shadow:none !important;
      }

      .vv-photo-toolbar{
        min-height:58px !important;
        padding-left:13px !important;
        padding-right:9px !important;
      }

      .vv-photo-toolbar-actions{
        gap:4px !important;
      }

      .vv-photo-toolbar-actions button{
        min-width:38px !important;
        height:38px !important;
        padding:0 8px !important;
      }

      .vv-photo-canvas{
        background:#f4f5f6 !important;
      }

      .vv-photo-hint{
        padding-bottom:max(12px, env(safe-area-inset-bottom)) !important;
      }
    }
  

    @media (min-width:701px){

      .vv-detail-photo-panel{
        max-width:760px !important;
        margin:0 auto !important;
        border-radius:16px !important;
        background:#fff !important;
      }

      .vv-detail-photo-stage{
        height:420px !important;
        border-radius:16px !important;
        background:#f5f6f7 !important;
      }

      .vv-detail-main-photo{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center !important;
        cursor:zoom-in !important;
        background:#f5f6f7 !important;
      }

      .vv-detail-thumbnails{
        max-width:760px !important;
        margin:10px auto 0 !important;
        justify-content:flex-start !important;
      }

      .vv-detail-thumb{
        width:86px !important;
        height:66px !important;
        flex-basis:86px !important;
      }

      .vv-photo-expand{
        width:40px !important;
        height:40px !important;
        right:12px !important;
        bottom:12px !important;
      }

      .vv-photo-lightbox-inner{
        width:min(1180px,94vw) !important;
        height:min(840px,92vh) !important;
      }

      .vv-photo-canvas{
        padding:20px !important;
        box-sizing:border-box !important;
      }

      .vv-photo-canvas img{
        max-width:100% !important;
        max-height:100% !important;
        object-fit:contain !important;
      }
    }
  

    /* LISTING CARD SHELL */
    .listing-card{
      width:100% !important;
      min-width:0 !important;
      overflow:hidden !important;
      border-radius:16px !important;
      background:#fff !important;
      border:1px solid #dfe4e7 !important;
      box-shadow:0 3px 14px rgba(0,0,0,.035) !important;
    }

    /* PHOTO AREA */
    .listing-card .card-img{
      position:relative !important;
      height:240px !important;
      padding:12px !important;
      box-sizing:border-box !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
      background:#f5f6f7 !important;
    }

    .vv-listing-card-photo{
      width:100% !important;
      height:100% !important;
      display:block !important;
      object-fit:contain !important;
      object-position:center !important;
      background:#f5f6f7 !important;
    }

    .listing-card .pill{
      top:11px !important;
      left:11px !important;
      padding:5px 8px !important;
      border-radius:8px !important;
      font-size:9px !important;
      line-height:1 !important;
    }

    /* HEART / SAVE BUTTON */
    .listing-card .card-img > button.btn{
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      right:11px !important;
      bottom:11px !important;
      border-radius:12px !important;
      font-size:21px !important;
    }

    /* TEXT AREA */
    .listing-card .card-body{
      padding:17px 17px 16px !important;
      box-sizing:border-box !important;
    }

    .listing-card .brand{
      margin-bottom:6px !important;
      font-size:10px !important;
      line-height:1.2 !important;
      letter-spacing:.02em !important;
    }

    .listing-card .title{
      margin-bottom:9px !important;
      font-size:18px !important;
      line-height:1.2 !important;
      font-weight:850 !important;
      overflow-wrap:normal !important;
      word-break:normal !important;
    }

    .listing-card .meta{
      font-size:12px !important;
      line-height:1.45 !important;
      color:#69727a !important;
    }

    .listing-card .meta strong{
      color:#26313a !important;
      font-weight:800 !important;
    }

    .listing-card .listing-row{
      display:flex !important;
      align-items:flex-end !important;
      justify-content:space-between !important;
      gap:14px !important;
      margin-top:14px !important;
    }

    .listing-card .card-price{
      flex:0 0 auto !important;
      font-size:21px !important;
      line-height:1 !important;
      font-weight:900 !important;
      white-space:nowrap !important;
    }

    .listing-card .trust-badge{
      flex:0 1 auto !important;
      max-width:52% !important;
      font-size:9.5px !important;
      line-height:1.15 !important;
      text-align:right !important;
      white-space:normal !important;
    }

    /* Make listing grids breathe on larger screens */
    @media (min-width:701px){
      .grid:has(> .listing-card){
        grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
        gap:20px !important;
        align-items:start !important;
      }

      .grid:has(> .listing-card) > .listing-card{
        max-width:360px !important;
      }
    }

    /* MOBILE / NARROW */
    @media (max-width:700px){
      .grid:has(> .listing-card){
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
      }

      .grid:has(> .listing-card) > .listing-card{
        width:100% !important;
        max-width:none !important;
      }

      .listing-card .card-img{
        height:230px !important;
        padding:14px !important;
      }

      .listing-card .card-body{
        padding:16px !important;
      }

      .listing-card .title{
        font-size:18px !important;
      }

      .listing-card .listing-row{
        align-items:center !important;
      }

      .listing-card .trust-badge{
        max-width:48% !important;
      }
    }

    @media (max-width:390px){
      .listing-card .card-img{
        height:215px !important;
      }

      .listing-card .card-body{
        padding:15px !important;
      }

      .listing-card .card-price{
        font-size:20px !important;
      }
    }
  

    /* Keep chat surfaces neutral */
    .message-row.mine .message-bubble{
      background:transparent !important;
      color:#F72B78 !important;
      border:0 !important;
      box-shadow:none !important;
      padding-left:6px !important;
      padding-right:6px !important;
    }

    .message-row.theirs .message-bubble{
      background:transparent !important;
      color:#111 !important;
      border:0 !important;
      box-shadow:none !important;
      padding-left:6px !important;
      padding-right:6px !important;
    }

    /* Pink accent details */
    .messages-page > .page-head .eyebrow{
      color:#F72B78 !important;
    }

    .message-thread-item.active{
      background:rgba(247,43,120,.07) !important;
    }

    .message-thread-item.active::before{
      background:#F72B78 !important;
    }

    .message-unread,
    .vv-message-trigger .vv-unread-badge{
      background:#F72B78 !important;
      color:#fff !important;
    }

    .vv-chat-day{
      color:#F72B78 !important;
    }

    .vv-chat-day::before,
    .vv-chat-day::after{
      background:rgba(247,43,120,.45) !important;
    }

    .message-chat-head > .btn:last-child{
      color:#F72B78 !important;
      border-color:rgba(247,43,120,.55) !important;
    }

    .message-chat-head > .btn:last-child:hover{
      background:rgba(247,43,120,.07) !important;
    }

    .message-compose textarea:focus{
      border-color:#F72B78 !important;
      box-shadow:0 0 0 2px rgba(247,43,120,.08) !important;
    }

    .message-compose .vv-chat-send{
      background:#fff !important;
      color:#F72B78 !important;
      border:1.5px solid #F72B78 !important;
      box-shadow:none !important;
    }

    .message-compose .vv-chat-send:hover{
      background:rgba(247,43,120,.07) !important;
    }

    /* Timestamps stay subtle */
    .vv-chat-time{
      color:#8d9499 !important;
    }

    /* Mobile keeps the same clean treatment */
    @media (max-width:700px){
      .message-row.mine .message-bubble{
        background:transparent !important;
        color:#F72B78 !important;
      }

      .message-row.theirs .message-bubble{
        background:transparent !important;
        color:#111 !important;
      }

      .message-compose .vv-chat-send{
        background:#fff !important;
        color:#F72B78 !important;
        border:1.5px solid #F72B78 !important;
      }
    }
  

    .auth-modal{
      width:min(470px,calc(100vw - 28px)) !important;
      padding:28px 28px 24px !important;
      border:1px solid #e2e6e9 !important;
      border-radius:20px !important;
      background:#fff !important;
      box-shadow:0 24px 70px rgba(0,0,0,.14) !important;
      -webkit-font-smoothing:antialiased !important;
      text-rendering:optimizeLegibility !important;
    }

    .auth-modal .modal-x{
      top:16px !important;
      right:16px !important;
      width:34px !important;
      height:34px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border:0 !important;
      background:transparent !important;
      color:#111 !important;
      font-size:27px !important;
      font-weight:400 !important;
      line-height:1 !important;
      cursor:pointer !important;
    }

    .auth-modal .eyebrow{
      margin-bottom:6px !important;
      color:#5ca900 !important;
      font-size:11px !important;
      line-height:1.15 !important;
      font-weight:850 !important;
      letter-spacing:.08em !important;
    }

    .auth-modal h2{
      margin:0 44px 22px 0 !important;
      color:#111 !important;
      font-size:27px !important;
      line-height:1.08 !important;
      font-weight:900 !important;
      letter-spacing:-.02em !important;
    }

    .auth-modal .field{
      margin-bottom:15px !important;
    }

    .auth-modal label{
      display:block !important;
      margin-bottom:7px !important;
      color:#252a2e !important;
      font-size:12px !important;
      line-height:1.2 !important;
      font-weight:700 !important;
    }

    .auth-modal .input{
      width:100% !important;
      min-height:48px !important;
      box-sizing:border-box !important;
      padding:0 14px !important;
      border:1px solid #cfd6db !important;
      border-radius:12px !important;
      background:#fff !important;
      color:#111 !important;
      font-size:16px !important;
      line-height:1.2 !important;
      font-weight:500 !important;
      box-shadow:none !important;
      -webkit-font-smoothing:antialiased !important;
    }

    .auth-modal .input::placeholder{
      color:#8a949d !important;
      opacity:1 !important;
      font-weight:500 !important;
    }

    .auth-modal .input:focus{
      outline:none !important;
      border-color:#111 !important;
      box-shadow:0 0 0 2px rgba(0,0,0,.05) !important;
    }

    .auth-modal #authSubmitBtn{
      width:100% !important;
      min-height:48px !important;
      margin-top:4px !important;
      padding:0 16px !important;
      border-radius:11px !important;
      font-size:15px !important;
      line-height:1 !important;
      font-weight:900 !important;
      letter-spacing:0 !important;
      -webkit-font-smoothing:antialiased !important;
      text-rendering:geometricPrecision !important;
    }

    .auth-modal .auth-switch{
      margin-top:19px !important;
      color:#7c8790 !important;
      font-size:12.5px !important;
      line-height:1.3 !important;
      font-weight:500 !important;
      text-align:center !important;
      -webkit-font-smoothing:antialiased !important;
    }

    .auth-modal .auth-switch a{
      margin-left:4px !important;
      color:#111 !important;
      font-size:12.5px !important;
      line-height:1.3 !important;
      font-weight:850 !important;
      text-decoration:underline !important;
      text-decoration-thickness:1px !important;
      text-underline-offset:3px !important;
      cursor:pointer !important;
      opacity:1 !important;
      text-shadow:none !important;
      -webkit-font-smoothing:antialiased !important;
    }

    .auth-modal .auth-switch a:hover{
      color:#5ca900 !important;
    }

    @media (max-width:700px){
      .auth-modal{
        width:calc(100vw - 24px) !important;
        max-width:440px !important;
        padding:24px 20px 22px !important;
        border-radius:18px !important;
      }

      .auth-modal h2{
        font-size:25px !important;
        margin-bottom:20px !important;
      }

      .auth-modal .eyebrow{
        font-size:10.5px !important;
      }

      .auth-modal .input{
        min-height:50px !important;
      }

      .auth-modal #authSubmitBtn{
        min-height:50px !important;
      }

      .auth-modal .auth-switch,
      .auth-modal .auth-switch a{
        font-size:13px !important;
      }
    }
  

    .brand-searchbar{
      display:flex !important;
      align-items:center !important;
      gap:16px !important;
      padding:7px 8px 7px 0 !important;
      box-sizing:border-box !important;
    }

    .brand-searchbar select{
      flex:1 1 auto !important;
      min-width:0 !important;
      height:46px !important;
      padding-left:20px !important;
      padding-right:34px !important;
      margin:0 !important;
      border:0 !important;
      background-color:#fff !important;
      color:#111 !important;
      font-size:15px !important;
      line-height:1.2 !important;
      cursor:pointer !important;
    }

    .brand-searchbar button{
      flex:0 0 auto !important;
      min-width:142px !important;
      height:46px !important;
      margin:0 !important;
      padding:0 20px !important;
      border-radius:10px !important;
      white-space:nowrap !important;
    }

    @media (max-width:700px){
      .brand-searchbar{
        gap:12px !important;
        padding:6px 7px 6px 0 !important;
      }

      .brand-searchbar select{
        height:44px !important;
        padding-left:16px !important;
        padding-right:30px !important;
        font-size:14px !important;
      }

      .brand-searchbar button{
        min-width:128px !important;
        height:44px !important;
        padding:0 15px !important;
        font-size:13px !important;
      }
    }

    @media (max-width:390px){
      .brand-searchbar{
        gap:10px !important;
      }

      .brand-searchbar button{
        min-width:118px !important;
        padding:0 12px !important;
      }
    }
  

    @media (min-width:701px){

      /* Home-page Fresh Drops should flow left-to-right with a fixed gap */
      .section .grid:has(> .listing-card){
        display:grid !important;
        grid-template-columns:repeat(auto-fill, minmax(280px, 320px)) !important;
        justify-content:start !important;
        justify-items:stretch !important;
        align-items:start !important;
        column-gap:22px !important;
        row-gap:22px !important;
      }

      .section .grid:has(> .listing-card) > .listing-card{
        width:100% !important;
        max-width:320px !important;
        margin:0 !important;
      }
    }

    @media (max-width:700px){
      .section .grid:has(> .listing-card){
        grid-template-columns:1fr !important;
        justify-content:stretch !important;
        gap:16px !important;
      }

      .section .grid:has(> .listing-card) > .listing-card{
        max-width:none !important;
        width:100% !important;
      }
    }
  

    .vv-make-offer-btn{
      font-weight:900 !important;
    }

    .vv-offer-modal{
      width:min(500px,calc(100vw - 28px)) !important;
    }

    .vv-offer-asking{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:16px !important;
      margin:14px 0 20px !important;
      padding:13px 15px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:12px !important;
      background:#f8f9fa !important;
    }

    .vv-offer-asking span{
      color:#687078 !important;
      font-size:12px !important;
      font-weight:700 !important;
    }

    .vv-offer-asking strong{
      color:#111 !important;
      font-size:18px !important;
      font-weight:900 !important;
    }

    .vv-money-input{
      position:relative !important;
    }

    .vv-money-input > span{
      position:absolute !important;
      left:14px !important;
      top:50% !important;
      transform:translateY(-50%) !important;
      z-index:2 !important;
      color:#535b61 !important;
      font-size:16px !important;
      font-weight:800 !important;
      pointer-events:none !important;
    }

    .vv-money-input .input{
      padding-left:30px !important;
    }

    .vv-optional{
      margin-left:4px !important;
      color:#90979d !important;
      font-size:10px !important;
      font-weight:600 !important;
    }

    .vv-offer-note{
      margin-top:12px !important;
      color:#7d858b !important;
      font-size:11px !important;
      line-height:1.45 !important;
    }

    /* Offer event inside Messages */
    .vv-offer-event{
      width:min(520px,84%) !important;
      box-sizing:border-box !important;
      margin:18px auto !important;
      padding:16px !important;
      border:1px solid #dfe4e7 !important;
      border-radius:16px !important;
      background:#fff !important;
      box-shadow:0 3px 14px rgba(0,0,0,.035) !important;
    }

    .vv-offer-event.accepted{
      border-color:#b8df77 !important;
      background:#fbfff5 !important;
    }

    .vv-offer-event.countered{
      border-color:rgba(247,43,120,.28) !important;
    }

    .vv-offer-event.declined,
    .vv-offer-event.withdrawn{
      opacity:.72 !important;
    }

    .vv-offer-top{
      display:flex !important;
      align-items:flex-start !important;
      justify-content:space-between !important;
      gap:14px !important;
    }

    .vv-offer-kicker{
      color:#F72B78 !important;
      font-size:10px !important;
      line-height:1.1 !important;
      font-weight:900 !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
    }

    .vv-offer-amount{
      margin-top:5px !important;
      color:#111 !important;
      font-size:25px !important;
      line-height:1 !important;
      font-weight:950 !important;
    }

    .vv-offer-status{
      flex:0 0 auto !important;
      padding:6px 9px !important;
      border-radius:999px !important;
      background:#f1f3f4 !important;
      color:#596168 !important;
      font-size:9px !important;
      line-height:1 !important;
      font-weight:850 !important;
      text-transform:uppercase !important;
    }

    .vv-offer-status.accepted{
      background:#ebf9d7 !important;
      color:#357000 !important;
    }

    .vv-offer-status.countered{
      background:rgba(247,43,120,.08) !important;
      color:#F72B78 !important;
    }

    .vv-offer-original{
      margin-top:8px !important;
      color:#7e868c !important;
      font-size:11px !important;
    }

    .vv-offer-message{
      margin-top:13px !important;
      padding-top:13px !important;
      border-top:1px solid #edf0f2 !important;
      color:#4f575d !important;
      font-size:13px !important;
      line-height:1.45 !important;
    }

    .vv-offer-actions{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin-top:15px !important;
      padding-top:14px !important;
      border-top:1px solid #edf0f2 !important;
    }

    .vv-offer-actions .btn{
      min-height:38px !important;
      padding:0 14px !important;
      font-size:11px !important;
    }

    .vv-offer-counter{
      color:#F72B78 !important;
      border-color:rgba(247,43,120,.55) !important;
    }

    .vv-offer-waiting{
      margin-top:14px !important;
      padding-top:13px !important;
      border-top:1px solid #edf0f2 !important;
      color:#747c82 !important;
      font-size:11px !important;
      font-weight:700 !important;
    }

    .vv-offer-accepted{
      margin-top:14px !important;
      padding:11px 12px !important;
      border-radius:10px !important;
      background:#eaffc7 !important;
      color:#214d00 !important;
      font-size:12px !important;
      font-weight:900 !important;
    }

    @media (max-width:700px){

      .vv-offer-event{
        width:calc(100% - 10px) !important;
        max-width:none !important;
        margin:16px auto !important;
        padding:14px !important;
        border-radius:14px !important;
      }

      .vv-offer-amount{
        font-size:23px !important;
      }

      .vv-offer-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
      }

      .vv-offer-actions .btn{
        width:100% !important;
        min-width:0 !important;
      }

      .vv-offer-actions .btn:first-child:nth-last-child(3){
        grid-column:1 / -1 !important;
      }

      .vv-offer-modal{
        width:calc(100vw - 22px) !important;
      }
    }
  

    .vv-seller-card{
      padding:18px !important;
    }

    .vv-seller-card-head{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
    }

    .vv-seller-avatar{
      width:46px !important;
      height:46px !important;
      flex:0 0 46px !important;
      border-radius:50% !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      background:#aaff22 !important;
      color:#111 !important;
      font-size:16px !important;
      font-weight:950 !important;
    }

    .vv-seller-avatar.large{
      width:62px !important;
      height:62px !important;
      flex-basis:62px !important;
      font-size:22px !important;
    }

    .vv-seller-identity{
      min-width:0 !important;
    }

    .vv-seller-identity .eyebrow{
      margin-bottom:3px !important;
      font-size:9px !important;
    }

    .vv-seller-identity h3{
      margin:0 !important;
      font-size:18px !important;
      line-height:1.15 !important;
    }

    .vv-seller-rating{
      margin-top:4px !important;
      color:#5f686f !important;
      font-size:11px !important;
      font-weight:700 !important;
    }

    .vv-seller-location{
      margin-top:13px !important;
      color:#737c83 !important;
      font-size:11px !important;
      line-height:1.4 !important;
    }

    .vv-seller-verification{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:7px !important;
      margin-top:12px !important;
    }

    .vv-seller-verification.profile{
      margin-top:16px !important;
    }

    .vv-trust-chip{
      display:inline-flex !important;
      align-items:center !important;
      min-height:27px !important;
      padding:0 9px !important;
      border:1px solid #e0e4e7 !important;
      border-radius:999px !important;
      background:#f6f7f8 !important;
      color:#697178 !important;
      font-size:9.5px !important;
      line-height:1 !important;
      font-weight:800 !important;
    }

    .vv-trust-chip.verified{
      border-color:#c8e79a !important;
      background:#f5ffe8 !important;
      color:#397400 !important;
    }

    .vv-seller-stats{
      display:grid !important;
      grid-template-columns:repeat(3,1fr) !important;
      gap:8px !important;
      margin-top:14px !important;
      padding-top:14px !important;
      border-top:1px solid #eceff1 !important;
    }

    .vv-seller-stats > div{
      min-width:0 !important;
    }

    .vv-seller-stats strong{
      display:block !important;
      color:#111 !important;
      font-size:18px !important;
      line-height:1 !important;
      font-weight:950 !important;
    }

    .vv-seller-stats span{
      display:block !important;
      margin-top:4px !important;
      color:#81898f !important;
      font-size:9px !important;
      line-height:1.2 !important;
    }

    .vv-seller-loading{
      margin-top:8px !important;
      color:#7a8288 !important;
      font-size:12px !important;
    }

    .vv-seller-profile-modal{
      width:min(620px,calc(100vw - 28px)) !important;
      max-height:88vh !important;
      overflow-y:auto !important;
    }

    .vv-seller-profile-top{
      display:flex !important;
      align-items:center !important;
      gap:15px !important;
      padding-right:40px !important;
    }

    .vv-seller-profile-top h2{
      margin:3px 0 0 !important;
    }

    .vv-seller-profile-top p{
      margin:5px 0 0 !important;
    }

    .vv-seller-profile-score{
      display:grid !important;
      grid-template-columns:repeat(4,1fr) !important;
      gap:10px !important;
      margin-top:20px !important;
    }

    .vv-seller-profile-score > div{
      min-width:0 !important;
      padding:13px 10px !important;
      border:1px solid #e4e8ea !important;
      border-radius:12px !important;
      background:#fafbfb !important;
    }

    .vv-seller-profile-score strong{
      display:block !important;
      font-size:19px !important;
      font-weight:950 !important;
      line-height:1 !important;
    }

    .vv-seller-profile-score span{
      display:block !important;
      margin-top:5px !important;
      color:#7b8389 !important;
      font-size:9.5px !important;
      line-height:1.2 !important;
    }

    .vv-review-section{
      margin-top:22px !important;
      padding-top:18px !important;
      border-top:1px solid #eceff1 !important;
    }

    .vv-review-section h3{
      margin:0 0 12px !important;
    }

    .vv-review-card{
      padding:14px 0 !important;
      border-bottom:1px solid #edf0f2 !important;
    }

    .vv-review-card:last-child{
      border-bottom:0 !important;
    }

    .vv-review-stars{
      color:#F72B78 !important;
      font-size:14px !important;
      letter-spacing:1px !important;
    }

    .vv-review-card p{
      margin:7px 0 !important;
      color:#30363a !important;
      font-size:13px !important;
      line-height:1.45 !important;
    }

    .vv-review-card small{
      color:#8a9298 !important;
      font-size:9.5px !important;
    }

    .vv-no-reviews{
      padding:20px 0 !important;
    }

    .vv-rate-seller-btn{
      width:100% !important;
      margin-top:9px !important;
      color:#F72B78 !important;
      border-color:rgba(247,43,120,.42) !important;
    }

    .vv-review-modal{
      width:min(500px,calc(100vw - 28px)) !important;
    }

    @media (max-width:700px){

      .vv-seller-card{
        padding:16px !important;
      }

      .vv-seller-stats{
        gap:5px !important;
      }

      .vv-seller-stats strong{
        font-size:17px !important;
      }

      .vv-seller-profile-modal{
        width:calc(100vw - 22px) !important;
        max-height:90vh !important;
      }

      .vv-seller-profile-score{
        grid-template-columns:1fr 1fr !important;
      }

      .vv-seller-profile-top{
        align-items:flex-start !important;
      }

      .vv-review-modal{
        width:calc(100vw - 22px) !important;
      }
    }
  

    .vv-market-toolbar{
      display:flex !important;
      justify-content:space-between !important;
      align-items:center !important;
      gap:16px !important;
      margin-bottom:14px !important;
    }

    .vv-market-category-row,
    .vv-market-tools{
      display:flex !important;
      align-items:center !important;
      gap:8px !important;
      flex-wrap:wrap !important;
    }

    .vv-market-category-row .btn{
      min-height:40px !important;
      padding:0 15px !important;
    }

    .vv-filter-toggle{
      display:inline-flex !important;
      align-items:center !important;
      gap:7px !important;
      min-height:40px !important;
    }

    .vv-filter-count{
      min-width:20px !important;
      height:20px !important;
      padding:0 6px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:999px !important;
      background:#111 !important;
      color:#fff !important;
      font-size:9px !important;
      font-weight:900 !important;
    }

    .vv-sort-select{
      width:auto !important;
      min-width:170px !important;
      height:40px !important;
      padding-top:0 !important;
      padding-bottom:0 !important;
    }

    .vv-filter-panel{
      display:block !important;
      margin-bottom:20px !important;
      padding:18px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:16px !important;
      background:#fafbfb !important;
    }

    .vv-filter-grid{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:13px !important;
    }

    .vv-filter-field{
      min-width:0 !important;
    }

    .vv-filter-field label{
      display:block !important;
      margin:0 0 6px !important;
      color:#5d656b !important;
      font-size:10px !important;
      line-height:1.2 !important;
      font-weight:800 !important;
      text-transform:uppercase !important;
      letter-spacing:.04em !important;
    }

    .vv-filter-field .input{
      width:100% !important;
      min-width:0 !important;
      height:43px !important;
      box-sizing:border-box !important;
      padding-top:0 !important;
      padding-bottom:0 !important;
      border-radius:10px !important;
      background:#fff !important;
    }

    .vv-filter-money{
      position:relative !important;
    }

    .vv-filter-money > span{
      position:absolute !important;
      left:13px !important;
      top:50% !important;
      z-index:2 !important;
      transform:translateY(-50%) !important;
      color:#646c72 !important;
      font-size:13px !important;
      font-weight:800 !important;
      pointer-events:none !important;
    }

    .vv-filter-money .input{
      padding-left:27px !important;
    }

    .vv-filter-footer{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      margin-top:15px !important;
      padding-top:14px !important;
      border-top:1px solid #e8ebed !important;
    }

    .vv-result-count{
      color:#727a80 !important;
      font-size:11px !important;
    }

    .vv-result-count strong{
      color:#111 !important;
    }

    .vv-results-row{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:12px !important;
      margin:3px 0 14px !important;
      color:#7b8389 !important;
      font-size:11px !important;
    }

    .vv-results-row strong{
      color:#111 !important;
      font-weight:900 !important;
    }

    .vv-clear-inline{
      padding:0 !important;
      border:0 !important;
      background:transparent !important;
      color:#F72B78 !important;
      font-size:11px !important;
      font-weight:850 !important;
      cursor:pointer !important;
    }

    .vv-no-market-results{
      padding:34px !important;
      text-align:center !important;
    }

    .vv-no-market-results .btn{
      margin-top:12px !important;
    }

    @media (min-width:701px){
      .vv-filter-toggle{
        display:none !important;
      }

      .vv-filter-panel{
        display:block !important;
      }

      .vv-market-grid{
        grid-template-columns:repeat(auto-fill,minmax(280px,320px)) !important;
        justify-content:start !important;
        gap:22px !important;
      }
    }

    @media (max-width:900px) and (min-width:701px){
      .vv-filter-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
    }

    @media (max-width:700px){

      .vv-market-page{
        padding-left:16px !important;
        padding-right:16px !important;
      }

      .vv-market-head{
        margin-bottom:18px !important;
      }

      .vv-market-toolbar{
        display:block !important;
      }

      .vv-market-category-row{
        display:grid !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:5px !important;
        margin-bottom:10px !important;
      }

      .vv-market-category-row .btn{
        min-width:0 !important;
        padding:0 5px !important;
        font-size:10.5px !important;
      }

      .vv-market-tools{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
      }

      .vv-filter-toggle,
      .vv-sort-select{
        width:100% !important;
        min-width:0 !important;
        height:42px !important;
      }

      .vv-filter-panel{
        display:none !important;
        margin-top:12px !important;
        padding:14px !important;
        border-radius:14px !important;
      }

      .vv-filter-panel.open{
        display:block !important;
      }

      .vv-filter-grid{
        grid-template-columns:1fr 1fr !important;
        gap:11px 9px !important;
      }

      .vv-filter-field label{
        font-size:9px !important;
      }

      .vv-filter-field .input{
        height:42px !important;
        padding-left:10px !important;
        padding-right:24px !important;
        font-size:12px !important;
      }

      .vv-filter-money .input{
        padding-left:25px !important;
      }

      .vv-filter-footer{
        margin-top:13px !important;
      }

      .vv-results-row{
        margin-top:14px !important;
      }
    }

    @media (max-width:390px){
      .vv-filter-grid{
        grid-template-columns:1fr !important;
      }
    }
  

    /* Tight, left-aligned marketplace grid */
    @media (min-width:701px){

      .vv-market-grid{
        display:grid !important;
        grid-template-columns:repeat(
          auto-fill,
          300px
        ) !important;
        justify-content:start !important;
        justify-items:stretch !important;
        align-items:start !important;
        column-gap:20px !important;
        row-gap:22px !important;
        width:100% !important;
      }

      .vv-market-grid > .listing-card{
        width:300px !important;
        max-width:300px !important;
        margin:0 !important;
      }
    }

    @media (max-width:700px){

      .vv-market-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:16px !important;
      }

      .vv-market-grid > .listing-card{
        width:100% !important;
        max-width:none !important;
      }
    }
  

    @media (min-width:701px){

      .vv-market-page .vv-market-grid{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:wrap !important;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        align-content:flex-start !important;
        gap:20px !important;
        column-gap:20px !important;
        row-gap:22px !important;
        width:100% !important;
      }

      .vv-market-page .vv-market-grid > .listing-card{
        flex:0 0 300px !important;
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
        margin:0 !important;
      }
    }

    @media (max-width:700px){

      .vv-market-page .vv-market-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:16px !important;
        width:100% !important;
      }

      .vv-market-page .vv-market-grid > .listing-card{
        flex:0 0 auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
      }
    }
  

    /* Marketplace / Fresh Drops verified badge */
    .vv-passport-card-badge{
      display:inline-flex !important;
      align-items:center !important;
      gap:5px !important;
      white-space:nowrap !important;
    }

    .vv-passport-card-badge.verified{
      border:1px solid #9ae000 !important;
      background:#f5ffe5 !important;
      color:#2f6500 !important;
      font-weight:950 !important;
      box-shadow:0 2px 7px rgba(106,170,0,.08) !important;
    }

    .vv-passport-card-badge.unverified{
      border:1px solid #dfe4e7 !important;
      background:rgba(255,255,255,.96) !important;
      color:#42494f !important;
    }

    .vv-passport-check{
      width:15px !important;
      height:15px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:#aaff22 !important;
      color:#111 !important;
      font-size:10px !important;
      font-weight:950 !important;
    }

    .vv-verified-listing{
      border-color:#cce99d !important;
    }

    /* Detail page verification status */
    .vv-passport-status-card{
      display:flex !important;
      align-items:flex-start !important;
      gap:11px !important;
      margin-top:15px !important;
      padding:13px !important;
      border:1px solid #e0e5e8 !important;
      border-radius:12px !important;
      background:#f8f9fa !important;
    }

    .vv-passport-status-card.verified{
      border-color:#c6e790 !important;
      background:#f7ffeb !important;
    }

    .vv-passport-status-icon{
      width:30px !important;
      height:30px !important;
      flex:0 0 30px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:#e5e9ec !important;
      color:#4f575d !important;
      font-size:13px !important;
      font-weight:950 !important;
    }

    .vv-passport-status-card.verified .vv-passport-status-icon{
      background:#aaff22 !important;
      color:#111 !important;
    }

    .vv-passport-status-card strong{
      display:block !important;
      color:#111 !important;
      font-size:13px !important;
      line-height:1.2 !important;
      font-weight:900 !important;
    }

    .vv-passport-status-card p{
      margin:4px 0 0 !important;
      color:#6e777d !important;
      font-size:10.5px !important;
      line-height:1.4 !important;
    }

    /* Browse verified-only filter */
    .vv-verified-filter-row{
      position:relative !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      margin-top:15px !important;
      padding:13px 14px !important;
      border:1px solid #e2e6e8 !important;
      border-radius:12px !important;
      background:#fff !important;
      cursor:pointer !important;
    }

    .vv-verified-filter-copy{
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      min-width:0 !important;
    }

    .vv-verified-filter-icon{
      width:29px !important;
      height:29px !important;
      flex:0 0 29px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:#aaff22 !important;
      color:#111 !important;
      font-size:12px !important;
      font-weight:950 !important;
    }

    .vv-verified-filter-copy strong{
      display:block !important;
      color:#111 !important;
      font-size:11px !important;
      line-height:1.2 !important;
      font-weight:900 !important;
    }

    .vv-verified-filter-copy small{
      display:block !important;
      margin-top:3px !important;
      color:#7d858b !important;
      font-size:9px !important;
      line-height:1.25 !important;
    }

    .vv-verified-filter-row > input{
      position:absolute !important;
      opacity:0 !important;
      pointer-events:none !important;
    }

    .vv-toggle-track{
      position:relative !important;
      width:42px !important;
      height:24px !important;
      flex:0 0 42px !important;
      border-radius:999px !important;
      background:#dce1e4 !important;
      transition:.16s ease !important;
    }

    .vv-toggle-knob{
      position:absolute !important;
      top:3px !important;
      left:3px !important;
      width:18px !important;
      height:18px !important;
      border-radius:50% !important;
      background:#fff !important;
      box-shadow:0 1px 4px rgba(0,0,0,.16) !important;
      transition:.16s ease !important;
    }

    .vv-verified-filter-row > input:checked + .vv-toggle-track{
      background:#aaff22 !important;
    }

    .vv-verified-filter-row > input:checked + .vv-toggle-track .vv-toggle-knob{
      transform:translateX(18px) !important;
    }

    @media (max-width:700px){
      .vv-passport-card-badge.verified{
        font-size:8px !important;
      }

      .vv-passport-status-card{
        padding:12px !important;
      }

      .vv-verified-filter-row{
        padding:12px !important;
      }
    }
  

    .vv-verification-modal{
      width:min(600px,calc(100vw - 28px)) !important;
      max-height:90vh !important;
      overflow-y:auto !important;
    }

    .vv-verification-explainer{
      margin:14px 0 18px !important;
      padding:13px 14px !important;
      border:1px solid #dfe5e8 !important;
      border-radius:12px !important;
      background:#f8f9fa !important;
    }

    .vv-verification-explainer strong{
      color:#111 !important;
      font-size:12px !important;
    }

    .vv-verification-explainer p{
      margin:5px 0 0 !important;
      color:#687178 !important;
      font-size:10.5px !important;
      line-height:1.45 !important;
    }

    .vv-verification-needs-info{
      margin-bottom:16px !important;
      padding:12px 13px !important;
      border:1px solid rgba(247,43,120,.28) !important;
      border-radius:11px !important;
      background:rgba(247,43,120,.05) !important;
    }

    .vv-verification-needs-info strong{
      color:#F72B78 !important;
      font-size:11px !important;
    }

    .vv-verification-needs-info p{
      margin:5px 0 0 !important;
      font-size:11px !important;
      line-height:1.4 !important;
    }

    .vv-required{
      margin-left:5px !important;
      color:#F72B78 !important;
      font-size:9px !important;
      font-weight:850 !important;
    }

    .vv-verification-checklist{
      display:grid !important;
      gap:7px !important;
      margin-top:15px !important;
      padding:13px !important;
      border-radius:11px !important;
      background:#f7f9f9 !important;
    }

    .vv-verification-checklist > div{
      display:flex !important;
      align-items:center !important;
      gap:8px !important;
      color:#5e676d !important;
      font-size:10.5px !important;
    }

    .vv-verification-checklist span{
      width:19px !important;
      height:19px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:#aaff22 !important;
      color:#111 !important;
      font-size:9px !important;
      font-weight:950 !important;
    }

    .vv-garage-verification-status{
      display:inline-flex !important;
      align-items:center !important;
      padding:5px 8px !important;
      border:1px solid #e0e4e7 !important;
      border-radius:999px !important;
      background:#f7f8f8 !important;
      color:#687078 !important;
      font-size:9px !important;
      font-weight:850 !important;
      white-space:nowrap !important;
    }

    .vv-garage-verification-status.verified{
      border-color:#c7e895 !important;
      background:#f5ffe7 !important;
      color:#337000 !important;
    }

    .vv-verify-bike-btn{
      color:#F72B78 !important;
      border-color:rgba(247,43,120,.35) !important;
    }

    .vv-admin-queue-summary{
      display:flex !important;
      gap:10px !important;
      margin-bottom:16px !important;
    }

    .vv-admin-queue-summary > div{
      min-width:130px !important;
      padding:14px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:12px !important;
      background:#fafbfb !important;
    }

    .vv-admin-queue-summary strong{
      display:block !important;
      font-size:22px !important;
      line-height:1 !important;
      font-weight:950 !important;
    }

    .vv-admin-queue-summary span{
      display:block !important;
      margin-top:5px !important;
      color:#7a8288 !important;
      font-size:9.5px !important;
    }

    .vv-admin-verification-card{
      margin-bottom:14px !important;
      padding:18px !important;
    }

    .vv-admin-verification-head{
      display:flex !important;
      align-items:flex-start !important;
      justify-content:space-between !important;
      gap:16px !important;
    }

    .vv-admin-verification-head h2{
      margin:4px 0 0 !important;
    }

    .vv-review-status{
      flex:0 0 auto !important;
      padding:6px 9px !important;
      border-radius:999px !important;
      background:#eef1f2 !important;
      color:#60696f !important;
      font-size:9px !important;
      font-weight:900 !important;
      text-transform:uppercase !important;
    }

    .vv-review-status.flagged{
      background:rgba(247,43,120,.08) !important;
      color:#F72B78 !important;
    }

    .vv-review-status.passed{
      background:#f2ffe0 !important;
      color:#397400 !important;
    }

    .vv-admin-check-grid{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:9px !important;
      margin-top:16px !important;
    }

    .vv-admin-check-grid > div{
      min-width:0 !important;
      padding:11px !important;
      border:1px solid #e6e9eb !important;
      border-radius:10px !important;
      background:#fafbfb !important;
    }

    .vv-admin-check-grid span{
      display:block !important;
      color:#868e94 !important;
      font-size:8.5px !important;
      text-transform:uppercase !important;
    }

    .vv-admin-check-grid strong{
      display:block !important;
      margin-top:4px !important;
      color:#111 !important;
      font-size:11px !important;
      overflow-wrap:anywhere !important;
    }

    .vv-admin-seller-notes,
    .vv-admin-evidence{
      margin-top:15px !important;
      padding-top:14px !important;
      border-top:1px solid #edf0f2 !important;
    }

    .vv-admin-seller-notes > strong,
    .vv-admin-evidence > strong{
      font-size:10px !important;
      text-transform:uppercase !important;
    }

    .vv-admin-seller-notes p{
      margin:6px 0 0 !important;
      font-size:11px !important;
      line-height:1.45 !important;
    }

    .vv-admin-evidence > div{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:7px !important;
      margin-top:8px !important;
    }

    .vv-admin-review-warning{
      margin-top:15px !important;
      padding:11px 12px !important;
      border-radius:10px !important;
      background:#f7f8f8 !important;
      color:#70787e !important;
      font-size:9.5px !important;
      line-height:1.4 !important;
    }

    .vv-admin-review-actions{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin-top:14px !important;
    }

    @media (max-width:700px){
      .vv-verification-modal{
        width:calc(100vw - 22px) !important;
      }

      .vv-admin-check-grid{
        grid-template-columns:1fr 1fr !important;
      }

      .vv-admin-review-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
      }

      .vv-admin-review-actions .btn{
        width:100% !important;
      }

      .vv-admin-review-actions .btn:first-child{
        grid-column:1 / -1 !important;
      }
    }
  

    .vv-report-link{
      width:100% !important;
      margin-top:11px !important;
      padding:2px 0 !important;
      border:0 !important;
      background:transparent !important;
      color:#7d858b !important;
      font-size:10px !important;
      line-height:1.2 !important;
      font-weight:750 !important;
      text-align:center !important;
      cursor:pointer !important;
    }

    .vv-report-link:hover{
      color:#F72B78 !important;
      text-decoration:underline !important;
      text-underline-offset:3px !important;
    }

    .vv-report-modal{
      width:min(540px,calc(100vw - 28px)) !important;
    }

    .vv-report-notice{
      margin:14px 0 18px !important;
      padding:11px 12px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:10px !important;
      background:#f8f9fa !important;
      color:#6e767c !important;
      font-size:10px !important;
      line-height:1.4 !important;
    }

    .vv-report-safety-copy{
      margin-top:14px !important;
      padding:12px 13px !important;
      border-radius:11px !important;
      background:#fff6f9 !important;
      border:1px solid rgba(247,43,120,.18) !important;
    }

    .vv-report-safety-copy strong{
      color:#F72B78 !important;
      font-size:10.5px !important;
    }

    .vv-report-safety-copy p{
      margin:5px 0 0 !important;
      color:#697178 !important;
      font-size:9.5px !important;
      line-height:1.45 !important;
    }

    .vv-trust-summary{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:10px !important;
      margin-bottom:16px !important;
    }

    .vv-trust-summary > div{
      min-width:130px !important;
      padding:14px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:12px !important;
      background:#fafbfb !important;
    }

    .vv-trust-summary strong{
      display:block !important;
      color:#111 !important;
      font-size:22px !important;
      line-height:1 !important;
      font-weight:950 !important;
    }

    .vv-trust-summary span{
      display:block !important;
      margin-top:5px !important;
      color:#7c848a !important;
      font-size:9.5px !important;
    }

    .vv-trust-report-card{
      margin-bottom:14px !important;
      padding:18px !important;
    }

    .vv-trust-report-head{
      display:flex !important;
      justify-content:space-between !important;
      align-items:flex-start !important;
      gap:16px !important;
    }

    .vv-trust-report-head h2{
      margin:4px 0 0 !important;
    }

    .vv-trust-status{
      flex:0 0 auto !important;
      display:inline-flex !important;
      align-items:center !important;
      min-height:27px !important;
      padding:0 9px !important;
      border-radius:999px !important;
      background:#eef1f2 !important;
      color:#626a70 !important;
      font-size:8.5px !important;
      font-weight:900 !important;
      text-transform:uppercase !important;
    }

    .vv-trust-status.open{
      background:rgba(247,43,120,.08) !important;
      color:#F72B78 !important;
    }

    .vv-trust-status.reviewing{
      background:#fff7dc !important;
      color:#8b6500 !important;
    }

    .vv-trust-details{
      margin-top:15px !important;
      padding:13px !important;
      border:1px solid #e7eaec !important;
      border-radius:11px !important;
      background:#fafbfb !important;
    }

    .vv-trust-details strong{
      display:block !important;
      font-size:9px !important;
      text-transform:uppercase !important;
      letter-spacing:.04em !important;
    }

    .vv-trust-details p{
      margin:6px 0 0 !important;
      color:#33393d !important;
      font-size:11px !important;
      line-height:1.5 !important;
      white-space:pre-wrap !important;
    }

    .vv-trust-meta-grid{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:8px !important;
      margin-top:13px !important;
    }

    .vv-trust-meta-grid > div{
      min-width:0 !important;
      padding:10px !important;
      border:1px solid #eaedef !important;
      border-radius:9px !important;
    }

    .vv-trust-meta-grid span{
      display:block !important;
      color:#899096 !important;
      font-size:8px !important;
      text-transform:uppercase !important;
    }

    .vv-trust-meta-grid strong{
      display:block !important;
      margin-top:4px !important;
      color:#111 !important;
      font-size:10.5px !important;
      overflow-wrap:anywhere !important;
    }

    .vv-trust-admin-notes{
      margin-top:13px !important;
      padding:11px 12px !important;
      border-radius:10px !important;
      background:#f6f7f8 !important;
    }

    .vv-trust-admin-notes strong{
      font-size:9px !important;
      text-transform:uppercase !important;
    }

    .vv-trust-admin-notes p{
      margin:5px 0 0 !important;
      color:#666f75 !important;
      font-size:10px !important;
    }

    .vv-trust-admin-actions{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin-top:14px !important;
      padding-top:14px !important;
      border-top:1px solid #edf0f2 !important;
    }

    @media (max-width:700px){
      .vv-report-modal{
        width:calc(100vw - 22px) !important;
      }

      .vv-trust-meta-grid{
        grid-template-columns:1fr 1fr !important;
      }

      .vv-trust-admin-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
      }

      .vv-trust-admin-actions .btn{
        width:100% !important;
        min-width:0 !important;
      }
    }
  

    .vv-admin-dashboard-head{
      display:flex !important;
      align-items:flex-end !important;
      justify-content:space-between !important;
      gap:18px !important;
    }

    .vv-admin-metrics{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:11px !important;
      margin-bottom:14px !important;
    }

    .vv-admin-metric{
      min-width:0 !important;
      padding:15px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:13px !important;
      background:#fff !important;
    }

    .vv-admin-metric.clickable{
      cursor:pointer !important;
      transition:transform .12s ease,border-color .12s ease !important;
    }

    .vv-admin-metric.clickable:hover{
      transform:translateY(-1px) !important;
      border-color:#b9d986 !important;
    }

    .vv-admin-metric small{
      display:block !important;
      color:#777f85 !important;
      font-size:9px !important;
      line-height:1.2 !important;
      font-weight:800 !important;
      text-transform:uppercase !important;
      letter-spacing:.04em !important;
    }

    .vv-admin-metric strong{
      display:block !important;
      margin-top:7px !important;
      color:#111 !important;
      font-size:27px !important;
      line-height:1 !important;
      font-weight:950 !important;
    }

    .vv-admin-metric span{
      display:block !important;
      margin-top:6px !important;
      color:#92999e !important;
      font-size:9px !important;
      line-height:1.25 !important;
    }

    .vv-admin-quick-actions{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      margin-bottom:18px !important;
    }

    .vv-admin-section{
      margin-bottom:15px !important;
      padding:18px !important;
    }

    .vv-admin-section-head{
      display:flex !important;
      align-items:flex-end !important;
      justify-content:space-between !important;
      gap:16px !important;
      margin-bottom:14px !important;
    }

    .vv-admin-section-head h2{
      margin:0 !important;
    }

    .vv-admin-section-head p{
      margin:4px 0 0 !important;
    }

    .vv-admin-search{
      width:260px !important;
      max-width:100% !important;
      height:41px !important;
    }

    .vv-admin-table th{
      white-space:nowrap !important;
    }

    .vv-admin-table td{
      vertical-align:middle !important;
    }

    .vv-admin-status{
      display:inline-flex !important;
      align-items:center !important;
      min-height:25px !important;
      padding:0 8px !important;
      border:1px solid #e0e4e7 !important;
      border-radius:999px !important;
      background:#f5f7f7 !important;
      color:#667077 !important;
      font-size:8.5px !important;
      line-height:1 !important;
      font-weight:900 !important;
      text-transform:uppercase !important;
      white-space:nowrap !important;
    }

    .vv-admin-status.active{
      border-color:#c8e798 !important;
      background:#f5ffe8 !important;
      color:#397100 !important;
    }

    .vv-admin-status.admin{
      border-color:#b7d879 !important;
      background:#efffcf !important;
      color:#2d6100 !important;
    }

    .vv-admin-status.suspended,
    .vv-admin-status.hidden{
      border-color:rgba(247,43,120,.22) !important;
      background:rgba(247,43,120,.07) !important;
      color:#d51f66 !important;
    }

    .vv-admin-activity{
      display:grid !important;
    }

    .vv-admin-activity-row{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      padding:11px 0 !important;
      border-bottom:1px solid #edf0f2 !important;
    }

    .vv-admin-activity-row:last-child{
      border-bottom:0 !important;
    }

    .vv-admin-activity-row strong{
      display:block !important;
      color:#111 !important;
      font-size:11px !important;
    }

    .vv-admin-activity-row span{
      display:block !important;
      margin-top:3px !important;
      color:#848c92 !important;
      font-size:9.5px !important;
    }

    .vv-admin-activity-row time{
      flex:0 0 auto !important;
      color:#8e959a !important;
      font-size:9px !important;
      white-space:nowrap !important;
    }

    .vv-suspended-account{
      width:min(620px,100%) !important;
      margin:80px auto !important;
      padding:26px !important;
      border:1px solid #e1e5e8 !important;
      border-radius:18px !important;
      background:#fff !important;
      text-align:center !important;
    }

    .vv-suspended-account h1{
      margin:7px 0 10px !important;
    }

    .vv-suspended-account > p{
      color:#687178 !important;
    }

    .vv-suspension-reason{
      margin:18px 0 !important;
      padding:13px !important;
      border:1px solid rgba(247,43,120,.2) !important;
      border-radius:11px !important;
      background:rgba(247,43,120,.05) !important;
      text-align:left !important;
    }

    .vv-suspension-reason strong{
      color:#F72B78 !important;
      font-size:10px !important;
      text-transform:uppercase !important;
    }

    .vv-suspension-reason p{
      margin:5px 0 0 !important;
      color:#353b3f !important;
      font-size:11px !important;
      line-height:1.45 !important;
    }

    @media (max-width:950px){
      .vv-admin-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      }
    }

    @media (max-width:700px){
      .vv-admin-dashboard-head{
        align-items:flex-start !important;
      }

      .vv-admin-metrics{
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
      }

      .vv-admin-metric{
        padding:12px !important;
      }

      .vv-admin-metric strong{
        font-size:23px !important;
      }

      .vv-admin-section{
        padding:14px !important;
      }

      .vv-admin-section-head{
        display:block !important;
      }

      .vv-admin-search{
        width:100% !important;
        margin-top:11px !important;
      }

      .vv-admin-table{
        min-width:680px !important;
      }

      .vv-admin-activity-row{
        align-items:flex-start !important;
      }
    }
  

    .vv-sale-handoff{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:14px !important;
      margin-top:12px !important;
      padding:13px !important;
      border:1px solid #dfe5e8 !important;
      border-radius:12px !important;
      background:#fafbfb !important;
    }

    .vv-sale-handoff.confirm{
      border-color:#c6e98d !important;
      background:#f8ffed !important;
    }

    .vv-sale-handoff.waiting{
      background:#f7f8f8 !important;
    }

    .vv-sale-handoff > div{
      min-width:0 !important;
    }

    .vv-sale-handoff strong{
      display:block !important;
      color:#111 !important;
      font-size:11.5px !important;
      line-height:1.25 !important;
      font-weight:900 !important;
    }

    .vv-sale-handoff p{
      margin:4px 0 0 !important;
      color:#737c82 !important;
      font-size:9.5px !important;
      line-height:1.4 !important;
    }

    .vv-sale-step-label{
      margin-bottom:4px !important;
      color:#F72B78 !important;
      font-size:8.5px !important;
      line-height:1 !important;
      font-weight:950 !important;
      letter-spacing:.06em !important;
    }

    .vv-sale-handoff .btn{
      flex:0 0 auto !important;
      white-space:nowrap !important;
    }

    .vv-sale-complete{
      display:flex !important;
      align-items:flex-start !important;
      gap:10px !important;
      margin-top:12px !important;
      padding:13px !important;
      border:1px solid #bfe17e !important;
      border-radius:12px !important;
      background:#f5ffe6 !important;
    }

    .vv-sale-complete-check{
      width:30px !important;
      height:30px !important;
      flex:0 0 30px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:#aaff22 !important;
      color:#111 !important;
      font-size:13px !important;
      font-weight:950 !important;
    }

    .vv-sale-complete strong{
      display:block !important;
      color:#255800 !important;
      font-size:11.5px !important;
      line-height:1.2 !important;
      font-weight:950 !important;
    }

    .vv-sale-complete p{
      margin:4px 0 0 !important;
      color:#527034 !important;
      font-size:9.5px !important;
      line-height:1.35 !important;
    }

    @media (max-width:700px){
      .vv-sale-handoff{
        display:block !important;
      }

      .vv-sale-handoff .btn{
        width:100% !important;
        margin-top:10px !important;
      }
    }
  

    .vv-signin-cta{
      white-space:nowrap !important;
    }

    @media (max-width:700px){

      .nav-actions .vv-signin-cta{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:42px !important;
        min-height:42px !important;
        min-width:68px !important;

        padding:0 12px !important;
        margin:0 !important;

        border:1px solid #d7dce0 !important;
        border-radius:12px !important;

        background:#fff !important;
        color:#111 !important;

        box-shadow:none !important;

        font-size:11px !important;
        line-height:1 !important;
        font-weight:850 !important;
      }

      .nav-actions .vv-signin-cta:hover,
      .nav-actions .vv-signin-cta:active,
      .nav-actions .vv-signin-cta:focus{
        background:#f7f8f8 !important;
        color:#111 !important;
        border-color:#cdd3d7 !important;
      }

      /* Keep Sign in and Sell visually matched */
      .nav-actions .vv-signin-cta,
      .nav-actions .vv-sell-cta{
        height:42px !important;
        min-height:42px !important;
      }
    }

    @media (max-width:390px){

      .nav-actions .vv-signin-cta{
        min-width:60px !important;
        padding:0 9px !important;
        font-size:10px !important;
      }

      .nav-actions{
        gap:5px !important;
      }
    }
  

    .vv-home-categories{
      margin-top:8px !important;
    }

    .vv-category-grid{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:14px !important;
    }

    .vv-category-card{
      min-width:0 !important;
      min-height:180px !important;
      padding:18px !important;
      border:1px solid #e3e7e9 !important;
      border-radius:15px !important;
      background:linear-gradient(145deg,#fff,#f7f9f8) !important;
      color:#111 !important;
      text-align:left !important;
      cursor:pointer !important;
      transition:transform .14s ease,border-color .14s ease !important;
    }

    .vv-category-card:hover{
      transform:translateY(-2px) !important;
      border-color:#bddd83 !important;
    }

    .vv-category-icon{
      display:block !important;
      margin-bottom:34px !important;
      font-size:27px !important;
      line-height:1 !important;
    }

    .vv-category-card strong{
      display:block !important;
      font-size:15px !important;
      font-weight:900 !important;
    }

    .vv-category-card small{
      display:block !important;
      margin-top:5px !important;
      color:#7e878d !important;
      font-size:9.5px !important;
    }

    .vv-category-link{
      display:block !important;
      margin-top:14px !important;
      color:#66b800 !important;
      font-size:9px !important;
      font-weight:900 !important;
    }

    .vv-scooter-fields{
      display:none;
    }

    .vv-scooter-fields.open{
      display:contents;
    }

    @media (max-width:700px){
      .vv-category-grid{
        grid-template-columns:1fr 1fr !important;
        gap:9px !important;
      }

      .vv-category-card{
        min-height:145px !important;
        padding:13px !important;
      }

      .vv-category-icon{
        margin-bottom:22px !important;
        font-size:22px !important;
      }

      .vv-market-category-row{
        grid-template-columns:repeat(5,1fr) !important;
      }

      .vv-market-category-row .btn{
        font-size:9px !important;
        padding:0 3px !important;
      }
    }
  

    @media (max-width:700px){
      .vv-market-category-row .btn{
        white-space:nowrap !important;
      }
    }
  

    /* E-Scooter browse mode:
       Frame size, model year/groupset bicycle controls are handled
       by JS below; this class also gives the remaining filters room. */
    .vv-market-page.vv-scooter-browse .vv-filter-grid{
      align-items:end !important;
    }
  

    .nav-actions .vv-signin-cta{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      min-height:42px !important;
      height:42px !important;
      min-width:76px !important;
      padding:0 16px !important;
      margin:0 !important;

      border:1px solid #aaff22 !important;
      border-radius:12px !important;

      background:#aaff22 !important;
      color:#111 !important;

      box-shadow:none !important;

      font-size:12px !important;
      line-height:1 !important;
      font-weight:900 !important;
      white-space:nowrap !important;
    }

    .nav-actions .vv-signin-cta:hover,
    .nav-actions .vv-signin-cta:active,
    .nav-actions .vv-signin-cta:focus{
      background:#9df51c !important;
      border-color:#9df51c !important;
      color:#111 !important;
    }

    @media (max-width:700px){
      .nav-actions .vv-signin-cta{
        min-width:68px !important;
        height:42px !important;
        min-height:42px !important;
        padding:0 12px !important;
        font-size:11px !important;
      }
    }

    @media (max-width:390px){
      .nav-actions .vv-signin-cta{
        min-width:62px !important;
        padding:0 10px !important;
        font-size:10px !important;
      }
    }
  

    .vv-market-page .marketplace-brand-select{
      font-weight:700 !important;
    }
  

    @media (max-width: 640px) {
      .modal .edit-photo-card {
        min-width: 0;
      }

      .modal .edit-photo-card img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3;
        object-fit: contain !important;
        object-position: center !important;
        background: #fff;
      }

      .modal form[onsubmit="saveServiceRecord(event)"] .form-grid {
        grid-template-columns: minmax(0, 1fr) !important;
      }

      .modal form[onsubmit="saveServiceRecord(event)"] .field {
        min-width: 0;
        max-width: 100%;
      }

      .modal form[onsubmit="saveServiceRecord(event)"] input[type="date"] {
        display: block;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-inline-size: 0 !important;
        -webkit-appearance: none;
        appearance: none;
        text-align: left;
      }

      .modal form[onsubmit="saveServiceRecord(event)"] input[type="date"]::-webkit-date-and-time-value {
        min-width: 0;
        text-align: left;
      }
    }
  

    @media (max-width: 640px) {
      .modal form[onsubmit="saveTheftReport(event)"] .field {
        min-width: 0;
        max-width: 100%;
      }

      .modal input[type="datetime-local"] {
        display: block;
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-inline-size: 0 !important;
        min-height: 44px;
        -webkit-appearance: none;
        appearance: none;
        text-align: left;
      }

      .modal input[type="datetime-local"]::-webkit-date-and-time-value {
        min-width: 0;
        text-align: left;
      }
    }
  

    @media (max-width: 640px) {
      .modal:has(form[onsubmit="saveTheftReport(event)"]) {
        padding: 24px 20px !important;
        box-sizing: border-box;
        max-height: calc(100vh - 32px);
        max-height: calc(100dvh - 32px);
        overflow-y: auto;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) > .eyebrow {
        font-size: 11px !important;
        line-height: 1.4;
        letter-spacing: 1.5px;
        padding-right: 40px;
        margin: 0 0 8px !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) > h2 {
        font-size: 26px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px;
        padding-right: 36px;
        margin: 0 0 20px !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) > .notice {
        padding: 14px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        margin: 0 0 24px !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) form > .field {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 0 20px !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) .field > label {
        display: block;
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.4;
        margin: 0 !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) .input,
      .modal:has(form[onsubmit="saveTheftReport(event)"]) .textarea {
        box-sizing: border-box;
        font-size: 16px !important;
        line-height: 1.4;
        padding: 12px !important;
        margin: 0 !important;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) .textarea {
        min-height: 110px;
      }

      .modal:has(form[onsubmit="saveTheftReport(event)"]) form > .btn {
        width: 100%;
        white-space: normal;
        font-size: 16px !important;
        line-height: 1.3;
        padding: 14px 16px !important;
        margin-top: 4px !important;
      }
    }
  
/* Consistent mobile forms and readable footer. */
.modal .field { min-width:0; }
.modal form > .field { margin-bottom:18px; }
.modal .field > label { display:block; margin-bottom:7px; line-height:1.45; }
.modal > .notice { margin-bottom:20px; line-height:1.55; }
.modal h2 { line-height:1.2; margin-bottom:20px; }
.modal input[type=date],.modal input[type=datetime-local] { box-sizing:border-box; width:100%;min-width:0;max-width:100%; }
.footer p,.footer h4,.footer .logo { color:#f1f3f5 !important; }
.vv-private-document {background:white;border-radius:16px;padding:24px;display:flex;gap:16px;flex-wrap:wrap;max-width:90vw;}
.vv-private-document h2 {width:100%;}
@media(max-width:640px){.modal{max-height:calc(100dvh - 32px);overflow-y:auto;} .modal .input,.modal .textarea{font-size:16px!important;} }

/* Consistent password recovery button on desktop and mobile browsers. */
.auth-modal button[onclick="switchAuth('forgot')"] {
  -webkit-appearance: none;
  appearance: none;
  color: #111111;
  -webkit-text-fill-color: #111111;
  background-color: #f0f0f0;
  border: 0;
}