/* VENISIA Signature Mobile V3 — aesthetic layer only.
 * Load AFTER V1/V2. No form, data, navigation, server or finance changes.
 * Scope: existing authenticated .vs-active interface, <=767px.
 */
@media (max-width:767px) {
 body.vs-active {
   --vs3-gold:#e8cf8a;
   --vs3-gold-muted:#c9a96a;
   --vs3-edge:rgba(201,169,106,.19);
   --vs3-panel:#10131c;
   --vs3-paper:#f4f1ea;
   --vs3-secondary:#a9b1c3;
   background:#05060a;
   color:var(--vs3-paper);
 }
 body.vs-active .main-area {
   min-width:0;
   background:radial-gradient(ellipse 110% 33% at 88% 0%,rgba(201,169,106,.075),transparent 65%),#05060a;
 }
 body.vs-active .main-area .topbar {
   margin:0 0 12px;
   padding:14px 16px 13px;
   border-bottom:1px solid rgba(201,169,106,.12);
   background:linear-gradient(145deg,rgba(23,27,39,.78),rgba(10,12,18,.78));
   border-radius:0 0 20px 20px;
   gap:10px;
 }
 body.vs-active .main-area .topbar strong {
   display:block;
   font-size:clamp(1.14rem,4.7vw,1.4rem);
   font-weight:750;
   letter-spacing:0;
   line-height:1.55;
 }
 body.vs-active .main-area .topbar small {display:block;line-height:1.7;color:var(--vs3-secondary);}
 body.vs-active .topbar .pill {
   display:block;
   margin-top:6px;
   padding:8px 11px;
   border:1px solid rgba(201,169,106,.16);
   border-radius:12px;
   background:rgba(201,169,106,.075);
   color:#e7d6ae;
   font-size:.76rem;
   line-height:1.6;
 }
 body.vs-active main.content {padding-inline:clamp(11px,3.3vw,18px);padding-bottom:90px;}
 body.vs-active .alert,body.vs-active .vs-newsline {
   box-sizing:border-box;
   border-radius:12px;
   padding:10px 12px;
   margin-block:8px;
   font-size:.8rem;
   line-height:1.7;
   letter-spacing:0;
   overflow-wrap:anywhere;
 }
 body.vs-active .vs-newsline {gap:5px 8px;border:1px solid rgba(201,169,106,.16);background:rgba(16,19,28,.82);}
 body.vs-active .vs-newsline b {color:var(--vs3-gold);}
 body.vs-active.vs-route-dashboard #vi-page-experience-v4 .vi4-hero,
 body.vs-active.vs-route-dashboard main.content>.intro {
   border:1px solid var(--vs3-edge)!important;
   border-radius:23px!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 15px 40px rgba(0,0,0,.17);
   background:linear-gradient(157deg,#141925 0%,#0c1019 64%,#090b11 100%);
 }
 body.vs-active #vi-page-experience-v4 .vi4-hero {padding:17px!important;}
 body.vs-active #vi-page-experience-v4 .vi4-title,
 body.vs-active main.content>.intro h1 {color:#f4f1ea;font-weight:750;letter-spacing:0;}
 body.vs-active #vi-page-experience-v4 .vi4-sub,
 body.vs-active main.content>.intro p {color:var(--vs3-secondary);}
 body.vs-active #vi-page-experience-v4 .vi4-grid {gap:10px!important;}
 body.vs-active #vi-page-experience-v4 .vi4-tile {
   min-height:73px!important;
   border-radius:17px!important;
   border:1px solid rgba(201,169,106,.18)!important;
   background:linear-gradient(145deg,rgba(28,33,46,.96),rgba(16,19,28,.99))!important;
   padding:13px 11px!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
   transition:transform .19s ease,border-color .19s ease,background .19s ease;
 }
 body.vs-active #vi-page-experience-v4 .vi4-tile:active {transform:scale(.985);border-color:rgba(232,207,138,.5)!important;}
 body.vs-active #vi-page-experience-v4 .vi4-tile:focus-visible,
 body.vs-active a:focus-visible,body.vs-active button:focus-visible {
   outline:2px solid var(--vs3-gold);outline-offset:3px;
 }
 body.vs-active .panel,body.vs-active .metric {
   border-radius:20px!important;
   border-color:rgba(201,169,106,.14)!important;
   box-shadow:0 10px 27px rgba(0,0,0,.10);
 }
 body.vs-active .panel h2 {color:var(--vs3-paper);font-size:clamp(1.05rem,4.3vw,1.25rem);}
 body.vs-active .metric>strong {font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
 body.vs-active .table-scroll {border-radius:13px;scrollbar-width:thin;}
 body.vs-active :is(input,select,textarea) {min-width:0;}
 body.vs-active #vi-command-center-v3 .vi-launch {
   width:44px!important;height:44px!important;
   border-radius:15px!important;
   box-shadow:0 7px 24px rgba(0,0,0,.3);
 }
 body.vs-active #vi-command-center-v3 {left:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;}
}
@media (max-width:380px) {
 body.vs-active #vi-page-experience-v4 .vi4-tile {padding:10px 8px!important;gap:6px!important;}
 body.vs-active #vi-page-experience-v4 .vi4-tile span:last-child {font-size:.75rem!important;}
}
@media (prefers-reduced-motion:reduce) {
 body.vs-active #vi-page-experience-v4 .vi4-tile {transition:none!important;}
}