:root{--sg-blue:#5B9AF5;--sg-blue2:#8DC0FF;--sg-bg:#F6FAFF;--sg-card:#fff;--sg-text:#1E2A3A;--sg-muted:#7D8B9F;--sg-line:#E6EEF7;--sg-green:#3EA76A;--sg-orange:#E9A23B;--sg-red:#E16464;--sg-shadow:0 10px 30px rgba(44,94,157,.08)}
.sg-app,.sg-login-wrap{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--sg-text)}.sg-app{max-width:460px;margin:0 auto;min-height:100dvh;background:var(--sg-bg);padding:calc(14px + env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));box-sizing:border-box}.sg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sg-brand{display:flex;align-items:center;gap:10px}.sg-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--sg-blue),var(--sg-blue2));display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;box-shadow:var(--sg-shadow)}.sg-brand strong{display:block;font-size:22px}.sg-brand small{display:block;color:var(--sg-muted);font-size:11px;margin-top:2px}.sg-month{font-size:12px;color:var(--sg-muted);border:1px solid var(--sg-line);background:#fff;padding:8px 10px;border-radius:12px}.sg-page{display:none}.sg-page.is-active{display:block}.sg-hero{background:linear-gradient(145deg,#6EA9F8,#8EC4FF);padding:20px;border-radius:24px;color:#fff;box-shadow:0 15px 34px rgba(77,147,236,.22)}.sg-hero>small{opacity:.88}.sg-big-money{font-size:31px;font-weight:800;margin:6px 0 18px;letter-spacing:-1px}.sg-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sg-hero-grid>div,.sg-hero-grid>button{border:0;text-align:left;background:rgba(255,255,255,.16);color:#fff;border-radius:14px;padding:10px;min-width:0}.sg-hero-grid span{display:block;font-size:10px;opacity:.85}.sg-hero-grid b{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-section-title{display:flex;align-items:center;justify-content:space-between;margin:19px 2px 10px}.sg-section-title h2{margin:0;font-size:17px}.sg-section-title button{border:0;background:none;color:var(--sg-blue);font-weight:700;font-size:13px}.sg-card,.sg-fund-card,.sg-asset-card,.sg-stat,.sg-asset-total{background:#fff;border:1px solid var(--sg-line);border-radius:18px;box-shadow:var(--sg-shadow)}.sg-card{padding:14px}.sg-fund-card{padding:14px;margin-bottom:10px}.sg-fund-head{display:flex;align-items:center;gap:10px}.sg-icon{width:42px;height:42px;border-radius:14px;background:#EAF3FF;display:grid;place-items:center;font-size:21px}.sg-grow{flex:1;min-width:0}.sg-name{font-size:15px;font-weight:750}.sg-meta{font-size:12px;color:var(--sg-muted);margin-top:3px}.sg-percent{font-size:13px;font-weight:750}.sg-bar{height:8px;background:#EDF3F9;border-radius:99px;overflow:hidden;margin-top:12px}.sg-fill{height:100%;background:var(--sg-blue);border-radius:99px}.sg-fill.warn{background:var(--sg-orange)}.sg-fill.danger{background:var(--sg-red)}.sg-actions{display:flex;gap:8px;margin-top:12px}.sg-mini{border:1px solid var(--sg-line);background:#fff;border-radius:10px;padding:7px 9px;font-size:11px}.sg-mini.edit{color:var(--sg-blue);background:#F7FBFF}.sg-mini.delete{color:var(--sg-red)}.sg-alert{background:#FFF7E9;border:1px solid #F6D89E;color:#965E10;padding:12px 13px;border-radius:14px;font-size:13px;margin:10px 0}.sg-tx{display:flex;align-items:center;gap:12px}.sg-tx+.sg-tx{border-top:1px solid var(--sg-line);padding-top:12px;margin-top:12px}.sg-amount{font-weight:800;text-align:right;white-space:nowrap}.sg-amount.expense{color:var(--sg-red)}.sg-amount.income{color:var(--sg-green)}.sg-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sg-stat{padding:14px}.sg-stat span,.sg-asset-total span{display:block;color:var(--sg-muted);font-size:12px}.sg-stat b{display:block;font-size:17px;margin-top:5px}.sg-asset-total{padding:16px;background:linear-gradient(145deg,#EFF7FF,#FBFDFF);border-color:#DCEAFF}.sg-asset-total b{display:block;font-size:23px;margin-top:5px}.sg-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sg-asset-card{padding:13px}.sg-asset-card .sg-value{font-weight:800;font-size:14px;margin-top:5px}.sg-report-row{display:grid;grid-template-columns:90px 1fr 68px;align-items:center;gap:8px;font-size:11px;margin:12px 0}.sg-report-track{height:8px;background:#EDF3F9;border-radius:99px;overflow:hidden}.sg-report-fill{height:100%;background:var(--sg-blue);border-radius:99px}.sg-bottom-nav{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:0;width:min(460px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid var(--sg-line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box}.sg-bottom-nav button{border:0;background:none;color:var(--sg-muted);display:grid;place-items:center;gap:3px;padding:3px}.sg-bottom-nav button>span{font-size:21px}.sg-bottom-nav button>small{font-size:9px}.sg-bottom-nav button.is-active{color:var(--sg-blue);font-weight:700}.sg-bottom-nav .sg-add>span{width:46px;height:46px;border-radius:16px;background:var(--sg-blue);color:#fff;display:grid;place-items:center;font-size:28px;transform:translateY(-10px);box-shadow:0 8px 20px rgba(91,154,245,.35)}.sg-modal{position:fixed;z-index:100;inset:0;background:rgba(20,33,48,.28);display:none;align-items:flex-end;justify-content:center}.sg-modal.is-open{display:flex}.sg-sheet{width:min(460px,100%);max-height:90dvh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}.sg-handle{width:46px;height:5px;border-radius:99px;background:#D8E1EC;margin:0 auto 16px}.sg-sheet h3{margin:0 0 14px;font-size:20px}.sg-sheet label,.sg-export label{display:block;font-size:12px;color:var(--sg-muted);margin:12px 0 6px}.sg-sheet input,.sg-sheet select,.sg-export input,.sg-export select{width:100%;box-sizing:border-box;border:1px solid var(--sg-line);background:#FBFDFF;border-radius:14px;padding:13px 14px;outline:none}.sg-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sg-primary,.sg-secondary{width:100%;border-radius:15px;padding:13px 14px;font-weight:750;margin-top:14px}.sg-primary{background:var(--sg-blue);color:#fff;border:0}.sg-secondary{background:#fff;color:var(--sg-text);border:1px solid var(--sg-line)}.sg-export small{display:block;color:var(--sg-muted);font-size:11px;margin-top:8px}.sg-hidden{display:none!important}.sg-empty{text-align:center;padding:24px 10px;color:var(--sg-muted);font-size:13px}.sg-login-wrap{min-height:100dvh;background:var(--sg-bg);display:grid;place-items:center;padding:20px;box-sizing:border-box}.sg-login-card{width:min(390px,100%);background:#fff;border:1px solid var(--sg-line);border-radius:24px;padding:24px;box-shadow:var(--sg-shadow)}.sg-login-card h1{margin:12px 0 0}.sg-login-card p{color:var(--sg-muted)}.sg-login-card label{display:block;font-size:12px;color:var(--sg-muted);margin-top:10px}.sg-login-card input[type=text],.sg-login-card input[type=password]{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--sg-line);border-radius:12px}.sg-login-card input[type=submit]{width:100%;border:0;background:var(--sg-blue);color:#fff;padding:13px;border-radius:13px;font-weight:700}.sg-login-card .login-remember{font-size:12px}


/* =========================================================
   SkyGIAU Finance V1.1 — Mobile App Mode
   Standalone frontend: no theme header/footer/admin bar.
   ========================================================= */
html,body.skygiau-mobile-app{margin:0!important;padding:0!important}
html{width:100%;min-height:100%;background:#F6FAFF;-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}
body.skygiau-mobile-app{width:100%;min-height:100dvh;max-width:100%;overflow-x:hidden;background:#F6FAFF!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}
body.skygiau-mobile-app #wpadminbar{display:none!important}
body.skygiau-mobile-app *{box-sizing:border-box}
body.skygiau-mobile-app .sg-app{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding-top:max(14px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(92px + env(safe-area-inset-bottom));background:#F6FAFF;overflow-x:hidden}
body.skygiau-mobile-app .sg-login-wrap{width:100%;min-height:100dvh;margin:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#F6FAFF}
body.skygiau-mobile-app input,
body.skygiau-mobile-app select,
body.skygiau-mobile-app textarea{font-size:16px!important;line-height:1.25;max-width:100%;-webkit-text-size-adjust:100%}
body.skygiau-mobile-app input[type="number"],
body.skygiau-mobile-app input[type="date"],
body.skygiau-mobile-app input[type="month"]{font-size:16px!important}
body.skygiau-mobile-app button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.skygiau-mobile-app .sg-bottom-nav{width:min(480px,100%);padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(8px + env(safe-area-inset-bottom))}
body.skygiau-mobile-app.sg-modal-open .sg-bottom-nav{visibility:hidden;pointer-events:none}
body.skygiau-mobile-app.sg-modal-open{overflow:hidden}
body.skygiau-mobile-app .sg-modal{overscroll-behavior:contain}
body.skygiau-mobile-app .sg-sheet{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
@supports (-webkit-touch-callout:none){
  body.skygiau-mobile-app,
  body.skygiau-mobile-app .sg-app,
  body.skygiau-mobile-app .sg-login-wrap{min-height:-webkit-fill-available}
}
@media (max-width:520px){
  body.skygiau-mobile-app .sg-app{max-width:none;box-shadow:none}
  body.skygiau-mobile-app .sg-header{position:sticky;top:0;z-index:15;background:rgba(246,250,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:4px 0 10px}
}
@media (min-width:521px){
  body.skygiau-mobile-app{background:#EAF1F9!important}
  body.skygiau-mobile-app .sg-app{box-shadow:0 0 50px rgba(0,0,0,.06)}
}

/* =========================================================
   SkyGIAU V1.2 — Multi-user login / registration
   ========================================================= */
.sg-header-actions{display:flex;align-items:center;gap:7px}.sg-logout{width:34px;height:34px;border:1px solid var(--sg-line);border-radius:11px;background:#fff;color:var(--sg-muted);display:grid;place-items:center;text-decoration:none;font-size:18px}.sg-auth-wrap{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;min-height:100dvh;width:100%;display:grid;place-items:center;background:linear-gradient(180deg,#F6FAFF 0%,#EDF6FF 100%);padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box;color:var(--sg-text)}.sg-auth-card{width:min(410px,100%);background:#fff;border:1px solid var(--sg-line);border-radius:28px;padding:24px;box-shadow:0 20px 55px rgba(44,94,157,.12);box-sizing:border-box}.sg-auth-brand{text-align:center}.sg-auth-brand .sg-logo{margin:0 auto}.sg-auth-brand h1{margin:12px 0 2px;font-size:27px}.sg-auth-brand p{margin:0;color:var(--sg-muted);font-size:13px}.sg-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#F2F6FB;border-radius:14px;padding:4px;margin:22px 0 16px}.sg-auth-tabs button{border:0;background:transparent;border-radius:11px;padding:10px;color:var(--sg-muted);font-weight:700}.sg-auth-tabs button.is-active{background:#fff;color:var(--sg-blue);box-shadow:0 4px 13px rgba(44,94,157,.08)}.sg-auth-view{display:none}.sg-auth-view.is-active{display:block}.sg-auth-view label{display:block;font-size:12px;color:var(--sg-muted);margin:12px 0 6px}.sg-auth-view input{width:100%;box-sizing:border-box;border:1px solid var(--sg-line);background:#FBFDFF;border-radius:14px;padding:13px 14px;outline:none;font-size:16px!important}.sg-auth-view input:focus{border-color:#A9CCFA;box-shadow:0 0 0 3px rgba(91,154,245,.10)}.sg-auth-link{display:block;width:100%;border:0;background:transparent;color:var(--sg-blue);font-weight:700;font-size:13px;padding:12px 4px 0}.sg-auth-admin-link{display:block;text-align:center;color:var(--sg-muted);font-size:11px;margin-top:14px;text-decoration:none}.sg-auth-note{background:#F2F8FF;border:1px solid #DCEBFF;border-radius:13px;padding:11px 12px;margin-top:14px;font-size:11px;line-height:1.5;color:#58708E}.sg-auth-message{display:none;border-radius:12px;padding:10px 12px;font-size:12px;margin-bottom:12px}.sg-auth-message.is-info,.sg-auth-message.is-success,.sg-auth-message.is-error{display:block}.sg-auth-message.is-info{background:#F2F8FF;color:#496C98}.sg-auth-message.is-success{background:#EFFAF3;color:#287B48}.sg-auth-message.is-error{background:#FFF1F1;color:#A14343}.sg-verify-icon{text-align:center;font-size:36px}.sg-auth-view h2{text-align:center;margin:8px 0 4px}.sg-auth-center{text-align:center;color:var(--sg-muted);font-size:13px;line-height:1.5}.sg-code-input{text-align:center!important;font-size:30px!important;letter-spacing:14px;font-weight:800;padding-left:26px!important}.sg-auth-card .sg-primary{font-size:15px}.sg-auth-card .sg-two{gap:8px}@media(max-width:390px){.sg-auth-card{padding:20px 17px;border-radius:24px}.sg-code-input{letter-spacing:10px!important;padding-left:20px!important}}

/* =========================================================
   SkyGIAU V1.3 — Stronger mobile UI + Password + Face ID
   Inspired by the visual weight of modern Vietnamese finance apps,
   while retaining SkyGIAU's own blue identity.
   ========================================================= */
:root{
  --sg-blue:#2F80ED;
  --sg-blue2:#56A2FF;
  --sg-blue-deep:#1769D2;
  --sg-blue-soft:#E9F3FF;
  --sg-bg:#F2F7FD;
  --sg-card:#FFFFFF;
  --sg-text:#132238;
  --sg-muted:#6F8097;
  --sg-line:#DCE7F3;
  --sg-green:#20A464;
  --sg-orange:#EE9B25;
  --sg-red:#DF4D5D;
  --sg-shadow:0 10px 26px rgba(35,93,156,.09);
}
body.skygiau-mobile-app{font-size:16px;color:var(--sg-text);font-weight:450;background:var(--sg-bg)!important}
body.skygiau-mobile-app .sg-app{max-width:500px;background:var(--sg-bg);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:calc(102px + env(safe-area-inset-bottom))}
.sg-header{margin-bottom:20px;min-height:56px}.sg-brand{gap:11px}.sg-logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--sg-blue-deep),var(--sg-blue2));font-size:27px;box-shadow:0 9px 22px rgba(47,128,237,.25)}.sg-brand strong{font-size:24px;line-height:1.05;letter-spacing:-.45px;color:#0F1F34}.sg-brand small{font-size:12px;line-height:1.25;color:#71839B;margin-top:4px}.sg-month{font-size:13px;font-weight:650;color:#53677F;padding:9px 11px;border-radius:13px}.sg-account-button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid #D5E3F2;border-radius:13px;background:#fff;color:var(--sg-blue);box-shadow:0 4px 12px rgba(35,93,156,.07)}.sg-account-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}
.sg-hero{border-radius:26px;padding:22px;background:linear-gradient(140deg,#2677E8 0%,#55A4FF 100%);box-shadow:0 16px 34px rgba(47,128,237,.23)}.sg-hero>small{font-size:14px;font-weight:600;opacity:.9}.sg-big-money{font-size:36px;font-weight:850;letter-spacing:-1.2px;margin:7px 0 20px}.sg-hero-grid{gap:9px}.sg-hero-grid>div,.sg-hero-grid>button{padding:12px 10px;border-radius:15px}.sg-hero-grid span{font-size:12px;font-weight:600}.sg-hero-grid b{font-size:13px;font-weight:800;margin-top:6px}
.sg-section-title{margin:24px 3px 12px}.sg-section-title h2{font-size:22px;line-height:1.2;font-weight:850;letter-spacing:-.35px;color:#142238}.sg-section-title button{font-size:15px;font-weight:800;color:var(--sg-blue)}
.sg-card,.sg-fund-card,.sg-asset-card,.sg-stat,.sg-asset-total{border-radius:22px;border-color:#D9E6F3;box-shadow:var(--sg-shadow)}.sg-card{padding:18px}.sg-fund-card{padding:17px;margin-bottom:12px}.sg-icon{width:46px;height:46px;border-radius:15px;background:var(--sg-blue-soft);font-size:23px}.sg-name{font-size:16px;line-height:1.25;font-weight:800;color:#26374C}.sg-meta{font-size:13px;line-height:1.35;color:#75869B;margin-top:5px}.sg-percent{font-size:15px;font-weight:850;color:#2B3D53}.sg-bar{height:9px;margin-top:14px;background:#E9F0F7}.sg-fill{background:linear-gradient(90deg,var(--sg-blue-deep),var(--sg-blue2))}.sg-actions{gap:9px;margin-top:13px}.sg-mini{padding:8px 11px;border-radius:11px;font-size:12px;font-weight:700}
.sg-alert{font-size:14px;line-height:1.45;padding:13px 14px;border-radius:16px}.sg-tx{gap:13px}.sg-tx+.sg-tx{padding-top:14px;margin-top:14px}.sg-amount{font-size:15px;font-weight:850}.sg-stat-grid{gap:12px}.sg-stat{padding:17px}.sg-stat span,.sg-asset-total span{font-size:13px}.sg-stat b{font-size:20px;font-weight:850;margin-top:7px}.sg-asset-total{padding:19px;background:linear-gradient(145deg,#EFF7FF,#FBFDFF)}.sg-asset-total b{font-size:30px;font-weight:850;margin-top:8px}.sg-asset-grid{gap:12px}.sg-asset-card{padding:16px}.sg-asset-card .sg-value{font-size:16px;font-weight:850}.sg-report-row{grid-template-columns:112px 1fr 74px;font-size:13px;gap:10px;margin:15px 0}.sg-report-track{height:9px}
.sg-export label,.sg-sheet label{font-size:14px;font-weight:600;color:#728298;margin:15px 0 7px}.sg-sheet input,.sg-sheet select,.sg-export input,.sg-export select{min-height:52px;font-size:17px!important;border-radius:16px;padding:13px 15px;border:1.5px solid #D7E4F2;color:#15243A;background:#FCFEFF}.sg-primary,.sg-secondary{min-height:52px;border-radius:16px;font-size:16px;font-weight:800}.sg-primary{background:linear-gradient(135deg,var(--sg-blue-deep),var(--sg-blue2));box-shadow:0 8px 18px rgba(47,128,237,.2)}.sg-sheet{border-radius:30px 30px 0 0}.sg-sheet h3{font-size:23px;font-weight:850;color:#17263B}
.sg-bottom-nav{height:auto;background:rgba(255,255,255,.97);border-top:1px solid #DDE7F1;padding-top:9px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));box-shadow:0 -8px 24px rgba(20,49,80,.07)}.sg-bottom-nav button{gap:5px;color:#74869C;font-weight:650;min-width:0}.sg-bottom-nav button>small{font-size:11.5px;line-height:1.1;white-space:nowrap}.sg-bottom-nav button.is-active{color:var(--sg-blue);font-weight:850}.sg-nav-icon{width:30px;height:30px;display:grid;place-items:center;font-size:0!important}.sg-nav-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.sg-add{position:relative}.sg-add-circle{width:56px!important;height:56px!important;display:grid!important;place-items:center;border-radius:19px;background:linear-gradient(145deg,var(--sg-blue-deep),var(--sg-blue2));color:#fff;transform:translateY(-13px);box-shadow:0 8px 22px rgba(47,128,237,.31);font-size:0!important}.sg-add-circle svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round}.sg-bottom-nav .sg-add>small{margin-top:-9px}
.sg-empty{font-size:15px;padding:28px 10px;color:#8190A4}

/* Authentication */
.sg-auth-wrap{background:linear-gradient(180deg,#F4F9FF 0%,#ECF5FF 100%);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.sg-auth-card{width:min(430px,100%);border-radius:30px;padding:26px 24px;border-color:#DCE8F5;box-shadow:0 22px 58px rgba(29,83,144,.14)}.sg-auth-brand h1{font-size:32px;font-weight:900;letter-spacing:-.6px;color:#102138}.sg-auth-brand p{font-size:14px;color:#6F8198}.sg-auth-tabs{margin:24px 0 18px;padding:5px;border-radius:16px;background:#EAF2FB}.sg-auth-tabs button{min-height:43px;font-size:15px;font-weight:800;border-radius:12px}.sg-auth-tabs button.is-active{color:var(--sg-blue-deep);box-shadow:0 4px 13px rgba(25,73,128,.1)}.sg-auth-view label{font-size:14px;font-weight:650;color:#65788F;margin:14px 0 7px}.sg-auth-view input{min-height:54px;font-size:17px!important;border:1.5px solid #D5E3F1;border-radius:16px;padding:14px 15px;color:#17273C}.sg-auth-view input:focus{border-color:#73AEF7;box-shadow:0 0 0 4px rgba(47,128,237,.11)}.sg-auth-card .sg-primary{font-size:17px;min-height:54px;margin-top:17px}.sg-auth-link{font-size:14px;padding-top:13px}.sg-auth-admin-link{font-size:12px;margin-top:16px}.sg-auth-note{font-size:13px;line-height:1.55;border-radius:15px;padding:13px 14px}.sg-auth-message{font-size:13px;line-height:1.45;padding:12px 13px}.sg-auth-view h2{font-size:23px;font-weight:850}.sg-auth-center{font-size:14px}.sg-code-input{font-size:31px!important;letter-spacing:16px!important;font-weight:900!important}.sg-remember{display:flex!important;align-items:center;gap:9px;margin-top:13px!important;cursor:pointer}.sg-remember input{width:20px!important;height:20px!important;min-height:0!important;accent-color:var(--sg-blue)}.sg-remember span{font-size:13px;font-weight:650;color:#60738B}.sg-faceid-btn{width:100%;min-height:54px;margin-top:11px;border:1.5px solid #BFD8F6;background:#F3F9FF;border-radius:16px;color:var(--sg-blue-deep);font-size:16px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:10px}.sg-face-symbol{width:28px;height:28px;border:2.4px solid currentColor;border-radius:8px;display:grid;place-items:center;font-size:18px;font-weight:900}

/* Account / security */
.sg-account-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.sg-account-head h3{margin:0}.sg-account-avatar{width:52px;height:52px;border-radius:17px;background:var(--sg-blue-soft);color:var(--sg-blue);display:grid;place-items:center}.sg-account-avatar svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round}.sg-account-email{font-size:13px;color:#74869C;margin-top:4px}.sg-security-card{padding:16px;border:1px solid #DCE7F3;background:#F9FCFF;border-radius:18px;margin-bottom:11px}.sg-security-card b{display:block;font-size:16px;color:#21344B}.sg-security-card small{display:block;font-size:13px;line-height:1.5;color:#72839A;margin-top:5px}.sg-faceid-setup{margin-top:13px;border:0;border-radius:13px;background:var(--sg-blue);color:#fff;font-size:14px;font-weight:800;padding:11px 15px}.sg-faceid-setup:disabled{opacity:.55}.sg-faceid-status{font-size:12px;color:#527396;margin-top:9px;line-height:1.4}.sg-logout-wide{display:flex;align-items:center;justify-content:center;min-height:50px;border:1.5px solid #F0C9CF;border-radius:15px;color:#D44155;text-decoration:none;font-size:15px;font-weight:800;margin-top:14px;background:#FFF8F9}

@media(max-width:390px){.sg-section-title h2{font-size:20px}.sg-big-money{font-size:33px}.sg-auth-card{padding:22px 18px}.sg-report-row{grid-template-columns:96px 1fr 62px}.sg-bottom-nav button>small{font-size:10.5px}}

.sg-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}


/* =========================================================
   TÀI CHÍNH THỊNH VƯỢNG V1.5 — discreet actions + desktop mode
   ========================================================= */
.sg-password-wrap{position:relative}
.sg-password-wrap input{padding-right:54px!important}
.sg-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:#6F8299;display:grid;place-items:center;border-radius:12px;padding:0}
.sg-password-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round}
.sg-password-toggle.is-visible{color:var(--sg-blue)}
.sg-password-toggle:active{background:#EAF3FE}

.sg-more-wrap{position:relative;margin-left:4px;flex:0 0 auto}
.sg-more-btn{width:34px;height:34px;border:0;background:transparent;color:#8A9AAC;border-radius:10px;display:grid;place-items:center;padding:0}
.sg-more-btn:hover,.sg-more-btn:active{background:#EEF5FD;color:#2F80ED}
.sg-more-btn svg{width:20px;height:20px;fill:currentColor}
.sg-more-menu{display:none;position:absolute;right:0;top:38px;z-index:50;width:158px;padding:6px;background:#fff;border:1px solid #DCE7F3;border-radius:14px;box-shadow:0 14px 36px rgba(18,51,88,.18)}
.sg-more-menu.is-open{display:block}
.sg-more-menu button{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;color:#23364D;font-size:13px;font-weight:750}
.sg-more-menu button:hover,.sg-more-menu button:active{background:#F1F6FC}
.sg-more-menu button.danger{color:#D94255}
.sg-fund-head .sg-percent{margin-left:auto}
.sg-tx-right{display:flex;align-items:center;gap:5px;margin-left:auto}
.sg-asset-top{display:flex;align-items:flex-start;justify-content:space-between}
.sg-asset-card .sg-more-wrap{margin-top:1px}

.sg-profile-card label{display:block;font-size:13px;font-weight:700;color:#647890;margin:0 0 7px}
.sg-profile-card input{width:100%;min-height:48px;border:1.5px solid #D7E4F2;border-radius:14px;padding:12px 13px;font-size:16px!important;color:#17273C;background:#fff}
.sg-profile-save{margin-top:10px;border:0;border-radius:12px;background:#E7F2FF;color:#1D72D8;font-size:13px;font-weight:850;padding:10px 13px}

.sg-brand strong{letter-spacing:-.45px}
.sg-brand small{font-size:12.5px!important;font-weight:650;color:#6D8199!important}
.sg-auth-brand h1{font-size:29px!important;line-height:1.08;text-align:center}
.sg-auth-brand p{font-size:14px!important}

@media (min-width: 900px){
  html,body.skygiau-mobile-app{background:#EAF2FA!important;overscroll-behavior:auto}
  body.skygiau-mobile-app .sg-app{max-width:none;width:100%;min-height:100vh;margin:0;padding:30px 42px 48px 274px;background:#F4F8FC}
  body.skygiau-mobile-app .sg-header{max-width:1120px;margin:0 auto 26px;padding:0}
  body.skygiau-mobile-app .sg-brand .sg-logo{width:50px;height:50px;border-radius:16px;font-size:27px}
  body.skygiau-mobile-app .sg-brand strong{font-size:24px}
  body.skygiau-mobile-app .sg-brand small{font-size:14px!important;margin-top:3px}
  body.skygiau-mobile-app main{max-width:1120px;margin:0 auto}
  body.skygiau-mobile-app .sg-page{width:100%}
  body.skygiau-mobile-app .sg-hero{padding:28px 30px;border-radius:26px}
  body.skygiau-mobile-app .sg-big-money{font-size:42px}
  body.skygiau-mobile-app .sg-hero-grid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px}
  body.skygiau-mobile-app .sg-hero-grid>div,body.skygiau-mobile-app .sg-hero-grid>button{padding:16px;border-radius:16px}
  body.skygiau-mobile-app .sg-hero-grid span{font-size:13px}
  body.skygiau-mobile-app .sg-hero-grid b{font-size:16px;margin-top:7px}
  body.skygiau-mobile-app .sg-section-title{margin-top:28px}
  body.skygiau-mobile-app .sg-section-title h2{font-size:24px}
  body.skygiau-mobile-app #sg-dashboard-funds,body.skygiau-mobile-app #sg-funds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body.skygiau-mobile-app .sg-fund-card{margin:0;padding:18px}
  body.skygiau-mobile-app .sg-card{padding:20px}
  body.skygiau-mobile-app .sg-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  body.skygiau-mobile-app .sg-stat{padding:20px}
  body.skygiau-mobile-app .sg-stat b{font-size:24px}
  body.skygiau-mobile-app .sg-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body.skygiau-mobile-app .sg-asset-card{padding:18px}
  body.skygiau-mobile-app .sg-bottom-nav{
    position:fixed;left:0;top:0;bottom:0;transform:none;width:232px;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:116px 18px 24px;background:#FFFFFF;border:0;border-right:1px solid #DDE8F3;
    box-shadow:8px 0 30px rgba(27,65,105,.05);z-index:30
  }
  body.skygiau-mobile-app .sg-bottom-nav::before{
    content:"TÀI CHÍNH THỊNH VƯỢNG";position:absolute;top:34px;left:24px;right:18px;
    color:#10223A;font-size:19px;font-weight:900;letter-spacing:-.35px
  }
  body.skygiau-mobile-app .sg-bottom-nav button{
    min-height:52px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;
    gap:13px;padding:10px 12px;border-radius:14px;margin:3px 0;font-size:14px
  }
  body.skygiau-mobile-app .sg-bottom-nav button:hover{background:#F0F6FD}
  body.skygiau-mobile-app .sg-bottom-nav button.is-active{background:#EAF3FF;color:#1E78DE}
  body.skygiau-mobile-app .sg-bottom-nav button>small{font-size:14px;margin:0!important;white-space:normal}
  body.skygiau-mobile-app .sg-bottom-nav .sg-add{order:3}
  body.skygiau-mobile-app .sg-bottom-nav .sg-add>span{
    width:30px!important;height:30px!important;border-radius:10px;transform:none;box-shadow:none
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-add>small{margin:0!important}
  body.skygiau-mobile-app .sg-nav-icon{width:30px;height:30px}
  body.skygiau-mobile-app .sg-modal{align-items:center;padding:30px}
  body.skygiau-mobile-app .sg-sheet{width:min(560px,100%);max-height:86vh;border-radius:26px;padding:25px 26px;box-shadow:0 24px 80px rgba(13,42,75,.23)}
  body.skygiau-mobile-app .sg-handle{display:none}
  body.skygiau-mobile-app.sg-modal-open .sg-bottom-nav{visibility:visible;pointer-events:auto}
  body.skygiau-mobile-app .sg-more-menu{width:170px}
  body.skygiau-mobile-app .sg-tx{padding:4px 0}
  body.skygiau-mobile-app .sg-name{font-size:16px}
  body.skygiau-mobile-app .sg-meta{font-size:13px}
  body.skygiau-mobile-app .sg-amount{font-size:15px}
  .sg-auth-wrap{min-height:100vh;padding:42px;background:radial-gradient(circle at 20% 15%,#E7F3FF 0,#F5F9FD 42%,#E9F1F8 100%)}
  .sg-auth-card{width:min(520px,100%);padding:34px 36px;border-radius:30px}
}

@media (min-width: 1240px){
  body.skygiau-mobile-app .sg-app{padding-left:294px;padding-right:54px}
  body.skygiau-mobile-app .sg-bottom-nav{width:248px}
  body.skygiau-mobile-app #sg-dashboard-funds,body.skygiau-mobile-app #sg-funds{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.skygiau-mobile-app .sg-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* V1.6 notifications */
.sg-notification-button{position:relative;width:42px;height:42px;border:1.5px solid #D6E3F1;background:#fff;color:#2879D9;border-radius:14px;display:grid;place-items:center;padding:0;box-shadow:0 6px 18px rgba(41,103,171,.08)}
.sg-notification-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sg-notification-badge{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#E43D4F;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff;box-sizing:border-box}
.sg-notification-sheet{max-height:82dvh}.sg-notification-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sg-notification-head h3{margin:0}.sg-text-button{border:0;background:none;color:#2879D9;font-size:12px;font-weight:800;padding:8px}
.sg-notification-item{display:flex;gap:11px;padding:15px 4px;border-bottom:1px solid #E7EEF6}.sg-notification-item:last-child{border-bottom:0}.sg-notification-item.is-unread{background:#F2F7FF;margin:0 -8px;padding-left:12px;padding-right:12px;border-radius:14px}.sg-notification-dot{width:9px;height:9px;border-radius:50%;background:#C6D3E1;margin-top:7px;flex:0 0 auto}.sg-notification-item.is-unread .sg-notification-dot{background:#2F80ED;box-shadow:0 0 0 4px #E2EEFF}.sg-notification-title{font-size:15px;font-weight:850;color:#162A42}.sg-notification-message{font-size:13px;line-height:1.55;color:#5F738A;margin-top:4px;white-space:pre-line}.sg-notification-time{font-size:11px;color:#9AA8B8;margin-top:7px}.sg-notification-link{display:inline-block;margin-top:8px;color:#2678D7;text-decoration:none;font-size:12px;font-weight:800}
@media(min-width:900px){body.skygiau-mobile-app .sg-notification-sheet{width:min(620px,100%)}body.skygiau-mobile-app .sg-notification-button{width:46px;height:46px}}


/* V1.9 Wealth, Debt & Family */
.sg-wealth-list{display:grid;gap:10px}
.sg-wealth-card{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--sg-line);border-radius:18px;padding:14px;box-shadow:var(--sg-shadow)}
.sg-wealth-card.is-paid{opacity:.72;background:#F8FAFC}
.sg-wealth-amount{font-size:15px;font-weight:850;text-align:right;white-space:nowrap;color:#17324D}
.sg-wealth-amount small{display:block;font-size:10px;font-weight:650;color:var(--sg-muted);margin-top:3px}
.sg-debt-sub{font-size:11px;color:#6D8199;margin-top:5px}
.sg-paid-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#EAF7EF;color:#2F8D58;font-size:9px;vertical-align:2px;margin-left:5px}
.sg-debt-stats{margin-bottom:12px}
.sg-interest-preview{margin-top:12px;padding:12px 13px;background:#EDF6FF;border:1px solid #D5E8FF;border-radius:13px;color:#49637F;font-size:13px}
.sg-interest-preview b{color:#166ED0}
.sg-check-row{display:flex!important;align-items:center;gap:9px;margin-top:13px!important;color:#31475E!important;font-weight:700!important}
.sg-check-row input{width:20px!important;height:20px!important;margin:0!important}
.sg-modal-desc{font-size:13px;color:#6F8299;line-height:1.55;margin:0 0 14px}
.sg-family-invite{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#FFF8E9;border:1px solid #F2DCAB;padding:12px 13px;border-radius:14px;margin-bottom:9px}
.sg-family-invite.pending{background:#F3F7FC;border-color:#DEE8F3}
.sg-family-invite b,.sg-family-invite small{display:block}.sg-family-invite small{font-size:11px;color:#75869A;margin-top:3px}
.sg-small-btn{border:1px solid #BEDAFF;background:#fff;color:#1D72D8;font-weight:800;font-size:11px;padding:7px 9px;border-radius:10px;margin-left:4px}
.sg-small-btn.danger{border-color:#F0CBD0;color:#D94354}
.sg-family-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sg-family-summary>div{padding:12px;background:#F4F8FC;border-radius:13px}
.sg-family-summary span{display:block;font-size:10px;color:#72859A}.sg-family-summary b{display:block;font-size:15px;margin-top:4px}
.sg-family-summary>div:last-child{grid-column:1/-1;background:#EAF4FF}
.sg-family-members{border-top:1px solid var(--sg-line);margin-top:14px;padding-top:8px}
.sg-family-member,.sg-linked-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #EDF2F7}
.sg-family-member b,.sg-family-member small{display:block}.sg-family-member small{font-size:10px;color:#8090A1}.sg-family-member span{display:block;text-align:right;font-size:11px;color:#536A83}
.sg-family-note{color:#7B8C9F;font-size:12px;line-height:1.5;text-align:center;padding:16px 5px}
.sg-linked-title{font-size:12px;font-weight:850;color:#36516D;margin-top:14px}
.sg-linked-row span{font-size:11px;color:#52687F}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-wealth-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  body.skygiau-mobile-app .sg-family-summary{grid-template-columns:repeat(5,1fr)}
  body.skygiau-mobile-app .sg-family-summary>div:last-child{grid-column:auto}
}


/* V2.0 - Money input & larger desktop typography */
.sg-money-input{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-weight:750}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-app{font-size:17px}
  body.skygiau-mobile-app .sg-brand strong{font-size:25px}
  body.skygiau-mobile-app .sg-brand small{font-size:15px!important}
  body.skygiau-mobile-app .sg-section-title h2{font-size:26px}
  body.skygiau-mobile-app .sg-name{font-size:17px}
  body.skygiau-mobile-app .sg-meta{font-size:14px}
  body.skygiau-mobile-app .sg-amount{font-size:16px}
  body.skygiau-mobile-app .sg-wealth-amount{font-size:17px}
  body.skygiau-mobile-app .sg-debt-sub{font-size:13px}
  body.skygiau-mobile-app .sg-stat span{font-size:14px}
  body.skygiau-mobile-app .sg-stat b{font-size:25px}
  body.skygiau-mobile-app .sg-sheet label,
  body.skygiau-mobile-app .sg-export label{font-size:14px}
  body.skygiau-mobile-app .sg-sheet input,
  body.skygiau-mobile-app .sg-sheet select,
  body.skygiau-mobile-app .sg-sheet textarea,
  body.skygiau-mobile-app .sg-export input,
  body.skygiau-mobile-app .sg-export select{font-size:17px!important}
  body.skygiau-mobile-app .sg-bottom-nav button>small{font-size:15px}
  body.skygiau-mobile-app .sg-family-summary span{font-size:12px}
  body.skygiau-mobile-app .sg-family-summary b{font-size:17px}
}


/* =========================================================
   V2.1 — Spending-first report, recurring expense flag,
   collapsible secondary finance, family expense sharing
   ========================================================= */
.sg-fixed-expense-row{align-items:flex-start!important;background:#F4F8FC;border:1px solid #DDE8F3;border-radius:14px;padding:11px 12px;margin-top:12px!important}
.sg-fixed-expense-row input{margin-top:2px!important}
.sg-fixed-expense-row b{display:block;color:#263C55;font-size:13px}
.sg-fixed-expense-row small{display:block;color:#7A8DA2;font-size:11px;font-weight:550;line-height:1.4;margin-top:2px}
.sg-fixed-badge{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#EAF3FF;color:#2477D4;font-size:9px;font-weight:850;vertical-align:2px}

.sg-report-page{padding-bottom:8px}
.sg-report-heading{margin-top:6px!important;margin-bottom:10px!important}
.sg-report-primary{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}
.sg-report-primary-card,.sg-report-mini-card{border-radius:18px;border:1px solid #D9E7F5;background:#fff;padding:14px;box-shadow:0 8px 24px rgba(44,94,157,.07)}
.sg-report-expense-card{grid-row:span 2;background:linear-gradient(145deg,#287FE8,#54A2F9);color:#fff;border:0}
.sg-report-primary-card span,.sg-report-mini-card span{display:block;font-size:11px;font-weight:750}
.sg-report-primary-card b{display:block;font-size:27px;line-height:1.08;margin-top:7px;letter-spacing:-.6px}
.sg-report-primary-card small{display:block;font-size:10px;opacity:.82;margin-top:6px}
.sg-report-mini-card b{display:block;font-size:15px;color:#17324D;margin-top:5px}
.sg-report-income-secondary{background:#F7FAFD}
.sg-fund-report-title{margin-top:15px!important;margin-bottom:8px!important}
.sg-fund-report-title h2{font-size:22px!important;letter-spacing:-.35px}
.sg-report-fund-card{padding:12px 14px!important;border-color:#D7E6F6!important}
.sg-report-row{grid-template-columns:minmax(112px,1.05fr) minmax(90px,1.65fr) minmax(88px,.8fr)!important;gap:10px!important;font-size:13px!important;margin:13px 0!important}
.sg-report-fund-name{font-weight:800;color:#243B55;line-height:1.22}
.sg-report-fund-value{text-align:right;font-weight:850;color:#1C3957;font-variant-numeric:tabular-nums}
.sg-report-track{height:10px!important}
.sg-report-fund-card.is-scrollable{max-height:360px;overflow:auto;padding-right:9px!important}

.sg-report-secondary{display:grid;gap:8px;margin-top:13px}
.sg-report-accordion{background:#fff;border:1px solid #DFE8F2;border-radius:16px;overflow:visible}
.sg-report-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;user-select:none}
.sg-report-accordion summary::-webkit-details-marker{display:none}
.sg-report-accordion summary>div{min-width:0}
.sg-report-accordion summary b{display:block;font-size:14px;color:#2D435A}
.sg-report-accordion summary span:not(.sg-chevron){display:block;font-size:10.5px;color:#8393A4;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-chevron{font-size:21px;color:#7890A8;transition:transform .2s ease}
.sg-report-accordion[open] .sg-chevron{transform:rotate(180deg)}
.sg-accordion-body{padding:0 12px 13px;border-top:1px solid #EDF2F7}
.sg-inline-add{border:0;background:#EAF4FF;color:#1F76D5;border-radius:11px;padding:9px 11px;font-size:12px;font-weight:850;margin-top:10px}
#sg-report-funds-secondary{display:grid;gap:8px;margin-top:10px}
#sg-report-funds-secondary .sg-fund-card{box-shadow:none;margin:0;background:#FAFCFE}
.sg-accordion-body .sg-asset-grid,.sg-accordion-body .sg-wealth-list{margin-top:10px}

.sg-family-shared-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:11px;border-bottom:1px solid #E7EEF5}
.sg-family-shared-head span{font-size:11px;color:#768A9E}.sg-family-shared-head b{font-size:20px;color:#1B6FCF}
.sg-shared-expense-list{margin-top:7px}
.sg-shared-expense-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #EDF2F7}
.sg-shared-expense-row b{display:block;font-size:13px;color:#293F57}.sg-shared-expense-row small{display:block;font-size:10px;color:#8595A5;margin-top:2px}.sg-shared-expense-row strong{font-size:13px;color:#1E3852}
.sg-share-settings-card{background:#F8FBFE;border:1px solid #DFEAF5;border-radius:15px;padding:12px;margin-top:10px}
.sg-share-settings-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sg-share-settings-head b,.sg-share-settings-head small{display:block}.sg-share-settings-head b{font-size:13px;color:#294159}.sg-share-settings-head small{font-size:10px;color:#8394A5;margin-top:2px}
.sg-share-help{font-size:10.5px;color:#778B9F;line-height:1.45;margin:8px 0}
.sg-share-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sg-share-checklist label{display:flex!important;align-items:center;gap:7px;background:#fff;border:1px solid #E1EAF4;border-radius:11px;padding:8px 9px;margin:0!important;color:#324A62!important;font-size:11px!important;font-weight:700!important}
.sg-share-checklist input{width:18px!important;height:18px!important;margin:0!important;flex:0 0 auto}
.sg-save-share-btn{margin-top:9px!important;padding:10px!important;font-size:12px!important}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-bottom-nav .sg-nav-icon{width:40px!important;height:40px!important;border-radius:12px;background:#F2F7FC;display:grid;place-items:center}
  body.skygiau-mobile-app .sg-bottom-nav .sg-nav-icon svg{width:26px!important;height:26px!important}
  body.skygiau-mobile-app .sg-bottom-nav button.is-active .sg-nav-icon{background:#DDEEFF}
  body.skygiau-mobile-app .sg-bottom-nav button{min-height:62px!important;gap:14px!important}
  body.skygiau-mobile-app .sg-report-page{max-width:1180px}
  body.skygiau-mobile-app .sg-report-primary{grid-template-columns:1.5fr repeat(3,1fr);gap:12px}
  body.skygiau-mobile-app .sg-report-expense-card{grid-row:auto}
  body.skygiau-mobile-app .sg-report-primary-card,
  body.skygiau-mobile-app .sg-report-mini-card{min-height:92px;padding:15px 16px}
  body.skygiau-mobile-app .sg-report-primary-card b{font-size:30px}
  body.skygiau-mobile-app .sg-report-mini-card b{font-size:18px}
  body.skygiau-mobile-app .sg-fund-report-title{margin-top:16px!important}
  body.skygiau-mobile-app .sg-fund-report-title h2{font-size:27px!important}
  body.skygiau-mobile-app .sg-report-fund-card{padding:10px 18px!important}
  body.skygiau-mobile-app .sg-report-row{grid-template-columns:minmax(170px,1fr) minmax(220px,2.5fr) minmax(125px,.75fr)!important;font-size:15px!important;margin:11px 0!important}
  body.skygiau-mobile-app .sg-report-fund-name{font-size:16px}
  body.skygiau-mobile-app .sg-report-fund-value{font-size:15px}
  body.skygiau-mobile-app .sg-report-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
  body.skygiau-mobile-app .sg-report-accordion summary{padding:12px 14px}
  body.skygiau-mobile-app .sg-report-accordion summary b{font-size:15px}
  body.skygiau-mobile-app .sg-report-accordion summary span:not(.sg-chevron){font-size:11px}
  body.skygiau-mobile-app .sg-family-accordion{grid-column:1/-1}
  body.skygiau-mobile-app .sg-share-checklist{grid-template-columns:repeat(4,1fr)}
  body.skygiau-mobile-app #sg-report-funds-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.skygiau-mobile-app .sg-report-fund-card.is-scrollable{max-height:330px}
}
@media(min-width:1240px){
  body.skygiau-mobile-app .sg-report-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.skygiau-mobile-app .sg-family-accordion{grid-column:span 2}
}

/* V2.2.5 Lite Stable */
#sg-greeting{white-space:nowrap!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
.sg-app{padding-top:calc(10px + env(safe-area-inset-top));padding-left:12px;padding-right:12px}.sg-header{margin-bottom:11px}.sg-section-title{margin-top:13px;margin-bottom:6px}
.sg-dashboard-page .sg-hero{padding:16px;border-radius:19px}.sg-dashboard-page .sg-hero-grid{gap:6px}.sg-dashboard-page .sg-hero-grid>div,.sg-dashboard-page .sg-hero-grid>button{padding:8px 9px;border-radius:12px}.sg-dashboard-title h2{font-size:18px}.sg-title-more{font-size:18px!important;letter-spacing:2px;color:#647D98!important}
.sg-dashboard-featured{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,1fr);gap:8px;overflow-x:auto;padding:1px 1px 5px;scroll-snap-type:x proximity}.sg-featured-fund-card{scroll-snap-align:start;min-width:108px;background:#fff;border:1px solid #DCE8F4;border-radius:14px;padding:9px}.sg-featured-fund-top{display:flex;justify-content:space-between;align-items:flex-start}.sg-featured-icon{width:34px;height:34px;border-radius:10px;background:#EAF4FF;display:grid;place-items:center;font-size:18px}.sg-featured-fund-card b{display:block;font-size:12px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-featured-fund-card>span{display:block;font-size:9.5px;color:#7B8EA2;margin-top:3px;white-space:nowrap}.sg-featured-progress{height:5px;border-radius:99px;background:#EDF3F9;margin-top:6px;overflow:hidden}.sg-featured-progress i{display:block;height:100%;background:#3D8FEF;border-radius:99px}
.sg-featured-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sg-featured-checklist label{display:flex;gap:8px;align-items:center;border:1px solid #E0E9F2;border-radius:10px;padding:8px;background:#FAFCFE;font-size:12px;font-weight:700}.sg-featured-checklist input{width:18px!important;height:18px!important}
#sg-assets,#sg-income-sources,#sg-debts,#sg-report-funds-secondary{display:block!important;grid-template-columns:none!important}.sg-compact-head,.sg-compact-row{display:grid;align-items:center;gap:8px;min-width:390px}.sg-compact-head{font-size:9px;text-transform:uppercase;color:#8A9AAB;padding:7px 5px;border-bottom:1px solid #E9EFF5}.sg-compact-row{font-size:11.5px;color:#52687E;padding:8px 5px;border-bottom:1px solid #EEF3F7}.sg-compact-row b{font-size:12px;color:#2A4259;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-compact-row strong{color:#183650;white-space:nowrap}.sg-compact-row .sg-more-wrap{justify-self:end}.sg-fund-compact-grid{grid-template-columns:minmax(135px,1.3fr) minmax(100px,.9fr) minmax(100px,.9fr) 34px}.sg-simple-compact-grid{grid-template-columns:minmax(180px,1.6fr) minmax(125px,1fr) 34px}
.sg-report-secondary{align-items:start}.sg-report-accordion{align-self:start}.sg-accordion-body{padding:0 8px 8px}.sg-inline-add{margin-top:7px}.sg-report-primary{gap:7px}.sg-report-primary-card,.sg-report-mini-card{padding:10px;border-radius:14px}.sg-report-fund-card{padding:8px 10px!important}.sg-report-row{margin:8px 0!important}.sg-sheet{padding-top:13px}.sg-sheet label{margin-top:8px}.sg-sheet input,.sg-sheet select{padding:10px 11px}.sg-primary,.sg-secondary{margin-top:9px;padding:11px}.sg-primary:active,.sg-secondary:active,.sg-inline-add:active,.sg-more-btn:active{transform:scale(.98);opacity:.82}
.sg-today-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:9px;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x proximity}.sg-today-card{text-decoration:none;color:#233A52;background:#fff;border:1px solid #DFE8F2;border-radius:14px;padding:7px}.sg-today-poster{aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#E8F3FF}.sg-today-poster img{width:100%;height:100%;object-fit:cover}.sg-today-card b{display:block;font-size:11.5px;line-height:1.3;margin:6px 2px 2px}.sg-today-card span{display:block;font-size:9.5px;color:#2D7DD8;margin:0 2px 3px}.sg-app-footer{text-align:center;padding:16px 8px 6px;color:#7890A8}.sg-app-footer b,.sg-app-footer span{display:block}.sg-app-footer b{font-size:10.5px}.sg-app-footer span{font-size:10px;margin-top:3px}
@media(max-width:580px){.sg-brand strong{font-size:17px!important}#sg-greeting{font-size:9.7px!important}.sg-dashboard-featured{grid-auto-columns:calc((100vw - 52px)/4)}}
@media(min-width:900px){body.skygiau-mobile-app .sg-app{padding:19px 27px 32px 282px}body.skygiau-mobile-app .sg-brand strong{font-size:28px!important}body.skygiau-mobile-app .sg-brand small{font-size:16px!important}body.skygiau-mobile-app .sg-section-title h2{font-size:28px}body.skygiau-mobile-app .sg-name{font-size:18px}body.skygiau-mobile-app .sg-meta{font-size:14.5px}body.skygiau-mobile-app .sg-bottom-nav{width:246px}body.skygiau-mobile-app .sg-bottom-nav::before{content:"TÀI CHÍNH\A THỊNH VƯỢNG";white-space:pre-line;font-size:20px;line-height:1.18}body.skygiau-mobile-app .sg-bottom-nav button>small{font-size:16px}body.skygiau-mobile-app .sg-nav-icon{width:44px!important;height:44px!important}body.skygiau-mobile-app .sg-nav-icon svg{width:29px!important;height:29px!important}body.skygiau-mobile-app .sg-dashboard-featured{grid-auto-columns:150px}body.skygiau-mobile-app .sg-featured-fund-card{min-width:145px}body.skygiau-mobile-app .sg-compact-head{font-size:10px}body.skygiau-mobile-app .sg-compact-row{font-size:13.5px}body.skygiau-mobile-app .sg-compact-row b{font-size:14.5px}}

/* V2.3.0 KAIZEN STABLE */
.sg-kaizen-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0 2px}
.sg-kaizen-metrics>div{min-width:0;background:rgba(255,255,255,.76);border:1px solid #DCE8F4;border-radius:12px;padding:8px 9px}
.sg-kaizen-metrics span{display:block;color:#778BA0;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-kaizen-metrics b{display:block;color:#203A55;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-kaizen-metrics b.is-danger{color:#D94A52}
.sg-alert-danger{background:#FFF0F1!important;border-color:#F2B8BC!important;color:#A32932!important}.sg-alert-warn{background:#FFF7E8!important;border-color:#F4D493!important;color:#915A08!important}.sg-alert-soft{background:#F2F8FF!important;border-color:#CFE3FA!important;color:#38698E!important}

.sg-dashboard-transactions .sg-tx{gap:8px;min-height:38px}.sg-dashboard-transactions .sg-icon{width:32px;height:32px;border-radius:10px;font-size:15px;flex:0 0 32px}.sg-dashboard-transactions .sg-name{font-size:13px}.sg-dashboard-transactions .sg-meta{font-size:10.5px;margin-top:2px}.sg-dashboard-transactions .sg-amount{font-size:13px}.sg-dashboard-transactions .sg-tx+.sg-tx{padding-top:8px;margin-top:8px}

.sg-report-page,.sg-report-primary,.sg-report-secondary,.sg-report-accordion,.sg-accordion-body,.sg-report-primary-card,.sg-report-mini-card,.sg-report-fund-card,.sg-stat-grid,.sg-stat{min-width:0!important;max-width:100%!important;box-sizing:border-box}
.sg-report-accordion{overflow:hidden!important}.sg-accordion-body{overflow:hidden}.sg-report-primary>*{min-width:0}.sg-report-primary-card b,.sg-report-mini-card b,.sg-stat b{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.sg-report-mini-card b{font-size:clamp(13px,1.45vw,18px)!important}
.sg-report-fund-card{overflow:hidden}.sg-report-row{grid-template-columns:minmax(0,1.05fr) minmax(70px,1.65fr) minmax(74px,.8fr)!important;min-width:0!important}.sg-report-fund-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.sg-report-track{min-width:0}.sg-report-fund-value{min-width:0;white-space:nowrap}
.sg-compact-list,#sg-assets,#sg-income-sources,#sg-debts,#sg-report-funds-secondary{min-width:0!important;max-width:100%!important;overflow:hidden!important}.sg-compact-head,.sg-compact-row{min-width:0!important;width:100%!important;box-sizing:border-box}.sg-fund-compact-grid{grid-template-columns:minmax(0,1.35fr) minmax(88px,.9fr) minmax(88px,.9fr) 28px!important}.sg-simple-compact-grid{grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr) 28px!important}.sg-compact-row b{min-width:0}.sg-debt-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sg-export,.sg-export *{max-width:100%;box-sizing:border-box}

@media(max-width:580px){
 .sg-kaizen-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sg-report-row{grid-template-columns:minmax(82px,1fr) minmax(55px,1.1fr) minmax(68px,.72fr)!important;gap:6px!important;font-size:11px!important}
 .sg-report-fund-name{font-size:11px!important}.sg-report-fund-value{font-size:10.5px!important}
 .sg-fund-compact-grid{grid-template-columns:minmax(0,1.2fr) minmax(75px,.9fr) minmax(75px,.9fr) 26px!important}
 .sg-simple-compact-grid{grid-template-columns:minmax(0,1.45fr) minmax(92px,1fr) 26px!important}
}
@media(min-width:900px){
 body.skygiau-mobile-app .sg-today-carousel{grid-auto-columns:105px!important;gap:8px}
 body.skygiau-mobile-app .sg-today-card{padding:5px;border-radius:11px}
 body.skygiau-mobile-app .sg-today-poster{border-radius:8px}
 body.skygiau-mobile-app .sg-today-card b{font-size:10.5px;line-height:1.22;margin-top:5px}
 body.skygiau-mobile-app .sg-today-card span{font-size:9px}
 body.skygiau-mobile-app .sg-app-footer{padding-top:18px;padding-bottom:8px}
 body.skygiau-mobile-app .sg-app-footer b{font-size:16px!important;line-height:1.35;color:#38536E}
 body.skygiau-mobile-app .sg-app-footer span{font-size:14px!important;line-height:1.4;margin-top:5px}
 body.skygiau-mobile-app .sg-kaizen-metrics{gap:9px;margin-top:10px}
 body.skygiau-mobile-app .sg-kaizen-metrics>div{padding:10px 12px}
 body.skygiau-mobile-app .sg-kaizen-metrics span{font-size:11.5px}
 body.skygiau-mobile-app .sg-kaizen-metrics b{font-size:15px}
 body.skygiau-mobile-app .sg-dashboard-transactions{padding:9px 12px!important}
 body.skygiau-mobile-app .sg-dashboard-transactions .sg-icon{width:30px;height:30px;flex-basis:30px;font-size:14px}
 body.skygiau-mobile-app .sg-dashboard-transactions .sg-tx{gap:8px}
 body.skygiau-mobile-app .sg-dashboard-transactions .sg-tx+.sg-tx{padding-top:7px;margin-top:7px}
 body.skygiau-mobile-app .sg-report-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.skygiau-mobile-app .sg-report-accordion{min-width:0!important}
 body.skygiau-mobile-app .sg-compact-head,body.skygiau-mobile-app .sg-compact-row{font-size:12px!important}
 body.skygiau-mobile-app .sg-compact-row b{font-size:13px!important}
}


/* ============================================================
   V2.3.1 KAIZEN
   ============================================================ */

/* Quỹ chi thường xuyên: thẻ không tự phá khung */
.sg-dashboard-featured{max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;padding-bottom:7px}
.sg-featured-fund-card{min-width:0!important;max-width:100%;overflow:hidden;box-sizing:border-box}
.sg-featured-fund-card b,.sg-featured-fund-card>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* Sao chép quỹ gia đình */
.sg-family-copy-panel{margin-top:10px;padding:10px;border:1px solid #DCE8F4;border-radius:12px;background:#F8FBFF}
.sg-family-copy-toggle{display:flex!important;align-items:flex-start;gap:8px;margin:0!important;color:#29445E!important;font-weight:700}
.sg-family-copy-toggle input{width:18px!important;height:18px!important;flex:0 0 18px;margin-top:1px}
.sg-family-copy-panel>small{display:block;color:#75899E;font-size:10.5px;line-height:1.4;margin:6px 0 0}
.sg-copy-funds-btn{margin-top:8px!important;padding:9px 10px!important;font-size:11.5px}
.sg-copy-request small{max-width:720px}

/* Chi theo quỹ: ưu tiên diện tích cho tên, thu ngắn thanh tỷ trọng */
.sg-report-row{
  grid-template-columns:minmax(220px,1.7fr) minmax(150px,1.35fr) minmax(82px,.55fr)!important;
  gap:12px!important;
}
.sg-report-fund-name{
  font-weight:400!important;
  font-size:14px!important;
  line-height:1.3;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere;
}
.sg-report-track{height:7px!important}
.sg-report-fund-value{font-weight:600!important;text-align:right}

/* PC: đúng 5 ô chia đều; thiếu chỗ thì tự tạo trượt ngang */
@media(min-width:900px){
 body.skygiau-mobile-app .sg-dashboard-featured{
   display:grid!important;
   grid-auto-flow:column!important;
   grid-template-rows:1fr!important;
   grid-auto-columns:minmax(145px,calc((100% - 32px)/5))!important;
   gap:8px!important;
   align-items:stretch;
 }
 body.skygiau-mobile-app .sg-featured-fund-card{
   width:100%!important;
   min-height:112px;
 }
 body.skygiau-mobile-app .sg-featured-fund-card b{font-size:13px!important}
 body.skygiau-mobile-app .sg-featured-fund-card>span{font-size:10px!important}

 body.skygiau-mobile-app .sg-report-row{
   grid-template-columns:minmax(270px,1.9fr) minmax(180px,1.35fr) minmax(90px,.55fr)!important;
   gap:14px!important;
 }
 body.skygiau-mobile-app .sg-report-fund-name{
   font-size:15px!important;
   font-weight:400!important;
 }
 body.skygiau-mobile-app .sg-report-track{height:7px!important}
 body.skygiau-mobile-app .sg-report-fund-value{font-size:14px!important}
}

/* Mobile: vẫn cho tên đủ chỗ, thanh ngắn hơn */
@media(max-width:580px){
 .sg-report-row{
   grid-template-columns:minmax(118px,1.45fr) minmax(60px,.9fr) minmax(64px,.62fr)!important;
   gap:6px!important;
 }
 .sg-report-fund-name{font-size:11.5px!important;font-weight:400!important}
 .sg-report-track{height:6px!important}
 .sg-report-fund-value{font-size:10.5px!important}
 .sg-family-copy-panel{padding:9px}
}


/* V2.3.2 — remaining budget */
#sg-allowed.is-negative{
  color:#FFF1F1!important;
  text-shadow:0 1px 0 rgba(120,0,0,.12);
}


/* ============================================================
   V2.3.4 KAIZEN — MONTH HISTORY + SPENDING SPLIT
   ============================================================ */
.sg-month-switcher{display:flex;align-items:center;min-width:0}
.sg-month-switcher select{
  appearance:auto;-webkit-appearance:menulist;width:auto;max-width:132px;
  border:1px solid #D5E3F2;background:#fff;color:#53677F;border-radius:13px;
  padding:9px 8px;font-size:12px;font-weight:700;outline:none
}
.sg-month-switcher select:focus{border-color:#9FC7F7;box-shadow:0 0 0 3px rgba(61,143,239,.10)}

.sg-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sg-hero-grid>div,.sg-hero-grid>button{min-width:0!important}
#sg-other-expense{color:#fff}

/* Nợ phải thu & phải trả: số nhỏ, gọn hơn */
.sg-debt-stats .sg-stat{padding:11px!important}
.sg-debt-stats .sg-stat b{
  font-size:15px!important;line-height:1.15!important;letter-spacing:-.15px;overflow-wrap:anywhere
}
.sg-debt-stats .sg-stat span{font-size:10.5px!important;line-height:1.25}
#sg-debts .sg-compact-row strong{font-size:11.5px!important}
#sg-summary-debts{font-size:10.5px!important}

@media(max-width:580px){
  .sg-header{gap:7px;align-items:flex-start}
  .sg-header-actions{gap:5px!important;flex-shrink:0}
  .sg-month-switcher select{max-width:92px;padding:8px 5px;font-size:10.5px}
  .sg-hero-grid span{font-size:10.5px!important}
  .sg-hero-grid b{font-size:12px!important}
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-month-switcher select{max-width:150px;padding:10px 12px;font-size:14px}
  body.skygiau-mobile-app .sg-hero-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important
  }
  body.skygiau-mobile-app .sg-debt-stats .sg-stat b{font-size:18px!important}
  body.skygiau-mobile-app .sg-debt-stats .sg-stat span{font-size:12px!important}
  body.skygiau-mobile-app #sg-debts .sg-compact-row strong{font-size:12.5px!important}
}


/* ============================================================
   V2.3.5 KAIZEN — OTHER EXPENSE DETAIL + STANDALONE INCOME
   ============================================================ */

/* “Đã chi khác” remains visually equal to other hero boxes, but clickable */
#sg-open-other-expense{
  cursor:pointer;
  text-align:left;
}
#sg-open-other-expense small{
  display:block;
  margin-top:4px;
  font-size:9px;
  color:rgba(255,255,255,.78);
  font-weight:600;
}
#sg-open-other-expense:active{transform:scale(.99)}

/* Monthly income is explicitly outside Funds & Budgets */
.sg-income-month-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  margin:2px 0 12px;
  border:1px solid #CFE1F4;
  border-radius:17px;
  background:linear-gradient(135deg,#F7FBFF 0%,#EAF4FF 100%);
  box-sizing:border-box;
}
.sg-income-month-copy{min-width:0}
.sg-income-month-copy small{
  display:block;
  color:#6F859B;
  font-size:10.5px;
  font-weight:700;
}
.sg-income-month-copy b{
  display:block;
  margin-top:2px;
  color:#183B60;
  font-size:24px;
  line-height:1.1;
}
.sg-income-month-copy span{
  display:block;
  margin-top:4px;
  color:#7A8FA4;
  font-size:10px;
  line-height:1.35;
}
#sg-funds-edit-income{
  flex:0 0 auto;
  border:1px solid #BFD8F2;
  background:#fff;
  color:#2275D7;
  border-radius:11px;
  padding:9px 11px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.sg-funds-separator{
  height:1px;
  background:#DDE8F2;
  margin:0 0 10px;
}

/* Breakdown of expenses outside monthly spending funds */
.sg-other-expense-detail{
  border:1px solid #E0EAF3;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.sg-other-expense-summary,
.sg-other-expense-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:11px 12px;
}
.sg-other-expense-summary{
  background:#F1F7FD;
  border-bottom:1px solid #E0EAF3;
}
.sg-other-expense-summary span{
  color:#61788F;
  font-size:11px;
  font-weight:700;
}
.sg-other-expense-summary b{
  color:#183B60;
  font-size:16px;
}
.sg-other-expense-row+.sg-other-expense-row{
  border-top:1px solid #EDF2F7;
}
.sg-other-expense-row>div{min-width:0}
.sg-other-expense-row b{
  display:block;
  color:#29445E;
  font-size:12px;
  font-weight:700;
}
.sg-other-expense-row small{
  display:block;
  margin-top:2px;
  color:#8799AA;
  font-size:9.5px;
}
.sg-other-expense-row strong{
  flex:0 0 auto;
  color:#183B60;
  font-size:12px;
  white-space:nowrap;
}

@media(max-width:580px){
  .sg-income-month-card{padding:12px}
  .sg-income-month-copy b{font-size:20px}
  .sg-income-month-copy span{font-size:9.5px}
  #sg-funds-edit-income{padding:8px 9px;font-size:10.5px}
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-income-month-card{
    padding:16px 18px;
    margin-bottom:15px;
  }
  body.skygiau-mobile-app .sg-income-month-copy small{font-size:13px}
  body.skygiau-mobile-app .sg-income-month-copy b{font-size:30px}
  body.skygiau-mobile-app .sg-income-month-copy span{font-size:12px}
  body.skygiau-mobile-app #sg-funds-edit-income{font-size:13px;padding:10px 14px}
  body.skygiau-mobile-app .sg-other-expense-row b{font-size:14px}
  body.skygiau-mobile-app .sg-other-expense-row strong{font-size:14px}
}


/* ============================================================
   V2.3.7 KAIZEN — MONTHLY INCOME SOURCE + MONTHLY FUND CAP
   ============================================================ */
.sg-fund-limit-note{
  margin-top:9px;padding:8px 9px;border:1px solid #DCE8F4;border-radius:10px;
  background:#F5FAFF;color:#688099;font-size:10.5px;line-height:1.4
}
.sg-fund-limit-note b{color:#2D557B}
.sg-month-income-source-row{background:#F4F9FF}
.sg-month-income-source-row b,.sg-month-income-source-row strong{color:#1F66B5!important}

@media(min-width:900px){
 body.skygiau-mobile-app .sg-fund-limit-note{font-size:12px;padding:9px 11px}
}


/* ============================================================
   V2.3.8 KAIZEN — ASSET LIMIT + NEW USER GUIDE
   ============================================================ */
.sg-help-button{
  width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;
  border:1px solid #D6E4F3;border-radius:12px;background:#fff;
  color:#2478DC;font-size:18px;font-weight:900;line-height:1;cursor:pointer
}
.sg-help-button:active{transform:scale(.97)}
.sg-guide-sheet{max-height:min(88vh,820px)!important;overflow:auto!important}
.sg-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sg-guide-head small{display:block;color:#3A83D9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.sg-guide-head h3{margin:3px 0 0!important}
.sg-guide-close{
  width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;
  background:#EEF5FC;color:#52708E;font-size:23px;line-height:1;cursor:pointer
}
.sg-guide-intro{
  margin:10px 0 11px;padding:10px 11px;border-radius:12px;
  background:#F2F8FF;color:#5F768D;font-size:11px;line-height:1.45
}
.sg-guide-steps{display:grid;gap:8px}
.sg-guide-step{
  display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;
  padding:10px;border:1px solid #E0EAF4;border-radius:13px;background:#fff
}
.sg-guide-step>span{
  width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
  background:#EAF4FF;color:#2478DC;font-size:12px;font-weight:900
}
.sg-guide-step b{display:block;color:#263F58;font-size:12px}
.sg-guide-step p{margin:3px 0 7px;color:#75899D;font-size:10px;line-height:1.4}
.sg-guide-step button{
  border:0;border-radius:9px;background:#EAF4FF;color:#2478DC;
  padding:7px 9px;font-size:10px;font-weight:800;cursor:pointer
}
.sg-guide-footer{
  position:sticky;bottom:-1px;display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin-top:12px;padding-top:9px;background:#fff
}
.sg-guide-footer button{margin:0!important}
.sg-fund-limit-note{min-height:34px}

@media(max-width:580px){
 .sg-help-button{width:34px;height:34px;flex-basis:34px;border-radius:10px;font-size:16px}
 .sg-guide-sheet{max-height:91vh!important}
 .sg-guide-footer{grid-template-columns:1fr}
 .sg-guide-step{grid-template-columns:27px minmax(0,1fr);padding:9px}
 .sg-guide-step>span{width:25px;height:25px}
}
@media(min-width:900px){
 body.skygiau-mobile-app .sg-help-button{width:44px;height:44px;flex-basis:44px;font-size:20px}
 body.skygiau-mobile-app .sg-guide-sheet{max-width:680px!important}
 body.skygiau-mobile-app .sg-guide-intro{font-size:13px}
 body.skygiau-mobile-app .sg-guide-step{grid-template-columns:34px minmax(0,1fr);padding:12px}
 body.skygiau-mobile-app .sg-guide-step b{font-size:14px}
 body.skygiau-mobile-app .sg-guide-step p{font-size:12px}
 body.skygiau-mobile-app .sg-guide-step button{font-size:12px}
}


/* ============================================================
   V2.3.9 KAIZEN — GUIDE TYPOGRAPHY + DISMISSIBLE ALERTS
   ============================================================ */

/* Ép font đồng nhất cho toàn bộ Hướng dẫn sử dụng.
   Modal nằm ngoài một số wrapper nên không luôn kế thừa font của app. */
.sg-guide-sheet,
.sg-guide-sheet *,
.sg-guide-sheet button,
.sg-guide-sheet input,
.sg-guide-sheet select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;
  box-sizing:border-box;
}

/* Tiêu đề và nội dung guide */
.sg-guide-head h3{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.25px;
}
.sg-guide-intro,
.sg-guide-step p{
  font-weight:500!important;
  letter-spacing:0!important;
}
.sg-guide-step b{
  font-weight:800!important;
  line-height:1.28!important;
}

/* Các nút nhỏ trong từng bước */
.sg-guide-step button{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.15!important;
  font-weight:800!important;
  white-space:normal!important;
  text-align:center!important;
  padding:8px 11px!important;
}

/* Hai nút cuối modal: sửa lỗi chữ/baseline như ảnh người dùng */
.sg-guide-footer .sg-primary,
.sg-guide-footer .sg-secondary{
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.22!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.sg-guide-footer .sg-secondary{
  color:#17263B!important;
  background:#fff!important;
}
.sg-guide-footer .sg-primary{
  color:#fff!important;
}

/* Cảnh báo có thể đóng tạm thời.
   Không lưu localStorage/User Meta nên lần vào app sau sẽ tự hiện lại. */
.sg-alert-dismissible{
  position:relative!important;
  padding-right:42px!important;
}
.sg-alert-close{
  position:absolute;
  top:50%;
  right:8px;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.72);
  color:currentColor;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:20px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  opacity:.78;
}
.sg-alert-close:hover{opacity:1;background:rgba(255,255,255,.95)}
.sg-alert-close:active{transform:translateY(-50%) scale(.94)}

@media(max-width:580px){
  .sg-guide-footer .sg-primary,
  .sg-guide-footer .sg-secondary{
    min-height:48px!important;
    font-size:13px!important;
    padding:10px 12px!important;
  }
  .sg-alert-dismissible{padding-right:39px!important}
  .sg-alert-close{right:7px;width:27px;height:27px}
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-guide-footer .sg-primary,
  body.skygiau-mobile-app .sg-guide-footer .sg-secondary{
    min-height:54px!important;
    font-size:15px!important;
  }
}


/* ============================================================
   V2.3.10 — UNREAD NOTIFICATION BADGE
   ============================================================ */
.sg-notification-badge{
  z-index:4;
  min-width:21px!important;
  height:21px!important;
  padding:0 5px!important;
  background:#EF3340!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 3px 9px rgba(216,37,52,.30);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:10px!important;
  line-height:17px!important;
  font-weight:900!important;
  text-align:center;
}
.sg-notification-button.has-unread{
  border-color:#B8D7FA!important;
  background:#F8FBFF!important;
}
.sg-notification-badge.sg-badge-pulse{
  animation:sgNotificationPulse .65s ease-out 1;
}
@keyframes sgNotificationPulse{
  0%{transform:scale(.72)}
  45%{transform:scale(1.28)}
  72%{transform:scale(.94)}
  100%{transform:scale(1)}
}
@media(max-width:580px){
  .sg-notification-badge{
    right:-4px!important;
    top:-5px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:9.5px!important;
  }
}


/* ============================================================
   V2.3.11 — “ĐÁNG XEM HÔM NAY” RICH CONTENT
   ============================================================ */
.sg-today-title{align-items:flex-end!important;margin-bottom:8px!important}
.sg-today-title>div{min-width:0}
.sg-today-title small{
  display:block;margin-top:2px;color:#8194A8;font-size:9.5px;font-weight:600
}

.sg-today-carousel{
  gap:10px!important;
  padding:2px 1px 9px!important;
  scrollbar-width:thin;
  scrollbar-color:#D7E5F3 transparent;
}
.sg-today-card{
  position:relative;
  overflow:hidden;
  box-shadow:0 4px 14px rgba(36,74,112,.06);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.sg-today-card:active{transform:scale(.985)}
.sg-today-poster{position:relative}

.sg-today-kind{
  position:absolute;
  top:7px;left:7px;
  z-index:2;
  display:inline-flex!important;
  width:auto!important;
  align-items:center;
  margin:0!important;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  color:#315A82!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:900;
  backdrop-filter:blur(5px);
}
.sg-today-kind.is-video{color:#C33643!important}

.sg-today-poster-fallback{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:10px!important;
  color:#fff;
  isolation:isolate;
}
.sg-today-poster-fallback::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.20),transparent 46%,rgba(7,40,78,.12));
  z-index:-1
}
.sg-today-poster-fallback.theme-blue{background:linear-gradient(145deg,#2779E8,#63B3FF)}
.sg-today-poster-fallback.theme-indigo{background:linear-gradient(145deg,#4457D8,#889AFB)}
.sg-today-poster-fallback.theme-teal{background:linear-gradient(145deg,#159C9A,#66D0C8)}
.sg-today-poster-fallback.theme-violet{background:linear-gradient(145deg,#7758D8,#B094FA)}
.sg-today-poster-fallback.theme-green{background:linear-gradient(145deg,#2C9A68,#78D49E)}
.sg-today-poster-fallback.theme-orange{background:linear-gradient(145deg,#D77B33,#F4B572)}
.sg-today-poster-fallback.theme-red{background:linear-gradient(145deg,#CF4754,#F38A91)}
.sg-today-poster-fallback.theme-sky{background:linear-gradient(145deg,#288FC9,#79C9EC)}
.sg-today-poster-fallback>strong{
  display:block;
  max-width:95%;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  letter-spacing:-.5px;
  font-weight:900
}
.sg-today-poster-fallback>small{
  color:rgba(255,255,255,.86);
  font-size:7.5px;
  font-weight:700
}
.sg-today-deco{
  position:absolute;right:8px;top:35%;
  display:grid;gap:4px;opacity:.72
}
.sg-today-deco i{
  display:block;width:24px;height:4px;border-radius:99px;background:rgba(255,255,255,.62)
}
.sg-today-deco i:nth-child(2){width:16px;margin-left:8px}
.sg-today-deco i:nth-child(3){width:10px;margin-left:14px}

.sg-today-meta{
  display:flex;align-items:center;justify-content:space-between;gap:5px;
  margin:6px 2px 0
}
.sg-today-meta span,.sg-today-meta em{
  display:block!important;margin:0!important;font-size:7.5px!important;line-height:1.2!important;
  font-style:normal;font-weight:800
}
.sg-today-meta span{color:#6B8298!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-today-meta em{flex:0 0 auto;color:#317BD0;background:#EEF6FF;padding:3px 5px;border-radius:999px}

.sg-today-card>b{
  min-height:2.55em;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#263D55!important
}
.sg-today-card>p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:2.55em;
  margin:4px 2px 5px;
  color:#7D90A3;
  font-size:8px;
  line-height:1.28
}
.sg-today-card .sg-today-cta{
  display:block!important;
  margin:0 2px 3px!important;
  color:#2678D5!important;
  font-size:8.5px!important;
  font-weight:800!important
}

@media(max-width:580px){
  .sg-today-carousel{grid-auto-columns:44%!important}
  .sg-today-title small{font-size:9px}
  .sg-today-poster-fallback>strong{font-size:15px!important}
  .sg-today-card>p{font-size:8.5px}
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-today-carousel{
    grid-auto-columns:112px!important; /* vẫn gọn hơn bản poster lớn cũ */
    gap:10px!important
  }
  body.skygiau-mobile-app .sg-today-card{
    padding:6px!important;
    border-radius:12px!important
  }
  body.skygiau-mobile-app .sg-today-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(35,72,110,.11);
    border-color:#C8DCEF
  }
  body.skygiau-mobile-app .sg-today-title small{font-size:11px}
  body.skygiau-mobile-app .sg-today-poster-fallback>strong{font-size:17px!important}
  body.skygiau-mobile-app .sg-today-card>b{font-size:11px!important}
  body.skygiau-mobile-app .sg-today-card>p{font-size:8.5px}
}


/* ============================================================
   V2.3.12 — DAILY REPORT + FINANCIAL METRIC GUIDE
   ============================================================ */

/* Daily report */
.sg-daily-report-title{
  margin-top:12px!important;
  margin-bottom:7px!important;
  align-items:flex-end!important;
}
.sg-daily-report-title small{
  display:block;margin-top:2px;color:#8296A9;font-size:9.5px;font-weight:600
}
.sg-daily-report-card{padding:12px!important}
.sg-daily-report-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.sg-daily-report-toolbar label{
  display:block;
  margin-bottom:4px;
  color:#6E8397;
  font-size:9.5px;
  font-weight:700
}
.sg-daily-report-toolbar input{
  width:100%;
  min-height:39px;
  border:1px solid #D8E5F2;
  border-radius:11px;
  background:#F9FCFF;
  color:#243F59;
  padding:8px 10px;
  font:inherit;
  font-size:11px;
  font-weight:700;
  box-sizing:border-box
}
.sg-daily-report-total{
  text-align:right;
  min-width:120px
}
.sg-daily-report-total small{
  display:block;color:#8093A6;font-size:9px;font-weight:700
}
.sg-daily-report-total b{
  display:block;margin-top:2px;color:#183B60;font-size:19px;line-height:1.1
}
.sg-daily-report-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:10px
}
.sg-daily-report-kpis>div{
  padding:9px;
  border-radius:11px;
  background:#F4F8FC;
  min-width:0
}
.sg-daily-report-kpis span{
  display:block;color:#71869A;font-size:8.5px;font-weight:700
}
.sg-daily-report-kpis b{
  display:block;margin-top:3px;color:#2A4966;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.sg-daily-subtitle{
  margin:11px 0 4px;
  color:#516A82;
  font-size:9.5px;
  font-weight:800;
  text-transform:none
}
.sg-daily-fund-row,.sg-daily-tx-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 2px;
  border-top:1px solid #EDF2F7
}
.sg-daily-fund-row>div,.sg-daily-tx-row>div{min-width:0}
.sg-daily-fund-row b,.sg-daily-tx-row b{
  display:block;color:#304B65;font-size:10.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.sg-daily-fund-row small,.sg-daily-tx-row small{
  display:block;margin-top:1px;color:#8A9CAD;font-size:8.5px
}
.sg-daily-fund-row strong,.sg-daily-tx-row strong{
  flex:0 0 auto;color:#203E5A;font-size:10.5px;white-space:nowrap
}
.sg-daily-tx-row strong{color:#E24A55}
.sg-daily-empty{padding:16px 4px!important}

/* Guide — explain dashboard numbers before onboarding steps */
.sg-guide-metrics{
  display:grid;
  gap:7px;
  margin:2px 0 10px
}
.sg-guide-metric{
  border:1px solid #DFEAF4;
  border-radius:12px;
  padding:9px 10px;
  background:#FBFDFF
}
.sg-guide-metric-head{
  display:flex;
  align-items:center;
  gap:7px
}
.sg-guide-metric-head>span{
  width:22px;height:22px;flex:0 0 22px;
  display:grid;place-items:center;
  border-radius:7px;
  background:#E7F2FF;
  color:#2678D8;
  font-size:9px;
  font-weight:900
}
.sg-guide-metric-head b{
  color:#29445E!important;
  font-size:11.5px!important
}
.sg-guide-metric p{
  margin:5px 0 4px;
  color:#627A91;
  font-size:10px;
  line-height:1.45
}
.sg-guide-metric small{
  display:block;
  padding:6px 7px;
  border-radius:8px;
  background:#F1F7FD;
  color:#6B8197;
  font-size:8.8px;
  line-height:1.4
}
.sg-guide-reading-tip{
  margin:0 0 10px;
  padding:9px 10px;
  border-left:3px solid #3388EA;
  border-radius:8px;
  background:#F4F9FF;
  color:#5A728A;
  font-size:10px;
  line-height:1.45
}
.sg-guide-reading-tip b{color:#2A567F}

@media(max-width:580px){
 .sg-daily-report-toolbar{grid-template-columns:1fr}
 .sg-daily-report-total{text-align:left;min-width:0}
 .sg-daily-report-kpis{gap:5px}
 .sg-daily-report-kpis>div{padding:8px 6px}
 .sg-daily-report-kpis span{font-size:8px}
 .sg-daily-report-kpis b{font-size:10px}
}

@media(min-width:900px){
 body.skygiau-mobile-app .sg-daily-report-title small{font-size:11px}
 body.skygiau-mobile-app .sg-daily-report-card{padding:14px 16px!important}
 body.skygiau-mobile-app .sg-daily-report-toolbar{
   grid-template-columns:220px minmax(140px,1fr);
 }
 body.skygiau-mobile-app .sg-daily-report-total{text-align:left}
 body.skygiau-mobile-app .sg-daily-report-total b{font-size:23px}
 body.skygiau-mobile-app .sg-daily-report-kpis{
   grid-template-columns:repeat(3,180px);
   justify-content:start
 }
 body.skygiau-mobile-app .sg-daily-report-kpis span{font-size:10px}
 body.skygiau-mobile-app .sg-daily-report-kpis b{font-size:13px}
 body.skygiau-mobile-app .sg-daily-breakdown,
 body.skygiau-mobile-app .sg-daily-transactions{
   max-width:760px
 }
 body.skygiau-mobile-app .sg-daily-fund-row b,
 body.skygiau-mobile-app .sg-daily-tx-row b{font-size:12px}
 body.skygiau-mobile-app .sg-daily-fund-row strong,
 body.skygiau-mobile-app .sg-daily-tx-row strong{font-size:12px}

 body.skygiau-mobile-app .sg-guide-metric-head b{font-size:13px!important}
 body.skygiau-mobile-app .sg-guide-metric p{font-size:11.5px}
 body.skygiau-mobile-app .sg-guide-metric small{font-size:10px}
 body.skygiau-mobile-app .sg-guide-reading-tip{font-size:11.5px}
}


/* ============================================================
   V2.3.13 — STRICT DAILY CASHFLOW REPORT
   ============================================================ */
.sg-daily-report-kpis-v2{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
#sg-daily-net.is-positive{color:#1E9B67!important}
#sg-daily-net.is-negative{color:#E24A55!important}

.sg-daily-income-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 2px;
  border-top:1px solid #EDF2F7;
}
.sg-daily-income-row>div{min-width:0}
.sg-daily-income-row b{
  display:block;
  color:#304B65;
  font-size:10.5px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-daily-income-row small{
  display:block;
  margin-top:1px;
  color:#8A9CAD;
  font-size:8.5px;
}
.sg-daily-income-row strong{
  flex:0 0 auto;
  color:#1E9B67;
  font-size:10.5px;
  white-space:nowrap;
}
@media(max-width:760px){
  .sg-daily-report-kpis-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sg-daily-report-kpis-v2>div:last-child{grid-column:span 2}
}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-daily-report-kpis-v2{
    grid-template-columns:repeat(5,minmax(118px,155px))!important;
  }
  body.skygiau-mobile-app .sg-daily-income-row b{font-size:12px}
  body.skygiau-mobile-app .sg-daily-income-row strong{font-size:12px}
}


/* ============================================================
   V2.3.14 — DAILY REPORT LABEL CLARITY
   ============================================================ */
.sg-daily-report-kpis-v2 span{
  white-space:normal!important;
  line-height:1.25!important;
  min-height:2.5em;
}
@media(max-width:760px){
  .sg-daily-report-kpis-v2 span{
    min-height:auto;
  }
}


/* ============================================================
   V2.3.15 — GLOBAL BRAND LOGO REFRESH
   Dùng logo Tài Chính Thịnh Vượng do người dùng cung cấp
   ============================================================ */
.sg-logo{
  background-image:url('logo-master.png') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
  position:relative;
}
.sg-logo::before,
.sg-logo::after{
  content:none !important;
}
.sg-brand .sg-logo,
.sg-auth-brand .sg-logo{
  flex:0 0 auto;
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-brand .sg-logo{
    background-image:url('logo-master.png') !important;
    background-size:cover !important;
    background-position:center !important;
  }
}


/* V2.3.16 - symbol-only logo and favicon refresh */
.sg-logo{
  background-image:url('logo-symbol.png') !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
}
.sg-brand .sg-logo,
.sg-auth-brand .sg-logo{
  border-radius:0 !important;
  background-color:transparent !important;
}


/* ============================================================
   V2.3.18 — APP INTRO + PROMOTIONAL PAGE
   ============================================================ */
.sg-app-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  padding:13px 14px;
  border:1px solid #D9E8F7;
  border-radius:16px;
  background:
    radial-gradient(circle at 92% 10%,rgba(74,161,255,.16),transparent 32%),
    linear-gradient(135deg,#F9FCFF 0%,#EEF7FF 100%);
  box-shadow:0 6px 20px rgba(36,86,136,.06);
}
.sg-app-intro-copy{min-width:0}
.sg-app-intro-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#2C7DD6;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.045em;
}
.sg-app-intro h2{
  margin:0;
  color:#173754;
  font-size:15px;
  line-height:1.2;
  letter-spacing:-.25px;
}
.sg-app-intro p{
  max-width:720px;
  margin:5px 0 0;
  color:#6B8298;
  font-size:9.5px;
  line-height:1.45;
}
.sg-app-intro p b{color:#385A79}
.sg-app-intro-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:36px;
  padding:8px 11px;
  border-radius:11px;
  background:#2F82E6;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9.5px;
  font-weight:850;
  white-space:nowrap;
}
.sg-app-intro-link span{font-size:12px}

@media(max-width:580px){
  .sg-app-intro{
    align-items:flex-start;
    flex-direction:column;
    padding:12px;
    border-radius:14px;
  }
  .sg-app-intro h2{font-size:14px}
  .sg-app-intro p{font-size:9px}
  .sg-app-intro-link{
    width:100%;
    justify-content:center;
    min-height:39px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-app-intro{
    padding:15px 17px;
    margin-bottom:14px;
  }
  body.skygiau-mobile-app .sg-app-intro-eyebrow{font-size:10px}
  body.skygiau-mobile-app .sg-app-intro h2{font-size:18px}
  body.skygiau-mobile-app .sg-app-intro p{font-size:11.5px}
  body.skygiau-mobile-app .sg-app-intro-link{
    min-height:42px;
    padding:10px 14px;
    font-size:11px;
  }
}


/* ============================================================
   V2.3.19 — YEARLY REPORT
   ============================================================ */
.sg-year-report-title{
  margin-top:14px!important;
  margin-bottom:7px!important;
}
.sg-year-report-title small{
  display:block;
  margin-top:2px;
  color:#8296A9;
  font-size:9.5px;
  font-weight:600;
}
.sg-year-report-card{padding:12px!important}
.sg-year-report-toolbar{
  display:grid;
  grid-template-columns:minmax(0,190px) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.sg-year-report-toolbar label{
  display:block;
  margin-bottom:4px;
  color:#6E8397;
  font-size:9.5px;
  font-weight:700;
}
.sg-year-report-toolbar select{
  width:100%;
  min-height:39px;
  border:1px solid #D8E5F2;
  border-radius:11px;
  background:#F9FCFF;
  color:#243F59;
  padding:8px 10px;
  font:inherit;
  font-size:11px;
  font-weight:700;
}
.sg-year-net{
  text-align:right;
}
.sg-year-net small{
  display:block;
  color:#8093A6;
  font-size:9px;
  font-weight:700;
}
.sg-year-net b{
  display:block;
  margin-top:2px;
  color:#183B60;
  font-size:20px;
  line-height:1.1;
}
.sg-year-net b.is-positive{color:#1E9B67}
.sg-year-net b.is-negative{color:#E24A55}

.sg-year-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.sg-year-kpis>div{
  min-width:0;
  padding:9px;
  border-radius:11px;
  background:#F4F8FC;
}
.sg-year-kpis span{
  display:block;
  color:#71869A;
  font-size:8.5px;
  font-weight:700;
}
.sg-year-kpis b{
  display:block;
  margin-top:3px;
  color:#2A4966;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sg-year-note{
  margin:8px 0 0;
  color:#8295A7;
  font-size:8.5px;
  line-height:1.4;
}
.sg-year-subtitle{
  margin:12px 0 5px;
  color:#516A82;
  font-size:10px;
  font-weight:850;
}
.sg-year-months{
  overflow:hidden;
  border:1px solid #E5EDF5;
  border-radius:11px;
}
.sg-year-month-head,
.sg-year-month-row{
  display:grid;
  grid-template-columns:78px repeat(3,minmax(0,1fr));
  align-items:center;
  gap:8px;
  padding:7px 9px;
}
.sg-year-month-head{
  background:#F4F8FC;
  color:#7A8EA2;
  font-size:8.5px;
  font-weight:800;
}
.sg-year-month-row{
  border-top:1px solid #EDF2F7;
  color:#405A73;
  font-size:9.5px;
}
.sg-year-month-row:first-of-type{border-top:0}
.sg-year-month-row b{font-size:9.5px}
.sg-year-month-row span,
.sg-year-month-row strong{
  text-align:right;
  white-space:nowrap;
}
.sg-year-month-row .income{color:#238A63}
.sg-year-month-row .expense{color:#D84A56}
.sg-year-month-row strong.positive{color:#238A63}
.sg-year-month-row strong.negative{color:#D84A56}

.sg-year-fund-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 2px;
  border-top:1px solid #EDF2F7;
}
.sg-year-fund-row:first-child{border-top:0}
.sg-year-fund-row>div{min-width:0}
.sg-year-fund-row b{
  display:block;
  color:#304B65;
  font-size:10.5px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-year-fund-row small{
  display:block;
  margin-top:1px;
  color:#8A9CAD;
  font-size:8.5px;
}
.sg-year-fund-row strong{
  flex:0 0 auto;
  color:#203E5A;
  font-size:10.5px;
  white-space:nowrap;
}

@media(max-width:760px){
  .sg-year-report-toolbar{grid-template-columns:1fr}
  .sg-year-net{text-align:left}
  .sg-year-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-year-kpis>div:last-child{grid-column:span 2}
  .sg-year-months{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .sg-year-month-head,
  .sg-year-month-row{
    min-width:520px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-year-report-title small{font-size:11px}
  body.skygiau-mobile-app .sg-year-report-card{padding:14px 16px!important}
  body.skygiau-mobile-app .sg-year-report-toolbar{
    grid-template-columns:220px minmax(160px,1fr);
  }
  body.skygiau-mobile-app .sg-year-net{text-align:left}
  body.skygiau-mobile-app .sg-year-net b{font-size:24px}
  body.skygiau-mobile-app .sg-year-kpis{
    grid-template-columns:repeat(5,minmax(130px,1fr));
  }
  body.skygiau-mobile-app .sg-year-kpis span{font-size:10px}
  body.skygiau-mobile-app .sg-year-kpis b{font-size:13px}
  body.skygiau-mobile-app .sg-year-month-head,
  body.skygiau-mobile-app .sg-year-month-row{
    grid-template-columns:100px repeat(3,minmax(130px,1fr));
    font-size:11px;
    padding:8px 10px;
  }
  body.skygiau-mobile-app .sg-year-month-row b{font-size:11px}
  body.skygiau-mobile-app .sg-year-fund-row b,
  body.skygiau-mobile-app .sg-year-fund-row strong{font-size:12px}
}


/* ============================================================
   V2.3.21 — REPORT SUBMENUS
   ============================================================ */

/* Mobile: sidebar submenu hidden; use compact report shortcuts. */
.sg-report-subnav{
  display:none!important;
}
.sg-report-mode-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 12px;
}
.sg-report-mode-links button{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  padding:10px 11px;
  border:1px solid #DCE7F2;
  border-radius:12px;
  background:#fff;
  color:#2C4C69;
  text-align:left;
}
.sg-report-mode-links button span{
  color:#2E80DE;
  font-size:8.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.sg-report-mode-links button b{
  font-size:10.5px;
  line-height:1.25;
}

.sg-report-detail-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 7px;
}
.sg-report-detail-head>div{min-width:0}
.sg-report-detail-head h2{
  margin:0;
  color:#172E46;
  font-size:19px;
  line-height:1.2;
}
.sg-report-detail-head small{
  display:block;
  margin-top:2px;
  color:#8093A6;
  font-size:9px;
}
.sg-report-back{
  flex:0 0 auto;
  border:1px solid #DCE7F2;
  border-radius:10px;
  background:#fff;
  color:#2778D5;
  padding:7px 9px;
  font-size:10px;
  font-weight:800;
}

/* Remove repeated H2 headings inside their dedicated pages.
   Keep the explanatory subtitle/card beneath. */
.sg-report-detail-page .sg-daily-report-title,
.sg-report-detail-page .sg-year-report-title{
  margin-top:5px!important;
}
.sg-report-detail-page .sg-daily-report-title h2,
.sg-report-detail-page .sg-year-report-title h2{
  display:none;
}
.sg-report-detail-page .sg-daily-report-title small,
.sg-report-detail-page .sg-year-report-title small{
  font-size:9px;
}

/* PC sidebar: show two smaller items immediately below Báo cáo. */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-report-mode-links{
    display:none;
  }

  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav{
    display:flex!important;
    min-height:38px!important;
    margin:0 0 1px 24px!important;
    padding:6px 9px 6px 18px!important;
    gap:9px!important;
    border-radius:10px!important;
    color:#8093A7;
    background:transparent;
    position:relative;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav::before{
    content:"";
    position:absolute;
    left:3px;
    top:-7px;
    bottom:50%;
    width:1px;
    background:#D9E5F0;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav::after{
    content:"";
    position:absolute;
    left:3px;
    top:50%;
    width:10px;
    height:1px;
    background:#D9E5F0;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav + .sg-report-subnav::before{
    top:-20px;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav:hover{
    background:#F4F8FC;
    color:#446581;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav.is-active{
    background:#F0F6FD!important;
    color:#2176D3!important;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav small{
    font-size:12.5px!important;
    line-height:1.15;
    font-weight:750;
  }
  body.skygiau-mobile-app .sg-report-subnav-dot{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px;
    display:grid!important;
    place-items:center;
    background:transparent!important;
  }
  body.skygiau-mobile-app .sg-report-subnav-dot svg{
    width:16px!important;
    height:16px!important;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  body.skygiau-mobile-app .sg-report-detail-head{
    margin-bottom:10px;
  }
  body.skygiau-mobile-app .sg-report-detail-head h2{
    font-size:27px;
  }
  body.skygiau-mobile-app .sg-report-detail-head small{
    font-size:12px;
  }
  body.skygiau-mobile-app .sg-report-back{
    display:none;
  }
}


/* ============================================================
   V2.3.22 — YEAR ALIGNMENT / OTHER CASHFLOW / FUND GROUPS
   ============================================================ */

/* --- Year report: align labels and money on exact same axes --- */
.sg-year-month-head span:nth-child(n+2){
  text-align:right!important;
}
.sg-year-month-head,
.sg-year-month-row{
  grid-template-columns:110px 180px 180px 180px!important;
  justify-content:start!important;
}
.sg-year-months{
  max-width:760px;
}
.sg-year-funds{
  max-width:760px;
}
.sg-year-fund-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
}
.sg-year-fund-row strong{
  text-align:right;
}

/* --- Dashboard "Thu - chi khác" --- */
#sg-open-other-expense #sg-other-expense.is-positive{color:#fff}
#sg-open-other-expense #sg-other-expense.is-negative{color:#fff}
#sg-other-flow-meta{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Detail: total Thu / total Chi */
.sg-other-flow-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px;
  background:#F4F8FC;
  border-bottom:1px solid #E0EAF3;
}
.sg-other-flow-summary>div{
  min-width:0;
  padding:9px 10px;
  border-radius:10px;
  background:#fff;
}
.sg-other-flow-summary span{
  display:block;
  color:#71869A;
  font-size:9.5px;
  font-weight:700;
}
.sg-other-flow-summary b{
  display:block;
  margin-top:3px;
  font-size:14px;
  white-space:nowrap;
}
.sg-other-flow-summary b.income{color:#168C60}
.sg-other-flow-summary b.expense{color:#D84A56}

.sg-other-flow-list{background:#fff}
.sg-other-flow-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border-top:1px solid #EDF2F7;
}
.sg-other-flow-row:first-child{border-top:0}
.sg-other-flow-name{min-width:0}
.sg-other-flow-name>b{
  display:block;
  color:#29445E;
  font-size:12px;
  font-weight:750;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.sg-other-flow-name>small{
  display:block;
  margin-top:2px;
  color:#8799AA;
  font-size:9px;
}
.sg-other-flow-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.sg-other-flow-values>span{
  min-width:0;
  text-align:right;
}
.sg-other-flow-values small{
  display:block;
  color:#8498AB;
  font-size:8.5px;
}
.sg-other-flow-values b{
  display:block;
  margin-top:2px;
  font-size:10.5px;
  white-space:nowrap;
}
.sg-other-flow-values b.income{color:#168C60}
.sg-other-flow-values b.expense{color:#D84A56}

/* --- Quỹ & ngân sách split into two groups --- */
.sg-funds-page-note{
  display:block;
  margin-top:2px;
  color:#8397AA;
  font-size:9px;
  font-weight:600;
}
#sg-funds.sg-fund-groups{
  display:block!important;
}
.sg-fund-group{
  margin-top:10px;
  padding:11px;
  border:1px solid #DFE9F3;
  border-radius:15px;
  background:#fff;
}
.sg-fund-group:first-child{margin-top:0}
.sg-fund-group-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.sg-fund-group-head>div{min-width:0}
.sg-fund-group-head h3{
  margin:0;
  color:#29445E;
  font-size:13px;
  line-height:1.2;
}
.sg-fund-group-head small{
  display:block;
  margin-top:2px;
  color:#8799AA;
  font-size:8.7px;
  line-height:1.35;
}
.sg-fund-group-head>span{
  flex:0 0 auto;
  color:#637B92;
  font-size:8.7px;
  font-weight:750;
  white-space:nowrap;
}
.sg-fund-group-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.sg-fund-group-monthly{
  border-color:#D4E7FB;
  background:#FCFEFF;
}
.sg-fund-group-future{
  border-color:#DDE9E3;
  background:#FCFEFD;
}
.sg-fund-group-future .sg-fund-group-head h3{color:#276047}

.sg-compact-fund-group+.sg-compact-fund-group{
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid #E4ECF4;
}
.sg-compact-fund-group-title{
  margin-bottom:6px;
  color:#3B5C79;
  font-size:10px;
  font-weight:850;
}

/* Mobile */
@media(max-width:760px){
  .sg-year-month-head,
  .sg-year-month-row{
    min-width:0!important;
    grid-template-columns:70px repeat(3,minmax(105px,1fr))!important;
  }
  .sg-year-months{
    max-width:none;
    overflow-x:auto;
  }
  .sg-year-funds{max-width:none}
  .sg-other-flow-row{
    grid-template-columns:1fr;
  }
  .sg-other-flow-values{
    max-width:260px;
  }
  .sg-fund-group-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* PC */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-year-months,
  body.skygiau-mobile-app .sg-year-funds{
    max-width:820px!important;
  }
  body.skygiau-mobile-app .sg-year-month-head,
  body.skygiau-mobile-app .sg-year-month-row{
    grid-template-columns:120px 210px 210px 210px!important;
    min-width:0!important;
  }
  body.skygiau-mobile-app .sg-year-month-head span:nth-child(n+2){
    text-align:right!important;
  }
  body.skygiau-mobile-app .sg-year-fund-row{
    grid-template-columns:minmax(0,1fr) 210px!important;
  }

  body.skygiau-mobile-app .sg-other-flow-summary span{font-size:11px}
  body.skygiau-mobile-app .sg-other-flow-summary b{font-size:17px}
  body.skygiau-mobile-app .sg-other-flow-name>b{font-size:14px}
  body.skygiau-mobile-app .sg-other-flow-values b{font-size:13px}
  body.skygiau-mobile-app .sg-other-flow-values small{font-size:10px}

  body.skygiau-mobile-app .sg-funds-page-note{font-size:11px}
  body.skygiau-mobile-app .sg-fund-group{
    padding:15px;
    margin-top:14px;
  }
  body.skygiau-mobile-app .sg-fund-group-head h3{font-size:18px}
  body.skygiau-mobile-app .sg-fund-group-head small{font-size:11px}
  body.skygiau-mobile-app .sg-fund-group-head>span{font-size:11px}
  body.skygiau-mobile-app .sg-fund-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
}
@media(min-width:1240px){
  body.skygiau-mobile-app .sg-fund-group-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* ============================================================
   V2.3.23 — THU NHẬP THÊM -> MỤC TIÊU QUỸ
   ============================================================ */
.sg-tx-fund-help{
  display:block;
  margin:-4px 0 10px;
  padding:7px 8px;
  border-radius:9px;
  background:#F4F8FC;
  color:#71869A;
  font-size:8.8px;
  line-height:1.4;
}
.sg-tx-fund-help b{
  color:#355A7B;
  font-weight:800;
}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-tx-fund-help{
    font-size:10.5px;
    padding:8px 9px;
  }
}


/* V2.3.25 — Chuông tách Tin nhắn hệ thống / Cảnh báo thu - chi */
.sg-notification-head>div:first-child{min-width:0}
.sg-notification-head>div:first-child>small{
  display:block;margin-top:2px;color:#8798A9;font-size:9px;line-height:1.35;
}
.sg-notification-groups{display:grid;gap:11px}
.sg-notification-section{
  overflow:hidden;border:1px solid #E0E9F2;border-radius:14px;background:#fff;
}
.sg-notification-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 11px;background:#F5F9FD;border-bottom:1px solid #E5EDF5;
}
.sg-notification-section-head>div{display:flex;align-items:center;gap:7px;min-width:0}
.sg-notification-section-head b{color:#284862;font-size:10.5px;font-weight:850}
.sg-notification-section-head em{
  flex:0 0 auto;min-width:26px;padding:3px 6px;border-radius:999px;
  background:#E8F1FB;color:#3970A4;font-size:8px;font-style:normal;font-weight:850;text-align:center;
}
.sg-notification-section-icon{
  width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:7px;
  background:#E8F2FE;color:#2579D5;font-size:11px;font-weight:900;
}
.sg-finance-section .sg-notification-section-head{background:#FFF9F2}
.sg-finance-section .sg-notification-section-icon{background:#FFF0D9;color:#B16A05}
.sg-finance-section .sg-notification-section-head em{background:#FFF0D9;color:#A9670B}
.sg-notification-section .sg-notification-item{margin-left:8px;margin-right:8px}
.sg-notification-section .sg-notification-item.is-unread{margin-left:7px;margin-right:7px}
.sg-notification-empty{padding:17px 10px!important;font-size:10.5px!important}
.sg-notification-finance-icon{
  width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;margin-top:1px;
  border-radius:9px;background:#F4F7FA;font-size:13px;
}
.sg-financial-notification.severity-danger .sg-notification-finance-icon{background:#FFF0F1}
.sg-financial-notification.severity-warn .sg-notification-finance-icon{background:#FFF6E5}
.sg-financial-notification.severity-soft .sg-notification-finance-icon{background:#EDF6FF}
.sg-financial-notification.severity-danger .sg-notification-title{color:#A52E36}
.sg-financial-notification.severity-warn .sg-notification-title{color:#8D5A0B}

@media(min-width:900px){
 body.skygiau-mobile-app .sg-notification-head>div:first-child>small{font-size:11px}
 body.skygiau-mobile-app .sg-notification-section-head{padding:12px 13px}
 body.skygiau-mobile-app .sg-notification-section-head b{font-size:13px}
 body.skygiau-mobile-app .sg-notification-section-head em{font-size:10px;padding:4px 7px}
 body.skygiau-mobile-app .sg-notification-section-icon{width:26px;height:26px;flex-basis:26px;font-size:13px}
 body.skygiau-mobile-app .sg-notification-empty{font-size:12px!important}
}


/* ============================================================
   V2.3.26 — NHẮC THANH TOÁN HÓA ĐƠN
   ============================================================ */
.sg-bill-reminder-title{
  margin-top:12px!important;
}
.sg-bill-reminder-title>div{
  min-width:0;
}
.sg-bill-reminder-title small{
  display:block;
  margin-top:2px;
  color:#8295A7;
  font-size:8.8px;
  font-weight:600;
}
.sg-bill-reminders{
  padding:0!important;
  overflow:hidden;
}
.sg-bill-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:9px 11px;
  border-top:1px solid #EAF0F6;
  background:#fff;
}
.sg-bill-row:first-child{border-top:0}
.sg-bill-calendar{
  width:38px;
  height:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #DCE8F3;
  border-radius:10px;
  background:#F5F9FD;
  line-height:1;
}
.sg-bill-calendar span{
  color:#24537E;
  font-size:13px;
  font-weight:900;
}
.sg-bill-calendar small{
  margin-top:2px;
  color:#8295A7;
  font-size:8px;
  font-weight:800;
}
.sg-bill-main{
  min-width:0;
}
.sg-bill-main>b{
  display:block;
  color:#29445E;
  font-size:10.5px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-bill-main>small{
  display:block;
  margin-top:2px;
  color:#8295A7;
  font-size:8.6px;
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-bill-right{
  min-width:0;
  text-align:right;
}
.sg-bill-right>strong{
  display:block;
  margin-bottom:4px;
  color:#29445E;
  font-size:10.5px;
  white-space:nowrap;
}
.sg-bill-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}
.sg-bill-actions button{
  border:1px solid #DCE7F2;
  border-radius:8px;
  background:#fff;
  color:#4C6A86;
  padding:5px 7px;
  font-size:8px;
  font-weight:750;
}
.sg-bill-actions .sg-bill-paid-btn{
  border-color:#CDE7D8;
  background:#F2FBF6;
  color:#23865D;
}
.sg-bill-actions .sg-bill-delete-btn{
  width:26px;
  padding:5px 0;
  color:#C94E57;
}
.sg-bill-soon .sg-bill-calendar{
  border-color:#CDE2F8;
  background:#EDF6FF;
}
.sg-bill-urgent .sg-bill-calendar{
  border-color:#F4D8A5;
  background:#FFF7E8;
}
.sg-bill-today,
.sg-bill-overdue{
  background:#FFF9F9;
}
.sg-bill-today .sg-bill-calendar,
.sg-bill-overdue .sg-bill-calendar{
  border-color:#F3C6CB;
  background:#FFF0F1;
}
.sg-bill-today .sg-bill-main>small,
.sg-bill-overdue .sg-bill-main>small{
  color:#C5414D;
  font-weight:750;
}

.sg-bill-reminder-note{
  margin:-3px 0 10px;
  padding:8px 9px;
  border-radius:10px;
  background:#F4F8FC;
  color:#71869A;
  font-size:8.8px;
  line-height:1.45;
}
.sg-bill-reminder-note b{
  color:#355A7B;
}

@media(max-width:620px){
  .sg-bill-row{
    grid-template-columns:38px minmax(0,1fr);
  }
  .sg-bill-right{
    grid-column:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    text-align:left;
    margin-top:-3px;
  }
  .sg-bill-main>small{
    white-space:normal;
  }
  .sg-bill-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-bill-reminder-title small{font-size:11px}
  body.skygiau-mobile-app .sg-bill-row{
    grid-template-columns:48px minmax(0,1fr) auto;
    padding:11px 13px;
    gap:12px;
  }
  body.skygiau-mobile-app .sg-bill-calendar{
    width:42px;
    height:44px;
  }
  body.skygiau-mobile-app .sg-bill-calendar span{font-size:15px}
  body.skygiau-mobile-app .sg-bill-main>b{font-size:12.5px}
  body.skygiau-mobile-app .sg-bill-main>small{font-size:10px}
  body.skygiau-mobile-app .sg-bill-right>strong{font-size:12px}
  body.skygiau-mobile-app .sg-bill-actions button{font-size:9.5px}
  body.skygiau-mobile-app .sg-bill-reminder-note{font-size:10.5px}
}


/* V2.3.27 — Hóa đơn là menu lớn + Báo cáo Tháng/Ngày/Năm/Gia đình */
.sg-bills-page-head>div{min-width:0}
.sg-bills-page-head small,.sg-report-heading small{
  display:block;margin-top:3px;color:#8295A7;font-size:9px;font-weight:600
}
.sg-bill-summary-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:10px;padding:13px 14px;border:1px solid #DDE8F3;border-radius:16px;
  background:linear-gradient(135deg,#F7FBFF,#EEF6FF)
}
.sg-bill-summary-card>div{min-width:0}
.sg-bill-summary-card small{display:block;color:#8296A9;font-size:8.5px;font-weight:700}
.sg-bill-summary-card b{display:block;margin-top:3px;color:#2B4D6B;font-size:11px;line-height:1.35}
.sg-bill-summary-icon{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
  border-radius:12px;background:#DDEEFF;color:#237ADB
}
.sg-bill-summary-icon svg{
  width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round
}

.sg-report-mode-links-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sg-report-mode-links-4 button{min-height:78px}
.sg-report-mode-links-4 button>small{
  display:block;color:#8295A7;font-size:8px;line-height:1.3;font-weight:550
}
.sg-report-hub-note{margin-top:10px;background:#F8FBFE}
.sg-report-hub-note b{display:block;color:#35536F;font-size:10.5px}
.sg-report-hub-note span{display:block;margin-top:3px;color:#8496A8;font-size:8.8px;line-height:1.4}

.sg-family-standalone-intro{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px
}
.sg-family-standalone-intro>div{min-width:0}
.sg-family-standalone-intro b{display:block;color:#304E69;font-size:11px}
.sg-family-standalone-intro span{display:block;margin-top:3px;color:#8295A7;font-size:8.8px;line-height:1.4}
.sg-family-standalone-intro button{
  flex:0 0 auto;border:0;border-radius:10px;background:#2F82E6;color:#fff;
  padding:8px 10px;font-size:9px;font-weight:800
}
.sg-family-standalone>#sg-family-invites,
.sg-family-standalone>#sg-family-share-settings{margin-top:10px}

@media(max-width:899px){
  body.skygiau-mobile-app .sg-bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    padding-left:max(4px,env(safe-area-inset-left))!important;
    padding-right:max(4px,env(safe-area-inset-right))!important
  }
  body.skygiau-mobile-app .sg-bottom-nav button{padding-left:1px!important;padding-right:1px!important}
  body.skygiau-mobile-app .sg-bottom-nav button>small{font-size:9px!important}
  body.skygiau-mobile-app .sg-nav-icon{width:27px!important;height:27px!important}
  body.skygiau-mobile-app .sg-nav-icon svg{width:22px!important;height:22px!important}
  body.skygiau-mobile-app .sg-add-circle{width:48px!important;height:48px!important}
  body.skygiau-mobile-app .sg-add-circle svg{width:24px!important;height:24px!important}
  .sg-family-standalone-intro{align-items:flex-start;flex-direction:column}
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-bills-page-head small,
  body.skygiau-mobile-app .sg-report-heading small{font-size:11px}
  body.skygiau-mobile-app .sg-bill-summary-card{padding:16px 18px;margin-bottom:14px}
  body.skygiau-mobile-app .sg-bill-summary-card small{font-size:10px}
  body.skygiau-mobile-app .sg-bill-summary-card b{font-size:13px}
  body.skygiau-mobile-app .sg-bill-summary-icon{width:46px;height:46px;flex-basis:46px}

  body.skygiau-mobile-app .sg-report-mode-links-4{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px
  }
  body.skygiau-mobile-app .sg-report-mode-links-4 button{
    min-height:112px;padding:15px 16px;border-radius:15px
  }
  body.skygiau-mobile-app .sg-report-mode-links-4 button span{font-size:10px}
  body.skygiau-mobile-app .sg-report-mode-links-4 button b{font-size:14px}
  body.skygiau-mobile-app .sg-report-mode-links-4 button>small{font-size:10.5px}
  body.skygiau-mobile-app .sg-report-hub-note b{font-size:13px}
  body.skygiau-mobile-app .sg-report-hub-note span{font-size:11px}

  body.skygiau-mobile-app .sg-family-standalone-intro{padding:16px 18px!important}
  body.skygiau-mobile-app .sg-family-standalone-intro b{font-size:14px}
  body.skygiau-mobile-app .sg-family-standalone-intro span{font-size:11px}
  body.skygiau-mobile-app .sg-family-standalone-intro button{font-size:11px}

  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav::before{
    top:-8px!important;bottom:-8px!important
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-report-subnav:last-of-type::before{
    bottom:50%!important
  }
}


/* ============================================================
   V2.3.28 — NHẮC HÓA ĐƠN HIỆN NHƯ CẢNH BÁO THU - CHI
   ============================================================ */
.sg-alert-bill{
  position:relative;
  padding-right:92px!important;
}
.sg-alert-bill-link{
  position:absolute;
  right:34px;
  top:50%;
  transform:translateY(-50%);
  border:1px solid currentColor;
  border-radius:8px;
  background:rgba(255,255,255,.72);
  color:inherit;
  padding:4px 7px;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}
.sg-alert-bill.sg-alert-soft .sg-alert-bill-link{
  color:#3473A9;
}
.sg-alert-bill.sg-alert-warn .sg-alert-bill-link{
  color:#8D5A0B;
}
.sg-alert-bill.sg-alert-danger .sg-alert-bill-link{
  color:#A52E36;
}

@media(max-width:620px){
  .sg-alert-bill{
    padding-right:32px!important;
    padding-bottom:38px!important;
  }
  .sg-alert-bill-link{
    left:10px;
    right:auto;
    top:auto;
    bottom:8px;
    transform:none;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-alert-bill-link{
    font-size:10px;
    padding:5px 8px;
  }
}


/* ============================================================
   V2.3.29 — RESTORE FULL REPORT + NEW MONTH-ONLY REPORT
   ============================================================ */
.sg-month-report-card{
  padding:12px!important;
}
.sg-month-report-toolbar{
  display:grid;
  grid-template-columns:minmax(0,210px) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
.sg-month-report-toolbar label{
  display:block;
  margin-bottom:4px;
  color:#6E8397;
  font-size:9.5px;
  font-weight:700;
}
.sg-month-report-toolbar select{
  width:100%;
  min-height:39px;
  border:1px solid #D8E5F2;
  border-radius:11px;
  background:#F9FCFF;
  color:#243F59;
  padding:8px 10px;
  font:inherit;
  font-size:11px;
  font-weight:700;
}
.sg-month-report-net{
  text-align:right;
}
.sg-month-report-net small{
  display:block;
  color:#8093A6;
  font-size:9px;
  font-weight:700;
}
.sg-month-report-net b{
  display:block;
  margin-top:2px;
  color:#183B60;
  font-size:20px;
  line-height:1.1;
}
.sg-month-report-net b.is-positive{color:#1E9B67}
.sg-month-report-net b.is-negative{color:#E24A55}

.sg-month-report-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.sg-month-report-kpis>div{
  min-width:0;
  padding:9px;
  border-radius:11px;
  background:#F4F8FC;
}
.sg-month-report-kpis span{
  display:block;
  color:#71869A;
  font-size:8.5px;
  font-weight:700;
}
.sg-month-report-kpis b{
  display:block;
  margin-top:3px;
  color:#2A4966;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sg-month-report-subtitle{
  margin:12px 0 5px;
  color:#516A82;
  font-size:10px;
  font-weight:850;
}
.sg-month-report-funds,
.sg-month-report-income-list,
.sg-month-report-transactions{
  overflow:hidden;
  border:1px solid #E5EDF5;
  border-radius:11px;
  background:#fff;
}
.sg-month-report-row,
.sg-month-tx-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-top:1px solid #EDF2F7;
}
.sg-month-report-row:first-child,
.sg-month-tx-row:first-child{border-top:0}
.sg-month-report-row>div,
.sg-month-tx-row>div{min-width:0}
.sg-month-report-row b,
.sg-month-tx-row b{
  display:block;
  color:#304B65;
  font-size:10px;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-month-report-row small,
.sg-month-tx-row small{
  display:block;
  margin-top:2px;
  color:#8A9CAD;
  font-size:8.5px;
}
.sg-month-report-row>strong,
.sg-month-tx-row>strong{
  text-align:right;
  color:#203E5A;
  font-size:10.5px;
  white-space:nowrap;
}
.sg-month-report-row>strong.income,
.sg-month-tx-row>strong.income{color:#168C60}
.sg-month-tx-row>strong.expense{color:#D84A56}

/* Main Reports page is intentionally full again. */
.sg-report-page[data-page="reports"] .sg-report-mode-links-4{
  margin-bottom:12px;
}

@media(max-width:760px){
  .sg-month-report-toolbar{
    grid-template-columns:1fr;
  }
  .sg-month-report-net{text-align:left}
  .sg-month-report-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sg-month-report-kpis>div:last-child{
    grid-column:span 2;
  }
  .sg-month-report-row,
  .sg-month-tx-row{
    grid-template-columns:minmax(0,1fr) auto;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-month-report-card{
    padding:14px 16px!important;
  }
  body.skygiau-mobile-app .sg-month-report-toolbar{
    grid-template-columns:230px minmax(160px,1fr);
  }
  body.skygiau-mobile-app .sg-month-report-net{
    text-align:left;
  }
  body.skygiau-mobile-app .sg-month-report-net b{
    font-size:24px;
  }
  body.skygiau-mobile-app .sg-month-report-kpis{
    grid-template-columns:repeat(5,minmax(130px,1fr));
  }
  body.skygiau-mobile-app .sg-month-report-kpis span{font-size:10px}
  body.skygiau-mobile-app .sg-month-report-kpis b{font-size:13px}
  body.skygiau-mobile-app .sg-month-report-row,
  body.skygiau-mobile-app .sg-month-tx-row{
    grid-template-columns:minmax(0,1fr) 210px;
    padding:9px 11px;
  }
  body.skygiau-mobile-app .sg-month-report-row b,
  body.skygiau-mobile-app .sg-month-tx-row b{font-size:12px}
  body.skygiau-mobile-app .sg-month-report-row small,
  body.skygiau-mobile-app .sg-month-tx-row small{font-size:10px}
  body.skygiau-mobile-app .sg-month-report-row>strong,
  body.skygiau-mobile-app .sg-month-tx-row>strong{font-size:12px}
}


/* V2.3.30 — mobile top cleanup */
@media(max-width:899px){
  html,body{margin:0!important;padding:0!important}
  body.skygiau-mobile-app{overflow-x:hidden}
  body.skygiau-mobile-app>.sg-app{margin-top:0!important}
}


/* ============================================================
   V2.3.31 — MOBILE BELL ALWAYS VISIBLE + BILL STATUS ARCHIVE
   ============================================================ */

/* Mobile header: brand on row 1, all controls on row 2.
   Prevents ? / bell / account from being pushed outside viewport. */
@media(max-width:580px){
  body.skygiau-mobile-app .sg-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  body.skygiau-mobile-app .sg-brand{
    width:100%;
    min-width:0;
  }
  body.skygiau-mobile-app .sg-header-actions{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 38px 38px!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.skygiau-mobile-app .sg-month-switcher{
    min-width:0!important;
    width:100%!important;
  }
  body.skygiau-mobile-app .sg-month-switcher select{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:38px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }
  body.skygiau-mobile-app .sg-help-button,
  body.skygiau-mobile-app .sg-notification-button,
  body.skygiau-mobile-app .sg-account-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    padding:0!important;
  }
  body.skygiau-mobile-app .sg-notification-button{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  body.skygiau-mobile-app .sg-notification-button svg{
    width:20px!important;
    height:20px!important;
  }
}

/* Bills archive */
.sg-bill-archive-title{
  margin-top:16px!important;
}
.sg-bill-archive-title>div{min-width:0}
.sg-bill-archive-title small{
  display:block;
  margin-top:2px;
  color:#8295A7;
  font-size:8.8px;
  font-weight:600;
}
.sg-bill-clickable{
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.sg-bill-clickable:hover{
  background:#F8FBFE;
}
.sg-bill-row-meta{
  display:flex;
  justify-content:flex-end;
  margin-bottom:4px;
}
.sg-bill-status-badge{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:7.8px;
  font-weight:800;
  white-space:nowrap;
}
.sg-bill-status-badge.is-unpaid{
  background:#FFF6E7;
  color:#986313;
  border:1px solid #F3D7A4;
}
.sg-bill-status-badge.is-paid{
  background:#ECF9F1;
  color:#268059;
  border:1px solid #CBE8D7;
}
.sg-bill-archived-row{
  background:#FCFEFD;
  opacity:.92;
}
.sg-bill-calendar.is-paid{
  background:#ECF9F1!important;
  border-color:#CBE8D7!important;
  color:#268059!important;
}
.sg-bill-calendar.is-paid span{
  color:#268059!important;
}

/* Status modal */
.sg-bill-status-info{
  margin-bottom:11px;
  padding:10px 11px;
  border-radius:12px;
  background:#F4F8FC;
}
.sg-bill-status-info b{
  display:block;
  color:#29445E;
  font-size:13px;
}
.sg-bill-status-info small{
  display:block;
  margin-top:3px;
  color:#8295A7;
  font-size:9px;
}
.sg-bill-status-options{
  display:grid;
  gap:8px;
}
.sg-bill-status-options button{
  width:100%;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:9px;
  text-align:left;
  border:1px solid #DCE7F2;
  border-radius:13px;
  background:#fff;
  padding:11px;
  color:#29445E;
}
.sg-bill-status-options button.is-selected{
  border-color:#88BDF8;
  background:#F1F7FF;
  box-shadow:0 0 0 2px rgba(47,130,230,.08);
}
.sg-bill-status-options button>div{min-width:0}
.sg-bill-status-options button b{
  display:block;
  font-size:11px;
}
.sg-bill-status-options button small{
  display:block;
  margin-top:2px;
  color:#8295A7;
  font-size:8.5px;
  line-height:1.35;
}
.sg-status-dot{
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #CBD8E5;
  display:block;
  position:relative;
}
.sg-status-dot.unpaid{border-color:#DFA742}
.sg-status-dot.paid{border-color:#42A678}
.sg-bill-status-options button.is-selected .sg-status-dot::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:currentColor;
}
.sg-status-dot.unpaid{color:#DFA742}
.sg-status-dot.paid{color:#42A678}

@media(max-width:620px){
  .sg-bill-row-meta{
    justify-content:flex-start;
  }
}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-bill-archive-title small{font-size:11px}
  body.skygiau-mobile-app .sg-bill-status-badge{font-size:9px;padding:4px 8px}
  body.skygiau-mobile-app .sg-bill-status-info b{font-size:15px}
  body.skygiau-mobile-app .sg-bill-status-info small{font-size:10.5px}
  body.skygiau-mobile-app .sg-bill-status-options button b{font-size:13px}
  body.skygiau-mobile-app .sg-bill-status-options button small{font-size:10px}
}


/* ============================================================
   V2.4.2 — TRUNG TÂM HƯỚNG DẪN A–Z
   ============================================================ */
.sg-guide-sheet-full{
  padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
}
.sg-guide-intro-full>small{
  display:block;
  margin-top:5px;
  color:#7C90A4;
  font-size:9px;
  line-height:1.4;
}
.sg-guide-search-wrap{
  position:relative;
  display:flex;
  align-items:center;
  margin:10px 0 7px;
}
.sg-guide-search-wrap input{
  margin:0!important;
  min-height:42px!important;
  padding:10px 38px 10px 35px!important;
  border-radius:12px!important;
  background:#F8FBFE!important;
  font-size:10.5px!important;
}
.sg-guide-search-icon{
  position:absolute;
  left:12px;
  z-index:2;
  color:#62809B;
  font-size:18px;
  line-height:1;
}
#sg-guide-search-clear{
  position:absolute;
  right:8px;
  width:28px;
  height:28px;
  display:none;
  place-items:center;
  border:0;
  border-radius:8px;
  background:#ECF2F8;
  color:#60788F;
  font-size:15px;
}
#sg-guide-search-clear.is-visible{display:grid}

.sg-guide-tools{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}
.sg-guide-tools button{
  border:1px solid #DCE7F2;
  border-radius:8px;
  background:#fff;
  color:#43627F;
  padding:5px 8px;
  font-size:8.5px;
  font-weight:750;
}
.sg-guide-tools span{
  margin-left:auto;
  color:#7C91A6;
  font-size:8.5px;
  font-weight:700;
}

.sg-guide-quickstart{
  padding:10px;
  border:1px solid #D9E9F8;
  border-radius:14px;
  background:linear-gradient(135deg,#F8FCFF,#EDF6FF);
  margin-bottom:10px;
}
.sg-guide-quickstart-head b{
  display:block;
  color:#294B6B;
  font-size:11px;
}
.sg-guide-quickstart-head small{
  display:block;
  margin-top:2px;
  color:#8094A7;
  font-size:8.5px;
}
.sg-guide-quickstart-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
  margin-top:8px;
}
.sg-guide-quickstart-grid button{
  min-width:0;
  border:1px solid #D9E5F1;
  border-radius:10px;
  background:#fff;
  padding:7px 5px;
  text-align:left;
  color:#334F69;
}
.sg-guide-quickstart-grid button>span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#E8F3FF;
  color:#277ADB;
  font-size:8px;
  font-weight:900;
  margin-bottom:4px;
}
.sg-guide-quickstart-grid b{
  display:block;
  font-size:8.5px;
  line-height:1.25;
}
.sg-guide-quickstart-grid small{
  display:block;
  margin-top:2px;
  color:#8999AA;
  font-size:7px;
  line-height:1.3;
}

.sg-guide-toc{
  margin-bottom:10px;
}
.sg-guide-toc>b{
  display:block;
  margin-bottom:5px;
  color:#5A7187;
  font-size:9px;
}
.sg-guide-toc>div{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.sg-guide-toc button{
  border:1px solid #DCE7F2;
  border-radius:999px;
  background:#fff;
  color:#4F6D89;
  padding:5px 8px;
  font-size:7.8px;
  font-weight:750;
}
.sg-guide-toc button:hover{
  border-color:#AFCFF1;
  background:#F2F8FF;
  color:#2678D8;
}

.sg-guide-sections{
  display:grid;
  gap:7px;
}
.sg-guide-section{
  border:1px solid #DFE9F3;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
  transition:box-shadow .15s ease,border-color .15s ease;
}
.sg-guide-section[open]{
  border-color:#CFE2F6;
  box-shadow:0 5px 16px rgba(43,94,148,.05);
}
.sg-guide-section.sg-guide-flash{
  border-color:#59A0EF;
  box-shadow:0 0 0 3px rgba(63,142,233,.12);
}
.sg-guide-section summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:10px;
  background:#FBFDFF;
}
.sg-guide-section summary::-webkit-details-marker{display:none}
.sg-guide-section summary::after{
  content:"⌄";
  position:absolute;
  right:28px;
  color:#7890A6;
  font-size:13px;
  transition:transform .15s ease;
}
.sg-guide-section[open] summary::after{transform:rotate(180deg)}
.sg-guide-section summary>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#E9F3FE;
  color:#2879D6;
  font-size:8px;
  font-weight:900;
}
.sg-guide-section summary>div{min-width:0;padding-right:20px}
.sg-guide-section summary b{
  display:block;
  color:#29455F;
  font-size:10.5px;
  line-height:1.25;
}
.sg-guide-section summary small{
  display:block;
  margin-top:2px;
  color:#8799AA;
  font-size:7.7px;
  line-height:1.3;
}
.sg-guide-section-body{
  padding:1px 11px 11px;
  color:#60788F;
  font-size:9.5px;
  line-height:1.48;
}
.sg-guide-section-body h4{
  margin:10px 0 4px;
  color:#335775;
  font-size:10px;
  line-height:1.3;
}
.sg-guide-section-body p{
  margin:4px 0 7px;
}
.sg-guide-section-body ul,
.sg-guide-section-body ol{
  margin:5px 0 8px;
  padding-left:19px;
}
.sg-guide-section-body li{
  margin:3px 0;
}
.sg-guide-section-body b{
  color:#355A79;
}
.sg-guide-note,
.sg-guide-example{
  margin:7px 0;
  padding:8px 9px;
  border-radius:9px;
  background:#F3F8FD;
  color:#5D758C;
  font-size:8.8px;
  line-height:1.42;
}
.sg-guide-example{
  border-left:3px solid #4C98EC;
}
.sg-guide-grid-2,
.sg-guide-formulas{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin:6px 0 8px;
}
.sg-guide-grid-2>div,
.sg-guide-formulas>div{
  padding:8px;
  border:1px solid #E4ECF4;
  border-radius:9px;
  background:#FBFDFF;
}
.sg-guide-grid-2 b,
.sg-guide-formulas b{
  display:block;
  font-size:9px;
}
.sg-guide-grid-2 p,
.sg-guide-formulas p{
  margin:3px 0 0;
  font-size:8.2px;
  line-height:1.4;
}
.sg-guide-action{
  width:auto!important;
  min-height:30px!important;
  margin:5px 0 0!important;
  border:1px solid #BDD8F5!important;
  border-radius:9px!important;
  background:#F2F8FF!important;
  color:#2879D6!important;
  padding:6px 9px!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.sg-guide-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.sg-guide-no-result{
  padding:22px 10px;
  text-align:center;
  color:#8295A8;
  font-size:9.5px;
}
.sg-guide-end-tip{
  margin-top:10px!important;
}

@media(max-width:580px){
  .sg-guide-quickstart-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sg-guide-quickstart-grid button:last-child{
    grid-column:span 2;
  }
  .sg-guide-grid-2,
  .sg-guide-formulas{
    grid-template-columns:1fr;
  }
  .sg-guide-section summary::after{
    right:25px;
  }
}
@media(min-width:900px){
  body.skygiau-mobile-app .sg-guide-sheet-full{
    width:min(780px,92vw)!important;
    max-height:92vh!important;
  }
  body.skygiau-mobile-app .sg-guide-intro-full{
    font-size:12px!important;
  }
  body.skygiau-mobile-app .sg-guide-intro-full>small{font-size:10.5px}
  body.skygiau-mobile-app .sg-guide-search-wrap input{
    min-height:46px!important;
    font-size:12px!important;
  }
  body.skygiau-mobile-app .sg-guide-tools button{font-size:10px}
  body.skygiau-mobile-app .sg-guide-tools span{font-size:10px}
  body.skygiau-mobile-app .sg-guide-quickstart-head b{font-size:13px}
  body.skygiau-mobile-app .sg-guide-quickstart-head small{font-size:10px}
  body.skygiau-mobile-app .sg-guide-quickstart-grid b{font-size:10.5px}
  body.skygiau-mobile-app .sg-guide-quickstart-grid small{font-size:9px}
  body.skygiau-mobile-app .sg-guide-toc>b{font-size:11px}
  body.skygiau-mobile-app .sg-guide-toc button{font-size:9.5px}
  body.skygiau-mobile-app .sg-guide-section summary{padding:12px}
  body.skygiau-mobile-app .sg-guide-section summary b{font-size:13px}
  body.skygiau-mobile-app .sg-guide-section summary small{font-size:10px}
  body.skygiau-mobile-app .sg-guide-section-body{
    padding:2px 14px 14px;
    font-size:11.5px;
  }
  body.skygiau-mobile-app .sg-guide-section-body h4{font-size:12px}
  body.skygiau-mobile-app .sg-guide-note,
  body.skygiau-mobile-app .sg-guide-example{font-size:10.5px}
  body.skygiau-mobile-app .sg-guide-grid-2 b,
  body.skygiau-mobile-app .sg-guide-formulas b{font-size:11px}
  body.skygiau-mobile-app .sg-guide-grid-2 p,
  body.skygiau-mobile-app .sg-guide-formulas p{font-size:10px}
  body.skygiau-mobile-app .sg-guide-action{font-size:10px!important}
}


/* ============================================================
   V2.4.3 — SO SÁNH NGÀY / THÁNG / NĂM VỚI KỲ TRƯỚC
   ============================================================ */
.sg-period-nav{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 34px;
  align-items:center;
  gap:5px;
}
.sg-period-nav input,
.sg-period-nav select{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
.sg-period-nav button{
  min-height:36px;
  border:1px solid #D8E5F2;
  border-radius:10px;
  background:#F8FBFE;
  color:#426581;
  padding:6px 8px;
  font-size:8.5px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.sg-period-nav button:hover:not(:disabled){
  border-color:#A8CAED;
  background:#EFF7FF;
  color:#2377D6;
}
.sg-period-nav button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.sg-period-next{
  width:34px;
  padding-left:0!important;
  padding-right:0!important;
  font-size:16px!important;
  line-height:1;
}

.sg-period-compare{
  display:block!important;
  margin-top:4px!important;
  color:#8295A8;
  font-size:7.6px!important;
  font-weight:650!important;
  line-height:1.28!important;
  white-space:normal!important;
}
.sg-period-compare.is-loading{
  color:#91A0AF!important;
}
.sg-period-compare.is-better{
  color:#19875E!important;
}
.sg-period-compare.is-worse{
  color:#D0525B!important;
}
.sg-period-compare.is-up,
.sg-period-compare.is-down{
  color:#51738F!important;
}
.sg-period-compare.is-same{
  color:#7E91A3!important;
}

.sg-month-report-kpis>div,
.sg-daily-report-kpis>div,
.sg-year-kpis>div{
  align-content:start;
}
.sg-month-report-net,
.sg-daily-report-total,
.sg-year-net{
  min-width:0;
}

@media(max-width:620px){
  .sg-period-nav{
    grid-template-columns:auto minmax(0,1fr) 32px;
    gap:4px;
  }
  .sg-period-nav button{
    min-height:34px;
    padding:5px 6px;
    font-size:7.5px;
  }
  .sg-period-next{
    width:32px;
  }
  .sg-period-compare{
    font-size:7.2px!important;
  }
  .sg-month-report-kpis>div,
  .sg-daily-report-kpis>div,
  .sg-year-kpis>div{
    min-height:67px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-period-nav{
    grid-template-columns:auto minmax(150px,1fr) 38px;
    gap:6px;
  }
  body.skygiau-mobile-app .sg-period-nav button{
    min-height:40px;
    font-size:10px;
    padding:7px 10px;
  }
  body.skygiau-mobile-app .sg-period-next{
    width:38px;
    font-size:17px!important;
  }
  body.skygiau-mobile-app .sg-period-compare{
    font-size:9.3px!important;
    margin-top:5px!important;
  }
  body.skygiau-mobile-app .sg-month-report-kpis>div,
  body.skygiau-mobile-app .sg-daily-report-kpis>div,
  body.skygiau-mobile-app .sg-year-kpis>div{
    min-height:74px;
  }
}


/* ============================================================
   V2.4.4 — FIX CHỌN THÁNG + TOOLBAR BÁO CÁO + SO SÁNH TỔNG QUAN
   ============================================================ */

/* Header month dropdown: enough width and normal dropdown behavior */
.sg-month-switcher{
  min-width:150px;
}
.sg-month-switcher select{
  min-width:150px!important;
}

/* Keep the period selector and the money block in separate columns. */
.sg-month-report-toolbar,
.sg-daily-report-toolbar,
.sg-year-report-toolbar{
  grid-template-columns:minmax(340px,430px) minmax(260px,1fr)!important;
  column-gap:28px!important;
  align-items:start!important;
}

.sg-month-report-toolbar>div:first-child,
.sg-daily-report-toolbar>div:first-child,
.sg-year-report-toolbar>div:first-child{
  min-width:0;
  width:100%;
}

.sg-month-report-net,
.sg-daily-report-total,
.sg-year-net{
  min-width:0!important;
  max-width:100%;
  padding-left:4px;
  text-align:left!important;
  overflow:hidden;
}

.sg-month-report-net>b,
.sg-daily-report-total>b,
.sg-year-net>b{
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Give “kỳ trước / select / kỳ sau” enough space so › never gets covered. */
.sg-period-nav{
  grid-template-columns:minmax(92px,112px) minmax(150px,1fr) 42px!important;
  gap:7px!important;
}
.sg-period-next{
  width:42px!important;
  min-width:42px!important;
}
.sg-period-prev{
  min-width:92px;
}

/* Dashboard month-over-month lines */
.sg-dashboard-compare{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.78);
  font-size:7.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
  white-space:normal!important;
}

.sg-kaizen-metrics .sg-dashboard-compare{
  color:#8295A8!important;
}

.sg-dashboard-compare.is-better{
  color:#CFFFE8!important;
}
.sg-dashboard-compare.is-worse{
  color:#FFE0E2!important;
}
.sg-dashboard-compare.is-same{
  color:rgba(255,255,255,.72)!important;
}
.sg-dashboard-compare.is-unavailable,
.sg-dashboard-compare.is-loading{
  color:rgba(255,255,255,.66)!important;
}

.sg-kaizen-metrics .sg-dashboard-compare.is-better{
  color:#19875E!important;
}
.sg-kaizen-metrics .sg-dashboard-compare.is-worse{
  color:#D0525B!important;
}
.sg-kaizen-metrics .sg-dashboard-compare.is-same{
  color:#7F92A4!important;
}
.sg-kaizen-metrics .sg-dashboard-compare.is-unavailable,
.sg-kaizen-metrics .sg-dashboard-compare.is-loading{
  color:#95A4B3!important;
}

.sg-hero-grid>button,
.sg-hero-grid>div,
.sg-kaizen-metrics>div{
  min-width:0;
}

@media(max-width:760px){
  .sg-month-report-toolbar,
  .sg-daily-report-toolbar,
  .sg-year-report-toolbar{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .sg-period-nav{
    grid-template-columns:minmax(78px,96px) minmax(0,1fr) 38px!important;
    gap:5px!important;
  }

  .sg-period-prev{
    min-width:78px;
  }
  .sg-period-next{
    width:38px!important;
    min-width:38px!important;
  }

  .sg-month-report-net,
  .sg-daily-report-total,
  .sg-year-net{
    padding-left:0!important;
    padding-top:2px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-month-report-toolbar,
  body.skygiau-mobile-app .sg-daily-report-toolbar,
  body.skygiau-mobile-app .sg-year-report-toolbar{
    grid-template-columns:minmax(380px,470px) minmax(300px,1fr)!important;
    column-gap:32px!important;
  }

  body.skygiau-mobile-app .sg-period-nav{
    grid-template-columns:112px minmax(180px,1fr) 44px!important;
    gap:8px!important;
  }

  body.skygiau-mobile-app .sg-period-prev{
    min-width:112px;
  }
  body.skygiau-mobile-app .sg-period-next{
    width:44px!important;
    min-width:44px!important;
  }

  body.skygiau-mobile-app .sg-dashboard-compare{
    font-size:9.3px!important;
    margin-top:4px!important;
  }
}


/* ============================================================
   V2.4.5 — MŨI TÊN KỲ KẾ TIẾP LUÔN DÙNG ĐƯỢC
   ============================================================ */
.sg-period-nav .sg-period-next:not(:disabled){
  opacity:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  color:#2879D6!important;
  background:#F2F8FF!important;
  border-color:#C8DEF5!important;
}
.sg-period-nav .sg-period-next:not(:disabled):hover{
  background:#E5F2FF!important;
  border-color:#8DBEEE!important;
}
.sg-period-nav .sg-period-prev:not(:disabled){
  opacity:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.sg-period-nav button:disabled{
  opacity:.3!important;
  pointer-events:none!important;
  cursor:not-allowed!important;
}

/* Ensure the arrow remains above adjacent content and receives pointer events. */
.sg-period-nav{
  position:relative;
  z-index:2;
}
.sg-period-next,
.sg-period-prev{
  position:relative;
  z-index:3;
  flex-shrink:0;
}


/* ============================================================
   V2.4.6 — HÓA ĐƠN TỰ ĐỘNG GHI GIAO DỊCH CHI
   ============================================================ */
.sg-optional-label{
  color:#8A9CAD;
  font-size:.86em;
  font-weight:600;
}
.sg-bill-fund-help{
  display:block;
  margin:-5px 0 8px;
  color:#8295A7;
  font-size:8.4px;
  line-height:1.4;
}
#sg-bill-fund{
  margin-bottom:8px;
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-bill-fund-help{
    font-size:10px;
  }
}


/* ============================================================
   V2.4.7 — KPI “ĐÃ CHI”
   Đã chi = Tổng chi của kỳ - Chi khác
   ============================================================ */
#sg-month-report-recurring,
#sg-daily-monthly,
#sg-year-spending{
  font-weight:850;
}


/* ============================================================
   V2.4.8 — XUẤT EXCEL RIÊNG CHO BÁO CÁO NGÀY / THÁNG / NĂM / GIA ĐÌNH
   ============================================================ */
.sg-report-excel-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid #D9E6F3;
  border-radius:13px;
  background:linear-gradient(135deg,#F9FCFF,#F1F7FE);
}
.sg-report-excel-box>div{
  min-width:0;
}
.sg-report-excel-box b{
  display:block;
  color:#2D4D69;
  font-size:10.5px;
}
.sg-report-excel-box small{
  display:block;
  margin-top:3px;
  color:#8295A8;
  font-size:8px;
  line-height:1.35;
}
.sg-report-excel-btn{
  flex:0 0 auto;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#2679DA,#4C9AFA);
  color:#fff;
  padding:8px 11px;
  font-size:8.8px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 5px 12px rgba(42,123,220,.16);
}
.sg-report-excel-btn:hover{
  filter:brightness(.98);
}
.sg-report-excel-btn:active{
  transform:translateY(1px);
}

@media(max-width:580px){
  .sg-report-excel-box{
    align-items:stretch;
    flex-direction:column;
  }
  .sg-report-excel-btn{
    width:100%;
    min-height:38px;
    font-size:9px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-report-excel-box{
    padding:14px 16px;
    margin-top:16px;
  }
  body.skygiau-mobile-app .sg-report-excel-box b{
    font-size:13px;
  }
  body.skygiau-mobile-app .sg-report-excel-box small{
    font-size:10px;
  }
  body.skygiau-mobile-app .sg-report-excel-btn{
    padding:9px 14px;
    font-size:10.5px;
  }
}


/* ============================================================
   V2.4.9 — TỔNG CHI THÁNG + ĐÃ CHI + CHI KHÁC
   ============================================================ */
.sg-report-expense-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sg-report-expense-main{
  min-width:0;
}
.sg-report-expense-breakdown{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.sg-report-expense-breakdown>div{
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:rgba(255,255,255,.12);
}
.sg-report-expense-breakdown span{
  display:block;
  color:rgba(255,255,255,.88);
  font-size:8.5px!important;
  font-weight:700!important;
}
.sg-report-expense-breakdown b{
  display:block!important;
  margin-top:3px!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sg-report-expense-card>small{
  margin-top:7px!important;
}

@media(max-width:760px){
  .sg-report-expense-breakdown{
    gap:5px;
  }
  .sg-report-expense-breakdown>div{
    padding:7px;
  }
}

@media(min-width:900px){
  body.skygiau-mobile-app .sg-report-expense-card{
    min-height:118px!important;
  }
  body.skygiau-mobile-app .sg-report-expense-breakdown span{
    font-size:10px!important;
  }
  body.skygiau-mobile-app .sg-report-expense-breakdown b{
    font-size:14px!important;
  }
}


/* ============================================================
   V2.5.2 — TYPOGRAPHY & READABILITY KAIZEN
   Mục tiêu: chữ/số lớn hơn nhưng không phá vỡ bố cục.
   ============================================================ */

/* ---------- Cơ sở đọc ---------- */
.sg-app,
.sg-login-wrap,
.sg-auth-wrap{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.sg-app{
  font-size:15px;
  line-height:1.42;
}

/* ---------- Header / thương hiệu ---------- */
.sg-brand strong{
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.35px;
}
.sg-brand small{
  font-size:12.5px!important;
  line-height:1.25!important;
}
.sg-month,
.sg-month-switcher select{
  font-size:13.5px!important;
  font-weight:750!important;
}

/* ---------- Tiêu đề trang / section ---------- */
.sg-section-title h2,
.sg-page-title h2,
.sg-page>h2{
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.25px;
}
.sg-section-title button{
  font-size:14px!important;
}
.sg-section-subtitle,
.sg-page-subtitle{
  font-size:12.5px!important;
  line-height:1.42!important;
}

/* ---------- Tổng quan ---------- */
.sg-hero>small{
  font-size:13px!important;
  font-weight:750!important;
}
.sg-big-money{
  font-size:36px!important;
  line-height:1.02!important;
  letter-spacing:-1.1px!important;
}
.sg-hero-grid span{
  font-size:11.5px!important;
  line-height:1.2!important;
}
.sg-hero-grid b{
  font-size:14px!important;
  line-height:1.16!important;
  margin-top:5px!important;
}
.sg-hero-grid small,
.sg-dashboard-compare{
  font-size:10px!important;
  line-height:1.3!important;
}

.sg-kaizen-metrics span{
  font-size:11px!important;
  line-height:1.22!important;
}
.sg-kaizen-metrics b{
  font-size:14px!important;
  line-height:1.15!important;
}
.sg-kaizen-metrics .sg-dashboard-compare{
  font-size:9.5px!important;
}

/* ---------- Card / list chung ---------- */
.sg-name{
  font-size:16px!important;
  line-height:1.22!important;
}
.sg-meta{
  font-size:12.5px!important;
  line-height:1.35!important;
}
.sg-percent,
.sg-amount{
  font-size:14px!important;
}
.sg-mini{
  font-size:12px!important;
  padding:8px 10px!important;
}
.sg-alert{
  font-size:13.5px!important;
  line-height:1.45!important;
}
.sg-empty{
  font-size:14px!important;
  line-height:1.45!important;
}

/* Giao dịch gần đây */
.sg-dashboard-transactions .sg-name{
  font-size:14.5px!important;
}
.sg-dashboard-transactions .sg-meta{
  font-size:11.5px!important;
}
.sg-dashboard-transactions .sg-amount{
  font-size:14px!important;
}

/* ---------- Sidebar / menu ---------- */
.sg-side-nav a,
.sg-side-nav button,
.sg-sidebar .sg-nav-label,
.sg-sidebar .sg-nav-text{
  font-size:14px!important;
  font-weight:750!important;
}
.sg-side-submenu a,
.sg-side-submenu button{
  font-size:12px!important;
  line-height:1.3!important;
}
.sg-bottom-nav small{
  font-size:10.5px!important;
  font-weight:700!important;
}

/* ---------- Form / modal ---------- */
.sg-sheet h3,
.sg-modal h3{
  font-size:21px!important;
  line-height:1.18!important;
}
.sg-sheet label,
.sg-modal label,
.sg-auth-card label{
  font-size:12.5px!important;
  font-weight:750!important;
}
.sg-sheet input,
.sg-sheet select,
.sg-sheet textarea,
.sg-modal input,
.sg-modal select,
.sg-modal textarea,
.sg-auth-card input,
.sg-auth-card select{
  font-size:15px!important;
  line-height:1.3!important;
}
.sg-primary,
.sg-secondary,
.sg-sheet button,
.sg-modal button{
  font-size:13.5px;
}
.sg-sheet small,
.sg-modal small{
  line-height:1.4;
}

/* ---------- Báo cáo tổng hợp ---------- */
.sg-report-primary-card span,
.sg-report-mini-card span{
  font-size:12.5px!important;
}
.sg-report-primary-card b{
  font-size:30px!important;
  line-height:1.05!important;
}
.sg-report-primary-card small{
  font-size:11px!important;
}
.sg-report-mini-card b{
  font-size:17px!important;
}
.sg-fund-report-title h2{
  font-size:24px!important;
}
.sg-report-row{
  font-size:14px!important;
}
.sg-report-fund-name{
  font-size:14px!important;
  font-weight:750!important;
}
.sg-report-fund-value{
  font-size:14px!important;
}

/* ---------- Báo cáo Ngày / Tháng / Năm ---------- */
.sg-month-report-kpis span,
.sg-daily-report-kpis span,
.sg-year-kpis span{
  font-size:10.5px!important;
  line-height:1.25!important;
}
.sg-month-report-kpis b,
.sg-daily-report-kpis b,
.sg-year-kpis b{
  font-size:13.5px!important;
  line-height:1.18!important;
}
.sg-period-compare{
  font-size:9.5px!important;
  line-height:1.3!important;
}

.sg-month-report-subtitle,
.sg-daily-subtitle,
.sg-year-subtitle{
  font-size:11.5px!important;
  line-height:1.3!important;
}

.sg-month-report-row b,
.sg-month-tx-row b,
.sg-daily-fund-row b,
.sg-daily-tx-row b,
.sg-year-fund-row b{
  font-size:12.5px!important;
}
.sg-month-report-row small,
.sg-month-tx-row small,
.sg-daily-fund-row small,
.sg-daily-tx-row small,
.sg-year-fund-row small{
  font-size:10px!important;
}
.sg-month-report-row strong,
.sg-month-tx-row strong,
.sg-daily-fund-row strong,
.sg-daily-tx-row strong,
.sg-year-fund-row strong{
  font-size:12.5px!important;
}

.sg-year-note{
  font-size:10px!important;
}
.sg-year-month-head{
  font-size:10px!important;
}
.sg-year-month-row,
.sg-year-month-row b{
  font-size:11px!important;
}

/* ---------- Quỹ / tài sản / nguồn thu / nợ ---------- */
.sg-compact-list-row,
.sg-wealth-row,
.sg-debt-row,
.sg-income-source-row{
  font-size:13px;
}
.sg-compact-list-row b,
.sg-wealth-row b,
.sg-debt-row b,
.sg-income-source-row b{
  font-size:13.5px!important;
}
.sg-compact-list-row small,
.sg-wealth-row small,
.sg-debt-row small,
.sg-income-source-row small{
  font-size:10.5px!important;
}

/* ---------- Hóa đơn ---------- */
.sg-bill-row b,
.sg-bill-item b{
  font-size:14px!important;
}
.sg-bill-row small,
.sg-bill-item small{
  font-size:11px!important;
}
.sg-bill-row strong,
.sg-bill-item strong{
  font-size:13.5px!important;
}

/* ---------- Hướng dẫn A-Z ---------- */
.sg-guide-section summary b{
  font-size:12px!important;
}
.sg-guide-section summary small{
  font-size:9.5px!important;
}
.sg-guide-section-body{
  font-size:11px!important;
  line-height:1.55!important;
}
.sg-guide-section-body h4{
  font-size:12px!important;
}
.sg-guide-note,
.sg-guide-example{
  font-size:10px!important;
}

/* ---------- Authentication ---------- */
.sg-auth-brand h1{
  font-size:34px!important;
}
.sg-auth-brand p{
  font-size:14.5px!important;
}
.sg-auth-tabs button{
  font-size:14px!important;
}
.sg-auth-card input{
  min-height:50px;
}
.sg-auth-card .sg-primary,
.sg-auth-card .sg-secondary{
  min-height:48px;
  font-size:14.5px!important;
}

/* ---------- Desktop: tăng nhẹ nhưng vẫn gọn ---------- */
@media (min-width:900px){
  body.skygiau-mobile-app .sg-brand strong{
    font-size:27px!important;
  }
  body.skygiau-mobile-app .sg-brand small{
    font-size:13px!important;
  }
  body.skygiau-mobile-app .sg-section-title h2,
  body.skygiau-mobile-app .sg-page-title h2,
  body.skygiau-mobile-app .sg-page>h2{
    font-size:23px!important;
  }

  body.skygiau-mobile-app .sg-big-money{
    font-size:40px!important;
  }
  body.skygiau-mobile-app .sg-hero-grid span{
    font-size:12.5px!important;
  }
  body.skygiau-mobile-app .sg-hero-grid b{
    font-size:15.5px!important;
  }

  body.skygiau-mobile-app .sg-kaizen-metrics span{
    font-size:11.5px!important;
  }
  body.skygiau-mobile-app .sg-kaizen-metrics b{
    font-size:15px!important;
  }

  body.skygiau-mobile-app .sg-name{
    font-size:16.5px!important;
  }
  body.skygiau-mobile-app .sg-meta{
    font-size:12.5px!important;
  }

  body.skygiau-mobile-app .sg-report-primary-card span,
  body.skygiau-mobile-app .sg-report-mini-card span{
    font-size:13px!important;
  }
  body.skygiau-mobile-app .sg-report-primary-card b{
    font-size:32px!important;
  }
  body.skygiau-mobile-app .sg-report-mini-card b{
    font-size:18px!important;
  }

  body.skygiau-mobile-app .sg-month-report-kpis span,
  body.skygiau-mobile-app .sg-daily-report-kpis span,
  body.skygiau-mobile-app .sg-year-kpis span{
    font-size:11px!important;
  }
  body.skygiau-mobile-app .sg-month-report-kpis b,
  body.skygiau-mobile-app .sg-daily-report-kpis b,
  body.skygiau-mobile-app .sg-year-kpis b{
    font-size:14.5px!important;
  }
  body.skygiau-mobile-app .sg-period-compare{
    font-size:10px!important;
  }

  body.skygiau-mobile-app .sg-side-nav a,
  body.skygiau-mobile-app .sg-side-nav button,
  body.skygiau-mobile-app .sg-sidebar .sg-nav-label,
  body.skygiau-mobile-app .sg-sidebar .sg-nav-text{
    font-size:15px!important;
  }
}

/* ---------- Mobile: ưu tiên dễ đọc, không ép 5 KPI vào một hàng ---------- */
@media (max-width:620px){
  .sg-app{
    font-size:14.5px;
  }

  .sg-brand strong{
    font-size:22px!important;
  }
  .sg-brand small{
    font-size:11.5px!important;
  }

  .sg-big-money{
    font-size:34px!important;
  }

  .sg-hero-grid{
    gap:7px!important;
  }
  .sg-hero-grid>div,
  .sg-hero-grid>button{
    padding:10px 9px!important;
  }
  .sg-hero-grid span{
    font-size:10.5px!important;
  }
  .sg-hero-grid b{
    font-size:13px!important;
  }

  /* 4 metric Tổng quan vẫn 2x2 để chữ không bị bóp */
  .sg-kaizen-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sg-kaizen-metrics span{
    font-size:10.5px!important;
    white-space:normal!important;
  }
  .sg-kaizen-metrics b{
    font-size:13.5px!important;
  }

  /* Báo cáo tháng/năm 5 KPI => 2 cột, ô cuối full width */
  .sg-month-report-kpis,
  .sg-year-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .sg-month-report-kpis>div:last-child,
  .sg-year-kpis>div:last-child{
    grid-column:1 / -1;
  }

  /* Báo cáo ngày: 2 cột, ô cuối full width */
  .sg-daily-report-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sg-daily-report-kpis>div:last-child{
    grid-column:1 / -1;
  }

  .sg-month-report-kpis>div,
  .sg-daily-report-kpis>div,
  .sg-year-kpis>div{
    min-height:70px!important;
    padding:10px!important;
  }

  .sg-month-report-kpis span,
  .sg-daily-report-kpis span,
  .sg-year-kpis span{
    font-size:10px!important;
    white-space:normal!important;
  }
  .sg-month-report-kpis b,
  .sg-daily-report-kpis b,
  .sg-year-kpis b{
    font-size:13px!important;
  }
  .sg-period-compare{
    font-size:9px!important;
  }

  /* Bảng năm: cho cuộn ngang thay vì thu chữ */
  .sg-year-months{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .sg-year-month-head,
  .sg-year-month-row{
    min-width:520px;
  }

  /* Báo cáo tổng hợp: số tiền không bị bẻ xuống quá sớm */
  .sg-report-primary-card b{
    font-size:27px!important;
  }
  .sg-report-mini-card b{
    font-size:16px!important;
  }

  .sg-report-row{
    font-size:13px!important;
    grid-template-columns:minmax(100px,1.15fr) minmax(80px,1.4fr) minmax(76px,.8fr)!important;
  }

  /* Form dễ bấm hơn */
  .sg-sheet input,
  .sg-sheet select,
  .sg-modal input,
  .sg-modal select,
  .sg-auth-card input{
    min-height:46px;
    font-size:15px!important;
  }
  .sg-primary,
  .sg-secondary{
    min-height:44px;
  }
}

/* ---------- Điện thoại rất nhỏ ---------- */
@media (max-width:380px){
  .sg-brand strong{
    font-size:20px!important;
  }
  .sg-big-money{
    font-size:31px!important;
  }
  .sg-hero-grid b{
    font-size:12px!important;
  }
  .sg-section-title h2,
  .sg-page-title h2,
  .sg-page>h2{
    font-size:18.5px!important;
  }
  .sg-month-report-kpis b,
  .sg-daily-report-kpis b,
  .sg-year-kpis b{
    font-size:12.5px!important;
  }
}


/* ============================================================
   V2.5.3 — 6 QUỸ TÀI CHÍNH
   ============================================================ */
.sg-essentials-hero .sg-hero-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sg-essentials-hero .sg-hero-grid>div,.sg-essentials-hero .sg-hero-grid>button{min-height:92px;display:flex;flex-direction:column;justify-content:center}
.sg-allocation-dashboard-title>div{min-width:0}
.sg-allocation-dashboard-title small{display:block;color:var(--sg-muted);font-size:12px;margin-top:3px}

.sg-master-funds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sg-master-funds-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}
.sg-master-funds-strip .sg-master-fund-card{min-width:178px;flex:0 0 178px}
.sg-master-fund-card{background:#fff;border:1px solid #D9E6F3;border-radius:18px;padding:14px;box-shadow:var(--sg-shadow);min-width:0}
.sg-master-fund-card.is-primary{border-color:#8FC2F7;background:linear-gradient(145deg,#F4F9FF,#FFFFFF)}
.sg-master-fund-top{display:flex;justify-content:space-between;align-items:center}
.sg-master-fund-top>span{font-size:22px}.sg-master-fund-top>b{color:var(--sg-blue);font-size:14px}
.sg-master-fund-card h3{margin:9px 0 5px;font-size:15px;line-height:1.25}
.sg-master-fund-card>strong{display:block;font-size:18px;line-height:1.15}
.sg-master-fund-card>small{display:block;margin-top:5px;color:var(--sg-muted);font-size:11.5px}
.sg-master-progress{height:7px;background:#EAF1F8;border-radius:99px;overflow:hidden;margin-top:10px}
.sg-master-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--sg-blue-deep),var(--sg-blue2));border-radius:99px}

.sg-master-allocation-panel{margin-top:18px}
.sg-fund-group,.sg-fund-group-grid{overflow:visible!important}
.sg-fund-group-progress{margin:10px 0 12px}
.sg-fund-group-progress>div{display:flex;justify-content:space-between;gap:8px;color:#6F8295;font-size:12px}
.sg-fund-group-progress>div b{color:#2A425A}
.sg-fund-group-progress>i{display:block;height:7px;background:#EAF1F8;border-radius:99px;overflow:hidden;margin-top:6px}
.sg-fund-group-progress>i>em{display:block;height:100%;background:linear-gradient(90deg,var(--sg-blue-deep),var(--sg-blue2));border-radius:99px}

.sg-allocation-intro{color:var(--sg-muted);font-size:13px;line-height:1.45;margin:-5px 0 12px}
.sg-allocation-income-preview{padding:11px 12px;border-radius:12px;background:#F0F7FF;border:1px solid #D7E9FB;color:#286AAB;font-weight:800;margin-bottom:10px}
.sg-allocation-form{display:grid;gap:8px}
.sg-allocation-form label{display:grid!important;grid-template-columns:minmax(0,1fr) 78px 115px;gap:8px;align-items:center;margin:0!important;padding:9px 10px;border:1px solid #E1EAF3;border-radius:12px;background:#FCFDFF}
.sg-allocation-form label span{color:#314A62;font-weight:750}
.sg-allocation-form input{padding:9px!important;text-align:center}
.sg-allocation-form label>b{text-align:right;color:#193A58;font-size:12px}
.sg-allocation-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0 3px;padding:10px 12px;border-radius:12px;background:#F4F8FC}
.sg-allocation-total b{color:#15805B;font-size:16px}.sg-allocation-total b.is-invalid{color:#D14452}
.sg-allocation-status{min-height:18px;color:#708499;font-size:12px}

/* Báo cáo gọn: dropdown kỳ + lịch ngày cụ thể */
.sg-report-quickbar{display:grid;grid-template-columns:minmax(170px,1fr) minmax(190px,1fr) auto;gap:10px;align-items:end;margin-bottom:14px;padding:12px;background:#fff;border:1px solid #D9E6F3;border-radius:16px;box-shadow:var(--sg-shadow)}
.sg-report-quickbar label{display:block;color:var(--sg-muted);font-size:12px;margin-bottom:5px}
.sg-report-quickbar select,.sg-report-quickbar input{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #D9E6F3;border-radius:11px;background:#FBFDFF;padding:9px 11px;font:inherit}
.sg-report-family-shortcut{min-height:42px;border:1px solid #CDE0F3;background:#F5FAFF;color:var(--sg-blue);border-radius:11px;padding:9px 14px;font-weight:800}
.sg-report-mode-links,.sg-report-subnav{display:none!important}

/* Đồng bộ font/size theo trang Quỹ */
.sg-page .sg-section-title h2,.sg-report-detail-head h2{font-size:18px!important;line-height:1.25!important}
.sg-page .sg-section-title small,.sg-report-detail-head small{font-size:12px!important;line-height:1.4!important}
.sg-page .sg-name,.sg-page .sg-report-fund-name,.sg-page .sg-month-tx-row b,.sg-page .sg-daily-tx-row b,.sg-page .sg-year-fund-row b{font-size:15px!important;line-height:1.3!important}
.sg-page .sg-meta,.sg-page .sg-period-compare,.sg-page .sg-month-tx-row small,.sg-page .sg-daily-tx-row small,.sg-page .sg-year-fund-row small{font-size:12px!important;line-height:1.4!important}
.sg-month-report-kpis span,.sg-daily-report-kpis span,.sg-year-kpis span{font-size:12px!important}
.sg-month-report-kpis b,.sg-daily-report-kpis b,.sg-year-kpis b{font-size:16px!important}

/* Fix menu ... bị khung che */
.sg-more-wrap{position:relative!important;overflow:visible!important}
.sg-more-wrap.menu-open{z-index:9998!important}
.sg-more-menu.is-open{z-index:9999!important}
.sg-card,.sg-fund-card,.sg-fund-group,.sg-fund-group-grid,.sg-compact-row,.sg-accordion-body,.sg-report-accordion[open],.sg-report-secondary,.sg-wealth-list,.sg-asset-grid{overflow:visible!important}
.sg-more-menu{max-height:min(320px,70vh);overflow-y:auto!important}

@media(max-width:620px){
 .sg-essentials-hero .sg-hero-grid-3{grid-template-columns:1fr!important}
 .sg-essentials-hero .sg-hero-grid>div,.sg-essentials-hero .sg-hero-grid>button{min-height:auto}
 .sg-master-funds-grid{grid-template-columns:1fr}
 .sg-report-quickbar{grid-template-columns:1fr}
 .sg-report-family-shortcut{width:100%}
 .sg-allocation-form label{grid-template-columns:minmax(0,1fr) 70px}
 .sg-allocation-form label>b{grid-column:1 / -1;text-align:left}
}
@media(min-width:900px){
 body.skygiau-mobile-app .sg-master-funds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.skygiau-mobile-app .sg-master-funds-strip .sg-master-fund-card{min-width:205px;flex-basis:205px}
 body.skygiau-mobile-app .sg-report-quickbar{grid-template-columns:minmax(220px,320px) minmax(220px,320px) auto}
}


/* ============================================================
   V2.5.4 — DASHBOARD FLOW / STREAK / MENU / REPORT FIXES
   ============================================================ */

/* 1. Hero “Còn được phép chi thiết yếu” rõ hơn */
.sg-essentials-hero{
  padding:24px!important;
}
.sg-essentials-hero>small{
  font-size:16px!important;
  font-weight:850!important;
  opacity:.98!important;
  letter-spacing:-.1px;
}
.sg-essentials-hero .sg-big-money{
  font-size:44px!important;
  font-weight:900!important;
  line-height:1!important;
  margin:10px 0 22px!important;
  letter-spacing:-1.5px!important;
}
.sg-essentials-hero .sg-hero-grid span{
  font-size:13px!important;
  font-weight:800!important;
}
.sg-essentials-hero .sg-hero-grid b{
  font-size:17px!important;
}

/* 2. Quỹ chi thường xuyên + chuỗi ngày */
.sg-dashboard-focus-row{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(240px,.75fr);
  gap:14px;
  align-items:stretch;
  margin-top:22px;
}
.sg-dashboard-funds-panel{
  min-width:0;
}
.sg-dashboard-funds-panel .sg-section-title{
  margin-top:0!important;
}
.sg-dashboard-funds-title>div{
  min-width:0;
}
.sg-dashboard-funds-title small{
  display:block;
  color:var(--sg-muted);
  font-size:12px;
  margin-top:3px;
}
.sg-dashboard-funds-panel .sg-dashboard-featured{
  min-height:130px;
}

.sg-streak-card{
  --streak-a:#55A6F7;
  --streak-b:#EAF5FF;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  border:1px solid #DCE8F4;
  border-radius:22px;
  padding:17px;
  background:linear-gradient(145deg,#FFFFFF,var(--streak-b));
  box-shadow:0 12px 28px rgba(31,78,129,.08);
  overflow:hidden;
}
.sg-streak-card::after{
  content:"";
  position:absolute;
  right:-35px;
  top:-42px;
  width:120px;
  height:120px;
  border-radius:50%;
  background:var(--streak-a);
  opacity:.10;
}
.sg-streak-card.is-level-1{--streak-a:#45B980;--streak-b:#F1FBF6}
.sg-streak-card.is-level-2{--streak-a:#F2B33D;--streak-b:#FFF8E8}
.sg-streak-card.is-level-3{--streak-a:#6B8CFF;--streak-b:#F0F3FF}
.sg-streak-card.is-level-4{--streak-a:#9A65EB;--streak-b:#F7F0FF}
.sg-streak-card.is-level-5{--streak-a:#26A9C7;--streak-b:#EAFBFF}

.sg-streak-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,78,129,.10);
  font-size:28px;
  position:relative;
  z-index:1;
}
.sg-streak-copy{
  position:relative;
  z-index:1;
  margin-top:12px;
  font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Segoe UI",sans-serif;
}
.sg-streak-eyebrow{
  display:block;
  color:#7A8DA1;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.08em;
}
.sg-streak-copy h3{
  margin:5px 0 6px;
  color:#1F3852;
  font-size:18px;
  line-height:1.2;
}
.sg-streak-copy p{
  margin:0;
  color:#647A91;
  font-size:12px;
  line-height:1.48;
}
.sg-streak-days{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin-top:13px;
  color:var(--streak-a);
}
.sg-streak-days b{
  font-size:26px;
  line-height:1;
}
.sg-streak-days span{
  color:#71869A;
  font-size:11px;
  font-weight:800;
}

/* 3. Phân bổ 6 quỹ sau Giao dịch gần đây */
.sg-allocation-dashboard-title{
  margin-top:26px!important;
}

/* 4. More menu: luôn nổi trên tất cả khung */
.sg-more-menu.is-open{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:10050!important;
  width:188px;
  max-height:min(320px,70vh);
  overflow-y:auto!important;
  overscroll-behavior:contain;
  box-shadow:0 18px 48px rgba(18,51,88,.24)!important;
}
.sg-more-wrap.menu-open{
  z-index:auto!important;
}

/* Không cần phá overflow của toàn bộ card nữa */
.sg-card,
.sg-fund-card,
.sg-fund-group,
.sg-fund-group-grid,
.sg-compact-row,
.sg-accordion-body,
.sg-report-accordion[open],
.sg-report-secondary,
.sg-wealth-list,
.sg-asset-grid{
  overflow:initial;
}

/* 5. Chi theo quỹ: khung thật sự chứa nội dung, không cho list tràn xuống accordion */
.sg-report-fund-card{
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-width:0;
}
.sg-report-fund-card.is-scrollable{
  max-height:520px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:12px!important;
  scrollbar-gutter:stable;
}
.sg-report-fund-card .sg-report-row{
  width:100%;
  box-sizing:border-box;
}
.sg-report-secondary{
  position:relative;
  z-index:1;
  clear:both;
  margin-top:14px!important;
  overflow:visible!important;
}

/* 6. Sidebar PC: chữ & icon lớn hơn, chỉ giữ 1 mục Báo cáo */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-app{
    padding-left:300px;
  }
  body.skygiau-mobile-app .sg-bottom-nav{
    width:258px;
    padding-left:18px;
    padding-right:18px;
  }
  body.skygiau-mobile-app .sg-bottom-nav button{
    min-height:60px;
    gap:15px;
    padding:11px 13px;
    border-radius:15px;
  }
  body.skygiau-mobile-app .sg-bottom-nav button>small{
    font-size:17px!important;
    font-weight:780!important;
    line-height:1.15;
  }
  body.skygiau-mobile-app .sg-nav-icon{
    width:36px!important;
    height:36px!important;
  }
  body.skygiau-mobile-app .sg-nav-icon svg{
    width:29px!important;
    height:29px!important;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-add>span{
    width:36px!important;
    height:36px!important;
    border-radius:11px;
  }
  body.skygiau-mobile-app .sg-bottom-nav .sg-add>span svg{
    width:24px!important;
    height:24px!important;
  }
  body.skygiau-mobile-app .sg-report-subnav{
    display:none!important;
  }

  body.skygiau-mobile-app .sg-essentials-hero{
    padding:30px 32px!important;
  }
  body.skygiau-mobile-app .sg-essentials-hero>small{
    font-size:18px!important;
  }
  body.skygiau-mobile-app .sg-essentials-hero .sg-big-money{
    font-size:52px!important;
  }
}

/* Tablet */
@media(max-width:980px){
  .sg-dashboard-focus-row{
    grid-template-columns:1fr;
  }
  .sg-streak-card{
    flex-direction:row;
    align-items:center;
    gap:13px;
  }
  .sg-streak-copy{
    margin-top:0;
  }
}

/* Mobile */
@media(max-width:620px){
  .sg-essentials-hero{
    padding:20px!important;
  }
  .sg-essentials-hero>small{
    font-size:15px!important;
  }
  .sg-essentials-hero .sg-big-money{
    font-size:38px!important;
  }
  .sg-dashboard-focus-row{
    margin-top:18px;
  }
  .sg-streak-card{
    align-items:flex-start;
    flex-direction:row;
    padding:14px;
    border-radius:18px;
  }
  .sg-streak-icon{
    flex:0 0 auto;
    width:46px;
    height:46px;
    font-size:25px;
  }
  .sg-streak-copy h3{
    font-size:16px;
  }
  .sg-streak-copy p{
    font-size:11px;
  }
  .sg-streak-days b{
    font-size:22px;
  }
  .sg-report-fund-card.is-scrollable{
    max-height:430px!important;
  }
}


/* ============================================================
   V2.5.5 — QUÉT HÓA ĐƠN AI
   ============================================================ */
.sg-transactions-head>div:first-child{min-width:0}
.sg-transactions-head>div:first-child small{
  display:block;
  margin-top:3px;
  color:var(--sg-muted);
  font-size:12px;
}
.sg-transactions-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.sg-receipt-open-btn{
  border:1px solid #ADD3F8!important;
  background:#F3F9FF!important;
  color:#1774D5!important;
}

.sg-receipt-sheet{
  max-width:620px!important;
}
.sg-receipt-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.sg-receipt-head small{
  color:#8195A9;
  font-size:10px;
  font-weight:750;
}
.sg-receipt-head h3{
  margin:2px 0 0!important;
}


.sg-receipt-capture{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:170px;
  padding:18px!important;
  border:1.5px dashed #AFCBE8!important;
  border-radius:18px;
  background:linear-gradient(145deg,#FAFDFF,#F2F8FE);
  text-align:center;
  cursor:pointer;
  overflow:hidden;
}
.sg-receipt-capture input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.sg-receipt-camera{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:8px;
  border-radius:18px;
  background:#E6F3FF;
  font-size:27px;
}
.sg-receipt-capture b{
  color:#2A4865;
  font-size:14px;
}
.sg-receipt-capture small{
  margin-top:4px;
  color:#7A8FA3;
  font-size:10px;
  max-width:360px;
  line-height:1.4;
}

.sg-receipt-preview-wrap{
  position:relative;
  margin:10px 0;
  border:1px solid #D8E5F0;
  border-radius:16px;
  background:#F5F8FB;
  overflow:hidden;
}
.sg-receipt-preview-wrap img{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:contain;
  background:#EEF3F7;
}
.sg-receipt-preview-wrap button{
  position:absolute;
  right:9px;
  bottom:9px;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:10px!important;
  background:rgba(20,47,76,.76)!important;
  color:#fff!important;
  backdrop-filter:blur(5px);
  font-size:10px!important;
}

.sg-receipt-progress{
  display:flex;
  align-items:center;
  gap:11px;
  margin:10px 0;
  padding:11px 12px;
  border-radius:13px;
  background:#F2F8FE;
  border:1px solid #D6E9FB;
}
.sg-receipt-progress b{
  display:block;
  color:#2B5278;
  font-size:12px;
}
.sg-receipt-progress small{
  display:block;
  margin-top:2px;
  color:#7C91A6;
  font-size:9.5px;
}
.sg-receipt-spinner{
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:3px solid #CFE5F9;
  border-top-color:#2F84E5;
  border-radius:50%;
  animation:sgReceiptSpin .75s linear infinite;
}
@keyframes sgReceiptSpin{to{transform:rotate(360deg)}}

.sg-receipt-result{
  margin-top:11px;
  padding:13px;
  border:1px solid #D8E5F1;
  border-radius:16px;
  background:#FCFEFF;
}
.sg-receipt-result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:9px;
}
.sg-receipt-result-head small{
  display:block;
  color:#8396A9;
  font-size:9px;
}
.sg-receipt-result-head b{
  display:block;
  color:#2C4863;
  font-size:12px;
}
#sg-receipt-confidence-badge{
  padding:5px 8px;
  border-radius:99px;
  font-size:10px;
  font-weight:900;
}
#sg-receipt-confidence-badge.is-good{color:#157454;background:#E9F9F2}
#sg-receipt-confidence-badge.is-medium{color:#9A6A13;background:#FFF6DF}
#sg-receipt-confidence-badge.is-low{color:#C24753;background:#FFF0F2}

.sg-receipt-fields{
  display:grid;
  gap:8px;
}
.sg-receipt-fields label{
  margin:0!important;
}
.sg-receipt-fields input,
.sg-receipt-fields select{
  margin-top:4px;
}

.sg-receipt-items{
  margin-top:10px;
  padding:10px;
  border-radius:12px;
  background:#F5F8FB;
}
.sg-receipt-items>b{
  display:block;
  margin-bottom:5px;
  color:#435E77;
  font-size:10px;
}
.sg-receipt-items>div{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.sg-receipt-items span{
  padding:4px 7px;
  border-radius:8px;
  background:#fff;
  border:1px solid #E0E8F0;
  color:#657A8E;
  font-size:9px;
}

.sg-receipt-duplicate{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:10px;
  padding:10px 11px;
  border-radius:12px;
  background:#FFF5E9;
  border:1px solid #F1D3A8;
  color:#8A5A18;
}
.sg-receipt-duplicate b{font-size:10.5px}
.sg-receipt-duplicate span{font-size:9.5px;line-height:1.4}

.sg-receipt-review-note{
  display:block!important;
  margin:7px 2px 0!important;
  color:#7F91A2!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.sg-receipt-status{
  min-height:18px;
  margin:8px 2px 4px;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
}
.sg-receipt-status.is-loading{color:#62788E}
.sg-receipt-status.is-success{color:#187454}
.sg-receipt-status.is-warning{color:#996716}
.sg-receipt-status.is-error{color:#C33F4D}


@media(max-width:620px){
  .sg-transactions-head{
    align-items:flex-start!important;
    gap:10px;
  }
  .sg-transactions-actions{
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }
  .sg-transactions-actions button{
    width:100%;
  }
  .sg-receipt-capture{
    min-height:145px;
  }
  .sg-receipt-preview-wrap img{
    max-height:280px;
  }
}


/* V2.5.6 — trạng thái cấu hình AI chưa xác minh */


/* ============================================================
   V2.5.8 — QUÉT HÓA ĐƠN LÀ TRANG RIÊNG + CAMERA / THƯ VIỆN
   ============================================================ */

.sg-nav-label-mobile{display:none}

/* Trang Quét hóa đơn */
.sg-receipt-page-title{
  margin-bottom:12px!important;
}
.sg-receipt-page-title>div{
  min-width:0;
}
.sg-receipt-page-title small{
  display:block;
  margin-top:4px;
  color:var(--sg-muted);
  font-size:12px;
}

.sg-receipt-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:14px;
  align-items:start;
}
.sg-receipt-workspace,
.sg-receipt-result-card{
  min-width:0;
  box-sizing:border-box;
}
.sg-receipt-workspace{
  padding:18px!important;
}
.sg-receipt-result-card{
  padding:18px!important;
  min-height:340px;
}
.sg-receipt-result-card .sg-receipt-result{
  margin-top:0;
  padding:0;
  border:0;
  background:transparent;
}

.sg-receipt-result-placeholder{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  box-sizing:border-box;
  color:#7D91A4;
}
.sg-receipt-result-placeholder>span{
  font-size:42px;
  margin-bottom:12px;
}
.sg-receipt-result-placeholder>b{
  color:#314C66;
  font-size:15px;
}
.sg-receipt-result-placeholder>small{
  display:block;
  max-width:340px;
  margin-top:7px;
  font-size:11px;
  line-height:1.5;
}

.sg-receipt-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.sg-receipt-source-button{
  min-height:135px;
  border:1.5px solid #CFE2F4;
  border-radius:18px;
  background:linear-gradient(145deg,#FBFDFF,#F2F8FE);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px;
  cursor:pointer;
  color:#244561;
  transition:.15s ease;
}
.sg-receipt-source-button:hover{
  border-color:#8DBFEB;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(31,99,164,.08);
}
.sg-receipt-source-button.is-camera{
  background:linear-gradient(145deg,#F5FAFF,#EAF5FF);
}
.sg-receipt-source-button.is-library{
  background:linear-gradient(145deg,#FBFDFF,#F5F8FC);
}
.sg-receipt-source-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 16px rgba(44,102,158,.08);
  font-size:24px;
  margin-bottom:8px;
}
.sg-receipt-source-button b{
  font-size:14px;
}
.sg-receipt-source-button small{
  margin-top:4px;
  color:#7B90A3;
  font-size:10px;
  line-height:1.35;
}

.sg-visually-hidden{
  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;
}

.sg-receipt-tip{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:10px 0;
  padding:10px 11px;
  border-radius:12px;
  background:#FFF9EA;
  border:1px solid #F1DFB4;
}
.sg-receipt-tip>span{
  font-size:15px;
}
.sg-receipt-tip b{
  display:block;
  color:#72551C;
  font-size:10.5px;
}
.sg-receipt-tip small{
  display:block;
  margin-top:2px;
  color:#8B7444;
  font-size:9.5px;
  line-height:1.4;
}

.sg-receipt-preview-actions{
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.sg-receipt-preview-actions button{
  min-height:32px!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:9px!important;
  background:rgba(25,53,82,.80)!important;
  color:#fff!important;
  font-size:9.5px!important;
  backdrop-filter:blur(5px);
}
.sg-receipt-main-scan{
  margin-top:10px!important;
}

/* Desktop menu: Quét hóa đơn nằm ngay sau Giao dịch */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-receipt-page-layout{
    grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);
  }
}

/* Mobile: trang scanner xếp dọc */
@media(max-width:899px){
  .sg-receipt-page-layout{
    grid-template-columns:1fr;
  }
  .sg-receipt-result-card{
    min-height:0;
  }

  /* 6 mục menu đáy */
  body.skygiau-mobile-app .sg-bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    padding-left:max(2px,env(safe-area-inset-left))!important;
    padding-right:max(2px,env(safe-area-inset-right))!important;
  }
  body.skygiau-mobile-app .sg-bottom-nav button{
    min-width:0;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.skygiau-mobile-app .sg-bottom-nav button>small{
    font-size:8.2px!important;
    line-height:1.05!important;
  }
  body.skygiau-mobile-app .sg-nav-icon{
    width:25px!important;
    height:25px!important;
  }
  body.skygiau-mobile-app .sg-nav-icon svg{
    width:20px!important;
    height:20px!important;
  }
  .sg-nav-label-desktop{display:none}
  .sg-nav-label-mobile{display:inline}

  .sg-receipt-source-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:420px){
  .sg-receipt-source-button{
    min-height:120px;
    padding:10px 7px;
  }
  .sg-receipt-source-button b{
    font-size:12px;
  }
  .sg-receipt-source-button small{
    font-size:8.5px;
  }
  body.skygiau-mobile-app .sg-bottom-nav button>small{
    font-size:7.6px!important;
  }
}



/* V2.5.9 — Fast Receipt Scan */
.sg-receipt-head>div>small{
  letter-spacing:.05em;
  font-weight:900!important;
  color:#2E83E7!important;
}
.sg-receipt-main-scan::after{
  content:"Fast";
  display:inline-flex;
  margin-left:7px;
  padding:2px 6px;
  border-radius:99px;
  background:rgba(255,255,255,.18);
  font-size:8px;
  font-weight:900;
  vertical-align:middle;
}


/* ============================================================
   V2.5.10 — RECEIPT DATA SYNC / PERIOD WARNING / HISTORY
   ============================================================ */
.sg-receipt-date-warning{
  padding:11px 12px;
  border:1px solid #F0D39A;
  border-radius:13px;
  background:#FFF8E8;
  color:#78561B;
}
.sg-receipt-date-warning>b{
  display:block;
  font-size:11px;
}
.sg-receipt-date-warning>span{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.45;
}
.sg-receipt-date-warning>div{
  display:flex;
  gap:7px;
  margin-top:9px;
  flex-wrap:wrap;
}
.sg-receipt-date-warning button{
  min-height:34px!important;
  padding:6px 10px!important;
  border-radius:9px!important;
  border:1px solid #DDBE7C!important;
  background:#fff!important;
  color:#71501A!important;
  font-size:9.5px!important;
  font-weight:800!important;
}

.sg-receipt-history-card{
  margin-top:14px;
  padding:16px!important;
}
.sg-receipt-history-title{
  margin:0 0 8px!important;
}
.sg-receipt-history-title h3{
  margin:0;
  font-size:16px;
}
.sg-receipt-history-title small{
  display:block;
  margin-top:3px;
  color:var(--sg-muted);
  font-size:10px;
}
.sg-receipt-history-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:10px 4px;
  border-bottom:1px solid #E8EEF4;
}
.sg-receipt-history-row:last-child{
  border-bottom:0;
}
.sg-receipt-history-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#EDF6FF;
  font-size:17px;
}
.sg-receipt-history-row b{
  display:block;
  color:#29455F;
  font-size:11.5px;
}
.sg-receipt-history-row small{
  display:block;
  margin-top:2px;
  color:#7C90A3;
  font-size:9.5px;
  line-height:1.4;
}
.sg-receipt-history-row>strong{
  color:#173A59;
  font-size:12px;
  white-space:nowrap;
}
.sg-receipt-tx-badge{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  padding:2px 5px;
  border-radius:99px;
  background:#EAF5FF;
  color:#2679C8;
  font-size:8px;
  font-weight:850;
  vertical-align:middle;
}

@media(max-width:620px){
  .sg-receipt-date-warning>div{
    display:grid;
    grid-template-columns:1fr;
  }
  .sg-receipt-date-warning button{
    width:100%;
  }
  .sg-receipt-history-row{
    grid-template-columns:34px minmax(0,1fr);
  }
  .sg-receipt-history-row>strong{
    grid-column:2;
    justify-self:start;
  }
}


/* ============================================================
   V2.6.0 — REPORT MONEY FIT
   Luôn hiển thị đủ “Đã chi / Chi khác”
   ============================================================ */

.sg-report-expense-breakdown>div{
  min-width:0!important;
  padding-left:7px!important;
  padding-right:7px!important;
}

.sg-report-expense-breakdown b,
#sg-report-paid,
#sg-report-other{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  font-size:11.5px!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.12px!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

#sg-month-report-recurring,
#sg-month-report-other,
#sg-daily-monthly,
#sg-daily-other,
#sg-year-spending,
#sg-year-other{
  max-width:100%!important;
  box-sizing:border-box!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

/* Ghi đè rule PC cũ 14px khiến số tiền dài bị cắt */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-report-expense-breakdown b,
  body.skygiau-mobile-app #sg-report-paid,
  body.skygiau-mobile-app #sg-report-other{
    font-size:11.5px!important;
  }
}

@media(max-width:620px){
  .sg-report-expense-breakdown b,
  #sg-report-paid,
  #sg-report-other{
    font-size:10.5px!important;
  }
}


/* ============================================================
   V2.6.2 — AI HỌC PHÂN LOẠI + PHÁT HIỆN BẤT THƯỜNG
   ============================================================ */
.sg-ai-learning-hint{
  display:block;
  margin:-3px 0 8px;
  padding:7px 9px;
  border-radius:10px;
  background:#EEF8FF;
  border:1px solid #CDE8FA;
  color:#276B9D;
  font-size:9.5px;
  line-height:1.45;
}
.sg-ai-learning-hint.sg-hidden{
  display:none!important;
}
.sg-alert:has(b:first-child){
  overflow-wrap:anywhere;
}
.sg-financial-notification.severity-danger .sg-notification-finance-icon{
  flex:0 0 auto;
}


/* ============================================================
   V2.6.3 — GIA ĐÌNH NÂNG CAO
   ============================================================ */
.sg-family-permissions,
.sg-family-rights-received{
  margin-top:12px;
  padding:12px;
  border:1px solid #DCE8F3;
  border-radius:14px;
  background:#F8FBFE;
}
.sg-family-permissions>b,
.sg-family-rights-received>b{
  display:block;
  margin-bottom:8px;
  color:#29445D;
  font-size:11px;
}
.sg-family-permissions>label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid #E7EEF5;
}
.sg-family-permissions>label:last-of-type{
  border-bottom:0;
}
.sg-family-permissions input{
  margin-top:2px;
}
.sg-family-permissions strong{
  display:block;
  color:#2A455D;
  font-size:10.5px;
}
.sg-family-permissions small,
.sg-family-rights-received small{
  display:block;
  margin-top:2px;
  color:#748A9D;
  font-size:9px;
  line-height:1.4;
}
.sg-family-permissions button{
  margin-top:9px!important;
}
.sg-family-rights-received>div{
  display:flex;
  gap:6px;
  margin-bottom:7px;
}
.sg-family-rights-received>div span{
  padding:4px 8px;
  border-radius:99px;
  background:#E8EEF4;
  color:#7A8D9F;
  font-size:9px;
  font-weight:850;
}
.sg-family-rights-received>div span.is-on{
  background:#E8F7EF;
  color:#228557;
}
.sg-family-activity-title{
  margin-top:14px!important;
}
.sg-family-activity-card{
  padding:8px 14px!important;
}
.sg-family-activity-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto auto;
  gap:9px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #E7EEF5;
}
.sg-family-activity-row:last-child{
  border-bottom:0;
}
.sg-family-activity-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#EEF6FF;
  font-size:17px;
}
.sg-family-activity-copy b{
  display:block;
  color:#263F58;
  font-size:11px;
}
.sg-family-activity-copy small{
  display:block;
  margin-top:2px;
  color:#71879B;
  font-size:9px;
}
.sg-family-activity-copy span{
  display:block;
  margin-top:2px;
  color:#2F79B7;
  font-size:8.8px;
}
.sg-family-activity-row>strong{
  color:#183E5D;
  font-size:11px;
  white-space:nowrap;
}
.sg-family-tx-owner-row{
  margin-bottom:7px;
  padding:10px;
  border:1px solid #D6E7F5;
  border-radius:12px;
  background:#F5FAFE;
}
.sg-family-tx-owner-row>small{
  display:block;
  margin-top:4px;
  color:#758B9D;
  font-size:9px;
}

/* ============================================================
   V2.6.5 — AI cạnh Tổng quan + Quét hóa đơn nằm trong Ghi chi
   ============================================================ */

.sg-expense-entry-sheet{padding-top:17px!important}
.sg-expense-entry-head{display:flex;align-items:flex-start;gap:11px}
.sg-expense-entry-icon{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
  border-radius:14px;background:#EAF4FF;color:#277DD4;font-size:25px;font-weight:800
}
.sg-expense-entry-head small{
  display:block;color:#2A82D8;font-size:9px;font-weight:900;letter-spacing:.8px
}
.sg-expense-entry-head h3{margin:2px 0 4px!important;font-size:20px!important}
.sg-expense-entry-head p{margin:0;color:#768B9E;font-size:10px;line-height:1.45}

.sg-expense-entry-options{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px
}
.sg-expense-entry-option{
  position:relative;min-width:0;min-height:142px;display:flex;flex-direction:column;
  align-items:flex-start;gap:8px;padding:13px!important;border:1px solid #D9E6F2!important;
  border-radius:17px!important;background:#fff!important;text-align:left!important
}
.sg-expense-entry-option.is-ai{border-color:#C9E1F8!important;background:#F7FBFF!important}
.sg-expense-option-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
  background:#EEF6FD;font-size:19px
}
.sg-expense-entry-option b{display:block;color:#24425D;font-size:12px}
.sg-expense-entry-option small{
  display:block;margin-top:3px;color:#74899C;font-size:9.2px;line-height:1.4
}
.sg-expense-entry-option>i{
  position:absolute;right:11px;bottom:10px;color:#88A2B8;font-size:22px;font-style:normal
}
.sg-expense-ai-chip{
  position:absolute;right:9px;top:9px;padding:3px 6px;border-radius:99px;
  background:#DCEEFF;color:#2579C7;font-size:8px;font-weight:900
}
.sg-expense-entry-note{
  display:flex;gap:7px;align-items:flex-start;margin-top:10px;padding:9px 10px;
  border-radius:12px;background:#F7F9FC;color:#72879A
}
.sg-expense-entry-note small{font-size:9px;line-height:1.4}

.sg-expense-entry-eyebrow{
  display:block;margin-bottom:3px;color:#2A83D9;font-size:9px;font-weight:900;letter-spacing:.9px
}
.sg-expense-method-switch{
  display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 11px;padding:4px;
  border:1px solid #DCE7F1;border-radius:15px;background:#F1F5F9
}
.sg-expense-method-switch button{
  min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px!important;
  border:0!important;border-radius:11px!important;background:transparent!important;
  color:#718598!important;text-align:left!important
}
.sg-expense-method-switch button.is-active{
  background:#fff!important;color:#2679C7!important;
  box-shadow:0 3px 10px rgba(33,85,136,.08)
}
.sg-expense-method-switch button>span{font-size:17px}
.sg-expense-method-switch b{display:block;font-size:10.5px}
.sg-expense-method-switch small{
  display:block;margin-top:1px;font-size:8.5px;color:#8193A3
}

.sg-bottom-nav .sg-expense-entry-nav.is-active{color:var(--sg-blue);font-weight:850}

/* 6 mục chính */
@media(max-width:899px){
  body.skygiau-mobile-app .sg-bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important
  }
}

@media(max-width:620px){
  .sg-expense-entry-options{grid-template-columns:1fr 1fr}
  .sg-expense-entry-option{min-height:132px;padding:11px!important}
  .sg-expense-entry-option b{font-size:11px}
  .sg-expense-entry-option small{font-size:8.7px}
  .sg-expense-method-switch button{padding:8px!important}
}


/* ============================================================
   V2.6.6 — KHÓA SỔ CUỐI THÁNG
   ============================================================ */
.sg-master-rollover-note{
  color:#2B86C9!important;
}
.sg-rollover-inline{
  color:#2D82C2;
  font-size:.9em;
  font-style:normal;
}

.sg-month-close-panel{
  margin:12px 0 18px;
}
.sg-month-close-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #D8E6F2;
  border-radius:18px;
  background:#fff;
  box-shadow:var(--sg-shadow);
}
.sg-month-close-card.is-ready{
  border-color:#BFDDF7;
  background:linear-gradient(135deg,#F8FCFF,#EEF7FF);
}
.sg-month-close-card.is-closed{
  border-color:#CDE8DA;
  background:linear-gradient(135deg,#FBFFFD,#F0FAF5);
}
.sg-month-close-card.is-open{
  background:#FAFBFC;
}
.sg-month-close-card-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#EEF6FD;
  font-size:21px;
}
.sg-month-close-card-copy{
  min-width:0;
}
.sg-month-close-card-copy>small{
  display:block;
  color:#2C80C5;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.7px;
}
.sg-month-close-card-copy h3{
  margin:2px 0 3px;
  color:#263F58;
  font-size:14px;
}
.sg-month-close-card-copy p{
  margin:0;
  color:#35546E;
  font-size:10.5px;
  font-weight:750;
}
.sg-month-close-card-copy span{
  display:block;
  margin-top:3px;
  color:#7A8EA0;
  font-size:9px;
  line-height:1.4;
}
.sg-month-close-card>button{
  white-space:nowrap;
}

.sg-month-close-sheet{
  max-width:760px!important;
}
.sg-month-close-modal-head{
  display:flex;
  gap:11px;
  align-items:flex-start;
}
.sg-month-close-lock{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#ECF6FF;
  font-size:19px;
}
.sg-month-close-modal-head small{
  display:block;
  color:#2A81CD;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.8px;
}
.sg-month-close-modal-head h3{
  margin:2px 0 3px!important;
}
.sg-month-close-modal-head p{
  margin:0;
  color:#788C9F;
  font-size:9.5px;
  line-height:1.4;
}

.sg-month-close-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin:14px 0 10px;
}
.sg-month-close-summary>div{
  min-width:0;
  padding:9px;
  border:1px solid #E0E9F1;
  border-radius:12px;
  background:#FAFCFE;
}
.sg-month-close-summary span{
  display:block;
  color:#7B8EA0;
  font-size:8.5px;
}
.sg-month-close-summary b{
  display:block;
  margin-top:3px;
  color:#29445D;
  font-size:12px;
  overflow-wrap:anywhere;
}
.sg-month-close-summary .is-positive b{
  color:#168355;
}

.sg-month-close-explain{
  display:flex;
  gap:8px;
  align-items:flex-start;
  margin-bottom:10px;
  padding:9px 10px;
  border:1px solid #D4E8F7;
  border-radius:12px;
  background:#F5FBFF;
}
.sg-month-close-explain p{
  margin:0;
  color:#59768D;
  font-size:9px;
  line-height:1.45;
}

.sg-month-close-row{
  padding:12px 0;
  border-top:1px solid #E6EDF4;
}
.sg-month-close-row-main{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(300px,1.25fr);
  gap:12px;
  align-items:center;
}
.sg-month-close-bucket{
  display:flex;
  gap:8px;
  align-items:center;
  min-width:0;
}
.sg-month-close-bucket>span{
  width:35px;
  height:35px;
  flex:0 0 35px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#EEF6FD;
  font-size:17px;
}
.sg-month-close-bucket b{
  display:block;
  color:#263F58;
  font-size:11px;
}
.sg-month-close-bucket small{
  display:block;
  margin-top:2px;
  color:#7A8E9F;
  font-size:8.7px;
  line-height:1.35;
}
.sg-month-close-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
.sg-month-close-numbers>span{
  min-width:0;
  padding:7px;
  border-radius:10px;
  background:#F7F9FC;
}
.sg-month-close-numbers small{
  display:block;
  color:#8192A1;
  font-size:7.8px;
}
.sg-month-close-numbers b{
  display:block;
  margin-top:2px;
  color:#2E4A62;
  font-size:9.5px;
  overflow-wrap:anywhere;
}
.sg-month-close-numbers b.positive{color:#168355}
.sg-month-close-numbers b.negative{color:#C24E4E}

.sg-month-close-decision{
  margin-top:9px;
  padding:9px;
  border-radius:12px;
  background:#F8FAFC;
}
.sg-month-close-decision>label,
.sg-month-close-decision>small{
  display:block;
  margin-bottom:5px;
  color:#536F86;
  font-size:9px;
  font-weight:750;
}
.sg-month-close-decision select{
  margin:0!important;
}
.sg-month-close-decision.is-readonly b{
  display:block;
  color:#2D678F;
  font-size:10px;
}
.sg-month-close-custom{
  margin-top:9px;
  padding-top:8px;
  border-top:1px dashed #D5E0E9;
}
.sg-month-close-custom-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.sg-month-close-custom-grid label{
  min-width:0;
}
.sg-month-close-custom-grid label>span{
  display:block;
  margin-bottom:3px;
  color:#6A8094;
  font-size:8.3px;
}
.sg-month-close-custom-grid input{
  margin:0!important;
}
.sg-month-close-custom-total{
  display:block;
  margin-top:6px!important;
  color:#7B8E9E!important;
}
.sg-month-close-custom-total.is-valid{color:#168355!important}
.sg-month-close-custom-total.is-invalid{color:#BC5757!important}

.sg-month-close-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-top:10px;
}
.sg-month-close-actions button{
  margin:0!important;
}

@media(max-width:680px){
  .sg-month-close-card{
    grid-template-columns:40px minmax(0,1fr);
  }
  .sg-month-close-card>button{
    grid-column:1/3;
    width:100%;
  }
  .sg-month-close-summary{
    grid-template-columns:1fr 1fr;
  }
  .sg-month-close-row-main{
    grid-template-columns:1fr;
    gap:8px;
  }
  .sg-month-close-numbers{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .sg-month-close-custom-grid{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   V2.6.7 — ĐỊNH KỲ THÔNG MINH + DỰ BÁO DÒNG TIỀN
   ============================================================ */
.sg-cashflow-forecast-card{
  margin-top:12px;padding:14px!important;border-color:#D6E7F4!important;
  background:linear-gradient(135deg,#FBFDFF,#F3F9FE)!important
}
.sg-forecast-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sg-forecast-head>div{display:flex;gap:7px;align-items:center}
.sg-forecast-head b{color:#29445D;font-size:12px}
.sg-forecast-head>small{max-width:250px;color:#8091A0;font-size:8.5px;text-align:right}
.sg-forecast-main-copy{margin-top:11px;padding:12px;border-radius:14px;background:#fff;border:1px solid #E0E9F1}
.sg-forecast-main-copy>small{display:block;color:#2A82D0;font-size:8.5px;font-weight:900;letter-spacing:.7px}
.sg-forecast-main-copy h3{margin:4px 0 3px;color:#27445D;font-size:14px;line-height:1.45}
.sg-forecast-main-copy h3 b{color:#137F57}
.sg-forecast-main-copy.is-warning h3 b{color:#C45252}
.sg-forecast-main-copy p{margin:0;color:#7B8E9E;font-size:9px}
.sg-forecast-risk-list{margin-top:8px}
.sg-forecast-risk-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #E4EDF4}
.sg-forecast-risk-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#EEF5FB}
.sg-forecast-risk-row b{display:block;color:#2D475F;font-size:10px}
.sg-forecast-risk-row small{display:block;margin-top:2px;color:#B85C5C;font-size:8.8px;line-height:1.4}

.sg-recurring-card,.sg-recurring-rules-card{margin-top:12px;padding:14px!important}
.sg-recurring-head>div{display:flex;gap:8px;align-items:center}
.sg-recurring-head>div>span{font-size:18px}
.sg-recurring-head b{display:block;color:#29445D;font-size:12px}
.sg-recurring-head small{display:block;margin-top:2px;color:#7B8E9F;font-size:9px}
.sg-recurring-list{margin-top:8px}
.sg-recurring-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:10px 0;border-top:1px solid #E7EEF5
}
.sg-recurring-row:first-child{border-top:0}
.sg-recurring-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#EEF6FD;font-size:17px}
.sg-recurring-copy b{display:block;color:#29445D;font-size:10.5px}
.sg-recurring-copy small{display:block;margin-top:2px;color:#6F8396;font-size:8.8px}
.sg-recurring-copy span{display:block;margin-top:3px;color:#2E79B6;font-size:8.5px}
.sg-recurring-actions{display:flex;gap:5px;align-items:center}
.sg-recurring-rule-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #E7EEF5}
.sg-recurring-rule-row:first-child{border-top:0}
.sg-recurring-rule-row b{display:block;color:#29445D;font-size:10.5px}
.sg-recurring-rule-row small{display:block;margin-top:2px;color:#72889A;font-size:8.8px}
.sg-recurring-badge{
  display:inline-block;margin-left:4px;padding:2px 5px;border-radius:99px;
  background:#E7F4FF;color:#2579BC;font-size:7.5px;font-weight:900;vertical-align:middle
}

@media(max-width:620px){
 .sg-forecast-head{display:block}
 .sg-forecast-head>small{display:block;max-width:none;margin-top:3px;text-align:left}
 .sg-recurring-row{grid-template-columns:34px minmax(0,1fr)}
 .sg-recurring-actions{grid-column:2/3}
 .sg-recurring-rule-row{align-items:flex-start}
}


/* V2.6.7.1 — bootstrap fail-safe */
.sg-feature-health-note{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin:10px 0;
  padding:10px 12px;
  border:1px solid #D9E7F2;
  border-radius:13px;
  background:#F7FBFE;
}
.sg-feature-health-note>span{font-size:16px}
.sg-feature-health-note b{
  display:block;
  color:#31536E;
  font-size:10px;
}
.sg-feature-health-note small{
  display:block;
  margin-top:2px;
  color:#7A8E9F;
  font-size:8.8px;
  line-height:1.4;
}


/* V2.6.7.3 — Core Recovery diagnostic */
.sg-core-recovery-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:10px 0 12px;
  padding:12px;
  border:1px solid #F0C98A;
  border-radius:14px;
  background:#FFF9EF;
}
.sg-core-recovery-note>span{font-size:19px}
.sg-core-recovery-note b{
  display:block;
  color:#805514;
  font-size:11px;
}
.sg-core-recovery-note small{
  display:block;
  margin-top:2px;
  color:#8B7657;
  font-size:9px;
  line-height:1.4;
}
.sg-core-recovery-note code{
  display:block;
  margin-top:5px;
  padding:5px 7px;
  border-radius:8px;
  background:#FFF3D9;
  color:#7C5A22;
  font-size:8.5px;
  white-space:normal;
  overflow-wrap:anywhere;
}


/* ============================================================
   V2.6.7.7 — THU NHẬP BẤT THƯỜNG / TIỀN CHƯA PHÂN BỔ
   ============================================================ */
.sg-unallocated-income-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  margin:10px 0 12px;
  padding:12px 14px;
  border:1px solid #D7E6F2;
  border-radius:16px;
  background:linear-gradient(135deg,#FBFDFF,#F3F8FD);
}
.sg-unallocated-income-card.sg-hidden{display:none!important}
.sg-unallocated-income-icon{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:13px;background:#EAF4FF;font-size:20px
}
.sg-unallocated-income-copy{min-width:0}
.sg-unallocated-income-copy small{
  display:block;color:#2C80C8;font-size:8px;font-weight:900;letter-spacing:.7px
}
.sg-unallocated-income-copy b{
  display:block;margin-top:2px;color:#26445D;font-size:17px
}
.sg-unallocated-income-copy span{
  display:block;margin-top:2px;color:#72879A;font-size:8.8px;line-height:1.35
}
.sg-unallocated-income-card>button{white-space:nowrap}

.sg-income-class-row{
  margin:8px 0;padding:10px;border:1px solid #DCE8F1;border-radius:13px;background:#F8FBFD
}
.sg-income-class-row.sg-hidden{display:none!important}
.sg-income-class-row label{margin-top:0!important}
.sg-income-class-row small{display:block;margin-top:5px;color:#708699;font-size:8.8px;line-height:1.4}
.sg-source-regular-note{
  margin:10px 0;padding:9px 10px;border-radius:11px;background:#F5F8FB;
  color:#6D8295;font-size:8.8px;line-height:1.45
}

.sg-unallocated-modal-head{display:flex;gap:10px;align-items:flex-start}
.sg-unallocated-modal-head>span{
  width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#EAF4FF;font-size:19px
}
.sg-unallocated-modal-head small{
  display:block;color:#2A80C9;font-size:8px;font-weight:900;letter-spacing:.7px
}
.sg-unallocated-modal-head h3{margin:2px 0 3px!important}
.sg-unallocated-modal-head p{margin:0;color:#74899B;font-size:8.8px;line-height:1.4}
.sg-unallocated-summary{
  display:flex;justify-content:space-between;align-items:center;margin:12px 0;
  padding:10px 12px;border-radius:12px;background:#EFF7FE
}
.sg-unallocated-summary span{color:#557189;font-size:9px}
.sg-unallocated-summary b{color:#2579BE;font-size:16px}
.sg-unallocated-help{display:block;margin-top:5px;color:#74899B;font-size:8.5px;line-height:1.4}
.sg-unallocated-history{margin:12px 0}
.sg-unallocated-history-head{padding:9px 0;border-bottom:1px solid #E5EDF4}
.sg-unallocated-history-head b{display:block;color:#29445D;font-size:10px}
.sg-unallocated-history-head small{display:block;margin-top:2px;color:#74899B;font-size:8.5px}
.sg-unallocated-allocation-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;
  padding:8px 0;border-bottom:1px solid #EDF2F6
}
.sg-unallocated-allocation-row b{display:block;color:#304A61;font-size:9.5px}
.sg-unallocated-allocation-row small{display:block;color:#8091A0;font-size:8px}
.sg-unallocated-allocation-row strong{color:#267DBE;font-size:9.5px}
.sg-unallocated-allocation-row button{
  padding:5px 7px!important;border:1px solid #E4BDBD!important;border-radius:8px!important;
  background:#FFF7F7!important;color:#B84C4C!important;font-size:8px!important
}
.sg-windfall-badge{
  display:inline-block;margin-left:5px;padding:2px 5px;border-radius:99px;
  background:#FFF0D8;color:#A66B13;font-size:7.5px;font-weight:900;vertical-align:middle
}

@media(max-width:620px){
  .sg-unallocated-income-card{grid-template-columns:40px minmax(0,1fr)}
  .sg-unallocated-income-card>button{grid-column:1/3;width:100%}
  .sg-unallocated-allocation-row{grid-template-columns:minmax(0,1fr) auto}
  .sg-unallocated-allocation-row button{grid-column:1/3}
}


/* ============================================================
   V2.6.7.8 — INCOME CLASSIFICATION ENGINE
   ============================================================ */
.sg-source-windfall-month{
  margin:8px 0;padding:10px;border:1px solid #F1D7A8;border-radius:12px;background:#FFF9EE
}
.sg-source-windfall-month.sg-hidden{display:none!important}
.sg-source-windfall-month small{
  display:block;margin-top:5px;color:#8A7044;font-size:8.5px;line-height:1.4
}
.sg-source-windfall-badge,
.sg-source-regular-badge{
  display:inline-block;margin-left:5px;padding:2px 5px;border-radius:99px;
  font-size:7.2px;font-weight:900;vertical-align:middle
}
.sg-source-windfall-badge{background:#FFF0D8;color:#9B6412}
.sg-source-regular-badge{background:#E9F5EE;color:#27764C}


/* V2.6.7.9 — minh bạch cấu thành Thu nhập được phân bổ */
.sg-income-breakdown-row{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  padding:7px 10px;
  margin:0 0 4px;
  border-radius:10px;
  background:#F6F9FC;
  color:#6B8094;
  font-size:8.5px;
  line-height:1.35;
}
.sg-income-breakdown-row b{
  color:#355A78;
  font-weight:900;
}
.sg-income-tx-source-row{
  background:#FCFDFE;
}
.sg-income-tx-source-row .sg-source-regular-badge{
  background:#EEF4FA;
  color:#52718A;
}


/* ============================================================
   V2.6.7.11 — DASHBOARD GỌN + DONUT 6 QUỸ + STREAK TRONG HERO
   ============================================================ */

/* Chuỗi thói quen nằm trực tiếp trong bảng xanh */
.sg-hero-streak{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.28);
  color:#fff;
}
.sg-hero-streak-copy{
  min-width:0;
  flex:1;
}
.sg-hero-streak-copy h3{
  margin:0 0 5px;
  color:#fff;
  font-size:18px;
  line-height:1.2;
}
.sg-hero-streak-copy p{
  margin:0;
  max-width:680px;
  color:rgba(255,255,255,.92);
  font-size:11.5px;
  line-height:1.45;
}
.sg-hero-streak-days{
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:7px;
  white-space:nowrap;
  color:#fff;
}
.sg-hero-streak-days b{
  font-size:34px;
  line-height:1;
  letter-spacing:-1px;
}
.sg-hero-streak-days span{
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.92);
}

/* Quỹ chi thường xuyên giờ chiếm toàn chiều ngang */
.sg-dashboard-focus-row{
  grid-template-columns:minmax(0,1fr)!important;
}

/* Dashboard: 6 quỹ = 1 biểu đồ tròn, không còn dãy box ngang */
.sg-master-funds-chart{
  width:100%;
}
.sg-master-chart-card{
  display:grid;
  grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);
  align-items:center;
  gap:24px;
  padding:18px 20px;
  background:#fff;
  border:1px solid #D9E6F3;
  border-radius:20px;
  box-shadow:var(--sg-shadow);
}
.sg-master-donut-wrap{
  display:grid;
  place-items:center;
}
.sg-master-donut{
  width:min(190px,100%);
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.sg-master-donut-center{
  width:58%;
  aspect-ratio:1;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow:0 7px 20px rgba(36,72,108,.12);
}
.sg-master-donut-center b{
  color:#1F3B57;
  font-size:24px;
  line-height:1;
}
.sg-master-donut-center span{
  margin-top:4px;
  color:#768A9D;
  font-size:10px;
  font-weight:800;
}
.sg-master-chart-legend{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
}
.sg-master-chart-legend-row{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:7px 0;
  border-bottom:1px solid #EEF3F7;
}
.sg-master-chart-legend-row i{
  width:10px;
  height:10px;
  border-radius:50%;
}
.sg-master-chart-legend-row span{
  color:#425B72;
  font-size:10.5px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sg-master-chart-legend-row b{
  color:#203D58;
  font-size:11px;
}

/* Đáng xem hôm nay: tối đa 6 poster trong một grid cố định */
.sg-today-six-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  width:100%;
  overflow:visible;
}
.sg-today-six-grid .sg-today-card{
  min-width:0!important;
  padding:6px!important;
  border-radius:13px!important;
}
.sg-today-six-grid .sg-today-poster{
  aspect-ratio:4/5;
  border-radius:9px;
}
.sg-today-six-grid .sg-today-compact-card>b{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.45em;
  margin:6px 2px 2px;
  color:#2C435A;
  font-size:9.5px;
  line-height:1.23;
}
.sg-today-six-grid .sg-today-meta,
.sg-today-six-grid .sg-today-card>p,
.sg-today-six-grid .sg-today-cta{
  display:none!important;
}

/* Giao dịch gần đây đã bỏ khỏi Dashboard */
.sg-dashboard-transactions{
  display:none!important;
}

@media(max-width:980px){
  .sg-master-chart-card{
    grid-template-columns:180px minmax(0,1fr);
    gap:18px;
  }
  .sg-today-six-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .sg-hero-streak{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    margin-top:14px;
    padding-top:12px;
  }
  .sg-hero-streak-copy h3{
    font-size:17px;
  }
  .sg-hero-streak-copy p{
    font-size:10.5px;
  }
  .sg-hero-streak-days b{
    font-size:31px;
  }
  .sg-hero-streak-days span{
    font-size:11px;
  }

  .sg-master-chart-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:15px;
  }
  .sg-master-donut{
    width:170px;
  }
  .sg-master-chart-legend{
    grid-template-columns:1fr;
    gap:2px;
  }

  .sg-today-six-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .sg-today-six-grid .sg-today-compact-card>b{
    font-size:10px;
  }
}


/* ============================================================
   V2.6.7.12 — HERO STREAK CÙNG HÀNG + SỐ TIỀN TRÊN 6 QUỸ
   ============================================================ */

/* Hero: báo cáo bên trái, lời chúc bên phải */
.sg-hero-main-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,285px);
  gap:20px;
  align-items:stretch;
}
.sg-hero-finance-summary{
  min-width:0;
}
.sg-hero-finance-summary>.sg-big-money{
  margin-bottom:12px;
}

/* Ghi đè layout streak cũ: biến thành card khác biệt trong cùng hàng */
.sg-hero-main-row .sg-hero-streak{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:9px;
  margin:0;
  padding:17px 17px 15px;
  border:1px solid rgba(207,255,225,.48);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(218,255,231,.18),transparent 34%),
    linear-gradient(145deg,rgba(32,155,100,.32),rgba(26,124,104,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
  color:#fff;
}
.sg-hero-streak-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(224,255,235,.94);
  box-shadow:0 6px 14px rgba(13,84,60,.18);
  font-size:21px;
}
.sg-hero-main-row .sg-hero-streak-copy{
  min-width:0;
  flex:0 0 auto;
}
.sg-hero-main-row .sg-hero-streak-copy h3{
  margin:0 0 5px;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.sg-hero-main-row .sg-hero-streak-copy p{
  margin:0;
  max-width:none;
  color:rgba(255,255,255,.94);
  font-size:10.6px;
  line-height:1.42;
}
.sg-hero-main-row .sg-hero-streak-days{
  display:flex;
  align-items:baseline;
  gap:7px;
  margin-top:auto;
  padding-top:7px;
  color:#fff;
  white-space:nowrap;
}
.sg-hero-main-row .sg-hero-streak-days b{
  font-size:32px;
  line-height:1;
  letter-spacing:-.7px;
}
.sg-hero-main-row .sg-hero-streak-days span{
  color:rgba(255,255,255,.92);
  font-size:10.5px;
  font-weight:800;
}

/* Donut: đặt % trực tiếp lên từng lát */
.sg-master-donut{
  position:relative;
}
.sg-master-donut-pct{
  position:absolute;
  z-index:2;
  transform:translate(-50%,-50%);
  min-width:28px;
  padding:2px 4px;
  border-radius:7px;
  background:rgba(255,255,255,.88);
  box-shadow:0 2px 7px rgba(30,60,90,.14);
  color:#173958;
  font-size:8.5px;
  font-weight:950;
  line-height:1.1;
  text-align:center;
  pointer-events:none;
}

/* Legend: không lặp %, chỉ hiện hiện tại/đã chi trên Mục tiêu */
.sg-master-chart-legend{
  gap:6px 18px;
}
.sg-master-chart-legend-row{
  grid-template-columns:10px minmax(0,1fr);
  gap:8px;
  align-items:flex-start;
  padding:8px 0;
}
.sg-master-chart-legend-copy{
  min-width:0;
}
.sg-master-chart-legend-copy>span{
  display:block;
  color:#425B72;
  font-size:10.5px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sg-master-chart-legend-copy>small{
  display:block;
  margin-top:3px;
  color:#708398;
  font-size:8.8px;
  line-height:1.35;
}
.sg-master-chart-legend-copy>small b{
  color:#35526C;
  font-weight:850;
}

@media(max-width:980px){
  .sg-hero-main-row{
    grid-template-columns:minmax(0,1fr) minmax(220px,250px);
    gap:14px;
  }
  .sg-hero-main-row .sg-hero-streak{
    padding:14px;
  }
}

@media(max-width:760px){
  .sg-hero-main-row{
    grid-template-columns:1fr;
  }
  .sg-hero-main-row .sg-hero-streak{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    column-gap:10px;
    row-gap:5px;
  }
  .sg-hero-main-row .sg-hero-streak-days{
    grid-column:2;
    margin-top:3px;
    padding-top:0;
  }
}

@media(max-width:620px){
  .sg-hero-main-row .sg-hero-streak{
    flex-direction:initial;
    align-items:initial;
    gap:initial;
    margin:0;
    padding:13px;
  }
  .sg-master-donut-pct{
    min-width:25px;
    font-size:7.8px;
    padding:2px 3px;
  }
  .sg-master-chart-legend-copy>span{
    font-size:10px;
  }
  .sg-master-chart-legend-copy>small{
    font-size:8.4px;
  }
}


/* ============================================================
   V2.6.7.13 — TYPOGRAPHY STANDARD
   LẤY TRANG QUỸ LÀM CHUẨN TỶ LỆ CHỮ
   ============================================================ */

/*
  Chuẩn tham chiếu từ trang Quỹ:
  - Section / group title: ~18px
  - Card title: 15–16px
  - Số tiền chính trong card: 17–18px
  - Nội dung / meta: 12–12.5px
  - Chữ phụ: 10.5–11.5px
  - Micro label: không thấp hơn khoảng 10px ở PC
  Trang Quỹ không bị thay đổi bởi block này.
*/

.sg-app{
  --tctv-type-page-title:18px;
  --tctv-type-section-title:18px;
  --tctv-type-card-title:15px;
  --tctv-type-body:12.5px;
  --tctv-type-small:11px;
  --tctv-type-micro:10px;
  --tctv-type-money:17px;
  --tctv-type-money-large:24px;
  --tctv-type-hero-money:38px;
  --tctv-type-control:13px;
  --tctv-type-button:13px;
}

/* ------------------------------------------------------------
   1. TIÊU ĐỀ / SUBTITLE CỦA CÁC TRANG KHÁC QUỸ
   ------------------------------------------------------------ */
.sg-page:not([data-page="funds"]) .sg-section-title h2,
.sg-page:not([data-page="funds"]) .sg-page-title h2,
.sg-page:not([data-page="funds"])>h2,
.sg-page:not([data-page="funds"]) .sg-report-detail-head h2{
  font-size:var(--tctv-type-section-title)!important;
  line-height:1.24!important;
  letter-spacing:-.18px!important;
  font-weight:850!important;
}

.sg-page:not([data-page="funds"]) .sg-section-title small,
.sg-page:not([data-page="funds"]) .sg-page-title small,
.sg-page:not([data-page="funds"]) .sg-page-subtitle,
.sg-page:not([data-page="funds"]) .sg-section-subtitle,
.sg-page:not([data-page="funds"]) .sg-report-detail-head small,
.sg-page:not([data-page="funds"]) .sg-transactions-head small,
.sg-page:not([data-page="funds"]) .sg-receipt-page-title small,
.sg-page:not([data-page="funds"]) .sg-bills-page-head small,
.sg-page:not([data-page="funds"]) .sg-report-heading small{
  font-size:var(--tctv-type-small)!important;
  line-height:1.4!important;
}

/* ------------------------------------------------------------
   2. CARD / LIST / GIAO DỊCH / HÓA ĐƠN
   ------------------------------------------------------------ */
.sg-page:not([data-page="funds"]) .sg-name,
.sg-page:not([data-page="funds"]) .sg-bill-name,
.sg-page:not([data-page="funds"]) .sg-receipt-history-row b,
.sg-page:not([data-page="funds"]) .sg-wealth-card .sg-name,
.sg-page:not([data-page="funds"]) .sg-month-tx-row b,
.sg-page:not([data-page="funds"]) .sg-daily-tx-row b,
.sg-page:not([data-page="funds"]) .sg-year-fund-row b{
  font-size:var(--tctv-type-card-title)!important;
  line-height:1.28!important;
  font-weight:800!important;
}

.sg-page:not([data-page="funds"]) .sg-meta,
.sg-page:not([data-page="funds"]) .sg-bill-meta,
.sg-page:not([data-page="funds"]) .sg-receipt-history-row small,
.sg-page:not([data-page="funds"]) .sg-month-tx-row small,
.sg-page:not([data-page="funds"]) .sg-daily-tx-row small,
.sg-page:not([data-page="funds"]) .sg-year-fund-row small,
.sg-page:not([data-page="funds"]) .sg-period-compare{
  font-size:var(--tctv-type-small)!important;
  line-height:1.4!important;
}

.sg-page:not([data-page="funds"]) .sg-amount,
.sg-page:not([data-page="funds"]) .sg-wealth-amount,
.sg-page:not([data-page="funds"]) .sg-bill-amount{
  font-size:var(--tctv-type-card-title)!important;
  line-height:1.2!important;
}

/* Các nút phụ và menu ba chấm */
.sg-page:not([data-page="funds"]) .sg-mini,
.sg-page:not([data-page="funds"]) .sg-inline-add,
.sg-page:not([data-page="funds"]) .sg-more-menu button,
.sg-page:not([data-page="funds"]) .sg-more-menu a{
  font-size:var(--tctv-type-small)!important;
  line-height:1.3!important;
}

/* ------------------------------------------------------------
   3. DASHBOARD — GIỮ HIERARCHY NHƯ TRANG QUỸ
   ------------------------------------------------------------ */
.sg-dashboard-page .sg-essentials-hero>small,
.sg-dashboard-page .sg-hero-finance-summary>small{
  font-size:13px!important;
  line-height:1.25!important;
}

.sg-dashboard-page .sg-big-money{
  font-size:var(--tctv-type-hero-money)!important;
  line-height:1.02!important;
  letter-spacing:-1px!important;
}

.sg-dashboard-page .sg-hero-grid span{
  font-size:11.5px!important;
  line-height:1.25!important;
}

.sg-dashboard-page .sg-hero-grid b{
  font-size:15px!important;
  line-height:1.2!important;
}

.sg-dashboard-page .sg-hero-grid small,
.sg-dashboard-page .sg-dashboard-compare{
  font-size:10.5px!important;
  line-height:1.3!important;
}

/* Chuỗi thói quen */
.sg-dashboard-page .sg-hero-streak-copy h3{
  font-size:17px!important;
  line-height:1.2!important;
}

.sg-dashboard-page .sg-hero-streak-copy p{
  font-size:11px!important;
  line-height:1.42!important;
}

.sg-dashboard-page .sg-hero-streak-days b{
  font-size:30px!important;
  line-height:1!important;
}

.sg-dashboard-page .sg-hero-streak-days span{
  font-size:10.5px!important;
  line-height:1.25!important;
}

/* Quỹ chi thường xuyên trên Dashboard */
.sg-dashboard-page .sg-featured-fund-card b{
  font-size:14.5px!important;
  line-height:1.25!important;
}

.sg-dashboard-page .sg-featured-fund-card>span,
.sg-dashboard-page .sg-featured-fund-card small{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* Donut */
.sg-dashboard-page .sg-master-donut-center b{
  font-size:22px!important;
}
.sg-dashboard-page .sg-master-donut-center span{
  font-size:10px!important;
}
.sg-dashboard-page .sg-master-donut-pct{
  font-size:9px!important;
}
.sg-dashboard-page .sg-master-chart-legend-copy>span{
  font-size:11.5px!important;
  line-height:1.28!important;
}
.sg-dashboard-page .sg-master-chart-legend-copy>small{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* Poster: không quá nhỏ so với chữ phụ trang Quỹ */
.sg-dashboard-page .sg-today-six-grid .sg-today-compact-card>b{
  font-size:10.5px!important;
  line-height:1.28!important;
}

/* ------------------------------------------------------------
   4. BÁO CÁO — GIẢM SỐ QUÁ TO, TĂNG CHỮ QUÁ NHỎ
   ------------------------------------------------------------ */
.sg-report-page .sg-report-primary-card span,
.sg-report-page .sg-report-mini-card span{
  font-size:var(--tctv-type-small)!important;
  line-height:1.35!important;
}

.sg-report-page .sg-report-primary-card>b,
.sg-report-page .sg-report-expense-main>b{
  font-size:26px!important;
  line-height:1.05!important;
}

.sg-report-page .sg-report-mini-card b{
  font-size:16px!important;
  line-height:1.15!important;
}

.sg-report-page .sg-report-expense-breakdown span{
  font-size:10.5px!important;
}
.sg-report-page .sg-report-expense-breakdown b{
  font-size:15px!important;
  line-height:1.15!important;
}

.sg-report-page .sg-report-fund-name{
  font-size:14px!important;
  line-height:1.3!important;
}

.sg-report-page .sg-report-fund-value{
  font-size:12.5px!important;
  line-height:1.25!important;
}

.sg-report-page .sg-report-quickbar label,
.sg-report-page .sg-period-control label{
  font-size:11px!important;
}

.sg-report-page .sg-report-quickbar select,
.sg-report-page .sg-report-quickbar input,
.sg-report-page .sg-period-control select,
.sg-report-page .sg-period-control input,
.sg-report-page .sg-period-prev,
.sg-report-page .sg-period-next{
  font-size:12.5px!important;
}

/* KPI báo cáo chi tiết */
.sg-report-page .sg-month-report-kpis span,
.sg-report-page .sg-daily-report-kpis span,
.sg-report-page .sg-year-kpis span{
  font-size:10.5px!important;
  line-height:1.35!important;
}

.sg-report-page .sg-month-report-kpis b,
.sg-report-page .sg-daily-report-kpis b,
.sg-report-page .sg-year-kpis b{
  font-size:15px!important;
  line-height:1.2!important;
}

/* Accordion và compact list */
.sg-report-page .sg-report-accordion summary,
.sg-report-page .sg-compact-head{
  font-size:11.5px!important;
  line-height:1.3!important;
}

.sg-report-page .sg-compact-row{
  font-size:12px!important;
  line-height:1.35!important;
}
.sg-report-page .sg-compact-row b{
  font-size:13.5px!important;
  line-height:1.3!important;
}
.sg-report-page .sg-compact-row strong{
  font-size:12.5px!important;
}

/* ------------------------------------------------------------
   5. QUÉT HÓA ĐƠN / HÓA ĐƠN
   ------------------------------------------------------------ */
.sg-receipt-page .sg-receipt-head small{
  font-size:10.5px!important;
}
.sg-receipt-page .sg-receipt-head h3{
  font-size:18px!important;
  line-height:1.22!important;
}
.sg-receipt-page .sg-receipt-source-card b,
.sg-receipt-page .sg-receipt-source-card strong{
  font-size:14.5px!important;
}
.sg-receipt-page .sg-receipt-source-card small,
.sg-receipt-page .sg-receipt-tip,
.sg-receipt-page .sg-receipt-status{
  font-size:11px!important;
  line-height:1.4!important;
}

.sg-bills-page .sg-bill-summary-card b{
  font-size:14px!important;
  line-height:1.35!important;
}
.sg-bills-page .sg-bill-summary-card small,
.sg-bills-page .sg-bill-archive-title small{
  font-size:11px!important;
  line-height:1.4!important;
}

/* ------------------------------------------------------------
   6. MODAL / FORM — GIỮ NHỊP CHỮ NHƯ TRANG QUỸ
   ------------------------------------------------------------ */
.sg-modal .sg-sheet h3{
  font-size:19px!important;
  line-height:1.2!important;
}

.sg-modal .sg-sheet label{
  font-size:12px!important;
  line-height:1.3!important;
}

.sg-modal .sg-sheet input,
.sg-modal .sg-sheet select,
.sg-modal .sg-sheet textarea{
  font-size:15px!important;
  line-height:1.3!important;
}

.sg-modal .sg-sheet small,
.sg-modal .sg-tx-fund-help,
.sg-modal .sg-fund-limit-note,
.sg-modal .sg-source-regular-note{
  font-size:10.5px!important;
  line-height:1.42!important;
}

.sg-modal .sg-primary,
.sg-modal .sg-secondary,
.sg-modal .sg-sheet button{
  font-size:13px!important;
  line-height:1.25!important;
}

/* ------------------------------------------------------------
   7. SIDEBAR / BOTTOM NAV
   ------------------------------------------------------------ */
.sg-side-nav a,
.sg-side-nav button,
.sg-sidebar .sg-nav-label,
.sg-sidebar .sg-nav-text{
  font-size:14px!important;
}

.sg-bottom-nav button>small,
.sg-bottom-nav .sg-nav-label{
  font-size:10.5px!important;
}

/* ============================================================
   MOBILE — GIỮ CÙNG TỶ LỆ, KHÔNG THU CHỮ QUÁ NHỎ
   ============================================================ */
@media(max-width:620px){
  .sg-app{
    --tctv-type-page-title:18px;
    --tctv-type-section-title:18px;
    --tctv-type-card-title:14.5px;
    --tctv-type-body:12px;
    --tctv-type-small:10.5px;
    --tctv-type-micro:10px;
    --tctv-type-money:16px;
    --tctv-type-money-large:22px;
    --tctv-type-hero-money:33px;
    --tctv-type-control:12px;
    --tctv-type-button:12.5px;
  }

  .sg-page:not([data-page="funds"]) .sg-section-title h2,
  .sg-page:not([data-page="funds"]) .sg-page-title h2,
  .sg-page:not([data-page="funds"])>h2,
  .sg-page:not([data-page="funds"]) .sg-report-detail-head h2{
    font-size:18px!important;
  }

  .sg-page:not([data-page="funds"]) .sg-section-title small,
  .sg-page:not([data-page="funds"]) .sg-page-subtitle,
  .sg-page:not([data-page="funds"]) .sg-section-subtitle{
    font-size:10.5px!important;
  }

  .sg-page:not([data-page="funds"]) .sg-name,
  .sg-page:not([data-page="funds"]) .sg-bill-name,
  .sg-page:not([data-page="funds"]) .sg-month-tx-row b,
  .sg-page:not([data-page="funds"]) .sg-daily-tx-row b{
    font-size:14.5px!important;
  }

  .sg-page:not([data-page="funds"]) .sg-meta,
  .sg-page:not([data-page="funds"]) .sg-bill-meta,
  .sg-page:not([data-page="funds"]) .sg-month-tx-row small,
  .sg-page:not([data-page="funds"]) .sg-daily-tx-row small{
    font-size:10.5px!important;
  }

  /* Hero */
  .sg-dashboard-page .sg-big-money{
    font-size:33px!important;
  }
  .sg-dashboard-page .sg-hero-grid span{
    font-size:10.5px!important;
  }
  .sg-dashboard-page .sg-hero-grid b{
    font-size:13px!important;
  }
  .sg-dashboard-page .sg-hero-grid small,
  .sg-dashboard-page .sg-dashboard-compare{
    font-size:10px!important;
  }

  .sg-dashboard-page .sg-hero-streak-copy h3{
    font-size:16px!important;
  }
  .sg-dashboard-page .sg-hero-streak-copy p{
    font-size:10.5px!important;
  }
  .sg-dashboard-page .sg-hero-streak-days b{
    font-size:28px!important;
  }
  .sg-dashboard-page .sg-hero-streak-days span{
    font-size:10px!important;
  }

  /* Donut legend */
  .sg-dashboard-page .sg-master-chart-legend-copy>span{
    font-size:11px!important;
  }
  .sg-dashboard-page .sg-master-chart-legend-copy>small{
    font-size:10px!important;
  }
  .sg-dashboard-page .sg-master-donut-pct{
    font-size:8.5px!important;
  }

  /* Report */
  .sg-report-page .sg-report-primary-card>b,
  .sg-report-page .sg-report-expense-main>b{
    font-size:24px!important;
  }
  .sg-report-page .sg-report-mini-card b{
    font-size:15px!important;
  }
  .sg-report-page .sg-report-expense-breakdown span{
    font-size:10px!important;
  }
  .sg-report-page .sg-report-expense-breakdown b{
    font-size:14px!important;
  }

  .sg-report-page .sg-month-report-kpis span,
  .sg-report-page .sg-daily-report-kpis span,
  .sg-report-page .sg-year-kpis span{
    font-size:10px!important;
  }
  .sg-report-page .sg-month-report-kpis b,
  .sg-report-page .sg-daily-report-kpis b,
  .sg-report-page .sg-year-kpis b{
    font-size:14px!important;
  }

  .sg-report-page .sg-report-fund-name{
    font-size:12px!important;
  }
  .sg-report-page .sg-report-fund-value{
    font-size:11px!important;
  }

  /* Modal */
  .sg-modal .sg-sheet h3{
    font-size:18px!important;
  }
  .sg-modal .sg-sheet label{
    font-size:11.5px!important;
  }
  .sg-modal .sg-sheet small,
  .sg-modal .sg-tx-fund-help,
  .sg-modal .sg-fund-limit-note,
  .sg-modal .sg-source-regular-note{
    font-size:10.5px!important;
  }

  /* Bottom nav giữ rõ trên điện thoại */
  .sg-bottom-nav button>small,
  .sg-bottom-nav .sg-nav-label{
    font-size:10.5px!important;
  }
}

/* ============================================================
   DESKTOP — TĂNG RẤT NHẸ, KHÔNG PHÁ TỶ LỆ CỦA TRANG QUỸ
   ============================================================ */
@media(min-width:900px){
  body.skygiau-mobile-app .sg-app{
    --tctv-type-section-title:18px;
    --tctv-type-card-title:15.5px;
    --tctv-type-body:12.5px;
    --tctv-type-small:11px;
    --tctv-type-money:17px;
    --tctv-type-money-large:24px;
    --tctv-type-hero-money:39px;
  }

  body.skygiau-mobile-app .sg-page:not([data-page="funds"]) .sg-name{
    font-size:15.5px!important;
  }

  body.skygiau-mobile-app .sg-page:not([data-page="funds"]) .sg-meta{
    font-size:11.5px!important;
  }

  body.skygiau-mobile-app .sg-report-page .sg-report-primary-card>b,
  body.skygiau-mobile-app .sg-report-page .sg-report-expense-main>b{
    font-size:27px!important;
  }

  body.skygiau-mobile-app .sg-report-page .sg-report-mini-card b{
    font-size:16px!important;
  }
}