@media screen{@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin.3100e775.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin-ext.34b9c504.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/sourceserif4-var-latin.f2ea9c12.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/sourceserif4-var-latin-ext.155f6e70.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--radius:14px;--shadow:0 1px 2px rgba(21,27,77,.05),0 6px 20px -8px rgba(21,27,77,.1);--tc-shadow-1:0 1px 2px rgba(21,27,77,.05),0 6px 20px -8px rgba(21,27,77,.1);--tc-shadow-2:0 2px 6px rgba(21,27,77,.07),0 18px 44px -16px rgba(21,27,77,.22);--tc-ring:0 0 0 3px rgba(184,149,46,.22);--tc-line:#e6e8f2;--tc-bg:#f6f7fb;--tc-navy-grad:linear-gradient(150deg,#1b2360 0%,#151b4d 52%,#101540 100%);--tc-gold-grad:linear-gradient(135deg,#d3ad3c 0%,#b8952e 60%,#a5842a 100%)}html{scroll-behavior:smooth}body{background:var(--tc-bg);letter-spacing:-.003em}h1,h2,h3,.serif{letter-spacing:-.012em}::selection{background:#f3e5bd}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9cddd;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#a9aec6;border:2px solid transparent;background-clip:content-box}:focus-visible{outline:2px solid rgba(184,149,46,.75);outline-offset:2px;border-radius:6px}img,svg{image-rendering:auto}b,strong{font-weight:700}#login-screen{background:radial-gradient(1000px 480px at 88% -10%,rgba(184,149,46,.2),transparent 60%),radial-gradient(800px 420px at -8% 108%,rgba(46,125,91,.16),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cpath d='M28 12v32M12 28h32' stroke='%23ffffff' stroke-opacity='.045' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),linear-gradient(165deg,#171e52,#101538 58%,#0b0f2c);padding:28px 18px}.login-card{border-radius:22px;box-shadow:0 40px 90px -30px #04081ebf,0 0 0 1px #ffffff12;background:#fff}.login-visual{background:radial-gradient(560px 300px at 18% 0%,rgba(184,149,46,.22),transparent 62%),radial-gradient(420px 260px at 100% 100%,rgba(46,125,91,.2),transparent 60%),var(--tc-navy-grad);padding:52px 44px}.login-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Ccircle cx='36' cy='36' r='1.4' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E")}.login-visual h1{font-size:clamp(24px,3.1vw,33px);line-height:1.18;font-weight:700;letter-spacing:-.02em}.login-visual .brandline .btxt b{letter-spacing:-.01em}.login-visual .brandline .btxt span{opacity:.72;letter-spacing:.02em}.login-features li{position:relative;padding-left:26px}.login-features li:before{content:"";position:absolute;left:2px;top:.42em;width:14px;height:14px;border-radius:50%;background:var(--tc-gold-grad) center/8px 8px no-repeat;box-shadow:0 0 0 3px #b8952e2e}.login-pulse svg polyline{stroke:#ffffffd9;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(184,149,46,.55))}.login-form{padding:44px 40px}.login-form h2{font-size:21px;font-weight:700;color:var(--navy)}.login-form .field label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.login-form .field input{border-radius:11px;border:1.5px solid var(--tc-line);background:#fbfcfe;transition:border-color .15s,box-shadow .15s,background .15s}.login-form .field input:hover{border-color:#cdd2e4}.login-form .field input:focus{border-color:var(--gold);box-shadow:var(--tc-ring);background:#fff;outline:none}.lotus{background:var(--tc-gold-grad);box-shadow:0 4px 14px -4px #b8952ea6;color:#241b04}.btn{border-radius:10px;font-weight:650;letter-spacing:.005em;transition:transform .12s,box-shadow .18s,background .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(160deg,#232d75 0%,var(--navy) 70%);box-shadow:0 8px 18px -8px #151b4d8c}.btn-primary:hover{background:linear-gradient(160deg,#2a3584,#1a215c 70%);box-shadow:0 10px 22px -8px #151b4d99}.btn-gold{background:var(--tc-gold-grad);color:#241b04;box-shadow:0 8px 18px -8px #b8952e99}.btn-gold:hover{filter:brightness(1.06);box-shadow:0 10px 22px -8px #b8952ea6}.btn-ghost{border-color:#d8dbe8;background:#fff}.btn-ghost:hover{background:var(--navy-soft);border-color:#c4c9e2}.btn-sm{border-radius:8px}input,select,textarea{border-radius:10px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{box-shadow:var(--tc-ring);border-color:var(--gold)!important;outline:none}.pill-filter button{border-radius:999px;border:1px solid #dcdfeb;background:#fff;color:var(--ink-soft);font-weight:650;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.pill-filter button:hover{border-color:#b9bfd8;color:var(--navy);background:#f8f9fd}.pill-filter button.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 4px 12px -4px #151b4d80}#grid-launcher{background:var(--tc-bg)}.gl-header{background:radial-gradient(520px 220px at 92% -30%,rgba(184,149,46,.28),transparent 62%),var(--tc-navy-grad);padding:24px 18px 30px;box-shadow:0 10px 30px -14px #0a0e288c}.gl-header:after{content:"";display:block;height:3px;margin:16px -18px -30px;background:linear-gradient(90deg,transparent,rgba(184,149,46,.85),transparent)}.gl-avatar-circle{background:var(--tc-gold-grad)!important;color:#241b04!important;box-shadow:0 4px 12px -4px #00000073;font-weight:800}.gl-name-block b{letter-spacing:-.01em}.gl-icon-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:11px;backdrop-filter:blur(4px)}.gl-icon-btn:hover{background:#fff3}.gl-search-wrap{background:#ffffff24!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;backdrop-filter:blur(4px)}.gl-search-wrap input{background:transparent!important;border:none!important;color:#fff}.gl-search-wrap input::placeholder{color:#ffffffa6}.gl-card{background:#fff;border:1px solid var(--tc-line);border-radius:16px;box-shadow:var(--tc-shadow-1)}.gl-card-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.menu-tile .mt-ic{background:#fff;border:1px solid var(--tc-line);box-shadow:var(--tc-shadow-1);border-radius:16px;width:56px;height:56px;transition:transform .16s,box-shadow .18s,border-color .15s}.menu-tile:hover .mt-ic,.menu-tile:active .mt-ic{transform:translateY(-3px) scale(1.03);box-shadow:var(--tc-shadow-2);border-color:#d5d9ea}.menu-tile .mt-lbl{font-weight:650;color:var(--ink)}.gl-bottomnav{background:#fff;box-shadow:0 -6px 24px -12px #151b4d40;border-top:1px solid var(--tc-line)}.gl-bn-item{color:var(--ink-soft)}.gl-bn-item.active,.gl-bn-item.active .gl-bn-ic,.gl-bn-item.active .gl-bn-lbl{color:var(--navy)}.gl-bn-item.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:18px;height:3px;border-radius:99px;background:var(--tc-gold-grad)}.gl-bn-item{position:relative}.gl-bn-center .gl-bn-ic-center{background:var(--tc-navy-grad);box-shadow:0 8px 20px -8px #151b4d99;border:3px solid #fff}.sidebar{background:radial-gradient(340px 200px at 100% 0%,rgba(184,149,46,.16),transparent 60%),linear-gradient(180deg,#181f56,#141a49 40%,#101538);padding:22px 14px}.sidebar .brand{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px;margin-bottom:16px}.sidebar .brand .btxt b{letter-spacing:-.01em}.sidebar .brand .btxt span{opacity:.65}.navlabel{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;margin:14px 8px 6px}.navitem,.navsubitem{border-radius:10px;transition:background .14s,color .14s,box-shadow .14s;margin:1px 0}.navitem:hover,.navsubitem:hover{background:#ffffff12}.navitem.active,.navsubitem.active{background:linear-gradient(90deg,#b8952e42,#b8952e12);box-shadow:inset 3px 0 0 var(--gold);color:#fff}.navitem .ic{opacity:.9}.sidebar-footer .role-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:12px}.footer-credit{opacity:.55}.topbar{background:#ffffffe0!important;backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);border-bottom:1px solid var(--tc-line)!important;box-shadow:0 4px 18px -12px #151b4d2e}.topbar .title{letter-spacing:-.015em;color:var(--navy)}.dtinfo{color:var(--ink-soft)}.avatar{background:var(--tc-navy-grad);color:#fff;box-shadow:0 4px 12px -4px #151b4d80;font-weight:800}.bell,.gl-icon-btn{position:relative}.content{background:var(--tc-bg)}.content-inner{padding-bottom:34px}.dash-hero,.wow-hero,.invw-hero,.nbw-hero{border-radius:18px;background:radial-gradient(620px 260px at 96% -20%,rgba(184,149,46,.3),transparent 62%),radial-gradient(420px 240px at -6% 120%,rgba(46,125,91,.22),transparent 60%),var(--tc-navy-grad)!important;box-shadow:var(--tc-shadow-2);color:#fff;position:relative;overflow:hidden}.dash-hero:before,.wow-hero:before,.invw-hero:before,.nbw-hero:before{content:"";position:absolute;inset:auto -40px -60% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.1),transparent 70%);pointer-events:none}.dash-hero h1,.wow-hero h2,.invw-hero h2,.nbw-hero h2{color:#fff;letter-spacing:-.02em}.dash-hero .hero-sub,.wow-hero p,.invw-hero p,.nbw-hero p{color:#ffffffc7}.dash-hero-chips .chip,.nbw-chip{background:#ffffff21!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px;backdrop-filter:blur(4px)}.invw-stat{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:14px;backdrop-filter:blur(4px)}.invw-stat .s-val{color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.invw-stat .s-lbl{color:#ffffffb8}.section-head h1{color:var(--navy);letter-spacing:-.02em}.section-head p{color:var(--ink-soft)}.card{background:#fff;border:1px solid var(--tc-line);border-radius:var(--radius);box-shadow:var(--tc-shadow-1);overflow:hidden}.card-head{border-bottom:1px solid #eef0f7;background:linear-gradient(180deg,#fff,#fbfcfe)}.card-head h3{color:var(--navy);font-weight:750;letter-spacing:-.008em}.tag-note{border-radius:8px}.stat-grid{gap:12px}.stat-card{background:#fff;border:1px solid var(--tc-line);border-radius:14px;box-shadow:var(--tc-shadow-1);position:relative;overflow:hidden;transition:transform .14s,box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-2)}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc-gold-grad);opacity:.85}.stat-card .val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--navy)}.stat-card .lbl{font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-size:10.5px}.shortcut{border-radius:16px;border-color:var(--tc-line);box-shadow:var(--tc-shadow-1)}.shortcut:hover{box-shadow:var(--tc-shadow-2);border-color:#d5d9ea}.shortcut b{letter-spacing:-.01em;color:var(--navy)}.shortcut .ic{border-radius:13px;box-shadow:inset 0 1px #ffffffa6}.mini-item{border-radius:10px}.mini-item:hover{background:#f8f9fd}.helpbox{border-radius:12px}.table-scroll,.cmri-scroll{border-radius:10px}table{border-collapse:separate;border-spacing:0;width:100%}thead th{background:#f7f8fc;color:var(--ink-soft);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--tc-line);position:sticky;top:0;z-index:1;backdrop-filter:blur(6px)}tbody td{border-bottom:1px solid #eef0f6;font-variant-numeric:tabular-nums}tbody tr{transition:background .12s}tbody tr:hover td{background:#151b4d07}tbody tr:last-child td{border-bottom:none}.badge{border-radius:999px;font-weight:750;letter-spacing:.03em}.overlay{backdrop-filter:blur(3px);background:#090d2680!important}.modal{border-radius:18px;box-shadow:0 40px 90px -30px #04081e99;border:1px solid rgba(255,255,255,.5);overflow:hidden}.modal-head{background:linear-gradient(180deg,#fff,#fafbfe);border-bottom:1px solid #eef0f7}.modal-head h3{color:var(--navy);letter-spacing:-.01em}.modal-foot{background:#fafbfe;border-top:1px solid #eef0f7}.toast-wrap .toast,.toast{border-radius:12px;box-shadow:var(--tc-shadow-2)}.post-login-notif-inner{border-radius:16px;box-shadow:var(--tc-shadow-2);border:1px solid var(--tc-line)}.bell-dropdown{border-radius:14px;box-shadow:var(--tc-shadow-2);border:1px solid var(--tc-line);overflow:hidden}.attach-menu{border-radius:12px;box-shadow:var(--tc-shadow-2);border:1px solid var(--tc-line);overflow:hidden}.attach-item:hover{background:var(--navy-soft)}.settings-row{transition:background .13s}.settings-row:hover{background:#f8f9fd}.log-date-nav{border-top:1px dashed var(--tc-line)}.ldn-label{font-weight:750;color:var(--navy);letter-spacing:-.01em}.cmri-scroll table td,.cmri-scroll table th{font-variant-numeric:tabular-nums}#logbook-sync-bar{border-radius:var(--radius);box-shadow:var(--tc-shadow-1)}.doc-grid .doc-item,.doc-grid>div{border-radius:12px;transition:transform .13s,box-shadow .16s,border-color .15s}.doc-grid .doc-item:hover,.doc-grid>div:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-1);border-color:#d5d9ea}.stock-card-grid>div{border-radius:14px;transition:transform .13s,box-shadow .16s}.stock-card-grid>div:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-2)}.kpi-summary>div,.kpi-summary .kpi-item{border-radius:12px}.month-chart>div{border-radius:6px 6px 0 0}.fs-back-btn{border-radius:999px;box-shadow:var(--tc-shadow-1);backdrop-filter:blur(6px)}.migrasi-foto-bar{border-radius:14px;box-shadow:var(--tc-shadow-2)}.offline-pesan{max-width:420px;margin:14vh auto;padding:28px;background:#fff;border-radius:18px;box-shadow:var(--tc-shadow-2);text-align:center}.tc-fms-logo{object-fit:contain;flex:none;filter:drop-shadow(0 2px 4px rgba(9,40,25,.28))}.sidebar .brand .tc-fms-logo{width:38px;height:38px}.topbar{gap:12px;justify-content:flex-start}.topbar .tc-fms-logo{width:32px;height:32px}.topbar .title{margin:0;letter-spacing:-.015em}.topbar .right{margin-left:auto}.login-form .login-logo{border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 18px rgba(9,40,25,.3))}.gl-fms-chip{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.gl-fms-chip img{width:22px;height:22px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media (max-width:640px){.login-card{border-radius:18px}.login-visual{padding:34px 26px}.login-form{padding:30px 22px}.dash-hero,.wow-hero,.invw-hero,.nbw-hero{border-radius:15px}}}@media (min-width:1024px){.app-shell,.sidebar,.topbar,.topbar .role-switch{display:flex!important}.gl-bottomnav,body.fullscreen-mode .fs-back-btn{display:none!important}body.fullscreen-mode .content{padding:26px 32px 40px}#grid-launcher{position:fixed;inset:0 0 0 236px;z-index:26;min-height:0;overflow-y:auto;background:var(--tc-bg)}.gl-header{position:sticky;top:0;z-index:6;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:12px 24px;background:#ffffffeb;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 4px 18px -12px #151b4d2e;border-bottom:1px solid var(--tc-line)}.gl-header:after{display:none}.gl-search-wrap{order:1;flex:0 1 480px;margin:0!important;background:#fff!important;border:1px solid var(--tc-line)!important;box-shadow:var(--tc-shadow-1)}.gl-search-wrap input{color:var(--ink)!important}.gl-search-wrap input::placeholder{color:#9aa1b5}#gl-role-switch{order:2;margin:0!important;background:#eef0f7!important;border:1px solid var(--tc-line)}.gl-header-top{order:3;margin-left:auto}.gl-avatar-circle{width:38px;height:38px;font-size:12px;line-height:1.1;overflow:hidden;background:var(--tc-navy-grad)!important;color:#fff!important}.gl-name-block b{color:var(--ink)}.gl-name-block span{color:var(--ink-soft)}.gl-icon-btn{background:#fff;border:1px solid var(--tc-line);color:var(--ink)}.gl-icon-btn:hover{background:#f4f6fc}.gl-body{align-items:stretch;padding:22px 26px 36px}.gl-body>.gl-card{max-width:1560px;margin:0 auto;width:100%}#gl-breadcrumb{max-width:1560px;margin:0 auto 12px;width:100%}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important}}@media (min-width:1024px){#pm-tabs,#k3fire-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid var(--tc-line);border-radius:14px;padding:10px;box-shadow:var(--tc-shadow-1)}#pm-tabs button,#k3fire-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 15px;border-radius:999px;border:1px solid var(--tc-line);background:#fbfcff;font-size:12px;font-weight:650;letter-spacing:.01em;color:var(--ink-soft);transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .12s}#pm-tabs button:hover,#k3fire-tabs button:hover{background:#f3f5fb;color:var(--navy);border-color:#c9cfe4;transform:translateY(-1px)}#pm-tabs button:focus-visible,#k3fire-tabs button:focus-visible{outline:2px solid rgba(184,149,46,.65);outline-offset:2px}#pm-tabs button.active,#k3fire-tabs button.active{background:linear-gradient(135deg,#1b2260,#151b4d 60%,#101538);border-color:#151b4d;color:#fff;box-shadow:0 6px 16px -6px #151b4d8c,inset 0 1px #ffffff1f}#pm-tabs button span,#k3fire-tabs button span{font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:600}#pm-tabs>span[data-st],#k3fire-tabs>span[data-st]{flex:1 0 100%;display:flex;align-items:center;gap:12px;margin:8px 4px 2px;padding:0!important;align-self:auto!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;color:#8b91a8!important;text-transform:uppercase}#pm-tabs>span[data-st]:before,#k3fire-tabs>span[data-st]:before{content:"";flex:0 0 22px;height:1px;background:#b8952e99}#pm-tabs>span[data-st]:after,#k3fire-tabs>span[data-st]:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--tc-line),transparent)}#pm-tabs button[data-st*=dashed],#k3fire-tabs button[data-st*=dashed]{background:transparent;color:var(--navy);font-weight:700}#pm-tabs button[data-st*=dashed]:hover,#k3fire-tabs button[data-st*=dashed]:hover{background:#eef1fa;color:var(--navy);transform:none}}@media (min-width:1024px){body:not(.dpump-print-mode) .dpump-sheet-table{table-layout:auto;width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}body:not(.dpump-print-mode) .dpump-sheet-table th{background:linear-gradient(180deg,#f8f9fd,#f1f3fa);color:var(--ink-soft);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px;height:auto;white-space:nowrap;border:0;border-bottom:1px solid var(--tc-line);overflow:visible;text-overflow:clip}body:not(.dpump-print-mode) .dpump-sheet-table td{padding:10px 12px;height:auto;font-size:12.5px;color:var(--ink);border:0;border-bottom:1px solid var(--tc-line);overflow:visible;text-overflow:clip;white-space:normal;vertical-align:top;line-height:1.45}body:not(.dpump-print-mode) .dpump-sheet-table tbody tr:nth-child(2n) td{background:#fafbfe}body:not(.dpump-print-mode) .dpump-sheet-table tbody tr:hover td{background:#eef1fa}body:not(.dpump-print-mode) .dpump-sheet-table tbody td:first-child{text-align:center;font-weight:700;color:var(--navy);white-space:nowrap}body:not(.dpump-print-mode) .dpump-sheet-table th[data-st*="min-width:30px"],body:not(.dpump-print-mode) .dpump-sheet-table td[data-st*="text-align:center;color:#c6cad6;"]{padding:10px 6px;border-left:1px solid var(--tc-line);white-space:nowrap}body:not(.dpump-print-mode) .cmri-scroll,body:not(.dpump-print-mode) .cmri-scroll>div{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c3c9dd transparent}body:not(.dpump-print-mode) .cmri-scroll::-webkit-scrollbar,body:not(.dpump-print-mode) .cmri-scroll>div::-webkit-scrollbar{height:10px}body:not(.dpump-print-mode) .cmri-scroll::-webkit-scrollbar-thumb,body:not(.dpump-print-mode) .cmri-scroll>div::-webkit-scrollbar-thumb{background:#c3c9dd;border-radius:999px;border:3px solid #fff}body:not(.dpump-print-mode) .cmri-scroll::-webkit-scrollbar-track,body:not(.dpump-print-mode) .cmri-scroll>div::-webkit-scrollbar-track{background:transparent}}@media (min-width:1024px){#pm-tabs,#k3fire-tabs,#pr-main-tabs,#ma-tabs,#karyawan-tabs,#pmsipil-tabs{display:none!important}}@media (min-width:1024px){.gl-card{border-radius:16px}#tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}#tile-grid .menu-tile{border-radius:14px}}#navsub-logbookumum .navsubitem{padding:7px 12px 7px 46px;font-size:11.5px;color:#9fa2cc;font-weight:500;margin-bottom:1px;border-radius:8px}#navsub-logbookumum .navsubitem .ic{width:14px;text-align:center;font-size:11px}#navsub-logbookumum .navsubitem:hover{background:#ffffff0f;color:#fff}#navsub-logbookumum .navsubitem.active{background:#d4af3726;color:var(--gold);font-weight:700}#navsub-logbookumum.open,#navsub-logbookatem.open{max-height:640px}#dash-menu-utama .card-head{align-items:center}#dash-menu-utama .tile-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 6px;padding:4px 0}#dash-menu-utama .menu-tile .mt-lbl{font-size:12px;line-height:1.3;color:var(--ink)}#dash-menu-utama .menu-tile .mt-ic{transition:transform .18s ease,box-shadow .18s ease}#dash-menu-utama .menu-tile:hover .mt-ic{transform:translateY(-2px);box-shadow:0 6px 14px #151b4d24}@media (max-width:1023px){#dash-menu-utama{display:none!important}}@media (min-width:1024px){.sidebar .navsubitem[data-a-click=ad6fa09e]{display:none!important}}#fms-update-bar{display:none!important;visibility:hidden!important}.nbx-wrap{border:1px solid #c8d2e2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--tc-shadow-1)}.nbx-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;background:linear-gradient(#f7f9fd,#edf1f9);border-bottom:1px solid #c8d2e2}.nbx-file{display:inline-flex;align-items:center;gap:7px;font:800 12px Inter,system-ui,sans-serif;color:#1c2740;white-space:nowrap}.nbx-xls{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;border-radius:6px;background:#157347;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.02em}.nbx-info{font:600 11px Inter,system-ui,sans-serif;color:#7b8aa6;white-space:nowrap}.nbx-search{flex:1;min-width:170px;padding:7px 10px;border:1px solid #c8d2e2;border-radius:8px;font:500 12px Inter,system-ui,sans-serif;background:#fff;color:#1c2740}.nbx-search:focus{outline:none;box-shadow:0 0 0 2px #b8952e59}.nbx-filters{display:inline-flex;gap:4px;background:#e3e9f4;border-radius:9px;padding:3px}.nbx-filter{border:0;background:transparent;border-radius:7px;padding:5px 10px;font:700 11px Inter,system-ui,sans-serif;color:#5a6b8c;cursor:pointer}.nbx-filter.active{background:#fff;color:#151b4d;box-shadow:0 1px 3px #151b4d29}.nbx-save{margin-left:auto;font:700 11px Inter,system-ui,sans-serif;color:#157347;white-space:nowrap}.nbx-scroll{overflow:auto;max-height:64vh}table.nbx-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;font:500 12.5px/1.45 Inter,system-ui,sans-serif;color:#1c2740}.nbx-table thead th{position:sticky;z-index:4;background:#edf1f9;border-right:1px solid #d3dbe8;border-bottom:1px solid #c8d2e2;padding:6px 9px;text-align:left;font:800 10.5px/1.35 Inter,system-ui,sans-serif;letter-spacing:.03em;color:#5a6b8c;text-transform:uppercase;white-space:nowrap}.nbx-table thead tr:nth-child(1) th{top:0;background:#e2e8f4;text-align:center;color:#8391ab;font-size:9.5px}.nbx-table thead tr:nth-child(2) th{top:23px;background:#eef2f9}.nbx-rownum{position:sticky;left:0;z-index:2;width:40px;min-width:40px;max-width:40px;background:#f2f5fa;color:#7b8aa6;text-align:center;font:800 11px Inter,system-ui,sans-serif;border-right:1px solid #d3dbe8;border-bottom:1px solid #e2e8f2}.nbx-table tbody td{border-right:1px solid #e2e8f2;border-bottom:1px solid #e2e8f2;padding:0;vertical-align:middle;background:#fff}.nbx-row:nth-child(4n+3) td{background:#fbfcfe}.nbx-row.day-start td{border-top:2px solid #c8d2e2}.nbx-row.is-close td{background:#f4faf6}.nbx-row.is-close .nbx-edit,.nbx-row.is-close .nbx-sel{color:#5c7a68;text-decoration:line-through;text-decoration-color:#b8cfc0}.nbx-cell{position:relative}.nbx-cell:focus-within{box-shadow:inset 0 0 0 2px var(--gold,#b8952e);background:#fffdf4!important}.nbx-edit,.nbx-sel{display:block;width:100%;border:0;background:transparent;padding:8px 9px;font:inherit;color:inherit;outline:none}textarea.nbx-edit{resize:none;overflow:hidden;line-height:1.45;min-height:34px}.nbx-sel{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:none}.nbx-sel.nbx-st{font-weight:700}.nbx-st.st-close{color:#157347}.nbx-st.st-progress{color:#1d5c78}.nbx-st.st-pending{color:#a86a12}.nbx-st.st-vendor{color:#6b4fa0}.nbx-c-tgl span{display:block;padding:8px 9px 0;font-weight:700;white-space:nowrap;font-size:12px}.nbx-closed{font-size:9.5px;color:#157347;font-weight:700;padding:0 9px 7px;white-space:nowrap}.nbx-sub{font-size:10px;color:#8b97ad;padding:0 9px 7px;line-height:1.35}.nbx-c-fu{min-width:190px;max-width:250px}.nbx-fu-toggle{display:inline-flex;align-items:center;gap:5px;margin:7px 9px 4px;border:1px solid #d3dbe8;background:#f7f9fd;border-radius:99px;padding:3px 9px;font:700 11px Inter,system-ui,sans-serif;color:#41506f;cursor:pointer}.nbx-fu-toggle.has{border-color:#bcd7c6;background:#f2faf5;color:#157347}.nbx-fu-toggle .nbx-caret{font-size:9px;color:#8391ab}.nbx-fu-toggle.open .nbx-caret{transform:rotate(180deg)}.nbx-fu-prev{font-size:10.5px;color:#6b7995;padding:0 9px 8px;white-space:normal;word-break:break-word;line-height:1.4}.nbx-fu-prev.mut{color:#a8b2c4;font-style:italic}.nbx-c-act{width:52px;text-align:center}.nbx-del{border:0;background:transparent;color:#b1444f;font-size:14px;cursor:pointer;padding:6px;border-radius:6px}.nbx-del:hover{background:#fdeff1}.nbx-empty{padding:30px 16px!important;text-align:center;color:#8b97ad;font:600 12.5px Inter,system-ui,sans-serif}.nbx-furow td{background:#f7fafc!important;border-bottom:1px solid #dbe3ee}.nbx-rownum-fu{color:#c2ccdc}.nbx-fu-panel{padding:10px 12px 12px!important}.nbx-fu-list{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.nbx-fu-item{display:grid;grid-template-columns:34px 78px 1fr 130px 58px;gap:8px;align-items:baseline;background:#fff;border:1px solid #e2e8f2;border-radius:8px;padding:6px 9px;font:500 12px Inter,system-ui,sans-serif}.nbx-fu-no{color:#157347;font-weight:800}.nbx-fu-d{color:#7b8aa6;font-size:11px;white-space:nowrap}.nbx-fu-t{color:#1c2740;word-break:break-word}.nbx-fu-b{color:#8b97ad;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbx-fu-a{display:inline-flex;gap:4px;justify-content:flex-end}.nbx-fu-a button{border:1px solid #d3dbe8;background:#fff;border-radius:6px;padding:2px 7px;font-size:11px;cursor:pointer;color:#41506f}.nbx-fu-a button.del{color:#b1444f;border-color:#eccfd3}.nbx-fu-empty{color:#a8b2c4;font:italic 500 11.5px Inter,system-ui,sans-serif}.nbx-fu-add2{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nbx-fu-input{flex:1;min-width:200px;padding:7px 10px;border:1px dashed #b9c5d9;border-radius:8px;font:500 12px Inter,system-ui,sans-serif;background:#fff}.nbx-fu-input:focus{outline:none;border-style:solid;border-color:var(--gold,#b8952e);box-shadow:0 0 0 2px #b8952e40}.nbx-fu-add2 button{border:1px solid #c8d2e2;background:#eef2f9;border-radius:8px;padding:7px 12px;font:700 11.5px Inter,system-ui,sans-serif;color:#151b4d;cursor:pointer}.nbx-sheets{display:flex;gap:2px;padding:7px 8px 0;background:#edf1f9;border-top:1px solid #c8d2e2;overflow-x:auto}.nbx-sheet{border:1px solid transparent;border-bottom:0;background:transparent;padding:6px 12px;font:700 11.5px Inter,system-ui,sans-serif;color:#5a6b8c;cursor:pointer;border-radius:8px 8px 0 0;white-space:nowrap}.nbx-sheet:hover{background:#e2e8f4}.nbx-sheet.active{background:#fff;border-color:#c8d2e2;color:#1c2740;box-shadow:0 -2px 0 var(--gold,#b8952e) inset}.nbx-addbar{margin-top:12px;border:1px solid #c8d2e2;border-radius:14px;background:#fff;box-shadow:var(--tc-shadow-1);overflow:hidden}.nbx-addrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px}.nbx-addbar .nbx-a-date{padding:8px 10px;border:1px solid #c8d2e2;border-radius:8px;font:600 12px Inter,system-ui,sans-serif;color:#151b4d;background:#fbfbfd}.nbx-addbar .nbx-a-uraian{flex:1;min-width:220px;padding:8px 10px;border:1px solid #c8d2e2;border-radius:8px;font:500 12.5px Inter,system-ui,sans-serif;resize:none;overflow:hidden;min-height:36px}.nbx-addbar .nbx-a-sel{padding:8px 10px;border:1px solid #c8d2e2;border-radius:8px;font:600 12px Inter,system-ui,sans-serif;background:#fbfbfd;color:#151b4d}.nbx-addbar .nbx-a-pic{padding:8px 10px;border:1px solid #c8d2e2;border-radius:8px;font:500 12px Inter,system-ui,sans-serif;min-width:130px}.nbx-addbar .nbx-a-tgl{padding:8px 10px;border:1px solid #c8d2e2;border-radius:8px;font:600 12px Inter,system-ui,sans-serif;background:#fbfbfd;color:#151b4d}.nbx-addbar .nbx-a-uraian:focus,.nbx-addbar .nbx-a-pic:focus{outline:none;border-color:var(--gold,#b8952e);box-shadow:0 0 0 2px #b8952e38}.nbx-hint{padding:0 12px 11px;font:500 11px Inter,system-ui,sans-serif;color:#8b97ad}@media (max-width:1023px){.nbx-scroll{max-height:none}table.nbx-table{min-width:1020px}.nbx-fu-item{grid-template-columns:30px 72px 1fr 52px}.nbx-fu-b{display:none}}.table-scroll,.nbx-scroll,.doc-grid{contain:content}@supports (content-visibility:auto){.nbx-fu-item{content-visibility:auto;contain-intrinsic-size:auto 40px}#table-notulen tr{content-visibility:auto;contain-intrinsic-size:auto 42px}}.doc-card .doc-actions button[data-a-click^=fmsd]{background:linear-gradient(135deg,#f0d79a,#b8952e);color:#3a2e07;font-weight:800;width:26px;height:26px;font-size:12px}.doc-card .doc-actions button[data-a-click^=fmsd]:hover{filter:brightness(1.06)}@media (hover:none),(pointer:coarse){.doc-card .doc-actions{opacity:1}}#li-galat,#btn-cek-server{display:none!important}.login-visual .brandline .brand-logo,.login-form .login-logo{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.login-visual .brandline .brand-logo{height:50px;width:auto;max-width:150px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}.login-form .login-logo{width:258px;max-width:74%;height:150px;object-fit:cover;object-position:center 38%;display:block;margin:0 auto 2px;background:transparent!important;filter:drop-shadow(0 10px 24px rgba(15,35,25,.18))}.login-visual h1{margin:18px 0 10px}.login-visual p{margin:0 0 18px}.login-features{margin:0;padding:0 0 10px;list-style:none;display:grid;gap:8px}.login-visual .login-pulse{margin-top:8px;opacity:.5}.login-pulse svg{width:100%;height:26px;display:block}.login-pulse svg polyline{stroke:#ffffff80;stroke-width:2;filter:none}.login-features li{font-size:12.5px;line-height:1.35}.login-form h2{margin:10px 0 4px;text-align:center}.login-form p.sub{margin:0 0 18px;text-align:center}.login-visual .brandline .btxt b{font-size:14.5px}.login-visual .brandline .btxt span{font-size:11.5px}
/* ===== Rev59 — Desktop (>=1024px): tata letak total ===== */
:root{--s:1}
@media (min-width:1800px){:root{--s:1.15}}
@media (min-width:2200px){:root{--s:1.3}}
@media (min-width:2700px){:root{--s:1.5}}
@media (min-width:3200px){:root{--s:1.7}}
@media (min-width:3800px){:root{--s:2}}
@media (min-width:1024px){
body .app-shell .sidebar{zoom:var(--s);position:sticky;top:0;align-self:flex-start;height:calc(100vh / var(--s));overflow-y:auto;overflow-x:hidden;width:256px;padding:20px 14px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
body .sidebar .brand .btxt b{font-size:15px}
body .sidebar .navlabel{font-size:11px;margin:16px 8px 6px}
body .sidebar .navitem{font-size:14px;padding:10px 12px;gap:12px}
body .sidebar .navitem .ic{width:22px;font-size:16px}
body .sidebar .navsubitem{font-size:13px;padding:8px 12px 8px 38px}
body .sidebar .navsubitem-lvl2{font-size:12.5px;padding:7px 12px 7px 54px}
body .app-shell .topbar{zoom:var(--s);position:sticky;top:0;z-index:25;height:68px;padding:0 28px;gap:14px}
body .topbar .tc-fms-logo{display:none}
body .topbar .title{font-size:20px;font-weight:800}
body .topbar .role-switch button{font-size:12px;padding:7px 11px}
.dt-nav{display:none;align-items:center;gap:8px}
.dt-nav.dt-tampil{display:flex}
.dt-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tc-line);background:#fff;color:var(--navy);border-radius:11px;padding:9px 16px;font:700 13.5px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:var(--tc-shadow-1);transition:background .15s,transform .15s,box-shadow .15s}
.dt-btn:hover{background:var(--navy-soft);transform:translateY(-1px)}
.dt-btn.dt-back{background:var(--navy);color:#fff;border-color:var(--navy)}
.dt-btn.dt-back:hover{background:#232b6e}
.dt-btn.dt-ghost{box-shadow:none}
.dt-crumb{font-size:13px;font-weight:600;color:var(--ink-soft);margin-left:4px}
body.fullscreen-mode .content{padding:24px 36px 48px}
body .content-inner{zoom:var(--s);max-width:1560px}
body .overlay .modal{zoom:var(--s);max-height:calc(88vh / var(--s))}
#__fmsRiwayatOverlay .ra-modal{width:min(1280px,calc(96vw / var(--s)));height:calc(92vh / var(--s));max-height:calc(92vh / var(--s))}
#grid-launcher{left:calc(256px * var(--s))!important}
#grid-launcher .gl-header{zoom:var(--s);padding:12px 28px}
#grid-launcher .gl-header .role-switch button{color:var(--ink-soft)}
#grid-launcher .gl-header .role-switch button.active{background:var(--navy);color:#fff;box-shadow:none}
#grid-launcher .gl-body{zoom:var(--s);padding:24px 32px 48px}
#grid-launcher .gl-body>.gl-card,#grid-launcher #gl-breadcrumb,.dt-hero{max-width:1560px;margin-left:auto;margin-right:auto;width:100%}
#grid-launcher .gl-card{background:transparent;border:none;box-shadow:none;padding:0}
#grid-launcher .gl-fms-chip{display:none}
#grid-launcher .gl-card-title{font-size:20px;letter-spacing:-.01em;text-transform:none;color:var(--navy);font-weight:800;margin:0 0 16px}
body.dt-home #grid-launcher .gl-card-title{display:none}
#grid-launcher #gl-breadcrumb{margin-bottom:14px;gap:14px}
#grid-launcher .gl-back-btn{background:var(--navy);color:#fff;border:none;border-radius:11px;padding:10px 18px;font-size:14px;box-shadow:var(--tc-shadow-1)}
#grid-launcher .gl-back-btn:hover{background:#232b6e}
#gl-breadcrumb-label{font-size:20px}
body.dt-sub .dt-hero{display:none}
.dt-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:radial-gradient(520px 220px at 95% -20%,rgba(184,149,46,.32),transparent 62%),linear-gradient(135deg,#151b4d,#2f3f9e);color:#fff;border-radius:20px;padding:24px 30px;margin-bottom:26px;box-shadow:var(--tc-shadow-2)}
.dt-hero h2{margin:0;font:700 26px/1.2 "Source Serif 4",Georgia,serif;letter-spacing:-.01em}
.dt-hero p{margin:6px 0 0;opacity:.82;font-size:14px}
.dt-rek{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.dt-rek>span{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-right:4px}
.dt-pill{border:1px solid #ffffff3d;background:#ffffff1a;color:#fff;border-radius:999px;padding:6px 14px;font:600 12.5px Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s}
.dt-pill:hover{background:#ffffff38}
.dt-chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.dt-chip{min-width:132px;text-align:left;border:1px solid #ffffff33;background:#ffffff1a;color:#fff;border-radius:16px;padding:12px 18px;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s}
.dt-chip:hover{background:#ffffff33;transform:translateY(-2px)}
.dt-chip b{display:block;font-size:28px;line-height:1.1}
.dt-chip span{font-size:12px;opacity:.85}
#tile-grid{display:block!important}
#tile-grid:not(.dt-grouped){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}
.tg-group{margin-bottom:26px}
.tg-title{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.tg-title:after{content:"";flex:1;height:1px;background:var(--tc-line)}
.tg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
#tile-grid .menu-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;text-align:left;background:#fff;border:1px solid var(--tc-line);border-radius:16px;padding:14px 16px;min-height:78px;box-shadow:var(--tc-shadow-1);transition:transform .16s,box-shadow .18s,border-color .15s}
#tile-grid .menu-tile:hover{transform:translateY(-2px);box-shadow:var(--tc-shadow-2);border-color:#c5cbea}
#tile-grid .menu-tile .mt-ic{flex:none;width:48px;height:48px;border-radius:14px;background:#f1f3fb;border:none;box-shadow:none;font-size:24px}
#tile-grid .menu-tile:hover .mt-ic{transform:none;box-shadow:none;background:#e6eaf8}
#tile-grid .menu-tile .mt-lbl{font-size:14.5px;font-weight:650;line-height:1.25;color:var(--ink);max-width:none;display:block;-webkit-line-clamp:unset}
#tile-grid .menu-tile .mt-badge{position:static;margin-left:auto;flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f3fb;color:var(--navy);font-size:15px;font-weight:700;padding:0}
#tile-grid .menu-tile .mt-notif-badge{top:-7px;right:-7px}
}
@media (max-width:1023px){.dt-hero,.dt-nav,.tg-title{display:none!important}#tile-grid.dt-grouped .tg-group,#tile-grid.dt-grouped .tg-tiles{display:contents}}
@media (min-width:1280px){
#grid-launcher .gl-header{flex-wrap:nowrap;gap:12px 14px}
#grid-launcher .gl-search-wrap{flex:1 1 260px!important;max-width:440px;min-width:200px}
#grid-launcher #gl-role-switch{flex:0 1 auto;flex-wrap:nowrap;overflow:hidden}
#grid-launcher #gl-role-switch button{padding:6px 9px;font-size:11.5px;white-space:nowrap}
#grid-launcher .gl-header-top{flex:none;margin-left:auto}
}
@media (min-width:1024px){
body .app-shell .topbar{flex-wrap:nowrap;min-width:0}
body .topbar .title{white-space:nowrap;flex:none}
body .topbar .right{flex-wrap:nowrap;flex:1 1 auto;min-width:0;justify-content:flex-end;gap:12px}
body .topbar .right .role-switch{order:0;width:auto;flex:0 1 auto;flex-wrap:nowrap;overflow:hidden;min-width:0}
body .topbar .right .role-switch button{white-space:nowrap;padding:6px 9px;font-size:11.5px}
.dt-btn,.dt-crumb{white-space:nowrap}
body .topbar .dtinfo{white-space:nowrap}
}
@media (min-width:1024px) and (max-width:1999px){body .topbar .dtinfo,body .topbar .mode-badge{display:none}}
body.dt-sub #grid-launcher .gl-card-title{display:none}

/* ===== Rev65 — Halaman riwayat PM publik (scan QR): rapi di HP & desktop ===== */
#fms-pub-root{color:var(--ink,#1c2140);font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%}
#fms-pub-root *{box-sizing:border-box}
.pub-top{position:sticky;top:0;z-index:5;background:linear-gradient(135deg,#151b4d,#2a3a9a);color:#fff;box-shadow:0 2px 14px rgba(21,27,77,.28)}
.pub-top-in{max-width:980px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pub-brand{display:flex;align-items:center;gap:12px;min-width:0}
.pub-logo{height:42px;width:auto;flex:none;background:#fff;border-radius:10px;padding:4px 9px}
.pub-brand-t{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.pub-brand-t b{font-size:16px;letter-spacing:.2px}.pub-brand-t span{font-size:12px;opacity:.8}
.pub-actions{display:flex;gap:8px;flex-wrap:wrap}
.pub-actions .btn{white-space:nowrap;justify-content:center}
.pub-login{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.5)!important}
.pub-main{max-width:980px;margin:0 auto;padding:20px 20px 48px}
.pub-hero{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 6px 22px rgba(21,27,77,.07)}
.pub-over{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.pub-h1{margin:6px 0 8px;font-size:30px;line-height:1.15;color:var(--navy);font-weight:800;word-break:break-word}
.pub-kode{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--ink-soft);font-weight:600}
.pub-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 11px}
.pub-badge.ok{background:#e4f6ea;color:#17703a}.pub-badge.bad{background:#fde7e7;color:#b42323}.pub-badge.info{background:#eaf0ff;color:#2a3a9a}
.pub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.pub-kv{min-width:0}.pub-kv dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.pub-kv dd{margin:3px 0 0;font-size:16px;font-weight:600;color:var(--ink);word-break:break-word}
.pub-h2{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:20px;color:var(--navy);font-weight:800}
.pub-cnt{font-size:13px;background:#eaf0ff;color:#2a3a9a;border-radius:999px;padding:2px 11px}
.pub-card{background:#fff;border:1px solid var(--line);border-radius:16px;margin:0 0 16px;overflow:hidden;box-shadow:0 4px 16px rgba(21,27,77,.05)}
.pub-card-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 18px;background:#f3f5ff;border-bottom:1px solid var(--line)}
.pub-date{font-size:17px;font-weight:800;color:var(--navy);background:#fff;border:1px solid #d6dcf5;border-radius:10px;padding:6px 14px;white-space:nowrap}
.pub-by span{display:block;font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.pub-by b{font-size:15.5px;color:var(--ink)}.pub-by small{display:block;font-size:12.5px;color:var(--ink-soft)}
.pub-card-b{padding:16px 18px;font-size:14.5px;line-height:1.6;overflow-x:auto}
.pub-line{margin:0 0 10px}
.pub-card-b [data-st*="font-size:12px"],.pub-card-b [data-st*="font-size:12.5px"],.pub-card-b [data-st*="font-size:13px"]{font-size:14px!important}
.pub-card-b [data-st*="font-size:11.5px"]{font-size:13.5px!important}
.pub-card-b [data-st*="grid-template-columns:1fr 1fr"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important}
.pub-card-b [data-st*="grid-template-columns:1fr 1fr"]>div{padding:8px 11px!important;border-radius:9px!important}
.pub-card-b table{table-layout:auto}.pub-card-b td{padding-top:7px!important;padding-bottom:7px!important}
.pub-empty{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#fff;border:1px dashed #cfd5ee;border-radius:16px;padding:34px 20px;color:var(--ink-soft)}
.pub-empty-ic{font-size:34px}.pub-empty b{font-size:17px;color:var(--navy)}
.pub-foot{margin-top:22px;font-size:13px;line-height:1.65;color:var(--ink-soft);background:#fff;border:1px dashed #cfd5ee;border-radius:14px;padding:14px 18px}
.pub-galat{max-width:560px;margin:0 auto;padding:48px 18px;text-align:center}
.pub-galat-logo{height:60px;width:auto;margin:0 auto 16px;display:block}
.pub-galat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 22px;box-shadow:0 6px 22px rgba(21,27,77,.07)}
.pub-galat-ic{font-size:40px}.pub-galat h1{font-size:20px;color:var(--navy);margin:8px 0 10px}.pub-galat p{margin:4px 0;color:var(--ink-soft);font-size:14.5px}
.pub-galat .pub-actions{justify-content:center;margin-top:18px}
@media(max-width:700px){
 #fms-pub-root{font-size:15px}
 .pub-top-in{flex-wrap:wrap;padding:11px 14px;gap:10px}
 .pub-logo{height:38px}.pub-brand-t b{font-size:15px}
 .pub-actions{width:100%;flex-wrap:nowrap}.pub-actions .btn{flex:1 1 0;min-height:44px;font-size:14px;padding:8px 10px}
 .pub-main{padding:14px 14px 40px}
 .pub-hero{padding:18px 16px;border-radius:16px}
 .pub-h1{font-size:25px}
 .pub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
 .pub-kv dd{font-size:15.5px}
 .pub-h2{font-size:18px;margin:24px 0 12px}
 .pub-card-h{padding:12px 14px;gap:12px}.pub-card-b{padding:14px}
 .pub-card-b [data-st*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
 .pub-galat .pub-actions{flex-wrap:wrap}.pub-galat .pub-actions .btn{flex:1 1 100%}
}
@media print{
 .fms-pub-noprint{display:none!important}
 .pub-top{position:static;box-shadow:none;background:#fff;color:#000;border-bottom:2px solid #151b4d}
 .pub-hero,.pub-card{box-shadow:none;break-inside:avoid}
}

/* ===== Rev66 — Dokumentasi foto & riwayat terbaru/sebelumnya (halaman publik) ===== */
.pub-card-new{border-color:#b9c6f5;box-shadow:0 6px 22px rgba(42,58,154,.12)}
.pub-new{margin-left:auto}
.pub-doc{margin-top:16px;padding-top:14px;border-top:1px dashed #cfd5ee}
.pub-doc-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--navy);margin-bottom:8px}
.pub-doc-g{font-size:12.5px;font-weight:700;color:var(--ink-soft);margin:10px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.pub-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.pub-fb{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eef1fb;cursor:zoom-in;aspect-ratio:1/1;display:block}
.pub-fb img{width:100%;height:100%;object-fit:cover;display:block}
.pub-fb:focus-visible{outline:3px solid #2a3a9a;outline-offset:2px}
.pub-older{margin-top:6px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pub-older-s{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 18px;cursor:pointer;font-size:16px;font-weight:800;color:var(--navy);list-style:none;background:#f3f5ff}
.pub-older-s::-webkit-details-marker,.pub-old-s::-webkit-details-marker{display:none}
.pub-older-h{font-size:12.5px;font-weight:600;color:var(--ink-soft);width:100%}
.pub-older[open]>.pub-older-s{border-bottom:1px solid var(--line)}
.pub-older-b{padding:12px;display:flex;flex-direction:column;gap:10px}
.pub-old{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.pub-old-s{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;flex-wrap:wrap}
.pub-old-s .pub-date{font-size:15px;padding:5px 11px}
.pub-old-by{font-weight:700;font-size:14.5px;flex:1;min-width:120px}
.pub-old-f{font-size:13px;color:var(--ink-soft);font-weight:700}
.pub-old-c{font-size:13px;font-weight:700;color:#2a3a9a}
.pub-old[open]>.pub-old-s{background:#f3f5ff;border-bottom:1px solid var(--line)}
.pub-old[open]>.pub-old-s .pub-old-c{visibility:hidden}
.pub-lb{position:fixed;inset:0;z-index:100000;background:rgba(10,14,40,.92);display:flex;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
.pub-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.pub-lb-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer}
@media(max-width:700px){
 .pub-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pub-older-s{padding:14px}.pub-older-b{padding:10px}
 .pub-old-s{gap:8px 10px}.pub-old-c{margin-left:auto}
}
@media print{.pub-fgrid{grid-template-columns:repeat(4,1fr)}.pub-fb{cursor:default}.pub-older{border:none}}

/* ===== Rev67 — Halaman scan QR: tata letak dasbor (samping + ringkasan + tabel) ===== */
.pub-wrap{max-width:1280px;margin:0 auto;padding:20px 20px 48px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.pub-aside{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.pub-id{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(21,27,77,.05)}
.pub-ic{width:54px;height:54px;border-radius:14px;background:#eef1fb;display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}
.pub-idt{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.pub-nama{font-size:20px;font-weight:800;color:var(--navy);line-height:1.2;word-break:break-word}
.pub-kode2{font-size:13px;color:var(--ink-soft);font-weight:600}
.pub-info{background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 18px;box-shadow:0 4px 16px rgba(21,27,77,.05)}
.pub-ikv{padding:11px 0;border-bottom:1px dashed #d9def2}.pub-ikv:last-child{border-bottom:none}
.pub-ikv span{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.pub-ikv b{display:block;margin-top:2px;font-size:15.5px;font-weight:600;color:var(--ink);word-break:break-word}
.pub-main2{min-width:0}
.pub-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:6px}
.pub-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.pub-sv{font-size:20px;font-weight:800;color:var(--navy);line-height:1.2;word-break:break-word}
.pub-sl{margin-top:4px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.pub-ss{margin-top:2px;font-size:12.5px;color:var(--ink-soft);word-break:break-word}
.pub-stat.pub-bad{background:#fff3f3;border-color:#f3c4c4}.pub-stat.pub-bad .pub-ss{color:#b42323;font-weight:700}
.pub-main2 .pub-h2{margin-top:22px}
.pub-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pub-cari{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff}
.pub-thn{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff}
.pub-old-head{display:none}
.pub-old-n{color:var(--ink-soft);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1024px){
 .pub-old-head,.pub-old-s{display:grid;grid-template-columns:150px minmax(120px,1.1fr) minmax(0,2fr) 70px 70px;gap:12px;align-items:center}
 .pub-old-head{padding:8px 14px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
 .pub-old-by{min-width:0}
}
@media(max-width:1023px){
 .pub-wrap{grid-template-columns:minmax(0,1fr);padding:14px 14px 40px;gap:14px}
 .pub-aside{position:static}
 .pub-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 .pub-info .pub-ikv:nth-last-child(2):nth-child(odd){border-bottom:none}
 .pub-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pub-old-n{display:none}
}
@media(max-width:640px){
 .pub-nama{font-size:19px}
 .pub-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pub-stat:first-child{grid-column:1/-1}
 .pub-stat{padding:12px 14px}.pub-sv{font-size:18px}
 .pub-info{padding:4px 14px}
}
@media print{.pub-wrap{display:block;padding:0}.pub-aside{position:static;margin-bottom:12px}.pub-stats{grid-template-columns:repeat(5,1fr)}.pub-old-n{display:inline}}

/* ===== Rev68 — penyesuaian tata letak halaman scan ===== */
[hidden]{display:none!important}
.pub-top-in{max-width:1280px}
.pub-wrap>.pub-foot{grid-column:1/-1;margin-top:0}
@media(max-width:1023px){
 .pub-wrap{display:flex;flex-direction:column}
 .pub-aside{display:contents}
 .pub-id{order:1;align-self:stretch}.pub-main2{order:2}.pub-info{order:3}.pub-wrap>.pub-foot{order:4}
 .pub-stat:first-child{grid-column:auto}
}
@media(max-width:640px){.pub-stat:first-child{grid-column:auto}.pub-stat:last-child{grid-column:1/-1}}

/* ===== Rev70 — Riwayat aset berbentuk daftar (Kerusakan · PM · Kalibrasi) + pertanyaan "berkaitan dengan aset?" ===== */
.ev-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.ev-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;min-height:40px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:600 13.5px Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ev-chip i{font-style:normal}
.ev-chip span{background:#eef0fa;color:var(--navy);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}
.ev-chip:hover{border-color:#aab3e0}
.ev-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.ev-chip.on span{background:rgba(255,255,255,.22);color:#fff}
.ev-chip.on.ev-c-kerusakan{background:#c2410c;border-color:#c2410c}
.ev-chip.on.ev-c-kalibrasi{background:#0f766e;border-color:#0f766e}
.ev-chip.on.ev-c-flir{background:#6d28d9;border-color:#6d28d9}
.ev-chip:focus-visible,.ev-item:focus-visible,.ce-aset-b:focus-visible,.ce-aset-r:focus-visible{outline:3px solid #2a3a9a;outline-offset:2px}
.ev-sum{display:flex;gap:4px 18px;flex-wrap:wrap;font-size:13px;color:var(--ink-soft);margin:0 0 10px}
.ev-sum b{color:var(--navy)}
.ev-sum b.bad{color:#b42323}
.ev-count{margin:0 0 8px}
.ev-more{text-align:center;padding:10px 0}
.ev-list{display:flex;flex-direction:column;gap:10px}
.ev-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-left:5px solid var(--ev-c,#2f3f9e);border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit;box-shadow:0 2px 10px rgba(21,27,77,.04);transition:box-shadow .15s,transform .05s}
.ev-item:hover{box-shadow:0 6px 18px rgba(21,27,77,.12)}
.ev-item:active{transform:scale(.995)}
.ev-ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--ev-bg,#e9edfb);display:flex;align-items:center;justify-content:center;font-size:21px}
.ev-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ev-top{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}
.ev-tipe{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ev-c,#2f3f9e)}
.ev-tgl{font-size:13px;font-weight:700;color:var(--navy)}
.ev-judul{font-size:15px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.ev-ringkas{font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ev-meta{display:flex;gap:2px 14px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);font-weight:600}
.ev-baru{color:#8a5a00;font-weight:700}
.ev-go{flex:none;font-size:12.5px;font-weight:700;color:var(--ev-c,#2f3f9e);white-space:nowrap}
.ev-t-kerusakan{--ev-c:#c2410c;--ev-bg:#ffeee3}
.ev-t-pm{--ev-c:#2f3f9e;--ev-bg:#e9edfb}
.ev-t-kalibrasi{--ev-c:#0f766e;--ev-bg:#dff5f1}
.ev-t-flir{--ev-c:#6d28d9;--ev-bg:#f0e9fd}
.ev-badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}
.ev-b-ok{background:#e3f6e8;color:#14662f}
.ev-b-warn{background:#fdf3d7;color:#8a6410}
.ev-b-bad{background:#fde7e7;color:#a02020}
.ev-dhead{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:0 0 12px;border-bottom:1px dashed var(--line)}
.ev-dht{flex:1;min-width:0}
.ev-djudul{font-size:17px;font-weight:800;color:var(--navy);overflow-wrap:anywhere}
.ev-dsub2{font-size:12.5px;color:var(--ink-soft);margin-top:2px}
.ev-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0 0 12px}
.ev-kv{min-width:0;display:flex;flex-direction:column;gap:2px}
.ev-kv span{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.ev-kv b{font-size:14.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ev-sub{font-size:12px;font-weight:800;color:var(--navy);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.ev-par{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.6;background:#f7f8fd;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
@media(max-width:560px){.ev-dl{grid-template-columns:minmax(0,1fr)}.ev-item{padding:11px 12px;gap:10px}.ev-ic{width:38px;height:38px;font-size:19px}.ev-go{display:none}}
/* panel staf */
.ra-scroll.ra-lst{border:none;background:transparent;overflow:auto;padding:2px 2px 4px}
#__fmsRaDet{align-items:center;padding:20px}
#__fmsRaDet .ra-dmodal{max-width:780px;width:min(780px,96vw);max-height:92vh}
#__fmsRaDet .ra-dhead{background:linear-gradient(135deg,#151b4d,#2f3f9e);border-bottom:none;padding:14px 20px;gap:14px;justify-content:flex-start}
#__fmsRaDet .ra-dhead h3{color:#fff;flex:1;min-width:0;font-size:16.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#__fmsRaDet .ra-dhead .x{background:#ffffff29;color:#fff;border-radius:10px;flex:none}
#__fmsRaDet .modal-body{background:#fbfbfe}
#__fmsRaDet .ra-dfoto img{width:104px;height:104px}
@media(max-width:1023px){
 .ra-scroll.ra-lst{max-height:none;overflow:visible;padding:0}
 #__fmsRaDet{padding:8px}
 #__fmsRaDet .ra-dhead{padding:12px 14px}
 #__fmsRaDet .modal-foot .ra-foot-l{flex:1 1 100%}
}
/* form Temuan Kerusakan: berkaitan dengan aset? */
.ce-aset-yn{display:flex;gap:8px}
.ce-aset-b{flex:1;min-height:44px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font:700 14px Inter,system-ui,sans-serif;color:var(--ink);cursor:pointer}
.ce-aset-b.on{border-color:var(--navy);background:var(--navy);color:#fff}
.ce-aset-q{width:100%;margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff}
.ce-aset-hasil{margin-top:8px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.ce-aset-petunjuk{padding:10px 12px;margin:0}
.ce-aset-r{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:none;border-bottom:1px solid #eef0f7;background:#fff;cursor:pointer;font:inherit;color:inherit}
.ce-aset-r:hover{background:#f3f5ff}
.ce-aset-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#e9edfb;display:flex;align-items:center;justify-content:center;font-size:17px}
.ce-aset-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ce-aset-tx b{font-size:13.5px;color:var(--ink);overflow-wrap:anywhere}
.ce-aset-tx small{font-size:11.5px;color:var(--ink-soft);overflow-wrap:anywhere}
.ce-aset-jenis{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);background:#eef0fa;border-radius:999px;padding:2px 8px}
.ce-aset-pilih{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1.5px solid #bfe3cb;background:#f3fbf6;border-radius:12px}
.ce-aset .tag-note{margin-top:6px}
/* halaman scan QR */
.pub-print{display:none}
.pub-pr-item h3{font-size:15px;color:var(--navy);margin:0 0 8px}
.pub-dlg{position:fixed;inset:0;z-index:20;background:rgba(10,14,40,.62);display:flex;align-items:center;justify-content:center;padding:20px}
.pub-dlg-p{background:#fff;border-radius:18px;width:min(780px,100%);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(10,14,40,.4)}
.pub-dlg-h{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#151b4d,#2a3a9a);color:#fff}
.pub-dlg-h .ev-ic{background:rgba(255,255,255,.18)}
.pub-dlg-ht{flex:1;min-width:0;display:flex;flex-direction:column}
.pub-dlg-ht b{font-size:16px}
.pub-dlg-ht span{font-size:12.5px;opacity:.85}
.pub-dlg-x{width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;flex:none}
.pub-dlg-b{padding:16px;overflow:auto;font-size:14.5px;line-height:1.6;background:#fbfbfe}
.pub-dlg-f{padding:12px 16px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fff}
.pub-dlg-b [data-st*="font-size:12px"],.pub-dlg-b [data-st*="font-size:12.5px"],.pub-dlg-b [data-st*="font-size:13px"]{font-size:14px!important}
.pub-dlg-b [data-st*="font-size:11.5px"]{font-size:13.5px!important}
.pub-dlg-b [data-st*="grid-template-columns:1fr 1fr"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important}
.pub-dlg-b [data-st*="grid-template-columns:1fr 1fr"]>div{padding:8px 11px!important;border-radius:9px!important}
.pub-dlg-b table{table-layout:auto}.pub-dlg-b td{padding-top:7px!important;padding-bottom:7px!important}
.pub-dlg-b .pub-doc{margin-top:12px}
#fms-pub-root.pub-kunci{overflow:hidden}
.pub-main2 .ev-chips{margin-top:0}
@media(max-width:640px){
 .pub-dlg{padding:0;align-items:flex-end}
 .pub-dlg-p{width:100%;max-height:94vh;border-radius:18px 18px 0 0}
 .pub-dlg-b [data-st*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}
 .pub-tools .pub-cari{flex:1 1 100%}
 .pub-tools .pub-thn{flex:1 1 calc(50% - 5px)}
}
@media print{
 .pub-print{display:block}
 .pub-main2>.ev-chips,.pub-main2>.pub-tools,.pub-main2>.ev-count,.pub-main2>#pub-list{display:none!important}
 .pub-pr-item{break-inside:avoid;margin:0 0 14px;padding:10px 0 0;border-top:1px solid #999}
 .pub-dlg{display:none!important}
}
/* HP: daftar dulu, info aset di bawah; tombol & filter dipadatkan */
@media(max-width:1023px){
 .ra-wrap{display:flex;flex-direction:column;height:auto}
 .ra-wrap>*,.ra-aside>*{flex:none}
 .ra-aside{display:contents}
 .ra-aside .ra-id{order:0;margin:0;padding:16px 0 2px}
 .ra-aside .ra-link{order:1;margin:8px 0 0}
 .ra-wrap>.ra-main{order:2;padding-top:12px}
 .ra-aside .ra-info{order:3;margin:6px 0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;padding:0 14px 6px}
 .ra-aside .ra-info::before{content:"Info aset";grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);padding:11px 0 3px}
 .ra-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .ra-toolbar .ra-cari{grid-column:1/-1;min-width:0}
 .ra-toolbar .ra-sel{min-width:0;width:100%}
 #__fmsRiwayatFoot{flex-wrap:wrap;gap:6px;padding:10px 14px}
 #__fmsRiwayatFoot .ra-foot-l{display:contents}
 #__fmsRiwayatFoot .btn{flex:1 1 auto;min-height:38px;padding:6px 10px}
 #__fmsRiwayatFoot .ra-foot-l .btn-gold{flex:2 1 150px}
 #__fmsRiwayatFoot .ra-bt{display:none}
}
.ce-aset-lnk{display:inline-flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;padding:2px 4px;cursor:pointer;color:var(--navy);font:inherit;max-width:150px;text-align:center}
.ce-aset-lnk b{font-size:12.5px;font-weight:700;text-decoration:underline;text-decoration-color:#9fb0ef;text-underline-offset:2px;overflow-wrap:anywhere}
.ce-aset-lnk small{font-size:10.5px;color:var(--ink-soft);overflow-wrap:anywhere}
.ce-aset-lnk:hover b{text-decoration-color:var(--navy)}
.ce-aset-kos{color:#C5C9DC}


/* ===== Rev100 — Rombak Total Desain Desktop (Executive Modern UI) & List Perizinan ===== */

/* --- 1. Modul List Perizinan (Desktop & Mobile) --- */
.pz-hero {
  background: radial-gradient(680px 280px at 95% -15%, rgba(211, 173, 60, 0.35), transparent 65%),
              radial-gradient(480px 260px at -5% 120%, rgba(46, 125, 91, 0.28), transparent 60%),
              linear-gradient(135deg, #0f163f 0%, #18235e 52%, #24358a 100%) !important;
  border-radius: 20px !important;
  padding: 26px 30px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 18px 42px -16px rgba(15, 22, 63, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.pz-hero-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.pz-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #f3d47c;
  background: rgba(211, 173, 60, 0.16);
  border: 1px solid rgba(211, 173, 60, 0.36);
  padding: 4px 11px;
  border-radius: 999px;
  margin-bottom: 10px;
}
.pz-hero h2 {
  margin: 0 0 6px !important;
  font: 700 25px/1.22 "Source Serif 4", Georgia, serif !important;
  color: #fff !important;
}
.pz-hero p {
  margin: 0 !important;
  max-width: 780px;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.84) !important;
}
.pz-hero-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.pz-btn-light {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.26) !important;
  backdrop-filter: blur(6px);
}
.pz-btn-light:hover {
  background: rgba(255, 255, 255, 0.24) !important;
}
.pz-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}
.pz-kpi-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.11);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(8px);
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.pz-kpi-card:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
}
.pz-kpi-ic {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  flex: none;
}
.pz-kpi-val {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.pz-kpi-lbl {
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.82);
  margin-top: 2px;
}
.pz-kpi-warn {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.26), rgba(217, 119, 6, 0.16));
  border-color: rgba(251, 191, 36, 0.45);
}
.pz-kpi-bad {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.28), rgba(185, 28, 28, 0.18));
  border-color: rgba(248, 113, 113, 0.48);
}
.pz-kpi-ok {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.24), rgba(5, 150, 105, 0.14));
  border-color: rgba(52, 211, 153, 0.4);
}
.pz-alert-box {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 1.5px solid #f59e0b;
  border-left: 6px solid #d97706;
  border-radius: 16px;
  padding: 16px 20px;
  margin-bottom: 20px;
  box-shadow: 0 10px 26px -12px rgba(217, 119, 6, 0.25);
}
.pz-alert-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.pz-alert-title {
  font-size: 13px;
  line-height: 1.5;
  color: #78350f;
}
.pz-alert-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 8px;
}
.pz-alert-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #fde68a;
  border-radius: 11px;
  padding: 9px 12px;
  font-size: 12.5px;
  color: #1e293b;
}
.pz-alert-item.exp {
  border-color: #fecaca;
  background: #fff5f5;
}
.pz-alert-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  background: #fef3c7;
  color: #b45309;
  white-space: nowrap;
}
.pz-alert-item.exp .pz-alert-badge {
  background: #fee2e2;
  color: #b91c1c;
}
.pz-alert-meta {
  font-size: 11.5px;
  color: #64748b;
  flex: 1 1 100%;
}
.pz-alert-edit {
  margin-left: auto;
}
.pz-toolbar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 16px 20px !important;
  background: #fbfcfe !important;
}
.pz-cat-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.pz-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d8deee;
  background: #fff;
  color: #334155;
  font: 700 11.5px Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pz-cat-pill b {
  background: #eef2ff;
  color: var(--navy);
  border-radius: 999px;
  padding: 1px 7px;
  font-size: 10.5px;
}
.pz-cat-pill:hover {
  border-color: var(--navy);
  color: var(--navy);
  background: #f4f6fc;
}
.pz-cat-pill.active {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(21, 27, 77, 0.45);
}
.pz-cat-pill.active b {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}
.pz-filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pz-status-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pz-status-pills button {
  padding: 6px 12px;
  border-radius: 9px;
  border: 1px solid #d8deee;
  background: #fff;
  color: #475569;
  font: 600 11.5px Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: all 0.15s ease;
}
.pz-status-pills button:hover {
  background: #f1f5f9;
  color: var(--navy);
}
.pz-status-pills button.active {
  background: #1e293b;
  border-color: #1e293b;
  color: #fff;
}
.pz-search-box {
  flex: 1 1 280px;
  max-width: 420px;
}
.pz-search-box input {
  width: 100%;
  padding: 8px 13px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  font-size: 12.5px;
  background: #fff;
}
.pz-table-wrap {
  max-height: 70vh;
  overflow: auto;
}
.pz-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: separate;
  border-spacing: 0;
}
.pz-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f9 100%);
  color: #334155;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 11px 12px;
  border-bottom: 2px solid #cbd5e1;
}
.pz-cat-row td {
  padding: 0 !important;
  background: #e8edf8 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
.pz-cat-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font: 800 11.5px Inter, system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--navy);
  border-left: 4px solid var(--gold);
}
.pz-data-row td {
  padding: 10px 12px;
  vertical-align: middle;
  font-size: 12.5px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
}
.pz-data-row:nth-child(even) td {
  background: #fafbfe;
}
.pz-data-row:hover td {
  background: #f1f5f9 !important;
}
.pz-row-soon td {
  background: #fffbeb !important;
}
.pz-row-expired td {
  background: #fff5f5 !important;
}
.pz-chk-yes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #dcfce7;
  color: #15803d;
  font-weight: 900;
  font-size: 13px;
}
.pz-chk-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: #fee2e2;
  color: #b91c1c;
  font-weight: 900;
  font-size: 13px;
}
.pz-period-pill {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #334155;
  font-size: 11px;
  font-weight: 700;
}
.pz-nomor-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11.5px;
  color: #1e293b;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 3px 7px;
  border-radius: 6px;
  display: inline-block;
  word-break: break-all;
}
.pz-status-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: 1.25;
  min-width: 145px;
}
.pz-status-badge b {
  font-size: 11.5px;
  font-weight: 800;
}
.pz-status-badge small {
  font-size: 10px;
  opacity: 0.88;
  margin-top: 1px;
}
.pz-st-active {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}
.pz-st-soon {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.15);
}
.pz-st-expired {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}
.pz-st-noexp {
  background: #e0e7ff;
  color: #1e40af;
  border: 1px solid #c7d2fe;
}
.pz-st-nodate {
  background: #f1f5f9;
  color: #475569;
  border: 1px solid #cbd5e1;
}
.pz-ket-text {
  font-weight: 600;
  color: #b45309;
  background: #fffbeb;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #fde68a;
  display: inline-block;
  font-size: 11.5px;
}
.pz-muted {
  color: #94a3b8;
}
.pz-note-inline {
  font-size: 11px;
  font-style: italic;
  color: #64748b;
}
@media (max-width: 900px) {
  .pz-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pz-alert-list {
    grid-template-columns: 1fr;
  }
}

/* --- 2. ROMBAK TOTAL DESKTOP EXECUTIVE UI (>= 1024px) --- */
@media (min-width: 1024px) {
  :root {
    --tc-bg: #f1f4f9;
    --tc-line: #dfe5f2;
    --tc-shadow-1: 0 2px 6px rgba(15, 23, 42, 0.04), 0 10px 24px -10px rgba(21, 27, 77, 0.08);
    --tc-shadow-2: 0 8px 22px -6px rgba(15, 23, 42, 0.09), 0 22px 48px -16px rgba(21, 27, 77, 0.18);
  }

  /* Sidebar Executive Dark Navy */
  body .app-shell .sidebar {
    width: 266px !important;
    padding: 20px 14px 18px !important;
    background: radial-gradient(380px 240px at 100% 0%, rgba(211, 173, 60, 0.18), transparent 65%),
                linear-gradient(180deg, #0d1338 0%, #131b4d 52%, #0b1030 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 6px 0 28px -10px rgba(8, 12, 38, 0.45) !important;
  }
  body .sidebar .brand {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 12px 14px !important;
    margin-bottom: 18px !important;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  body .sidebar .brand .tc-fms-logo {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.95);
    padding: 3px;
  }
  body .sidebar .brand .btxt b {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.01em !important;
  }
  body .sidebar .brand .btxt span {
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.68) !important;
  }
  body .sidebar .navgroup {
    margin-bottom: 6px;
  }
  body .sidebar .navlabel {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase;
    color: rgba(211, 173, 60, 0.85) !important;
    margin: 14px 10px 6px !important;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  body .sidebar .navlabel:after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent);
  }
  body .sidebar .navitem {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 9px 12px !important;
    gap: 11px !important;
    border-radius: 11px !important;
    color: rgba(255, 255, 255, 0.82) !important;
    margin: 2px 0 !important;
    border: 1px solid transparent;
    transition: all 0.16s ease !important;
  }
  body .sidebar .navitem .ic {
    width: 26px !important;
    height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
    font-size: 14px !important;
    flex: none;
  }
  body .sidebar .navitem:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    transform: translateX(2px);
  }
  body .sidebar .navitem.active {
    background: linear-gradient(90deg, rgba(211, 173, 60, 0.28) 0%, rgba(211, 173, 60, 0.08) 100%) !important;
    border-color: rgba(211, 173, 60, 0.42) !important;
    box-shadow: inset 3px 0 0 #e0b84c, 0 4px 14px -6px rgba(0, 0, 0, 0.4) !important;
    color: #fff !important;
    font-weight: 700 !important;
  }
  body .sidebar .navitem.active .ic {
    background: linear-gradient(135deg, #d3ad3c, #a5842a);
    color: #1e1604;
  }

  /* Grid Launcher Offset matches 266px sidebar */
  #grid-launcher {
    left: calc(266px * var(--s)) !important;
    background: linear-gradient(180deg, #eef2f9 0%, #f5f7fc 360px, #f1f4f9 100%) !important;
  }

  /* Topbar & Launcher Header — No Clipped Role Pills! */
  #grid-launcher .gl-header,
  body .app-shell .topbar {
    height: auto !important;
    min-height: 68px !important;
    padding: 10px 30px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    border-bottom: 1px solid #dde3f0 !important;
    box-shadow: 0 4px 20px -10px rgba(15, 23, 42, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
  }
  #grid-launcher .gl-search-wrap {
    flex: 0 1 320px !important;
    min-width: 200px !important;
    max-width: 360px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: #f4f6fb !important;
    border: 1px solid #d8e0ef !important;
    padding: 0 13px !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
  }
  #grid-launcher .gl-search-wrap:focus-within {
    background: #fff !important;
    border-color: var(--navy) !important;
    box-shadow: 0 0 0 3px rgba(21, 27, 77, 0.12) !important;
  }
  #grid-launcher #gl-role-switch,
  body .topbar .right .role-switch {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    padding: 4px !important;
    border-radius: 12px !important;
    background: #edf1f8 !important;
    border: 1px solid #d8e0ef !important;
    overflow: visible !important;
    max-width: none !important;
  }
  #grid-launcher #gl-role-switch button,
  body .topbar .right .role-switch button {
    padding: 6px 11px !important;
    border-radius: 9px !important;
    font: 700 11.5px/1.1 Inter, system-ui, sans-serif !important;
    color: #475569 !important;
    background: transparent;
    border: none;
    white-space: nowrap !important;
    transition: all 0.15s ease !important;
  }
  #grid-launcher #gl-role-switch button:hover,
  body .topbar .right .role-switch button:hover {
    color: var(--navy) !important;
    background: rgba(255, 255, 255, 0.65);
  }
  #grid-launcher #gl-role-switch button.active,
  body .topbar .right .role-switch button.active {
    background: linear-gradient(135deg, #1b2466, #131946) !important;
    color: #fff !important;
    box-shadow: 0 3px 10px -3px rgba(21, 27, 77, 0.45) !important;
  }
  #grid-launcher .gl-header-top {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-left: auto !important;
    flex: none !important;
  }
  .gl-avatar-name {
    padding: 4px 10px 4px 5px;
    border-radius: 999px;
    background: #f4f6fb;
    border: 1px solid #e1e7f3;
  }
  .gl-icon-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    background: #f8fafd !important;
    border: 1px solid #dce3f0 !important;
  }

  /* Beranda Executive Hero Card — Symmetrical 2x2 KPI Grid on Right */
  #grid-launcher .gl-body {
    padding: 26px 34px 54px !important;
  }
  .dt-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    background: radial-gradient(680px 300px at 92% -20%, rgba(211, 173, 60, 0.34), transparent 64%),
                radial-gradient(520px 280px at -8% 120%, rgba(46, 125, 91, 0.25), transparent 62%),
                linear-gradient(132deg, #101642 0%, #192466 54%, #24368f 100%) !important;
    color: #fff !important;
    border-radius: 22px !important;
    padding: 28px 32px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 22px 48px -18px rgba(16, 22, 66, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    position: relative;
    overflow: hidden;
  }
  .dt-hero-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.95fr) !important;
    align-items: center !important;
    gap: 28px !important;
    width: 100%;
  }
  .dt-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font: 800 10.5px/1 Inter, system-ui, sans-serif;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #f4d683;
    background: rgba(211, 173, 60, 0.16);
    border: 1px solid rgba(211, 173, 60, 0.34);
    padding: 6px 12px;
    border-radius: 999px;
    margin-bottom: 12px;
  }
  .dt-eyebrow .dt-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #34d399;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.25);
  }
  .dt-hero h2 {
    margin: 0 !important;
    font: 700 30px/1.18 "Source Serif 4", Georgia, serif !important;
    letter-spacing: -0.015em !important;
    color: #fff !important;
  }
  .dt-hero p {
    margin: 7px 0 0 !important;
    font-size: 14px !important;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82) !important;
  }
  .dt-rek {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .dt-rek > span {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
    margin-right: 4px;
  }
  .dt-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 999px;
    padding: 6px 13px;
    font: 600 12px Inter, system-ui, sans-serif;
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: all 0.15s ease;
  }
  .dt-pill:hover {
    background: rgba(255, 255, 255, 0.24);
    border-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-1px);
  }

  /* Symmetrical 2x2 KPI Grid on Right of Hero */
  .dt-chips {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100%;
  }
  .dt-chip {
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    text-align: left !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.07) 100%) !important;
    color: #fff !important;
    border-radius: 16px !important;
    padding: 15px 18px !important;
    cursor: pointer;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px -10px rgba(6, 10, 35, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease !important;
  }
  .dt-chip:hover {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.13) 100%) !important;
    border-color: rgba(244, 214, 131, 0.6) !important;
    transform: translateY(-3px) !important;
  }
  .dt-chip-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }
  .dt-chip b {
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
  }
  .dt-chip-ic {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex: none;
  }
  .dt-chip-lbl {
    display: block;
    margin-top: 6px;
    font-size: 12px !important;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.86) !important;
    line-height: 1.3;
  }

  /* Alert Banner inside Beranda Hero when Permits <= 2 months */
  .dt-pz-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    border-radius: 14px;
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.28) 0%, rgba(217, 119, 6, 0.18) 100%);
    border: 1px solid rgba(252, 211, 77, 0.5);
    backdrop-filter: blur(8px);
  }
  .dt-pz-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .dt-pz-ic {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(254, 243, 199, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: none;
  }
  .dt-pz-left b {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #fef3c7;
  }
  .dt-pz-left span {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    margin-top: 1px;
  }
  .dt-pz-btn {
    flex: none;
    padding: 8px 15px;
    border-radius: 10px;
    border: 1px solid rgba(254, 243, 199, 0.6);
    background: linear-gradient(135deg, #e5be4c, #b8952e);
    color: #1e1604;
    font: 800 12px Inter, system-ui, sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 0.14s ease, filter 0.14s ease;
  }
  .dt-pz-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
  }

  /* Beranda Category Groups & Module Cards */
  .tg-group {
    background: #fff;
    border: 1px solid #dfe5f2;
    border-radius: 20px;
    padding: 20px 24px 24px;
    margin-bottom: 22px !important;
    box-shadow: 0 4px 18px -10px rgba(15, 23, 42, 0.06);
  }
  .tg-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid #eef2f9;
  }
  .tg-title {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase;
    color: var(--navy) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
  }
  .tg-title:before {
    content: "";
    width: 4px;
    height: 16px;
    border-radius: 99px;
    background: linear-gradient(180deg, #d3ad3c, #151b4d);
  }
  .tg-title:after {
    display: none !important;
  }
  .tg-count {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 999px;
  }
  .tg-tiles {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 14px !important;
  }
  #tile-grid .menu-tile {
    position: relative;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    text-align: left !important;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfe 100%) !important;
    border: 1px solid #e1e7f3 !important;
    border-radius: 16px !important;
    padding: 15px 16px !important;
    min-height: 82px !important;
    box-shadow: 0 2px 8px -4px rgba(15, 23, 42, 0.05) !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  #tile-grid .menu-tile:hover {
    transform: translateY(-3px) !important;
    background: #fff !important;
    border-color: #b8c4e6 !important;
    box-shadow: 0 12px 26px -12px rgba(21, 27, 77, 0.18), 0 0 0 1px rgba(21, 27, 77, 0.05) !important;
  }
  #tile-grid .menu-tile .mt-ic {
    flex: none !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #eef2fc 0%, #e3eaf9 100%) !important;
    border: 1px solid #d5dff5 !important;
    box-shadow: inset 0 1px 0 #fff !important;
    font-size: 24px !important;
  }
  #tile-grid .menu-tile:hover .mt-ic {
    background: linear-gradient(135deg, #1b2466 0%, #151b4d 100%) !important;
    border-color: #151b4d !important;
    color: #fff !important;
  }
  #tile-grid .menu-tile .mt-lbl {
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    color: #161e3d !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  #tile-grid .menu-tile .mt-sub {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* --- 3. Dashboard & Statistic & Report Executive Polish --- */
  body.fullscreen-mode .content {
    padding: 28px 36px 56px !important;
    background: linear-gradient(180deg, #eef2f9 0%, #f4f6fb 380px, #f1f4f9 100%) !important;
  }
  .section-head {
    background: linear-gradient(135deg, #101642 0%, #192466 56%, #24368f 100%);
    color: #fff;
    padding: 24px 28px !important;
    border-radius: 20px;
    margin-bottom: 22px !important;
    box-shadow: 0 18px 40px -18px rgba(16, 22, 66, 0.38);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .section-head h1 {
    color: #fff !important;
    font: 700 26px/1.2 "Source Serif 4", Georgia, serif !important;
    margin: 0 0 5px !important;
  }
  .section-head p {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 13.5px !important;
    margin: 0 !important;
  }
  .section-head label {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .section-head .btn-ghost {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
  }
  .section-head .btn-ghost:hover {
    background: rgba(255, 255, 255, 0.24) !important;
  }
  #view-statistic #stat-summary-cards,
  #view-dashboard #dash-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
  }
  .stat-card {
    padding: 18px 20px !important;
    border-radius: 16px !important;
    border: 1px solid #dfe5f2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
    box-shadow: 0 4px 16px -8px rgba(15, 23, 42, 0.07) !important;
  }
  .stat-card .lbl {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    color: #64748b !important;
  }
  .stat-card .val {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
    margin: 6px 0 4px !important;
  }
  .two-col {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
  .card {
    border-radius: 18px !important;
    border: 1px solid #dfe5f2 !important;
    box-shadow: 0 4px 18px -10px rgba(15, 23, 42, 0.06) !important;
  }
  .card-head {
    padding: 15px 22px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafd 100%) !important;
    border-bottom: 1px solid #e6ebf5 !important;
  }
  .card-head h3,
  #view-statistic .card h3 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
    letter-spacing: -0.01em !important;
  }
  .kpi-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }
  .kpi-sum {
    background: #f8fafd !important;
    border: 1px solid #e2e8f4 !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    text-align: center;
  }
  .kpi-sum .ks-val {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: var(--navy) !important;
  }
  .kpi-sum .ks-lbl {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b !important;
    margin-top: 3px;
  }
}




/* ============================================================
   REV103 — NOTULEN BRIEFING HARIAN & MONITORING ENGINEERING V3
============================================================ */
#view-notulen {
  display: none;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 36px;
}
#view-notulen.active {
  display: flex;
}
.nbv2-hero {
  background: linear-gradient(135deg, #101942 0%, #1a2968 58%, #233882 100%);
  color: #ffffff;
  border-radius: 18px;
  padding: 22px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  box-shadow: 0 12px 30px rgba(16, 25, 66, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.nbv2-hero-left {
  flex: 1 1 500px;
}
.nbv2-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #f7d58b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 4px 11px;
  border-radius: 999px;
  margin-bottom: 8px;
}
.nbv2-hero h1 {
  margin: 0 0 6px 0;
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.01em;
}
.nbv2-hero p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  max-width: 820px;
}
.nbv2-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.nbv2-btn-gold {
  background: linear-gradient(135deg, #e0b252 0%, #c89228 100%);
  color: #0f1738 !important;
  font-weight: 800;
  border: none;
  padding: 10px 16px;
  border-radius: 11px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(200, 146, 40, 0.32);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.nbv2-btn-gold:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(200, 146, 40, 0.42);
}
.nbv2-btn-ghost {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-weight: 700;
  padding: 9px 14px;
  border-radius: 11px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.nbv2-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.22);
}

/* KPI Grid */
.nbv2-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1024px) {
  .nbv2-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .nbv2-kpi-grid {
    grid-template-columns: 1fr;
  }
}
.nbv2-kpi-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 15px 18px;
  border: 1px solid #e2e8f4;
  box-shadow: 0 4px 14px rgba(18, 29, 77, 0.05);
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  position: relative;
  overflow: hidden;
}
.nbv2-kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(18, 29, 77, 0.1);
  border-color: #b8c7ea;
}
.nbv2-kpi-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: var(--kpi-color, #18235e);
}
.nbv2-kpi-ic {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  background: var(--kpi-bg, #eef2ff);
  color: var(--kpi-color, #18235e);
  flex-shrink: 0;
}
.nbv2-kpi-body {
  flex: 1;
  min-width: 0;
}
.nbv2-kpi-val {
  font-size: 23px;
  font-weight: 800;
  color: #111936;
  line-height: 1.1;
}
.nbv2-kpi-lbl {
  font-size: 12px;
  font-weight: 700;
  color: #4f5b7c;
  margin-top: 3px;
}
.nbv2-kpi-sub {
  font-size: 11px;
  color: #6b7696;
  margin-top: 2px;
}

/* Composer Card */
.nbv2-composer-card {
  background: #ffffff;
  border: 1px solid #dbe3f4;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(17, 27, 74, 0.05);
  overflow: hidden;
}
.nbv2-composer-head {
  background: linear-gradient(180deg, #f8faff 0%, #f0f4fc 100%);
  padding: 13px 20px;
  border-bottom: 1px solid #e2e8f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.nbv2-composer-head h3 {
  margin: 0;
  font-size: 14.5px;
  font-weight: 800;
  color: #141f52;
}
.nbv2-composer-head p {
  margin: 2px 0 0 0;
  font-size: 12px;
  color: #556185;
}
.nbv2-composer-tools {
  display: flex;
  gap: 8px;
  align-items: center;
}
.nbv2-composer-body {
  padding: 18px 20px;
}
.nbv2-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
  align-items: end;
}
.nbv2-col-span2 {
  grid-column: span 2;
}
@media (max-width: 960px) {
  .nbv2-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .nbv2-form-grid {
    grid-template-columns: 1fr;
  }
  .nbv2-col-span2 {
    grid-column: span 1;
  }
}
.nbv2-submit-btn {
  width: 100%;
  height: 41px;
  font-weight: 800;
  font-size: 13px;
  border-radius: 10px;
  background: linear-gradient(135deg, #17235e 0%, #24378c 100%);
  color: #ffffff;
}

/* Tabs Bar & Date Bar */
.nbv2-tabs-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  background: #ffffff;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid #e1e7f5;
  box-shadow: 0 3px 12px rgba(16, 25, 66, 0.04);
}
.nbv2-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nbv2-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid #dce4f5;
  background: #f8faff;
  color: #3c486b;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}
.nbv2-tab:hover {
  background: #edf2fc;
  color: #151e4a;
}
.nbv2-tab.active {
  background: linear-gradient(135deg, #141e55 0%, #223488 100%);
  color: #ffffff;
  border-color: #141e55;
  box-shadow: 0 5px 14px rgba(20, 30, 85, 0.22);
}
.nbv2-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 21px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  background: rgba(20, 30, 85, 0.12);
  color: inherit;
}
.nbv2-tab.active .nbv2-tab-badge {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}
.nbv2-badge-green {
  background: #dcfce7;
  color: #0d7040;
}
.nbv2-date-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  background: #f4f7fe;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid #dbe4f7;
}
.nbv2-date-bar label {
  font-size: 12px;
  font-weight: 800;
  color: #16225c;
}
.nbv2-date-bar input[type="date"] {
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #c5d2ee;
  background: #ffffff;
  font-size: 12.5px;
  font-weight: 700;
  color: #121b46;
}
.nbv2-sync-pill {
  font-size: 11.5px;
  font-weight: 700;
  color: #0d7040;
  background: #e8f8ef;
  border: 1px solid #bce8cf;
  padding: 5px 11px;
  border-radius: 999px;
}

/* Main Card & Toolbar */
.nbv2-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nbv2-main-card {
  padding: 0 !important;
  overflow: hidden;
  border-radius: 16px !important;
  border: 1px solid #dfe6f4 !important;
  background: #ffffff;
}
.nbv2-toolbar {
  padding: 14px 18px;
  background: #f8faff;
  border-bottom: 1px solid #e4ebf7;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.nbv2-search-box {
  flex: 1 1 250px;
  position: relative;
  display: flex;
  align-items: center;
}
.nbv2-search-ic {
  position: absolute;
  left: 12px;
  font-size: 13px;
  pointer-events: none;
}
.nbv2-search-box input {
  width: 100%;
  padding: 9px 12px 9px 34px !important;
  border-radius: 10px !important;
  border: 1px solid #cfd9ee !important;
  background: #ffffff !important;
  font-size: 12.5px !important;
}
.nbv2-select {
  padding: 9px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #cfd9ee !important;
  background: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 600;
  color: #1b254b;
  max-width: 240px;
}
.nbv2-status-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.nbv2-pill {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid #d4deef;
  background: #ffffff;
  color: #414d72;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.14s ease;
}
.nbv2-pill:hover {
  border-color: #24378c;
  color: #16225c;
}
.nbv2-pill.active {
  background: #17235e;
  color: #ffffff;
  border-color: #17235e;
}
.nbv2-pill-done-jump {
  background: #ecfdf5;
  color: #065f46;
  border-color: #6ee7b7;
}
.nbv2-pill-done-jump:hover {
  background: #d1fae5;
  border-color: #10b981;
}
.nbv2-subbar {
  padding: 10px 18px;
  background: #f1f5fd;
  border-bottom: 1px solid #e2e9f7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #4a567a;
}

/* Table Design */
.nbv2-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.nbv2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.nbv2-table thead th {
  background: #141f52;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 11px 13px;
  text-align: left;
  border-bottom: 2px solid #0d153a;
  white-space: nowrap;
}
.nbv2-table tbody tr {
  border-bottom: 1px solid #e7edf8;
  transition: background 0.12s ease;
}
.nbv2-table tbody tr:nth-child(even) {
  background: #fafcff;
}
.nbv2-table tbody tr:hover {
  background: #f1f6ff;
}
.nbv2-table td {
  padding: 13px;
  vertical-align: top;
  color: #1c2544;
  line-height: 1.5;
}
.nbv2-code-badge {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 6px;
  background: #eef2ff;
  color: #1e3a8a;
  border: 1px solid #c7d2fe;
  margin-bottom: 5px;
}
.nbv2-kat-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  background: #f0f4fa;
  color: #2c3a63;
  border: 1px solid #d7e0f0;
  margin-bottom: 5px;
}
.nbv2-area-title {
  font-weight: 800;
  color: #111a3a;
  font-size: 13px;
  margin-bottom: 3px;
}
.nbv2-uraian-text {
  color: #273256;
  font-size: 12.5px;
  line-height: 1.55;
}
.nbv2-target-box {
  margin-top: 7px;
  padding: 6px 10px;
  border-radius: 8px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  font-size: 11.5px;
  font-weight: 600;
}
.nbv2-target-done {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #065f46;
}
.nbv2-prio-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.nbv2-prio-High {
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}
.nbv2-prio-Medium {
  background: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}
.nbv2-prio-Low {
  background: #e0f2fe;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

/* Status Select & Daily Briefing Update Box */
.nbv2-status-select {
  width: 100%;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 11.5px;
  font-weight: 800;
  border: 1px solid #cbd5e1;
  cursor: pointer;
}
.nbv2-status-select.st-progress {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #93c5fd;
}
.nbv2-status-select.st-pending {
  background: #fffbeb;
  color: #b45309;
  border-color: #fcd34d;
}
.nbv2-status-select.st-vendor {
  background: #f5f3ff;
  color: #6d28d9;
  border-color: #c4b5fd;
}
.nbv2-status-select.st-close {
  background: #ecfdf5;
  color: #047857;
  border-color: #6ee7b7;
}

/* Log & Daily Briefing Stack */
.nbv2-log-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nbv2-log-item {
  background: #f8faff;
  border-left: 3px solid #3b82f6;
  padding: 6px 9px;
  border-radius: 0 7px 7px 0;
  font-size: 11.5px;
  color: #2b3659;
  line-height: 1.45;
}
.nbv2-log-item.log-daily {
  background: #ecfdf5;
  border-left-color: #10b981;
  color: #064e3b;
}
.nbv2-log-item b {
  color: #141f52;
}
.nbv2-log-item.log-daily b {
  color: #047857;
}
.nbv2-daily-box {
  background: #f8faff;
  border: 1px solid #d4dff4;
  border-radius: 10px;
  padding: 9px 10px;
}
.nbv2-daily-box.is-updated {
  background: #f0fdf4;
  border-color: #86efac;
}
.nbv2-daily-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 999px;
  margin-bottom: 6px;
}
.nbv2-daily-status.st-ok {
  background: #dcfce7;
  color: #047857;
}
.nbv2-daily-status.st-wait {
  background: #e2e8f0;
  color: #475569;
}
.nbv2-quick-fu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.nbv2-quick-fu textarea,
.nbv2-quick-fu input {
  width: 100%;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 12px !important;
  background: #ffffff !important;
  resize: vertical;
  font-family: inherit;
}
.nbv2-quick-fu-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: space-between;
}
.nbv2-save-fu-btn {
  padding: 6px 12px;
  border-radius: 8px;
  background: #17235e;
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 800;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
.nbv2-save-fu-btn:hover {
  background: #25388e;
}

/* Done Banner & Subtabs */
.nbv2-done-banner {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-bottom: 1px solid #a7f3d0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.nbv2-done-banner-left {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 1 400px;
}
.nbv2-done-ic {
  font-size: 24px;
  line-height: 1;
}
.nbv2-done-banner h3 {
  margin: 0 0 4px 0;
  font-size: 15px;
  font-weight: 800;
  color: #064e3b;
}
.nbv2-done-banner p {
  margin: 0;
  font-size: 12px;
  color: #047857;
  line-height: 1.45;
}
.nbv2-done-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.nbv2-subtab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 10px;
  border: 1px solid #6ee7b7;
  background: rgba(255, 255, 255, 0.85);
  color: #065f46;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.nbv2-subtab.active {
  background: #059669;
  color: #ffffff;
  border-color: #047857;
}
.nbv2-subtab b {
  background: rgba(0, 0, 0, 0.12);
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
}
.nbv2-view-switch {
  display: inline-flex;
  border: 1px solid #cfd9ee;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}
.nbv2-vbtn {
  padding: 8px 12px;
  border: none;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  color: #465378;
  cursor: pointer;
}
.nbv2-vbtn.active {
  background: #17235e;
  color: #ffffff;
}

/* Group Accordion */
.nbv2-section-block {
  padding: 16px 18px;
  border-bottom: 1px solid #e3eaf6;
}
.nbv2-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: 11px;
  background: linear-gradient(90deg, #16235c 0%, #25398c 100%);
  color: #ffffff;
}
.nbv2-section-head.sec-legacy {
  background: linear-gradient(90deg, #065f46 0%, #0d9488 100%);
}
.nbv2-section-head h4 {
  margin: 0;
  font-size: 13.5px;
  font-weight: 800;
  color: #ffffff;
}
.nbv2-section-head span {
  font-size: 11.5px;
  font-weight: 700;
  color: #e2e8f0;
}
.nbv2-kat-group {
  border: 1px solid #dce5f5;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  background: #ffffff;
}
.nbv2-kat-header {
  width: 100%;
  padding: 11px 16px;
  background: #f5f8ff;
  border: none;
  border-bottom: 1px solid #e4ecfa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  font-weight: 800;
  color: #141f52;
}
.nbv2-kat-header:hover {
  background: #ebf1ff;
}
.nbv2-empty-state {
  padding: 38px 20px;
  text-align: center;
  color: #526085;
}
.nbv2-empty-state .ic {
  font-size: 34px;
  margin-bottom: 8px;
}
.nbv2-empty-state h4 {
  margin: 0 0 6px 0;
  font-size: 15px;
  color: #162256;
}
.nbv2-empty-state p {
  margin: 0 auto 14px auto;
  font-size: 12.5px;
  max-width: 540px;
  line-height: 1.5;
}


/* ===== Mobile Dashboard Redesign matching user reference ===== */
@media (max-width: 1023px) {
  body {
    background-color: #f1f4f9 !important;
  }
  
  .fs-back-btn {
    display: inline-flex !important;
    position: static !important;
    margin: 10px 0 14px 0 !important;
    background: #151b4d !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(21, 27, 77, 0.25) !important;
    cursor: pointer !important;
    align-items: center !important;
    gap: 6px !important;
  }

  /* 1. Hero Card */
  #view-dashboard .dash-hero {
    background: linear-gradient(150deg, #101844 0%, #1a2563 100%) !important;
    border-radius: 22px !important;
    padding: 22px 18px 20px 18px !important;
    box-shadow: 0 10px 30px rgba(18, 26, 74, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 14px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #view-dashboard .dash-hero-inner {
    display: block !important;
  }

  #view-dashboard .dash-hero h1 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.02em !important;
  }

  #view-dashboard .dash-hero .hero-sub {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.72) !important;
    line-height: 1.4 !important;
    margin: 0 0 14px 0 !important;
    font-weight: 500 !important;
  }

  #view-dashboard .dash-hero .hero-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
  }

  /* 4 Chips in 2x2 Grid */
  #view-dashboard .dash-hero-chips {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    margin-top: 6px !important;
    width: 100% !important;
  }

  #view-dashboard .dash-hero-chip {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    padding: 12px 10px !important;
    text-align: center !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    min-width: 0 !important;
  }

  #view-dashboard .dash-hero-chip .hc-val {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }

  #view-dashboard .dash-hero-chip .hc-lbl {
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin-top: 4px !important;
  }

  /* 2. Today Section (.dr-today) */
  #view-dashboard .dr-wrap {
    margin-bottom: 20px !important;
  }

  #view-dashboard .dr-today {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  #view-dashboard .dr-today-card {
    background: #253b94 !important;
    border-radius: 18px !important;
    padding: 16px !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(37, 59, 148, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    min-width: 0 !important;
  }

  #view-dashboard .dr-today-card:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  #view-dashboard .dr-today-card .t-lbl {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: rgba(255, 255, 255, 0.8) !important;
  }

  #view-dashboard .dr-today-card .t-val {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-top: 6px !important;
    line-height: 1.15 !important;
  }

  #view-dashboard .dr-today-card .t-sub {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.8) !important;
    margin-top: 4px !important;
  }

  /* 3. Metric Cards Grid (.dr-grid) */
  #view-dashboard .dr-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  #view-dashboard .dr-card {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 18px 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }

  #view-dashboard .dr-card:before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: var(--dc, #1e3a8a) !important;
  }

  #view-dashboard .dr-card .c-ic {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: var(--dcs, #eef0fa) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  #view-dashboard .dr-card .c-lbl {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #64748b !important;
    line-height: 1.3 !important;
  }

  #view-dashboard .dr-card .c-val {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: var(--dc, #1e3a8a) !important;
    margin-top: 6px !important;
    line-height: 1.1 !important;
  }

  #view-dashboard .dr-card .c-sub {
    font-size: 11.5px !important;
    color: #64748b !important;
    margin-top: 6px !important;
    line-height: 1.35 !important;
  }

  /* 4. Bottom Nav Bar (.gl-bottomnav) */
  .gl-bottomnav {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 68px !important;
    background: #ffffff !important;
    border-top: 1px solid #edf2f7 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    z-index: 100 !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06) !important;
    padding: 0 10px !important;
  }

  .gl-bottomnav .gl-bn-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .gl-bottomnav .gl-bn-item.active {
    background: #eef2fb !important;
    border-radius: 14px !important;
    padding: 6px 14px !important;
    color: #151b4d !important;
  }

  .gl-bottomnav .gl-bn-item.active .gl-bn-lbl {
    color: #151b4d !important;
    font-weight: 800 !important;
  }

  .gl-bottomnav .gl-bn-center {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #151b4d !important;
    color: #ffffff !important;
    margin-top: -20px !important;
    box-shadow: 0 6px 18px rgba(21, 27, 77, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .gl-bottomnav .gl-bn-center .gl-bn-ic-center {
    font-size: 20px !important;
    color: #ffffff !important;
  }

  .gl-bottomnav .gl-bn-center .gl-bn-lbl {
    font-size: 9px !important;
    color: #ffffff !important;
    margin-top: 1px !important;
    font-weight: 700 !important;
  }
}

/* ==========================================================================
   NOTULEN BRIEFING HARIAN & MONITORING ENGINEERING — PRINT STRIP & A4 FORMAT
   ========================================================================== */
.nbv2-print-strip {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.nbv2-print-strip-lbl {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--navy);
  margin-right: 2px;
}
.nbv2-print-strip .btn {
  padding: 4px 10px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #151b4d !important;
}
.nbv2-print-strip .btn:hover {
  background: #eef2ff !important;
  border-color: #151b4d !important;
}

.nb-a4-sheet {
  width: 100%;
  color: #0f172a;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.nb-a4-kop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 2.5px solid #151b4d;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.nb-a4-kop-title {
  font-size: 13pt;
  font-weight: 900;
  color: #151b4d;
  letter-spacing: 0.02em;
}
.nb-a4-kop-sub {
  font-size: 9.5pt;
  font-weight: 700;
  color: #1e293b;
  margin-top: 2px;
}
.nb-a4-kop-meta {
  font-size: 8.5pt;
  color: #475569;
  margin-top: 2px;
}
.nb-a4-doccode {
  text-align: right;
  font-size: 8.5pt;
  font-weight: 800;
  color: #151b4d;
  border: 1.5px solid #151b4d;
  padding: 4px 10px;
  border-radius: 4px;
}
.nb-print-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 8pt;
  line-height: 1.35;
}
.nb-print-table thead {
  display: table-header-group;
}
.nb-print-table tr {
  page-break-inside: avoid;
  break-inside: avoid;
}
.nb-print-table th {
  background: #151b4d !important;
  color: #ffffff !important;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 7.5pt;
  padding: 6px 5px;
  border: 1px solid #0f172a;
  text-align: center;
  vertical-align: middle;
}
.nb-print-table td {
  padding: 5px 6px;
  border: 1px solid #334155;
  vertical-align: top;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #0f172a;
}
.nb-print-table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}

/* ==========================================================================
   POA KESEHATAN LINGKUNGAN TZU CHI HOSPITAL 2026 TABLE & PRINT FORMAT
   ========================================================================== */
.poa26-wrap {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  overflow: auto;
  background: #ffffff;
}
.poa26-banner-title {
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: 0.03em;
  padding: 12px 10px 8px;
  background: #ffffff;
  border-bottom: 2px solid #0f172a;
}
.poa26-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
  color: #0f172a;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.poa26-table th,
.poa26-table td {
  border: 1px solid #1e293b;
  padding: 4px 5px;
  vertical-align: middle;
}
.poa26-table thead th {
  background: #f1f5f9;
  color: #0f172a;
  font-weight: 800;
  text-align: center;
}
.poa26-table .poa26-th-week {
  font-size: 9px;
  width: 16px;
  min-width: 16px;
  max-width: 18px;
  padding: 2px 1px;
  text-align: center;
}
.poa26-cell-empty {
  text-align: center;
  cursor: pointer;
  background: #ffffff;
  min-width: 16px;
  height: 22px;
}
.poa26-cell-empty:hover {
  background: #fee2e2;
}
.poa26-cell-red {
  background: #e11d48 !important;
  color: #ffffff !important;
  text-align: center;
  font-weight: 800;
  font-size: 9px;
  cursor: pointer;
  min-width: 16px;
  height: 22px;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.poa26-cell-done {
  background: #e11d48 !important;
  color: #ffffff !important;
  text-align: center;
  font-weight: 900;
  font-size: 9.5px;
  cursor: pointer;
  min-width: 16px;
  height: 22px;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.poa26-print-title {
  text-align: center;
  font-size: 14pt;
  font-weight: 900;
  color: #000000;
  margin-bottom: 6px;
  letter-spacing: 0.02em;
}
@media print {
  body.nb-printing #chk-print-root {
    display: block !important;
    width: 100% !important;
  }
  .poa26-table {
    font-size: 7.2pt !important;
  }
  .poa26-table th,
  .poa26-table td {
    padding: 2px 3px !important;
    border: 0.8pt solid #000000 !important;
  }
  .poa26-table .poa26-th-week,
  .poa26-cell-empty,
  .poa26-cell-red,
  .poa26-cell-done {
    width: 11px !important;
    min-width: 11px !important;
    max-width: 12px !important;
    height: 14px !important;
    padding: 0 !important;
    font-size: 6.5pt !important;
  }
}

/* Hide Cetak Terpisah (A4) strip completely as requested */
.nbv2-print-strip {
  display: none !important;
}

/* Dropdown Cetak Notulen styling */
.nbv2-dropdown-wrap {
  position: relative;
  display: inline-block;
}

#nbv2-cetak-dropdown-menu {
  display: none;
  flex-direction: column !important;
  width: 255px !important;
  min-width: 255px !important;
  max-width: 265px !important;
  box-sizing: border-box !important;
  padding: 6px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.22) !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  z-index: 9999 !important;
}

#nbv2-cetak-dropdown-menu.is-open {
  display: flex !important;
}

#nbv2-cetak-dropdown-menu .nbv2-dd-opt {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  cursor: pointer !important;
  white-space: normal !important;
  transition: background 0.15s ease !important;
}

#nbv2-cetak-dropdown-menu .nbv2-dd-opt:hover {
  background: #f1f5f9 !important;
}

#nbv2-cetak-dropdown-menu .nbv2-dd-opt:active {
  background: #e2e8f0 !important;
}



/* ============================================================
   KESLING TPS & CHECKLIST MODULE ENHANCEMENTS
   Spillkit, Pembersihan TPS, Eyewash, Suhu TPS, Logbook B3
   ============================================================ */
.kesling-tab-bar {
  margin-bottom: 16px;
  background: #ffffff;
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
  position: sticky;
  top: 10px;
  z-index: 20;
}
.kesling-tab-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.ktab-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.18s ease;
}
.ktab-btn:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: #cbd5e1;
}
.ktab-btn.active {
  background: #0284c7;
  color: #ffffff;
  border-color: #0284c7;
  box-shadow: 0 2px 4px rgba(2, 132, 199, 0.25);
}

.tps-table, .spillkit-table, .eyewash-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.tps-table th, .spillkit-table th, .eyewash-table th {
  background: #f8fafc;
  color: #334155;
  font-weight: 700;
  padding: 8px 10px;
  border: 1px solid #cbd5e1;
  text-align: center;
  vertical-align: middle;
}
.tps-table td, .spillkit-table td, .eyewash-table td {
  padding: 7px 9px;
  border: 1px solid #cbd5e1;
  color: #1e293b;
  vertical-align: middle;
}
.tps-table tr:hover td, .spillkit-table tr:hover td, .eyewash-table tr:hover td {
  background-color: #f8fafc;
}

/* Public TPS Portal Styles */
.public-tps-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow-y: auto;
}
.pub-portal-wrap {
  width: 100%;
  max-width: 1100px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 94vh;
}
.pub-portal-header {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
  color: #ffffff;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pub-portal-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
.pub-tab-bar {
  display: flex;
  gap: 8px;
  border-bottom: 2px solid #e2e8f0;
  padding-bottom: 8px;
  margin-bottom: 16px;
  overflow-x: auto;
}
.pub-tab-btn {
  padding: 9px 16px;
  border-radius: 8px;
  border: none;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  background: #f1f5f9;
  color: #475569;
  transition: all 0.15s ease;
}
.pub-tab-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.pub-tab-btn.active {
  background: #2563eb;
  color: #ffffff;
}
#fms-pub-root.pp-root{background:#f3f5fb}.pp{min-height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#e9ecf9 0,#f4f6fb 240px);color:var(--ink,#22243a);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}.pp *,.pp *:before,.pp *:after{box-sizing:border-box}.pp button,.pp input,.pp select,.pp textarea{font:inherit;color:inherit}.pp [hidden]{display:none!important}.pp-head{position:sticky;top:0;z-index:30;background:var(--tc-navy-grad,#151b4d);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 12px;box-shadow:0 12px 28px -16px #151b4de6}.pp-head-in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px}.pp-logo{flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;padding:5px;box-shadow:0 3px 10px #0004}.pp-logo img{max-width:100%;max-height:100%;display:block}.pp-brand{min-width:0;flex:1}.pp-brand b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-brand span{display:block;font-size:11.5px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;background:#ffffff1f;border:1px solid #ffffff38;color:#fff;white-space:nowrap}.pp-chip i{width:8px;height:8px;border-radius:50%;background:#6ee7a8;display:inline-block}.pp-chip.is-off i{background:#fca5a5}.pp-chip.is-busy i{background:#fcd34d;animation:pp-pulse 1s infinite}@keyframes pp-pulse{50%{opacity:.3}}.pp-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:18px 16px calc(132px + env(safe-area-inset-bottom))}.pp-hero{padding:6px 2px 14px}.pp-hero h1{margin:0 0 4px;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:var(--navy,#151b4d);font-weight:800}.pp-hero p{margin:0;color:var(--ink-soft,#6b6f8c);font-size:13.5px}.pp-banner{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:12px;font-size:13px;margin:0 0 14px;border:1px solid transparent}.pp-banner b{display:block;margin-bottom:1px}.pp-banner.is-info{background:var(--blue-soft,#e7edfa);border-color:#c9d6f3;color:#1f3f7a}.pp-banner.is-warn{background:var(--amber-soft,#fbeed9);border-color:#f0d9a8;color:#7a4a08}.pp-banner.is-bad{background:var(--red-soft,#fbe6e6);border-color:#f0c2c2;color:#8d1f2f}.pp-banner.is-ok{background:var(--green-soft,#e5f3ec);border-color:#bfe0cf;color:#1d6445}.pp-banner .pp-ban-ic{flex:0 0 auto;font-size:17px;line-height:1.2}.pp-banner .pp-link{margin-left:auto;flex:0 0 auto}.pp-cards{display:grid;gap:12px}.pp-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--line,#e3e2ee);border-radius:18px;padding:14px 16px;cursor:pointer;box-shadow:var(--tc-shadow-1,0 4px 18px rgba(21,27,77,.07));transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.pp-card:active{transform:scale(.985)}@media(hover:hover){.pp-card:hover{border-color:#cdd3ee;box-shadow:var(--tc-shadow-2,0 12px 30px -12px rgba(21,27,77,.3));transform:translateY(-1px)}}.pp-card:focus-visible,.pp-btn:focus-visible,.pp-seg-btn:focus-visible,.pp-tab:focus-visible,.pp-item:focus-visible{outline:3px solid #b8952e66;outline-offset:2px}.pp-ic{flex:0 0 auto;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:inset 0 1px #fff5,0 8px 16px -8px #151b4d99}.pp-ic.t-navy{background:linear-gradient(145deg,#2a3680,#151b4d)}.pp-ic.t-teal{background:linear-gradient(145deg,#1ea0a0,#0f6f78)}.pp-ic.t-green{background:linear-gradient(145deg,#3aa275,#1f7a52)}.pp-ic.t-red{background:linear-gradient(145deg,#e05a4f,#b4293a)}.pp-ic.t-amber{background:linear-gradient(145deg,#e0a23a,#b7791f)}.pp-ic.t-gold{background:linear-gradient(145deg,#d3ad3c,#a5842a)}.pp-card-body{min-width:0;flex:1}.pp-card-body b{display:block;font-size:16px;font-weight:800;color:var(--navy,#151b4d);letter-spacing:-.01em}.pp-card-body small{display:block;color:var(--ink-soft,#6b6f8c);font-size:12.5px;margin-top:1px}.pp-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pp-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:700;background:#eef0fa;color:#33406f;white-space:nowrap}.pp-pill.is-ok{background:var(--green-soft,#e5f3ec);color:#1d6445}.pp-pill.is-warn{background:var(--amber-soft,#fbeed9);color:#8a5200}.pp-pill.is-bad{background:var(--red-soft,#fbe6e6);color:#8d1f2f}.pp-pill.is-mute{background:#f0f1f6;color:#6b6f8c}.pp-chev{flex:0 0 auto;color:#9aa0c2;font-size:22px;font-weight:300}.pp-foot-note{margin:18px 4px 0;text-align:center;color:var(--ink-soft,#6b6f8c);font-size:12px}.pp-nav{display:flex;align-items:center;gap:10px;margin:0 0 12px}.pp-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:99px;background:#fff;border:1px solid var(--line,#e3e2ee);color:var(--navy,#151b4d);font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--tc-shadow-1,0 4px 18px rgba(21,27,77,.07))}.pp-nav h2{margin:0;font-size:17px;font-weight:800;color:var(--navy,#151b4d);letter-spacing:-.01em;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-panel{background:#fff;border:1px solid var(--line,#e3e2ee);border-radius:18px;padding:16px;box-shadow:var(--tc-shadow-1,0 4px 18px rgba(21,27,77,.07));margin:0 0 14px}.pp-panel h3{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--navy,#151b4d);text-transform:uppercase;letter-spacing:.05em}.pp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.pp-grid2.pp-stack{grid-template-columns:1fr}}.pp-field{display:block;margin:0 0 14px}.pp-field:last-child{margin-bottom:0}.pp-field>label,.pp-lbl{display:block;font-size:12.5px;font-weight:700;color:#3a4064;margin:0 0 6px}.pp-field>label em{color:var(--red,#b4293a);font-style:normal;margin-left:2px}.pp-field .pp-hint{display:block;margin-top:5px;font-size:12px;color:var(--ink-soft,#6b6f8c)}.pp-field .pp-err{display:none;margin-top:5px;font-size:12px;font-weight:700;color:var(--red,#b4293a)}.pp-field.has-err .pp-err{display:block}.pp-panel>.pp-err{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--red,#b4293a)}.pp-panel>.pp-err:empty{display:none}.pp-in{width:100%;min-height:48px;padding:11px 13px;border:1.5px solid #d7dbee;border-radius:12px;background:#fbfbfe;font-size:16px;transition:border-color .12s,box-shadow .12s,background .12s;-webkit-appearance:none;appearance:none}textarea.pp-in{min-height:84px;resize:vertical}select.pp-in{background-image:linear-gradient(45deg,transparent 50%,#6b6f8c 50%),linear-gradient(135deg,#6b6f8c 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px}.pp-in:focus{outline:none;border-color:#1f2a6b;background:#fff;box-shadow:0 0 0 4px #1f2a6b1f}.pp-field.has-err .pp-in{border-color:var(--red,#b4293a);background:#fff8f8}.pp-in-wrap{position:relative}.pp-in-wrap .pp-unit{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;color:var(--ink-soft,#6b6f8c);pointer-events:none}.pp-in-wrap .pp-in{padding-right:52px}.pp-live{display:block;margin-top:6px;font-size:12px;font-weight:800}.pp-live:empty{display:none}.pp-live.is-ok{color:#1d6445}.pp-live.is-bad{color:#a8232f}.pp-live.is-mute{color:var(--ink-soft,#6b6f8c);font-weight:600}.pp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:5px;background:#eceffa;border-radius:14px;margin:0 0 14px}.pp-seg-btn{min-height:46px;padding:8px 10px;border:0;border-radius:10px;background:transparent;font-weight:700;font-size:13.5px;color:#4a5280;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.pp-seg-btn.is-on{background:#fff;color:var(--navy,#151b4d);box-shadow:0 2px 8px -2px #151b4d40}.pp-seg-btn small{display:block;font-size:10.5px;font-weight:600;opacity:.75}.pp-seg.is-compact .pp-seg-btn{min-height:40px;font-size:13px}.pp-seg-btn.is-ok.is-on{background:var(--green,#2e7d5b);color:#fff}.pp-seg-btn.is-warn.is-on{background:var(--amber,#a86a12);color:#fff}.pp-seg-btn.is-bad.is-on{background:var(--red,#b4293a);color:#fff}.pp-checks{display:grid;gap:8px}.pp-check{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid #dfe3f3;border-radius:14px;background:#fbfbfe;cursor:pointer;min-height:54px;transition:background .12s,border-color .12s}.pp-check input{position:absolute;opacity:0;pointer-events:none}.pp-check .pp-box{flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:2px solid #b9c0e0;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:900;transition:all .12s}.pp-check .pp-txt{font-size:14px;font-weight:600;color:#262b4d;line-height:1.35}.pp-check.is-on{background:var(--green-soft,#e5f3ec);border-color:#9fd1b8}.pp-check.is-on .pp-box{background:var(--green,#2e7d5b);border-color:var(--green,#2e7d5b)}.pp-check:focus-within{outline:3px solid #b8952e66;outline-offset:2px}.pp-toolrow{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 18px;border:0;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .1s,filter .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.pp-btn:active{transform:scale(.98)}.pp-btn[disabled]{opacity:.55;pointer-events:none}.pp-btn.is-primary{background:var(--tc-navy-grad,#151b4d);color:#fff;box-shadow:0 10px 22px -10px #151b4dcc}.pp-btn.is-gold{background:var(--tc-gold-grad,#b8952e);color:#1d1a0d;box-shadow:0 10px 22px -10px #b8952ecc}.pp-btn.is-ghost{background:#fff;color:var(--navy,#151b4d);border:1.5px solid #d7dbee}.pp-btn.is-soft{background:#eceffa;color:var(--navy,#151b4d)}.pp-btn.is-sm{min-height:38px;padding:7px 13px;font-size:13px;border-radius:11px}.pp-btn.is-block{width:100%}.pp-link{background:none;border:0;padding:0;color:#1f3f7a;font-weight:800;text-decoration:underline;cursor:pointer;font-size:inherit}.pp-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffe;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line,#e3e2ee);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 26px -18px #151b4d80}.pp-bar-in{max-width:760px;margin:0 auto;display:flex;gap:10px}.pp-bar-in .pp-btn{flex:1}.pp-foto{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:10px}.pp-foto figure{position:relative;margin:0;border-radius:12px;overflow:hidden;border:1px solid #d7dbee;aspect-ratio:1/1;background:#eef0fa}.pp-foto img{width:100%;height:100%;object-fit:cover;display:block}.pp-foto button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:15px;line-height:1;cursor:pointer}.pp-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.pp-drop{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;border:2px dashed #b9c0e0;border-radius:14px;color:#33406f;font-weight:800;background:#f7f8fd;cursor:pointer;text-align:center;padding:10px}.pp-drop:focus-within{outline:3px solid #b8952e66;outline-offset:2px}.pp-hist{display:grid;gap:8px}.pp-hrow{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border:1px solid #e6e8f4;border-radius:13px;background:#fcfcff}.pp-hrow .pp-hdate{flex:0 0 auto;min-width:54px;text-align:center;font-weight:800;color:var(--navy,#151b4d);line-height:1.15}.pp-hrow .pp-hdate span{display:block;font-size:10.5px;font-weight:700;color:var(--ink-soft,#6b6f8c);text-transform:uppercase}.pp-hrow .pp-hdate b{display:block;font-size:20px}.pp-hrow .pp-hbody{min-width:0;flex:1;font-size:13px}.pp-hrow .pp-hbody b{font-weight:800;color:#262b4d}.pp-hrow .pp-hbody small{display:block;color:var(--ink-soft,#6b6f8c);font-size:12px}.pp-empty{padding:22px 12px;text-align:center;color:var(--ink-soft,#6b6f8c);font-size:13px}.pp-done{text-align:center;padding:28px 18px}.pp-done .pp-big{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:var(--green-soft,#e5f3ec);color:var(--green,#2e7d5b);display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:0 0 0 10px #e5f3ec80}.pp-done h2{margin:0 0 6px;font-size:20px;color:var(--navy,#151b4d)}.pp-done p{margin:0 0 14px;color:var(--ink-soft,#6b6f8c);font-size:13.5px}.pp-sum{margin:0 auto 18px;max-width:420px;text-align:left;border:1px solid #e6e8f4;border-radius:14px;overflow:hidden;background:#fff}.pp-sum div{display:flex;gap:10px;justify-content:space-between;padding:9px 13px;font-size:13px;border-bottom:1px solid #eef0f8}.pp-sum div:last-child{border-bottom:0}.pp-sum span{color:var(--ink-soft,#6b6f8c)}.pp-sum b{color:#262b4d;text-align:right}.pp-actions{display:grid;gap:10px;max-width:420px;margin:0 auto}.pp-auth{max-width:430px;margin:26px auto 0}.pp-auth .pp-panel{padding:22px 18px}.pp-auth h1{margin:0 0 4px;font-size:21px;color:var(--navy,#151b4d);letter-spacing:-.02em}.pp-auth p{margin:0 0 16px;color:var(--ink-soft,#6b6f8c);font-size:13.5px}.pp-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e1e5f5;border-radius:14px;background:#fff;margin:0 0 14px}.pp-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--tc-navy-grad,#151b4d);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.pp-user b{display:block;font-size:13.5px;line-height:1.2}.pp-user small{display:block;color:var(--ink-soft,#6b6f8c);font-size:11.5px}.pp-user .pp-btn{margin-left:auto}.pp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:#e3e7f7;border-radius:16px;margin:0 0 14px}.pp-tab{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;border:0;border-radius:12px;background:transparent;font-weight:800;font-size:13px;color:#4a5280;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}.pp-tab .pp-tab-ic{font-size:20px;line-height:1.1}.pp-tab small{font-size:10.5px;font-weight:700;opacity:.75}.pp-tab.is-on{background:#fff;color:var(--navy,#151b4d);box-shadow:0 3px 10px -3px #151b4d4d}.pp-prog{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line,#e3e2ee)}.pp-prog-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-size:13px;font-weight:700;color:#33406f}.pp-prog-top b{font-size:18px;color:var(--navy,#151b4d)}.pp-prog progress{display:block;width:100%;height:9px;margin-top:8px;border:0;border-radius:99px;overflow:hidden;background:#e5e8f6;-webkit-appearance:none;appearance:none}.pp-prog progress::-webkit-progress-bar{background:#e5e8f6}.pp-prog progress::-webkit-progress-value{background:linear-gradient(90deg,#2e7d5b,#4aa77d);border-radius:99px}.pp-prog progress::-moz-progress-bar{background:linear-gradient(90deg,#2e7d5b,#4aa77d)}.pp-search{position:relative;margin:0 0 10px}.pp-search input{padding-left:42px}.pp-search:before{content:"\1f50e";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.7;pointer-events:none}.pp-filters{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 4px;padding:2px 16px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pp-filters::-webkit-scrollbar{display:none}.pp-fchip{flex:0 0 auto;padding:7px 13px;border-radius:99px;border:1.5px solid #d7dbee;background:#fff;font-weight:700;font-size:12.5px;color:#4a5280;cursor:pointer;white-space:nowrap}.pp-fchip.is-on{background:var(--navy,#151b4d);border-color:var(--navy,#151b4d);color:#fff}.pp-list{display:grid;gap:10px}.pp-item{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid var(--line,#e3e2ee);border-radius:16px;padding:12px 14px;cursor:pointer;box-shadow:var(--tc-shadow-1,0 4px 18px rgba(21,27,77,.07));-webkit-tap-highlight-color:transparent}.pp-item:active{transform:scale(.99)}.pp-item .pp-no{flex:0 0 auto;min-width:44px;height:44px;border-radius:13px;background:#eef0fa;color:var(--navy,#151b4d);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;padding:0 6px}.pp-item.is-done .pp-no{background:var(--green-soft,#e5f3ec);color:#1d6445}.pp-item .pp-ib{min-width:0;flex:1}.pp-item .pp-ib b{display:block;font-size:14.5px;font-weight:800;color:#222849;line-height:1.3}.pp-item .pp-ib small{display:block;color:var(--ink-soft,#6b6f8c);font-size:12px;margin-top:2px}.pp-more{margin:12px auto 0;display:flex}.pp-sheet-back{position:fixed;inset:0;z-index:60;background:#0f143c99;backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:pp-fade .15s ease}@keyframes pp-fade{0%{opacity:0}}@keyframes pp-up{0%{transform:translateY(24px);opacity:.4}}.pp-sheet{width:100%;max-width:640px;max-height:94vh;max-height:94dvh;display:flex;flex-direction:column;background:#f6f7fc;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px -20px #000a;animation:pp-up .2s ease}.pp-sheet-head{padding:14px 16px 12px;background:#fff;border-radius:22px 22px 0 0;border-bottom:1px solid var(--line,#e3e2ee);display:flex;gap:12px;align-items:flex-start}.pp-sheet-head h3{margin:0;font-size:16px;color:var(--navy,#151b4d);font-weight:800;line-height:1.25}.pp-sheet-head p{margin:3px 0 0;font-size:12.5px;color:var(--ink-soft,#6b6f8c)}.pp-x{flex:0 0 auto;margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:#eceffa;color:#33406f;font-size:18px;cursor:pointer}.pp-sheet-body{padding:14px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.pp-sheet-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line,#e3e2ee);display:flex;gap:10px}.pp-sheet-foot .pp-btn{flex:1}.pp-qrow{padding:12px 0;border-bottom:1px solid #e9ecf8}.pp-qrow:last-child{border-bottom:0}.pp-qrow .pp-qname{font-weight:700;font-size:14px;color:#262b4d;margin:0 0 8px}.pp-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;max-width:min(92vw,460px);padding:11px 16px;border-radius:14px;background:#151b4d;color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 14px 30px -12px #000a;text-align:center}.pp-toast.is-ok{background:#1d6445}.pp-toast.is-bad{background:#a8232f}.kq{display:grid;gap:14px;text-align:center}.kq-band{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe3f3;border-left:4px solid var(--gold,#b8952e);border-radius:14px;padding:11px 14px;text-align:left}.kq-logo{flex:0 0 auto;height:40px;width:auto;display:block}.kq-band-t{min-width:0}.kq-band small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#8a6a10;text-transform:uppercase}.kq-band h3{margin:2px 0;font-size:17px;color:var(--navy,#151b4d);letter-spacing:-.01em;line-height:1.2}.kq-band p{margin:0;font-size:12.5px;color:var(--ink-soft,#6b6f8c)}.kq-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.kq-tab{padding:7px 14px;border-radius:99px;border:1.5px solid #d7dbee;background:#fff;font-weight:800;font-size:12.5px;color:#4a5280;cursor:pointer}.kq-tab.is-on{background:var(--navy,#151b4d);color:#fff;border-color:var(--navy,#151b4d)}.kq-qrbox{display:inline-block;margin:0 auto;padding:14px;background:#fff;border:2px solid #cfd5ee;border-radius:20px;box-shadow:0 16px 34px -18px #151b4d66}.kq-qrbox svg{display:block;width:220px;height:220px;max-width:62vw;max-height:62vw}.kq-cap{margin-top:8px;font-size:11.5px;font-weight:800;color:#262b4d;letter-spacing:.06em}.kq-sub{font-size:12px;color:var(--ink-soft,#6b6f8c);margin-top:2px}.kq-box{text-align:left;background:#f8f9fe;border:1px solid #e1e5f5;border-radius:13px;padding:12px 14px}.kq-box label{display:block;font-size:11px;font-weight:800;color:#4a5280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.kq-row{display:flex;gap:6px}.kq-row input{flex:1;min-width:0;padding:9px 11px;border:1px solid #cfd5ee;border-radius:9px;background:#fff;font-size:12.5px;color:#22243a}.kq-foot{display:flex;gap:8px;flex-wrap:wrap}.kq-note{margin-top:8px;font-size:11.5px;color:var(--ink-soft,#6b6f8c);line-height:1.5}.kq-det{text-align:left;border:1px solid #e1e5f5;border-radius:13px;background:#fff;overflow:hidden}.kq-det summary{cursor:pointer;padding:11px 14px;font-weight:800;font-size:12.5px;color:#33406f;list-style:none}.kq-det summary::-webkit-details-marker{display:none}.kq-det summary:before{content:"\25b8";display:inline-block;margin-right:8px;transition:transform .15s}.kq-det[open] summary:before{transform:rotate(90deg)}.kq-det .kq-in{padding:0 14px 12px}.kq-link{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #eef0f8;font-size:12.5px}.kq-link b{flex:0 0 auto;min-width:150px;color:#262b4d}.kq-link span{min-width:0;flex:1;color:var(--ink-soft,#6b6f8c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.kq-link{flex-wrap:wrap}.kq-link b{min-width:0;flex:1 0 100%}}.kqr-sheet{font-family:Inter,Arial,Helvetica,sans-serif;color:#111;background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.kqr-card{page-break-inside:avoid;break-inside:avoid;position:relative;border:1.5px solid #151b4d;border-radius:16px;padding:13mm 12mm 9mm;text-align:center;margin:0 auto 10mm;max-width:170mm;background:#fff}.kqr-card:before{content:"";position:absolute;left:14mm;right:14mm;top:-1px;height:2.6mm;background:#b8952e;border-radius:0 0 6px 6px}.kqr-top{display:flex;align-items:center;justify-content:center;gap:4mm;margin:0 0 6mm}.kqr-logo{height:15mm;width:auto}.kqr-org{font-size:13pt;font-weight:800;letter-spacing:.05em;color:#151b4d;text-align:left}.kqr-dept{font-size:9pt;font-weight:700;letter-spacing:.12em;color:#8a6a10;text-align:left}.kqr-judul{font-size:24pt;font-weight:900;color:#151b4d;margin:0 0 1.5mm;letter-spacing:-.01em;line-height:1.1}.kqr-sub{font-size:11pt;color:#444;margin:0 auto 6mm;max-width:140mm}.kqr-qr{display:inline-block;padding:4mm;border:1.5px solid #cfd5ee;border-radius:14px;background:#fff}.kqr-qr svg{display:block;width:68mm;height:68mm}.kqr-cta{display:inline-block;margin-top:6mm;padding:2.2mm 7mm;border-radius:99px;background:#151b4d;color:#fff;font-size:11pt;font-weight:800;letter-spacing:.05em}.kqr-note{margin:4mm auto 0;font-size:9pt;color:#555;max-width:140mm;line-height:1.4}.kqr-list{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:4mm 0 0}.kqr-list span{border:1.2px solid #cfd5ee;border-radius:99px;padding:2px 9px;font-size:8.5pt;font-weight:700;color:#33406f}.kqr-url{margin-top:5mm;padding-top:3mm;border-top:1px solid #e3e5f1;font-size:7.5pt;color:#777;word-break:break-all}.kqr-sheet.is-multi .kqr-card{display:grid;grid-template-columns:62mm 1fr;gap:5mm 7mm;text-align:left;align-items:center;padding:9mm 8mm 5mm;margin-bottom:7mm}.kqr-sheet.is-multi .kqr-top{grid-column:1/-1;justify-content:flex-start;margin-bottom:0}.kqr-sheet.is-multi .kqr-logo{height:11mm}.kqr-sheet.is-multi .kqr-judul{font-size:17pt;margin:0 0 2px}.kqr-sheet.is-multi .kqr-qr{justify-self:center;padding:2.5mm}.kqr-sheet.is-multi .kqr-qr svg{width:52mm;height:52mm}.kqr-sheet.is-multi .kqr-url{grid-column:1/-1;margin-top:0}.kqr-sheet.is-multi .kqr-cta{margin-top:4mm;font-size:9.5pt;padding:1.8mm 5mm}.kqr-sheet.is-multi .kqr-sub{margin-left:0;font-size:10pt}.kqr-sheet.is-multi .kqr-note{margin-left:0}.pp-lock{overflow:hidden!important}.pp-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:11px;background:transparent;font-size:18px;line-height:1;color:#6b6f8c;cursor:pointer}.pp-eye:focus-visible{outline:3px solid #b8952e66;outline-offset:1px}.pp-opt{font-weight:600;color:var(--ink-soft,#6b6f8c)}.pp-skel{height:76px;border-radius:16px;margin:0 0 10px;background:linear-gradient(90deg,#e8ebf7 25%,#f4f6fc,#e8ebf7 75%);background-size:200% 100%;animation:pp-shimmer 1.2s linear infinite}@keyframes pp-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.pp-skel,.pp-chip.is-busy i,.pp-sheet,.pp-sheet-back{animation:none}}.pp-info{margin:0 0 12px}.pp-checks.pp-checks-2{grid-template-columns:1fr}@media(min-width:520px){.pp-checks.pp-checks-2{grid-template-columns:1fr 1fr}}.pp-check{position:relative}.pp-check .pp-txt small{display:block;margin-top:1px;font-size:11.5px;font-weight:500;color:var(--ink-soft,#6b6f8c)}.pp-seg.is-grid4{grid-auto-flow:row;grid-template-columns:1fr 1fr}.pp-field>.pp-seg{margin-bottom:0}.pp-seg-btn{line-height:1.2}.pp-derived{margin-top:2px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:800;text-align:center;background:#eef0fa;color:#33406f}.pp-derived.is-ok{background:var(--green-soft,#e5f3ec);color:#1d6445}.pp-derived.is-warn{background:var(--amber-soft,#fbeed9);color:#8a5200}.pp-derived.is-bad{background:var(--red-soft,#fbe6e6);color:#8d1f2f}.pp-relogin{border-color:#f0d9a8;background:#fffaf0}.pp-relogin h3{color:#7a4a08}.pp-item.is-bad{border-color:#f0c2c2;background:snow}.pp-item.is-bad .pp-no{background:var(--red-soft,#fbe6e6);color:#8d1f2f}#ks-box-isi.is-off{opacity:.45;pointer-events:none}.pp-sheet-head h3{overflow-wrap:anywhere}.pp-sheet:focus{outline:none}.pp-filters .pp-fchip:focus-visible{outline:3px solid #b8952e66;outline-offset:2px}.pp-nav h2{font-size:16px}@media(max-width:360px){.pp-brand b{font-size:14px}.pp-chip{padding:4px 8px}.pp-seg-btn{font-size:12.5px;padding:8px 6px}}.pu-input{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 13px;border:0;border-radius:99px;background:var(--tc-gold-grad,#b8952e);color:#1d1a0d;font-weight:800;font-size:13px;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px -8px #000a}.pu-input:active{transform:scale(.97)}.pu-input[disabled]{opacity:.6;pointer-events:none}.pu-input:focus-visible{outline:3px solid #fff8;outline-offset:2px}@media(max-width:380px){.pu-input{padding:7px 10px;font-size:12px}.pp-head-in{gap:8px}.pp-logo{width:38px;height:38px}}.pu-id{display:flex;gap:14px;align-items:flex-start}.pu-id-b{min-width:0;flex:1}.pu-id-b h1{margin:0;font-size:20px;line-height:1.2;color:var(--navy,#151b4d);letter-spacing:-.02em;font-weight:800}.pu-id-b p{margin:3px 0 0;font-size:14.5px;font-weight:700;color:#262b4d;overflow-wrap:anywhere}.pu-id-b small{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-soft,#6b6f8c)}.pu-id .pp-card-meta{margin-top:9px}.pu-last-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.pu-last-top h3{margin:0}.pu-who{display:flex;align-items:center;gap:11px;margin:0 0 12px}.pu-who b{display:block;font-size:14.5px;line-height:1.2}.pu-who small{display:block;color:var(--ink-soft,#6b6f8c);font-size:12.5px;margin-top:1px}.pu-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:12px;background:#f3f5fc;font-size:13.5px;margin:0 0 10px}.pu-kv span{color:var(--ink-soft,#6b6f8c)}.pu-kv b{color:#262b4d;text-align:right}.pu-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.pu-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#eef0fa;color:#33406f}.pu-chip.is-ok{background:var(--green-soft,#e5f3ec);color:#1d6445}.pu-chip.is-warn{background:var(--amber-soft,#fbeed9);color:#8a5200}.pu-chip.is-bad{background:var(--red-soft,#fbe6e6);color:#8d1f2f}.pu-cat{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#fff8ea;border:1px solid #f0d9a8;color:#5c3a05;font-size:13.5px;overflow-wrap:anywhere;white-space:pre-wrap}.pu-cat small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:0 0 2px}.pu-kosong{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px 8px;color:var(--ink-soft,#6b6f8c)}.pu-kosong span{font-size:30px}.pu-kosong b{color:#262b4d;font-size:14.5px}.pu-kosong small{font-size:12.5px}.pu-foto{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:2px 0 4px}.pu-foto-btn{position:relative;display:block;padding:0;border:1px solid #d7dbee;border-radius:12px;overflow:hidden;aspect-ratio:1/1;background:#eef0fa;cursor:zoom-in}.pu-foto-btn img{width:100%;height:100%;object-fit:cover;display:block}.pu-foto-x{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:11px;font-weight:700;color:#6b6f8c}.pu-foto-btn.is-gagal img{display:none}.pu-foto-btn.is-gagal .pu-foto-x{display:flex}.pu-foto-btn:focus-visible{outline:3px solid #b8952e66;outline-offset:2px}.pu-h{margin:6px 2px 10px;font-size:13px;font-weight:800;color:var(--navy,#151b4d);text-transform:uppercase;letter-spacing:.05em}.pu-bln{background:#fff;border:1px solid var(--line,#e3e2ee);border-radius:16px;margin:0 0 10px;overflow:hidden;box-shadow:var(--tc-shadow-1,0 4px 18px rgba(21,27,77,.07))}.pu-bln>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;font-weight:800;font-size:14.5px;color:var(--navy,#151b4d);cursor:pointer;list-style:none;min-height:50px}.pu-bln>summary::-webkit-details-marker{display:none}.pu-bln>summary:after{content:"\203a";font-size:20px;line-height:1;color:#8a90b0;transition:transform .15s;margin-left:2px}.pu-bln[open]>summary:after{transform:rotate(90deg)}.pu-bln>summary .pu-sum{margin-left:auto;font-size:12px;font-weight:700;color:var(--ink-soft,#6b6f8c)}.pu-sum em{font-style:normal;color:#a8232f}.pu-row{padding:12px 15px;border-top:1px solid #eef0f8}.pu-row.is-bad{background:snow}.pu-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 3px}.pu-row-top b{font-size:13.5px;color:#262b4d}.pu-row-sub{font-size:12.5px;color:var(--ink-soft,#6b6f8c);margin:0 0 8px;overflow-wrap:anywhere}.pu-row .pu-chips{margin-bottom:8px}.pu-lb{position:fixed;inset:0;z-index:90;background:#05072acc;display:flex;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));cursor:zoom-out;animation:pp-fade .15s ease}.pu-lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;background:#111}.pu-lb-x{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;border:0;background:#0009;color:#fff;font-size:26px;line-height:1;cursor:pointer}.pp-foto figure.is-up img{opacity:.45}.pp-foto .pu-ov{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:#151b4dd9;color:#fff;font-size:11px;font-weight:700;text-align:center}.pp-foto button.pu-ov.is-err{inset:auto 0 0;width:100%;height:auto;min-height:34px;border-radius:0;background:#a8232fe6;font-size:11px;font-weight:700;line-height:1.2;padding:5px 6px}.pp-foto .pu-ok{position:absolute;left:4px;bottom:4px;width:22px;height:22px;border-radius:50%;background:var(--green,#2e7d5b);color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.pp-cb{position:relative}.pp-cb .pp-cb-in{padding-right:44px}.pp-cb-x{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;border-radius:50%;background:#eceffa;color:#4a5280;font-size:20px;line-height:1;cursor:pointer}.pp-cb-x[hidden]{display:none}.pp-cb-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:25;margin:0;padding:6px;list-style:none;background:#fff;border:1.5px solid #c9cfe8;border-radius:14px;box-shadow:0 18px 40px -14px #151b4d73;max-height:min(46vh,300px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pp-cb-list[hidden]{display:none}.pp-cb-opt{padding:11px 12px;border-radius:10px;font-size:14.5px;line-height:1.3;color:#262b4d;cursor:pointer;overflow-wrap:anywhere}.pp-cb-opt:active,.pp-cb-opt.is-act{background:#e7ebfb}@media(hover:hover){.pp-cb-opt:hover{background:#eff2fc}}.pp-cb-opt.is-manual{margin-top:4px;border:1.5px dashed #b8952e;background:#fff9e8;font-weight:700;color:#5c3a05}.pp-cb-opt.is-manual small{font-weight:600;opacity:.75}.pp-cb-kosong{padding:9px 12px;font-size:12.5px;color:var(--ink-soft,#6b6f8c)}.pp-fotoaksi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-kam{background:#eef2ff;border-style:solid;border-color:#33406f;color:#1f2a5c}@media(max-width:380px){.pp-fotoaksi{grid-template-columns:1fr}}.pp-antrean{position:fixed;left:8px;right:8px;top:8px;z-index:2147483000;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#fff7e0;color:#5a3d00;border:1px solid #f0c24b;box-shadow:0 4px 16px #0000002e;font-size:13px;line-height:1.35}.pp-antrean span{flex:1 1 180px}.pp-antrean button{border:0;border-radius:8px;padding:8px 12px;background:#b45309;color:#fff;font-weight:600;font-size:13px;cursor:pointer}.pp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:0}.pp-tag{display:inline-flex;align-items:center;gap:4px;padding:5px 6px 5px 11px;border-radius:99px;background:#e8ecfb;color:#1f2a66;font-size:13px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.pp-tag button{border:0;background:#c9d1f3;color:#1f2a66;width:22px;height:22px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer;padding:0;flex:0 0 auto}.pp-tag button:hover{background:#b3bdea}.pp-tag-kosong{font-size:12.5px;color:var(--ink-soft,#6b6f8c)}.pp-hrow .pp-hact{flex:0 0 auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.pp-hrow .pp-hact .pp-btn{min-height:36px;padding:6px 12px;font-size:13px;border-radius:11px}.pp-hasil .pp-sheet-body{padding:14px 16px 6px}.pp-hasil-ring{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pp-hasil .pp-dl{margin:0 0 10px;display:grid;gap:8px}.pp-hasil .pp-dl>div{background:#fff;border:1px solid #e6e8f4;border-radius:12px;padding:8px 12px}.pp-hasil .pp-dl dt{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--ink-soft,#6b6f8c);letter-spacing:.04em}.pp-hasil .pp-dl dd{margin:2px 0 0;font-size:14px;font-weight:700;color:#262b4d;overflow-wrap:anywhere}.pp-hasil .pp-sheet-foot{display:flex;gap:8px;flex-wrap:wrap}.pp-hasil .pp-sheet-foot .pp-btn{flex:1 1 90px}.pp-ubah .pp-link{white-space:nowrap}.k3p{font-family:Inter,Arial,Helvetica,sans-serif;color:#111;font-size:10.5pt;line-height:1.35}.k3p table{width:100%;border-collapse:collapse}.k3p-kop{margin-bottom:10px;border-bottom:2px solid #111}.k3p-kop td{vertical-align:middle;padding:0 0 8px}.k3p-kop h2{margin:0;font-size:14.5pt;letter-spacing:.3px}.k3p-sub{font-size:9.5pt;font-weight:700;margin-top:3px}.k3p-logo{width:150px;text-align:right}.k3p-logo img{height:38px;width:auto}.k3p-logo div{font-size:7.5pt;font-weight:700}.k3p-id{margin-bottom:10px}.k3p-id th{width:34%;text-align:left;font-weight:700;background:#f1f1f1;border:1px solid #444;padding:4px 8px}.k3p-id td{border:1px solid #444;padding:4px 8px}.k3p-tb{margin-bottom:10px}.k3p-tb th{background:#e4e4e4;border:1px solid #444;padding:4px 8px;text-align:left}.k3p-tb td{border:1px solid #444;padding:4px 8px}.k3p-tb .k3p-no{width:34px;text-align:center}.k3p-tb .k3p-kd{width:150px}.k3p-ok{font-weight:700;color:#14532d}.k3p-bad{font-weight:700;color:#991b1b}.k3p-sum{margin-bottom:10px}.k3p-sum th{width:34%;text-align:left;background:#f1f1f1;border:1px solid #444;padding:5px 8px;vertical-align:top}.k3p-sum td{border:1px solid #444;padding:5px 8px;white-space:pre-wrap;overflow-wrap:anywhere}.k3p-fh{font-weight:800;margin:8px 0 4px;font-size:10pt}.k3p-foto{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.k3p-foto figure{margin:0;border:1px solid #444;height:62mm;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa}.k3p-foto img{max-width:100%;max-height:100%;object-fit:contain}.k3p-ttd{margin-top:14px;table-layout:fixed}.k3p-ttd td{text-align:center;vertical-align:top;font-size:10pt;padding:0 10px}.k3p-sp{height:58px}.k3p-nm{font-weight:700;text-decoration:underline}.k3p-tg{font-size:9pt}.k3p-ft{margin-top:14px;font-size:8pt;color:#444;text-align:right}@media print{.k3p{break-inside:avoid-page}}.cs-wrap{max-width:1100px;margin:0 auto;padding:4px 2px 24px}.cs-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.cs-h2{margin:0;font-size:22px;color:var(--navy,#151b4d)}.cs-sub{margin:4px 0 0;color:var(--ink-soft,#6b6f8c);font-size:13px}.cs-head-aksi{display:flex;gap:8px;align-items:center}.cs-upd{font-size:12px;color:var(--ink-soft,#6b6f8c)}.cs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.cs-tab{border:1px solid #d9dcec;background:#fff;color:#33406f;padding:9px 14px;border-radius:12px;font-weight:800;font-size:13.5px;cursor:pointer}.cs-tab.on{background:var(--navy,#151b4d);color:#fff;border-color:var(--navy,#151b4d)}.cs-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.cs-fl{display:flex;gap:8px;align-items:center;font-weight:700;font-size:13px}.cs-fl select{padding:8px 10px;border:1px solid #cfd3e8;border-radius:10px;background:#fff;font-size:14px}.cs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.cs-kpi{background:#fff;border:1px solid #e3e5f2;border-radius:14px;padding:11px 14px}.cs-kpi-l{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft,#6b6f8c)}.cs-kpi-v{font-size:22px;font-weight:800;color:var(--navy,#151b4d);margin-top:2px}.cs-kpi-s{font-size:12px;color:var(--ink-soft,#6b6f8c)}.cs-kpi.is-ok .cs-kpi-v{color:#1d6445}.cs-kpi.is-in .cs-kpi-v{color:#1f4fa3}.cs-kpi.is-out .cs-kpi-v{color:#9a3412}.cs-card{margin-bottom:12px}.cs-pad{padding:14px 16px}.cs-table{width:100%;border-collapse:collapse;font-size:13px}.cs-table th{background:#eef0fa;color:#26306a;text-align:left;padding:8px 10px;font-size:12px;white-space:nowrap}.cs-table td{padding:8px 10px;border-top:1px solid #eceef8;vertical-align:top}.cs-table .cs-r{text-align:right}.cs-ok{color:#1d6445;font-weight:800}.cs-bad{color:#b42318;font-weight:800}.cs-pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:800;background:#eef0fa}.cs-pill.in{background:#e3edff;color:#1f4fa3}.cs-pill.out{background:#fdebd9;color:#9a3412}.cs-mut{color:var(--ink-soft,#6b6f8c)}.cs-kosong{padding:28px 16px;text-align:center;color:var(--ink-soft,#6b6f8c)}.cs-kosong-td{text-align:center;color:var(--ink-soft,#6b6f8c);padding:22px!important}.cs-galat{color:#b42318}.cs-peringatan{background:#fff6e5;border:1px solid #f1d8a6;color:#7a4b00;border-radius:12px;padding:9px 12px;margin-bottom:10px;font-size:13px}.cs-mx{font-size:11.5px}.cs-mx .cs-no{width:34px;text-align:center}.cs-mx .cs-keg{min-width:220px;max-width:340px}.cs-mx th.cs-d,.cs-mx td.cs-d{width:24px;min-width:24px;text-align:center;padding:5px 2px}.cs-mx td.cs-d.on{background:#e3f4ea;color:#1d6445;font-weight:800}.cs-h3{margin:0 0 8px;font-size:14px;color:var(--navy,#151b4d)}.cs-chips{display:flex;flex-wrap:wrap;gap:6px}.cs-chip{background:#eef0fa;border-radius:99px;padding:4px 11px;font-size:12.5px}.cs-fgrup{margin-bottom:10px}.cs-ftgl{font-weight:800;font-size:12.5px;margin-bottom:5px;color:#33406f}.cs-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.cs-foto{border:0;padding:0;background:#f0f1f8;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:zoom-in}.cs-foto img{width:100%;height:100%;object-fit:cover;display:block}.cs-lb{position:fixed;inset:0;z-index:100000;background:#000d;display:flex;align-items:center;justify-content:center;padding:16px}.cs-lb img{max-width:100%;max-height:100%;border-radius:8px}.cs-lb-x{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:20px;cursor:pointer}@media(max-width:640px){.cs-h2{font-size:19px}.cs-tab{padding:8px 11px;font-size:13px}}@media print{html:has(body.chk-printing),body.chk-printing{background:#fff!important}}.btn.btn-hapus-pr{color:var(--red,#c0392b);border-color:#c0392b52;background:#fff}.btn.btn-hapus-pr:hover,.btn.btn-hapus-pr:focus-visible{background:var(--red-soft,#fdecea);border-color:var(--red,#c0392b)}.prdel-pesan{display:block;width:100%;line-height:1.5}.prdel-pesan p{margin:0 0 10px}.prdel-pesan .prdel-catatan{margin:0;font-size:.92em;opacity:.92}.prdel-pesan .prdel-kartu{display:grid;grid-template-columns:max-content 1fr;gap:5px 14px;margin:0 0 10px;padding:11px 13px;background:#fff;border:1px solid rgba(192,57,43,.22);border-radius:10px;color:#2b2b3a;font-size:.94em}.prdel-pesan .prdel-kartu dt{margin:0;font-weight:600;color:#8a3a45}.prdel-pesan .prdel-kartu dd{margin:0;font-weight:600;overflow-wrap:anywhere}.prdel-pesan .prdel-perhatian{padding:8px 11px;background:#fff6e5;border:1px solid #f0d49a;border-radius:8px;color:#7a4b00}.helpbox .prdel-pesan b{display:inline;margin:0;color:inherit;font-weight:700}.wo-contact-bar{display:flex;gap:22px;flex-wrap:wrap;margin:12px 0 2px;align-items:center}.wo-contact-chip{display:flex;align-items:center;gap:6px;padding:4px 2px;background:transparent;border:none;text-decoration:none;color:#fff;font-size:12.5px;font-weight:700;opacity:.95}.wo-contact-chip svg{flex-shrink:0}.wo-contact-chip .wo-cc-no{font-weight:600;color:#ffffffd9}.wo-contact-bar .wo-cc-judul{display:none}.wow-stats .wow-sp{flex:1}.wow-cta .wow-cta-ic{font-weight:800}@media(max-width:1023px){html body #gl-bottomnav{height:calc(66px + env(safe-area-inset-bottom))!important;padding:0 8px env(safe-area-inset-bottom)!important;gap:0!important;align-items:stretch!important;justify-content:space-between!important;background:#fffffff7!important;-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);border-top:1px solid #e3e7f1!important;box-shadow:0 -10px 30px -16px #151b4d57!important;z-index:100!important}html body #gl-bottomnav[style*="display: none"],html body:has(.overlay.open) #gl-bottomnav,html body:has(.fmsf-ov.open) #gl-bottomnav{display:none!important}html body #gl-bottomnav .gl-bn-item{position:relative!important;flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 2px 6px!important;margin:0!important;background:transparent!important;border-radius:12px!important;color:#7a859c!important;font-size:10.5px!important;font-weight:600!important;-webkit-tap-highlight-color:transparent;transition:color .18s ease,transform .12s ease}html body #gl-bottomnav .gl-bn-item:hover{background:transparent!important}html body #gl-bottomnav .gl-bn-item:active{transform:scale(.94)}html body #gl-bottomnav .gl-bn-item:focus-visible{outline:2px solid #b8952e;outline-offset:-2px}html body #gl-bottomnav .gl-bn-ic{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:0!important;line-height:0;color:inherit!important}html body #gl-bottomnav .gl-bn-ic svg,html body #gl-bottomnav .gl-bn-ic-center svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}html body #gl-bottomnav .gl-bn-lbl{font-size:10.5px!important;font-weight:600!important;line-height:1.1;letter-spacing:.005em;color:inherit!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body #gl-bottomnav .gl-bn-item.active{background:transparent!important;padding:8px 2px 6px!important;color:#151b4d!important}html body #gl-bottomnav .gl-bn-item.active .gl-bn-lbl{color:#151b4d!important;font-weight:800!important}html body #gl-bottomnav .gl-bn-item.active .gl-bn-ic svg{stroke-width:2.1}html body #gl-bottomnav .gl-bn-item.active:before{content:"";position:absolute;top:0;left:50%;width:26px;height:3px;border-radius:0 0 6px 6px;background:var(--tc-gold-grad,#b8952e);transform:translate(-50%)}html body #gl-bottomnav .gl-bn-item.active:after{content:none!important;display:none!important}html body #gl-bottomnav .gl-bn-item.bn-kosong{visibility:hidden!important;pointer-events:none!important}html body #gl-bottomnav .gl-bn-center{width:auto!important;height:auto!important;margin:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#151b4d!important}html body #gl-bottomnav .gl-bn-center .gl-bn-ic-center{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:-31px 0 -2px;border-radius:50%;font-size:0!important;color:#fff!important;background:radial-gradient(120% 120% at 28% 12%,#2e3a8f,#1b2360 46%,#0f1440)!important;border:4px solid #fff!important;box-shadow:inset 0 0 0 1.5px #d6b243eb,0 10px 22px -9px #151b4db8,0 0 0 1px #e3e7f1!important;transition:transform .16s ease,box-shadow .2s ease}html body #gl-bottomnav .gl-bn-center .gl-bn-ic-center svg{width:25px;height:25px;stroke-width:2}html body #gl-bottomnav .gl-bn-center .gl-bn-lbl{color:#151b4d!important;font-weight:800!important;margin:0!important}html body #gl-bottomnav .gl-bn-center:active{transform:none}html body #gl-bottomnav .gl-bn-center:active .gl-bn-ic-center{transform:scale(.93)}html body #gl-bottomnav .gl-bn-center.active:before{display:none}html body #gl-bottomnav .gl-bn-center.active .gl-bn-ic-center{box-shadow:inset 0 0 0 2px #dcb63f,0 0 0 5px #b8952e38,0 12px 24px -9px #151b4dc7,0 0 0 1px #e3e7f1!important}html body #gl-bottomnav .gl-bn-center.active .gl-bn-lbl{color:#8a6a10!important}html body #view-corrective .wow-hero{display:flex;flex-direction:column;padding:20px 16px 16px}html body #view-corrective .wow-hero h2{font-size:21px;line-height:1.2;margin:0 0 5px}html body #view-corrective .wow-hero p{font-size:12.5px;line-height:1.5;color:#fffc}html body #view-corrective .wow-hero .wow-stats{order:2;display:block;margin-top:16px}html body #view-corrective .wow-hero .wow-stats .wow-sp{display:none}html body #view-corrective .wow-hero .wow-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 18px;border-radius:14px;font-size:15px;font-weight:800;letter-spacing:.01em;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 12px 24px -12px #0009,inset 0 1px #ffffff80!important;transition:transform .12s ease,filter .15s ease}html body #view-corrective .wow-hero .wow-cta:active{transform:translateY(1px) scale(.992);filter:brightness(.97)}html body #view-corrective .wow-hero .wow-cta .wow-cta-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;border-radius:50%;background:#241b0429;font-size:18px;line-height:1;font-weight:800}html body #view-corrective .wow-hero .wo-contact-bar{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}html body #view-corrective .wow-hero .wo-cc-judul{display:block;grid-column:1 / -1;margin:0 0 -1px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#ffffff9e}html body #view-corrective .wow-hero .wo-contact-chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:10px 10px 9px;opacity:1;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.17);transition:background .15s ease,transform .12s ease}html body #view-corrective .wow-hero .wo-contact-chip:active{background:#ffffff2b;transform:scale(.98)}html body #view-corrective .wow-hero .wo-contact-chip svg{width:18px;height:18px;margin-bottom:3px}html body #view-corrective .wow-hero .wo-cc-nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:800;line-height:1.2}html body #view-corrective .wow-hero .wo-cc-no{font-size:10.5px;font-weight:600;line-height:1.2;color:#ffffffc7;letter-spacing:.01em;font-variant-numeric:tabular-nums}}@media(max-width:389px){html body #view-corrective .wow-hero{padding:18px 14px 14px}html body #view-corrective .wow-hero .wo-contact-bar{gap:6px}html body #view-corrective .wow-hero .wo-contact-chip{padding:9px 7px 8px}html body #view-corrective .wow-hero .wo-cc-nm{font-size:11px}html body #view-corrective .wow-hero .wo-cc-no{font-size:9.8px;letter-spacing:0}}@media(max-width:344px){html body #gl-bottomnav .gl-bn-lbl{font-size:10px!important;letter-spacing:0}html body #view-corrective .wow-hero .wo-contact-bar{grid-template-columns:1fr}html body #view-corrective .wow-hero .wo-contact-chip{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}html body #view-corrective .wow-hero .wo-contact-chip svg{margin:0}html body #view-corrective .wow-hero .wo-cc-no{margin-left:auto}}@media(prefers-reduced-motion:reduce){html body #gl-bottomnav .gl-bn-item,html body #gl-bottomnav .gl-bn-center .gl-bn-ic-center,html body #view-corrective .wow-hero .wow-cta,html body #view-corrective .wow-hero .wo-contact-chip{transition:none}}.lm9-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;margin:2px 0 14px;padding:0 16px}.lm9-room{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:11px 12px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.lm9-room:hover,.lm9-room:focus-visible{border-color:var(--gold);box-shadow:0 2px 10px #151b4d1a;outline:none}.lm9-room-nm{font-size:15px;font-weight:800;color:var(--navy)}.lm9-room-kt{font-size:11.5px;color:var(--muted)}.lm9-chips{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 2px}.lm9-chip{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:#f1f2f7;color:#6b7186}.lm9-chip.is-ok{background:#e3f4ea;color:#16734b}.lm9-chip.is-bad{background:#fde8e6;color:#b42318}.lm9-room-go{font-size:11.5px;font-weight:800;color:var(--gold);margin-top:2px}.lm9-opts{display:grid;gap:7px}.lm9-opt{display:block;cursor:pointer}.lm9-opt input{position:absolute;opacity:0;pointer-events:none}.lm9-opt-b{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1.5px solid var(--line);border-radius:11px;background:#fff}.lm9-opt-b b{font-size:14px;color:var(--navy)}.lm9-opt-b small{font-size:11.5px;color:var(--muted)}.lm9-opt input:checked+.lm9-opt-b{border-color:var(--navy);background:var(--navy-soft);box-shadow:0 0 0 1px var(--navy) inset}.lm9-opt input:focus-visible+.lm9-opt-b{outline:2px solid var(--gold);outline-offset:1px}.lm9-opt input:disabled+.lm9-opt-b{opacity:.7;cursor:default}.lm9-sec{margin:16px 0 0;padding-top:12px;border-top:1px solid #eef0f5}.lm9-sec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.lm9-sec-h h4{margin:0;font-size:13.5px;color:var(--navy)}.lm9-std{font-size:12px;line-height:1.5;color:var(--ink-soft,#4a5068);background:var(--gold-soft);border-radius:10px;padding:8px 11px;margin:0 0 10px}.lm9-lift{border:1px solid var(--line);border-radius:12px;padding:10px 11px;margin:0 0 8px;background:#fff}.lm9-lift-h{margin:0 0 7px;font-size:14px;color:var(--navy)}.lm9-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lm9-pill{display:block;cursor:pointer}.lm9-pill input{position:absolute;opacity:0;pointer-events:none}.lm9-pill span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:6px 4px;text-align:center;font-size:12px;font-weight:700;line-height:1.2;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:#4a5068;transition:background .12s,border-color .12s,color .12s}.lm9-p0 input:checked+span{background:#e3f4ea;border-color:#16734b;color:#16734b}.lm9-p1 input:checked+span{background:#fde8e6;border-color:#b42318;color:#b42318}.lm9-p2 input:checked+span{background:#f1f2f7;border-color:#6b7186;color:#4a5068}.lm9-pill input:focus-visible+span{outline:2px solid var(--gold);outline-offset:1px}.lm9-cat{margin-top:8px}.lm9-cat[hidden]{display:none}.lm9-cat input{width:100%;padding:9px 10px;border:1px solid #e6b3ad;border-radius:9px;background:snow;font:inherit}.lm9-suhu{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.lm9-suhu .field{flex:0 1 190px;margin-bottom:8px}.lm9-live{font-size:12.5px;font-weight:800;padding-bottom:12px;min-height:20px}.lm9-live.is-ok{color:#16734b}.lm9-live.is-bad{color:#b42318}.lm9-kosong{padding:14px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);border-radius:12px}.lm9-foot{display:flex;gap:8px}.lm9-det-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #eef0f5;padding:8px 0}.lm9-det-cat{flex-basis:100%;font-size:12.5px;color:var(--ink-soft,#4a5068);white-space:pre-wrap}@media(max-width:420px){.lm9-pill span{font-size:11.5px;min-height:44px}.lm9-rooms{grid-template-columns:1fr 1fr;gap:8px}.lm9-room{padding:10px}}.lm9-sec>.tag-note{margin:3px 0 10px}.lm9-sec .field{margin-top:8px}@media(min-width:900px){.lm9-form{max-width:720px}.lm9-opts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}#pr-panel-prf .prf-hero-btns{margin-top:12px;position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}#pr-panel-prf .prf-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 16px}#pr-panel-prf .prf-toolbar .field{margin:0;min-width:190px}#pr-panel-prf #prf-cari{flex:1;min-width:180px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;background:#fbfbfd}#pr-panel-prf #prf-bulan{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfbfd;font-size:13px}#pr-panel-prf td.prf-rp,#pr-panel-prf th.prf-rp{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}#pr-panel-prf td.prf-c{text-align:center;color:var(--muted)}#pr-panel-prf td.prf-tgl{white-space:nowrap}#pr-panel-prf td.prf-aksi{white-space:nowrap;text-align:right}#pr-panel-prf .prf-hapus{color:#b42318}#pr-panel-prf tr.prf-total td{font-weight:800;background:var(--gold-soft);color:var(--navy);border-top:2px solid var(--gold)}.prf-form .tag-note{margin-top:4px}.prf-rpbox{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px}.prf-rpbox span{font-weight:800;color:var(--navy)}.prf-rpbox input{flex:1;border:0!important;outline:none;background:transparent;font-size:18px;font-weight:700;padding:11px 0;text-align:right;font-variant-numeric:tabular-nums}.prf-rpbox:focus-within{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset}.prf-foot{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:560px){#pr-panel-prf .table-scroll table{display:block}#pr-panel-prf thead{display:none}#pr-panel-prf tbody,#pr-panel-prf tfoot{display:block}#pr-panel-prf tbody tr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;padding:11px 14px;border-bottom:1px solid #eef0f5}#pr-panel-prf tbody td{display:block;border:0;padding:0}#pr-panel-prf td.prf-c{grid-row:1;grid-column:1}#pr-panel-prf td.prf-tgl{grid-row:1;grid-column:2;font-size:12px;color:var(--muted)}#pr-panel-prf td.prf-rp{grid-row:1;grid-column:3;font-weight:800;color:var(--navy)}#pr-panel-prf tbody td:nth-child(3){grid-column:2/4;font-size:14px}#pr-panel-prf tbody td:nth-child(4){grid-column:2/4;font-size:12.5px;color:var(--ink-soft,#4a5068)}#pr-panel-prf td.prf-aksi{grid-column:2/4;text-align:left;margin-top:6px}#pr-panel-prf tr.prf-total{display:flex;justify-content:space-between;gap:10px;padding:12px 14px}#pr-panel-prf tr.prf-total td:last-child{display:none}#pr-panel-prf tr.prf-total td{display:block;padding:0;border:0;background:none}#pr-panel-prf tr.prf-total td:first-child{flex:1}}.lapdir p{margin:0 0 12px;font-size:13px;line-height:1.55}.lapdir-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.lapdir-row .field{flex:1 1 150px;min-width:140px}.lapdir-foot{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lapdir-status{display:none;margin-top:12px;padding:10px 12px;border-radius:10px;background:#eef4fb;color:#1f3864;font-size:12.5px;line-height:1.55}.lapdir-status.on{display:block}.lapdir-status.ok{background:#e8f5e9;color:#1b5e20}.lapdir-status.err{background:#fdecea;color:#b71c1c}#detail-overlay.f2{--f2-line:#d6dbec;--f2-line2:#e8ebf5;--f2-ink:#1a2050;--f2-soft:#667096;--f2-acc:var(--navy,#151b4d);--f2-gold:var(--gold,#b8952e);--f2-ok:#0f7a48;--f2-okbg:#e6f6ee;--f2-bad:#c0261f;--f2-badbg:#fdeceb;--f2-warn:#9a6a00;--f2-warnbg:#fff4d6;--f2-bg:#f2f4fa}#detail-overlay.f2 .modal{max-width:min(1040px,96vw)!important;width:96vw!important;max-height:calc(100dvh - 28px)!important;border-radius:22px!important;background:var(--f2-bg)}#detail-overlay.f2 .modal-body{background:var(--f2-bg)!important;padding:0 18px 22px!important;scroll-behavior:smooth;overscroll-behavior:contain}#detail-overlay.f2 .modal-foot{background:#fff!important;border-top:1px solid var(--f2-line2)!important;box-shadow:0 -8px 22px #151b4d14!important;gap:12px}#detail-overlay.f2 .modal-foot .btn{min-height:50px;border-radius:14px;font-size:15px;font-weight:700;padding:0 22px}#detail-overlay.f2 .modal-foot .btn.btn-primary,#detail-overlay.f2 .modal-foot .btn.btn-gold{min-width:170px}.f2-prog{position:sticky;top:0;z-index:6;margin:0 -18px 14px;padding:11px 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--f2-line2);display:flex;align-items:center;gap:14px}.f2-prog-t{font-size:13px;font-weight:700;color:var(--f2-acc);white-space:nowrap}.f2-prog-bar{flex:1;height:9px;border-radius:99px;background:#e3e7f4;overflow:hidden}.f2-prog-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#2f3f9e,#b8952e);transition:width .28s ease}.f2-prog.done .f2-prog-t{color:var(--f2-ok)}.f2-prog.done .f2-prog-bar i{background:linear-gradient(90deg,#15935a,#0f7a48)}#detail-overlay.f2 details.fms-prm-box{border:1px solid #ecdca4!important;border-radius:14px!important;background:#fffbe9!important;padding:0!important;margin:0 0 14px!important;font-size:12.5px}#detail-overlay.f2 details.fms-prm-box>summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;cursor:pointer;font-weight:700;color:#6a4d00;font-size:13.5px;list-style:none}#detail-overlay.f2 details.fms-prm-box>summary::-webkit-details-marker{display:none}#detail-overlay.f2 details.fms-prm-box .f2-sum-aks{margin-left:auto;font-size:11.5px;font-weight:700;color:#8a6a10;background:#f7e9b5;border-radius:99px;padding:4px 11px}#detail-overlay.f2 details.fms-prm-box[open] .f2-sum-aks{display:none}#detail-overlay.f2 details.fms-prm-box>.fms-prm-ket,#detail-overlay.f2 details.fms-prm-box>.fms-prm-ac,#detail-overlay.f2 details.fms-prm-box>table{margin-left:14px;margin-right:14px}#detail-overlay.f2 details.fms-prm-box>.fms-prm-ac{padding-bottom:12px}#detail-overlay.f2 .modal-body h3{display:flex;align-items:center;gap:10px;margin:20px 2px 10px!important;padding:0!important;border:0!important;font-size:15.5px!important;font-weight:800;color:var(--f2-acc)!important;letter-spacing:.01em}#detail-overlay.f2 .modal-body h3:before{content:"";width:5px;height:20px;border-radius:4px;background:linear-gradient(180deg,#b8952e,#d8b94f);flex:none}.f2-cnt{margin-left:auto;font-family:inherit;font-size:12px;font-weight:700;padding:4px 11px;border-radius:99px;background:#e3e7f6;color:var(--f2-acc);white-space:nowrap}.f2-cnt.full{background:var(--f2-okbg);color:var(--f2-ok)}#detail-overlay.f2 .modal-body .grid2,#detail-overlay.f2 .modal-body .grid3{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:14px 16px!important;margin:0 0 14px!important;padding:16px;background:#fff;border:1px solid var(--f2-line2);border-radius:18px;box-shadow:0 1px 2px #151b4d0a}#detail-overlay.f2 .modal-body>.field{margin:0 0 14px!important;padding:16px;background:#fff;border:1px solid var(--f2-line2);border-radius:18px;box-shadow:0 1px 2px #151b4d0a}#detail-overlay.f2 .modal-body .field{margin-bottom:0!important}#detail-overlay.f2 .modal-body .grid2 .field,#detail-overlay.f2 .modal-body .grid3 .field{margin:0!important}#detail-overlay.f2 .modal-body .field>label{display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px;margin:0 0 7px!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:var(--f2-ink)!important}#detail-overlay.f2 .modal-body .field>label .tag-note{font-weight:600;color:var(--f2-soft);font-size:11.5px}#detail-overlay.f2 .modal-body .field:focus-within>label{color:var(--f2-acc)!important}#detail-overlay.f2 .modal-body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]),#detail-overlay.f2 .modal-body textarea,#detail-overlay.f2 .modal-body select:not(.f2-sel-h){width:100%!important;box-sizing:border-box;min-height:50px!important;padding:10px 14px!important;border:1.5px solid var(--f2-line)!important;border-radius:13px!important;background-color:#fff!important;color:var(--f2-ink)!important;font-size:16px!important;font-weight:600;line-height:1.3;box-shadow:inset 0 1px 2px #151b4d0a!important;transition:border-color .15s,box-shadow .15s}#detail-overlay.f2 .modal-body input::placeholder,#detail-overlay.f2 .modal-body textarea::placeholder{color:#9aa1c0;font-weight:500}#detail-overlay.f2 .modal-body input:focus,#detail-overlay.f2 .modal-body textarea:focus,#detail-overlay.f2 .modal-body select:focus{outline:none!important;border-color:var(--f2-acc)!important;box-shadow:0 0 0 4px #2f3f9e24!important}#detail-overlay.f2 .modal-body input:disabled,#detail-overlay.f2 .modal-body input[readonly],#detail-overlay.f2 .modal-body select:disabled:not(.f2-sel-h){background-color:#eceff8!important;color:#59608a!important;border-style:dashed!important;opacity:1!important;font-weight:600}#detail-overlay.f2 .modal-body textarea{min-height:92px!important;font-weight:500}#detail-overlay.f2 .modal-body input.fms-prm-bad,#detail-overlay.f2 .modal-body select.fms-prm-bad{border-color:#e08a85!important;background-color:var(--f2-badbg)!important}#detail-overlay.f2 .modal-body input[type=date],#detail-overlay.f2 .modal-body input[type=time]{min-width:0;-webkit-appearance:none;appearance:none}.f2-quick{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.f2-q{min-height:38px;padding:0 15px;border-radius:99px;border:1.5px solid var(--f2-line);background:#fff;color:var(--f2-acc);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.f2-q:active{background:#e3e7f6}select.f2-sel-h{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.f2-seg{display:flex;flex-wrap:wrap;gap:8px;width:100%}.f2-chip{flex:1 1 auto;min-width:72px;min-height:48px;padding:8px 14px;border:1.5px solid var(--f2-line);background:#fff;border-radius:13px;font-family:inherit;font-size:14.5px;font-weight:700;line-height:1.15;color:var(--f2-ink);cursor:pointer;text-align:center;transition:background .12s,border-color .12s,color .12s,transform .08s;-webkit-tap-highlight-color:transparent}.f2-chip:active{transform:scale(.97)}.f2-chip.on{background:var(--f2-acc);border-color:var(--f2-acc);color:#fff;box-shadow:0 3px 10px #151b4d33}.f2-chip.t-ok.on{background:var(--f2-ok);border-color:var(--f2-ok);box-shadow:0 3px 10px #0f7a4833}.f2-chip.t-bad.on{background:var(--f2-bad);border-color:var(--f2-bad);box-shadow:0 3px 10px #c0261f33}.f2-chip.t-warn.on{background:#c98a0a;border-color:#c98a0a;box-shadow:0 3px 10px #c98a0a33}.f2-chip[disabled]{opacity:.5;pointer-events:none}.f2-seg.f2-need .f2-chip{border-style:dashed;border-color:#c3cae6}.f2-seg.f2-need.f2-salah .f2-chip{border-color:#e3a6a1;background:snow}#detail-overlay.f2 .fms-prm-h{display:flex;align-items:flex-start;gap:6px;margin:6px 0 0;padding:0 2px;font-size:11.5px;line-height:1.35;color:var(--f2-soft);cursor:pointer}#detail-overlay.f2 .fms-prm-h .f2-h-s{flex:1 1 0;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-word}#detail-overlay.f2 .fms-prm-h[data-open] .f2-h-s{-webkit-line-clamp:unset;display:block}#detail-overlay.f2 .fms-prm-h [data-prm-t]{order:-1;flex:none;white-space:nowrap;font-weight:800}#detail-overlay.f2 .fms-prm-h [data-prm-t]:empty{display:none}#detail-overlay.f2 .fms-prm-h.ok [data-prm-t]{color:var(--f2-ok);background:var(--f2-okbg);border-radius:99px;padding:1px 8px}#detail-overlay.f2 .fms-prm-h.bad [data-prm-t]{color:var(--f2-bad);background:var(--f2-badbg);border-radius:99px;padding:1px 8px}#detail-overlay.f2 .fms-prm-h.bad{color:var(--f2-bad)}#detail-overlay.f2 .modal-body table:not(.fms-prm-t){display:block!important;width:100%!important;margin:0 0 14px!important;border:1px solid var(--f2-line2)!important;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #151b4d0a;font-size:inherit!important}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) caption{display:none}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) thead{display:none}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) tbody{display:block}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) tr{display:grid;gap:6px 14px;align-items:start;padding:13px 16px;border-bottom:1px solid var(--f2-line2);background:#fff}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) tr:last-child{border-bottom:0}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) td{display:block;min-width:0;width:auto!important;border:0!important;padding:0!important;background:transparent!important;text-align:left!important;font-size:14.5px;color:var(--f2-ink)}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) tr.f2-grp{background:#eaeefa;padding:9px 16px;grid-template-columns:1fr}#detail-overlay.f2 .modal-body table:not(.fms-prm-t) tr.f2-grp td{font-size:12.5px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase;color:var(--f2-acc)!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp)>td:first-child,#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp)>td:first-child{font-weight:700;line-height:1.35;padding-top:13px!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp){grid-template-columns:minmax(0,1fr) minmax(200px,52%)}#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp){grid-template-columns:minmax(0,1fr) minmax(190px,46%) 62px}#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp)>td:nth-child(3){padding-top:15px!important;color:var(--f2-soft)!important;font-weight:700;font-size:13.5px}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp){grid-template-columns:34px minmax(0,1fr) minmax(190px,44%)}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:nth-child(2){font-weight:700;line-height:1.35;padding-top:13px!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:nth-child(3){padding-top:0!important;color:inherit!important;font-weight:inherit;font-size:inherit}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:first-child{font-weight:800;color:var(--f2-soft);padding-top:14px!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:has(.f2-seg):not(.f2-grp),#detail-overlay.f2 .modal-body table.f2-t3 tr:has(.f2-seg):not(.f2-grp){grid-template-columns:minmax(0,1fr)!important;gap:8px}#detail-overlay.f2 .modal-body table.f2-t2 tr:has(.f2-seg):not(.f2-grp)>td:first-child,#detail-overlay.f2 .modal-body table.f2-t3 tr:has(.f2-seg):not(.f2-grp)>td:first-child{padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:has(.f2-seg):not(.f2-grp){grid-template-columns:34px minmax(0,1fr)!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:has(.f2-seg):not(.f2-grp)>td:nth-child(2){padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:has(.f2-seg):not(.f2-grp)>td:nth-child(3){grid-column:2}#detail-overlay.f2 .modal-body table.f2-t3:not(.f2-tno) tr:has(.f2-seg):not(.f2-grp)>td:nth-child(3){display:none}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp){grid-template-columns:minmax(0,1fr) minmax(250px,55%);gap:4px 14px}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp)>td:nth-child(1){grid-column:1;grid-row:1;font-weight:800;padding-top:4px!important}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp)>td:nth-child(2){grid-column:1;grid-row:2;font-size:12.5px;color:var(--f2-soft)!important}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp)>td:nth-child(3){grid-column:2;grid-row:1 / span 3}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp)>td:nth-child(4){grid-column:1;grid-row:3;font-size:12.5px;color:var(--f2-soft)!important}#detail-overlay.f2 .modal-body table.f2-t4 td input:disabled,#detail-overlay.f2 .modal-body table.f2-t4 td input[readonly]{min-height:36px!important;font-size:13px!important;padding:6px 10px!important}#detail-overlay.f2 .modal-body div.f2-hasseg:not(.field):not(.f2-seg){flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:11px 12px!important;border-radius:14px!important;background:#fff!important}#detail-overlay.f2 .modal-body div.f2-hasseg:not(.field)>div:first-child{font-size:13.5px!important;font-weight:800!important;color:var(--f2-acc)!important;flex:none!important}#detail-overlay.f2 .modal-body div:has(>div.f2-hasseg){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important;gap:10px!important}#detail-overlay.f2 .modal-body #fs-items-list{display:grid!important;grid-template-columns:1fr;gap:10px}#detail-overlay.f2 .modal-body #fs-items-list>div{border:1px solid var(--f2-line2)!important;border-radius:14px!important;background:#fff;padding:11px 12px!important}#detail-overlay.f2 .modal-body .f2-hasseg>.fms-prm-h{margin-top:2px}#detail-overlay.f2 .modal-body .f2-hasseg>.f2-seg{order:2}#detail-overlay.f2 .modal-body .f2-hasseg>.fms-prm-h{order:3}#detail-overlay.f2 .modal-body .tag-note{font-size:12px;color:var(--f2-soft);line-height:1.45}#detail-overlay.f2 .modal-body .btn-sm,#detail-overlay.f2 .modal-body .btn.btn-ghost.btn-sm{min-height:44px;border-radius:12px;font-weight:700}#detail-overlay.f2 .modal-body #log-photo-addbtn .btn,#detail-overlay.f2 .modal-body [id$=-addbtn] .btn{border:1.5px dashed #aeb6d8;background:#fafbff;color:var(--f2-acc);min-width:180px}@media(max-width:700px){#detail-overlay.f2{padding:0!important;align-items:stretch!important}#detail-overlay.f2 .modal{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;border-radius:0!important}#detail-overlay.f2 .modal-body{padding:0 12px 18px!important}.f2-prog{margin:0 -12px 12px;padding:10px 12px}#detail-overlay.f2 .modal-body .grid2,#detail-overlay.f2 .modal-body .grid3{grid-template-columns:1fr!important;padding:14px;gap:14px!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp),#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l l" "c u";gap:7px 10px}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp)>td:nth-child(1),#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp)>td:nth-child(1){grid-area:l;padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp)>td:nth-child(2),#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp)>td:nth-child(2){grid-area:c}#detail-overlay.f2 .modal-body table.f2-t3 tr:not(.f2-grp)>td:nth-child(3){grid-area:u;padding-top:13px!important}#detail-overlay.f2 .modal-body table.f2-t2 tr:not(.f2-grp){grid-template-areas:"l" "c";grid-template-columns:1fr}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp){grid-template-columns:30px minmax(0,1fr);grid-template-areas:"n l" ". c"}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:nth-child(1){grid-area:n;padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:nth-child(2){grid-area:l;padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-tno.f2-t3 tr:not(.f2-grp)>td:nth-child(3){grid-area:c;padding-top:0!important}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp){grid-template-columns:1fr}#detail-overlay.f2 .modal-body table.f2-t4 tr:not(.f2-grp)>td:nth-child(n){grid-column:1;grid-row:auto}#detail-overlay.f2 .modal-body table.f2-t2 tr:has(.f2-seg):not(.f2-grp),#detail-overlay.f2 .modal-body table.f2-t3 tr:has(.f2-seg):not(.f2-grp){grid-template-columns:1fr!important;grid-template-areas:none}#detail-overlay.f2 .modal-body table.f2-t2 tr:has(.f2-seg):not(.f2-grp)>td,#detail-overlay.f2 .modal-body table.f2-t3 tr:has(.f2-seg):not(.f2-grp)>td{grid-area:auto!important;grid-column:auto!important}#detail-overlay.f2 .modal-foot{padding:10px 12px!important;flex-wrap:nowrap!important}#detail-overlay.f2 .modal-foot .btn{flex:1 1 0!important;padding:0 10px}.f2-chip{min-width:64px;padding:8px 10px}.f2-zona .f2-chip{min-width:44px;padding:6px 4px}}@media(min-width:1100px){#detail-overlay.f2 .modal-body .grid2,#detail-overlay.f2 .modal-body .grid3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}}.f2-prog[hidden]{display:none!important}#detail-overlay.f2 .modal-body div.f2-hasseg.f2-zona:not(.field):not(.f2-seg){flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:8px!important;padding:9px 12px!important}#detail-overlay.f2 .modal-body div.f2-hasseg.f2-zona:not(.field):not(.f2-seg)>div:first-child{flex:1 1 56px!important;min-width:56px}#detail-overlay.f2 .modal-body div.f2-hasseg.f2-zona:not(.field):not(.f2-seg)>.f2-seg{flex:0 0 auto;width:auto;flex-wrap:nowrap;gap:6px}.f2-zona .f2-chip{flex:0 0 auto;min-width:46px;min-height:46px;padding:6px;font-size:13px}#detail-overlay.f2 .modal-body div:has(>div.f2-zona){grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:8px!important}body.f2d-lock{overflow:hidden}.f2d-ov{--d-ink:#1a2050;--d-soft:#667096;--d-line:#d6dbec;--d-line2:#e8ebf5;--d-acc:var(--navy,#151b4d);--d-ok:#0f7a48;--d-okbg:#e6f6ee;--d-bad:#c0261f;--d-badbg:#fdeceb;position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:#0e1233b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:f2dIn .16s ease-out;font-family:inherit}@keyframes f2dIn{0%{opacity:0}to{opacity:1}}.f2d-box{width:100%;max-width:460px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#fff;border-radius:22px;box-shadow:0 24px 70px #0b0f3a66;overflow:hidden;animation:f2dUp .2s ease-out}@keyframes f2dUp{0%{transform:translateY(14px);opacity:.4}to{transform:none;opacity:1}}.f2d-hd{display:flex;align-items:flex-start;gap:10px;padding:18px 18px 14px 22px;background:linear-gradient(135deg,#151b4d,#2a3a96);color:#fff}.f2d-tt{flex:1;min-width:0}.f2d-judul{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:.1px}.f2d-sub{margin-top:4px;font-size:12.5px;font-weight:600;color:#d9defa;line-height:1.35}.f2d-x{flex:none;width:42px;height:42px;border:0;border-radius:12px;background:#fff2;color:#fff;font-size:26px;line-height:1;cursor:pointer;font-family:inherit}.f2d-x:active{background:#fff4}.f2d-bd{padding:18px 22px 6px;overflow:auto;overscroll-behavior:contain}.f2d-pos{display:inline-block;margin:0 0 12px;padding:4px 11px;border-radius:99px;background:#e3e7f6;color:var(--d-acc);font-size:11.5px;font-weight:700}.f2d-lbl{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--d-ink)}.f2d-row{display:flex;align-items:stretch;gap:8px}.f2d-inp{flex:1;min-width:0;width:100%;box-sizing:border-box;min-height:64px;padding:8px 14px;border:2px solid var(--d-line);border-radius:16px;background:#fff;color:var(--d-ink);font-family:inherit;font-size:30px;font-weight:800;text-align:center;outline:none}.f2d-inp.f2d-txt{font-size:18px;font-weight:700;text-align:left;min-height:56px}.f2d-inp::placeholder{font-size:16px;font-weight:600;color:#9aa1c0}.f2d-inp:focus{border-color:var(--d-acc);box-shadow:0 0 0 4px #2f3f9e22}.f2d-sat{align-self:center;min-width:34px;font-size:14px;font-weight:800;color:var(--d-soft)}.f2d-st{flex:none;width:58px;min-height:64px;border:2px solid var(--d-line);border-radius:16px;background:#f4f6fc;color:var(--d-acc);font-size:30px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit}.f2d-st:active{background:#e3e7f6;transform:scale(.96)}.f2d-stat{min-height:22px;margin:11px 2px 0;font-size:13px;font-weight:700;color:var(--d-soft)}.f2d-stat.ok{color:var(--d-ok)}.f2d-stat.bad{color:var(--d-bad)}.f2d-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.f2d-chips[hidden]{display:none}.f2d-chip{min-height:44px;padding:0 15px;border:1.5px solid var(--d-line);border-radius:99px;background:#fff;color:var(--d-acc);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.f2d-chip:active{background:#e3e7f6}.f2d-ft{display:flex;align-items:center;gap:10px;padding:14px 22px 20px}.f2d-sp{flex:1}.f2d-ft .btn.f2d-btn,.f2d-ft .btn.f2d-hapus{min-height:50px;border-radius:14px;font-size:15px;font-weight:700;padding:0 18px}.f2d-ft .btn.f2d-hapus{background:var(--d-badbg);color:var(--d-bad);border:1.5px solid #f0b9b5}.f2d-ft .btn.f2d-lanjut{min-width:160px}@media(max-width:520px){.f2d-ov{align-items:flex-end;padding:0}.f2d-box{max-width:none;border-radius:22px 22px 0 0;max-height:94dvh}.f2d-ft{flex-wrap:wrap;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.f2d-ft .btn.f2d-lanjut{flex:1 1 100%;order:-1}.f2d-sp{display:none}.f2d-ft .btn{flex:1}}.ottemp-table.ottemp-screen td.ottemp-editable{cursor:pointer;min-height:40px;transition:background .12s}.ottemp-table.ottemp-screen td.ottemp-editable:active{background:#e3e7f6}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay){--v3-line:#d6dbec;--v3-line2:#e8ebf5;--v3-ink:#1a2050;--v3-soft:#667096;--v3-acc:#151b4d;--v3-bg:#f3f5fb;--v3-bad:#c0261f;--v3-badbg:#fdeceb;--v3-ok:#0f7a48;--v3-okbg:#e6f6ee}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal{border-radius:20px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head{background:linear-gradient(135deg,#151b4d,#2f3f9e)!important;border-bottom:0!important;padding:16px 22px!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head h3{color:#fff!important;font-size:16.5px;letter-spacing:.01em;line-height:1.3;min-width:0;overflow-wrap:anywhere}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head .x{background:#ffffff29!important;color:#fff!important;border-radius:11px;min-width:40px;min-height:40px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head .x:hover{background:#ffffff4d!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body{background:var(--v3-bg)!important;padding:18px 20px 22px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-foot{background:#fff!important;border-top:1px solid var(--v3-line2)!important;box-shadow:0 -8px 22px #151b4d14;gap:10px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-foot .btn{min-height:46px;border-radius:12px;font-size:14.5px;font-weight:700}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>h3,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>div>h3{display:block;margin:18px 2px 10px;padding:0;border:0;font-size:15px;font-weight:800;line-height:1.3;color:var(--v3-acc)}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>h3:before,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>div>h3:before{content:"";display:inline-block;vertical-align:-4px;width:5px;height:19px;margin-right:10px;border-radius:4px;background:linear-gradient(180deg,#b8952e,#d8b94f)}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.grid2,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.grid3{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:14px 16px!important;margin:0 0 14px;padding:16px;background:#fff;border:1px solid var(--v3-line2);border-radius:18px;box-shadow:0 1px 2px #151b4d0a}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.field{margin:0 0 14px;padding:16px;background:#fff;border:1px solid var(--v3-line2);border-radius:18px;box-shadow:0 1px 2px #151b4d0a}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field{margin-bottom:14px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .grid2>.field,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .grid3>.field{margin:0}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field>label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--v3-ink)}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field>label .tag-note{font-weight:600;color:var(--v3-soft);font-size:11.5px;margin-left:5px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field:focus-within>label{color:var(--v3-acc)}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field .req-star{color:#e02424;margin-left:0}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=range]):not([type=color]),textarea,select:not(.f2-sel-h)){width:100%!important;box-sizing:border-box;min-height:48px!important;padding:10px 14px!important;border:1.5px solid var(--v3-line)!important;border-radius:12px!important;background-color:#fff!important;color:var(--v3-ink);font-size:16px!important;line-height:1.35;box-shadow:none}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field select:not(.f2-sel-h){padding-right:38px!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field textarea{min-height:92px!important;font-weight:500;line-height:1.5}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field :is(input,textarea)::placeholder{color:#9aa1c0;font-weight:500}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field :is(input,select,textarea):focus{outline:none!important;border-color:var(--v3-acc)!important;box-shadow:0 0 0 4px #2f3f9e24!important;background-color:#fff!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field :is(input,select,textarea):is(:disabled,[readonly]){background-color:#eceff8!important;color:#59608a!important;border-style:dashed!important;opacity:1!important;font-weight:600}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field input:is([type=date],[type=time],[type=month],[type=datetime-local]){min-width:0;-webkit-appearance:none;appearance:none}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) input::-webkit-date-and-time-value{text-align:left}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .field :is(input,select,textarea).fms-prm-bad{border-color:#e08a85!important;background-color:var(--v3-badbg)!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body .btn-sm{min-height:40px;border-radius:11px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body .tag-note{line-height:1.5}@media(max-width:1024px),(pointer:coarse){:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not(.f2-sel-h){font-size:16px;min-height:44px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body .btn-sm,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body button.btn{min-height:44px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body button:not(.btn):not(.x):not([class*=jd-]){min-height:40px}}@media(max-width:700px){:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head{padding:14px 16px!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head h3{font-size:15.5px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body{padding:14px 14px 18px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.grid2,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.grid3,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body>.field{padding:14px;border-radius:16px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-foot{padding:12px 14px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body div[style*="grid-template-columns: 1fr 1fr"],:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body div[style*="justify-content: space-between"]:has(>span+select){flex-wrap:wrap;gap:6px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-body div[style*="justify-content: space-between"]>span+select{flex:1 1 100%;width:100%}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .table-scroll:has(>table.k3s-sheet-table[style*=min-width]){overflow:visible;margin-bottom:6px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width]{display:block;width:100%;min-width:0!important;border:0;font-size:14px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] caption{display:none}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] thead{display:none}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] tbody{display:block}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] tr{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;padding:13px 14px;background:#fff;border:1px solid var(--v3-line2);border-radius:16px;box-shadow:0 1px 2px #151b4d0a}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] td{display:block;min-width:0;width:auto!important;padding:0!important;border:0!important;text-align:left!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] td:nth-child(1){grid-column:1;display:flex;align-items:center;justify-content:center;width:30px!important;height:30px;border-radius:9px;background:#e6eaf8;color:var(--v3-acc);font-size:13px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] td:nth-child(2){grid-column:2;font-size:15px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] td:nth-child(n+3){grid-column:1/-1}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] .k3s-choice-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] .k3s-choice-btn{min-height:48px;width:100%;font-size:14px;border-radius:12px}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) table.k3s-sheet-table[style*=min-width] td input:not([type=checkbox]):not([type=radio]){width:100%!important;box-sizing:border-box;min-height:46px;padding:9px 12px!important;border:1.5px solid var(--v3-line)!important;border-radius:12px!important;font-size:16px}}@media(max-width:720px){.fmsf-bak-editor .fmsf-bak-sheet-wrap{padding:0;border:0;background:transparent;overflow:visible}.fmsf-bak-editor .fmsf-bak-sheet{min-width:0;border:1.5px solid #c9cfe6;border-radius:16px;overflow:hidden;box-shadow:none;background:#fff}.fmsf-bak-editor .fmsf-bak-head{grid-template-columns:1fr;min-height:0;border-bottom:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-logo{border-right:0;border-bottom:1px solid #e3e6f2;padding:10px}.fmsf-bak-editor .fmsf-bak-logo img{width:auto;max-width:70%;max-height:66px;margin:0 auto}.fmsf-bak-editor .fmsf-bak-title{border-right:0;border-bottom:1px solid #e3e6f2;padding:12px 10px}.fmsf-bak-editor .fmsf-bak-title h3{font-size:17px;margin:0 0 10px}.fmsf-bak-editor .fmsf-bak-categories{gap:6px 14px}.fmsf-bak-editor .fmsf-bak-check{font-size:14px;min-height:40px;gap:7px}.fmsf-bak-editor .fmsf-bak-check input{width:22px;height:22px}.fmsf-bak-editor .fmsf-bak-dates{grid-template-rows:none;padding:4px 12px}.fmsf-bak-editor .fmsf-bak-date{grid-template-columns:92px 10px minmax(0,1fr);min-height:56px;border-bottom:1px dashed #e3e6f2;font-size:13.5px;font-weight:700;color:#1a2050}.fmsf-bak-editor .fmsf-bak-date:last-child{border-bottom:0}.fmsf-bak-editor .fmsf-bak-input{min-height:46px!important;height:auto!important;padding:8px 11px!important;border:1.5px solid #d6dbec!important;border-radius:11px!important;background-color:#fff!important;font-size:16px!important;line-height:1.3!important;color:#1a2050}.fmsf-bak-editor .fmsf-bak-input:focus{border-color:#151b4d!important;box-shadow:0 0 0 4px #2f3f9e24!important}.fmsf-bak-editor .fmsf-bak-equipment{grid-template-columns:1fr;margin:0;border:0;border-top:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-data-group+.fmsf-bak-data-group{border-left:0;border-top:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-data-title,.fmsf-bak-editor .fmsf-bak-section-title{min-height:40px;padding:8px 12px;background:#eef1fb;color:#151b4d;font-size:13px;border:0;border-bottom:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-data-row{grid-template-columns:34% minmax(0,1fr);min-height:60px;border-bottom:1px dashed #e3e6f2;align-items:center}.fmsf-bak-editor .fmsf-bak-data-row:last-child{border-bottom:0}.fmsf-bak-editor .fmsf-bak-label{font-size:13px;font-weight:700;border-right:0;padding:6px 12px;color:#1a2050}.fmsf-bak-editor .fmsf-bak-data-row>div{padding:6px 10px 6px 0}.fmsf-bak-editor .fmsf-bak-data-row .fmsf-bak-input{height:auto;min-height:46px}.fmsf-bak-editor .fmsf-bak-chronology{margin-top:0}.fmsf-bak-editor .fmsf-bak-table-scroll{overflow:visible}.fmsf-bak-editor .fmsf-bak-table{display:block;min-width:0!important;width:100%;table-layout:auto;border:0}.fmsf-bak-editor .fmsf-bak-table caption,.fmsf-bak-editor .fmsf-bak-table colgroup,.fmsf-bak-editor .fmsf-bak-table thead{display:none}.fmsf-bak-editor .fmsf-bak-table tbody{display:block;padding:10px 12px 2px}.fmsf-bak-editor .fmsf-bak-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 10px;margin:0 0 10px;padding:11px;background:#f8f9fe;border:1px solid #e3e6f2;border-radius:13px}.fmsf-bak-editor .fmsf-bak-table td{display:block;width:auto!important;height:auto!important;min-width:0;padding:0!important;border:0!important;background:transparent!important}.fmsf-bak-editor .fmsf-bak-table td:nth-child(3){grid-column:1/-1}.fmsf-bak-editor .fmsf-bak-table td:before{display:block;margin:0 0 4px;font-size:11.5px;font-weight:800;color:#667096;letter-spacing:.02em}.fmsf-bak-editor .fmsf-bak-table td:nth-child(1):before{content:"Tanggal"}.fmsf-bak-editor .fmsf-bak-table td:nth-child(2):before{content:"Jam"}.fmsf-bak-editor .fmsf-bak-table td:nth-child(3):before{content:"Uraian kejadian"}.fmsf-bak-editor .fmsf-bak-chron-text{height:auto!important;min-height:64px!important;overflow:auto}.fmsf-bak-editor .fmsf-bak-inspection,.fmsf-bak-editor .fmsf-bak-follow{margin:0;border:0;border-top:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-inspection .fmsf-bak-section-title{grid-template-columns:1fr;gap:6px;border-bottom:1px solid #d6dbec}.fmsf-bak-editor .fmsf-bak-inspection .fmsf-bak-section-title label{display:flex;align-items:center;gap:8px;margin:0;white-space:normal;font-size:13px}.fmsf-bak-editor .fmsf-bak-inspection .fmsf-bak-section-title label .fmsf-bak-input{flex:1;width:auto;border-left:1.5px solid #d6dbec!important}.fmsf-bak-editor .fmsf-bak-lined{margin:10px 12px;width:calc(100% - 24px);box-sizing:border-box;line-height:24px!important;border:1.5px solid #d6dbec!important;border-radius:11px!important;padding:6px 10px!important}.fmsf-bak-editor .fmsf-bak-inspection-text{height:180px;min-height:180px}.fmsf-bak-editor .fmsf-bak-follow-text{height:120px;min-height:120px}.fmsf-bak-editor .fmsf-bak-signatures{grid-template-columns:1fr;gap:12px;margin:12px}.fmsf-bak-editor .fmsf-bak-sign-group{border-radius:11px;overflow:hidden}}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head .x:focus,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal-head .x:focus-visible{outline:2px solid #ffffffb8!important;outline-offset:2px;box-shadow:none!important}:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .grid2,:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .grid3{row-gap:16px}@media(min-width:721px){:is(#wizard-overlay,#detail-overlay:not(.f2),#pm-overlay,#pmexec-overlay,#tourexec-overlay) .modal:has(.fmsf-bak-editor){max-width:min(980px,96vw);width:96vw}.fmsf-bak-editor .fmsf-bak-table th:nth-child(1),.fmsf-bak-editor .fmsf-bak-table td:nth-child(1){width:15%!important}.fmsf-bak-editor .fmsf-bak-table th:nth-child(2),.fmsf-bak-editor .fmsf-bak-table td:nth-child(2){width:13%!important}}.f2d-chip.on{background:var(--navy,#151b4d);border-color:var(--navy,#151b4d);color:#fff;box-shadow:0 3px 10px #151b4d33}.f2d-chips{margin:8px 0 10px}.jd-pdf-row{align-items:center;gap:8px;margin:6px 0}.jd-pdf-row .f2d-sat{min-width:44px;font-weight:700;color:var(--d-soft,#667096);text-align:left}.f2d-inp.jd-pdf-sel{min-height:48px;font-size:16px;font-weight:700;text-align:left;border-width:1.5px;border-radius:12px;padding:6px 12px}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not(td input):not(th input),select:not(td select):not(th select),textarea:not(td textarea){font-size:max(16px,1em)}.jd-edit-nama,.stk-card-admin button,.doc-actions button,.ic-btn{position:relative}.jd-edit-nama:after,.stk-card-admin button:after,.doc-actions button:after{content:"";position:absolute;inset:-9px}tr.rowbtn>td{padding-top:11px;padding-bottom:11px}#poa26-search{min-height:44px}}table.jd-table td.jd-c{min-width:36px;width:36px;padding:0!important;text-align:center;font-size:11.5px;font-weight:800;letter-spacing:.01em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}table.jd-table td.jd-c.jd-e{cursor:pointer}table.jd-table td.jd-c.jd-e:active{filter:brightness(.92)}table.jd-table thead th:not(.jd-th-sticky):not(.jd-th-aksi){min-width:36px}table.jd-table thead th.jd-th-nama,table.jd-table thead th.jd-th-jabatan{color:#fff!important;background:linear-gradient(180deg,#183b73,#122d5a)!important}table.jd-table thead th.jd-mg{background:#c0392b!important;color:#fff}table.jd-table thead th.jd-sb{background:linear-gradient(180deg,#3a4a86,#2c3a70)!important;color:#fff}table.jd-table td.jd-aksi{min-width:46px;text-align:center}table.jd-table tbody tr td.jd-c.jd-k-p,.jd-kc.jd-k-p,.jdpk-b.jd-k-p{background:#fff1c9;color:#8a5a00}table.jd-table tbody tr td.jd-c.jd-k-s,.jd-kc.jd-k-s,.jdpk-b.jd-k-s{background:#d8e8ff;color:#174ea6}table.jd-table tbody tr td.jd-c.jd-k-m,.jd-kc.jd-k-m,.jdpk-b.jd-k-m{background:#dcd9f5;color:#2a2670}table.jd-table tbody tr td.jd-c.jd-k-d,.jd-kc.jd-k-d,.jdpk-b.jd-k-d{background:#eadcf7;color:#5b2d91}table.jd-table tbody tr td.jd-c.jd-k-oh,.jd-kc.jd-k-oh,.jdpk-b.jd-k-oh{background:#dff3ec;color:#1f7a63}table.jd-table tbody tr td.jd-c.jd-k-ph,.jd-kc.jd-k-ph,.jdpk-b.jd-k-ph{background:#fde0dc;color:#b3261e}table.jd-table tbody tr td.jd-c.jd-k-l,.jd-kc.jd-k-l,.jdpk-b.jd-k-l{background:#f3f5f9;color:#8a94a8}table.jd-table tbody tr td.jd-c.jd-k-l{font-weight:700}table.jd-table tbody tr td.jd-c.jd-hr{box-shadow:inset 2px 0 0 var(--gold),inset -2px 0 0 var(--gold)}.jd-table .jd-id{display:block;color:var(--ink-soft);font-size:9px;line-height:1.25;font-weight:600}.jd-table .jd-jab-m{display:none}tr.jd-team-row td{padding:0!important}tr.jd-team-row .jd-team-in{position:sticky;left:0;display:inline-block;max-width:min(100%,calc(100vw - 56px));padding:7px 10px;white-space:normal}.jd-kunci{position:sticky;left:0;display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px;max-width:calc(100vw - 56px)}.jd-kc{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:999px;font-size:10.5px;font-weight:600;background:#eef1f7;color:#3b4468;border:1px solid #e1e6f0}.jd-kc b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 5px;border-radius:999px;background:#ffffffb8;font-size:10.5px;font-weight:800}.jdpk-ov{position:fixed;inset:0;z-index:3000;background:#0f1a3c66;display:flex;align-items:flex-end;justify-content:center}.jdpk{background:#fff;width:min(440px,100%);border-radius:18px 18px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px #0f1a3c40;max-height:82vh;overflow:auto}@media(min-width:700px){.jdpk-ov{align-items:center}.jdpk{border-radius:18px}}.jdpk-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.jdpk-h b{display:block;color:var(--navy);font-size:15px}.jdpk-h span{color:var(--ink-soft);font-size:12px}.jdpk-x{margin-left:auto;border:0;background:#eef1f7;border-radius:12px;width:42px;height:42px;font-size:16px;cursor:pointer;flex:none}.jdpk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.jdpk-sec{grid-column:1/-1;font-size:11px;font-weight:800;color:var(--ink-soft);margin-top:6px}.jdpk-b{border:1.5px solid #dfe5f0;border-radius:12px;background:#f7f8fc;color:#2b3358;padding:8px 4px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer}.jdpk-b b{font-size:18px;font-weight:800;line-height:1.1}.jdpk-b small{font-size:10px;line-height:1.15;text-align:center}.jdpk-b.on{outline:3px solid var(--navy,#151b4d);outline-offset:1px}@media(max-width:760px){table.jd-table .jd-th-jabatan{display:none!important}table.jd-table .jd-jab-m{display:inline}table.jd-table .jd-avatar{display:none}table.jd-table .jd-th-nama{position:sticky!important;left:0!important;z-index:2!important;width:112px!important;min-width:112px!important;max-width:112px!important;padding:6px!important;font-size:11px;box-shadow:2px 0 4px -2px #0003!important;background:#fff!important}table.jd-table tr.jd-row-alt td.jd-th-nama{background:#f7f8fc!important}table.jd-table thead th.jd-th-nama{position:sticky!important;left:0!important;top:auto!important;z-index:4!important;background:#183b73!important;color:#fff}table.jd-table td.jd-c{min-width:38px;width:38px}table.jd-table tbody td{height:42px}}