/* HB ONLINE SEVA FORMAL V6. Design adapts navy/green/white reference supplied by user. */
:root{--ink:#0f2a4a;--ink2:#163b65;--green:#00703c;--green2:#0a5c36;--mint:#eef8f2;--bg:#f1f5f9;--soft:#f8fafc;--text:#1e293b;--muted:#64748b;--line:#dbe3ea;--shadow:0 2px 8px rgba(15,42,74,.05)}
body{font-family:Inter,'Noto Sans Kannada',system-ui,sans-serif;background:#f1f5f9;color:#1e293b;font-size:13px;}
.portal-mast{background:#fff;border-bottom:4px solid var(--green2);position:relative;z-index:25}
.mast-top{background:#0b1f36;color:#e2e8f0;padding:8px clamp(15px,4vw,42px);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.35px;font-weight:650}
.mast-inner{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1500px;margin:auto;padding:17px 26px}
.mast-left{display:flex;align-items:center;gap:15px}.mast-emblem{height:55px;width:55px;flex-shrink:0;display:grid;place-items:center;background:#f0faf4;border:1px solid #bfdcca;border-radius:5px;color:#0a5c36;font-size:24px;font-weight:900;letter-spacing:-1px;box-shadow:inset 0 0 0 4px #fff}
.mast-title{font-size:clamp(17px,2vw,23px);font-weight:800;color:#0f2a4a;line-height:1.3;letter-spacing:-.5px}.mast-sub{font-size:11px;font-weight:750;color:#0a5c36;letter-spacing:.5px;margin-top:4px}.mast-private{font-size:10px;color:#64748b;margin-top:4px;font-weight:550}
.mast-role{border:1px solid #cbd5e1;border-top:3px solid #0a5c36;background:#f8fafc;border-radius:3px;padding:9px 15px;color:#0f2a4a;font-size:11px;font-weight:800;white-space:nowrap}
.shell{min-height:calc(100vh - 132px);display:flex;align-items:stretch;gap:0;margin:0 auto;max-width:1600px;padding:17px;}
.sidebar{background:#fff;color:#475569;position:sticky;top:17px;height:calc(100vh - 34px);width:245px;padding:0 8px;border:1px solid #dbe3ea;border-top:3px solid #0f2a4a;border-radius:4px;box-shadow:var(--shadow);overflow-y:auto}
.sidebar .brand{height:auto;padding:17px 12px;border-bottom:1px solid #e2e8f0}.sidebar .brand-name{color:#0f2a4a;font-size:13px}.sidebar .brand-sub{color:#0a5c36;font-size:9px}.sidebar .logo{height:35px;width:35px;border-radius:4px;font-size:15px;box-shadow:none;background:#0a5c36;color:white}
.sidebar .mini-label{color:#0f2a4a;font-size:10px;letter-spacing:.3px;margin:17px 10px 9px;padding-bottom:7px;border-bottom:1px solid #e2e8f0}
.sidebar .menu{gap:2px}.sidebar .menu a{border-radius:3px;padding:11px 11px;font-size:11.8px;color:#475569;font-weight:670;gap:9px;border-left:3px solid transparent}
.sidebar .menu a:hover{background:#eef8f2;color:#0a5c36}.sidebar .menu a.active,.sidebar .menu a.current{background:#0a5c36;color:#fff;border-left-color:#06442a;box-shadow:none}
.sidebar .menu .glyph{font-size:15px;width:23px;flex:none}
.sidebar-footer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;padding:12px;margin-bottom:11px;gap:8px}.sid-foot-icon{background:#e4f7ed;border-radius:3px;height:28px;width:28px;color:#0a5c36}.side-foot-h{color:#0f2a4a;font-size:11px}.side-foot-p{color:#64748b}
.main{min-width:0;flex:1;padding-left:17px}.navbar{background:#0f2a4a;color:#fff;border-radius:3px;min-height:55px;height:auto;padding:10px 21px;border:1px solid #0f2a4a;position:sticky;top:0;z-index:17;box-shadow:none}
.crumb,.crumb strong,.nav-clock{color:#fff!important}.navavatar{border-radius:3px;background:#1f4775;color:#fff}.tiny-btn,.secondary-btn{border-radius:3px;border:1px solid #cbd5e1;color:#0f2a4a;background:#fff;padding:8px 12px}.tiny-btn:hover,.secondary-btn:hover{background:#eaf2f8;color:#0a5c36}
.navbar .tiny-btn,.navbar .secondary-btn{background:#173d66;border:1px solid #55708b;color:white}.navbar .tiny-btn:hover,.navbar .secondary-btn:hover{background:#28577b}
.content{max-width:none;margin:0;padding:19px 0 40px}.h1{font-size:23px;color:#0f2a4a;letter-spacing:-.4px}.title-row{margin:4px 0 13px}
.eyebrow{color:#00703c;font-size:10px;letter-spacing:.75px}
.hero,.hero.admin-hero{background:#fff!important;color:#0f2a4a!important;box-shadow:none!important;border:1px solid #dbe3ea;border-left:4px solid #0a5c36;border-radius:4px;min-height:115px;padding:20px 23px;margin:0}
.hero:before,.hero:after{display:none}.hero h2,.hero.admin-hero h2{font-size:21px;color:#0f2a4a;line-height:1.4;margin:4px 0 7px}.hero p,.hero.admin-hero p{color:#64748b!important;font-size:11px;line-height:1.7}.hero-badge{background:#eaf6ee;border:1px solid #c8e5d0;border-radius:3px;padding:4px 9px;color:#0a5c36;letter-spacing:.4px}.hero-art{color:#0a5c36;opacity:.2;font-size:60px;padding-right:5px}.hero.admin-hero .plain-btn{background:#0a5c36;color:#fff;border-radius:3px}
.action-grid{gap:10px}.action{border:1px solid #dbe3ea;border-top:3px solid #0a5c36;border-radius:4px;box-shadow:none;padding:16px;min-height:84px}.action:hover,.service-card:hover{transform:none;background:#f9fcfa;border-color:#96c9ae}.action-icon{width:35px;height:35px;border-radius:3px;background:#e8f6ee;color:#00703c;font-size:17px}.action-title{font-size:11px}
.service-grid{gap:11px}.service-card{min-height:164px;border-radius:4px;box-shadow:none;padding:16px;border:1px solid #dbe3ea;border-top:3px solid #0f2a4a}.service-icon{width:39px;height:39px;border-radius:3px;background:#edf4fa;color:#0f2a4a}.service-card h4{margin:10px 0 6px;color:#0f2a4a;font-size:12px}.service-card p{color:#64748b;line-height:1.65}.service-link{color:#0a5c36;border-color:#edf1f4}.service-no{color:#94a3b8}
.section-bar{margin:21px 0 12px}.section-bar h3{font-size:14px;color:#0f2a4a}.section-bar h3 span{color:#0a5c36}.section-bar .mini-count{background:#edf6f0;border:1px solid #c7e5d1;color:#0a5c36;border-radius:3px}
.well,.admin-table-card,.editor-card,.summary-card{border:1px solid #dbe3ea!important;border-radius:4px!important;box-shadow:none!important;background:white!important}.well{padding:20px}.account-grid{gap:10px;margin-top:16px}.bottom-head{font-size:13px;color:#0f2a4a}.id-card{background:#f5fbf6;border:1px solid #c5dfd1;border-radius:4px}.id-card strong{color:#0a5c36}
.tag,.status-pill{border-radius:3px}.tag.active{color:#0a5c36}.notice{border-radius:3px}.page-tag{border-radius:3px;color:#0a5c36;background:#eaf6ee}.plain-btn{background:#0a5c36;color:#fff;border-radius:3px;box-shadow:none}.plain-btn:hover{background:#08482a;filter:none}.mini-btn{border-radius:3px!important}.mini-btn.primary{background:#0a5c36!important;border-color:#0a5c36!important}
.field{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:4px!important;box-shadow:none!important}.field:focus{border-color:#0a5c36!important;outline:2px solid #d2ecd9}.field-label{font-size:11px;color:#334155}
.auth-page{min-height:calc(100vh - 132px);padding:32px 20px;background:#f1f5f9}.auth-layout{width:min(1140px,100%);min-height:470px;grid-template-columns:1.14fr .86fr;box-shadow:none;border-radius:4px;border:0;background:transparent;overflow:visible;gap:24px}
.auth-left{padding:26px;background:#fff;border:1px solid #dbe3ea;border-left:4px solid #0f2a4a;color:#0f2a4a;border-radius:3px}.auth-left:after{display:none}.auth-left .brand{height:auto;border:none;padding:0 0 15px;border-bottom:1px solid #e2e8f0}.auth-left .brand-name{color:#0f2a4a;font-size:15px}.auth-left .brand-sub{color:#0a5c36;font-size:10px}.auth-left .logo{background:#0a5c36;color:white;border-radius:3px;width:43px;height:43px}.auth-left h1{margin:27px 0 9px;font-size:25px;color:#0f2a4a;line-height:1.45;max-width:none}.auth-left p{color:#64748b;font-size:12px;line-height:1.8}
.auth-right{align-self:start;background:#fff;border:1px solid #dbe3ea;border-top:4px solid #0a5c36;padding:32px;box-shadow:0 2px 12px #0f2a4a0c;border-radius:3px}.auth-right h2{font-size:20px;color:#0f2a4a;margin:6px 0 5px}.auth-right .tiny-note{color:#64748b;margin-bottom:18px}.auth-links{color:#0a5c36}
.summary-grid{gap:10px!important;margin:17px 0 22px!important}.summary-card{padding:16px!important;min-height:108px!important;border-left:4px solid #0a5c36!important}.summary-card .value{color:#0f2a4a!important}.summary-card .icon{background:#e9f6ee!important;color:#0a5c36!important;border-radius:3px!important}.summary-card .key{color:#64748b!important}
.admin-panel{margin:21px 0 0}.panel-head h2{color:#0f2a4a;font-size:14px}.data-table th{background:#f1f5f9!important;border-bottom:1px solid #cbd5e1!important;color:#334155!important;padding:12px 13px!important;letter-spacing:.15px!important}.data-table td{padding:13px!important;border-bottom:1px solid #e2e8f0!important}.data-table tbody tr:hover{background:#f7fafc!important}.editor-card h3{color:#0f2a4a}.table-filter{border:1px solid #cbd5e1!important;border-radius:3px!important}.footer-mini{font-size:10px;color:#64748b}
.portal-note{background:#eaf6ee;border-left:3px solid #0a5c36;color:#245b3e;padding:12px 15px;margin:16px 0;font-size:11px;line-height:1.7}
.portal-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.portal-shortcuts .tile{background:#f8fafc;border:1px solid #dbe3ea;border-top:2px solid #0a5c36;border-radius:3px;padding:15px}.portal-shortcuts .tile b{display:block;color:#0f2a4a;margin-bottom:6px;font-size:12px}.portal-shortcuts .tile span{color:#64748b;font-size:11px}
.detail-card{min-height:280px}.detail-card p{line-height:1.8}.mode-group{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 21px}.mode-chip{font:700 11px Inter,'Noto Sans Kannada',sans-serif;color:#0f2a4a;border:1px solid #dbe3ea;border-top:3px solid #0a5c36;background:#fff;padding:12px 17px;border-radius:3px}.mode-chip.selected{background:#eaf7f0;border-color:#0a5c36}.mode-note{color:#334155;font-size:12px;line-height:1.8;margin:8px 0 17px}
.mast-reg{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1100px){.mast-inner{padding:15px 18px}.shell{padding:12px}.main{padding-left:12px}.sidebar{width:227px}.action-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.mast-top{padding:7px 13px;font-size:9px}.mast-inner{padding:11px 13px;gap:8px}.mast-emblem{width:40px;height:40px;font-size:17px}.mast-title{font-size:16px}.mast-sub{font-size:9px}.mast-private{font-size:9px}.mast-role{font-size:9px;padding:6px 7px}.shell{display:block;padding:9px}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:265px;z-index:51;transform:translateX(-110%);border-radius:0;box-shadow:0 12px 60px #0003}.main{padding:0;min-height:0;width:100%}.navbar{position:sticky;top:0;min-height:53px;border-radius:3px;padding:10px 13px}.menu-btn{display:inline-flex}.content{padding:13px 0 30px}.hero,.hero.admin-hero{min-height:95px;padding:17px}.hero h2{font-size:18px}.action-grid{gap:7px}.action{padding:12px 9px;min-height:76px;gap:7px}.service-grid{gap:8px}.service-card{padding:12px;min-height:158px}.account-grid{grid-template-columns:1fr}.auth-page{min-height:calc(100vh - 115px);padding:17px 11px}.auth-layout{grid-template-columns:1fr;gap:12px;min-height:0}.auth-left{padding:15px}.auth-left h1{margin:12px 0 2px;font-size:17px}.auth-left p{font-size:11px;margin:4px 0}.auth-right{padding:23px 18px}.portal-shortcuts{grid-template-columns:1fr;gap:7px;margin-top:12px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{min-height:95px!important}}
@media(max-width:390px){.mast-private{display:none}.mast-role{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-title{font-size:9px}}
@media print{.portal-mast,.navbar,.sidebar,.mobileShade{display:none!important}.shell{padding:0}.main{padding:0}}