/*
 * GST Khata v2.0.379 — Responsive "app-like" UI layer
 * ---------------------------------------------------
 * PRESENTATION ONLY. No HTML ids/classes/names/actions/JS hooks are changed.
 * Loaded after agbp-global-ui.css. Uses higher-specificity selectors so the
 * older inline CSS is overridden without touching any PHP logic.
 *
 * Sections
 *   1. Login / Register popup (all screens)
 *   2. Public homepage + feature pages (mobile / small tablet)
 *   3. Logged-in dashboard (mobile)
 *   4. Global overflow guards
 */

/* =====================================================================
 * 1. LOGIN / REGISTER POPUP
 * ===================================================================== */
html body .agbp-auth-modal{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;           /* always above theme/site header */
    align-items:center!important;
    justify-content:center!important;
    padding:clamp(8px,2vh,20px)!important;
    box-sizing:border-box!important;
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:#0f172a;
}
html body .agbp-auth-modal *,
html body .agbp-auth-modal *::before,
html body .agbp-auth-modal *::after{box-sizing:border-box}
html body .agbp-auth-modal a{text-decoration:none}

html body .agbp-auth-modal .agbp-auth-modal__panel{
    width:min(880px,96vw)!important;
    max-width:880px!important;
    max-height:calc(100dvh - 24px)!important;
    padding:44px 18px 16px!important;
    border-radius:22px!important;
    margin:0 auto!important;
    scrollbar-gutter:auto!important;
}
html body .agbp-auth-modal .agbp-auth-modal__close{
    top:9px!important;right:9px!important;
    width:34px!important;height:34px!important;
    font-size:22px!important;
}
html body .agbp-auth-modal .agbp-home-login-head{
    margin:0 auto 10px!important;
    padding:0 40px 0 0!important;
    text-align:left!important;
}
html body .agbp-auth-modal .agbp-home-login-head .agbp-home-pill{
    padding:4px 9px;font-size:10px;letter-spacing:.05em;
}
html body .agbp-auth-modal .agbp-home-login-head h2{
    margin:6px 0 3px!important;
    font-size:clamp(17px,1.9vw,21px)!important;
    line-height:1.25!important;
}
html body .agbp-auth-modal .agbp-home-login-head p{
    margin:0!important;font-size:12.5px!important;line-height:1.45!important;color:#475569;
}
html body .agbp-auth-modal .agbp-home-login-box{
    padding:8px!important;border-radius:16px!important;max-width:none!important;
}
html body .agbp-auth-modal .agbp-account-wrap{gap:12px!important}
html body .agbp-auth-modal .agbp-account-box{
    padding:14px 16px!important;border-radius:14px!important;
}
html body .agbp-auth-modal .agbp-account-box h2{font-size:18px!important;margin:0 0 3px!important}
html body .agbp-auth-modal .agbp-account-box>p,
html body .agbp-auth-modal .agbp-account-box form>p{font-size:12.5px!important;margin:0 0 6px!important;line-height:1.4!important}
html body .agbp-auth-modal .agbp-account-box label{
    margin:8px 0 3px!important;font-size:11px!important;letter-spacing:.3px!important;
}
html body .agbp-auth-modal .agbp-account-box input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
html body .agbp-auth-modal .agbp-account-box select{
    padding:8px 11px!important;font-size:13.5px!important;border-radius:9px!important;min-height:38px;
}
html body .agbp-auth-modal .agbp-password-wrap>input{padding-right:42px!important}
html body .agbp-auth-modal .agbp-password-toggle{width:30px!important;height:30px!important}
html body .agbp-auth-modal .agbp-field-help,
html body .agbp-auth-modal .agbp-username-preview{margin-top:3px!important;font-size:11px!important}

/* compact CAPTCHA (markup/JS untouched) */
html body .agbp-auth-modal .agbp-math-captcha{margin:8px 0 10px!important;padding:8px!important;border-radius:11px!important}
html body .agbp-auth-modal .agbp-math-captcha-head{margin-bottom:6px!important}
html body .agbp-auth-modal .agbp-math-captcha-head strong{font-size:11.5px!important}
html body .agbp-auth-modal .agbp-math-captcha-head span{font-size:10.5px!important}
html body .agbp-auth-modal .agbp-math-captcha-visual{margin-bottom:6px!important;gap:6px!important}
html body .agbp-auth-modal .agbp-math-captcha-visual .agbp-math-captcha-image{
    height:52px!important;width:min(240px,calc(100% - 42px))!important;max-width:240px!important;object-fit:contain;
}
html body .agbp-auth-modal .agbp-math-captcha-row input[name="agbp_math_captcha_answer"]{
    height:38px!important;min-height:38px!important;font-size:15px!important;padding:4px 8px!important;margin:0!important;
}
html body .agbp-auth-modal .agbp-math-captcha small{display:block;margin-top:5px;font-size:10.5px!important;line-height:1.3}

/* buttons stay prominent but shorter */
html body .agbp-auth-modal .agbp-account-box button[type=submit]{
    margin-top:10px!important;padding:9px 14px!important;font-size:14px!important;min-height:40px;border-radius:10px!important;
}
html body .agbp-auth-modal .agbp-login-separator{margin:10px 0!important}

@media(max-width:760px){
    html body .agbp-auth-modal{padding:6px!important;align-items:flex-end!important}
    html body .agbp-auth-modal .agbp-auth-modal__panel{
        width:100%!important;max-width:none!important;
        max-height:calc(100dvh - 12px)!important;
        padding:40px 10px 12px!important;border-radius:20px!important;
    }
    html body .agbp-auth-modal .agbp-account-wrap{grid-template-columns:1fr!important;gap:10px!important}
    html body .agbp-auth-modal .agbp-account-box{padding:12px!important}
    html body .agbp-auth-modal .agbp-account-box input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
    html body .agbp-auth-modal .agbp-account-box select{font-size:16px!important}  /* no iOS zoom */
    html body .agbp-auth-modal .agbp-home-login-head h2{font-size:17px!important}
    html body .agbp-auth-modal .agbp-home-login-head p{display:none!important}
    html body .agbp-auth-modal .agbp-otp-choice,
    html body .agbp-auth-modal .agbp-resend-row{grid-template-columns:1fr 1fr!important}
}

/* =====================================================================
 * 2. PUBLIC HOMEPAGE + FEATURE PAGES
 * ===================================================================== */

/* ---- tablet (761–1120): tighter rhythm, keep desktop structure ---- */
@media(min-width:761px) and (max-width:1120px){
    html body .agbp-home-wrap .agbp-home-hero{padding:44px 26px!important}
    html body .agbp-home-wrap .agbp-home-section{padding:38px 26px!important}
    html body .agbp-home-wrap .agbp-home-category-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---- mobile (<=767): compact, 2-column, app-like ---- */
@media(max-width:767px){
    html body :is(.agbp-home-wrap,.agbp-feature-landing-wrap){
        border-radius:0!important;max-width:100%!important;overflow-x:hidden!important;
    }

    /* header + actions */
    html body .agbp-home-wrap .agbp-home-header{padding:8px 12px!important;gap:6px!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}
    html body .agbp-home-wrap .agbp-home-actions{gap:6px!important;flex-wrap:nowrap!important}
    html body .agbp-home-wrap .agbp-home-actions .agbp-home-btn{flex:0 0 auto!important;min-height:36px!important;padding:7px 13px!important;font-size:13px!important}
    html body .agbp-home-wrap .agbp-home-header .agbp-home-nav{gap:6px!important;padding:0!important;scrollbar-width:none}
    html body .agbp-home-wrap .agbp-home-header .agbp-home-nav::-webkit-scrollbar{display:none}
    html body .agbp-home-wrap .agbp-home-nav a,
    html body .agbp-home-wrap .agbp-home-feature-menu-button{font-size:13px!important;padding:6px 8px!important}

    /* hero */
    html body .agbp-home-wrap .agbp-home-hero{padding:18px 14px 20px!important;gap:16px!important;grid-template-columns:minmax(0,1fr)!important}
    html body .agbp-home-wrap .agbp-home-hero>*,
    html body .agbp-home-wrap .agbp-home-intro>*,
    html body .agbp-home-wrap .agbp-home-split>*{min-width:0!important;max-width:100%}
    html body .agbp-home-wrap .agbp-home-pill{font-size:10px!important;padding:5px 9px!important;line-height:1.35}
    html body .agbp-home-wrap .agbp-home-hero h1{font-size:25px!important;line-height:1.14!important;margin:10px 0 8px!important;letter-spacing:-.025em!important}
    html body .agbp-home-wrap .agbp-home-hero p{font-size:14px!important;line-height:1.55!important;margin:0 0 12px!important}
    html body .agbp-home-wrap .agbp-home-hero-actions{flex-wrap:nowrap!important;gap:8px!important}
    html body .agbp-home-wrap .agbp-home-hero-actions .agbp-home-btn{flex:1 1 0!important;min-height:40px!important;padding:8px 10px!important;font-size:13.5px!important;white-space:nowrap}

    /* chips become swipeable single rows instead of 6+ wrapped lines */
    html body .agbp-home-wrap .agbp-home-trust-row,
    html body .agbp-home-wrap .agbp-seo-keyword-cloud{
        flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;margin:10px -14px 0!important;padding:2px 14px 4px!important;
        scrollbar-width:none;-webkit-overflow-scrolling:touch;
    }
    html body .agbp-home-wrap .agbp-home-trust-row::-webkit-scrollbar,
    html body .agbp-home-wrap .agbp-seo-keyword-cloud::-webkit-scrollbar{display:none}
    html body .agbp-home-wrap .agbp-home-trust-row span,
    html body .agbp-home-wrap .agbp-seo-keyword-cloud a{flex:0 0 auto!important;white-space:nowrap!important;font-size:11px!important;padding:6px 10px!important}

    /* dark preview card: 2-up mini cards, readable labels */
    html body .agbp-home-wrap .agbp-home-dashboard-preview{padding:12px!important;border-radius:18px!important}
    html body .agbp-home-wrap .agbp-home-browser{margin-bottom:10px!important}
    html body .agbp-home-wrap .agbp-preview-head,
    html body .agbp-home-wrap .agbp-preview-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    html body .agbp-home-wrap .agbp-preview-head div,
    html body .agbp-home-wrap .agbp-preview-mini-grid div{padding:9px 10px!important;border-radius:12px!important;font-size:11.5px;color:#cbd5e1!important}
    html body .agbp-home-wrap .agbp-preview-head strong{font-size:17px!important;margin-top:2px!important}
    html body .agbp-home-wrap .agbp-preview-mini-grid b{display:block;font-size:12.5px;margin-top:2px}
    html body .agbp-home-wrap .agbp-preview-mini-grid small{font-size:10.5px!important;margin-top:3px!important}
    html body .agbp-home-wrap .agbp-preview-invoice{padding:11px!important;margin:8px 0!important;border-radius:14px!important}
    html body .agbp-home-wrap .agbp-preview-lines{margin:9px 0!important}
    html body .agbp-home-wrap .agbp-preview-total{padding:8px 10px!important;font-size:12px;align-items:center}
    html body .agbp-home-wrap .agbp-preview-free-cta{min-height:42px!important;margin-top:10px!important;font-size:13.5px!important;border-radius:12px!important}

    /* generic sections */
    html body .agbp-home-wrap .agbp-home-section{padding:24px 14px!important}
    html body .agbp-home-wrap .agbp-home-section h2{font-size:21px!important;line-height:1.2!important;margin:8px 0!important}
    html body .agbp-home-wrap .agbp-home-section p{font-size:14px!important;line-height:1.6!important}
    html body .agbp-home-wrap .agbp-home-section-head{margin-bottom:14px!important}
    html body .agbp-home-wrap .agbp-home-intro,
    html body .agbp-home-wrap .agbp-home-split{gap:14px!important}
    html body .agbp-home-wrap .agbp-home-flow-cards{gap:8px!important}
    html body .agbp-home-wrap .agbp-home-flow-cards div{grid-template-columns:34px 1fr!important;padding:10px 12px!important;border-radius:14px!important;column-gap:10px!important}
    html body .agbp-home-wrap .agbp-home-flow-cards b{width:30px!important;height:30px!important;font-size:13px}

    /* 2-column app grids for small info cards */
    html body .agbp-home-wrap .agbp-home-ai-steps,
    html body .agbp-home-wrap .agbp-home-module-list{
        grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important;
    }
    html body .agbp-home-wrap .agbp-home-ai-steps div,
    html body .agbp-home-wrap .agbp-home-module-list div{padding:11px!important;border-radius:14px!important}
    html body .agbp-home-wrap .agbp-home-ai-steps b{width:34px!important;height:34px!important;font-size:16px!important;margin-bottom:7px!important;border-radius:11px!important}
    html body .agbp-home-wrap .agbp-home-ai-steps strong{font-size:13.5px!important;margin-bottom:4px!important}
    html body .agbp-home-wrap .agbp-home-ai-steps span,
    html body .agbp-home-wrap .agbp-home-module-list span{font-size:12px!important;line-height:1.45!important}
    html body .agbp-home-wrap .agbp-home-module-list strong{font-size:13.5px}
    html body .agbp-home-wrap .agbp-home-process{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important}
    html body .agbp-home-wrap .agbp-home-process div{padding:10px!important;border-radius:14px!important;font-size:13px}
    html body .agbp-home-wrap .agbp-home-link-row{gap:6px!important;margin-top:10px!important}
    html body .agbp-home-wrap .agbp-home-link-row a{padding:7px 11px!important;font-size:12.5px}

    /* ---- feature showcase: app-style category tabs + 2-col cards ---- */
    html body .agbp-home-wrap .agbp-home-feature-showcase{padding:22px 10px!important}
    html body .agbp-home-wrap .agbp-home-feature-index{
        margin:12px -2px 12px!important;padding:6px!important;gap:6px!important;border-radius:14px!important;scrollbar-width:none;
    }
    html body .agbp-home-wrap .agbp-home-feature-index::-webkit-scrollbar{display:none}
    html body .agbp-home-wrap .agbp-home-feature-index>a{min-height:36px!important;padding:6px 10px 11px!important;gap:6px!important;border-radius:11px!important}
    html body .agbp-home-wrap .agbp-home-feature-index>a span{font-size:15px!important}
    html body .agbp-home-wrap .agbp-home-feature-index>a small{min-width:20px!important;height:20px!important;font-size:11px}
    html body .agbp-home-wrap .agbp-home-feature-index>a:after{bottom:4px!important;height:3px!important}

    html body .agbp-home-wrap .agbp-home-feature-categories{gap:12px!important}
    html body .agbp-home-wrap .agbp-home-feature-category{padding:12px 10px!important;border-radius:18px!important}
    html body .agbp-home-wrap .agbp-home-feature-category-head{
        display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between!important;
        padding-bottom:14px!important;margin-bottom:10px!important;gap:6px!important;
    }
    html body .agbp-home-wrap .agbp-home-feature-category-head:after{height:5px!important}
    html body .agbp-home-wrap .agbp-home-feature-category-title{gap:10px!important;align-items:center!important;flex:1 1 auto;min-width:0}
    html body .agbp-home-wrap .agbp-home-feature-category-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:13px!important;font-size:19px!important}
    html body .agbp-home-wrap .agbp-home-feature-category-number{font-size:10px!important;margin-bottom:2px!important}
    html body .agbp-home-wrap .agbp-home-feature-category h3{font-size:17px!important;line-height:1.2!important;margin:0!important}
    html body .agbp-home-wrap .agbp-home-feature-category-head p{font-size:12px!important;line-height:1.4!important;margin:3px 0 0!important}
    html body .agbp-home-wrap .agbp-home-feature-back{margin:0!important;font-size:11.5px!important;flex:0 0 auto}

    html body .agbp-home-wrap .agbp-home-category-feature-grid{
        grid-template-columns:repeat(auto-fit,minmax(148px,1fr))!important;gap:8px!important;
    }
    html body .agbp-home-wrap .agbp-home-category-feature-card{padding:10px!important;border-radius:14px!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important}
    html body .agbp-home-wrap .agbp-home-category-feature-top{margin-bottom:7px!important}
    html body .agbp-home-wrap .agbp-home-category-feature-icon{width:32px!important;height:32px!important;border-radius:10px!important;font-size:16px!important}
    html body .agbp-home-wrap .agbp-home-category-feature-status{padding:3px 6px!important;font-size:8.5px!important}
    html body .agbp-home-wrap .agbp-home-category-feature-card h4{font-size:13px!important;line-height:1.25!important;margin:0 0 4px!important}
    html body .agbp-home-wrap .agbp-home-category-feature-card p{font-size:11.5px!important;line-height:1.42!important}

    /* feature landing pages */
    html body .agbp-feature-landing-wrap .agbp-feature-hero{padding:20px 14px!important}
    html body .agbp-feature-landing-wrap .agbp-feature-hero h1{font-size:25px!important;margin:8px 0!important}
    html body .agbp-feature-landing-wrap .agbp-feature-hero p{font-size:14px!important;line-height:1.6!important}
    html body .agbp-feature-landing-wrap .agbp-feature-content-section{padding:20px 14px!important}
    html body .agbp-feature-landing-wrap .agbp-feature-main-article,
    html body .agbp-feature-landing-wrap .agbp-feature-side-card{padding:16px!important;border-radius:18px!important}
    html body .agbp-feature-landing-wrap .agbp-feature-preview-card{padding:16px!important;border-radius:20px!important}
    html body .agbp-feature-landing-wrap .agbp-feature-preview-icon{width:48px!important;height:48px!important;font-size:22px!important;margin-bottom:10px!important}
    html body .agbp-feature-landing-wrap .agbp-related-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    html body .agbp-feature-landing-wrap .agbp-related-feature-card{padding:12px!important;border-radius:14px!important}
    html body .agbp-feature-landing-wrap .agbp-related-feature-card span{width:36px!important;height:36px!important;font-size:18px!important;margin-bottom:8px!important}
    html body .agbp-feature-landing-wrap .agbp-related-feature-card strong{font-size:13.5px!important;margin-bottom:4px!important}

    /* text blocks / blog / FAQ */
    html body .agbp-home-wrap .agbp-home-article{padding:14px!important;border-radius:16px!important}
    html body .agbp-home-wrap .agbp-home-article h2{font-size:21px!important}
    html body .agbp-home-wrap .agbp-home-article p{font-size:14px!important;line-height:1.65!important;margin:9px 0!important}
    html body .agbp-home-wrap .agbp-home-blog-grid{gap:8px!important}
    html body .agbp-home-wrap .agbp-home-blog-grid article{padding:14px!important;border-radius:14px!important}
    html body .agbp-home-wrap .agbp-home-faq-card{padding:12px!important;border-radius:18px!important}
    html body .agbp-home-wrap .agbp-home-faq details{padding:11px 12px!important;border-radius:12px!important}
    html body .agbp-home-wrap .agbp-home-faq summary{font-size:13.5px}
    html body .agbp-home-wrap .agbp-home-faq p{font-size:13px!important;line-height:1.55!important}
    html body .agbp-home-wrap .agbp-faq-card-head h3{font-size:18px!important;margin-top:8px!important}
    html body .agbp-home-wrap .agbp-home-footer{padding:16px 14px!important;gap:10px!important}

    /* plans: keep existing swipe carousel, just tighten the card */
    html body .agbp-home-wrap .agbp-plan-card{padding:16px!important;border-radius:18px!important}
}

/* very small phones: let hero buttons wrap instead of squeezing */
@media(max-width:340px){
    html body .agbp-home-wrap .agbp-home-hero-actions{flex-wrap:wrap!important}
}

/* =====================================================================
 * 3. LOGGED-IN DASHBOARD (mobile) — 2-column cards, compact controls
 * ===================================================================== */
@media(max-width:767px){
    html body .agbp-app-shell .agbp-summary-grid,
    html body .agbp-app-shell .agbp-grid{
        grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;margin-bottom:12px!important;
    }
    html body .agbp-app-shell .agbp-summary-card,
    html body .agbp-app-shell .agbp-card{
        padding:11px 10px!important;border-radius:14px!important;min-height:0!important;
        box-shadow:0 4px 14px rgba(15,23,42,.06)!important;
    }
    html body .agbp-app-shell .agbp-summary-card strong{font-size:19px!important;line-height:1.2!important}
    html body .agbp-app-shell .agbp-summary-card span,
    html body .agbp-app-shell .agbp-summary-card small{font-size:11.5px!important}
    html body .agbp-app-shell .agbp-card h3{font-size:13.5px!important;line-height:1.25!important;margin:0 0 4px!important}
    html body .agbp-app-shell .agbp-card p{font-size:11.5px!important;line-height:1.42!important;margin:0 0 8px!important}
    html body .agbp-app-shell .agbp-btn{
        width:auto!important;min-width:0;max-width:100%;padding:8px 14px!important;font-size:12.5px!important;
        border-radius:10px!important;min-height:36px;
    }
    html body .agbp-app-shell .agbp-card .agbp-btn{width:100%!important;margin-top:auto!important}
    html body .agbp-app-shell .agbp-page-title{margin:0 0 10px!important}
    html body .agbp-app-shell .agbp-page-title h1{font-size:19px!important}
    html body .agbp-app-shell .agbp-main{padding-left:10px!important;padding-right:10px!important}
    html body .agbp-app-shell .agbp-content{padding-left:0;padding-right:0}
    html body .agbp-app-shell .agbp-table-box{padding:10px!important;border-radius:14px!important}
    html body .agbp-app-shell .agbp-table th,
    html body .agbp-app-shell .agbp-table td{padding:8px 9px!important;font-size:12px!important}

    /* forms: tighter spacing, never wider than the screen */
    html body .agbp-app-shell .agbp-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),
    html body .agbp-app-shell .agbp-content select,
    html body .agbp-app-shell .agbp-content textarea{max-width:100%;box-sizing:border-box}
    html body .agbp-app-shell .agbp-content label{margin-top:8px}
}

/* =====================================================================
 * 4. GLOBAL OVERFLOW GUARDS (no sideways scroll)
 * ===================================================================== */
html body .agbp-app-shell,
html body .agbp-home-wrap{max-width:100%}
html body .agbp-main,
html body .agbp-content{min-width:0;max-width:100%}
html body .agbp-home-wrap img,
html body .agbp-app-shell img{max-width:100%}
@media(prefers-reduced-motion:reduce){
    html body .agbp-home-wrap *{transition:none!important}
}

/* v2.0.379 — mobile auth top bar (GST Billing + Login/Register) removed;
 * both forms are already shown right below it. Markup/logic untouched. */
html body .agbp-mobile-auth-brand,
html body .agbp-auth-modal .agbp-mobile-auth-brand,
html body .agbp-mobile-auth-brand__actions{display:none!important}


/* v2.0.442 — safe mobile navigation layer.
 * The v2.0.441 full-screen app shell is intentionally NOT used here.
 * Existing mobile/tablet dashboard structure remains visible and functional.
 * Desktop is untouched. The bottom rail is only a shortcut and never hides content.
 */
@media screen and (max-width:767px){
    html body .agbp-mobile-bottom-nav{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(0,1fr))!important;
        position:fixed!important;
        left:8px!important;right:8px!important;bottom:8px!important;
        height:60px!important;z-index:10000!important;
        padding:5px!important;
        border:1px solid rgba(203,213,225,.9)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.97)!important;
        box-shadow:0 10px 30px rgba(15,23,42,.16)!important;
        box-sizing:border-box!important;
    }
    html body .agbp-mobile-bottom-nav a,
    html body .agbp-mobile-bottom-nav button{
        min-width:0!important;border:0!important;background:transparent!important;
        color:#64748b!important;text-decoration:none!important;
        display:flex!important;flex-direction:column!important;align-items:center!important;
        justify-content:center!important;gap:2px!important;border-radius:12px!important;
        font:800 9px/1.1 Inter,system-ui,sans-serif!important;cursor:pointer!important;
        padding:4px 2px!important;box-sizing:border-box!important;
    }
    html body .agbp-mobile-bottom-nav .mbn-icon{font-size:18px!important;line-height:1!important}
    html body .agbp-mobile-bottom-nav a.is-active{
        color:#2563eb!important;background:#eff6ff!important;
    }
    /* Important: bottom rail must never cover the last dashboard content. */
    html body .agbp-app-shell{padding-bottom:82px!important}

    /* Keep the original dashboard/sidebar/content structure visible. */
    html body .agbp-app-shell > .agbp-sidebar{
        display:block!important;position:relative!important;
        width:100%!important;height:auto!important;min-height:0!important;
        max-height:none!important;overflow:visible!important;
    }
    html body .agbp-app-shell > .agbp-main{
        display:block!important;position:relative!important;
        width:100%!important;max-width:100%!important;min-width:0!important;
        overflow:visible!important;
    }
    /* Do not replace the real dashboard with the synthetic hero. */
    html body .agbp-mobile-hero{display:none!important}

    /* More opens the existing dashboard menu; it does not create an overlay shell. */
    html body .agbp-app-shell.agbp-mobile-more-open > .agbp-sidebar{
        position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
        top:auto!important;width:100%!important;height:auto!important;max-height:none!important;
        min-height:0!important;border-radius:0!important;box-shadow:none!important;
        overflow:visible!important;z-index:auto!important;padding:10px 10px 12px!important;
    }
    html body .agbp-mobile-more-backdrop{display:none!important}
}
@media screen and (min-width:768px){
    html body .agbp-mobile-bottom-nav,
    html body .agbp-mobile-more-backdrop,
    html body .agbp-mobile-hero{display:none!important}
}
@media screen and (max-width:360px){
    html body .agbp-mobile-bottom-nav{left:5px!important;right:5px!important;bottom:5px!important;height:58px!important}
    html body .agbp-mobile-bottom-nav .mbn-icon{font-size:17px!important}
    html body .agbp-mobile-bottom-nav a,html body .agbp-mobile-bottom-nav button{font-size:8.5px!important}
}


/* ========================================================================
 * GST Khata v2.0.443 — Mobile + Tablet App Layout
 * Desktop (>=1025px) is intentionally untouched.
 * This layer reshapes the existing dashboard; it does not replace its
 * functional DOM, links, forms or Munim engine.
 * ======================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-responsive-munim-hero{
        display:flex!important;position:relative!important;align-items:flex-end!important;
        justify-content:space-between!important;gap:10px!important;overflow:hidden!important;
        width:100%!important;box-sizing:border-box!important;
        min-height:146px!important;margin:8px 0 10px!important;padding:18px 18px 15px!important;
        border-radius:20px!important;
        background:linear-gradient(135deg,#1267e8 0%,#2547c8 58%,#4830a7 100%)!important;
        color:#fff!important;box-shadow:0 12px 28px rgba(37,78,190,.20)!important;
    }
    html body .agbp-responsive-munim-hero:before,
    html body .agbp-responsive-munim-hero:after{
        content:"";position:absolute;border-radius:50%;pointer-events:none;
        background:rgba(255,255,255,.08)!important;
    }
    html body .agbp-responsive-munim-hero:before{width:190px;height:190px;right:-70px;top:-100px}
    html body .agbp-responsive-munim-hero:after{width:110px;height:110px;right:60px;bottom:-80px}
    html body .agbp-rmh-copy{position:relative;z-index:2;min-width:0;max-width:calc(100% - 78px)!important}
    html body .agbp-rmh-kicker{display:inline-flex!important;align-items:center!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;color:#dbeafe!important;font:800 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important}
    html body .agbp-rmh-copy h2{margin:7px 0 4px!important;color:#fff!important;font:800 20px/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.02em!important}
    html body .agbp-rmh-copy h2 strong{font-weight:900!important}
    html body .agbp-rmh-copy p{margin:0 0 9px!important;max-width:300px!important;color:rgba(255,255,255,.82)!important;font:600 9.5px/1.35 Inter,system-ui,sans-serif!important}
    html body .agbp-rmh-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
    html body .agbp-rmh-talk,
    html body .agbp-rmh-add{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;border-radius:999px!important;padding:7px 10px!important;font:850 9px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;box-sizing:border-box!important;cursor:pointer!important}
    html body .agbp-rmh-talk{border:1px solid rgba(255,255,255,.65)!important;background:#fff!important;color:#17429e!important;box-shadow:0 5px 14px rgba(4,21,70,.18)!important}
    html body .agbp-rmh-add{border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}
    html body .agbp-rmh-avatar{position:relative;z-index:2;display:grid!important;place-items:center!important;flex:0 0 64px!important;width:64px!important;height:64px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;border:2px solid rgba(255,255,255,.35)!important;font-size:43px!important;line-height:1!important;box-shadow:0 10px 25px rgba(0,0,0,.14)!important}

    /* Compact account bar becomes the app header. */
    html body .agbp-app-shell > .agbp-main{width:100%!important;min-width:0!important;box-sizing:border-box!important}
    html body .agbp-main .agbp-topbar{border-radius:16px!important;margin:7px 0 8px!important;padding:9px 10px!important;min-height:50px!important;box-shadow:0 6px 18px rgba(15,23,42,.07)!important}
    html body .agbp-main .agbp-topbar-brand-left{grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important}
    html body .agbp-main .agbp-topbar-title{font-size:12px!important}
    html body .agbp-main .agbp-topbar-actions{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow:hidden!important}
    html body .agbp-main .agbp-topbar-actions > *{flex:0 0 auto!important}
    html body .agbp-main .agbp-topbar-actions .agbp-camera-top,
    html body .agbp-main .agbp-topbar-actions .agbp-company-switch-top,
    html body .agbp-main .agbp-topbar-actions .agbp-company-add-top,
    html body .agbp-main .agbp-topbar-actions .agbp-create-top,
    html body .agbp-main .agbp-topbar-actions .agbp-logout{display:none!important}
    html body .agbp-main .agbp-topbar-actions .agbp-munim-top{display:inline-flex!important;min-width:38px!important;width:38px!important;height:38px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;font-size:0!important}
    html body .agbp-main .agbp-topbar-actions .agbp-munim-top-mic{width:17px!important;height:17px!important}
    html body .agbp-main .agbp-topbar-actions .agbp-profile-top{width:38px!important;height:38px!important;min-height:38px!important;border-radius:50%!important;font-size:15px!important}
    html body .agbp-main .agbp-mobile-smart-subtitle{display:none!important}

    /* The existing quick rail becomes a touch-friendly shortcut strip. */
    html body .agbp-main .agbp-quick-tabs-shell{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0 0 9px!important}
    html body .agbp-main .agbp-quick-tab{border:1px solid #dbe5f3!important;background:#fff!important;border-radius:11px!important;box-shadow:0 3px 10px rgba(15,23,42,.04)!important;color:#17345f!important}
    html body .agbp-main .agbp-quick-tab.is-active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}

    /* Dashboard title is compact like a native screen title. */
    html body .agbp-main .agbp-page-title{margin:2px 2px 9px!important}
    html body .agbp-main .agbp-page-title h1{font-size:18px!important}

    /* Home statistics: compact app cards instead of a desktop table feel. */
    html body .agbp-main .agbp-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
    html body .agbp-main .agbp-summary-card{min-width:0!important;padding:11px!important;border-radius:14px!important;border:1px solid #e2e8f0!important;background:#fff!important;box-shadow:0 5px 14px rgba(15,23,42,.05)!important}
    html body .agbp-main .agbp-summary-card h4{font-size:9px!important;line-height:1.2!important;margin:0 0 5px!important;color:#64748b!important}
    html body .agbp-main .agbp-summary-card strong{font-size:16px!important;line-height:1.15!important}
    html body .agbp-main .agbp-summary-card span{font-size:8px!important;line-height:1.2!important}

    /* Recent invoices become cards/table that fit without horizontal overflow. */
    html body .agbp-main .agbp-table-box{border-radius:16px!important;padding:11px!important;overflow:hidden!important}
    html body .agbp-main .agbp-table-box .agbp-table{min-width:620px!important;font-size:10px!important}
    html body .agbp-main .agbp-table-box{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

    /* Keep all actual dashboard content visible above the fixed bottom nav. */
    html body .agbp-main{padding-bottom:92px!important}
}

@media screen and (max-width:767px){
    /* Phone: true app canvas, no sidebar occupying screen real estate. */
    html body .agbp-app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:100dvh!important;background:#f4f7fb!important}
    html body .agbp-app-shell > .agbp-sidebar{display:none!important}
    html body .agbp-app-shell > .agbp-main{padding:0 10px 96px!important}
    html body .agbp-responsive-munim-hero{min-height:142px!important;padding:16px 14px 13px!important;border-radius:18px!important}
    html body .agbp-rmh-copy{max-width:calc(100% - 68px)!important}
    html body .agbp-rmh-copy h2{font-size:18px!important}
    html body .agbp-rmh-copy p{font-size:9px!important}
    html body .agbp-rmh-avatar{flex-basis:58px!important;width:58px!important;height:58px!important;font-size:38px!important}
    html body .agbp-rmh-talk{font-size:8.5px!important;padding:7px 9px!important}
    html body .agbp-rmh-add{font-size:8.5px!important;padding:7px 9px!important}
    html body .agbp-main .agbp-topbar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}
    html body .agbp-main .agbp-topbar-brand-left{flex:1 1 auto!important;min-width:0!important}
    html body .agbp-main .agbp-topbar-actions{flex:0 0 auto!important;width:auto!important;margin:0!important;display:flex!important}
    html body .agbp-main .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-main .agbp-topbar-actions .agbp-profile-top{display:inline-flex!important}
    html body .agbp-main .agbp-quick-tabs-shell{margin-bottom:8px!important}
    html body .agbp-main .agbp-quick-tab{min-width:92px!important;height:38px!important;min-height:38px!important;font-size:9px!important;padding:7px 9px!important}
}

@media screen and (min-width:768px) and (max-width:1024px){
    /* Tablet: native-style two-column workspace with a compact left rail. */
    html body .agbp-app-shell{display:grid!important;grid-template-columns:215px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-height:100dvh!important;align-items:stretch!important;background:#f4f7fb!important}
    html body .agbp-app-shell > .agbp-sidebar{display:flex!important;position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;width:215px!important;min-width:215px!important;max-width:215px!important;overflow-y:auto!important;padding:14px 10px!important;border-radius:0 18px 18px 0!important;box-shadow:8px 0 25px rgba(15,23,42,.08)!important;z-index:20!important}
    html body .agbp-app-shell > .agbp-sidebar .agbp-mobile-nav-toggle{display:none!important}
    html body .agbp-app-shell > .agbp-sidebar .agbp-brand{margin-bottom:14px!important}
    html body .agbp-app-shell > .agbp-sidebar .agbp-tabs{display:flex!important;flex-direction:column!important;gap:4px!important;overflow:visible!important;max-height:none!important}
    html body .agbp-app-shell > .agbp-sidebar .agbp-plan-box,
    html body .agbp-app-shell > .agbp-sidebar .agbp-sidebar-ad-shelf{display:none!important}
    html body .agbp-app-shell > .agbp-main{width:100%!important;max-width:none!important;padding:0 16px 40px!important;min-width:0!important}
    html body .agbp-main .agbp-topbar{margin-top:10px!important}
    html body .agbp-responsive-munim-hero{min-height:170px!important;margin-top:10px!important}
    html body .agbp-rmh-copy h2{font-size:24px!important}
    html body .agbp-rmh-avatar{flex-basis:84px!important;width:84px!important;height:84px!important;font-size:54px!important}
    html body .agbp-main .agbp-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    html body .agbp-main .agbp-page-title h1{font-size:22px!important}
}


/* v2.0.444 — HARD DESKTOP GUARD
 * The responsive Munim hero and mobile/tablet app styling must never alter the
 * existing desktop dashboard. Desktop starts at 1025px.
 */
@media screen and (min-width:1025px){
    html body .agbp-responsive-munim-hero{display:none!important;}
    html body .agbp-mobile-bottom-nav,
    html body .agbp-mobile-more-backdrop,
    html body .agbp-mobile-hero{display:none!important;}
}


/* ========================================================================
 * GST Khata v2.0.446 — PHONE HOME UI ALIGNMENT FIX
 * Phone only. Desktop and tablet layouts are intentionally untouched here.
 * The existing functional dashboard remains the source of truth; this layer
 * only presents the Home tab in the compact app-style composition requested.
 * ======================================================================== */
@media screen and (max-width:767px){
    html body .agbp-app-shell > .agbp-sidebar{display:none!important}
    html body .agbp-app-shell > .agbp-main{padding:0 10px 92px!important}

    /* App header */
    html body .agbp-mobile-app-header{
        display:flex!important;align-items:center!important;justify-content:space-between!important;
        gap:8px!important;height:54px!important;margin:0 0 8px!important;padding:7px 4px!important;
        background:#fff!important;border-bottom:1px solid #e6edf7!important;box-sizing:border-box!important;
    }
    html body .agbp-mobile-app-header .mah-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
    html body .agbp-mobile-app-header .mah-logo{width:36px!important;height:36px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#eaf2ff!important;overflow:hidden!important;flex:0 0 auto!important}
    html body .agbp-mobile-app-header .mah-logo svg{width:30px!important;height:30px!important}
    html body .agbp-mobile-app-header .mah-copy{min-width:0!important}
    html body .agbp-mobile-app-header .mah-title{display:block!important;font:900 14px/1.05 Inter,system-ui,sans-serif!important;color:#102c57!important;white-space:nowrap!important}
    html body .agbp-mobile-app-header .mah-sub{display:block!important;margin-top:2px!important;font:600 7px/1 Inter,system-ui,sans-serif!important;color:#71819a!important;white-space:nowrap!important}
    html body .agbp-mobile-app-header .mah-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
    html body .agbp-mobile-app-header button{width:34px!important;height:34px!important;border:0!important;background:#fff!important;color:#173b6d!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:19px!important;cursor:pointer!important}
    html body .agbp-mobile-app-header .mah-notify{position:relative!important}
    html body .agbp-mobile-app-header .mah-dot{position:absolute!important;right:5px!important;top:4px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#ef4444!important;border:1px solid #fff!important}

    /* Compact account topbar is not part of the requested phone composition. */
    html body .agbp-main > .agbp-topbar{display:none!important}

    /* Hero exactly occupies the top content slot below the app header. */
    html body .agbp-responsive-munim-hero{
        min-height:144px!important;margin:0 0 9px!important;padding:15px 13px 12px!important;
        border-radius:17px!important;align-items:flex-end!important;
        box-shadow:0 10px 22px rgba(37,78,190,.18)!important;
    }
    html body .agbp-responsive-munim-hero .agbp-rmh-copy{max-width:calc(100% - 70px)!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-kicker{font-size:7px!important;padding:4px 7px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:17px!important;line-height:1.04!important;margin:6px 0 3px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:8.5px!important;line-height:1.25!important;margin-bottom:8px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-avatar{width:56px!important;height:56px!important;flex-basis:56px!important;font-size:36px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-talk{min-height:29px!important;padding:6px 9px!important;font-size:8px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-add{min-height:29px!important;padding:6px 8px!important;font-size:8px!important}

    /* Six app shortcuts, matching the reference composition. */
    html body .agbp-mobile-home-actions{
        display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
        margin:0 0 9px!important;
    }
    html body .agbp-mobile-home-actions a{
        min-height:63px!important;border:1px solid #e1e8f2!important;border-radius:12px!important;
        background:#fff!important;box-shadow:0 4px 12px rgba(15,23,42,.045)!important;
        text-decoration:none!important;color:#142d52!important;display:flex!important;flex-direction:column!important;
        align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 3px!important;
        box-sizing:border-box!important;font:850 9px/1.05 Inter,system-ui,sans-serif!important;
    }
    html body .agbp-mobile-home-actions .mha-icon{width:28px!important;height:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:16px!important;line-height:1!important}
    html body .agbp-mobile-home-actions .mha-invoice .mha-icon{background:#dcfce7;color:#16a34a}
    html body .agbp-mobile-home-actions .mha-products .mha-icon{background:#ffedd5;color:#f97316}
    html body .agbp-mobile-home-actions .mha-customers .mha-icon{background:#ede9fe;color:#7c3aed}
    html body .agbp-mobile-home-actions .mha-purchase .mha-icon{background:#fee2e2;color:#ef4444}
    html body .agbp-mobile-home-actions .mha-expenses .mha-icon{background:#dbeafe;color:#2563eb}
    html body .agbp-mobile-home-actions .mha-reports .mha-icon{background:#dcfce7;color:#16a34a}

    /* Compact business pulse: use the existing summary data, no duplicate backend data. */
    html body .agbp-mobile-business-pulse{
        display:block!important;background:#fff!important;border:1px solid #e3eaf3!important;border-radius:13px!important;
        padding:9px 10px!important;margin:0 0 9px!important;box-shadow:0 4px 12px rgba(15,23,42,.045)!important;
    }
    html body .agbp-mobile-business-pulse .mbp-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:6px!important}
    html body .agbp-mobile-business-pulse .mbp-head strong{font:900 10px/1 Inter,system-ui,sans-serif!important;color:#152d50!important}
    html body .agbp-mobile-business-pulse .mbp-live{font:800 7px/1 Inter,system-ui,sans-serif!important;color:#15803d!important;background:#dcfce7!important;border-radius:999px!important;padding:4px 6px!important}
    html body .agbp-mobile-business-pulse .mbp-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
    html body .agbp-mobile-business-pulse .mbp-cell{min-width:0!important;text-align:center!important}
    html body .agbp-mobile-business-pulse .mbp-cell strong{display:block!important;font:900 12px/1.1 Inter,system-ui,sans-serif!important;color:#142d52!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    html body .agbp-mobile-business-pulse .mbp-cell span{display:block!important;margin-top:2px!important;font:700 7px/1 Inter,system-ui,sans-serif!important;color:#7a889c!important}
    html body .agbp-mobile-business-pulse .mbp-cell.pending strong{color:#f97316!important}

    /* Quick actions title + three compact actions. */
    html body .agbp-mobile-quick-actions{display:block!important;margin:0 0 10px!important}
    html body .agbp-mobile-quick-actions .mqa-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 2px 6px!important}
    html body .agbp-mobile-quick-actions .mqa-head strong{font:900 10px/1 Inter,system-ui,sans-serif!important;color:#142d52!important}
    html body .agbp-mobile-quick-actions .mqa-head a{font:800 8px/1 Inter,system-ui,sans-serif!important;color:#2563eb!important;text-decoration:none!important}
    html body .agbp-mobile-quick-actions .mqa-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
    html body .agbp-mobile-quick-actions a{min-height:49px!important;border:1px solid #e2e8f0!important;border-radius:11px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important;color:#18345e!important;font:850 8px/1.05 Inter,system-ui,sans-serif!important}
    html body .agbp-mobile-quick-actions .mqa-icon{font-size:16px!important;line-height:1!important;color:#2563eb!important}

    /* Hide desktop-style home analytics on the phone; the information remains available
       from Reports/More and the existing data itself is untouched. */
    html body .agbp-main .agbp-page-title,
    html body .agbp-main .agbp-health-dashboard,
    html body .agbp-main .agbp-summary-grid,
    html body .agbp-main .agbp-table-box,
    html body .agbp-main .agbp-ai-status-card{display:none!important}
    html body .agbp-main .agbp-quick-tabs-shell{display:none!important}
    html body .agbp-main .agbp-menu-search-strip{display:none!important}

    /* Only the new compact home UI is shown on the Home tab. */
    html body .agbp-mobile-home-only{display:block!important}

    /* Mobile menu opened from header / More remains functional and is presented as a drawer. */
    html body .agbp-app-shell.agbp-mobile-menu-open > .agbp-sidebar{
        display:block!important;position:fixed!important;left:8px!important;right:8px!important;top:62px!important;
        width:auto!important;height:auto!important;max-height:calc(100dvh - 74px)!important;overflow:auto!important;
        background:#fff!important;border:1px solid #dbe5f2!important;border-radius:16px!important;
        box-shadow:0 22px 55px rgba(15,23,42,.24)!important;z-index:10001!important;padding:12px!important;
    }
}

@media screen and (min-width:768px){
    html body .agbp-mobile-app-header,
    html body .agbp-mobile-home-actions,
    html body .agbp-mobile-business-pulse,
    html body .agbp-mobile-quick-actions{display:none!important}
}


/* ========================================================================
 * GST Khata v2.0.446 — MOBILE CARD ALIGNMENT / RHYTHM FIX
 * Phone only. This is a final presentation layer over the v2.0.445 mobile
 * composition. Desktop and tablet rules are intentionally untouched.
 * ======================================================================== */
@media screen and (max-width:767px){
    html body .agbp-app-shell > .agbp-main{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        padding-left:10px!important;
        padding-right:10px!important;
        padding-bottom:82px!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
    }

    /* Keep the Munim hero compact and horizontally balanced. */
    html body .agbp-main .agbp-responsive-munim-hero{
        width:100%!important;
        min-width:0!important;
        min-height:138px!important;
        margin:0 0 8px!important;
        padding:13px 12px 11px!important;
        box-sizing:border-box!important;
        display:flex!important;
        align-items:flex-end!important;
        gap:8px!important;
        overflow:hidden!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy{
        flex:1 1 auto!important;
        min-width:0!important;
        max-width:calc(100% - 66px)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{
        flex:0 0 54px!important;
        width:54px!important;
        height:54px!important;
        margin:0!important;
        align-self:flex-end!important;
    }

    /* Main six shortcuts: always three equal columns on a phone. */
    html body .agbp-main .agbp-mobile-home-actions{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-auto-flow:row!important;
        align-items:stretch!important;
        justify-items:stretch!important;
        gap:6px!important;
        margin:0 0 8px!important;
        padding:0!important;
        box-sizing:border-box!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:64px!important;
        min-height:64px!important;
        margin:0!important;
        padding:6px 2px!important;
        border-radius:11px!important;
        box-sizing:border-box!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        gap:4px!important;
        overflow:hidden!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a .mha-icon{
        flex:0 0 28px!important;
        width:28px!important;
        height:28px!important;
        margin:0!important;
        display:grid!important;
        place-items:center!important;
        border-radius:9px!important;
        font-size:15px!important;
        line-height:1!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a > span:last-child{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        font-size:8.5px!important;
        line-height:1.1!important;
        font-weight:850!important;
    }

    /* Business summary: three perfectly equal columns. */
    html body .agbp-main .agbp-mobile-business-pulse{
        width:100%!important;
        box-sizing:border-box!important;
        margin:0 0 9px!important;
        padding:9px 9px!important;
    }
    html body .agbp-main .agbp-mobile-business-pulse .mbp-grid{
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:4px!important;
    }
    html body .agbp-main .agbp-mobile-business-pulse .mbp-cell{
        min-width:0!important;
        width:100%!important;
        text-align:center!important;
    }

    /* Quick actions: equal three-column cards with consistent icon/label rhythm. */
    html body .agbp-main .agbp-mobile-quick-actions{
        width:100%!important;
        min-width:0!important;
        margin:0 0 10px!important;
        box-sizing:border-box!important;
    }
    html body .agbp-main .agbp-mobile-quick-actions .mqa-head{
        width:100%!important;
        min-height:25px!important;
        margin:0 1px 6px!important;
        box-sizing:border-box!important;
    }
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid{
        width:100%!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:6px!important;
        align-items:stretch!important;
    }
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:5px 2px!important;
        box-sizing:border-box!important;
        border-radius:11px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        text-align:center!important;
        overflow:hidden!important;
    }
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a .mqa-icon{
        display:block!important;
        height:18px!important;
        line-height:18px!important;
        font-size:16px!important;
        margin:0!important;
    }
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a > span:last-child{
        width:100%!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        font-size:8px!important;
        line-height:1.05!important;
    }

    /* The real dashboard starts cleanly below the compact mobile controls. */
    html body .agbp-main .agbp-page-title{
        margin-top:2px!important;
        margin-bottom:8px!important;
    }

    /* Bottom navigation must never cover the last content row. */
    html body .agbp-mobile-bottom-nav{
        left:8px!important;
        right:8px!important;
        bottom:7px!important;
        width:auto!important;
        max-width:none!important;
        height:58px!important;
        border-radius:17px!important;
        box-sizing:border-box!important;
    }
    html body .agbp-mobile-bottom-nav a,
    html body .agbp-mobile-bottom-nav button{
        min-width:0!important;
        flex:1 1 0!important;
        padding:6px 2px!important;
        gap:3px!important;
        box-sizing:border-box!important;
    }

    /* Very small phones: retain three columns, just tighten dimensions. */
    @media(max-width:380px){
        html body .agbp-main .agbp-mobile-home-actions{gap:5px!important}
        html body .agbp-main .agbp-mobile-home-actions > a{height:60px!important;min-height:60px!important}
        html body .agbp-main .agbp-mobile-home-actions > a .mha-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
        html body .agbp-main .agbp-mobile-quick-actions .mqa-grid{gap:5px!important}
        html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a{height:50px!important;min-height:50px!important}
    }
}


/* =====================================================================
 * GST Khata v2.0.447 — MOBILE + TABLET HOME REFINEMENT
 * Desktop is intentionally untouched.  Phone/tablet only.
 * - Home shortcuts: 2 cards per row, not 3.
 * - Keep the account/user strip visible below the GST Khata header.
 * - Compact, balanced touch targets and business summary.
 * ===================================================================== */
@media screen and (max-width:1100px){
    /* Never let the injected app header replace the useful account strip. */
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        display:flex!important;
        position:relative!important;
        top:auto!important;
        margin:0 0 10px!important;
        padding:9px 10px!important;
        min-height:76px!important;
        height:auto!important;
        border:1px solid #e5eaf3!important;
        border-radius:16px!important;
        background:#fff!important;
        box-shadow:0 5px 18px rgba(15,23,42,.06)!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{
        min-width:0!important;
        max-width:calc(100% - 72px)!important;
        gap:8px!important;
        align-items:flex-start!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{
        width:36px!important;height:36px!important;flex:0 0 36px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left strong{
        display:block!important;font-size:11px!important;line-height:1.15!important;
        white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left small{
        display:block!important;font-size:8px!important;line-height:1.2!important;
        white-space:normal!important;overflow:visible!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        font-size:8px!important;padding:3px 6px!important;margin-left:3px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{
        gap:5px!important;max-width:72px!important;align-self:flex-start!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions > *{
        font-size:9px!important;min-height:34px!important;padding:6px 7px!important;
        white-space:nowrap!important;
    }

    /* Two-column home shortcuts on both phones and tablets. */
    html body .agbp-main .agbp-mobile-home-actions{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a{
        min-height:68px!important;height:68px!important;
        padding:8px 7px!important;border-radius:14px!important;
        gap:5px!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a .mha-icon{
        width:30px!important;height:30px!important;flex:0 0 30px!important;
        border-radius:10px!important;font-size:15px!important;
    }
    html body .agbp-main .agbp-mobile-home-actions > a > span:last-child{
        font-size:10px!important;line-height:1.1!important;
        white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    }

    /* Business summary: three balanced metrics, no oversized whitespace. */
    html body .agbp-main .agbp-mobile-business-pulse{
        padding:12px!important;border-radius:16px!important;margin:0 0 10px!important;
    }
    html body .agbp-main .agbp-mobile-business-pulse .mbp-head{margin-bottom:8px!important}
    html body .agbp-main .agbp-mobile-business-pulse .mbp-grid{gap:4px!important}
    html body .agbp-main .agbp-mobile-business-pulse .mbp-cell{min-width:0!important;padding:3px!important}
    html body .agbp-main .agbp-mobile-business-pulse .mbp-cell strong{font-size:16px!important;line-height:1.1!important}
    html body .agbp-main .agbp-mobile-business-pulse .mbp-cell span{font-size:9px!important}

    /* Quick actions stay compact and equal. */
    html body .agbp-main .agbp-mobile-quick-actions{margin:0 0 12px!important}
    html body .agbp-main .agbp-mobile-quick-actions .mqa-head{margin-bottom:7px!important}
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a{min-height:54px!important;height:54px!important;border-radius:12px!important;padding:5px!important}
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a .mqa-icon{font-size:16px!important;line-height:1!important}
    html body .agbp-main .agbp-mobile-quick-actions .mqa-grid > a > span:last-child{font-size:8.5px!important;line-height:1.05!important}
}

@media screen and (min-width:768px) and (max-width:1100px){
    html body .agbp-app-shell > .agbp-sidebar{display:block!important;width:190px!important;flex:0 0 190px!important}
    html body .agbp-app-shell > .agbp-main{padding:0 16px 40px!important;min-width:0!important}
    html body .agbp-app-shell .agbp-mobile-app-header{height:58px!important;margin-bottom:10px!important}
    html body .agbp-main .agbp-responsive-munim-hero{min-height:190px!important;margin-bottom:12px!important}
    html body .agbp-main .agbp-mobile-home-actions{gap:10px!important}
    html body .agbp-main .agbp-mobile-home-actions > a{height:92px!important;min-height:92px!important}
    html body .agbp-main .agbp-mobile-home-actions > a .mha-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:18px!important}
    html body .agbp-main .agbp-mobile-home-actions > a > span:last-child{font-size:12px!important}
}

@media screen and (max-width:380px){
    html body .agbp-main .agbp-mobile-home-actions{gap:6px!important}
    html body .agbp-main .agbp-mobile-home-actions > a{height:64px!important;min-height:64px!important}
    html body .agbp-main .agbp-mobile-home-actions > a .mha-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
}



/* =====================================================================
 * v2.0.453 — MOBILE / TABLET COMPACT APP HEADER REMOVAL
 * The injected "GST Khata / Billing & Accounts / notification / menu"
 * header is intentionally hidden on phone and tablet layouts.
 * Desktop (1025px+) is completely untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-app-shell > .agbp-main > .agbp-mobile-app-header,
    html body .agbp-main .agbp-mobile-app-header{
        display:none!important;
    }
}

/* =====================================================================
 * v2.0.452 — MOBILE GST BILLING STRIP SCROLL FIX
 * The dark "GST Billing / Dashboard Menu" strip is part of the original
 * dashboard sidebar. On phones it must participate in normal document flow,
 * not behave like a sticky/fixed header that covers the content underneath.
 * Desktop/tablet are intentionally untouched.
 * ===================================================================== */
@media screen and (max-width:767px){
    html body .agbp-app-shell > .agbp-sidebar{
        position:relative!important;
        top:auto!important;
        bottom:auto!important;
        left:auto!important;
        right:auto!important;
        z-index:auto!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        display:block!important;
        overflow:visible!important;
        padding:10px 10px 8px!important;
        margin:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    html body .agbp-app-shell > .agbp-sidebar .agbp-brand{
        position:relative!important;
        top:auto!important;
    }
    html body .agbp-app-shell > .agbp-sidebar .agbp-mobile-nav-toggle{
        position:relative!important;
        top:auto!important;
        z-index:auto!important;
    }
    /* The full dashboard menu itself stays collapsed; only the compact strip
       remains in normal flow and scrolls away with the page. */
    html body .agbp-app-shell > .agbp-sidebar .agbp-tabs,
    html body .agbp-app-shell > .agbp-sidebar .agbp-plan-box,
    html body .agbp-app-shell > .agbp-sidebar .agbp-sidebar-ad-shelf{
        display:none!important;
    }
    html body .agbp-app-shell > .agbp-main{
        position:relative!important;
        z-index:auto!important;
    }
}

/* =====================================================================
 * v2.0.454 — MOBILE / TABLET ACCOUNT STRIP RESTORE + REFINEMENT
 * Restore the useful account strip after the compact app header removal.
 * Phone/tablet only. Desktop is intentionally untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:8px!important;
        width:100%!important;
        min-height:72px!important;
        height:auto!important;
        margin:7px 0 10px!important;
        padding:8px 9px!important;
        box-sizing:border-box!important;
        border:1px solid #e3eaf5!important;
        border-radius:15px!important;
        background:#fff!important;
        box-shadow:0 5px 16px rgba(15,23,42,.07)!important;
        overflow:hidden!important;
        position:relative!important;
        top:auto!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{
        display:flex!important;
        align-items:center!important;
        flex:1 1 auto!important;
        min-width:0!important;
        max-width:calc(100% - 88px)!important;
        gap:8px!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        flex:0 0 34px!important;
        border-radius:50%!important;
        font-size:12px!important;
        box-shadow:0 3px 9px rgba(37,99,235,.25)!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-meta{
        min-width:0!important;
        flex:1 1 auto!important;
        overflow:hidden!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-title{
        display:block!important;
        margin:0!important;
        color:#0f172a!important;
        font-size:10px!important;
        line-height:1.15!important;
        font-weight:850!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-row{
        display:flex!important;
        align-items:center!important;
        flex-wrap:nowrap!important;
        gap:3px!important;
        margin-top:3px!important;
        min-width:0!important;
        overflow:hidden!important;
        white-space:nowrap!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{
        display:inline-block!important;
        min-width:0!important;
        max-width:92px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        color:#64748b!important;
        font-size:7.5px!important;
        line-height:1.2!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 auto!important;
        min-height:18px!important;
        margin:0!important;
        padding:2px 5px!important;
        border-radius:999px!important;
        font-size:7px!important;
        line-height:1!important;
        font-weight:800!important;
        white-space:nowrap!important;
        box-sizing:border-box!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini{
        background:#eef2ff!important;
        color:#3730a3!important;
        border:1px solid #c7d2fe!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        background:#f8fafc!important;
        color:#334155!important;
        border:1px solid #e2e8f0!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex:0 0 auto!important;
        width:auto!important;
        max-width:80px!important;
        gap:5px!important;
        margin:0!important;
        overflow:visible!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:32px!important;
        height:32px!important;
        min-width:32px!important;
        min-height:32px!important;
        flex:0 0 32px!important;
        padding:0!important;
        border-radius:50%!important;
        box-sizing:border-box!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top{
        font-size:0!important;
    }

    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top-mic{
        width:14px!important;
        height:14px!important;
    }
}

@media screen and (max-width:380px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        min-height:68px!important;
        padding:7px 8px!important;
        gap:6px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{gap:7px!important;max-width:calc(100% - 76px)!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-title{font-size:9.5px!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{max-width:74px!important;font-size:7px!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{font-size:6.5px!important;padding:2px 4px!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{gap:4px!important}
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex-basis:30px!important}
}

/* =====================================================================
 * v2.0.456 — MOBILE / TABLET TOPBAR POPOVER + MUNIM BUTTON ALIGNMENT
 * Keep profile/company dialogs above the site header on small screens.
 * Desktop remains unchanged.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-topbar-actions .agbp-munim-top{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        place-items:center!important;
        position:relative!important;
        line-height:0!important;
        vertical-align:middle!important;
        text-align:center!important;
        padding:0!important;
        overflow:hidden!important;
    }
    html body .agbp-main .agbp-topbar-actions .agbp-munim-top .agbp-munim-top-mic{
        display:block!important;
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        width:17px!important;
        height:17px!important;
        margin:0!important;
        transform:translate(-50%,-50%)!important;
        flex:0 0 17px!important;
        inset:auto!important;
    }
    html body .agbp-main .agbp-topbar-actions .agbp-profile-top{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        line-height:1!important;
        text-align:center!important;
    }
    html body .agbp-topbar-popover-backdrop{
        position:fixed!important;
        inset:0!important;
        z-index:2147482000!important;
    }
}

/* =====================================================================
 * v2.0.455 — MOBILE / TABLET HOME LOWER SECTION REMOVAL
 * Remove the lower dashboard/quick-action composition shown on phone/tablet.
 * Desktop is intentionally untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-mobile-business-pulse,
    html body .agbp-main .agbp-mobile-quick-actions,
    html body .agbp-main .agbp-page-title,
    html body .agbp-main .agbp-quick-settings-head,
    html body .agbp-main .agbp-mobile-showcase-grid{
        display:none!important;
    }
}


/* v2.0.457 — force exact visual centering of the Munim microphone icon on mobile/tablet. */
@media screen and (max-width:1024px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top{
        position:relative!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        line-height:0!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top .agbp-munim-top-mic{
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        right:auto!important;
        bottom:auto!important;
        margin:0!important;
        transform:translate(-50%,-50%)!important;
        transform-origin:center center!important;
    }
}


/* =====================================================================
 * v2.0.458 — MOBILE / TABLET HOME CLEANUP
 * Remove the lower dashboard chrome shown after the Business Pulse:
 * Quick Actions, the home Dashboard title/breadcrumb, Quick Settings and
 * its setting cards. Desktop is intentionally untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-mobile-quick-actions,
    html body .agbp-main .agbp-responsive-munim-hero ~ .agbp-page-title,
    html body .agbp-main .agbp-quick-settings-head,
    html body .agbp-main .agbp-mobile-showcase-grid{
        display:none!important;
    }
}

/* =====================================================================
 * v2.0.459 — MOBILE / TABLET HOME OPTIONS RESTORE
 * Restore the functional home option cards and Business Pulse that were
 * hidden by v2.0.455. Only the compact Quick Actions + Dashboard title +
 * Quick Settings heading shown in the mobile cleanup screenshot remain
 * hidden. Desktop is intentionally untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-mobile-business-pulse,
    html body .agbp-main .agbp-mobile-showcase-grid{
        display:grid!important;
    }
    html body .agbp-main .agbp-mobile-business-pulse{
        display:block!important;
    }
    html body .agbp-main .agbp-mobile-showcase-grid{
        display:grid!important;
    }
}

/* =====================================================================
 * v2.0.461 — MUNIM HERO MOBILE/TABLET TYPOGRAPHY POLISH
 * Remove the Product shortcut from the hero and enlarge/rebalance the text
 * without increasing the hero card dimensions. Desktop remains untouched.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-responsive-munim-hero .agbp-rmh-add{display:none!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-actions{gap:0!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-kicker{font-size:8.5px!important;padding:4px 8px!important;line-height:1!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:21px!important;line-height:1.03!important;margin:6px 0 4px!important;letter-spacing:-.025em!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:10px!important;line-height:1.25!important;margin:0 0 7px!important;max-width:310px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-talk{font-size:9.5px!important;min-height:30px!important;padding:6px 10px!important;white-space:nowrap!important}
}

@media screen and (max-width:767px){
    html body .agbp-responsive-munim-hero{height:142px!important;min-height:142px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy{max-width:calc(100% - 64px)!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:20px!important;line-height:1.03!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:9.5px!important;line-height:1.22!important}
}

@media screen and (min-width:768px) and (max-width:1024px){
    html body .agbp-responsive-munim-hero{height:170px!important;min-height:170px!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:25px!important;line-height:1.04!important}
    html body .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:10.5px!important;line-height:1.28!important}
}


/* =====================================================================
 * v2.0.462 — MOBILE / TABLET MUNIM HERO FINAL ALIGNMENT
 * Lift the Munim avatar and enlarge the talk button without increasing
 * the hero card height. Desktop remains unchanged.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{
        transform:translateY(-8px)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{
        min-height:36px!important;
        padding:9px 14px!important;
        font-size:9.5px!important;
        line-height:1.05!important;
        white-space:nowrap!important;
    }
}

@media screen and (max-width:390px){
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{
        min-height:34px!important;
        padding:8px 12px!important;
        font-size:9px!important;
    }
}

/* v2.0.466 — MOBILE/TABLET TOPBAR REFERENCE LAYOUT */
@media screen and (max-width:1024px){
html body .agbp-app-shell > .agbp-main > .agbp-topbar{min-height:92px!important;height:auto!important;padding:9px 10px!important;gap:8px!important;align-items:center!important;overflow:visible!important;box-sizing:border-box!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{display:flex!important;align-items:center!important;gap:9px!important;flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 92px)!important;min-width:0!important;overflow:visible!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;font-size:14px!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-meta{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-row,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left small{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:7px!important;row-gap:6px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{grid-column:1 / -1!important;grid-row:1!important;display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;color:#0f2346!important;font-size:15px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:31px!important;margin:0!important;padding:5px 8px!important;border-radius:999px!important;box-sizing:border-box!important;font-size:10.5px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini{grid-column:1!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{grid-column:2!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;align-self:center!important}
html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important;padding:0!important}
}
@media screen and (max-width:480px){html body .agbp-app-shell > .agbp-main > .agbp-topbar{min-height:88px!important;padding:8px 9px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{max-width:calc(100% - 82px)!important;gap:8px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{font-size:14px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{min-height:29px!important;padding:5px 7px!important;font-size:10px!important}}
@media screen and (max-width:390px){html body .agbp-app-shell > .agbp-main > .agbp-topbar{min-height:84px!important;padding:7px 8px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{max-width:calc(100% - 78px)!important;gap:7px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{width:37px!important;height:37px!important;min-width:37px!important;flex-basis:37px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{font-size:13px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{min-height:27px!important;padding:4px 6px!important;font-size:9.5px!important}html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex-basis:34px!important}}


/* v2.0.467 — MOBILE/TABLET TOPBAR: REFERENCE CARD LAYOUT
 * Matches the supplied reference: avatar left, user/ID on top, two large
 * action pills underneath, and Munim/Profile actions on the right.
 * Desktop is intentionally untouched.
 */
@media screen and (max-width:1024px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:10px!important;
        min-height:112px!important;
        height:auto!important;
        padding:12px 12px!important;
        border-radius:20px!important;
        overflow:visible!important;
        box-sizing:border-box!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{
        display:flex!important;
        align-items:center!important;
        gap:10px!important;
        flex:1 1 auto!important;
        width:auto!important;
        max-width:calc(100% - 96px)!important;
        min-width:0!important;
        overflow:visible!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        flex:0 0 58px!important;
        font-size:20px!important;
        font-weight:900!important;
        border-radius:50%!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-meta{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-title{
        display:none!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-mobile-smart-subtitle{
        display:none!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-row,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left small{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        align-items:center!important;
        column-gap:9px!important;
        row-gap:7px!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        white-space:normal!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{
        grid-column:1 / -1!important;
        grid-row:1!important;
        display:block!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        color:#132b52!important;
        font-size:17px!important;
        line-height:1.12!important;
        font-weight:900!important;
        letter-spacing:-.015em!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        text-align:left!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        grid-row:2!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:38px!important;
        margin:0!important;
        padding:7px 10px!important;
        border-radius:999px!important;
        box-sizing:border-box!important;
        font-size:12px!important;
        line-height:1.05!important;
        font-weight:900!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini{
        grid-column:1!important;
        background:#f0efff!important;
        border:2px solid #c9c7ff!important;
        color:#3730b8!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        grid-column:2!important;
        background:#effaf4!important;
        border:2px solid #d4eadc!important;
        color:#164d2e!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        flex:0 0 auto!important;
        width:auto!important;
        max-width:none!important;
        align-self:center!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        flex:0 0 44px!important;
        padding:0!important;
        border-radius:50%!important;
    }
}

@media screen and (max-width:480px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        min-height:104px!important;
        padding:10px 9px!important;
        gap:8px!important;
        border-radius:18px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{
        max-width:calc(100% - 88px)!important;
        gap:8px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{
        width:50px!important;
        height:50px!important;
        min-width:50px!important;
        flex-basis:50px!important;
        font-size:18px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{
        font-size:15px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        min-height:34px!important;
        padding:6px 7px!important;
        font-size:10.5px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions{
        gap:6px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
        flex-basis:38px!important;
    }
}

@media screen and (max-width:390px){
    html body .agbp-app-shell > .agbp-main > .agbp-topbar{
        min-height:98px!important;
        padding:8px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-brand-left{
        max-width:calc(100% - 78px)!important;
        gap:7px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-avatar{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        flex-basis:44px!important;
        font-size:16px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-user-line{
        font-size:13.5px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-pricing-mini,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-plan-usage-mini{
        min-height:31px!important;
        padding:5px 5px!important;
        font-size:9.5px!important;
    }
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-munim-top,
    html body .agbp-app-shell > .agbp-main > .agbp-topbar .agbp-topbar-actions .agbp-profile-top{
        width:34px!important;
        height:34px!important;
        min-width:34px!important;
        min-height:34px!important;
        flex-basis:34px!important;
    }
}


/* =====================================================================
 * v2.0.470 — MUNIM JI HERO REFERENCE REDESIGN
 * Mobile + tablet only. Desktop remains untouched.
 * Inspired by the supplied Munim Ji reference: richer blue hero, large
 * typography, capability chips, prominent voice CTA and right avatar.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-responsive-munim-hero{
        position:relative!important;display:flex!important;align-items:stretch!important;
        justify-content:space-between!important;gap:12px!important;overflow:hidden!important;
        min-height:0!important;height:auto!important;margin:9px 0 12px!important;
        padding:16px 14px 14px!important;border-radius:20px!important;
        background:
            radial-gradient(circle at 88% 16%,rgba(64,185,255,.72) 0,rgba(64,185,255,.12) 24%,transparent 42%),
            radial-gradient(circle at 78% 92%,rgba(80,104,255,.75) 0,rgba(80,104,255,.18) 30%,transparent 52%),
            linear-gradient(135deg,#0d73f6 0%,#155de0 48%,#293dc1 100%)!important;
        box-shadow:0 14px 32px rgba(25,86,210,.25)!important;
        border:0!important;color:#fff!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero:before{
        width:180px!important;height:180px!important;right:-80px!important;top:-120px!important;
        background:rgba(255,255,255,.10)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero:after{
        width:150px!important;height:150px!important;right:20px!important;bottom:-105px!important;
        background:rgba(255,255,255,.07)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy{
        position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;
        align-items:flex-start!important;justify-content:flex-start!important;min-width:0!important;
        width:calc(100% - 82px)!important;max-width:none!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-kicker{
        display:inline-flex!important;align-items:center!important;padding:5px 9px!important;
        border-radius:999px!important;background:rgba(83,181,255,.28)!important;color:#fff!important;
        font:800 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;
        text-transform:uppercase!important;white-space:nowrap!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2{
        margin:8px 0 4px!important;color:#fff!important;font:900 25px/1.01 Inter,system-ui,sans-serif!important;
        letter-spacing:-.035em!important;text-shadow:0 2px 12px rgba(0,0,0,.10)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2 strong{font-weight:900!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2 em{font-style:normal!important;color:#ffe01a!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy p{
        margin:0 0 9px!important;max-width:430px!important;color:rgba(255,255,255,.91)!important;
        font:650 11px/1.25 Inter,system-ui,sans-serif!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-shortcuts{
        display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;
        width:100%!important;margin:0 0 9px!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip{
        min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;
        min-height:44px!important;padding:6px 7px!important;border-radius:14px!important;
        box-sizing:border-box!important;background:rgba(255,255,255,.14)!important;
        border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;
        box-shadow:0 5px 14px rgba(5,35,120,.12)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip b{
        flex:0 0 29px!important;width:29px!important;height:29px!important;display:grid!important;place-items:center!important;
        border-radius:50%!important;background:rgba(255,255,255,.20)!important;color:#fff!important;font:900 15px/1 Inter,system-ui,sans-serif!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip span{
        min-width:0!important;color:#fff!important;font:850 8.5px/1.05 Inter,system-ui,sans-serif!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .chip-invoice b{background:#2cc9f0!important}
    html body .agbp-main .agbp-responsive-munim-hero .chip-product b{background:#23c98b!important}
    html body .agbp-main .agbp-responsive-munim-hero .chip-customer b{background:#7a55ee!important}
    html body .agbp-main .agbp-responsive-munim-hero .chip-stock b{background:#f4a51c!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-actions{width:auto!important;margin:0!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{
        display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
        min-height:46px!important;padding:9px 17px!important;border-radius:999px!important;
        border:3px solid rgba(38,181,255,.55)!important;background:#fff!important;color:#143f99!important;
        box-shadow:0 8px 18px rgba(0,24,100,.20)!important;font:900 12px/1 Inter,system-ui,sans-serif!important;
        white-space:nowrap!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk-icon{font-size:18px!important;line-height:1!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-arrow{font-size:24px!important;line-height:.7!important;margin-left:2px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{
        position:absolute!important;z-index:4!important;right:16px!important;bottom:18px!important;
        display:grid!important;place-items:center!important;width:82px!important;height:82px!important;flex:0 0 82px!important;
        border-radius:50%!important;background:rgba(255,255,255,.16)!important;
        border:2px solid rgba(255,255,255,.55)!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
        font-size:52px!important;line-height:1!important;transform:none!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar:after{
        content:"";position:absolute!important;inset:-7px!important;border-radius:50%!important;
        border:1px solid rgba(255,255,255,.28)!important;pointer-events:none!important;
    }
}

@media screen and (max-width:767px){
    html body .agbp-main .agbp-responsive-munim-hero{
        min-height:0!important;height:auto!important;padding:13px 11px 12px!important;border-radius:18px!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy{width:calc(100% - 63px)!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-kicker{font-size:6.5px!important;padding:4px 7px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:19px!important;line-height:1.02!important;margin:6px 0 3px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:8.5px!important;line-height:1.18!important;margin-bottom:7px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-bottom:7px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip{min-height:31px!important;padding:4px 5px!important;border-radius:10px!important;gap:5px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip b{flex-basis:22px!important;width:22px!important;height:22px!important;font-size:11px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip span{font-size:7px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{min-height:34px!important;padding:7px 11px!important;border-width:2px!important;font-size:9px!important;gap:5px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk-icon{font-size:14px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-arrow{font-size:18px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{width:56px!important;height:56px!important;right:9px!important;bottom:15px!important;font-size:36px!important}
}

@media screen and (max-width:390px){
    html body .agbp-main .agbp-responsive-munim-hero{padding:11px 9px 10px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy{width:calc(100% - 57px)!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:17px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:7.8px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip span{font-size:6.5px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{font-size:8.5px!important;min-height:32px!important;padding:6px 9px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{width:50px!important;height:50px!important;font-size:32px!important;right:7px!important;bottom:13px!important}
}

@media screen and (min-width:768px) and (max-width:1024px){
    html body .agbp-main .agbp-responsive-munim-hero{padding:18px 18px 16px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy{width:calc(100% - 112px)!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-avatar{width:96px!important;height:96px!important;right:18px!important;bottom:20px!important;font-size:60px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy h2{font-size:29px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-copy p{font-size:12px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip{min-height:50px!important}
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-chip span{font-size:9.5px!important}
}

@media screen and (min-width:1025px){
    /* Desktop hard guard: this redesign is intentionally mobile/tablet only. */
    html body .agbp-responsive-munim-hero .agbp-rmh-shortcuts{display:none!important}
}

/* =====================================================================
 * v2.0.471 — MUNIM JI HERO EXACT REFERENCE ARTWORK
 * Mobile + tablet only. Desktop is intentionally untouched.
 * The supplied reference artwork is used as the actual hero surface so
 * the frontend matches the approved design rather than approximating it
 * with CSS. The existing Munim CTA remains a real clickable control.
 * ===================================================================== */
@media screen and (max-width:1024px){
    html body .agbp-main .agbp-responsive-munim-hero{
        display:block!important;
        position:relative!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1948 / 732!important;
        padding:0!important;
        margin:9px 0 12px!important;
        overflow:hidden!important;
        border:0!important;
        border-radius:18px!important;
        background:#1475ee url('../ui/munim-hero-v2.0.471.png') center center / 100% 100% no-repeat!important;
        box-shadow:0 10px 24px rgba(25,86,210,.20)!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero > .agbp-rmh-copy,
    html body .agbp-main .agbp-responsive-munim-hero > .agbp-rmh-avatar{
        display:none!important;
    }
    /* Preserve the real Munim Ji action without drawing a second button. */
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-actions{
        display:block!important;
        position:absolute!important;
        left:4.7%!important;
        bottom:5.2%!important;
        width:37%!important;
        height:18%!important;
        margin:0!important;
        z-index:20!important;
        pointer-events:none!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk{
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        padding:0!important;
        margin:0!important;
        opacity:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        font-size:0!important;
        pointer-events:auto!important;
        cursor:pointer!important;
    }
    html body .agbp-main .agbp-responsive-munim-hero .agbp-rmh-talk *{
        display:none!important;
    }
}

@media screen and (max-width:390px){
    html body .agbp-main .agbp-responsive-munim-hero{
        border-radius:15px!important;
        margin-top:7px!important;
        margin-bottom:9px!important;
    }
}