:root{--green:#0f5b47;--green2:#17735a;--gold:#d9b44a;--cream:#f8f3e7;--paper:#fffdf8;--ink:#17342c;--muted:#6c7f79;--line:#e6e0d2;--danger:#b93a3a;--warn:#b77c11;--ok:#18794e;--info:#2f6fa3;--radius:20px;--shadow:0 10px 30px rgba(17,64,51,.10)}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fdfaf3 0,#f7f1e4 100%);min-height:100vh}.topbar{position:sticky;top:0;z-index:20;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:rgba(255,253,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,180,74,.22);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#27876c,var(--green));color:#fff;font-weight:900;box-shadow:0 6px 16px rgba(15,91,71,.22);border:2px solid #e5c765}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;gap:8px}.icon-btn,.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:800}.avatar{background:var(--green);color:white}.app-shell{max-width:1100px;margin:0 auto;padding:22px 16px 96px}.hero{background:linear-gradient(135deg,var(--green),#1c745b 70%,#2c846a);color:#fff;border-radius:28px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:210px;height:210px;border:28px solid rgba(255,255,255,.07);border-radius:50%;right:-90px;top:-80px}.hero .eyebrow{color:#f4dda0;font-weight:800;font-size:13px}.hero h1{margin:6px 0 6px;font-size:clamp(25px,5vw,38px)}.hero p{margin:0;color:#e9f3ef;max-width:650px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section h2{font-size:20px;margin:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 6px 20px rgba(43,70,60,.06)}.action-card{display:flex;gap:14px;align-items:flex-start}.action-icon{min-width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:#edf6f1}.action-card h3,.metric h3{margin:0 0 5px;font-size:16px}.action-card p,.metric p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;border-radius:14px;border:0;background:var(--green);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn.gold{background:var(--gold);color:#2d2b20}.btn.light{background:#eef5f1;color:var(--green)}.btn.outline{background:#fff;color:var(--green);border:1px solid #bad3ca}.btn.danger{background:var(--danger)}.btn.wide{width:100%}.status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.status.ok{background:#e6f4ec;color:var(--ok)}.status.warn{background:#fff2d8;color:#8c5e09}.status.danger{background:#fae8e8;color:var(--danger)}.status.info{background:#e8f0f8;color:var(--info)}.metric strong{display:block;font-size:30px;margin-bottom:4px}.progress{height:12px;border-radius:999px;background:#e9e7de;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--green),#42a17f);border-radius:inherit}.form-card{max-width:760px;margin:20px auto;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}label{display:block;font-weight:800;margin:14px 0 7px}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8d6cb;border-radius:14px;padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#6eaa94;box-shadow:0 0 0 4px rgba(23,115,90,.10)}textarea{min-height:110px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flash{padding:13px 15px;border-radius:14px;margin:0 0 14px;font-weight:700}.flash.success{background:#e6f4ec;color:var(--ok)}.flash.error{background:#fae8e8;color:var(--danger)}.flash.info{background:#e8f0f8;color:var(--info)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(255,253,248,.97);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:space-around}.bottom-nav a{flex:1;max-width:120px;text-decoration:none;color:#61756e;text-align:center;font-size:11px;padding:6px 3px;border-radius:12px}.bottom-nav span{display:block;font-size:21px;line-height:1}.bottom-nav b{display:block;margin-top:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:13px 12px;border-bottom:1px solid #eee9dd;text-align:left;white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.wizard{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.wizard .step{min-width:130px;padding:10px 12px;border-radius:14px;background:#efece3;color:#6e7d77;font-weight:800;font-size:12px}.wizard .step.active{background:var(--green);color:#fff}.wizard .step.done{background:#e5f3ec;color:var(--ok)}.notice{border-left:4px solid var(--gold);background:#fff8df;padding:14px 15px;border-radius:12px}.empty{text-align:center;padding:28px;color:var(--muted)}.kicker{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:rgba(255,253,248,.96);border:1px solid #eadfbf;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.login-logo{text-align:center;margin-bottom:20px}.login-logo .brand-mark{margin:0 auto 10px;width:64px;height:64px;border-radius:22px;font-size:26px}.install-banner{display:none;margin-top:14px}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eee9dd}.list-item:last-child{border-bottom:0}.muted{color:var(--muted)}@media(max-width:760px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.form-row{grid-template-columns:1fr}.app-shell{padding-top:14px}.hero{padding:20px;border-radius:22px}.card{padding:16px}.desktop-only{display:none}}@media(min-width:900px){.bottom-nav{width:520px;left:50%;right:auto;transform:translateX(-50%);bottom:14px;border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:var(--shadow)}}

/* v0.1.1 — refreshed identity, login and usability */
.brand-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(15,91,71,.18))}.grow{flex:1;min-width:0}.page-intro{margin:7px 0 0;max-width:700px}.section-head.mini{margin-bottom:12px}.section-head.mini h3{margin:0}.text-link{font-weight:800;color:var(--green);text-decoration:none}.form-note{font-size:12px;color:var(--muted);margin-top:6px}.small-notice{font-size:13px}.progress.compact{height:9px;margin:13px 0}.action-card .btn{margin-top:13px}.action-card.priority{border-color:#dfcf9f;background:linear-gradient(135deg,#fffdf8,#fff9e8)}.action-title-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;min-height:178px}.hero-logo{width:126px;height:126px;object-fit:contain;opacity:.24;filter:grayscale(.15) brightness(1.7)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{display:flex;flex-direction:column;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;text-decoration:none;color:var(--ink);box-shadow:0 6px 20px rgba(43,70,60,.05);transition:.18s ease}.quick-card:hover{transform:translateY(-2px);border-color:#d9c687}.quick-card>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf6f1;color:var(--green);font-size:22px;font-weight:900}.quick-card b{margin-top:4px}.quick-card small{color:var(--muted);font-size:12px}.halaqah-status-list{padding-top:5px;padding-bottom:5px}.halaqah-row,.user-row,.org-row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #eee9dd}.halaqah-row:last-child,.user-row:last-child,.org-row:last-child{border-bottom:0}.halaqah-badge,.user-avatar,.org-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#eaf4ef;color:var(--green);font-weight:900}.user-avatar{background:var(--green);color:#fff}.org-icon{background:#fff6dc;color:#8b650d}.tiny-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tiny-row .status{padding:4px 8px;font-size:10px}.admin-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.row-menu{position:relative}.row-menu summary{list-style:none;width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:22px}.row-menu summary::-webkit-details-marker{display:none}.row-menu-box{position:absolute;right:0;top:44px;z-index:15;width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--shadow)}.menu-action{width:100%;border:0;background:#f4f7f5;color:var(--ink);border-radius:10px;min-height:40px;padding:8px 10px;font-weight:800;text-align:left;cursor:pointer}.reset-form{display:grid;gap:6px;margin-top:7px}.reset-form input{padding:9px 10px;border-radius:10px}.icon-mini{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:#fff;cursor:pointer}.bottom-nav a.active{color:var(--green);background:#edf6f1}.bottom-nav a.active span{font-weight:900}

.login-page{background:#233a32;overflow-x:hidden}.login-scene{position:fixed;inset:-18px;background-image:url('../img/login-bg.jpg');background-size:cover;background-position:center;filter:blur(2px) saturate(.85);transform:scale(1.04);z-index:0}.login-shade{position:fixed;inset:0;z-index:1;background:linear-gradient(115deg,rgba(7,54,42,.38),rgba(15,91,71,.10) 48%,rgba(78,47,20,.25)),linear-gradient(180deg,rgba(255,247,227,.12),rgba(20,36,31,.25))}.login-wrap{position:relative;z-index:2;min-height:100svh;display:grid;place-items:center;padding:28px 18px calc(28px + env(safe-area-inset-bottom))}.login-card{position:relative;overflow:hidden;width:min(470px,100%);background:rgba(255,253,248,.965);border:1px solid rgba(226,199,116,.72);border-radius:28px;padding:28px 30px 24px;box-shadow:0 28px 70px rgba(16,35,29,.26),0 3px 10px rgba(16,35,29,.12);backdrop-filter:blur(16px)}.login-card.compact-login{max-width:430px}.login-accent{position:absolute;pointer-events:none}.login-accent-top{left:-36px;top:-43px;width:155px;height:88px;border-radius:0 0 100% 0;background:linear-gradient(145deg,var(--green),#26745d 55%,var(--gold) 57%,var(--gold) 65%,transparent 67%);transform:rotate(-4deg)}.login-accent-bottom{right:-46px;bottom:-47px;width:175px;height:102px;border-radius:100% 0 0 0;background:linear-gradient(330deg,var(--green),#26745d 52%,var(--gold) 54%,var(--gold) 61%,transparent 63%)}.login-logo{position:relative;text-align:center;margin-bottom:18px}.login-logo-img{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 4px;filter:drop-shadow(0 5px 8px rgba(14,75,58,.16))}.login-logo-img.small{width:82px;height:82px}.login-logo h1{margin:0;color:#103b30;font-size:25px;line-height:1.15;letter-spacing:.015em}.login-logo h1 span{font-style:italic;color:#b88a20;font-family:Georgia,serif;font-weight:600}.login-logo .kicker{margin-top:6px;font-size:12px}.login-logo p{margin:8px auto 0;color:#537068;font-size:14px}.brand-divider{display:flex;align-items:center;justify-content:center;gap:8px;margin:9px auto 0;width:70%}.brand-divider i{height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:1}.brand-divider i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.brand-divider b{font-size:10px;color:#b88a20}.login-form label{font-size:14px;margin-top:13px}.input-icon{position:relative}.input-icon>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--green);font-size:20px;z-index:1}.input-icon input{padding-left:48px;padding-right:46px;min-height:51px;background:#f6f9ff;border-color:#cfd8df}.password-peek{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#5f756e;cursor:pointer}.login-submit{margin-top:19px;min-height:52px;background:linear-gradient(180deg,#16745a,#0f5b47);border:1px solid #d2a82e;box-shadow:0 7px 16px rgba(15,91,71,.17)}.login-submit span{font-size:22px}.login-card .install-banner{margin-top:11px}.login-card .install-banner .btn{min-height:50px;background:rgba(255,255,255,.64)}.login-help{text-align:center;color:#71817c;font-size:11px;line-height:1.45;margin:15px 16px 0}.login-page .flash{font-size:13px}

@media(max-width:760px){.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.dashboard-hero{min-height:160px}.hero-logo{width:95px;height:95px}.login-card{padding:24px 20px 21px;border-radius:24px}.login-logo-img{width:100px;height:100px}.login-logo h1{font-size:23px}.login-scene{background-position:48% center}.halaqah-row,.user-row,.org-row{align-items:flex-start}.halaqah-row>.status{margin-left:auto}.row-menu{margin-left:auto}}
@media(max-width:430px){.login-wrap{padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.login-card{padding:21px 18px 18px}.login-logo{margin-bottom:13px}.login-logo-img{width:90px;height:90px}.login-logo p{font-size:13px}.input-icon input{min-height:49px}.dashboard-hero .hero-logo{display:none}.quick-card{padding:15px}}

/* v0.1.2 — dashboard refinement, desktop navigation and clearer hierarchy */
body{background:
  radial-gradient(circle at 12% 8%,rgba(217,180,74,.10),transparent 24%),
  radial-gradient(circle at 92% 20%,rgba(15,91,71,.08),transparent 28%),
  linear-gradient(180deg,#fdfaf3 0,#f7f1e4 100%)}
.topbar{padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:rgba(255,253,248,.94);box-shadow:0 1px 0 rgba(55,72,65,.04)}
.topbar-inner{width:min(1320px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{flex:0 0 auto}.brand-logo{width:48px;height:48px}.brand b{font-size:16px;letter-spacing:.01em}.brand small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8a927f}
.desktop-nav{display:flex;align-items:center;gap:6px;padding:5px;background:#f5f1e7;border:1px solid #ece5d7;border-radius:16px}
.desktop-nav a{min-height:38px;display:flex;align-items:center;padding:0 14px;border-radius:11px;text-decoration:none;color:#60746d;font-size:13px;font-weight:800;transition:.16s ease}
.desktop-nav a:hover{color:var(--green);background:#fff}.desktop-nav a.active{background:#fff;color:var(--green);box-shadow:0 4px 14px rgba(28,72,58,.08)}
.top-actions{align-items:center}.notification-button{position:relative;background:#fffaf0}.notification-dot{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#b94438;color:#fff;font-size:10px;border:2px solid #fffdf8}
.profile-chip{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:15px;background:#fff;text-decoration:none;color:var(--ink);min-height:48px}
.profile-chip .avatar{width:38px;height:38px;border-radius:11px}.profile-copy{display:block;max-width:150px}.profile-copy b,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy b{font-size:12px}.profile-copy small{font-size:10px;color:var(--muted);margin-top:2px}
.app-shell{max-width:1320px;padding:28px 22px 54px}
.dashboard-hero{min-height:230px;padding:34px 38px;border-radius:30px;background:linear-gradient(118deg,#0c5743 0%,#167158 62%,#21836a 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(19,68,54,.16)}
.dashboard-hero:before{content:"";position:absolute;inset:auto auto -85px -70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(217,180,74,.16),transparent 66%)}
.dashboard-hero:after{width:280px;height:280px;border-width:34px;right:-95px;top:-100px}
.hero-copy{position:relative;z-index:2;max-width:760px}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.hero-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(244,221,160,.18);border:1px solid rgba(244,221,160,.30);color:#ffe7a8;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hero-chip.soft{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);color:#edf8f4}.dashboard-hero h1{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.025em;margin:0 0 10px}.dashboard-hero p{font-size:15px;line-height:1.65;max-width:690px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-primary{background:#fff;color:var(--green);box-shadow:0 8px 20px rgba(0,0,0,.12)}.hero-secondary{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(5px)}
.hero-visual{position:relative;width:220px;height:180px;display:grid;place-items:center;flex:0 0 220px}.hero-logo{position:relative;z-index:2;width:142px;height:142px;opacity:.42;filter:brightness(1.6) saturate(.8)}.orbit{position:absolute;border:1px solid rgba(255,233,167,.22);border-radius:50%}.orbit-a{width:185px;height:185px}.orbit-b{width:118px;height:118px;border-style:dashed;transform:rotate(18deg)}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.metric-card{position:relative;overflow:hidden;min-height:150px;padding:18px 19px;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,248,.94);box-shadow:0 7px 22px rgba(43,70,60,.055)}.metric-card:after{content:"";position:absolute;right:-24px;bottom:-28px;width:90px;height:90px;border-radius:50%;background:rgba(15,91,71,.045)}.metric-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.metric-top small{font-weight:800;color:#667972}.metric-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf6f1;color:var(--green);font-weight:900}.metric-card strong{display:block;font-size:34px;line-height:1;color:#123c31;margin:8px 0}.metric-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.metric-success{border-top:3px solid #3a9b70}.metric-success .metric-icon{background:#e5f4ea;color:#18794e}.metric-gold{border-top:3px solid #d3ad3f}.metric-gold .metric-icon{background:#fff3d6;color:#94670c}.metric-alert{border-top:3px solid #c95a4d}.metric-alert .metric-icon{background:#fae9e6;color:#a83e34}.metric-green{border-top:3px solid var(--green)}.metric-soft{border-top:3px solid #a8b8b1}
.section{margin-top:28px}.section-head{margin-bottom:13px}.section h2{font-size:22px;letter-spacing:-.01em}.section-subtitle{margin:5px 0 0;color:var(--muted);font-size:13px}.kicker{color:#bd901d}.action-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.action-grid>.calm-card:nth-child(3){grid-column:2}.card{border-color:#e8e1d4;box-shadow:0 7px 24px rgba(43,70,60,.055)}.action-card{min-height:165px;padding:20px}.action-card.priority{background:linear-gradient(140deg,#fffdf8,#fff8e8);border-color:#e3d1a2}.calm-card{background:linear-gradient(145deg,#fffdf9,#f9fcfa)}.action-icon{min-width:50px;height:50px;background:linear-gradient(145deg,#eef7f2,#e4f0eb);color:var(--green);font-weight:900}.action-card h3{font-size:17px}.action-card p{font-size:13px;line-height:1.55}.setup-card{grid-column:1;display:flex;align-items:center;gap:20px;min-height:195px;padding:24px;background:linear-gradient(135deg,#fffaf0,#fffdf8);border-color:#e5d19a}.setup-illustration{flex:0 0 72px;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),#248068);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 25px rgba(15,91,71,.18);border:2px solid #e1c45d}.setup-card h3{font-size:20px;margin:10px 0 6px}.setup-card p{margin:0;color:var(--muted);line-height:1.55}.setup-steps{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.setup-steps span{display:inline-flex;align-items:center;gap:6px;background:#f3f6f3;border:1px solid #e3e8e4;border-radius:999px;padding:6px 9px;font-size:11px;color:#61736d;font-weight:700}.setup-steps b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:10px}.halaqah-status-list{padding:6px 18px}.halaqah-row{padding:15px 4px}.halaqah-badge{width:46px;height:46px;flex-basis:46px;background:linear-gradient(145deg,#ecf6f1,#dfeee7);border:1px solid #d7e8e0}.mini-progress{width:min(260px,100%);height:5px;border-radius:999px;background:#ece9e0;margin-top:7px;overflow:hidden}.mini-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#49a382)}.empty-state{text-align:center;padding:38px 20px}.empty-state-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf5ef,#dcebe4);border:1px solid #d4e4dd;color:var(--green);font-size:24px;font-weight:900}.empty-state h3{margin:0 0 6px;font-size:18px}.empty-state p{max-width:520px;margin:0 auto 16px;color:var(--muted);font-size:13px;line-height:1.55}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.quick-card{position:relative;min-height:145px;padding:19px 18px;background:linear-gradient(145deg,#fffdf8,#fbf8f0)}.quick-card>span{width:48px;height:48px}.quick-card em{position:absolute;right:17px;top:17px;font-style:normal;color:#a0afa9;font-size:18px;transition:.16s}.quick-card:hover em{transform:translateX(3px);color:var(--green)}.quick-card b{font-size:15px}.quick-card small{line-height:1.4}

@media(min-width:901px){.bottom-nav{display:none}.app-shell{padding-bottom:54px}}
@media(max-width:1040px){.desktop-nav a{padding:0 10px}.profile-copy{display:none}.profile-chip{padding-right:4px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.desktop-nav{display:none}.profile-chip{border:0;background:transparent;padding:0}.profile-chip .avatar{width:42px;height:42px;border-radius:14px}.profile-copy{display:none}.app-shell{padding:18px 16px 100px}.dashboard-hero{min-height:198px;padding:27px 26px}.hero-visual{width:160px;flex-basis:160px}.hero-logo{width:112px;height:112px}.orbit-a{width:150px;height:150px}.orbit-b{width:95px;height:95px}.action-grid{grid-template-columns:1fr}.setup-card{grid-column:auto}.action-grid>.calm-card:nth-child(3){grid-column:auto}}
@media(max-width:650px){.topbar{padding-left:12px;padding-right:12px}.topbar-inner{gap:8px}.brand-logo{width:43px;height:43px}.brand b{font-size:14px}.brand small{font-size:9px}.notification-button{width:40px;height:40px}.profile-chip .avatar{width:40px;height:40px}.dashboard-hero{display:block;min-height:0;padding:24px 20px 25px;border-radius:24px}.dashboard-hero h1{font-size:30px}.dashboard-hero p{font-size:13px}.hero-visual{display:none}.hero-actions .btn{flex:1;min-width:135px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:136px;padding:15px}.metric-card strong{font-size:30px}.metric-top{align-items:flex-start}.metric-top small{font-size:11px}.section{margin-top:24px}.section h2{font-size:19px}.section-subtitle{font-size:12px}.action-card{min-height:0;padding:17px}.setup-card{display:block;padding:19px}.setup-illustration{width:56px;height:56px;flex-basis:56px;border-radius:18px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{min-height:132px;padding:15px}.quick-card>span{width:43px;height:43px}.halaqah-status-list{padding:4px 12px}.halaqah-row{align-items:center}.halaqah-row>.status{font-size:10px;padding:6px 8px}.empty-state{padding:30px 14px}}
@media(max-width:380px){.brand small{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.hero-actions{display:grid;grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}

/* v0.1.3 — Halqah → Markaz report workflow */
.small-btn{min-height:38px;padding:0 13px;border-radius:12px;font-size:12px}.report-page-head{align-items:flex-end}.report-filter{display:flex;align-items:end;gap:12px;margin:10px 0 16px;padding:14px 16px}.report-filter>div{width:min(260px,100%)}.report-filter label{margin:0 0 6px}.report-filter .btn{min-width:120px}.report-metrics{margin-top:0}.report-list-head{margin-top:28px}.report-status-card{padding:6px 18px}.report-status-row{display:flex;align-items:center;gap:13px;padding:15px 4px;border-bottom:1px solid #eee9dd}.report-status-row:last-child{border-bottom:0}.report-status-main{min-width:220px}.report-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-row-title small{padding:3px 7px;border-radius:8px;background:#f1f4f2;color:#74857f;font-weight:800}.report-row-actions{display:flex;align-items:center;gap:7px}.reminder-btn{font-size:15px}.report-detail-head{align-items:flex-end}.report-progress-card{padding:16px 18px}.report-progress-card>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.report-progress-card span{font-weight:900;color:var(--green)}.report-form-card{max-width:900px}.form-footer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.form-footer-actions .btn{min-width:150px}.review-alert{display:flex;gap:14px;align-items:flex-start;border-radius:18px;padding:16px 18px;margin-bottom:15px;border:1px solid}.review-alert-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900}.review-alert b{font-size:15px}.review-alert p{margin:4px 0 0;line-height:1.55}.review-alert small{display:block;margin-top:7px;color:inherit;opacity:.82}.danger-review{background:#fff3ef;border-color:#efc4bb;color:#873c32}.danger-review .review-alert-icon{background:#f7d9d2}.info-review{background:#eef6fb;border-color:#cbdfea;color:#315d78}.info-review .review-alert-icon{background:#dcecf5}.success-review{background:#edf8f1;border-color:#c5e3d0;color:#276447}.success-review .review-alert-icon{background:#d9efe1}.review-summary{display:grid;gap:8px;margin-top:14px}.review-summary-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.review-summary-row:hover{border-color:#c9b66e}.review-summary-row em{margin-left:auto;font-style:normal;color:#8aa098;font-size:18px}.review-summary-row small{display:block;color:var(--muted);margin-top:2px}.review-check{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff1dd;color:#95640e;font-weight:900}.review-check.done{background:#e4f4ea;color:#18794e}.confirm-box{display:flex;gap:11px;align-items:flex-start;margin-top:17px;padding:14px;border-radius:14px;background:#f4f8f5;border:1px solid #dce8e1;line-height:1.5}.confirm-box input{width:auto;min-width:18px;height:18px;margin:2px 0 0}.report-review-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);gap:16px;align-items:start}.report-side-column{display:grid;gap:16px;position:sticky;top:96px}.report-readonly-card{padding:18px 20px}.readonly-section{display:flex;gap:13px;padding:16px 2px;border-top:1px solid #eee9dd}.readonly-section:first-of-type{border-top:0}.readonly-number{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#eaf4ef;color:var(--green);font-weight:900}.readonly-section h4{margin:0 0 6px;font-size:15px}.readonly-section p{margin:0;line-height:1.65;color:#435c54;white-space:normal}.review-decision-card h3{margin:5px 0 7px}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.review-actions .btn{min-height:50px;white-space:normal;text-align:center}.success-panel{padding:14px;border-radius:14px;background:#e7f5ec;color:#1d6945;font-weight:800}.reopen-box{margin-top:15px;border-top:1px solid #eee9dd;padding-top:12px}.reopen-box summary{cursor:pointer;color:var(--muted);font-weight:800}.timeline-card{padding:17px}.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:16px 1fr;gap:9px;padding:0 0 16px}.timeline-item:before{content:"";position:absolute;left:7px;top:15px;bottom:-1px;width:1px;background:#dfe5e1}.timeline-item:last-child:before{display:none}.timeline-item>span{width:15px;height:15px;border-radius:50%;background:var(--green);border:4px solid #dcece5;margin-top:2px;z-index:1}.timeline-item b{font-size:13px}.timeline-item small{display:block;color:var(--muted);margin-top:2px;font-size:10px}.timeline-item p{margin:6px 0 0;font-size:12px;line-height:1.45;color:#51665f}.setting-check{display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-bottom:1px solid #eee9dd;margin:0}.setting-check input{width:auto;min-width:18px;height:18px;margin:2px 0 0}.setting-check span{display:block}.setting-check b{display:block}.setting-check small{display:block;color:var(--muted);font-weight:500;line-height:1.45;margin-top:2px}.org-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.report-review-layout{grid-template-columns:1fr}.report-side-column{position:static}.report-status-row{align-items:flex-start;flex-wrap:wrap}.report-status-main{min-width:calc(100% - 62px)}.report-status-row>.status{margin-left:59px}.report-row-actions{margin-left:auto}.org-row-actions{width:100%;padding-left:54px;justify-content:flex-start}}
@media(max-width:650px){.report-page-head,.report-detail-head{align-items:flex-start}.report-filter{display:grid;grid-template-columns:1fr}.report-filter>div{width:100%}.report-filter .btn{width:100%}.report-status-card{padding:4px 12px}.report-status-row{gap:10px;padding:14px 2px}.report-status-row>.status{margin-left:52px}.report-row-actions{width:100%;padding-left:52px}.report-row-actions .btn{flex:1}.report-review-layout{gap:12px}.report-readonly-card{padding:15px}.readonly-section{padding:14px 0}.review-actions{grid-template-columns:1fr}.form-footer-actions{display:grid;grid-template-columns:1fr 1fr}.form-footer-actions .btn{min-width:0}.confirm-box{font-size:13px}.review-alert{padding:14px}.org-row-actions{padding-left:0}.org-row-actions .small-btn{flex:1}.org-row{align-items:flex-start;flex-wrap:wrap}}

/* v0.1.4 — Laporan Mesyuarat Bulanan, format asal */
.meeting-page-head,.meeting-editor-head{align-items:flex-end}.original-format-notice{display:flex;gap:14px;align-items:flex-start;padding:15px 17px;margin:12px 0 16px;border:1px solid #d8c78b;border-radius:18px;background:linear-gradient(135deg,#fffdf6,#fff8de);color:#5f531f}.original-format-notice.compact{margin-top:0}.original-format-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#0f5b47;border:1px solid #e4d7a9;font-size:20px;font-weight:900}.original-format-notice b{color:#325347}.original-format-notice p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#756a3d}.meeting-metrics{margin:0 0 16px}.meeting-head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.meeting-meta-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;padding:18px}.meeting-meta-card label{margin-top:0}.meeting-section{padding:0;overflow:hidden;margin-bottom:14px}.meeting-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#fffdf9,#faf5e9);border-bottom:1px solid #eee6d5}.meeting-section>summary::-webkit-details-marker{display:none}.meeting-section>summary b{color:#174f40;font-size:15px}.meeting-section>summary span{font-size:11px;color:var(--muted)}.meeting-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 19px}.meeting-field{margin:0}.meeting-field span{display:block;min-height:34px;font-size:11px;font-weight:800;color:#435c54;line-height:1.35}.meeting-field input{margin-top:5px;min-height:46px;text-align:center;font-size:16px;font-weight:800;background:#fbfdfc}.meeting-grid-card{padding:17px 0 0;overflow:hidden}.meeting-grid-card>.section-head{padding:0 18px}.meeting-grid-scroll{overflow:auto;overscroll-behavior-x:contain;border-top:1px solid #ece6da}.meeting-input-table{border-collapse:separate;border-spacing:0;min-width:1500px;width:100%;background:#fff}.meeting-input-table th,.meeting-input-table td{border-right:1px solid #e7e1d5;border-bottom:1px solid #e7e1d5;padding:8px;vertical-align:middle;background:#fff}.meeting-input-table thead th{position:sticky;top:0;z-index:5;background:#f7f2e7;color:#345a4e;font-size:11px;text-align:center;min-width:115px}.meeting-input-table .sticky-no{position:sticky;left:0;z-index:7;width:54px;min-width:54px;text-align:center;background:#fbfaf6}.meeting-input-table .sticky-item{position:sticky;left:54px;z-index:6;width:330px;min-width:330px;background:#fff}.meeting-input-table thead .sticky-no,.meeting-input-table thead .sticky-item{z-index:9;background:#f7f2e7}.meeting-input-table .sticky-item small{display:block;color:#7a8a84;font-size:10px;line-height:1.35;margin-bottom:3px}.meeting-input-table .sticky-item b{display:block;font-size:12px;line-height:1.35;color:#2f4f45}.pair-legend{display:block;font-size:9px;margin-top:4px;color:#aa7a12;font-weight:800}.meeting-input-table input{width:100%;min-width:70px;height:40px;border-radius:9px;padding:5px 7px;text-align:center;font-size:14px;font-weight:800;background:#fbfdfc}.meeting-input-table input[readonly],.meeting-field input[readonly]{background:#f4f5f2;color:#607069}.pair-inputs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pair-inputs input{min-width:54px;font-size:11px;padding:4px}.meeting-submit-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 18px;position:sticky;bottom:16px;z-index:12;box-shadow:0 14px 40px rgba(25,55,45,.12)}.confirm-row{display:flex;gap:11px;align-items:flex-start;margin:0}.confirm-row input{width:20px;height:20px;margin:2px 0 0}.confirm-row span{display:block}.confirm-row b{display:block}.confirm-row small{display:block;color:var(--muted);margin-top:2px}.meeting-submit-actions{display:flex;gap:9px;flex-wrap:wrap}.meeting-submit-actions .btn{min-width:160px}.review-card{margin-top:16px}.review-card h3{margin:4px 0 5px}.review-card textarea{min-height:110px}.danger-outline{background:#fff4f1!important;color:#9a3d31!important;border:1px solid #e7b8ae!important}.workflow-history{margin-top:16px}.event-list{display:grid}.event-row{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:11px 0;border-top:1px solid #eee9dd}.event-row:first-child{border-top:0}.event-dot{width:11px;height:11px;border-radius:50%;background:#16805f;margin:5px 0 0 2px;box-shadow:0 0 0 4px #e5f2ed}.event-row b{font-size:13px}.event-row p{margin:3px 0;color:#566b64;font-size:12px;line-height:1.45}.event-row small{color:#8a9893;font-size:10px}
@media(max-width:900px){.meeting-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-submit-card{position:static;display:block}.meeting-submit-actions{margin-top:13px}.meeting-head-actions{justify-content:flex-start}.meeting-editor-head{align-items:flex-start}}
@media(max-width:650px){.meeting-page-head,.meeting-editor-head{align-items:flex-start}.meeting-meta-card{grid-template-columns:1fr;padding:15px}.meeting-field-grid{grid-template-columns:1fr;padding:14px}.meeting-field span{min-height:0;font-size:12px}.meeting-section>summary{padding:15px}.meeting-section>summary span{display:none}.meeting-input-table{min-width:1320px}.meeting-input-table .sticky-item{width:250px;min-width:250px}.meeting-submit-actions{display:grid;grid-template-columns:1fr}.meeting-submit-actions .btn{width:100%;min-width:0}.original-format-notice{padding:13px}.original-format-icon{width:38px;height:38px;flex-basis:38px}.meeting-head-actions .btn{width:100%}}

/* v0.1.5 — Struktur Organisasi mesra pengguna */
.organization-page-head{margin-bottom:16px}.organization-layout{grid-template-columns:minmax(320px,390px) minmax(0,1fr);align-items:start}.org-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.org-summary-card{display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#fffdf8,#fbf7ec);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 5px 18px rgba(43,70,60,.05)}.org-summary-card>span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#eaf4ef;color:var(--green);font-weight:900}.org-summary-card strong{display:block;font-size:23px;line-height:1;color:var(--ink)}.org-summary-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.25}.org-form-card{position:sticky;top:88px;align-self:start}.form-step-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff3cf;color:#8a640c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.org-form-card h3{margin:9px 0 3px;font-size:20px}.org-form-intro{font-size:13px;line-height:1.55;margin:0 0 10px}.org-cancel-btn{margin-top:9px}.org-next-note{line-height:1.55;background:#fff9e9;border-color:#ead9a4}.org-tree-card{padding:18px 20px;min-height:420px}.org-tree-subtitle{font-size:12px;margin:4px 0 0}.org-tree{margin-top:4px}.org-tree-node{position:relative}.org-tree-node.depth-1,.org-tree-node.depth-2,.org-tree-node.depth-3{margin-left:26px}.org-tree-node.depth-1:before,.org-tree-node.depth-2:before,.org-tree-node.depth-3:before{content:"";position:absolute;left:-15px;top:0;bottom:0;border-left:1px solid #dedfd8}.org-tree-line{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid #eee9dd;position:relative}.org-tree-node:first-child>.org-tree-line{border-top:0}.org-tree-node.depth-1>.org-tree-line:before,.org-tree-node.depth-2>.org-tree-line:before,.org-tree-node.depth-3>.org-tree-line:before{content:"";position:absolute;left:-15px;top:33px;width:11px;border-top:1px solid #dedfd8}.org-tree-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:#fff6dc;color:#8b650d;border:1px solid #f0e1ae}.org-tree-icon.type-halaqah{background:#eaf4ef;color:var(--green);border-color:#d8e9e1}.org-tree-icon.type-mahallah{background:#eef5fa;color:#2f6fa3;border-color:#dce9f1}.org-tree-icon.type-zone{background:#f3effa;color:#66508f;border-color:#e5dcf2}.org-tree-name{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.org-tree-name b{font-size:14px}.org-code{font-size:9px;font-weight:900;color:#788a84;background:#f1f4f2;border-radius:7px;padding:3px 6px}.org-tree-meta{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.4}.org-tree-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:54%}.org-tree-node.is-inactive>.org-tree-line{opacity:.62}.menu-link{display:flex;align-items:center;text-decoration:none;color:var(--ink)}.org-empty-state{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#fffaf0,#fffefb);border:1px dashed #dcca90}.org-empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:20px;font-weight:900;box-shadow:0 7px 18px rgba(15,91,71,.16)}.org-empty-state b{font-size:14px}.org-empty-state p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.org-safety-note{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:#f2f7f4;color:#496158}.org-safety-note>span{width:24px;height:24px;flex:0 0 24px;border-radius:8px;display:grid;place-items:center;background:#dceee5;color:var(--ok);font-weight:900}.org-safety-note p{margin:0;font-size:11px;line-height:1.5}.org-safety-note b{color:#315247}
@media(max-width:980px){.organization-layout{grid-template-columns:1fr}.org-form-card{position:static}.org-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-tree-actions{max-width:100%}.org-empty-state{grid-template-columns:48px 1fr}.org-empty-state .btn{grid-column:1/-1;width:100%}}
@media(max-width:650px){.org-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.org-summary-card{padding:12px}.org-summary-card>span{width:38px;height:38px;flex-basis:38px}.org-summary-card strong{font-size:20px}.org-tree-card{padding:15px 13px}.org-tree-node.depth-1,.org-tree-node.depth-2,.org-tree-node.depth-3{margin-left:15px}.org-tree-node.depth-1:before,.org-tree-node.depth-2:before,.org-tree-node.depth-3:before{left:-8px}.org-tree-node.depth-1>.org-tree-line:before,.org-tree-node.depth-2>.org-tree-line:before,.org-tree-node.depth-3>.org-tree-line:before{left:-8px;width:6px}.org-tree-line{align-items:flex-start;flex-wrap:wrap;gap:9px;padding:13px 2px}.org-tree-icon{width:38px;height:38px;flex-basis:38px}.org-tree-main{min-width:calc(100% - 50px)}.org-tree-actions{width:100%;justify-content:flex-start;padding-left:47px}.org-tree-actions .small-btn{flex:1;min-width:125px}.org-tree-actions .status{margin-left:0}.org-empty-state{display:block;text-align:center}.org-empty-icon{margin:0 auto 10px}.org-empty-state .btn{margin-top:12px}.org-safety-note{font-size:11px}}

/* v0.1.6 — Ikon konsisten + navigasi PWA lebih jelas */
.ui-icon{display:block;width:1em;height:1em}.header-bell-svg{width:21px;height:21px}.notification-button{position:relative;color:var(--green)}
.metric-svg{width:19px;height:19px}.action-svg{width:24px;height:24px}.quick-svg{width:24px;height:24px}.quick-arrow-svg{width:18px;height:18px}
.quick-card>span{color:var(--green)}.quick-card em{width:22px;height:22px;display:grid;place-items:center}
.bottom-nav .nav-icon-wrap{position:relative;display:grid;place-items:center;margin:0 auto;width:38px;height:30px;border-radius:11px;transition:.16s ease}
.bottom-nav .nav-svg{width:21px;height:21px}.bottom-nav .nav-badge{position:absolute;right:-2px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#c7443a;color:#fff;border:2px solid #fff;font-size:8px;font-style:normal;font-weight:900;line-height:1}
.bottom-nav a.active{background:transparent}.bottom-nav a.active .nav-icon-wrap{background:#e5f3ed;color:var(--green)}.bottom-nav a.active b{color:var(--green)}
@media(max-width:900px){
  .bottom-nav{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid #e1ddd1;border-radius:22px;padding:7px 5px 6px;background:rgba(255,253,248,.98);box-shadow:0 12px 34px rgba(30,67,56,.14)}
  .bottom-nav a{max-width:none;min-width:0;padding:3px 1px 2px;font-size:10px}
  .bottom-nav b{margin-top:3px;white-space:nowrap;font-size:10px}
  .app-shell{padding-bottom:118px}
}
@media(max-width:390px){.bottom-nav{left:7px;right:7px}.bottom-nav b{font-size:9px}.bottom-nav .nav-icon-wrap{width:34px}.bottom-nav .nav-svg{width:20px;height:20px}}

/* v0.1.8 — Struktur organisasi berskala + istilah Aplikasi */
.org-summary-svg{width:21px;height:21px}.org-unit-svg{width:20px;height:20px}.org-search-svg{width:18px;height:18px}.org-toggle-svg{width:17px;height:17px}.org-empty-svg{width:23px;height:23px}
.org-directory-card{min-width:0}.org-directory-head{margin-bottom:13px}.org-root-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#fffefb);border:1px solid #eadfbe;margin-bottom:12px}.org-root-row>.status{margin-left:2px}
.org-directory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:9px;margin:12px 0 6px}.org-search-wrap{position:relative}.org-search-wrap>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#698079;pointer-events:none}.org-search-wrap input{padding-left:40px;margin:0}.org-directory-toolbar select{margin:0}
.org-result-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 2px 10px;color:var(--muted);font-size:11px}.org-text-btn{border:0;background:transparent;color:var(--green);font:inherit;font-weight:900;cursor:pointer;padding:5px}.org-text-btn:hover{text-decoration:underline}
.org-halaqah-list{display:grid;gap:10px}.org-halaqah-card{border:1px solid #e6e0d4;background:#fffdf9;border-radius:17px;overflow:hidden;box-shadow:0 4px 13px rgba(43,70,60,.035)}.org-halaqah-head{display:flex;align-items:center;gap:11px;padding:13px 14px}.org-halaqah-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.org-halaqah-card.is-inactive{opacity:.68}.org-halaqah-card.is-inactive .org-subunit-toggle{background:#f8f7f3}
.org-subunit-toggle{width:100%;display:flex;align-items:center;gap:8px;border:0;border-top:1px solid #eee9dd;background:#f7faf8;color:#446057;padding:9px 14px;font-size:11px;cursor:pointer;text-align:left}.org-subunit-toggle span{font-weight:700}.org-subunit-toggle b{margin-left:auto;color:var(--green);font-size:10px}.org-subunit-toggle i{font-style:normal;font-size:14px;transition:transform .16s ease}.org-subunit-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.org-subunit-panel{border-top:1px solid #eee9dd;background:#fbfcfa;padding:4px 14px 7px}.org-subunit-row{display:flex;align-items:center;gap:10px;padding:11px 2px;border-top:1px solid #ecefe9}.org-subunit-row:first-child{border-top:0}.org-subunit-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.org-subunit-empty{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 2px}.org-subunit-empty>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eaf4ef;color:var(--green)}.org-subunit-empty b{font-size:12px}.org-subunit-empty p{font-size:11px;color:var(--muted);margin:2px 0 0}
.org-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 4px}.org-pagination span{font-size:11px;font-weight:800;color:var(--muted)}.org-pagination button:disabled{opacity:.38;cursor:not-allowed}.org-no-results{text-align:center;padding:28px 15px;color:var(--muted)}.org-no-results svg{display:block;margin:0 auto 8px;color:var(--green)}.org-no-results b{display:block;color:var(--ink);font-size:13px}.org-no-results p{margin:4px 0 0;font-size:11px}
.org-zone-panel{margin:0 0 12px;border:1px solid #e8e3d9;border-radius:14px;background:#fbfaf6}.org-zone-panel>summary{padding:10px 13px;cursor:pointer;font-size:11px;font-weight:900;color:#52675f}.org-zone-list{padding:0 12px 7px}.org-zone-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #ece8df}.org-zone-row.is-inactive{opacity:.62}
@media(max-width:1080px){.org-halaqah-head{align-items:flex-start;flex-wrap:wrap}.org-halaqah-actions{width:100%;padding-left:53px;justify-content:flex-start}.org-subunit-actions{width:100%;padding-left:50px;justify-content:flex-start}.org-subunit-row{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:650px){.org-directory-toolbar{grid-template-columns:1fr}.org-directory-head{align-items:flex-start}.org-root-row{align-items:flex-start;flex-wrap:wrap}.org-root-row .grow{min-width:calc(100% - 55px)}.org-root-row .btn{margin-left:52px}.org-root-row>.status{margin-left:0}.org-halaqah-head{padding:12px 10px}.org-halaqah-actions{padding-left:0}.org-halaqah-actions .small-btn{flex:1}.org-subunit-toggle{padding:10px}.org-subunit-panel{padding:3px 10px 7px}.org-subunit-actions{padding-left:0}.org-subunit-actions .small-btn{flex:1}.org-subunit-empty{grid-template-columns:38px 1fr}.org-subunit-empty .btn{grid-column:1/-1;width:100%}.org-result-line{align-items:flex-start;flex-direction:column}.org-pagination{justify-content:space-between}.org-summary-card>span svg{width:19px;height:19px}}

/* v0.1.10 — Laporan Mesyuarat Bulanan mesra semua pengguna */
.meeting-progress-panel{margin:0 0 12px;padding:15px 18px;background:linear-gradient(145deg,#fffdf8,#f8f4e8)}
.meeting-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:14px}
.meeting-progress-copy h3{margin:3px 0 2px;font-size:19px;color:#174f40}
.meeting-progress-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.meeting-progress-bar{height:10px;margin-top:12px}
.meeting-autosave-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border-radius:999px;background:#eef5f1;color:#46645a;font-size:11px;font-weight:800}
.meeting-autosave-status>span,.meeting-sticky-save-state .save-dot{width:8px;height:8px;border-radius:50%;background:#61a88e;box-shadow:0 0 0 3px rgba(97,168,142,.14)}
.meeting-autosave-status.saving>span{background:#d7a728;animation:mmPulse 1s infinite}
.meeting-autosave-status.saved>span{background:#17805f}.meeting-autosave-status.failed{background:#fff0ee;color:#98463b}.meeting-autosave-status.failed>span{background:#b93a3a}
@keyframes mmPulse{50%{opacity:.35}}
.meeting-jump-nav{display:flex;gap:7px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none;position:sticky;top:72px;z-index:11;background:linear-gradient(180deg,rgba(248,243,231,.98) 70%,rgba(248,243,231,0));margin-bottom:3px}
.meeting-jump-nav::-webkit-scrollbar{display:none}.meeting-jump-nav button{flex:0 0 auto;border:1px solid #dcd8ca;background:#fffdf8;color:#3c5a51;border-radius:999px;padding:8px 12px;font:inherit;font-size:11px;font-weight:850;cursor:pointer;min-height:36px}.meeting-jump-nav button:hover{border-color:#a7c8bb;color:var(--green);background:#f2f8f5}
.meeting-section{scroll-margin-top:126px}.meeting-meta-card{scroll-margin-top:126px}.meeting-section>summary{user-select:none}.meeting-summary-meta{display:flex;align-items:center;gap:9px!important}.section-progress-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:54px;padding:5px 8px;border-radius:999px;background:#fff2d8;color:#8b620e!important;font-size:10px!important;font-weight:900}.section-progress-badge.done{background:#e5f3ec;color:#18794e!important}.meeting-summary-chevron{font-size:17px!important;line-height:1;color:#6c7f79!important;transition:transform .18s ease}.meeting-section[open]>summary .meeting-summary-chevron{transform:rotate(180deg)}
.meeting-section-help{padding:12px 18px 0;color:#62766f;font-size:11px;line-height:1.5}.meeting-grid-card{padding:0;overflow:hidden}.meeting-grid-intro{padding:15px 18px 14px;background:#fffdf9;border-bottom:1px solid #ece6da}.meeting-grid-intro h3{margin:0 0 4px;font-size:16px;color:#174f40}.meeting-grid-intro p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.meeting-sticky-actions{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:14;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 14px;background:rgba(255,253,248,.96);backdrop-filter:blur(14px);border:1px solid #ded8c8;border-radius:18px;box-shadow:0 12px 36px rgba(25,55,45,.14)}.meeting-sticky-save-state{display:flex;align-items:center;gap:8px;color:#536b63;font-size:11px;font-weight:800}.meeting-sticky-buttons{display:flex;gap:8px}.meeting-sticky-buttons .btn{min-height:42px;padding:0 14px}
.meeting-review-card{scroll-margin-top:126px;margin-top:15px;background:linear-gradient(145deg,#fffdf8,#fbf8ed);border-color:#dcd2b3}.meeting-review-card h3{margin:4px 0 4px}.meeting-review-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.meeting-review-stats>div{padding:12px 14px;border-radius:15px;background:#eef6f2;border:1px solid #dbeae3}.meeting-review-stats strong{display:block;font-size:24px;color:#175b47}.meeting-review-stats span{display:block;margin-top:3px;font-size:11px;color:#60756d}.meeting-review-stats .review-empty-stat{background:#fff7e5;border-color:#eadcb6}.meeting-review-stats .review-empty-stat strong{color:#9a6a0a}.meeting-review-warning{padding:11px 13px;border-radius:13px;background:#fff5dd;color:#745718;font-size:12px;line-height:1.5;margin-bottom:10px}.meeting-review-warning.is-complete{background:#e9f5ef;color:#2a604e}.meeting-find-empty{margin-bottom:12px}.meeting-review-card .confirm-row{padding:12px 0 4px;border-top:1px solid #e9e2d2}.meeting-review-card .meeting-submit-actions{justify-content:flex-end;margin-top:12px}.field-attention{border-color:#d39b24!important;box-shadow:0 0 0 5px rgba(211,155,36,.17)!important;background:#fffaf0!important}

@media(max-width:760px){
 .meeting-progress-panel{padding:14px}.meeting-progress-copy{align-items:flex-start}.meeting-progress-copy h3{font-size:17px}.meeting-autosave-status{padding:6px 8px;font-size:10px}.meeting-jump-nav{top:69px;margin-left:-16px;margin-right:-16px;padding:3px 16px 10px}.meeting-section,.meeting-meta-card,.meeting-review-card{scroll-margin-top:120px}
 .meeting-sticky-actions{bottom:calc(82px + env(safe-area-inset-bottom));margin-left:-2px;margin-right:-2px;padding:10px 11px;border-radius:16px}.meeting-sticky-save-state{max-width:42%;font-size:10px}.meeting-sticky-buttons{gap:6px}.meeting-sticky-buttons .btn{min-height:40px;padding:0 11px;font-size:12px}
}

@media(max-width:650px){
 .meeting-progress-copy{display:block}.meeting-autosave-status{margin-top:9px}.meeting-section-help{padding:10px 14px 0}.meeting-grid-intro{padding:13px 14px}.meeting-grid-scroll{overflow:visible;border-top:0}.meeting-input-table{display:block;min-width:0!important;background:transparent}.meeting-input-table thead{display:none}.meeting-input-table tbody{display:grid;gap:12px;padding:12px 12px 15px;background:#f7f3e9}.meeting-input-table tr{display:block;border:1px solid #ded8ca;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 14px rgba(43,70,60,.05)}.meeting-input-table td{position:static!important;width:auto!important;min-width:0!important;border-right:0!important;border-bottom:1px solid #eee9dd!important;white-space:normal;padding:10px 12px;background:#fff!important}.meeting-input-table tr td:last-child{border-bottom:0!important}.meeting-input-table .sticky-no{display:none}.meeting-input-table .sticky-item{display:block!important;padding:12px 13px!important;background:linear-gradient(135deg,#f5f0e3,#fffaf0)!important}.meeting-input-table .sticky-item[data-no]:not([data-no=""])::before{content:"Perkara " attr(data-no);display:inline-flex;margin-bottom:6px;padding:3px 7px;border-radius:999px;background:#e7f2ed;color:#17624c;font-size:9px;font-weight:900;letter-spacing:.02em}.meeting-input-table .sticky-item small{font-size:9px;margin-bottom:4px}.meeting-input-table .sticky-item b{font-size:12px}.meeting-input-table td[data-label]{display:grid!important;grid-template-columns:minmax(105px,42%) minmax(0,1fr);align-items:center;gap:9px}.meeting-input-table td[data-label]::before{content:attr(data-label);font-size:10px;font-weight:850;color:#5c7169;line-height:1.25}.meeting-input-table input{height:46px;min-width:0!important;font-size:16px;border-radius:11px}.pair-inputs{grid-template-columns:1fr 1fr;gap:6px}.pair-inputs input{font-size:13px}.meeting-review-stats{grid-template-columns:1fr 1fr}.meeting-review-card .meeting-submit-actions .btn{width:100%}
}

@media(max-width:420px){.meeting-sticky-save-state{display:none}.meeting-sticky-buttons{width:100%;grid-template-columns:1fr 1fr;display:grid}.meeting-sticky-buttons .btn{width:100%;padding:0 8px}.meeting-jump-nav button{padding:7px 10px}.meeting-input-table td[data-label]{grid-template-columns:1fr;gap:5px}.meeting-input-table td[data-label]::before{font-size:10px}.meeting-review-stats{gap:7px}.meeting-review-stats>div{padding:10px 11px}}

/* v0.1.11 — Pemantauan laporan Markaz yang lebih jelas dan scalable */
.metric-info{border-top:3px solid #4f83a6}.metric-info .metric-icon{background:#eaf3f8;color:#356c8f}.report-metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}.report-control-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch;margin:10px 0 16px}.report-control-grid .report-filter{margin:0;display:flex;align-items:end;gap:11px}.report-filter-field{width:min(230px,100%)}.report-filter-field.report-search-field{width:min(360px,100%);flex:1}.search-input-wrap{position:relative}.search-input-wrap input{padding-left:40px}.search-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6c827a;pointer-events:none}.report-deadline{display:flex;align-items:center;gap:12px;padding:14px 16px}.report-deadline-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#fff3d9;color:#91650d}.report-deadline small,.report-deadline b,.report-deadline span{display:block}.report-deadline small{font-size:10px;color:var(--muted);font-weight:800}.report-deadline b{margin-top:2px;font-size:14px}.report-deadline span{margin-top:3px;font-size:11px;color:#2f7458;font-weight:800}.report-deadline span.late{color:#aa4137}.report-status-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;margin:5px 0 17px;scrollbar-width:none}.report-status-tabs::-webkit-scrollbar{display:none}.report-status-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;color:#536861;background:#fffdf8;border:1px solid #e5dfd2;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(31,65,53,.035)}.report-status-tab b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#eff3f0;color:#45645a;font-size:10px}.report-status-tab.active{background:#0f5b47;color:#fff;border-color:#0f5b47}.report-status-tab.active b{background:rgba(255,255,255,.18);color:#fff}.reminder-all-btn{display:flex;align-items:center;gap:7px}.button-icon{width:16px;height:16px;flex:0 0 16px}.report-status-card-v2{padding:5px 18px}.report-status-row-v2{align-items:flex-start;padding:18px 4px}.report-status-row-v2 .halaqah-badge{margin-top:1px}.report-row-meta{display:flex;align-items:center;gap:7px 14px;flex-wrap:wrap;margin-top:6px;color:#6b7e78;font-size:11px}.report-row-meta span{display:flex;align-items:center;gap:5px}.meta-icon{width:14px;height:14px;flex:0 0 14px}.meta-warning{color:#a26419;font-weight:800}.report-row-progress{max-width:460px;margin-top:9px}.report-row-update{margin-top:7px;color:#82918c;font-size:10px}.report-row-side{margin-left:auto;display:grid;justify-items:end;gap:10px;min-width:250px}.report-row-actions-v2{justify-content:flex-end;flex-wrap:wrap}.report-row-actions-v2 form{margin:0}.reminder-text-btn{display:flex;align-items:center;gap:6px;color:#6a5b2c}.report-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 4px 10px;border-top:1px solid #eee9dd}.report-pagination span{font-size:11px;color:var(--muted)}.report-pagination .disabled{pointer-events:none;opacity:.45}.empty-svg{width:24px;height:24px}.btn.ghost{background:#f4f7f5;color:#315e50;border:1px solid #dce7e1;box-shadow:none}
@media(max-width:1100px){.report-metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}.report-control-grid{grid-template-columns:1fr}.report-deadline{min-height:74px}.report-row-side{min-width:210px}}
@media(max-width:760px){.report-metrics-five{grid-template-columns:1fr 1fr}.report-control-grid .report-filter{display:grid;grid-template-columns:1fr 1fr}.report-filter-field,.report-filter-field.report-search-field{width:100%;grid-column:1/-1}.report-control-grid .report-filter .btn{width:100%;min-width:0}.report-status-card-v2{padding:4px 12px}.report-status-row-v2{display:grid;grid-template-columns:42px 1fr;gap:10px}.report-status-row-v2 .report-status-main{min-width:0}.report-row-side{grid-column:1/-1;margin:0;width:100%;min-width:0;justify-items:stretch;padding-left:52px}.report-row-side>.status{justify-self:start}.report-row-actions-v2{display:grid;grid-template-columns:1fr;gap:7px;width:100%;justify-content:stretch}.report-row-actions-v2 .btn,.report-row-actions-v2 form,.report-row-actions-v2 form .btn{width:100%}.report-row-meta{display:grid;gap:6px}.report-row-progress{max-width:none}.report-list-head{align-items:flex-start}.report-list-head form{width:100%}.report-list-head .reminder-all-btn{width:100%;justify-content:center}.report-pagination{justify-content:space-between;gap:7px}.report-pagination span{font-size:10px;text-align:center}}
@media(max-width:430px){.report-metrics-five{grid-template-columns:1fr 1fr}.report-metrics-five .metric-card{min-height:132px;padding:14px}.report-metrics-five .metric-card:last-child{grid-column:1/-1}.report-metrics-five .metric-card strong{font-size:28px}.report-control-grid .report-filter{grid-template-columns:1fr}.report-status-tab{padding:8px 10px}.report-row-side{padding-left:0}.report-status-row-v2{grid-template-columns:38px 1fr}.report-status-row-v2 .halaqah-badge{width:38px;height:38px}.report-pagination .btn{padding:0 10px;font-size:10px}}
/* v0.1.12 - Pemantauan Laporan Mesyuarat Bulanan */
.compact-format-notice{margin:8px 0 16px;padding:13px 15px}.compact-format-notice .original-format-icon{width:38px;height:38px;flex:0 0 38px}.compact-format-notice p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#5f756e}
.report-insight-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px}.report-insight-card{padding:18px 20px;min-height:210px}.report-insight-card h3{margin:4px 0 15px}.insight-list{display:grid;gap:0;border-top:1px solid #eee9dd}.insight-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #eee9dd}.insight-list span{font-size:12px;color:#60746d}.insight-list b{font-size:17px;color:#123f34}.insight-progress{margin-top:15px}.insight-note{font-size:10px;line-height:1.55;margin:10px 0 0}.activity-list{display:grid;gap:0}.activity-item{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eee9dd}.activity-item:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;border-radius:50%;background:#c9a642;box-shadow:0 0 0 4px #fbf4df;margin-top:5px}.activity-item b{font-size:12px}.activity-item p{margin:2px 0 0;color:#536861;font-size:11px;line-height:1.45}.activity-item small{display:block;margin-top:3px;color:#8a9994;font-size:9px}.mini-empty{display:grid;place-items:start;min-height:125px;align-content:center;padding:12px 0}.mini-empty b{font-size:14px}.mini-empty p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:440px}
@media(max-width:760px){.report-insight-grid{grid-template-columns:1fr}.report-insight-card{min-height:0}.compact-format-notice{align-items:flex-start}}

/* v0.1.14 — reporting cycles, overdue months and clearer report status */
.cycle-control-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:stretch}.cycle-status-card{display:flex;flex-direction:column;gap:10px}.cycle-status-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cycle-status-top small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.cycle-status-top strong{font-size:17px}.cycle-status-lines{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5d716a;font-size:12px}.cycle-status-lines span{display:flex;align-items:center;gap:6px}.cycle-overdue,.late-inline{color:var(--danger)!important;font-weight:800}.cycle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.cycle-actions form{margin:0}.meeting-back-row{margin:0 0 10px}.meeting-state-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px 16px}.meeting-state-card.is-overdue{border-color:#e6c3b8;background:linear-gradient(135deg,#fffdf8,#fff4ef)}.meeting-state-main{display:flex;align-items:center;gap:12px}.meeting-state-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#e9f4ef;color:var(--green)}.meeting-state-main b{display:block}.meeting-state-main p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.overdue-report-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.overdue-report-notice p{margin:4px 0 0;color:#6f6540;font-size:12px}.halaqah-period-list{display:grid;gap:12px}.halaqah-period-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.55fr) auto;align-items:center;gap:18px}.halaqah-period-card.is-overdue{border-color:#e5bcae;background:linear-gradient(135deg,#fffdf8,#fff7f2)}.period-card-main{display:flex;align-items:center;gap:13px}.period-card-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:#edf6f1;color:var(--green)}.period-card-main h3{margin:2px 0 4px;font-size:17px}.period-card-main p{margin:0;color:var(--muted);font-size:12px}.period-card-status{display:grid;gap:7px;justify-items:start}.period-card-status .mini-progress{width:150px}.period-card-status small{color:var(--muted);font-size:11px}.period-card-actions{display:flex;justify-content:flex-end}.period-locked-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;max-width:190px}.report-row-update .late-inline{font-size:11px}.form-note{display:block;font-weight:500}
@media(max-width:760px){.cycle-control-grid{grid-template-columns:1fr}.cycle-status-lines{align-items:flex-start;flex-direction:column;gap:4px}.cycle-actions{display:grid;grid-template-columns:1fr 1fr}.cycle-actions .btn{width:100%;padding:0 10px;font-size:12px}.meeting-state-card{align-items:flex-start}.meeting-state-card>.status{flex:0 0 auto}.overdue-report-notice{align-items:flex-start;flex-direction:column}.overdue-report-notice .btn{width:100%}.halaqah-period-card{grid-template-columns:1fr;gap:12px}.period-card-status{justify-items:stretch}.period-card-status .mini-progress{width:100%}.period-card-actions{justify-content:stretch}.period-card-actions .btn{width:100%}.period-locked-note{max-width:none}.meeting-back-row{padding-top:2px}}

/* v0.1.15 — compact, clearer Markaz report monitoring */
.report-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin:10px 0 13px;padding:15px 16px}.report-toolbar-form{display:grid;grid-template-columns:190px minmax(260px,1fr) 104px;gap:10px;align-items:end;margin:0}.report-toolbar-form label{margin:0 0 6px;font-size:11px}.report-toolbar-form .report-filter-field{width:auto;min-width:0}.report-toolbar-form .report-search-field{width:auto}.report-toolbar-form .btn{width:100%;min-width:0}.report-toolbar-cycle{display:grid;grid-template-columns:auto auto;gap:10px 16px;align-items:center;padding-left:17px;border-left:1px solid #e9e3d7;min-width:390px}.report-cycle-primary{display:flex;align-items:center;gap:10px;min-width:0}.report-cycle-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:#fff3d9;color:#8e650d}.report-cycle-primary small{display:block;font-size:9px;color:var(--muted);font-weight:800}.report-cycle-primary b{display:block;margin-top:1px;font-size:14px}.report-cycle-primary span:not(.report-cycle-icon){display:block;margin-top:2px;color:#657973;font-size:10px;white-space:nowrap}.report-cycle-state{display:grid;justify-items:end;gap:5px}.report-cycle-state small{font-size:9px;color:var(--muted);white-space:nowrap}.report-cycle-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.report-cycle-actions form{margin:0}.report-cycle-actions .btn{min-height:36px;padding:0 11px;font-size:10px;border-radius:11px}.report-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 10px}.report-summary-item{display:flex;align-items:center;gap:10px;min-height:72px;padding:11px 13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.94);box-shadow:0 4px 14px rgba(43,70,60,.045);position:relative;overflow:hidden}.report-summary-item:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;right:-25px;bottom:-26px;background:rgba(15,91,71,.035)}.report-summary-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#edf6f1;color:var(--green)}.report-summary-item small{display:block;color:#63766f;font-size:10px;font-weight:850;line-height:1.2}.report-summary-item strong{display:block;margin-top:3px;color:#123c31;font-size:24px;line-height:1}.summary-green{border-top:2px solid var(--green)}.summary-success{border-top:2px solid #3a9b70}.summary-success .report-summary-icon{background:#e5f4ea;color:#18794e}.summary-gold{border-top:2px solid #d3ad3f}.summary-gold .report-summary-icon{background:#fff3d6;color:#94670c}.summary-info{border-top:2px solid #4f83a6}.summary-info .report-summary-icon{background:#eaf3f8;color:#356c8f}.summary-alert{border-top:2px solid #c95a4d}.summary-alert .report-summary-icon{background:#fae9e6;color:#a83e34}.summary-soft{border-top:2px solid #a8b8b1}.report-status-tabs{margin-top:0;margin-bottom:14px}.report-list-head{margin-top:18px}.report-status-card-v2{box-shadow:0 5px 18px rgba(43,70,60,.045)}.report-status-row-v2{padding-top:15px;padding-bottom:15px}.report-insight-grid{margin-top:13px}.report-insight-card{min-height:180px;padding:16px 18px}
@media(max-width:1050px){.report-toolbar{grid-template-columns:1fr;align-items:stretch}.report-toolbar-cycle{border-left:0;border-top:1px solid #e9e3d7;padding:13px 0 0;min-width:0;grid-template-columns:minmax(0,1fr) auto}.report-cycle-actions{justify-content:flex-start}.report-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.report-toolbar{padding:14px;gap:13px}.report-toolbar-form{grid-template-columns:1fr}.report-toolbar-cycle{grid-template-columns:1fr auto;gap:10px}.report-cycle-state{justify-items:end}.report-cycle-actions{display:grid;grid-template-columns:1fr 1fr}.report-cycle-actions form,.report-cycle-actions .btn{width:100%}.report-summary-strip{grid-template-columns:1fr 1fr;gap:8px}.report-summary-item{min-height:68px;padding:10px 11px}.report-summary-item:last-child{grid-column:1/-1}.report-summary-item strong{font-size:22px}.report-summary-icon{width:32px;height:32px;flex-basis:32px}.report-list-head{margin-top:14px}}
@media(max-width:430px){.compact-format-notice{padding:10px 12px;margin-bottom:12px}.compact-format-notice .original-format-icon{width:34px;height:34px;flex-basis:34px}.compact-format-notice b{font-size:12px}.compact-format-notice p{font-size:10px}.report-cycle-primary span:not(.report-cycle-icon){white-space:normal}.report-cycle-state small{white-space:normal;text-align:right}.report-cycle-actions{grid-template-columns:1fr}.report-summary-item small{font-size:9px}.report-summary-item strong{font-size:21px}}

/* v0.1.16 — direct report actions and secure sharing */
.share-report-btn{display:inline-flex;align-items:center;gap:6px}.share-page-head{margin-bottom:12px}.share-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.65fr);gap:16px;align-items:start}.share-main-card,.share-security-card{padding:20px}.share-report-identity{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid #eee9dd}.share-report-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:#eaf5ef;color:var(--green)}.share-report-identity small{display:block;color:var(--muted);font-weight:800;font-size:10px}.share-report-identity h3{margin:3px 0 4px}.share-report-identity p{margin:0;color:#5e736c;font-size:12px}.share-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.share-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.share-channel{appearance:none;text-align:left;text-decoration:none;color:var(--ink);background:#fbfdfc;border:1px solid var(--line);border-radius:14px;padding:13px 14px;cursor:pointer;font:inherit}.share-channel:hover{border-color:#b8cec4;background:#f5faf7}.share-channel b{display:block;font-size:13px;color:#174f40}.share-channel span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.share-security-card h3{margin:5px 0 8px}.share-security-card>p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.55}.share-security-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #eee9dd;font-size:11px}.share-security-row span{color:var(--muted)}.share-security-row b{text-align:right;color:#244f43}.share-security-card .notice{margin-top:14px}.meeting-head-actions .btn{display:inline-flex;align-items:center;gap:6px}.period-card-actions{flex-wrap:wrap;gap:7px}.period-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.report-row-actions-v2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}
@media(max-width:850px){.share-layout{grid-template-columns:1fr}.share-security-card{order:2}}
@media(max-width:650px){.share-main-card,.share-security-card{padding:15px}.share-primary-actions,.share-channel-grid{grid-template-columns:1fr}.meeting-head-actions{width:100%;justify-content:flex-start}.meeting-head-actions .btn{flex:1;justify-content:center}.period-card-actions{display:grid;grid-template-columns:1fr}.period-card-actions .btn{width:100%}}

/* v0.1.19 - penegasan kolum Jumlah Bulan Ini + sorotan kotak jumlah */
.meeting-field-title{grid-column:1/-1;padding:12px 14px;border:1px solid #d8e5df;border-radius:14px;background:#f3f8f5;color:#174f40}.meeting-field-title b{display:block;font-size:12px}.meeting-field-title small{display:block;margin-top:4px;color:#647972;font-size:10px;line-height:1.45}.meeting-field-derived input{background:#edf5f1!important;color:#174f40!important;border-color:#c9ddd4!important}.meeting-field-derived small{display:block;margin-top:5px;color:#2d745b;font-size:9px;font-weight:800}.auto-prev-cell{background:#f6f8f5!important}.meeting-input-table .auto-prev-cell input{background:#edf2ee!important;color:#536861!important;border-color:#d8e1dc!important}.meeting-input-table .auto-prev-cell input::placeholder{color:#8a9994}.meeting-input-table thead th:nth-child(3){background:#edf3ef;color:#365a4f}
@media(max-width:650px){.meeting-field-title{padding:11px 12px}.meeting-input-table td.auto-prev-cell{background:#f1f5f2!important}.meeting-input-table td.auto-prev-cell::before{content:attr(data-label) " · Auto"}}


.meeting-field-soft-total{background:#f1f1f1;border-radius:14px;padding:12px;border:1px solid #dbdbdb}
.meeting-field-soft-total span{color:#303030}
.meeting-field-soft-total input{background:#fff!important;border-color:#d2d2d2!important}
.meeting-field-soft-total small{color:#5d5d5d!important}
.meeting-input-table thead th:nth-child(9),.meeting-input-table tbody td:nth-child(9){border-left:2px solid #878787!important;border-right:2px solid #878787!important}
.meeting-input-table thead th:nth-child(10),.meeting-input-table tbody td:nth-child(10){border-left-width:0!important}
@media(max-width:650px){.meeting-field-soft-total{padding:11px 12px}.meeting-input-table thead th:nth-child(9),.meeting-input-table tbody td:nth-child(9){border-left:0!important;border-right:0!important}}

.meeting-field-prev-auto input{background:#eef3ef!important;color:#254c41!important;border-color:#cddacf!important}.meeting-field-prev-auto small{display:block;margin-top:5px;color:#4f6c63;font-size:9px;font-weight:800}


/* v0.1.29 — Homepage Admin Halqah v2 */
.halaqah-hero-v2{min-height:0;padding:30px 36px 29px}.halaqah-hero-v2 .hero-copy{max-width:820px}.halaqah-hero-v2 h1{font-size:clamp(32px,4vw,45px);margin-bottom:7px}.halaqah-hero-v2> .hero-copy>p{max-width:720px;font-size:14px}.hero-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;max-width:760px}.hero-account-grid>div{min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(5px)}.hero-account-grid small{display:block;color:#cfe5dc;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;margin-bottom:3px}.hero-account-grid b{display:block;color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.halaqah-hero-v2 .hero-actions{margin-top:17px}.dashboard-metrics-user{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics-user .metric-card{min-height:166px}.metric-status-value{font-size:24px!important;line-height:1.15!important;margin-top:7px!important;white-space:normal}.metric-date-value{font-size:29px!important;letter-spacing:-.02em}.metric-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64766f;font-size:10px;font-weight:800;margin-top:10px}.metric-inline-row b{color:#174f40;font-size:12px}.dashboard-metrics-user .progress.compact{margin:7px 0 9px;height:7px}.dashboard-due-pill{margin:1px 0 8px;padding:5px 8px;font-size:10px}.metric-link{display:inline-flex;margin-top:10px;color:var(--green);font-size:10px;font-weight:900;text-decoration:none}.user-priority-action{min-height:178px}.current-report-card,.account-summary-card{min-height:178px}.account-summary-card p{margin-top:2px}.account-extra-line{margin-top:6px!important;font-size:11px!important}.user-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-quick-grid .quick-card{min-height:132px}.quick-card-primary{border-color:#bcd7cc;background:linear-gradient(145deg,#f7fcf9,#fffdf8)}.quick-card-primary>span{background:#e5f3ec}.quick-access-section{padding-bottom:4px}
@media(max-width:1040px){.dashboard-metrics-user{grid-template-columns:repeat(3,minmax(0,1fr))}.user-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.halaqah-hero-v2{padding:24px 21px 24px}.hero-account-grid{grid-template-columns:1fr 1fr}.hero-account-grid>div:last-child{grid-column:1/-1}.dashboard-metrics-user{grid-template-columns:1fr}.dashboard-metrics-user .metric-card{min-height:0}.metric-status-value{font-size:22px!important}.metric-date-value{font-size:27px!important}.user-priority-action,.current-report-card,.account-summary-card{min-height:0}}
@media(max-width:430px){.halaqah-hero-v2 h1{font-size:29px}.halaqah-hero-v2 .hero-meta{gap:6px}.halaqah-hero-v2 .hero-chip{min-height:27px;padding:0 9px;font-size:9px}.hero-account-grid{grid-template-columns:1fr;gap:6px;margin-top:14px}.hero-account-grid>div:last-child{grid-column:auto}.hero-account-grid>div{padding:9px 10px}.hero-account-grid b{font-size:11px}.user-quick-grid{grid-template-columns:1fr 1fr}.user-quick-grid .quick-card{min-height:124px}.user-quick-grid .quick-card small{font-size:10px}}

/* v0.1.31 - struktur Markaz > Halqah > Mahalla (optional) */
.org-structure-policy{margin:0 0 16px;padding:14px 16px;border:1px solid #d8e6df;border-radius:16px;background:#f6faf8;color:#38564c;line-height:1.55}.org-structure-policy b{color:#174f40}

.required-mark{color:#a64536;font-weight:900}.meeting-meta-card input:not([readonly]){background:#fff;border-color:#b8cfc5}.meeting-meta-card input:not([readonly]):focus{border-color:#0f6b50;box-shadow:0 0 0 3px rgba(15,107,80,.10)}

.uppercase-entry{text-transform:uppercase;font-weight:800;letter-spacing:.01em}

/* v0.1.36 — Guided Step Form / Mobile Wizard */
.meeting-wizard{margin-top:14px}.meeting-wizard-head{position:sticky;top:72px;z-index:18;margin-bottom:14px;padding:15px 16px 12px;background:rgba(255,253,248,.97);backdrop-filter:blur(10px);box-shadow:0 8px 26px rgba(29,55,46,.08)}.meeting-wizard-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.meeting-wizard-title-row h3{margin:3px 0 4px;font-size:19px;color:#174f40}.meeting-wizard-title-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.meeting-step-track{display:flex;gap:7px;overflow-x:auto;padding:12px 1px 2px;scrollbar-width:thin;scroll-snap-type:x proximity}.meeting-step-chip{appearance:none;border:1px solid #ddd8ca;background:#fff;color:#61736d;border-radius:999px;min-height:32px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font:800 9px/1.1 inherit;cursor:pointer;scroll-snap-align:start}.meeting-step-chip span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f0eee7;color:#66756f;font-size:9px}.meeting-step-chip.active{background:#e9f5ef;border-color:#91c4ad;color:#0f6249}.meeting-step-chip.active span{background:#0f6b50;color:#fff}.meeting-step-chip.done:not(.active){border-color:#c6ddd2;color:#2e6956}.meeting-step-chip.done:not(.active) span{background:#dff0e7;color:#17634c}.meeting-wizard-form{min-height:360px}.meeting-wizard-step{display:none}.meeting-wizard-step.active{display:block;animation:mmStepIn .2s ease}.meeting-wizard-step[hidden]{display:none!important}@keyframes mmStepIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}.meeting-step-card{padding:0;overflow:hidden;margin-bottom:90px}.meeting-step-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e9e4d8;background:linear-gradient(135deg,#fffdf9,#faf5e9)}.meeting-step-card-head h3{margin:4px 0 4px;color:#174f40;font-size:18px}.meeting-step-card-head p{margin:0;color:#65766f;font-size:11px;line-height:1.55}.meeting-step-eyebrow{display:inline-block;color:#b17a0c;font-size:9px;font-weight:900;letter-spacing:.06em}.meeting-meta-card-wizard{margin:0;border:0;box-shadow:none;border-radius:0;padding:20px}.meeting-field-grid-wizard{padding:20px;gap:14px}.meeting-field-grid-wizard .meeting-field input{min-height:52px;font-size:17px}.meeting-field-grid-wizard .meeting-field span{font-size:11px}.meeting-grid-card-wizard{padding:0}.wizard-grid-note{padding:10px 20px;background:#f8fbf9}.wizard-grid-note p{font-size:10px!important}.meeting-review-card-wizard{margin:0 0 90px;padding:0;overflow:hidden}.meeting-review-card-wizard>.meeting-review-stats,.meeting-review-card-wizard>.meeting-review-warning,.meeting-review-card-wizard>.meeting-find-empty,.meeting-review-card-wizard>.confirm-row,.meeting-review-card-wizard>.meeting-submit-actions,.meeting-review-card-wizard>.notice{margin-left:20px;margin-right:20px}.meeting-review-card-wizard>.meeting-review-stats{margin-top:18px}.meeting-review-card-wizard>.meeting-submit-actions{margin-bottom:20px}.meeting-wizard-actions{position:sticky;bottom:10px;z-index:25;display:grid;grid-template-columns:auto auto minmax(150px,1fr) auto;align-items:center;gap:8px;padding:10px 11px;margin-top:-76px;margin-bottom:16px;border:1px solid #dcd8cd;border-radius:16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 12px 32px rgba(24,54,44,.14)}.meeting-wizard-actions .btn{min-height:44px}.meeting-wizard-actions [data-mm-prev]:disabled{opacity:.4;cursor:not-allowed}.meeting-wizard-action-spacer{display:flex;justify-content:center;min-width:0}.meeting-wizard-action-spacer .meeting-sticky-save-state{position:static;padding:0;background:transparent;border:0;box-shadow:none;min-width:0;font-size:10px}.meeting-save-draft{white-space:nowrap}.meeting-grid-card-wizard .meeting-grid-scroll{border-top:0}.meeting-wizard .section-progress-badge{white-space:nowrap}
@media(max-width:900px){.meeting-field-grid-wizard{grid-template-columns:repeat(2,minmax(0,1fr))}.meeting-wizard-actions{grid-template-columns:auto auto 1fr auto}.meeting-wizard-action-spacer .meeting-sticky-save-state{font-size:9px}}
@media(max-width:650px){.meeting-wizard{margin-top:10px}.meeting-wizard-head{top:62px;margin-left:-2px;margin-right:-2px;padding:12px 12px 9px;border-radius:14px}.meeting-wizard-title-row{gap:8px}.meeting-wizard-title-row h3{font-size:17px}.meeting-wizard-title-row p{font-size:10px}.meeting-wizard-title-row .meeting-autosave-status{font-size:8px;white-space:nowrap}.meeting-step-track{gap:6px;padding-top:9px}.meeting-step-chip{min-height:30px;padding:4px 8px;font-size:8px}.meeting-step-chip span{width:18px;height:18px}.meeting-step-card{margin-bottom:104px;border-radius:16px}.meeting-step-card-head{padding:14px 14px 13px;align-items:flex-start}.meeting-step-card-head h3{font-size:17px}.meeting-step-card-head p{font-size:10px}.meeting-meta-card-wizard{grid-template-columns:1fr;padding:14px;gap:13px}.meeting-meta-card-wizard input{min-height:50px;font-size:15px}.meeting-field-grid-wizard{grid-template-columns:1fr;padding:14px;gap:11px}.meeting-field-grid-wizard .meeting-field{padding:0}.meeting-field-grid-wizard .meeting-field input{min-height:52px;font-size:18px}.meeting-field-grid-wizard .meeting-field span{font-size:12px;min-height:0}.meeting-field-grid-wizard .meeting-field-soft-total{padding:11px 12px}.wizard-grid-note{padding:10px 14px}.meeting-grid-card-wizard .meeting-grid-scroll{overflow:visible}.meeting-review-card-wizard{margin-bottom:104px}.meeting-review-card-wizard>.meeting-review-stats,.meeting-review-card-wizard>.meeting-review-warning,.meeting-review-card-wizard>.meeting-find-empty,.meeting-review-card-wizard>.confirm-row,.meeting-review-card-wizard>.meeting-submit-actions,.meeting-review-card-wizard>.notice{margin-left:14px;margin-right:14px}.meeting-wizard-actions{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:8px;border-radius:15px}.meeting-wizard-actions [data-mm-prev],.meeting-wizard-actions [data-mm-next]{grid-row:1}.meeting-wizard-actions [data-mm-prev]{grid-column:1}.meeting-wizard-actions [data-mm-next]{grid-column:2}.meeting-wizard-actions .meeting-save-draft{grid-column:1/-1;grid-row:2;min-height:38px}.meeting-wizard-action-spacer{display:none}.meeting-wizard-actions .btn{min-height:46px;padding:0 10px;font-size:11px}.meeting-wizard .meeting-input-table td[data-label]{grid-template-columns:minmax(110px,40%) minmax(0,1fr)}.meeting-wizard .pair-inputs input{height:48px}.workflow-history{margin-bottom:90px}}
@media(max-width:420px){.meeting-wizard-title-row .meeting-autosave-status{display:none}.meeting-wizard-head{top:58px}.meeting-step-card-head .section-progress-badge{font-size:8px;padding:5px 7px}.meeting-wizard .meeting-input-table td[data-label]{grid-template-columns:1fr;gap:5px}.meeting-wizard-actions [data-mm-next]{font-size:10px}.meeting-wizard-actions .meeting-save-draft{font-size:10px}}


/* v0.1.37 — Guided Step Form visual hierarchy polish */
.meeting-editor-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;margin-bottom:14px}
.meeting-editor-overview>.meeting-state-card{grid-column:1;margin:0;background:#fff;border-color:#dfe7e2;box-shadow:0 5px 16px rgba(28,62,51,.05)}
.meeting-editor-overview>.meeting-state-card.is-overdue{background:#fff7f3;border-color:#ebc7ba}
.meeting-editor-overview>.original-format-notice{grid-column:1;margin:0;background:#fff9e8;border-color:#ead79b;box-shadow:none}
.meeting-editor-overview>.meeting-progress-panel{grid-column:2;grid-row:1/3;margin:0;padding:18px 20px;background:linear-gradient(145deg,#f4faf7,#edf7f2);border-color:#cfe1d8;box-shadow:0 6px 18px rgba(25,83,63,.06);display:flex;flex-direction:column;justify-content:center}
.meeting-editor-overview>.meeting-progress-panel .kicker{color:#33725e}
.meeting-editor-overview>.meeting-progress-panel h3{font-size:22px;margin:3px 0 4px}
.meeting-editor-overview>.meeting-progress-panel p{max-width:520px}
.meeting-editor-overview .meeting-progress-bar{height:11px;background:#dfeae4}
.meeting-editor-overview .original-format-notice p{font-size:11px}

.meeting-wizard{margin-top:16px}
.meeting-wizard-head{border:1px solid #d3e2da;border-top:3px solid #1a7a5d;background:linear-gradient(180deg,rgba(248,252,250,.98),rgba(245,249,247,.98));box-shadow:0 8px 24px rgba(21,70,54,.08)}
.meeting-wizard-title-row{align-items:center}
.meeting-wizard-title-row h3{font-size:20px;letter-spacing:-.01em}
.meeting-current-step-state{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:7px 11px;border-radius:999px;background:#fff1d2;color:#8b5d06;border:1px solid #f0d491;font-size:10px;font-weight:900;box-shadow:0 2px 8px rgba(85,63,14,.05)}
.meeting-current-step-state.partial{background:#eef6f2;color:#276954;border-color:#c8ddd3}
.meeting-current-step-state.done{background:#e5f4eb;color:#176449;border-color:#bddbc9}
.meeting-current-step-state.neutral{background:#eef2f0;color:#5d6d67;border-color:#d9e0dc}
.meeting-step-track{padding-top:13px}
.meeting-step-chip{background:#fff;border-color:#d9dfdb;color:#607069;box-shadow:0 1px 3px rgba(32,60,51,.03);transition:.16s ease}
.meeting-step-chip em{font-style:normal}
.meeting-step-chip:hover{border-color:#aacabc;background:#f8fbf9}
.meeting-step-chip.active{background:#116a50;border-color:#116a50;color:#fff;box-shadow:0 4px 12px rgba(17,106,80,.18)}
.meeting-step-chip.active span{background:rgba(255,255,255,.18);color:#fff}
.meeting-step-chip.done:not(.active){background:#f0f8f4;border-color:#bdd9cc;color:#2e6956}

.meeting-step-card{background:#fff;border:1px solid #d9e2dd;box-shadow:0 12px 32px rgba(27,60,50,.08);border-radius:20px}
.meeting-step-card-head{background:linear-gradient(135deg,#ffffff,#f7faf8);border-bottom:1px solid #e4ebe7;padding:20px 22px;position:relative}
.meeting-step-card-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#1a7a5d}
.meeting-step-card-head h3{font-size:20px;color:#123f33}
.meeting-step-card-head p{font-size:11px;color:#65766f;max-width:680px}
.meeting-step-eyebrow{color:#a36d06;background:#fff5dc;border:1px solid #f0dfa9;border-radius:999px;padding:4px 7px;letter-spacing:.05em}
.meeting-wizard .section-progress-badge{background:#fff2d8;color:#8c5e09;border:1px solid #f0d79d}
.meeting-wizard .section-progress-badge.done{background:#e5f4eb;color:#176449;border-color:#c0dccb}

.meeting-meta-card-wizard,.meeting-field-grid-wizard{background:#fff}
.meeting-meta-card-wizard label,.meeting-field-grid-wizard .meeting-field>span{color:#274c41}
.meeting-meta-card-wizard input,.meeting-field-grid-wizard .meeting-field input{background:#fff;border-color:#cfd9d4;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.meeting-meta-card-wizard input:focus,.meeting-field-grid-wizard .meeting-field input:focus{border-color:#5b9d83;box-shadow:0 0 0 4px rgba(23,115,90,.09)}
.meeting-meta-card-wizard input[readonly],.meeting-field-grid-wizard input[readonly]{background:#f1f4f2!important;color:#586a64!important;border-color:#d9dfdc!important;box-shadow:none}
.meeting-field-derived,.meeting-field-prev-auto{border:1px solid #dbe7e1;border-radius:14px;padding:11px 12px;background:#f7faf8}
.meeting-field-derived input,.meeting-field-prev-auto input{margin-top:6px}
.meeting-field-title{border-color:#cfe0d8;background:#f2f8f5}

.wizard-grid-note{background:#eff7f3;border-bottom:1px solid #dce8e2}
.meeting-grid-card-wizard .meeting-input-table{background:#fff}
.meeting-grid-card-wizard .meeting-input-table thead th{background:#edf4f0;color:#2f5a4d}

.meeting-wizard-actions{border-color:#cfdad5;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(20,60,46,.16)}
.meeting-wizard-actions [data-mm-prev]{background:#f4f6f5;color:#425b52;border:1px solid #d9e0dc}
.meeting-wizard-actions [data-mm-next]{box-shadow:0 5px 13px rgba(15,91,71,.18)}
.meeting-wizard-actions .meeting-save-draft{background:#edf5f1;color:#17634c;border:1px solid #d0e0d8;min-height:40px}
.meeting-wizard-action-spacer .meeting-sticky-save-state{color:#71817b}

.meeting-review-card-wizard{background:#fff;border-color:#d6e1dc;box-shadow:0 12px 32px rgba(27,60,50,.08)}
.meeting-review-stats>div{background:#f3f8f5;border:1px solid #d9e6df}
.meeting-review-stats>.review-empty-stat{background:#fff8e8;border-color:#ecdcae}

.workflow-history{background:#f6f5f0;border-color:#e6e2d7;box-shadow:none;opacity:.9}
.workflow-history .section-head h3{font-size:16px;color:#456057}
.workflow-history .empty{background:transparent;color:#85918d;padding:18px 0}

@media(max-width:760px){
  .meeting-editor-overview{grid-template-columns:1fr;gap:9px}
  .meeting-editor-overview>.meeting-state-card,.meeting-editor-overview>.original-format-notice,.meeting-editor-overview>.meeting-progress-panel{grid-column:1;grid-row:auto}
  .meeting-editor-overview>.meeting-progress-panel{padding:14px 15px}
  .meeting-editor-overview>.meeting-progress-panel h3{font-size:19px}
}

@media(max-width:650px){
  .meeting-editor-head .section-subtitle{display:none}
  .meeting-editor-head{margin-bottom:8px}
  .meeting-editor-overview{margin-bottom:10px}
  .meeting-editor-overview>.meeting-state-card{padding:11px 12px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-main p{font-size:10px}
  .meeting-editor-overview>.original-format-notice{padding:10px 11px}
  .meeting-editor-overview>.original-format-notice .original-format-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:15px}
  .meeting-editor-overview>.original-format-notice p{display:none}
  .meeting-editor-overview>.meeting-progress-panel{padding:12px 13px}
  .meeting-editor-overview>.meeting-progress-panel p{font-size:10px;line-height:1.35}
  .meeting-wizard-head{padding:11px 11px 9px}
  .meeting-wizard-title-row h3{font-size:18px}
  .meeting-wizard-title-row p{display:none}
  .meeting-current-step-state{font-size:9px;padding:6px 8px}
  .meeting-step-track{gap:5px;padding-top:8px;scrollbar-width:none}
  .meeting-step-track::-webkit-scrollbar{display:none}
  .meeting-step-chip{min-width:30px;min-height:30px;padding:4px 6px;justify-content:center}
  .meeting-step-chip:not(.active) em{display:none}
  .meeting-step-chip.active{padding-left:8px;padding-right:10px}
  .meeting-step-card{border-radius:17px;box-shadow:0 8px 22px rgba(27,60,50,.07)}
  .meeting-step-card-head{padding:14px 14px 13px}
  .meeting-step-card-head h3{font-size:18px}
  .meeting-step-card-head p{font-size:10px}
  .meeting-step-eyebrow{font-size:8px;padding:3px 6px}
  .meeting-meta-card-wizard,.meeting-field-grid-wizard{padding:13px}
  .meeting-wizard-actions .meeting-save-draft{min-height:34px;background:#f3f7f5;color:#497064}
  .workflow-history{opacity:.82}
}


/* v0.1.38 — mobile refinement: navigation attached to active form card */
.meeting-step-card,.meeting-review-card-wizard{margin-bottom:18px}
.meeting-wizard-actions{
  position:static;
  z-index:auto;
  grid-template-columns:auto auto minmax(120px,1fr) auto;
  gap:8px;
  margin:0;
  padding:12px 14px;
  border:0;
  border-top:1px solid #dfe7e2;
  border-radius:0;
  background:#f8fbf9;
  backdrop-filter:none;
  box-shadow:none;
}
.meeting-step-card>.meeting-wizard-actions,
.meeting-review-card-wizard>.meeting-wizard-actions{margin-top:0}
.meeting-wizard-actions [data-mm-prev],
.meeting-wizard-actions [data-mm-next]{min-height:44px}
.meeting-wizard-actions [data-mm-prev]{background:#fff;color:#496259;border:1px solid #d4dfda;box-shadow:none}
.meeting-wizard-actions [data-mm-next]{background:#0f654d;box-shadow:none}
.meeting-wizard-actions .meeting-save-draft{background:#edf5f1;color:#17634c;border:1px solid #d0e0d8;box-shadow:none}
.meeting-wizard-action-spacer{min-width:0}
.meeting-wizard-action-spacer .meeting-sticky-save-state{white-space:normal;text-align:center;line-height:1.25}
.meeting-wizard-actions [data-mm-prev]:disabled{opacity:.38}

@media(max-width:650px){
  .app-shell{padding-left:12px;padding-right:12px}
  .meeting-back-row{margin-bottom:7px}
  .meeting-editor-head{align-items:flex-start;gap:8px;margin-bottom:8px}
  .meeting-editor-head h2{font-size:27px;line-height:1.12;max-width:250px}
  .meeting-editor-head .kicker{font-size:10px}
  .meeting-head-actions{gap:7px;justify-content:flex-start}
  .meeting-head-actions .status{padding:6px 9px;font-size:10px}
  .meeting-head-actions .btn{min-height:42px;padding:0 13px;border-radius:13px}

  /* Keep the top useful, but remove the decorative format notice on small screens. */
  .meeting-editor-overview{gap:8px;margin-bottom:9px}
  .meeting-editor-overview>.original-format-notice{display:none!important}
  .meeting-editor-overview>.meeting-state-card{padding:10px 11px;border-radius:16px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-main{gap:9px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-icon{width:34px;height:34px;flex-basis:34px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-main b{font-size:13px}
  .meeting-editor-overview>.meeting-state-card .meeting-state-main p{font-size:9px;line-height:1.35}
  .meeting-editor-overview>.meeting-state-card>.status{font-size:9px;padding:5px 7px}
  .meeting-editor-overview>.meeting-progress-panel{padding:11px 12px;border-radius:16px}
  .meeting-editor-overview>.meeting-progress-panel .kicker{font-size:9px}
  .meeting-editor-overview>.meeting-progress-panel h3{font-size:18px;margin:2px 0 3px}
  .meeting-editor-overview>.meeting-progress-panel p{font-size:9px;line-height:1.35}
  .meeting-editor-overview .meeting-progress-bar{height:8px;margin-top:8px}
  .meeting-autosave-status{font-size:8px}

  /* Step header is part of the page flow on phones, not another floating layer. */
  .meeting-wizard{margin-top:8px}
  .meeting-wizard-head{position:static;top:auto;z-index:auto;margin:0 0 9px;padding:10px 10px 8px;border-radius:15px;backdrop-filter:none;box-shadow:0 4px 12px rgba(21,70,54,.05)}
  .meeting-wizard-title-row{align-items:center}
  .meeting-wizard-title-row h3{font-size:17px;margin:2px 0}
  .meeting-wizard-title-row p{display:none}
  .meeting-current-step-state{font-size:8px;padding:5px 7px}
  .meeting-step-track{padding-top:7px;gap:5px}
  .meeting-step-chip{min-height:28px;min-width:28px;padding:3px 5px}
  .meeting-step-chip span{width:18px;height:18px;font-size:8px}
  .meeting-step-chip.active{padding-left:6px;padding-right:8px}

  .meeting-step-card,.meeting-review-card-wizard{margin-bottom:14px;border-radius:17px;overflow:hidden}
  .meeting-step-card-head{padding:13px 13px 12px}
  .meeting-step-card-head h3{font-size:18px}
  .meeting-step-card-head p{font-size:9.5px;line-height:1.45}
  .meeting-meta-card-wizard,.meeting-field-grid-wizard{padding:13px}

  /* Attached footer: never floats above the PWA bottom navigation. */
  .meeting-wizard-actions{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
    gap:7px;
    margin:0!important;
    padding:10px 11px calc(10px + env(safe-area-inset-bottom));
    border-radius:0!important;
    background:#f7faf8;
  }
  .meeting-wizard-actions [data-mm-prev]{grid-column:1;grid-row:1}
  .meeting-wizard-actions [data-mm-next]{grid-column:2;grid-row:1}
  .meeting-wizard-actions .meeting-save-draft{grid-column:1/-1;grid-row:2;min-height:36px}
  .meeting-wizard-action-spacer{display:flex;grid-column:1/-1;grid-row:3;justify-content:center;padding-top:1px}
  .meeting-wizard-actions .btn{min-height:47px;padding:0 9px;font-size:11px;border-radius:12px}
  .meeting-wizard-action-spacer .meeting-sticky-save-state{display:inline-flex;font-size:8px;color:#71817b}

  .workflow-history{margin-top:12px;margin-bottom:18px;padding:14px;opacity:.72}
  .workflow-history .section-head{margin-bottom:4px}
  .workflow-history .section-head h3{font-size:14px}
  .workflow-history .kicker,.workflow-history .muted{font-size:9px}
  .workflow-history .empty{padding:10px 0 4px;font-size:11px}
}

@media(max-width:420px){
  .meeting-editor-head h2{font-size:25px}
  .meeting-wizard-actions [data-mm-next]{font-size:10px}
  .meeting-wizard-actions .meeting-save-draft{font-size:10px}
}


/* v0.1.39 - mobile header polish + automatic zero helpers */
.meeting-pdf-btn{
  min-height:48px!important;
  padding:6px 12px 6px 8px!important;
  gap:9px!important;
  color:#0f654d!important;
  background:linear-gradient(135deg,#f8fcfa,#eaf5f0)!important;
  border:1px solid #c9e0d6!important;
  box-shadow:0 5px 14px rgba(15,91,71,.08)!important;
}
.meeting-pdf-btn:hover{border-color:#a9cfc0!important;background:linear-gradient(135deg,#fff,#e5f3ed)!important}
.meeting-pdf-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#dcefe7;color:#0f654d}
.meeting-pdf-icon .button-icon{width:18px;height:18px}
.meeting-pdf-copy{display:grid;gap:1px;text-align:left;line-height:1.05}
.meeting-pdf-copy strong{font-size:12px;white-space:nowrap}
.meeting-pdf-copy small{font-size:8.5px;color:#668078;font-weight:700}

.meeting-step-utility{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:9px 14px 0;background:#fff}
.meeting-step-utility small{font-size:9px;color:#83918c}
.meeting-zero-fill-btn{appearance:none;border:1px solid #cfe0d8;background:#f2f8f5;color:#17634c;border-radius:999px;min-height:31px;padding:0 11px;font:800 10px/1 inherit;cursor:pointer;transition:.15s ease}
.meeting-zero-fill-btn:hover{background:#e8f4ee;border-color:#afd0c2}
.meeting-zero-fill-btn.done{background:#e4f4eb;color:#146246;border-color:#b9dcc9}
.meeting-zero-submit-note{margin:0 18px 12px;padding:10px 12px;border-radius:12px;background:#f1f7f4;border:1px solid #d9e7df;color:#4f6c62;font-size:10px;line-height:1.45}

@media(max-width:650px){
  .meeting-back-row{margin:1px 0 9px}
  .meeting-back-row .text-link{display:inline-flex;align-items:center;font-size:12px;line-height:1.2}
  .meeting-editor-head{display:block!important;margin-bottom:10px!important}
  .meeting-editor-head>div:first-child{width:100%}
  .meeting-editor-head .kicker{font-size:9px!important;line-height:1.2;white-space:nowrap;letter-spacing:.07em}
  .meeting-editor-head h2{max-width:none!important;margin:6px 0 0!important;font-size:23px!important;line-height:1.12!important;letter-spacing:-.02em}
  .meeting-head-actions{display:flex!important;width:100%;align-items:center;justify-content:flex-start!important;gap:8px!important;margin-top:10px;flex-wrap:wrap!important}
  .meeting-head-actions .status{flex:0 0 auto;padding:6px 9px!important;font-size:9px!important}
  .meeting-head-actions .meeting-pdf-btn{width:auto!important;flex:0 1 auto;min-height:43px!important;padding:5px 10px 5px 7px!important;border-radius:13px!important}
  .meeting-pdf-icon{width:31px;height:31px;flex-basis:31px;border-radius:10px}
  .meeting-pdf-copy strong{font-size:11px}
  .meeting-pdf-copy small{font-size:8px}
  .meeting-head-actions .btn.outline{width:auto!important}

  .meeting-step-utility{justify-content:space-between;padding:8px 13px 0;gap:7px}
  .meeting-step-utility small{font-size:8px;text-align:right}
  .meeting-zero-fill-btn{min-height:32px;padding:0 10px;font-size:9px;white-space:nowrap}
  .meeting-zero-submit-note{margin:0 14px 11px;font-size:9px}
}

@media(max-width:390px){
  .meeting-editor-head h2{font-size:22px!important}
  .meeting-head-actions{gap:6px!important}
  .meeting-head-actions .status{padding:5px 8px!important;font-size:8px!important}
  .meeting-pdf-copy strong{font-size:10.5px}
  .meeting-pdf-copy small{display:none}
  .meeting-pdf-icon{width:29px;height:29px;flex-basis:29px}
  .meeting-step-utility{display:grid;grid-template-columns:1fr}
  .meeting-step-utility small{text-align:left}
  .meeting-zero-fill-btn{justify-self:start}
}


/* v0.1.40 - final wizard step action cleanup */
.meeting-wizard-actions [data-mm-next][hidden]{display:none!important}
.meeting-wizard-actions.is-last-step{grid-template-columns:auto minmax(120px,1fr)}
.meeting-wizard-actions.is-last-step .meeting-wizard-action-spacer{grid-column:1/-1}
@media(max-width:650px){
  .meeting-wizard-actions.is-last-step{grid-template-columns:1fr 1fr}
  .meeting-wizard-actions.is-last-step [data-mm-prev]{grid-column:1;grid-row:1}
  .meeting-wizard-actions.is-last-step .meeting-save-draft{grid-column:2;grid-row:1;min-height:47px}
  .meeting-wizard-actions.is-last-step .meeting-wizard-action-spacer{grid-column:1/-1;grid-row:2}
}
@media(max-width:420px){
  .meeting-wizard-actions.is-last-step .meeting-save-draft{font-size:10px}
}


/* v0.1.41 — one-time credential handoff */
.credential-card{margin:0 0 18px;padding:18px;border:1px solid #cfe1d9;border-radius:20px;background:linear-gradient(135deg,#f3faf7,#fffdf7);box-shadow:0 12px 30px rgba(18,74,57,.08)}
.credential-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.credential-head h3{margin:3px 0 0;color:#174f40}.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.credential-grid>div{padding:12px 13px;border:1px solid #dde9e3;border-radius:14px;background:#fff}.credential-grid small{display:block;margin-bottom:5px;color:#71847d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.credential-grid strong,.credential-grid code{display:block;color:#173f34;font-size:14px;font-weight:850;overflow-wrap:anywhere}.credential-password{background:#fff8e6!important;border-color:#ead7a1!important}.credential-password code{font-size:18px;letter-spacing:.06em;color:#7d5a05}.credential-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#edf5f1;color:#50685f;font-size:11px;line-height:1.5}.credential-note b{color:#1b5d49}.credential-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.password-generate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.password-generate-row .btn{min-height:46px}
@media(max-width:650px){.credential-card{padding:15px;border-radius:17px}.credential-head{align-items:flex-start}.credential-grid{grid-template-columns:1fr}.credential-actions{display:grid;grid-template-columns:1fr 1fr}.credential-actions .btn:first-child{grid-column:1/-1}.password-generate-row{grid-template-columns:1fr auto}.credential-password code{font-size:17px}}
@media print{body>*:not(.app-shell):not(.credential-card){ } .credential-card{box-shadow:none!important;border:1px solid #777!important;background:#fff!important}.credential-actions,.topbar,.app-nav,.bottom-nav{display:none!important}}


/* v0.1.43 - Markaz Dashboard v2 */
.markaz-hero-v2 .hero-copy{max-width:820px}.markaz-cycle-strip{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:16px}.markaz-cycle-strip>div{min-width:150px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16)}.markaz-cycle-strip small{display:block;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#cfe8df;margin-bottom:3px}.markaz-cycle-strip b{display:block;color:#fff;font-size:12px}.markaz-cycle-strip>.status{align-self:center;background:#fff;border:0}
.markaz-metrics-v2{grid-template-columns:repeat(5,minmax(0,1fr))}.markaz-metrics-v2 .metric-card{min-height:148px}.markaz-action-urgent{border-color:#e8b8ad!important;background:linear-gradient(140deg,#fff8f5,#fffdf8)!important}.markaz-all-clear{border-color:#cfe3d8;background:linear-gradient(145deg,#f6fcf8,#fffdf9)}
.markaz-filter-chips{display:flex;gap:7px;overflow:auto;padding:2px 1px 10px;scrollbar-width:none}.markaz-filter-chips::-webkit-scrollbar{display:none}.markaz-filter-chips a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:999px;border:1px solid #dfddd5;background:#fffdf9;color:#62736d;text-decoration:none;font-size:11px;font-weight:800}.markaz-filter-chips a b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#eef2ef;color:#395a50;font-size:10px}.markaz-filter-chips a.active{background:#0f5b47;color:#fff;border-color:#0f5b47}.markaz-filter-chips a.active b{background:rgba(255,255,255,.16);color:#fff}
.markaz-monitor-list{padding:4px 18px}.markaz-halaqah-row{gap:14px}.markaz-halaqah-row .muted{font-size:11px;line-height:1.45;margin-top:2px}.markaz-halaqah-row .small-btn{margin-left:4px}.markaz-activity-card{padding:4px 18px}.markaz-activity-row{display:flex;align-items:flex-start;gap:11px;padding:13px 2px;border-bottom:1px solid #eee9dd}.markaz-activity-row:last-child{border-bottom:0}.activity-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#278268;margin-top:5px;box-shadow:0 0 0 4px #e7f3ee}.markaz-activity-row b{font-size:12px}.markaz-activity-row p{margin:3px 0 0;color:#71817b;font-size:11px;line-height:1.4}.markaz-activity-row time{white-space:nowrap;color:#8d9994;font-size:10px}.compact-empty{padding:24px 14px}
@media(max-width:1180px){.markaz-metrics-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.markaz-metrics-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.markaz-cycle-strip>div{min-width:calc(50% - 5px)}.markaz-halaqah-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.markaz-halaqah-row>.status{grid-column:3}.markaz-halaqah-row>.small-btn{grid-column:2/4;width:100%;margin:3px 0 0}.markaz-activity-row{display:grid;grid-template-columns:12px 1fr}.markaz-activity-row time{grid-column:2;margin-top:2px}.markaz-filter-chips{margin-right:-14px;padding-right:14px}}
@media(max-width:480px){.markaz-metrics-v2{grid-template-columns:1fr 1fr;gap:9px}.markaz-metrics-v2 .metric-card{min-height:130px;padding:14px}.markaz-metrics-v2 .metric-card strong{font-size:28px}.markaz-cycle-strip>div{min-width:100%}.markaz-cycle-strip>.status{width:max-content}.markaz-halaqah-row{grid-template-columns:38px minmax(0,1fr)}.markaz-halaqah-row>.status{grid-column:2;justify-self:start}.markaz-halaqah-row>.small-btn{grid-column:1/3}.markaz-monitor-list,.markaz-activity-card{padding-left:12px;padding-right:12px}}

/* v0.1.46 — cross-period Markaz inbox */
.cross-period-inbox{margin:0 0 16px;padding:17px 18px;border-color:#d7e4de;background:linear-gradient(145deg,#fbfefc,#fffdf8)}
.cross-period-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}.cross-period-head h3{margin:3px 0 4px;color:#173f34}.cross-period-head p{margin:0;color:#6e7f79;font-size:11px;line-height:1.45;max-width:720px}.cross-period-counts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cross-period-counts span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 9px;border-radius:999px;background:#eef5f1;border:1px solid #d7e5de;color:#47655b;font-size:9px;font-weight:800;white-space:nowrap}.cross-period-counts b{font-size:11px;color:#174f40}
.cross-period-list{border-top:1px solid #e4ebe7}.cross-period-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ece9df}.cross-period-row:last-child{border-bottom:0;padding-bottom:0}.cross-period-month small{display:block;color:#8b9893;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.cross-period-month b{display:block;margin-top:2px;color:#1c4f40;font-size:12px}.cross-period-row .report-row-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.cross-period-row .report-row-title small{font-size:9px;color:#8a9893}.cross-period-row p{margin:3px 0 0;color:#75847f;font-size:10px;line-height:1.4}.cross-period-actions{display:flex;align-items:center;gap:6px}
@media(max-width:760px){.cross-period-head{display:block}.cross-period-counts{justify-content:flex-start;margin-top:10px}.cross-period-row{grid-template-columns:1fr auto;gap:7px 10px}.cross-period-month{grid-column:1}.cross-period-row>.grow{grid-column:1/-1;grid-row:2}.cross-period-row>.status{grid-column:2;grid-row:1}.cross-period-actions{grid-column:1/-1;grid-row:3}.cross-period-actions .btn{width:100%}}

/* v0.1.47 — mobile cycle status layout: prevent "Dalam Tempoh" from squeezing/overlapping cycle text */
@media(max-width:520px){
  .report-toolbar-cycle{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .report-cycle-primary{
    width:100%;
    align-items:flex-start;
    min-width:0;
  }
  .report-cycle-primary>div{
    min-width:0;
    flex:1 1 auto;
  }
  .report-cycle-primary small,
  .report-cycle-primary b,
  .report-cycle-primary span:not(.report-cycle-icon){
    width:100%;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .report-cycle-primary b{line-height:1.25}
  .report-cycle-primary span:not(.report-cycle-icon){
    white-space:normal!important;
    line-height:1.45;
  }
  .report-cycle-state{
    width:100%;
    justify-items:start!important;
    gap:5px;
    padding-top:9px;
    border-top:1px solid #eee7db;
    min-width:0;
  }
  .report-cycle-state .status{
    width:max-content;
    max-width:100%;
    justify-self:start;
  }
  .report-cycle-state small{
    width:100%;
    max-width:100%;
    white-space:normal!important;
    text-align:left!important;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
}

/* v0.1.48 — premium login experience */
.login-page-v2{background:#173a30;overflow-x:hidden;overflow-y:auto}
.login-page-v2 .login-scene{inset:-32px;filter:blur(8px) saturate(.72) contrast(.95);transform:scale(1.07);background-position:center 46%}
.login-page-v2 .login-shade{background:linear-gradient(115deg,rgba(5,41,32,.58),rgba(17,79,61,.26) 46%,rgba(73,50,27,.40)),linear-gradient(180deg,rgba(247,238,211,.10),rgba(9,31,25,.34))}
.login-orb{position:fixed;z-index:1;border-radius:999px;filter:blur(3px);pointer-events:none;opacity:.5}
.login-orb-one{width:420px;height:420px;left:-180px;top:-180px;background:radial-gradient(circle,rgba(218,180,74,.22),transparent 68%)}
.login-orb-two{width:520px;height:520px;right:-210px;bottom:-240px;background:radial-gradient(circle,rgba(32,132,101,.30),transparent 68%)}
.login-page-v2 .login-wrap{padding:34px 22px calc(34px + env(safe-area-inset-bottom));display:grid;place-items:center}
.login-card-premium{width:min(820px,100%);padding:0;border-radius:30px;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);overflow:hidden;background:rgba(255,253,248,.975);border:1px solid rgba(229,204,134,.82);box-shadow:0 38px 90px rgba(8,30,24,.34),0 8px 24px rgba(8,30,24,.18);backdrop-filter:blur(24px)}
.login-brand-panel{position:relative;min-height:560px;padding:34px 30px;background:linear-gradient(155deg,#0b4f3d 0%,#0f644c 48%,#176d55 100%);color:#fff;overflow:hidden}
.login-brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,rgba(232,195,92,.25),transparent 23%),radial-gradient(circle at 95% 92%,rgba(255,255,255,.12),transparent 30%);pointer-events:none}
.login-brand-panel:after{content:"";position:absolute;width:245px;height:245px;right:-128px;top:-118px;border:34px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.login-brand-inner{position:relative;z-index:1;min-height:492px;display:flex;flex-direction:column}
.login-brand-logo-wrap{width:116px;height:116px;display:grid;place-items:center;border-radius:30px;background:rgba(255,253,248,.97);border:1px solid rgba(245,217,130,.8);box-shadow:0 18px 34px rgba(4,29,22,.24);margin-bottom:22px}
.login-logo-img.premium-logo{width:98px;height:98px;margin:0;filter:drop-shadow(0 4px 7px rgba(15,91,71,.18))}
.login-brand-copy .login-brand-kicker,.login-mobile-brand .login-brand-kicker{margin:0 0 5px;color:#f1cf6a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.login-brand-copy h1,.login-mobile-brand h1{margin:0;color:#fff;font-size:28px;line-height:1.08;letter-spacing:.005em}
.login-brand-copy h1 span,.login-mobile-brand h1 span{font-family:Georgia,serif;font-style:italic;font-weight:600;color:#f1cf6a}
.login-brand-copy>p:last-child{margin:9px 0 0;color:#d8e9e3;font-size:12px;line-height:1.5}
.login-quote-card{display:flex;gap:12px;align-items:flex-start;margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.login-quote-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:11px;background:rgba(242,205,104,.16);color:#f5d473}
.login-quote-icon svg{width:18px;height:18px}
.login-quote-card small{display:block;margin-bottom:5px;color:#f0d584;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.login-quote-card p{margin:0;color:#f3f8f6;font-family:Georgia,serif;font-size:13px;line-height:1.58}
.login-brand-foot{display:flex;align-items:center;gap:7px;margin-top:17px;color:#bcd5cc;font-size:9.5px;font-weight:700}
.login-secure-dot{width:7px;height:7px;border-radius:50%;background:#8ad5b6;box-shadow:0 0 0 4px rgba(138,213,182,.10)}
.login-form-panel{position:relative;padding:46px 46px 34px;background:linear-gradient(180deg,rgba(255,253,248,.99),rgba(253,250,241,.98))}
.login-form-panel:before{content:"";position:absolute;left:46px;right:46px;top:27px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,180,74,.55),transparent)}
.login-mobile-brand{display:none}
.login-form-heading{margin:0 0 25px}
.login-eyebrow{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:#edf5f1;border:1px solid #d9e8e1;color:#17634d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.login-form-heading h2{margin:11px 0 5px;color:#183c32;font-size:27px;line-height:1.1;letter-spacing:-.02em}
.login-form-heading p{margin:0;color:#70817b;font-size:12px;line-height:1.5}
.premium-login-form label{margin:14px 0 7px;color:#24463c;font-size:11.5px;font-weight:850}
.login-field{position:relative}
.login-field input{min-height:54px;padding:0 48px 0 48px;border-radius:15px;background:#f8faf9;border:1px solid #d7dfdb;color:#1e4036;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.login-field input::placeholder{color:#9aa8a3}
.login-field input:focus{background:#fff;border-color:#68a993;box-shadow:0 0 0 4px rgba(23,115,90,.09)}
.login-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:25px;height:25px;display:grid;place-items:center;color:#23765c;z-index:1}
.login-field-icon svg,.login-inline-icon svg,.login-submit-icon svg{width:20px;height:20px}
.premium-password-peek{right:9px;width:36px;height:36px;display:grid;place-items:center;color:#70847d;transition:background .15s ease,color .15s ease}
.premium-password-peek:hover{background:#edf5f1;color:#17634d}
.peek-icon{width:18px;height:18px}
.peek-hide{display:none}
.premium-password-peek.is-visible .peek-show{display:none}
.premium-password-peek.is-visible .peek-hide{display:block}
.login-caps-warning{margin:7px 2px 0;color:#9a6b0e;font-size:9.5px;font-weight:800}
.login-caps-warning span{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:4px;border-radius:6px;background:#fff1c9}
.login-error{display:flex;align-items:center;gap:9px;margin-bottom:16px;border:1px solid #efcccc;background:#fff5f5;color:#a73b3b;font-size:11px}
.login-inline-icon{width:21px;height:21px;display:inline-grid;place-items:center;flex:0 0 21px}
.premium-login-submit{position:relative;margin-top:21px;min-height:55px;border-radius:15px;background:linear-gradient(180deg,#18775c 0%,#0f5b47 100%);border:1px solid #d1aa39;box-shadow:0 10px 22px rgba(15,91,71,.20);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;overflow:hidden}
.premium-login-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.09) 50%,transparent 65%);transform:translateX(-120%);transition:transform .5s ease}
.premium-login-submit:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(15,91,71,.24);filter:saturate(1.03)}
.premium-login-submit:hover:before{transform:translateX(120%)}
.login-submit-icon{display:grid;place-items:center;width:22px;height:22px}
.login-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:loginSpin .7s linear infinite}
.premium-login-submit.is-loading .login-submit-icon{display:none}
.premium-login-submit.is-loading .login-spinner{display:block}
@keyframes loginSpin{to{transform:rotate(360deg)}}
.premium-install-banner{margin-top:10px}
.premium-install-banner .btn{min-height:49px;border-radius:14px;background:#fff;color:#17634d;border-color:#cfe0d8;box-shadow:none}
.login-help{margin:15px 0 0;color:#7b8a85;font-size:9.5px;line-height:1.5;text-align:center}
.login-footer-line{display:flex;align-items:center;gap:9px;margin-top:15px;color:#97a39f;font-size:8px;letter-spacing:.1em}
.login-footer-line span{height:1px;background:#e8e2d5;flex:1}
.login-footer-line b{font-weight:850}
.login-mobile-quote{display:none}

@media(max-width:760px){
  .login-page-v2{overflow:auto}
  .login-page-v2 .login-wrap{padding:18px 14px calc(18px + env(safe-area-inset-bottom))}
  .login-card-premium{width:min(460px,100%);display:block;border-radius:26px}
  .login-brand-panel{display:none}
  .login-form-panel{padding:27px 22px 22px}
  .login-form-panel:before{left:22px;right:22px;top:18px}
  .login-mobile-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 auto 22px;text-align:left}
  .login-mobile-brand .login-logo-img{width:72px;height:72px;margin:0;filter:drop-shadow(0 4px 7px rgba(15,91,71,.14))}
  .login-mobile-brand .login-brand-kicker{color:#b68a20;font-size:8.5px}
  .login-mobile-brand h1{color:#143d32;font-size:21px}
  .login-mobile-brand h1 span{color:#b68a20}
  .login-form-heading{text-align:center;margin-bottom:19px}
  .login-form-heading h2{font-size:23px;margin-top:9px}
  .login-form-heading p{font-size:11px}
  .login-eyebrow{min-height:24px;font-size:8px}
  .login-field input{min-height:52px}
  .premium-login-submit{min-height:53px}
  .login-mobile-quote{display:block;margin-top:15px;padding:12px 13px;border-radius:14px;background:#f4f8f5;border:1px solid #dfeae4;text-align:center}
  .login-mobile-quote small{display:block;margin-bottom:4px;color:#b0851f;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
  .login-mobile-quote p{margin:0;color:#49665d;font-family:Georgia,serif;font-size:11px;line-height:1.5}
}

@media(max-width:390px){
  .login-page-v2 .login-wrap{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
  .login-card-premium{border-radius:22px}
  .login-form-panel{padding:23px 17px 18px}
  .login-mobile-brand{margin-bottom:17px}
  .login-mobile-brand .login-logo-img{width:64px;height:64px}
  .login-mobile-brand h1{font-size:19px}
  .login-form-heading h2{font-size:21px}
  .premium-login-form label{font-size:11px}
  .login-field input{min-height:50px;font-size:14px}
  .premium-login-submit{min-height:51px}
}

@media(prefers-reduced-motion:reduce){
  .premium-login-submit,.premium-login-submit:before{transition:none}
  .login-spinner{animation-duration:1.2s}
}

/* v0.1.49 — simplified submission workflow + historical archive */
.markaz-assist-notice{margin:0 0 14px;display:flex;align-items:flex-start;gap:10px;border-color:#d8c483;background:#fff9e8}.markaz-assist-notice b{color:#775f16}.markaz-edit-reason{margin:0 0 14px;padding:16px}.markaz-edit-reason label{display:block;font-weight:800;color:#173f34;margin-bottom:8px}.markaz-edit-reason textarea{width:100%;min-height:84px;border:1px solid #d6dfda;border-radius:12px;padding:12px 13px;font:inherit;background:#fff}.markaz-edit-reason textarea:focus{outline:2px solid #bcd9cd;border-color:#2d7b62}.markaz-edit-reason small{display:block;margin-top:7px;color:#6b7a74}.archive-head{margin-bottom:14px}.archive-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.archive-summary-card{display:flex;gap:12px;align-items:center;padding:16px}.archive-summary-card>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e8f4ef;color:#11634e}.archive-summary-card>div{display:grid;gap:2px}.archive-summary-card small{color:#6c7c76}.archive-summary-card b{font-size:24px;color:#173f34}.archive-filter-card{padding:14px;margin-bottom:16px}.archive-filter-grid{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(140px,.7fr) minmax(160px,.8fr) auto;gap:10px;align-items:end}.archive-filter-grid label{display:grid;gap:6px}.archive-filter-grid label>span{font-size:12px;font-weight:800;color:#405b52}.archive-filter-grid input,.archive-filter-grid select{width:100%;min-height:44px;border:1px solid #d7dfdb;border-radius:11px;background:#fff;padding:0 12px;font:inherit;color:#173f34}.archive-period-groups{display:grid;gap:14px}.archive-period-card{padding:0;overflow:hidden}.archive-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #ece7da;background:#fffdf8}.archive-period-head h3{margin:2px 0 0}.archive-period-count{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf6f2;color:#17624f;font-size:12px;font-weight:800}.archive-report-list{display:grid}.archive-report-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 18px;border-top:1px solid #f0ece2}.archive-report-row:first-child{border-top:0}.archive-report-row p{margin:4px 0 0;color:#71807a;font-size:12px}.archive-report-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.archive-summary-grid{grid-template-columns:1fr 1fr}.archive-summary-card:last-child{grid-column:1/-1}.archive-filter-grid{grid-template-columns:1fr 1fr}.archive-filter-grid label:first-child{grid-column:1/-1}.archive-filter-grid .btn{grid-column:1/-1;width:100%}.archive-report-row{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:14px}.archive-report-row>.status{grid-column:2;justify-self:start}.archive-report-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.archive-report-actions .btn{width:100%;justify-content:center}.markaz-edit-reason{padding:13px}}

/* v0.1.50 — Pusat Laporan: Halqah-first, sejarah laporan dalam satu tempat */
.report-center-head{margin:4px 0 14px}.report-center-head h2{margin:4px 0 5px;font-size:clamp(24px,3vw,34px);letter-spacing:-.025em}.report-center-head p{margin:0;color:var(--muted);line-height:1.55;max-width:780px}.report-back-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;color:var(--green);font-size:12px;font-weight:900;text-decoration:none}.report-back-link:hover{text-decoration:underline}
.report-center-tabs{display:flex;align-items:center;gap:8px;margin:0 0 14px;overflow:auto;padding-bottom:2px}.report-center-tabs a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;color:#50655e;background:#fffdf8;border:1px solid #e4dfd1;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850}.report-center-tabs a b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#edf2ef;color:#51655e;font-size:10px}.report-center-tabs a.active{background:var(--green);border-color:var(--green);color:#fff}.report-center-tabs a.active b{background:rgba(255,255,255,.18);color:#fff}
.report-directory-filter{display:flex;align-items:end;gap:10px;padding:14px 15px;margin-bottom:16px}.report-directory-filter label{display:grid;gap:6px;min-width:180px}.report-directory-filter label.grow{min-width:250px}.report-directory-filter label>span,.report-library-filter label>span{font-size:11px;font-weight:850;color:#405b52}.report-directory-filter select,.report-directory-filter input,.report-library-filter select{width:100%;min-height:44px;border:1px solid #d6dfda;border-radius:12px;background:#fff;padding:0 12px;font:inherit;color:#173f34}.report-directory-filter .search-input-wrap{min-height:44px}.report-directory-filter .btn,.report-library-filter .btn{min-height:44px}
.halaqah-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.halaqah-directory-card{display:block;padding:17px 18px;text-decoration:none;color:var(--ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.halaqah-directory-card:hover{transform:translateY(-2px);border-color:#bfd4ca;box-shadow:0 12px 28px rgba(24,70,56,.08)}.halaqah-directory-top{display:flex;align-items:center;gap:12px}.halaqah-directory-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#e7f4ee;color:var(--green);font-weight:950}.halaqah-directory-top h3{margin:0;font-size:16px}.halaqah-directory-top p{margin:3px 0 0;color:#75857f;font-size:10px}.directory-arrow{font-size:19px;color:#8ca29a}.halaqah-directory-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid #eee9dd;color:#687972;font-size:10px}.halaqah-directory-meta b{color:#174f40}.halaqah-directory-alert{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;border-radius:10px;background:#fff5df;color:#815d12;font-size:10px;font-weight:800}.halaqah-directory-open{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:var(--green);font-size:11px;font-weight:900}.halaqah-directory-open span{font-size:16px}
.halaqah-report-identity{display:flex;align-items:center;gap:13px;padding:16px 18px;margin-bottom:12px}.halaqah-report-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:#e7f4ee;color:var(--green);font-weight:950}.halaqah-report-identity small{display:block;color:#85928d;font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.05em}.halaqah-report-identity b{display:block;margin-top:2px;font-size:16px;color:#173f34}.halaqah-report-identity span{display:block;margin-top:3px;color:#77857f;font-size:10px}.halaqah-report-count{text-align:right}.halaqah-report-count strong{display:block;font-size:24px;color:#174f40}.halaqah-report-count small{font-size:9px;text-transform:none;letter-spacing:0}
.report-structure-details{margin-bottom:12px;padding:0;overflow:hidden}.report-structure-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none}.report-structure-details summary::-webkit-details-marker{display:none}.report-structure-details summary span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:850;color:#405b52}.report-structure-details summary b{font-size:11px;color:#17624f}.report-structure-list{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px}.report-structure-list>span{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:10px;background:#f5f8f6;border:1px solid #e4ebe7;font-size:10px}.report-structure-list small{color:#86948f}.report-structure-details>p{margin:0;padding:11px 16px;border-top:1px solid #eee9df;background:#fffdf8;color:#7a8782;font-size:9px;line-height:1.5}
.report-library-filter{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(260px,1.3fr) auto auto;gap:10px;align-items:end;padding:14px 15px;margin-bottom:16px}.report-library-filter label{display:grid;gap:6px}.report-library-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 10px}.report-library-title h3{margin:2px 0 0}.report-library-title>span{font-size:10px;font-weight:850;color:#688078;background:#edf5f1;border-radius:999px;padding:6px 9px}.report-library-list{display:grid;gap:10px}.report-library-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px}.report-month-tile{min-height:58px;border-radius:13px;background:#f3f8f5;display:grid;align-content:center;padding:9px 11px}.report-month-tile small{color:#85928d;font-size:9px;font-weight:850}.report-month-tile b{margin-top:2px;color:#174f40;font-size:13px}.report-library-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-library-line h3{margin:0;font-size:15px}.report-library-copy p{margin:5px 0 3px;color:#62736d;font-size:10px}.report-library-copy small{color:#87938e;font-size:9px}.report-library-actions{display:flex;align-items:center;gap:7px}.report-library-actions .btn{min-height:40px}
.action-report-list{display:grid;gap:10px}.action-report-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 16px}.action-report-row p{margin:4px 0 0;color:#75847f;font-size:10px}.action-report-buttons{display:flex;align-items:center;gap:6px}.action-report-buttons form{margin:0}
@media(max-width:860px){.halaqah-directory-grid{grid-template-columns:1fr}.report-library-filter{grid-template-columns:1fr 1fr}.report-library-filter .btn{width:100%}.report-library-row{grid-template-columns:80px minmax(0,1fr)}.report-library-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.report-library-actions .btn{width:100%;justify-content:center}.action-report-row{grid-template-columns:auto minmax(0,1fr)}.action-report-row>.status{grid-column:2;justify-self:start}.action-report-buttons{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.action-report-buttons .btn,.action-report-buttons form{width:100%}.action-report-buttons form .btn{width:100%}}
@media(max-width:620px){.report-center-head{margin-top:0}.report-center-head h2{font-size:24px}.report-center-head p{font-size:11px}.report-center-tabs{margin-bottom:12px}.report-directory-filter{display:grid;grid-template-columns:1fr;padding:12px}.report-directory-filter label,.report-directory-filter label.grow{min-width:0}.report-directory-filter .btn{width:100%}.halaqah-directory-card{padding:14px}.halaqah-directory-meta{align-items:flex-start;flex-direction:column;gap:4px}.halaqah-report-identity{padding:14px}.halaqah-report-count strong{font-size:21px}.report-library-filter{grid-template-columns:1fr;padding:12px}.report-library-row{grid-template-columns:1fr;padding:13px}.report-month-tile{min-height:0;display:flex;align-items:center;gap:7px;padding:8px 10px}.report-month-tile b{margin-top:0}.report-library-actions{grid-template-columns:1fr}.report-structure-details summary{align-items:flex-start;flex-direction:column;gap:5px}.action-report-buttons{grid-template-columns:1fr}.action-report-row{padding:13px}}

/* v0.1.52 — betulkan ikon carian Pusat Laporan bertindih dengan placeholder */
.report-directory-filter .search-input-wrap input{padding-left:42px}
.report-directory-filter .search-input-icon{left:13px;z-index:1}

/* v0.1.55 — branded account access/setup state */
.access-state-wrap{min-height:calc(100vh - 210px);display:grid;place-items:center;padding:34px 0 52px}.access-state-card{width:min(720px,100%);position:relative;overflow:hidden;background:linear-gradient(155deg,#fffdf8 0%,#fffdf8 66%,#f4f8f5 100%);border:1px solid #e4dece;border-radius:28px;padding:34px 36px 30px;box-shadow:0 18px 48px rgba(22,61,50,.10);text-align:center}.access-state-card:before{content:"";position:absolute;width:190px;height:190px;border:26px solid rgba(15,91,71,.045);border-radius:50%;right:-88px;top:-100px;pointer-events:none}.access-state-mark{width:72px;height:72px;margin:0 auto 16px;border-radius:23px;display:grid;place-items:center;color:#8d6510;background:linear-gradient(145deg,#fff5d8,#f5e3ac);border:1px solid #ecd48a;box-shadow:0 9px 24px rgba(150,111,21,.12)}.access-state-svg{width:34px;height:34px}.access-state-kicker{font-size:10px;font-weight:900;letter-spacing:.11em;color:#a87913}.access-state-card h1{margin:7px auto 9px;max-width:590px;font-size:clamp(25px,4vw,34px);letter-spacing:-.025em;line-height:1.15}.access-state-lead{max-width:600px;margin:0 auto;color:#62766f;font-size:14px;line-height:1.65}.access-state-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0 14px;text-align:left}.access-state-summary>div{min-width:0;padding:13px 14px;border:1px solid #e4e6df;border-radius:15px;background:rgba(247,249,247,.78)}.access-state-summary span{display:block;margin-bottom:4px;color:#7a8a85;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}.access-state-summary b{display:block;min-width:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.access-state-help{display:flex;gap:13px;align-items:flex-start;text-align:left;margin:13px 0 19px;padding:15px 16px;border-radius:17px;background:#f1f7f4;border:1px solid #dbeae3}.access-state-help-icon{width:39px;height:39px;flex:0 0 39px;border-radius:12px;display:grid;place-items:center;color:var(--green);background:#e1f0e8}.access-help-svg{width:21px;height:21px}.access-state-help b{font-size:13px}.access-state-help p{margin:3px 0 0;color:#566b64;font-size:12px;line-height:1.55}.access-state-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:9px}.access-state-actions .btn{width:100%;min-width:0}.access-state-actions .access-primary{background:linear-gradient(135deg,#0f5b47,#18755b);box-shadow:0 7px 16px rgba(15,91,71,.14)}.access-state-footnote{margin:15px 0 0;color:#87938f;font-size:10px;line-height:1.5}
@media(max-width:650px){.access-state-wrap{min-height:calc(100vh - 180px);padding:18px 0 34px;place-items:start center}.access-state-card{padding:26px 18px 22px;border-radius:24px}.access-state-mark{width:62px;height:62px;border-radius:20px;margin-bottom:14px}.access-state-svg{width:29px;height:29px}.access-state-card h1{font-size:26px}.access-state-lead{font-size:13px}.access-state-summary{grid-template-columns:1fr;margin-top:20px}.access-state-summary>div{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px}.access-state-summary span{margin:0}.access-state-help{padding:14px}.access-state-actions{grid-template-columns:1fr}.access-state-actions .btn{min-height:48px}.access-state-footnote{font-size:9px}}

/* v0.1.56 — Pusat Laporan lebih minimal, berskala dan mesra pengguna */
.report-quick-summary{display:flex;align-items:center;flex-wrap:wrap;width:max-content;max-width:100%;margin:0 0 14px;padding:9px 12px;border:1px solid #e5dfd2;border-radius:14px;background:rgba(255,253,248,.78);color:#667871;font-size:10px;box-shadow:0 5px 16px rgba(38,67,58,.035)}
.report-quick-summary>span{display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:0 11px;border-right:1px solid #e8e2d7;white-space:nowrap}
.report-quick-summary>span:first-child{padding-left:2px}.report-quick-summary>span:last-child{padding-right:2px;border-right:0}.report-quick-summary b{color:#174f40;font-weight:900}.report-quick-summary .needs-action{color:#8a6210}.report-quick-summary .needs-action b{color:#8a6210}.report-quick-summary .all-clear{color:#17694f;font-weight:850}.summary-icon{width:14px;height:14px;flex:0 0 14px}
.report-directory-filter .report-directory-sort{min-width:185px}.report-directory-result-note{margin:-3px 2px 10px;color:#7b8984;font-size:10px}.report-directory-result-note b{color:#274f43}
.halaqah-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.halaqah-directory-card{min-width:0;position:relative;outline:none}.halaqah-directory-card:focus-visible{border-color:#6ba68f;box-shadow:0 0 0 4px rgba(20,111,82,.12),0 12px 28px rgba(24,70,56,.08)}
.halaqah-directory-ok{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:10px;padding:7px 9px;border-radius:999px;background:#eaf6f0;color:#17694f;font-size:10px;font-weight:850}.halaqah-directory-alert b{font-weight:950}.halaqah-directory-open{margin-top:11px;padding-top:10px;border-top:1px dashed #e8e3d8}.halaqah-directory-card .meta-icon{width:14px;height:14px;flex:0 0 14px}
@media(max-width:1100px){.halaqah-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-directory-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.45fr) auto;align-items:end}.report-directory-filter label.grow{min-width:0}.report-directory-filter .report-directory-sort{min-width:0}.report-directory-filter>label:first-child:not(.grow){grid-column:auto}.report-directory-filter .btn{width:auto}}
@media(max-width:760px){.halaqah-directory-grid{grid-template-columns:1fr}.report-directory-filter{grid-template-columns:1fr 1fr}.report-directory-filter label.grow{grid-column:1/-1}.report-directory-filter .report-directory-sort{grid-column:auto}.report-directory-filter .btn{width:100%}.report-quick-summary{width:100%;padding:9px 10px}.report-quick-summary>span{flex:1 1 50%;padding:3px 9px;border-right:0;white-space:normal}.report-quick-summary>span:nth-child(odd){border-right:1px solid #e8e2d7}}
@media(max-width:520px){.report-directory-filter{grid-template-columns:1fr}.report-directory-filter label.grow,.report-directory-filter .report-directory-sort{grid-column:1}.report-quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:0}.report-quick-summary>span{padding:5px 8px;border-right:0;border-bottom:1px solid #eee8dc}.report-quick-summary>span:nth-child(odd){border-right:1px solid #eee8dc}.report-quick-summary>span:nth-last-child(-n+2){border-bottom:0}.halaqah-directory-card{padding:14px}.halaqah-directory-open{font-size:10px}}

/* v0.1.57 — akses Syura lebih jelas + pengurusan struktur/pengguna */
.org-root-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.user-access-warning{margin-bottom:14px;border-color:#ecd18a;background:#fff8df;color:#6f5715}.user-access-editor{margin-bottom:16px;border-color:#cfe2d9;background:linear-gradient(180deg,#fffdf8,#f8fbf9)}.user-access-edit-form{display:grid;grid-template-columns:1.15fr .9fr 1.1fr auto;gap:12px;align-items:end}.user-access-edit-form label{display:grid;gap:6px;margin:0}.user-access-edit-form label>span{font-size:10px;font-weight:850;color:#31584c}.user-access-edit-form .form-note{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:12px;background:#eef6f2;color:#60746d}.user-access-edit-form>.btn{min-height:44px}.report-readonly-note{margin:0 0 14px;border-color:#d6e6df;background:#f3f8f5;color:#315a4d}.user-row .status.danger{white-space:nowrap}
@media(max-width:1050px){.user-access-edit-form{grid-template-columns:1fr 1fr}.user-access-edit-form .form-note{grid-column:1/-1}.user-access-edit-form>.btn{width:100%}}
@media(max-width:760px){.org-root-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.org-root-actions .btn{width:100%;justify-content:center}.org-halaqah-actions{flex-wrap:wrap}.org-halaqah-actions .btn{min-width:0}.user-access-edit-form{grid-template-columns:1fr}.user-access-edit-form .form-note{grid-column:1}.user-access-editor .section-head.mini{align-items:flex-start}.user-access-editor .section-head.mini .btn{flex:0 0 auto}}
@media(max-width:520px){.org-root-actions{grid-template-columns:1fr}.org-halaqah-actions{display:grid;grid-template-columns:1fr 1fr auto auto;width:100%}.org-halaqah-actions .btn{width:100%;justify-content:center}.org-halaqah-actions .btn:nth-of-type(3){grid-column:1/-1}.org-halaqah-actions .status{align-self:center;justify-self:start}}

/* v0.1.58 — Struktur lebih kemas + Quick Add pengguna berasaskan unit */
.quick-user-context{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 14px;border:1px solid #cfe3da;border-radius:16px;background:linear-gradient(135deg,#f3faf6,#fffdf8)}
.quick-user-context-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#e2f1ea;color:var(--green)}
.quick-user-svg{width:21px;height:21px}.quick-user-context small{display:block;color:#809089;font-size:8px;font-weight:900;letter-spacing:.08em}.quick-user-context strong{display:block;margin-top:2px;font-size:14px;color:#173f34}.quick-user-context span:not(.status):not(.quick-user-context-icon){display:block;margin-top:2px;color:#6f817a;font-size:10px}.quick-user-context .status{margin-left:auto;white-space:nowrap}.quick-context-note{margin-top:-5px!important;background:#f7f7f2!important;border-radius:11px;padding:9px 10px!important}.user-create-head{align-items:flex-start;margin-bottom:10px}.user-create-head p{margin:3px 0 0;font-size:11px;line-height:1.45}
.org-structure-policy{line-height:1.5}.org-root-row,.org-halaqah-card{transition:border-color .15s ease,box-shadow .15s ease}.org-root-row:hover,.org-halaqah-card:hover{border-color:#d8dfd9}.org-root-actions .btn,.org-halaqah-actions .btn{white-space:nowrap}
@media(max-width:980px){.organization-layout>.org-directory-card{order:1}.organization-layout>.org-form-card{order:2}.org-form-card{margin-top:0}.org-directory-card{margin-bottom:0}}
@media(max-width:650px){.organization-page-head{margin-bottom:11px}.organization-page-head h2{font-size:24px}.organization-page-head .page-intro{font-size:12px;line-height:1.5}.org-structure-policy{font-size:11px;padding:12px 13px}.org-tree-card{padding:14px 12px}.org-root-row{padding:12px}.org-root-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px;width:100%;padding-left:0}.org-root-actions .btn{margin-left:0!important;width:100%;justify-content:center;min-height:40px}.org-halaqah-head{gap:9px}.org-halaqah-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding-left:0}.org-halaqah-actions .btn{width:100%;justify-content:center;min-height:40px;padding-left:8px;padding-right:8px}.org-halaqah-actions .btn:nth-of-type(3){grid-column:auto!important}.org-halaqah-actions .status{grid-column:1/3;grid-row:2;justify-self:start;align-self:center}.org-halaqah-actions .row-menu{grid-column:3;grid-row:2;justify-self:end}.org-halaqah-card .org-tree-meta{font-size:10px;line-height:1.45}.org-subunit-toggle{font-size:10px}.org-form-card{padding-top:16px}.quick-user-context{align-items:flex-start;padding:12px}.quick-user-context .status{font-size:9px}}
@media(max-width:420px){.org-summary-grid{gap:7px}.org-summary-card{padding:10px}.org-summary-card small{font-size:9px}.org-root-actions{grid-template-columns:1fr 1fr!important}.org-halaqah-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.org-halaqah-actions .btn{font-size:10px}.quick-user-context{display:grid;grid-template-columns:42px minmax(0,1fr)}.quick-user-context .status{grid-column:2;justify-self:start;margin-left:0}}

/* v0.1.59 — kemasan istilah akses + role legacy Mahalla */
.text-danger{color:#9a4636;font-weight:800}

/* v0.1.60 — menu tindakan bebas clip + action sheet mobile */
.row-menu-box.row-menu-portal{
  position:fixed!important;
  z-index:10020!important;
  right:auto!important;
  margin:0!important;
  width:230px;
  max-width:calc(100vw - 24px);
  box-shadow:0 18px 48px rgba(25,55,45,.18),0 4px 14px rgba(25,55,45,.10);
}
.row-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:10010;
  background:rgba(8,28,23,.34);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.row-menu-sheet-head{display:none}
html.row-menu-sheet-open,html.row-menu-sheet-open body{overflow:hidden}
@media(max-width:650px){
  .row-menu-box.row-menu-portal.row-menu-sheet{
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72vh,560px);
    overflow:auto;
    padding:10px;
    border-radius:22px;
    border:1px solid rgba(222,216,200,.95);
    background:#fffdf9;
    box-shadow:0 24px 70px rgba(8,28,23,.28);
  }
  .row-menu-sheet-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:3px 3px 10px;
    margin-bottom:4px;
    border-bottom:1px solid #eee9dd;
  }
  .row-menu-sheet-head b{font-size:14px;color:var(--ink)}
  .row-menu-sheet-close{
    width:38px;
    height:38px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    color:var(--ink);
    font-size:22px;
    line-height:1;
    cursor:pointer;
  }
  .row-menu-box.row-menu-sheet .menu-action{
    min-height:48px;
    padding:11px 12px;
    border-radius:12px;
    font-size:13px;
  }
  .row-menu-box.row-menu-sheet .reset-form{margin-top:8px}
  .row-menu-box.row-menu-sheet .reset-form input{min-height:46px;font-size:16px}
}

/* v0.1.62 — Laporan terdahulu Halqah */
body.modal-open{overflow:hidden}
.report-page-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.past-report-open{white-space:nowrap}.past-report-modal[hidden]{display:none!important}.past-report-modal{position:fixed;inset:0;z-index:140;display:flex;align-items:center;justify-content:center;padding:20px}.past-report-backdrop{position:absolute;inset:0;border:0;background:rgba(7,29,24,.68);backdrop-filter:blur(5px);cursor:default}.past-report-card{position:relative;z-index:1;width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 34px);overflow:auto;background:#fffdf8;border:1px solid #e5dfd1;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.32);padding:18px;outline:0}.past-report-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:14px;border-bottom:1px solid #eee8dc}.past-report-head h3{margin:4px 0 5px;font-size:20px;line-height:1.15}.past-report-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.past-report-close{width:36px;height:36px;border:1px solid #dde4df;border-radius:11px;background:#fff;color:#36594f;font-size:24px;line-height:1;cursor:pointer}.past-report-form{display:grid;gap:14px;padding-top:15px}.past-report-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.past-report-selects label{display:grid;gap:6px;margin:0}.past-report-selects label>span{font-size:11px;font-weight:850;color:#536860}.past-report-selects select{width:100%;min-height:46px}.past-report-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:13px;background:#f3f7f4;color:#5c7068;font-size:11px;line-height:1.45}.past-report-note .meta-icon{width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:var(--green)}
@media(max-width:760px){.report-page-head{gap:12px}.report-page-actions{width:100%;justify-content:stretch}.report-page-actions .btn{width:100%}.past-report-modal{align-items:flex-end;padding:12px}.past-report-card{width:100%;border-radius:20px 20px 14px 14px;padding:16px}.past-report-selects{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.past-report-selects{grid-template-columns:1fr}}

/* v0.1.63 — Halqah report hub: action-first, scalable history, missing-month detector */
.report-page-head-v2{margin-bottom:12px}.report-page-head-v2 .section-subtitle{max-width:650px}.report-next-action{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 12px;padding:15px 16px;border:1px solid #cfe1d8;border-radius:18px;background:linear-gradient(135deg,#f7fcf9,#eef7f2);box-shadow:0 8px 22px rgba(27,67,54,.05)}.report-next-action.warning{border-color:#ead8a5;background:linear-gradient(135deg,#fffdf8,#fff7df)}.report-next-action.danger{border-color:#ecc7bc;background:linear-gradient(135deg,#fffaf7,#fff0ea)}.report-next-action.info{border-color:#c9dde7;background:linear-gradient(135deg,#f8fcfe,#eef6fb)}.report-next-action-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e4f2eb;color:var(--green)}.report-next-action.warning .report-next-action-icon{background:#fff0bd;color:#95640e}.report-next-action.danger .report-next-action-icon{background:#fde1d8;color:#994638}.report-next-action.info .report-next-action-icon{background:#deedf5;color:#315f78}.report-next-action small{display:block;color:#94700c;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.report-next-action h3{margin:3px 0 4px;font-size:17px;color:#173f34}.report-next-action p{margin:0;color:#60736c;font-size:11px;line-height:1.5}.report-next-action .btn{min-width:145px}.report-mini-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.report-mini-summary>div{padding:11px 13px;border:1px solid #e2ddd1;border-radius:14px;background:#fffdf9}.report-mini-summary small{display:block;color:#7a8a84;font-size:9px;font-weight:800;margin-bottom:3px}.report-mini-summary strong{display:block;color:#174f40;font-size:15px;line-height:1.2}.format-lock-details{margin:0 0 12px;border:1px solid #ead18b;border-radius:15px;background:#fffaf0;overflow:hidden}.format-lock-details summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px}.format-lock-details summary::-webkit-details-marker{display:none}.format-lock-check{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;border:1px solid #dfc66f;background:#fffdf7;color:var(--green);font-weight:900}.format-lock-details summary b{display:block;font-size:12px;color:#254d40}.format-lock-details summary small{display:block;margin-top:2px;color:#71817b;font-size:9px}.format-lock-more{font-size:9px;font-weight:900;color:#9a7310}.format-lock-details>p{margin:0;padding:0 13px 12px 53px;color:#6c786f;font-size:10px;line-height:1.5}.halaqah-report-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.halaqah-report-tabs::-webkit-scrollbar{display:none}.halaqah-report-tabs a{min-height:38px;padding:0 14px;border:1px solid #ded9cd;border-radius:999px;background:#fffdf9;color:#577068;text-decoration:none;font-size:11px;font-weight:850;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.halaqah-report-tabs a b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#edf2ef;color:#365f52;font-size:9px}.halaqah-report-tabs a.active{background:var(--green);border-color:var(--green);color:#fff}.halaqah-report-tabs a.active b{background:#ffffff22;color:#fff}.report-tab-section{margin-top:4px}.report-tab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 2px}.report-tab-head h3{margin:2px 0 0;font-size:17px}.report-tab-head>small{color:#788b84;font-size:10px;font-weight:800}.report-missing-alert{display:flex;align-items:flex-start;gap:11px;margin:0 0 10px;padding:12px 13px;border:1px solid #ead49b;border-radius:14px;background:#fff8e4;color:#6d5614}.report-missing-alert>span{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#f4de9f;font-weight:900}.report-missing-alert b{font-size:12px}.report-missing-alert p{margin:3px 0 0;font-size:10px;line-height:1.45;color:#796a3b}.compact-empty{padding:22px}.report-year-group{margin:0 0 10px;border:1px solid #e3ded2;border-radius:16px;background:#fffdf9;overflow:hidden}.report-year-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fbf8f0}.report-year-group>summary::-webkit-details-marker{display:none}.report-year-group>summary span:first-child{display:flex;align-items:baseline;gap:9px}.report-year-group>summary b{font-size:16px;color:#174f40}.report-year-group>summary small{color:#7b8b85;font-size:10px;font-weight:750}.year-summary-chevron{font-size:15px;color:#6d8079;transition:transform .15s}.report-year-group:not([open]) .year-summary-chevron{transform:rotate(-90deg)}.report-year-list{display:grid;padding:0 13px 13px}.history-report-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #eee9de}.history-report-row[hidden]{display:none!important}.history-month{display:grid;gap:2px}.history-month b{font-size:13px;color:#1b4a3d}.history-month small{font-size:9px;color:#87958f}.history-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-title h4{margin:0;font-size:13px}.history-copy>p{margin:4px 0 2px;color:#5f716a;font-size:10px}.history-copy>small{display:block;color:#8a9792;font-size:9px}.history-pdf-btn{min-width:112px}.history-events{margin-top:7px}.history-events>summary{cursor:pointer;color:#326b59;font-size:9px;font-weight:850;list-style:none;display:inline-flex;align-items:center;gap:4px}.history-events>summary::-webkit-details-marker{display:none}.history-events>summary:after{content:'⌄';font-size:11px}.history-event-list{display:grid;gap:7px;margin-top:8px;padding:9px 10px;border-radius:11px;background:#f5f8f6}.history-event-list>div{display:grid;grid-template-columns:9px minmax(0,1fr);gap:7px;align-items:start}.history-event-list>div>span{width:7px;height:7px;border-radius:50%;background:#2f8a6d;margin-top:4px}.history-event-list p{margin:0}.history-event-list b{display:block;font-size:9px;color:#35584d}.history-event-list small{display:block;margin-top:1px;font-size:8px;color:#87948f}.history-event-list em{display:block;margin-top:3px;font-style:normal;font-size:8px;color:#6a7873;line-height:1.45}.history-more-btn{justify-self:center;margin-top:10px}.future-legacy-group{margin-top:12px;padding:12px 13px;border:1px dashed #d6c58b;border-radius:14px;background:#fffaf0}.future-legacy-group>summary{cursor:pointer;font-weight:850;color:#66551e;font-size:11px}.future-legacy-group>summary b{margin-left:5px}.future-legacy-group>p{margin:6px 0 10px;font-size:9px;color:#7b6d44;line-height:1.45}
@media(max-width:760px){.report-page-head-v2{gap:10px}.report-page-actions{width:auto}.report-page-actions .btn{width:auto}.report-next-action{grid-template-columns:auto minmax(0,1fr);padding:13px}.report-next-action .btn{grid-column:1/-1;width:100%;min-width:0}.report-mini-summary{grid-template-columns:1fr 1fr}.report-mini-summary>div{padding:10px 11px}.format-lock-details summary{padding:10px 11px}.halaqah-report-tabs{margin-left:-1px}.history-report-row{grid-template-columns:64px minmax(0,1fr);gap:10px}.history-pdf-btn{grid-column:1/-1;width:100%;min-width:0}.report-year-list{padding:0 11px 11px}.history-month b{font-size:12px}}
@media(max-width:430px){.report-page-head-v2 .kicker{font-size:9px}.report-page-head-v2 h2{font-size:25px;line-height:1.05}.report-page-head-v2 .section-subtitle{font-size:11px;line-height:1.45}.report-page-actions{width:100%}.report-page-actions .btn{width:100%}.report-next-action-icon{width:40px;height:40px;border-radius:12px}.report-next-action h3{font-size:15px}.report-next-action p{font-size:10px}.report-mini-summary strong{font-size:13px}.format-lock-details>p{padding-left:11px}.report-tab-head h3{font-size:15px}.report-year-group>summary{padding:12px}.history-report-row{grid-template-columns:56px minmax(0,1fr)}.history-title h4{font-size:12px}.history-copy>p{line-height:1.4}}

/* v0.1.64 — Ringkasan laporan: sejarah tidak lagi tersembunyi daripada paparan utama */
.report-overview-section{display:grid;gap:14px}.overview-block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:2px;padding:0 2px}.overview-block-head h3{margin:2px 0 0;font-size:17px}.overview-block-head>a{color:var(--green);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}.overview-block-head>a:hover{text-decoration:underline}.overview-history-list{display:grid;gap:8px}.overview-history-row{display:grid;grid-template-columns:82px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 13px}.overview-history-month{display:grid;gap:1px}.overview-history-month b{font-size:13px;color:#174f40}.overview-history-month small{font-size:9px;color:#86958f}.overview-history-row h4{margin:0;font-size:13px;color:#173f34}.overview-history-row p{margin:3px 0 0;color:#6b7b75;font-size:9px}.overview-history-pdf{min-width:112px}.overview-no-history{padding:14px 15px;background:#fbfaf5}.overview-no-history b{font-size:12px;color:#244d40}.overview-no-history p{margin:4px 0 0;color:#7b8984;font-size:10px;line-height:1.45}.overview-future-legacy{margin-top:2px}.history-overview-head{margin-top:0}
@media(max-width:760px){.overview-history-row{grid-template-columns:62px minmax(0,1fr) auto;gap:9px}.overview-history-row>.status{justify-self:end}.overview-history-pdf{grid-column:1/-1;width:100%;min-width:0}.overview-block-head{align-items:center}.overview-block-head h3{font-size:15px}}
@media(max-width:430px){.overview-history-row{grid-template-columns:54px minmax(0,1fr)}.overview-history-row>.status{grid-column:2;justify-self:start}.overview-history-month b{font-size:12px}.overview-block-head>a{font-size:9px}}

/* v0.1.65 — Laporan Halqah: minimal, action-first, scalable history */
.report-page-head-v3{align-items:flex-end;margin-bottom:10px}.report-page-head-v3 .section-subtitle{max-width:620px}.report-page-head-v3 h2{margin-bottom:5px}.report-page-head-v3 .report-page-actions{display:flex;align-items:center;justify-content:flex-end}.report-page-head-v3 .report-page-actions .btn{min-height:42px}
.report-inline-summary{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 2px 11px;margin:0 0 6px;border-bottom:1px solid #e9e4d9;overflow-x:auto;scrollbar-width:none}.report-inline-summary::-webkit-scrollbar{display:none}.report-inline-summary span{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.report-inline-summary small{color:#7c8c86;font-size:9px;font-weight:800}.report-inline-summary b{color:#174f40;font-size:12px}.report-inline-summary i{width:3px;height:3px;flex:0 0 3px;border-radius:50%;background:#c8d1cd}
.report-focus-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:8px 0 12px;padding:12px 14px;border:1px solid #d8e6df;border-radius:15px;background:#f5faf7}.report-focus-strip.warning{border-color:#ead6a0;background:#fff9e9}.report-focus-strip.danger{border-color:#ebc7bd;background:#fff3ef}.report-focus-strip.info{border-color:#cbdfe8;background:#f1f8fb}.report-focus-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e7f3ed;color:var(--green)}.report-focus-strip.warning .report-focus-icon{background:#ffedb8;color:#8d650a}.report-focus-strip.danger .report-focus-icon{background:#f8dcd5;color:#914438}.report-focus-strip.info .report-focus-icon{background:#dcecf4;color:#315d78}.report-focus-strip small{display:block;color:#85743e;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.report-focus-strip b{display:block;margin-top:2px;color:#173f34;font-size:13px}.report-focus-strip p{margin:2px 0 0;color:#66766f;font-size:10px;line-height:1.4}.report-focus-strip .btn{min-height:38px;padding:0 13px;font-size:11px}
.report-tabs-v3{margin:0 0 16px;padding:0;gap:5px}.report-tabs-v3 a{min-height:34px;padding:0 12px;font-size:10px;border-radius:999px}.report-tabs-v3 a b{min-width:18px;height:18px;font-size:8px}
.report-overview-v3{display:grid;gap:0}.report-v3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 1px}.report-v3-section-head+.halaqah-period-list{margin-bottom:20px}.report-v3-section-head h3{margin:2px 0 0;font-size:16px;color:#173f34}.report-v3-section-head.with-link{margin-top:4px}.report-v3-section-head a{color:var(--green);font-size:10px;font-weight:850;text-decoration:none;white-space:nowrap}.report-v3-section-head a:hover{text-decoration:underline}.history-head-v3{margin-top:4px}
/* Compact report cards — one clear action, less vertical weight */
.report-overview-v3 .halaqah-period-card,.report-tab-section .halaqah-period-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:15px;padding:14px 15px;border-radius:17px;box-shadow:0 5px 16px rgba(43,70,60,.04)}.report-overview-v3 .period-card-main,.report-tab-section .period-card-main{display:flex;align-items:center;gap:12px;min-width:0}.report-overview-v3 .period-card-icon,.report-tab-section .period-card-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px}.report-overview-v3 .period-card-main h3,.report-tab-section .period-card-main h3{margin:1px 0 3px;font-size:15px}.report-overview-v3 .period-card-main p,.report-tab-section .period-card-main p{margin:0;font-size:9px;color:#74857f}.report-overview-v3 .period-card-main .kicker,.report-tab-section .period-card-main .kicker{font-size:8px}.report-overview-v3 .period-card-status,.report-tab-section .period-card-status{min-width:120px}.report-overview-v3 .period-card-status .status,.report-tab-section .period-card-status .status{font-size:9px}.report-overview-v3 .mini-progress,.report-tab-section .mini-progress{height:5px;margin:7px 0 3px}.report-overview-v3 .period-card-status small,.report-tab-section .period-card-status small{font-size:8px}.report-overview-v3 .period-card-actions,.report-tab-section .period-card-actions{min-width:116px}.report-overview-v3 .period-card-actions .btn,.report-tab-section .period-card-actions .btn{min-height:39px;width:100%;padding:0 12px;font-size:10px}.current-period-v3 .halaqah-period-card{border-color:#dfe5df;background:#fffefa}.overdue-list-v3 .halaqah-period-card{border-color:#ead49d;background:#fffdf6}
/* History is one calm card, not many competing cards */
.report-history-card-v3{padding:0 15px;border-radius:17px;overflow:hidden}.report-history-line-v3{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:68px;padding:10px 0;border-top:1px solid #eee9de}.report-history-line-v3:first-child{border-top:0}.report-history-date-v3{display:grid;gap:1px}.report-history-date-v3 b{font-size:12px;color:#174f40}.report-history-date-v3 small{font-size:8px;color:#899690}.report-history-line-v3 strong{display:block;font-size:12px;color:#173f34}.report-history-line-v3 .grow>small{display:block;margin-top:3px;color:#7d8b86;font-size:8px}.report-history-line-v3>.status{font-size:8px}.report-history-open-v3{min-height:36px;min-width:104px;padding:0 10px;font-size:9px}.report-empty-line-v3{margin-bottom:18px;padding:13px 14px;border:1px dashed #ded8ca;border-radius:14px;color:#78867f;font-size:10px;background:#fbfaf6}.report-empty-line-v3 b{color:#35584c}
.future-legacy-v3{margin:0 0 14px;padding:10px 12px;background:#fffaf0;border-radius:13px}.future-legacy-v3>summary{font-size:10px}.future-legacy-v3>p{font-size:9px}
.report-format-note-v3{margin:2px 0 0;border-top:1px solid #ece7dd}.report-format-note-v3 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 2px;color:#61716b}.report-format-note-v3 summary::-webkit-details-marker{display:none}.report-format-note-v3 .format-lock-check{width:26px;height:26px;border-color:#d9dfda;background:#f8faf9}.report-format-note-v3 summary b{display:block;font-size:10px;color:#456057}.report-format-note-v3 summary small{display:block;margin-top:1px;font-size:8px;color:#8a9691}.report-format-note-v3 summary>span:last-child{font-size:8px;font-weight:850}.report-format-note-v3>p{margin:0;padding:0 0 11px 35px;color:#798680;font-size:9px;line-height:1.45}
@media(max-width:760px){.report-page-head-v3{align-items:flex-start;gap:9px}.report-page-head-v3 .report-page-actions{width:100%;justify-content:flex-start}.report-page-head-v3 .report-page-actions .btn{width:100%}.report-inline-summary{gap:9px;margin-bottom:8px}.report-inline-summary span{gap:5px}.report-inline-summary small{font-size:8px}.report-inline-summary b{font-size:11px}.report-focus-strip{grid-template-columns:auto minmax(0,1fr);padding:11px 12px}.report-focus-strip .btn{grid-column:1/-1;width:100%}.report-overview-v3 .halaqah-period-card,.report-tab-section .halaqah-period-card{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px}.report-overview-v3 .period-card-status,.report-tab-section .period-card-status{grid-column:1/2;min-width:0;padding-left:54px}.report-overview-v3 .period-card-actions,.report-tab-section .period-card-actions{grid-column:1/-1;width:100%;min-width:0}.report-overview-v3 .period-card-actions .btn,.report-tab-section .period-card-actions .btn{width:100%}.report-history-line-v3{grid-template-columns:54px minmax(0,1fr) auto;gap:9px}.report-history-line-v3>.status{justify-self:end}.report-history-open-v3{grid-column:1/-1;width:100%;min-width:0}.report-history-card-v3{padding:0 12px}}
@media(max-width:430px){.report-page-head-v3 h2{font-size:25px;line-height:1.08}.report-page-head-v3 .section-subtitle{font-size:10px;line-height:1.45}.report-inline-summary{padding-top:3px}.report-inline-summary i{display:none}.report-inline-summary span{padding-right:8px;border-right:1px solid #e7e2d8}.report-inline-summary span:last-child{border-right:0}.report-tabs-v3{margin-bottom:14px}.report-v3-section-head h3{font-size:15px}.report-v3-section-head a{font-size:9px}.report-overview-v3 .period-card-main h3,.report-tab-section .period-card-main h3{font-size:14px}.report-overview-v3 .period-card-icon,.report-tab-section .period-card-icon{width:40px;height:40px;flex-basis:40px}.report-overview-v3 .period-card-status,.report-tab-section .period-card-status{padding-left:52px}.report-history-line-v3{grid-template-columns:48px minmax(0,1fr)}.report-history-line-v3>.status{grid-column:2;justify-self:start}.report-history-line-v3 strong{font-size:11px}.report-format-note-v3>p{padding-left:0}}

/* v0.1.66 — Laporan Halqah: future record visible + history grouped clearly by year */
.report-overview-v4{display:grid;gap:0}.report-v4-block{margin-top:22px}.report-v4-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 9px;padding:0 2px}.report-v4-section-head .kicker{margin-bottom:2px}.report-v4-section-head h3{margin:0;color:#173f34;font-size:17px}.report-v4-section-head>small{color:#82908b;font-size:9px;font-weight:800}.report-v4-section-head p{margin:4px 0 0;color:#72817c;font-size:10px;line-height:1.45}.report-count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eef5f1;color:#285f4f;font-size:9px;font-weight:900;white-space:nowrap}.report-count-badge.warn{background:#fff0c8;color:#7f5d12}.report-count-badge.info{background:#eaf3f7;color:#315f73}
.current-period-v4{margin-bottom:0}.overdue-block-v4{padding-top:1px}.overdue-list-v4{display:grid;gap:9px}.future-block-v4{padding:15px;border:1px solid #d8e4e7;border-radius:18px;background:linear-gradient(135deg,#f7fbfc,#fffdf8)}.future-visible-note-v4{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;margin:0 0 10px;padding:10px 11px;border-radius:13px;background:#edf6f8;color:#47656e}.future-visible-note-v4>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#326878}.future-visible-note-v4 .metric-svg{width:18px;height:18px}.future-visible-note-v4 p{margin:0;font-size:9px;line-height:1.5}.future-visible-note-v4 b{display:block;margin-bottom:2px;color:#244d59;font-size:10px}.future-list-v4{display:grid;gap:9px}.future-list-v4 .halaqah-period-card{border-color:#d7e5e8;background:#fff}.future-list-v4 .period-card-main .kicker{color:#537b86}.future-list-v4 .period-card-status .status.info{background:#eaf3f7;color:#315f73}
.history-block-v4{margin-top:24px}.history-head-v4{align-items:flex-start}.history-years-v4{display:grid;gap:10px}.report-year-group-v4{margin:0;border:1px solid #deddd4;border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(40,65,56,.035);overflow:hidden}.report-year-group-v4>summary{min-height:62px;padding:11px 14px;background:#fff;transition:background .15s}.report-year-group-v4[open]>summary{background:#f7faf8;border-bottom:1px solid #ebe9df}.report-year-group-v4>summary:hover{background:#f7faf8}.year-main-v4{display:flex!important;align-items:center!important;gap:10px!important}.year-icon-v4{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e9f4ef;color:#17644e}.year-icon-v4 .button-icon{width:17px;height:17px}.year-main-v4>span:last-child{display:grid;gap:2px}.year-main-v4 b{font-size:17px!important;line-height:1}.year-main-v4 small{font-size:9px!important}.year-action-v4{display:flex;align-items:center;gap:9px;color:#567069}.year-action-v4 em{font-style:normal;font-size:9px;font-weight:850}.report-year-group-v4[open] .year-action-v4 em{color:#17644e}.report-year-group-v4 .report-year-list{padding:0 14px 14px}.report-year-group-v4 .history-report-row{min-height:70px}.report-empty-line-v4{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px dashed #ddd8cc;border-radius:15px;background:#fbfaf6}.report-empty-line-v4>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eaf4ef;color:#17644e;font-weight:900}.report-empty-line-v4 b{display:block;color:#35584c;font-size:11px}.report-empty-line-v4 p{margin:3px 0 0;color:#7a8882;font-size:9px;line-height:1.45}.report-format-note-v4{margin-top:18px}
@media(max-width:760px){.report-v4-section-head{align-items:flex-start}.report-v4-section-head h3{font-size:16px}.future-block-v4{padding:12px}.future-visible-note-v4{grid-template-columns:32px minmax(0,1fr)}.future-visible-note-v4>span{width:30px;height:30px}.year-action-v4 em{display:none}.report-year-group-v4>summary{min-height:58px;padding:10px 12px}.report-year-group-v4 .report-year-list{padding:0 12px 12px}}
@media(max-width:430px){.report-v4-block{margin-top:18px}.report-v4-section-head{margin-bottom:8px}.report-v4-section-head h3{font-size:15px}.report-v4-section-head p{font-size:9px}.report-count-badge{min-height:25px;padding:0 8px;font-size:8px}.future-block-v4{border-radius:15px}.future-visible-note-v4 p{font-size:8.5px}.year-icon-v4{width:32px;height:32px}.year-main-v4 b{font-size:15px!important}.report-year-group-v4 .history-report-row{min-height:66px}}

/* v0.1.67 — year selector history: always visible, no hidden accordion dependency */
.history-year-picker-v5{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 1px 10px;margin:0 0 10px;scrollbar-width:none}.history-year-picker-v5::-webkit-scrollbar{display:none}.history-year-pill-v5{flex:0 0 auto;min-width:96px;min-height:52px;padding:9px 12px;border:1px solid #deddd4;border-radius:14px;background:#fff;color:#31584d;text-decoration:none;display:grid;gap:2px;align-content:center;box-shadow:0 3px 10px rgba(40,65,56,.025);transition:.15s ease}.history-year-pill-v5:hover{border-color:#bcd2c9;background:#f8fbf9}.history-year-pill-v5 span{font-size:15px;font-weight:900;line-height:1}.history-year-pill-v5 small{font-size:8.5px;color:#7a8a84;font-weight:750}.history-year-pill-v5.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 5px 14px rgba(15,91,71,.14)}.history-year-pill-v5.active small{color:#dcece6}.history-selected-year-v5{border:1px solid #deddd4;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(40,65,56,.035)}.history-selected-head-v5{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#f7faf8;border-bottom:1px solid #ebe9df}.history-selected-head-v5 small{display:block;font-size:8px;letter-spacing:.06em;color:#8a9792;font-weight:900}.history-selected-head-v5 h4{margin:2px 0 0;font-size:17px;color:#174f40}.history-selected-head-v5>span{font-size:9px;font-weight:850;color:#587069}.history-selected-list-v5{padding:0 14px 14px}.history-selected-list-v5 .history-report-row:first-child{border-top:0}.future-list-v4 .is-future-period .period-card-main p .muted{font-weight:750;color:#627770}
@media(max-width:760px){.history-year-picker-v5{margin-right:-2px}.history-year-pill-v5{min-width:88px;min-height:49px;padding:8px 10px}.history-selected-head-v5{padding:10px 12px}.history-selected-list-v5{padding:0 12px 12px}}
@media(max-width:430px){.history-year-pill-v5{min-width:82px}.history-year-pill-v5 span{font-size:14px}.history-selected-head-v5 h4{font-size:15px}.history-selected-head-v5>span{font-size:8px}}

/* v0.1.68 — fallback tanpa JavaScript untuk modal Laporan Terdahulu */
.past-report-backdrop{display:block;text-decoration:none}.past-report-close{display:grid;place-items:center;text-decoration:none}

/* v0.1.69 — Pemilih laporan terdahulu: pilih tahun dahulu, kemudian bulan */
.past-report-card-v2{width:min(640px,calc(100vw - 28px))}
.past-report-stepbar{display:flex;align-items:center;gap:10px;margin:14px 0 12px;padding:10px 12px;border-radius:14px;background:#f6f8f5;color:#6f817a;font-size:11px;font-weight:800}
.past-report-stepbar span{display:flex;align-items:center;gap:6px;white-space:nowrap}.past-report-stepbar span b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e5eee9;color:#185c49;font-size:11px}.past-report-stepbar span.active{color:#174f40}.past-report-stepbar span.active b{background:#0f684f;color:#fff}.past-report-stepbar i{font-style:normal;color:#a6b2ad}
.past-report-year-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:14px}.past-report-year-form label{display:grid;gap:6px;margin:0}.past-report-year-form label>span{font-size:11px;font-weight:850;color:#536860}.past-report-year-form select{width:100%;min-height:46px}.past-report-year-form .btn{min-height:46px;white-space:nowrap}
.past-report-month-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 9px}.past-report-month-heading div{display:flex;align-items:baseline;gap:8px}.past-report-month-heading small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#b17810}.past-report-month-heading strong{font-size:18px;color:#173f35}.past-report-month-heading>span{font-size:11px;color:var(--muted)}
.past-report-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.past-month-form{margin:0}.past-month-card{min-height:86px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:12px;border:1px solid #dce7e1;border-radius:15px;background:#fff;color:#234f43;text-decoration:none;text-align:left;cursor:pointer;box-shadow:0 3px 12px rgba(19,72,57,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.past-month-card:hover{transform:translateY(-1px);border-color:#91b7a9;box-shadow:0 8px 18px rgba(19,72,57,.08)}button.past-month-card{font:inherit}.past-month-card b{font-size:10px;letter-spacing:.08em;color:#8da097}.past-month-card span{font-size:14px;font-weight:900;color:#173f35}.past-month-card small{font-size:10px;color:#71837d;line-height:1.25}
.past-month-card.available{background:#f5faf7;border-color:#cfe3da}.past-month-card.available small{color:#0f684f;font-weight:800}.past-month-card.draft{background:#fff8e7;border-color:#ead6a1}.past-month-card.draft small{color:#9a6810;font-weight:800}.past-month-card.revision{background:#fff1ec;border-color:#e6b5a7}.past-month-card.revision small{color:#a04431;font-weight:800}.past-month-card.sent{background:#eef8f3;border-color:#c8e3d6}.past-month-card.sent small{color:#0d7656;font-weight:850}.past-month-card.current{background:#eef4fb;border-color:#cad9e8}.past-month-card.current small{color:#406d95;font-weight:800}.past-month-card.disabled{background:#f4f4f1;border-color:#e6e5df;color:#a7aaa5;cursor:not-allowed;box-shadow:none}.past-month-card.disabled b,.past-month-card.disabled span,.past-month-card.disabled small{color:#9da39f}.past-month-card.disabled:hover{transform:none;box-shadow:none;border-color:#e6e5df}
.past-report-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;padding:0 2px;font-size:10px;color:#687a73}.past-report-legend span{display:flex;align-items:center;gap:5px}.past-report-legend .dot{width:8px;height:8px;border-radius:50%;background:#cfd7d3}.past-report-legend .dot.available{background:#54a486}.past-report-legend .dot.draft{background:#d6a23d}.past-report-legend .dot.sent{background:#0f7657}.past-report-legend .dot.disabled{background:#bfc4c1}
@media(max-width:760px){.past-report-card-v2{max-height:calc(100dvh - 18px)}.past-report-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.past-report-year-form{grid-template-columns:minmax(0,1fr) auto}.past-report-stepbar{overflow-x:auto}.past-report-month-heading>span{display:none}.past-month-card{min-height:80px;padding:10px}.past-report-legend{gap:9px}}
@media(max-width:390px){.past-report-month-grid{gap:7px}.past-month-card{min-height:76px;padding:9px}.past-month-card span{font-size:13px}.past-report-year-form{grid-template-columns:1fr}.past-report-year-form .btn{width:100%}}

/* v0.1.70 — Laporan terdahulu menggunakan halaman khusus, bukan modal. */
.past-report-page-head{align-items:flex-end}.past-report-page-head .section-subtitle{max-width:700px}.past-report-page-card{max-width:760px;margin:0 auto}.past-report-page-card .past-report-stepbar{margin-top:0}.past-report-page-card .past-report-note{margin-top:14px}
@media(max-width:760px){.past-report-page-head{align-items:flex-start}.past-report-page-head>a{width:100%}.past-report-page-card{padding:15px}.past-report-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:390px){.past-report-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.1.71 — standard warna status laporan + persediaan draf bulan hadapan */
.halaqah-period-card{position:relative;overflow:hidden;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.halaqah-period-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c9cfcc}
.halaqah-period-card.report-state-sent{border-color:#c6dfd3;background:linear-gradient(135deg,#fbfffd,#f2faf6)}
.halaqah-period-card.report-state-sent::before{background:#19845f}
.halaqah-period-card.report-state-sent .period-card-icon{background:#e3f3eb;color:#147153}
.halaqah-period-card.report-state-sent .mini-progress span{background:#19845f}
.halaqah-period-card.report-state-draft{border-color:#ead69c;background:linear-gradient(135deg,#fffdf8,#fff8e4)}
.halaqah-period-card.report-state-draft::before{background:#d8a22c}
.halaqah-period-card.report-state-draft .period-card-icon{background:#fff0c9;color:#966811}
.halaqah-period-card.report-state-revision{border-color:#eabda7;background:linear-gradient(135deg,#fffdfa,#fff1e9)}
.halaqah-period-card.report-state-revision::before{background:#d87545}
.halaqah-period-card.report-state-revision .period-card-icon{background:#fee5d9;color:#a74d29}
.halaqah-period-card.report-state-overdue{border-color:#e7b8b2;background:linear-gradient(135deg,#fffdfc,#fff0ee)}
.halaqah-period-card.report-state-overdue::before{background:#c94f48}
.halaqah-period-card.report-state-overdue .period-card-icon{background:#fbe2df;color:#a93b35}
.halaqah-period-card.report-state-not-started{border-color:#dfe3e1;background:linear-gradient(135deg,#fff,#f8f9f8)}
.halaqah-period-card.report-state-not-started::before{background:#9aa49f}
.halaqah-period-card.report-state-future{border-color:#d7cfea;background:linear-gradient(135deg,#fdfcff,#f5f1fc)}
.halaqah-period-card.report-state-future::before{background:#8064b2}
.halaqah-period-card.report-state-future .period-card-icon{background:#eee8f8;color:#6a4d9f}
.halaqah-period-card.report-state-future .period-card-main .kicker{color:#765aa4}
.halaqah-period-card.report-state-future .status.info,.future-draft-status{background:#eee8f8!important;color:#624690!important;border-color:#d9ccec!important}
.halaqah-period-card.report-state-future .mini-progress span{background:linear-gradient(90deg,#7557a6,#a58ac8)}
.future-block-v4{border-color:#ddd3ed;background:linear-gradient(135deg,#fbf9ff,#fffdf9)}
.future-visible-note-v4{background:#f1edf9;color:#5c5070}
.future-visible-note-v4>span{color:#7056a0;background:#fff}
.future-visible-note-v4 b{color:#493a64}
.future-draft-notice{border-color:#d9cdec!important;background:#f7f3fc!important;color:#554469!important}
.future-draft-notice b{color:#493260}
.future-review-lock{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin-top:14px;padding:14px;border:1px solid #dacfed;border-radius:15px;background:#f7f3fc;color:#59476e}
.future-review-lock>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ebe4f6;color:#6e51a0}
.future-review-lock .metric-svg{width:20px;height:20px}.future-review-lock b{display:block;color:#49345f}.future-review-lock p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#6e617c}
.meeting-state-card:has(.future-draft-status){border-color:#d9cdec;background:linear-gradient(135deg,#fff,#f8f4fd)}
.meeting-state-card:has(.future-draft-status) .meeting-state-icon{background:#eee8f8;color:#6a4d9f}

/* Warna pemilih bulan terdahulu diperteguh tanpa bergantung pada warna semata-mata. */
.past-month-card{position:relative;overflow:hidden}
.past-month-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9ca7a2}
.past-month-card.available::before{background:#4d9b7e}.past-month-card.draft::before{background:#d3a02f}.past-month-card.revision::before{background:#d87545}.past-month-card.sent::before{background:#16805b}.past-month-card.current::before{background:#4c7fa9}.past-month-card.disabled::before{background:#b8bfbb}
.past-month-card.available{background:#f4fbf7}.past-month-card.draft{background:#fff8e7}.past-month-card.revision{background:#fff1e9}.past-month-card.sent{background:#eef9f3}.past-month-card.current{background:#eef5fb}.past-month-card.disabled{background:#f4f5f3}
.past-report-legend .dot.revision{background:#d87545}.past-report-legend .dot.current{background:#4c7fa9}

@media(max-width:760px){.future-review-lock{grid-template-columns:36px minmax(0,1fr);padding:12px}.future-review-lock>span{width:34px;height:34px}.halaqah-period-card::before{width:3px}}

/* v0.1.72 — halaman khas Laporan Dihantar + halaman kerja Halqah lebih fokus */
.report-page-actions-v6{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.report-page-actions-v6 .btn{min-height:42px}.report-sent-link{background:#0f684f;color:#fff;border-color:#0f684f}.report-sent-link:hover{background:#0c5a44;border-color:#0c5a44}.report-inline-summary-v6{grid-template-columns:repeat(4,minmax(0,auto))}.report-sent-cta-v6{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:13px 15px;border:1px solid #dfe8e3;border-radius:16px;background:#f7faf8}.report-sent-cta-v6>div{display:flex;align-items:center;gap:11px;min-width:0}.report-sent-cta-v6>div>span{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:#e6f2ec;color:#17674f}.report-sent-cta-v6 .metric-svg{width:20px;height:20px}.report-sent-cta-v6 p{margin:0;min-width:0}.report-sent-cta-v6 p b{display:block;color:#20493e;font-size:12px}.report-sent-cta-v6 p small{display:block;margin-top:2px;color:#74847e;font-size:10px;line-height:1.45}

.sent-report-page-head{margin-bottom:14px}.sent-report-page-head .report-back-link{display:inline-flex;margin-bottom:10px}.sent-report-page-head .section-subtitle{max-width:700px}.sent-report-hero{display:flex;align-items:center;gap:14px;padding:17px 18px;margin-bottom:15px;background:linear-gradient(135deg,#fffdf8,#f5faf7);border-color:#dfe7e2}.sent-report-hero-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:#e5f2eb;color:#12664d}.sent-report-hero-icon .metric-svg{width:25px;height:25px}.sent-report-hero small{display:block;color:#8a9893;font-size:9px;font-weight:900;letter-spacing:.07em}.sent-report-hero h3{margin:2px 0 0;font-size:18px}.sent-report-hero p{margin:3px 0 0;color:#6f807a;font-size:10px}.sent-report-summary{display:grid;grid-template-columns:auto auto auto;gap:8px}.sent-report-summary span{min-width:108px;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #e6ebe8}.sent-report-summary b{display:block;color:#174f40;font-size:14px}.sent-report-summary small{display:block;margin-top:2px;color:#7e8b86;font-size:8px;letter-spacing:0;text-transform:none}
.sent-report-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 2px 9px}.sent-report-section-head h3{margin:2px 0 0}.sent-report-section-head>span,.sent-report-section-head>small{color:#75847f;font-size:10px}.sent-year-grid{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.sent-year-card{min-width:118px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 8px;padding:11px 12px;border:1px solid #e0e6e2;border-radius:14px;background:#fff;color:#214f42;text-decoration:none}.sent-year-card b{font-size:16px}.sent-year-card span{font-size:9px;color:#7d8b86}.sent-year-card em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;color:#8ba198}.sent-year-card.active{background:#0f684f;color:#fff;border-color:#0f684f;box-shadow:0 7px 18px rgba(15,104,79,.12)}.sent-year-card.active span,.sent-year-card.active em{color:#dcefe7}
.sent-report-filter{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(190px,.7fr) auto auto;gap:10px;align-items:end;padding:14px 15px;margin:14px 0 16px}.sent-report-filter label{display:grid;gap:6px;margin:0}.sent-report-filter label>span{font-size:9px;font-weight:850;color:#5e726a}.sent-report-filter .search-input-wrap input{padding-left:42px}.sent-report-filter .search-input-icon{left:13px;z-index:1}.sent-report-list{display:grid;gap:9px}.sent-report-row{position:relative;overflow:hidden;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 15px}.sent-report-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#19845f}.sent-report-row.is-future:before{background:#8064b2}.sent-month-tile{min-height:57px;border-radius:13px;padding:9px 11px;background:#f0f7f3;display:grid;align-content:center}.sent-month-tile small{font-size:9px;color:#86948f}.sent-month-tile b{font-size:12px;color:#174f40}.sent-report-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sent-report-title h4{margin:0;font-size:14px}.sent-report-copy p{margin:4px 0 3px;color:#62746d;font-size:10px}.sent-report-copy>small{color:#87938e;font-size:9px}.sent-report-pdf{min-width:112px;justify-content:center}.sent-report-empty{text-align:center;padding:34px 24px}.sent-report-empty.compact{padding:24px}.sent-report-empty h3{margin:10px 0 5px}.sent-report-empty p{margin:0 auto 14px;max-width:520px;color:#75857f;font-size:11px;line-height:1.55}
@media(max-width:860px){.sent-report-hero{align-items:flex-start;flex-wrap:wrap}.sent-report-summary{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.sent-report-summary span{min-width:0}.sent-report-filter{grid-template-columns:1fr 1fr}.sent-report-filter .btn{width:100%}.sent-report-row{grid-template-columns:82px minmax(0,1fr)}.sent-report-pdf{grid-column:1/-1;width:100%}}
@media(max-width:620px){.report-page-actions-v6{width:100%;display:grid;grid-template-columns:1fr}.report-page-actions-v6 .btn{width:100%;justify-content:center}.report-inline-summary-v6{grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;overflow-x:auto}.report-sent-cta-v6{align-items:stretch;flex-direction:column}.report-sent-cta-v6>a{width:100%;justify-content:center}.sent-report-page-head{align-items:flex-start}.sent-report-hero{padding:14px}.sent-report-hero-icon{width:42px;height:42px;flex-basis:42px}.sent-report-summary{grid-template-columns:1fr}.sent-report-summary span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.sent-report-summary b{font-size:12px}.sent-report-summary small{grid-column:1;grid-row:1}.sent-report-summary b{grid-column:2;grid-row:1}.sent-report-section-head{align-items:flex-start;flex-direction:column;gap:3px}.sent-year-card{min-width:108px}.sent-report-filter{grid-template-columns:1fr;padding:12px}.sent-report-row{grid-template-columns:1fr;padding:13px}.sent-month-tile{min-height:0;display:flex;align-items:center;gap:7px;padding:8px 10px}.sent-report-copy{min-width:0}.sent-report-title{justify-content:space-between}.sent-report-pdf{grid-column:auto}.sent-report-page-head h2{font-size:25px}}


/* v0.1.73 — CTA Laporan Terdahulu lebih jelas */
.report-past-link{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fff8df,#f4e5ad)!important;
  color:#5c4708!important;
  border:1px solid #dfc46c!important;
  box-shadow:0 6px 16px rgba(134,103,20,.10);
  font-weight:900!important;
}
.report-past-link:before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:#b98712;
  box-shadow:0 0 0 4px rgba(185,135,18,.10);
  flex:0 0 auto;
}
.report-past-link .button-icon{color:#0f684f}
.report-past-link:hover{
  background:linear-gradient(135deg,#fff4cf,#edda94)!important;
  border-color:#c9aa45!important;
  transform:translateY(-1px);
  box-shadow:0 9px 20px rgba(134,103,20,.14);
}
@media(max-width:620px){
  .report-past-link{
    min-height:48px!important;
    font-size:12px!important;
    letter-spacing:.01em;
  }
}

/* v0.1.75 — Direct Markaz edit + manual LEPAS/BULAN LEPAS override */
.markaz-manual-prev{border-color:#dcc66f!important;background:#fff9e6!important;box-shadow:inset 0 0 0 1px rgba(194,155,30,.08)}
.markaz-manual-prev input{background:#fffdf5!important;color:#173f34!important;border-color:#d8bd59!important}
.markaz-manual-prev small{color:#7a6218!important}
.meeting-input-table .markaz-prev-edit-cell{background:#fff8df!important}
.meeting-input-table .markaz-prev-edit-cell input{background:#fffdf5!important;color:#173f34!important;border-color:#d8bd59!important}
.meeting-input-table .markaz-prev-edit-cell input:focus,.markaz-manual-prev input:focus{outline:2px solid #eadb9a;outline-offset:1px;border-color:#b6921d!important}
.sent-report-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.sent-report-actions .btn{min-width:112px;justify-content:center}
.markaz-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:860px){.sent-report-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.sent-report-actions .btn{width:100%}.markaz-row-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr}.markaz-row-actions .btn{width:100%;justify-content:center}}
@media(max-width:650px){.meeting-input-table td.markaz-prev-edit-cell::before{content:attr(data-label) " · Edit Markaz"!important}.sent-report-actions,.markaz-row-actions{grid-template-columns:1fr}}

/* v0.1.76 — AZAIM MARKAZ management */
.quick-card-azaim{border-color:#e3cf8f;background:linear-gradient(145deg,#fffaf0,#fffdf8)}
.quick-card-azaim>span{background:#fff2c7;color:#8a650c}
.azaim-markaz-cell{background:linear-gradient(180deg,#fffdf5,#fffaf0)!important}
.azaim-markaz-cell input{border-color:#e5d6a7!important;background:#fffefa!important}
.azaim-page-head{align-items:flex-end}.azaim-page-head .section-subtitle{max-width:760px}.azaim-policy-note{margin-bottom:14px;border-color:#d8e6df;background:linear-gradient(145deg,#f6fbf8,#fffdf8)}
.azaim-toolbar{padding:15px 16px;margin-bottom:18px}.azaim-toolbar-form{display:flex;align-items:end;gap:10px}.azaim-toolbar-form label{margin:0;min-width:160px}.azaim-toolbar-form label.grow{min-width:260px}.azaim-toolbar-form select,.azaim-toolbar-form input{margin-top:6px}
.azaim-halaqah-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.azaim-halaqah-card{position:relative;display:flex;align-items:center;gap:12px;min-height:112px;padding:15px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fffdf9,#fbf9f2);text-decoration:none;color:var(--ink);box-shadow:0 7px 22px rgba(43,70,60,.05);transition:.18s ease}.azaim-halaqah-card:hover{transform:translateY(-2px);border-color:#d7c178}.azaim-halaqah-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:#eef7f2;color:var(--green)}.azaim-halaqah-card b{display:block;font-size:15px}.azaim-halaqah-card small{display:block;margin-top:3px;color:#788781;font-size:10px}.azaim-halaqah-card p{margin:7px 0 0;color:#5d7068;font-size:11px}.azaim-halaqah-card>.status{align-self:flex-start}.azaim-halaqah-card em{font-style:normal;color:#9aaba4}
.azaim-selected-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 13px}.azaim-selected-head h3{margin:4px 0 2px;font-size:23px}.azaim-selected-head p{margin:0;color:var(--muted);font-size:11px}.azaim-editor-card{padding:0;overflow:hidden}.azaim-editor-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #ece5d7;background:linear-gradient(145deg,#fffdf9,#fff8e8)}.azaim-editor-intro b{font-size:16px}.azaim-editor-intro p{margin:4px 0 0;color:var(--muted);font-size:11px}.azaim-table-wrap{overflow:auto}.azaim-table{width:100%;border-collapse:collapse;min-width:720px}.azaim-table th{padding:11px 12px;background:#f3f7f4;color:#385d50;font-size:10px;text-align:left;border-bottom:1px solid #dfe8e3}.azaim-table td{padding:10px 12px;border-bottom:1px solid #eee8dc;vertical-align:middle}.azaim-table tr:last-child td{border-bottom:0}.azaim-no{width:55px;text-align:center!important;font-weight:900;color:#52665e}.azaim-item small{display:block;color:#9a7a25;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.azaim-item b{display:block;margin-top:2px;font-size:11px;line-height:1.35}.azaim-item span{display:block;margin-top:3px;color:#75847e;font-size:9px}.azaim-input-cell{width:270px;background:#fffdf8}.azaim-input-cell>input,.azaim-pair-inputs input{min-height:42px;padding:9px 10px;border-radius:11px;background:#fff;border:1px solid #ddd8cc}.azaim-pair-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.azaim-save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-top:1px solid #e8e3d9;background:#f8fbf9;position:sticky;bottom:0;z-index:2}.azaim-save-bar b{display:block;font-size:12px}.azaim-save-bar small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.organization-page-actions{display:flex;gap:8px;align-items:center}
@media(max-width:820px){.azaim-halaqah-grid{grid-template-columns:1fr}.azaim-toolbar-form{display:grid;grid-template-columns:1fr auto}.azaim-toolbar-form label{min-width:0}.azaim-toolbar-form label.grow{grid-column:1;min-width:0}.azaim-toolbar-form .btn{grid-column:2;grid-row:2}.azaim-selected-head{align-items:flex-start;flex-direction:column}.azaim-save-bar{align-items:stretch;flex-direction:column}.azaim-save-bar .btn{width:100%}}
@media(max-width:560px){.azaim-page-head{align-items:flex-start}.azaim-page-head .btn{width:100%}.azaim-toolbar-form{grid-template-columns:1fr}.azaim-toolbar-form label.grow,.azaim-toolbar-form .btn{grid-column:1;grid-row:auto}.azaim-halaqah-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px;padding:13px}.azaim-halaqah-card>.status{grid-column:2;justify-self:start}.azaim-halaqah-card em{position:absolute;right:12px;top:14px}.azaim-table-wrap{margin:0}.azaim-editor-intro{padding:15px}.azaim-save-bar{padding:13px}.azaim-markaz-cell{background:#fffaf0!important}}


/* v0.1.77 — AZAIM MARKAZ dipindahkan ke navigasi utama */
.desktop-nav a[aria-current="page"]{background:#fff;color:var(--green);box-shadow:0 4px 14px rgba(28,72,58,.08)}
.azaim-mobile-link{display:none}
@media(max-width:900px){
  .azaim-mobile-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;padding:0 11px;border:1px solid #d9c892;border-radius:12px;background:#fff9e9;color:#785810;font-size:11px;font-weight:900;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
  .azaim-mobile-link.active{background:#fff0c4;border-color:#bd9a3e;color:#604713}
}
@media(max-width:390px){
  .top-actions{gap:5px}
  .azaim-mobile-link{min-height:36px;padding:0 7px;font-size:10px}
  .topbar-inner{gap:6px}
  .brand-logo{width:38px;height:38px}
  .brand b{font-size:12px}
  .brand small{font-size:8px}
  .notification-button{width:36px;height:36px}
  .profile-chip .avatar{width:36px;height:36px}
}


/* v0.1.78 — Mahalla sebagai payung, jenis Masjid / Surau / Musollah */
.mahalla-kind-wrap{margin-top:11px}.mahalla-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:7px 0 9px}.mahalla-kind-option{margin:0;cursor:pointer}.mahalla-kind-option input{position:absolute;opacity:0;pointer-events:none}.mahalla-kind-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 10px;border:1px solid #dce4de;border-radius:13px;background:#fafcfb;color:#496158;font-size:12px;font-weight:900;transition:.15s ease}.mahalla-kind-option input:checked+span{border-color:#1b745b;background:#e7f4ee;color:#0f5b47;box-shadow:0 0 0 2px rgba(15,91,71,.07)}
.org-halaqah-eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:#a4750c;margin-bottom:2px}.org-halaqah-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.org-halaqah-title b{font-size:18px;line-height:1.15;color:var(--ink)}
.org-mahalla-toggle-copy{display:flex;flex-direction:column;gap:1px;text-align:left}.org-mahalla-toggle-copy small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#214f41}.org-mahalla-toggle-copy strong{font-size:10px;color:#72847e;font-weight:700}.org-subunit-toggle>b{font-size:11px}
.org-mahalla-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px 10px;border-bottom:1px solid #e8eee9}.org-mahalla-panel-head small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#a4750c}.org-mahalla-panel-head h4{font-size:17px;margin:2px 0 1px;color:var(--ink)}.org-mahalla-panel-head p{margin:0;color:var(--muted);font-size:10px}.org-kind-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border-radius:999px;font-size:9px!important;font-weight:900!important;line-height:1.2}.org-kind-badge.kind-masjid{background:#e8f4ee;color:#0d624b}.org-kind-badge.kind-surau{background:#fff3d6;color:#8b650d}.org-kind-badge.kind-musollah{background:#eeeafa;color:#614d90}
.report-structure-list>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:650px){.mahalla-kind-grid{grid-template-columns:1fr}.mahalla-kind-option span{min-height:46px;justify-content:flex-start;padding-left:14px}.org-halaqah-title b{font-size:17px}.org-mahalla-toggle-copy strong{font-size:9px;line-height:1.35}.org-mahalla-panel-head{align-items:flex-start;flex-direction:column}.org-mahalla-panel-head .btn{width:100%;justify-content:center}}

/* v0.1.80 — fungsi Padam Pengguna dengan pengesahan selamat */
.menu-action-danger{color:#a33b2e!important;border-top:1px solid #f0dfda!important;font-weight:850!important}
.menu-action-danger:hover{background:#fff1ee!important;color:#8d2f24!important}
.user-delete-card{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;border:1px solid #efc2b9;background:linear-gradient(135deg,#fffaf8,#fff0ec);box-shadow:0 14px 36px rgba(123,48,36,.08)}
.user-delete-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:#f8d8d0;color:#96382d;font-size:22px;font-weight:950}
.user-delete-card h3{margin:4px 0 7px;color:#733229}.user-delete-card p{margin:0;color:#6a514b;line-height:1.6;max-width:820px}
.user-delete-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.user-delete-meta span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #ead4ce;color:#714e47;font-size:10px;font-weight:850}
.user-delete-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:15px}.user-delete-actions form{margin:0}.user-delete-confirm{background:#a64234!important;border-color:#a64234!important;color:#fff!important}.user-delete-confirm:hover{background:#8f3429!important;border-color:#8f3429!important}
@media(max-width:650px){.user-delete-card{gap:11px;padding:15px}.user-delete-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}.user-delete-actions{display:grid;grid-template-columns:1fr 1fr}.user-delete-actions .btn,.user-delete-actions form,.user-delete-actions form .btn{width:100%}}

/* v0.1.81 — Struktur Organisasi dipermudah: paparan penuh + borang on-demand */
.organization-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.organization-page-head .org-primary-add{flex:0 0 auto;min-height:44px;padding-inline:18px}
.organization-layout-single{display:block!important;grid-template-columns:none!important}
.organization-layout-single>.org-directory-card{width:100%;margin:0}
.org-directory-card{padding:20px 22px}
.org-directory-head{align-items:flex-end;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #ece7dc}
.org-directory-head h3{margin:3px 0 2px;font-size:21px}
.org-directory-count{white-space:nowrap}
.org-section-label{font-size:9px;font-weight:950;letter-spacing:.13em;color:#a4750c;margin-bottom:6px}
.org-markaz-section{margin-bottom:18px}
.org-markaz-card{margin:0;background:linear-gradient(135deg,#fffaf0,#fffdf9);border-color:#e6d5a8;box-shadow:none}
.org-markaz-card .org-tree-name b{font-size:16px}
.org-markaz-card .org-root-actions{margin-left:auto}
.org-halaqah-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:21px 2px 7px}
.org-halaqah-section-head h4{margin:2px 0 2px;font-size:19px;color:var(--ink)}
.org-halaqah-section-head p{margin:0;color:var(--muted);font-size:11px}
.org-halaqah-section-head>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#eef5f1;color:#315c4d;font-size:10px;font-weight:900}
.org-halaqah-list{gap:13px}
.org-halaqah-card{border-color:#e3ded2;background:#fffefb;box-shadow:0 7px 20px rgba(43,70,60,.045)}
.org-halaqah-head{padding:15px 16px 13px}
.org-halaqah-utilities{display:flex;align-items:center;gap:8px;margin-left:auto}
.org-halaqah-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;border-top:1px solid #eee9df;background:#fbfaf5}
.org-halaqah-actionbar>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7a8a84}
.org-halaqah-actionbar>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.org-halaqah-actionbar .btn{min-height:35px}
.org-subunit-toggle{padding:11px 14px;border-top:1px solid #e5ebe7;background:#f3f8f5}
.org-subunit-toggle:hover{background:#edf5f1}
.org-mahalla-toggle-copy small{font-size:9px}
.org-mahalla-toggle-copy strong{font-size:10px;color:#64776f}
.org-subunit-panel{padding:0 14px 10px;background:#fbfdfc}
.org-mahalla-panel-head{padding:14px 2px 10px}
.org-subunit-row{background:#fff;border:1px solid #e8ece8;border-radius:13px;margin:8px 0;padding:10px 11px}
.org-subunit-empty{margin-top:9px;border-radius:13px;background:#fff;border:1px dashed #dce5df}
.org-safety-note{margin-top:18px}
.org-structure-policy{margin-bottom:14px;padding:12px 14px;font-size:11px}

/* Borang struktur dibuka hanya apabila diminta */
.org-structure-modal-backdrop{position:fixed;inset:0;z-index:14000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,39,32,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.org-structure-modal{position:relative!important;top:auto!important;align-self:auto!important;width:min(640px,100%);max-height:min(88vh,780px);overflow:auto;margin:0;padding:20px 21px 22px;border:1px solid rgba(255,255,255,.58);box-shadow:0 28px 70px rgba(15,39,32,.28)}
.org-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid #eee8dc}
.org-modal-head h3{margin:3px 0 0;font-size:22px}
.org-modal-close{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #e3ddd0;border-radius:12px;background:#fff;color:#37564b;text-decoration:none;font-size:24px;line-height:1;font-weight:500}
.org-modal-close:hover{background:#f5f8f6}
.org-structure-modal .org-form-intro{margin:0 0 14px}
.org-structure-modal label{margin-top:11px}
.org-structure-modal .mahalla-kind-grid{margin-bottom:10px}

@media(max-width:900px){
  .organization-page-head{align-items:flex-start}
  .org-directory-card{padding:17px 15px}
  .org-directory-head{align-items:flex-start;flex-direction:column}
  .org-directory-count{align-self:flex-start}
  .org-halaqah-section-head{align-items:flex-start}
}
@media(max-width:650px){
  .organization-page-head{display:grid;grid-template-columns:1fr;gap:10px}
  .organization-page-head .org-primary-add{width:100%;justify-content:center}
  .org-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .org-structure-policy{font-size:10px;line-height:1.45}
  .org-directory-card{padding:14px 11px}
  .org-directory-head h3{font-size:19px}
  .org-markaz-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:12px}
  .org-markaz-card .org-root-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;margin:2px 0 0;padding:0}
  .org-markaz-card>.status{grid-column:3;grid-row:1;align-self:start;margin:0}
  .org-halaqah-section-head{display:grid;grid-template-columns:1fr auto;margin-top:18px}
  .org-halaqah-section-head p{font-size:10px;line-height:1.45}
  .org-directory-toolbar{margin-top:10px}
  .org-halaqah-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:9px;padding:13px 11px}
  .org-halaqah-utilities{grid-column:3;grid-row:1;margin:0;align-items:flex-start}
  .org-halaqah-utilities .status{display:none}
  .org-halaqah-actionbar{align-items:stretch;flex-direction:column;padding:9px 10px}
  .org-halaqah-actionbar>span{display:none}
  .org-halaqah-actionbar>div{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;gap:6px}
  .org-halaqah-actionbar .btn{width:100%;justify-content:center;min-height:40px;padding-inline:7px}
  .org-subunit-toggle{padding:10px 11px}
  .org-subunit-toggle>b{font-size:10px}
  .org-subunit-panel{padding:0 10px 9px}
  .org-structure-modal-backdrop{align-items:flex-end;padding:0;background:rgba(15,39,32,.55)}
  .org-structure-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:17px 16px calc(20px + env(safe-area-inset-bottom));border-bottom:0}
  .org-modal-head{position:sticky;top:-17px;z-index:2;margin:-17px -16px 10px;padding:17px 16px 12px;background:#fffdf8;border-radius:22px 22px 0 0}
  .org-modal-head h3{font-size:20px}
}
@media(max-width:420px){
  .org-halaqah-actionbar>div{grid-template-columns:1fr 1fr}
  .org-halaqah-actionbar .btn:last-child{grid-column:1/-1}
  .org-halaqah-section-head{grid-template-columns:1fr}
  .org-halaqah-section-head>span{justify-self:start}
}

/* v0.1.82 — Struktur Halqah dalam kad compact, mudah diimbas */
@media(min-width:861px){
  .org-halaqah-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px!important;
    align-items:start;
  }
  .org-halaqah-card{
    min-width:0;
    align-self:start;
    border-radius:16px;
    box-shadow:0 5px 16px rgba(43,70,60,.04);
  }
  .org-halaqah-head{
    padding:12px 12px 10px!important;
    gap:9px;
  }
  .org-halaqah-title b{font-size:16px!important}
  .org-halaqah-card .org-tree-meta{font-size:9.5px;line-height:1.4}
  .org-halaqah-utilities{gap:6px!important}
  .org-halaqah-utilities .status{padding:5px 8px;font-size:9px}
  .org-halaqah-actionbar{
    padding:7px 9px!important;
    min-height:0;
    border-top:1px solid #eee9df;
    background:#fbfaf6;
  }
  .org-halaqah-actionbar>span{display:none!important}
  .org-halaqah-actionbar>div{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px!important;
    width:100%;
  }
  .org-halaqah-actionbar .btn{
    min-height:34px!important;
    width:100%;
    justify-content:center;
    padding:0 7px!important;
    font-size:10px;
    border-radius:10px;
  }
  .org-subunit-toggle{
    padding:8px 10px!important;
    gap:7px;
  }
  .org-mahalla-toggle-copy small{font-size:8px!important}
  .org-mahalla-toggle-copy strong{font-size:9px!important;line-height:1.3}
  .org-subunit-toggle>b{font-size:9px!important;white-space:nowrap}
  .org-subunit-panel{padding:0 9px 8px!important}
  .org-mahalla-panel-head{padding:10px 1px 8px!important}
  .org-mahalla-panel-head h4{font-size:15px!important}
  .org-mahalla-panel-head p{font-size:9px!important}
  .org-subunit-row{padding:9px!important;margin:7px 0!important}
  .org-subunit-row .org-tree-name b{font-size:12px}
  .org-subunit-row .org-tree-meta{font-size:9px}
  .org-subunit-actions{gap:5px}
  .org-subunit-actions .status{font-size:8px;padding:4px 6px}
  .org-subunit-empty{padding:10px!important}
}
@media(max-width:860px){
  .org-halaqah-list{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}
}
@media(max-width:650px){
  .org-halaqah-card{border-radius:15px}
  .org-halaqah-head{padding:12px 10px 9px!important}
  .org-halaqah-actionbar{padding:8px 9px!important}
  .org-subunit-toggle{padding:9px 10px!important}
}

/* v0.1.83 — Tempat Shabguzari automatik mengikut Halqah */
.auto-org-field[readonly]{
  font-weight:800;
  letter-spacing:.025em;
  background:linear-gradient(180deg,#f3faf7,#edf6f2)!important;
  border-color:#bfd9cf!important;
  color:#0d5b47!important;
  cursor:default;
}

/* v0.1.93 — JUMLAH BULAN INI Perkara 5–21 kembali kepada input manual */
.meeting-input-table .manual-total-cell input{font-weight:800}

/* v0.1.86 — konteks penuh Perkara 9 & 11–19 pada borang mobile */
.mobile-row-group{display:none!important}
@media(max-width:650px){
  .meeting-input-table .desktop-row-group{display:none!important}
  .meeting-input-table .mobile-row-group{
    display:block!important;
    margin:0 0 5px!important;
    color:#315f51!important;
    font-size:10px!important;
    line-height:1.35!important;
    font-weight:900!important;
    letter-spacing:.015em;
  }
  .meeting-input-table .sticky-item[data-no]:not([data-no=""])::before{
    margin-right:6px;
  }
}

/* v0.1.87 — ULAMA': medan tahunan berkaitan dikunci 0 apabila pengalaman induk = 0 */
.meeting-field-zero-dependent{position:relative}
.meeting-field-zero-dependent small[data-mm-zero-note]{display:block;margin-top:6px;color:var(--muted,#64756f);font-size:.76rem;line-height:1.35}
.meeting-field-zero-dependent.is-auto-zero{background:#f3f8f5;border-color:#bfd9cb}
.meeting-field-zero-dependent.is-auto-zero input{background:#e7f2eb!important;color:#195c47!important;font-weight:800;cursor:not-allowed}
.meeting-field-zero-dependent.is-auto-zero small[data-mm-zero-note]{color:#1d6a52;font-weight:700}

/* v0.1.92 — Profil Jemaah Fasa 1 */
.jamaah-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.jamaah-page-head h1{margin:4px 0 4px;font-size:28px}.jamaah-page-head p{margin:0}.jamaah-tabs{display:flex;gap:8px;margin:0 0 14px}.jamaah-tabs a{min-width:120px;text-align:center;text-decoration:none;padding:11px 18px;border-radius:14px;border:1px solid var(--line);background:#fff;color:#667971;font-size:12px;font-weight:900}.jamaah-tabs a.active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 7px 18px rgba(15,91,71,.16)}
.jamaah-filter-card{margin-bottom:14px}.jamaah-filter-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:end}.jamaah-filter-grid label{font-size:11px;margin:0 0 6px}.jamaah-filter-actions{display:flex;gap:7px}.jamaah-filter-actions .btn{min-height:46px}.jamaah-search-input{position:relative}.jamaah-search-input .ui-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6b7f77}.jamaah-search-input input{padding-left:39px}.jamaah-list-card{padding:18px}.jamaah-result-text{margin:3px 0 0;font-size:12px}.jamaah-name-link{font-weight:850;color:var(--green);text-decoration:none}.jamaah-name-link:hover{text-decoration:underline}.jamaah-row-btn{min-height:36px;padding-inline:12px;font-size:11px}.jamaah-mobile-list{display:none}.jamaah-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.jamaah-pagination span{font-size:12px;font-weight:800;color:var(--muted)}
.jamaah-form-shell,.jamaah-view-shell{max-width:980px;margin:0 auto}.jamaah-back-link{display:inline-flex;margin:0 0 10px;color:var(--green);font-size:12px;font-weight:850;text-decoration:none}.jamaah-form-card{max-width:820px;margin:0 auto}.jamaah-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:4px;border-bottom:1px solid #eee9dd}.jamaah-form-head h2{margin:4px 0 4px}.jamaah-form-head p{margin:0;max-width:620px;font-size:12px;line-height:1.5}.jamaah-type-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.jamaah-type-choice label{margin:0;cursor:pointer}.jamaah-type-choice input{position:absolute;opacity:0;pointer-events:none}.jamaah-type-choice span{display:flex;flex-direction:column;gap:3px;min-height:64px;padding:12px 14px;border:1px solid #d9ded9;border-radius:14px;background:#fff;color:#52665e;font-weight:900}.jamaah-type-choice small{font-size:10px;font-weight:650;color:#7b8b85}.jamaah-type-choice input:checked+span{border-color:#1a7259;background:#eaf5f0;color:#0f5b47;box-shadow:0 0 0 2px rgba(15,91,71,.06)}.jamaah-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.jamaah-check-grid.masturat{grid-template-columns:repeat(5,minmax(0,1fr))}.jamaah-check-grid label{margin:0;cursor:pointer}.jamaah-check-grid input{position:absolute;opacity:0;pointer-events:none}.jamaah-check-grid span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d9ded9;border-radius:13px;background:#fff;color:#5d7069;font-size:12px;font-weight:900}.jamaah-check-grid input:checked+span{background:#e6f3ed;border-color:#64a189;color:#0d5c47}.jamaah-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid #eee9dd}.jamaah-duplicate-warning{margin:13px 0}.jamaah-duplicate-warning p{margin:6px 0 8px;font-size:12px}.jamaah-duplicate-warning a{display:block;color:#735b14;font-weight:800;text-decoration:none;padding:3px 0}.jamaah-duplicate-warning small{display:block;margin-top:8px;line-height:1.45}
.jamaah-profile-hero{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:14px}.jamaah-profile-hero h1{margin:5px 0 3px;font-size:27px}.jamaah-profile-hero p{margin:0;color:var(--muted)}.jamaah-avatar-large{width:64px;height:64px;flex:0 0 64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#2b8469);color:#fff;font-size:26px;font-weight:950;box-shadow:0 9px 22px rgba(15,91,71,.16)}.jamaah-detail-grid{margin-top:0}.jamaah-detail-grid .card{box-shadow:none}.jamaah-detail-list{margin:10px 0 0}.jamaah-detail-list>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #eee9dd}.jamaah-detail-list>div:last-child{border-bottom:0}.jamaah-detail-list dt{font-size:11px;font-weight:900;color:#76867f}.jamaah-detail-list dd{margin:0;font-size:13px;font-weight:750;line-height:1.5}.jamaah-detail-list dd a{color:var(--green);text-decoration:none}.jamaah-audit-note{text-align:right;font-size:10px;margin-top:10px}
@media(max-width:900px){.jamaah-filter-grid{grid-template-columns:1fr 1fr}.jamaah-search-field{grid-column:1/-1}.jamaah-filter-actions{justify-content:flex-end}.bottom-nav a{font-size:10px;padding-inline:2px}}
@media(max-width:650px){.jamaah-page-head{display:grid;grid-template-columns:1fr;align-items:start;gap:10px}.jamaah-page-head h1{font-size:23px}.jamaah-page-head>.btn{width:100%}.jamaah-tabs{display:grid;grid-template-columns:1fr 1fr}.jamaah-tabs a{min-width:0}.jamaah-filter-grid{grid-template-columns:1fr}.jamaah-search-field{grid-column:auto}.jamaah-filter-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-filter-actions .btn{width:100%}.jamaah-desktop-table{display:none}.jamaah-mobile-list{display:grid;gap:10px}.jamaah-mobile-card{border:1px solid #e7e2d7;border-radius:16px;background:#fff;padding:13px}.jamaah-mobile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.jamaah-mobile-title h3{margin:6px 0 0;font-size:16px}.jamaah-mobile-card dl{margin:10px 0 0}.jamaah-mobile-card dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #f0ece3}.jamaah-mobile-card dt{font-size:9px;font-weight:900;color:#84928d;text-transform:uppercase}.jamaah-mobile-card dd{margin:0;font-size:11px;font-weight:750;line-height:1.4}.jamaah-form-card{padding:15px 13px}.jamaah-form-head{display:block}.jamaah-form-head>.status{margin-top:9px}.jamaah-type-choice{grid-template-columns:1fr 1fr}.jamaah-check-grid,.jamaah-check-grid.masturat{grid-template-columns:repeat(3,minmax(0,1fr))}.jamaah-form-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-form-actions .btn{width:100%}.jamaah-profile-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:16px}.jamaah-avatar-large{width:54px;height:54px;flex-basis:54px;border-radius:17px;font-size:22px}.jamaah-profile-hero h1{font-size:21px}.jamaah-profile-hero>.btn{grid-column:1/-1;width:100%}.jamaah-detail-grid{grid-template-columns:1fr!important}.jamaah-detail-list>div{grid-template-columns:1fr;gap:4px}.jamaah-audit-note{text-align:left}.bottom-nav b{font-size:9px}.bottom-nav .nav-icon-wrap{transform:scale(.94)}}
/* v0.1.96 — Profil Jemaah: pekerjaan boleh dicari, pengalaman ULAMA' satu pilihan */
.jamaah-occupation-picker{margin-top:7px}.jamaah-occupation-picker .occupation-search{margin-bottom:8px}.jamaah-occupation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:280px;overflow:auto;padding:3px 2px 5px;scrollbar-width:thin}.jamaah-occupation-options label{margin:0;cursor:pointer}.jamaah-occupation-options input{position:absolute;opacity:0;pointer-events:none}.jamaah-occupation-options span{display:flex;align-items:center;min-height:42px;padding:9px 11px;border:1px solid #d9ded9;border-radius:12px;background:#fff;color:#5d7069;font-size:11px;font-weight:800;line-height:1.3}.jamaah-occupation-options input:checked+span{background:#e6f3ed;border-color:#64a189;color:#0d5c47;box-shadow:0 0 0 2px rgba(15,91,71,.05)}.jamaah-occupation-options .occupation-other-choice span{border-style:dashed}.jamaah-occupation-options [hidden],.occupation-custom[hidden],.occupation-no-match[hidden]{display:none!important}.occupation-custom{margin-top:9px}.occupation-custom label{margin-top:0}.occupation-no-match{margin:7px 0 0}.jamaah-radio-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:650px){.jamaah-occupation-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.jamaah-radio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v0.1.102 — Ringkasan, status & WhatsApp Profil Jemaah */
.jamaah-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 8px}.jamaah-summary-card{background:#fff;border:1px solid #e3e7e4;border-radius:16px;padding:14px 16px;box-shadow:0 7px 20px rgba(24,65,53,.06)}.jamaah-summary-card span{display:block;font-size:10px;font-weight:900;color:#71837c;text-transform:uppercase;letter-spacing:.035em}.jamaah-summary-card b{display:block;margin:4px 0 2px;font-size:25px;color:#184f40}.jamaah-summary-card small{font-size:9px;color:#87958f}.jamaah-summary-card.active{background:linear-gradient(135deg,#eef8f4,#fff);border-color:#cfe5dc}.jamaah-status-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.jamaah-status-summary span{background:#f6f8f7;border:1px solid #e0e5e2;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;color:#60736b}.jamaah-status-summary b{color:#1b4e40}.jamaah-experience-summary{padding:0;margin:0 0 14px;overflow:hidden}.jamaah-experience-summary summary{cursor:pointer;padding:12px 15px;font-size:11px;font-weight:900;color:#31584d;list-style:none}.jamaah-experience-summary summary::-webkit-details-marker{display:none}.jamaah-experience-summary summary:after{content:'+';float:right;font-size:16px;line-height:1}.jamaah-experience-summary[open] summary:after{content:'−'}.jamaah-experience-summary summary small{font-weight:700;color:#83918c}.jamaah-experience-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 15px 14px}.jamaah-experience-groups>div{border-top:1px solid #e9eeeb;padding-top:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.jamaah-experience-groups>div>b{width:100%;font-size:9px;color:#72857e;letter-spacing:.05em}.jamaah-experience-groups span{display:inline-flex;gap:5px;align-items:center;background:#f2f7f5;border:1px solid #dfeae5;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;color:#41665a}.jamaah-experience-groups strong{color:#0f5b47}.jamaah-status-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.jamaah-status-choice label{margin:0;cursor:pointer}.jamaah-status-choice input{position:absolute;opacity:0;pointer-events:none}.jamaah-status-choice span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #d9ded9;border-radius:13px;background:#fff;color:#5d7069;font-size:12px;font-weight:900}.jamaah-status-choice input:checked+span{background:#e6f3ed;border-color:#64a189;color:#0d5c47;box-shadow:0 0 0 2px rgba(15,91,71,.05)}.jamaah-row-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.jamaah-row-meta .status{font-size:8px;padding:3px 6px}.jamaah-row-meta small,.jamaah-mobile-updated{font-size:9px;color:#85928d;font-weight:650}.jamaah-mobile-badges,.jamaah-hero-badges{display:flex;gap:6px;flex-wrap:wrap}.jamaah-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.jamaah-whatsapp-btn{border-color:#b8dccd!important;background:#edf8f3!important;color:#12604b!important}.status.neutral{background:#eef1f0;color:#61736c;border-color:#d9dfdc}
@media(max-width:900px){.jamaah-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jamaah-filter-grid{grid-template-columns:1fr 1fr}.jamaah-filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:650px){.jamaah-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jamaah-summary-card{padding:11px 12px}.jamaah-summary-card b{font-size:21px}.jamaah-experience-groups{grid-template-columns:1fr}.jamaah-status-choice{grid-template-columns:1fr}.jamaah-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.jamaah-hero-actions .btn{width:100%}}

.jamaah-phone-link{color:#0f6a50;font-weight:850;text-decoration:none;border-bottom:1px dashed #8fc2ae}.jamaah-phone-link:hover{color:#094b39}

/* v0.1.103 — Import Excel Profil Jemaah */
.jamaah-import-shell{max-width:1180px;margin:0 auto}.jamaah-import-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.jamaah-import-hero h1{margin:4px 0 5px;font-size:27px}.jamaah-import-hero p{margin:0;max-width:720px}.jamaah-import-guide{margin-bottom:12px}.jamaah-import-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}.jamaah-import-notes span{padding:10px 12px;border:1px solid #e1e8e4;border-radius:12px;background:#f7faf8;color:#5d7169;font-size:10px;line-height:1.45}.jamaah-import-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid #eee9dd}.jamaah-import-upload label{margin-top:0}.jamaah-import-upload input[type=file]{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d8dfdb;border-radius:12px;background:#fff;font-size:12px}.jamaah-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.jamaah-import-summary>div{background:#fff;border:1px solid #e2e7e4;border-radius:14px;padding:12px 14px}.jamaah-import-summary span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#788981;font-weight:900}.jamaah-import-summary b{display:block;margin-top:3px;font-size:22px;color:#214f42}.jamaah-import-summary .ready{border-color:#c8e2d7;background:#f1f9f5}.jamaah-import-summary .warning{border-color:#eadcae;background:#fffaf0}.jamaah-import-summary .error{border-color:#efcaca;background:#fff5f5}.jamaah-import-preview{padding-bottom:14px}.jamaah-import-table{min-width:1040px}.jamaah-import-table th{white-space:nowrap}.jamaah-import-table td{vertical-align:top;font-size:10px;line-height:1.4}.jamaah-import-table td small{color:#778780}.jamaah-import-table ul{margin:0;padding-left:16px}.jamaah-import-table li+li{margin-top:3px}.jamaah-import-table .import-row-warning td{background:#fffdf6}.jamaah-import-table .import-row-error td{background:#fff8f8}.import-state{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;letter-spacing:.03em}.import-state.ready{background:#e7f5ee;color:#176148}.import-state.warning{background:#fff1c9;color:#80600b}.import-state.error{background:#fde5e5;color:#9c2929}.ok-text{color:#27705a;font-weight:850}.jamaah-import-confirm{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #eee9dd}.jamaah-import-warning-toggle{display:flex;align-items:flex-start;gap:8px;margin:0;max-width:680px;padding:10px 12px;border:1px solid #e5d69e;border-radius:12px;background:#fffaf0;color:#6d5a19;font-size:10px;line-height:1.45;cursor:pointer}.jamaah-import-warning-toggle input{margin-top:2px}.jamaah-import-confirm-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.jamaah-import-confirm-actions form{margin:0}.jamaah-import-confirm .muted{font-size:10px;margin:8px 0 0}
@media(max-width:760px){.jamaah-import-hero{display:grid;grid-template-columns:1fr}.jamaah-import-hero .btn{width:100%}.jamaah-import-notes{grid-template-columns:1fr}.jamaah-import-upload{grid-template-columns:1fr}.jamaah-import-upload .btn{width:100%}.jamaah-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.jamaah-import-confirm{display:grid;grid-template-columns:1fr;align-items:stretch}.jamaah-import-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-import-confirm-actions .btn{width:100%}}

/* v0.1.104 - Audit Profil Jemaah */
.jamaah-audit-shell{max-width:1180px;margin:0 auto}.jamaah-audit-head{margin-bottom:12px}.jamaah-audit-filter{margin-bottom:12px}.jamaah-audit-filter-grid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,1fr)) repeat(2,minmax(135px,.85fr));gap:10px;align-items:end}.jamaah-audit-filter-grid label{margin-top:0}.jamaah-audit-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.jamaah-audit-list{padding-bottom:14px}.jamaah-audit-timeline{position:relative;padding:4px 0}.jamaah-audit-timeline:before{content:'';position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:#e4ebe7}.jamaah-audit-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:9px 0}.jamaah-audit-marker{position:relative;z-index:1;width:13px;height:13px;margin:6px 0 0 4px;border:3px solid #fff;border-radius:50%;background:#6c8179;box-shadow:0 0 0 2px #dbe5e0}.jamaah-audit-marker.created,.jamaah-audit-marker.imported{background:#2c7c60}.jamaah-audit-marker.moved{background:#356c9b}.jamaah-audit-marker.status{background:#a87816}.jamaah-audit-body{border:1px solid #e1e7e3;border-radius:14px;background:#fff;padding:12px 14px}.jamaah-audit-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.jamaah-audit-title-row>div{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.jamaah-audit-title-row time{font-size:9px;color:#809089;white-space:nowrap;font-weight:750}.jamaah-audit-action{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:950;letter-spacing:.03em;background:#eef2f0;color:#53685f}.jamaah-audit-action.created,.jamaah-audit-action.imported{background:#e7f5ef;color:#176148}.jamaah-audit-action.moved{background:#e9f1f9;color:#275d8a}.jamaah-audit-action.status{background:#fff3d7;color:#7d5a0d}.jamaah-audit-body h4{margin:8px 0 4px;font-size:14px}.jamaah-audit-body h4 a{color:#174f40;text-decoration:none}.jamaah-audit-body p{margin:0;color:#52675f;font-size:11px;line-height:1.5}.jamaah-audit-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #eef1ef;color:#7a8983;font-size:9px}.jamaah-audit-meta b{color:#536860}.jamaah-audit-action.updated{background:#f0f2f1;color:#5c6e67}
@media(max-width:1050px){.jamaah-audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jamaah-audit-filter-grid .jamaah-search-field{grid-column:span 2}}
@media(max-width:700px){.jamaah-audit-filter-grid{grid-template-columns:1fr 1fr}.jamaah-audit-filter-grid .jamaah-search-field{grid-column:1/-1}.jamaah-audit-filter-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-audit-filter-actions .btn{width:100%}.jamaah-audit-title-row{display:block}.jamaah-audit-title-row time{display:block;margin-top:6px}.jamaah-audit-meta{display:grid;gap:4px}.jamaah-audit-timeline:before{left:8px}.jamaah-audit-item{grid-template-columns:18px minmax(0,1fr)}.jamaah-audit-marker{margin-left:2px}}

/* v0.1.105 — Backup & Restore database */
.org-page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.backup-shell{max-width:1120px;margin:0 auto}.backup-page-head{align-items:flex-end}.backup-page-head h2{margin:4px 0}.backup-page-head p{margin:0;max-width:720px}.backup-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.backup-summary-card{background:#fff;border:1px solid #e1e7e3;border-radius:16px;padding:13px 14px;box-shadow:0 4px 14px rgba(30,72,58,.04)}.backup-summary-card.active{background:linear-gradient(135deg,#eef8f4,#fff);border-color:#cbe3d8}.backup-summary-card span{display:block;font-size:9px;font-weight:950;letter-spacing:.05em;color:#7a8a84}.backup-summary-card b{display:block;margin:4px 0 2px;font-size:18px;color:#174f40}.backup-summary-card small{display:block;font-size:9px;color:#84928d}.backup-admin-grid{grid-template-columns:1.2fr .8fr;margin-bottom:12px}.backup-settings-form{display:grid;gap:9px}.backup-settings-form label{margin-top:4px}.backup-switch,.backup-risk-check{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid #dfe7e3;border-radius:13px;background:#f8fbf9;font-size:11px;line-height:1.45;cursor:pointer}.backup-switch input,.backup-risk-check input{width:auto;margin-top:2px;flex:0 0 auto}.backup-cron-box{margin-top:14px;padding-top:13px;border-top:1px solid #ecefeD}.backup-cron-box p{font-size:10px}.backup-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.backup-copy-row input{font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.backup-cron-box details{margin-top:8px;font-size:10px}.backup-cron-box code{display:block;margin-top:7px;padding:9px;border-radius:10px;background:#f1f5f3;overflow:auto;white-space:nowrap}.backup-safety-list{display:grid;gap:7px;margin:4px 0 12px}.backup-safety-list p{margin:0;font-size:11px;line-height:1.45;color:#536860}.backup-safety-list b{color:#0f5b47}.backup-list-card{margin-bottom:12px}.backup-list{display:grid}.backup-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee9dd}.backup-row:last-child{border-bottom:0}.backup-file-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eaf5f0;color:#0f5b47;font-size:11px;font-weight:950}.backup-file-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.backup-file-title b{font-size:13px}.backup-file-title .status{font-size:8px;padding:4px 7px}.backup-file-meta{margin:3px 0;color:#6e7f79;font-size:10px;font-weight:700}.backup-row .grow>small{display:block;font-size:9px;color:#95a09c;word-break:break-all}.backup-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.backup-row-actions form{margin:0}.backup-restore-grid{grid-template-columns:1fr 1fr}.backup-restore-form{display:grid;gap:6px}.backup-restore-form label{margin-top:7px}.backup-restore-form input[type=file]{padding:10px;background:#fff}.backup-restore-form>small{font-size:9px;margin-top:-2px}.backup-risk-check{margin:8px 0 4px;background:#fff8ea;border-color:#ead9aa;color:#6d591c}.backup-restore-form .btn.danger{margin-top:5px}.status.neutral{background:#eef1f0;color:#61736c}
@media(max-width:900px){.backup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-admin-grid,.backup-restore-grid{grid-template-columns:1fr}.backup-row{align-items:flex-start}.backup-row-actions{max-width:230px}}
@media(max-width:650px){.organization-page-head,.backup-page-head{display:grid;grid-template-columns:1fr}.org-page-actions{display:grid;grid-template-columns:1fr 1fr}.org-page-actions .btn,.backup-page-head form,.backup-page-head .btn{width:100%}.backup-summary-grid{grid-template-columns:1fr 1fr}.backup-copy-row{grid-template-columns:1fr}.backup-copy-row .btn{width:100%}.backup-row{display:grid;grid-template-columns:42px minmax(0,1fr)}.backup-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;max-width:none}.backup-row-actions .btn,.backup-row-actions form,.backup-row-actions form button{width:100%}.backup-row-actions form:last-child{grid-column:1/-1}.backup-restore-grid{gap:12px}}

/* v0.1.107 Full System Backup */
.backup-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.backup-head-actions form{margin:0}.backup-file-icon.full{background:#eef1fb;color:#304c8b}.backup-safety-list code{font-size:9px;background:#eef3f1;padding:2px 5px;border-radius:5px}.backup-settings-form small{font-size:9px;color:#7b8d86}.backup-cron-box+.backup-cron-box{margin-top:10px}.backup-list-card+.backup-list-card{margin-top:0}
@media(max-width:650px){.backup-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.backup-head-actions form,.backup-head-actions .btn{width:100%}}

/* v0.1.108 — Google Drive Offsite Backup */
.backup-gdrive-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;border-color:#dfe8e4;background:linear-gradient(135deg,#fbfdfc,#f5faf8)}.backup-gdrive-card.connected{border-color:#c9e1d7;background:linear-gradient(135deg,#f2faf6,#fff)}.backup-gdrive-card h3{margin:3px 0 4px}.backup-gdrive-card p{margin:0}.backup-gdrive-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gdrive-shell{max-width:1080px;margin:0 auto}.gdrive-page-head{align-items:flex-end;margin-bottom:12px}.gdrive-page-head h2{margin:4px 0}.gdrive-page-head p{margin:0;max-width:720px}.gdrive-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.gdrive-status-card{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e1e7e3;border-radius:15px;background:#fff}.gdrive-status-card>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2f0;color:#61736c;font-size:11px;font-weight:950}.gdrive-status-card.done{border-color:#cce2d8;background:#f5fbf8}.gdrive-status-card.done>span{background:#dff1e9;color:#176148}.gdrive-status-card b{display:block;font-size:11px}.gdrive-status-card small{display:block;margin-top:2px;color:#7c8c86;font-size:9px}.gdrive-setup-card{margin-bottom:12px}.gdrive-step-list{display:grid}.gdrive-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:15px 0;border-top:1px solid #ecefeD}.gdrive-step:first-child{border-top:0}.gdrive-step-no{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eaf5f0;color:#0f5b47;font-weight:950;font-size:12px}.gdrive-step h4{margin:1px 0 5px;font-size:13px;color:#174f40}.gdrive-step p{margin:0 0 8px;color:#5f726a;font-size:10.5px;line-height:1.55}.gdrive-step code{font-size:9px;background:#eef3f1;padding:2px 5px;border-radius:5px}.gdrive-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gdrive-link-row form{margin:0}.gdrive-upload-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.gdrive-upload-form input[type=file]{padding:10px;background:#fff}.gdrive-client-info{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 8px}.gdrive-client-info b{font-size:10px}.gdrive-config-grid{grid-template-columns:1fr 1fr;margin-bottom:12px}.gdrive-manual-list{display:grid;gap:10px}.gdrive-manual-list>div{padding:12px;border:1px solid #e3e9e6;border-radius:13px;background:#fafcfb}.gdrive-manual-list b,.gdrive-manual-list small{display:block}.gdrive-manual-list b{font-size:12px}.gdrive-manual-list small{margin:3px 0 9px;color:#7a8b84;font-size:9px}.gdrive-manual-list form{margin:0}.gdrive-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#f0f5f3;color:#5c7068;font-size:10px;line-height:1.55}.gdrive-security-card{margin-bottom:12px}.gdrive-security-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gdrive-security-actions form{margin:0}.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:800px){.gdrive-config-grid{grid-template-columns:1fr}.backup-gdrive-card{align-items:flex-start}.gdrive-status-grid{grid-template-columns:1fr}}
@media(max-width:650px){.gdrive-page-head,.backup-gdrive-card{display:grid;grid-template-columns:1fr}.backup-gdrive-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.backup-gdrive-actions .status{grid-column:1/-1;justify-self:start}.backup-gdrive-actions .btn{width:100%}.gdrive-upload-form{grid-template-columns:1fr}.gdrive-upload-form .btn{width:100%}.gdrive-link-row{display:grid;grid-template-columns:1fr}.gdrive-link-row form,.gdrive-link-row .btn{width:100%}.gdrive-security-actions{display:grid;grid-template-columns:1fr}.gdrive-security-actions form,.gdrive-security-actions .btn{width:100%}}


/* v0.1.110 — Profilling terminology, search-first state and icon polish */
.quick-card{position:relative;gap:6px;padding:18px 18px 17px}.quick-card>span{width:48px;height:48px;border:1px solid #dceae4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.quick-card .quick-svg{width:23px;height:23px;stroke-width:1.85}.quick-card>em{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#f5f8f6;color:#789087;font-style:normal;transition:.18s ease}.quick-card:hover>em{background:#eaf4ef;color:var(--green);transform:translateX(2px)}.quick-card .quick-arrow-svg{width:15px;height:15px}.quick-card-azaim>span{border-color:#ead79a;background:#fff3c9}.quick-card-azaim>em{background:#fff8e4;color:#9a7318}.jamaah-page-head>div:last-child .btn{min-height:42px;padding:0 14px;border-radius:12px}.jamaah-page-head>div:last-child .ui-icon{width:17px;height:17px;flex:0 0 17px}.jamaah-search-empty{display:grid;justify-items:center;text-align:center;padding:30px 20px;margin-top:0;border-style:dashed;background:linear-gradient(180deg,#fffdf8,#fbfaf5)}.jamaah-empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#edf6f1;color:var(--green);margin-bottom:10px}.jamaah-empty-icon .ui-icon{width:24px;height:24px}.jamaah-search-empty h3{margin:0 0 6px;font-size:16px}.jamaah-search-empty p{max-width:590px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.jamaah-no-result{display:grid;gap:5px}.jamaah-no-result b{color:var(--ink)}.jamaah-no-result span{font-size:11px}.jamaah-filter-actions .btn{font-weight:850}
@media(max-width:650px){.jamaah-page-head>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.jamaah-page-head>div:last-child .btn{width:100%;padding:0 10px}.jamaah-search-empty{padding:24px 16px}.quick-card>em{top:14px;right:14px}}

/* v0.1.111 — Dashboard status tiles + Markaz action cards */
.markaz-hero-v2{min-height:210px;padding:30px 34px}
.markaz-status-tiles .metric-card{min-height:176px;display:flex;flex-direction:column;padding:19px 20px}
.markaz-status-tiles .metric-top{margin-bottom:8px}
.markaz-status-tiles .metric-icon{width:38px;height:38px;border-radius:12px}
.markaz-status-tiles .metric-card strong{font-size:38px;margin:10px 0 8px}
.markaz-status-tiles .metric-card p{margin-top:auto;max-width:190px}
.markaz-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.markaz-action-grid>.setup-card{grid-column:1/-1}
.markaz-action-tile{min-height:225px;display:flex;flex-direction:column;gap:12px;padding:20px}
.markaz-action-tile .action-icon{width:50px;min-width:50px;height:50px;border-radius:15px}
.markaz-action-tile .grow{display:flex;flex-direction:column;flex:1;width:100%}
.markaz-action-tile .action-title-row{margin:0 0 8px;align-items:flex-start}
.markaz-action-tile .action-title-row h3{font-size:17px;line-height:1.25}
.markaz-action-tile p{margin:0 0 12px}
.markaz-action-tile .btn{width:100%;margin-top:auto;min-height:42px}
.markaz-action-grid .markaz-all-clear{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center}
.markaz-action-grid .markaz-all-clear .grow{display:block}
.markaz-notification-card.markaz-action-tile{border-color:#dfe7e3}
@media(max-width:1050px){.markaz-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.markaz-status-tiles .metric-card{min-height:160px}}
@media(max-width:650px){.markaz-hero-v2{padding:24px 20px}.markaz-action-grid{grid-template-columns:1fr}.markaz-action-tile{min-height:0}.markaz-status-tiles .metric-card{min-height:145px;padding:15px}.markaz-status-tiles .metric-card strong{font-size:31px}.markaz-action-grid .markaz-all-clear{grid-template-columns:44px minmax(0,1fr)}}

/* v0.1.112 — interactive dashboard + notification center */
.metric-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.metric-card-link:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,91,71,.10);border-color:rgba(15,91,71,.28)}
.metric-card-link:focus-visible{outline:3px solid rgba(15,91,71,.22);outline-offset:3px}
.metric-card-link .metric-top em{margin-left:auto;font-style:normal;font-size:18px;line-height:1;color:#0f6b54;opacity:.72}
.action-status-chips{margin:14px 0 18px}

.notification-admin-summary,.notification-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.notification-admin-summary .card,.notification-health-grid .card{display:flex;gap:12px;align-items:center;min-height:96px;padding:16px}
.notification-admin-summary .card>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf7f3;color:#0f6b54;flex:0 0 auto}
.notification-admin-summary small,.notification-health-grid small{display:block;color:var(--muted,#68776f);font-weight:700;margin-bottom:4px}
.notification-admin-summary b,.notification-health-grid b{font-size:22px;color:#123f34}
.notification-compose{padding:20px}
.notification-compose-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.notification-compose-head h3{margin:0 0 4px}.notification-compose-head p{margin:0;color:var(--muted,#68776f)}
.notification-channel-picks{display:grid;gap:8px;align-content:start;min-width:min(100%,420px)}
.notification-push-availability{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:11px 13px;border-radius:14px;border:1px solid #dfe9e4;background:#f5faf7;color:#315d50}
.notification-push-availability>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#e6f3ed;color:#12634d;flex:0 0 32px}
.notification-push-availability b{display:block;font-size:12px;margin:1px 0 2px}.notification-push-availability small{display:block;color:#6b7e76;font-size:10px;line-height:1.45}
.notification-push-availability.warn{border-color:#efd79b;background:#fff9e9;color:#775c13}.notification-push-availability.warn>span{background:#fff0bd;color:#9a6e00}
.notification-push-availability[hidden]{display:none!important}
.setting-check.compact{margin:0;padding:12px 14px}
.notification-mohala-note{margin:16px 0}
.notification-history .list-item{align-items:flex-start}

.ek-info-popup{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}
.ek-info-popup-backdrop{position:absolute;inset:0;background:rgba(4,24,19,.52);backdrop-filter:blur(3px)}
.ek-info-popup-card{position:relative;z-index:1;width:min(520px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(2,31,23,.28);border-top:6px solid #17745b}
.ek-info-popup-card.warning{border-top-color:#d69b13}.ek-info-popup-card.danger{border-top-color:#c94848}.ek-info-popup-card.success{border-top-color:#269a6a}
.ek-info-popup-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#edf7f3;color:#0f6b54;margin-bottom:14px}
.popup-svg{width:26px;height:26px}
.ek-info-popup-card h2{margin:5px 38px 10px 0;font-size:24px;line-height:1.2}.ek-info-popup-card p{font-size:15px;line-height:1.65;color:#405c53;margin:0 0 10px}.ek-info-popup-card>small{color:#778a83}
.ek-info-popup-close{position:absolute;right:16px;top:14px;border:0;background:#f1f5f3;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#46635a}
.ek-info-popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
body.has-ek-popup{overflow:hidden}

@media(max-width:820px){
  .notification-admin-summary,.notification-health-grid{grid-template-columns:1fr 1fr}
  .notification-compose-head{flex-direction:column}
}
@media(max-width:600px){
  .notification-admin-summary,.notification-health-grid{grid-template-columns:1fr}
  .notification-compose{padding:16px}
  .ek-info-popup{padding:12px}.ek-info-popup-card{padding:22px 18px;border-radius:20px}.ek-info-popup-card h2{font-size:21px}
}

/* v0.1.113 — Tetapan Notifikasi Mudah */
.notification-settings-head{align-items:flex-end}
.notification-timeline-card{padding:20px 22px;margin-bottom:14px;background:linear-gradient(180deg,#fffdf7,#fffaf0);border-color:#eadfbf}
.notification-simple-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.notification-simple-head h3{margin:2px 0 5px;font-size:19px}.notification-simple-head p{margin:0;color:var(--muted);font-size:11px}
.notification-timeline{display:grid;grid-template-columns:minmax(116px,1fr) 24px minmax(116px,1fr) 24px minmax(116px,1fr) 24px minmax(116px,1fr) 24px minmax(116px,1fr);align-items:center;gap:0}
.notification-timeline-step{min-height:112px;border:1px solid #e4e9e5;border-radius:16px;background:#fff;padding:14px;display:flex;gap:10px;align-items:flex-start}.notification-timeline-step b{display:block;font-size:12px;line-height:1.25;color:#183f35;margin:3px 0 4px}.notification-timeline-step div>small{display:block;color:#71817b;font-size:9.5px;line-height:1.45}.timeline-day{width:43px;height:43px;min-width:43px;border-radius:13px;display:grid;place-items:center;background:#edf7f3;color:#0f6b54;font-size:18px;font-weight:900;line-height:1}.timeline-day small{font-size:7px;text-transform:uppercase;margin-top:-8px;letter-spacing:.03em}.timeline-connector{height:2px;background:#d8e6e0;position:relative}.timeline-connector:after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid #a7c3b8;border-right:2px solid #a7c3b8;transform:rotate(45deg)}.notification-timeline-step.is-reminder .timeline-day,.notification-timeline-step.is-draft .timeline-day{background:#fff2cf;color:#9a6b00}.notification-timeline-step.is-due .timeline-day{background:#ffeadc;color:#b14a15}.notification-timeline-step.is-late .timeline-day{background:#fde8e8;color:#a63c3c}
.notification-settings-form{padding:0;overflow:hidden}.notification-setting-section{padding:20px 22px;border-bottom:1px solid #ece9e1}.notification-setting-section:last-of-type{border-bottom:0}.notification-setting-section-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:15px}.notification-setting-section-head h3{margin:2px 0 4px;font-size:17px}.notification-setting-section-head p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.5}.notification-setting-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf7f3;color:#0f6b54}.notification-setting-icon .ui-icon{width:21px;height:21px}
.notification-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.notification-day-field{border:1px solid #e2e6e2;border-radius:14px;background:#fff;padding:13px;display:flex;flex-direction:column;gap:10px}.notification-day-field>span b{display:block;font-size:11.5px;color:#173f34;margin-bottom:3px}.notification-day-field>span small{display:block;font-size:9px;color:#74847e;line-height:1.4}.day-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;border:1px solid #d9e1dd;border-radius:11px;overflow:hidden;background:#fbfcfb}.day-input-wrap input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:20px!important;font-weight:900;color:#124f3e;padding:10px 11px!important;min-width:0}.day-input-wrap em{font-style:normal;font-size:10px;font-weight:850;color:#6d7d77;text-align:center;border-left:1px solid #e1e6e3;padding:12px 0}
.notification-switch-row{margin:8px 0!important;border-radius:13px!important}.notification-simple-notice{margin:10px 0 0}.notification-savebar{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:rgba(249,248,244,.96);backdrop-filter:blur(10px);border-top:1px solid #e5e2da}.notification-savebar b{display:block;font-size:12px;color:#183f35}.notification-savebar small{display:block;font-size:9.5px;color:#71817b;margin-top:2px}.notification-savebar .btn{min-width:180px}
@media(max-width:1100px){.notification-timeline{grid-template-columns:1fr;gap:8px}.timeline-connector{width:2px;height:18px;margin-left:34px}.timeline-connector:after{right:-3px;top:auto;bottom:-1px;transform:rotate(135deg)}.notification-timeline-step{min-height:0}.notification-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.notification-settings-head{align-items:flex-start}.notification-settings-head .btn{width:100%}.notification-timeline-card,.notification-setting-section{padding:16px}.notification-simple-head{display:grid;grid-template-columns:1fr}.notification-day-grid{grid-template-columns:1fr}.notification-setting-section-head{grid-template-columns:40px minmax(0,1fr)}.notification-setting-icon{width:40px;height:40px}.notification-savebar{display:grid;grid-template-columns:1fr;padding:12px 16px}.notification-savebar .btn{width:100%;min-width:0}}

/* v0.1.114 — Menu Utama Notifikasi */
.desktop-nav a .nav-inline-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#b9483f;color:#fff;font-size:9px;font-weight:900;line-height:1}
.notification-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.notification-hub-head{align-items:flex-end}
.notification-hub-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:22px;align-items:center;padding:22px 24px;background:linear-gradient(135deg,#fffdf8,#f5faf7);border-color:#dce8e2}
.notification-hub-overview-copy{display:flex;align-items:center;gap:16px;min-width:0}.notification-hub-overview-copy h3{margin:2px 0 5px;font-size:20px}.notification-hub-overview-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:590px}
.notification-hub-main-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f5ef,#dcece5);color:var(--green);border:1px solid #d2e5dc}.notification-hub-main-icon .ui-icon{width:28px;height:28px}
.notification-hub-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.notification-hub-mini-stats>div{min-width:0;padding:12px 10px;border:1px solid #e4e8e4;border-radius:14px;background:rgba(255,255,255,.82);text-align:center}.notification-hub-mini-stats small{display:block;color:#71817b;font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;margin-bottom:3px}.notification-hub-mini-stats b{display:block;font-size:21px;color:#164f3f;line-height:1.1}
.notification-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.notification-menu-grid .quick-card{min-height:165px}.notification-menu-primary{border-color:#bcd8cc;background:linear-gradient(145deg,#f3fbf7,#fffdf8)}.notification-menu-primary>span{background:#e3f3eb;color:#0b654e}
.notification-hub-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.notification-hub-status-grid>.card{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:11px;align-items:start;min-height:132px}.notification-hub-status-grid>.card>span{grid-row:1/4;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf6f1;color:var(--green)}.notification-hub-status-grid>.card>span .ui-icon{width:20px;height:20px}.notification-hub-status-grid small{display:block;color:#71817b;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.notification-hub-status-grid b{display:block;margin-top:2px;font-size:15px;color:#173f34;line-height:1.35}.notification-hub-status-grid p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:1050px){.notification-hub-overview{grid-template-columns:1fr}.notification-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-hub-status-grid{grid-template-columns:1fr 1fr}.notification-hub-status-grid>.card:last-child{grid-column:1/-1}}
@media(max-width:650px){.notification-page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.notification-page-actions .btn{width:100%;padding:0 10px}.notification-hub-head{align-items:flex-start}.notification-hub-overview{padding:17px}.notification-hub-overview-copy{align-items:flex-start}.notification-hub-main-icon{width:50px;height:50px;flex-basis:50px;border-radius:16px}.notification-hub-mini-stats{grid-template-columns:1fr 1fr}.notification-menu-grid{grid-template-columns:1fr 1fr}.notification-menu-grid .quick-card{min-height:150px}.notification-hub-status-grid{grid-template-columns:1fr}.notification-hub-status-grid>.card:last-child{grid-column:auto}}
@media(max-width:390px){.notification-page-actions{grid-template-columns:1fr}.notification-menu-grid{grid-template-columns:1fr 1fr}.notification-menu-grid .quick-card{padding:14px;min-height:142px}.notification-menu-grid .quick-card small{font-size:10px}}


/* v0.1.115 — Login Greeting */
.ek-login-greeting-backdrop{background:radial-gradient(circle at 50% 18%,rgba(38,154,106,.16),transparent 34%),rgba(3,28,21,.62);backdrop-filter:blur(5px)}
.ek-login-greeting-card{width:min(540px,100%);overflow:hidden;padding:30px 30px 26px;border-top:0;background:linear-gradient(180deg,#f4fbf8 0,#fff 42%);box-shadow:0 30px 90px rgba(2,31,23,.34);border:1px solid rgba(15,91,71,.13)}
.ek-login-greeting-card:before{content:"";position:absolute;right:-74px;top:-88px;width:230px;height:230px;border-radius:50%;border:34px solid rgba(35,150,108,.08);box-shadow:0 0 0 24px rgba(35,150,108,.035);pointer-events:none}
.ek-login-greeting-brand{position:relative;display:flex;align-items:center;gap:11px;margin-bottom:26px}.ek-login-greeting-logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid #dce9e3;box-shadow:0 8px 20px rgba(15,91,71,.08)}.ek-login-greeting-logo img{width:38px;height:38px;object-fit:contain}.ek-login-greeting-brand small{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:#8a9b94}.ek-login-greeting-brand b{display:block;margin-top:2px;font-size:12px;color:#174d3e}
.ek-login-greeting-salam{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:#e5f5ee;color:#0f6b54;font-size:9px;letter-spacing:.14em;font-weight:950;margin-bottom:9px}
.ek-login-greeting-card h2{position:relative;margin:0 40px 8px 0;font-size:30px;letter-spacing:-.025em;color:#103e33}.ek-login-greeting-card>p{position:relative;margin:17px 0 0;font-size:14px;line-height:1.65;color:#536d64}
.ek-login-greeting-location{position:relative;display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px 15px;border-radius:17px;background:linear-gradient(135deg,#0f604b,#16795e);color:#fff;box-shadow:0 12px 26px rgba(15,91,71,.18)}.ek-login-greeting-location>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.13);flex:0 0 auto}.greeting-location-svg{width:21px;height:21px}.ek-login-greeting-location small{display:block;font-size:8px;font-weight:850;letter-spacing:.09em;opacity:.78;margin-bottom:3px}.ek-login-greeting-location strong{display:block;font-size:16px;line-height:1.25;letter-spacing:.01em}
.ek-login-greeting-divider{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin:20px 0 16px;color:#b3974b}.ek-login-greeting-divider span{height:1px;background:linear-gradient(90deg,transparent,#e6dbba)}.ek-login-greeting-divider span:last-child{background:linear-gradient(90deg,#e6dbba,transparent)}.ek-login-greeting-divider i{font-style:normal;font-size:12px;font-weight:800;color:#947b3b}
.ek-login-greeting-action{position:relative;min-height:46px;font-weight:900;margin-top:14px}.ek-login-greeting-close{background:rgba(255,255,255,.78);backdrop-filter:blur(6px)}
@media(max-width:600px){.ek-login-greeting-card{padding:24px 18px 20px;border-radius:22px}.ek-login-greeting-card h2{font-size:25px}.ek-login-greeting-location{padding:13px}.ek-login-greeting-location strong{font-size:14px}.ek-login-greeting-brand{margin-bottom:22px}.ek-login-greeting-action{margin-top:16px}}

/* v0.1.116 — Notifikasi Saya delete controls */
.notification-my-head{align-items:flex-end}.notification-my-subtitle{margin:5px 0 0;font-size:11px}.notification-delete-all-form{margin:0}.notification-my-list{padding:4px 18px}.notification-my-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 2px;border-bottom:1px solid #eee9dd}.notification-my-item:last-child{border-bottom:0}.notification-my-content{min-width:0;flex:1}.notification-my-content>b{display:block;font-size:13px;color:#173f34}.notification-my-body{margin-top:4px;font-size:11px;line-height:1.5}.notification-my-content>small{display:block;margin-top:4px;font-size:9px}.notification-my-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.notification-my-actions form{margin:0}.notification-delete-one{background:#fff1f1;color:#a93636;border:1px solid #f0cccc}.notification-delete-one:hover{background:#fde5e5}.notification-delete-one .ui-icon,.notification-delete-all-form .ui-icon{width:16px;height:16px}.notification-empty-state{display:grid;justify-items:center;gap:6px;padding:44px 20px}.notification-empty-state>b{font-size:14px;color:#31564c}.notification-empty-state>small{font-size:10px}.notification-empty-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf6f1;color:var(--green)}.notification-empty-icon .ui-icon{width:22px;height:22px}
@media(max-width:650px){.notification-my-head{align-items:stretch;flex-direction:column}.notification-delete-all-form,.notification-delete-all-form .btn{width:100%}.notification-my-list{padding:4px 14px}.notification-my-item{align-items:flex-start;flex-direction:column;gap:11px;padding:15px 0}.notification-my-actions{width:100%;display:grid;grid-template-columns:1fr auto}.notification-my-actions>a{width:100%}.notification-my-actions form{display:block}.notification-delete-one span{display:none}.notification-delete-one{min-width:44px;padding:0 12px}}

/* v0.1.117 — PWA install entry, visual iOS guide & first-run push onboarding */
.login-stack{width:min(820px,100%);display:grid;gap:14px;align-items:start}
.login-stack .login-card-premium{width:100%}
.pwa-install-entry{width:100%;min-height:70px;border:1px solid rgba(229,204,134,.72);border-radius:20px;background:rgba(255,253,248,.93);box-shadow:0 16px 34px rgba(6,34,26,.14);backdrop-filter:blur(18px);display:flex;align-items:center;gap:13px;padding:10px 14px;cursor:pointer;color:#173f34;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.pwa-install-entry:hover{transform:translateY(-1px);box-shadow:0 20px 38px rgba(6,34,26,.18);border-color:#e0c369}
.pwa-install-platforms{display:flex;align-items:center;min-width:76px}
.pwa-platform{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.92);box-shadow:0 5px 14px rgba(25,54,45,.11)}
.pwa-platform svg{width:24px;height:24px}
.pwa-platform-ios{background:#1f2a27;color:#fff}
.pwa-platform-android{margin-left:-9px;background:#85bd54;color:#fff}
.pwa-install-copy{min-width:0;display:grid;gap:2px;flex:1}
.pwa-install-copy b{font-size:13px;color:#154c3d}
.pwa-install-copy small{font-size:10px;line-height:1.4;color:#6d8179}
.pwa-install-arrow{width:32px;height:32px;border-radius:11px;background:#edf5f1;color:#17634d;display:grid;place-items:center;font-size:24px;line-height:1}
.pwa-install-entry[hidden]{display:none!important}

.pwa-install-modal[hidden]{display:none!important}
.pwa-install-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}
.pwa-install-backdrop{position:absolute;inset:0;background:rgba(4,27,21,.62);backdrop-filter:blur(6px)}
.pwa-install-sheet{position:relative;z-index:1;width:min(760px,100%);max-height:min(820px,92svh);overflow:auto;background:linear-gradient(180deg,#f4fbf8,#fffdf8 35%);border:1px solid rgba(255,255,255,.55);border-radius:28px;padding:26px;box-shadow:0 34px 100px rgba(2,28,21,.36)}
.pwa-install-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:#edf4f0;color:#45645a;font-size:25px;cursor:pointer;z-index:2}
.pwa-install-sheet-head{display:flex;align-items:flex-start;gap:14px;padding-right:36px}
.pwa-install-sheet-icon{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#0f5b47,#198063);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(15,91,71,.18);flex:0 0 52px}
.pwa-install-sheet-icon svg{width:31px;height:31px}
.pwa-install-sheet-head small{display:block;color:#b18721;font-size:9px;font-weight:950;letter-spacing:.12em;margin:2px 0 5px}
.pwa-install-sheet-head h2{margin:0;color:#123e33;font-size:24px;line-height:1.18}
.pwa-install-sheet-head p{margin:6px 0 0;color:#6c8178;font-size:12px}
.pwa-guide{margin-top:20px}
.pwa-guide[hidden]{display:none!important}
.pwa-guide-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:14px;background:#edf2ff;color:#304d80;font-size:11px}
.pwa-guide-banner b{font-size:12px}.pwa-guide-banner.android{background:#eef7e7;color:#436d29}
.pwa-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.pwa-guide-step{position:relative;min-height:230px;padding:18px 14px 15px;border:1px solid #e2e8e4;border-radius:19px;background:#fff;box-shadow:0 7px 18px rgba(32,65,55,.055);text-align:center}
.pwa-step-no{position:absolute;left:11px;top:10px;width:25px;height:25px;border-radius:9px;background:#0f654f;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950}
.pwa-step-visual{width:82px;height:82px;margin:12px auto 13px;border-radius:24px;background:#edf7f2;color:#12654f;display:grid;place-items:center}
.pwa-safari-visual{background:#eef5ff;color:#3478b9}
.pwa-step-visual svg{width:54px;height:54px}
.pwa-guide-step h3{margin:0 0 7px;color:#173f34;font-size:14px}.pwa-guide-step p{margin:0;color:#677c74;font-size:11px;line-height:1.55}
.pwa-guide-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:12px 14px;border-radius:14px;background:#fff7dd;border:1px solid #efddb0;color:#6f5a20;font-size:11px;line-height:1.5}
.pwa-guide-note b{white-space:nowrap;color:#765b12}.pwa-install-now{margin-top:13px;min-height:48px}
body.has-pwa-install-modal{overflow:hidden}

.pwa-first-notify{position:fixed;inset:0;z-index:14000;display:grid;place-items:center;padding:18px}
.pwa-first-notify-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(41,163,118,.18),transparent 32%),rgba(3,26,20,.72);backdrop-filter:blur(8px)}
.pwa-first-notify-card{position:relative;z-index:1;width:min(470px,100%);overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#f3fbf7 0,#fff 45%);border:1px solid rgba(255,255,255,.65);box-shadow:0 36px 110px rgba(0,26,19,.42);padding:30px 26px 24px;text-align:center}
.pwa-first-notify-card:before{content:"";position:absolute;right:-85px;top:-95px;width:240px;height:240px;border-radius:50%;border:36px solid rgba(25,135,98,.07);box-shadow:0 0 0 24px rgba(25,135,98,.035);pointer-events:none}
.pwa-first-notify-mark{position:relative;width:74px;height:74px;margin:0 auto 15px;border-radius:23px;background:linear-gradient(145deg,#0e5b46,#198161);color:#fff;display:grid;place-items:center;box-shadow:0 15px 30px rgba(15,91,71,.22)}
.pwa-first-notify-mark svg{width:39px;height:39px}
.pwa-first-notify-kicker{position:relative;color:#b1841e;font-size:9px;letter-spacing:.14em;font-weight:950;margin-bottom:7px}
.pwa-first-notify-card h2{position:relative;margin:0;color:#103f33;font-size:26px;line-height:1.18;letter-spacing:-.02em}
.pwa-first-notify-card>p{position:relative;margin:10px auto 0;max-width:380px;color:#60786f;font-size:13px;line-height:1.6}
.pwa-first-notify-benefits{position:relative;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:17px 0 15px}
.pwa-first-notify-benefits span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#edf7f2;color:#17644f;font-size:10px;font-weight:800}
.pwa-first-notify-status{position:relative;margin:0 0 15px;padding:11px 12px;border-radius:13px;background:#f8f6ee;color:#6b766f;font-size:10.5px;line-height:1.5}
.pwa-first-notify-status.is-blocked{background:#fff3ef;color:#9b473d;border:1px solid #f2d1ca}
.pwa-first-notify-foot{position:relative;display:block;margin-top:12px;color:#87958f;font-size:9px;line-height:1.45}
.pwa-first-notify-actions{position:relative;display:grid;gap:9px}.pwa-first-notify-actions .btn{min-height:50px}
.pwa-notify-later{border:0;background:transparent;color:#70827b;font-weight:800;cursor:pointer;padding:8px}
body.has-pwa-first-notify{overflow:hidden}

@media(max-width:760px){
  .login-stack{width:min(460px,100%);gap:10px}
  .pwa-install-entry{min-height:66px;border-radius:17px;padding:9px 11px}
  .pwa-install-platforms{min-width:68px}.pwa-platform{width:38px;height:38px}.pwa-platform svg{width:21px;height:21px}
  .pwa-install-copy b{font-size:12px}.pwa-install-copy small{font-size:9px}
  .pwa-install-sheet{padding:22px 15px 18px;border-radius:24px}
  .pwa-install-sheet-head h2{font-size:21px}.pwa-install-sheet-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px}.pwa-install-sheet-icon svg{width:27px;height:27px}
  .pwa-guide-banner{align-items:flex-start;flex-direction:column;gap:2px}
  .pwa-guide-steps{grid-template-columns:1fr}
  .pwa-guide-step{min-height:0;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;padding:14px 13px 14px 46px}
  .pwa-step-no{left:10px;top:14px}.pwa-step-visual{grid-row:1/3;width:62px;height:62px;margin:0;border-radius:18px}.pwa-step-visual svg{width:42px;height:42px}
  .pwa-guide-step h3{align-self:end;margin:2px 0 4px}.pwa-guide-step p{align-self:start}
  .pwa-guide-note{display:grid;gap:3px}.pwa-guide-note b{white-space:normal}
  .pwa-first-notify-card{padding:25px 17px 20px;border-radius:24px}.pwa-first-notify-card h2{font-size:23px}.pwa-first-notify-mark{width:66px;height:66px;border-radius:20px}.pwa-first-notify-benefits{gap:5px}.pwa-first-notify-benefits span{font-size:9px;padding:0 8px}
}

@media(max-width:390px){
  .pwa-install-copy small{display:none}
  .pwa-install-entry{min-height:58px}.pwa-install-platforms{min-width:60px}.pwa-platform{width:34px;height:34px}.pwa-install-arrow{width:29px;height:29px}
}

/* v0.1.119 — first-run notification & experience toggle polish */
.push-importance-card h3{margin-bottom:7px}.push-importance-card .muted{max-width:620px;line-height:1.55}
.pwa-first-notify-card{background:#fffdf8;border-color:#e8dfcc}.pwa-first-notify-card>p{font-size:13.5px;color:#536b62}.pwa-first-notify-status{background:#f2f7f4;color:#4e665e}.pwa-first-notify-actions .btn{font-size:13px;font-weight:900}

/* v0.1.120 — WhatsApp brand + notification recall */
.jamaah-whatsapp-btn .ui-icon{width:19px;height:19px;color:#25D366}
.notification-history .list-item{align-items:center;gap:16px}
.notification-history-actions{margin-left:auto;display:flex;align-items:center;flex:0 0 auto}
.notification-history-actions form{margin:0}
@media(max-width:720px){.notification-history .list-item{align-items:flex-start}.notification-history-actions{margin-left:0;margin-top:10px}}

/* v0.1.121 — Jemaah Floating & Penempatan Mohala */
.jamaah-placement-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.jamaah-placement-choice label{margin:0;cursor:pointer}.jamaah-placement-choice input{position:absolute;opacity:0;pointer-events:none}.jamaah-placement-choice span{display:flex;flex-direction:column;gap:4px;min-height:66px;padding:12px 14px;border:1px solid #d9ded9;border-radius:14px;background:#fff;color:#52665e}.jamaah-placement-choice span b{font-size:12px}.jamaah-placement-choice span small{font-size:10px;color:#7c8c85;font-weight:650;line-height:1.35}.jamaah-placement-choice input:checked+span{border-color:#1a7259;background:#eaf5f0;color:#0f5b47;box-shadow:0 0 0 2px rgba(15,91,71,.06)}.jamaah-placement-notice{margin:10px 0 14px;background:#f1f8f5;border-color:#cfe4db}.jamaah-placement-notice p{margin:5px 0 0;font-size:11px;line-height:1.5}.jamaah-status-summary a{display:inline-flex;align-items:center;gap:4px;background:#eef5f2;border:1px solid #d7e6df;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;color:#0f5b47;text-decoration:none}.jamaah-status-summary a:hover{background:#e5f2ec}.jamaah-floating-shell{max-width:1120px;margin:0 auto}.jamaah-floating-head{margin-bottom:12px}.jamaah-floating-guide{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;background:linear-gradient(135deg,#f2f8f5,#fff)}.jamaah-floating-guide-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#e5f3ed;color:var(--green)}.jamaah-floating-guide-icon .ui-icon{width:22px;height:22px}.jamaah-floating-guide b{color:#174f40}.jamaah-floating-guide p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#657870}.jamaah-floating-search{margin-bottom:12px}.jamaah-floating-search-grid{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(160px,.7fr) auto;gap:10px;align-items:end}.jamaah-floating-results{display:grid;gap:9px}.jamaah-floating-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #e2e8e4;border-radius:15px;background:#fff}.jamaah-floating-main h3{margin:6px 0 3px;font-size:15px}.jamaah-floating-main p{margin:0;color:#687a73;font-size:11px}.jamaah-floating-main small{display:block;margin-top:5px;color:#87958f;font-size:9px}.jamaah-floating-actions{display:flex;gap:8px;flex-shrink:0}.jamaah-release-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;border-color:#eadfae;background:#fffaf0}.jamaah-release-card b{color:#654f12}.jamaah-release-card p{margin:4px 0 0;font-size:10px;line-height:1.5;color:#7c6d3c}.jamaah-release-card form{margin:0;flex-shrink:0}.jamaah-audit-marker.floating{background:#8a6a21}.jamaah-audit-marker.placed{background:#26745a}.jamaah-audit-action.floating{background:#fff1cb;color:#77570e}.jamaah-audit-action.placed{background:#e7f5ef;color:#176148}
@media(max-width:760px){.jamaah-placement-choice{grid-template-columns:1fr}.jamaah-floating-search-grid{grid-template-columns:1fr}.jamaah-floating-search-grid .jamaah-filter-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-floating-card{display:grid;grid-template-columns:1fr}.jamaah-floating-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-floating-actions .btn{width:100%}.jamaah-release-card{display:grid;grid-template-columns:1fr}.jamaah-release-card .btn{width:100%}}

/* v0.1.122 — aliran berpindah, tindakan Profilling lebih kemas, pilihan tugas ULAMA' */
.jamaah-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.jamaah-action-menu{position:relative;margin:0}.jamaah-action-menu>summary{list-style:none;cursor:pointer;user-select:none}.jamaah-action-menu>summary::-webkit-details-marker{display:none}.jamaah-action-menu[open]>summary{background:#e9f3ee;border-color:#c8ddd3}.jamaah-action-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:260px;padding:8px;border:1px solid #e2e7e3;border-radius:15px;background:#fff;box-shadow:0 18px 42px rgba(18,49,40,.16)}.jamaah-action-menu-panel a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:11px;color:#244c40;text-decoration:none}.jamaah-action-menu-panel a:hover{background:#f2f7f4}.jamaah-action-menu-panel .ui-icon{width:18px;height:18px}.jamaah-action-menu-panel span{display:grid;gap:2px}.jamaah-action-menu-panel b{font-size:11px}.jamaah-action-menu-panel small{font-size:9px;color:#7d8e87;font-weight:650}
.jamaah-move-card{border-color:#e7d99f;background:linear-gradient(135deg,#fffaf0,#fffdf8)}.jamaah-move-card .btn{min-width:125px;font-weight:950;letter-spacing:.02em}
.jamaah-move-modal[hidden]{display:none!important}.jamaah-move-modal{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;padding:18px}.jamaah-move-backdrop{position:absolute;inset:0;border:0;background:rgba(8,31,24,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.jamaah-move-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.65);border-radius:22px;background:#fffdf8;box-shadow:0 28px 80px rgba(4,31,22,.30)}.jamaah-move-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding-bottom:14px;border-bottom:1px solid #eee8dc}.jamaah-move-head h2{margin:4px 0 5px;font-size:23px}.jamaah-move-head p{margin:0;color:#62766e;font-size:11px;line-height:1.55}.jamaah-move-close{width:38px;height:38px;border:1px solid #e1e6e2;border-radius:12px;background:#fff;color:#436158;font-size:24px;line-height:1;cursor:pointer}.jamaah-move-form{display:grid;gap:14px;padding-top:15px}.jamaah-move-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jamaah-move-mode label{margin:0;cursor:pointer}.jamaah-move-mode input{position:absolute;opacity:0;pointer-events:none}.jamaah-move-mode span{display:flex;flex-direction:column;gap:4px;min-height:72px;padding:13px 14px;border:1px solid #dce3df;border-radius:14px;background:#fff;color:#4f655d}.jamaah-move-mode b{font-size:12px}.jamaah-move-mode small{font-size:9.5px;color:#7a8b84;line-height:1.4}.jamaah-move-mode input:checked+span{border-color:#176d55;background:#eaf5f0;color:#0c5944;box-shadow:0 0 0 2px rgba(23,109,85,.06)}.jamaah-move-unknown{margin:0;background:#fff7df;border-color:#ead79a}.jamaah-move-unknown p{margin:5px 0 0;font-size:10.5px;line-height:1.5}.jamaah-move-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
@media(max-width:760px){.jamaah-page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.jamaah-page-actions>.btn,.jamaah-action-menu,.jamaah-action-menu>summary{width:100%}.jamaah-action-menu-panel{position:fixed;left:12px;right:12px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:auto}.jamaah-move-modal{align-items:end;padding:0}.jamaah-move-dialog{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;padding:17px 16px calc(18px + env(safe-area-inset-bottom))}.jamaah-move-mode{grid-template-columns:1fr}.jamaah-move-actions{display:grid;grid-template-columns:1fr 1fr}.jamaah-move-actions .btn{width:100%}}

/* v0.1.123 — Ringkasan Pengalaman interaktif */
.jamaah-experience-summary{padding:0;overflow:hidden}.jamaah-experience-summary>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;border-bottom:1px solid transparent}.jamaah-experience-summary[open]>summary{border-bottom-color:#e7ece8}.jamaah-experience-summary>summary::-webkit-details-marker{display:none}.jamaah-experience-summary>summary>span{display:grid;gap:2px}.jamaah-experience-summary>summary b{font-size:12px;color:#163e33}.jamaah-experience-summary>summary small{font-size:9px;color:#7d8d86;font-weight:650}.jamaah-experience-summary>summary:after{content:'+';width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f1f6f3;color:#557168;font-size:16px;font-weight:900}.jamaah-experience-summary[open]>summary:after{content:'−'}
.jamaah-experience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.jamaah-experience-card{min-width:0;padding:13px;border:1px solid #e3eae6;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfc)}.jamaah-experience-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #edf1ee}.jamaah-experience-card-head>span{font-size:10px;font-weight:950;letter-spacing:.06em;color:#60756d}.jamaah-experience-card-head>div{display:flex;align-items:baseline;gap:5px}.jamaah-experience-card-head strong{font-size:24px;line-height:1;color:#0e5f49}.jamaah-experience-card-head small{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#8a9993;font-weight:800}.jamaah-experience-pills{display:flex;flex-wrap:wrap;gap:7px}.jamaah-exp-pill{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:5px 9px;border:1px solid #d9e4df;border-radius:999px;background:#f3f8f5;color:#365f52;text-decoration:none;font-size:10px;font-weight:850;transition:.16s ease}.jamaah-exp-pill strong{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#e3f0ea;color:#0d624b;font-size:9px}.jamaah-exp-pill[href]:hover{border-color:#9bc7b5;background:#edf7f2;transform:translateY(-1px)}.jamaah-exp-pill.active{border-color:#146f56;background:#e4f3ec;box-shadow:0 0 0 2px rgba(20,111,86,.07)}.jamaah-exp-pill.zero{background:#fafbfa;color:#9aa6a1;border-color:#edf0ee}.jamaah-exp-pill.zero strong{background:#f0f2f1;color:#a6afab}.jamaah-active-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 12px;padding:9px 12px;border:1px solid #cfe3da;border-radius:12px;background:#eef7f3;color:#365c50;font-size:10px}.jamaah-active-filter a{flex:0 0 auto;color:#0e654e;font-weight:900;text-decoration:none}.jamaah-active-filter a:hover{text-decoration:underline}
@media(max-width:900px){.jamaah-experience-cards{grid-template-columns:1fr 1fr}.jamaah-experience-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.jamaah-experience-cards{grid-template-columns:1fr;padding:10px}.jamaah-experience-card:last-child{grid-column:auto}.jamaah-experience-card{padding:12px}.jamaah-experience-card-head strong{font-size:22px}.jamaah-exp-pill{min-height:34px;padding:6px 10px}.jamaah-active-filter{align-items:flex-start}}
/* v0.1.124 — AZAIM MARKAZ berpusat dan read-only pada laporan Halqah */
.azaim-markaz-cell.is-locked{background:linear-gradient(180deg,#f7faf8,#f1f6f3)!important}
.azaim-markaz-cell.is-locked input{background:#eef4f0!important;border-color:#d4e1da!important;color:#315448!important;font-weight:800;cursor:not-allowed;box-shadow:none!important}
.azaim-markaz-cell.is-locked input:focus{outline:none!important;box-shadow:none!important}

/* v0.1.127 — AZAIM MARKAZ: clear parent headings, usable input cards on mobile */
.azaim-mobile-no,.azaim-mobile-input-label{display:none}
.azaim-pair-inputs label{display:block;min-width:0;font-size:11px;font-weight:700;color:#536c61}
.azaim-pair-inputs label span{display:block;margin:0 0 5px}
.azaim-pair-inputs label input{width:100%;min-width:0}
.azaim-item small{font-size:10px;line-height:1.4;letter-spacing:.02em}
.azaim-item b{font-size:12px;overflow-wrap:anywhere}
@media(max-width:760px){
 .azaim-editor-card{overflow:visible;background:transparent;box-shadow:none;border:0}
 .azaim-table-wrap{overflow:visible!important;width:100%;max-width:100%}
 .azaim-table,.azaim-table tbody{display:block;width:100%;min-width:0!important}
 .azaim-table thead{display:none}
 .azaim-table tbody tr{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 12px;padding:15px;border:1px solid #e5e7df;border-radius:17px;background:#fff;box-shadow:0 4px 16px rgba(22,58,43,.05)}
 .azaim-table td{display:block;width:100%;padding:0!important;border:0!important;background:transparent!important;text-align:left!important}
 .azaim-no{margin-bottom:7px!important;color:#956d14;font-size:11px}
 .azaim-desktop-no{display:none}.azaim-mobile-no{display:inline-flex;align-items:center;padding:4px 9px;background:#faf1d6;border-radius:20px}
 .azaim-item{margin-bottom:12px!important;min-width:0}
 .azaim-item small{font-size:11px;color:#8a660e;margin-bottom:5px}
 .azaim-item b{font-size:15px;line-height:1.45;color:#1b4033}
 .azaim-item span{font-size:11px}
 .azaim-mobile-input-label{display:block;margin:0 0 6px;font-size:12px;font-weight:750;color:#385a4b}
 .azaim-input-cell input{width:100%;min-width:0;min-height:49px!important;font-size:16px!important;border:1px solid #cfded4!important}
 .azaim-pair-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .azaim-pair-inputs label{font-size:12px}
 .azaim-editor-intro{border-radius:16px;margin-bottom:12px;border:1px solid #ece5d7}
 .azaim-save-bar{border:1px solid #dfebe3;border-radius:16px;bottom:calc(74px + env(safe-area-inset-bottom));box-shadow:0 6px 20px rgba(0,0,0,.08);margin-top:12px}
}

/* v0.1.129 jamaah delete toolbar */
.jamaah-danger-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:16px 18px;border:1px solid #f0ddd8;background:linear-gradient(180deg,#fff,#fff8f7)}.jamaah-danger-copy{min-width:0}.jamaah-danger-copy b{display:block;margin:0 0 4px;font-size:15px;color:#8f241e}.jamaah-danger-copy p{margin:0;color:#6e5b57;font-size:12px;line-height:1.55}.jamaah-danger-form{margin:0;display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}.jamaah-danger-form .btn{white-space:nowrap;min-height:44px}.jamaah-profile-hero{display:flex;align-items:center;gap:18px;padding:22px 20px;margin-bottom:14px}.jamaah-profile-hero .grow{min-width:0}.jamaah-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.jamaah-hero-actions .btn{flex:0 0 auto}@media(max-width:650px){.jamaah-danger-toolbar{display:grid;grid-template-columns:1fr;gap:12px;padding:15px}.jamaah-danger-form{justify-content:stretch}.jamaah-danger-form .btn{width:100%}.jamaah-profile-hero{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:18px}.jamaah-hero-actions{grid-column:1/-1;justify-content:stretch}.jamaah-hero-actions .btn{width:100%}}

/* v0.1.130: AZAIM Markaz mobile refinement */
@media(max-width:650px){
 .azaim-page-head{gap:9px;margin-bottom:10px}.azaim-page-head h1{font-size:clamp(22px,6vw,27px);line-height:1.15;margin:3px 0 6px}.azaim-page-head .section-subtitle{font-size:12px;line-height:1.5}
 .azaim-policy-note{padding:12px 14px;margin-bottom:11px;border-radius:14px}.azaim-policy-note p{line-height:1.5;margin:5px 0 0;font-size:12px}
 .azaim-toolbar{padding:12px;margin-bottom:14px;border-radius:16px}.azaim-toolbar-form{gap:10px}.azaim-toolbar-form label{font-size:12px}.azaim-toolbar-form select{min-height:45px;margin-top:5px;border-radius:12px}
 .azaim-selected-head{gap:8px;margin:10px 0 12px}.azaim-selected-head h3{font-size:20px;margin:3px 0}.azaim-selected-head p{font-size:11px;line-height:1.5}.azaim-selected-head .status{font-size:10px}
 .azaim-editor-intro{padding:12px 14px;margin-bottom:10px;gap:8px;flex-wrap:wrap;border-radius:14px}.azaim-editor-intro b{font-size:14px}.azaim-editor-intro p{font-size:11px;line-height:1.5}.azaim-editor-intro .status{font-size:10px}
 .azaim-table tbody tr{margin:0 0 9px;padding:13px 14px 14px;gap:0;border-radius:15px;border-color:#e2e6dd;box-shadow:0 2px 10px rgba(22,58,43,.035)}
 .azaim-no{margin-bottom:8px!important;font-size:10px}.azaim-mobile-no{padding:4px 9px;font-size:10px;font-weight:850}
 .azaim-item{margin-bottom:10px!important}.azaim-item small{font-size:10px;letter-spacing:.02em;line-height:1.4;margin:0 0 4px;color:#8b6a18}.azaim-item b{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.azaim-item span{font-size:10px;line-height:1.35;margin-top:4px}
 .azaim-mobile-input-label{margin:0 0 5px;font-size:11px;line-height:1.4;color:#536b60;font-weight:750;overflow-wrap:anywhere}
 .azaim-input-cell>input,.azaim-pair-inputs input{min-height:46px!important;font-size:16px!important;border-radius:11px;padding:10px 12px;background:#fff}.azaim-pair-inputs{gap:10px}.azaim-pair-inputs label{font-size:11px;line-height:1.35}.azaim-pair-inputs label span{margin-bottom:5px}
 .azaim-save-bar{padding:12px 14px;gap:10px;border-radius:14px;bottom:calc(70px + env(safe-area-inset-bottom));margin-top:10px}.azaim-save-bar b{font-size:12px}.azaim-save-bar small{font-size:10px}.azaim-save-bar .btn{min-height:46px}
}
@media(max-width:380px){.azaim-table tbody tr{padding:12px}.azaim-item b{font-size:13px}.azaim-table .azaim-pair-inputs{gap:7px}}

/* v0.1.132: AZAIM mobile text wrapping hardening */
@media(max-width:650px){
 .azaim-selected-head>*,.azaim-editor-intro>*,.azaim-save-bar>*{min-width:0}
 .azaim-selected-head h3,.azaim-selected-head p,.azaim-editor-intro b,.azaim-editor-intro p,.azaim-item small,.azaim-item b,.azaim-item span,.azaim-mobile-input-label,.azaim-save-bar b,.azaim-save-bar small{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
 .azaim-item small,.azaim-item span,.azaim-save-bar small{max-width:100%}
 .azaim-pair-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .azaim-pair-inputs label{display:block;min-width:0;max-width:100%}
 .azaim-pair-inputs label span{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
 .azaim-input-cell,.azaim-input-cell>*{min-width:0;max-width:100%}
}
@media(max-width:420px){
 .azaim-selected-head h3{font-size:18px}
 .azaim-selected-head p{font-size:10px}
 .azaim-item small{font-size:9px;line-height:1.35}
 .azaim-item b{font-size:13px;line-height:1.35}
 .azaim-item span{font-size:9px;line-height:1.3}
 .azaim-mobile-input-label{font-size:10px}
 .azaim-pair-inputs label{font-size:10px}
 .azaim-save-bar b{font-size:11px}
 .azaim-save-bar small{font-size:9px;line-height:1.35}
}

/* v0.1.136: Laporan Gabungan Markaz layout */
.merge-page-heading{margin-bottom:17px}.merge-page-heading h1{margin:3px 0 6px;font-size:clamp(24px,3.4vw,32px)}.merge-page-heading p{margin:0;font-size:13px;line-height:1.55}
.merge-filter-card{margin-bottom:15px;padding:17px 20px}.merge-filter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.merge-filter-form label{margin:0;min-width:0;font-size:12px}.merge-filter-form select,.merge-filter-form input{margin-top:7px;min-height:46px}.merge-filter-form>.btn{min-height:46px}
.merge-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.merge-metric{min-height:120px;padding:17px 20px;background:#fffdf9}.merge-metric>span{display:block;font-size:12px;font-weight:800;color:#5e756b}.merge-metric>strong{display:block;margin-top:9px;font-size:31px;line-height:1;font-weight:900;color:#133f33}.merge-metric>small{display:block;margin-top:8px;font-size:11px;color:#72847d}.merge-metric-success{background:#f3faf6;border-color:#d9e8df}.merge-metric-success strong{color:#147354}.merge-metric-warning{background:#fffcf4;border-color:#ecdfbf}.merge-metric-warning strong{color:#956815}
.merge-review{padding:22px}.merge-review-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.merge-review-heading>div{min-width:0}.merge-review-heading h2{margin:0 0 6px;font-size:20px}.merge-review-heading p{margin:0;font-size:12px;line-height:1.55}.merge-review-heading .status{flex-shrink:0}.merge-review-note{margin:15px 0;padding:11px 13px;border-radius:12px;background:#f0f6f2;color:#45665a;font-size:12px;line-height:1.55}.merge-status-panel{border:1px solid #e7e5db;border-radius:14px;padding:14px 15px;margin-top:12px}.merge-missing{background:#fff9f8;border-color:#f0dbd6}.merge-complete{background:#f3faf6;border-color:#c9e5d5;color:#16684c}.merge-sources{background:#fffdf9}.merge-panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.merge-panel-head b{font-size:13px}.merge-panel-head span{font-size:11px;color:#718078}.merge-chip-list{display:flex;flex-wrap:wrap;gap:8px}.merge-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%;border:1px solid #dbe2de;background:#fff;padding:8px 11px;border-radius:10px;font-size:12px;font-weight:800;color:#274238;overflow-wrap:anywhere}.merge-chip small{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:750;line-height:1.2}.merge-chip-neutral{border-color:#d9e0dc;background:#fff}.merge-chip-neutral small{background:#eef1f0;color:#61736c}.merge-chip-warn{border-color:#ead7aa;background:#fffdf6}.merge-chip-warn small{background:#fff2d8;color:#8c5e09}.merge-chip-danger{border-color:#edcfc7;background:#fffaf8;color:#654840}.merge-chip-danger small{background:#fae8e8;color:#b93a3a}.merge-chip-ok{border-color:#cfe4d8;background:#f9fdfb;color:#1f5b47}.merge-chip-ok small{background:#e6f4ec;color:#18794e}.merge-source-link{color:#17614b;border-color:#d6e6dc;text-decoration:none}.merge-source-link:hover{background:#e9f5ee}.merge-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px;padding-top:17px;border-top:1px solid #eee7db}.merge-action-form{display:flex;flex-wrap:wrap;gap:9px}.merge-actions .btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:720px){.merge-filter-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.merge-filter-form>.btn{grid-column:1/-1}.merge-metrics{gap:9px}.merge-metric{padding:14px;min-height:108px}.merge-metric>strong{font-size:27px}.merge-metric>span,.merge-metric>small{font-size:10px}.merge-review{padding:16px}.merge-action-form,.merge-actions{flex-direction:column}.merge-actions .btn,.merge-action-form .btn{width:100%}}
@media(max-width:430px){.merge-filter-form{grid-template-columns:1fr}.merge-filter-form>.btn{grid-column:auto}.merge-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.merge-metric{padding:12px 9px;min-height:96px;border-radius:13px}.merge-metric>span{font-size:10px;line-height:1.3;overflow-wrap:anywhere}.merge-metric>strong{font-size:25px}.merge-metric>small{font-size:9px;line-height:1.3}.merge-review-heading{flex-wrap:wrap}.merge-chip{font-size:11px}}

/* v0.1.139 */
.merge-manual-editor{margin-top:18px;border:1px solid #d6e6dc;border-radius:15px;background:#fbfefc}.merge-manual-editor summary{cursor:pointer;padding:16px;display:flex;flex-direction:column;gap:4px}.merge-manual-editor summary small{color:#667f70;font-size:12px}.merge-manual-form{padding:0 15px 16px}.merge-manual-row{border-top:1px solid #e5ebe5;padding:14px 0}.merge-manual-row h3{font-size:13px;margin:0 0 11px;overflow-wrap:anywhere}.merge-manual-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.merge-manual-inputs label{min-width:0;font-size:11px;line-height:1.4}.merge-manual-inputs input{width:100%;min-height:42px;margin-top:5px;font-size:14px}@media(max-width:650px){.merge-manual-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.merge-manual-inputs{grid-template-columns:1fr}}

/* v0.1.140: editor panel focus and anchor visibility */
#edit-laporan-markaz{scroll-margin-top:95px}
#edit-laporan-markaz[open] summary{border-bottom:1px solid #d6e6dc;background:#f0f8f3;border-radius:15px 15px 0 0}
#open-markaz-editor:focus-visible{outline:3px solid #e2bd54;outline-offset:3px}
@media(max-width:650px){#edit-laporan-markaz{scroll-margin-top:85px}}

/* v0.1.141 — mobile responsive overflow fixes */
html,body{max-width:100%}
img,svg,canvas,iframe{max-width:100%;height:auto}
.app-shell,.card,.hero,.form-card,.topbar,.bottom-nav{max-width:100%}
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body{width:100%;position:relative}
  .topbar{gap:10px;padding-left:12px;padding-right:12px}
  .brand{min-width:0;max-width:calc(100% - 104px)}
  .brand-copy,.brand span,.brand small,.brand b{min-width:0}
  .brand b,.brand small{overflow-wrap:anywhere;word-break:break-word}
  .top-actions{flex:0 0 auto}
  .app-shell{width:100%;max-width:100%;padding-left:12px;padding-right:12px;overflow-x:hidden}
  .section-head,.action-title-row,.history-selected-head-v5,.merge-review-heading,.report-v4-section-head,.past-report-page-head{flex-wrap:wrap;align-items:flex-start}
  .section-head > *, .action-title-row > *, .history-selected-head-v5 > *, .merge-review-heading > *{min-width:0;max-width:100%}
  .section-head .text-link{align-self:flex-start}
  .card,.hero,.form-card{overflow:hidden}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .quick-card,.action-card,.halaqah-row,.user-row,.org-row{min-width:0}
  .action-card{flex-wrap:wrap}
  .halaqah-row,.user-row,.org-row{align-items:flex-start}
  .halaqah-row > *, .user-row > *, .org-row > *{min-width:0}
  .tiny-row,.wizard,.history-year-picker-v5,.report-tabs-v3,.past-report-stepbar{overflow-x:auto;scrollbar-width:none}
  .tiny-row::-webkit-scrollbar,.wizard::-webkit-scrollbar,.history-year-picker-v5::-webkit-scrollbar,.report-tabs-v3::-webkit-scrollbar,.past-report-stepbar::-webkit-scrollbar{display:none}
  table{min-width:0}
  th,td{white-space:normal}
}
@media(max-width:430px){
  .topbar{padding-left:10px;padding-right:10px}
  .brand{gap:8px;max-width:calc(100% - 98px)}
  .brand-logo,.brand-mark{width:40px;height:40px}
  .brand b{font-size:13px;line-height:1.15}
  .brand small{font-size:10px;line-height:1.2}
  .icon-btn,.avatar{width:40px;height:40px;border-radius:13px}
  .app-shell{padding-left:10px;padding-right:10px;padding-bottom:104px}
  .card{padding:14px;border-radius:18px}
  .hero{padding:17px;border-radius:20px}
  .section h2,.section-head h2{font-size:17px;line-height:1.22}
  .page-intro,.section-subtitle,.action-card p,.metric p{font-size:13px;line-height:1.42}
  .quick-grid{grid-template-columns:1fr 1fr}
  .quick-card{padding:14px;border-radius:16px}
  .quick-card>span{width:40px;height:40px;font-size:20px}
  .btn{min-height:44px;padding:0 14px}
  .bottom-nav{padding-left:6px;padding-right:6px}
  .bottom-nav a{padding:6px 2px;max-width:none}
  .bottom-nav b{font-size:10px;line-height:1.15;overflow-wrap:anywhere}
}


/* v0.1.143 — ultra-small mobile containment fix for topbar and narrow screens */
@media(max-width:520px){
  .topbar{padding-left:8px;padding-right:8px}
  .topbar-inner{gap:6px;align-items:center}
  .brand{flex:1 1 auto;min-width:0;max-width:none!important;gap:8px}
  .brand>span,.brand-copy{display:block;min-width:0;max-width:100%}
  .brand b{font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand small{display:none}
  .top-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:0;flex-wrap:nowrap}
  .azaim-mobile-link{min-height:34px;padding:0 8px;font-size:10px;border-radius:11px}
  .icon-btn.notification-button,.profile-chip .avatar{width:36px;height:36px;border-radius:12px}
  .profile-chip{padding:0!important;margin:0;min-height:auto;background:transparent;border:0}
  .app-shell{padding-left:8px;padding-right:8px;padding-bottom:106px}
  .card,.hero,.form-card{border-radius:18px}
  .section-head{gap:8px}
  .section-head h2,.section h2{font-size:16px;line-height:1.22}
  .section-subtitle,.page-intro{font-size:12px;line-height:1.42}
  .bottom-nav{padding-left:4px;padding-right:4px}
  .bottom-nav a{min-width:0;padding:6px 1px}
  .bottom-nav b{font-size:9px;letter-spacing:-.01em}
  .markaz-filter-chips{margin-right:-8px;padding-right:8px}
  .markaz-filter-chips a{font-size:10px;padding:0 10px}
}
@media(max-width:380px){
  .topbar{padding-left:6px;padding-right:6px}
  .brand{gap:7px}
  .brand-logo,.brand-mark{width:34px;height:34px;border-radius:11px}
  .brand b{font-size:11px}
  .azaim-mobile-link{min-height:32px;padding:0 7px;font-size:9px}
  .icon-btn.notification-button,.profile-chip .avatar{width:34px;height:34px;border-radius:11px}
  .bottom-nav b{font-size:8.5px}
}

/* v0.1.144 — show all four Markaz report filters on mobile */
@media(max-width:650px){
 .markaz-monitor-section .markaz-filter-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%;min-width:0;max-width:100%;overflow:visible!important;margin:0 0 12px!important;padding:0!important}
 .markaz-monitor-section .markaz-filter-chips a{display:flex!important;justify-content:space-between!important;align-items:center;min-width:0;max-width:100%;min-height:41px;padding:7px 10px!important;border-radius:13px;white-space:normal;line-height:1.2;font-size:11px!important;gap:5px}
 .markaz-monitor-section .markaz-filter-chips a b{flex:0 0 auto;min-width:23px;height:23px;padding:0 5px;font-size:10px}
}
@media(max-width:360px){.markaz-monitor-section .markaz-filter-chips{gap:6px!important}.markaz-monitor-section .markaz-filter-chips a{padding:6px 7px!important;font-size:10px!important}}

/* v0.1.145: six navigation items only for Markaz / Super Admin */
@media(max-width:900px){
 .bottom-nav:has(a[aria-label="Laporan Markaz"]){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;justify-items:stretch;gap:0;padding-inline:5px}
 .bottom-nav:has(a[aria-label="Laporan Markaz"]) a{min-width:0;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:5px 1px 4px}
 .bottom-nav:has(a[aria-label="Laporan Markaz"]) .nav-icon-wrap{width:32px;min-height:32px;height:32px;margin-inline:auto}
 .bottom-nav:has(a[aria-label="Laporan Markaz"]) .nav-svg{width:19px;height:19px}
 .bottom-nav:has(a[aria-label="Laporan Markaz"]) b{font-size:9px;line-height:1.2;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:center;margin-top:3px}
}
@media(max-width:380px){.bottom-nav:has(a[aria-label="Laporan Markaz"]) b{font-size:8px}.bottom-nav:has(a[aria-label="Laporan Markaz"]) .nav-icon-wrap{width:30px;height:30px;min-height:30px}}

/* v0.1.146: AZAIM management shortcut inside Laporan Markaz */
.markaz-azaim-shortcut{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 17px;border:1px solid #d8e7dc;border-radius:16px;background:#f6faf7}
.markaz-azaim-shortcut>div{flex:1;min-width:0}.markaz-azaim-shortcut b{display:block;color:#17523f;font-size:13px}.markaz-azaim-shortcut span{display:block;margin-top:4px;color:#677b70;font-size:11px;line-height:1.45}.markaz-azaim-shortcut .btn{flex:0 0 auto;white-space:normal;text-align:center;min-height:43px}
@media(max-width:640px){.markaz-azaim-shortcut{display:grid;grid-template-columns:minmax(0,1fr);padding:13px;gap:12px}.markaz-azaim-shortcut .btn{width:100%}}

/* v0.1.148: status sebenar bagi Halqah yang tiada tindakan segera */
.halaqah-directory-current{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;margin-top:8px;border-radius:11px;background:#eef1f0;color:#61736c;font-size:11px}
.halaqah-directory-current b{font-weight:850}.halaqah-directory-current span{font-size:10px;font-weight:600}
.halaqah-directory-current-draft{background:#fff4d9;color:#88600b}.halaqah-directory-current-revision{background:#fff0e8;color:#a94b28}.halaqah-directory-current-sent{background:#e9f5ee;color:#166849}
@media(max-width:430px){.halaqah-directory-current{flex-wrap:wrap}}

/* v0.1.150 — consistent responsive page container and branding layout */
@media screen and (min-width:901px){
  main.app-shell{width:100%;max-width:1180px!important;margin-inline:auto!important;padding:26px 22px 64px!important;min-width:0}
  main.app-shell>.section, main.app-shell>.card, main.app-shell>.dashboard-hero{min-width:0}
  main.app-shell .dashboard-metrics,main.app-shell .grid,main.app-shell .markaz-status-tiles{min-width:0}
}
.branding-page-heading{max-width:820px;margin:0 auto 16px!important;align-items:flex-start}
.branding-page-heading p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.branding-settings-card{width:100%;max-width:820px;margin:0 auto;padding:24px 28px}
.branding-settings-form{display:grid;gap:14px;min-width:0}
.branding-settings-form>label{margin:0;min-width:0;font-size:13px}
.branding-settings-form>label>input[type=text]{margin-top:7px;min-height:47px}
.branding-upload-row{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:14px;margin:9px 0 3px;min-width:0}
.branding-upload-preview{height:58px;width:58px;max-width:58px;object-fit:contain;border:1px solid #e0e5dd;border-radius:12px;background:#f8faf8;padding:4px}
.branding-upload-row input[type=file]{width:100%;max-width:100%;min-width:0;font-size:12px;padding:10px}
.branding-settings-form>.btn{width:100%;margin-top:5px}
@media screen and (max-width:900px){main.app-shell{width:100%;max-width:100%;min-width:0;margin:0 auto;padding-inline:14px}.branding-settings-card{max-width:720px;padding:19px}.branding-page-heading{max-width:720px}}
@media screen and (max-width:520px){main.app-shell{padding-inline:10px}.branding-settings-card{padding:15px}.branding-upload-row{grid-template-columns:48px minmax(0,1fr);gap:10px}.branding-upload-preview{width:48px;max-width:48px;height:48px}.branding-upload-row input[type=file]{font-size:11px;padding:8px}.branding-page-heading{margin-bottom:12px!important}}

/* v0.1.178 – approved Sri Petaling desktop/mobile designs. Scoped to new mode only. */
.spx-page{--spx-green:#074b3d;--spx-ink:#0a3430;--spx-gold:#bd922e;max-width:1180px;margin:0 auto;padding-bottom:36px;color:var(--spx-ink)}
.spx-page *{box-sizing:border-box}
.spx-hero{position:relative;overflow:hidden;isolation:isolate;min-height:298px;border:1px solid #e7e6dc;border-radius:22px;background:linear-gradient(96deg,#fffefa 0%,#fffdf7 39%,rgba(252,248,237,.84) 66%,rgba(244,245,230,.28) 100%),url('../sp-hero-scene.webp') right center/auto 100% no-repeat;box-shadow:0 10px 25px rgba(50,61,43,.07);display:flex;align-items:center;gap:36px;padding:37px 45px;margin-bottom:25px}
.spx-hero-content{position:relative;z-index:1;flex:1 1 680px;min-width:0;max-width:760px}
.spx-eyebrow{display:flex;align-items:center;gap:14px;color:#ad8222;font-size:12px;font-weight:900;letter-spacing:1.1px}.spx-eyebrow span{width:40px;height:2px;background:#c59d46}
.spx-hero h1{font-size:clamp(27px,3vw,39px);line-height:1.16;letter-spacing:-.8px;margin:20px 0 14px;color:#073b32;font-weight:850}
.spx-hero p{font-size:16px;line-height:1.6;color:#49615b;max-width:660px;margin:0 0 20px}
.spx-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 19px;border-radius:12px;background:linear-gradient(120deg,#073f35,#075744);color:white!important;text-decoration:none!important;font-size:14px;font-weight:800;box-shadow:0 6px 13px #073f351d;white-space:normal;text-align:center;transition:transform .15s,box-shadow .15s}.spx-primary:hover{transform:translateY(-1px);box-shadow:0 9px 17px #073f3529}.spx-primary>span:last-child{margin-left:6px;font-size:23px;line-height:14px}.spx-btn-icon{width:19px;height:19px;flex:none}
.spx-hero-quote{position:relative;z-index:1;flex:0 0 195px;color:#40504a;align-self:center;margin-right:8%;font-size:14px;line-height:1.55}.spx-hero-quote b{display:block;color:#bf963a;font:700 62px Georgia,serif;height:45px}.spx-hero-quote em{display:block;max-width:190px}.spx-hero-quote:after{content:'';display:block;width:36px;background:#c29b49;height:2px;margin-top:14px}
.spx-section-title h2{font-size:25px;letter-spacing:-.4px;margin:0 0 2px}.spx-section-title p{color:#60736d;margin:0 0 14px;font-size:13px}
.spx-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.spx-quick-card{display:flex;align-items:flex-start;gap:13px;min-width:0;min-height:110px;padding:17px 15px;background:#fffefa;border:1px solid #ece9df;border-radius:17px;text-decoration:none!important;color:inherit!important;box-shadow:0 6px 20px #182c2010}.spx-quick-card:hover{border-color:#a7cfc0;transform:translateY(-1px)}.spx-quick-icon,.spx-report-icon,.spx-guide-mark{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:14px}.spx-quick-icon.mint,.spx-report-icon.mint,.spx-guide-mark{background:#dff1e6;color:#086048}.spx-quick-icon.gold,.spx-report-icon.gold{background:#fff1d8;color:#9e761e}.spx-icon{width:25px;height:25px}.spx-quick-text{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:4px}.spx-quick-text b{font-size:12px;line-height:1.35;color:#103e34}.spx-quick-text small{font-size:11px;line-height:1.5;color:#62756e}.spx-chevron{display:grid;place-items:center;margin-left:auto;flex:none;width:25px;height:25px;background:#f3f2e9;border-radius:50%;font-size:21px;line-height:1}
.spx-guide{display:flex;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;border:1px solid #e7ebdf;border-radius:19px;background:linear-gradient(110deg,#eef5eb,#f7f6ec)}.spx-guide b{display:block;font-size:14px}.spx-guide p{margin:4px 0 0;color:#5b7169;font-size:12px;line-height:1.5}
.spx-report-hero{min-height:278px}.spx-report-hero h1{font-size:39px}.spx-notice{display:flex;gap:14px;align-items:center;max-width:590px;border-radius:16px;padding:15px 18px;background:#eaf2e9b8;color:#3c5c51;font-size:13px;line-height:1.55}.spx-notice .spx-icon{flex:none;color:#589f83}
.spx-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.spx-report-card{min-height:229px;display:flex;align-items:flex-start;gap:22px;padding:26px 25px;background:#fffefa;border:1px solid #e9e7dc;border-radius:21px;box-shadow:0 10px 24px #173b2d12}.spx-report-icon{height:78px;width:78px;border-radius:18px}.spx-report-icon .spx-icon{height:37px;width:37px}.spx-report-content{min-width:0;flex:1}.spx-tag{display:inline-block;padding:6px 11px;border-radius:99px;font-size:11px;font-weight:850;letter-spacing:.1px}.spx-tag.green{background:#e1f0e6;color:#0c644b}.spx-tag.amber{background:#fff2da;color:#9c7017}.spx-report-content h2{margin:13px 0 5px;color:#103d33;font-size:22px;letter-spacing:-.5px;line-height:1.2}.spx-report-content p{margin:0 0 24px;color:#61746d;font-size:13px;line-height:1.55}.spx-report-content .spx-primary{font-size:13px;min-height:45px}
.spx-report-guide{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:16px;background:#fffdf8}.spx-guide-title{display:flex;gap:12px;align-items:center}.spx-guide-step{display:flex;align-items:flex-start;gap:10px;border-left:1px solid #e8e5d9;padding-left:15px}.spx-guide-step strong{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#e1f1e8;color:#0c5942}.spx-guide-step:nth-child(3) strong{background:#fff0d5;color:#8e670e}.spx-guide-step b{font-size:12px}.spx-guide-step small{display:block;color:#718077;margin-top:4px;font-size:11px;line-height:1.5}
@media(max-width:980px){.spx-hero{padding:28px;min-height:255px}.spx-hero-quote{display:none}.spx-hero-content{max-width:650px}.spx-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spx-report-card{gap:14px;padding:23px 17px}.spx-report-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.spx-guide-step:nth-child(2){border-left:0;padding-left:0}}
@media(max-width:650px){.spx-page{padding-bottom:18px}.spx-hero{min-height:0;padding:26px 20px;border-radius:19px;background:linear-gradient(98deg,rgba(255,254,250,.96),rgba(255,253,246,.94)),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat;margin-bottom:22px}.spx-hero h1,.spx-report-hero h1{font-size:29px;margin:14px 0 12px}.spx-hero p{font-size:14px;line-height:1.55}.spx-primary{width:100%;min-height:49px;font-size:13px}.spx-quick-grid,.spx-report-grid,.spx-report-guide{grid-template-columns:1fr}.spx-quick-card{min-height:86px}.spx-report-card{min-height:0;padding:20px;flex-direction:column;gap:12px}.spx-report-icon{width:56px;height:56px}.spx-report-content h2{font-size:21px}.spx-report-content p{margin-bottom:18px}.spx-report-guide .spx-guide-step{padding-left:0;border-left:0;border-top:1px solid #ece8dc;padding-top:12px}.spx-notice{font-size:12px;padding:11px}.spx-guide{align-items:flex-start}.spx-section-title h2{font-size:23px}}

/* v0.1.179 – PWA layout repair; scoped to approved Sri Petaling pages. */
@media(max-width:650px){
  .spx-page{width:100%;max-width:100%;min-width:0;overflow:visible}
  .spx-hero{height:auto!important;min-height:0!important;padding:24px 19px!important;align-items:stretch;overflow:hidden}
  .spx-hero-content{width:100%;max-width:100%;min-width:0;flex:none}
  .spx-hero h1,.spx-report-hero h1{font-size:clamp(24px,7vw,29px)!important;line-height:1.22!important;letter-spacing:-.55px!important;overflow-wrap:normal;word-break:normal;margin:14px 0 13px!important}
  .spx-hero p{max-width:100%;line-height:1.55}
  .spx-report-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
  .spx-report-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:0!important;gap:0!important;padding:20px!important;overflow:visible!important}
  .spx-report-card>.spx-report-icon{position:static!important;display:grid!important;width:56px!important;height:56px!important;flex:0 0 56px!important;margin:0 0 15px!important;float:none!important}
  .spx-report-content{position:static!important;display:block!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;clear:both!important}
  .spx-report-content .spx-tag{display:inline-flex!important;position:static!important;margin:0 0 9px!important;white-space:normal;line-height:1.35}
  .spx-report-content h2{display:block!important;position:static!important;clear:both!important;visibility:visible!important;opacity:1!important;transform:none!important;font-size:21px!important;line-height:1.28!important;margin:0 0 9px!important;min-height:0!important;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word}
  .spx-report-content p{display:block!important;margin:0 0 18px!important;line-height:1.55!important}
  .spx-report-content .spx-primary{display:flex!important;width:100%!important;min-width:0!important;min-height:49px!important;padding:11px 12px!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important}
  .spx-quick-card{align-items:center!important;min-width:0!important;padding:14px!important;gap:12px!important}
  .spx-quick-text{min-width:0!important;flex:1 1 auto!important}
  .spx-quick-text b{font-size:13px!important}
  .spx-guide,.spx-report-guide{overflow:visible!important;min-width:0}
}
@media(max-width:375px){.spx-hero{padding:21px 17px!important}.spx-report-card{padding:17px!important}.spx-report-content h2{font-size:19px!important}.spx-report-content .spx-primary{font-size:11px!important}}


/* v0.1.182 - Scoped Sri Petaling form presentation. Does not alter old reports. */
.report-premium{max-width:1120px!important;margin:0 auto!important;padding:6px 10px 36px;min-width:0}
.report-premium *{box-sizing:border-box}
.report-premium .report-hero{display:block!important;position:relative;isolation:isolate;overflow:hidden;margin:0 0 18px;padding:30px 34px!important;border:1px solid #e2e5d8;border-radius:23px;background:linear-gradient(116deg,#ffffff 2%,#fbf8ef 58%,#ecf4ec 100%);box-shadow:0 12px 36px rgba(12,62,47,.055)}
.report-premium .report-hero:after{content:"";position:absolute;right:-60px;top:-85px;width:260px;height:260px;border:1px solid rgba(187,151,73,.22);border-radius:50%;box-shadow:0 0 0 25px rgba(187,151,73,.045),0 0 0 55px rgba(16,94,70,.032);pointer-events:none;z-index:-1}
.report-premium .report-hero .kicker{color:#ad8026!important;font-size:12px!important;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:8px}
.report-premium .report-hero h2{font-size:clamp(25px,3vw,36px)!important;line-height:1.15;letter-spacing:-.7px;margin:6px 0 12px;color:#063e32}
.report-premium .report-hero p{font-size:15px;line-height:1.65;max-width:660px;margin:0;color:#476258}
.report-premium .report-back{margin:4px 0 15px!important}
.report-premium .report-back a{display:inline-flex;align-items:center;gap:5px;text-decoration:none!important;color:#0d6650!important;font-weight:750;padding:9px 12px;border-radius:10px;background:#eaf3ed}
.report-premium .card{border:1px solid #e2e7dc!important;border-radius:20px!important;background:#fffefa!important;box-shadow:0 7px 26px rgba(6,47,37,.045)!important}
.report-premium .report-filter{background:linear-gradient(130deg,#fffefa,#f2f8f3)!important;padding:22px 26px!important}
.report-premium .report-filter form{display:flex!important;align-items:end!important;gap:12px!important}
.report-premium .report-filter form>label{font-size:13px;font-weight:800;color:#234e40;min-width:180px;flex:1 1 220px}
.report-premium .report-filter input,.report-premium .report-filter select{display:block;width:100%;min-height:48px;margin-top:7px;padding:10px 13px;background:#fff;border:1px solid #ceddd2;border-radius:12px;color:#123e33;font-size:16px}
.report-premium .report-filter .btn{min-height:48px;padding:11px 24px!important}
.report-premium .report-filter .muted{margin:11px 0 0!important;font-size:13px;line-height:1.6;color:#62786f}
.report-premium .report-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 16px}
.report-premium .btn{border-radius:12px!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:800!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}
.report-premium .btn:focus-visible,.report-premium input:focus-visible,.report-premium select:focus-visible{outline:3px solid #91c8a9;outline-offset:2px}
.report-premium .btn:hover{transform:translateY(-1px)}
.report-premium .report-status{background:#f0f7f1!important;border-color:#d5e8d9!important;padding:16px 22px!important;color:#26493f}
.report-premium .report-form-panel{padding:24px 26px!important;margin-bottom:15px}
.report-premium .report-form-panel>h3{font-size:21px;letter-spacing:-.25px;color:#0a493b;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #e5ebdf}
.report-premium .report-form-panel>p{color:#5b7267;line-height:1.6;font-size:14px}
.report-premium .sp-fields,.report-premium .student-grid{gap:18px 16px}
.report-premium label{color:#214a3d;font-weight:750}
.report-premium .sp-fields input,.report-premium .sp-item input,.report-premium .student-grid input,.report-premium .student-grid select,.report-premium .student-inputs input{border-radius:12px!important;min-height:46px;border:1px solid #d1ddd4!important;background:#fff!important;padding:10px 13px!important;font-size:16px!important;color:#164638!important}
.report-premium input[readonly]{background:#f4f7f2!important;color:#42675a!important}
.report-premium .sp-item,.report-premium .student-row{background:#fff!important;border:1px solid #dfe9e0!important;border-radius:15px!important;padding:18px 20px!important;box-shadow:0 2px 9px rgba(8,61,42,.022);margin:12px 0}
.report-premium .sp-item h4,.report-premium .student-row>strong{display:block;color:#0d493b;font-size:16px!important;line-height:1.45;margin:0 0 11px}
.report-premium .sp-item-grid>div>strong{font-size:13px;color:#527064;display:block;margin-bottom:7px}
.report-premium .sp-period-legend div{border-radius:13px;background:#f0f7f0;padding:15px}
.report-premium .sp-actions,.report-premium .student-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,254,249,.97)!important;border:1px solid #dae6dc;border-radius:17px!important;padding:12px 14px!important;box-shadow:0 8px 30px #113e3024;z-index:12;backdrop-filter:blur(12px)}
.report-premium .sp-actions .btn,.report-premium .student-actions .btn{padding:12px 18px}
@media(max-width:720px){
 .report-premium{padding:0 0 108px!important;width:100%!important}
 .report-premium .report-hero{padding:23px 20px!important;margin:7px 0 15px;border-radius:18px!important}
 .report-premium .report-hero:after{width:130px;height:130px;right:-60px;top:-40px}
 .report-premium .report-hero h2{font-size:26px!important;overflow-wrap:anywhere}
 .report-premium .report-hero p{font-size:14px!important}
 .report-premium .card{border-radius:17px!important}
 .report-premium .report-filter,.report-premium .report-form-panel{padding:19px 17px!important}
 .report-premium .report-filter form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .report-premium .report-filter form>label{min-width:0;width:100%}
 .report-premium .report-filter .btn{width:100%}
 .report-premium .report-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .report-premium .report-toolbar .btn{font-size:13px!important;line-height:1.35;padding:10px 7px;min-width:0;white-space:normal}
 .report-premium .sp-fields,.report-premium .student-grid,.report-premium .sp-item-grid{grid-template-columns:minmax(0,1fr)!important}
 .report-premium .sp-item,.report-premium .student-row{padding:15px!important}
 .report-premium .student-inputs,.report-premium .sp-parts{grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr))}
 .report-premium .sp-actions,.report-premium .student-actions{bottom:calc(76px + env(safe-area-inset-bottom,0px));margin-left:0;margin-right:0;gap:8px}
 .report-premium .sp-actions .btn,.report-premium .student-actions .btn{flex:1 1 130px;font-size:13px}
 .report-premium iframe{height:55vh!important;min-height:350px!important}
}

/* v0.1.183 – role-scoped Sri Petaling KPI, status and history */
.sp-kpi-page{padding-top:16px}.sp-kpi-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(112deg,#fffefa,#f2f5ed);border:1px solid #e5e8dc;border-radius:21px;padding:25px 29px;margin-bottom:18px}.sp-kpi-banner h1{color:#083e33;font-size:clamp(24px,2.6vw,35px);margin:10px 0 8px;line-height:1.2}.sp-kpi-banner p{color:#526c62;margin:0;line-height:1.6}.sp-kpi-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px 20px;border:1px solid #e8e9dd;border-radius:17px;background:#fffefa;margin-bottom:18px}.sp-kpi-filter label{display:flex;flex-direction:column;gap:6px;font-weight:750;color:#254c40}.sp-kpi-filter input,.sp-kpi-filter select{min-height:44px;min-width:170px;border:1px solid #cbdacf;border-radius:10px;background:#fff;padding:8px 10px;font-size:15px}.sp-kpi-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sp-kpi-panel,.sp-kpi-table-card{background:#fffefa;border:1px solid #e9e9df;border-radius:19px;padding:22px;box-shadow:0 8px 20px #12392d0b}.sp-kpi-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.sp-kpi-heading h2,.sp-kpi-table-card h2{font-size:21px;color:#083c32;margin:8px 0 14px}.sp-kpi-overline{font-size:11px;color:#9a7525;font-weight:850;letter-spacing:.7px}.sp-kpi-percent{font-size:28px;color:#08604a;font-variant-numeric:tabular-nums}.sp-kpi-progress{height:10px;overflow:hidden;border-radius:8px;background:#e8eee6}.sp-kpi-progress>span{display:block;height:100%;background:linear-gradient(90deg,#0b624a,#a5cbb1)}.sp-kpi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:18px}.sp-kpi-metrics>div{background:#f2f6f0;border-radius:10px;padding:11px 8px;text-align:center}.sp-kpi-metrics b{display:block;font-size:23px;color:#0b493b}.sp-kpi-metrics small{color:#547166;font-size:11px;line-height:1.3}.sp-kpi-panel p,.sp-kpi-table-card p{color:#576d64;font-size:13px;line-height:1.5}.sp-kpi-panel a,.sp-kpi-table a{color:#07533f;font-weight:750}.sp-kpi-table-card{margin-top:18px}.sp-kpi-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.sp-kpi-table-wrap{width:100%;overflow-x:auto}.sp-kpi-table{width:100%;border-collapse:collapse;text-align:left;min-width:560px;font-size:13px}.sp-kpi-table th,.sp-kpi-table td{padding:13px 12px;border-bottom:1px solid #edf0e9;vertical-align:middle}.sp-kpi-table th{color:#40665a;background:#f3f6f1}.sp-kpi-state{display:inline-block;padding:6px 9px;border-radius:30px;background:#e9ece9;font-weight:750;font-size:11px;white-space:nowrap}.sp-kpi-sent{background:#dbf1e3;color:#176144}.sp-kpi-draft{background:#fff1d4;color:#865f10}.sp-kpi-revision{background:#fce1d8;color:#9a4020}.sp-kpi-actions,.sp-kpi-pages{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:18px}.sp-kpi-actions a,.sp-kpi-pages a{padding:12px;border:1px solid #d7e6db;border-radius:11px;background:#fffefa;color:#0b5843;text-decoration:none;font-weight:700}
@media(max-width:720px){.sp-kpi-banner{flex-direction:column;align-items:stretch;padding:20px}.sp-kpi-overview{grid-template-columns:1fr}.sp-kpi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-kpi-filter>*{flex:1 1 140px}.sp-kpi-filter input,.sp-kpi-filter select{width:100%;min-width:0}.sp-kpi-table-card{padding:16px}.sp-kpi-table-head{align-items:start;flex-direction:column}.sp-kpi-page{padding-bottom:90px}}

/* v0.1.184 — Executive visual polish (Sri Petaling dashboard only). */
.sp-kpi-executive{--sp-green:#064d3f;--sp-leaf:#0f7660;--sp-gold:#c6a052;--sp-cream:#f8f5ec;max-width:1180px;margin-inline:auto;min-width:0}
.sp-kpi-executive .sp-kpi-banner{position:relative;isolation:isolate;overflow:hidden;min-height:186px;padding:32px 35px;border-radius:23px;border:1px solid #dae5d8;background:linear-gradient(100deg,rgba(255,254,248,.98) 0%,rgba(247,249,239,.98) 62%,rgba(231,241,230,.80) 100%),url('../sp-hero-scene.webp') right center/auto 110% no-repeat;box-shadow:0 12px 32px #183d2a10}
.sp-kpi-executive .sp-kpi-banner:after{content:"";position:absolute;right:-65px;top:-135px;width:340px;height:340px;border:1px solid #c6a05235;border-radius:50%;box-shadow:0 0 0 30px #c6a05209,0 0 0 70px #0f766008;pointer-events:none;z-index:-1}
.sp-kpi-executive .sp-kpi-banner-copy{max-width:670px;min-width:0}
.sp-kpi-executive .sp-kpi-banner h1{font-size:clamp(27px,3.2vw,39px);line-height:1.16;font-weight:850;letter-spacing:-.7px;margin:10px 0}
.sp-kpi-executive .sp-kpi-banner p{font-size:15px;max-width:600px}
.sp-kpi-executive .spx-eyebrow{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#98721f}
.sp-kpi-executive .sp-kpi-banner-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.sp-kpi-executive .sp-kpi-banner-meta span{border:1px solid #d6e4d8;background:#ffffffcc;padding:6px 10px;border-radius:100px;font-size:12px;font-weight:750;color:#235547}
.sp-kpi-executive .sp-kpi-banner>.spx-primary{flex:none;align-self:flex-end;position:relative;z-index:1;box-shadow:0 5px 14px #14594125}
.sp-kpi-executive .sp-kpi-filter{padding:17px 22px;border-color:#e0e8dd;box-shadow:0 5px 17px #173e2808}
.sp-kpi-executive .sp-kpi-filter input:focus-visible,.sp-kpi-executive a:focus-visible{outline:3px solid #91bca4;outline-offset:3px}
.sp-kpi-executive .sp-kpi-section-label{display:flex;gap:12px;align-items:end;justify-content:space-between;margin:24px 0 14px}
.sp-kpi-executive .sp-kpi-section-label span{display:block;color:#9c782e;font-size:11px;font-weight:850;letter-spacing:1.35px}
.sp-kpi-executive .sp-kpi-section-label h2{margin:5px 0 0;font-size:24px;letter-spacing:-.4px;color:#073f32}
.sp-kpi-executive .sp-kpi-section-label p{margin:0;color:#6a7c71;font-size:13px}
.sp-kpi-executive .sp-kpi-overview{gap:18px}
.sp-kpi-executive .sp-kpi-panel{position:relative;overflow:hidden;padding:25px 25px 21px;border-radius:20px;border-color:#dae6dc;box-shadow:0 9px 28px #123f3110;background:linear-gradient(145deg,#fffefa 50%,#f4f9f3 100%)}
.sp-kpi-executive .sp-kpi-panel:before{content:"";display:block;position:absolute;inset:0 auto 0 0;width:4px;background:#0c7257}
.sp-kpi-executive .sp-kpi-panel-student:before{background:#c6a052}
.sp-kpi-executive .sp-kpi-heading h2{font-size:19px;line-height:1.3;margin:8px 0 17px;max-width:340px}
.sp-kpi-executive .sp-kpi-percent{font-size:clamp(30px,3vw,40px);line-height:1;font-weight:850;color:#065840}
.sp-kpi-executive .sp-kpi-progress{height:11px;background:#e1eae0;border-radius:99px}
.sp-kpi-executive .sp-kpi-progress>span{border-radius:99px;background:linear-gradient(90deg,#07513f,#43a681)}
.sp-kpi-executive .sp-kpi-panel-student .sp-kpi-progress>span{background:linear-gradient(90deg,#0f7660,#c6a052)}
.sp-kpi-executive .sp-kpi-metrics{gap:9px;margin-top:20px}
.sp-kpi-executive .sp-kpi-metrics>div{padding:14px 7px 12px;border:1px solid #e7ece4;background:#f7f9f5;border-radius:12px}
.sp-kpi-executive .sp-kpi-metrics b{font-size:26px;line-height:1.15;font-variant-numeric:tabular-nums;color:#164a3c}
.sp-kpi-executive .sp-kpi-metrics small{display:block;margin-top:4px;font-size:12px}
.sp-kpi-executive .sp-kpi-panel>p{margin:16px 0 8px}
.sp-kpi-executive .sp-kpi-panel>a{display:inline-flex;align-items:center;min-height:38px;font-size:13px;text-decoration:none}
.sp-kpi-executive .sp-kpi-table-card{padding:24px 25px;border-color:#dfe9df;border-radius:20px;margin-top:21px;box-shadow:0 9px 27px #123f310d}
.sp-kpi-executive .sp-kpi-table-head h2{font-size:22px;margin:0 0 6px}
.sp-kpi-executive .sp-kpi-table-head p{margin:0 0 15px}
.sp-kpi-executive .sp-kpi-table thead th{background:#eaf4ed;color:#174d3d;font-size:12px;font-weight:800}
.sp-kpi-executive .sp-kpi-table tbody tr:hover{background:#f9fbf7}
.sp-kpi-executive .sp-kpi-table th,.sp-kpi-executive .sp-kpi-table td{padding:15px 13px}
.sp-kpi-executive .sp-kpi-actions{justify-content:flex-start;gap:11px}
.sp-kpi-executive .sp-kpi-actions a{background:#f7faf6;border-color:#d9e6db;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.sp-kpi-executive .sp-kpi-banner{align-items:stretch;flex-direction:column}.sp-kpi-executive .sp-kpi-banner>.spx-primary{align-self:flex-start}.sp-kpi-executive .sp-kpi-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sp-kpi-executive{padding-bottom:105px;overflow-x:hidden}.sp-kpi-executive .sp-kpi-banner{min-height:0;padding:23px 19px;border-radius:18px;background:linear-gradient(106deg,rgba(255,254,248,.98),rgba(246,249,241,.93)),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat}.sp-kpi-executive .sp-kpi-banner h1{font-size:clamp(23px,6.6vw,30px);overflow-wrap:anywhere}.sp-kpi-executive .sp-kpi-banner p{font-size:14px}.sp-kpi-executive .sp-kpi-banner>.spx-primary{width:100%;justify-content:center;min-height:48px}.sp-kpi-executive .sp-kpi-section-label{display:block;margin:20px 0 12px}.sp-kpi-executive .sp-kpi-section-label h2{font-size:21px}.sp-kpi-executive .sp-kpi-section-label p{margin-top:6px}.sp-kpi-executive .sp-kpi-panel{padding:20px 17px}.sp-kpi-executive .sp-kpi-heading h2{font-size:18px}.sp-kpi-executive .sp-kpi-percent{font-size:29px}.sp-kpi-executive .sp-kpi-metrics b{font-size:24px}.sp-kpi-executive .sp-kpi-table-card{padding:19px 15px}.sp-kpi-executive .sp-kpi-filter{padding:16px}.sp-kpi-executive .sp-kpi-filter button{min-height:46px}.sp-kpi-executive .sp-kpi-actions{display:grid;grid-template-columns:1fr}.sp-kpi-executive .sp-kpi-actions a{justify-content:center}}
@media(prefers-reduced-motion:reduce){.sp-kpi-executive *{transition:none!important;animation:none!important}}

/* v0.1.185 – Premium Quick Access cards, Sri Petaling dashboard only */
.sp-kpi-executive .sp-kpi-quick{margin-top:21px;margin-bottom:25px}
.sp-kpi-executive .sp-kpi-quick>.sp-kpi-section-label{margin:0 0 13px}
.sp-kpi-executive .sp-kpi-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sp-kpi-executive .sp-kpi-quick-card{box-sizing:border-box;min-width:0;display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:14px;row-gap:12px;padding:22px;border-radius:20px;border:1px solid #dce9de;background:#fffefa;box-shadow:0 8px 28px rgba(12,61,46,.055);color:#103c32;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sp-kpi-executive .sp-kpi-quick-card:hover{border-color:#97c3ae;box-shadow:0 14px 32px rgba(12,61,46,.11);transform:translateY(-2px)}
.sp-kpi-executive .sp-kpi-quick-card:focus-visible{outline:3px solid #a77f2d;outline-offset:3px}
.sp-kpi-executive .sp-kpi-quick-icon{height:52px;width:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;background:#e5f3e9;color:#0c654b}
.sp-kpi-executive .sp-kpi-quick-icon.is-gold{background:#fbf0da;color:#997223}
.sp-kpi-executive .sp-kpi-quick-svg{width:24px;height:24px;display:block}
.sp-kpi-executive .sp-kpi-quick-copy{flex:1 1 130px;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}
.sp-kpi-executive .sp-kpi-quick-copy strong{display:block;font-weight:800;font-size:18px;line-height:1.3;color:#103e33;overflow-wrap:anywhere}
.sp-kpi-executive .sp-kpi-quick-copy small{display:block;color:#597068;font-size:13px;line-height:1.5;font-weight:450}
.sp-kpi-executive .sp-kpi-quick-arrow{width:30px;height:30px;flex:0 0 30px;margin-left:auto;margin-top:auto;display:grid;place-items:center;background:#eff5ef;border-radius:50%;color:#176249;transition:transform .18s ease}
.sp-kpi-executive .sp-kpi-quick-arrow .sp-kpi-quick-svg{width:17px;height:17px}
.sp-kpi-executive .sp-kpi-quick-card:hover .sp-kpi-quick-arrow{transform:translateX(3px)}
@media(max-width:1000px){.sp-kpi-executive .sp-kpi-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sp-kpi-executive .sp-kpi-quick-grid{grid-template-columns:1fr;gap:11px}.sp-kpi-executive .sp-kpi-quick-card{padding:17px;align-items:center;gap:13px;border-radius:17px}.sp-kpi-executive .sp-kpi-quick-icon{width:49px;height:49px;flex-basis:49px}.sp-kpi-executive .sp-kpi-quick-copy strong{font-size:17px}.sp-kpi-executive .sp-kpi-quick-copy small{font-size:13px}.sp-kpi-executive .sp-kpi-quick-arrow{margin-top:0}}
@media(prefers-reduced-motion:reduce){.sp-kpi-executive .sp-kpi-quick-card,.sp-kpi-executive .sp-kpi-quick-arrow{transition:none}.sp-kpi-executive .sp-kpi-quick-card:hover,.sp-kpi-executive .sp-kpi-quick-card:hover .sp-kpi-quick-arrow{transform:none}}

/* v0.1.186: premium report centre + mobile illustrated banner + concise paging */
.spx-report-page .spx-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.spx-report-page .spx-report-card{position:relative;display:flex;align-items:flex-start;min-height:225px;gap:18px;padding:25px;border:1px solid #dce9de;border-radius:22px;background:linear-gradient(135deg,#fffefa,#fafcf8);box-shadow:0 12px 26px rgba(10,65,46,.07);transition:transform .18s ease,box-shadow .18s ease}
.spx-report-page .spx-report-card:hover{transform:translateY(-2px);box-shadow:0 18px 33px rgba(10,65,46,.11)}
.spx-report-page .spx-report-icon{width:58px;height:58px;flex:0 0 58px;border-radius:17px}
.spx-report-page .spx-report-icon .spx-icon{width:28px;height:28px}
.spx-report-page .spx-report-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}
.spx-report-page .spx-report-content h2{font-size:clamp(19px,1.8vw,23px);line-height:1.3;margin:11px 0 7px}
.spx-report-page .spx-report-content p{font-size:14px;margin:0 0 19px;line-height:1.55}
.spx-report-page .spx-report-content .spx-primary{margin-top:auto;width:100%;font-size:12px;min-height:48px;padding:11px}
.sp-history-pages{justify-content:center;align-items:center}.sp-history-pages a[aria-current=page]{color:#fff;background:#0c5a46;border-color:#0c5a46}.sp-history-pages span{font-size:12px;color:#5f756c}
@media(max-width:650px){
 .spx-report-page .spx-report-hero{min-height:235px!important;padding:25px 19px!important;background:linear-gradient(105deg,rgba(255,254,250,.96) 0%,rgba(255,254,250,.91) 51%,rgba(251,247,236,.56) 100%),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat!important}
 .spx-report-page .spx-hero-content{position:relative;z-index:1}
 .spx-report-page .spx-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .spx-report-page .spx-report-card{flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:15px 12px!important;min-width:0!important}
 .spx-report-page .spx-report-card>.spx-report-icon{width:45px!important;height:45px!important;flex:0 0 45px!important;margin-bottom:13px!important}
 .spx-report-page .spx-report-icon .spx-icon{width:23px;height:23px}
 .spx-report-page .spx-report-content{width:100%!important;max-width:100%!important;align-items:stretch!important;flex:1!important}
 .spx-report-page .spx-report-content .spx-tag{align-self:flex-start;font-size:9px!important;padding:5px 7px}
 .spx-report-page .spx-report-content h2{font-size:clamp(15px,4.3vw,18px)!important;line-height:1.3!important;overflow-wrap:break-word;margin:11px 0 7px!important}
 .spx-report-page .spx-report-content p{font-size:12px!important;line-height:1.5;margin:0 0 12px!important}
 .spx-report-page .spx-report-content .spx-primary{font-size:11px!important;line-height:1.3!important;min-height:52px;padding:9px 7px!important;white-space:normal!important;overflow-wrap:anywhere}
 .spx-report-page .spx-report-content .spx-primary .spx-btn-icon{display:none}
}
@media(max-width:359px){.spx-report-page .spx-report-grid{grid-template-columns:minmax(0,1fr)!important}.spx-report-page .spx-report-content .spx-primary{font-size:13px!important}}

/* v0.1.187 — accessible native month/year selectors and compact mobile Halqah accordion. */
.sp-kpi-executive .sp-kpi-period-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.sp-kpi-period-intro{flex:1 1 100%;display:flex;flex-direction:column;gap:5px;color:#093e33}
.sp-kpi-period-intro strong{font-size:17px;font-weight:850}.sp-kpi-period-intro small{font-size:13px;color:#5e7067}
.sp-kpi-executive .sp-kpi-period-filter label{display:flex;flex-direction:column;gap:7px;flex:0 1 210px;font-size:13px;color:#284c3f}
.sp-kpi-executive .sp-kpi-period-filter select{width:100%;min-width:0;min-height:49px;border:1px solid #ccdcd0;border-radius:12px;padding:10px 12px;background:#fff;color:#123e32;font-size:16px;pointer-events:auto;appearance:auto}
.sp-kpi-executive .sp-kpi-period-filter .btn{min-height:49px;border-radius:12px;padding-inline:25px}
.sp-kpi-mobile-list{display:none}.sp-kpi-list-pages{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;margin-top:15px;font-size:12px;color:#5b7165}.sp-kpi-list-pages>div{display:flex;gap:8px}.sp-kpi-list-pages a{display:inline-flex;min-height:40px;align-items:center;border:1px solid #d7e5d9;padding:8px 12px;border-radius:10px;color:#0a5943;background:#f0f7ef;font-weight:750;text-decoration:none}
@media(max-width:720px){
.sp-kpi-executive .sp-kpi-period-filter label{flex:1 1 calc(50% - 12px);min-width:0}.sp-kpi-executive .sp-kpi-period-filter .btn{width:100%;flex:1 1 100%}
.sp-kpi-executive .sp-kpi-table-wrap{display:none}.sp-kpi-mobile-list{display:grid;gap:9px;margin-top:15px}
.sp-kpi-mobile-item{border:1px solid #dce9dd;background:linear-gradient(140deg,#fffefa,#f7faf4);border-radius:15px;overflow:hidden;box-shadow:0 4px 13px #12412e08}
.sp-kpi-mobile-item summary{display:flex;align-items:center;gap:7px;padding:14px 13px;cursor:pointer;list-style:none;min-height:58px}.sp-kpi-mobile-item summary::-webkit-details-marker{display:none}
.sp-kpi-mobile-name{font-size:14px;font-weight:850;color:#0a4638;flex:1;min-width:0;overflow-wrap:anywhere}.sp-kpi-mobile-summary{font-size:11px;font-weight:750;color:#557367;white-space:nowrap}.sp-kpi-mobile-chevron{font-size:20px;color:#0a654b;transition:transform .2s}.sp-kpi-mobile-item[open] .sp-kpi-mobile-chevron{transform:rotate(180deg)}
.sp-kpi-mobile-detail{border-top:1px solid #e3eee2;padding:10px 13px 13px}.sp-kpi-mobile-report{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;font-size:12px;color:#3c594f}.sp-kpi-mobile-report+.sp-kpi-mobile-report{border-top:1px solid #edf1eb}.sp-kpi-mobile-history{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:11px;border-radius:10px;background:#e9f4eb;color:#065640;text-decoration:none;font-size:13px;font-weight:800}
.sp-kpi-executive .sp-kpi-table-card{padding:17px}.sp-kpi-list-pages{align-items:stretch}.sp-kpi-list-pages>div{margin-left:auto}
}


/* v0.1.191 — Compact premium PDF and history actions in report tables. */
.sp-kpi-page .sp-kpi-table .sp-kpi-action-cell{white-space:nowrap;text-align:center;width:1%;}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:8px 12px;border:1px solid #b9d7c6;border-radius:11px;
  background:#edf7f0;color:#0c5943;font-size:12px;line-height:1.2;font-weight:800;
  letter-spacing:0;text-decoration:none;white-space:nowrap;
  box-shadow:0 2px 7px rgba(14,71,52,.055);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.sp-kpi-page .sp-kpi-mini-action .sp-kpi-mini-svg{width:17px;height:17px;flex:0 0 17px;display:block;stroke-width:2;}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action.is-history{background:#fff7e8;border-color:#ead4a9;color:#79571a;}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action.is-pdf:hover{background:#dcefe2;border-color:#73b195;box-shadow:0 4px 11px rgba(14,71,52,.1);transform:translateY(-1px);}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action.is-history:hover{background:#ffedc8;border-color:#d8b66b;box-shadow:0 4px 11px rgba(113,80,21,.1);transform:translateY(-1px);}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action:focus-visible{outline:3px solid #b68e36;outline-offset:3px;}
.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action:active{transform:translateY(0);box-shadow:none;}
@media(max-width:720px){.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action{min-height:44px;padding:10px 12px;}}
@media(prefers-reduced-motion:reduce){.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action{transition:none;}.sp-kpi-page .sp-kpi-table a.sp-kpi-mini-action:hover{transform:none;}}


/* v0.1.192 — History: a compact, no-horizontal-scroll mobile activity list. Desktop stays tabular. */
.sp-history-page{min-width:0}
.sp-history-page .sp-history-mobile{display:none}
@media(max-width:720px){
  .sp-history-page{max-width:100%;overflow-x:clip;padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))}
  .sp-history-page .sp-kpi-banner{padding:20px 17px}
  .sp-history-page .sp-kpi-table-card{min-width:0;padding:18px 14px;border-radius:19px;overflow:hidden}
  .sp-history-page .sp-kpi-table-card h2{font-size:clamp(19px,5.2vw,22px);line-height:1.25;margin:3px 0 8px}
  .sp-history-page .sp-kpi-table-card>p{font-size:12px;line-height:1.5;margin:0 0 15px}
  .sp-history-page .sp-kpi-table-wrap{display:none!important}
  .sp-history-page .sp-history-mobile{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}
  .sp-history-page .sp-history-entry{min-width:0;padding:13px 13px 11px;border:1px solid #dfe9de;border-radius:15px;background:linear-gradient(125deg,#fffefa,#f8fbf6);box-shadow:0 3px 11px rgba(13,59,40,.045)}
  .sp-history-page .sp-history-entry-header{display:flex;align-items:center;gap:10px;min-width:0}
  .sp-history-page .sp-history-entry-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:#e5f3eb;color:#0b6049}
  .sp-history-page .sp-history-entry-svg{width:19px;height:19px}
  .sp-history-page .sp-history-entry-info{min-width:0;display:flex;flex-direction:column;gap:2px}
  .sp-history-page .sp-history-entry-info strong{font-size:14px;line-height:1.3;color:#104838;font-weight:800;overflow-wrap:anywhere}
  .sp-history-page .sp-history-entry-info>span{font-size:12px;line-height:1.4;color:#587166;overflow-wrap:anywhere}
  .sp-history-page .sp-history-entry-details{display:flex;gap:7px 11px;align-items:center;flex-wrap:wrap;min-width:0;margin:10px 0 9px}
  .sp-history-page .sp-history-entry-state{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750;line-height:1.35;white-space:normal;background:#f5ecce;color:#765411}
  .sp-history-page .sp-history-entry-state.is-sent{background:#dcf2e6;color:#145d43}
  .sp-history-page .sp-history-entry-state.is-edit{background:#fce9da;color:#88502c}
  .sp-history-page .sp-history-entry-date{display:inline-flex;align-items:center;gap:4px;color:#65756d;font-size:11px;line-height:1.4;white-space:nowrap}
  .sp-history-page .sp-history-date-icon{width:13px;height:13px;flex:0 0 13px}
  .sp-history-page .sp-history-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #edf1e9;min-width:0}
  .sp-history-page .sp-history-entry-actor{font-size:11px;line-height:1.35;color:#5c7065;min-width:0;overflow-wrap:anywhere}
  .sp-history-page .sp-history-entry-pdf{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:38px;padding:7px 11px;border-radius:10px;border:1px solid #bddbcc;background:#edf7f0;color:#07543f;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
  .sp-history-page .sp-history-entry-pdf:focus-visible{outline:3px solid #c6a052;outline-offset:2px}
  .sp-history-page .sp-history-entry-pdf-svg{width:15px;height:15px;flex:none}
  .sp-history-page .sp-history-pages{justify-content:center;gap:7px}
  .sp-history-page .sp-history-pages a{padding:10px 12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .sp-history-page .sp-history-pages span{width:100%;text-align:center}
}

/* e-PROFILE v0.1.195 — Executive Dashboard 2.0. Scoped to Sri Petaling mode only. */
.sp-kpi-v2{--v2-forest:#064d3f;--v2-gold:#c6a052;--v2-mint:#e7f2e9;color:#163f33;max-width:1180px}
.sp-kpi-v2 *{box-sizing:border-box}
.sp-kpi-v2 .sp-v2-hero{min-height:155px;padding:24px 29px;margin-bottom:12px;background:linear-gradient(100deg,rgba(255,254,248,.97),rgba(247,250,242,.93)),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat}
.sp-kpi-v2 .sp-v2-hero h1{font-size:clamp(24px,2.6vw,33px);margin:7px 0 7px}
.sp-kpi-v2 .sp-v2-hero p{font-size:14px}
.sp-kpi-v2 .sp-v2-hero .sp-kpi-banner-meta{margin-top:12px}
.sp-kpi-v2 .sp-v2-hero .spx-primary{min-height:45px;padding:12px 15px;gap:8px}
.sp-kpi-v2 .sp-v2-btn-icon,.sp-kpi-v2 .sp-v2-summary-svg,.sp-kpi-v2 .sp-v2-tab-icon,.sp-kpi-v2 .sp-v2-action-icon,.sp-kpi-v2 .sp-v2-inline-icon,.sp-kpi-v2 .sp-v2-activity-svg,.sp-kpi-v2 .sp-v2-empty-icon{width:19px;height:19px;flex-shrink:0}
.sp-kpi-v2 .sp-v2-filter{padding:12px 16px;margin-bottom:12px;align-items:center;gap:9px}
.sp-kpi-v2 .sp-v2-filter .sp-kpi-period-intro{flex:1 1 180px;gap:2px}
.sp-kpi-v2 .sp-v2-filter .sp-kpi-period-intro strong{font-size:15px}
.sp-kpi-v2 .sp-v2-filter .sp-kpi-period-intro small{font-size:12px}
.sp-kpi-v2 .sp-v2-filter label{flex:0 1 175px;font-size:12px}
.sp-kpi-v2 .sp-v2-filter select,.sp-kpi-v2 .sp-v2-filter .btn{min-height:44px}
.sp-kpi-v2 .sp-v2-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.sp-kpi-v2 .sp-v2-summary-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;border:1px solid #e0e9dd;border-radius:15px;background:#fffefa;box-shadow:0 4px 14px #123d3207}
.sp-kpi-v2 .sp-v2-summary-icon{width:39px;height:39px;display:grid;place-items:center;background:#e4f2e9;border-radius:12px;color:#0a624a;flex:none}
.sp-kpi-v2 .sp-v2-summary-icon.is-gold{background:#fff1d8;color:#986e1d}
.sp-kpi-v2 .sp-v2-summary-item>div{display:flex;flex-direction:column;min-width:0;gap:1px}
.sp-kpi-v2 .sp-v2-summary-item small{font-size:11px;line-height:1.3;color:#547265;font-weight:650}
.sp-kpi-v2 .sp-v2-summary-item strong{font-size:24px;font-weight:850;color:#074d3a;font-variant-numeric:tabular-nums;line-height:1.05}
.sp-kpi-v2 .sp-v2-eyebrow{display:block;font-size:10px;letter-spacing:1.15px;font-weight:850;color:#9d7627;margin-bottom:5px}
.sp-kpi-v2 .sp-v2-performance,.sp-kpi-v2 .sp-v2-recent{background:#fffefa;border:1px solid #dfe9df;border-radius:21px;padding:22px 24px;box-shadow:0 8px 25px #1347310b;margin-bottom:15px;min-width:0}
.sp-kpi-v2 .sp-v2-performance-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sp-kpi-v2 .sp-v2-performance-top h2,.sp-kpi-v2 .sp-v2-section-head h2{font-size:22px;line-height:1.2;letter-spacing:-.45px;color:#083d32;margin:0}
.sp-kpi-v2 .sp-v2-performance-top p,.sp-kpi-v2 .sp-v2-section-head p{margin:5px 0 0;color:#5e7468;font-size:12px;line-height:1.45}
.sp-kpi-v2 .sp-v2-period-tag{font-size:12px;font-weight:750;border:1px solid #dce5d9;border-radius:99px;background:#f0f7f0;padding:7px 11px;color:#145744;white-space:nowrap}
.sp-kpi-v2 .sp-v2-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:#eef4ed;border:1px solid #e1ebdf;border-radius:13px;margin:17px 0 15px}
.sp-kpi-v2 .sp-v2-tab{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:45px;border:1px solid transparent;border-radius:10px;background:transparent;color:#456f60;font-size:13px;font-weight:800;font-family:inherit;line-height:1.2;padding:9px 12px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.sp-kpi-v2 .sp-v2-tab[aria-selected="true"]{color:#064c3b;background:#fffefa;border-color:#d8e5d8;box-shadow:0 3px 8px #14452f11}
.sp-kpi-v2 .sp-v2-tab:focus-visible,.sp-kpi-v2 .sp-v2-action-primary:focus-visible,.sp-kpi-v2 .sp-v2-action-secondary:focus-visible,.sp-kpi-v2 .sp-v2-section-head a:focus-visible{outline:3px solid #c6a052;outline-offset:2px}
.sp-kpi-v2 .sp-v2-tab-icon{width:17px;height:17px}
.sp-kpi-v2 .sp-v2-report[hidden]{display:none!important}
.sp-kpi-v2 .sp-v2-report{min-width:0;outline:none}
.sp-kpi-v2 .sp-v2-report-main{display:flex;align-items:center;justify-content:center;gap:22px;padding:2px 0 10px}
.sp-kpi-v2 .sp-v2-gauge{width:124px;height:124px;flex:none;position:relative;display:grid;place-items:center;color:#0f755b}
.sp-kpi-v2 .sp-v2-gauge-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.sp-kpi-v2 .sp-v2-ring-track,.sp-kpi-v2 .sp-v2-ring-progress{fill:none;stroke-width:10px}
.sp-kpi-v2 .sp-v2-ring-track{stroke:#e5eee5}
.sp-kpi-v2 .sp-v2-ring-progress{stroke:#0f7660;stroke-linecap:round;stroke-dasharray:326.726;transition:stroke-dashoffset .65s ease}
.sp-kpi-v2 .sp-v2-gauge-number{position:absolute;left:0;right:0;top:36px;text-align:center;font-size:27px;font-weight:900;color:#06513f;line-height:1.2;font-variant-numeric:tabular-nums}
.sp-kpi-v2 .sp-v2-gauge-number small{display:block;margin-top:5px;color:#608075;font-size:11px;font-weight:750}
.sp-kpi-v2 .sp-v2-report-heading{flex:1;min-width:0}
.sp-kpi-v2 .sp-v2-report-heading>small{color:#9b7424;font-size:10px;letter-spacing:1px;font-weight:850}
.sp-kpi-v2 .sp-v2-report-heading h3{font-size:19px;line-height:1.25;color:#0a4537;margin:5px 0 9px}
.sp-kpi-v2 .sp-v2-report-heading strong{display:block;font-size:21px;font-weight:850;color:#07503c;font-variant-numeric:tabular-nums}
.sp-kpi-v2 .sp-v2-report-heading p{margin:3px 0 0;font-size:12px;color:#65776c}
.sp-kpi-v2 .sp-v2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0}
.sp-kpi-v2 .sp-v2-metric{min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 7px;text-align:center;padding:12px 8px;border:1px solid #e4ece3;background:#f8faf6;border-radius:12px}
.sp-kpi-v2 .sp-v2-metric-dot{width:7px;height:7px;border-radius:50%;background:#87a196;flex:none}
.sp-kpi-v2 .sp-v2-metric.is-sent .sp-v2-metric-dot{background:#128363}
.sp-kpi-v2 .sp-v2-metric.is-pending .sp-v2-metric-dot{background:#aa7656}
.sp-kpi-v2 .sp-v2-metric.is-draft .sp-v2-metric-dot{background:#b58b32}
.sp-kpi-v2 .sp-v2-metric b{font-size:23px;font-weight:850;line-height:1.1;color:#0d513f;font-variant-numeric:tabular-nums}
.sp-kpi-v2 .sp-v2-metric small{flex:1 1 100%;font-size:11px;color:#587267;line-height:1.3;margin-top:2px}
.sp-kpi-v2 .sp-v2-metric-note{font-size:11px;color:#708078;line-height:1.5;margin:9px 0 12px}
.sp-kpi-v2 .sp-v2-revision{display:flex;align-items:center;gap:7px;font-size:12px;color:#9a522d;background:#fff1e5;border-radius:10px;padding:9px 12px;margin:9px 0 2px}
.sp-kpi-v2 .sp-v2-inline-icon{width:16px;height:16px}
.sp-kpi-v2 .sp-v2-performance-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid #eef1e9;padding-top:13px}
.sp-kpi-v2 .sp-v2-action-primary,.sp-kpi-v2 .sp-v2-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 14px;border-radius:11px;text-decoration:none;font-weight:800;font-size:13px;transition:background .16s ease,transform .16s ease}
.sp-kpi-v2 .sp-v2-action-primary{background:#075743;color:#fff}
.sp-kpi-v2 .sp-v2-action-primary:hover{background:#074936;transform:translateY(-1px)}
.sp-kpi-v2 .sp-v2-action-secondary{background:#edf6ef;color:#0a5742}
.sp-kpi-v2 .sp-v2-action-secondary:hover{background:#dbeee1}
.sp-kpi-v2 .sp-v2-action-icon{width:16px;height:16px}
.sp-kpi-v2 .sp-v2-halqah{margin:0 0 15px;padding:19px 22px}
.sp-kpi-v2 .sp-v2-halqah .sp-kpi-table-head h2{margin:0 0 4px}
.sp-kpi-v2 .sp-v2-halqah .sp-kpi-table-head p{margin:0 0 7px}
.sp-kpi-v2 .sp-v2-recent{padding:19px 22px}
.sp-kpi-v2 .sp-v2-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sp-kpi-v2 .sp-v2-section-head>a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-weight:800;color:#095b47;text-decoration:none;min-height:40px}
.sp-kpi-v2 .sp-v2-activity-list{list-style:none;margin:0;padding:0}
.sp-kpi-v2 .sp-v2-activity-item{display:flex;align-items:center;gap:11px;padding:9px 0;min-width:0}
.sp-kpi-v2 .sp-v2-activity-item+.sp-v2-activity-item{border-top:1px solid #edf1eb}
.sp-kpi-v2 .sp-v2-activity-icon{display:grid;place-items:center;background:#e8f4eb;color:#0f6048;width:33px;height:33px;border-radius:11px;flex:none}
.sp-kpi-v2 .sp-v2-activity-svg{width:17px;height:17px}
.sp-kpi-v2 .sp-v2-activity-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sp-kpi-v2 .sp-v2-activity-copy strong{font-size:12px;font-weight:800;color:#164c3c}
.sp-kpi-v2 .sp-v2-activity-copy small{font-size:11px;color:#688074;overflow-wrap:anywhere;line-height:1.4}
.sp-kpi-v2 .sp-v2-activity-when{font-size:11px;color:#78877e;white-space:nowrap}
.sp-kpi-v2 .sp-v2-empty{display:flex;align-items:center;gap:11px;padding:13px;color:#6c8176;font-size:12px;background:#f5f9f4;border-radius:12px}
.sp-kpi-v2 .sp-v2-quick{margin-top:0}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-card{padding:13px;gap:9px;min-height:90px;border-radius:15px;align-items:center}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-svg{width:20px;height:20px}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-copy strong{font-size:13px;line-height:1.3}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-copy small{font-size:11px;line-height:1.4}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-arrow{width:22px;height:22px;flex-basis:22px;margin-left:auto}
.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-arrow .sp-kpi-quick-svg{width:14px;height:14px}
@media(max-width:890px){.sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .sp-kpi-v2{padding-bottom:calc(106px + env(safe-area-inset-bottom,0px))}
 .sp-kpi-v2 .sp-v2-hero{padding:18px 17px;border-radius:19px;background:linear-gradient(110deg,rgba(255,254,248,.95),rgba(247,250,241,.92)),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat}
 .sp-kpi-v2 .sp-v2-hero h1{font-size:clamp(23px,6vw,28px)}
 .sp-kpi-v2 .sp-v2-hero .spx-primary{min-height:43px}
 .sp-kpi-v2 .sp-v2-filter{padding:12px 14px;gap:9px}
 .sp-kpi-v2 .sp-v2-filter .sp-kpi-period-intro{flex:1 1 100%}
 .sp-kpi-v2 .sp-v2-filter label{flex:1 1 calc(50% - 8px);min-width:0}
 .sp-kpi-v2 .sp-v2-filter .btn{min-height:44px}
 .sp-kpi-v2 .sp-v2-summary{gap:6px;margin-bottom:12px}
 .sp-kpi-v2 .sp-v2-summary-item{padding:10px 8px;flex-direction:column;align-items:center;gap:4px;text-align:center;min-height:76px}
 .sp-kpi-v2 .sp-v2-summary-icon{width:29px;height:29px;border-radius:9px}
 .sp-kpi-v2 .sp-v2-summary-svg{width:16px;height:16px}
 .sp-kpi-v2 .sp-v2-summary-item small{font-size:10px}
 .sp-kpi-v2 .sp-v2-summary-item strong{font-size:19px}
 .sp-kpi-v2 .sp-v2-performance{padding:17px 14px;border-radius:19px}
 .sp-kpi-v2 .sp-v2-performance-top h2,.sp-kpi-v2 .sp-v2-section-head h2{font-size:19px}
 .sp-kpi-v2 .sp-v2-period-tag{font-size:10px;padding:6px 8px}
 .sp-kpi-v2 .sp-v2-tabs{margin:14px 0 12px}
 .sp-kpi-v2 .sp-v2-tab{padding:8px 5px;gap:5px;font-size:11px;min-height:43px}
 .sp-kpi-v2 .sp-v2-tab-icon{width:15px;height:15px}
 .sp-kpi-v2 .sp-v2-report-main{gap:12px;justify-content:flex-start;padding:2px 0 7px}
 .sp-kpi-v2 .sp-v2-gauge{width:102px;height:102px}
 .sp-kpi-v2 .sp-v2-gauge-number{top:30px;font-size:23px}
 .sp-kpi-v2 .sp-v2-gauge-number small{font-size:10px;margin-top:3px}
 .sp-kpi-v2 .sp-v2-report-heading h3{font-size:16px;margin:4px 0 7px}
 .sp-kpi-v2 .sp-v2-report-heading strong{font-size:18px}
 .sp-kpi-v2 .sp-v2-report-heading p{font-size:11px}
 .sp-kpi-v2 .sp-v2-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sp-kpi-v2 .sp-v2-metric{padding:10px 7px;min-height:63px}
 .sp-kpi-v2 .sp-v2-metric b{font-size:21px}
 .sp-kpi-v2 .sp-v2-metric-note{font-size:10.5px}
 .sp-kpi-v2 .sp-v2-performance-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .sp-kpi-v2 .sp-v2-action-primary,.sp-kpi-v2 .sp-v2-action-secondary{font-size:11px;padding:10px 6px;min-height:44px}
 .sp-kpi-v2 .sp-v2-halqah{padding:16px 14px;margin-bottom:12px}
 .sp-kpi-v2 .sp-v2-recent{padding:16px 14px;margin-bottom:12px}
 .sp-kpi-v2 .sp-v2-activity-item:nth-child(n+4){display:none}
 .sp-kpi-v2 .sp-v2-section-head>a{font-size:11px}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-card{min-height:79px;padding:11px;gap:6px;flex-wrap:nowrap;align-items:center}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-icon{width:33px;height:33px;flex-basis:33px}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-svg{width:17px;height:17px}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-copy strong{font-size:12px;line-height:1.25}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-copy small{display:none}
 .sp-kpi-v2 .sp-v2-quick .sp-kpi-quick-arrow{display:none}
}
@media(max-width:355px){.sp-kpi-v2 .sp-v2-gauge{width:88px;height:88px}.sp-kpi-v2 .sp-v2-gauge-number{top:25px;font-size:20px}.sp-kpi-v2 .sp-v2-report-heading h3{font-size:15px}}
@keyframes spV2RingIn{from{stroke-dashoffset:326.726}to{stroke-dashoffset:var(--sp-v2-ring-final)}}
@keyframes spV2PanelIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.sp-kpi-v2 .sp-v2-ring-progress.is-animated{animation:spV2RingIn .65s ease-out both}
.sp-kpi-v2 .sp-v2-report.is-switching{animation:spV2PanelIn .2s ease-out both}
@media(prefers-reduced-motion:reduce){.sp-kpi-v2 .sp-v2-ring-progress.is-animated,.sp-kpi-v2 .sp-v2-report.is-switching{animation:none!important;transition:none!important}}


/* v0.1.196 — Loading Tasbih, shared PWA/desktop navigation overlay */
.ek-page-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(250,248,241,.97);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s;padding:calc(24px + env(safe-area-inset-top,0px)) 22px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
.ek-page-loader.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease,visibility 0s}
.ek-page-loader-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;max-width:290px;animation:ek-loader-appear .32s ease both}
.ek-tasbih-symbol{height:100px;width:100px;display:grid;place-items:center;margin-bottom:10px;filter:drop-shadow(0 8px 15px rgba(14,86,61,.09))}
.ek-tasbih-symbol svg{width:94px;height:94px;overflow:visible}
.ek-tasbih-wheel{transform-origin:55px 55px;animation:ek-tasbih-turn 6s linear infinite}
.ek-tasbih-bead{fill:#0e684f;transform-box:fill-box;transform-origin:center;animation:ek-tasbih-pulse 1.9s ease-in-out infinite;animation-delay:calc(var(--bead)*.15s)}
.ek-tasbih-bead:nth-child(3n){fill:#c39d4e}
.ek-page-loader-title{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#184438!important;font-weight:680!important;letter-spacing:0!important}
.ek-page-loader-subtitle{margin:5px 0 0!important;font-size:12.5px!important;line-height:1.5!important;color:#668276!important;font-weight:500!important}
@keyframes ek-tasbih-turn{to{transform:rotate(360deg)}}
@keyframes ek-tasbih-pulse{0%,100%{opacity:.45;transform:scale(.85)}35%{opacity:1;transform:scale(1.18)}65%{opacity:.68;transform:scale(.94)}}
@keyframes ek-loader-appear{from{transform:translateY(7px);opacity:.45}to{transform:translateY(0);opacity:1}}
@media(max-width:600px){.ek-page-loader{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ek-tasbih-symbol{width:90px;height:90px;margin-bottom:8px}.ek-tasbih-symbol svg{width:84px;height:84px}.ek-page-loader-title{font-size:14.5px!important}}
@media(prefers-reduced-motion:reduce){.ek-page-loader,.ek-page-loader-content{animation:none!important;transition:none!important}.ek-tasbih-wheel,.ek-tasbih-bead{animation:none!important;opacity:1!important;transform:none!important}}

/* v0.1.202 — Halqah personal dashboard: separate from Markaz monitoring. */
.sp-halqah-dashboard{max-width:1060px;color:#134536;padding-bottom:110px}
.sp-halqah-dashboard *{box-sizing:border-box}
.sp-halqah-dashboard .sp-halqah-eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:1.35px;color:#a2792b;line-height:1.5}
.sp-halqah-dashboard .sp-halqah-hero{position:relative;overflow:hidden;background:linear-gradient(102deg,rgba(255,254,248,.99),rgba(247,250,241,.86)),url('../sp-hero-scene.webp') right center/auto 100% no-repeat;border:1px solid #e4eadf;border-radius:22px;min-height:158px;padding:26px 30px;margin-bottom:13px;box-shadow:0 9px 24px #17462b0c}
.sp-halqah-dashboard .sp-halqah-hero h1{margin:6px 0 6px;font-size:clamp(23px,2.7vw,32px);line-height:1.2;color:#084633;overflow-wrap:anywhere}
.sp-halqah-dashboard .sp-halqah-hero p{margin:0;color:#617568;font-size:14px;line-height:1.5}
.sp-halqah-dashboard .sp-halqah-hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.sp-halqah-dashboard .sp-halqah-hero-meta span{display:inline-flex;background:#edf5ed;border:1px solid #d5e6d6;border-radius:99px;color:#245b47;font-weight:750;padding:6px 11px;font-size:11px}
.sp-halqah-dashboard .sp-halqah-period{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:14px 18px;border-radius:17px;background:#fffefa;border:1px solid #dfe8de;margin-bottom:14px}
.sp-halqah-dashboard .sp-halqah-period-copy{display:flex;flex-direction:column;gap:2px;flex:1 1 200px}
.sp-halqah-dashboard .sp-halqah-period-copy strong{font-size:15px}
.sp-halqah-dashboard .sp-halqah-period-copy small{font-size:12px;color:#65786d}
.sp-halqah-dashboard .sp-halqah-period label{font-size:12px;font-weight:750;display:flex;flex-direction:column;gap:5px;flex:0 1 170px;min-width:0}
.sp-halqah-dashboard .sp-halqah-period select{min-height:44px;width:100%;font:inherit;color:#164d3b;background:#fff;border:1px solid #d3e1d4;border-radius:11px;padding:8px 12px}
.sp-halqah-dashboard .sp-halqah-period button{min-height:44px;padding:10px 20px;background:#085843;color:#fff;border:0;border-radius:11px;font:inherit;font-weight:800;cursor:pointer}
.sp-halqah-dashboard .sp-halqah-overview,.sp-halqah-dashboard .sp-halqah-recent{background:#fffefa;border:1px solid #dfe8de;border-radius:20px;box-shadow:0 8px 20px #123f310a;padding:21px 24px;margin-bottom:14px}
.sp-halqah-dashboard .sp-halqah-overview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sp-halqah-dashboard .sp-halqah-overview h2,.sp-halqah-dashboard .sp-halqah-section-head h2{margin:4px 0 0;font-size:21px;color:#0b4838;line-height:1.24}
.sp-halqah-dashboard .sp-halqah-overview-top p{margin:4px 0 0;color:#667a70;font-size:12px}
.sp-halqah-dashboard .sp-halqah-overview-count{text-align:right;white-space:nowrap}
.sp-halqah-dashboard .sp-halqah-overview-count strong{display:block;font-size:30px;font-weight:900;color:#09563f;line-height:1.05}
.sp-halqah-dashboard .sp-halqah-overview-count strong small{font-size:15px;color:#8a9a8c}
.sp-halqah-dashboard .sp-halqah-overview-count span{font-size:11px;color:#63766b}
.sp-halqah-dashboard .sp-halqah-progress{height:10px;background:#e8f0e6;border-radius:99px;overflow:hidden;margin-top:17px}
.sp-halqah-dashboard .sp-halqah-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b654a,#72b49a);transition:width .5s ease}
.sp-halqah-dashboard .sp-halqah-overview-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;color:#62766a;font-size:12px}
.sp-halqah-dashboard .sp-halqah-overview-foot span:last-child{font-weight:800;color:#125c44}
.sp-halqah-dashboard .sp-halqah-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px}
.sp-halqah-dashboard .sp-halqah-section-head>a{display:inline-flex;align-items:center;gap:5px;color:#0a624a;font-size:12px;font-weight:850;text-decoration:none}
.sp-halqah-dashboard .sp-halqah-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sp-halqah-dashboard .sp-halqah-work-card{border:1px solid #dfe9dd;border-top:3px solid #1f8a69;background:#fffefa;border-radius:19px;padding:20px;box-shadow:0 8px 22px #113d300a;min-width:0;display:flex;flex-direction:column;gap:10px}
.sp-halqah-dashboard .sp-halqah-work-card.is-student{border-top-color:#c8a053}
.sp-halqah-dashboard .sp-halqah-work-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sp-halqah-dashboard .sp-halqah-work-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e5f3e9;color:#0e674e}
.sp-halqah-dashboard .is-student .sp-halqah-work-icon{background:#fff1d8;color:#a1762d}
.sp-halqah-dashboard .sp-halqah-icon{width:21px;height:21px;flex:none}
.sp-halqah-dashboard .sp-halqah-work-card h3{font-size:18px;line-height:1.26;margin:3px 0 0;color:#0b4838}
.sp-halqah-dashboard .sp-halqah-work-card p{font-size:13px;line-height:1.45;color:#65766b;margin:0;flex:1}
.sp-halqah-dashboard .sp-halqah-report-link{display:flex;justify-content:center;align-items:center;gap:8px;padding:11px 14px;min-height:44px;color:#fff!important;background:#0b604a;border-radius:12px;text-decoration:none!important;font-size:13px;font-weight:850;transition:background .17s,transform .17s}
.sp-halqah-dashboard .sp-halqah-report-link:hover{background:#084834;transform:translateY(-1px)}
.sp-halqah-dashboard .sp-halqah-link-icon{width:17px;height:17px;flex:none}
.sp-halqah-dashboard .sp-halqah-recent{margin-top:17px;padding:16px 21px}
.sp-halqah-dashboard .sp-halqah-recent .sp-halqah-section-head{margin:0 0 10px}
.sp-halqah-dashboard .sp-halqah-empty{font-size:13px;color:#6c7c72;background:#f5f8f2;padding:13px;border-radius:12px}
.sp-halqah-dashboard .sp-halqah-activity-list{padding:0;margin:0;list-style:none}
.sp-halqah-dashboard .sp-halqah-activity-list li{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #edf0eb}
.sp-halqah-dashboard .sp-halqah-activity-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e7f4e9;color:#126448;flex:none}
.sp-halqah-dashboard .sp-halqah-activity-icon .sp-halqah-icon{width:17px;height:17px}
.sp-halqah-dashboard .sp-halqah-activity-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sp-halqah-dashboard .sp-halqah-activity-main strong{font-size:12px;color:#154a39}
.sp-halqah-dashboard .sp-halqah-activity-main small{font-size:11px;color:#698074}
.sp-halqah-dashboard .sp-halqah-activity-list time{font-size:11px;color:#6d8276;white-space:nowrap}
.sp-halqah-dashboard .sp-halqah-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sp-halqah-dashboard .sp-halqah-quick-grid a{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #e0e9de;border-radius:14px;padding:14px 12px;background:#fffefa;text-decoration:none;color:#164c3b;box-shadow:0 5px 16px #113d3008}
.sp-halqah-dashboard .sp-halqah-quick-grid .sp-halqah-icon{width:18px;height:18px;color:#197153}
.sp-halqah-dashboard .sp-halqah-quick-grid strong{font-size:12px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.sp-halqah-dashboard .sp-halqah-quick-grid a>span{margin-left:auto;color:#8ca99a;font-size:18px}
.sp-halqah-dashboard a:focus-visible,.sp-halqah-dashboard button:focus-visible,.sp-halqah-dashboard select:focus-visible{outline:3px solid #c6a052;outline-offset:3px}
@media(max-width:790px){.sp-halqah-dashboard .sp-halqah-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sp-halqah-dashboard{padding-bottom:110px}.sp-halqah-dashboard .sp-halqah-hero{min-height:0;padding:20px 18px;background:linear-gradient(100deg,rgba(255,254,248,.97),rgba(247,250,241,.89)),url('../sp-hero-scene.webp') right bottom/auto 100% no-repeat}.sp-halqah-dashboard .sp-halqah-hero h1{font-size:24px}.sp-halqah-dashboard .sp-halqah-hero p{font-size:13px}.sp-halqah-dashboard .sp-halqah-period{padding:12px;gap:8px}.sp-halqah-dashboard .sp-halqah-period-copy{flex-basis:100%}.sp-halqah-dashboard .sp-halqah-period label{flex:1 1 calc(50% - 4px)}.sp-halqah-dashboard .sp-halqah-period button{flex:1 1 100%}.sp-halqah-dashboard .sp-halqah-overview{padding:16px}.sp-halqah-dashboard .sp-halqah-overview h2,.sp-halqah-dashboard .sp-halqah-section-head h2{font-size:19px}.sp-halqah-dashboard .sp-halqah-overview-count strong{font-size:26px}.sp-halqah-dashboard .sp-halqah-work-grid{grid-template-columns:1fr;gap:9px}.sp-halqah-dashboard .sp-halqah-work-card{padding:15px;gap:8px}.sp-halqah-dashboard .sp-halqah-work-card h3{font-size:17px;margin:0}.sp-halqah-dashboard .sp-halqah-recent{padding:15px}.sp-halqah-dashboard .sp-halqah-quick-grid a{padding:12px 10px;gap:7px}.sp-halqah-dashboard .sp-halqah-quick-grid strong{font-size:11.5px}.sp-halqah-dashboard .sp-halqah-quick-grid a>span{display:none}}
@media(max-width:355px){.sp-halqah-dashboard .sp-halqah-period select{padding:8px 5px}.sp-halqah-dashboard .sp-halqah-section-head>a{font-size:11px}.sp-halqah-dashboard .sp-halqah-activity-list time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sp-halqah-dashboard .sp-halqah-progress span,.sp-halqah-dashboard .sp-halqah-report-link{transition:none}.sp-halqah-dashboard .sp-halqah-report-link:hover{transform:none}}


/* v0.1.206 — Executive Halqah Workspace: compact premium refinements.
   Scoped to Halqah only so Markaz/Super Admin layouts remain unchanged. */
.sp-halqah-dashboard{max-width:1080px}
.sp-halqah-dashboard .sp-halqah-hero{
  min-height:145px;padding:24px 28px;margin-bottom:12px;
  border-color:#e2eadd;background:linear-gradient(99deg,rgba(255,254,248,.99) 0%,rgba(255,254,248,.97) 51%,rgba(249,250,243,.55) 100%),url('../sp-hero-scene.webp') right center/auto 100% no-repeat;
  box-shadow:0 12px 30px rgba(26,72,49,.045);
}
.sp-halqah-dashboard .sp-halqah-hero::before{content:'';position:absolute;width:160px;height:160px;border:1px solid rgba(187,153,72,.16);border-radius:50%;right:-59px;top:-80px;pointer-events:none}
.sp-halqah-dashboard .sp-halqah-hero h1{font-weight:850;letter-spacing:-.55px}
.sp-halqah-dashboard .sp-halqah-hero-meta span{font-weight:750;padding:5px 10px}
.sp-halqah-dashboard .sp-halqah-period{align-items:center;padding:13px 17px;margin-bottom:12px;box-shadow:0 6px 20px #123b2b05}
.sp-halqah-dashboard .sp-halqah-period-copy{flex:1 1 190px}
.sp-halqah-dashboard .sp-halqah-period select{font-weight:650;background-color:#fffefa}
.sp-halqah-dashboard .sp-halqah-period button{min-width:126px;transition:background .18s,box-shadow .18s}
.sp-halqah-dashboard .sp-halqah-period button:hover{background:#074635;box-shadow:0 6px 15px #075b431f}
.sp-halqah-dashboard .sp-halqah-overview-v2{padding:19px 22px 16px;box-shadow:0 9px 24px rgba(18,63,49,.045)}
.sp-halqah-dashboard .sp-halqah-overview-v2 .sp-halqah-overview-top{align-items:center;gap:18px}
.sp-halqah-dashboard .sp-halqah-overview-v2 .sp-halqah-overview-copy{min-width:0;flex:1}
.sp-halqah-dashboard .sp-halqah-overview-v2 .sp-halqah-overview-copy p{line-height:1.45}
.sp-halqah-dashboard .sp-halqah-progress-ring{
  --sp-halqah-done:0%;display:grid;place-items:center;flex:0 0 94px;width:94px;height:94px;
  border-radius:50%;background:conic-gradient(#14795a var(--sp-halqah-done),#e5eee4 0);
  position:relative;isolation:isolate;
}
.sp-halqah-dashboard .sp-halqah-progress-ring::before{content:'';position:absolute;inset:8px;border-radius:50%;background:#fffefa;z-index:-1}
.sp-halqah-dashboard .sp-halqah-progress-inner{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;text-align:center;color:#07543e}
.sp-halqah-dashboard .sp-halqah-progress-inner strong{font-size:26px;line-height:1.12;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.sp-halqah-dashboard .sp-halqah-progress-inner strong small{font-size:14px;font-weight:750;letter-spacing:0;color:#7a8d7e}
.sp-halqah-dashboard .sp-halqah-progress-inner em{font-size:10px;font-weight:650;font-style:normal;color:#63796d}
.sp-halqah-dashboard .sp-halqah-overview-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.sp-halqah-dashboard .sp-halqah-overview-status{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #e3eae0;background:#f8faf6;border-radius:12px;padding:11px 12px;min-width:0}
.sp-halqah-dashboard .sp-halqah-overview-status>span:first-child{font-weight:750;font-size:12px;color:#295d48;min-width:0;line-height:1.3}
.sp-halqah-dashboard .sp-halqah-overview-status .sp-kpi-state{font-size:10px;white-space:nowrap;flex:none}
.sp-halqah-dashboard .sp-halqah-section-head{margin:15px 0 9px}
.sp-halqah-dashboard .sp-halqah-work-card{border-top-width:2px;gap:9px;padding:19px 20px;transition:transform .18s,box-shadow .18s,border-color .18s}
.sp-halqah-dashboard .sp-halqah-work-card:hover{border-color:#c9dfce;box-shadow:0 14px 27px rgba(16,69,44,.075);transform:translateY(-2px)}
.sp-halqah-dashboard .sp-halqah-work-card h3{font-weight:850;letter-spacing:-.28px}
.sp-halqah-dashboard .sp-halqah-last-update{color:#667e6f;font-size:11px;font-weight:650;line-height:1.3}
.sp-halqah-dashboard .sp-halqah-report-link{margin-top:auto;letter-spacing:.04px}
.sp-halqah-dashboard .sp-halqah-recent{margin-top:14px;box-shadow:0 9px 24px rgba(18,63,49,.045)}
.sp-halqah-dashboard .sp-halqah-quick-grid a{transition:border-color .18s,box-shadow .18s,transform .18s}
.sp-halqah-dashboard .sp-halqah-quick-grid a:hover{border-color:#b9d4c1;box-shadow:0 12px 24px #113d3010;transform:translateY(-2px)}
@media(max-width:790px){.sp-halqah-dashboard .sp-halqah-overview-statuses{gap:7px}.sp-halqah-dashboard .sp-halqah-overview-status{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:650px){
  .sp-halqah-dashboard{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .sp-halqah-dashboard .sp-halqah-hero{padding:19px 18px;min-height:0;background:linear-gradient(100deg,rgba(255,254,248,.98) 0%,rgba(255,254,248,.91) 60%,rgba(255,254,248,.66) 100%),url('../sp-hero-scene.webp') right center/auto 100% no-repeat}
  .sp-halqah-dashboard .sp-halqah-hero h1{font-size:24px}
  .sp-halqah-dashboard .sp-halqah-period{padding:12px;gap:8px}
  .sp-halqah-dashboard .sp-halqah-period-copy{flex:1 1 100%;margin-bottom:3px}
  .sp-halqah-dashboard .sp-halqah-period label{flex:1 1 calc(50% - 4px)}
  .sp-halqah-dashboard .sp-halqah-period button{flex:1 1 100%;min-height:43px}
  .sp-halqah-dashboard .sp-halqah-overview-v2{padding:16px}
  .sp-halqah-dashboard .sp-halqah-progress-ring{flex-basis:78px;width:78px;height:78px}
  .sp-halqah-dashboard .sp-halqah-progress-ring::before{inset:7px}
  .sp-halqah-dashboard .sp-halqah-progress-inner strong{font-size:22px}
  .sp-halqah-dashboard .sp-halqah-overview-statuses{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
  .sp-halqah-dashboard .sp-halqah-overview-status{padding:9px 10px;min-height:63px}
  .sp-halqah-dashboard .sp-halqah-overview-status>span:first-child{font-size:11.5px}
  .sp-halqah-dashboard .sp-halqah-work-card{padding:15px;gap:8px}
  .sp-halqah-dashboard .sp-halqah-work-card:hover,.sp-halqah-dashboard .sp-halqah-quick-grid a:hover{transform:none}
}
@media(max-width:355px){.sp-halqah-dashboard .sp-halqah-overview-statuses{grid-template-columns:1fr}.sp-halqah-dashboard .sp-halqah-overview-status{flex-direction:row;min-height:0}}
@media(prefers-reduced-motion:reduce){.sp-halqah-dashboard .sp-halqah-work-card,.sp-halqah-dashboard .sp-halqah-quick-grid a,.sp-halqah-dashboard .sp-halqah-period button{transition:none!important;transform:none!important}}

/* v0.1.211 — locked premium style: original approved splash and Laporan Pelajar mockups. */
.ep-launch-splash{position:fixed;inset:0;z-index:2147483050;background:#fbf9ef url('../img/eprofile-premium-splash.webp') center center/100% 100% no-repeat;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s;overflow:hidden}
.ep-launch-splash.ep-launch-visible{visibility:visible;opacity:1;pointer-events:auto}
.ep-launch-beads{position:absolute;left:50%;top:70.4%;width:96px;height:96px;transform:translate(-50%,-50%);display:grid;place-items:center;background:radial-gradient(circle,#fbf9ef 48%,rgba(251,249,239,.94) 66%,transparent 76%)}
.ep-launch-wheel{width:68px;height:68px;position:relative;display:block;animation:epLaunchSpin 3.7s linear infinite}
.ep-launch-wheel i{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d0decb,#126249 64%,#05442f);transform:rotate(calc(var(--n)*30deg)) translateY(-29px);box-shadow:0 1px 3px #164b3c2e}
.ep-launch-wheel i:nth-child(-n+4){background:radial-gradient(circle at 30% 25%,#fff1b2,#bb8835 65%,#865c16)}
.ep-launch-wheel i:nth-child(n+10){opacity:.44}
@keyframes epLaunchSpin{to{transform:rotate(360deg)}}
@media(min-width:750px){.ep-launch-splash{background-size:auto 100%}.ep-launch-beads{top:70.4%}}
@media(prefers-reduced-motion:reduce){.ep-launch-wheel{animation:none}.ep-launch-splash{transition:none}}
/* Dedicated report polish. Scope avoids changing the official form/PDF or other modules. */
:is(.epro-students-v211,.epro-monthly-v212){background:linear-gradient(180deg,#fcfaef,#f7f4e5 83%)}
:is(.epro-students-v211,.epro-monthly-v212) .app-shell{padding-top:14px}
:is(.epro-students-v211,.epro-monthly-v212) .epro-students-main{display:block;max-width:980px!important;margin:0 auto!important;padding:0 0 125px!important}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero{border-radius:24px!important;background:radial-gradient(circle at 103% 8%,rgba(216,235,217,.82),transparent 37%),linear-gradient(105deg,#fffefa 0%,#fdfcf4 58%,#f0f8ed 100%)!important;padding:29px 30px 27px!important;margin:0 0 16px!important;border:1px solid #dde7dc!important;box-shadow:0 15px 25px rgba(11,65,43,.09)!important}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero:after{top:-110px;right:-115px;width:300px;height:300px;box-shadow:0 0 0 26px rgba(210,228,208,.22),0 0 0 56px rgba(207,230,210,.12);border:1px solid rgba(190,158,71,.27)}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero .kicker{color:#a37d22!important;font-size:12px!important;letter-spacing:2.5px!important;margin-bottom:15px!important;line-height:1.4}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero h2{color:#073e31!important;font-weight:850!important;font-size:clamp(29px,4.4vw,43px)!important;line-height:1.15!important;margin:0 0 12px!important}
:is(.epro-students-v211,.epro-monthly-v212) .ep-gold-divider{display:flex;align-items:center;width:160px;gap:8px;color:#cca353;margin:0 0 13px;font-size:22px;line-height:1}
:is(.epro-students-v211,.epro-monthly-v212) .ep-gold-divider:before,:is(.epro-students-v211,.epro-monthly-v212) .ep-gold-divider:after{content:"";height:1px;background:linear-gradient(90deg,#cea950,transparent);flex:1}:is(.epro-students-v211,.epro-monthly-v212) .ep-gold-divider:after{transform:rotate(180deg)}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero p{color:#536a62;font-size:15px;line-height:1.7}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-back{margin:0 0 16px!important}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-back a{width:100%;min-height:65px;display:flex;gap:13px;align-items:center;padding:9px 17px!important;text-decoration:none!important;background:linear-gradient(110deg,#e9f7ed,#f9fff7 72%,#effaf2)!important;border:1.5px solid #d5b052;border-radius:22px!important;color:#073e32!important;font-size:16px;font-weight:800;box-shadow:0 10px 22px #3a5e4514}
:is(.epro-students-v211,.epro-monthly-v212) .ep-back-symbol{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;background:#0a624d;border-radius:50%;color:white;font-size:29px;line-height:1;box-shadow:0 0 0 5px #d6ede0}
:is(.epro-students-v211,.epro-monthly-v212) .ep-forward-symbol{margin-left:auto;font-size:29px;font-weight:500}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter{padding:21px 21px 22px!important;background:linear-gradient(110deg,#fffefa,#fffef8)!important;border:1px solid #e7e9de!important;border-radius:23px!important;box-shadow:0 10px 24px #1a4b3412!important;margin:0 0 14px!important}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter form{display:flex!important;flex-direction:column!important;gap:14px!important;align-items:stretch!important}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter form>label{margin:0!important;min-width:0;flex:none;width:100%;font-size:15px;font-weight:750!important}
:is(.epro-students-v211,.epro-monthly-v212) .ep-period-title{display:flex;gap:11px;align-items:center;font-size:17px;font-weight:800;color:#123e32;margin:0 0 12px}
:is(.epro-students-v211,.epro-monthly-v212) .ep-form-icon,:is(.epro-students-v211,.epro-monthly-v212) .ep-status-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#e5f4e9;color:#11624a}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter input,:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter select{min-height:58px!important;margin:0!important;border:1px solid #d7d8c9!important;border-radius:15px!important;background:#fff!important;padding:14px 16px!important;font-size:16px;font-weight:700;color:#0c4235}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter .ep-show-button{min-height:54px!important;width:100%;border-radius:14px!important;background:linear-gradient(115deg,#07694f,#076047)!important;font-size:16px!important;box-shadow:0 9px 17px rgba(7,84,62,.15)}
:is(.epro-students-v211,.epro-monthly-v212) .ep-show-button span:last-child{font-size:22px;font-weight:400}
:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-status{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#fffefa,#fffdf5)!important;color:#273d34!important;padding:18px 20px!important;border-radius:23px!important;border:1px solid #e8eadd!important;box-shadow:0 10px 20px #24533f13!important;margin:0 0 17px!important;font-size:14px;line-height:1.6}
:is(.epro-students-v211,.epro-monthly-v212) .ep-status-copy{min-width:0;flex:1;padding-left:12px;border-left:1px solid #deb76b;overflow-wrap:anywhere}
:is(.epro-students-v211,.epro-monthly-v212) .ep-status-copy strong{color:#11533e;font-weight:820}
:is(.epro-students-v211,.epro-monthly-v212) .topbar{background:rgba(255,254,248,.97);box-shadow:0 3px 14px #0b38241a}
:is(.epro-students-v211,.epro-monthly-v212) .bottom-nav{box-shadow:0 -7px 30px #2b473b16}
@media(max-width:650px){
 :is(.epro-students-v211,.epro-monthly-v212) .app-shell{padding:14px 12px 110px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero{padding:25px 22px!important;border-radius:21px!important;margin:0 0 16px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero h2{font-size:clamp(26px,7vw,32px)!important;margin:0 0 9px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero p{font-size:14px!important;line-height:1.6!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero .kicker{font-size:10px!important;letter-spacing:1.75px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-back a{min-height:61px;font-size:14px;border-radius:19px!important;padding:7px 13px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .ep-back-symbol{width:39px;height:39px;flex-basis:39px;font-size:25px}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter{padding:19px 17px!important;border-radius:20px!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter form{display:flex!important;flex-direction:column!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-filter form>label{width:100%!important;min-width:0!important}
 :is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-status{align-items:flex-start;padding:17px 14px!important;gap:9px}
 :is(.epro-students-v211,.epro-monthly-v212) .ep-status-icon{width:38px;height:38px;flex-basis:38px}
 :is(.epro-students-v211,.epro-monthly-v212) .ep-status-copy{font-size:13px;padding-left:10px}
 :is(.epro-students-v211,.epro-monthly-v212) .epro-students-main{padding-bottom:135px!important}
}
@media(max-width:360px){:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-back a{font-size:12.5px}:is(.epro-students-v211,.epro-monthly-v212) .report-premium .report-hero .kicker{letter-spacing:1px!important}}


/* v0.1.212 — Laporan Mesyuarat Bulanan, premium UI consistent with approved Pelajar */
.epro-monthly-v212 .report-premium .report-filter .ep-monthly-context{border-top:1px solid #e7e9dc;margin-top:17px;padding-top:12px}
.epro-monthly-v212 .report-premium .report-filter .ep-monthly-context .muted{margin:3px 0 6px!important;font-size:12px;line-height:1.55;color:#577064}
.epro-monthly-v212 .report-premium .report-filter .ep-monthly-context strong{color:#0b5441}
.epro-monthly-v212 .report-premium .ep-monthly-status .sp-status-top{align-items:flex-start;gap:12px}
.epro-monthly-v212 .ep-monthly-status .ep-status-copy{width:100%}
.epro-monthly-v212 .ep-monthly-status .ep-monthly-status-details{flex:1;min-width:0;overflow-wrap:anywhere}
.epro-monthly-v212 .ep-monthly-status .sp-status-edit-actions{max-width:100%;margin-left:auto}
.epro-monthly-v212 .ep-monthly-status .sp-status-admin-note{margin:10px 0 0;line-height:1.55}
.epro-monthly-v212 .ep-monthly-pdf-hint{font-size:13px;color:#597366;padding:2px 5px 12px;margin:0}
.epro-monthly-v212 .report-premium .sp-period-legend div{background:linear-gradient(125deg,#f0f8f2,#fffdf6)!important;border:1px solid #dee9db}
.epro-monthly-v212 .report-premium .sp-period-legend strong{color:#275b49}
.epro-monthly-v212 .report-premium .sp-item{border-radius:18px!important}
.epro-monthly-v212 .report-premium .sp-status-edit-btn{padding:10px 13px!important;font-size:13px!important}
.epro-monthly-v212 .report-premium .sp-status-edit-btn svg{flex:0 0 auto}
@media(max-width:650px){
 .epro-monthly-v212 .report-premium .ep-monthly-status .sp-status-top{display:block}
 .epro-monthly-v212 .ep-monthly-status .sp-status-edit-actions{margin:12px 0 0;width:100%}
 .epro-monthly-v212 .report-premium .sp-status-edit-btn{width:100%;min-height:44px}
 .epro-monthly-v212 .report-premium .sp-period-legend{grid-template-columns:minmax(0,1fr)}
 .epro-monthly-v212 .report-premium .sp-period-legend div{min-width:0}
 .epro-monthly-v212 .report-premium .sp-actions .btn{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.epro-monthly-v212 .report-premium .btn{transition:none!important}}

/* v0.1.213 — unified premium reports: responsive layout + honest save status */
.ep213-unified .app-shell{max-width:1220px!important;padding-top:12px!important}
.ep213-unified .report-premium.ep213-layout{width:100%!important;max-width:1160px!important;padding:0 0 125px!important;margin:0 auto!important}
.ep213-unified .report-premium .report-hero{min-height:0!important;padding:21px 26px 19px!important;margin-bottom:11px!important;border-radius:20px!important}
.ep213-unified .report-premium .report-hero .kicker{margin-bottom:7px!important;font-size:11px!important;letter-spacing:1.6px!important}
.ep213-unified .report-premium .report-hero h2{font-size:clamp(27px,3vw,35px)!important;margin:0 0 3px!important}
.ep213-unified .report-premium .report-hero .ep-gold-divider{margin:0 0 7px!important;width:112px}
.ep213-unified .report-premium .report-hero p{font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:670px}
.ep213-unified .report-premium .report-back{margin-bottom:12px!important}
.ep213-unified .report-premium .report-back a{min-height:55px!important;border-radius:16px!important;padding:7px 13px!important;font-size:14px!important;box-shadow:0 6px 16px #1c53400e!important}
.ep213-unified .report-premium .ep-back-symbol{width:36px;height:36px;flex-basis:36px;font-size:23px;box-shadow:0 0 0 3px #d9f0df}
.ep213-unified .report-premium .report-filter.ep213-filter{display:block!important;padding:18px 20px!important;margin:0 0 12px!important;border-radius:19px!important}
.ep213-unified .ep213-filter-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.72fr);align-items:center;gap:20px;width:100%;min-width:0}
.ep213-unified .report-premium .ep213-filter-form{display:grid!important;grid-template-columns:minmax(0,1fr) 140px;gap:12px!important;align-items:end!important;min-width:0}
.ep213-unified .ep213-filter-form .ep-period-label{min-width:0!important;margin:0!important}
.ep213-unified .ep213-filter-form .ep-period-title{margin-bottom:9px!important;font-size:16px}
.ep213-unified .ep213-filter-form .ep-form-icon{width:37px!important;height:37px!important;flex-basis:37px!important}
.ep213-unified .ep213-filter-form .ep-org-label{min-width:0!important;margin:0!important;font-size:13px;font-weight:750}
.ep213-unified .ep213-filter-form .ep-org-label select{margin-top:8px!important;min-height:48px!important}
.ep213-unified .report-premium .ep213-filter-form .ep-show-button{width:100%!important;min-height:48px!important;border-radius:12px!important;font-size:14px!important;box-shadow:0 5px 14px #07543a17!important}
.ep213-unified .ep213-filter-form.ep213-has-org{grid-template-columns:repeat(2,minmax(0,1fr))}
.ep213-unified .ep213-has-org .ep-show-button{grid-column:1/-1;justify-self:start;max-width:180px}
.ep213-unified .ep213-period{display:flex;align-items:stretch;width:100%;min-width:0;gap:5px}
.ep213-unified .report-premium .ep213-period select{min-height:48px!important;padding:9px 8px!important;border-radius:11px!important;margin:0!important;width:auto!important;min-width:0!important;font-size:14px!important;box-shadow:none!important}
.ep213-unified .ep213-period [data-ep213-month]{flex:1 1 120px}
.ep213-unified .ep213-period [data-ep213-year]{flex:0 1 96px}
.ep213-unified .ep213-month-step{flex:0 0 37px;width:37px;min-height:48px;padding:0;border:1px solid #dbe6d9;border-radius:11px;background:#f1f7f0;color:#075643;font:700 25px/1 system-ui;cursor:pointer;display:grid;place-items:center}
.ep213-unified .ep213-month-step:hover{background:#e5f4e8}
.ep213-unified .ep213-filter-context{padding:8px 0 8px 18px;margin:0!important;border:0!important;border-left:1px solid #e0e5d8!important;min-width:0}
.ep213-unified .ep213-filter-context .ep213-context-eyebrow{display:block;color:#a1792b;font-size:10px;font-weight:850;letter-spacing:1.15px;margin:0 0 5px}
.ep213-unified .ep213-filter-context>strong{font-size:14px;color:#135842}
.ep213-unified .ep213-filter-context p{margin:4px 0!important;font-size:12px!important;line-height:1.55!important;color:#617669!important}
.ep213-unified .ep213-filter-context.ep-monthly-context p{margin:4px 0!important}
.ep213-unified .report-premium .report-status{padding:14px 18px!important;margin:0 0 12px!important;border-radius:18px!important;gap:11px!important}
.ep213-unified .ep-status-copy{line-height:1.7!important}
.ep213-unified .ep-status-icon{width:39px!important;height:39px!important;flex-basis:39px!important}
.ep213-unified .ep213-status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 5px}
.ep213-unified .ep213-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.01em}
.ep213-unified .ep213-status-pill.ep213-submitted{background:#e0f4e7;color:#136844}
.ep213-unified .ep213-status-pill.ep213-draft{background:#fff0cf;color:#85590c}
.ep213-unified .ep213-status-pill.ep213-notstarted{background:#edf0ee;color:#566b60}
.ep213-unified .report-premium .ep213-pdf-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 13px;background:#fffefa;border:1px solid #e5e9df;border-radius:15px;margin:0 0 13px;box-shadow:0 6px 15px #0e4b3410}
.ep213-unified .ep213-pdf-label{flex:1 1 190px;color:#0e4b38;font-size:14px;font-weight:850}
.ep213-unified .ep213-pdf-label small{display:block;font-size:11px;font-weight:500;line-height:1.35;color:#607568;margin:3px 0 0}
.ep213-unified .report-premium .ep213-pdf-toolbar .btn{min-height:42px;font-size:12px;padding:7px 14px;border-radius:11px;white-space:normal}
.ep213-unified .report-premium .report-form-panel{border-radius:17px!important;box-shadow:0 5px 16px #103c2b0b!important;border-color:#e6e9df;margin:0!important}
.ep213-unified .report-premium .report-form-panel h3{font-size:18px!important;margin:0 0 12px!important;color:#0b4d39}
.ep213-unified .report-premium .sp-form,.ep213-unified .report-premium .ep213-report-form{display:grid;gap:12px!important}
.ep213-unified .report-premium .sp-item,.ep213-unified .report-premium .student-row{margin:9px 0!important}
.ep213-unified .ep213-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f6faf4;border:1px solid #dfe9dc;border-radius:15px;padding:10px 12px;margin:0;color:#244f3d}
.ep213-unified .ep213-section-nav .ep213-nav-title{font-size:12px;font-weight:850;margin:0 5px 0 0}
.ep213-unified .ep213-section-nav a{font-size:12px;font-weight:750;color:#14614a;text-decoration:none;background:#fff;border:1px solid #dce9df;border-radius:10px;padding:8px 11px;min-height:36px;display:inline-flex;align-items:center}
.ep213-unified .ep213-section-nav a:hover{border-color:#a6caaf;background:#eff8f0}
.ep213-unified .ep213-required-state{margin-left:auto;font-size:11px;font-weight:780;color:#91601a;white-space:normal}
.ep213-unified .ep213-required-state.is-complete{color:#168053}
.ep213-unified .ep213-report-form section[id]{scroll-margin-top:115px}
.ep213-unified .report-premium .ep213-action-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;bottom:12px!important;padding:10px 13px!important;margin:0;border:1px solid #dfe7db;border-radius:16px!important;box-shadow:0 9px 28px #113e3128!important;background:#fffefafa!important}
.ep213-unified .ep213-save-state{flex:1 1 180px;font-size:12px;font-weight:750;color:#45735c}
.ep213-unified .ep213-save-state.is-dirty{color:#a46a1e}
.ep213-unified .ep213-action-bar .btn{min-height:43px!important;font-size:13px!important;padding:9px 15px!important}
.ep213-unified :is(.ep213-month-step,.ep213-section-nav a,.ep213-pdf-toolbar .btn,.report-back a):focus-visible{outline:3px solid #a7ca91;outline-offset:3px}
@media(max-width:860px){
 .ep213-unified .ep213-filter-layout{grid-template-columns:minmax(0,1fr);gap:9px}
 .ep213-unified .ep213-filter-context{border-left:0!important;border-top:1px solid #e0e5d8!important;padding:10px 0 0!important}
 .ep213-unified .ep213-filter-form.ep213-has-org{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:600px){
 .ep213-unified .app-shell{padding:10px 12px 120px!important}
 .ep213-unified .report-premium.ep213-layout{padding-bottom:140px!important}
 .ep213-unified .report-premium .report-hero{padding:20px 19px 18px!important;margin-bottom:11px!important}
 .ep213-unified .report-premium .report-hero h2{font-size:clamp(25px,6.5vw,30px)!important}
 .ep213-unified .report-premium .report-filter.ep213-filter{padding:15px!important;margin-bottom:11px!important}
 .ep213-unified .report-premium .ep213-filter-form{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important}
 .ep213-unified .ep213-filter-form .ep-show-button{max-width:none!important}
 .ep213-unified .ep213-period{gap:4px}
 .ep213-unified .ep213-month-step{flex-basis:31px;width:31px;min-height:45px}
 .ep213-unified .report-premium .ep213-period select{padding:8px 5px!important;font-size:13px!important;min-height:45px!important}
 .ep213-unified .ep213-period [data-ep213-year]{flex:0 1 83px}
 .ep213-unified .ep213-pdf-label{flex:1 1 100%;font-size:13px}
 .ep213-unified .report-premium .ep213-pdf-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px!important;gap:7px}
 .ep213-unified .ep213-pdf-label{grid-column:1/-1}
 .ep213-unified .report-premium .ep213-pdf-toolbar .btn{min-width:0!important;width:100%;padding:9px 6px}
 .ep213-unified .ep213-section-nav{padding:10px;gap:7px}
 .ep213-unified .ep213-section-nav .ep213-nav-title{width:100%}
 .ep213-unified .ep213-section-nav a{font-size:11px;min-height:40px;padding:8px 9px}
 .ep213-unified .ep213-required-state{width:100%;margin:2px 0 0}
 .ep213-unified .report-premium .ep213-action-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;padding:10px!important;gap:7px}
 .ep213-unified .ep213-save-state{flex:1 1 100%;font-size:11px}
 .ep213-unified .report-premium .ep213-action-bar .btn{flex:1 1 calc(50% - 7px);min-width:0;font-size:12px!important;padding:8px!important}
 .ep213-unified .report-premium .report-status{padding:13px!important}
}
@media(max-width:355px){.ep213-unified .ep213-period [data-ep213-month]{flex-basis:95px}.ep213-unified .report-premium .ep213-period select{font-size:12px!important}.ep213-unified .ep213-period [data-ep213-year]{flex-basis:74px}}
@media(prefers-reduced-motion:reduce){.ep213-unified .report-premium *{scroll-behavior:auto!important;transition:none!important}}


/* v0.1.214 — Make Pusat Laporan Baharu a content-width button on both reports.
   Keep its approved mint/gold design, icon and destination unchanged. */
.ep213-unified .report-premium .report-back a {
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:50px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 14px!important;
  border-radius:16px!important;
  white-space:normal;
}
.ep213-unified .report-premium .ep-back-symbol {
  width:33px!important;
  height:33px!important;
  flex:0 0 33px!important;
  font-size:23px!important;
}
.ep213-unified .report-premium .ep-forward-symbol {
  margin-left:0!important;
  font-size:22px!important;
  line-height:1;
}
@media(max-width:360px){
  .ep213-unified .report-premium .report-back a{gap:8px!important;padding:6px 11px!important;font-size:12.5px!important}
}


/* v0.1.216 – Admin Halqah: show Mohala in mobile navigation without clipping six items. */
@media (max-width:900px){
  .bottom-nav.nav-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;justify-items:stretch;gap:0;padding-inline:5px}
  .bottom-nav.nav-six a{min-width:0;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:5px 1px 4px}
  .bottom-nav.nav-six .nav-icon-wrap{width:32px;min-height:32px;height:32px;margin-inline:auto}
  .bottom-nav.nav-six .nav-svg{width:19px;height:19px}
  .bottom-nav.nav-six b{font-size:9px;line-height:1.2;white-space:normal;word-break:normal;overflow-wrap:normal;text-align:center;margin-top:3px}
}
@media (max-width:380px){
  .bottom-nav.nav-six b{font-size:8px}
  .bottom-nav.nav-six .nav-icon-wrap{width:30px;min-height:30px;height:30px}
}

/* e-PROFILE 0.1.217: status Halqah on history (live report state, separate from audit). */
.sp-history-page .sp-history-status-panel{margin-top:0;margin-bottom:17px}
.sp217-status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}
.sp217-status-header h2{margin:6px 0 5px}.sp217-status-header p{margin:0 0 14px}
.sp217-status-refresh{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #d4e5d8;border-radius:12px;text-decoration:none;font-size:13px;font-weight:750;color:#075843;background:#eef6ef}
.sp217-status-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}
.sp217-kind-summary{min-width:0;border:1px solid #e2eadf;border-radius:14px;background:#f8faf5;padding:13px 14px}
.sp217-kind-summary>strong{display:block;font-size:13px;color:#0b4c3a;margin-bottom:10px}
.sp217-kind-metrics{display:flex;gap:7px;flex-wrap:wrap}.sp217-kind-metrics>span{padding:5px 8px;border-radius:9px;font-size:11px;font-weight:700;color:#4a5c52;background:#e9ede7}
.sp217-kind-metrics>span.is-sent{background:#e2f4e8;color:#155c41}.sp217-kind-metrics>span.is-draft{background:#fff1d9;color:#865b12}.sp217-kind-metrics>span.is-revision{background:#fce5db;color:#914927}
.sp217-kind-metrics b{font-variant-numeric:tabular-nums;margin-left:4px;font-size:13px}
.sp217-status-table-wrap{overflow-x:auto}.sp217-status-table{min-width:520px}.sp217-status-table th[scope=row]{background:transparent;font-size:13px;color:#174b3d}
.sp217-report-links{display:flex;gap:8px;flex-wrap:wrap}.sp217-report-links a{min-height:35px;display:inline-flex;align-items:center;padding:7px 10px;background:#edf6ef;border:1px solid #d4e8d9;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:12px}
.sp217-status-mobile{display:none}
@media(max-width:720px){.sp217-status-header{display:block}.sp217-status-refresh{margin-bottom:13px}.sp217-status-counts{grid-template-columns:minmax(0,1fr)}.sp217-status-table-wrap{display:none}.sp-history-page .sp217-status-mobile{display:grid;gap:9px}.sp217-status-unit{min-width:0;display:grid;gap:10px;padding:13px;border:1px solid #dce8de;background:#fffefa;border-radius:13px}.sp217-status-unit>strong{color:#0c4838;font-size:14px}.sp217-status-unit>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#3a5e4e}.sp217-status-unit>a{color:#075843;font-weight:750;font-size:12px;text-decoration:none;min-height:40px;display:flex;align-items:center;border-top:1px solid #eef1eb;padding-top:8px}}

/* v0.1.219 - Notification delivery/popup clarity and admin device coverage */
.ek-info-popup[hidden],.notification-compose [data-target-halaqah][hidden],.notification-compose [data-target-mahala][hidden]{display:none!important}
.notification-admin-summary .card{min-width:0}.notification-admin-summary .card small{line-height:1.4}
.notification-diagnostic{margin:15px 0;padding:17px 19px;background:linear-gradient(130deg,#f2faf5,#fffdf7);border:1px solid #d9e9df;border-radius:18px}
.notification-diagnostic h3{font-size:16px;color:#174b3b;margin:0 0 7px}.notification-diagnostic p{color:#647a70;font-size:12px;line-height:1.55;margin:0}
.notification-diagnostic-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.notification-diagnostic-actions form{margin:0}
.notification-device-list{padding:18px 20px;margin-top:18px}.notification-device-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.notification-device-list-head h3{margin:2px 0 6px;font-size:18px}.notification-device-list-head p{margin:0;color:#627970;font-size:12px;line-height:1.5}
.notification-device-table{width:100%;border-collapse:collapse;min-width:550px}.notification-device-table th{text-align:left;font-size:11px;padding:10px 12px;background:#edf5ef;color:#285747}.notification-device-table td{font-size:12px;padding:11px 12px;white-space:normal;vertical-align:middle}.notification-device-table small{display:block;color:#72847b;font-size:10px;margin-top:3px}
.notification-device-table .status{font-size:10px}.notification-device-hint{color:#66796f;font-size:11px;line-height:1.55;margin:12px 0 0}
.notification-compose [data-target-halaqah],.notification-compose [data-target-mahala]{min-width:0}
@media(max-width:650px){.notification-device-list{padding:15px}.notification-device-list-head{display:block}.notification-diagnostic-actions .btn{width:100%}.notification-diagnostic-actions form{width:100%}}

/* v0.1.223: keterlihatan & kebolehcapaian kawalan Profilling Jemaah sahaja */
.jamaah-form-shell > .jamaah-return-btn,.jamaah-view-shell > .jamaah-return-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin:0 0 14px;padding:10px 17px;border:1.5px solid #8fc1a8;border-radius:13px;background:#e7f3ed;color:#07523d!important;font-size:14px;font-weight:850;text-decoration:none;box-shadow:0 2px 8px rgba(13,83,61,.07);transition:background .15s,border-color .15s,transform .15s}
.jamaah-form-shell > .jamaah-return-btn:hover,.jamaah-view-shell > .jamaah-return-btn:hover{background:#d7ecdf;border-color:#38866a;transform:translateY(-1px)}
.jamaah-form-shell > .jamaah-return-btn .return-arrow,.jamaah-view-shell > .jamaah-return-btn .return-arrow{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:#07523d;font-size:21px;line-height:1}
.jamaah-form-shell :is(a,button,input,select,textarea):focus-visible,.jamaah-view-shell :is(a,button):focus-visible{outline:3px solid #cb9b32;outline-offset:3px}
.jamaah-form-shell .jamaah-form-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:13px;font-size:14px;font-weight:850;text-align:center;line-height:1.35}
.jamaah-form-shell .jamaah-form-actions .jamaah-cancel-btn{background:#fff;color:#155541;border:1.5px solid #b8d3c4}
.jamaah-form-shell .jamaah-form-actions .jamaah-save-btn{background:#0d6048;color:#fff;border:1.5px solid #0d6048;box-shadow:0 6px 16px rgba(13,96,72,.14)}
.jamaah-form-shell .jamaah-check-grid label span{min-height:46px;font-size:13px;border-width:1.5px}
.jamaah-form-shell .jamaah-check-grid input:focus-visible+span,.jamaah-form-shell .jamaah-type-choice input:focus-visible+span,.jamaah-form-shell .jamaah-placement-choice input:focus-visible+span{outline:3px solid #cb9b32;outline-offset:2px}
.jamaah-view-shell .jamaah-hero-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;font-weight:800}
@media(max-width:650px){.jamaah-form-shell > .jamaah-return-btn,.jamaah-view-shell > .jamaah-return-btn{width:100%;justify-content:flex-start;min-height:48px}.jamaah-form-shell .jamaah-form-actions{grid-template-columns:1fr 1fr;gap:10px}.jamaah-form-shell .jamaah-form-actions .btn{min-height:50px;padding:12px 8px;font-size:13px}.jamaah-form-shell .jamaah-check-grid label span{min-height:48px}.jamaah-view-shell .jamaah-hero-actions .btn{min-height:46px}}
@media(prefers-reduced-motion:reduce){.jamaah-form-shell > .jamaah-return-btn,.jamaah-view-shell > .jamaah-return-btn{transition:none}}

/* e-PROFILE v0.1.226: Mohala shown directly under each Halaqah */
.org-mohala-always-visible{display:block!important;background:#fbfcfa;padding:10px 14px 14px;border-top:1px solid #d8e7dd}
.org-mohala-always-visible .org-mahalla-panel-head{margin-bottom:8px}
.org-mohala-always-visible .org-subunit-row{background:#fff;border:1px solid #e1e9e2;border-radius:12px;margin:8px 0;padding:12px;gap:12px}
.org-mohala-always-visible .org-tree-name{font-size:14px}
.org-mohala-always-visible .org-subunit-empty{background:#fff;border:1px dashed #cbded0;border-radius:12px;padding:14px}
@media(max-width:650px){.org-mohala-always-visible{padding:10px!important}.org-mohala-always-visible .org-subunit-row{flex-wrap:wrap;align-items:flex-start}.org-mohala-always-visible .org-subunit-row .grow{min-width:calc(100% - 60px)}.org-mohala-always-visible .org-subunit-actions{width:100%;justify-content:flex-start;padding-left:0}.org-mohala-always-visible .org-mahalla-panel-head{flex-wrap:wrap;gap:8px}}

/* v0.1.227 — selected Halaqah + single Mohala directory panel */
.org-directory-admin{display:grid;grid-template-columns:minmax(245px,32%) minmax(0,1fr);gap:16px;align-items:start}
.org-directory-admin .org-halaqah-list{display:flex!important;flex-direction:column;gap:9px!important;min-width:0}
.org-directory-admin .org-halaqah-card{position:relative;min-width:0;border-radius:14px;box-shadow:none}
.org-directory-admin .org-halaqah-head{padding:12px!important;gap:7px!important;padding-right:12px!important}
.org-directory-admin .org-halaqah-actionbar,.org-directory-admin .org-halaqah-card>.org-subunit-panel{display:none!important}
.org-directory-admin .org-halaqah-title{flex-wrap:wrap}
.org-directory-admin .org-halaqah-utilities{flex-wrap:wrap;justify-content:flex-end}
.org-directory-admin .org-dir-selected{border-color:#18775c;background:#f1f8f5;box-shadow:0 0 0 2px rgba(20,107,81,.08)}
.org-directory-selector{width:100%;border:0;border-bottom:1px solid #e9eee9;background:#f6faf7;color:#12624f;cursor:pointer;font-size:12px;font-weight:750;display:flex;align-items:center;gap:6px;padding:7px 12px;text-align:left;min-height:34px}
.org-dir-selected .org-directory-selector{background:#dfeee8}
.org-dir-arrow{display:inline-flex;align-items:center}
.org-dir-arrow svg{width:14px;height:14px}
.org-selected-mohala{min-width:0;background:#fffefa;border:1px solid #d7e5dc;border-radius:17px;padding:14px}
.org-selected-mohala .org-subunit-panel{display:block!important;padding:0!important;border:0!important;background:transparent!important}
.org-selected-mohala .org-mahalla-panel-head{padding:0 0 12px;border-bottom:1px solid #e5ece5;margin:0 0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.org-selected-mohala .org-subunit-row{margin:6px 0!important;box-shadow:none!important;min-width:0}
.org-selected-placeholder{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;padding:32px 8px;color:#396455}
.org-selected-placeholder p{margin:0;font-size:13px}
.org-directory-admin .org-halaqah-list .org-halaqah-card[hidden]{display:none!important}
@media(max-width:850px){.org-directory-admin{display:flex;flex-direction:column}.org-directory-admin .org-halaqah-list{width:100%;max-height:260px;overflow-y:auto;gap:7px!important}.org-selected-mohala{width:100%}.org-directory-admin .org-halaqah-head{padding:10px!important}.org-selected-mohala .org-subunit-actions{flex-wrap:wrap}}

/* v0.1.228: accessible, named Halaqah directory; one dropdown on phones */
.org-directory-admin .org-halaqah-card>.org-halaqah-head{display:none!important}
.org-selected-mohala>.org-halaqah-head{display:flex!important;align-items:center;gap:10px;margin-bottom:10px;padding:6px 0 12px!important;border-bottom:1px solid #e6eee8}
.org-selected-mohala>.org-halaqah-actionbar{display:flex!important;padding:10px 0!important;background:transparent;border-top:0}
.org-selected-mohala>.org-halaqah-actionbar>div{display:flex!important;gap:8px!important;width:auto}
.org-selected-mohala>.org-halaqah-actionbar .btn{min-height:40px!important}
.org-directory-admin .org-directory-selector{display:flex;align-items:center;width:100%;border:0;padding:11px 12px;min-height:67px;gap:10px;background:#fffdfa;color:#113f34;text-align:left;border-radius:12px;cursor:pointer}
.org-directory-admin .org-dir-monogram{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#e9f4ee;color:#14654d;font-weight:900;font-size:17px}
.org-directory-admin .org-dir-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.org-directory-admin .org-dir-copy strong{font-size:14px;font-weight:850;line-height:1.3;overflow-wrap:anywhere}
.org-directory-admin .org-dir-copy small{font-size:11px;color:#63776b;font-weight:500;line-height:1.3}
.org-directory-admin .org-dir-arrow{color:#386d5a;opacity:.8}
.org-directory-admin .org-dir-selected .org-directory-selector{background:#e5f3ed}
.org-directory-admin .org-dir-selected .org-dir-monogram{background:#0e624b;color:white}
.org-directory-admin .org-directory-selector:focus-visible{outline:3px solid #bb8b29;outline-offset:2px}
.org-directory-admin .org-halaqah-list .org-halaqah-card{min-height:0}
.org-mobile-halaqah-picker{display:none}
@media(max-width:850px){
  .org-directory-admin .org-halaqah-list{display:none!important}
  .org-mobile-halaqah-picker{display:block;width:100%;background:#f2f8f4;border:1px solid #d3e6dc;border-radius:15px;padding:13px}
  .org-mobile-halaqah-picker label{display:block;margin:0 0 8px;font-size:14px;font-weight:850;color:#194a3b}
  .org-mobile-halaqah-picker select{display:block;width:100%;min-height:52px;margin:0;border:1px solid #bfd5c8;border-radius:12px;background:white;color:#173e33;font-weight:800;font-size:16px;padding:10px 14px}
  .org-mobile-halaqah-picker select:focus-visible{outline:3px solid #d8ad4c;outline-offset:2px}
  .org-mobile-halaqah-picker p{font-size:12px;line-height:1.5;color:#576c61;margin:7px 0 0}
  .org-selected-mohala{width:100%}
  .org-selected-mohala>.org-halaqah-head{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:9px}
  .org-selected-mohala>.org-halaqah-actionbar>div{width:100%}
  .org-selected-mohala>.org-halaqah-actionbar .btn{flex:1}
}


/* v0.1.229 — gambar pada notifikasi manual dan Popup Info */
.notice-image-field{border:1px solid #d7e6de;border-radius:16px;background:#f7fbf8;padding:16px;margin-top:12px;display:grid;gap:11px}
.notice-image-field label{display:grid;gap:5px;color:#174b3e;font-size:13px}
.notice-image-field label small{font-size:11px;line-height:1.6;font-weight:400;color:#637b72}
.notice-image-field input[type=file]{display:block;max-width:100%;font:inherit;padding:10px;border:1px dashed #8db8aa;border-radius:11px;background:#fff}
.notice-image-preview[hidden]{display:none!important}
.notice-image-preview{display:flex;align-items:center;gap:12px;background:#fff;padding:10px;border-radius:12px;border:1px solid #d7e5df}
.notice-image-preview img{width:116px;height:92px;object-fit:contain;border-radius:9px;background:#f3f5f3}
.notice-image-preview>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px;min-width:0}
.notice-image-preview b{font-size:12px;overflow-wrap:anywhere}
.notification-image-link,.ek-popup-image-link{display:inline-flex;flex-direction:column;gap:6px;max-width:100%;margin:10px 0;color:#135c49;font-size:12px;text-decoration:none}
.notification-my-image{width:min(320px,100%);max-height:240px;object-fit:contain;border:1px solid #dce8e2;background:#f8faf8;border-radius:12px}
.ek-popup-image{width:100%;max-height:260px;object-fit:contain;border-radius:12px;border:1px solid #deebe2;background:#f5f8f5}
.ek-info-popup-card{max-height:min(94vh,760px);overflow-y:auto}
@media(max-width:540px){.notice-image-preview{align-items:flex-start;flex-direction:column}.notice-image-preview img{width:100%;height:180px}.ek-popup-image{max-height:210px}}


/* v0.1.230 — lightbox bergambar: butang X yang jelas, tetap dalam viewport dan mesra PWA. */
.ek-image-viewer[hidden]{display:none!important}
.ek-image-viewer{position:fixed;inset:0;z-index:50000;display:flex;align-items:center;justify-content:center;padding:calc(10px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));isolation:isolate}
.ek-image-viewer-backdrop{position:absolute;inset:0;z-index:0;border:0;background:rgba(4,20,16,.93);cursor:zoom-out}
.ek-image-viewer-dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(880px,100%);height:100%;max-height:860px;border:1px solid rgba(255,255,255,.24);border-radius:18px;overflow:hidden;background:#102b25;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.35)}
.ek-image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#123a30;flex:none}
.ek-image-viewer-heading{min-width:0;display:grid;gap:2px;color:#fff}
.ek-image-viewer-heading b{font-size:14px;line-height:1.3}
.ek-image-viewer-heading small{font-size:11px;color:#d2e9dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.ek-image-viewer-close,.ek-image-viewer-done{appearance:none;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#fff;color:#124637;font-weight:800;font-size:15px;line-height:1.2;min-height:46px;padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.ek-image-viewer-close span{font-size:29px;font-weight:400;line-height:.6}
.ek-image-viewer-close:focus-visible,.ek-image-viewer-done:focus-visible{outline:3px solid #f2c96b;outline-offset:2px}
.ek-image-viewer-content{display:flex;justify-content:center;align-items:center;min-height:0;flex:1;overflow:auto;padding:8px 6px;background:#081c17}
.ek-image-viewer-content img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:0;border-radius:6px;box-shadow:none;background:transparent}
.ek-image-viewer-footer{display:flex;justify-content:center;flex:none;padding:8px 12px 10px;background:#123a30}
.ek-image-viewer-done{background:transparent;color:#f9f8f1;border-color:#71988b;min-width:150px;font-size:13px;min-height:40px}
body.ek-image-viewer-open{overflow:hidden!important}
@media(max-width:620px){.ek-image-viewer{padding:calc(6px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))}.ek-image-viewer-dialog{border-radius:14px;width:100%;max-height:100%}.ek-image-viewer-toolbar{padding:8px 10px}.ek-image-viewer-heading b{font-size:13px}.ek-image-viewer-close{min-height:48px;padding:8px 14px}.ek-image-viewer-content{padding:6px 2px}.ek-image-viewer-footer{padding:6px 10px}.ek-image-viewer-done{min-height:42px}}

/* v0.1.231 — preview image must stay above any delayed page loader.
   Keep the approved app splash itself unchanged. */
.ek-image-viewer{z-index:2147483400}
.ek-image-viewer-content{position:relative;flex-direction:column;gap:12px}
.ek-image-viewer-content img[hidden],.ek-image-viewer-status[hidden]{display:none!important}
.ek-image-viewer-status{color:#f6f4ed;font-size:14px;font-weight:650;line-height:1.6;text-align:center;padding:15px;margin:0;max-width:350px}

/* v0.1.232 — Eksport Excel: butang konsisten di desktop dan telefon. */
.jamaah-export-form{display:inline-flex;margin:0;align-items:stretch}.jamaah-export-form>.btn{min-height:42px}.jamaah-export-form>.action-share{min-height:40px}@media(max-width:760px){.jamaah-export-form{width:100%}.jamaah-export-form>.btn{width:100%;justify-content:center}}

/* v0.1.234: penanda rekod pendua yang disekat */
.jamaah-import-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.jamaah-import-summary .duplicate{border-color:#e1bf93;background:#fff7ec}
.jamaah-import-table .import-row-duplicate td{background:#fff7ed}
.import-state.duplicate{background:#fbe4c4;color:#874d17}
@media(max-width:760px){.jamaah-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v0.1.236 — Import Excel sentiasa kelihatan, tidak lagi dalam dropdown Urus Data.
   Fungsi import/export dan kawalan akses server tidak diubah. */
.jamaah-page-actions>.btn,.jamaah-page-actions>.jamaah-export-form>.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:44px}
.jamaah-page-actions>.jamaah-export-form{margin:0}
.jamaah-page-actions>.jamaah-import-direct{border:1.5px solid #70b49d;background:#e4f4ec;color:#095b45;font-weight:900;box-shadow:0 2px 0 rgba(14,90,67,.05)}
.jamaah-page-actions>.jamaah-import-direct:hover{background:#d4eddf;border-color:#3b9676;color:#064e3b}
.jamaah-page-actions>.jamaah-import-direct:focus-visible{outline:3px solid #dbb85c;outline-offset:2px}
.jamaah-page-actions>.jamaah-action-audit{background:#f7f7f2}
@media(max-width:760px){
  .jamaah-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;justify-content:stretch}
  .jamaah-page-actions>.btn,.jamaah-page-actions>.jamaah-export-form,.jamaah-page-actions>.jamaah-export-form>.btn{width:100%;min-width:0;min-height:46px;padding:0 9px;white-space:normal;text-align:center;line-height:1.25}
  .jamaah-page-actions .ui-icon{flex:0 0 17px}
}

/* v0.1.243: Compact report history, replaces repetitive TS activation banner. */
.spx-report-page .spx-history-section{margin:16px 0 20px}
.spx-report-page .spx-history-panel{border:1px solid #d7e6db;background:#fffefa;border-radius:17px;box-shadow:0 5px 16px #173b2d0a;overflow:hidden}
.spx-report-page .spx-history-toggle{list-style:none;display:flex;align-items:center;gap:13px;padding:17px 19px;min-height:70px;cursor:pointer;color:#0b4635}
.spx-report-page .spx-history-toggle::-webkit-details-marker{display:none}
.spx-report-page .spx-history-toggle:focus-visible{outline:3px solid #d4a845;outline-offset:-4px;border-radius:14px}
.spx-report-page .spx-history-icon{width:39px;height:39px;flex:none;border-radius:12px;background:#e5f2eb;display:grid;place-items:center;color:#146349}
.spx-report-page .spx-history-icon .spx-icon{width:21px;height:21px}
.spx-report-page .spx-history-title{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.spx-report-page .spx-history-title strong{font-size:15px;line-height:1.35}
.spx-report-page .spx-history-title small{font-size:12px;line-height:1.45;color:#687c72}
.spx-report-page .spx-history-chevron{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d6e5dc;border-radius:10px;flex:none;font-size:24px;line-height:1;color:#28674d;transition:transform .18s ease}
.spx-report-page .spx-history-panel[open] .spx-history-chevron{transform:rotate(180deg)}
.spx-report-page .spx-history-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 17px 17px}
.spx-report-page .spx-history-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #ddeae0;border-radius:12px;background:#f5faf6;text-decoration:none;color:#154d3c;min-height:65px}
.spx-report-page .spx-history-link:hover,.spx-report-page .spx-history-link:focus-visible{border-color:#77b399;background:#e7f4ea;outline-offset:2px}
.spx-report-page .spx-history-link>span:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.spx-report-page .spx-history-link strong{font-size:13px;line-height:1.4}
.spx-report-page .spx-history-link small{font-size:11px;line-height:1.4;color:#63766c}
.spx-report-page .spx-history-link .spx-icon{width:22px;height:22px}
@media(max-width:650px){.spx-report-page .spx-history-toggle{padding:15px;min-height:68px}.spx-report-page .spx-history-links{grid-template-columns:minmax(0,1fr);padding:0 12px 12px;gap:8px}.spx-report-page .spx-history-link{min-height:58px}}
@media(prefers-reduced-motion:reduce){.spx-report-page .spx-history-chevron{transition:none}}

/* v0.1.255: AZAIM shortcut visible in bottom navigation for Markaz administrators.
   Uses the existing nav-six responsive grid so existing five tabs remain accessible. */
@media (max-width:900px){
  .bottom-nav.nav-six .nav-azaim .nav-icon-wrap{background:#f7f1da;color:#665523}
  .bottom-nav.nav-six .nav-azaim.active .nav-icon-wrap{background:#dceee5;color:#0f5b47}
  .bottom-nav.nav-six .nav-azaim b{font-weight:850;color:#315d48}
  .bottom-nav.nav-six .nav-azaim:focus-visible{outline:2px solid #0f5b47;outline-offset:-2px}
}

/* v0.1.256 - distinguish admin notification controls from the real inbox */
.notification-inbox-shortcut{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:14px 0 24px;padding:22px 24px;border:1px solid #c9dfd3;background:linear-gradient(130deg,#f4fbf6,#fffefa)}
.notification-inbox-shortcut h3{font-size:19px;margin:4px 0 6px}.notification-inbox-shortcut p{margin:0;color:var(--muted);max-width:580px}.notification-inbox-shortcut .btn{flex:0 0 auto;min-height:48px}
@media(max-width:650px){.notification-inbox-shortcut{display:block;padding:18px}.notification-inbox-shortcut .btn{width:100%;margin-top:15px}}

/* v0.1.259: preserve separation when report formats overlap. */
.sp-kpi-conflict{background:#fff0d5!important;color:#923c1c!important;border:1px solid #e4b480!important}