:root{--ki-navy:#203d64;--ki-navy2:#18314f;--ki-pink:#e43aa4;--ki-bg:#f3f6fa;--ki-text:#172033;--ki-line:#d8dee7;--ki-green:#16a34a;--ki-red:#dc2626}
.ki-portal{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ki-text);background:var(--ki-bg);min-height:100vh}
.ki-shell{max-width:1100px;margin:0 auto;min-height:100vh;background:#fff;position:relative;padding-bottom:88px}
.ki-topbar{background:var(--ki-navy);color:#fff;padding:28px 28px 34px;border-radius:0 0 36px 36px;display:flex;align-items:center;justify-content:space-between;min-height:118px}
.ki-brand{display:flex;gap:14px;align-items:center}.ki-brand img{width:54px;height:54px;object-fit:contain}.ki-brand div{display:flex;flex-direction:column}.ki-brand small{opacity:.86}.ki-brand strong{font-size:18px;line-height:1.15}.ki-user-ref{font-size:12px;margin-top:3px}.ki-logout{color:#fff;text-decoration:none;font-size:28px}
.ki-main{padding:28px}.ki-loading,.ki-empty,.ki-error,.ki-simple{padding:28px;border:1px solid var(--ki-line);border-radius:18px;background:#fff}.ki-error{color:#b91c1c}.ki-simple{text-align:center}.ki-simple img{width:100px;height:100px;object-fit:contain}
.ki-home-intro{display:none}.ki-menu-title{margin:18px 0 6px;font-size:15px;position:relative}.ki-menu-title:after{content:"";display:block;width:44px;height:3px;background:var(--ki-pink);margin-top:5px;border-radius:4px}.ki-menu{border-top:1px solid #bfc4cc}.ki-menu-row{width:100%;appearance:none;border:0;border-bottom:1px solid #bfc4cc;background:#fff;padding:13px 2px;display:flex;justify-content:space-between;align-items:center;color:var(--ki-text);text-decoration:none;font-size:15px;cursor:pointer}.ki-menu-row b{font-size:24px;color:var(--ki-navy)}
.ki-bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(1100px,100%);background:#fff;border:1px solid var(--ki-navy);border-radius:28px 28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);padding:9px 8px 8px;box-shadow:0 -8px 30px rgba(10,25,45,.08)}.ki-bottom-nav button{background:none;border:0;color:var(--ki-navy);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.ki-bottom-nav img{width:29px;height:29px;object-fit:contain}.ki-bottom-nav span{font-size:23px;line-height:28px}.ki-bottom-nav small{font-size:12px}.ki-bottom-nav button.active small{font-weight:700}
.ki-page-title{background:var(--ki-navy);color:#fff;margin:-28px -28px 24px;padding:22px;text-align:center;font-weight:700;font-size:18px;border-radius:0 0 22px 22px}
.ki-panel{border:1px solid var(--ki-line);border-radius:18px;padding:20px;margin-bottom:16px}.ki-panel h3{margin:0 0 14px;font-size:17px;font-weight:600}.ki-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ki-field{border:1px solid var(--ki-line);border-radius:12px;padding:13px;min-height:68px;background:#fbfcfe;display:flex;flex-direction:column;gap:6px}.ki-field small{font-size:11px;color:#526785}.ki-field strong{font-size:14px;word-break:break-word}
.ki-profile-head{border:1px solid var(--ki-line);border-radius:18px;padding:20px;margin-bottom:16px;display:flex;gap:18px;align-items:center}.ki-profile-head>img,.ki-photo-placeholder{width:118px;height:142px;border-radius:14px;object-fit:cover;background:#eef2f7;display:grid;place-items:center;font-size:40px}.ki-profile-head h2{margin:8px 0 4px;font-size:26px}.ki-profile-head p{margin:0 0 8px;color:#526785}.ki-pill{display:inline-flex;background:#eafbf0;color:#087c36;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.ki-badges{display:flex;gap:8px}.ki-badge{display:inline-flex;background:#eff3f8;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700}.ki-badge.ok{background:#e9fbef;color:#087c36}.ki-badge.off{background:#fff0f0;color:#b91c1c}
.ki-doc-list{display:grid;gap:10px}.ki-doc-list a{border:1px solid var(--ki-line);border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ki-text)}.ki-doc-list b{background:#eff3f8;border-radius:9px;padding:8px 12px}.ki-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.ki-action-card{border:0;border-radius:14px;background:#e8e8e8;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;cursor:pointer;color:var(--ki-text)}.ki-action-card b{font-size:27px}.ki-action-card span{font-weight:600}.ki-action-card small{color:#64748b}
.ki-form{background:#fff}.ki-form h3{margin:22px 0 10px}.ki-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ki-form label{display:flex;flex-direction:column;gap:6px;font-size:12px}.ki-form label.wide{grid-column:1/-1}.ki-form input,.ki-form select,.ki-form textarea{width:100%;box-sizing:border-box;border:1px solid #c5ccd6;border-radius:10px;padding:12px 13px;background:#fff;color:var(--ki-text);font:inherit}.ki-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--ki-navy);color:#fff!important;border:0;border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer;margin-top:18px}.ki-form-status{margin-top:12px}.ki-form-status .ok{color:#087c36}.ki-form-status .bad{color:#b91c1c}.ki-info{border:1px solid var(--ki-line);border-radius:10px;padding:13px;margin-bottom:10px}
.ki-list{display:grid;gap:12px}.ki-list article{background:#fff;border:1px solid #e6e9ef;box-shadow:0 3px 12px rgba(20,30,50,.08);border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.ki-list article div{display:flex;flex-direction:column}.ki-list article strong{font-size:16px}.ki-list article small,.ki-list article span{color:#667085;font-size:12px}.ki-list article button{background:var(--ki-navy);color:#fff;border:0;border-radius:8px;padding:10px 18px;cursor:pointer}
.ki-id-wrap{text-align:center}.ki-id-card{position:relative;max-width:760px;margin:0 auto;border-radius:20px;overflow:hidden;background:#fff;container-type:inline-size}.ki-card-bg{display:block;width:100%;height:auto}.ki-card-data{position:absolute;inset:0;text-align:left;pointer-events:none}.ki-card-photo-block{position:absolute;left:6.9%;top:35.6%;width:20.2%;text-align:center}.ki-card-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:1px;background:#eef2f7}.ki-card-photo-empty{display:grid;place-items:center;font-size:1.7cqw;color:#64748b}.ki-card-fdc{display:block;margin-top:.72cqw;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-size:2.12cqw;line-height:1;font-weight:700;letter-spacing:.01em;color:#171717;white-space:nowrap}.ki-card-text{position:absolute;left:29.6%;top:35.7%;width:52.5%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#161616;text-transform:uppercase;overflow-wrap:break-word;word-break:normal;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif}.ki-card-name{display:block;margin:0 0 .28cqw;font-size:2.58cqw;line-height:1.02;font-weight:800;letter-spacing:-.018em}.ki-card-country{display:block;margin:0 0 .22cqw;font-size:2.12cqw;line-height:1.03;font-weight:650;letter-spacing:.002em}.ki-card-meta{display:block;margin:0 0 .32cqw;font-size:2.10cqw;line-height:1.03;font-weight:650;letter-spacing:.001em}.ki-card-address{display:block;max-width:100%;margin:0 0 .13cqw;font-size:2.04cqw;line-height:1.08;font-weight:650;letter-spacing:-.003em}.ki-card-location{display:block;max-width:100%;font-size:2.04cqw;line-height:1.06;font-weight:650;letter-spacing:-.003em}.ki-card-status{margin:7px 0 0;font-size:15px}.ki-card-controls{display:flex;justify-content:center;gap:8px;margin-top:18px;flex-wrap:wrap}.ki-card-controls button{border:0;border-radius:9px;padding:10px 16px;background:#d9d9d9;cursor:pointer}.ki-card-controls button.active{background:var(--ki-navy);color:#fff}.ki-qr-box{display:flex;justify-content:center;padding:28px}.ki-qr-box img{margin:auto}.ki-green{color:var(--ki-green)}.ki-red{color:var(--ki-red)}
@supports (font-size:1cqw){.ki-card-fdc{font-size:clamp(7px,1.55cqw,12px)}.ki-card-name{font-size:clamp(10px,2.2cqw,17px)}.ki-card-country,.ki-card-meta{font-size:clamp(8px,1.72cqw,13px)}.ki-card-address,.ki-card-location{font-size:clamp(7.5px,1.62cqw,12.5px)}}
.ki-cert{text-align:center;border:1px solid var(--ki-line);border-radius:18px;padding:42px}.ki-cert-icon{font-size:68px;color:var(--ki-navy)}
.ki-portal-msg{padding:20px;border:1px solid #ddd;border-radius:12px}
@media(max-width:760px){.ki-shell{max-width:430px}.ki-main{padding:18px}.ki-topbar{padding:24px 22px 30px}.ki-page-title{margin:-18px -18px 22px}.ki-grid{grid-template-columns:1fr 1fr}.ki-profile-head{align-items:flex-start}.ki-profile-head>img,.ki-photo-placeholder{width:92px;height:120px}.ki-profile-head h2{font-size:22px}.ki-form-grid{grid-template-columns:1fr}.ki-action-grid{grid-template-columns:1fr}}
@media(max-width:430px){.ki-grid{grid-template-columns:1fr}.ki-field{min-height:auto}.ki-profile-head{gap:12px}.ki-profile-head>img,.ki-photo-placeholder{width:86px;height:112px}.ki-profile-head h2{font-size:20px}.ki-brand img{width:44px;height:44px}.ki-list article{align-items:stretch;flex-direction:column}.ki-list article button{width:100%}}

/* KI Portal frontend login */
.ki-login-stage{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:calc(100vh - 40px);background:linear-gradient(180deg,#eef3f9 0%,#f7f9fc 100%);display:flex;align-items:center;justify-content:center;padding:28px 16px;color:var(--ki-text);box-sizing:border-box}
.ki-login-stage *{box-sizing:border-box}.ki-login-shell{width:min(460px,100%)}
.ki-login-hero{background:var(--ki-navy);color:#fff;border-radius:30px 30px 0 0;min-height:150px;padding:28px 30px 34px;display:flex;align-items:center;gap:18px;box-shadow:0 18px 45px rgba(24,49,79,.16)}
.ki-login-hero img{width:74px;height:74px;object-fit:contain}.ki-login-hero small{font-size:10px;letter-spacing:.18em;opacity:.72}.ki-login-hero h1{margin:3px 0 2px;font-size:25px;line-height:1.15;color:#fff}.ki-login-hero p{margin:0;font-size:12px;opacity:.88}
.ki-login-card{background:#fff;border:1px solid #e3e8ef;border-top:0;border-radius:0 0 30px 30px;padding:30px;box-shadow:0 18px 45px rgba(28,45,70,.09)}
.ki-login-heading span{display:inline-block;font-size:12px;font-weight:700;color:var(--ki-pink);margin-bottom:4px}.ki-login-heading h2{margin:0;color:var(--ki-text);font-size:27px}.ki-login-heading p{margin:8px 0 22px;color:#667085;font-size:13px;line-height:1.5}
.ki-login-alert{background:#fff2f2;border:1px solid #fecaca;color:#b42318;padding:11px 12px;border-radius:10px;font-size:12px;margin-bottom:16px}
.ki-login-form{display:grid;gap:15px}.ki-login-form>label{display:grid;gap:7px}.ki-login-form>label>span{font-size:12px;font-weight:600;color:#344054}
.ki-login-input-wrap{position:relative}.ki-login-input-wrap input{width:100%;height:49px;border:1px solid #cbd3df;border-radius:12px;background:#fff;padding:0 14px 0 42px;color:#172033;font:inherit;outline:none;transition:border .18s,box-shadow .18s}.ki-login-input-wrap input:focus{border-color:var(--ki-navy);box-shadow:0 0 0 3px rgba(32,61,100,.10)}
.ki-login-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ki-navy);opacity:.9}
.ki-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px}.ki-login-options a{font-size:12px;color:var(--ki-navy);text-decoration:none;font-weight:600}.ki-remember{display:flex!important;align-items:center;gap:6px!important;font-size:12px;color:#667085}.ki-remember input{accent-color:var(--ki-navy)}
.ki-login-button{width:100%;height:49px;border:0;border-radius:12px;background:var(--ki-navy);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(32,61,100,.18);transition:transform .15s,background .15s}.ki-login-button:hover{background:var(--ki-navy2);transform:translateY(-1px)}
.ki-login-note{margin-top:22px;background:#f5f7fa;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.ki-login-note strong{font-size:12px;color:var(--ki-navy)}.ki-login-note span{font-size:11px;color:#667085}.ki-login-footer{text-align:center;color:#98a2b3;font-size:11px;padding:14px 0 0}
@media(max-width:520px){.ki-login-stage{padding:0;background:#f4f7fb;align-items:stretch}.ki-login-shell{width:100%;min-height:100vh}.ki-login-hero{border-radius:0 0 36px 36px;min-height:180px;padding:38px 28px 46px}.ki-login-card{margin:-18px 16px 24px;border:1px solid #e3e8ef;border-radius:22px;padding:24px;position:relative}.ki-login-hero img{width:64px;height:64px}.ki-login-hero h1{font-size:23px}.ki-login-footer{padding-bottom:24px}}

/* =========================================================
 * KI Portal v0.2.0 — Modern dashboard layout
 * Inspired by the Akademi PLBQ dashboard system while
 * preserving Khidmat Imigran branding.
 * ========================================================= */
.ki-portal{--ki-sidebar:#142f50;--ki-accent:#e43aa4;--ki-surface:#fff;--ki-muted:#667085;--ki-soft:#f5f7fb;--ki-border:#e5eaf1;background:#eef3f8}
.ki-app-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#eef3f8;padding-bottom:0;box-shadow:0 0 0 1px rgba(20,47,80,.03)}
.ki-sidebar{background:linear-gradient(180deg,#17385f 0%,#102a49 100%);color:#fff;padding:22px 16px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;box-sizing:border-box}
.ki-sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.10)}
.ki-sidebar-brand img{width:44px;height:44px;object-fit:contain}.ki-sidebar-brand div{display:flex;flex-direction:column}.ki-sidebar-brand strong{font-size:16px;line-height:1.15}.ki-sidebar-brand small{font-size:10px;opacity:.68;margin-top:3px}
.ki-sidebar-user{display:flex;align-items:center;gap:11px;padding:18px 8px 12px}.ki-avatar{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:800;font-size:15px;flex:0 0 auto}.ki-sidebar-user>div:last-child{min-width:0;display:flex;flex-direction:column}.ki-sidebar-user small{font-size:9px;opacity:.62}.ki-sidebar-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-sidebar-user span{font-size:10px;opacity:.72;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ki-side-nav{display:flex;flex-direction:column;gap:3px;overflow:auto;padding:4px 0 12px}.ki-nav-label{font-size:9px;letter-spacing:.14em;font-weight:700;color:rgba(255,255,255,.42);padding:15px 10px 6px}.ki-side-nav button{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.78);height:43px;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;font:inherit;transition:.18s ease}.ki-side-nav button i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);font-size:15px}.ki-side-nav button span{font-size:12px;font-weight:600}.ki-side-nav button:hover{background:rgba(255,255,255,.07);color:#fff}.ki-side-nav button.active{background:#fff;color:var(--ki-sidebar);box-shadow:0 8px 22px rgba(0,0,0,.15)}.ki-side-nav button.active i{background:#fceaf5;color:#b72280}
.ki-sidebar-logout{margin-top:auto;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.10);padding:16px 10px 3px;display:flex;align-items:center;gap:11px;font-size:12px}.ki-sidebar-logout i{font-style:normal;font-size:18px}
.ki-workspace{min-width:0;background:#f3f6fa;min-height:100vh}.ki-workspace-header{height:88px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:25}.ki-workspace-header small{font-size:9px;letter-spacing:.16em;color:#8a98aa;font-weight:800}.ki-workspace-header h1{font-size:23px;color:#172033;margin:4px 0 0;line-height:1.1}.ki-header-actions{display:flex;align-items:center;gap:10px}.ki-header-ref{background:#f3f6fa;color:#526785;padding:9px 12px;border-radius:10px;font-size:11px;font-weight:700}.ki-header-logout{width:36px;height:36px;border-radius:10px;background:#17385f;color:#fff!important;display:grid;place-items:center;text-decoration:none;font-size:19px}.ki-mobile-topbar{display:none}
.ki-app-shell .ki-main{padding:28px 34px 42px;max-width:none}.ki-app-shell .ki-page-title{background:transparent;color:#172033;margin:0 0 18px;padding:0;text-align:left;border-radius:0;font-size:22px;display:none}
.ki-dashboard{display:grid;gap:18px}.ki-dashboard-hero{position:relative;overflow:hidden;min-height:176px;border-radius:22px;background:linear-gradient(125deg,#193c65 0%,#214e7d 68%,#7b346c 140%);padding:28px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 16px 36px rgba(21,55,92,.14)}.ki-dashboard-hero:after{content:"";position:absolute;width:260px;height:260px;border:42px solid rgba(255,255,255,.06);border-radius:50%;right:-82px;top:-92px}.ki-dashboard-hero>div,.ki-dashboard-hero>button{position:relative;z-index:1}.ki-kicker{font-size:9px;letter-spacing:.17em;font-weight:800;opacity:.68}.ki-dashboard-hero h2{margin:7px 0 8px;color:#fff;font-size:27px;line-height:1.15}.ki-dashboard-hero p{margin:0;max-width:650px;font-size:12px;line-height:1.65;opacity:.82}.ki-hero-cta{flex:0 0 auto;border:0;border-radius:14px;background:#fff;color:#17385f;min-width:190px;padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.13)}.ki-hero-cta span{width:27px;height:27px;border-radius:9px;background:#fbe7f4;color:#b72280;display:grid;place-items:center;font-size:18px}.ki-hero-cta b{font-size:12px}
.ki-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ki-stat-card{appearance:none;text-align:left;border:1px solid var(--ki-border);background:#fff;border-radius:17px;padding:16px;display:flex;gap:12px;align-items:center;min-height:100px;color:#172033;font:inherit;box-shadow:0 7px 24px rgba(27,45,70,.045)}button.ki-stat-card{cursor:pointer}.ki-stat-icon{width:44px;height:44px;border-radius:13px;background:#edf3f9;color:#17385f;display:grid;place-items:center;font-size:20px;flex:0 0 auto}.ki-stat-card:nth-child(2) .ki-stat-icon{background:#fff0f8;color:#be287f}.ki-stat-card:nth-child(3) .ki-stat-icon{background:#ecfbf2;color:#0e8a49}.ki-stat-card:nth-child(4) .ki-stat-icon{background:#fff7e7;color:#ae720d}.ki-stat-card>div{display:flex;flex-direction:column;min-width:0}.ki-stat-card small{font-size:9px;color:#7b899d;margin-bottom:3px}.ki-stat-card strong{font-size:24px;line-height:1.15;color:#172033}.ki-stat-card .ki-stat-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-stat-card em{font-style:normal;font-size:9px;color:#98a2b3;margin-top:4px}.ki-stat-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(27,45,70,.08)}
.ki-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:18px}.ki-dashboard-columns.applicant{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ki-dashboard-card{background:#fff;border:1px solid var(--ki-border);border-radius:20px;padding:20px;box-shadow:0 7px 24px rgba(27,45,70,.04)}.ki-card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.ki-card-heading span{font-size:8px;letter-spacing:.14em;color:#9aa6b7;font-weight:800}.ki-card-heading h3{font-size:17px;margin:3px 0 0;color:#172033}.ki-card-heading>button{border:0;background:#f3f6fa;color:#17385f;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:700;cursor:pointer}
.ki-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ki-quick-grid button{appearance:none;border:1px solid #e8edf3;border-radius:13px;background:#fbfcfe;padding:13px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:10px;text-align:left;font:inherit;color:#172033;cursor:pointer}.ki-quick-grid button>i{font-style:normal;width:36px;height:36px;border-radius:11px;background:#edf3f9;color:#17385f;display:grid;place-items:center;font-size:18px}.ki-quick-grid button>div{display:flex;flex-direction:column;min-width:0}.ki-quick-grid button b{font-size:11px}.ki-quick-grid button small{font-size:9px;color:#8c99aa;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-quick-grid button>span{font-size:20px;color:#a9b3c0}.ki-quick-grid button:hover{background:#fff;box-shadow:0 7px 18px rgba(28,45,70,.07);border-color:#dbe3ec}.ki-quick-grid.compact{grid-template-columns:1fr}
.ki-recent-list{display:grid;gap:5px}.ki-recent-list>button{appearance:none;border:0;border-bottom:1px solid #eef1f5;background:transparent;padding:10px 2px;display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px;align-items:center;text-align:left;font:inherit;color:#172033;cursor:pointer}.ki-recent-list>button:last-child{border-bottom:0}.ki-recent-avatar{width:36px;height:36px;border-radius:11px;background:#edf3f9;color:#17385f;display:grid;place-items:center;font-size:12px;font-weight:800}.ki-recent-list>button>div{display:flex;flex-direction:column;min-width:0}.ki-recent-list b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-recent-list small{font-size:9px;color:#8d99aa;margin-top:3px}.ki-recent-list>button>span:last-child{color:#adb7c3;font-size:20px}.ki-empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a0b0;text-align:center}.ki-empty-state>span{width:46px;height:46px;border-radius:14px;background:#f2f5f8;display:grid;place-items:center;font-size:20px;margin-bottom:9px}.ki-empty-state b{font-size:11px;color:#657387}.ki-empty-state small{font-size:9px;margin-top:3px}
.ki-applicant-summary{display:flex;align-items:center;gap:16px;min-height:158px}.ki-applicant-summary>img,.ki-summary-avatar{width:96px;height:118px;border-radius:15px;object-fit:cover;background:#eef3f8;flex:0 0 auto}.ki-summary-avatar{display:grid;place-items:center;font-size:30px;font-weight:800;color:#17385f}.ki-applicant-summary>div:last-child{min-width:0}.ki-applicant-summary span:first-child{font-size:8px;letter-spacing:.13em;color:#9aa6b7;font-weight:800}.ki-applicant-summary h3{font-size:19px;margin:5px 0 4px}.ki-applicant-summary p{margin:0 0 9px;font-size:10px;color:#758397}.ki-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ki-summary-actions button{border:0;border-radius:10px;background:#17385f;color:#fff;padding:10px;font-size:10px;font-weight:700;cursor:pointer}.ki-summary-actions button:last-child{background:#f2f5f8;color:#17385f}
/* Modernize existing detail/list/form surfaces */
.ki-app-shell .ki-panel,.ki-app-shell .ki-profile-head,.ki-app-shell .ki-form,.ki-app-shell .ki-cert,.ki-app-shell .ki-simple,.ki-app-shell .ki-empty,.ki-app-shell .ki-error,.ki-app-shell .ki-loading{border:1px solid var(--ki-border);border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(27,45,70,.035)}.ki-app-shell .ki-profile-head{padding:18px}.ki-app-shell .ki-panel{padding:18px}.ki-app-shell .ki-field{background:#f8fafc;border-color:#e7ebf1}.ki-app-shell .ki-action-card{background:#fff;border:1px solid #e6ebf1;box-shadow:0 7px 20px rgba(27,45,70,.04)}.ki-app-shell .ki-form{padding:20px;border:1px solid var(--ki-border);border-radius:20px}.ki-app-shell .ki-list article{border-radius:15px;border-color:#e5eaf1;box-shadow:0 7px 20px rgba(27,45,70,.04)}
.ki-bottom-nav{display:none}
@media(max-width:1050px){.ki-app-shell{grid-template-columns:220px minmax(0,1fr)}.ki-workspace-header{padding:0 24px}.ki-app-shell .ki-main{padding:24px}.ki-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ki-dashboard-columns,.ki-dashboard-columns.applicant{grid-template-columns:1fr}.ki-quick-grid.compact{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ki-app-shell{display:block;max-width:none;padding-bottom:calc(98px + env(safe-area-inset-bottom));background:#f3f6fa}.ki-sidebar,.ki-workspace-header{display:none}.ki-mobile-topbar{display:flex;background:linear-gradient(135deg,#17385f,#214e7d);color:#fff;padding:22px 20px 31px;border-radius:0 0 28px 28px;align-items:center;justify-content:space-between;min-height:110px}.ki-mobile-topbar .ki-brand img{width:47px;height:47px}.ki-mobile-topbar .ki-brand small{font-size:9px;opacity:.72}.ki-mobile-topbar .ki-brand strong{font-size:14px}.ki-mobile-topbar .ki-user-ref{font-size:9px;opacity:.72}.ki-app-shell .ki-main{padding:16px}.ki-dashboard{gap:13px}.ki-dashboard-hero{min-height:155px;border-radius:19px;padding:22px;align-items:flex-start}.ki-dashboard-hero h2{font-size:22px}.ki-dashboard-hero p{font-size:10px;padding-right:12px}.ki-hero-cta{min-width:0;padding:11px 12px;position:absolute!important;right:17px;bottom:17px}.ki-hero-cta b{display:none}.ki-hero-cta span{background:transparent;width:auto;height:auto;color:#17385f}.ki-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.ki-stat-card{min-height:88px;padding:12px;gap:9px}.ki-stat-icon{width:37px;height:37px;border-radius:11px;font-size:17px}.ki-stat-card strong{font-size:20px}.ki-stat-card .ki-stat-text{font-size:11px}.ki-dashboard-card{padding:15px;border-radius:17px}.ki-quick-grid,.ki-quick-grid.compact{grid-template-columns:1fr}.ki-quick-grid button{padding:11px}.ki-applicant-summary{min-height:132px}.ki-applicant-summary>img,.ki-summary-avatar{width:82px;height:101px}.ki-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;box-sizing:border-box;z-index:99990;border:0;border-top:1px solid #e3e8ef;border-radius:20px 20px 0 0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -8px 28px rgba(18,47,80,.12)}.ki-bottom-nav button{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:58px;margin:0;padding:6px 3px;border:0;border-radius:14px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d8998;font:inherit;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.ki-bottom-nav button.active{background:#edf3f9;color:#17385f}.ki-bottom-nav button span{display:grid;place-items:center;width:26px;height:26px;font-size:21px;line-height:26px}.ki-bottom-nav button small{display:block;width:100%;font-size:9.5px;line-height:1.1;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-bottom-nav button.active small{font-weight:800}.ki-profile-head{margin-top:0}.ki-app-shell .ki-page-title{display:none}}
@media(max-width:430px){.ki-dashboard-hero{min-height:164px}.ki-stat-card{align-items:flex-start;flex-direction:column;min-height:116px}.ki-stat-card>div{width:100%}.ki-stat-icon{width:34px;height:34px}.ki-applicant-summary{align-items:flex-start}.ki-summary-actions{grid-template-columns:1fr}.ki-app-shell .ki-grid{grid-template-columns:1fr}.ki-app-shell .ki-main{padding:14px}.ki-mobile-topbar{padding:20px 17px 28px}.ki-dashboard-card{padding:14px}}

/* v0.2.1 Coordinator registration refinements */
.ki-form-intro{margin:-2px 0 22px;padding:18px 20px;border:1px solid #dfe7f0;border-radius:16px;background:linear-gradient(135deg,#f7fafd,#fbfcfe)}
.ki-form-intro span{display:block;font-size:9px;letter-spacing:.15em;font-weight:800;color:#9a2e78;margin-bottom:4px}.ki-form-intro h2{margin:0 0 5px;font-size:20px;color:#172033}.ki-form-intro p{margin:0;color:#68778b;font-size:11px;line-height:1.55;max-width:760px}
.ki-app-shell .ki-form h3{margin:26px 0 12px;padding-top:20px;border-top:1px solid #edf0f4;color:#1e3450;font-size:15px}.ki-app-shell .ki-form h3:first-of-type{margin-top:0;padding-top:0;border-top:0}
.ki-field-hint{display:block;color:#8a97a8;font-size:9px;line-height:1.35;margin-top:1px}.ki-postcode-note{grid-column:1/-1;margin:9px 0 3px;padding:10px 12px;border-radius:10px;background:#f3f7fb;color:#5c6c80;font-size:10px;border:1px solid #e3eaf2}
.ki-form select:disabled{background:#f4f6f8;color:#8b97a6;cursor:not-allowed}.ki-form input[list]{padding-right:34px}
@media(max-width:760px){.ki-form-intro{padding:15px}.ki-form-intro h2{font-size:18px}.ki-app-shell .ki-form h3{margin-top:22px;padding-top:17px}}


/* v0.2.9 Digital ID Card spacing refinement
   Keep the approved card fields/layout, but use the empty right-side area better. */
.ki-card-text{
  top:35.6%;
  height:25.25cqw;
  justify-content:center;
}
.ki-card-name{font-size:2.78cqw;line-height:1.05;margin-bottom:.36cqw}
.ki-card-country{font-size:2.25cqw;line-height:1.06;margin-bottom:.27cqw}
.ki-card-meta{font-size:2.23cqw;line-height:1.06;margin-bottom:.38cqw}
.ki-card-address{font-size:2.14cqw;line-height:1.11;margin-bottom:.16cqw}
.ki-card-location{font-size:2.14cqw;line-height:1.09}


/* v0.3.2 Generated E-Certificate */
.ki-cert-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--ki-border);border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(27,45,70,.035)}
.ki-cert-toolbar>div{min-width:0}.ki-cert-kicker{display:block;font-size:8px;letter-spacing:.14em;font-weight:800;color:#9a2e78;margin-bottom:3px}.ki-cert-toolbar h3{margin:0;color:#172033;font-size:17px}.ki-cert-toolbar p{margin:5px 0 0;color:#7a8798;font-size:10px;line-height:1.45}.ki-cert-toolbar-actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.ki-cert-download{white-space:nowrap;flex:0 0 auto}
.ki-cert-stage{overflow:auto;padding:18px;border:1px solid var(--ki-border);border-radius:18px;background:#e9eef4;box-shadow:0 7px 24px rgba(27,45,70,.035)}
.ki-cert-sheet{position:relative;width:min(100%,842px);aspect-ratio:1582/2048;margin:0 auto;background:#fff;box-shadow:0 12px 32px rgba(20,38,61,.13);container-type:inline-size;overflow:hidden}
.ki-cert-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;z-index:1;pointer-events:none;user-select:none}
.ki-cert-photo{position:absolute;left:78.55%;top:6.35%;width:14.05%;height:13.15%;z-index:3;object-fit:cover;object-position:center top;background:#fff}
.ki-cert-qr{position:absolute;left:16.92%;top:14.88%;width:7.20%;aspect-ratio:1;z-index:4;background:#fff;display:grid;place-items:center;overflow:hidden}
.ki-cert-qr canvas,.ki-cert-qr img{display:block!important;width:100%!important;height:100%!important;max-width:none!important}
.ki-cert-value{position:absolute;z-index:5;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:1.08cqw;line-height:1.12;font-weight:400;text-align:left;white-space:nowrap}
.ki-cert-name{left:14.975%;top:23.549%;width:29%;font-weight:500;text-transform:uppercase}
.ki-cert-fdc{left:15.101%;top:26.132%;width:24%}
.ki-cert-country{left:15.101%;top:28.448%;width:24%;text-transform:uppercase}
.ki-cert-gender{left:56.879%;top:26.132%;width:14%;text-transform:uppercase}
.ki-cert-religion{left:57.005%;top:28.537%;width:14%;text-transform:uppercase}
.ki-cert-address{left:15.101%;top:30.497%;width:32.5%;white-space:normal;line-height:1.10;text-transform:uppercase}
.ki-cert-address b{display:block;font:inherit;font-weight:400}
.ki-cert-ben-name{left:43.666%;top:34.238%;width:29%;text-transform:uppercase}
.ki-cert-ben-relation{left:43.666%;top:35.663%;width:29%;text-transform:uppercase}
.ki-cert-ben-phone{left:43.540%;top:36.999%;width:29%}
.ki-cert-start,.ki-cert-end{top:45.551%;width:10%;text-align:left;font-size:1.02cqw}
.ki-cert-start{left:43.289%}
.ki-cert-end{left:55.747%}
.ki-cert-download-status{min-height:24px;margin-top:10px;text-align:center;font-size:10px;color:#7b8798}.ki-cert-download-status .ok{color:#0e8a49;font-weight:700}.ki-cert-download-status .bad{color:#b42318;font-weight:700}
@media(max-width:760px){.ki-cert-toolbar{align-items:stretch;flex-direction:column;padding:14px}.ki-cert-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.ki-cert-toolbar .ki-primary,.ki-cert-toolbar .ki-secondary{width:100%}.ki-cert-stage{padding:8px;border-radius:14px}.ki-cert-sheet{width:100%}.ki-cert-toolbar p{font-size:9px}}

/* v0.3.3 mobile bottom navigation refinements */
@media(max-width:430px){.ki-bottom-nav{padding-left:6px;padding-right:6px}.ki-bottom-nav button{height:56px;padding-left:2px;padding-right:2px}.ki-bottom-nav button span{font-size:20px}.ki-bottom-nav button small{font-size:9px}.ki-app-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))}}

/* =========================================================
   v0.4.0 Management Portal
   ========================================================= */
.ki-management-dashboard{--ki-mgmt-blue:#17385f;--ki-mgmt-soft:#f6f9fc}.ki-mgmt-hero{background:linear-gradient(125deg,#153756 0%,#215886 64%,#344a79 140%)}
.ki-mgmt-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ki-mgmt-stat-grid .ki-stat-card:nth-child(n) .ki-stat-icon{background:#edf4fa;color:#17385f}.ki-mgmt-stat-grid .ki-stat-card:nth-child(2) .ki-stat-icon{background:#e9fbef;color:#087c36}.ki-mgmt-stat-grid .ki-stat-card:nth-child(3) .ki-stat-icon{background:#fff0f0;color:#b91c1c}
.ki-mgmt-home-columns{grid-template-columns:1fr 1fr}.ki-mgmt-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ki-mgmt-mini-grid button,.ki-mgmt-quality-list button{appearance:none;border:1px solid #e6ebf1;background:#f9fbfd;border-radius:13px;padding:14px;text-align:left;color:#172033;cursor:pointer}.ki-mgmt-mini-grid button{display:flex;flex-direction:column;gap:4px}.ki-mgmt-mini-grid small{font-size:9px;color:#7b899d}.ki-mgmt-mini-grid strong{font-size:22px;color:#17385f}.ki-mgmt-quality-list{display:grid;gap:8px}.ki-mgmt-quality-list button{display:flex;align-items:center;justify-content:space-between}.ki-mgmt-quality-list button span{font-size:10px;color:#526785}.ki-mgmt-quality-list button b{min-width:34px;text-align:center;border-radius:10px;background:#eef3f8;padding:7px;color:#17385f}.ki-mgmt-quick{margin-bottom:4px}
.ki-mgmt-alert,.ki-mgmt-bridge-warning{border:1px solid #f1d79a;background:#fff9e8;color:#775511;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:3px;font-size:10px}.ki-mgmt-alert b,.ki-mgmt-bridge-warning b{font-size:11px}.ki-mgmt-bridge-warning{margin:4px 0 18px;border-color:#efc0c0;background:#fff4f4;color:#8e2525;padding:18px}
.ki-mgmt-export{display:flex;gap:8px}.ki-mgmt-export button,.ki-letter-actions button,.ki-mgmt-search-row>button:not(.ki-primary),.ki-mgmt-filter-actions>button:not(.ki-primary){border:0;background:#edf3f8;color:#17385f;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer;margin:0}.ki-mgmt-export button:hover,.ki-letter-actions button:hover{background:#e1eaf3}
.ki-mgmt-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;padding:14px;border-radius:15px;background:#f7f9fc;border:1px solid #e6ebf1}.ki-mgmt-filter-grid label{display:flex;flex-direction:column;gap:5px}.ki-mgmt-filter-grid label span{font-size:8px;font-weight:800;color:#6f7f93;text-transform:uppercase;letter-spacing:.05em}.ki-mgmt-filter-grid input,.ki-mgmt-filter-grid select{width:100%;box-sizing:border-box;border:1px solid #dce3eb;border-radius:9px;background:#fff;padding:9px 10px;font:inherit;font-size:10px;color:#172033}.ki-mgmt-filter-actions{display:flex;align-items:flex-end;gap:7px}.ki-mgmt-filter-actions .ki-primary{margin:0;padding:10px 13px;font-size:9px}
.ki-mgmt-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 9px;color:#758397;font-size:9px}.ki-mgmt-table-head small{font-size:8px}.ki-mgmt-table-wrap{overflow:auto;border:1px solid #e6ebf1;border-radius:13px;background:#fff}.ki-mgmt-table{width:100%;border-collapse:collapse;min-width:920px;font-size:9px}.ki-mgmt-table th{position:sticky;top:0;z-index:1;background:#f3f6fa;color:#5f7187;text-align:left;padding:10px;border-bottom:1px solid #e1e7ee;font-size:8px;text-transform:uppercase;letter-spacing:.045em}.ki-mgmt-table td{padding:10px;border-bottom:1px solid #eef1f5;vertical-align:middle;color:#33455b}.ki-mgmt-table tbody tr:hover{background:#fbfcfe}.ki-table-link{appearance:none;border:0;background:transparent;color:#154f80;padding:0;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;white-space:nowrap}.ki-mgmt-status,.ki-mgmt-source{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.ki-mgmt-status.active{background:#eaf9ef;color:#087c36}.ki-mgmt-status.inactive{background:#fff0f0;color:#b91c1c}.ki-mgmt-status.unknown{background:#f0f2f5;color:#657387}.ki-mgmt-source.frappe{background:#eaf3fb;color:#175b91}.ki-mgmt-source.legacy{background:#eef9ef;color:#20703b}
.ki-mgmt-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ki-mgmt-chart-card{min-width:0}.ki-mgmt-bars{display:grid;gap:10px}.ki-mgmt-bars>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.ki-mgmt-bars span{font-size:9px;color:#53677f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-mgmt-bars b{font-size:9px;color:#172033}.ki-mgmt-bars i{display:block;height:7px;background:#edf1f5;border-radius:999px;overflow:hidden}.ki-mgmt-bars em{display:block;height:100%;background:linear-gradient(90deg,#24527f,#5b79a8);border-radius:999px}.ki-mgmt-trend-bars{height:210px;display:flex;align-items:flex-end;gap:8px;padding-top:12px;overflow-x:auto}.ki-mgmt-trend-bars>div{height:100%;min-width:46px;flex:1;display:grid;grid-template-rows:16px 1fr 20px;gap:4px;text-align:center}.ki-mgmt-trend-bars b{font-size:8px;color:#65768a}.ki-mgmt-trend-bars i{display:flex;align-items:flex-end;justify-content:center;background:#f3f6f9;border-radius:8px 8px 3px 3px;overflow:hidden}.ki-mgmt-trend-bars em{display:block;width:60%;background:linear-gradient(#315f90,#17385f);border-radius:6px 6px 0 0}.ki-mgmt-trend-bars span{font-size:7px;color:#7d8a9b}
.ki-mgmt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ki-mgmt-tabs button{appearance:none;border:1px solid #dfe6ee;background:#f7f9fc;color:#65758a;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800;cursor:pointer}.ki-mgmt-tabs button.active{background:#17385f;color:#fff;border-color:#17385f}
.ki-mgmt-quality-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.ki-mgmt-quality-grid button{appearance:none;border:1px solid #e3e8ef;border-radius:15px;background:#fff;text-align:left;padding:14px;color:#172033;display:flex;flex-direction:column;gap:5px;cursor:pointer;box-shadow:0 5px 18px rgba(27,45,70,.035)}.ki-mgmt-quality-grid button.active{border-color:#315f90;box-shadow:0 0 0 2px rgba(49,95,144,.1)}.ki-mgmt-quality-grid small{font-size:8px;color:#748398}.ki-mgmt-quality-grid strong{font-size:24px}.ki-mgmt-quality-grid span{font-size:8px;color:#9aa5b3}
.ki-mgmt-search-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:8px;align-items:center}.ki-mgmt-search-row input{width:100%;box-sizing:border-box;border:1px solid #dce3eb;border-radius:10px;padding:11px 12px;font:inherit;font-size:11px}.ki-mgmt-search-row .ki-primary{margin:0;padding:11px 17px;font-size:10px}.ki-mgmt-scan-status{min-height:22px;margin-top:8px;color:#68788c;font-size:9px}.ki-mgmt-scan-status .ok{color:#087c36;font-weight:700}.ki-mgmt-qr-reader{max-width:520px;margin:12px auto 0;border-radius:14px;overflow:hidden;background:#08121d}.ki-mgmt-qr-reader video.ki-camera-focusable{cursor:crosshair}.ki-mgmt-camera-tools{max-width:520px;margin:9px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px;border:1px solid #dfe7ef;border-radius:12px;background:#f7fafc}.ki-mgmt-camera-tools[hidden]{display:none!important}.ki-mgmt-camera-tools button{border:1px solid #d6e0ea;background:#fff;color:#17385f;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.ki-mgmt-camera-tools button.active{background:#17385f;color:#fff;border-color:#17385f}.ki-mgmt-camera-tools label{display:flex;align-items:center;gap:7px;flex:1;min-width:185px;color:#607188;font-size:9px;font-weight:700}.ki-mgmt-camera-tools label[hidden]{display:none!important}.ki-mgmt-camera-tools input[type=range]{flex:1;min-width:90px}.ki-mgmt-camera-tools b{min-width:30px;color:#17385f;font-size:9px}.ki-mgmt-camera-tools small{width:100%;color:#7d8b9b;font-size:8px}.ki-mgmt-profile-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 10px}.ki-mgmt-profile-tools button{border:0;background:#17385f;color:#fff;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer}
.ki-letter-tool{margin-bottom:14px}.ki-letter-stage{overflow:auto;background:#e9eef4;border:1px solid #dbe2ea;border-radius:17px;padding:18px}.ki-letter-preview-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;padding:16px}.ki-letter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:13px}.ki-letter-actions>div{margin-right:auto;display:flex;flex-direction:column}.ki-letter-actions span{font-size:8px;letter-spacing:.12em;color:#8a98aa;font-weight:800}.ki-letter-actions b{font-size:11px;color:#17385f}.ki-letter-actions .ki-primary{margin:0}.ki-letter-sheet{width:min(100%,794px);aspect-ratio:596/842;margin:0 auto;background:#fff;box-shadow:0 10px 28px rgba(26,42,64,.14)}.ki-letter-sheet svg{display:block;width:100%;height:100%}
.ki-letter-actions button.ki-primary{background:#17385f;color:#fff!important;border-color:#17385f}.ki-letter-actions button.ki-primary:hover{background:#214e7d;color:#fff!important}.ki-letter-actions button:disabled{opacity:.62;cursor:wait}
@media(max-width:1050px){.ki-mgmt-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ki-mgmt-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ki-mgmt-quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ki-mgmt-stat-grid{grid-template-columns:1fr 1fr}.ki-mgmt-home-columns,.ki-mgmt-analysis-grid{grid-template-columns:1fr}.ki-mgmt-filter-grid{grid-template-columns:1fr 1fr;padding:11px}.ki-mgmt-quality-grid{grid-template-columns:1fr 1fr}.ki-mgmt-search-row{grid-template-columns:1fr 1fr}.ki-mgmt-search-row input{grid-column:1/-1}.ki-mgmt-export{width:100%;margin-top:9px}.ki-mgmt-export button{flex:1}.ki-mgmt-report-card>.ki-card-heading{flex-direction:column}.ki-letter-actions{flex-wrap:wrap}.ki-letter-actions>div{width:100%;margin-right:0}.ki-letter-stage{padding:7px}.ki-mgmt-trend-bars{height:180px}}
@media(max-width:430px){.ki-mgmt-stat-grid{grid-template-columns:1fr 1fr}.ki-mgmt-quality-grid,.ki-mgmt-filter-grid{grid-template-columns:1fr}.ki-mgmt-mini-grid{grid-template-columns:1fr 1fr}.ki-mgmt-search-row{grid-template-columns:1fr}.ki-mgmt-search-row input{grid-column:auto}.ki-mgmt-profile-tools{align-items:stretch;flex-direction:column}.ki-mgmt-profile-tools button{width:100%}}
@media print{body *{visibility:hidden!important}.ki-letter-sheet,.ki-letter-sheet *,.ki-receipt-sheet,.ki-receipt-sheet *,.ki-cert-sheet,.ki-cert-sheet *{visibility:visible!important}.ki-letter-sheet{position:fixed!important;left:0!important;top:0!important;width:210mm!important;height:297mm!important;box-shadow:none!important}.ki-receipt-sheet{position:fixed!important;left:0!important;top:0!important;width:148mm!important;height:105mm!important;box-shadow:none!important}.ki-cert-sheet{position:fixed!important;left:0!important;top:0!important;width:210mm!important;height:297mm!important;max-width:none!important;box-shadow:none!important;transform:none!important}.ki-bottom-nav,.ki-sidebar,.ki-workspace-header,.ki-mobile-topbar,.ki-cert-toolbar,.ki-cert-download-status{display:none!important}}
@media(max-width:760px){.ki-portal[data-mode="coordinator"] .ki-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.ki-portal[data-mode="coordinator"] .ki-bottom-nav button small{font-size:8.5px}}

/* =========================================================
   v0.5.0 — PWA + FAST MANAGEMENT UI
   ========================================================= */
.ki-network-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef9f2;color:#237a46;font-size:9px;font-weight:800}.ki-network-pill i{width:7px;height:7px;border-radius:50%;background:#32a866;box-shadow:0 0 0 3px rgba(50,168,102,.12)}.ki-network-pill.offline{background:#fff1f1;color:#b42323}.ki-network-pill.offline i{background:#d94a4a;box-shadow:0 0 0 3px rgba(217,74,74,.12)}
.ki-pwa-install,.ki-pwa-install-icon{appearance:none;border:0;background:#17385f;color:#fff;border-radius:10px;font-weight:800;cursor:pointer}.ki-pwa-install{padding:8px 11px;font-size:9px}.ki-pwa-install:hover{background:#214f7e}.ki-mobile-pwa-tools{display:flex;align-items:center;gap:7px}.ki-pwa-install-icon{width:34px;height:34px;font-size:17px}.ki-network-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#33a867;box-shadow:0 0 0 3px rgba(51,168,103,.14)}.ki-network-dot.offline{background:#d94a4a;box-shadow:0 0 0 3px rgba(217,74,74,.14)}
.ki-pwa-notice{position:fixed;right:18px;bottom:98px;z-index:10050;max-width:350px;display:flex;align-items:center;gap:12px;padding:12px 13px 12px 15px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(22,52,83,.18);transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s ease}.ki-pwa-notice.show{transform:none;opacity:1;pointer-events:auto}.ki-pwa-notice span{font-size:10px;line-height:1.4;color:#53657b}.ki-pwa-notice button{border:0;border-radius:8px;background:#17385f;color:#fff;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}
.ki-mgmt-updated{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.13);color:rgba(255,255,255,.9);font-size:8px;font-weight:700;letter-spacing:.02em}
.ki-mgmt-skeleton{display:grid;gap:14px;animation:kiSkFade .25s ease}.ki-mgmt-skeleton .sk{position:relative;overflow:hidden;background:#eaf0f6;border-radius:18px}.ki-mgmt-skeleton .sk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:kiShimmer 1.25s infinite}.ki-mgmt-skeleton .hero{height:136px;background:#dce7f1}.ki-mgmt-skeleton .sk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ki-mgmt-skeleton .card{height:92px}.ki-mgmt-skeleton .sk-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ki-mgmt-skeleton .panel{height:210px}@keyframes kiShimmer{100%{transform:translateX(100%)}}@keyframes kiSkFade{from{opacity:.4}to{opacity:1}}
.ki-mgmt-pager{display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 0 2px}.ki-mgmt-pager button{appearance:none;border:1px solid #dbe4ed;background:#fff;color:#17385f;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.ki-mgmt-pager button:disabled{opacity:.35;cursor:not-allowed}.ki-mgmt-pager span{font-size:9px;color:#718197;font-weight:700}
.ki-mgmt-report-card .ki-card-heading p{margin:4px 0 0;font-size:9px;color:#8390a1}.ki-mgmt-filter-grid input::placeholder{color:#a7b0bd}
@media(max-width:760px){.ki-network-pill,.ki-pwa-install{display:none}.ki-mgmt-skeleton .sk-grid{grid-template-columns:1fr 1fr}.ki-mgmt-skeleton .sk-row{grid-template-columns:1fr}.ki-mgmt-pager{position:sticky;bottom:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:10px;border-radius:12px;margin-top:8px;z-index:4}.ki-pwa-notice{left:14px;right:14px;bottom:92px;max-width:none}}
@media(min-width:761px){.ki-mobile-pwa-tools .ki-network-dot,.ki-mobile-pwa-tools .ki-pwa-install-icon{display:none}}

/* Coordinator submission source summary */
.ki-list-summary{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid #e6ebf1;border-radius:14px;color:#667085;font-size:12px}.ki-list-summary b{color:#17385f;font-size:14px}.ki-warning{margin:0 0 14px;padding:11px 13px;border:1px solid #f1d59a;background:#fff9ea;color:#8a5a00;border-radius:12px;font-size:12px}

/* Restored Directory & Consultation modules v0.5.4 */
.ki-directory-page{display:grid;gap:22px}.ki-directory-section{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(27,45,70,.035)}.ki-directory-heading{margin-bottom:14px}.ki-directory-heading h2{margin:0;font-size:20px;color:#172033}.ki-directory-heading span{display:block;width:64px;height:4px;border-radius:999px;margin-top:8px;background:linear-gradient(90deg,#ff4f9a,#c66cff)}.ki-directory-list{display:grid;gap:10px}.ki-directory-card,.ki-office-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e7ebf1;border-radius:13px;background:#fbfcfe;color:#172033;text-decoration:none;transition:.18s ease}.ki-directory-card:hover,.ki-office-card:hover{transform:translateY(-1px);border-color:#cfd8e4;background:#fff}.ki-directory-card i,.ki-office-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef4fb;color:#173f68;font-style:normal;font-size:18px}.ki-directory-card i.wa{background:#eafaf1;color:#16a05d}.ki-directory-card b,.ki-office-card b{display:block;font-size:13px;letter-spacing:.01em}.ki-directory-card span,.ki-office-card span{display:block;margin-top:3px;color:#5e6f84;font-size:12px;line-height:1.45}.ki-directory-card strong,.ki-office-card strong{color:#8a98aa;font-size:22px}.ki-office-card{margin-top:4px}
.ki-consult-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.ki-consult-form{margin:0}.ki-consult-history{margin:0}.ki-consult-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ki-consult-history-head small{display:block;color:#9a2e78;font-size:9px;font-weight:800;letter-spacing:.14em}.ki-consult-history-head h3{margin:3px 0 0!important}.ki-secondary{appearance:none;border:1px solid #cfd8e4;background:#f7f9fc;color:#173f68;border-radius:9px;padding:9px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.ki-consult-list{display:grid;gap:10px}.ki-consult-list article{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid #e6ebf1;border-radius:13px;background:#fbfcfe}.ki-consult-main h4{margin:5px 0 4px;font-size:12px}.ki-consult-main p{margin:0;color:#4f6177;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ki-consult-main small{display:block;margin-top:6px;color:#7b899a;font-size:10px}.ki-consult-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ki-consult-meta>span{font-size:9px;font-weight:800;color:#173f68}.ki-consult-meta em{font-style:normal;font-size:8px;font-weight:800;padding:4px 7px;border-radius:999px;background:#edf2f7;color:#5d6d80}.ki-consult-meta em.submit{background:#eef4fb;color:#175b91}.ki-consult-meta em.investigation{background:#fff6df;color:#9b6713}.ki-consult-meta em.on-hold{background:#fff0f0;color:#b91c1c}.ki-consult-meta em.close{background:#eaf9ef;color:#087c36}.ki-consult-list time{font-size:9px;color:#8996a7;white-space:nowrap}.ki-consult-form textarea[name="c_reportdetails"]{min-height:190px}
@media(max-width:980px){.ki-consult-layout{grid-template-columns:1fr}}@media(max-width:760px){.ki-directory-section{padding:15px}.ki-directory-card,.ki-office-card{grid-template-columns:38px 1fr auto;padding:12px}.ki-directory-card i,.ki-office-card i{width:34px;height:34px}.ki-directory-card b,.ki-office-card b{font-size:11px}.ki-directory-card span,.ki-office-card span{font-size:10px}.ki-consult-list article{grid-template-columns:1fr}.ki-consult-list time{white-space:normal}}
.ki-consult-admin-note{margin:2px 0 16px;padding:11px 13px;border-radius:12px;background:#f6f8fb;border:1px solid #e5eaf1;color:#6b7788;font-size:12px;line-height:1.45}

@media(max-width:760px){.ki-portal[data-mode="applicant"] .ki-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.ki-portal[data-mode="applicant"] .ki-bottom-nav button small{font-size:9px}}

/* Renewal workflow v0.6.0 */
.ki-renew-find{margin:4px 0 14px}.ki-renew-find label>span{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#344b67}.ki-renew-find-row{display:flex;gap:10px}.ki-renew-find-row input{flex:1;min-width:0}.ki-renew-find-row button{border:0;border-radius:12px;padding:0 18px;background:#eaf1f8;color:#163c65;font-weight:800;cursor:pointer}.ki-renew-context{margin:6px 0 16px}.ki-renew-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #dbe4ee;border-radius:16px;background:#f8fbfe}.ki-renew-summary>div{display:flex;flex-direction:column;gap:5px;min-width:0}.ki-renew-summary small{font-size:11px;color:#6d7f93}.ki-renew-summary strong{font-size:14px;color:#172b43;overflow-wrap:anywhere}.ki-renew-summary span{font-size:12px;color:#64758a}.ki-renew-pill{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;font-size:11px!important;font-weight:800}.ki-renew-pill.pending{background:#fff5dd;color:#946200}.ki-renew-pill.paid{background:#e8f8ef;color:#177347}@media(max-width:720px){.ki-renew-find-row{display:grid;grid-template-columns:1fr}.ki-renew-find-row button{min-height:44px}.ki-renew-summary{grid-template-columns:1fr}}

/* =========================================================
   v0.6.1 — Registration approval gate + digital receipt
   ========================================================= */
.ki-approval-info{margin:0 0 20px;padding:14px 16px;border:1px solid #ead8a5;border-radius:14px;background:#fffaf0;color:#6f5520;display:flex;flex-direction:column;gap:5px}
.ki-approval-info b{font-size:12px;color:#674b13}.ki-approval-info span{font-size:11px;line-height:1.55}.ki-approval-info strong{color:#17385f}
.ki-official-gate{max-width:620px;margin:22px auto;padding:34px 28px;border:1px solid #e4e9ef;border-radius:20px;background:#fff;text-align:center;box-shadow:0 12px 34px rgba(27,45,70,.06)}
.ki-lock-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;background:#fff4dc;display:grid;place-items:center;font-size:26px}.ki-official-gate h3{margin:0 0 8px;color:#172033;font-size:20px}.ki-official-gate p{margin:0 auto 15px;max-width:470px;color:#6c7b8e;font-size:12px;line-height:1.6}.ki-official-gate>div:not(.ki-lock-icon){display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border-radius:999px;background:#fff5dd;color:#946200}.ki-official-gate>div small{font-size:9px}.ki-official-gate>div strong{font-size:11px}.ki-official-gate .ki-gate-note{margin-top:14px;font-size:10px}.ki-official-gate code{padding:2px 5px;border-radius:5px;background:#f2f5f8;color:#17385f}
.ki-register-success{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.ki-register-success>span{flex:1 1 100%}.ki-register-success small{color:#6e7d8e;font-size:10px;line-height:1.5}.ki-register-success button{margin-left:auto}
.ki-receipt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid #e3e9ef;border-radius:18px;background:#fff}.ki-receipt-toolbar>div:first-child span{font-size:8px;letter-spacing:.15em;color:#8290a2;font-weight:800}.ki-receipt-toolbar h3{margin:4px 0 3px;font-size:18px;color:#172033}.ki-receipt-toolbar p{margin:0;color:#7c899a;font-size:10px}.ki-receipt-toolbar>div:last-child{display:flex;gap:8px}
.ki-receipt-stage{overflow:auto;padding:18px;border-radius:20px;background:#e8edf3}
.ki-receipt-sheet{position:relative;width:min(920px,100%);aspect-ratio:1.41;margin:0 auto;box-sizing:border-box;overflow:hidden;padding:22px 25px 18px;background:linear-gradient(180deg,#edf59a 0%,#e3ec86 100%);color:#264a42;border:1px solid #bac764;box-shadow:0 16px 40px rgba(37,67,60,.18);font-family:Arial,Helvetica,sans-serif}
.ki-receipt-sheet:after{content:"DIGITAL RECEIPT";position:absolute;right:-62px;bottom:52px;transform:rotate(-35deg);font-size:48px;font-weight:900;color:rgba(40,79,67,.05);pointer-events:none}
.ki-receipt-head{display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:start}.ki-receipt-brand{display:flex;gap:12px;align-items:flex-start}.ki-receipt-brand img{width:62px;height:62px;object-fit:contain}.ki-receipt-brand div{display:flex;flex-direction:column}.ki-receipt-brand b{font-size:17px;letter-spacing:.03em}.ki-receipt-brand span{font-size:8px;line-height:1.45;font-weight:700}.ki-receipt-meta{display:grid;gap:7px;border-left:2px solid #6f865f;padding-left:14px}.ki-receipt-meta div{display:grid;grid-template-columns:1fr auto;gap:8px}.ki-receipt-meta small{font-size:8px;font-weight:800}.ki-receipt-meta strong{font-size:12px;color:#a64c2b}
.ki-receipt-title{margin:14px -25px 12px;padding:8px 25px;background:#31554c;color:#fff;display:flex;align-items:baseline;gap:12px}.ki-receipt-title b{font-size:16px}.ki-receipt-title span{font-size:9px;opacity:.9}
.ki-receipt-line{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:end;padding:5px 0;border-bottom:1px solid rgba(49,85,76,.24)}.ki-receipt-line small{font-size:8px;font-weight:800}.ki-receipt-line strong{font-size:13px;color:#2f554b}.ki-receipt-line.payment-for{grid-template-columns:210px 1fr auto}.ki-receipt-line.payment-for span{font-size:7.5px;font-weight:700}
.ki-receipt-amounts{display:grid;grid-template-columns:150px 1fr;gap:5px 12px;margin-top:10px}.ki-receipt-total{display:grid;grid-template-columns:1fr auto 23px;align-items:center;gap:6px}.ki-receipt-total small{font-size:8px;font-weight:800}.ki-receipt-total b{font-size:24px}.ki-receipt-check{width:20px;height:20px;border:1.5px solid #46665a;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:16px;font-weight:900}.ki-receipt-check.checked{background:#fff;color:#254d43}.ki-receipt-words{display:flex;flex-direction:column;justify-content:center}.ki-receipt-words b{font-size:10px}.ki-receipt-words span{font-size:7.5px;font-weight:700}
.ki-receipt-current{margin-top:10px;padding:8px 10px;background:rgba(49,85,76,.09);display:grid;grid-template-columns:auto 90px 1fr;gap:10px;align-items:center}.ki-receipt-current>span{font-size:8px;font-weight:800}.ki-receipt-current>strong{font-size:18px}.ki-receipt-current>div{display:flex;flex-direction:column}.ki-receipt-current small{font-size:7.5px;font-weight:700}
.ki-receipt-age{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:8px}.ki-receipt-age b{font-size:8px}.ki-receipt-age span{font-weight:800}.ki-receipt-age small{opacity:.8}
.ki-receipt-status{display:grid;grid-template-columns:auto auto 1fr;gap:9px;align-items:center;margin-top:8px;padding:7px 9px;border-top:1px dashed rgba(49,85,76,.35);border-bottom:1px dashed rgba(49,85,76,.35)}.ki-receipt-status>span{font-size:8px;font-weight:800}.ki-receipt-status>strong{padding:4px 8px;border-radius:999px;font-size:8px}.ki-receipt-status>strong.pending{background:#fff4d4;color:#8d6100}.ki-receipt-status>strong.paid{background:#ddf4e4;color:#166638}.ki-receipt-status>strong.other{background:#f1f2f4;color:#5b6572}.ki-receipt-status small{font-size:7px;line-height:1.35}
.ki-receipt-signatures{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:13px}.ki-receipt-signatures>div{border-top:1px solid #46665a;padding-top:5px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.ki-receipt-signatures b{font-size:9px}.ki-receipt-signatures span{font-size:8px;text-align:right}.ki-receipt-signatures small{grid-column:1/-1;font-size:6.8px;font-weight:800}
@media(max-width:760px){.ki-receipt-toolbar{align-items:flex-start;flex-direction:column}.ki-receipt-toolbar>div:last-child{width:100%}.ki-receipt-toolbar button{flex:1}.ki-receipt-stage{padding:8px}.ki-receipt-sheet{min-width:720px}.ki-register-success button{margin-left:0;width:100%}}

/* v0.6.6 registration required-field UX */
.ki-required-notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 22px;border:1px solid #f2d2d8;background:#fff7f9;border-radius:12px;color:#6f2437;font-size:13px;line-height:1.45}
.ki-required-notice b{white-space:nowrap;color:#a31545}
.ki-required-notice code{padding:1px 6px;border-radius:6px;background:#fff;border:1px solid #efd4dc;color:#7c1738}
.ki-form label.ki-field-required>span::after{content:' *';color:#d7264f;font-weight:800}
.ki-form label.ki-field-required input,
.ki-form label.ki-field-required select,
.ki-form label.ki-field-required textarea{border-left:3px solid #d7264f}
.ki-form label.ki-field-required input:focus,
.ki-form label.ki-field-required select:focus,
.ki-form label.ki-field-required textarea:focus{box-shadow:0 0 0 3px rgba(215,38,79,.10)}
@media(max-width:640px){.ki-required-notice{flex-direction:column;gap:4px}}

/* v0.7.0 Applicant self-service portal access */
.ki-access-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#98a2b3;font-size:10px;font-weight:700;letter-spacing:.08em}.ki-access-divider:before,.ki-access-divider:after{content:"";height:1px;background:#e4e8ef;flex:1}
.ki-access-open{width:100%;height:47px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:var(--ki-navy);font:inherit;font-weight:800;cursor:pointer}.ki-access-open:hover{background:#eef4fa}
.ki-access-panel{margin-top:14px;padding:16px;border:1px solid #dce5ef;border-radius:14px;background:#f8fbfe}.ki-access-panel[hidden]{display:none!important}.ki-access-head strong{display:block;color:var(--ki-navy);font-size:14px}.ki-access-head p{margin:5px 0 13px;color:#68778b;font-size:11px;line-height:1.5}
.ki-access-form{display:grid;gap:11px}.ki-access-form[hidden]{display:none!important}.ki-access-form label{display:grid;gap:6px}.ki-access-form label span{font-size:11px;font-weight:700;color:#344054}.ki-access-form input{width:100%;height:44px;border:1px solid #cbd3df;border-radius:10px;background:#fff;padding:0 12px;color:#172033;font:inherit;outline:none}.ki-access-form input:focus{border-color:var(--ki-navy);box-shadow:0 0 0 3px rgba(32,61,100,.09)}
.ki-access-hint{display:block;color:#6b7788;font-size:9.5px;line-height:1.45}.ki-access-status{min-height:18px;margin-top:10px;font-size:11px;line-height:1.45;color:#667085}.ki-access-status.ok{color:#087a42;font-weight:700}.ki-access-status.bad{color:#b42318;font-weight:700}.ki-access-verified{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:#edf7f1;border:1px solid #cfe8d8}.ki-access-verified strong{font-size:12px;color:#14532d}.ki-access-verified span{font-size:10px;color:#4b6b57;margin-top:2px}

/* Printed portal-access instructions embedded into the E-Certificate */
.ki-cert-login-box{position:absolute;z-index:6;left:16.2%;top:80.8%;width:67.6%;min-height:8.7%;box-sizing:border-box;border:1px solid rgba(32,61,100,.36);border-radius:.65cqw;background:rgba(255,255,255,.93);padding:1.05cqw 8.8cqw 1cqw 1.2cqw;font-family:Arial,Helvetica,sans-serif;color:#111}
.ki-cert-login-copy{display:flex;flex-direction:column;gap:.30cqw;font-size:.93cqw;line-height:1.18}.ki-cert-login-copy>strong{font-size:1.05cqw;color:#17385f;letter-spacing:.02em}.ki-cert-login-copy b{font-weight:700}.ki-cert-login-qr{position:absolute;right:1.1cqw;top:50%;transform:translateY(-50%);width:6.7cqw;aspect-ratio:1;background:#fff;display:grid;place-items:center;overflow:hidden}.ki-cert-login-qr canvas,.ki-cert-login-qr img{display:block!important;width:100%!important;height:100%!important;max-width:none!important}
@media(max-width:520px){.ki-access-panel{padding:14px}.ki-access-head p{font-size:10.5px}}

/* v0.7.1 phone-number guidance */
.ki-phone-hint.bad{color:#b42318!important;font-weight:700}.ki-phone-hint.ok{color:#087a42!important;font-weight:700}
.ki-form input[data-ki-msisdn="1"]:invalid:not(:placeholder-shown){border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.08)}
.ki-form input[data-ki-msisdn="1"]:valid:not(:placeholder-shown){border-color:#0b8f55}
.ki-access-form #ki-access-phone:invalid:not(:placeholder-shown){border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.08)}
.ki-access-form #ki-access-phone:valid:not(:placeholder-shown){border-color:#0b8f55}


/* v0.7.2 - applicant list sorting */
.ki-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.ki-list-toolbar .ki-list-summary{margin:0;flex:1 1 420px}
.ki-sort-control{display:flex;flex-direction:column;gap:6px;min-width:220px;font-size:12px;color:#65748b}
.ki-sort-control span{font-weight:700;color:#4b5c74}
.ki-sort-control select{height:42px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;padding:0 12px;color:#14243b;font:inherit;font-size:14px}
@media(max-width:640px){.ki-sort-control{width:100%;min-width:0}.ki-sort-control select{width:100%}}

/* v0.7.3 — coordinator registration date range filter */
.ki-date-range-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#fff;border:1px solid #e6ebf1;border-radius:14px}
.ki-date-range-filter label{display:flex;flex-direction:column;gap:6px;min-width:150px;font-size:12px;color:#65748b}
.ki-date-range-filter label span{font-weight:700;color:#4b5c74}
.ki-date-range-filter input,.ki-date-range-filter select{height:42px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;padding:0 10px;color:#14243b;font:inherit;font-size:14px}
.ki-date-range-actions{display:flex;gap:8px;align-items:center}
.ki-date-range-actions button{height:42px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;padding:0 14px;font-weight:700;color:#17385f;cursor:pointer}
.ki-date-range-actions .ki-primary{background:#17385f;color:#fff;border-color:#17385f}
@media(max-width:760px){.ki-date-range-filter{width:100%;display:grid;grid-template-columns:1fr 1fr}.ki-date-range-filter label{min-width:0}.ki-date-range-filter label:nth-child(3),.ki-date-range-actions{grid-column:1/-1}.ki-date-range-filter input,.ki-date-range-filter select{width:100%}.ki-date-range-actions button{flex:1}}
@media(max-width:480px){.ki-date-range-filter{grid-template-columns:1fr}.ki-date-range-filter label:nth-child(3),.ki-date-range-actions{grid-column:auto}}

/* v0.7.6 - Frontend Applicant Data Manager */
.ki-admin-edit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px solid #dbe6f1;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#fff)}
.ki-admin-edit-toolbar span{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:#9a2e78;margin-bottom:3px}.ki-admin-edit-toolbar b{font-size:12px;color:#1d3552}.ki-admin-edit-toolbar .ki-primary{margin:0;padding:10px 13px;font-size:10px}
.ki-mgmt-profile-tool-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ki-mgmt-profile-tool-buttons button{margin:0}.ki-mgmt-profile-tool-buttons button:disabled{background:#eef3f8;color:#7c8b9b;border:1px solid #dbe4ee;cursor:not-allowed;box-shadow:none}
.ki-editor-search-card{margin-bottom:14px}.ki-editor-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f6f8fb;color:#68788c;font-size:9.5px;line-height:1.5}
.ki-editor-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.ki-editor-status-grid>div{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #e1e7ee;border-radius:13px;background:#fff}.ki-editor-status-grid small{font-size:8.5px;letter-spacing:.08em;color:#7a8797;font-weight:800}.ki-editor-status-grid strong{font-size:14px;color:#1d3552;word-break:break-word}.ki-editor-status-grid strong.ok{color:#087c36}.ki-editor-status-grid strong.off{color:#b91c1c}.ki-editor-status-grid em{font-size:8.5px;color:#8a96a5;font-style:normal;line-height:1.35}
.ki-editor-source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.ki-editor-source-tabs button{appearance:none;border:1px solid #dce4ed;border-radius:13px;padding:12px 14px;background:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;color:#45566d}.ki-editor-source-tabs button b{font-size:11px}.ki-editor-source-tabs button small{font-size:8.5px;color:#8290a1}.ki-editor-source-tabs button.active{border-color:#17385f;background:#eef4fa;color:#17385f;box-shadow:0 0 0 2px rgba(23,56,95,.05)}
.ki-admin-editor-form{margin-bottom:14px}.ki-admin-editor-form input,.ki-admin-editor-form select,.ki-admin-editor-form textarea{font-size:12px}.ki-editor-savebar{display:flex;gap:9px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #edf0f4}.ki-editor-savebar .ki-primary{margin:0}.ki-editor-savebar .ki-secondary{margin:0;border:1px solid #cfd8e3;background:#fff;color:#17385f;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}
.ki-editor-audit{display:flex;flex-direction:column;gap:8px}.ki-editor-audit article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4}.ki-editor-audit article:last-child{border-bottom:0}.ki-editor-audit article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ki-editor-audit b{font-size:10px;color:#243a55}.ki-editor-audit small{font-size:8px;color:#8793a2}.ki-editor-audit span{max-width:55%;font-size:9px;color:#66778b;word-break:break-word;text-align:right}
@media(max-width:760px){.ki-admin-edit-toolbar{align-items:stretch;flex-direction:column}.ki-admin-edit-toolbar .ki-primary{width:100%}.ki-editor-status-grid{grid-template-columns:1fr 1fr}.ki-editor-savebar{align-items:stretch;flex-direction:column}.ki-editor-savebar button{width:100%}.ki-mgmt-profile-tool-buttons{width:100%;display:grid;grid-template-columns:1fr}.ki-mgmt-profile-tool-buttons button{width:100%}}
@media(max-width:430px){.ki-editor-status-grid{grid-template-columns:1fr 1fr}.ki-editor-source-tabs{grid-template-columns:1fr}.ki-editor-audit article{flex-direction:column}.ki-editor-audit span{max-width:none;text-align:left}}

/* v0.7.6.3 - QR camera controls visibility/reliability */
.ki-mgmt-camera-tools{position:relative;z-index:5;background:#fff;box-shadow:0 8px 22px rgba(15,49,85,.10)}
.ki-mgmt-camera-tools.detecting{opacity:.82}
.ki-mgmt-camera-tools button{min-height:38px;font-size:11px;padding:9px 13px}
.ki-mgmt-camera-tools button:disabled{opacity:.42;cursor:not-allowed}
.ki-mgmt-camera-tools label{font-size:11px}
.ki-mgmt-camera-tools label.unsupported{opacity:.48}
.ki-mgmt-camera-tools small{font-size:10px;line-height:1.45}
.ki-mgmt-qr-reader video{width:100%!important;height:auto!important;object-fit:cover}
@media(max-width:640px){
 .ki-mgmt-camera-tools{padding:10px;gap:9px}
 .ki-mgmt-camera-tools button{flex:1 1 95px;font-size:11px}
 .ki-mgmt-camera-tools label{order:3;flex:1 1 100%;min-width:0}
 .ki-mgmt-camera-tools small{order:4;font-size:10px}
}


/* ==========================================================
   v0.7.6.4 - Enhanced global floating QR scanner
   ========================================================== */
body.ki-floating-scan-open{overflow:hidden!important}
.ki-floating-scan-fallback{position:fixed;right:24px;bottom:28px;z-index:9997;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#0f613b;color:#fff;padding:14px 18px;box-shadow:0 12px 30px rgba(5,65,39,.24);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.ki-floating-scan-fallback span{font-size:17px}.ki-floating-scan-fallback b{font-size:13px}
.ki-floating-scan-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}
.ki-floating-scan-modal[hidden]{display:none!important}
.ki-floating-scan-backdrop{position:absolute;inset:0;background:rgba(8,20,35,.72);backdrop-filter:blur(3px)}
.ki-floating-scan-dialog{position:relative;z-index:1;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:22px;background:#fff;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.30)}
.ki-floating-scan-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}
.ki-floating-scan-dialog>header small{display:block;color:#a33579;font-size:8px;font-weight:900;letter-spacing:.15em}.ki-floating-scan-dialog>header h3{margin:3px 0 4px;color:#172033;font-size:20px}.ki-floating-scan-dialog>header p{margin:0;max-width:430px;color:#6a788a;font-size:10px;line-height:1.45}
.ki-floating-scan-close{flex:0 0 auto;width:36px;height:36px;border:1px solid #dce4ed;border-radius:11px;background:#f7f9fc;color:#17385f;font-size:24px;line-height:1;cursor:pointer}
.ki-floating-qr-reader{width:100%;min-height:280px;border-radius:16px;overflow:hidden;background:#08121d}.ki-floating-qr-reader video.ki-camera-focusable{cursor:crosshair}
.ki-floating-scan-status{min-height:23px;padding:8px 2px 2px;color:#69798c;font-size:9px}.ki-floating-scan-status span{color:#087c36;font-weight:800}
.ki-floating-camera-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;padding:10px;border:1px solid #dfe7ef;border-radius:13px;background:#f7fafc}
.ki-floating-camera-tools button{border:1px solid #d5e0ea;background:#fff;color:#17385f;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.ki-floating-camera-tools button:disabled{opacity:.5;cursor:not-allowed}.ki-floating-camera-tools button.active{background:#17385f;color:#fff;border-color:#17385f}
.ki-floating-camera-tools label{display:flex;align-items:center;gap:8px;flex:1;min-width:210px;color:#607188;font-size:9px;font-weight:800}.ki-floating-camera-tools label.unsupported{opacity:.55}.ki-floating-camera-tools input[type=range]{flex:1;min-width:100px}.ki-floating-camera-tools b{min-width:35px;color:#17385f;font-size:10px}.ki-floating-camera-tools small{width:100%;color:#718196;font-size:9px;line-height:1.45}
@media(max-width:640px){.ki-floating-scan-modal{align-items:end;padding:0}.ki-floating-scan-dialog{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:16px 14px 20px}.ki-floating-qr-reader{min-height:250px}.ki-floating-camera-tools{gap:7px}.ki-floating-camera-tools button{padding:10px 11px;font-size:10px}.ki-floating-camera-tools label{order:3;width:100%;min-width:0}.ki-floating-camera-tools small{order:4}.ki-floating-scan-fallback{right:16px;bottom:88px}}

/* ==========================================================
   v0.7.7.0 - Frontend Card Printing
   ========================================================== */
.ki-printing-stats{margin-bottom:14px}.ki-print-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.ki-print-tabs button{border:1px solid #d9e2ec;background:#fff;color:#52637a;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}.ki-print-tabs button.active{background:#17385f;color:#fff;border-color:#17385f}
.ki-print-card{margin-bottom:14px}.ki-print-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ki-print-toolbar select{height:38px;border:1px solid #d9e2ec;border-radius:9px;background:#fff;color:#263c57;padding:0 10px;font-size:10px}.ki-print-toolbar .ki-primary{margin:0;padding:10px 13px;font-size:10px}
.ki-print-table-wrap{width:100%;overflow:auto;border:1px solid #e5ebf1;border-radius:13px}.ki-print-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.ki-print-table th,.ki-print-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #edf1f5;font-size:9.5px;color:#586a80;vertical-align:middle}.ki-print-table th{background:#f7f9fc;color:#45576f;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;position:sticky;top:0;z-index:1}.ki-print-table tr:last-child td{border-bottom:0}.ki-print-table td b{color:#1d3552;font-size:10px}.ki-print-table input[type=checkbox]{width:17px;height:17px;accent-color:#17385f}
.ki-print-type,.ki-print-pill{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 9px;border-radius:999px;font-size:8.5px;font-weight:800;line-height:1.1;white-space:nowrap}.ki-print-type.new{background:#eaf4ff;color:#185e9c}.ki-print-type.reprint{background:#fff0f7;color:#9b2e72}.ki-print-pill.ready-for-print,.ki-print-pill.ready-for-card-printing{background:#eef4ff;color:#264f85}.ki-print-pill.in-batch,.ki-print-pill.printing{background:#fff7df;color:#8c6400}.ki-print-pill.printed{background:#e8f7ef;color:#087a42}.ki-print-pill.draft{background:#f1f3f6;color:#5f6b7a}.ki-print-pill.cancelled{background:#fdecec;color:#b42318}
.ki-print-batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ki-print-batch-card{appearance:none;border:1px solid #e1e7ee;border-radius:14px;background:#fff;padding:14px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;cursor:pointer;color:#233a56}.ki-print-batch-card:hover{border-color:#b8c9db;box-shadow:0 8px 20px rgba(23,56,95,.07)}.ki-print-batch-card>div:first-child{display:flex;flex-direction:column;gap:5px}.ki-print-batch-card small{font-size:8px;color:#8794a4}.ki-print-batch-card strong{font-size:12px}.ki-print-batch-card i{font-style:normal;font-size:22px;color:#9aa8b7}.ki-print-batch-counts{display:flex;gap:10px}.ki-print-batch-counts span{display:flex;flex-direction:column;gap:1px;min-width:46px;font-size:7.5px;color:#8390a0}.ki-print-batch-counts b{font-size:12px;color:#28415e}
.ki-print-batch-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ki-print-batch-actions>div{display:flex;gap:8px;flex-wrap:wrap}.ki-print-batch-actions button{margin:0}.ki-print-batch-summary .ki-print-pill{align-self:flex-start}.ki-printing-dashboard .ki-dashboard-hero{margin-bottom:14px}
@media(max-width:800px){.ki-print-batch-grid{grid-template-columns:1fr}.ki-print-batch-actions{align-items:stretch;flex-direction:column}.ki-print-batch-actions>div{display:grid;grid-template-columns:1fr 1fr}.ki-print-batch-actions button{width:100%}.ki-print-toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr}.ki-print-toolbar select,.ki-print-toolbar button{width:100%}}
@media(max-width:520px){.ki-print-tabs{display:grid;grid-template-columns:1fr 1fr}.ki-print-toolbar{grid-template-columns:1fr}.ki-print-batch-actions>div{grid-template-columns:1fr}.ki-print-batch-counts{gap:6px}.ki-print-batch-card{grid-template-columns:minmax(0,1fr) auto}.ki-print-batch-card .ki-print-batch-counts{grid-column:1/-1}.ki-print-batch-card i{grid-row:1;grid-column:2}.ki-print-table th,.ki-print-table td{padding:10px 9px}}

/* v0.7.7.0 - Frontend renewal approval / reprint flow */
.ki-renew-admin-approval{margin-top:14px;padding:15px;border:1px solid #dce6f0;border-radius:14px;background:#f8fbfe}.ki-renew-admin-approval>div:first-child small{display:block;font-size:8px;letter-spacing:.11em;font-weight:900;color:#9a2e78}.ki-renew-admin-approval h4{margin:3px 0 4px;font-size:14px;color:#1c3552}.ki-renew-admin-approval p{margin:0 0 12px;color:#718196;font-size:9.5px}.ki-renew-admin-approval .ki-primary{margin-top:12px}.ki-renew-admin-approval .ki-form-status{margin-top:9px}

/* v0.7.7.6 — Applicant navbar + self-service Coordinator access */
.ki-access-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px;padding:4px;border:1px solid #dbe4ee;border-radius:12px;background:#eef4f9}.ki-access-type-switch button{appearance:none;border:0;border-radius:9px;background:transparent;color:#617187;min-height:39px;padding:8px 10px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.ki-access-type-switch button.active{background:#fff;color:#17385f;box-shadow:0 3px 12px rgba(23,56,95,.10)}.ki-access-email-note{margin-top:-4px;color:#6b7788;font-size:9.5px;line-height:1.45}.ki-access-account-note{display:block;margin-top:5px;color:#708196;font-size:9.5px}.ki-access-form #ki-access-email:invalid:not(:placeholder-shown){border-color:#d92d20;box-shadow:0 0 0 3px rgba(217,45,32,.08)}.ki-access-form #ki-access-email:valid:not(:placeholder-shown){border-color:#0b8f55}
@media(max-width:520px){.ki-access-type-switch button{font-size:10px;min-height:42px}}


/* ==========================================================
   v0.7.7.7 - Management Applicant Analysis visual dashboard
   ========================================================== */
.ki-analytics-v2{display:grid;gap:14px;min-width:0}.ki-analysis-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(125deg,#17385f 0%,#24527f 64%,#56538e 100%);color:#fff;box-shadow:0 14px 34px rgba(23,56,95,.15);overflow:hidden;position:relative}.ki-analysis-hero:after{content:"";position:absolute;width:220px;height:220px;border:28px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-95px}.ki-analysis-hero>div:first-child{position:relative;z-index:1}.ki-analysis-hero span{display:block;font-size:8px;font-weight:900;letter-spacing:.15em;color:#cbdcf2}.ki-analysis-hero h2{margin:5px 0 5px;font-size:24px;line-height:1.15}.ki-analysis-hero p{margin:0;color:#dce6f2;font-size:10px;line-height:1.5}.ki-analysis-hero .ki-mgmt-updated{margin-top:8px;color:#c4d4e6}.ki-analysis-actions{display:flex;gap:8px;position:relative;z-index:2;flex:0 0 auto}.ki-analysis-actions button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:800;cursor:pointer}.ki-analysis-actions button:hover{background:#fff;color:#17385f}.ki-analysis-actions button:disabled{opacity:.55;cursor:wait}
.ki-analysis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ki-analysis-kpis>div{padding:16px 17px;border:1px solid #e2e9f0;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(25,52,82,.04)}.ki-analysis-kpis small{display:block;color:#8090a3;font-size:7.5px;font-weight:900;letter-spacing:.08em}.ki-analysis-kpis strong{display:block;margin:5px 0 2px;color:#17385f;font-size:23px;line-height:1}.ki-analysis-kpis span{color:#7a899a;font-size:8px}
.ki-analysis-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.ki-analysis-dual-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:14px}.ki-analysis-triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ki-analysis-card{min-width:0;border:1px solid #e1e8ef;border-radius:18px;background:#fff;padding:17px;box-shadow:0 7px 22px rgba(23,56,95,.045)}.ki-analysis-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.ki-analysis-card-head small{display:block;color:#9a2e78;font-size:7px;font-weight:900;letter-spacing:.12em}.ki-analysis-card-head h3{margin:3px 0 0;color:#213a56;font-size:14px}.ki-analysis-card-head>span{color:#8a98a8;font-size:8px;text-align:right}
.ki-donut-layout{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(150px,1.2fr);align-items:center;gap:18px}.ki-donut{width:min(160px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.ki-donut:after{content:"";position:absolute;width:50%;height:50%;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(20,40,60,.06)}.ki-donut>div{position:relative;z-index:2;text-align:center}.ki-donut strong{display:block;color:#17385f;font-size:17px;line-height:1}.ki-donut small{display:block;margin-top:4px;color:#8c99a8;font-size:6.5px;font-weight:900;letter-spacing:.08em}.ki-donut-legend{display:grid;gap:8px;min-width:0}.ki-donut-legend>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0}.ki-donut-legend i{display:block;width:8px;height:8px;border-radius:50%}.ki-donut-legend span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5d6d7e;font-size:8px}.ki-donut-legend b{color:#283f5b;font-size:8px}
.ki-analysis-rank{display:grid;gap:0}.ki-analysis-rank-head,.ki-country-table>div,.ki-analysis-rank>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 5px;border-bottom:1px solid #edf1f5}.ki-analysis-rank-head{padding-top:0;color:#8190a0;font-size:7px;font-weight:900;letter-spacing:.06em;border-bottom-color:#dce5ee}.ki-analysis-rank>div:last-child,.ki-country-table>div:last-child{border-bottom:0}.ki-analysis-rank span,.ki-country-table span{display:flex;align-items:center;gap:7px;min-width:0;color:#536478;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-analysis-rank em,.ki-country-table em{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;border-radius:6px;background:#edf4fb;color:#45617f;font-size:7px;font-style:normal;font-weight:900}.ki-analysis-rank b,.ki-country-table b{color:#233b57;font-size:8px}
.ki-country-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.ki-country-summary>div{border:1px solid #e5ebf1;border-radius:13px;padding:12px 13px;background:linear-gradient(145deg,#fbfdff,#f5f8fc)}.ki-country-summary small{display:block;color:#8b99a8;font-size:6.8px;font-weight:900;letter-spacing:.08em}.ki-country-summary strong{display:block;margin:4px 0 2px;color:#17385f;font-size:22px;line-height:1}.ki-country-summary span{color:#8492a1;font-size:7px}.ki-country-table{min-width:0}.ki-country-table-scroll{max-height:342px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:#b8c5d2 #eef3f7}.ki-country-table-scroll::-webkit-scrollbar{width:7px}.ki-country-table-scroll::-webkit-scrollbar-track{background:#eef3f7;border-radius:999px}.ki-country-table-scroll::-webkit-scrollbar-thumb{background:#b8c5d2;border-radius:999px}.ki-country-table-head,.ki-country-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 58px;align-items:center;gap:8px;padding:7px 5px;border-bottom:1px solid #edf1f5}.ki-country-table-head{position:sticky;top:0;z-index:3;background:#fff;color:#8190a0;font-size:7px;font-weight:900;letter-spacing:.06em;border-bottom-color:#dce5ee}.ki-country-table-head b{text-align:right}.ki-country-row>span{display:flex;align-items:center;gap:8px;min-width:0;color:#536478;font-size:8px}.ki-country-row em{display:inline-grid;place-items:center;flex:0 0 auto;width:23px;height:20px;border-radius:6px;background:#f2f6fa;font-size:14px;font-style:normal;line-height:1}.ki-country-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ki-country-row>b{color:#233b57;font-size:8px;text-align:right}.ki-country-row:hover{background:#f8fbfd}
.ki-malaysia-map{position:relative;height:342px;border-radius:15px;background:#fff;overflow:hidden;border:1px solid #dfe7ee}.ki-malaysia-map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}.ki-map-bubble{position:absolute;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.88);border-radius:50%;display:grid;place-items:center;z-index:3;color:#fff;box-shadow:0 5px 14px rgba(31,55,80,.28);cursor:default}.ki-map-bubble b{font-size:7px;text-shadow:0 1px 2px rgba(0,0,0,.28)}.ki-map-bubble span{position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);white-space:nowrap;padding:2px 4px;border-radius:4px;background:rgba(255,255,255,.94);color:#506277;font-size:6px;font-weight:800;box-shadow:0 2px 6px rgba(30,50,70,.10)}.ki-map-empty{position:absolute;inset:0;display:grid;place-items:center;color:#7e8d9e;font-size:9px}.ki-map-state-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.ki-map-state-list div{display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:999px;background:#f4f7fa;color:#6e7d8f;font-size:7px}.ki-map-state-list b{color:#263e5a}
.ki-analysis-trend-card{padding-bottom:13px}.ki-analysis-trend{height:190px;display:flex;align-items:flex-end;gap:8px;padding:8px 3px 0;overflow-x:auto}.ki-analysis-trend>div{height:100%;min-width:44px;flex:1;display:grid;grid-template-rows:15px 1fr 18px;gap:4px;text-align:center}.ki-analysis-trend b{font-size:7px;color:#65768a}.ki-analysis-trend i{display:flex;align-items:flex-end;justify-content:center;background:#f0f4f8;border-radius:7px 7px 3px 3px;overflow:hidden}.ki-analysis-trend em{display:block;width:58%;background:linear-gradient(#3a73a8,#17385f);border-radius:5px 5px 0 0}.ki-analysis-trend span{font-size:6.5px;color:#7f8c9b}
@media(max-width:1050px){.ki-analysis-main-grid{grid-template-columns:1fr}.ki-analysis-triple-grid{grid-template-columns:1fr 1fr}.ki-analysis-triple-grid>.ki-analysis-card:last-child{grid-column:1/-1}.ki-malaysia-map{height:330px}.ki-country-table-scroll{max-height:360px}}
@media(max-width:760px){.ki-analysis-hero{align-items:flex-start;flex-direction:column;padding:18px}.ki-analysis-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ki-analysis-actions button{width:100%}.ki-analysis-kpis{grid-template-columns:1fr 1fr}.ki-analysis-dual-grid,.ki-analysis-triple-grid{grid-template-columns:1fr}.ki-analysis-triple-grid>.ki-analysis-card:last-child{grid-column:auto}.ki-donut-layout{grid-template-columns:140px minmax(0,1fr)}.ki-malaysia-map{height:265px}.ki-country-table-scroll{max-height:330px}.ki-analysis-trend{height:170px}}
@media(max-width:480px){.ki-analysis-hero h2{font-size:20px}.ki-analysis-kpis>div{padding:13px}.ki-analysis-kpis strong{font-size:20px}.ki-donut-layout{grid-template-columns:115px minmax(0,1fr);gap:11px}.ki-donut strong{font-size:14px}.ki-analysis-card{padding:14px}.ki-malaysia-map{height:210px}.ki-map-bubble span{display:none}.ki-country-summary{grid-template-columns:1fr 1fr}.ki-country-summary strong{font-size:19px}.ki-country-table-head,.ki-country-row{grid-template-columns:minmax(0,1fr) 62px 52px}.ki-country-table-scroll{max-height:315px}.ki-analysis-trend>div{min-width:38px}}


/* v0.7.7.14 multi-role portal switcher */
.ki-role-switcher{margin:0 16px 18px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06)}
.ki-role-switcher>small{display:block;margin:0 0 8px;color:rgba(255,255,255,.62);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ki-role-switcher-links{display:flex;flex-wrap:wrap;gap:6px}
.ki-role-switcher-links a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border-radius:9px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:10px;font-weight:800}
.ki-role-switcher-links a.active{background:#fff;color:#173e68}
@media(max-width:900px){.ki-role-switcher{margin:8px 12px 14px}}

/* v0.7.7.15 - Staff Admin Notification Center */
.ki-notification-bell{position:relative;display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;color:#17385f;font-weight:800;cursor:pointer}
.ki-notification-bell b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e63e7b;color:#fff;font-size:10px;line-height:20px;text-align:center;box-shadow:0 0 0 3px #fff}
.ki-notification-bell b[hidden]{display:none!important}
.ki-notification-bell.mobile{min-width:34px;height:34px;border-radius:10px;background:#f5f8fb}
.ki-notification-page,.ki-notification-compose{max-width:1100px}
.ki-notification-list{display:grid;gap:12px}
.ki-notification-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid #dfe7ef;border-radius:16px;background:#fff}
.ki-notification-item.unread{background:#f7fbff;border-color:#bdd4ea;box-shadow:inset 4px 0 0 #214a74}
.ki-notification-icon{width:44px;height:44px;border-radius:13px;background:#edf4fb;color:#17385f;display:grid;place-items:center;font-size:19px;font-weight:800}
.ki-notification-body h3{margin:4px 0 7px;font-size:16px;color:#172033}
.ki-notification-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;color:#748295;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.ki-notification-meta span{font-weight:800;color:#b72f68}
.ki-notification-message{font-size:13px;line-height:1.6;color:#46566b}
.ki-notification-body>small{display:block;margin-top:8px;color:#7a889a}
.ki-notification-read{align-self:center;white-space:nowrap}
.ki-notification-channels{display:flex;gap:18px;flex-wrap:wrap;padding:14px 16px;border:1px solid #dfe7ef;border-radius:14px;background:#f8fafc}
.ki-notification-channels label{display:flex!important;align-items:center;gap:8px;margin:0!important;font-weight:700}
.ki-notification-channels input{width:auto!important;min-width:0!important}
#ki-notification-personal-wrap[hidden]{display:none!important}
@media(max-width:720px){
 .ki-notification-item{grid-template-columns:38px minmax(0,1fr);padding:14px;gap:10px}
 .ki-notification-icon{width:38px;height:38px;border-radius:11px}
 .ki-notification-read{grid-column:2;width:100%;margin-top:4px}
 .ki-notification-meta{display:block}
 .ki-notification-meta time{display:block;margin-top:3px}
 .ki-notification-bell:not(.mobile){display:none}
}

/* v0.7.7.19: mobile multi-role switcher */
.ki-mobile-role-switcher{display:none}
@media(max-width:760px){
  .ki-mobile-topbar{flex-wrap:wrap;gap:12px 10px}
  .ki-mobile-role-switcher{display:flex;order:3;width:100%;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);box-sizing:border-box}
  .ki-mobile-role-switcher span{font-size:9px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.78);white-space:nowrap}
  .ki-mobile-role-switcher select{min-width:0;flex:1;height:34px;border:0;border-radius:9px;padding:0 30px 0 10px;background:#fff;color:#17385f;font-size:11px;font-weight:800;outline:none}
}


/* v0.7.7.27 account profile + password */
.ki-account-profile-card{margin-bottom:16px}
.ki-account-password-form{max-width:760px}
.ki-account-password-form .ki-primary{margin-top:16px;min-width:180px}
.ki-account-profile-button{appearance:none;-webkit-appearance:none;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;font:inherit;font-size:17px;font-weight:800;cursor:pointer}
.ki-account-profile-button:hover{background:rgba(255,255,255,.18)}
@media(max-width:760px){.ki-account-profile-card{margin-bottom:13px}.ki-account-password-form{max-width:none}.ki-account-profile-button{width:34px;height:34px;flex:0 0 34px}}

/* ==========================================================
   v0.7.7.30 - Staff Review + Account Approval + Payment Reporting
   ========================================================== */
.ki-review-list{display:grid;gap:12px}
.ki-review-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid #e0e7ef;border-radius:16px;background:#fff}
.ki-review-card.reviewed{background:#f8fcfa;border-color:#cfe8db}
.ki-review-photo{width:84px;height:94px;border-radius:13px;overflow:hidden;background:#eef3f7;display:grid;place-items:center;color:#8c9bad;font-size:28px}
.ki-review-photo img{width:100%;height:100%;object-fit:cover}
.ki-review-main{min-width:0}.ki-review-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.ki-review-meta span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff4df;color:#8a6000;font-size:8px;font-weight:900;letter-spacing:.05em}.ki-review-card.reviewed .ki-review-meta span{background:#e7f7ee;color:#087640}.ki-review-meta small{color:#8b98a7;font-size:9px}.ki-review-main h3{margin:0 0 4px;color:#1e3753;font-size:14px}.ki-review-main p{margin:3px 0;color:#65758a;font-size:10px}.ki-review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.ki-review-actions .ki-primary,.ki-review-actions .ki-secondary{margin:0}.ki-success-inline{display:inline-flex;align-items:center;padding:8px 11px;border-radius:10px;background:#e8f7ef;color:#087943;font-size:9px;font-weight:800}
.ki-editor-photo-panel{margin:14px 0}.ki-editor-photo-grid{display:grid;grid-template-columns:120px minmax(220px,1fr) auto;gap:14px;align-items:center}.ki-editor-photo-preview,.ki-photo-placeholder{width:120px;height:135px;border-radius:14px;object-fit:cover;background:#edf3f8;border:1px solid #dde6ef}.ki-photo-placeholder{display:grid;place-items:center;font-size:36px}.ki-editor-doc-link{display:flex;align-items:center}.ki-staff-review-action{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.ki-staff-review-action small{color:#a12d72;font-size:8px;font-weight:900;letter-spacing:.10em}.ki-staff-review-action h3{margin:3px 0 4px;color:#1d3552}.ki-staff-review-action p{margin:0;color:#6d7c8e;font-size:10px}.ki-staff-review-action .ki-form-status{grid-column:1/-1}
.ki-account-section{margin-top:18px}.ki-account-section>h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#223b57;font-size:14px}.ki-account-section>h3 span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#edf3f8;color:#31516f;font-size:9px}
.ki-account-queue-card{margin-bottom:10px;border:1px solid #e0e7ef;border-radius:15px;background:#fff;overflow:hidden}.ki-account-queue-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px}.ki-account-queue-card>summary::-webkit-details-marker{display:none}.ki-account-queue-card>summary>div{display:grid;gap:3px;min-width:0}.ki-account-queue-card>summary span{color:#a12d72;font-size:8px;font-weight:900;letter-spacing:.07em}.ki-account-queue-card>summary b{color:#203a57;font-size:12px}.ki-account-queue-card>summary small{color:#7c8998;font-size:9px}.ki-account-queue-card>summary>strong{white-space:nowrap;color:#214d77;font-size:9px}.ki-account-queue-card[open]>summary{background:#f7fafc;border-bottom:1px solid #e5ebf1}.ki-account-detail{padding:15px;background:#fbfcfe}.ki-account-docs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ki-account-docs a{display:inline-flex;padding:8px 11px;border:1px solid #d9e4ee;border-radius:10px;background:#fff;color:#1e4d77;text-decoration:none;font-size:9px;font-weight:800}.ki-account-approval-form{margin:0;background:#fff}.ki-account-date-grid small{display:block;margin-top:4px;color:#75869a;font-size:8.5px}.ki-account-approval-form button[type=submit]:disabled{opacity:.65;cursor:wait}
.ki-account-report-table{min-width:1500px!important}.ki-account-report-table td small{display:block;color:#8793a1;font-size:8px;margin-top:2px}.ki-account-daily-section{margin-top:20px}.ki-account-daily-section>h3{margin:0 0 10px;color:#203a57;font-size:15px}.ki-account-daily{margin-bottom:10px;border:1px solid #e0e7ef;border-radius:14px;background:#fff;overflow:hidden}.ki-account-daily>summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;color:#203a57;font-size:11px;font-weight:800}.ki-account-daily>summary span{color:#718196;font-size:9px;font-weight:600}.ki-account-daily-block{padding:0 14px 14px}.ki-account-daily-block h4{margin:13px 0 7px;color:#a12d72;font-size:9px;letter-spacing:.08em}.ki-account-daily-block table{width:100%;min-width:760px;border-collapse:collapse}.ki-account-daily-block th,.ki-account-daily-block td{padding:9px 10px;border-bottom:1px solid #e9eef3;text-align:left;font-size:9px;color:#56687d}.ki-account-daily-block th{background:#f6f9fb;color:#40556d;font-size:8px;text-transform:uppercase}
@media(max-width:760px){.ki-review-card{grid-template-columns:64px minmax(0,1fr);padding:12px}.ki-review-photo{width:64px;height:74px}.ki-review-actions{grid-column:1/-1}.ki-review-actions button,.ki-review-actions a{flex:1 1 150px;text-align:center;justify-content:center}.ki-editor-photo-grid{grid-template-columns:82px minmax(0,1fr)}.ki-editor-photo-preview,.ki-photo-placeholder{width:82px;height:96px}.ki-editor-doc-link{grid-column:1/-1}.ki-staff-review-action{grid-template-columns:1fr}.ki-staff-review-action .ki-primary{width:100%}.ki-account-queue-card>summary{align-items:flex-start}.ki-account-queue-card>summary>strong{display:none}.ki-account-detail{padding:12px}.ki-account-report-table{min-width:1320px!important}.ki-account-daily>summary{display:grid}}

/* KI Portal v0.7.7.32 — native Web Push controls */
.ki-push-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 16px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #dfe7ef;border-radius:16px;background:#fff}
.ki-push-card.ok{border-color:#cfe9db;background:linear-gradient(135deg,#ffffff,#f7fcf9)}
.ki-push-card.warn{border-color:#f0ddb0;background:linear-gradient(135deg,#ffffff,#fffaf0)}
.ki-push-card.bad{border-color:#f0caca;background:linear-gradient(135deg,#ffffff,#fff8f8)}
.ki-push-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#edf3f8;font-size:21px}
.ki-push-copy>span{display:block;color:#9a2e78;font-size:8px;font-weight:900;letter-spacing:.13em;margin-bottom:3px}
.ki-push-copy h3{margin:0 0 5px;color:#1d3552;font-size:14px}
.ki-push-copy p{margin:0;color:#5f7085;font-size:10px;line-height:1.5}
.ki-push-copy small{display:block;margin-top:6px;color:#8996a7;font-size:8.5px;line-height:1.45}
.ki-push-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ki-push-actions .ki-primary,.ki-push-actions .ki-secondary{margin:0;white-space:nowrap}
.ki-push-actions .danger{border-color:#efd0d0;color:#a32727;background:#fff8f8}
.ki-push-card>.ki-form-status{grid-column:2/-1;margin:0;min-height:0;font-size:9px}
@media(max-width:760px){.ki-push-card{grid-template-columns:44px minmax(0,1fr);padding:14px;gap:10px 12px}.ki-push-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.ki-push-actions .ki-primary,.ki-push-actions .ki-secondary{width:100%}.ki-push-actions .ki-primary:only-child{grid-column:1/-1}.ki-push-card>.ki-form-status{grid-column:1/-1}.ki-push-copy h3{font-size:13px}.ki-push-copy p{font-size:9.5px}}

/* ==========================================================
   v0.7.7.33 - Mobile header + bottom navigation cleanup
   ========================================================== */
@media(max-width:760px){
  /* Header: keep identity + controls on one clean row, role switcher below. */
  .ki-mobile-topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand tools" "roles roles";
    align-items:center;
    column-gap:10px;
    row-gap:12px;
    min-height:0;
    padding:15px 16px 17px;
    border-radius:0 0 24px 24px;
  }
  .ki-mobile-topbar .ki-brand{
    grid-area:brand;
    min-width:0;
    gap:9px;
  }
  .ki-mobile-topbar .ki-brand img{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }
  .ki-mobile-topbar .ki-brand>div{min-width:0}
  .ki-mobile-topbar .ki-brand small{
    font-size:8px;
    line-height:1.15;
    opacity:.72;
  }
  .ki-mobile-topbar .ki-brand strong{
    display:block;
    max-width:140px;
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ki-mobile-topbar .ki-user-ref{
    margin-top:2px;
    font-size:8px;
    line-height:1.15;
    opacity:.68;
    white-space:nowrap;
  }
  .ki-mobile-pwa-tools{
    grid-area:tools;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    min-width:0;
  }
  .ki-mobile-pwa-tools .ki-account-profile-button,
  .ki-mobile-pwa-tools .ki-notification-bell.mobile,
  .ki-mobile-pwa-tools .ki-pwa-install-icon,
  .ki-mobile-pwa-tools .ki-logout{
    width:31px;
    min-width:31px;
    height:31px;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:9px;
    background:rgba(255,255,255,.10);
    color:#fff!important;
    display:grid;
    place-items:center;
    box-sizing:border-box;
    font-size:15px;
    line-height:1;
    text-decoration:none;
    box-shadow:none;
  }
  .ki-mobile-pwa-tools .ki-notification-bell.mobile{position:relative}
  .ki-mobile-pwa-tools .ki-notification-bell.mobile b{
    top:-5px;
    right:-5px;
  }
  .ki-mobile-pwa-tools .ki-network-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    margin:0 1px;
    box-shadow:0 0 0 2px rgba(51,168,103,.16);
  }
  .ki-mobile-role-switcher{
    grid-area:roles;
    order:initial;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    width:100%;
    gap:8px;
    align-items:center;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:11px;
    background:rgba(255,255,255,.07);
  }
  .ki-mobile-role-switcher span{
    padding-left:2px;
    font-size:7.5px;
    letter-spacing:.09em;
    color:rgba(255,255,255,.68);
  }
  .ki-mobile-role-switcher select{
    height:32px;
    border-radius:8px;
    padding:0 28px 0 10px;
    font-size:10px;
    box-shadow:none;
  }

  /* Bottom bar: never wrap a fifth item to a second row. */
  .ki-portal[data-mode="staff_admin"] .ki-bottom-nav,
  .ki-portal[data-mode="account_staff"] .ki-bottom-nav,
  .ki-portal[data-mode="coordinator"] .ki-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .ki-bottom-nav{
    min-height:68px;
    padding:6px 7px calc(6px + env(safe-area-inset-bottom));
    border-radius:18px 18px 0 0;
    box-shadow:0 -6px 22px rgba(18,47,80,.10);
  }
  .ki-bottom-nav button{
    height:54px;
    padding:5px 2px;
    gap:2px;
    border-radius:12px;
  }
  .ki-bottom-nav button span{
    width:23px;
    height:23px;
    font-size:18px;
    line-height:23px;
  }
  .ki-bottom-nav button small{
    font-size:8.5px;
    line-height:1.05;
  }
  .ki-bottom-nav button.active{
    background:#eef3f8;
  }
  .ki-app-shell{
    padding-bottom:calc(78px + env(safe-area-inset-bottom));
  }
}
@media(max-width:380px){
  .ki-mobile-topbar{padding-left:13px;padding-right:13px;column-gap:7px}
  .ki-mobile-topbar .ki-brand img{width:35px;height:35px;flex-basis:35px}
  .ki-mobile-topbar .ki-brand strong{max-width:112px;font-size:12px}
  .ki-mobile-pwa-tools{gap:4px}
  .ki-mobile-pwa-tools .ki-account-profile-button,
  .ki-mobile-pwa-tools .ki-notification-bell.mobile,
  .ki-mobile-pwa-tools .ki-pwa-install-icon,
  .ki-mobile-pwa-tools .ki-logout{width:29px;min-width:29px;height:29px;border-radius:8px;font-size:14px}
  .ki-bottom-nav button small{font-size:8px}
}

/* ==========================================================
   v0.7.7.34 - Account Reporting responsive cleanup
   ========================================================== */
.ki-account-report-card{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ki-account-report-heading{
  gap:18px;
  align-items:flex-start;
}
.ki-account-report-heading>div:first-child{min-width:0}
.ki-account-report-heading p{
  margin:5px 0 0;
  max-width:720px;
  color:#6f7e91;
  font-size:10px;
  line-height:1.55;
}
.ki-account-report-export{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
}
.ki-account-report-export .ki-primary{white-space:nowrap}
.ki-account-report-export small{
  color:#8b97a7;
  font-size:8px;
  white-space:nowrap;
}
.ki-account-report-filter{margin-bottom:14px}
.ki-account-report-stats{margin-bottom:18px}
.ki-account-report-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:2px 0 10px;
}
.ki-account-report-section-title>div{min-width:0}
.ki-account-report-section-title span{
  display:block;
  margin-bottom:3px;
  color:#9a2e78;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}
.ki-account-report-section-title h3{
  margin:0;
  color:#203a57;
  font-size:14px;
}
.ki-account-report-section-title>small{
  color:#8793a3;
  font-size:8.5px;
  text-align:right;
}
.ki-account-report-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  box-sizing:border-box;
  border:1px solid #e4eaf1;
  border-radius:14px;
  background:#fff;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.ki-account-report-table{
  width:max-content;
  min-width:1260px!important;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
}
.ki-account-report-table th,
.ki-account-report-table td{
  padding:10px 11px;
  border-right:1px solid #edf1f5;
  border-bottom:1px solid #edf1f5;
  color:#4f6177;
  font-size:9px;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
}
.ki-account-report-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f6f8fb;
  color:#3c5069;
  font-size:8px;
  font-weight:800;
  letter-spacing:.025em;
}
.ki-account-report-table th:first-child,
.ki-account-report-table td:first-child{
  position:sticky;
  left:0;
  z-index:3;
  background:#fff;
  box-shadow:1px 0 0 #e9edf3;
}
.ki-account-report-table th:first-child{background:#f6f8fb;z-index:4}
.ki-account-report-table tbody tr:last-child td{border-bottom:0}
.ki-account-report-table td:last-child,
.ki-account-report-table th:last-child{border-right:0}
.ki-account-report-table tbody tr:hover td{background:#fbfcfe}
.ki-account-report-table tbody tr:hover td:first-child{background:#fbfcfe}
.ki-account-report-table-wrap::-webkit-scrollbar,
.ki-account-daily-table-wrap::-webkit-scrollbar{height:8px}
.ki-account-report-table-wrap::-webkit-scrollbar-thumb,
.ki-account-daily-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.ki-account-report-mobile-list{display:none}

.ki-account-daily-section{
  margin-top:24px;
  padding-top:2px;
}
.ki-account-daily{
  margin-bottom:11px;
  border:1px solid #e1e8f0;
  border-radius:15px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 5px 16px rgba(27,45,70,.025);
}
.ki-account-daily>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  cursor:pointer;
  background:#fbfcfe;
  color:#203a57;
  list-style:none;
}
.ki-account-daily>summary::-webkit-details-marker{display:none}
.ki-account-daily>summary b{font-size:10.5px}
.ki-account-daily>summary span{
  color:#748296;
  font-size:8.5px;
  font-weight:600;
  text-align:right;
}
.ki-account-daily[open]>summary{border-bottom:1px solid #e8edf3}
.ki-account-daily-block{padding:12px 14px 14px}
.ki-account-daily-block+.ki-account-daily-block{border-top:1px dashed #e3e9f0}
.ki-account-daily-block h4{
  margin:0 0 8px;
  color:#a12d72;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
}
.ki-account-daily-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  box-sizing:border-box;
  border:1px solid #e6ebf1;
  border-radius:11px;
  -webkit-overflow-scrolling:touch;
}
.ki-account-daily-table-wrap table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  background:#fff;
}
.ki-account-daily-table-wrap th,
.ki-account-daily-table-wrap td{
  padding:9px 10px;
  border-bottom:1px solid #edf1f5;
  color:#56687d;
  font-size:9px;
  text-align:left;
  white-space:nowrap;
}
.ki-account-daily-table-wrap th{
  background:#f6f9fb;
  color:#40556d;
  font-size:8px;
  text-transform:uppercase;
}
.ki-account-daily-table-wrap tr:last-child td{border-bottom:0}
.ki-account-daily-card-view{display:none}

@media(max-width:760px){
  .ki-portal[data-mode="account_staff"] .ki-workspace,
  .ki-portal[data-mode="account_staff"] .ki-main{
    min-width:0;
    max-width:100%;
    overflow-x:hidden;
  }
  .ki-portal[data-mode="account_staff"] .ki-main{
    box-sizing:border-box;
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .ki-account-report-card{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:14px;
    border-radius:18px;
  }
  .ki-account-report-heading{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-bottom:12px;
  }
  .ki-account-report-heading h3{font-size:17px}
  .ki-account-report-heading p{font-size:9.5px;line-height:1.5}
  .ki-account-report-export{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:8px;
  }
  .ki-account-report-export .ki-primary{
    grid-column:1/-1;
    width:100%;
    min-height:42px;
  }
  .ki-account-report-export small{
    grid-column:1/-1;
    text-align:center;
    white-space:normal;
  }
  .ki-account-report-filter{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    padding:11px;
    margin-bottom:12px;
  }
  .ki-account-report-filter label,
  .ki-account-report-filter .ki-date-range-actions{grid-column:auto!important;width:100%}
  .ki-account-report-filter input,
  .ki-account-report-filter .ki-date-range-actions button{width:100%;box-sizing:border-box}
  .ki-account-report-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:18px;
  }
  .ki-account-report-stats .ki-stat-card{
    min-width:0;
    min-height:92px;
    padding:11px;
    gap:8px;
    flex-direction:row;
    align-items:center;
  }
  .ki-account-report-stats .ki-stat-card>div{min-width:0;width:auto}
  .ki-account-report-stats .ki-stat-card small{font-size:8px;line-height:1.2}
  .ki-account-report-stats .ki-stat-card strong{font-size:19px}
  .ki-account-report-stats .ki-stat-card .ki-stat-text{
    max-width:100%;
    font-size:10.5px;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .ki-account-report-section-title{
    align-items:flex-start;
    margin-bottom:9px;
  }
  .ki-account-report-section-title h3{font-size:13px}
  .ki-account-report-section-title>small{display:none}
  .ki-account-report-table-wrap{display:none}
  .ki-account-report-mobile-list{
    display:grid;
    gap:9px;
    width:100%;
    min-width:0;
  }
  .ki-account-report-mobile-item{
    min-width:0;
    padding:12px;
    border:1px solid #e4eaf1;
    border-radius:14px;
    background:#fff;
    box-shadow:0 4px 14px rgba(27,45,70,.03);
  }
  .ki-account-report-mobile-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:start;
    padding-bottom:10px;
    border-bottom:1px solid #edf1f5;
  }
  .ki-account-report-mobile-head>div{min-width:0;display:flex;flex-direction:column}
  .ki-account-report-mobile-head span{
    color:#a12d72;
    font-size:7.5px;
    font-weight:900;
    letter-spacing:.045em;
  }
  .ki-account-report-mobile-head b{
    margin-top:3px;
    color:#203a57;
    font-size:11px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  .ki-account-report-mobile-head small{
    margin-top:2px;
    color:#7d8b9b;
    font-size:8.5px;
    overflow-wrap:anywhere;
  }
  .ki-account-report-mobile-head>strong{
    color:#17385f;
    font-size:12px;
    white-space:nowrap;
  }
  .ki-account-report-mobile-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 12px;
    padding-top:10px;
  }
  .ki-account-report-mobile-grid>div{min-width:0;display:flex;flex-direction:column;gap:2px}
  .ki-account-report-mobile-grid small{
    color:#8a97a7;
    font-size:7.5px;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .ki-account-report-mobile-grid b{
    color:#33485f;
    font-size:9px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  .ki-account-report-mobile-grid span{color:#7b899a;font-size:8px;overflow-wrap:anywhere}
  .ki-account-report-mobile-item>p{
    margin:10px 0 0;
    padding-top:9px;
    border-top:1px dashed #e6ebf1;
    color:#6f7f91;
    font-size:8.5px;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
  .ki-account-report-mobile-empty{min-height:86px}

  .ki-account-daily-section{margin-top:20px}
  .ki-account-daily>summary{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    padding:12px;
  }
  .ki-account-daily>summary span{text-align:left;font-size:8px}
  .ki-account-daily-block{padding:11px 12px 12px}
  .ki-account-daily-table-view{display:none}
  .ki-account-daily-card-view{display:grid;gap:8px}
  .ki-account-daily-card{
    min-width:0;
    padding:10px;
    border:1px solid #e6ebf1;
    border-radius:12px;
    background:#fbfcfe;
  }
  .ki-account-daily-card-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
    padding-bottom:8px;
    border-bottom:1px solid #e9eef3;
  }
  .ki-account-daily-card-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
  .ki-account-daily-card-head b{color:#203a57;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
  .ki-account-daily-card-head span{color:#7c8999;font-size:8px;overflow-wrap:anywhere}
  .ki-account-daily-card-head>strong{color:#496078;font-size:8.5px;white-space:nowrap}
  .ki-account-daily-card-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 10px;
    padding-top:8px;
  }
  .ki-account-daily-card-grid>div{min-width:0;display:flex;flex-direction:column;gap:2px}
  .ki-account-daily-card-grid .wide{grid-column:1/-1}
  .ki-account-daily-card-grid small{color:#8b97a6;font-size:7.5px;text-transform:uppercase;letter-spacing:.035em}
  .ki-account-daily-card-grid b{color:#3d5067;font-size:8.8px;line-height:1.3;overflow-wrap:anywhere}
  .ki-account-daily-card-grid span{color:#7e8b9a;font-size:8px;overflow-wrap:anywhere}
}

@media(max-width:380px){
  .ki-account-report-card{padding:12px}
  .ki-account-report-stats .ki-stat-card{padding:10px;gap:7px}
  .ki-account-report-stats .ki-stat-icon{width:32px;height:32px;font-size:15px}
  .ki-account-report-stats .ki-stat-card strong{font-size:18px}
  .ki-account-report-mobile-grid{grid-template-columns:1fr}
}

/* ===== KI Portal Contextual Help v0.7.7.35 ===== */
.ki-help-open{overflow:hidden}
.ki-page-help-button,.ki-form-help-button,.ki-field-help-button,.ki-section-help-button{appearance:none;-webkit-appearance:none;border:1px solid #d7e1ec;background:#fff;color:#17385f;font-family:inherit;font-weight:900;line-height:1;display:inline-grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(23,56,95,.08);transition:.16s ease;-webkit-tap-highlight-color:transparent}
.ki-page-help-button:hover,.ki-form-help-button:hover,.ki-field-help-button:hover,.ki-section-help-button:hover{background:#17385f;color:#fff;border-color:#17385f;transform:translateY(-1px)}
.ki-page-help-button:focus-visible,.ki-form-help-button:focus-visible,.ki-field-help-button:focus-visible,.ki-section-help-button:focus-visible{outline:3px solid rgba(23,56,95,.18);outline-offset:2px}
.ki-page-help-button{width:34px;height:34px;border-radius:11px;font-size:15px;flex:0 0 34px}
.ki-workspace-header .ki-page-help-button{order:-1;background:#f7fafd}
.ki-mobile-topbar .ki-page-help-button{width:34px;height:34px;flex-basis:34px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.ki-help-enabled-form{position:relative}
.ki-form-help-button{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:9px;font-size:12px;z-index:3;background:#f7fafd}
.ki-form .ki-form-help-button{right:30px;top:29px}
.ki-field-help{position:relative}
.ki-field-help>span:first-child{padding-right:26px}
.ki-field-help-button{position:absolute;right:0;top:-2px;width:20px;height:20px;border-radius:999px;font-size:10px;box-shadow:none;background:#f7fafd;color:#526b88;border-color:#dbe4ee;z-index:2}
.ki-field-help-button:hover{transform:none}
.ki-help-section-title{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}
.ki-section-help-button{width:20px;height:20px;border-radius:999px;font-size:10px;box-shadow:none;background:#f7fafd;color:#526b88;border-color:#dbe4ee;flex:0 0 20px}
.ki-section-help-button:hover{transform:none}
.ki-help-overlay{position:fixed;inset:0;z-index:100500;background:rgba(9,24,41,.48);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .16s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ki-help-overlay[hidden]{display:none!important}
.ki-help-overlay.open{opacity:1}
.ki-help-dialog{position:relative;width:min(520px,100%);max-height:min(78vh,720px);overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #dfe6ee;border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(8,28,51,.24);display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;transform:translateY(8px) scale(.985);transition:transform .16s ease}
.ki-help-overlay.open .ki-help-dialog{transform:none}
.ki-help-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:10px;background:#f1f5f9;color:#53657a;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.ki-help-mark{width:48px;height:48px;border-radius:15px;background:#edf4fb;color:#17385f;display:grid;place-items:center;font-size:22px;font-weight:900}
.ki-help-copy{min-width:0;padding-right:24px}
.ki-help-copy>small{display:block;margin:1px 0 5px;color:#9a2e78;font-size:9px;letter-spacing:.13em;font-weight:900}
.ki-help-copy h3{margin:0 0 8px;color:#172b43;font-size:19px;line-height:1.25}
.ki-help-copy p{margin:0;color:#64758a;font-size:12px;line-height:1.65}
.ki-help-copy ol{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:kihelp}
.ki-help-copy ol li{counter-increment:kihelp;position:relative;padding:9px 10px 9px 34px;border-radius:11px;background:#f7f9fc;color:#40536b;font-size:11px;line-height:1.5}
.ki-help-copy ol li::before{content:counter(kihelp);position:absolute;left:9px;top:9px;width:17px;height:17px;border-radius:6px;background:#17385f;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}
.ki-help-note{margin-top:13px;padding:10px 12px;border-radius:11px;background:#fff8e8;color:#7b5a13;font-size:10px;line-height:1.5;border:1px solid #f3e2b6}
@media(max-width:760px){
 .ki-mobile-pwa-tools{gap:6px!important}
 .ki-mobile-topbar .ki-page-help-button{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:14px}
 .ki-form .ki-form-help-button{right:21px;top:21px}
 .ki-form-help-button{width:24px;height:24px;right:7px;top:7px}
 .ki-help-overlay{align-items:flex-end;padding:0}
 .ki-help-dialog{width:100%;max-height:82vh;border-radius:24px 24px 0 0;padding:21px 18px calc(22px + env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr);gap:13px;transform:translateY(24px)}
 .ki-help-mark{width:42px;height:42px;border-radius:13px;font-size:19px}
 .ki-help-copy{padding-right:18px}
 .ki-help-copy h3{font-size:17px}
 .ki-help-copy p{font-size:11px}
 .ki-help-copy ol li{font-size:10.5px}
 .ki-help-close{right:12px;top:12px}
}
@media(max-width:390px){
 .ki-mobile-topbar .ki-page-help-button{width:30px;height:30px;flex-basis:30px}
 .ki-mobile-pwa-tools{gap:4px!important}
}


/* ==========================================================
   v0.7.7.36 - Contextual Help button UI repair
   ========================================================== */
/* Keep Page Help as a true icon button. Some host/theme mobile button rules
   can otherwise stretch it into a pill. */
.ki-workspace-header .ki-header-actions .ki-page-help-button,
.ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:10px!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
  flex-basis:31px!important;
  width:31px!important;
  min-width:31px!important;
  max-width:31px!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:900!important;
}
.ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button:hover,
.ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button:active{
  transform:none!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.26)!important;
}

/* Compact close icon: explicitly override theme/global button padding/min-width. */
.ki-help-dialog .ki-help-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  right:14px!important;
  top:14px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border:1px solid #dfe5ec!important;
  border-radius:10px!important;
  background:#f4f7fa!important;
  color:#4b5f76!important;
  box-shadow:none!important;
  cursor:pointer!important;
  font-family:inherit!important;
  font-size:0!important;
  line-height:1!important;
  z-index:4!important;
}
.ki-help-dialog .ki-help-close span{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:21px!important;
  font-weight:500!important;
  line-height:28px!important;
  transform:translateY(-1px);
}
.ki-help-dialog .ki-help-close:hover,
.ki-help-dialog .ki-help-close:active{
  background:#e9eff5!important;
  border-color:#d2dce6!important;
  color:#17385f!important;
  transform:none!important;
}
.ki-help-dialog .ki-help-close:focus-visible{
  outline:3px solid rgba(23,56,95,.16)!important;
  outline-offset:2px!important;
}

@media(max-width:760px){
  .ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
    flex:0 0 31px!important;
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
  }
  .ki-help-dialog .ki-help-close{
    right:15px!important;
    top:15px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:10px!important;
  }
  .ki-help-copy{padding-right:28px!important}
}
@media(max-width:380px){
  .ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
    flex-basis:29px!important;
    width:29px!important;
    min-width:29px!important;
    max-width:29px!important;
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   v0.7.7.37 WooCommerce Payment Integration
   ========================================================= */
.ki-payment-mode-banner{
  width:100%;
  box-sizing:border-box;
  margin:2px 0 14px;
  padding:12px 14px;
  border:1px solid #dce6f1;
  border-radius:14px;
  background:#f7faff;
  color:#40556e;
  display:flex;
  align-items:flex-start;
  gap:10px;
  line-height:1.5;
}
.ki-payment-mode-banner:empty{display:none}
.ki-payment-mode-banner b{display:block;color:#183b64;margin-bottom:2px}
.ki-payment-mode-banner span{display:block;font-size:13px;color:#5d7086}
.ki-payment-mode-banner::before{
  content:'$';
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#e8f1fc;
  color:#235b97;
  font-weight:800;
  font-size:14px;
}
.ki-manual-payment-upload{
  width:100%;
  box-sizing:border-box;
  margin-top:2px;
  padding:14px;
  border:1px dashed #cfdbea;
  border-radius:14px;
  background:#fbfcfe;
}
.ki-manual-payment-upload[hidden]{display:none!important}
.ki-manual-payment-upload>label{margin:0!important}

.ki-woo-payment-summary{
  width:100%;
  box-sizing:border-box;
  margin:0 0 14px;
  padding:15px;
  border-radius:16px;
  border:1px solid #dfe6ee;
  background:#f8fafc;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  overflow:hidden;
}
.ki-woo-payment-summary>div:first-child{min-width:0}
.ki-woo-payment-summary>div:first-child>span{
  display:block;
  margin-bottom:4px;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.09em;
  color:#718096;
}
.ki-woo-payment-summary h4{
  margin:0 0 4px;
  color:#1f3550;
  font-size:16px;
  line-height:1.3;
}
.ki-woo-payment-summary p{
  margin:0;
  color:#617287;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.ki-woo-payment-summary>strong{
  align-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  white-space:nowrap;
}
.ki-woo-payment-summary.paid{
  border-color:#c9e9d5;
  background:#f4fbf7;
}
.ki-woo-payment-summary.paid>strong{
  color:#176b3a;
  background:#dff4e7;
  border:1px solid #c3e8d0;
}
.ki-woo-payment-summary.pending{
  border-color:#f0dfbc;
  background:#fffaf0;
}
.ki-woo-payment-summary.pending>strong{
  color:#835b12;
  background:#fff0cc;
  border:1px solid #efd9a5;
}
.ki-woo-payment-summary dl{
  grid-column:1/-1;
  margin:2px 0 0;
  padding-top:11px;
  border-top:1px solid rgba(128,148,171,.18);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.ki-woo-payment-summary dl>div{
  min-width:0;
  padding:8px 9px;
  border-radius:10px;
  background:rgba(255,255,255,.72);
}
.ki-woo-payment-summary dt{
  margin:0 0 3px;
  color:#7a899b;
  font-size:10px;
  line-height:1.2;
}
.ki-woo-payment-summary dd{
  margin:0;
  color:#263e59;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  overflow-wrap:anywhere;
}

.ki-queue-payment-badge,
.ki-review-payment-state b{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.025em;
}
.ki-queue-payment-badge.online-paid,
.ki-queue-payment-badge.paid,
.ki-review-payment-state b{
  color:#176b3a;
  background:#e7f7ed;
  border:1px solid #ccebd7;
}
.ki-queue-payment-badge.online-pending,
.ki-queue-payment-badge.pending{
  color:#835b12;
  background:#fff3d8;
  border:1px solid #f0dfba;
}
.ki-queue-payment-badge.manual{
  color:#36526f;
  background:#eef3f8;
  border:1px solid #dce5ef;
}
.ki-woo-order-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 8px;
  border:1px solid #dfe6ee;
  border-radius:8px;
  background:#fff;
  color:#49617a;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.ki-review-payment-state{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-top:7px!important;
  color:#64758a;
  font-size:11px!important;
}
.ki-review-payment-state b{margin-right:1px}

.ki-renew-online-payment{
  margin:10px 0 12px;
  padding:12px 13px;
  border-radius:14px;
  border:1px solid #dfe6ee;
  background:#f8fafc;
  color:#50667e;
}
.ki-renew-online-payment.paid{
  border-color:#c9e9d5;
  background:#f4fbf7;
}
.ki-renew-online-payment.pending{
  border-color:#f0dfbc;
  background:#fffaf0;
}
.ki-renew-online-payment b{display:block;margin-bottom:3px;color:#203a58}
.ki-renew-online-payment small{display:block;line-height:1.45;color:#66798f}
.ki-renew-online-payment .ki-primary{margin-top:10px}

.ki-payment-return-notice{
  position:relative;
  width:min(760px,calc(100% - 24px));
  box-sizing:border-box;
  margin:12px auto 6px;
  padding:13px 46px 13px 15px;
  border:1px solid #c9e9d5;
  border-radius:15px;
  background:#f3fbf6;
  box-shadow:0 8px 24px rgba(20,62,99,.06);
  color:#35536f;
}
.ki-payment-return-notice b{display:block;margin-bottom:3px;color:#176b3a}
.ki-payment-return-notice span{display:block;font-size:12px;line-height:1.45}
.ki-payment-return-notice button{
  position:absolute;
  right:10px;
  top:10px;
  width:28px;
  min-width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d6e5dd;
  border-radius:9px;
  background:#fff;
  color:#45635a;
  font-size:16px;
  line-height:1;
  cursor:pointer;
}

.ki-account-online-form button[disabled]{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.6);
}

@media(max-width:760px){
  .ki-payment-mode-banner{
    margin-bottom:12px;
    padding:11px 12px;
    border-radius:13px;
  }
  .ki-payment-mode-banner::before{
    flex-basis:28px;
    width:28px;
    height:28px;
  }
  .ki-manual-payment-upload{padding:12px;border-radius:13px}
  .ki-woo-payment-summary{
    grid-template-columns:1fr;
    padding:13px;
    border-radius:14px;
  }
  .ki-woo-payment-summary>strong{justify-self:start}
  .ki-woo-payment-summary dl{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ki-woo-payment-summary h4{font-size:15px}
  .ki-payment-return-notice{
    width:calc(100% - max(24px,env(safe-area-inset-left)) - max(24px,env(safe-area-inset-right)) + 24px);
    max-width:calc(100% - 24px);
    margin-top:10px;
  }
}
@media(max-width:380px){
  .ki-woo-payment-summary dl{grid-template-columns:1fr}
}


/* v0.7.7.43 - Submitted Renewal tracker */
.ki-renew-submitted-panel{margin-top:20px;background:#fff;border:1px solid #e1e8f0;border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(22,48,78,.06)}
.ki-renew-submitted-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.ki-renew-submitted-head span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#7c4f86;margin-bottom:4px}
.ki-renew-submitted-head h3{margin:0;color:#173b64;font-size:20px}
.ki-renew-submitted-head p{margin:5px 0 0;color:#738196;font-size:13px;line-height:1.5}
.ki-renew-submission-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ki-renew-submission-tabs button{border:1px solid #dfe6ee;background:#f7f9fc;color:#52657a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}
.ki-renew-submission-tabs button.active{background:#173b64;color:#fff;border-color:#173b64}
.ki-renew-submission-tabs button b{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;margin-left:4px;border-radius:99px;background:rgba(255,255,255,.2);font-size:10px}
.ki-renew-track-list{display:grid;gap:12px}
.ki-renew-track-card{border:1px solid #e4eaf1;border-radius:15px;padding:14px;background:#fbfcfe;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.ki-renew-track-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ki-renew-track-title strong{display:block;color:#183b63;font-size:15px}
.ki-renew-track-title span:not(.ki-renew-track-status){display:block;color:#7b8797;font-size:12px;margin-top:2px}
.ki-renew-track-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.ki-renew-track-status.paid{background:#e9f8ef;color:#14814a}
.ki-renew-track-status.received{background:#eef4ff;color:#285ca8}
.ki-renew-track-status.pending{background:#fff5df;color:#9c6814}
.ki-renew-track-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}
.ki-renew-track-meta span{background:#fff;border:1px solid #e8edf3;border-radius:10px;padding:8px 9px;min-width:0}
.ki-renew-track-meta small{display:block;color:#8b97a6;font-size:9px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.ki-renew-track-meta b{display:block;color:#354b63;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.ki-renew-track-ref{margin-top:8px;color:#8995a4;font-size:10px}
.ki-renew-track-actions{display:flex;flex-direction:column;gap:7px;min-width:140px}
.ki-renew-track-actions button{width:100%;white-space:nowrap}
.ki-renew-reprint-note{display:block;font-size:10px;color:#14814a;text-align:center;font-weight:700;padding:5px}
@media(max-width:760px){
 .ki-renew-submitted-panel{padding:14px;margin-top:14px;border-radius:16px}
 .ki-renew-submitted-head{align-items:center}
 .ki-renew-submitted-head h3{font-size:18px}
 .ki-renew-submitted-head p{font-size:12px}
 .ki-renew-track-card{grid-template-columns:1fr;padding:12px}
 .ki-renew-track-title{display:block}
 .ki-renew-track-status{margin-top:8px}
 .ki-renew-track-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ki-renew-track-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0}
 .ki-renew-track-actions button:first-child:last-child{grid-column:1/-1}
 .ki-renew-reprint-note{grid-column:1/-1}
}
@media(max-width:420px){.ki-renew-track-actions{grid-template-columns:1fr}.ki-renew-track-actions button,.ki-renew-reprint-note{grid-column:auto}.ki-renew-submitted-head{gap:8px}.ki-renew-submitted-head>button{padding-left:10px;padding-right:10px}}


/* ==========================================================
   v0.7.7.45 - Coordinator Resources
   ========================================================== */
.ki-coordinator-resources{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.ki-resource-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#17385f,#245787);color:#fff;box-shadow:0 16px 38px rgba(18,47,80,.12)}
.ki-resource-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-65px;top:-100px;background:rgba(255,255,255,.07)}
.ki-resource-hero .ki-kicker{display:block;margin-bottom:6px;color:#c9daee;font-size:10px;letter-spacing:.14em;font-weight:800}
.ki-resource-hero h2{margin:0 0 7px;font-size:27px;line-height:1.15}.ki-resource-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.6}
.ki-resource-hero-icon{position:relative;z-index:1;width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.12);font-size:26px}
.ki-resource-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}
.ki-resource-card{min-width:0;background:#fff;border:1px solid #e1e8f0;border-radius:22px;padding:23px;box-shadow:0 10px 28px rgba(20,48,80,.06)}
.ki-resource-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.ki-resource-heading span:first-child{display:block;color:#9b4b86;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:5px}.ki-resource-heading h3{margin:0;color:#12385f;font-size:20px;line-height:1.25}
.ki-resource-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e9f6ef;color:#18734a;font-size:9px;font-weight:800;letter-spacing:.06em}.ki-resource-badge.soft{background:#edf3fa;color:#2b5f92}
.ki-resource-description{margin:0 0 16px;color:#69798d;font-size:12.5px;line-height:1.65}
.ki-bank-account-list{display:grid;gap:10px}.ki-bank-account{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(185px,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #e6ebf1;border-radius:16px;background:#f9fbfd}.ki-bank-name{display:flex;align-items:center;gap:10px;min-width:0}.ki-bank-name>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#17385f;color:#fff;font-weight:900}.ki-bank-account.maybank .ki-bank-name>span{background:#ffca0a;color:#151515}.ki-bank-account.rhb .ki-bank-name>span{background:#0675bd}.ki-bank-account.bankrakyat .ki-bank-name>span{background:#1378b6}.ki-bank-name b{font-size:13px;color:#17385f}.ki-bank-number{min-width:0}.ki-bank-number small{display:block;color:#8b98a8;font-size:9px;margin-bottom:2px}.ki-bank-number strong{display:block;color:#253b55;font-size:15px;letter-spacing:.02em;word-break:break-word}.ki-bank-account button{appearance:none;border:1px solid #d8e1eb;background:#fff;color:#17385f;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.ki-bank-account button:hover,.ki-bank-account button.copied{background:#17385f;color:#fff;border-color:#17385f}
.ki-document-preview{display:flex;align-items:center;gap:13px;padding:16px;border-radius:16px;background:#f6f8fb;border:1px solid #e5ebf2;margin:16px 0}.ki-document-icon{width:46px;height:54px;flex:0 0 46px;border-radius:10px;background:#d74949;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.ki-document-preview b{display:block;color:#18395e;font-size:13px;margin-bottom:4px}.ki-document-preview small{display:block;color:#7a8899;font-size:11px;line-height:1.45}
.ki-resource-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.ki-resource-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;text-decoration:none!important;font-size:11px;font-weight:800}.ki-primary-link{background:#17385f;color:#fff!important}.ki-secondary-link{background:#f3f6f9;border:1px solid #dbe3ec;color:#17385f!important}.ki-resource-actions a:hover{transform:translateY(-1px)}
.ki-resource-note{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;border:1px solid #e3eaf2;border-radius:16px;background:#f8fafc}.ki-resource-note>span{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;background:#17385f;color:#fff;font-weight:800}.ki-resource-note b{display:block;color:#18395e;font-size:12px;margin-bottom:3px}.ki-resource-note p{margin:0;color:#748296;font-size:11px;line-height:1.55}
@media(max-width:900px){.ki-resource-layout{grid-template-columns:1fr}}
@media(max-width:760px){.ki-coordinator-resources{gap:13px}.ki-resource-hero{padding:20px 18px;border-radius:19px}.ki-resource-hero h2{font-size:22px}.ki-resource-hero p{font-size:11px}.ki-resource-hero-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;font-size:21px}.ki-resource-card{padding:16px;border-radius:18px}.ki-resource-heading h3{font-size:17px}.ki-bank-account{grid-template-columns:1fr auto;gap:8px 10px;padding:12px}.ki-bank-name{grid-column:1 / 3}.ki-bank-number strong{font-size:14px}.ki-bank-account button{padding:8px 10px}.ki-resource-actions{display:grid;grid-template-columns:1fr}.ki-resource-actions a{width:100%}.ki-resource-note{padding:13px}}

/* ==========================================================
   v0.7.7.46 - Full-width desktop + modern mobile navigation
   ========================================================== */

/* Desktop/tablet: use the available browser width instead of a centered max-width shell. */
@media(min-width:761px){
  .ki-app-shell{
    width:100%;
    max-width:none;
    margin:0;
    grid-template-columns:260px minmax(0,1fr);
    box-shadow:none;
  }
  .ki-workspace,
  .ki-workspace-header,
  .ki-app-shell .ki-main{width:100%;max-width:none}
  .ki-app-shell .ki-main{padding-left:clamp(26px,2.6vw,48px);padding-right:clamp(26px,2.6vw,48px)}
  .ki-coordinator-resources{max-width:none}
  .ki-mobile-drawer-close,
  .ki-mobile-menu-toggle,
  .ki-mobile-drawer-backdrop{display:none!important}
}

@media(max-width:1050px) and (min-width:761px){
  .ki-app-shell{grid-template-columns:220px minmax(0,1fr)}
}

/* Mobile: replace the persistent bottom bar with a modern off-canvas navigation drawer. */
@media(max-width:760px){
  html.ki-mobile-nav-open,
  body.ki-mobile-nav-open{overflow:hidden!important}

  .ki-app-shell{
    padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden;
  }

  /* Bottom navigation is intentionally removed on phone; all destinations live in the drawer. */
  .ki-bottom-nav{display:none!important}

  /* Compact app bar: menu + identity + essential actions. */
  .ki-mobile-topbar{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-areas:"menu brand tools" "roles roles roles"!important;
    column-gap:9px!important;
    row-gap:11px!important;
    padding:13px 14px 15px!important;
    border-radius:0 0 22px 22px!important;
    box-shadow:0 10px 28px rgba(15,42,73,.13);
  }
  .ki-mobile-menu-toggle{
    grid-area:menu;
    appearance:none;
    width:36px;
    height:36px;
    padding:0;
    border:1px solid rgba(255,255,255,.17);
    border-radius:11px;
    background:rgba(255,255,255,.10);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .ki-mobile-menu-toggle span{
    display:block;
    width:15px;
    height:1.7px;
    border-radius:4px;
    background:#fff;
    transition:transform .18s ease,opacity .18s ease;
  }
  .ki-mobile-topbar .ki-brand{grid-area:brand!important;gap:8px!important}
  .ki-mobile-topbar .ki-brand img{width:34px!important;height:34px!important;flex-basis:34px!important}
  .ki-mobile-topbar .ki-brand strong{max-width:155px!important;font-size:12.5px!important}
  .ki-mobile-pwa-tools{grid-area:tools!important;gap:4px!important}

  /* Profile + logout are available inside the drawer; remove duplicate top-bar controls. */
  .ki-mobile-pwa-tools .ki-account-profile-button,
  .ki-mobile-pwa-tools .ki-logout{display:none!important}
  .ki-mobile-pwa-tools .ki-notification-bell.mobile,
  .ki-mobile-pwa-tools .ki-pwa-install-icon,
  .ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    border-radius:10px!important;
  }
  .ki-mobile-pwa-tools .ki-network-dot{margin:0 2px!important}
  .ki-mobile-role-switcher{grid-area:roles!important;margin:0!important}

  /* Re-use the desktop sidebar as an accessible full-height phone drawer. */
  .ki-sidebar{
    display:flex!important;
    position:fixed!important;
    z-index:100120!important;
    inset:0 auto 0 0;
    width:min(86vw,330px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:15px 14px calc(14px + env(safe-area-inset-bottom))!important;
    transform:translate3d(-104%,0,0);
    transition:transform .24s cubic-bezier(.2,.75,.25,1);
    box-shadow:22px 0 55px rgba(8,28,50,.24);
    overflow:hidden;
  }
  .ki-portal.ki-mobile-nav-open .ki-sidebar{transform:translate3d(0,0,0)}
  .ki-sidebar-brand{
    position:relative;
    padding:4px 4px 15px!important;
    gap:10px!important;
  }
  .ki-sidebar-brand img{width:38px!important;height:38px!important}
  .ki-sidebar-brand strong{font-size:14px!important}
  .ki-sidebar-brand small{font-size:9px!important}
  .ki-mobile-drawer-close{
    appearance:none;
    margin-left:auto;
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.15);
    border-radius:11px;
    background:rgba(255,255,255,.09);
    color:#fff;
    font:500 22px/1 system-ui,sans-serif;
    cursor:pointer;
  }
  .ki-sidebar-user{padding:14px 5px 9px!important}
  .ki-sidebar-user .ki-avatar{width:38px;height:38px;border-radius:12px}
  .ki-role-switcher{margin:7px 4px 9px!important;border-radius:14px!important}
  .ki-side-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:2px 0 12px!important;
    scrollbar-width:thin;
  }
  .ki-nav-label{padding:13px 9px 5px!important;font-size:8px!important}
  .ki-side-nav button{
    min-height:42px!important;
    height:auto!important;
    border-radius:12px!important;
    padding:7px 9px!important;
    gap:10px!important;
  }
  .ki-side-nav button i{width:27px!important;height:27px!important;border-radius:9px!important}
  .ki-side-nav button span{font-size:11.5px!important}
  .ki-sidebar-logout{
    margin-top:0!important;
    padding:13px 9px 2px!important;
    min-height:44px;
    font-size:11px!important;
  }

  .ki-mobile-drawer-backdrop{
    appearance:none;
    display:block;
    position:fixed;
    z-index:100110;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    background:rgba(9,24,41,.46);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
  }
  .ki-portal.ki-mobile-nav-open .ki-mobile-drawer-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .ki-app-shell .ki-main{
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
  }

  /* The scan action no longer needs to float above a bottom nav. */
  .ki-floating-scan-fallback{
    bottom:calc(18px + env(safe-area-inset-bottom))!important;
    right:16px!important;
  }
}

@media(max-width:380px){
  .ki-mobile-topbar{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    padding-left:11px!important;
    padding-right:11px!important;
    column-gap:7px!important;
  }
  .ki-mobile-menu-toggle{width:33px;height:33px;border-radius:10px}
  .ki-mobile-topbar .ki-brand img{width:31px!important;height:31px!important;flex-basis:31px!important}
  .ki-mobile-topbar .ki-brand strong{max-width:120px!important;font-size:11.5px!important}
  .ki-mobile-pwa-tools .ki-notification-bell.mobile,
  .ki-mobile-pwa-tools .ki-pwa-install-icon,
  .ki-mobile-topbar .ki-mobile-pwa-tools .ki-page-help-button{
    width:29px!important;min-width:29px!important;height:29px!important;flex-basis:29px!important
  }
  .ki-sidebar{width:min(90vw,318px)!important}
}


/* ==========================================================
   v0.7.7.47 - Sticky mobile app bar + cleaner drawer controls
   ========================================================== */
@media(max-width:760px){
  /* Keep the complete mobile identity/action bar visible while scrolling. */
  .ki-mobile-topbar{
    position:sticky!important;
    top:0!important;
    z-index:99900!important;
    display:grid!important;
    padding-top:max(13px, env(safe-area-inset-top))!important;
    isolation:isolate;
  }

  /* Do not let a horizontal overflow rule create a competing scroll container for sticky. */
  .ki-app-shell{overflow-x:clip!important}
  @supports not (overflow:clip){.ki-app-shell{overflow-x:visible!important}}

  /* Drawer close: compact icon button, protected from theme/global button styles. */
  .ki-sidebar-brand .ki-mobile-drawer-close{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:block!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex:0 0 36px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .ki-sidebar-brand .ki-mobile-drawer-close span{display:none!important}
  .ki-sidebar-brand .ki-mobile-drawer-close:before,
  .ki-sidebar-brand .ki-mobile-drawer-close:after{
    content:"";
    position:absolute;
    left:50%;top:50%;
    width:14px;height:2px;
    border-radius:2px;
    background:currentColor;
    transform-origin:center;
  }
  .ki-sidebar-brand .ki-mobile-drawer-close:before{transform:translate(-50%,-50%) rotate(45deg)}
  .ki-sidebar-brand .ki-mobile-drawer-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
  .ki-sidebar-brand .ki-mobile-drawer-close:active{background:rgba(255,255,255,.18)!important;transform:scale(.96)}

  /* Mobile Install App icon: phone + download arrow rather than an ambiguous down arrow. */
  .ki-pwa-install-icon{
    display:grid!important;
    place-items:center!important;
    padding:0!important;
  }
  .ki-pwa-install-icon[hidden]{display:none!important}
  .ki-install-app-svg{
    width:19px;
    height:19px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
  }
}
@media(max-width:380px){
  .ki-sidebar-brand .ki-mobile-drawer-close{
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;flex-basis:34px!important;
  }
}