/* HB Online Seva V8 — desktop layout matches the approved image; original Supabase auth retained. */
:root{--hb-dark:#003b2b;--hb-deep:#012d24;--hb-green:#037d46;--hb-lime:#0ba86a;--hb-navy:#13274a;--hb-edge:#dfe8ef;}
html,body{min-height:100%;}body{background:#f2f5fa!important;color:#112443!important;}
.portal-mast{background:linear-gradient(108deg,#005330 0%,#017246 55%,#00914f 100%)!important;border:0!important;box-shadow:0 5px 12px #0f47331a!important;z-index:22!important;position:relative;}
.mast-inner{min-height:102px!important;padding:13px clamp(15px,3vw,45px)!important;max-width:1900px!important;gap:24px!important;}
.mast-left{gap:16px!important;min-width:365px!important;max-width:590px!important;}
.hb-new-logo{height:82px!important;width:82px!important;filter:drop-shadow(0 2px 3px #003a2710)!important;}
.mast-title{font-size:clamp(20px,2.05vw,30px)!important;color:#fff!important;line-height:1.45!important;letter-spacing:-.2px!important;white-space:normal!important;text-shadow:0 1px 2px #00503430;}
.mast-sub{color:#fff!important;font-weight:800!important;font-size:clamp(13px,1.2vw,18px)!important;letter-spacing:.65px!important;margin-top:2px!important;}
.header-search{max-width:485px!important;min-width:195px!important;background:white!important;border:1px solid #d9e1eb!important;border-radius:8px!important;box-shadow:0 2px 5px #0438201a!important;}
.header-search input{min-height:47px!important;font-size:13px!important;}.header-search kbd{display:none!important}.header-search .search-lens{color:#6a8198!important;font-size:23px!important}
.mast-right{gap:12px!important;}.mast-role{display:flex;align-items:center;min-width:100px!important;justify-content:center;background:#004f33!important;border:1px solid #007c4b!important;color:#fff!important;border-radius:8px!important;font-size:12px!important;letter-spacing:.3px!important;min-height:41px!important;}
.a11y-ctrl{display:none!important}.v8-logout{height:38px!important;background:#02422b!important;border:1px solid #2c9866!important;color:white!important;border-radius:7px!important;font-size:11px!important;white-space:nowrap;}
.v8-bell{height:44px;width:44px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:30px;position:relative;flex:none;}
.v8-bell:before{content:'🔔';font-size:25px;position:absolute;inset:9px 0 0;line-height:28px;}.v8-bell{font-size:0}.v8-bell span{position:absolute;right:0;top:0;background:#f03b32;color:#fff;border-radius:99px;padding:2px 5px;font-size:10px;font-weight:900;min-width:18px;}
.v8-bell span[hidden]{display:none!important}.v8-mobile-toggle{display:none!important;}
.shell{display:grid!important;grid-template-columns:207px minmax(0,1fr)!important;gap:0!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important;min-height:calc(100vh - 160px)!important;align-items:stretch!important;}
.sidebar{display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;border:0!important;min-height:calc(100vh - 160px)!important;max-height:none!important;height:auto!important;width:207px!important;max-width:none!important;margin:0!important;background:linear-gradient(165deg,#01382a 0%,#004330 56%,#012e24 100%)!important;padding:19px 0 0!important;border-radius:0!important;box-shadow:0 8px 24px #011e173b!important;z-index:4!important;}
.v8-sidebar-top{font-size:11px!important;font-weight:800!important;color:#c4dfd5!important;padding:5px 25px 20px!important;border-bottom:1px solid #3d705d!important;letter-spacing:1.1px!important;}
.sidebar .menu{padding:13px 0!important;display:flex!important;flex-direction:column!important;gap:3px!important;}.sidebar .mini-label{margin:13px 25px 9px!important;font-size:10px!important;color:#a0cab6!important;letter-spacing:1px!important;}
.sidebar .menu a{margin:0!important;padding:14px 20px!important;font-size:13px!important;font-weight:680!important;color:#eef7f1!important;background:transparent!important;border-radius:0!important;border-left:5px solid transparent!important;line-height:1.3!important;}
.sidebar .menu a .glyph{color:#c5e6d2!important;min-width:22px!important;display:inline-block!important;font-size:17px!important;}
.sidebar .menu a.current,.sidebar .menu a[data-nav]{background:linear-gradient(90deg,#00a66b,#00724d)!important;color:#fff!important;border-left:5px solid #48f2a2!important;box-shadow:inset 0 0 0 1px #34c18b18!important;}
.sidebar .menu a:not(.current):not([data-nav]):hover{background:#ffffff14!important}.sidebar .brand{display:none!important}
.v8-sidebar-bottom{margin-top:auto!important;padding:21px 20px 28px!important;border-top:1px solid #ffffff30!important;font-size:12px!important;color:#e3f6e7!important;line-height:1.6!important;font-weight:800!important;}.v8-sidebar-bottom small{font-size:10px!important;font-weight:400!important;color:#b7d6c6!important;}
.main{min-width:0!important;width:auto!important;flex:1!important;padding:0!important;max-width:none!important;background:#f2f5fa!important;}
.main .navbar{display:none!important;}
.main .content{padding:24px clamp(16px,1.7vw,31px) 25px!important;width:100%!important;max-width:none!important;margin:0 auto!important;}
#pageNotice:not(:empty){margin-bottom:15px!important;}.dash-heading{display:none!important;} .retailer-dash-head{margin-bottom:16px!important;}
.summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 20px!important;}
.summary-card{position:relative!important;min-height:120px!important;padding:22px 21px!important;background:#fff!important;border:1px solid #d9e8ef!important;border-left:1px solid #d9e8ef!important;border-radius:11px!important;box-shadow:0 5px 14px #2b57741a!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.summary-card .icon{order:-1!important;position:absolute!important;top:26px!important;left:18px!important;width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:28px!important;font-weight:900!important;}
.summary-card .key{font-size:13px!important;color:#173759!important;font-weight:800!important;white-space:nowrap!important;line-height:1.25!important;margin-left:75px!important;}
.summary-card .value{font-size:32px!important;color:#172c4d!important;font-weight:900!important;line-height:1.4!important;margin-left:75px!important;}
.summary-card.sum-blue{background:#e9f3ff!important;border-color:#cde1ff!important;}.summary-card.sum-blue .icon{background:#bedaff!important;color:#1458bf!important;}
.summary-card.sum-green{background:#eafbf2!important;border-color:#cbeeda!important;}.summary-card.sum-green .icon{background:#abe7c7!important;color:#056939!important;}
.summary-card.sum-red{background:#fff0f1!important;border-color:#ffe0e1!important;}.summary-card.sum-red .icon{background:#fac7cc!important;color:#b8282f!important;}
.summary-card.sum-violet{background:#f4edff!important;border-color:#ead8ff!important;}.summary-card.sum-violet .icon{background:#e3c8fa!important;color:#6925be!important;}
.v8-workspace{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,.99fr)!important;align-items:start!important;gap:19px!important;width:100%!important;}
.v8-maincol,.v8-sidecol{min-width:0!important;display:flex!important;flex-direction:column!important;gap:20px!important;}
.v8-maincol .admin-panel{margin:0!important;padding:17px 19px 20px!important;border:1px solid #dfe8ee!important;border-radius:11px!important;background:#fff!important;box-shadow:0 4px 13px #12394a10!important;}
.v8-side-panel{padding:18px 18px 20px!important;border:1px solid #dfe8ee!important;border-radius:11px!important;background:#fff!important;box-shadow:0 4px 13px #12394a10!important;}
.v8-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#14284d;font-size:16px;font-weight:800;margin:0 0 13px;}
.v8-panel-title>span{display:inline-flex;align-items:center;gap:9px}.v8-title-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#006e43;color:#fff;font-size:20px;}.v8-panel-title small{font-size:12px;color:#5a657e}.v8-panel-link{font-size:11px;color:#00633a;text-decoration:none;border:1px solid #a6ccbc;border-radius:7px;padding:8px;white-space:nowrap;}
.v8-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.v8-qbox{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px solid transparent;border-radius:9px;text-decoration:none!important;font:700 12px Inter,'Noto Sans Kannada',sans-serif;cursor:pointer;padding:12px 7px}.v8-qbox strong{font-size:27px;line-height:1.3}.v8-qbox b{font-size:12px;line-height:1.5;}.q-app{background:#e7f9ed;color:#056336;border-color:#bfeaca;}.q-retail{background:#e9f2ff;color:#124caa;border-color:#c6d9ff;}.q-service{background:#f4ebff;color:#6831ba;border-color:#e2ceff;}.q-refresh{background:#fff2d9;color:#b15a00;border-color:#ffe0a5;}.v8-qbox:hover{filter:brightness(.96);transform:translateY(-2px)}
.v8-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}.v8-service-item{display:flex;align-items:center;gap:9px;background:#f7f9fc;border:1px solid #e9edf3;border-radius:7px;min-height:42px;padding:6px 8px;text-decoration:none!important;color:#20304c!important;font-size:11px;font-weight:700;line-height:1.3;}.v8-service-item:hover{background:#effbf4;border-color:#bce9ca;}.v8-service-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;color:#fff;border-radius:6px;font-size:16px;font-weight:800}.i-blue{background:#428ef6}.i-green{background:#19b047}.i-violet{background:#7a40e7}.i-amber{background:#f7a51f}.i-coral{background:#f85959}.i-teal{background:#0fb6a7}.i-royal{background:#196ceb}.i-purple{background:#9258e5}
.v8-maincol .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;}.v8-maincol .panel-head h2{color:#12294b!important;font-size:16px!important;font-weight:800!important;}.v8-maincol .head-filters{gap:7px!important;flex-wrap:wrap!important;}.v8-maincol .table-filter{height:33px!important;font-size:11px!important;width:auto!important;max-width:170px!important;}
.v8-maincol .admin-table-card{box-shadow:none!important;overflow:auto!important;border-radius:7px!important;}.v8-maincol .data-table{min-width:600px!important;width:100%!important;}.v8-maincol .data-table th{background:#f0f3f8!important;font-size:10px!important;font-weight:800!important;}.v8-maincol .data-table td{font-size:11px!important;}.v8-maincol .mini-btn{font-size:10px!important;border-radius:5px!important;}
#services.admin-panel{margin-top:20px!important;background:#fff!important;border:1px solid #dce8ec!important;border-radius:10px!important;padding:17px!important;scroll-margin-top:15px!important;}
.v8-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(100deg,#00653c,#00492d);color:#fff;padding:9px 40px;min-height:62px;}.v8-footer-brand{display:flex;align-items:center;gap:12px;}.v8-footer-brand img{display:block;width:39px;height:39px;}.v8-footer-brand b{font-size:12px;display:block;}.v8-footer-brand small{font-size:10px;display:block;}.v8-footer-security{font-size:11px;font-weight:700;}
/* Retailer portal uses the same two-column grammar while retaining real auth, services, change-password and profile. */
.v8-retailer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px;}.v8-rstat{min-height:89px;display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dce8f1;border-radius:10px;}.v8-rstat .v8-stat-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;background:#fff9;border-radius:50%;font-size:21px;font-weight:800;}.v8-rstat small{color:#56718a;font-size:11px;display:block;font-weight:650;}.v8-rstat b{font-size:15px;color:#133457;line-height:1.3;display:block;margin-top:4px}.rs-blue{background:#e8f2ff}.rs-green{background:#eafbF0}.rs-amber{background:#fff4e2}
.v8-retailer-workspace .hero.hero-simple{margin:0!important;min-height:117px!important;border-radius:10px!important;background:linear-gradient(110deg,#006a3c,#008756)!important;border:0!important;box-shadow:0 4px 10px #03462c18!important;}.v8-retailer-workspace .hero h2{color:#fff!important;font-size:19px!important}.v8-retailer-workspace .hero p{color:#e6fff2!important}.v8-retailer-workspace .hero .hero-badge{color:#005638!important;border:none!important;background:#dcfff0!important}.v8-retailer-workspace .hero-art{color:#f5fff8!important;opacity:.36!important}
.v8-retailer-workspace #serviceSection{display:block;}.v8-retailer-workspace .section-bar{margin:0 0 12px!important;}.v8-retailer-workspace .section-bar h3{font-size:16px!important;}.v8-retailer-workspace .action-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;}.v8-retailer-workspace .action{padding:11px 7px!important;min-height:92px!important;background:#fff!important;border:1px solid #e4ecf0!important;border-radius:9px!important;box-shadow:0 3px 10px #13384c0b!important;display:flex!important;flex-direction:column!important;justify-content:center;}.v8-retailer-workspace .action-icon{border-radius:8px!important;color:#087f49!important;background:#e4f9eb!important;font-size:22px!important;width:42px!important;height:42px!important}.v8-retailer-workspace .action-title{font-size:11px!important;line-height:1.25!important;color:#123a55!important}
.v8-retailer-workspace #featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.v8-retailer-workspace .service-card{border:1px solid #e4ecf0!important;border-radius:9px!important;min-height:132px!important;padding:14px!important;box-shadow:0 3px 10px #13384c0b!important}.v8-retailer-workspace .service-card h4{font-size:12px!important;}.v8-retailer-workspace .service-card p{font-size:10px!important;}.v8-retailer-workspace .account-grid{display:flex!important;flex-direction:column!important;gap:15px!important;margin:0!important;}.v8-retailer-workspace .well{border-radius:9px!important;box-shadow:0 3px 10px #13384c0b!important;padding:19px!important;}.v8-retailer-workspace .well.hidden{display:none!important}.v8-retailer-workspace .bottom-head{font-size:15px!important;color:#133557!important}.v8-retailer-workspace .profile-grid{grid-template-columns:1fr!important;gap:11px!important;}.v8-retailer-workspace .profile-grid>div{min-width:0!important;}
/* All other pages still get same branded header and footer; no dashboard auth bypass. */
.auth-page{min-height:calc(100vh - 180px)!important;}
@media(max-width:1250px){.mast-left{min-width:295px!important}.mast-title{font-size:21px!important}.hb-new-logo{width:65px!important;height:65px!important}.mast-right{gap:5px!important}.summary-card{padding:17px 12px!important}.summary-card .key,.summary-card .value{margin-left:55px!important}.summary-card .icon{width:44px!important;height:44px!important;top:24px!important;left:10px!important}.summary-card .key{font-size:11px!important}.v8-workspace{grid-template-columns:minmax(0,1.55fr) minmax(275px,1fr)!important}.v8-sidebar-top{padding-left:18px!important}.mast-inner{gap:12px!important}}
@media(max-width:940px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-workspace{grid-template-columns:minmax(0,1fr)!important}.v8-retailer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-retailer-workspace #featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-maincol .data-table{min-width:570px!important}}
@media(max-width:820px){.mast-inner{min-height:83px!important;display:flex!important;gap:5px!important;padding:9px 14px!important;flex-wrap:wrap!important}.mast-left{min-width:0!important;max-width:none!important;flex:1!important;gap:9px!important}.mast-title{font-size:16px!important;line-height:1.3!important}.mast-sub{font-size:11px!important}.hb-new-logo{width:53px!important;height:53px!important}.header-search{order:3!important;min-width:100%!important;max-width:none!important;margin:7px 0 4px!important}.mast-right{order:2!important;gap:4px!important}.mast-role{min-width:auto!important;padding:5px 7px!important;font-size:9px!important}.v8-logout{height:31px!important;font-size:9px!important;padding:4px 6px!important}.v8-bell{height:34px!important;width:29px!important}.v8-bell:before{font-size:20px!important;top:4px!important}.v8-mobile-toggle{display:block!important;position:relative!important;top:auto!important;left:auto!important;order:0!important;color:white!important;background:#ffffff25!important;border:1px solid #ffffff66!important;border-radius:6px!important;margin-right:8px!important;width:34px!important;height:38px!important;padding:0!important;}.shell{display:block!important;width:100%!important;min-height:calc(100vh - 235px)!important;}.sidebar{position:fixed!important;z-index:75!important;left:0!important;top:0!important;bottom:0!important;min-height:100vh!important;width:263px!important;height:100vh!important;transform:translateX(-110%)!important;transition:transform .25s ease!important;}body.menu-open .sidebar{transform:translateX(0)!important;}.main .content{padding:13px 13px 22px!important;}.v8-footer{min-height:56px;padding:10px 18px!important;}.v8-footer-brand b{font-size:10px!important;}.v8-footer-security{font-size:10px!important}}
@media(max-width:540px){.mast-title{font-size:13px!important}.mast-sub{font-size:9px!important}.hb-new-logo{height:43px!important;width:43px!important}.v8-mobile-toggle{min-width:28px!important;width:28px!important;margin-right:4px!important}.mast-role{display:none!important}.mast-inner{padding:9px 9px!important}.summary-grid{gap:9px!important}.summary-card{min-height:98px!important;padding:13px!important}.summary-card .icon{display:none!important}.summary-card .key,.summary-card .value{margin:0!important}.summary-card .key{font-size:10px!important}.summary-card .value{font-size:28px!important}.v8-maincol .admin-panel{padding:12px!important}.v8-side-panel{padding:12px!important}.v8-panel-title{font-size:13px!important}.v8-panel-link{font-size:9px!important}.v8-quick-grid{gap:8px}.v8-service-item{font-size:10px!important;gap:6px!important}.v8-rstat{min-height:85px;padding:10px;gap:8px}.v8-rstat .v8-stat-icon{width:32px;height:32px;font-size:15px}.v8-rstat b{font-size:11px}.v8-rstat small{font-size:9px}.v8-retailer-stats{gap:8px}.v8-retailer-workspace .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v8-maincol .panel-head{flex-wrap:wrap!important}.v8-maincol .table-filter{max-width:140px!important}.v8-retailer-workspace #featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media print{.portal-mast,.sidebar,.v8-footer,.v8-bell{display:none!important}.shell{display:block!important}.main{width:100%!important}}