/* VASKI App v1.3 — Home del cliente. Scope completo por #dashboard-area.
 * Solo modifica la interfaz post-login; las pantallas de autenticación son v1.2.
 */
body.vask-app-home-active{background:#f5f6f5;color:#1f2523;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;}
body.vask-app-home-active>.top-accent,body.vask-app-home-active>.topbar,body.vask-app-home-active>footer{display:none!important;}
body.vask-app-home-active main{min-height:100dvh;}
#dashboard-area.app-home{padding:0 0 96px!important;margin:0 auto!important;max-width:100%!important;color:#1b2420;min-height:100dvh;}
#dashboard-area .app-home-header{background:#1b1e1c;color:#f2f6f1;display:flex;align-items:center;justify-content:space-between;padding:18px max(22px,calc((100vw - 1000px)/2));min-height:77px;gap:15px;}
#dashboard-area .app-home-logo{height:auto;width:110px;max-width:30vw;display:block;}
#dashboard-area button{cursor:pointer;}
#dashboard-area .app-home-account-shortcut{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#f4f8f4;font-size:12px;font-weight:650;padding:0;}
#dashboard-area .app-home-avatar{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;background:#3c443c;border:1px solid #778475;color:#b8ff36;font-weight:800;font-size:15px;}
#dashboard-area .app-home-main{max-width:1000px;margin:0 auto;padding:31px 22px 30px;display:grid;gap:27px;}
#dashboard-area .app-home-welcome{font-weight:800;letter-spacing:.12em;color:#6a806e;font-size:11px;}
#dashboard-area .app-home-greeting h1{font-size:clamp(30px,4.2vw,39px);font-weight:790;letter-spacing:-.054em;line-height:1.06;margin:10px 0 10px;}
#dashboard-area .app-home-greeting p{margin:0;color:#77827d;font-size:14px;line-height:1.5;}
#dashboard-area .app-home-scan{position:relative;border-radius:24px;border:1px solid #343c36;background:#202421;box-shadow:0 16px 36px rgba(18,38,24,.08);color:white;padding:30px;isolation:isolate;overflow:hidden;}
#dashboard-area .app-home-scan-illustration{position:absolute;top:13px;right:27px;width:91px;height:91px;color:#99bb95;opacity:.11;pointer-events:none;}
#dashboard-area .app-home-scan-illustration svg{display:block;width:100%;height:100%;}
#dashboard-area .app-home-scan-intro{position:relative;max-width:620px;}
#dashboard-area .app-home-scan-eyebrow{color:#baff39;font-size:11px;letter-spacing:.13em;font-weight:800;margin-bottom:12px;}
#dashboard-area .app-home-scan-intro h2{margin:0 0 9px;font-size:clamp(24px,3.4vw,32px);line-height:1.12;letter-spacing:-.04em;font-weight:780;color:#fcfffa;}
#dashboard-area .app-home-scan-intro p{color:#afb8b0;font-size:14px;line-height:1.5;margin:0;max-width:460px;}
#dashboard-area .app-home-scan-buttons{margin:23px 0 18px;max-width:600px;display:flex;}
#dashboard-area .app-home-qr-button{background:#b4ff38!important;color:#19231b!important;border:0!important;border-radius:14px!important;min-height:57px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:780;letter-spacing:-.015em;padding:0 20px;width:100%;box-shadow:none;}
#dashboard-area .app-home-qr-button:hover{background:#a6ee29!important;}
#dashboard-area .app-home-qr-button>span{font-size:20px;margin-left:auto;}
#dashboard-area .app-home-qr-button>svg{flex:0 0 21px;}
#dashboard-area .app-home-code-separator{color:#818d84;font-size:10px;letter-spacing:.105em;font-weight:700;margin:9px 0 10px;display:flex;align-items:center;gap:14px;max-width:600px;}
#dashboard-area .app-home-code-separator:before,#dashboard-area .app-home-code-separator:after{content:"";height:1px;flex:1;background:#495149;}
#dashboard-area .app-home-code-form{margin:0;max-width:600px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;}
#dashboard-area .app-home-code-form input{flex:1 1 200px;min-width:0;width:auto;min-height:50px;box-sizing:border-box;border-radius:12px;border:1px solid #525a52;background:#2b302c;color:#f4f7f2;font:inherit;font-size:15px;padding:12px 16px;outline:none;}
#dashboard-area .app-home-code-form input::placeholder{color:#89948b;}
#dashboard-area .app-home-code-form input:focus{border-color:#b4ff38;box-shadow:0 0 0 2px #b4ff3829;}
#dashboard-area .app-home-code-submit{flex:0 0 auto;border-radius:12px;min-height:50px;padding:0 16px;background:#434b43;color:#f7fff4;border:1px solid #5d6b5c;font-size:13px;font-weight:720;display:flex;align-items:center;gap:10px;}
#dashboard-area .app-home-code-submit:hover{background:#516351;}
#dashboard-area .app-home-code-submit span{font-size:18px;}
#dashboard-area .app-home-qr-note{font-size:11px;color:#858e86;margin:15px 0 0;line-height:1.5;}
#dashboard-area .app-home-scan .qr-camera-panel{max-width:600px;margin:14px 0;}
#dashboard-area .app-home-scan .qr-video-wrap{aspect-ratio:1;max-height:440px;}
#dashboard-area .app-home-scan .qr-help{color:#c3cfc4;}
#dashboard-area .app-home-scan #qr-stop{background:transparent;color:#eff4ee;border-color:#68766b;border-radius:12px;}
#dashboard-area .app-home-scan #qr-error{margin:12px 0 0;background:#432e2b;color:#ffe3d7;border:1px solid #80544c;}
#dashboard-area .app-home-machine-result{color:#24302a;background:#fafff7;border:1px solid #a9cfaa;border-radius:15px;padding:20px;margin:21px 0 0;max-width:600px;}
#dashboard-area .app-home-result-eyebrow{font-size:10px;font-weight:780;letter-spacing:.14em;color:#407c47;}
#dashboard-area .app-home-result-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:12px 0;}
#dashboard-area .app-home-result-head h3{margin:0;font-size:18px;}
#dashboard-area .app-home-result-head .qr-price{margin:0;white-space:nowrap;font-size:25px;color:#1b3821;}
#dashboard-area .app-home-result-head #qr-branch{margin:4px 0 0;line-height:1.4;}
#dashboard-area .app-home-machine-result .muted{color:#5f7266;font-size:12px;line-height:1.5;margin:8px 0;}
#dashboard-area .app-home-quote{display:inline-flex;margin-top:10px;}
#dashboard-area .app-home-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;}
#dashboard-area .app-home-section-head h2{font-size:19px;letter-spacing:-.025em;margin:0;font-weight:770;}
#dashboard-area .app-home-section-hint{font-size:12px;color:#88968a;}
#dashboard-area .app-home-wallet-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e2eae3;border-radius:17px;padding:18px 20px;box-shadow:0 4px 18px #27422b08;}
#dashboard-area .app-home-wallet-icon{flex:0 0 49px;width:49px;height:49px;display:grid;place-items:center;color:#237953;border-radius:13px;background:#e9f8ec;}
#dashboard-area .app-home-wallet-amount{display:flex;flex-direction:column;gap:3px;}
#dashboard-area .app-home-wallet-amount span{font-size:12px;color:#728577;}
#dashboard-area .app-home-wallet-amount strong{font-size:26px;letter-spacing:-.045em;color:#1e2923;font-weight:780;line-height:1;}
#dashboard-area .app-home-wallet-currency{margin-left:auto;border:1px solid #e0ebe1;border-radius:8px;padding:6px 8px;color:#6e806f;font-size:11px;font-weight:770;}
#dashboard-area .app-home-wallet-details{background:#fff;border:1px solid #e2eae3;border-top:0;border-radius:0 0 14px 14px;margin:-4px 10px 0;overflow:hidden;}
#dashboard-area .app-home-wallet-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:15px 16px;color:#476c55;font-size:12px;font-weight:680;}
#dashboard-area .app-home-wallet-details summary::-webkit-details-marker{display:none;}
#dashboard-area .app-home-wallet-details .wallet-detail{padding:10px 16px;border-top:1px solid #f0f2ef;margin:0;font-size:12px;}
#dashboard-area .app-home-wallet-details .wallet-detail span{color:#718074;}
#dashboard-area .app-home-wallet-details .wallet-detail strong{color:#233728;}
#dashboard-area .app-home-activity{background:#fff;border-radius:17px;border:1px solid #e3eae4;padding:21px;}
#dashboard-area .app-home-activity .app-home-section-head{margin-bottom:8px;}
#dashboard-area .app-home-refresh{background:transparent;border:0;color:#4a7e51;font-weight:690;font-size:12px;padding:5px;}
#dashboard-area .app-home-activity .empty-state{padding:26px 8px;}
#dashboard-area .app-home-activity .empty-circle{background:#e9f7ed;color:#588d65;}
#dashboard-area .app-home-activity .empty-state strong{font-size:14px;}
#dashboard-area .app-home-activity .empty-state p{font-size:12px;}
#dashboard-area .app-home-activity .movement{padding:14px 0;border-top:1px solid #edf1eb;}
#dashboard-area .app-home-account,#dashboard-area .app-home-lab{background:#fff;border:1px solid #e2eae4;border-radius:13px;overflow:hidden;}
#dashboard-area .app-home-account summary,#dashboard-area .app-home-lab summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:17px 19px;font-size:13px;font-weight:750;}
#dashboard-area .app-home-account summary::-webkit-details-marker,#dashboard-area .app-home-lab summary::-webkit-details-marker{display:none;}
#dashboard-area .app-home-account-fields{padding:0 18px 18px;}
#dashboard-area .app-home-account-fields .setting{align-items:start;font-size:12px;}
#dashboard-area .app-home-account-fields .setting b{max-width:70%;font-size:12px;}
#dashboard-area .app-home-signout{border:1px solid #d9e0dc;border-radius:9px;color:#475b4b;background:#fff;padding:10px 17px;font-size:13px;font-weight:700;margin-top:18px;}
#dashboard-area .app-home-lab-content{padding:0 16px 18px;}
#dashboard-area .app-home-lab-content>p,#dashboard-area .app-home-disclaimer{font-size:11px;color:#8b988e;line-height:1.5;margin:0;}
#dashboard-area .app-home-lab .lab-group .outline-button{font-size:12px;padding:10px;}
#dashboard-area .app-home-disclaimer{text-align:center;margin:-12px auto 6px;max-width:440px;}
#dashboard-area .app-home-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:center;gap:10px;background:#fbfdfb;border-top:1px solid #e3ebe4;box-shadow:0 -8px 24px #2135220a;padding:10px max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));}
#dashboard-area .app-home-bottom-nav button{width:110px;max-width:25%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#809087;font-size:10px;font-weight:700;border-radius:11px;}
#dashboard-area .app-home-bottom-nav button.active{color:#225f34;background:#ecf7ea;}
#dashboard-area .app-home-bottom-nav button svg{flex:0 0 22px;}
#dashboard-area .app-home-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
#dashboard-area section,#dashboard-area details{scroll-margin-top:16px;}
#dashboard-area button:focus-visible,#dashboard-area input:focus-visible,#dashboard-area summary:focus-visible{outline:2px solid #90d72e;outline-offset:3px;}
@media (min-width:760px){
  #dashboard-area .app-home-main{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:24px 28px;padding-top:36px;}
  #dashboard-area .app-home-greeting{grid-column:1/-1;}
  #dashboard-area .app-home-scan{grid-row:2 / span 3;}
  #dashboard-area .app-home-wallet{grid-column:2;grid-row:2;}
  #dashboard-area .app-home-activity{grid-column:2;grid-row:3;align-self:start;}
  #dashboard-area .app-home-account{grid-column:2;grid-row:4;align-self:start;}
  #dashboard-area .app-home-lab,#dashboard-area .app-home-disclaimer{grid-column:1/-1;}
  #dashboard-area .app-home-bottom-nav{max-width:480px;left:50%;transform:translateX(-50%);border:1px solid #e3ebe4;border-radius:18px 18px 0 0;}
  #dashboard-area .app-home-scan{padding:33px;}
}
@media(max-width:540px){
  #dashboard-area .app-home-header{min-height:70px;padding:13px 20px;}
  #dashboard-area .app-home-logo{width:107px;}
  #dashboard-area .app-home-main{gap:24px;padding:25px 17px 23px;}
  #dashboard-area .app-home-greeting h1{font-size:33px;}
  #dashboard-area .app-home-greeting p{font-size:13px;}
  #dashboard-area .app-home-scan{padding:22px;border-radius:19px;}
  #dashboard-area .app-home-scan-intro h2{font-size:24px;}
  #dashboard-area .app-home-scan-intro p{font-size:13px;}
  #dashboard-area .app-home-qr-button{min-height:54px;}
  #dashboard-area .app-home-code-form input{min-height:47px;}
  #dashboard-area .app-home-code-submit{min-height:47px;}
  #dashboard-area .app-home-wallet-card{padding:16px;}
}
@media(max-width:350px){
  #dashboard-area .app-home-main{padding-inline:12px;}
  #dashboard-area .app-home-scan{padding:18px;}
  #dashboard-area .app-home-code-submit{padding:0 10px;}
  #dashboard-area .app-home-code-form input{padding:10px;}
  #dashboard-area .app-home-account-text{display:none;}
}
@media (prefers-reduced-motion:reduce){#dashboard-area *{scroll-behavior:auto!important;}}
/* Evita que el bloque QR se estire para igualar la altura de otras columnas. */
@media (min-width:760px){#dashboard-area .app-home-scan{align-self:start;}}
#dashboard-area .app-home-welcome{text-transform:uppercase;}
@media(max-width:540px){#dashboard-area .app-home-scan-illustration{display:none;}}