*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1d2736}.layout{display:flex;min-height:100vh}.sidebar{width:270px;background:#0d2e26;color:#dfeee8;position:fixed;inset:0 auto 0 0;padding:24px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-logo{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#1ba66d,#8fd15c);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:0 8px 24px rgba(27,166,109,.25)}.brand strong{display:block;color:#fff;font-size:15px}.brand span{font-size:11px;color:#9eb9ae}.nav-title{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6f9687;margin:16px 10px 7px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#c8ddd5;padding:11px 12px;border-radius:10px;font-size:13px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#17483b;color:#fff}.sidebar-footer{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#8eb0a3}.main{margin-left:270px;width:calc(100% - 270px);padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:#758096;font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.search{display:flex;background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}.search input{width:260px;border:0;outline:0;padding:11px 13px}.search button{border:0;background:#12694b;color:#fff;padding:0 15px}.avatar{width:40px;height:40px;border-radius:50%;background:#e7f4ed;color:#12694b;display:grid;place-items:center;font-weight:800}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.card{background:#fff;border:1px solid #e7ebf1;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(29,39,54,.04)}.kpi .label{font-size:12px;color:#7d8799}.kpi .value{font-size:30px;font-weight:800;margin:8px 0 3px}.kpi .delta{font-size:11px;color:#4b7f69}.accent-green{border-top:4px solid #1c9b68}.accent-blue{border-top:4px solid #4a8ee7}.accent-amber{border-top:4px solid #e6a328}.accent-purple{border-top:4px solid #835fcf}.hero{display:grid;grid-template-columns:2fr 1fr;background:linear-gradient(135deg,#123f34,#0d654d);color:#fff;overflow:hidden}.hero h2{font-size:26px;margin:10px 0}.hero p{color:#cce4da}.hero-side{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.1));border-radius:14px;display:grid;place-items:center;min-height:190px;font-size:42px;font-weight:900;color:#e5c97a}.badge{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:6px 9px}.badge.live{background:#fde9ed;color:#bd2944}.badge.upcoming{background:#edf8f1;color:#147149}.badge.done{background:#eaf1fb;color:#3566a6}.hero .badge.live{background:#ef4358;color:#fff}.meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin:15px 0}.btn{display:inline-block;border:0;border-radius:9px;padding:9px 13px;text-decoration:none;font-weight:700;cursor:pointer;font-size:12px}.btn-primary{background:#176f51;color:#fff}.btn-light{background:#fff;color:#155e46}.btn-outline{background:#fff;border:1px solid #dfe5ec;color:#354052}.btn-danger{background:#cb3850;color:#fff}.btn-warning{background:#e2a026;color:#fff}.two{grid-template-columns:1.45fr 1fr}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h3{margin:0;font-size:16px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #edf0f3;font-size:12px}.table th{color:#758096;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#fafbfc}.muted{color:#7d8799;font-size:12px}.agenda-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0f3}.agenda-row:first-child{border-top:0}.date-box{background:#eef8f2;color:#176b4e;border-radius:10px;text-align:center;padding:7px}.date-box b{font-size:20px;display:block}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.input,.select,.textarea{width:100%;border:1px solid #dfe5ec;border-radius:9px;padding:10px 11px;font:inherit;background:#fff}.filters .input,.filters .select{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.form-group label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.video-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.thumb{height:170px;border-radius:12px;background:#123d33;display:grid;place-items:center;color:#edce79;font-size:35px;font-weight:800;margin-bottom:12px}.thumb-img{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:12px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.audit{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.footer{text-align:center;padding:25px 0 4px;color:#8a94a5;font-size:11px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#f3f6f8}.login-cover{background:linear-gradient(135deg,#0e3f34,#126f52);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.login-cover h1{font-size:44px;margin:0 0 15px}.login-cover p{color:#cce0d8;max-width:600px;line-height:1.7}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e0e6ec;border-radius:18px;padding:28px;box-shadow:0 12px 40px rgba(20,40,35,.08)}.alert{padding:11px 12px;border-radius:8px;font-size:12px;margin-bottom:12px}.alert-danger{background:#fdebec;color:#b62d41}.alert-success{background:#eaf8ef;color:#176845}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.two,.hero,.detail-grid{grid-template-columns:1fr}.video-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:100%}.layout{display:block}.main{margin:0;width:100%;padding:16px}.kpis,.form-grid,.video-grid,.gallery-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.search input{width:150px}.login-page{grid-template-columns:1fr}.login-cover{display:none}}

.chart-box{height:280px;position:relative}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick-card{padding:15px;border:1px solid #e7ebf1;border-radius:13px;background:#fff;text-decoration:none;color:#253143}
.quick-card b{display:block;margin-bottom:5px}
.notice{padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #f0dfb0;margin-bottom:10px}
.notice.urgent{background:#fff0f1;border-color:#f2c6cc}
.notice.info{background:#eef6ff;border-color:#cfe2f6}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#20a46b}
.avatar-sm{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:#e9f4ee;color:#176b4e;font-weight:800}
.progress{height:8px;background:#edf1f4;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#1a8d63}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}
.empty{padding:35px;text-align:center;color:#8993a4}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.metric-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:12px}
.metric-row .progress{grid-column:1/-1}
@media(max-width:900px){.quick-grid,.settings-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.quick-grid,.settings-grid{grid-template-columns:1fr}}

.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-head{font-size:11px;font-weight:800;color:#7f8999;text-align:center}.cal-day{min-height:120px;border:1px solid #e5eaf0;border-radius:12px;background:#fff;padding:8px}.cal-day.muted-day{opacity:.4}.cal-num{font-weight:800;font-size:12px}.cal-event{display:block;margin-top:6px;padding:6px 7px;border-radius:8px;background:#ecf7f1;color:#156b4c;text-decoration:none;font-size:10px}.qr-box{width:240px;height:240px;border:12px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.08);display:grid;place-items:center;background:#fff;margin:auto}.qr-grid{display:grid;grid-template-columns:repeat(21,1fr);width:210px;height:210px}.qr-cell{aspect-ratio:1}.qr-dark{background:#111}.qr-light{background:#fff}.certificate{background:#fff;border:12px double #1a6b50;padding:50px;text-align:center;min-height:650px;position:relative}.certificate h1{font-size:42px;margin:20px 0 6px}.certificate .name{font-size:34px;font-weight:800;margin:25px 0;color:#145a44}.certificate .sign-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px}.certificate .sign{border-top:1px solid #555;padding-top:10px}.participant-card{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center}.participant-photo{width:80px;height:80px;border-radius:50%;background:#e9f4ee;display:grid;place-items:center;font-size:26px;font-weight:800;color:#176b4e}.system-health{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-card{background:#fff;border:1px solid #e7ebf1;border-radius:14px;padding:14px}.health-ok{color:#17865d}.health-warn{color:#d28c1d}.health-bad{color:#c9384b}.spark{height:70px;display:flex;align-items:end;gap:5px}.spark i{display:block;flex:1;background:#1a8d63;border-radius:5px 5px 0 0}.reminder-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid #edf0f3;padding:12px 0}.print-only{display:none}@media print{.sidebar,.topbar,.footer,.no-print{display:none!important}.main{margin:0!important;width:100%!important;padding:0!important}.certificate{border-color:#000;box-shadow:none}.print-only{display:block}}@media(max-width:900px){.calendar{grid-template-columns:repeat(2,1fr)}.system-health{grid-template-columns:1fr 1fr}.participant-card{grid-template-columns:70px 1fr}.participant-card>.btn{grid-column:1/-1}}@media(max-width:600px){.system-health{grid-template-columns:1fr}}

.approval-step{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f3}.approval-step:last-child{border-bottom:0}.approval-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#edf3f0;color:#176b4e}.approval-step.done .approval-icon{background:#dff3e8}.approval-step.pending .approval-icon{background:#fff2d9;color:#a66a00}.security-list{display:grid;gap:10px}.security-item{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid #e5eaf0;border-radius:10px}.code-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#0f1f1a;color:#dff5e9;padding:14px;border-radius:10px;overflow:auto;font-size:11px}.notification-channel{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf0f3}.chart-bars{height:220px;display:flex;align-items:end;gap:10px;padding:10px 0}.chart-bars .bar{flex:1;min-width:24px;background:linear-gradient(180deg,#2ba071,#17664d);border-radius:8px 8px 0 0;position:relative}.chart-bars .bar span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:#738093}.chart-bars .bar b{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px}.release-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#102d25;color:#d5f1e5;font-size:10px;font-weight:800}.status-ok{color:#17865d;font-weight:700}.status-warn{color:#c57c17;font-weight:700}.status-error{color:#c53a4a;font-weight:700}

.final-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.checklist{display:grid;gap:8px}.check-item{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e7ebef;border-radius:10px}.pill-ok{background:#e8f6ef;color:#16714f;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.pill-warn{background:#fff3dd;color:#a86b00;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.restore-box{border:2px dashed #cfd8df;border-radius:14px;padding:26px;text-align:center}.qr-real img{max-width:280px;width:100%;height:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:900px){.final-grid{grid-template-columns:1fr}}

:root{--hu-primary:#0f513f;--hu-secondary:#1f7a5b;--hu-accent:#d5b45c;--hu-bg:#f6f8fa;--hu-text:#1f2937;--hu-muted:#7a8698}
.pro-shell{max-width:1440px;margin:auto}.pro-banner{background:linear-gradient(135deg,#0d3d30,#12634d 60%,#1b7b5d);color:#fff;border-radius:20px;padding:24px;display:grid;grid-template-columns:1.7fr .8fr;gap:20px;align-items:center;box-shadow:0 18px 45px rgba(13,61,48,.14)}.pro-banner h2{font-size:30px;margin:8px 0}.pro-banner p{color:#d4e8df;line-height:1.7}.pro-emblem{height:180px;border-radius:18px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:58px;font-weight:900;color:#eedb9f;border:1px solid rgba(255,255,255,.12)}
.pro-kpi{position:relative;overflow:hidden}.pro-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-25px;top:-30px;background:rgba(20,120,87,.06)}.pro-kpi .value{font-size:32px}
.pro-section{margin-top:18px}.pro-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pro-title h3{margin:0;font-size:17px}.pro-sub{font-size:11px;color:var(--hu-muted)}
.profile-card{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center}.profile-avatar{width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,#dff2ea,#edf7f3);display:grid;place-items:center;font-size:26px;font-weight:900;color:#14664b;border:1px solid #dceae4}.profile-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.profile-meta span{font-size:11px;color:#758195;background:#f5f7f9;padding:5px 8px;border-radius:999px}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-card{border:1px solid #e5eaf0;border-radius:14px;padding:15px;background:#fff}.doc-icon{width:42px;height:42px;border-radius:10px;background:#eaf5ef;display:grid;place-items:center;margin-bottom:10px}
.verify-box{max-width:760px;margin:50px auto}.verify-status{padding:18px;border-radius:14px;background:#eaf8ef;border:1px solid #c8ead6}.verify-invalid{background:#fdecee;border-color:#f5c9d0}
.cert-pro{background:#fff;border:10px double #1b6c51;min-height:620px;padding:50px;text-align:center;position:relative}.cert-pro:before,.cert-pro:after{content:"";position:absolute;width:90px;height:90px;border:2px solid #d7bd70}.cert-pro:before{top:18px;left:18px;border-right:0;border-bottom:0}.cert-pro:after{bottom:18px;right:18px;border-left:0;border-top:0}.cert-pro h1{font-size:40px;letter-spacing:.05em}.cert-pro .recipient{font-size:34px;font-weight:800;color:#135d46;margin:24px 0}.cert-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#667085;margin-top:16px}
.brand-preview{background:#0f513f;color:#fff;border-radius:16px;padding:18px}.brand-preview strong{font-size:20px}.brand-preview small{display:block;color:#cfe4dc;margin-top:4px}
.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:#dce5e1}.timeline-item{position:relative;padding:0 0 16px}.timeline-item:before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:#1c8b64;border:2px solid #fff;box-shadow:0 0 0 2px #d6e7df}
.mini-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f4}.mini-stat:last-child{border-bottom:0}
.enterprise-table tr:hover td{background:#fbfcfd}.tag-soft{display:inline-block;padding:5px 8px;border-radius:999px;background:#eef6f2;color:#17664c;font-size:10px;font-weight:800}
.footer-pro{text-align:center;color:#8994a5;font-size:11px;padding:28px 0}
@media(max-width:1000px){.pro-banner,.doc-grid{grid-template-columns:1fr}.profile-card{grid-template-columns:74px 1fr}.profile-card>.btn{grid-column:1/-1}}

/* HU V4.1 Professional Final UI/UX */
:root{--ui-radius:16px;--ui-shadow:0 8px 28px rgba(28,47,40,.07)}
body{background:#f5f7f8;color:#24312d}
.card{border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);border-color:#e8ecea}
.sidebar{box-shadow:8px 0 30px rgba(15,55,43,.05)}
.sidebar a{border-radius:10px;margin:2px 10px;padding:10px 12px;transition:.18s ease}
.sidebar a:hover{transform:translateX(2px)}
.topbar{backdrop-filter:blur(10px);background:rgba(255,255,255,.92)}
.btn{border-radius:10px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}
.input,.select,.textarea{border-radius:10px;border-color:#dfe6e2}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#5ca489;box-shadow:0 0 0 3px rgba(41,139,99,.10)}
.v41-hero{background:linear-gradient(135deg,#103e31,#166249 62%,#208060);border-radius:22px;color:white;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 45px rgba(17,82,62,.16)}
.v41-hero:after{content:"HU";position:absolute;right:28px;top:-18px;font-size:150px;font-weight:900;color:rgba(255,255,255,.055)}
.v41-hero h1{font-size:32px;margin:6px 0 10px}.v41-hero p{max-width:720px;color:#d6e9e1;line-height:1.7}
.v41-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:#e4ce8b}
.v41-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v41-stat{background:#fff;border:1px solid #e5ebe8;border-radius:16px;padding:17px;box-shadow:var(--ui-shadow)}
.v41-stat small{color:#849087;font-weight:700}.v41-stat strong{display:block;font-size:30px;margin:7px 0}.v41-stat span{font-size:10px;color:#7c8982}
.v41-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.v41-panel-title h3{margin:0}.v41-panel-title p{margin:3px 0 0;color:#89948f;font-size:11px}
.v41-agenda{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1ef}.v41-agenda:last-child{border-bottom:0}
.v41-date{width:56px;height:56px;border-radius:13px;background:#edf7f2;display:grid;place-items:center;color:#17664c;text-align:center}.v41-date b{font-size:20px;line-height:1}.v41-date span{font-size:9px;font-weight:800}
.v41-status{padding:5px 9px;border-radius:999px;background:#edf7f2;color:#17664c;font-size:9px;font-weight:900}
.v41-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.v41-feature{display:block;text-decoration:none;color:#27352f;background:#fff;border:1px solid #e5ebe8;border-radius:15px;padding:15px;transition:.18s}.v41-feature:hover{transform:translateY(-2px);box-shadow:var(--ui-shadow)}.v41-feature b{display:block;margin-bottom:5px}.v41-feature span{font-size:10px;color:#87928d}
.public-hero{background:linear-gradient(135deg,#103d30,#17694f);color:#fff;border-radius:20px;padding:30px;margin-bottom:18px}.public-hero h1{font-size:34px;margin:6px 0}.public-hero p{color:#d5e8df;max-width:760px;line-height:1.7}
.mobile-bottom-nav{display:none}
.v41-empty{padding:36px;text-align:center;color:#89958f;border:1px dashed #d9e2de;border-radius:14px}
@media(max-width:1050px){.v41-grid{grid-template-columns:repeat(2,1fr)}.v41-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.v41-grid,.v41-feature-grid{grid-template-columns:1fr}.v41-hero{padding:22px}.v41-hero h1,.public-hero h1{font-size:25px}.v41-hero:after{font-size:90px}.v41-agenda{grid-template-columns:54px 1fr}.v41-agenda>.v41-status{grid-column:2}.main{padding-bottom:74px}.mobile-bottom-nav{display:grid;position:fixed;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e5ebe8;z-index:50;padding:7px 5px}.mobile-bottom-nav a{text-align:center;text-decoration:none;color:#66736d;font-size:9px}.mobile-bottom-nav b{display:block;font-size:17px;margin-bottom:2px}}

/* V4.1.1 UI/UX HOTFIX - stronger selectors for existing layout */
main .public-hero,.content .public-hero,.main-content .public-hero,.public-hero{
 display:block!important;background:linear-gradient(135deg,#103d30,#17694f)!important;color:#fff!important;
 border-radius:18px!important;padding:26px 28px!important;margin:0 0 18px!important;box-shadow:0 14px 34px rgba(16,61,48,.14)!important
}
.public-hero h1{color:#fff!important;font-size:30px!important;line-height:1.18!important;margin:8px 0 10px!important}
.public-hero p{color:#dcece5!important;margin:0 0 16px!important}
.public-hero .btn{display:inline-flex!important;align-items:center!important;margin:3px 6px 3px 0!important}
.v41-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
.v41-stat{display:block!important;min-width:0!important;background:#fff!important;border:1px solid #e3e9e6!important;border-radius:14px!important;padding:16px!important}
.v41-stat small,.v41-stat strong,.v41-stat span{display:block!important}
.v41-stat strong{font-size:28px!important;line-height:1!important;margin:8px 0!important;color:#153a2e!important}
.grid.two{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr)!important;gap:14px!important;align-items:start!important}
.v41-panel-title{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important;margin-bottom:10px!important}
.v41-agenda{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px 0!important;border-bottom:1px solid #edf1ef!important}
.v41-date{display:flex!important;align-items:center!important;justify-content:center!important;width:54px!important;height:54px!important;border-radius:12px!important;background:#edf7f2!important;color:#17664c!important;text-align:center!important}
.v41-date b{display:inline!important;font-size:19px!important}.v41-date span{display:inline!important;font-size:9px!important}
.v41-status{display:inline-block!important;white-space:nowrap!important}
.card{overflow:hidden}
@media(max-width:1100px){.v41-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid.two{grid-template-columns:1fr!important}}
@media(max-width:650px){.v41-grid{grid-template-columns:1fr!important}.public-hero{padding:20px!important}.public-hero h1{font-size:24px!important}.v41-agenda{grid-template-columns:52px minmax(0,1fr)!important}.v41-agenda>a,.v41-agenda>.v41-status{grid-column:2!important}}

/* =========================================================
   HU V4.2 PROFESSIONAL ENHANCEMENT - SAFE UI LAYER
   ========================================================= */
:root{
 --v42-green:#145a45;
 --v42-green-2:#1f7a5c;
 --v42-soft:#edf6f2;
 --v42-border:#e4ebe7;
 --v42-text:#20302a;
 --v42-muted:#7f8c86;
 --v42-gold:#c7a64d;
 --v42-radius:16px;
 --v42-shadow:0 10px 28px rgba(27,54,44,.06);
}
.page-intro{
 display:flex;justify-content:space-between;gap:20px;align-items:flex-end;
 margin:0 0 16px;padding:0 2px
}
.page-intro h2{margin:0;font-size:24px;color:#22302a}
.page-intro p{margin:5px 0 0;color:var(--v42-muted);font-size:12px}
.page-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eaf5ef;color:#17664c;font-size:10px;font-weight:800}
.v42-toolbar{
 display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
 margin-bottom:14px
}
.v42-filter{
 display:flex;gap:7px;flex-wrap:wrap
}
.v42-filter a{
 text-decoration:none;color:#56655e;background:#fff;border:1px solid var(--v42-border);
 border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700
}
.v42-filter a.active,.v42-filter a:hover{background:#175d47;color:#fff;border-color:#175d47}
.v42-list-card{
 background:#fff;border:1px solid var(--v42-border);border-radius:var(--v42-radius);
 box-shadow:var(--v42-shadow);padding:16px
}
.v42-item{
 display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:15px;align-items:center;
 padding:14px 0;border-bottom:1px solid #edf1ef
}
.v42-item:last-child{border-bottom:0}
.v42-datebox{
 width:64px;height:64px;border-radius:15px;background:linear-gradient(135deg,#eaf6f0,#f6fbf8);
 display:flex;align-items:center;justify-content:center;text-align:center;color:#17664c;border:1px solid #deece5
}
.v42-datebox b{font-size:21px;line-height:1}.v42-datebox small{font-size:9px;font-weight:900}
.v42-item h3{margin:0 0 5px;font-size:15px}
.v42-meta{display:flex;gap:10px;flex-wrap:wrap;color:#839089;font-size:10px}
.v42-action{display:flex;gap:6px;align-items:center}
.v42-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v42-media-card{
 background:#fff;border:1px solid var(--v42-border);border-radius:16px;overflow:hidden;
 box-shadow:var(--v42-shadow);transition:.18s ease
}
.v42-media-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(24,64,49,.09)}
.v42-media-thumb{
 aspect-ratio:16/9;background:linear-gradient(135deg,#dceee6,#f3f8f5);
 display:flex;align-items:center;justify-content:center;color:#17664c;font-size:34px;font-weight:900;
 overflow:hidden
}
.v42-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.v42-media-body{padding:14px}.v42-media-body h3{margin:0 0 6px;font-size:14px}
.v42-media-body p{margin:0;color:#839089;font-size:10px;line-height:1.5}
.v42-media-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}
.v42-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v42-summary{
 background:#fff;border:1px solid var(--v42-border);border-radius:14px;padding:14px;
 box-shadow:var(--v42-shadow)
}
.v42-summary small{font-size:9px;color:#849087;font-weight:800}.v42-summary b{display:block;font-size:25px;margin:5px 0;color:#153d30}
.v42-bar-wrap{display:flex;align-items:flex-end;gap:10px;height:210px;padding:12px 6px 28px}
.v42-bar-col{flex:1;min-width:28px;text-align:center;position:relative;height:100%;display:flex;align-items:flex-end}
.v42-bar{
 width:100%;max-width:48px;margin:auto;border-radius:8px 8px 2px 2px;
 background:linear-gradient(180deg,#2d9a70,#176149);position:relative;min-height:6px
}
.v42-bar em{position:absolute;left:50%;transform:translateX(-50%);top:-19px;font-size:9px;font-style:normal;font-weight:800}
.v42-bar-col span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:8px;color:#86918c}
.v42-progress{height:8px;background:#edf1ef;border-radius:999px;overflow:hidden}.v42-progress span{display:block;height:100%;background:linear-gradient(90deg,#1b7356,#2e9a72)}
.v42-note-card{
 border-left:4px solid #1f7a5b;background:#fff;border-radius:14px;padding:15px;
 box-shadow:var(--v42-shadow);border-top:1px solid var(--v42-border);
 border-right:1px solid var(--v42-border);border-bottom:1px solid var(--v42-border)
}
.v42-note-card h3{margin:0 0 6px;font-size:14px}.v42-note-card p{color:#63716b;font-size:11px;line-height:1.6}
.v42-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v42-gallery-item{background:#fff;border:1px solid var(--v42-border);border-radius:14px;overflow:hidden;box-shadow:var(--v42-shadow)}
.v42-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.v42-gallery-item div{padding:10px}
.v42-profile-hero{
 background:linear-gradient(135deg,#123f32,#1b7054);color:#fff;border-radius:18px;padding:22px;
 display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;margin-bottom:15px
}
.v42-avatar{width:76px;height:76px;border-radius:18px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:28px;font-weight:900;color:#f5df98}
.v42-profile-hero h2{margin:0}.v42-profile-hero p{margin:5px 0 0;color:#d3e8df;font-size:11px}
.v42-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.v42-tabs span{padding:6px 10px;border-radius:999px;background:#edf6f2;color:#17664c;font-size:9px;font-weight:800}
.v42-empty{padding:34px;text-align:center;border:1px dashed #d9e1dd;border-radius:14px;color:#87928d;background:#fbfcfb}
@media(max-width:1100px){
 .v42-card-grid{grid-template-columns:repeat(2,1fr)}
 .v42-gallery{grid-template-columns:repeat(3,1fr)}
 .v42-summary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
 .page-intro{display:block}.page-intro>.page-chip{margin-top:9px}
 .v42-card-grid,.v42-gallery,.v42-summary-grid{grid-template-columns:1fr}
 .v42-item{grid-template-columns:58px minmax(0,1fr)}.v42-action{grid-column:2}
 .v42-profile-hero{grid-template-columns:66px 1fr}.v42-profile-hero>.page-chip{grid-column:2}
}

/* =========================================================
   HU V4.3 EXECUTIVE & SMART MANAGEMENT - SAFE
   ========================================================= */
.smart-hero{
 background:linear-gradient(135deg,#0f4938,#17664c 58%,#278463);
 color:#fff;border-radius:20px;padding:24px;display:grid;
 grid-template-columns:1.55fr .75fr;gap:18px;align-items:center;
 box-shadow:0 18px 40px rgba(18,82,61,.14);position:relative;overflow:hidden
}
.smart-hero:after{content:"SMART";position:absolute;right:22px;top:-20px;font-size:86px;font-weight:900;color:rgba(255,255,255,.045)}
.smart-hero h2{margin:6px 0 9px;font-size:28px}.smart-hero p{color:#d6e9e1;line-height:1.6;margin:0 0 15px}
.smart-score{
 background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);
 border-radius:16px;padding:18px;text-align:center
}
.smart-score small{color:#d6e9e1;font-weight:800}.smart-score strong{display:block;font-size:48px;line-height:1;margin:8px 0;color:#f3dd94}.smart-score span{font-size:10px;color:#d8eae2}
.smart-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0}
.smart-kpi{background:#fff;border:1px solid #e4ebe7;border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(31,62,50,.05)}
.smart-kpi small{font-size:9px;color:#829089;font-weight:800}.smart-kpi b{display:block;font-size:25px;margin:5px 0;color:#143c2f}.smart-kpi span{font-size:9px;color:#8b9691}
.smart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.smart-grid.equal{grid-template-columns:1fr 1fr}
.smart-card{background:#fff;border:1px solid #e4ebe7;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(31,62,50,.055)}
.smart-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.smart-card-head h3{margin:0;font-size:15px}.smart-card-head p{margin:3px 0 0;font-size:10px;color:#87928d}
.smart-timeline{position:relative;padding-left:22px}.smart-timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:#dfe9e4}
.smart-time-item{position:relative;padding:0 0 15px}.smart-time-item:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;background:#22805f;border-radius:50%;box-shadow:0 0 0 3px #e8f4ef}
.smart-time-item strong{font-size:12px}.smart-time-item .muted{font-size:9px}
.smart-health-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 55px;gap:10px;align-items:center;margin-bottom:11px}
.smart-health-row b{font-size:10px}.smart-health-row span{font-size:9px;color:#7e8b85;text-align:right}
.smart-health-bar{height:8px;background:#edf1ef;border-radius:999px;overflow:hidden}.smart-health-bar i{display:block;height:100%;background:linear-gradient(90deg,#1d7356,#2e9b72)}
.smart-risk{padding:11px;border-radius:12px;margin-bottom:8px;border:1px solid #e6ebe8;background:#fbfcfb}
.smart-risk.high{border-left:4px solid #c84b5c}.smart-risk.medium{border-left:4px solid #d59d32}.smart-risk.low{border-left:4px solid #2b8a67}
.smart-risk strong{display:block;font-size:11px}.smart-risk span{font-size:9px;color:#849089}
.smart-metric-table{width:100%;border-collapse:collapse}.smart-metric-table td{padding:9px 0;border-bottom:1px solid #edf1ef;font-size:10px}.smart-metric-table td:last-child{text-align:right;font-weight:800}
.smart-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eaf5ef;color:#17664c;font-size:9px;font-weight:900}
.smart-reco{background:linear-gradient(135deg,#f5faf7,#fff);border:1px solid #e3ebe7;border-radius:14px;padding:14px;margin-bottom:10px}
.smart-reco b{font-size:11px}.smart-reco p{margin:4px 0 0;font-size:9px;color:#77847e;line-height:1.5}
.smart-chart{height:190px;display:flex;align-items:flex-end;gap:8px;padding:10px 4px 24px}.smart-chart-col{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.smart-chart-bar{width:100%;max-width:42px;margin:auto;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#39a37b,#176149);min-height:6px;position:relative}.smart-chart-bar b{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px}.smart-chart-col span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:#85918b}
@media(max-width:1200px){.smart-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.smart-hero,.smart-grid,.smart-grid.equal{grid-template-columns:1fr}.smart-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.smart-kpis{grid-template-columns:1fr}.smart-health-row{grid-template-columns:1fr 50px}.smart-health-bar{grid-column:1/-1}}

/* =========================================================
   HU V4.4 ISLAMIC PUBLIC EXPERIENCE - SAFE
   ========================================================= */
:root{
 --islamic-green:#0f4d3c;
 --islamic-green-2:#17684f;
 --islamic-emerald:#248363;
 --islamic-gold:#d8b75d;
 --islamic-gold-soft:#f3e7b9;
 --islamic-cream:#fbf9f3;
 --islamic-ink:#1f2e29;
 --islamic-muted:#7d8a84;
 --islamic-border:#e7ece9;
}
body{background:linear-gradient(180deg,#f8faf9 0%,#f5f7f6 100%)}
.islamic-shell{max-width:1240px;margin:auto}
.islamic-hero{
 position:relative;overflow:hidden;border-radius:24px;padding:34px 34px 30px;
 background:
 radial-gradient(circle at 82% 18%,rgba(216,183,93,.20),transparent 18%),
 radial-gradient(circle at 90% 78%,rgba(255,255,255,.07),transparent 20%),
 linear-gradient(135deg,#0c3e31,#115841 60%,#1d7658);
 color:#fff;box-shadow:0 22px 50px rgba(16,74,56,.16);margin-bottom:18px
}
.islamic-hero:before{
 content:"۞";position:absolute;right:36px;top:20px;font-size:118px;
 color:rgba(255,255,255,.055);font-family:serif;line-height:1
}
.islamic-hero .bismillah{font-family:Georgia,'Times New Roman',serif;font-size:23px;color:#f0df9f;margin-bottom:9px;letter-spacing:.02em}
.islamic-hero .eyebrow{font-size:10px;letter-spacing:.18em;font-weight:900;color:#e6cb7a;text-transform:uppercase}
.islamic-hero h1{font-size:38px;line-height:1.15;margin:8px 0 12px;max-width:780px}
.islamic-hero p{max-width:760px;color:#d7e8e1;line-height:1.75;font-size:13px}
.islamic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.islamic-btn-primary{background:#e1c367;color:#17372d;border:0!important;font-weight:800}
.islamic-btn-primary:hover{background:#ead487}
.islamic-btn-soft{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important}
.islamic-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.islamic-kpi{background:#fff;border:1px solid var(--islamic-border);border-radius:16px;padding:16px;box-shadow:0 9px 28px rgba(31,58,47,.055);position:relative;overflow:hidden}
.islamic-kpi:after{content:"";position:absolute;right:-26px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(24,112,83,.045)}
.islamic-kpi small{color:#85918b;font-size:9px;font-weight:800}.islamic-kpi b{display:block;font-size:28px;color:#143c30;margin:6px 0}.islamic-kpi span{font-size:9px;color:#8b9691}
.islamic-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-bottom:14px}
.islamic-card{background:#fff;border:1px solid var(--islamic-border);border-radius:18px;padding:17px;box-shadow:0 10px 30px rgba(31,58,47,.05)}
.islamic-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}
.islamic-section-head h2,.islamic-section-head h3{margin:0;color:#22332c}.islamic-section-head p{margin:4px 0 0;color:#87928d;font-size:10px}
.islamic-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf6f2;color:#17664d;font-size:9px;font-weight:900}
.islamic-agenda{
 display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:14px;align-items:center;
 padding:14px 0;border-bottom:1px solid #edf1ef
}
.islamic-agenda:last-child{border-bottom:0}
.islamic-date{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#edf7f2,#fbfdfc);display:grid;place-items:center;text-align:center;color:#17664c;border:1px solid #dfece5}
.islamic-date b{font-size:21px;line-height:1}.islamic-date small{font-size:9px;font-weight:900}
.islamic-agenda h3{margin:0 0 5px;font-size:15px}.islamic-meta{display:flex;gap:9px;flex-wrap:wrap;color:#85908a;font-size:9px}
.islamic-quote{
 background:linear-gradient(135deg,#faf8f1,#fff);border:1px solid #eee7cf;border-radius:16px;padding:18px;position:relative
}
.islamic-quote:before{content:"❝";position:absolute;right:15px;top:8px;font-size:46px;color:#e4d6a2}
.islamic-quote .arabic{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.8;text-align:right;color:#193d31;margin-bottom:8px}
.islamic-quote p{font-size:11px;line-height:1.65;color:#69756f;margin:0}
.islamic-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.islamic-feature{
 display:block;text-decoration:none;color:#22312b;background:#fff;border:1px solid var(--islamic-border);
 border-radius:15px;padding:15px;transition:.18s;box-shadow:0 8px 24px rgba(31,58,47,.045)
}
.islamic-feature:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(31,58,47,.08)}
.islamic-feature .icon{width:42px;height:42px;border-radius:12px;background:#edf6f2;display:grid;place-items:center;margin-bottom:10px;font-size:20px}
.islamic-feature b{display:block;font-size:12px;margin-bottom:4px}.islamic-feature span{font-size:9px;color:#85918b;line-height:1.5}
.islamic-knowledge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.islamic-knowledge-card{background:#fff;border:1px solid var(--islamic-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(31,58,47,.045)}
.islamic-knowledge-cover{height:110px;background:linear-gradient(135deg,#dceee6,#f7fbf9);display:grid;place-items:center;font-size:34px;color:#17664c;font-weight:900}
.islamic-knowledge-body{padding:13px}.islamic-knowledge-body h3{font-size:13px;margin:0 0 5px}.islamic-knowledge-body p{margin:0;font-size:9px;color:#84908a}
.islamic-footer-box{margin-top:18px;background:#113d31;color:#d8e7e1;border-radius:18px;padding:22px;text-align:center}.islamic-footer-box b{color:#f0d991}.islamic-footer-box p{font-size:10px;max-width:720px;margin:7px auto 0;color:#bdd6cc}
.public-nav-note{font-size:9px;color:#94a09b}
@media(max-width:1050px){.islamic-kpi-grid,.islamic-feature-grid{grid-template-columns:repeat(2,1fr)}.islamic-layout{grid-template-columns:1fr}.islamic-knowledge{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.islamic-hero{padding:24px 20px}.islamic-hero h1{font-size:28px}.islamic-hero .bismillah{font-size:19px}.islamic-kpi-grid,.islamic-feature-grid,.islamic-knowledge{grid-template-columns:1fr}.islamic-agenda{grid-template-columns:58px minmax(0,1fr)}.islamic-agenda>a,.islamic-agenda>.islamic-tag{grid-column:2}.islamic-hero:before{font-size:76px;right:14px}}

/* =========================================================
   HU V4.4.1 ISLAMIC VISUAL REFINEMENT - RESPONSIVE SAFE
   ========================================================= */

html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%;height:auto}
table{max-width:100%}
main,.content,.main-content{min-width:0}

/* Public shell sizing */
.islamic-shell{
 width:min(100%,1240px);
 margin:0 auto;
 padding:0 2px;
}

/* Header responsiveness */
.topbar,.header,.public-header{
 gap:12px;
}
.search,.top-search{
 min-width:0;
}
.search input,.top-search input{
 min-width:0;
 width:100%;
}

/* Sidebar improvements */
.sidebar{
 transition:transform .22s ease, width .22s ease;
}
.sidebar .brand,
.sidebar-brand{
 min-width:0;
}
.sidebar a{
 white-space:normal;
 line-height:1.25;
}

/* Islamic section title */
.islamic-page-title{
 display:flex;justify-content:space-between;gap:16px;align-items:flex-end;
 margin:0 0 14px;
}
.islamic-page-title h2{
 margin:0;font-size:27px;line-height:1.15;color:#1f322b;
}
.islamic-page-title p{
 margin:5px 0 0;color:#7e8b85;font-size:11px;line-height:1.5;
}
.islamic-page-kicker{
 font-size:9px;letter-spacing:.14em;text-transform:uppercase;
 font-weight:900;color:#a5852d;margin-bottom:4px;
}

/* Islamic content banner */
.islamic-mini-hero{
 position:relative;overflow:hidden;
 background:linear-gradient(135deg,#103f33,#176148 64%,#258060);
 color:#fff;border-radius:18px;padding:20px 22px;
 margin-bottom:15px;box-shadow:0 12px 28px rgba(18,75,57,.10)
}
.islamic-mini-hero:after{
 content:"۞";position:absolute;right:22px;top:-18px;
 font-size:92px;color:rgba(255,255,255,.05);font-family:serif;
}
.islamic-mini-hero h2{margin:4px 0 6px;font-size:24px}
.islamic-mini-hero p{margin:0;color:#d5e7e0;font-size:11px;line-height:1.65;max-width:760px}
.islamic-mini-hero .arabic-mini{
 font-family:Georgia,'Times New Roman',serif;color:#f0db91;font-size:17px;
}

/* Agenda */
.islamic-agenda-list{
 background:#fff;border:1px solid #e4ebe7;border-radius:18px;
 padding:8px 16px;box-shadow:0 10px 28px rgba(30,59,47,.05);
}
.islamic-agenda-row{
 display:grid;grid-template-columns:68px minmax(0,1fr) auto;
 gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1ef;
}
.islamic-agenda-row:last-child{border-bottom:0}
.islamic-agenda-row h3{margin:0 0 5px;font-size:15px;color:#1f312a}
.islamic-agenda-row .meta{display:flex;gap:9px;flex-wrap:wrap;color:#86918c;font-size:9px}
.islamic-agenda-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}

/* Archive */
.islamic-search-card{
 background:#fff;border:1px solid #e5ebe8;border-radius:16px;padding:12px;
 box-shadow:0 8px 24px rgba(30,59,47,.04);margin-bottom:14px;
}
.islamic-search-card .search{margin:0}

/* Video */
.islamic-video-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.islamic-video-card{
 background:#fff;border:1px solid #e4ebe7;border-radius:17px;overflow:hidden;
 box-shadow:0 10px 26px rgba(30,59,47,.055);
 transition:transform .18s ease,box-shadow .18s ease;
}
.islamic-video-card:hover{
 transform:translateY(-2px);box-shadow:0 14px 32px rgba(30,59,47,.09)
}
.islamic-video-cover{
 aspect-ratio:16/9;display:grid;place-items:center;
 background:
 radial-gradient(circle at 72% 25%,rgba(216,183,93,.22),transparent 19%),
 linear-gradient(135deg,#d9eee5,#f7fbf9);
 color:#146149;font-size:38px;position:relative;
}
.islamic-video-cover:after{
 content:"HU";position:absolute;right:14px;bottom:8px;
 font-weight:900;color:rgba(20,97,73,.12);font-size:24px;
}
.islamic-video-body{padding:14px}
.islamic-video-body h3{margin:0 0 6px;font-size:14px;color:#203129}
.islamic-video-body p{margin:0;color:#87928c;font-size:9px;line-height:1.55}
.islamic-video-footer{
 margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px
}

/* Speaker / Notes / Gallery */
.islamic-public-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
.islamic-public-card{
 background:#fff;border:1px solid #e4ebe7;border-radius:16px;padding:15px;
 box-shadow:0 9px 26px rgba(30,59,47,.05);
}
.islamic-public-card h3{margin:0 0 6px;font-size:14px}
.islamic-public-card p{margin:0;color:#7f8c86;font-size:10px;line-height:1.6}

/* Mobile nav overlay helpers */
.public-mobile-menu-btn{
 display:none;
 width:42px;height:42px;border-radius:12px;border:1px solid #dfe7e3;
 background:#fff;color:#155a45;font-weight:900;cursor:pointer
}
.public-mobile-overlay{
 display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);
 z-index:997;
}
body.mobile-menu-open .public-mobile-overlay{display:block}
body.mobile-menu-open .sidebar{transform:translateX(0)!important}

/* Responsive breakpoints */
@media(max-width:1180px){
 .islamic-video-grid,.islamic-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .islamic-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .islamic-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
 .public-mobile-menu-btn{display:inline-grid;place-items:center}
 .sidebar{
   position:fixed!important;left:0;top:0;bottom:0;z-index:998;
   width:min(82vw,290px)!important;
   transform:translateX(-105%);
   overflow-y:auto;
   box-shadow:14px 0 40px rgba(0,0,0,.15);
 }
 .main,.content,.main-content{
   margin-left:0!important;
   width:100%!important;
   max-width:100%!important;
 }
 .topbar,.header,.public-header{
   padding-left:14px!important;padding-right:14px!important;
 }
 .islamic-shell{padding:0 12px}
 .islamic-layout{grid-template-columns:1fr}
 .islamic-mini-hero{padding:18px}
}

@media(max-width:700px){
 .islamic-page-title{display:block}
 .islamic-page-title .islamic-tag{margin-top:8px}
 .islamic-hero{border-radius:18px;padding:22px 18px}
 .islamic-hero h1{font-size:27px}
 .islamic-hero p{font-size:11px}
 .islamic-kpi-grid,.islamic-feature-grid,.islamic-video-grid,.islamic-public-grid{
   grid-template-columns:1fr
 }
 .islamic-agenda-row{
   grid-template-columns:58px minmax(0,1fr);
   align-items:start;
 }
 .islamic-agenda-actions{
   grid-column:2;
   justify-content:flex-start;
 }
 .islamic-agenda-list{padding:6px 12px}
 .islamic-date{width:54px;height:54px;border-radius:14px}
 .islamic-date b{font-size:18px}
 .islamic-card{padding:14px}
 .islamic-section-head{display:block}
 .islamic-section-head>a{display:inline-block;margin-top:7px}
 .topbar,.header,.public-header{
   flex-wrap:wrap;
 }
 .topbar .search,.header .search,.public-header .search{
   order:3;width:100%;
 }
}

@media(max-width:480px){
 .islamic-shell{padding:0 9px}
 .islamic-hero h1{font-size:23px}
 .islamic-hero .bismillah{font-size:18px}
 .islamic-actions .btn{width:100%;text-align:center}
 .islamic-kpi b{font-size:24px}
 .islamic-page-title h2{font-size:22px}
 .islamic-mini-hero h2{font-size:20px}
 .islamic-agenda-row h3{font-size:13px}
 .islamic-video-body h3{font-size:13px}
 .btn{max-width:100%}
}

/* =========================================================
   HU V4.4.2 ISLAMIC ICON SYSTEM + LOGO MANAGER
   ========================================================= */
.hu-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto}
.hu-icon svg{display:block}
.sidebar nav a .hu-icon{width:22px;color:#c9ddd5;margin-right:7px}
.sidebar nav a.active .hu-icon{color:#f0d477}
.brand-logo.brand-logo-image{padding:0;overflow:hidden;background:#fff}
.brand-logo.brand-logo-image img{width:100%;height:100%;display:block;object-fit:cover}
.avatar.avatar-logo{padding:0;overflow:hidden;background:#fff;border:1px solid #dfe8e4}
.avatar.avatar-logo img{width:100%;height:100%;object-fit:cover;display:block}
.islamic-feature .icon .hu-icon{color:#17664c}
.islamic-feature .icon svg{width:22px;height:22px}
.islamic-video-cover .hu-icon{color:#17664c}
.islamic-meta .hu-icon,.islamic-agenda-row .meta .hu-icon{color:#28775d;margin-right:2px}
.logo-manager-preview{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #e3eae6;border-radius:16px;background:linear-gradient(135deg,#f7fbf9,#fff)}
.logo-manager-preview .logo-box{width:92px;height:92px;border-radius:20px;background:#e9f5ef;border:1px solid #dbe9e2;display:grid;place-items:center;overflow:hidden;color:#17664c;font-size:24px;font-weight:900}
.logo-manager-preview .logo-box img{width:100%;height:100%;object-fit:contain;background:#fff}
.logo-upload-help{font-size:10px;color:#7d8a84;line-height:1.6;margin-top:6px}
@media(max-width:600px){.logo-manager-preview{align-items:flex-start}.logo-manager-preview .logo-box{width:72px;height:72px}}

/* =========================================================
   HU V4.4.2.1 BRANDING MENU VISIBILITY & ADMIN SIDEBAR SCROLL
   ========================================================= */
.layout{min-height:100vh}
.sidebar{
 position:fixed;
 left:0;
 top:0;
 bottom:0;
 height:100vh;
 overflow-y:auto;
 overflow-x:hidden;
 scrollbar-width:thin;
 scrollbar-color:rgba(255,255,255,.20) transparent;
 overscroll-behavior:contain;
}
.sidebar::-webkit-scrollbar{width:7px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.30)}
.main{
 margin-left:var(--sidebar-width,290px);
 min-height:100vh;
}
.sidebar nav a[href="branding.php"]{
 background:rgba(216,183,93,.08);
 border:1px solid rgba(216,183,93,.10);
}
.sidebar nav a[href="branding.php"]:hover,
.sidebar nav a[href="branding.php"].active{
 background:rgba(216,183,93,.18);
 color:#f4dda0;
}
@media(max-width:900px){
 .sidebar{position:fixed!important;height:100vh!important}
 .main{margin-left:0!important}
}

/* =========================================================
   HU V4.5 ISLAMIC SMART COMMUNITY & KNOWLEDGE EXPERIENCE
   ========================================================= */
.v45-hero{
 position:relative;overflow:hidden;border-radius:24px;padding:34px;
 background:
 radial-gradient(circle at 84% 18%,rgba(216,183,93,.22),transparent 17%),
 radial-gradient(circle at 88% 85%,rgba(255,255,255,.06),transparent 21%),
 linear-gradient(135deg,#0b3a2f,#12533f 55%,#1e7558);
 color:#fff;box-shadow:0 22px 52px rgba(15,69,53,.15)
}
.v45-hero:before{content:"☾";position:absolute;right:34px;top:-24px;font-size:130px;color:rgba(255,255,255,.045)}
.v45-hero-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:20px;align-items:center}
.v45-bismillah{font-family:Georgia,'Times New Roman',serif;color:#f2dc91;font-size:22px}
.v45-hero h1{font-size:39px;line-height:1.13;margin:8px 0 12px;max-width:800px}
.v45-hero p{font-size:12px;color:#d4e7df;line-height:1.75;max-width:760px}
.v45-next-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;backdrop-filter:blur(5px)}
.v45-next-card small{color:#e5eee9;font-size:9px;font-weight:900;letter-spacing:.12em}
.v45-next-card h3{font-size:17px;margin:7px 0}
.v45-next-card p{font-size:10px;margin:0 0 10px}
.v45-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0}
.v45-countdown div{background:rgba(255,255,255,.10);border-radius:10px;padding:9px 5px;text-align:center}
.v45-countdown b{display:block;font-size:18px;color:#f0d98d}.v45-countdown span{font-size:8px;color:#dceae4}
.v45-section{margin-top:16px}
.v45-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:12px}
.v45-section-head h2{margin:0;font-size:21px;color:#203129}.v45-section-head p{margin:4px 0 0;font-size:10px;color:#87928c}
.v45-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.v45-stat{background:#fff;border:1px solid #e4ebe7;border-radius:15px;padding:15px;box-shadow:0 8px 24px rgba(30,59,47,.045)}
.v45-stat small{font-size:9px;color:#87928c;font-weight:800}.v45-stat b{display:block;font-size:26px;color:#153c30;margin:5px 0}.v45-stat span{font-size:9px;color:#919b96}
.v45-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v45-knowledge-card{background:#fff;border:1px solid #e4ebe7;border-radius:17px;overflow:hidden;box-shadow:0 10px 28px rgba(30,59,47,.05);transition:.18s}
.v45-knowledge-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(30,59,47,.09)}
.v45-knowledge-cover{height:120px;background:linear-gradient(135deg,#dcefe6,#f8fbf9);display:grid;place-items:center;color:#17654c;position:relative}
.v45-knowledge-cover:after{content:"۞";position:absolute;right:14px;bottom:2px;font-size:42px;color:rgba(22,101,76,.11)}
.v45-knowledge-body{padding:14px}.v45-knowledge-body h3{margin:0 0 6px;font-size:14px}.v45-knowledge-body p{margin:0;font-size:9px;color:#87928c;line-height:1.55}
.v45-topic-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.v45-topic-badges span{padding:5px 8px;border-radius:999px;background:#edf6f2;color:#17664c;font-size:8px;font-weight:800}
.v45-speaker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v45-speaker-card{background:#fff;border:1px solid #e4ebe7;border-radius:16px;padding:15px;box-shadow:0 9px 24px rgba(30,59,47,.045)}
.v45-speaker-avatar{width:56px;height:56px;border-radius:16px;background:#e9f5ef;display:grid;place-items:center;color:#17664c;margin-bottom:10px}
.v45-speaker-card h3{font-size:13px;margin:0 0 4px}.v45-speaker-card p{font-size:9px;color:#88938e;margin:0;line-height:1.5}
.v45-community-box{background:linear-gradient(135deg,#fbf9f1,#fff);border:1px solid #eee5c9;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.v45-community-box h3{margin:0 0 5px}.v45-community-box p{font-size:10px;color:#6f7b75;margin:0;line-height:1.55}
.v45-status-live{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#fff2f3;color:#b94256;font-size:8px;font-weight:900}
.v45-status-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#d44a5d;box-shadow:0 0 0 3px rgba(212,74,93,.12)}
.v45-empty-enhanced{padding:38px 20px;text-align:center;background:linear-gradient(135deg,#fbfcfb,#f6faf8);border:1px dashed #dce5e0;border-radius:16px}
.v45-empty-enhanced .hu-icon{color:#17664c;margin-bottom:8px}
.v45-empty-enhanced h3{margin:0 0 5px}.v45-empty-enhanced p{margin:0;color:#87928c;font-size:10px}
.v45-participant-hero{background:linear-gradient(135deg,#113d31,#17644b);color:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center}
.v45-participant-hero h2{margin:0}.v45-participant-hero p{margin:4px 0 0;color:#d8e7e1;font-size:10px}
.v45-progress-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(#e1c567 calc(var(--p)*1%),rgba(255,255,255,.12) 0);display:grid;place-items:center}
.v45-progress-ring:after{content:"";width:52px;height:52px;border-radius:50%;background:#15513f}
.v45-progress-ring span{position:absolute;font-size:11px;font-weight:900;color:#f0d98e}
@media(max-width:1100px){.v45-hero-grid{grid-template-columns:1fr}.v45-speaker-grid{grid-template-columns:repeat(2,1fr)}.v45-stat-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.v45-knowledge-grid{grid-template-columns:1fr 1fr}.v45-community-box{grid-template-columns:1fr}.v45-participant-hero{grid-template-columns:56px 1fr}.v45-participant-hero>.page-chip{grid-column:2}}
@media(max-width:650px){.v45-hero{padding:23px 18px;border-radius:18px}.v45-hero h1{font-size:27px}.v45-countdown{grid-template-columns:repeat(2,1fr)}.v45-stat-strip,.v45-knowledge-grid,.v45-speaker-grid{grid-template-columns:1fr}.v45-section-head{display:block}.v45-section-head>a{display:inline-block;margin-top:7px}}

/* =========================================================
   HU V4.5.1 PROFESSIONAL SPEAKER PROFILE
   ========================================================= */
.v451-public-speaker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.v451-public-speaker-card{background:#fff;border:1px solid #e4ebe7;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(28,61,48,.055);transition:.2s}
.v451-public-speaker-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(28,61,48,.09)}
.v451-speaker-photo-wrap{position:relative;height:245px;background:linear-gradient(135deg,#e7f3ed,#f9fbfa);overflow:hidden}
.v451-speaker-photo{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.v451-speaker-photo-fallback{width:100%;height:100%;display:grid;place-items:center;color:#17664c;background:radial-gradient(circle at 50% 40%,#f7fbf9,#e5f1eb)}
.v451-session-chip{position:absolute;right:12px;bottom:12px;padding:6px 9px;background:rgba(14,62,48,.90);color:#fff;border-radius:999px;font-size:8px;font-weight:900;backdrop-filter:blur(4px)}
.v451-speaker-info{padding:16px}
.v451-speaker-kicker{font-size:8px;letter-spacing:.15em;font-weight:900;color:#b08e34;margin-bottom:5px}
.v451-speaker-info h3{font-size:17px;margin:0;color:#1b352b}
.v451-speaker-degree{font-size:10px;font-weight:800;color:#17664c;margin-top:3px}
.v451-speaker-info p{font-size:10px;color:#77837d;line-height:1.65;margin:10px 0 0}
.v451-home-speaker-card{overflow:hidden}
.v451-home-speaker-photo{width:76px;height:76px;object-fit:cover;object-position:center 22%;border-radius:18px;display:block;margin-bottom:10px;border:3px solid #eef6f2;box-shadow:0 7px 16px rgba(20,75,57,.10)}
.v451-home-degree{font-size:8px;color:#17664c;font-weight:800;margin:-1px 0 6px}
.v451-speaker-admin .card{align-self:start}
.v451-admin-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}
.v451-admin-title h3{margin:0 0 3px}.v451-admin-title p{margin:0;color:#87928c;font-size:9px;line-height:1.5}
.v451-photo-editor{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#f7faf8;border:1px solid #e5ece8;border-radius:15px;padding:12px;margin-bottom:14px}
.v451-photo-preview{width:110px;height:110px;border-radius:16px;overflow:hidden;background:#e7f2ec}
.v451-photo-preview img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.v451-photo-fallback{width:100%;height:100%;display:grid;place-items:center;color:#17664c}
.v451-photo-controls label{display:block;font-weight:800;font-size:10px;margin-bottom:6px}
.v451-photo-controls small{display:block;color:#87928c;font-size:8px;margin-top:6px;line-height:1.5}
.v451-remove-photo{margin-top:9px!important;font-weight:600!important;color:#8b5a5a}
.v451-admin-thumb{width:44px;height:44px;border-radius:11px;overflow:hidden;background:#edf5f1;display:grid;place-items:center;color:#17664c}
.v451-admin-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.table-responsive{overflow-x:auto}
.alert.success{background:#eaf7f0;border:1px solid #caead8;color:#236344;padding:10px 12px;border-radius:10px;margin-bottom:12px}
.alert.danger{background:#fff0f1;border:1px solid #f0cfd3;color:#95404b;padding:10px 12px;border-radius:10px;margin-bottom:12px}
@media(max-width:1050px){.v451-public-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.v451-public-speaker-grid{grid-template-columns:1fr}.v451-speaker-photo-wrap{height:300px}.v451-photo-editor{grid-template-columns:1fr}.v451-photo-preview{width:130px;height:130px}}

/* HU V4.5.2 Professional Speaker Directory */
.v452-speaker-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:28px 30px;border:1px solid #e6ece8;border-radius:21px;background:linear-gradient(120deg,#fff,#f3f9f6);box-shadow:0 12px 30px rgba(26,61,47,.04)}
.v452-speaker-hero h1{font-size:31px;color:#123f31;margin:5px 0 8px}.v452-speaker-hero p{font-size:11px;color:#718079;max-width:700px}
.v452-speaker-total{min-width:200px;background:linear-gradient(135deg,#104b39,#176b50);border-radius:16px;color:#fff;padding:18px;display:flex;gap:13px;align-items:center}.v452-speaker-total b{display:block;font-size:27px;color:#ecd16e}.v452-speaker-total span{font-size:9px;font-weight:800}
.v452-speaker-tools{display:flex;gap:9px;margin:16px 0}.v452-search{height:42px;flex:1;max-width:620px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dde6e1;border-radius:11px;padding:0 12px}.v452-search input{border:0;outline:0;width:100%;background:transparent}
.v452-speaker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.v452-speaker-card{background:#fff;border:1px solid #e2e9e5;border-radius:17px;overflow:hidden;box-shadow:0 9px 25px rgba(28,61,48,.045);transition:.18s}.v452-speaker-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(28,61,48,.09)}
.v452-photo{height:245px;position:relative;overflow:hidden;background:#e7f2ec}.v452-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.v452-active{position:absolute;left:10px;top:10px;background:#dcf3df;color:#1c6a3e;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900}.v452-photo-icon{position:absolute;right:10px;bottom:10px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#17664c}
.v452-generated-avatar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#fff,#e4f0ea);color:#17664c}.v452-avatar-ring{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1a7255,#0f4b39);display:grid;place-items:center;border:5px solid rgba(23,102,76,.10)}.v452-avatar-ring span{font-size:39px;color:#f2d67b;font-family:Georgia,serif}.v452-generated-avatar small{margin-top:10px;font-size:8px}
.v452-speaker-body{padding:13px 14px;text-align:center}.v452-speaker-body h3{margin:0;font-size:13px}.v452-degree{font-size:9px;color:#17664c;font-weight:800;margin-top:3px}.v452-speaker-body p{font-size:9px;color:#7d8983;line-height:1.55;min-height:42px}.v452-speaker-bottom{border-top:1px solid #edf1ef;padding-top:9px;display:flex;justify-content:space-between;gap:6px;font-size:8px;color:#68766f}
.v452-home-speaker-photo{width:88px!important;height:88px!important;border-radius:50%!important}.v452-home-photo-fallback{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#1a7255,#0f4b39);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px}.v452-home-photo-fallback span{font-size:28px;color:#f0d374}.v452-home-photo-fallback small{font-size:7px;color:#dcebe5}
@media(max-width:1250px){.v452-speaker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.v452-speaker-grid{grid-template-columns:repeat(2,1fr)}.v452-speaker-hero{grid-template-columns:1fr}}@media(max-width:600px){.v452-speaker-grid{grid-template-columns:1fr}.v452-speaker-tools{flex-wrap:wrap}.v452-search{width:100%;max-width:none}.v452-photo{height:340px}}

/* HU V4.5.3 - Detail Kajian Speaker Photo */
.v453-detail-speaker{display:flex;align-items:center;gap:11px;margin:7px 0 17px;padding:10px;background:linear-gradient(135deg,#f7faf8,#fff);border:1px solid #e3ebe7;border-radius:14px}
.v453-detail-speaker-photo{width:62px;height:62px;flex:0 0 62px;border-radius:14px;overflow:hidden;background:#e7f2ec;border:2px solid #edf5f1}
.v453-detail-speaker-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.v453-detail-speaker-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#176b50,#0f4938)}
.v453-detail-speaker-fallback span{font-size:23px;color:#efd474;font-family:Georgia,serif;font-weight:700}
.v453-detail-speaker-info{min-width:0}.v453-detail-speaker-info strong{display:block;color:#173a2e;font-size:11px;line-height:1.35}.v453-detail-speaker-info small{display:block;color:#17664c;font-size:8px;font-weight:800;margin-top:2px}.v453-detail-speaker-info p{font-size:8px!important;color:#7c8983!important;line-height:1.45;margin:4px 0 0!important}
@media(max-width:700px){.v453-detail-speaker-photo{width:70px;height:70px;flex-basis:70px}}

/* =========================================================
 HU V4.5.4 PROFESSIONAL GALLERY MANAGEMENT
 ========================================================= */
.v454-gallery-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.v454-gallery-head h2{margin:0;color:#18392e}.v454-gallery-head p{margin:4px 0 0;font-size:9px;color:#829089}
.v454-gallery-stat{min-width:165px;padding:12px 15px;border-radius:14px;background:linear-gradient(135deg,#124c3a,#1b6d52);color:#fff;display:flex;align-items:center;gap:10px}.v454-gallery-stat b{display:block;font-size:22px;color:#efd273}.v454-gallery-stat span{font-size:8px}
.v454-gallery-layout{align-items:start}.v454-card-title h3,.v454-list-head h3{margin:0}.v454-card-title p,.v454-list-head p{font-size:8px;color:#829089;margin:3px 0 0}
.v454-edit-preview{height:190px;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#edf4f0}.v454-edit-preview img{width:100%;height:100%;object-fit:cover}
.v454-list-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.v454-select-all{margin:12px 0;padding:9px 10px;background:#f6f9f7;border:1px solid #e4ebe7;border-radius:10px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#617068}
.v454-gallery-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v454-gallery-item{position:relative;background:#fff;border:1px solid #e3eae6;border-radius:14px;overflow:hidden}.v454-check{position:absolute;left:8px;top:8px;z-index:2;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.v454-gallery-img{height:145px;background:#edf5f1;overflow:hidden}.v454-gallery-img img{width:100%;height:100%;object-fit:cover}.v454-no-image{height:100%;display:grid;place-items:center;color:#17664c}
.v454-gallery-meta{padding:10px}.v454-gallery-meta h4{margin:0 0 4px;font-size:11px}.v454-gallery-meta p{margin:0;color:#76847d;font-size:8px}.v454-gallery-meta small{display:block;color:#9aa39f;font-size:7px;margin-top:3px}.v454-gallery-actions{display:flex;gap:6px;margin-top:9px}
.v454-danger-btn{background:#fff1f2!important;color:#a43b48!important;border:1px solid #efcfd4!important}.v454-danger-btn:hover{background:#fbe4e7!important}.v454-danger-btn:disabled{opacity:.45;cursor:not-allowed}
.v454-modal{position:fixed;inset:0;background:rgba(7,28,22,.48);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.v454-modal.show{display:flex}.v454-modal-card{max-width:390px;width:100%;background:#fff;border-radius:18px;padding:24px;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.22)}.v454-modal-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:16px;display:grid;place-items:center;background:#fff0f1;color:#a43b48}.v454-modal-card h3{margin:0 0 7px}.v454-modal-card p{font-size:9px;color:#77847e;line-height:1.6}.v454-modal-actions{display:flex;justify-content:center;gap:8px;margin-top:15px}
@media(max-width:1100px){.v454-gallery-admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.v454-gallery-head{align-items:flex-start;flex-direction:column}.v454-gallery-stat{width:100%}.v454-list-head{align-items:flex-start;flex-direction:column}.v454-select-all{align-items:flex-start;flex-direction:column}}

/* =========================================================
 HU V4.5.5 DETAIL KAJIAN MULTIMEDIA & DOCUMENTATION
 ========================================================= */
.v455-detail-shell{max-width:1500px}.v455-detail-hero{display:grid;grid-template-columns:1fr 330px;gap:18px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0f4938,#17664c);color:#fff;box-shadow:0 18px 42px rgba(16,73,56,.13)}
.v455-detail-badges{display:flex;gap:7px;flex-wrap:wrap}.v455-detail-hero h1{font-size:31px;margin:12px 0 5px}.v455-detail-hero-main>p{color:#dcebe5;margin:0}.v455-detail-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px;font-size:9px;color:#d7e7e0}.v455-detail-meta span{display:flex;gap:5px;align-items:center}.v455-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.v455-speaker-showcase{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.08)}.v455-speaker-photo{width:88px;height:88px;flex:0 0 88px;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.16)}.v455-speaker-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.v455-speaker-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#1b7356,#0f4938)}.v455-speaker-fallback span{font-size:31px;color:#efd473}.v455-speaker-showcase small{font-size:8px;letter-spacing:.13em;color:#e5c96c;font-weight:900}.v455-speaker-showcase h3{margin:3px 0;font-size:15px}.v455-speaker-showcase p{font-size:9px;color:#d9e8e1;margin:0}
.v455-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px;align-items:start}.v455-media-card,.v455-info-card{background:#fff;border:1px solid #e3eae6;border-radius:18px;padding:17px;box-shadow:0 9px 28px rgba(25,59,46,.045);margin-bottom:15px}.v455-info-card{position:sticky;top:18px}
.v455-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.v455-section-head h2{margin:0;font-size:17px;color:#1a392f}.v455-section-head p{margin:3px 0 0;font-size:8px;color:#849189}.v455-section-head svg{color:#17664c}.v455-count{font-size:8px;font-weight:900;color:#17664c;background:#edf6f2;border-radius:999px;padding:5px 8px}
.v455-main-photo{width:100%;max-height:470px;object-fit:cover;border-radius:14px;display:block}
.v455-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v455-gallery-item{margin:0;border-radius:13px;overflow:hidden;background:#f4f8f6;border:1px solid #e5ece8}.v455-gallery-item img{width:100%;height:175px;object-fit:cover;display:block}.v455-gallery-item figcaption{padding:9px}.v455-gallery-item strong{display:block;font-size:9px}.v455-gallery-item span{display:block;font-size:8px;color:#7e8b85;margin-top:3px;line-height:1.45}
.v455-video-box{display:grid;grid-template-columns:64px 1fr auto;gap:13px;align-items:center;padding:15px;border-radius:14px;background:linear-gradient(135deg,#f3faf7,#fff);border:1px solid #e0ebe5}.v455-video-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#e7f4ee;color:#17664c}.v455-video-box h3{margin:0 0 3px;font-size:13px}.v455-video-box p{margin:0;font-size:8px;color:#7f8c86}
.v455-notulen{font-size:10px;line-height:1.85;color:#35483f;background:#fbfcfb;border-left:4px solid #d6b95f;padding:15px;border-radius:10px;white-space:normal}
.v455-info-row{padding:11px 0;border-bottom:1px solid #edf1ef}.v455-info-row:last-child{border-bottom:0}.v455-info-row>b{display:block;font-size:10px;color:#233b31;margin-bottom:4px}.v455-info-row>span{font-size:9px;color:#74827b;line-height:1.55}
@media(max-width:1100px){.v455-detail-hero{grid-template-columns:1fr}.v455-detail-grid{grid-template-columns:1fr}.v455-info-card{position:static}.v455-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.v455-detail-hero{padding:19px}.v455-detail-hero h1{font-size:25px}.v455-speaker-showcase{align-items:flex-start}.v455-gallery-grid{grid-template-columns:1fr}.v455-gallery-item img{height:260px}.v455-video-box{grid-template-columns:1fr}.v455-video-icon{width:54px;height:54px}}

/* =========================================================
 HU V4.6A ISLAMIC DASHBOARD + PRAYER TIMES + QIBLA
 ========================================================= */
.v46-tools-shell{max-width:1450px}.v46-tool-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:27px 30px;border-radius:22px;background:linear-gradient(135deg,#0d4535,#16634b 68%,#1d7657);color:#fff;box-shadow:0 18px 42px rgba(14,69,53,.14);position:relative;overflow:hidden}.v46-tool-hero:after{content:"۞";position:absolute;right:240px;bottom:-60px;font-size:170px;color:rgba(255,255,255,.035)}.v46-tool-hero h1{font-size:32px;margin:5px 0 8px}.v46-tool-hero p{max-width:760px;margin:0;color:#dbe9e3;font-size:10px;line-height:1.7}.v46-hijri-box,.v46-qibla-degree{min-width:230px;padding:16px;border-radius:15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.v46-hijri-box small,.v46-qibla-degree small{display:block;color:#efd374;font-size:8px;font-weight:900;letter-spacing:.12em}.v46-hijri-box b,.v46-qibla-degree b{display:block;font-size:20px;margin:5px 0}.v46-hijri-box span,.v46-qibla-degree span{font-size:8px;color:#d6e6df}
.v46-tool-actions{display:flex;align-items:center;gap:14px;margin:16px 0}.v46-location-state{display:flex;flex-direction:column}.v46-location-state b{font-size:10px}.v46-location-state span{font-size:8px;color:#7c8983;margin-top:2px}
.v46-next-prayer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #eee2bd;border-radius:18px;padding:19px 22px;margin-bottom:14px}.v46-next-prayer small{font-size:8px;color:#a9872f;font-weight:900;letter-spacing:.12em}.v46-next-prayer h2{margin:4px 0 2px;font-size:22px}.v46-next-prayer p{margin:0;font-size:9px;color:#7d8983}.v46-next-countdown{font-size:29px;font-weight:900;color:#175842;font-variant-numeric:tabular-nums}
.v46-prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.v46-prayer-grid article{padding:16px 10px;text-align:center;background:#fff;border:1px solid #e2eae6;border-radius:15px;box-shadow:0 8px 22px rgba(24,58,45,.04)}.v46-prayer-grid article span{display:block;color:#17664c;margin-bottom:6px}.v46-prayer-grid small{display:block;font-size:8px;color:#7f8c86}.v46-prayer-grid b{display:block;font-size:19px;color:#173b2f;margin-top:4px}
.v46-tool-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:#f5f8f6;border:1px solid #e2e9e5;color:#66736d}.v46-tool-note p{margin:0;font-size:8px;line-height:1.65}.v46-tool-note .hu-icon{color:#17664c}
.v46-qibla-layout{display:grid;grid-template-columns:1fr 330px;gap:17px;margin-top:17px;align-items:start}.v46-compass-card,.v46-qibla-controls{background:#fff;border:1px solid #e2e9e5;border-radius:19px;padding:20px;box-shadow:0 9px 26px rgba(25,59,46,.045)}.v46-compass{position:relative;width:min(430px,82vw);aspect-ratio:1;margin:10px auto 18px;border-radius:50%;background:radial-gradient(circle,#fff 0 48%,#f2f7f4 49% 57%,#fff 58%);border:10px solid #e9f0ec;box-shadow:inset 0 0 0 2px #d4dfd9,0 16px 36px rgba(20,75,57,.09)}.v46-compass:before{content:"";position:absolute;inset:8%;border:1px dashed #c8d7d0;border-radius:50%}.v46-compass .north,.v46-compass .east,.v46-compass .south,.v46-compass .west{position:absolute;font-size:11px;font-weight:900;color:#365247}.v46-compass .north{top:6%;left:50%;transform:translateX(-50%);color:#b68d2d}.v46-compass .south{bottom:6%;left:50%;transform:translateX(-50%)}.v46-compass .east{right:7%;top:50%;transform:translateY(-50%)}.v46-compass .west{left:7%;top:50%;transform:translateY(-50%)}.v46-compass-center{position:absolute;width:18px;height:18px;background:#154f3d;border:4px solid #e2c561;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}.v46-kaaba-arrow{position:absolute;left:50%;top:50%;width:26px;height:42%;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(0deg);transition:transform .25s ease;z-index:3}.v46-arrow-head{color:#d6b74f;text-align:center;font-size:23px;line-height:18px}.v46-arrow-line{width:4px;height:calc(100% - 38px);margin:auto;background:linear-gradient(#d6b74f,#17664c);border-radius:9px}.v46-kaaba{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#153e31;font-size:18px}.v46-qibla-message{text-align:center}.v46-qibla-message h3{margin:0 0 4px}.v46-qibla-message p{margin:0;font-size:9px;color:#7c8983}.v46-qibla-controls{display:flex;flex-direction:column;gap:9px}.v46-qibla-data{padding:11px;border-radius:11px;background:#f6f9f7;border:1px solid #e5ebe8}.v46-qibla-data span{display:block;font-size:8px;color:#849088}.v46-qibla-data b{display:block;font-size:11px;margin-top:3px;color:#234438}
.v46-home-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v46-home-tool{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:14px;background:#fff;border:1px solid #e3eae6;border-radius:15px;text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(25,59,46,.04);transition:.18s}.v46-home-tool:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(25,59,46,.08)}.v46-home-tool>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#eaf4ef;color:#17664c}.v46-home-tool strong{display:block;font-size:11px}.v46-home-tool small{display:block;font-size:8px;color:#849088;margin-top:3px}.v46-home-tool>b{color:#b18c32}.v46-coming{opacity:.72}
@media(max-width:1100px){.v46-prayer-grid{grid-template-columns:repeat(3,1fr)}.v46-qibla-layout{grid-template-columns:1fr}.v46-home-tools{grid-template-columns:1fr 1fr}.v46-tool-hero{grid-template-columns:1fr}.v46-hijri-box,.v46-qibla-degree{width:max-content}}
@media(max-width:650px){.v46-tool-hero{padding:21px 18px}.v46-tool-hero h1{font-size:25px}.v46-tool-actions,.v46-next-prayer{align-items:flex-start;flex-direction:column}.v46-next-countdown{font-size:25px}.v46-prayer-grid{grid-template-columns:repeat(2,1fr)}.v46-home-tools{grid-template-columns:1fr}.v46-hijri-box,.v46-qibla-degree{width:100%;min-width:0}.v46-compass-card{padding:13px}}

/* =========================================================
 HU V4.6B AL-QUR'AN DIGITAL PROFESSIONAL READER
 ========================================================= */
:root{--quran-arabic-size:32px}.v46b-shell{max-width:1600px}.v46b-hero{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:center;padding:27px 30px;border-radius:22px;background:linear-gradient(135deg,#0b4031,#155f48 65%,#1d7657);color:#fff;box-shadow:0 18px 42px rgba(13,65,50,.14)}.v46b-hero h1{font-size:33px;margin:5px 0 7px}.v46b-hero p{font-size:10px;color:#d9e8e1;line-height:1.7;max-width:780px}.v46b-last-read-card{padding:15px;border-radius:15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.v46b-last-read-card small{font-size:8px;color:#efd272;font-weight:900;letter-spacing:.12em}.v46b-last-read-card b{display:block;font-size:15px;margin:5px 0}.v46b-last-read-card span{display:block;font-size:8px;color:#d7e7e0;margin-bottom:9px}
.v46b-toolbar{position:sticky;top:0;z-index:10;display:flex;gap:8px;align-items:center;margin:14px 0;padding:10px;background:rgba(248,251,249,.96);backdrop-filter:blur(7px);border:1px solid #e3ebe7;border-radius:14px}.v46b-search-wrap{flex:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 11px;border:1px solid #dfe7e3;border-radius:10px;background:#fff}.v46b-search-wrap input{border:0;outline:0;width:100%;background:transparent;font-size:9px}.v46b-font-controls{display:flex;gap:4px}
.v46b-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:15px;align-items:start}.v46b-surah-panel{position:sticky;top:74px;background:#fff;border:1px solid #e2e9e5;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px rgba(25,59,46,.045)}.v46b-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #edf1ef}.v46b-panel-head h3{margin:0;font-size:13px}.v46b-panel-head p{margin:2px 0 0;font-size:8px;color:#87928c}.v46b-panel-head>span{background:#eaf4ef;color:#17664c;font-weight:900;font-size:9px;padding:5px 8px;border-radius:999px}.v46b-surah-list{max-height:calc(100vh - 210px);overflow-y:auto}.v46b-surah-row{width:100%;border:0;border-bottom:1px solid #f0f3f1;background:#fff;display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:9px 11px;text-align:left;cursor:pointer}.v46b-surah-row:hover,.v46b-surah-row.active{background:#edf6f2}.v46b-surah-num{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f1f6f3;color:#17664c;font-size:9px;font-weight:900}.v46b-surah-name b{display:block;font-size:10px}.v46b-surah-name small{display:block;font-size:7px;color:#8a9690;margin-top:2px}.v46b-surah-ar{font-size:15px;color:#17664c;direction:rtl}
.v46b-reader{min-width:0}.v46b-reader-empty{min-height:520px;background:#fff;border:1px solid #e2e9e5;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6f8078}.v46b-reader-empty .hu-icon{color:#17664c}.v46b-reader-empty h2{color:#254238;margin:12px 0 5px}.v46b-reader-empty p{font-size:9px}.v46b-reader-content,.v46b-search-results,.v46b-bookmark-results{background:#fff;border:1px solid #e2e9e5;border-radius:18px;overflow:hidden;box-shadow:0 9px 28px rgba(25,59,46,.045)}.v46b-surah-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 22px;background:linear-gradient(135deg,#f7fbf9,#edf6f2);border-bottom:1px solid #e4ebe7}.v46b-surah-header small{font-size:8px;color:#a48634;font-weight:900}.v46b-surah-header h2{font-size:22px;margin:3px 0}.v46b-surah-header p{font-size:8px;color:#7e8b85;margin:0}.v46b-surah-arabic{font-size:26px;direction:rtl;color:#14533f}.v46b-bismillah{text-align:center;direction:rtl;font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri",serif;font-size:34px;color:#164c3b;padding:23px 16px 12px}.v46b-ayah-list{padding:0 22px 22px}.v46b-ayah{padding:22px 4px;border-bottom:1px solid #edf1ef;scroll-margin-top:95px}.v46b-ayah:last-child{border-bottom:0}.v46b-ayah-tools{display:flex;gap:6px;align-items:center;margin-bottom:9px}.v46b-ayah-number{font-size:8px;font-weight:900;color:#17664c;background:#eaf5ef;border-radius:999px;padding:5px 8px}.v46b-icon-btn{width:28px;height:28px;border:1px solid #e0e8e4;border-radius:8px;background:#fff;color:#607169;cursor:pointer}.v46b-icon-btn.active{background:#fff7dc;color:#a68123;border-color:#eadca6}.v46b-arabic-text{font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-arabic-size);line-height:2.05;text-align:right;color:#172e25}.v46b-translation{font-size:10px;line-height:1.75;color:#65746d;margin-top:12px;padding-left:13px;border-left:3px solid #dbc064}
.v46b-section-title{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 18px;border-bottom:1px solid #e7ece9}.v46b-section-title h2{font-size:17px;margin:0}.v46b-section-title p{font-size:8px;color:#829089;margin:3px 0 0}.v46b-search-hit,.v46b-saved-ayah{padding:16px 18px;border-bottom:1px solid #edf1ef}.v46b-search-hit{display:flex;justify-content:space-between;gap:14px;align-items:center}.v46b-search-hit b,.v46b-saved-head b{font-size:10px;color:#1d4436}.v46b-search-hit p,.v46b-saved-ayah p{font-size:9px;line-height:1.65;color:#6f7d76;margin:5px 0 0}.v46b-saved-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.v46b-reader-note{display:flex;gap:9px;align-items:flex-start;margin:14px 0;padding:11px 13px;border:1px solid #e3eae6;background:#f6f9f7;border-radius:11px}.v46b-reader-note p{margin:0;font-size:8px;color:#718078;line-height:1.6}.v46b-loading,.v46b-error{padding:25px;text-align:center;font-size:9px;color:#7e8b85}.v46b-error{color:#98434c}
.quran-focus-mode .sidebar,.quran-focus-mode .topbar,.quran-focus-mode footer{display:none!important}.quran-focus-mode .main{margin-left:0!important}.quran-focus-mode .v46b-hero,.quran-focus-mode .v46b-surah-panel,.quran-focus-mode .v46b-reader-note{display:none!important}.quran-focus-mode .v46b-layout{grid-template-columns:1fr;max-width:1050px;margin:auto}.quran-focus-mode .v46b-toolbar{max-width:1050px;margin:10px auto;top:8px}.quran-focus-mode .v46b-reader-content{border-radius:10px}
@media(max-width:1100px){.v46b-layout{grid-template-columns:260px 1fr}.v46b-hero{grid-template-columns:1fr}.v46b-last-read-card{width:max-content;min-width:260px}}
@media(max-width:820px){.v46b-layout{grid-template-columns:1fr}.v46b-surah-panel{position:static}.v46b-surah-list{max-height:360px}.v46b-toolbar{flex-wrap:wrap}.v46b-search-wrap{flex-basis:100%}.v46b-surah-header{align-items:flex-start;flex-direction:column}.v46b-surah-arabic{align-self:flex-end}}
@media(max-width:600px){.v46b-hero{padding:21px 18px}.v46b-hero h1{font-size:26px}.v46b-last-read-card{width:100%;min-width:0}.v46b-ayah-list{padding:0 14px 15px}.v46b-arabic-text{line-height:1.9}.v46b-search-hit,.v46b-saved-head{align-items:flex-start;flex-direction:column}.v46b-toolbar .btn{font-size:8px}}

/* =========================================================
 HU V4.6C ISLAMIC UTILITY EXPANSION
 ========================================================= */
.v46c-shell{max-width:1500px}.v46c-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px 28px;border-radius:21px;background:linear-gradient(135deg,#0d4535,#17644b);color:#fff;box-shadow:0 16px 38px rgba(13,65,50,.12);margin-bottom:15px}.v46c-hero h1{font-size:30px;margin:5px 0 7px}.v46c-hero p{font-size:10px;color:#dbe9e3;line-height:1.7;max-width:780px}.v46c-hero-icon{width:76px;height:76px;border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#edcf69;border:1px solid rgba(255,255,255,.14)}
.v46c-translator,.v46c-zakat-card,.v46c-tasbih-card{background:#fff;border:1px solid #e2e9e5;border-radius:18px;padding:18px;box-shadow:0 9px 26px rgba(25,59,46,.045)}.v46c-langbar{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-bottom:10px}.v46c-langbar select,.v46c-tasbih-actions select,.v46c-zakat-card input{height:42px;border:1px solid #dfe7e3;border-radius:10px;padding:0 11px;background:#fff}.v46c-translate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v46c-translate-grid textarea{width:100%;min-height:240px;border:1px solid #dfe7e3;border-radius:14px;padding:14px;resize:vertical;font-size:12px;line-height:1.65}.v46c-text-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#829088;margin-top:6px}.v46c-main-action{margin-top:11px}
.v46c-searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe7e3;border-radius:11px;padding:0 12px;height:42px;margin-bottom:14px}.v46c-searchbar input{width:100%;border:0;outline:0}.v46c-doa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.v46c-doa-card,.v46c-asma-card{background:#fff;border:1px solid #e2e9e5;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(25,59,46,.04)}.v46c-card-kicker{font-size:7px;color:#aa8730;font-weight:900;letter-spacing:.12em}.v46c-doa-card h3{font-size:13px;margin:5px 0 10px}.v46c-arabic{font-family:"Traditional Arabic","Noto Naskh Arabic","Amiri",serif;font-size:27px;line-height:1.9;text-align:right;color:#17392e}.v46c-latin{font-size:9px;color:#17664c;font-style:italic;margin:9px 0}.v46c-doa-card p{font-size:9px;color:#6f7d76;line-height:1.6}
.v46c-tasbih-card{max-width:650px;margin:auto;text-align:center}.v46c-tasbih-label{font-size:31px;direction:rtl;color:#174f3c;margin:8px}.v46c-tasbih-counter{font-size:78px;font-weight:900;color:#173d30;line-height:1.15}.v46c-tasbih-progress{height:10px;background:#edf2ef;border-radius:99px;overflow:hidden;margin:10px 0}.v46c-tasbih-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b6f53,#d4b853)}.v46c-tasbih-target{font-size:9px;color:#77847e}.v46c-tasbih-button{width:220px;height:220px;border-radius:50%;border:10px solid #e8f0ec;background:linear-gradient(135deg,#17664c,#0e4434);color:#f1d77e;font-weight:900;font-size:17px;cursor:pointer;margin:20px auto;box-shadow:0 18px 40px rgba(20,81,61,.18)}.v46c-tasbih-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.v46c-asma-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.v46c-asma-card{text-align:center;position:relative}.v46c-asma-card>span{position:absolute;left:9px;top:8px;font-size:8px;color:#98a39e}.v46c-asma-ar{font-size:25px;direction:rtl;color:#17664c;margin:9px 0}.v46c-asma-card h3{font-size:11px;margin:0}.v46c-asma-card p{font-size:8px;color:#7b8882}
.v46c-hijri-today{text-align:center;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #eee1bb;border-radius:17px;padding:18px}.v46c-hijri-today small{font-size:8px;color:#a9872f;font-weight:900}.v46c-hijri-today h2{font-size:26px;color:#17533f;margin:5px 0}.v46c-hijri-today p{font-size:9px;color:#7b8881}.v46c-calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0}.v46c-calendar-controls h3{margin:0}.v46c-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.v46c-cal-head{text-align:center;font-size:8px;font-weight:900;color:#6d7c75;padding:6px}.v46c-cal-empty,.v46c-cal-day{min-height:78px;border:1px solid #e3ebe7;border-radius:10px;background:#fff;padding:8px}.v46c-cal-day b{font-size:13px}.v46c-cal-day span{display:block;font-size:8px;color:#17664c;margin-top:9px}.v46c-cal-day.today{background:#edf7f2;border-color:#bcdcca;box-shadow:inset 0 0 0 1px #a8d1ba}
.v46c-zakat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v46c-zakat-card h3{margin-top:0}.v46c-zakat-card label{display:block;font-size:9px;font-weight:800;margin:10px 0 5px}.v46c-zakat-card input{width:100%;box-sizing:border-box}.v46c-zakat-card>.btn{margin-top:13px}.v46c-result{margin-top:14px;padding:14px;background:#f5f9f7;border-radius:12px;border:1px solid #e2ebe6}.v46c-result small{font-size:7px;color:#8c9992}.v46c-result b{display:block;font-size:22px;color:#17664c;margin:3px 0}.v46c-result p{font-size:8px;color:#74827b;margin:0}
@media(max-width:1150px){.v46c-asma-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.v46c-doa-grid,.v46c-zakat-grid,.v46c-translate-grid{grid-template-columns:1fr}.v46c-asma-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.v46c-hero{grid-template-columns:1fr;padding:20px 18px}.v46c-hero-icon{display:none}.v46c-asma-grid{grid-template-columns:repeat(2,1fr)}.v46c-calendar-grid{gap:4px}.v46c-cal-empty,.v46c-cal-day{min-height:60px;padding:5px}.v46c-calendar-controls{align-items:stretch;flex-direction:column}.v46c-tasbih-counter{font-size:64px}.v46c-tasbih-button{width:190px;height:190px}}

/* HU V4.7 SMART ISLAMIC EXPERIENCE */
.v47-shell{max-width:1500px}.v47-hero{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0b4031,#145c46 62%,#1e7658);color:#fff;box-shadow:0 18px 42px rgba(13,65,50,.14)}.v47-hero h1{font-size:33px;margin:5px 0 8px}.v47-hero p{font-size:10px;line-height:1.7;color:#d9e8e1;max-width:800px}.v47-hero-actions{display:flex;gap:8px;margin-top:14px}.btn-ghost-light{border-color:rgba(255,255,255,.3)!important;color:#fff!important;background:rgba(255,255,255,.07)!important}.v47-today{padding:17px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.v47-today small{font-size:8px;color:#efd273;font-weight:900;letter-spacing:.12em}.v47-today b{display:block;font-size:19px;margin:5px 0}.v47-today span,.v47-today em{display:block;font-size:8px;color:#d8e7e1}.v47-today em{margin-top:9px;color:#efd273;font-style:normal}
.v47-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.v47-summary-grid article{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:14px;box-shadow:0 8px 22px rgba(25,59,46,.04)}.v47-summary-grid article>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf4ef;color:#17664c}.v47-summary-grid small{font-size:7px;color:#89958f;font-weight:900}.v47-summary-grid b{display:block;font-size:12px;margin:2px 0;color:#244438}.v47-summary-grid p{font-size:7px;color:#89958f;margin:0}
.v47-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v47-card{background:#fff;border:1px solid #e2e9e5;border-radius:18px;padding:18px;box-shadow:0 9px 26px rgba(25,59,46,.045)}.v47-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.v47-card-head small{font-size:7px;color:#a88631;font-weight:900;letter-spacing:.12em}.v47-card-head h2{font-size:17px;margin:3px 0 0}.v47-card-head>.hu-icon{color:#17664c}.v47-khatam-form{display:grid;grid-template-columns:1fr 180px;gap:9px;align-items:center}.v47-khatam-form label{font-size:9px;font-weight:700}.v47-khatam-form>div{display:flex;align-items:center;gap:6px}.v47-khatam-form input{width:80px;height:36px;border:1px solid #dfe7e3;border-radius:9px;padding:0 9px}.v47-khatam-form span{font-size:8px;color:#7d8983}.v47-progress{height:10px;background:#edf2ef;border-radius:99px;overflow:hidden;margin:14px 0 9px}.v47-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#17664c,#d4b853);transition:width .3s}.v47-khatam-result{display:flex;align-items:center;gap:12px}.v47-khatam-result b{font-size:23px;color:#17664c}.v47-khatam-result p{font-size:8px;color:#77847e;margin:0}.v47-inline-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.v47-habits{display:grid;gap:7px}.v47-habits label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e6ece9;border-radius:10px;cursor:pointer;font-size:9px}.v47-habits input{accent-color:#17664c}.v47-habit-score{display:flex;justify-content:space-between;margin-top:13px;font-size:9px}.v47-habit-score b{color:#17664c}.v47-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v47-shortcuts a{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e5ebe8;border-radius:11px;text-decoration:none;color:inherit;background:#fafcfb}.v47-shortcuts .hu-icon{color:#17664c}.v47-shortcuts b{display:block;font-size:9px}.v47-shortcuts small{display:block;font-size:7px;color:#89958f;margin-top:2px}.v47-card textarea{width:100%;min-height:170px;border:1px solid #dfe7e3;border-radius:12px;padding:12px;resize:vertical;font-size:10px;line-height:1.65}.v47-reflection-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.v47-reflection-foot span{font-size:8px;color:#829088}
.v47-week-card{margin-top:13px}.v47-local-badge{font-size:7px;font-weight:900;color:#17664c;background:#eaf5ef;padding:5px 8px;border-radius:99px}.v47-week{height:150px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end}.v47-day{text-align:center}.v47-day small{font-size:8px;color:#7d8983}.v47-day>div{height:90px;background:#f0f4f2;border-radius:8px;position:relative;overflow:hidden;margin:5px 0}.v47-day>div span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#d6bb5c,#17664c);border-radius:8px}.v47-day b{font-size:8px;color:#61716a}.v47-day.today>div{box-shadow:0 0 0 2px #b8d9c8}.v47-featured-tool{background:linear-gradient(135deg,#f8fcfa,#fff9e9)!important;border-color:#e6d9aa!important}
@media(max-width:1100px){.v47-summary-grid{grid-template-columns:1fr 1fr}.v47-hero{grid-template-columns:1fr}.v47-today{width:max-content;min-width:260px}}@media(max-width:760px){.v47-main-grid{grid-template-columns:1fr}.v47-summary-grid{grid-template-columns:1fr 1fr}.v47-khatam-form{grid-template-columns:1fr}.v47-shortcuts{grid-template-columns:1fr}}@media(max-width:520px){.v47-hero{padding:21px 18px}.v47-hero h1{font-size:26px}.v47-today{width:100%;min-width:0}.v47-summary-grid{grid-template-columns:1fr}.v47-hero-actions,.v47-reflection-foot{align-items:stretch;flex-direction:column}.v47-week{gap:5px}}

/* =========================================================
 HU V4.8A PROFESSIONAL JAMAAH DASHBOARD & MY LEARNING JOURNEY
 ========================================================= */
.v48-shell{max-width:1500px}.v48-hero{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:center;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0b4031,#155f48 64%,#1d7657);color:#fff;box-shadow:0 18px 42px rgba(13,65,50,.14)}.v48-hero h1{font-size:33px;margin:5px 0 8px}.v48-hero p{font-size:10px;color:#dcebe4;line-height:1.7;max-width:780px}.v48-access-card{padding:15px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}.v48-access-card small{font-size:8px;color:#efd273;font-weight:900;letter-spacing:.12em}.v48-access-card form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:7px}.v48-access-card input{min-width:0;height:39px;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:0 10px;background:rgba(255,255,255,.95);font-size:9px}
.v48-profile{display:flex;align-items:center;gap:14px;margin:14px 0;padding:17px 19px;background:#fff;border:1px solid #e2e9e5;border-radius:17px;box-shadow:0 8px 24px rgba(25,59,46,.04)}.v48-profile-avatar{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#17664c,#d5b953);color:#fff;font-size:24px;font-weight:900}.v48-profile-main{flex:1}.v48-profile-main small{font-size:7px;color:#a8852e;font-weight:900;letter-spacing:.12em}.v48-profile-main h2{margin:3px 0;font-size:20px}.v48-profile-main p{margin:0;font-size:9px;color:#7d8983}.v48-member-status{font-size:8px;font-weight:900;padding:7px 10px;border-radius:99px}.v48-member-status.active{color:#17664c;background:#e7f5ed}.v48-member-status.inactive{color:#9c4d55;background:#faecee}
.v48-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.v48-stat-grid article{display:flex;gap:10px;align-items:center;padding:14px;background:#fff;border:1px solid #e2e9e5;border-radius:14px}.v48-stat-grid article>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf6f2;color:#17664c}.v48-stat-grid small{display:block;font-size:7px;color:#8a9690;font-weight:900}.v48-stat-grid b{display:block;font-size:20px;color:#214438;line-height:1.1;margin:2px 0}.v48-stat-grid p{font-size:7px;color:#8a9690;margin:0}
.v48-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:13px}.v48-card{background:#fff;border:1px solid #e2e9e5;border-radius:17px;padding:17px;box-shadow:0 8px 24px rgba(25,59,46,.04)}.v48-card+.v48-card{margin-top:12px}.v48-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.v48-card-head small{font-size:7px;color:#a88631;font-weight:900;letter-spacing:.11em}.v48-card-head h2{font-size:16px;margin:3px 0 0}.v48-card-head>.hu-icon{color:#17664c}.v48-pill{font-size:7px;color:#17664c;background:#eaf5ef;padding:6px 8px;border-radius:99px;font-weight:900}
.v48-timeline{position:relative}.v48-timeline article{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;padding:14px 0;border-bottom:1px solid #edf1ef}.v48-timeline article:last-child{border-bottom:0}.v48-timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;background:#17664c;box-shadow:0 0 0 4px #e9f4ef}.v48-timeline article.missed .v48-timeline-dot{background:#a7b1ac;box-shadow:0 0 0 4px #f0f2f1}.v48-timeline-body small{font-size:7px;color:#8a9690}.v48-timeline-body h3{font-size:11px;margin:3px 0}.v48-timeline-body p{font-size:8px;color:#76847d;margin:0}.v48-timeline-actions{display:flex;gap:5px;align-items:center}
.v48-progress-circle{--p:0;width:155px;height:155px;border-radius:50%;margin:8px auto 16px;background:conic-gradient(#17664c calc(var(--p)*1%),#edf2ef 0);display:grid;place-items:center;position:relative}.v48-progress-circle:after{content:"";position:absolute;width:119px;height:119px;border-radius:50%;background:#fff}.v48-progress-circle>div{z-index:1;text-align:center}.v48-progress-circle b{display:block;font-size:25px;color:#17664c}.v48-progress-circle span{font-size:8px;color:#7c8982}.v48-latest{padding:11px;border-radius:10px;background:#f7faf8}.v48-latest small{font-size:7px;color:#9b873f;font-weight:900}.v48-latest b,.v48-latest span{display:block}.v48-latest b{font-size:9px;margin:4px 0}.v48-latest span{font-size:7px;color:#849089}
.v48-favorite-row{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef;text-decoration:none;color:inherit}.v48-favorite-row>span{color:#b29232}.v48-favorite-row b{font-size:9px;display:block}.v48-favorite-row small{font-size:7px;color:#849089}.v48-empty-mini,.v48-loading{text-align:center;padding:18px 6px;color:#85918b;font-size:8px;line-height:1.6}.v48-full-btn{width:100%;justify-content:center;margin-top:9px}.v48-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v48-quick a{display:flex;gap:7px;align-items:center;text-decoration:none;color:#29483d;background:#f7faf8;border:1px solid #e7ece9;border-radius:9px;padding:9px;font-size:8px}.v48-quick .hu-icon{color:#17664c}
.v48-welcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.v48-welcome-grid article{background:#fff;border:1px solid #e2e9e5;border-radius:16px;padding:18px}.v48-welcome-grid .hu-icon{color:#17664c}.v48-welcome-grid h3{font-size:12px;margin:10px 0 5px}.v48-welcome-grid p{font-size:8px;line-height:1.65;color:#7d8983}.v48-not-found{text-align:center;margin-top:14px;padding:42px;background:#fff;border:1px solid #e2e9e5;border-radius:17px;color:#728078}.v48-not-found .hu-icon{color:#17664c}.v48-not-found h3{color:#29483d}.v48-fav-btn.active,.v48-detail-fav.active{background:#fff8df!important;color:#9a7a21!important;border-color:#e2ce8b!important}.v48-community-tool{background:linear-gradient(135deg,#f5fbf8,#fff)!important;border-color:#cfe4d9!important}
@media(max-width:1150px){.v48-grid{grid-template-columns:1fr 310px}.v48-stat-grid,.v48-welcome-grid{grid-template-columns:1fr 1fr}.v48-hero{grid-template-columns:1fr}.v48-access-card{max-width:550px}}@media(max-width:820px){.v48-grid{grid-template-columns:1fr}.v48-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v48-side .v48-card{margin-top:0}.v48-side .v48-card:last-child{grid-column:1/-1}}@media(max-width:620px){.v48-hero{padding:21px 18px}.v48-hero h1{font-size:26px}.v48-access-card form{grid-template-columns:1fr}.v48-stat-grid,.v48-welcome-grid,.v48-side{grid-template-columns:1fr}.v48-side .v48-card:last-child{grid-column:auto}.v48-profile{align-items:flex-start;flex-wrap:wrap}.v48-profile-main{min-width:calc(100% - 80px)}.v48-timeline article{grid-template-columns:18px 1fr}.v48-timeline-actions{grid-column:2;justify-content:flex-start}.islamic-agenda-actions{flex-wrap:wrap}}

/* HU V4.8B SMART JAMAAH ENGAGEMENT & AGENDA REMINDER */
.v48b-engagement-strip{display:grid;grid-template-columns:260px 1fr auto;gap:18px;align-items:center;margin:0 0 13px;padding:14px 17px;background:linear-gradient(135deg,#f8fcfa,#fffaf0);border:1px solid #dfebdf;border-radius:15px}.v48b-engagement-strip small{display:block;font-size:7px;color:#a88631;font-weight:900;letter-spacing:.1em}.v48b-engagement-strip b{font-size:22px;color:#17664c}.v48b-engagement-strip span{font-size:7px;color:#7b8982;margin-left:6px}.v48b-engagement-meter{height:10px;background:#eaf0ed;border-radius:99px;overflow:hidden}.v48b-engagement-meter span{display:block;height:100%;width:0;margin:0;background:linear-gradient(90deg,#17664c,#d4b853);transition:width .35s}
.v48b-section{margin-top:13px;padding:18px;background:#fff;border:1px solid #e2e9e5;border-radius:17px;box-shadow:0 8px 24px rgba(25,59,46,.04)}.v48b-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.v48b-section-head small{font-size:7px;color:#a88631;font-weight:900;letter-spacing:.11em}.v48b-section-head h2{font-size:17px;margin:3px 0}.v48b-section-head p{font-size:8px;color:#7d8983;margin:0}.v48b-section-head>.hu-icon{color:#17664c}
.v48b-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v48b-plan-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e5ebe8;border-radius:13px;background:#fafcfb}.v48b-plan-date{width:52px;height:58px;border-radius:11px;background:#eaf5ef;color:#17664c;text-align:center;display:flex;flex-direction:column;justify-content:center}.v48b-plan-date b{font-size:20px;line-height:1}.v48b-plan-date span{font-size:7px;font-weight:900;margin-top:4px}.v48b-plan-main small{font-size:7px;color:#8a9690}.v48b-plan-main h3{font-size:11px;margin:4px 0}.v48b-plan-main p{font-size:8px;color:#75827c;margin:0;display:flex;gap:5px;align-items:center}.v48b-plan-actions{grid-column:1/-1;display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}.v48b-remind-btn.active{background:#fff8df!important;color:#98791f!important;border-color:#dfcc89!important}
.v48b-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v48b-two-grid .v48b-section{height:calc(100% - 13px)}.v48b-recommend-list{display:grid;gap:7px}.v48b-recommend-list a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid #e7ece9;border-radius:10px;background:#fafcfb;color:inherit;text-decoration:none}.v48b-recommend-list a>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eaf5ef;color:#17664c}.v48b-recommend-list b{display:block;font-size:9px}.v48b-recommend-list small{display:block;font-size:7px;color:#849089;margin-top:2px}.v48b-recommend-list em{font-style:normal;color:#17664c}
.v48b-reminder-row,.v48b-fav-manager article{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef}.v48b-reminder-row b,.v48b-fav-manager b{display:block;font-size:9px}.v48b-reminder-row small,.v48b-fav-manager small{display:block;font-size:7px;color:#849089;margin-top:2px}.v48b-notif-row{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-top:12px;padding:10px;border-radius:10px;background:#f6f9f7}.v48b-notif-row span{font-size:8px;color:#74817b}.v48b-fav-manager article{grid-template-columns:28px 1fr auto auto}.v48b-fav-manager article>span{color:#aa8930;font-size:17px}
@media(max-width:1050px){.v48b-engagement-strip{grid-template-columns:220px 1fr}.v48b-engagement-strip>.btn{grid-column:1/-1;width:max-content}.v48b-plan-grid,.v48b-two-grid{grid-template-columns:1fr}}@media(max-width:620px){.v48b-engagement-strip{grid-template-columns:1fr}.v48b-engagement-strip>.btn{grid-column:auto}.v48b-plan-card{grid-template-columns:48px 1fr}.v48b-notif-row{align-items:stretch;flex-direction:column}.v48b-fav-manager article{grid-template-columns:24px 1fr}.v48b-fav-manager article .btn{grid-row:2;grid-column:auto}}

/* HU V4.8C PWA & SMART NOTIFICATION CENTER */
.v48c-shell{max-width:1500px}.v48c-hero{display:grid;grid-template-columns:1fr 310px;gap:20px;align-items:center;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0b4031,#155f48 64%,#1d7657);color:#fff;box-shadow:0 18px 42px rgba(13,65,50,.14)}.v48c-hero h1{font-size:33px;margin:5px 0 8px}.v48c-hero p{font-size:10px;color:#dcebe4;line-height:1.7;max-width:760px}.v48c-pwa-status{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);border-radius:15px}.v48c-pwa-status>span{width:13px;height:13px;border-radius:50%;background:#d9ba58;box-shadow:0 0 0 5px rgba(217,186,88,.15)}.v48c-pwa-status>span.active{background:#7ee3a9;box-shadow:0 0 0 5px rgba(126,227,169,.15)}.v48c-pwa-status small{font-size:7px;color:#efd273;font-weight:900}.v48c-pwa-status b{display:block;font-size:15px;margin:2px 0}.v48c-pwa-status p{font-size:7px;margin:0}
.v48c-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.v48c-status-grid article{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:14px}.v48c-status-grid article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf5ef;color:#17664c}.v48c-status-grid small{font-size:7px;color:#8b9791;font-weight:900}.v48c-status-grid b{display:block;font-size:12px;margin:2px 0}.v48c-status-grid p{margin:0;font-size:7px;color:#87928d}
.v48c-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v48c-card{margin-top:13px;padding:18px;background:#fff;border:1px solid #e2e9e5;border-radius:17px;box-shadow:0 8px 24px rgba(25,59,46,.04)}.v48c-two .v48c-card{margin-top:0}.v48c-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.v48c-head small{font-size:7px;color:#a88631;font-weight:900;letter-spacing:.11em}.v48c-head h2{font-size:17px;margin:3px 0}.v48c-head p{font-size:8px;color:#7d8983;margin:0}.v48c-head>.hu-icon{color:#17664c}.v48c-copy{font-size:9px;color:#728078;line-height:1.7}.v48c-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.v48c-note{margin-top:10px;padding:9px 10px;background:#f5f9f7;border-radius:9px;font-size:8px;color:#78857f}
.v48c-reminders article{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ef}.v48c-reminders b{display:block;font-size:9px}.v48c-reminders small{display:block;font-size:7px;color:#849089;margin-top:2px}
.v48c-agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v48c-agenda-grid article{display:grid;grid-template-columns:50px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid #e6ece9;border-radius:12px;background:#fafcfb}.v48c-date{width:48px;height:52px;border-radius:10px;background:#eaf5ef;color:#17664c;display:flex;flex-direction:column;align-items:center;justify-content:center}.v48c-date b{font-size:18px;line-height:1}.v48c-date span{font-size:7px;font-weight:900;margin-top:3px}.v48c-agenda-grid small{font-size:7px;color:#8a9690}.v48c-agenda-grid h3{font-size:10px;margin:3px 0}.v48c-agenda-grid p{font-size:7px;color:#849089;margin:0}.v48c-add-reminder.active{background:#fff8df!important;color:#98791f!important;border-color:#dfcc89!important}.v48c-pwa-tool{background:linear-gradient(135deg,#f2faf6,#fff8e9)!important;border-color:#d8dfbd!important}
body.hu-offline:before{content:"Offline Mode";position:fixed;right:16px;bottom:16px;z-index:9999;background:#29483d;color:#fff;padding:7px 10px;border-radius:99px;font-size:8px;font-weight:800;box-shadow:0 7px 20px rgba(0,0,0,.15)}
@media(max-width:1050px){.v48c-hero{grid-template-columns:1fr}.v48c-pwa-status{max-width:420px}.v48c-status-grid{grid-template-columns:1fr 1fr}.v48c-agenda-grid{grid-template-columns:1fr}}@media(max-width:700px){.v48c-two{grid-template-columns:1fr}.v48c-status-grid{grid-template-columns:1fr 1fr}.v48c-head{align-items:flex-start;flex-direction:column}.v48c-reminders article{grid-template-columns:24px 1fr}.v48c-reminders .btn{grid-row:2}}@media(max-width:480px){.v48c-hero{padding:21px 18px}.v48c-hero h1{font-size:26px}.v48c-status-grid{grid-template-columns:1fr}.v48c-agenda-grid article{grid-template-columns:44px 1fr}.v48c-agenda-grid .btn{grid-column:1/-1}}

/* HU V4.8D SMART PWA RELIABILITY & NOTIFICATION PREFERENCES */
.v48d-shell{max-width:1500px}.v48d-hero{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:center;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#0b4031,#155f48 64%,#1d7657);color:#fff}.v48d-hero h1{font-size:31px;margin:5px 0 8px}.v48d-hero p{font-size:10px;color:#dcebe4;line-height:1.7}.v48d-device{padding:16px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}.v48d-device small{font-size:7px;color:#efd273;font-weight:900}.v48d-device b,.v48d-device span{display:block}.v48d-device b{font-size:15px;margin:4px 0}.v48d-device span{font-size:8px;color:#d9e8e1}
.v48d-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:14px 0}.v48d-status-grid article{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:14px}.v48d-status-grid article>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eaf5ef;color:#17664c}.v48d-status-grid small{font-size:7px;color:#8b9791;font-weight:900}.v48d-status-grid b{display:block;font-size:12px;margin:2px 0}.v48d-status-grid p{font-size:7px;color:#87928d;margin:0}
.v48d-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v48d-card{background:#fff;border:1px solid #e2e9e5;border-radius:17px;padding:18px;box-shadow:0 8px 24px rgba(25,59,46,.04);margin-top:13px}.v48d-grid .v48d-card{margin-top:0}.v48d-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.v48d-head small{font-size:7px;color:#a88631;font-weight:900;letter-spacing:.11em}.v48d-head h2{font-size:17px;margin:3px 0}.v48d-head p{font-size:8px;color:#7d8983;margin:0}.v48d-head>.hu-icon{color:#17664c}.v48d-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.v48d-options button{border:1px solid #dfe8e3;background:#f8faf9;border-radius:9px;padding:10px 5px;font-size:8px;font-weight:800;color:#466055;cursor:pointer}.v48d-options button.active{background:#17664c;color:#fff;border-color:#17664c}.v48d-note{margin-top:11px;padding:9px;background:#f6f9f7;border-radius:9px;font-size:8px;color:#7a8781}.v48d-switch-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0}.v48d-switch-row b,.v48d-switch-row small{display:block}.v48d-switch-row b{font-size:9px}.v48d-switch-row small{font-size:7px;color:#829088;margin-top:2px}.v48d-switch-row input{width:20px;height:20px}.v48d-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v48d-time-grid label{font-size:8px;font-weight:800;color:#617068}.v48d-time-grid input{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #dce5e0;border-radius:9px;padding:9px;background:#fafcfb}.v48d-metric{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7faf8;border-radius:10px}.v48d-metric span{font-size:8px;color:#7b8982}.v48d-metric b{font-size:14px;color:#17664c}.v48d-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.v48d-local-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v48d-local-grid article{background:#f7faf8;border:1px solid #e5ece8;border-radius:11px;padding:13px;text-align:center}.v48d-local-grid small{display:block;font-size:7px;color:#87938d;font-weight:900}.v48d-local-grid b{display:block;font-size:21px;color:#17664c;margin-top:4px}.v48d-privacy{display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:10px;border-radius:10px;background:#f6f9f7;color:#6f7e77}.v48d-privacy p{font-size:8px;line-height:1.6;margin:0}.v48d-bottom-actions{display:flex;gap:8px;margin-top:13px}.v48d-settings-tool{background:linear-gradient(135deg,#f4faf7,#fff7e7)!important;border-color:#d9e3c3!important}
@media(max-width:1050px){.v48d-hero{grid-template-columns:1fr}.v48d-device{max-width:420px}.v48d-status-grid{grid-template-columns:1fr 1fr}.v48d-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.v48d-grid{grid-template-columns:1fr}.v48d-local-grid{grid-template-columns:1fr 1fr}.v48d-head{align-items:flex-start}.v48d-bottom-actions{flex-direction:column}}@media(max-width:480px){.v48d-hero{padding:21px 18px}.v48d-hero h1{font-size:25px}.v48d-status-grid,.v48d-local-grid{grid-template-columns:1fr}.v48d-options{grid-template-columns:1fr 1fr}}

/* =========================================================
   HU V4.9 SMART COMMUNITY INTELLIGENCE & EXECUTIVE EXPERIENCE
   ========================================================= */
.v49-exec-hero{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center;padding:25px 27px;border-radius:20px;background:linear-gradient(135deg,#103f32,#17654c 70%,#957a2f);color:#fff;box-shadow:0 18px 40px rgba(14,64,49,.13)}.v49-exec-hero h2{font-size:25px;margin:7px 0}.v49-exec-hero p{font-size:9px;color:#deebe5;line-height:1.7;max-width:800px}.v49-hero-actions{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap}.v49-exec-score{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.09);border-radius:16px;text-align:center;padding:18px}.v49-exec-score small{display:block;font-size:7px;color:#efd477;font-weight:900;letter-spacing:.09em}.v49-exec-score strong{display:block;font-size:45px;line-height:1.1;margin:5px 0}.v49-exec-score span{font-size:7px;color:#d8e6df}
.v49-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:13px 0}.v49-kpis article{background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:14px}.v49-kpis small{font-size:7px;color:#8a9690;font-weight:900}.v49-kpis b{display:block;font-size:23px;color:#17664c;margin:3px 0}.v49-kpis span{font-size:7px;color:#87928d}
.v49-grid-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.v49-grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.v49-card{background:#fff;border:1px solid #e2e9e5;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(25,59,46,.04);margin-top:12px}.v49-grid-main>.v49-card,.v49-grid-equal>.v49-card{margin-top:0}.v49-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.v49-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v49-head h3{font-size:15px;margin:3px 0}.v49-head p{font-size:7px;color:#7c8983;margin:0}.v49-head>.hu-icon{color:#17664c}
.v49-chart{display:flex;height:230px;gap:10px;align-items:flex-end;padding-top:20px}.v49-chart-col{flex:1;text-align:center;min-width:0}.v49-chart-value{font-size:8px;font-weight:900;color:#17664c;margin-bottom:4px}.v49-chart-track{height:150px;background:#eef3f0;border-radius:8px 8px 4px 4px;display:flex;align-items:flex-end;overflow:hidden}.v49-chart-track i{display:block;width:100%;background:linear-gradient(180deg,#d7bb58,#17664c);border-radius:8px 8px 0 0}.v49-chart-col>b{display:block;font-size:8px;margin-top:5px}.v49-chart-col>small{display:block;font-size:6px;color:#89948f;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v49-insight{padding:10px 11px;border-radius:10px;margin-bottom:7px;border-left:3px solid #17664c;background:#f6faf8}.v49-insight.watch{border-left-color:#c09a35;background:#fffbef}.v49-insight.neutral{border-left-color:#79988b;background:#f5f8f7}.v49-insight b{font-size:9px}.v49-insight p{font-size:7px;color:#75837c;line-height:1.5;margin:3px 0 0}
.v49-ranking article,.v49-speakers article{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef}.v49-ranking article:last-child,.v49-speakers article:last-child{border-bottom:0}.v49-rank{width:25px;height:25px;border-radius:8px;background:#eaf5ef;color:#17664c;display:grid;place-items:center;font-size:8px;font-weight:900}.v49-ranking b,.v49-speakers b{display:block;font-size:9px}.v49-ranking small,.v49-speakers small{font-size:7px;color:#849089}.v49-ranking strong,.v49-speakers strong{font-size:11px;color:#17664c;text-align:right}.v49-ranking strong small,.v49-speakers strong small{display:block;font-weight:500}.v49-speakers{display:grid}.v49-speakers article{grid-template-columns:38px 1fr auto}.v49-speakers img,.v49-speaker-avatar{width:35px;height:35px;border-radius:10px;object-fit:cover}.v49-speaker-avatar{display:grid;place-items:center;background:#eaf5ef;color:#17664c;font-weight:900}
.v49-category-list>div{margin-bottom:10px}.v49-category-list>div>div:first-child{display:flex;justify-content:space-between;gap:10px}.v49-category-list b{font-size:8px}.v49-category-list span{font-size:7px;color:#849089}.v49-bar{height:7px;border-radius:99px;background:#edf2ef;overflow:hidden;margin-top:5px}.v49-bar i{display:block;height:100%;background:linear-gradient(90deg,#17664c,#d2b655);border-radius:99px}
.v49-forward{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v49-next-list a{display:grid;grid-template-columns:55px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ef;color:inherit;text-decoration:none}.v49-next-list>a>span{font-size:8px;font-weight:900;color:#17664c;background:#eaf5ef;padding:7px;border-radius:8px;text-align:center}.v49-next-list b{display:block;font-size:9px}.v49-next-list small{display:block;font-size:7px;color:#849089;margin-top:2px}.v49-next-list em{font-style:normal;color:#17664c}.v49-recommendations article{padding:9px 10px;border-radius:9px;background:#f7faf8;margin-bottom:7px}.v49-recommendations b{font-size:8px;color:#29493e}.v49-recommendations p{font-size:7px;color:#75837c;line-height:1.5;margin:3px 0}.v49-disclaimer{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:11px;background:#f5f8f7;color:#6f7e77}.v49-disclaimer p{font-size:7px;line-height:1.6;margin:0}
.v49-public-intel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:16px 0;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#f5faf7,#fffaf0);border:1px solid #dfe9df}.v49-public-intel small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v49-public-intel h2{font-size:20px;margin:5px 0}.v49-public-intel p{font-size:9px;color:#73817a;max-width:800px;line-height:1.65}.v49-public-intel-points{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v49-public-intel-points span{display:flex;gap:6px;align-items:center;padding:8px 9px;border-radius:9px;background:#fff;border:1px solid #e4e9e6;font-size:7px;font-weight:800;color:#385449}.v49-public-intel-points .hu-icon{color:#17664c}
@media(max-width:1150px){.v49-kpis{grid-template-columns:repeat(3,1fr)}.v49-grid-main{grid-template-columns:1fr}.v49-forward{grid-template-columns:1fr}}@media(max-width:820px){.v49-exec-hero{grid-template-columns:1fr}.v49-exec-score{max-width:300px}.v49-grid-equal{grid-template-columns:1fr}.v49-public-intel{grid-template-columns:1fr}}@media(max-width:600px){.v49-kpis{grid-template-columns:1fr 1fr}.v49-chart{gap:5px}.v49-chart-col>small{display:none}.v49-public-intel-points{grid-template-columns:1fr 1fr}}@media(max-width:420px){.v49-kpis{grid-template-columns:1fr}.v49-public-intel-points{grid-template-columns:1fr}}

/* HU V4.9.1 EXECUTIVE BRIEFING & DECISION SUPPORT */
.v491-hero{display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:center;padding:24px 26px;border-radius:19px;background:linear-gradient(135deg,#103f32,#17654c 72%,#9a7b2c);color:#fff}.v491-hero h2{font-size:24px;margin:7px 0}.v491-hero p{font-size:9px;color:#dce9e3;line-height:1.65}.v491-score{text-align:center;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.v491-score small{font-size:7px;color:#efd477;font-weight:900}.v491-score strong{display:block;font-size:42px}.v491-score span{font-size:8px}.v491-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.v491-strip article{background:#fff;border:1px solid #e2e9e5;border-radius:13px;padding:13px}.v491-strip small{font-size:7px;color:#89958f;font-weight:900}.v491-strip b{display:block;font-size:21px;color:#17664c;margin:3px 0}.v491-strip span{font-size:7px;color:#7e8b85}.v491-strip span.up{color:#27835e}.v491-strip span.down{color:#b46b48}.v491-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.v491-card{background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:16px;box-shadow:0 7px 20px rgba(25,59,46,.035)}.v491-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:11px}.v491-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v491-head h3{font-size:15px;margin:3px 0}.v491-head p{font-size:7px;color:#7d8983;margin:0}.v491-priority{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:9px;border-radius:9px;background:#f7faf8;margin-bottom:7px;border-left:3px solid #6b9b86}.v491-priority.medium{background:#fffbef;border-color:#c09a35}.v491-priority.high{background:#fff4f1;border-color:#b9654c}.v491-priority>span{width:25px;height:25px;border-radius:7px;background:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.v491-priority b{font-size:8px}.v491-priority p{font-size:7px;color:#74827b;line-height:1.5;margin:2px 0}.v491-agenda{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;text-decoration:none;color:inherit;padding:8px 0;border-bottom:1px solid #edf1ef}.v491-agenda>span{height:40px;border-radius:8px;background:#eaf5ef;color:#17664c;display:grid;place-items:center;font-size:14px;font-weight:900}.v491-agenda>span small{font-size:6px;margin-top:-9px}.v491-agenda b{font-size:8px}.v491-agenda p{font-size:7px;color:#849089;margin:2px 0}.v491-agenda em{font-style:normal;color:#17664c}.v491-top{display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ef}.v491-top>span{font-size:8px;font-weight:900;color:#a4862f}.v491-top b,.v491-top small{display:block}.v491-top b{font-size:8px}.v491-top small{font-size:7px;color:#849089}.v491-callout{margin-top:10px;padding:11px;border-radius:10px;background:linear-gradient(135deg,#eaf5ef,#fff8e7)}.v491-callout small,.v491-callout b,.v491-callout span{display:block}.v491-callout small{font-size:6px;color:#9b7e2d;font-weight:900}.v491-callout b{font-size:12px;margin:3px 0}.v491-callout span{font-size:7px;color:#7c8983}.v491-decision{padding:8px 9px;border-radius:8px;background:#f7faf8;margin-bottom:6px}.v491-decision b{font-size:8px;color:#315045}.v491-decision p{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}.v491-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v491-snapshot article{text-align:center;background:#f6faf8;border-radius:10px;padding:13px}.v491-snapshot b{display:block;font-size:22px;color:#17664c}.v491-snapshot span{font-size:7px;color:#7e8b85}@media(max-width:900px){.v491-hero{grid-template-columns:1fr}.v491-score{max-width:220px}.v491-strip{grid-template-columns:1fr 1fr}.v491-grid{grid-template-columns:1fr}}@media(max-width:500px){.v491-strip,.v491-snapshot{grid-template-columns:1fr 1fr}}@media print{.sidebar,.topbar,.btn,.v49-disclaimer{display:none!important}.main{margin:0!important;padding:0!important}.v491-hero{background:#174f3d!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* HU V4.9.2 SMART KNOWLEDGE INTELLIGENCE */
.v492-hero{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;padding:24px 26px;border-radius:19px;background:linear-gradient(135deg,#103f32,#17654c 70%,#a18432);color:#fff}.v492-hero h2{font-size:24px;margin:7px 0}.v492-hero p{font-size:9px;color:#dce9e3;line-height:1.65}.v492-score{text-align:center;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.v492-score small{font-size:7px;color:#efd477;font-weight:900}.v492-score strong{display:block;font-size:42px}.v492-score span{font-size:7px}.v492-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.v492-kpis article{background:#fff;border:1px solid #e2e9e5;border-radius:13px;padding:13px}.v492-kpis small{font-size:7px;color:#89958f;font-weight:900}.v492-kpis b{display:block;font-size:22px;color:#17664c;margin:3px 0}.v492-kpis span{font-size:7px;color:#7e8b85}.v492-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.v492-card{background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:16px;box-shadow:0 7px 20px rgba(25,59,46,.035);margin-bottom:11px}.v492-grid>.v492-card{margin-bottom:0}.v492-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:11px}.v492-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v492-head h3{font-size:15px;margin:3px 0}.v492-head p{font-size:7px;color:#7d8983;margin:0}.v492-map-row{margin:10px 0}.v492-map-row>div:first-child{display:flex;justify-content:space-between}.v492-map-row b{font-size:8px}.v492-map-row small{font-size:7px;color:#849089}.v492-bar{height:8px;background:#edf2ef;border-radius:99px;overflow:hidden;margin-top:5px}.v492-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#17664c,#d0b451)}.v492-rec{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf1ef}.v492-rec>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#eaf5ef;color:#17664c;font-size:8px;font-weight:900}.v492-rec b{font-size:8px}.v492-rec p,.v492-note{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}.v492-note{margin-top:9px;padding:9px;background:#fff9e9;border-radius:8px}.v492-table-wrap{overflow:auto}.v492-table{width:100%;border-collapse:collapse;min-width:700px}.v492-table th{text-align:left;font-size:7px;color:#819087;padding:8px;border-bottom:1px solid #dde7e1}.v492-table td{padding:9px 8px;border-bottom:1px solid #edf1ef;font-size:8px}.v492-table td:first-child b,.v492-table td:first-child small{display:block}.v492-table td:first-child small{font-size:6px;color:#87938d;margin-top:2px}.v492-table a{color:#244a3c;text-decoration:none}.v492-table .ok,.v492-table .missing{font-size:6px;padding:4px 6px;border-radius:99px}.v492-table .ok{background:#e8f5ee;color:#17664c}.v492-table .missing{background:#f4f4f4;color:#909994}.v492-recent{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef;text-decoration:none;color:inherit}.v492-recent>span{font-size:7px;font-weight:900;color:#17664c}.v492-recent b,.v492-recent small{display:block}.v492-recent b{font-size:8px}.v492-recent small{font-size:7px;color:#849089}.v492-recent em{font-style:normal;color:#17664c}.v492-govern{padding:8px 9px;border-radius:8px;background:#f7faf8;margin-bottom:6px}.v492-govern b{font-size:8px}.v492-govern p{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}@media(max-width:900px){.v492-hero{grid-template-columns:1fr}.v492-score{max-width:240px}.v492-grid{grid-template-columns:1fr}}@media(max-width:550px){.v492-kpis{grid-template-columns:1fr 1fr}}

/* HU V4.9.3 PROFESSIONAL ADMINISTRATION & OPERATIONAL CONTROL */
.v493-hero{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;padding:24px 26px;border-radius:19px;background:linear-gradient(135deg,#103f32,#17654c 72%,#9d7e2e);color:#fff}.v493-hero h2{font-size:24px;margin:7px 0}.v493-hero p{font-size:9px;color:#dce9e3;line-height:1.65}.v493-score{text-align:center;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.v493-score small{font-size:7px;color:#efd477;font-weight:900}.v493-score strong{display:block;font-size:42px}.v493-score span{font-size:8px}.v493-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.v493-kpis article{background:#fff;border:1px solid #e2e9e5;border-radius:13px;padding:13px}.v493-kpis small{font-size:7px;color:#89958f;font-weight:900}.v493-kpis b{display:block;font-size:22px;color:#17664c;margin:3px 0}.v493-kpis span{font-size:7px;color:#7e8b85}.v493-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:11px}.v493-card{background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:16px;box-shadow:0 7px 20px rgba(25,59,46,.035);margin-bottom:11px}.v493-grid>.v493-card{margin-bottom:0}.v493-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:11px}.v493-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v493-head h3{font-size:15px;margin:3px 0}.v493-head p{font-size:7px;color:#7d8983;margin:0}.v493-agenda,.v493-close{display:grid;grid-template-columns:1fr auto 48px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef}.v493-agenda b,.v493-close b{font-size:8px}.v493-agenda small,.v493-close small{display:block;font-size:7px;color:#849089;margin-top:2px}.v493-agenda a,.v493-close a{font-size:7px;text-decoration:none;color:#17664c;font-weight:800}.v493-checks{display:flex;gap:4px;flex-wrap:wrap}.v493-checks span{font-size:6px;padding:4px 6px;border-radius:99px}.v493-checks .ok{background:#e8f5ee;color:#17664c}.v493-checks .bad{background:#fff0ec;color:#a95f48}.v493-checks .neutral{background:#f1f3f2;color:#7d8882}.v493-alert{padding:9px 10px;border-radius:9px;margin-bottom:7px;border-left:3px solid #6d9583;background:#f7faf8}.v493-alert.medium{border-color:#c09a35;background:#fffbef}.v493-alert.high{border-color:#b9654c;background:#fff4f1}.v493-alert b{font-size:8px}.v493-alert p{font-size:7px;color:#75837c;margin:2px 0;line-height:1.5}.v493-govern{padding:8px 9px;border-radius:8px;background:#f7faf8;margin-bottom:6px}.v493-govern b{font-size:8px}.v493-govern p{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}.v493-audit{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v493-audit article{padding:9px;border-radius:8px;background:#f7faf8}.v493-audit b,.v493-audit small{display:block}.v493-audit b{font-size:7px}.v493-audit small{font-size:6px;color:#839089;margin-top:2px}.v493-footer-actions{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}@media(max-width:900px){.v493-hero{grid-template-columns:1fr}.v493-score{max-width:240px}.v493-grid{grid-template-columns:1fr}.v493-audit{grid-template-columns:1fr 1fr}}@media(max-width:550px){.v493-kpis{grid-template-columns:1fr 1fr}.v493-agenda,.v493-close{grid-template-columns:1fr}.v493-audit{grid-template-columns:1fr}}

/* HU V4.9.4 EXECUTIVE REPORTING & MANAGEMENT REPORT */
.v494-report-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 23px;border-radius:17px;background:linear-gradient(135deg,#103f32,#17654c 75%,#9d7e2e);color:#fff}.v494-report-head h2{font-size:23px;margin:6px 0}.v494-report-head p{font-size:8px;color:#dce9e3}.v494-filter{display:flex;gap:8px;align-items:end;flex-wrap:wrap;background:#fff;border:1px solid #e2e9e5;border-radius:12px;padding:10px;margin:11px 0}.v494-filter label{font-size:7px;font-weight:800}.v494-filter select{display:block;margin-top:4px;padding:7px;border:1px solid #dce5e0;border-radius:7px;font-size:8px}.v494-cover{display:grid;grid-template-columns:1fr 170px;gap:15px;align-items:center;background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:17px}.v494-cover small{font-size:7px;color:#a4862f;font-weight:900}.v494-cover h3{font-size:19px;margin:4px 0}.v494-cover p{font-size:8px;color:#75837c}.v494-health{text-align:center;background:#f3f9f6;border-radius:12px;padding:12px}.v494-health span,.v494-health small{display:block;font-size:6px;color:#78867f}.v494-health b{display:block;font-size:34px;color:#17664c}.v494-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.v494-kpis article{background:#fff;border:1px solid #e2e9e5;border-radius:11px;padding:11px}.v494-kpis small{font-size:6px;color:#89958f;font-weight:900}.v494-kpis b{display:block;font-size:20px;color:#17664c;margin:2px 0}.v494-kpis span{font-size:6px;color:#7e8b85}.v494-card{background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:15px;margin-bottom:10px}.v494-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.08em}.v494-head h3{font-size:14px;margin:3px 0}.v494-head p{font-size:7px;color:#7d8983}.v494-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v494-chart{height:210px;display:flex;align-items:flex-end;gap:8px}.v494-col{flex:1;text-align:center;min-width:0}.v494-col>b{font-size:7px;color:#17664c}.v494-col>div{height:140px;background:#edf2ef;border-radius:7px 7px 3px 3px;display:flex;align-items:flex-end;overflow:hidden;margin:3px 0}.v494-col i{display:block;width:100%;background:linear-gradient(180deg,#d2b655,#17664c)}.v494-col span{font-size:7px;font-weight:800}.v494-col small{display:block;font-size:6px;color:#87938d}.v494-rank{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ef}.v494-rank>span{width:23px;height:23px;border-radius:7px;background:#eaf5ef;color:#17664c;display:grid;place-items:center;font-size:7px;font-weight:900}.v494-rank b,.v494-rank small{display:block}.v494-rank b{font-size:8px}.v494-rank small{font-size:6px;color:#849089}.v494-rank strong{font-size:8px;color:#17664c}.v494-category{padding:8px 0;border-bottom:1px solid #edf1ef}.v494-category b,.v494-category span{display:block}.v494-category b{font-size:8px}.v494-category span{font-size:7px;color:#849089}.v494-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v494-assets article{text-align:center;background:#f5faf7;border-radius:9px;padding:10px}.v494-assets b{display:block;font-size:19px;color:#17664c}.v494-assets span{font-size:7px}.v494-progress{height:8px;background:#edf2ef;border-radius:99px;overflow:hidden;margin-top:10px}.v494-progress span{display:block;height:100%;background:linear-gradient(90deg,#17664c,#d2b655)}.v494-caption{font-size:7px;color:#7b8882}.v494-conclusion{padding:8px 9px;border-radius:8px;background:#f7faf8;margin-bottom:6px}.v494-conclusion b{font-size:8px}.v494-conclusion p{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}.v494-sign{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.v494-sign div{border-top:1px solid #cfdad4;padding-top:8px}.v494-sign span,.v494-sign b,.v494-sign small{display:block}.v494-sign span,.v494-sign small{font-size:6px;color:#839089}.v494-sign b{font-size:8px;margin:2px 0}@media(max-width:1000px){.v494-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.v494-cover,.v494-grid{grid-template-columns:1fr}.v494-health{max-width:180px}}@media(max-width:500px){.v494-kpis{grid-template-columns:1fr 1fr}.v494-chart{gap:4px}.v494-col small{display:none}}@media print{.sidebar,.topbar,.v494-filter,.v494-actions,.v49-disclaimer{display:none!important}.main{margin:0!important;padding:0!important}.v494-report-head{background:#174f3d!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.v494-card,.v494-cover{break-inside:avoid}.v494-grid{break-inside:avoid}body{background:#fff!important}}

/* HU V4.9.5 FINAL AUDIT & PRODUCTION READINESS */
.v495-hero{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;padding:24px 26px;border-radius:19px;background:linear-gradient(135deg,#103f32,#17654c 72%,#9d7e2e);color:#fff}.v495-hero h2{font-size:24px;margin:7px 0}.v495-hero p{font-size:9px;color:#dce9e3;line-height:1.65}.v495-score{text-align:center;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08)}.v495-score small{font-size:7px;color:#efd477;font-weight:900}.v495-score strong{display:block;font-size:42px}.v495-score span{font-size:7px}.v495-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:11px 0}.v495-groups article{background:#fff;border:1px solid #e2e9e5;border-radius:12px;padding:11px}.v495-groups small{font-size:6px;color:#89958f;font-weight:900}.v495-groups b{display:block;font-size:19px;color:#17664c}.v495-groups span{font-size:6px;color:#7e8b85}.v495-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:11px}.v495-card{background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:16px;margin-bottom:11px}.v495-head{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-bottom:11px}.v495-head small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v495-head h3{font-size:15px;margin:3px 0}.v495-head p{font-size:7px;color:#7d8983;margin:0}.v495-status{font-size:7px;font-weight:900;padding:6px 8px;border-radius:99px}.v495-status.ok{background:#e8f5ee;color:#17664c}.v495-status.watch{background:#fff7df;color:#987720}.v495-check{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1ef}.v495-check>span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900}.v495-check>span.ok{background:#e8f5ee;color:#17664c}.v495-check>span.bad{background:#fff0ec;color:#a95f48}.v495-check b,.v495-check small{display:block}.v495-check b{font-size:8px}.v495-check small{font-size:6px;color:#849089}.v495-manual{padding:8px 9px;border-radius:8px;background:#f7faf8;margin-bottom:6px}.v495-manual b{font-size:8px}.v495-manual p{font-size:7px;color:#75837c;line-height:1.5;margin:2px 0}.v495-security{display:flex;flex-wrap:wrap;gap:6px}.v495-security span{font-size:7px;padding:6px 8px;border-radius:99px;background:#eaf5ef;color:#17664c;font-weight:800}.v495-gate{padding:12px;border-radius:10px}.v495-gate.ready{background:#eaf5ef;border-left:3px solid #17664c}.v495-gate.review{background:#fff9e9;border-left:3px solid #b9942d}.v495-gate b{font-size:9px}.v495-gate p{font-size:7px;color:#75837c;margin:3px 0}@media(max-width:1000px){.v495-groups{grid-template-columns:repeat(3,1fr)}.v495-grid{grid-template-columns:1fr}}@media(max-width:550px){.v495-hero{grid-template-columns:1fr}.v495-score{max-width:220px}.v495-groups{grid-template-columns:1fr 1fr}}

/* HU V5.0 FINAL PRODUCTION */
.v50-prod-hero{display:grid;grid-template-columns:1fr 220px;gap:18px;align-items:center;padding:26px;border-radius:20px;background:linear-gradient(135deg,#0d3d30,#17654c 70%,#9c7d2f);color:#fff}.v50-prod-hero h2{font-size:25px;margin:7px 0}.v50-prod-hero p{font-size:9px;line-height:1.65;color:#dce9e3}.v50-prod-score{text-align:center;padding:17px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}.v50-prod-score small{font-size:7px;color:#efd477;font-weight:900}.v50-prod-score strong{display:block;font-size:35px}.v50-prod-score span{font-size:7px}.v50-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.v50-prod-grid article{display:grid;grid-template-columns:30px 1fr;gap:8px;background:#fff;border:1px solid #e2e9e5;border-radius:13px;padding:12px}.v50-prod-grid>article>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:900}.v50-prod-grid .ok{background:#e8f5ee;color:#17664c}.v50-prod-grid .bad{background:#fff0ec;color:#a95f48}.v50-prod-grid b{font-size:8px}.v50-prod-grid p{font-size:7px;color:#7b8882;line-height:1.45;margin:2px 0}.v50-prod-card{background:#fff;border:1px solid #e2e9e5;border-radius:15px;padding:16px;margin-bottom:10px}.v50-prod-card>small{font-size:7px;color:#a4862f;font-weight:900;letter-spacing:.1em}.v50-prod-card h3{font-size:15px;margin:4px 0}.v50-prod-card>p{font-size:8px;color:#75837c;line-height:1.6}.v50-prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.v50-prod-tags span{font-size:7px;padding:6px 8px;border-radius:99px;background:#eaf5ef;color:#17664c;font-weight:800}.v50-prod-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v50-prod-list p{font-size:7px;color:#75837c;background:#f7faf8;border-radius:8px;padding:8px;margin:0;line-height:1.5}@media(max-width:950px){.v50-prod-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.v50-prod-hero{grid-template-columns:1fr}.v50-prod-score{max-width:230px}.v50-prod-grid,.v50-prod-list{grid-template-columns:1fr}}

/* HU V5.0.1 — QR PRESENSI CRITICAL HOTFIX */
.hu-qr-attendance{align-items:center}
.hu-qr-panel{text-align:center}
.hu-real-qr-box{background:#fff;padding:18px!important;border:1px solid #dce6e1;border-radius:18px;box-shadow:0 14px 36px rgba(20,66,50,.10);display:inline-block}
.hu-real-qr{width:min(340px,78vw);aspect-ratio:1/1;background:#fff}
.hu-real-qr svg{display:block;width:100%;height:100%}
.hu-qr-hint{font-size:8px;margin-top:8px}
.hu-qr-status{display:flex;gap:8px;align-items:center;background:#f7faf8;border:1px solid #e1eae5;border-radius:10px;padding:9px 10px;margin:12px 0}
.hu-qr-status .hu-qr-dot{width:10px;height:10px;border-radius:50%;background:#c39a32;box-shadow:0 0 0 4px rgba(195,154,50,.12)}
.hu-qr-status b,.hu-qr-status small{display:block}.hu-qr-status b{font-size:8px}.hu-qr-status small{font-size:7px;color:#7d8983;margin-top:2px}
.hu-qr-status.ready .hu-qr-dot{background:#19845d;box-shadow:0 0 0 4px rgba(25,132,93,.12)}
.hu-qr-status.error .hu-qr-dot{background:#b85f49;box-shadow:0 0 0 4px rgba(184,95,73,.12)}
.hu-qr-link{font-size:8px;word-break:break-all;color:#17664c}
.hu-qr-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.hu-qr-error{min-height:250px;display:grid;place-items:center;color:#a45d49;font-size:9px;background:#fff6f2;border-radius:12px}
@media(max-width:700px){.hu-qr-attendance{grid-template-columns:1fr!important}.hu-qr-panel{order:-1}.hu-real-qr{width:min(320px,82vw)}}
@media print{.sidebar,.topbar,.toolbar,.hu-qr-actions,.hu-qr-status,.hu-qr-link{display:none!important}.hu-real-qr{width:90mm!important}.hu-real-qr-box{box-shadow:none!important}}

/* HU V5.0.1.1 — QR DISPLAY / NO-CLIP HOTFIX */
.hu-qr-attendance,
.hu-qr-panel,
.hu-real-qr-box{overflow:visible!important}
.hu-qr-panel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important}
.hu-real-qr-box{width:auto!important;height:auto!important;max-width:100%!important;box-sizing:border-box!important;margin:0 auto!important;padding:16px!important}
.hu-real-qr{
  width:300px!important;
  height:300px!important;
  max-width:calc(100vw - 96px)!important;
  max-height:calc(100vw - 96px)!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  flex:none!important
}
.hu-real-qr svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:visible!important
}
.hu-qr-hint{position:static!important;margin:10px 0 0!important}
@media(min-width:1200px){
  .hu-real-qr{width:320px!important;height:320px!important}
}
@media(max-width:900px){
  .hu-qr-attendance{grid-template-columns:1fr!important}
  .hu-qr-panel{order:0!important;margin-top:14px!important}
  .hu-real-qr{width:290px!important;height:290px!important;max-width:calc(100vw - 80px)!important;max-height:calc(100vw - 80px)!important}
}
@media(max-width:520px){
  .hu-real-qr-box{padding:12px!important}
  .hu-real-qr{width:260px!important;height:260px!important;max-width:calc(100vw - 64px)!important;max-height:calc(100vw - 64px)!important}
}
@media print{
  .hu-real-qr{width:75mm!important;height:75mm!important;max-width:none!important;max-height:none!important}
  .hu-real-qr-box{overflow:visible!important;padding:8mm!important}
}

/* HU V5.0.2 — SECURE DELETE USER */
.hu-user-table-wrap{overflow-x:auto}.hu-user-security-note{margin-top:14px;padding:10px;border-radius:10px;background:#f4f9f6;border-left:3px solid #17664c}.hu-user-security-note b{font-size:8px;color:#17664c}.hu-user-security-note p{font-size:7px;color:#74817b;line-height:1.5;margin:3px 0}.hu-user-head h3{margin-bottom:2px}.hu-self-badge,.hu-role-badge,.hu-status-badge,.hu-protected-label{display:inline-block;font-size:6px;font-weight:800;border-radius:99px;padding:4px 6px}.hu-self-badge{background:#eaf5ef;color:#17664c}.hu-role-badge{background:#f1f3f2;color:#58655f}.hu-status-badge.active{background:#e8f5ee;color:#17664c}.hu-status-badge.inactive{background:#f2f2f2;color:#858585}.hu-protected-label{background:#fff7df;color:#987720}.hu-btn-delete{background:#fff2ee!important;color:#a64e38!important;border:1px solid #f0c9be!important}.hu-btn-delete:hover{background:#a64e38!important;color:#fff!important}

/* HU V5.0.3 — ROLE & HAK AKSES */
.hu-rbac-intro{display:flex;justify-content:space-between;gap:18px;align-items:center}.hu-rbac-intro h2{margin:7px 0 3px}.hu-rbac-current{min-width:145px;background:#f3f8f5;border:1px solid #dfebe4;border-radius:12px;padding:12px}.hu-rbac-current small,.hu-rbac-current b{display:block}.hu-rbac-current small{font-size:7px;color:#7a8780}.hu-rbac-current b{font-size:11px;color:#17664c;margin-top:3px}
.hu-role-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.hu-role-card{display:flex;gap:10px;align-items:flex-start}.hu-role-card h3{margin:0 0 3px}.hu-role-card p{font-size:7px;line-height:1.45;color:#75817b;margin:0 0 7px}.hu-role-card span{font-size:6px;font-weight:800;color:#17664c}.hu-role-icon{width:34px;height:34px;border-radius:10px;background:#e9f4ee;color:#17664c;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.hu-rbac-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hu-rbac-search{max-width:230px}.hu-rbac-table-wrap{overflow:auto;margin-top:10px}.hu-rbac-table{min-width:900px}.hu-rbac-table td small{display:block;font-size:6px;color:#97a19c;margin-top:2px}.hu-rbac-cell{text-align:center}.hu-access-yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f5ed;color:#14724f;font-weight:900}.hu-access-no{color:#c5ccc8}.hu-rbac-group{font-size:6px;background:#f0f3f1;border-radius:99px;padding:4px 6px;font-weight:800;color:#63716a}.hu-rbac-note code,.hu-rbac-intro code{background:#f2f5f3;padding:2px 4px;border-radius:4px;font-size:.9em}
@media(max-width:1000px){.hu-role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hu-rbac-intro{align-items:flex-start;flex-direction:column}.hu-rbac-current{width:100%}.hu-role-cards{grid-template-columns:1fr}.hu-rbac-head{align-items:stretch;flex-direction:column}.hu-rbac-search{max-width:none}}

/* HU V5.0.7 — SIDEBAR CONSISTENCY & SCROLL PERSISTENCE */
.sidebar{
  height:100vh!important;
  max-height:100vh!important;
  position:sticky!important;
  top:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:auto!important;
}
.sidebar nav{min-width:0}
.sidebar a{scroll-margin-top:90px}
@media(max-width:900px){
  .sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
}

/* HU V5.1.0 — GALLERY QUERY & FILE RESOLVER */
.hu-gallery-missing{
  width:100%;height:100%;min-height:150px;
  display:flex;flex-direction:column;gap:8px;
  align-items:center;justify-content:center;
  background:#eef5f1;color:#6f8078;text-align:center
}
.hu-gallery-missing span{font-size:8px;font-weight:700}
.hu-file-ok,.hu-file-missing{display:block;margin-top:5px;font-size:6px;word-break:break-all}
.hu-file-ok{color:#187453}.hu-file-missing{color:#b0523d}


/* ============================================================
   HU V5.2.2 — GLOBAL UI/UX CONSISTENCY & RESPONSIVE TYPOGRAPHY
   ============================================================ */

:root{
  --hu-font-xs:12px;
  --hu-font-sm:13px;
  --hu-font-base:14px;
  --hu-font-md:15px;
  --hu-font-lg:18px;
  --hu-font-xl:24px;
  --hu-radius:14px;
}

/* Prevent legacy tiny typography */
html{font-size:16px!important}
body{
  font-size:var(--hu-font-base)!important;
  line-height:1.5!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body,button,input,select,textarea{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}

/* Generic text */
p,.muted,small,label,.form-group label,.sidebar-footer,.public-nav-note{
  font-size:var(--hu-font-sm)!important;
  line-height:1.5!important;
}
small{font-size:12px!important}
strong,b{line-height:1.35}

/* Main headings */
h1{font-size:clamp(24px,2.1vw,34px)!important;line-height:1.15!important}
h2{font-size:clamp(21px,1.8vw,30px)!important;line-height:1.2!important}
h3{font-size:clamp(17px,1.35vw,22px)!important;line-height:1.25!important}
h4{font-size:15px!important;line-height:1.3!important}

/* Public/Admin headers */
.topbar h1,
.admin-topbar h1,
.v451-admin-title h3,
.v454-gallery-head h2{
  letter-spacing:-.01em;
}

/* Sidebar */
.sidebar{
  width:280px!important;
}
.sidebar .brand strong{
  font-size:16px!important;
}
.sidebar .brand span{
  font-size:12px!important;
}
.nav-title{
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.sidebar nav a{
  font-size:14px!important;
  min-height:44px!important;
  padding:11px 14px!important;
  gap:10px!important;
}

/* Main content sizing */
.main{
  min-width:0!important;
}
.card{
  border-radius:var(--hu-radius)!important;
}
.card,.islamic-shell,.v45-section{
  font-size:var(--hu-font-base)!important;
}

/* Forms */
.input,.select,.textarea,input[type="text"],input[type="email"],
input[type="password"],input[type="number"],input[type="date"],
input[type="time"],input[type="file"],select,textarea{
  font-size:14px!important;
  min-height:42px;
}
textarea{min-height:100px}
.btn,button{
  font-size:13px!important;
  min-height:38px;
  padding:9px 14px!important;
  border-radius:10px!important;
}

/* Tables */
.table{
  font-size:13px!important;
}
.table th{
  font-size:12px!important;
  padding:11px 10px!important;
}
.table td{
  font-size:13px!important;
  padding:12px 10px!important;
  vertical-align:middle!important;
}
.table-responsive,.hu-rbac-table-wrap,.hu-user-table-wrap{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* Badges/chips that were previously extremely small */
.release-badge,.page-chip,.islamic-tag,
.hu-self-badge,.hu-role-badge,.hu-status-badge,.hu-protected-label,
.hu-rbac-group,.v451-photo-controls small,
.v454-gallery-meta small{
  font-size:11px!important;
  line-height:1.25!important;
}

/* Cards / stats */
.v454-gallery-stat b,
.hu-rbac-current b{
  font-size:20px!important;
}
.v454-gallery-stat span,
.hu-role-card p,
.hu-role-card span{
  font-size:12px!important;
}

/* Public gallery / speaker */
.v42-gallery-item strong,
.v45-speaker-card h3{
  font-size:15px!important;
}
.v42-gallery-item .muted,
.v451-home-degree,
.v45-speaker-card p{
  font-size:12px!important;
}

/* Responsive grids */
.grid.two,
.v454-gallery-layout{
  gap:16px!important;
}

@media(max-width:1200px){
  .sidebar{width:250px!important}
  .main{padding-left:0!important}
}

@media(max-width:1024px){
  .grid.two,
  .v454-gallery-layout,
  .hu-role-cards{
    grid-template-columns:1fr 1fr!important;
  }
  .topbar{
    gap:12px!important;
  }
  .top-actions{
    min-width:0!important;
  }
}

@media(max-width:900px){
  body{font-size:14px!important}
  .sidebar{
    width:min(86vw,320px)!important;
  }
  .main{
    width:100%!important;
  }
  .topbar,.admin-topbar{
    padding:14px 16px!important;
  }
  .topbar h1,.admin-topbar h1{
    font-size:24px!important;
  }
  .grid.two,
  .v454-gallery-layout,
  .hu-role-cards{
    grid-template-columns:1fr!important;
  }
  .card{
    padding:16px!important;
  }
  .search{
    max-width:none!important;
  }
}

@media(max-width:640px){
  :root{
    --hu-font-sm:13px;
    --hu-font-base:14px;
  }
  h1{font-size:22px!important}
  h2{font-size:20px!important}
  h3{font-size:17px!important}
  .main{
    padding:0!important;
  }
  .topbar,.admin-topbar{
    padding:12px 14px!important;
    align-items:flex-start!important;
  }
  .top-actions{
    width:100%!important;
  }
  .search{
    width:100%!important;
  }
  .card{
    padding:14px!important;
    border-radius:12px!important;
  }
  .btn,button{
    font-size:13px!important;
    min-height:40px!important;
  }
  .input,.select,.textarea,input,select,textarea{
    font-size:16px!important; /* prevents mobile zoom */
  }
  .table{
    min-width:680px;
  }
  .v42-gallery{
    grid-template-columns:1fr!important;
  }
}

/* Very small devices */
@media(max-width:420px){
  .sidebar{width:92vw!important}
  .card{padding:12px!important}
  .topbar h1,.admin-topbar h1{font-size:21px!important}
  .nav-title{font-size:10px!important}
  .sidebar nav a{font-size:14px!important}
}

/* Accessibility: readable focus states */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(21,112,78,.28)!important;
  outline-offset:2px!important;
}



/* ============================================================
   HU V5.2.3 — ADMIN READABILITY OVERRIDE
   Specifically neutralizes legacy V4.9/V5.0 6–10px typography.
   ============================================================ */

/* Governance / intelligence / reporting / audit families */
[class^="v49"] p,[class*=" v49"] p,
[class^="v49"] span,[class*=" v49"] span,
[class^="v49"] small,[class*=" v49"] small,
[class^="v49"] label,[class*=" v49"] label,
[class^="v491"] p,[class*=" v491"] p,
[class^="v491"] span,[class*=" v491"] span,
[class^="v491"] small,[class*=" v491"] small,
[class^="v492"] p,[class*=" v492"] p,
[class^="v492"] span,[class*=" v492"] span,
[class^="v492"] small,[class*=" v492"] small,
[class^="v493"] p,[class*=" v493"] p,
[class^="v493"] span,[class*=" v493"] span,
[class^="v493"] small,[class*=" v493"] small,
[class^="v494"] p,[class*=" v494"] p,
[class^="v494"] span,[class*=" v494"] span,
[class^="v494"] small,[class*=" v494"] small,
[class^="v495"] p,[class*=" v495"] p,
[class^="v495"] span,[class*=" v495"] span,
[class^="v495"] small,[class*=" v495"] small,
[class^="v50"] p,[class*=" v50"] p,
[class^="v50"] span,[class*=" v50"] span,
[class^="v50"] small,[class*=" v50"] small{
  font-size:12.5px!important;
  line-height:1.5!important;
}

[class^="v49"] h4,[class*=" v49"] h4,
[class^="v491"] h4,[class*=" v491"] h4,
[class^="v492"] h4,[class*=" v492"] h4,
[class^="v493"] h4,[class*=" v493"] h4,
[class^="v494"] h4,[class*=" v494"] h4,
[class^="v495"] h4,[class*=" v495"] h4,
[class^="v50"] h4,[class*=" v50"] h4{
  font-size:15px!important;
  line-height:1.35!important;
}

[class^="v49"] h3,[class*=" v49"] h3,
[class^="v491"] h3,[class*=" v491"] h3,
[class^="v492"] h3,[class*=" v492"] h3,
[class^="v493"] h3,[class*=" v493"] h3,
[class^="v494"] h3,[class*=" v494"] h3,
[class^="v495"] h3,[class*=" v495"] h3,
[class^="v50"] h3,[class*=" v50"] h3{
  font-size:17px!important;
  line-height:1.3!important;
}

/* Ensure reporting tables are actually readable */
[class^="v49"] table,[class*=" v49"] table,
[class^="v491"] table,[class*=" v491"] table,
[class^="v492"] table,[class*=" v492"] table,
[class^="v493"] table,[class*=" v493"] table,
[class^="v494"] table,[class*=" v494"] table,
[class^="v495"] table,[class*=" v495"] table,
[class^="v50"] table,[class*=" v50"] table{
  font-size:12.5px!important;
}
[class^="v49"] td,[class*=" v49"] td,
[class^="v491"] td,[class*=" v491"] td,
[class^="v492"] td,[class*=" v492"] td,
[class^="v493"] td,[class*=" v493"] td,
[class^="v494"] td,[class*=" v494"] td,
[class^="v495"] td,[class*=" v495"] td,
[class^="v50"] td,[class*=" v50"] td{
  font-size:12.5px!important;
  padding:10px!important;
}
[class^="v49"] th,[class*=" v49"] th,
[class^="v491"] th,[class*=" v491"] th,
[class^="v492"] th,[class*=" v492"] th,
[class^="v493"] th,[class*=" v493"] th,
[class^="v494"] th,[class*=" v494"] th,
[class^="v495"] th,[class*=" v495"] th,
[class^="v50"] th,[class*=" v50"] th{
  font-size:12px!important;
  padding:10px!important;
}

/* KPI values: larger, labels readable */
[class*="score"] b,[class*="kpi"] b,[class*="metric"] b,
[class*="stat"] b,[class*="score"] strong,[class*="kpi"] strong{
  font-size:20px!important;
  line-height:1.1!important;
}
[class*="score"] span,[class*="kpi"] span,[class*="metric"] span,
[class*="stat"] span{
  font-size:12px!important;
}

/* Admin page shell and cards */
.admin-content,.admin-main,.main{
  font-size:14px!important;
}
.admin-content .card,.admin-main .card{
  padding:18px!important;
}
.admin-content .muted,.admin-main .muted{
  font-size:12.5px!important;
}

/* Wider laptop / desktop readability */
@media(min-width:1200px){
  .admin-content,.admin-main,.main{font-size:14px!important}
  .card{padding:18px!important}
}

/* Tablet */
@media(max-width:1100px){
  [class*="grid"]{
    min-width:0;
  }
  [class^="v49"],[class*=" v49"],
  [class^="v50"],[class*=" v50"]{
    min-width:0!important;
  }
}

/* Mobile: stack governance/reporting cards and keep tables scrollable */
@media(max-width:760px){
  [class^="v49"][class*="grid"],
  [class*=" v49"][class*="grid"],
  [class^="v50"][class*="grid"],
  [class*=" v50"][class*="grid"]{
    grid-template-columns:1fr!important;
  }
  [class^="v49"] table,[class*=" v49"] table,
  [class^="v50"] table,[class*=" v50"] table{
    min-width:720px;
  }
}


/* ============================================================
 HU V5.2.4 — COMFORT SIDEBAR
 Fix: sidebar no longer appears "hanging" when page scrolls.
 Sidebar stays full viewport height; only its menu area scrolls.
 ============================================================ */
@media (min-width: 981px){
  .sidebar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    height:100vh!important;
    max-height:100vh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    z-index:1000!important;
  }

  /* main document must remain beside the fixed sidebar */
  .main{
    margin-left:var(--sidebar-w, 280px)!important;
    min-height:100vh!important;
  }

  /* Comfortable scrollbar: discreet until needed */
  .sidebar::-webkit-scrollbar{width:6px}
  .sidebar::-webkit-scrollbar-track{background:transparent}
  .sidebar::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.22);
    border-radius:999px;
  }
  .sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
}

/* On smaller screens sidebar returns to mobile/off-canvas behavior */
@media (max-width:980px){
  .main{margin-left:0!important}
  .sidebar{
    max-height:100vh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
}


/* ============================================================
   HU PUBLIC HOME — ADMIN DASHBOARD MASTER ALIGNMENT
   Source master: CURRENT production Admin supplied by user.
   Scope: Public Beranda ONLY (.hu-public-admin-dashboard-style)
   Admin files/layout are not modified.
   ============================================================ */

/* The key correction: remove the old centered 1240px public canvas.
   Public now occupies the same working canvas as Admin Dashboard. */
.hu-public-admin-dashboard-style.islamic-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Hero uses the exact generation/proportions of Admin smart-hero. */
.hu-public-admin-dashboard-style .v45-hero{
  width:100%!important;
  border-radius:20px!important;
  padding:24px!important;
  margin:0!important;
  background:linear-gradient(135deg,#0f4938,#17664c 58%,#278463)!important;
  box-shadow:0 18px 40px rgba(18,82,61,.14)!important;
}
.hu-public-admin-dashboard-style .v45-hero:before{
  right:22px!important;
  top:-20px!important;
  font-size:86px!important;
}
.hu-public-admin-dashboard-style .v45-hero-grid{
  grid-template-columns:1.55fr .75fr!important;
  gap:18px!important;
}
.hu-public-admin-dashboard-style .v45-bismillah{
  font-size:18px!important;
}
.hu-public-admin-dashboard-style .v45-hero h1{
  font-size:28px!important;
  line-height:1.18!important;
  margin:6px 0 9px!important;
  max-width:none!important;
}
.hu-public-admin-dashboard-style .v45-hero p{
  font-size:13px!important;
  line-height:1.6!important;
  margin:0 0 15px!important;
  max-width:none!important;
}
.hu-public-admin-dashboard-style .v45-next-card{
  border-radius:16px!important;
  padding:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* KPI strip follows Admin smart-kpis density, width and rhythm. */
.hu-public-admin-dashboard-style .v45-stat-strip{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:15px 0!important;
}
.hu-public-admin-dashboard-style .v45-stat{
  border-radius:14px!important;
  padding:14px!important;
  box-shadow:0 8px 24px rgba(31,62,50,.05)!important;
}
.hu-public-admin-dashboard-style .v45-stat small{
  font-size:12px!important;
}
.hu-public-admin-dashboard-style .v45-stat b{
  font-size:25px!important;
  margin:5px 0!important;
}
.hu-public-admin-dashboard-style .v45-stat span{
  font-size:12px!important;
}

/* Sections now use the Admin dashboard full-width content rhythm. */
.hu-public-admin-dashboard-style .v45-section{
  width:100%!important;
  margin-top:14px!important;
}
.hu-public-admin-dashboard-style .v45-section-head{
  margin-bottom:12px!important;
}
.hu-public-admin-dashboard-style .v45-section-head h2{
  font-size:20px!important;
}
.hu-public-admin-dashboard-style .v45-section-head p{
  font-size:13px!important;
}

/* Knowledge cards retain public content, but adopt Admin card geometry. */
.hu-public-admin-dashboard-style .v45-knowledge-grid{
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.hu-public-admin-dashboard-style .v45-knowledge-card{
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(31,62,50,.055)!important;
}
.hu-public-admin-dashboard-style .v45-knowledge-cover{
  height:105px!important;
}
.hu-public-admin-dashboard-style .v45-knowledge-body{
  padding:16px!important;
}
.hu-public-admin-dashboard-style .v45-knowledge-body h3{
  font-size:17px!important;
  line-height:1.25!important;
}
.hu-public-admin-dashboard-style .v45-knowledge-body p{
  font-size:12px!important;
}

/* Speaker / utility sections use the same edge-to-edge working width. */
.hu-public-admin-dashboard-style .v45-speaker-grid,
.hu-public-admin-dashboard-style .v46-home-tools{
  width:100%!important;
}
.hu-public-admin-dashboard-style .v45-speaker-card,
.hu-public-admin-dashboard-style .v46-home-tool{
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(31,62,50,.055)!important;
}

/* Public intelligence and community panels align with Admin cards. */
.hu-public-admin-dashboard-style .v49-public-intel,
.hu-public-admin-dashboard-style .v45-community-box{
  width:100%!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(31,62,50,.055)!important;
}

/* Responsive rules mirror Admin dashboard breakpoints. */
@media(max-width:1200px){
  .hu-public-admin-dashboard-style .v45-stat-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:950px){
  .hu-public-admin-dashboard-style .v45-hero-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:850px){
  .hu-public-admin-dashboard-style .v45-knowledge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:650px){
  .hu-public-admin-dashboard-style .v45-hero{
    padding:18px!important;
    border-radius:16px!important;
  }
  .hu-public-admin-dashboard-style .v45-hero h1{
    font-size:24px!important;
  }
  .hu-public-admin-dashboard-style .v45-stat-strip,
  .hu-public-admin-dashboard-style .v45-knowledge-grid,
  .hu-public-admin-dashboard-style .v45-speaker-grid{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   HU V5.3.1 — ALL PUBLIC PAGES MATCH CURRENT ADMIN DASHBOARD
   Extends the user-approved V5.3.0 Beranda alignment.
   Scope: secondary PUBLIC pages only.
   Admin remains untouched.
   ============================================================ */

.hu-public-secondary-admin-style{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Generic public page header follows Admin header/card rhythm */
.hu-public-secondary-admin-style .page-head,
.hu-public-secondary-admin-style .section-head,
.hu-public-secondary-admin-style .islamic-page-head,
.hu-public-secondary-admin-style .v45-section-head{
  width:100%!important;
  margin:0 0 14px!important;
}
.hu-public-secondary-admin-style .page-head h1,
.hu-public-secondary-admin-style .islamic-page-head h1,
.hu-public-secondary-admin-style .section-head h1{
  font-size:28px!important;
  line-height:1.18!important;
  margin:0 0 4px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
.hu-public-secondary-admin-style .page-head p,
.hu-public-secondary-admin-style .islamic-page-head p,
.hu-public-secondary-admin-style .section-head p{
  font-size:13px!important;
  line-height:1.55!important;
  color:#7b8493!important;
}

/* Cards adopt exact dashboard generation */
.hu-public-secondary-admin-style .card,
.hu-public-secondary-admin-style .islamic-card,
.hu-public-secondary-admin-style .content-card,
.hu-public-secondary-admin-style .tool-card,
.hu-public-secondary-admin-style .archive-card,
.hu-public-secondary-admin-style .speaker-card,
.hu-public-secondary-admin-style .gallery-card,
.hu-public-secondary-admin-style .video-card,
.hu-public-secondary-admin-style [class*="-panel"]{
  border-radius:16px!important;
  border:1px solid #e4e9e6!important;
  box-shadow:0 10px 28px rgba(31,62,50,.055)!important;
  background:#fff!important;
}

/* Grid widths and spacing now mirror Admin working canvas */
.hu-public-secondary-admin-style .grid,
.hu-public-secondary-admin-style [class*="-grid"]{
  width:100%!important;
  gap:14px!important;
}
.hu-public-secondary-admin-style .grid.two,
.hu-public-secondary-admin-style .two-column,
.hu-public-secondary-admin-style .two-col{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.hu-public-secondary-admin-style .grid.three,
.hu-public-secondary-admin-style .three-column,
.hu-public-secondary-admin-style .three-col{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Lists / agenda / archive use compact dashboard density */
.hu-public-secondary-admin-style .agenda-item,
.hu-public-secondary-admin-style .archive-item,
.hu-public-secondary-admin-style .list-item,
.hu-public-secondary-admin-style .knowledge-item{
  border-radius:14px!important;
  padding:15px!important;
  box-shadow:0 8px 24px rgba(31,62,50,.045)!important;
}
.hu-public-secondary-admin-style .agenda-item h3,
.hu-public-secondary-admin-style .archive-item h3,
.hu-public-secondary-admin-style .knowledge-item h3{
  font-size:16px!important;
  line-height:1.35!important;
}
.hu-public-secondary-admin-style .agenda-item p,
.hu-public-secondary-admin-style .archive-item p,
.hu-public-secondary-admin-style .knowledge-item p{
  font-size:12px!important;
  line-height:1.55!important;
}

/* Tables match Admin */
.hu-public-secondary-admin-style .table-wrap,
.hu-public-secondary-admin-style .table-responsive{
  width:100%!important;
  overflow-x:auto!important;
  border-radius:14px!important;
}
.hu-public-secondary-admin-style table{
  width:100%!important;
}
.hu-public-secondary-admin-style table th{
  font-size:11px!important;
  font-weight:800!important;
  padding:11px 12px!important;
}
.hu-public-secondary-admin-style table td{
  font-size:12px!important;
  padding:11px 12px!important;
}

/* Forms match Admin control proportions */
.hu-public-secondary-admin-style .input,
.hu-public-secondary-admin-style .select,
.hu-public-secondary-admin-style .textarea,
.hu-public-secondary-admin-style input[type="text"],
.hu-public-secondary-admin-style input[type="search"],
.hu-public-secondary-admin-style input[type="date"],
.hu-public-secondary-admin-style select,
.hu-public-secondary-admin-style textarea{
  min-height:42px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.hu-public-secondary-admin-style .btn,
.hu-public-secondary-admin-style button{
  min-height:38px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:700!important;
}

/* Media cards */
.hu-public-secondary-admin-style .video-grid,
.hu-public-secondary-admin-style .gallery-grid,
.hu-public-secondary-admin-style .speaker-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.hu-public-secondary-admin-style .video-card img,
.hu-public-secondary-admin-style .gallery-card img,
.hu-public-secondary-admin-style .speaker-card img{
  border-radius:12px!important;
}
.hu-public-secondary-admin-style .video-card h3,
.hu-public-secondary-admin-style .gallery-card h3,
.hu-public-secondary-admin-style .speaker-card h3{
  font-size:16px!important;
  line-height:1.35!important;
}

/* Islamic tools use same dashboard card hierarchy */
.hu-public-secondary-admin-style .tool-grid,
.hu-public-secondary-admin-style .islamic-tools-grid,
.hu-public-secondary-admin-style .prayer-grid,
.hu-public-secondary-admin-style .asmaul-grid,
.hu-public-secondary-admin-style .doa-grid{
  width:100%!important;
  gap:14px!important;
}
.hu-public-secondary-admin-style .tool-card,
.hu-public-secondary-admin-style .prayer-card,
.hu-public-secondary-admin-style .asmaul-card,
.hu-public-secondary-admin-style .doa-card{
  border-radius:16px!important;
  padding:16px!important;
}
.hu-public-secondary-admin-style .tool-card h3,
.hu-public-secondary-admin-style .prayer-card h3,
.hu-public-secondary-admin-style .asmaul-card h3,
.hu-public-secondary-admin-style .doa-card h3{
  font-size:15px!important;
}
.hu-public-secondary-admin-style .tool-card p,
.hu-public-secondary-admin-style .prayer-card p,
.hu-public-secondary-admin-style .asmaul-card p,
.hu-public-secondary-admin-style .doa-card p{
  font-size:12px!important;
  line-height:1.55!important;
}

/* Detail/article pages */
.hu-public-secondary-admin-style .article,
.hu-public-secondary-admin-style .article-card,
.hu-public-secondary-admin-style .detail-card{
  width:100%!important;
  max-width:none!important;
}
.hu-public-secondary-admin-style .article h1,
.hu-public-secondary-admin-style .detail-card h1{
  font-size:28px!important;
  line-height:1.25!important;
}
.hu-public-secondary-admin-style .article p,
.hu-public-secondary-admin-style .detail-card p{
  font-size:13px!important;
  line-height:1.7!important;
}

/* Responsive behavior consistent with Admin */
@media(max-width:1100px){
  .hu-public-secondary-admin-style .video-grid,
  .hu-public-secondary-admin-style .gallery-grid,
  .hu-public-secondary-admin-style .speaker-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:850px){
  .hu-public-secondary-admin-style .grid.two,
  .hu-public-secondary-admin-style .two-column,
  .hu-public-secondary-admin-style .two-col,
  .hu-public-secondary-admin-style .grid.three,
  .hu-public-secondary-admin-style .three-column,
  .hu-public-secondary-admin-style .three-col{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:650px){
  .hu-public-secondary-admin-style .page-head h1,
  .hu-public-secondary-admin-style .islamic-page-head h1,
  .hu-public-secondary-admin-style .section-head h1{
    font-size:23px!important;
  }
  .hu-public-secondary-admin-style .video-grid,
  .hu-public-secondary-admin-style .gallery-grid,
  .hu-public-secondary-admin-style .speaker-grid{
    grid-template-columns:1fr!important;
  }
  .hu-public-secondary-admin-style .card,
  .hu-public-secondary-admin-style .islamic-card,
  .hu-public-secondary-admin-style .content-card,
  .hu-public-secondary-admin-style .tool-card{
    border-radius:14px!important;
  }
}


/* ============================================================
   HU V5.3.3 — DIRECT PUBLIC FULL-WIDTH FIX
   This corrects the issue where previous selectors did not hit
   the actual page roots. Every target page now carries the class
   hu-public-admin-master directly on its islamic-shell root.
   ============================================================ */

/* DIRECT ROOT OVERRIDE: same usable canvas width as approved Admin */
.islamic-shell.hu-public-admin-master{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
}

/* Neutralize historical shell max-widths */
.islamic-shell.hu-public-admin-master.v452-speaker-directory,
.islamic-shell.hu-public-admin-master.v46-tools-shell,
.islamic-shell.hu-public-admin-master.v46b-shell,
.islamic-shell.hu-public-admin-master.v46c-shell,
.islamic-shell.hu-public-admin-master.v47-shell,
.islamic-shell.hu-public-admin-master.v48-shell,
.islamic-shell.hu-public-admin-master.v48c-shell,
.islamic-shell.hu-public-admin-master.v48d-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
}

/* Expand the actual page heroes seen in production */
.hu-public-admin-master .v452-directory-hero,
.hu-public-admin-master .v46-tools-hero,
.hu-public-admin-master .v46b-hero,
.hu-public-admin-master .v46c-hero,
.hu-public-admin-master .v47-hero,
.hu-public-admin-master .v48-hero,
.hu-public-admin-master .v48c-hero,
.hu-public-admin-master .v48d-hero{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

/* Expand real content grids */
.hu-public-admin-master .v452-directory-grid,
.hu-public-admin-master .v46-prayer-grid,
.hu-public-admin-master .v46b-reader-grid,
.hu-public-admin-master .v46c-grid,
.hu-public-admin-master .v47-grid,
.hu-public-admin-master .v48-grid,
.hu-public-admin-master .v48c-two,
.hu-public-admin-master .v48d-grid{
    width:100%!important;
    max-width:none!important;
}

/* Speaker directory: same wide dashboard density */
.hu-public-admin-master .v452-speaker-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
}

/* Islamic tool cards use broad dashboard workspace */
.hu-public-admin-master .v46-tools-hero,
.hu-public-admin-master .v46c-hero,
.hu-public-admin-master .v47-hero,
.hu-public-admin-master .v48-hero,
.hu-public-admin-master .v48c-hero,
.hu-public-admin-master .v48d-hero{
    border-radius:18px!important;
}

/* Preserve page-specific layout while removing center constriction */
.hu-public-admin-master .v46-qibla-layout,
.hu-public-admin-master .v46b-reader-layout,
.hu-public-admin-master .v46c-translator-grid,
.hu-public-admin-master .v47-grid,
.hu-public-admin-master .v48-grid,
.hu-public-admin-master .v48c-two,
.hu-public-admin-master .v48d-grid{
    max-width:none!important;
}

/* Asmaul Husna and prayer cards can exploit the wider canvas */
.hu-public-admin-master .v46c-asmaul-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.hu-public-admin-master .v46-prayer-times{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

/* Admin-like heading scale */
.hu-public-admin-master h1{
    font-size:30px!important;
    line-height:1.15!important;
}
.hu-public-admin-master h2{
    font-size:22px!important;
    line-height:1.2!important;
}

/* Responsive */
@media(max-width:1200px){
  .hu-public-admin-master .v452-speaker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .hu-public-admin-master .v46c-asmaul-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .islamic-shell.hu-public-admin-master{padding-left:12px!important;padding-right:12px!important;}
  .hu-public-admin-master .v452-speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hu-public-admin-master .v46c-asmaul-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:650px){
  .islamic-shell.hu-public-admin-master{padding-left:8px!important;padding-right:8px!important;}
  .hu-public-admin-master .v452-speaker-grid,
  .hu-public-admin-master .v46c-asmaul-grid{grid-template-columns:1fr!important;}
  .hu-public-admin-master h1{font-size:24px!important;}
}


/* ============================================================
   HU V5.3.8 — Kalender Hijriah Portrait Title Alignment
   Portrait phone only: center "September 2026 · Rabiulawal 1448 H"
   Landscape and tablet/desktop remain unchanged.
   ============================================================ */
@media (max-width: 768px) and (orientation: portrait){
  #calendarTitle{
    text-align:center !important;
    width:100% !important;
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* HU V5.4.1 — Public Sidebar Install App */
.hu-sidebar-install-btn{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  text-align:left;
}
.hu-sidebar-install-btn:hover{
  background:rgba(255,255,255,.08);
}
.hu-sidebar-install-btn.is-ready{
  background:rgba(255,255,255,.10);
}
.hu-sidebar-install-btn.is-installed{
  opacity:.68;
  cursor:default;
}
.hu-sidebar-install-btn .hu-icon{
  flex:0 0 auto;
}

/* HU V5.4.2 — install button readiness */
.hu-sidebar-install-btn.is-ready::after{
  content:'';
  width:7px;height:7px;border-radius:50%;
  background:currentColor;opacity:.8;margin-left:auto;
}


/* HU V5.4.4 — PWA install success / home icon guidance */
.hu-install-modal[hidden]{display:none!important}
.hu-install-modal{
  position:fixed;inset:0;z-index:99999;
  background:rgba(3,22,17,.72);
  display:grid;place-items:center;padding:20px;
}
.hu-install-modal-card{
  width:min(520px,100%);background:#fff;color:#18342c;
  border-radius:18px;padding:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.hu-install-modal-card h3{margin:0 0 10px}
.hu-install-modal-card p{margin:8px 0 14px;line-height:1.6}
.hu-install-modal-card .btn{width:100%;margin-top:4px}