/* SIJANTAN shared components. Loaded last; page-specific layouts and event targets stay intact. */
:root{--ui-sidebar:218px;--ui-header:78px;--ui-blue:#0060ff;--ui-navy:#00182f;--ui-ink:#18365f;--ui-muted:#6c82a2;--ui-border:#dfe8f5;--ui-surface:#fff;--ui-bg:#f6f9fd;--ui-radius:8px}
.sijantan-app{font-family:'Segoe UI',Arial,sans-serif;color:var(--ui-ink);background:var(--ui-bg)}
.sijantan-app .app-header{position:sticky;top:0;z-index:900;height:var(--ui-header);min-height:var(--ui-header);margin:0;padding:8px 22px;display:flex;align-items:center;gap:24px;flex-wrap:nowrap;background:linear-gradient(90deg,#00162f 0%,#001d3ae8 38%,#00162f20 67%,#00162ff0 100%),url('../../images/theme/header-landscape.png') center 51%/cover;color:white;border-bottom:1px solid #ffffff12;box-sizing:border-box}
.sijantan-app .app-header .brand{display:block;width:calc(var(--ui-sidebar) - 22px);min-width:calc(var(--ui-sidebar) - 22px);padding:0;border:0;margin:0;flex:none}.sijantan-app .app-header .brand img{width:190px;max-width:100%;height:auto;max-height:60px;display:block}.sijantan-app .app-header .search{display:flex;align-items:center;gap:10px;width:420px;max-width:42vw;flex:0 1 420px;min-width:120px;height:38px;padding:8px 12px;border:1px solid #8cb5e140;border-radius:6px;background:#ffffff10}.sijantan-app .app-header .search input{width:100%;min-width:0;min-height:0;border:0;background:transparent;padding:0;color:white;font:12px 'Segoe UI',Arial,sans-serif;box-shadow:none}.sijantan-app .app-header .search input::placeholder{color:#e0ecfa}.sijantan-app .app-header .search svg{width:18px;height:18px;flex:none}.sijantan-app .app-header .account{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none;font-size:12px;color:white}.sijantan-app .app-header .account small{display:block;color:#cbdcf0;font-size:10px}.sijantan-app .app-header .avatar{background:var(--ui-blue);color:white;border:1px solid #ffffff50;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;margin:0}.sijantan-app .app-header .avatar svg{width:26px;height:26px}.sijantan-app .app-header .account>svg{width:16px;height:16px;margin-left:12px}.sijantan-app .app-header :is(.notice,.notification){border:0;background:transparent;color:white;position:relative;cursor:pointer;padding:5px}.sijantan-app .app-header :is(.notice,.notification) svg{width:22px;height:22px}.sijantan-app .app-header :is(.notice,.notification) b{position:absolute;right:0;top:0;width:14px;height:14px;border-radius:50%;background:#f52f50;color:white;font-size:9px}.sijantan-app .app-header .account-rule{height:26px;border-left:1px solid #7194b750}.sijantan-app .app-generic-account{font-size:0!important}.sijantan-app .app-generic-account .avatar,.sijantan-app .app-generic-account small{font-size:11px}.sijantan-app .app-header #agency{font-size:12px}.sijantan-app .app-header.topbar>div:first-of-type{font-size:11px;color:#cbdcf0}
.sijantan-app .app-sidebar{position:fixed!important;left:0!important;top:var(--ui-header)!important;bottom:0!important;width:var(--ui-sidebar)!important;min-width:0!important;padding:12px 10px!important;height:calc(100dvh - var(--ui-header));overflow:auto!important;background:linear-gradient(180deg,#00182f 0%,#00182ff5 62%,#00182f65 100%),url('../../images/theme/sidebar-aceh.png') center bottom/cover!important;color:#deebfa;z-index:850;scrollbar-width:thin;scrollbar-color:#3d5c7b transparent;box-sizing:border-box}.sijantan-app .sijantan-nav{padding:0!important;gap:4px!important}.sijantan-app .sijantan-nav a{min-height:40px;padding:9px 11px!important;gap:11px;border-radius:6px;font:12px/1.4 'Segoe UI',Arial,sans-serif;color:#e4eefb!important;background:none;box-shadow:none;border:0}.sijantan-app .sijantan-nav a .icon{width:21px;height:21px;flex:0 0 21px}.sijantan-app .sijantan-nav a>span{flex:1;text-align:left}.sijantan-app .sijantan-nav a.active{background:var(--ui-blue)!important;box-shadow:0 3px 12px #0060ff30;color:white!important}.sijantan-app .sijantan-nav a:hover:not(.active){background:#ffffff14!important}.sijantan-app .app-sidebar-note{position:static!important;margin:28px 5px 8px;padding:0;border:0;background:none;font-size:12px;line-height:1.7;max-width:175px;color:#e2edf8;letter-spacing:0}.sijantan-app .app-main{margin-left:var(--ui-sidebar)!important;padding:16px 18px 24px!important;min-width:0;max-width:none;background:var(--ui-bg);min-height:calc(100vh - var(--ui-header));border-radius:0}.sijantan-app .layout:has(>.app-sidebar){display:block}.sijantan-app .app-main .welcome{gap:18px}.sijantan-app .app-main :is(.page-heading,.heading){height:auto;min-height:58px;margin-bottom:14px;gap:12px;flex-wrap:wrap;align-items:center}.sijantan-app .app-main :is(.page-heading,.heading) h1{font-size:25px;line-height:1.25;letter-spacing:-.4px;white-space:normal}.sijantan-app .app-main :is(.page-heading,.heading) p{font-size:12px;line-height:1.6;color:#627b9e}.sijantan-app .heading>.actions{margin-top:0;flex-wrap:wrap}.sijantan-app .actions{gap:8px}.sijantan-app .crumb{color:#6c82a2;font-size:11px;margin-bottom:7px;height:auto}
.sijantan-app :is(.btn,button.primary){min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid #bcd0ef;border-radius:5px;background:#fff;color:var(--ui-blue);font:11px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;text-decoration:none;box-sizing:border-box}.sijantan-app :is(.btn.primary,button.primary){background:var(--ui-blue);border-color:var(--ui-blue);color:white}.sijantan-app .btn.danger{color:#c83750;border-color:#f2bcc7}.sijantan-app .btn:hover{filter:brightness(.97);box-shadow:0 2px 6px #12376610}.sijantan-app button:disabled{opacity:.5;cursor:not-allowed}.sijantan-app .text-btn{font:11px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer}.sijantan-app :is(button,a,input,select,textarea):focus-visible{outline:2px solid #6aaaff;outline-offset:2px}.sijantan-app .panel{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:white;box-shadow:0 2px 8px #173b681f;min-width:0}.sijantan-app :is(.panelhead,.panel-head){padding:12px;gap:9px;flex-wrap:wrap}.sijantan-app :is(.panelhead,.panel-head) h2{font-size:13px;color:#18365f;line-height:1.4}.sijantan-app :is(.tablewrap,.table-wrap,.tablebox,.paper-table){overflow-x:auto;max-width:100%}.sijantan-app table{width:100%;border-collapse:collapse;font-family:'Segoe UI',Arial,sans-serif}.sijantan-app th{font-size:10px;font-weight:600;color:#36557c;background:#f1f6fd;text-align:left;line-height:1.5;padding:9px 7px;border-bottom:1px solid #dfe8f5;white-space:nowrap}.sijantan-app td{font-size:11px;line-height:1.5;color:#29476d;padding:10px 7px;border-bottom:1px solid #edf2f9}.sijantan-app tbody tr:hover{background:#f4f8fe}.sijantan-app td :is(.btn,.text-btn){font-size:10px}.sijantan-app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea){font-family:'Segoe UI',Arial,sans-serif;font-size:12px;min-height:32px;border:1px solid #cddcf1;border-radius:5px;padding:7px 9px;color:#28466f;background:#fff;max-width:100%;box-sizing:border-box}.sijantan-app input[type=checkbox],.sijantan-app input[type=radio],.sijantan-app input[type=range]{accent-color:var(--ui-blue)}.sijantan-app textarea{min-height:80px;resize:vertical}.sijantan-app .filterbar{gap:12px;flex-wrap:wrap;padding:11px 12px;border-color:var(--ui-border);border-radius:var(--ui-radius)}.sijantan-app .filterbar label{font-size:11px}.sijantan-app .form-grid{gap:12px}.sijantan-app dialog{border:1px solid var(--ui-border);border-radius:10px;box-shadow:0 20px 80px #00182f44;max-height:90dvh;max-width:calc(100vw - 28px)}.sijantan-app dialog::backdrop{background:#00182f99}.sijantan-app .toast{z-index:1200}.sijantan-app .prediction input{background:#ffffff12;color:white}.sijantan-app .prediction select{background:#173f6c;color:white}.sijantan-app [hidden]{display:none!important}
@media(max-width:1150px){.sijantan-app .app-header{gap:16px}.sijantan-app .app-header .search{max-width:38vw}.sijantan-app .app-header .account>svg,.sijantan-app .app-header .account-rule{display:none}}
@media(max-width:850px){.sijantan-app{--ui-header:116px}.sijantan-app .app-header{height:116px;min-height:116px;flex-wrap:wrap;align-content:center;padding:9px 14px;gap:9px 14px}.sijantan-app .app-header .brand{width:160px;min-width:160px}.sijantan-app .app-header .brand img{width:160px;height:44px}.sijantan-app .app-header .search{order:5;width:100%;max-width:none;flex:1 0 100%;height:32px}.sijantan-app .app-header .account{margin-left:auto;font-size:11px;gap:8px}.sijantan-app .app-header .account small{font-size:9px}.sijantan-app .app-header.topbar{height:78px;min-height:78px;flex-wrap:nowrap}.sijantan-app .app-header.topbar>div:first-of-type{display:none}.sijantan-app .app-sidebar{display:none!important}.sijantan-app .app-sidebar.sijantan-menu-open{display:block!important;inset:0 auto 0 0!important;width:245px!important;height:100dvh!important;padding:16px 12px 75px!important;z-index:1000!important}.sijantan-app .app-main{margin-left:0!important;padding:14px 12px 80px!important;min-height:calc(100vh - 116px)}.sijantan-app .sijantan-mobile-menu{z-index:1001}.sijantan-app .app-main :is(.page-heading,.heading) h1{font-size:22px}.sijantan-app .app-main :is(.page-heading,.heading){align-items:flex-start}.sijantan-app .form-grid{grid-template-columns:1fr}.sijantan-app .app-main .welcome-actions{width:auto}}
@media(max-width:430px){.sijantan-app .app-header .account>div,.sijantan-app .app-header .account>small{display:none}.sijantan-app .app-header .brand{width:150px;min-width:150px}.sijantan-app .app-header .brand img{width:150px}.sijantan-app th,.sijantan-app td{padding:8px 6px}.sijantan-app .btn{padding:7px 9px}.sijantan-app .actions{flex-wrap:wrap}}
@media print{.sijantan-app .app-header,.sijantan-app .app-sidebar,.sijantan-app .sijantan-mobile-menu{display:none!important}.sijantan-app .app-main{margin:0!important;padding:0!important;background:white;min-height:0}.sijantan-app .panel{box-shadow:none}.sijantan-app .report-paper table{font-size:9pt}.sijantan-app .report-paper td,.sijantan-app .report-paper th{font-size:9pt;padding:6px}}
/* Header controls are exempt from the white form-field surface. */
.sijantan-app .app-header .search input{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;padding:0!important;min-height:0!important;height:auto!important}.sijantan-app .app-header .search{color:white!important}.sijantan-app .app-sidebar{background:linear-gradient(180deg,#00182f 0%,#00182ff5 60%,#00182f20 100%),url('../../images/theme/sidebar-aceh.png') center bottom/100% auto no-repeat,#00182f!important}
.sijantan-app .app-header .app-header-context{display:none!important}@media(max-width:850px){.sijantan-app .app-header.topbar{height:116px;min-height:116px;flex-wrap:wrap}}
#shared-data-notice{position:fixed;bottom:14px;right:16px;z-index:3000;max-width:min(540px,90vw);padding:12px 15px;background:#fff4da;color:#624917;border:1px solid #e6c778;border-radius:8px;font:12px/1.6 'Segoe UI',sans-serif;box-shadow:0 5px 20px #00182f22}#shared-data-notice button{margin-left:8px;border:1px solid #ac8b48;border-radius:4px;background:white;padding:4px 8px;color:#624917;cursor:pointer}.shared-scope-note{font-size:10px;color:#6c82a2;line-height:1.6}

.shared-accessbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 14px;padding:9px 12px;border:1px solid #d8e7fa;background:#f1f7ff;border-radius:7px;font-size:12px;color:#274570}.shared-accessbar select{max-width:280px;margin-left:8px;padding:5px;border:1px solid #bfd3ef;border-radius:5px}.shared-accessbar p{width:100%;margin:0;color:#ae193c}[data-access-disabled]{opacity:.5;cursor:not-allowed!important}

#audit .audit-change{white-space:normal!important;overflow-wrap:anywhere;min-width:260px;max-width:500px}#audit .audit-time small{overflow-wrap:anywhere;white-space:normal}#audit td:nth-child(2) small{display:block;color:#687f9f}