:root{
  --vl-purple:#4b0f78;
  --vl-purple-dark:#35105f;
  --vl-orange:#ff7600;
  --vl-orange-dark:#e96600;
  --vl-navy:#08265c;
  --vl-navy-2:#122d68;
  --vl-text:#102451;
  --vl-muted:#707789;
  --vl-border:#e9edf3;
  --vl-soft:#f7f8fb;
  --vl-white:#ffffff;
}

html{scroll-behavior:smooth;}
body.color-light,
body.bg-image{
  background:#f7f8fb !important;
  color:var(--vl-text) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}
a{color:var(--vl-purple);}
a:hover{color:var(--vl-orange-dark);}

/* Global page shell */
.content-page{background:#f7f8fb !important; min-height:calc(100vh - 78px); padding-bottom:34px;}
.content-page .container-fluid{max-width:1420px; margin:0 auto; padding:26px 26px 10px;}
.card,
.iq-accordion .card,
.modal-content{
  border:1px solid var(--vl-border) !important;
  border-radius:18px !important;
  box-shadow:0 9px 30px rgba(21,39,77,.055) !important;
  background:#fff !important;
  overflow:hidden;
}
.card-header{background:#fff !important; border-bottom:1px solid var(--vl-border) !important; padding:20px 22px !important;}
.card-body{padding:22px !important;}
.card-title,h1,h2,h3,h4,h5,h6{color:var(--vl-navy);}
.card-title{font-weight:800 !important;}

/* Forms */
.form-control,
.custom-select,
select.form-control{
  border:1.5px solid #dce2ea !important;
  border-radius:11px !important;
  min-height:46px;
  background:#fff !important;
  color:#23345f !important;
  box-shadow:none !important;
}
.form-control:focus,.custom-select:focus{
  border-color:rgba(75,15,120,.55) !important;
  box-shadow:0 0 0 3px rgba(75,15,120,.09) !important;
}
label,.text-secondary{color:#657087 !important;}

/* Buttons */
.btn{border-radius:10px !important; font-weight:700; min-height:40px;}
.btn-primary,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active{
  background:var(--vl-orange) !important;
  border-color:var(--vl-orange) !important;
  color:#fff !important;
}
.btn-primary:hover{background:var(--vl-orange-dark) !important; border-color:var(--vl-orange-dark) !important;}
.btn-outline-primary{border-color:var(--vl-purple) !important; color:var(--vl-purple) !important;}
.btn-outline-primary:hover{background:var(--vl-purple) !important; color:#fff !important;}
.btn-danger{background:#b02a37 !important; border-color:#b02a37 !important;}
.btn-warning{background:#f1a900 !important; border-color:#f1a900 !important; color:#fff !important;}
.badge-primary{background:var(--vl-purple) !important;}

/* Tables */
.table{color:#273759 !important;}
.table thead th,
.table-color-heading th{
  background:#f5f1fa !important;
  color:var(--vl-purple-dark) !important;
  border-color:#ebe5f1 !important;
  font-weight:800 !important;
}
.table td,.table th{border-color:#edf0f4 !important; vertical-align:middle !important;}
.table-hover tbody tr:hover{background:#fff7ef !important;}

/* Alerts */
.alert{border-radius:13px !important; border-width:1px !important; box-shadow:none !important;}
.alert-primary,.bg-white.alert-primary{background:#f6f0fb !important; border-color:#eadff3 !important; color:#4a2366 !important;}

/* Main desktop sidebar */
.iq-sidebar.sidebar-default,
.iq-sidebar{
  background:linear-gradient(180deg,var(--vl-purple-dark) 0%,var(--vl-purple) 55%,#281054 100%) !important;
  box-shadow:10px 0 35px rgba(43,18,73,.08) !important;
}
.iq-sidebar-logo{background:transparent !important; min-height:95px !important; border-bottom:1px solid rgba(255,255,255,.12); padding:12px 18px !important;}
.iq-sidebar-logo img{width:210px !important; height:auto !important; max-width:86% !important; object-fit:contain;}
.iq-sidebar-menu .side-menu>li>a,
.iq-sidebar-menu .side-menu li a{
  border-radius:11px !important;
  margin:3px 11px !important;
  padding:12px 14px !important;
  color:rgba(255,255,255,.9) !important;
  font-weight:700 !important;
  transition:.18s ease;
}
.iq-sidebar-menu .side-menu li a i,
.iq-sidebar-menu .side-menu li a span{color:inherit !important;}
.iq-sidebar-menu .side-menu li.active>a,
.iq-sidebar-menu .side-menu li>a:hover{
  background:rgba(255,118,0,.98) !important;
  color:#fff !important;
}
.iq-sidebar-menu .side-menu .small,
.iq-sidebar-menu .side-menu .text-uppercase{color:rgba(255,255,255,.68) !important; letter-spacing:.07em;}
.iq-sidebar hr{border-color:rgba(255,255,255,.12) !important;}

/* Top navbar */
.iq-top-navbar{
  background:#fff !important;
  border-bottom:1px solid var(--vl-border) !important;
  box-shadow:0 5px 24px rgba(18,35,70,.04) !important;
}
.iq-top-navbar .navbar{min-height:74px; padding:0 22px !important;}
.iq-top-navbar .wrapper-menu,.iq-top-navbar svg{color:var(--vl-navy) !important;}
.iq-top-navbar .badge.border-primary{border-color:#d7c2e6 !important; color:var(--vl-purple) !important; background:#faf6fd; padding:8px 10px; border-radius:9px;}
.iq-top-navbar .badge.border-danger{border-color:#ffe0c6 !important; color:var(--vl-orange-dark) !important; background:#fff8f1; padding:8px 10px; border-radius:9px;}
.iq-sub-dropdown,.dropdown-menu{border:1px solid var(--vl-border) !important; border-radius:14px !important; box-shadow:0 15px 45px rgba(14,32,68,.14) !important;}

/* Login / register */
body.bg-image{
  background-image:linear-gradient(145deg,#f9f5fc 0%,#fff8f1 55%,#f5f7fb 100%) !important;
  min-height:100vh;
}
.login-content{min-height:100vh; padding:28px 0;}
.login-content .card{border-radius:24px !important; box-shadow:0 18px 60px rgba(35,30,64,.11) !important;}
.login-content .auth-logo{text-align:center; margin-bottom:12px;}
.login-content .auth-logo img{width:220px !important; height:auto !important; max-height:90px !important; object-fit:contain !important; border-radius:0 !important;}
.login-content h3{color:var(--vl-navy) !important; font-weight:800 !important;}
.login-content .btn-primary{min-height:48px;}

/* FAQ / policy pages */
.vl-page-hero{margin-bottom:20px; padding:26px 28px; border-radius:18px; background:linear-gradient(120deg,var(--vl-purple-dark),var(--vl-purple)); color:#fff;}
.vl-page-hero h1{color:#fff; margin:0 0 7px; font-size:28px; font-weight:850;}
.vl-page-hero p{margin:0; color:rgba(255,255,255,.82); line-height:1.6;}
.vl-legal-card{padding:4px 2px;}
.vl-legal-card h2{font-size:20px; margin:26px 0 10px; font-weight:800;}
.vl-legal-card h2:first-child{margin-top:0;}
.vl-legal-card p,.vl-legal-card li{color:#4e586d; line-height:1.75; font-size:15.5px;}
.vl-legal-card ul{padding-left:21px;}
.vl-faq-list .card{margin-bottom:12px !important;}
.vl-faq-list .accordion-title{display:block; padding:18px 20px; font-weight:800; color:var(--vl-navy) !important; cursor:pointer;}
.vl-faq-list .accordion-details{padding:0 20px 18px; color:#596276; line-height:1.7;}

/* Footer */
.vl-about-footer{background:#fff; border-top:1px solid var(--vl-border); padding:64px 24px 54px; text-align:center;}
.vl-about-inner{max-width:900px; margin:0 auto;}
.vl-about-kicker{display:flex; align-items:center; justify-content:center; gap:18px; color:#666; font-size:18px; margin-bottom:14px;}
.vl-about-kicker:before,.vl-about-kicker:after{content:""; width:108px; height:3px; background:var(--vl-orange); border-radius:4px;}
.vl-about-footer h2{font-size:34px; color:var(--vl-navy); font-weight:850; margin:0 0 22px;}
.vl-about-footer p{margin:0 auto; max-width:820px; color:#666d79; line-height:1.8; font-size:17px;}
.vl-footer-bar{background:linear-gradient(90deg,var(--vl-purple-dark),var(--vl-purple)); color:#fff; text-align:center; padding:28px 18px 32px;}
.vl-footer-bar .vl-copyright{font-size:16px; margin-bottom:14px; color:rgba(255,255,255,.9);}
.vl-footer-links{display:flex; justify-content:center; flex-wrap:wrap; gap:10px 22px;}
.vl-footer-links a{color:#fff !important; text-decoration:underline; text-underline-offset:3px; font-size:15px;}

/* Floating support */
.vl-support-fab{position:fixed; right:22px; bottom:92px; z-index:1550; width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:#229ed9; color:#fff !important; font-size:25px; box-shadow:0 12px 28px rgba(34,158,217,.3); text-decoration:none !important; border:5px solid rgba(255,255,255,.85);}
.vl-support-fab:hover{transform:translateY(-2px); color:#fff !important;}

/* Mobile bottom navigation */
.vl-bottom-nav{display:none;}
@media (max-width:991.98px){
  .content-page{padding-bottom:94px !important;}
  .vl-about-footer{padding-bottom:105px;}
  .vl-footer-bar{padding-bottom:105px;}
  .vl-bottom-nav{
    position:fixed; left:10px; right:10px; bottom:10px; z-index:1600;
    display:grid; grid-template-columns:repeat(4,1fr); gap:4px;
    background:rgba(255,255,255,.97); border:1px solid #e6eaf0; border-radius:19px;
    box-shadow:0 14px 36px rgba(17,33,66,.16); padding:8px 7px max(8px,env(safe-area-inset-bottom));
    backdrop-filter:blur(12px);
  }
  .vl-bottom-nav a{min-width:0; min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border-radius:13px; color:#7a8290 !important; text-decoration:none !important; font-size:11.5px; font-weight:750; white-space:nowrap;}
  .vl-bottom-nav a i{font-size:20px;}
  .vl-bottom-nav a.active{background:#fff1e5; color:var(--vl-orange-dark) !important;}
  .vl-support-fab{right:18px; bottom:92px; width:54px; height:54px;}
  .iq-top-navbar .navbar{padding:0 13px !important; min-height:66px;}
  .content-page .container-fluid{padding:18px 14px 0;}
  .card-body{padding:18px !important;}
  .vl-about-footer{padding-left:18px; padding-right:18px;}
  .vl-about-footer h2{font-size:28px;}
  .vl-about-footer p{font-size:15.5px;}
  .vl-about-kicker{font-size:16px; gap:10px;}
  .vl-about-kicker:before,.vl-about-kicker:after{width:54px;}
}

/* Security / disclaimer popup */
.vl-security-overlay{position:fixed; inset:0; z-index:2600; background:rgba(14,12,24,.72); display:none; align-items:center; justify-content:center; padding:18px;}
.vl-security-overlay.show{display:flex;}
.vl-security-popup{position:relative; width:min(650px,100%); max-height:calc(100vh - 36px); overflow:auto; background:#d8f1fb; border-radius:28px; padding:30px 30px 25px; box-shadow:0 24px 80px rgba(0,0,0,.3);}
.vl-security-close{position:absolute; top:15px; right:15px; width:50px; height:50px; border:0; border-radius:50%; background:#fff; color:var(--vl-purple); font-size:23px; box-shadow:0 6px 18px rgba(0,0,0,.15); cursor:pointer;}
.vl-security-icon{width:64px; height:72px; margin:0 auto 10px; display:grid; place-items:center; color:var(--vl-purple); font-size:60px;}
.vl-security-popup h2{text-align:center; color:var(--vl-purple); font-size:32px; margin:0 0 6px; font-weight:500;}
.vl-security-popup h3{text-align:center; color:var(--vl-purple); font-size:24px; margin:0 0 22px; font-weight:850;}
.vl-security-list{background:rgba(129,160,209,.28); border:3px solid rgba(75,15,120,.38); border-radius:22px; padding:22px 28px 12px; margin:0 0 20px;}
.vl-security-list li{margin:0 0 16px; color:#0c1320; font-weight:800; line-height:1.42; font-size:18px; padding-left:5px;}
.vl-security-list li::marker{color:var(--vl-purple); font-size:1.15em;}
.vl-security-countdown{text-align:center; color:#424b55; font-size:15.5px; line-height:1.6; margin:0;}
@media(max-width:600px){
  .vl-security-popup{border-radius:24px; padding:26px 20px 22px;}
  .vl-security-popup h2{font-size:27px;}
  .vl-security-popup h3{font-size:21px;}
  .vl-security-list{padding:20px 20px 8px;}
  .vl-security-list li{font-size:16px;}
}

/* Keep legacy floating buttons from competing with the new support button. */
.floating-buttons{display:none !important;}

/* Mobile refinements */
@media(max-width:575.98px){
  .content-page .container-fluid{padding-left:12px; padding-right:12px;}
  .table-responsive{border-radius:12px;}
  .btn{white-space:normal;}
  .modal-dialog{margin:12px !important;}
  .vl-page-hero{padding:22px 20px;}
  .vl-page-hero h1{font-size:24px;}
}

.vl-nav-brand{display:none; align-items:center; margin-left:10px; text-decoration:none !important;}
.vl-nav-brand img{width:155px; max-height:48px; object-fit:contain;}
@media(max-width:991.98px){
  .vl-nav-brand{display:inline-flex;}
  .side-menu-bt-sidebar{display:flex !important; align-items:center; gap:8px; min-width:0;}
  .side-menu-bt-sidebar>.badge{display:none !important;}
  .iq-top-navbar .change-mode{display:none !important;}
}

/* VanityLog V3: unify inner pages and reduce heavy typography. */
body.vanitylogs-storefront .content-page{margin-left:0!important;background:#f7f8fb!important;}
body.vanitylogs-storefront .iq-sidebar,
body.vanitylogs-storefront .iq-top-navbar{display:none!important;}
body.vanitylogs-storefront .card-title{font-weight:650!important;}
body.vanitylogs-storefront h1,
body.vanitylogs-storefront h2,
body.vanitylogs-storefront h3,
body.vanitylogs-storefront h4,
body.vanitylogs-storefront h5,
body.vanitylogs-storefront h6{font-weight:650;}
body.vanitylogs-storefront .btn{font-weight:500!important;box-shadow:none!important;}
body.vanitylogs-storefront .table thead th,
body.vanitylogs-storefront .table-color-heading th{font-weight:600!important;}
body.vanitylogs-storefront .vl-page-hero h1{font-weight:650!important;}
body.vanitylogs-storefront .vl-legal-card h2{font-weight:650!important;}
body.vanitylogs-storefront .vl-faq-list .accordion-title{font-weight:600!important;}
.vl-bottom-nav a{font-weight:600!important;}
.vl-about-footer h2{font-weight:650!important;}

/* Modern order/funding tables on small screens without changing backend logic. */
body.vanitylogs-storefront .table-responsive{background:#fff;border-radius:14px;}
body.vanitylogs-storefront .table td,
body.vanitylogs-storefront .table th{font-size:14px;}
body.vanitylogs-storefront .card{box-shadow:0 5px 20px rgba(21,39,77,.045)!important;}

@media(max-width:991.98px){
  body.vanitylogs-storefront .content-page{padding-top:8px!important;}
  body.vanitylogs-storefront .content-page .container-fluid{max-width:100%;padding-top:14px;}
}

/* Order history refinements */
.vl-orders-page .vl-page-hero{margin-bottom:18px;}
.vl-orders-table{min-width:900px;}
.vl-orders-table td{font-weight:400!important;}
.vl-order-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:#5d6680;}
.vl-order-paid{font-weight:600;color:var(--vl-navy);}
.vl-order-actions{display:flex;gap:7px;flex-wrap:wrap;}
.vl-order-actions .btn{min-height:34px!important;padding:5px 10px!important;font-size:12.5px!important;}

body.vanitylogs-storefront .nav-link{font-weight:500!important;}


/* =========================================================
   VanityLog V3.1 patch — funding, orders and category polish
   ========================================================= */
.vl-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--vl-orange);margin-bottom:6px;}
.vl-page-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.vl-page-hero>div:first-child{min-width:0;}
.vl-hero-icon{flex:0 0 84px;width:84px;height:84px;border-radius:22px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:36px;color:#fff;border:1px solid rgba(255,255,255,.17);}
.vl-page-hero .vl-eyebrow{color:#ffc38e;}

/* Categories are intentionally text-only. */
.vl-category-title{gap:0!important;}
.vl-category-title img,.vl-category-title .vl-cat-fallback{display:none!important;}
.vl-category-menu a img,.vl-category-menu a>i{display:none!important;}
.vl-category-menu a{padding-left:15px!important;}
.vl-category-page-title{gap:0!important;}
.vl-category-page-title>img{display:none!important;}

/* Fund page */
.vl-fund-page .container-fluid,.vl-orders-modern .container-fluid{max-width:1080px!important;}
.vl-fund-hero{margin-bottom:22px;}
.vl-fund-card,.vl-history-card{background:#fff;border:1px solid #e9edf4;border-radius:20px;box-shadow:0 7px 28px rgba(18,39,77,.05);padding:26px;margin-bottom:22px;}
.vl-fund-card-head h2,.vl-history-head h2{margin:0;color:#0a2d68;font-size:24px;font-weight:650;}
.vl-fund-card-head p{margin:7px 0 0;color:#717987;font-size:14px;}
.vl-fund-banner{margin:22px 0;border-radius:17px;overflow:hidden;background:#fff1e7;border:1px solid #ffe0c7;}
.vl-fund-banner img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;}
.vl-static-account-card{border:1px solid #edf0f5;border-radius:18px;background:#fafbfe;padding:20px;}
.vl-account-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#697282;padding:30px 12px;}
.vl-generate-account{text-align:center;padding:22px 16px;}
.vl-generate-icon{width:66px;height:66px;margin:0 auto 13px;border-radius:18px;background:#fff0e2;color:var(--vl-orange);display:grid;place-items:center;font-size:27px;}
.vl-generate-account h3{margin:0 0 7px;color:#0a2d68;font-size:21px;font-weight:650;}
.vl-generate-account p{max-width:570px;margin:0 auto 18px;color:#707886;font-size:14px;line-height:1.55;}
.vl-generate-btn{border:0;border-radius:11px;background:var(--vl-orange);color:#fff;min-height:50px;padding:0 21px;font-size:15px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.vl-generate-btn:disabled{opacity:.7;cursor:wait;}
.vl-account-ready-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px;color:#13386f;font-size:14px;}
.vl-account-ready-head>div{display:flex;align-items:center;gap:7px;font-weight:600;}
.vl-account-ready-head small{color:#818895;}
.vl-live-dot{width:8px;height:8px;border-radius:50%;background:#24a148;box-shadow:0 0 0 4px rgba(36,161,72,.12);}
.vl-account-row{display:grid;grid-template-columns:42px minmax(0,1fr) 44px;align-items:center;gap:12px;background:#fff;border:1px solid #e7ebf1;border-radius:13px;padding:12px 13px;margin-top:10px;}
.vl-account-row-icon{width:42px;height:42px;border-radius:11px;background:#f1e9f8;color:var(--vl-purple);display:grid;place-items:center;}
.vl-account-row-copy{min-width:0;}
.vl-account-row-copy small{display:block;color:#858c98;font-size:11px;margin-bottom:2px;}
.vl-account-row-copy strong{display:block;color:#0b2f6c;font-size:15px;font-weight:600;word-break:break-word;}
.vl-copy-account{width:42px;height:42px;border:0;border-radius:11px;background:#eef4ff;color:#2563eb;font-size:17px;}
.vl-copy-account.copied{background:#e9f8ee;color:#19833d;}
.vl-account-error{display:flex;gap:12px;align-items:flex-start;color:#9b2c2c;background:#fff3f3;border:1px solid #ffd9d9;border-radius:13px;padding:17px;}
.vl-account-error i{font-size:21px;margin-top:2px;}.vl-account-error p{margin:3px 0 0;font-size:13px;}
.vl-fund-note{margin-top:18px;display:flex;gap:14px;padding:18px;border-radius:16px;background:#fff7ef;border:1px solid #ffe0c2;}
.vl-fund-note-icon{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#fff;color:var(--vl-orange);display:grid;place-items:center;}
.vl-fund-note h3{margin:0 0 7px;font-size:15px;color:#0a2d68;font-weight:650;}.vl-fund-note ul{margin:0;padding-left:18px;color:#646d7a;font-size:13px;line-height:1.65;}
.vl-history-head{margin-bottom:16px;}.vl-fund-history-table thead th{background:#f6f2fa!important;color:#3d1764!important;border:0!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.04em;}
.vl-fund-history-table td{vertical-align:middle!important;color:#536071;border-top:1px solid #eef1f5!important;}.vl-status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf8f0;color:#18813c;font-size:11px;font-weight:600;}
.vl-table-empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:26px;color:#8b929d;}.vl-table-empty i{font-size:25px;color:#c2c7d0;}

/* Modern orders */
.vl-orders-hero{margin-bottom:18px;}.vl-order-notice{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #eadff4;border-radius:16px;padding:17px 18px;margin-bottom:20px;color:#505b6c;line-height:1.55;box-shadow:0 4px 16px rgba(43,24,71,.035);}
.vl-order-notice-icon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#f0e6f8;color:var(--vl-purple);display:grid;place-items:center;}.vl-order-notice a{color:#4d18a4!important;font-weight:600;}
.vl-orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 15px;}.vl-orders-heading h2{margin:0;color:#0a2d68;font-size:24px;font-weight:650;}.vl-orders-actions-top{display:flex;gap:9px;flex-wrap:wrap;}
.vl-secondary-action,.vl-primary-action{min-height:43px;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font-size:13px;font-weight:550;cursor:pointer;}
.vl-secondary-action{border:1px solid #dbe0e8;background:#fff;color:#4b5566!important;}.vl-primary-action{border:1px solid var(--vl-orange);background:var(--vl-orange);color:#fff!important;}
.vl-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.vl-order-card{background:#fff;border:1px solid #e8ecf2;border-radius:17px;box-shadow:0 5px 20px rgba(17,39,78,.045);padding:18px;min-width:0;}
.vl-order-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #eef1f5;}.vl-order-card-top small{display:block;color:#9299a4;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;}.vl-order-card-top strong{display:block;color:#0b2e68;font-size:13.5px;font-weight:650;word-break:break-all;}
.vl-order-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10.5px;font-weight:600;}.vl-order-status.completed{background:#eaf8ee;color:#17813b;}.vl-order-status.refunded{background:#fff0eb;color:#c2410c;}
.vl-order-product{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:start;padding:16px 0;}.vl-order-product-image{width:58px;height:58px;border-radius:13px;background:#f4f6f9;overflow:hidden;}.vl-order-product-image img,.vl-order-product-image span{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#7c8491;font-size:22px;}
.vl-order-product-copy h3{margin:0 0 10px;color:#0b2e68;font-size:15px;line-height:1.35;font-weight:650;word-break:break-word;}.vl-order-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.vl-order-meta span{min-width:0;}.vl-order-meta small{display:block;color:#969ca6;font-size:9.5px;margin-bottom:2px;}.vl-order-meta b{display:block;color:#485466;font-size:11.5px;font-weight:600;overflow-wrap:anywhere;}
.vl-order-card-actions{display:grid;grid-template-columns:1fr 1fr 40px;gap:8px;}.vl-order-card-actions a,.vl-order-card-actions button{min-height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:550;text-decoration:none!important;}
.vl-order-view{border:1px solid #dfe3eb;background:#f8f9fb;color:#37445a!important;}.vl-order-download{border:1px solid var(--vl-orange);background:var(--vl-orange);color:#fff;}.vl-order-delete{border:1px solid #eceff3;background:#fff;color:#9ba1ab;}.vl-orders-empty{text-align:center;background:#fff;border:1px solid #e8ecf2;border-radius:18px;padding:42px 20px;}.vl-orders-empty-icon{width:70px;height:70px;border-radius:20px;background:#f2ebf8;color:var(--vl-purple);display:grid;place-items:center;font-size:28px;margin:0 auto 13px;}.vl-orders-empty h3{margin:0 0 6px;color:#0a2d68;font-size:21px;font-weight:650;}.vl-orders-empty p{margin:0 auto 18px;color:#7a8290;max-width:420px;font-size:14px;}

@media(max-width:767.98px){
  .vl-page-hero{padding:20px;gap:12px;}.vl-hero-icon{flex-basis:58px;width:58px;height:58px;border-radius:16px;font-size:25px;}.vl-fund-card,.vl-history-card{padding:17px;border-radius:16px;}.vl-fund-card-head h2,.vl-history-head h2{font-size:20px;}.vl-fund-banner{margin:17px 0;border-radius:14px;}.vl-static-account-card{padding:13px;border-radius:14px;}.vl-fund-note{padding:14px;}.vl-history-card{overflow:hidden;}.vl-fund-history-table{min-width:650px;}
  .vl-orders-toolbar{align-items:flex-end;}.vl-orders-heading h2{font-size:20px;}.vl-order-grid{grid-template-columns:1fr;}.vl-order-card{padding:15px;}.vl-order-product{grid-template-columns:50px minmax(0,1fr);}.vl-order-product-image{width:50px;height:50px;}.vl-order-meta{grid-template-columns:repeat(2,minmax(0,1fr));}.vl-order-meta span:last-child{grid-column:1/-1;}.vl-order-card-actions{grid-template-columns:1fr 1fr 38px;}
}
@media(max-width:430px){
  .vl-orders-toolbar{align-items:stretch;flex-direction:column;}.vl-orders-actions-top{width:100%;}.vl-orders-actions-top>*{flex:1;}.vl-account-ready-head{align-items:flex-start;flex-direction:column;gap:4px;}.vl-account-row{grid-template-columns:38px minmax(0,1fr) 40px;padding:10px;gap:9px;}.vl-account-row-icon{width:38px;height:38px;}.vl-copy-account{width:40px;height:40px;}.vl-order-card-top{align-items:flex-start;}.vl-order-status{font-size:9.5px;padding:5px 7px;}.vl-order-card-actions{grid-template-columns:1fr 1fr 36px;gap:6px;}.vl-order-card-actions a,.vl-order-card-actions button{font-size:10.8px;}
}

/* VanityLog support + terms acknowledgement hotfix v2.1 */
.vl-support-fab{
  position:fixed;
  right:22px;
  bottom:28px;
  z-index:1550;
  width:auto;
  min-width:132px;
  height:54px;
  padding:0 18px 0 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:999px;
  background:#229ed9;
  color:#fff !important;
  font-size:18px;
  font-weight:800;
  letter-spacing:.1px;
  box-shadow:0 12px 28px rgba(34,158,217,.30);
  text-decoration:none !important;
  border:4px solid rgba(255,255,255,.92);
  isolation:isolate;
  animation:vlSupportBlink 1.45s ease-in-out infinite;
}
.vl-support-fab::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border:2px solid rgba(34,158,217,.50);
  border-radius:inherit;
  animation:vlSupportRing 1.45s ease-out infinite;
}
.vl-support-fab i{font-size:23px; line-height:1;}
.vl-support-fab span{display:inline-block;}
.vl-support-fab:hover{transform:translateY(-2px); color:#fff !important; filter:brightness(1.03);}
@keyframes vlSupportBlink{
  0%,100%{box-shadow:0 10px 25px rgba(34,158,217,.26); opacity:1;}
  50%{box-shadow:0 14px 36px rgba(34,158,217,.60); opacity:.78;}
}
@keyframes vlSupportRing{
  0%{transform:scale(.94); opacity:.60;}
  75%,100%{transform:scale(1.16); opacity:0;}
}
@media (max-width:991.98px){
  .vl-support-fab{right:16px; bottom:96px; min-width:122px; height:50px; padding:0 15px 0 12px; font-size:16px; border-width:3px;}
  .vl-support-fab i{font-size:21px;}
}

body.vl-terms-open{overflow:hidden !important;}
.vl-terms-overlay{
  position:fixed;
  inset:0;
  z-index:2700;
  display:none;
  align-items:center;
  justify-content:center;
  padding:14px;
  background:rgba(10,18,35,.72);
  backdrop-filter:blur(2px);
}
.vl-terms-overlay.show{display:flex;}
.vl-terms-popup{
  width:min(760px,100%);
  max-height:calc(100dvh - 28px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border-radius:20px;
  box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.vl-terms-header{
  flex:0 0 auto;
  padding:25px 30px;
  background:linear-gradient(135deg,var(--vl-purple-dark),var(--vl-purple) 58%,var(--vl-orange));
  color:#fff;
}
.vl-terms-header h2{margin:0; color:#fff; font-size:30px; line-height:1.2; font-weight:850;}
.vl-terms-body{overflow:auto; padding:26px 30px 18px; color:#25334a; -webkit-overflow-scrolling:touch;}
.vl-terms-notice{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px 12px;
  padding:18px 20px;
  margin-bottom:22px;
  border:1px solid #f2d27a;
  border-radius:12px;
  background:#fff2c9;
  color:#795c0a;
  font-size:17px;
  line-height:1.55;
}
.vl-terms-notice strong{font-weight:900;}
.vl-terms-item{display:flex; align-items:flex-start; gap:9px; margin:0 0 18px; font-size:18px; line-height:1.5; color:#34445b;}
.vl-terms-warning{margin:10px 0 22px; color:#727c8b; font-size:16px; line-height:1.6;}
.vl-terms-copy{margin:0 0 20px; color:#34445b; font-size:17px; line-height:1.55;}
.vl-terms-copy a{color:var(--vl-purple); font-weight:800; text-decoration:underline;}
.vl-terms-check{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  margin:0;
  padding:19px 20px;
  border-radius:12px;
  background:#eef1f5;
  color:#314158;
  font-size:17px;
  line-height:1.45;
  cursor:pointer;
}
.vl-terms-check input{width:24px; height:24px; margin:1px 0 0; flex:0 0 auto; accent-color:var(--vl-orange); cursor:pointer;}
.vl-terms-actions{flex:0 0 auto; padding:16px 30px 24px; border-top:1px solid #e7eaf0; background:#fff;}
.vl-terms-continue{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:12px;
  background:#c8ced8;
  color:#f7f8fa;
  font-size:19px;
  font-weight:800;
  cursor:not-allowed;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.vl-terms-continue.enabled{
  background:linear-gradient(90deg,var(--vl-purple),var(--vl-orange));
  color:#fff;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(75,15,120,.20);
}
.vl-terms-continue.enabled:active{transform:translateY(1px);}
@media(max-width:600px){
  .vl-terms-overlay{padding:10px;}
  .vl-terms-popup{max-height:calc(100dvh - 20px); border-radius:17px;}
  .vl-terms-header{padding:21px 22px;}
  .vl-terms-header h2{font-size:25px;}
  .vl-terms-body{padding:21px 22px 15px;}
  .vl-terms-notice{grid-template-columns:1fr; gap:4px; padding:16px; font-size:15.5px;}
  .vl-terms-item{font-size:16px; margin-bottom:16px;}
  .vl-terms-warning{font-size:15px; margin-bottom:19px;}
  .vl-terms-copy{font-size:15.5px;}
  .vl-terms-check{padding:16px; font-size:15.5px;}
  .vl-terms-check input{width:23px; height:23px;}
  .vl-terms-actions{padding:14px 22px 20px;}
  .vl-terms-continue{min-height:54px; font-size:17px;}
}
@media (prefers-reduced-motion:reduce){
  .vl-support-fab,.vl-support-fab::before{animation:none !important;}
}



/* VanityLog popup action buttons v2.2 */
.vl-popup-action{
  width:100%;
  min-height:52px;
  margin:-5px 0 20px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:11px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:15px;
  line-height:1.25;
  font-weight:850;
  letter-spacing:.01em;
  box-shadow:0 7px 18px rgba(15,35,70,.12);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.vl-popup-action:hover{color:#fff !important;filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,35,70,.17);}
.vl-popup-action:active{transform:translateY(0);}
.vl-popup-action i{font-size:18px;line-height:1;}
.vl-popup-action-arrow{font-size:15px;font-weight:900;}
.vl-popup-telegram{background:#229ed9;}
.vl-popup-number{background:#132c52;}
.vl-popup-website{background:linear-gradient(90deg,var(--vl-orange),#f26a18);justify-content:space-between;text-align:left;padding:12px 16px 12px 18px;}
.vl-popup-website-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.vl-popup-website-copy strong{display:block;color:#fff;font-size:15px;line-height:1.15;font-weight:900;}
.vl-popup-website-copy small{display:block;color:rgba(255,255,255,.96);font-size:11.5px;line-height:1.35;font-weight:650;}
@media(max-width:600px){
  .vl-popup-action{min-height:48px;margin:-4px 0 17px;padding:11px 13px;font-size:13.5px;border-radius:10px;}
  .vl-popup-action i{font-size:17px;}
  .vl-popup-website{padding:11px 13px 11px 15px;}
  .vl-popup-website-copy strong{font-size:13.5px;}
  .vl-popup-website-copy small{font-size:10.8px;}
}