/* PANDUTA clay surfaces: local, responsive and shared by all pages. */
:root{--clay-bg:#eef3fc;--clay-surface:#f7faff;--clay-ink:#17345e;--clay-shadow:10px 10px 24px #b8c9e247,-6px -6px 18px #ffffffd9,inset 2px 2px 3px #fff,inset -2px -2px 5px #c8d8ed57;--clay-small:4px 5px 10px #b8c9e24d,-3px -3px 9px #fff,inset 1px 1px 2px #ffffffb3;--muted:#586f92;--bs-body-color:#17345e;--bs-body-bg:#eef3fc}
body{background:var(--clay-bg);color:var(--clay-ink)}h1,h2,h3{color:#17345e}a{color:#0756d8}.muted{color:#586f92}.site-header{background:#f4f8ff;border:0;box-shadow:0 7px 22px #b4c6df40,inset 0 -2px 3px #fff}.navbar{min-height:82px}.navbar-nav .nav-link{border-radius:13px;color:#456084}.navbar-nav .nav-link:hover{background:#e8f1ff;box-shadow:var(--clay-small)}.hero{background:radial-gradient(ellipse at 87% 22%,#cef4fc80,transparent 48%),linear-gradient(125deg,#edf3ff,#edf7ff);border:0;padding:60px 0}.hero:before{background:#d4e9ff70;box-shadow:inset 10px 10px 24px #b8d1ef66,inset -10px -10px 24px #ffffffb3}.hero h1{font-size:3.2rem;line-height:1.2}.hero p{color:#526d92}.hero-visual,.service-card,.panel,.paper,.card,.stat,.welcome-banner,.portal-strip{background:var(--clay-surface);border:1px solid #ffffffc9;border-radius:24px;box-shadow:var(--clay-shadow)}.hero-visual{transform:rotate(-1deg);padding:27px}.hero-visual .head,.panel-head{border-color:#dce6f4}.service-card{padding:25px}.service-card:hover{box-shadow:12px 15px 27px #a7bedb66,-6px -6px 20px #fff,inset 2px 2px 4px #fff}.service-icon,.stat-icon,.step-num,.workspace-emblem,.avatar{background:#e5f1ff;box-shadow:var(--clay-small);border:1px solid #ffffffa6;color:#0875cf;border-radius:16px}.service-icon{width:46px;height:46px}.step-num{border-radius:50%}.hero-note,.tag{background:#e7f2ff;box-shadow:inset 2px 2px 5px #b6cce655,inset -2px -2px 5px #fff}.portal-strip{background:linear-gradient(135deg,#0c4cbb,#087fd8);box-shadow:9px 12px 24px #96b2d680,inset 3px 3px 6px #66b6f377,inset -4px -4px 8px #07398380;color:#fff}.portal-strip h2{color:#fff}.portal-strip p{color:#d9edff}.btn{border-radius:13px;box-shadow:var(--clay-small);border:1px solid #ffffff96;transition:transform .15s,box-shadow .15s}.btn-primary,.btn:not([class*='btn-']):not(.menu-toggle):not(.light):not(.gold):not(.danger){background:linear-gradient(140deg,#126ee7,#0752cc);border-color:#2781ee;box-shadow:4px 5px 10px #97b3da80,inset 2px 2px 3px #7eb9ff66,inset -2px -2px 4px #063c9a70;color:#fff}.btn-primary:hover{background:linear-gradient(140deg,#0963d9,#0648b6);transform:translateY(-1px)}.btn.light{background:#f5f9ff;border-color:#fff;box-shadow:var(--clay-small)}.btn.gold{box-shadow:var(--clay-small)}.btn:focus-visible,.captcha-refresh:focus-visible{outline:3px solid #126ee7;outline-offset:3px}.field input:not([type=checkbox]):not([type=file]),.field select,.field textarea{border:1px solid #d6e2f3;background:#edf4ff;border-radius:12px;box-shadow:inset 3px 3px 7px #bacce34d,inset -3px -3px 7px #fff;color:#17345e}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5d9de8;outline:0;box-shadow:0 0 0 3px #0756d815,inset 2px 2px 5px #bacce340}.panel-head{background:transparent}.panel-body{background:transparent}th{background:#eaf2ff;color:#526d92}td{border-color:#e0e9f6}table{color:#274266}.table-scroll{border-radius:0 0 20px 20px}.badge{box-shadow:inset 1px 1px 2px #ffffffb3}.alert{border-radius:15px;box-shadow:3px 4px 10px #a8beda30}.security-secret{background:#eaf2ff;border-color:#bdd3ed;box-shadow:inset 2px 2px 5px #bacce34d,inset -2px -2px 5px #fff}.mfa-qr{background:#fff;box-shadow:var(--clay-small);border-radius:18px}.site-footer{background:#eaf1fb;border:0;box-shadow:inset 0 3px 7px #b7cbe038}.footer-main{padding:25px 0}.footer-bottom{border-top:1px solid #d2dff0;color:#526b8f}.footer-contact{color:#526b8f}
/* Dashboard */
.admin-body.clay-admin{background:var(--clay-bg);color:#274266}.clay-admin .sidebar{width:230px;background:#f4f8ff;border:0;box-shadow:6px 0 22px #b8c9e23d,inset -2px 0 3px #fff}.clay-admin .sidebar-brand{min-height:94px;padding:21px}.clay-admin .sidebar .site-logo{width:185px}.clay-admin .side-label{color:#6e83a2;font-size:.54rem}.clay-admin .side-link{border-radius:12px;color:#506a8f;padding:9px 12px;font-size:.74rem;margin:5px 0}.clay-admin .side-link.active,.clay-admin .side-link.active:hover{background:#deebff;color:#0756d8;font-weight:600;box-shadow:var(--clay-small);border:1px solid #ffffffa6}.clay-admin .side-link:hover{background:#eaf2ff;box-shadow:var(--clay-small)}.clay-admin .side-bottom{background:#e8f3ff;border:1px solid #fff;border-radius:16px;box-shadow:var(--clay-small);padding:12px}.clay-admin .workspace{margin-left:230px}.clay-admin .workspace-header{margin:18px 25px 0;height:62px;border:1px solid #ffffffd9;border-radius:19px;box-shadow:var(--clay-shadow);background:#f7faff;padding:0 20px}.clay-admin .workspace-caption{font-size:.74rem;color:#536f95}.clay-admin .workspace-content{padding:25px;max-width:1500px}.clay-admin .heading-row h1{font-size:1.35rem}.clay-admin .heading-row p{color:#586f92}.clay-admin .panel,.clay-admin .paper,.clay-admin .stat{border:1px solid #ffffffd9;border-radius:21px;box-shadow:var(--clay-shadow);background:#f7faff}.clay-admin .panel-head{padding:16px 20px;background:transparent}.clay-admin .panel-body,.clay-admin .paper{padding:20px}.clay-admin .stat{padding:20px}.clay-admin .stat strong{font-size:1.8rem!important;line-height:1.4;color:#17345e}.clay-admin .stat small,.clay-admin .stat .hint{color:#617b9f}.clay-admin .stat.primary{background:linear-gradient(140deg,#126ee7,#0752cc);box-shadow:8px 9px 19px #97b3da80,inset 3px 3px 5px #7eb9ff66,inset -3px -3px 7px #063c9a70;border-color:#2781ee}.clay-admin .stat.primary strong{color:#fff}.clay-admin .stat.primary small,.clay-admin .stat.primary .hint{color:#d8eaff}.clay-admin .stat-icon{border-radius:12px}.clay-admin .stat.primary .stat-icon{background:#ffffff26;box-shadow:inset 1px 1px 3px #ffffff30;color:#fff}.clay-admin .welcome-banner{padding:23px;background:linear-gradient(120deg,#edf4ff,#e7faff);border:1px solid #fff;border-radius:22px;box-shadow:var(--clay-shadow)}.clay-admin .welcome-banner h2{color:#0756d8}.clay-admin .btn{border-radius:12px}.clay-admin .field input:not([type=checkbox]):not([type=file]),.clay-admin .field select,.clay-admin .field textarea{border-radius:11px;background:#edf4ff}.clay-admin .workspace-footer{background:transparent;border:0;padding:16px 25px;color:#617b9f}.clay-admin .avatar{border-radius:50%}.clay-admin .service-card h3{font-size:.96rem}.clay-admin .service-card p{font-size:.73rem;color:#586f92}.clay-admin .split{gap:21px}
/* Compact login, with image / answer / refresh aligned on one row. */
.login-body{background:var(--clay-bg)}.login-shell{padding:22px 16px;background:radial-gradient(ellipse at 15% 15%,#d8e9ff 0,transparent 45%),radial-gradient(ellipse at 90% 85%,#d6f4fa 0,transparent 45%),#eef3fc}.login-card{max-width:390px;padding:25px 26px 21px;border:1px solid #fff;border-radius:27px;background:#f7faff;box-shadow:15px 17px 35px #adc1dd70,-10px -10px 27px #ffffffd9,inset 3px 3px 5px #fff,inset -3px -3px 7px #c3d4ea70}.login-brand{margin-bottom:17px}.login-brand .site-logo{width:205px;max-height:70px}.login-card h1{font-size:1.17rem;margin-bottom:21px}.login-card .field{margin-bottom:15px}.login-card .field label{font-size:.69rem;margin-bottom:7px}.login-card .login-input{min-height:41px;border-radius:12px;background:#edf4ff;box-shadow:inset 3px 3px 6px #bacce34d,inset -3px -3px 7px #fff}.login-card .login-input>.bi{flex-basis:37px;width:37px;font-size:.92rem}.login-card .field .login-input input.form-control{min-height:40px;padding:9px 10px!important;font-size:.75rem;box-shadow:none!important}.login-card .login-submit{height:42px;border-radius:12px;font-size:.72rem;margin-top:3px}.login-footer{margin-top:18px;padding-top:15px;font-size:.56rem;border-color:#dbe5f2;gap:9px}.captcha-challenge{display:grid;grid-template-columns:140px minmax(0,1fr) 36px;align-items:center;gap:8px;margin:0}.captcha-challenge #captcha-image{width:140px;max-width:100%;height:43px;border:1px solid #d6e2f3;border-radius:10px;object-fit:fill;box-shadow:inset 2px 2px 5px #bacce34d}.captcha-challenge #captcha{grid-column:2;grid-row:1;width:100%;min-width:0;height:43px;padding:8px!important;text-align:center;text-transform:uppercase;font-size:.76rem!important;letter-spacing:.08em}.captcha-challenge .captcha-refresh{grid-column:3;grid-row:1;width:36px;height:40px;background:#f7faff;border:1px solid #fff;border-radius:11px;box-shadow:var(--clay-small);font-size:1.05rem}.captcha-field #captcha-status{display:block;font-size:.58rem;line-height:1.5}.captcha-field #captcha-status:empty{display:none}.captcha-field #captcha-status:not(:empty){margin-top:7px}.login-card .alert{font-size:.71rem;padding:11px 13px}
@media(min-width:1500px){.hero h1{font-size:3.65rem}.hero{padding:75px 0}}
@media(max-width:1100px){.hero h1{font-size:2.7rem}.clay-admin .split{grid-template-columns:1fr}.clay-admin .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hero{padding:40px 0}.hero h1{font-size:2.25rem}.hero-visual{transform:none;margin-top:20px}.clay-admin .sidebar{width:min(85vw,260px)}.clay-admin .workspace{margin-left:0}.clay-admin .workspace-header{margin:13px 15px 0;height:58px;padding:0 14px;border-radius:17px}.clay-admin .workspace-caption{display:none}.clay-admin .workspace-content{padding:22px 15px}.clay-admin .workspace-footer{padding:14px 15px}.clay-admin .heading-row{flex-wrap:wrap}.clay-admin .heading-row h1{font-size:1.2rem}.clay-admin .stat{padding:16px}.clay-admin .stat strong{font-size:1.55rem!important}.clay-admin .panel-body{padding:17px}.panel,.paper,.card,.service-card{border-radius:20px}.login-card{padding:24px 23px 20px;max-width:375px}.login-brand .site-logo{width:195px}.login-card h1{font-size:1.12rem}.footer-main{padding:24px 0}.login-footer{flex-wrap:wrap;row-gap:7px}}
@media(max-width:360px){.login-shell{padding:18px 12px}.login-card{padding:23px 19px}.captcha-challenge{grid-template-columns:112px minmax(0,1fr) 34px;gap:6px}.captcha-challenge #captcha-image{width:112px;height:40px}.captcha-challenge #captcha{height:40px}.captcha-challenge .captcha-refresh{width:34px;height:38px}.login-card h1{font-size:1.04rem}}
@media(prefers-reduced-motion:reduce){.btn,.service-card{transition:none}}
@media print{.clay-admin .workspace{margin:0}.clay-admin .workspace-content{padding:0}.panel,.paper,.card{box-shadow:none;background:#fff}body{background:#fff}}

/* Dashboard greeting and local SweetAlert2 clay dialogs. */
.clay-admin .welcome-banner h2{font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.4;font-weight:650;margin:0}.clay-admin .welcome-banner{min-height:115px}.panduta-dialog.swal2-popup{font-family:Poppins,system-ui,sans-serif;background:#f7faff;border:1px solid #fff;border-radius:26px;box-shadow:var(--clay-shadow);padding:26px}.panduta-dialog .swal2-title{font-size:1.3rem;color:#17345e}.panduta-dialog .swal2-html-container{font-size:.8rem;line-height:1.8;color:#526d92;white-space:pre-line}.panduta-dialog .swal2-confirm,.panduta-dialog .swal2-cancel{font-family:inherit;font-size:.76rem;border-radius:12px;padding:11px 19px}.panduta-dialog .swal2-confirm{background:#0756d8;box-shadow:var(--clay-small)}.panduta-dialog .swal2-cancel{background:#e2eaf6;color:#29476e;box-shadow:var(--clay-small)}.panduta-toast.swal2-popup{font-family:Poppins,system-ui,sans-serif;border-radius:18px!important;border:1px solid #fff;background:#f7faff!important;box-shadow:var(--clay-shadow)!important}.panduta-toast .swal2-title{font-size:.8rem!important;color:#17345e}.panduta-toast .swal2-html-container{font-size:.7rem!important;line-height:1.6;color:#526d92}.swal2-container{z-index:2000!important}form[aria-busy=true] button[type=submit],form[aria-busy=true]>button:not([type=button]){opacity:.7;cursor:progress}body.swal2-height-auto{height:auto!important}[data-notification][hidden]{display:none!important}
@media(max-width:767px){.clay-admin .welcome-banner h2{font-size:1.3rem}.panduta-dialog.swal2-popup{padding:20px;border-radius:22px}}

/* Sidebar groups: Dashboard remains a standalone menu. */
.sidebar-navigation{padding-top:6px}.sidebar-groups{margin-top:17px;padding-top:13px;border-top:1px solid #dce6f4}.side-group{margin:5px 0 9px}.side-group-toggle{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;cursor:pointer;border-radius:12px;color:#506a8f;font-size:.73rem;font-weight:500;list-style:none;user-select:none}.side-group-toggle::-webkit-details-marker{display:none}.side-group-toggle>i:first-child{font-size:1rem;flex-shrink:0}.side-group-toggle>span{flex:1;min-width:0}.side-group-toggle .group-chevron{font-size:.65rem;transition:transform .18s}.side-group[open]>.side-group-toggle .group-chevron{transform:rotate(90deg)}.side-group-toggle:hover,.side-group[open]>.side-group-toggle{background:#e9f2ff;box-shadow:var(--clay-small)}.side-group.has-active>.side-group-toggle{color:#0756d8;font-weight:600}.side-group-toggle:focus-visible{outline:2px solid #0756d8;outline-offset:2px}.side-submenu{padding:6px 0 3px 14px;margin:3px 0 0 12px;border-left:1px solid #cfdef1}.clay-admin .side-submenu .side-link{font-size:.69rem;padding:9px 10px;gap:8px;margin:4px 0;min-height:37px;line-height:1.65}.side-submenu .side-link>i{font-size:.88rem;flex-shrink:0}.side-submenu .side-link>span{min-width:0;overflow-wrap:anywhere}.side-submenu form{margin:0}.clay-admin .logout-link{background:transparent;border:0;width:100%;text-align:left;font-family:inherit}.clay-admin .logout-link:hover{background:#eaf2ff}.clay-admin .dashboard-link{margin-top:0}.side-scroll{overscroll-behavior:contain}.side-submenu .side-link:focus-visible{outline:2px solid #0756d8;outline-offset:1px}
@media(prefers-reduced-motion:reduce){.side-group-toggle .group-chevron{transition:none}}
/* Consistent data tables and ten-row pagination. */
.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b3c9e6 transparent}.table-scroll table{min-width:680px;table-layout:auto;border-collapse:collapse;line-height:1.65}.table-scroll th{white-space:normal!important;overflow-wrap:normal;word-break:normal;font-size:.61rem!important;letter-spacing:.025em;text-transform:none;vertical-align:middle;line-height:1.55;color:#456083}.table-scroll td{font-size:.73rem;line-height:1.7;vertical-align:middle;overflow-wrap:anywhere;max-width:320px;min-width:90px}.table-scroll th,.table-scroll td{padding:13px 16px!important}.table-scroll tr:hover td{background:#e9f2ff70}.table-scroll .column-number{min-width:52px;width:52px;max-width:65px}.table-scroll .column-actions{min-width:145px;width:145px;max-width:190px}.table-scroll .cell-text{min-width:140px}.cell-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:310px}.table-actions,.table-scroll td .actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.table-actions form,.table-scroll td .actions form{margin:0}.table-actions .btn,.table-scroll td .btn{white-space:nowrap;min-height:33px;padding:6px 10px!important;font-size:.67rem!important;border-radius:9px!important}.table-scroll td>a:not(.btn){display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 10px;border-radius:9px;color:#0756d8;background:#e6f0ff;font-weight:500}.table-scroll td .badge{max-width:180px;white-space:normal;line-height:1.5}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px;border-top:1px solid #dce6f4;font-size:.66rem;flex-wrap:wrap}.pagination-info{color:#526d92}.page-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.page-button{display:inline-flex;align-items:center;justify-content:center;min-width:33px;height:33px;padding:0 9px;border-radius:10px;border:1px solid #fff;background:#f5f9ff;box-shadow:var(--clay-small);color:#0756d8;font-size:.69rem}.page-button.current{background:#0756d8;color:#fff;border-color:#0756d8;box-shadow:3px 4px 9px #aac0df80}.page-button.disabled{opacity:.45;box-shadow:none}.page-button:focus-visible{outline:2px solid #0756d8;outline-offset:2px}.page-gap{padding:0 3px}.toolbar{padding:17px;background:#f5f9ff;border:1px solid #fff;border-radius:18px;gap:12px;align-items:end;box-shadow:var(--clay-small)}.toolbar .field{min-width:165px}.toolbar>.btn{min-height:39px;white-space:nowrap}.setup-help{display:block;margin-top:9px;color:#617b9f;font-size:.69rem;line-height:1.7}.table-scroll .empty{padding:30px 18px!important}
@media(max-width:767px){.table-pagination{padding:14px 16px}.table-scroll table{min-width:650px}.table-scroll th,.table-scroll td{padding:11px 13px!important}.toolbar .field{flex-basis:100%;min-width:0}.toolbar>.btn{flex:1}.table-pagination .page-controls{gap:5px}}
@media print{.table-scroll{overflow:visible}.table-scroll table{min-width:0;width:100%}.table-scroll th,.table-scroll td{font-size:9px!important;padding:6px!important}.table-scroll .column-actions{display:none}.cell-excerpt{-webkit-line-clamp:unset}}

.table-scroll td .badge{white-space:nowrap!important;overflow-wrap:normal;word-break:normal;max-width:none}.table-scroll td:has(>.badge){min-width:110px}
/* Match filter controls by their actual input height, independent of label spacing. */
.application-filters{display:grid;grid-template-columns:minmax(180px,1.3fr) repeat(2,minmax(145px,1fr)) auto;align-items:end;gap:13px}.application-filters .field{min-width:0;margin:0!important;display:flex;flex-direction:column;gap:7px}.application-filters .field label{margin:0!important;line-height:1.5}.admin-body .application-filters .field input,.admin-body .application-filters .field select{height:42px;min-height:42px;box-sizing:border-box;margin:0}.application-filters .filter-actions{display:flex;align-items:center;gap:10px;height:42px;margin:0;align-self:end}.admin-body .application-filters .filter-actions .btn{height:42px;min-height:42px;margin:0;padding:0 15px;white-space:nowrap;line-height:1}.application-filters:has(.field:nth-child(2):last-of-type){grid-template-columns:minmax(180px,1.3fr) minmax(145px,1fr) auto}.table-actions .btn.danger{color:#fff}.column-actions form{margin:0}
@media(max-width:1100px){.application-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.application-filters .filter-actions{width:100%}.application-filters .filter-actions .btn{flex:1}}
@media(max-width:600px){.application-filters,.application-filters:has(.field:nth-child(2):last-of-type){grid-template-columns:1fr}.application-filters .filter-actions{height:42px;display:flex}.application-filters .filter-actions .btn{flex:1}}

.application-filters:not(:has(select[name="village_id"])){grid-template-columns:minmax(180px,1.3fr) minmax(145px,1fr) auto}@media(max-width:1100px){.application-filters:not(:has(select[name="village_id"])){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.application-filters:not(:has(select[name="village_id"])){grid-template-columns:1fr}}
.table-scroll .column-actions{min-width:180px;width:180px;max-width:220px}
/* Every checkbox follows its caption on the same row. */
.field .checkbox-row,.checkbox-row{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:11px;max-width:100%;margin:0!important;line-height:1.7;cursor:pointer;vertical-align:middle;text-align:left}.checkbox-row>span{min-width:0;overflow-wrap:anywhere;flex:0 1 auto}.checkbox-row>input[type=checkbox]{display:inline-block!important;float:none!important;position:static!important;margin:0!important;width:18px!important;height:18px!important;min-width:18px;flex:0 0 18px;align-self:center;vertical-align:middle;cursor:pointer;border-radius:5px;accent-color:#0756d8}.checkbox-row>input[type=checkbox]:focus-visible{outline:2px solid #0756d8;outline-offset:3px}.field .bundle-choice{display:flex!important;width:100%;justify-content:space-between;padding:11px 12px!important;border:1px solid #dce7f5;border-radius:12px;background:#f2f7ff;margin:7px 0!important;font-weight:400}.checkbox-row:has(input:disabled){cursor:default;opacity:.65}
.file-picker-id{position:relative;display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0;max-width:100%}.file-picker-id .file-picker-name{font-size:.64rem;color:#586f92;overflow-wrap:anywhere;min-width:0}.file-picker-id input:focus-visible+label{outline:2px solid #0756d8;outline-offset:3px}.file-picker-id label.btn{margin:0!important;white-space:nowrap;cursor:pointer}
/* Compact icon actions with accessible Indonesian names and native tooltips. */
.icon-button,.admin-body .btn.icon-button,.table-scroll td .btn.icon-button,.table-actions .btn.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px;padding:0!important;gap:0!important;border-radius:11px!important;line-height:1!important;flex:0 0 36px;vertical-align:middle;white-space:nowrap}.icon-button>.bi{font-size:1rem;line-height:1}.icon-button:focus-visible{outline:2px solid #0756d8;outline-offset:3px}.table-scroll .column-actions{min-width:115px;width:115px;max-width:155px}.table-actions{flex-wrap:nowrap;gap:8px}.icon-button.danger:hover{background:#94372f;color:#fff}
@media(max-width:767px){.icon-button,.admin-body .btn.icon-button,.table-scroll td .btn.icon-button,.table-actions .btn.icon-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px;flex-basis:42px}.table-scroll .column-actions{min-width:130px}}
/* Four fields per row on desktop; long text retains the full row. */
.admin-body .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px}.admin-body .form-grid>.field{min-width:0}.admin-body .form-grid>.full{grid-column:1/-1}.admin-body form[aria-busy=true] button[type=submit],.admin-body form[aria-busy=true]>button:not([type=button]){pointer-events:none;opacity:.65}
@media(max-width:1100px){.admin-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-body .form-grid{grid-template-columns:1fr}}

.preparation-heading{max-width:850px;margin-bottom:27px}.preparation-heading h1{font-size:1.8rem}.preparation-heading p{font-size:.82rem;line-height:1.8}.preparation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.preparation-square.paper{aspect-ratio:1;min-width:0;min-height:0;margin:0;padding:20px;display:flex;flex-direction:column;overflow:hidden;scroll-margin-top:110px}.preparation-title{display:flex;align-items:center;gap:10px;margin-bottom:13px;flex-shrink:0}.preparation-title .service-icon{width:34px;height:34px;min-width:34px;font-size:1rem;margin:0;border-radius:11px}.preparation-title h2{font-size:.88rem;line-height:1.5;margin:0;overflow-wrap:anywhere}.preparation-items{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding-right:6px;font-size:.73rem;line-height:1.75}.preparation-items ol{padding-left:18px;margin:0}.preparation-items li{margin-bottom:8px;overflow-wrap:anywhere}.preparation-items:focus-visible{outline:2px solid #0756d8;outline-offset:2px;border-radius:4px}.preparation-reference{font-size:.59rem;color:#586f92;line-height:1.65;margin-top:12px;border-top:1px solid #dce7f5;padding-top:10px;overflow-wrap:anywhere;flex-shrink:0}.news-media{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:17px;margin-bottom:18px;background:#e0edff}.news-image{display:block;width:100%;height:100%;object-fit:cover}.news-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e2edff,#d8f3fc);width:100%;height:100%;color:#7b9cc9;font-size:2.4rem}.news-card h2,.news-card h3{font-size:1.05rem;line-height:1.6}.article-news-image{margin:24px 0;border-radius:22px;overflow:hidden;aspect-ratio:16/9;box-shadow:var(--clay-shadow)}.article-news-image .news-image{object-fit:contain;background:#e7effa}.news-preview{display:block;max-width:360px;width:100%;height:200px;object-fit:contain;border-radius:14px;background:#e7effa;margin:14px 0}.news-thumbnail{display:block;width:82px;height:56px;object-fit:cover;border-radius:9px}.news-upload{padding-top:8px}
@media(max-width:1100px){.preparation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preparation-square.paper{padding:24px}.preparation-title h2{font-size:1rem}.preparation-items{font-size:.79rem}}
@media(max-width:600px){.preparation-grid{grid-template-columns:1fr;gap:20px}.preparation-heading h1{font-size:1.4rem}.preparation-square.paper{padding:23px}.preparation-title h2{font-size:.96rem}.preparation-items{font-size:.77rem}.preparation-reference{font-size:.64rem}}
.application-profile{border:0;padding:0;margin:0;min-width:0}.application-profile[hidden],.application-profile [hidden]{display:none!important}.application-section-title{font-size:1rem;margin:22px 0 18px;color:#173d70}.application-form-guide{padding:20px;margin:15px 0}.application-form-guide h3{font-size:1rem}.application-form-guide p{font-size:.78rem}.application-profile .tag{font-size:.6rem}.resource-card .actions{margin-top:18px}.resource-card p{white-space:pre-wrap}

@media(min-width:601px){.application-profile [data-document-condition]>label{display:block;min-height:4.5em}}
.verification-control{margin:22px 0}.verification-control>label{display:block;margin-bottom:12px;font-size:.8rem;font-weight:600}.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:360px;margin:12px 0 14px}.otp-boxes[hidden]{display:none!important}.otp-boxes .otp-digit{width:100%;min-width:0;height:58px;padding:0;text-align:center;font-family:Poppins,sans-serif;font-size:1.45rem;font-weight:600;color:#0756d8;border:1px solid #d3e2fa;border-radius:14px;background:#edf4ff;box-shadow:inset 3px 3px 7px #dbe6f7,inset -3px -3px 7px #fff;caret-color:#0756d8}.otp-boxes .otp-digit:focus{outline:2px solid #3689ff;outline-offset:2px;background:#fff;box-shadow:0 4px 12px #0868e81c}.otp-boxes .otp-digit.has-value{border-color:#8ab8fa;background:#e5efff}.otp-help{font-size:.7rem;line-height:1.7;max-width:370px}.otp-recovery-toggle{border:0;background:none;color:#0756d8;padding:4px 0;font:600 .72rem Poppins,sans-serif;text-decoration:underline;cursor:pointer}.verification-fallback{width:100%;min-width:0}.admin-correction-actions{margin:6px 0 10px;justify-content:flex-end}.admin-checklist-add{margin-top:22px;padding-top:16px;border-top:1px solid #dce7f5}.admin-checklist-add summary{cursor:pointer;color:#0756d8;font-size:.8rem;font-weight:600;margin-bottom:14px}
@media(max-width:420px){.otp-boxes{gap:7px}.otp-boxes .otp-digit{height:50px;border-radius:11px;font-size:1.25rem}}

/* Perjelas pilihan pada daftar bawaan browser, termasuk Firefox. */
.clay-admin select{font-family:Poppins,system-ui,sans-serif;color:#17345e;font-weight:500}
.clay-admin select option,.clay-admin select optgroup{font-family:Arial,system-ui,sans-serif;font-size:14px;font-weight:500;color:#17345e;background-color:#f7faff}
.clay-admin select option:disabled{color:#7889a2}

.clay-admin .portal-banner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}.portal-banner-card{min-width:0;padding:20px;border:1px solid #dce6f2;border-radius:14px;background:#f8fbff;display:flex;flex-direction:column;gap:14px}.portal-banner-label{font-weight:600;margin:0}.portal-banner-preview{height:260px;display:flex;align-items:center;justify-content:center;background:#edf3fa;border-radius:10px;padding:10px;overflow:hidden}.portal-banner-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.portal-banner-empty{flex-direction:column;gap:10px;color:#7890aa;font-size:.75rem}.portal-banner-empty .bi{font-size:2rem}.portal-banner-card input[type=file]{width:100%;min-width:0;font:inherit;font-size:.75rem}.clay-admin .portal-banner-remove{display:flex;align-items:center;gap:9px;margin:0;font-size:.76rem;font-weight:400}.clay-admin .portal-banner-remove input{width:17px;height:17px;margin:0;flex:0 0 17px}@media(max-width:650px){.clay-admin .portal-banner-grid{grid-template-columns:1fr}.portal-banner-card{padding:15px}}

.home-color-control{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.clay-admin .home-color-control input[type=color]{width:64px;height:44px;min-width:64px;padding:4px;border:1px solid #d8e3f0;border-radius:9px;cursor:pointer}.home-color-control output{font-size:.8rem;font-family:monospace}.home-color-control span{font-size:.85rem;font-weight:600}

.clay-admin .home-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}.home-media-card{display:flex;flex-direction:column;gap:12px;min-width:0}.home-media-preview{height:170px;display:flex;align-items:center;justify-content:flex-start}.home-media-preview img{display:block;max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain;border-radius:12px}.home-media-card input[type=file]{max-width:100%;min-width:0;font:inherit;font-size:.75rem}.clay-admin .home-media-remove{display:flex;align-items:center;gap:9px;margin:0;font-size:.75rem;font-weight:400}.clay-admin .home-media-remove input{width:17px;height:17px;flex:0 0 17px;margin:0}@media(max-width:650px){.clay-admin .home-media-grid{grid-template-columns:1fr}}