/* Twink FAST V2.10.1 */
.gi-select-hidden{display:none!important}.location-select-search{position:relative}.gi-autocomplete{display:none;position:absolute;z-index:1500;left:0;right:0;top:42px;background:#fff;border:1px solid #b9cbd5;border-radius:10px;box-shadow:0 14px 34px rgba(20,52,69,.16);max-height:310px;overflow:auto;padding:5px}.gi-autocomplete.open{display:block}.gi-autocomplete button{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:7px;color:#244452;cursor:pointer}.gi-autocomplete button:hover,.gi-autocomplete button:focus{background:#eef5f8}.gi-autocomplete button small{font-size:11px}.gi-no-result{padding:12px;color:#788a94;text-align:center}
.mtu-hidden-select{display:none!important}.mtu-picker{display:grid;grid-template-columns:repeat(6,minmax(84px,1fr));gap:8px;margin-top:7px}.mtu-choice{border:1px solid #cbd8de;background:#fff;border-radius:12px;padding:8px 6px;color:#315363;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:92px}.mtu-choice:hover{border-color:#7fa7ba;background:#f7fbfd}.mtu-choice.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,58,91,.09);background:#edf6fa;color:var(--primary)}.mtu-shape{width:68px;height:48px;display:grid;place-items:center}.mtu-shape svg{width:100%;height:100%}.mtu-choice b{font-size:12px}
.photo-pick-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border:1px solid #b8cbd5;border-radius:9px;padding:8px 10px;background:#fff;color:#315567;font-weight:700;cursor:pointer;margin:0!important}.photo-pick-button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.photo-pick-button input{display:none!important}.photo-select-status{font-size:11px;border-radius:7px;padding:6px 7px;line-height:1.25}.photo-select-status.idle{background:#f1f4f6;color:#71838d}.photo-select-status.selected{background:#eef7ff;color:#2f6b91;border:1px solid #cce0ec}.photo-select-status.uploading{background:#fff6df;color:#9b681d;border:1px solid #f1d79e}.photo-select-status.done{background:#eaf8f0;color:#197349;border:1px solid #b9e1ca}.photo-select-status.error{background:#fff0f0;color:#ad3636;border:1px solid #e8b8b8}.single-photo-uploader{border:1px solid #d5e1e6;border-radius:12px;padding:11px;background:#fafcfd}.single-photo-controls{display:flex;gap:10px;align-items:center;justify-content:space-between}.single-photo-controls>span{font-size:12px;color:#687d88}.notice.compact{margin:8px 0;padding:8px 10px;font-size:11px}.general-photo-list{display:flex;flex-direction:column;gap:8px;margin-top:9px}.general-photo-item{display:grid;grid-template-columns:76px minmax(0,1fr) 32px;gap:9px;align-items:start;border:1px solid #d9e4e9;border-radius:10px;padding:8px;background:#fff}.general-photo-thumb{width:76px;height:66px;border-radius:7px;background:#f1f4f6;display:grid;place-items:center;overflow:hidden}.general-photo-thumb img{width:100%;height:100%;object-fit:contain}.general-photo-item b{display:block;font-size:12px}.general-photo-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.general-photo-caption{margin:5px 0!important;padding:7px 8px!important;font-size:12px}.remove-general-photo{font-size:18px}
.brand-logo-upload-row{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:end}.brand-logo-preview{height:86px;border:1px dashed #b9cbd5;border-radius:10px;display:grid;place-items:center;background:#f8fbfc;overflow:hidden}.brand-logo-preview img{max-width:100%;max-height:82px;object-fit:contain}.brand-logo-preview span{font-size:11px;color:#71838d}
.remember-login{display:flex!important;align-items:center;gap:8px;text-align:left;margin:2px 0 12px!important;font-weight:500!important}.remember-login input{width:auto!important;margin:0!important}.remember-login span{font-size:12px;color:#425766}.remember-login small{display:block;font-weight:400;margin-top:2px}
@media(max-width:800px){.mtu-picker{grid-template-columns:repeat(3,1fr)}.single-photo-controls{align-items:flex-start;flex-direction:column}.general-photo-item{grid-template-columns:64px minmax(0,1fr) 30px}.general-photo-thumb{width:64px;height:58px}.brand-logo-upload-row{grid-template-columns:1fr}.brand-logo-preview{height:74px}}


/* === V2.10.1 — Mobile-first interactive supervision & clear upload progress === */
.mtu-picker-wrap{margin-top:8px;border:1px solid #d5e2e8;border-radius:16px;padding:12px;background:linear-gradient(145deg,#fbfdfe,#f0f6f9);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.mtu-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#284c5d}.mtu-picker-head span{font-weight:800}.mtu-picker-head small{font-weight:600}
.mtu-picker{grid-template-columns:repeat(6,minmax(92px,1fr));gap:10px;margin-top:0}.mtu-choice{position:relative;overflow:hidden;min-height:112px;border-radius:15px;padding:9px 7px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.mtu-choice:before{content:"";position:absolute;inset:auto -25% -54% -25%;height:74%;border-radius:50%;background:radial-gradient(circle,rgba(38,135,171,.12),transparent 68%);opacity:0;transition:.25s}.mtu-choice:hover:before,.mtu-choice.active:before{opacity:1}.mtu-choice:hover{transform:translateY(-2px)}.mtu-choice.active{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,58,91,.14),0 0 0 2px rgba(11,82,117,.10)}
.mtu-choice small{display:block;max-width:100%;font-size:9px;line-height:1.2;text-align:center;font-weight:600;color:#71858f}.mtu-choice.active small{color:#3f6679}.mtu-shape{width:76px;height:56px;transition:transform .25s ease}.mtu-choice:hover .mtu-shape,.mtu-choice.active .mtu-shape{transform:scale(1.05)}.mtu-svg{overflow:visible}.mtu-motion{animation-play-state:paused;transform-box:fill-box}.mtu-choice:hover .mtu-motion,.mtu-choice.active .mtu-motion{animation-play-state:running}
.cb-motion{animation:cbPulse 1.4s ease-in-out infinite}.ds-motion{transform-origin:0% 50%;animation:dsBlade 1.8s ease-in-out infinite}.dse-main-motion{transform-origin:0% 50%;animation:dsBlade 2s ease-in-out infinite}.earth-motion{transform-origin:0% 50%;animation:earthSwitch 2s ease-in-out infinite}.ct-motion{animation:ctField 1.8s ease-in-out infinite}.cvt-motion{stroke-dasharray:8 6;animation:cvtWave 1.5s linear infinite}.la-motion{animation:laSurge 1.4s ease-in-out infinite}
@keyframes cbPulse{0%,100%{opacity:.35;transform:scaleX(.76)}50%{opacity:1;transform:scaleX(1.06)}}
@keyframes dsBlade{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(5deg)}}
@keyframes earthSwitch{0%,100%{transform:rotate(-10deg);opacity:.55}50%{transform:rotate(11deg);opacity:1}}
@keyframes ctField{0%,100%{opacity:.18;transform:scale(.88)}50%{opacity:.75;transform:scale(1.06)}}
@keyframes cvtWave{to{stroke-dashoffset:-28}}
@keyframes laSurge{0%,100%{opacity:.18;transform:translateY(-3px)}45%{opacity:1}70%{opacity:.45;transform:translateY(4px)}}
.mtu-selected-line{margin-top:9px;border-radius:10px;background:#fff;padding:8px 10px;font-size:11px;color:#56707c;border:1px solid #deeaee}.mtu-selected-line b{color:var(--primary)}

.photo-select-status{overflow:hidden;position:relative;margin-top:6px}.photo-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.photo-status-row span{min-width:0}.photo-status-row b{font-size:10px;white-space:nowrap}.upload-track{height:5px;border-radius:999px;background:rgba(76,105,119,.14);overflow:hidden;margin-top:6px;display:none}.upload-track.show{display:block}.upload-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b7aa1,#3aa76d);transition:width .18s linear}.photo-select-status.compressing{background:#f2f5ff;color:#4d5b91;border:1px solid #d7ddf5}.photo-select-status.compressing .upload-track{display:block}.photo-select-status.compressing .upload-track i{background:linear-gradient(90deg,#7186cc,#909fe0)}.photo-select-status.uploading .upload-track i{background:linear-gradient(90deg,#d88a1d,#f1ad3f)}.photo-select-status.done .upload-track i{background:linear-gradient(90deg,#25895d,#3bb876)}
.upload-monitor{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;margin:16px 0 4px;padding:11px 12px;border:1px solid #d8e4e9;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(16,66,91,.05);transition:.2s}.upload-monitor-icon{width:40px;height:40px;border-radius:12px;background:#edf4f7;display:grid;place-items:center;font-size:20px}.upload-monitor-copy{min-width:0}.upload-monitor-copy b,.upload-monitor-copy small{display:block}.upload-monitor-copy small{margin-top:2px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-monitor-track{height:6px;margin-top:7px;background:#e7eef2;border-radius:999px;overflow:hidden}.upload-monitor-track i{display:block;height:100%;background:linear-gradient(90deg,var(--secondary),var(--accent));border-radius:inherit;transition:width .2s linear}.upload-monitor>span{font-size:12px;font-weight:900;color:#4e6875}.upload-monitor.busy{border-color:#f0cf92;background:#fffaf0}.upload-monitor.busy .upload-monitor-icon{background:#fff0cf;animation:uploadBob 1.2s ease-in-out infinite}.upload-monitor.done{border-color:#b8dfc9;background:#f3fbf6}.upload-monitor.done .upload-monitor-icon{background:#dff5e9}.upload-monitor.error{border-color:#e5b7b7;background:#fff5f5}.upload-monitor.error .upload-monitor-icon{background:#ffe4e4}
@keyframes uploadBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.field-event-form .section-title{position:relative;margin-top:24px;font-size:14px;font-weight:900;color:#20475a}.field-event-form .section-title:after{content:"";display:block;width:44px;height:3px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,var(--secondary),var(--accent))}
.supervision-form .supervision-close-box{border-radius:14px;border:1px solid #d7e3e8;background:linear-gradient(145deg,#f8fbfc,#fff);padding:12px}.supervision-form .event-gps-box{border-radius:12px;background:#f6fafb;border:1px dashed #c8d9e1;padding:10px}
.supervision-form .check-row,.inspection-form .check-row{border-radius:14px;border:1px solid #d8e3e8;background:#fff;box-shadow:0 5px 16px rgba(15,64,88,.045);transition:border-color .18s,box-shadow .18s,transform .18s}.supervision-form .check-row:focus-within,.inspection-form .check-row:focus-within{border-color:#9abaca;box-shadow:0 8px 24px rgba(15,74,102,.09);transform:translateY(-1px)}
.supervision-form .photo-pick-button,.inspection-form .photo-pick-button{min-height:42px}

/* Global visual polish: clearer hierarchy without changing data behavior. */
.page.active{animation:v294PageIn .28s cubic-bezier(.2,.8,.2,1)}@keyframes v294PageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.page-toolbar{padding:15px 16px;border:1px solid #e1e9ed;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(237,245,248,.92));box-shadow:0 8px 24px rgba(15,65,89,.055)}.page-toolbar h1{color:#173f53}.card,.kpi,.report-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover,.kpi:hover,.report-card:hover{border-color:#cadbe3;box-shadow:0 14px 34px rgba(12,57,80,.10)}.report-card:hover{transform:translateY(-3px)}.report-card:active,.btn:active,.mtu-choice:active{transform:scale(.985)}.master-tabs{scrollbar-width:thin}.table-wrap{border-radius:12px}.btn{min-height:38px}.btn-primary{box-shadow:0 5px 12px rgba(11,58,91,.15)}

@media(max-width:800px){
  .mtu-picker-wrap{margin-inline:-1px;padding:10px}.mtu-picker-head{align-items:flex-start;flex-direction:column;gap:2px}.mtu-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mtu-choice{min-height:126px;padding:10px 5px}.mtu-choice b{font-size:14px}.mtu-choice small{font-size:9px}.mtu-shape{width:82px;height:62px}.mtu-choice .mtu-motion{animation-play-state:running}
  .modal-overlay{padding:0;place-items:stretch}.modal,.modal.large{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.modal-head{padding:12px 14px}.modal-body{padding:12px;overflow:auto;overscroll-behavior:contain}.modal-foot{padding:10px 12px;gap:8px;box-shadow:0 -8px 22px rgba(17,55,75,.08)}.modal-foot .btn{flex:1;min-height:46px}
  .field-event-form .form-grid,.field-event-form .form-grid.three{grid-template-columns:1fr!important;gap:9px}.field-event-form .form-span-2,.field-event-form .form-span-3{grid-column:1!important}.supervision-form .form-grid>label,.inspection-form .form-grid>label{border:1px solid #e0e8ec;border-radius:13px;padding:10px;background:#fff;box-shadow:0 3px 10px rgba(17,62,84,.035)}.supervision-form .form-grid>label:focus-within,.inspection-form .form-grid>label:focus-within{border-color:#a8c4d1;box-shadow:0 7px 18px rgba(15,72,99,.08)}
  .field-event-form input,.field-event-form select,.field-event-form textarea{min-height:46px;font-size:16px;border-radius:10px}.field-event-form textarea{min-height:92px}.serial-entry-actions{gap:7px}.serial-entry-actions .btn{min-height:44px}.gi-autocomplete{top:52px;max-height:42dvh}.gi-autocomplete button{padding:12px 11px}
  .upload-monitor{position:sticky;top:0;z-index:4;margin:10px 0 8px;box-shadow:0 8px 22px rgba(18,66,90,.10)}.upload-monitor-copy small{white-space:normal;line-height:1.3}.photo-pick-button{width:100%;min-height:46px}.single-photo-uploader{padding:10px}.single-photo-controls{gap:7px}.single-photo-controls>span{width:100%;text-align:center;padding:5px 8px;border-radius:8px;background:#eef4f7}.general-photo-item{grid-template-columns:72px minmax(0,1fr) 32px;padding:9px}.general-photo-thumb{width:72px;height:72px}.general-photo-caption{min-height:42px!important}
  .supervision-form .check-row,.inspection-form .check-row{padding:11px;margin-bottom:9px}.supervision-form .check-label b,.inspection-form .check-label b{font-size:13px;line-height:1.35}.check-status,.check-remark{min-height:44px!important}
  .page{padding:10px}.page-toolbar{padding:13px;margin-bottom:12px;border-radius:15px}.page-toolbar h1{font-size:20px}.page-toolbar p{font-size:11px;line-height:1.45}.page-toolbar>.btn,.page-toolbar>.toolbar-actions{width:100%}.page-toolbar>.btn{min-height:44px}.card{padding:13px;border-radius:15px;margin-bottom:12px}.kpi{padding:12px}.kpi strong{font-size:23px}.report-card{padding:14px;border-radius:14px}.report-card span{font-size:25px}.master-tabs{position:sticky;top:72px;z-index:30;margin-inline:-10px;padding:7px 10px;background:rgba(243,246,248,.95);backdrop-filter:blur(8px)}
  .table-wrap{margin-inline:-4px;border:1px solid #e0e7eb;background:#fff}.table-wrap:after{content:"Geser tabel ↔";position:sticky;left:8px;display:inline-block;margin:7px;padding:4px 7px;border-radius:999px;background:#edf3f6;color:#66808d;font-size:9px}
}
@media(max-width:420px){.mtu-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.mtu-choice{min-height:118px}.mtu-shape{width:74px;height:56px}.upload-monitor{grid-template-columns:36px minmax(0,1fr) auto}.upload-monitor-icon{width:34px;height:34px;font-size:17px}.page-toolbar{padding:11px}}
@media(prefers-reduced-motion:reduce){.mtu-motion,.upload-monitor-icon,.page.active{animation:none!important}.card,.kpi,.report-card,.mtu-choice,.btn{transition:none!important}}

/* V2.10.1 — up to 3 photos per checklist item */
.check-photo-box{border-top:1px dashed #d8e3e8;padding-top:9px;margin-top:8px}.check-photo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.check-photo-head span{font-size:12px;font-weight:800;color:#315567}.check-photo-count{font-size:11px;color:#517080;background:#edf4f7;border-radius:999px;padding:4px 8px}.check-photo-hint{display:block;margin:6px 0 7px;color:#6d808b;font-size:10.5px}.check-photo-add.limit-reached{opacity:.52;pointer-events:none}.check-photo-list{display:flex;flex-direction:column;gap:8px}.check-photo-empty{padding:9px;border:1px dashed #d5e1e6;border-radius:9px;background:#fafcfd;color:#7b8d96;font-size:11px;text-align:center}.check-photo-item{display:grid;grid-template-columns:72px minmax(0,1fr) 32px;gap:8px;align-items:start;padding:8px;border:1px solid #d8e3e8;border-radius:10px;background:#fff}.check-photo-thumb{width:72px;height:68px;border-radius:8px;background:#f1f4f6;display:grid;place-items:center;overflow:hidden}.check-photo-thumb img{width:100%;height:100%;object-fit:contain}.check-photo-main{min-width:0}.check-photo-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.check-photo-title b{font-size:12px}.check-photo-title small{font-size:10px;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748791}.check-photo-caption{margin:5px 0!important;padding:7px 8px!important;font-size:12px;min-height:38px!important}.remove-check-photo{font-size:18px}
@media(max-width:600px){.check-photo-item{grid-template-columns:64px minmax(0,1fr) 30px}.check-photo-thumb{width:64px;height:64px}.check-photo-title{align-items:flex-start;flex-direction:column;gap:1px}.check-photo-title small{max-width:100%}}