.profile:after{content:'Versi 2.3.1 Stable'}.service-type-choice select{max-width:360px}.jobform [hidden]{display:none!important}.item-edit-head{align-items:center}.item-edit-head h2{margin:0}.close-item-edit{width:auto;margin:0}.claim-form input[type=file],.inventory-bulk input[type=file]{padding:8px}.inventory-bulk{display:flex;flex-wrap:wrap;align-items:end;gap:9px;margin:0 0 16px}.inventory-bulk form{display:flex;align-items:end;gap:8px}.inventory-bulk label{margin:0;min-width:250px}.content .range-filter,.content .job-status-filter,.content .history-filter{width:100%;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.75fr) minmax(150px,.75fr) auto auto}.role-staff .staff-add-inventory,.role-staff .staff-stock-movement{width:min(760px,100%);margin-left:auto;margin-right:auto}.role-staff .staff-add-inventory .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.content .range-filter,.content .job-status-filter,.content .history-filter{grid-template-columns:1fr 1fr}.inventory-bulk,.inventory-bulk form{width:100%}}@media(max-width:560px){.content .range-filter,.content .job-status-filter,.content .history-filter,.role-staff .staff-add-inventory .grid{grid-template-columns:1fr}.content .range-filter>*,.content .job-status-filter>*,.content .history-filter>*,.inventory-bulk form,.inventory-bulk label,.inventory-bulk input,.inventory-bulk button,.inventory-bulk .btn{grid-column:1;width:100%}.inventory-bulk form{display:grid}}
.profile:after{content:'Versi 2.3.2 Stable'}
.claim-proof-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.claim-proof-options{grid-template-columns:1fr}}
.profile:after{content:'Versi 2.3.3 Stable'}
.role-staff .staff-inventory-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;align-items:start}
.role-staff .staff-inventory-forms .staff-add-inventory,.role-staff .staff-inventory-forms .staff-stock-movement{width:100%;margin:0}
@media(max-width:900px){.role-staff .staff-inventory-forms{grid-template-columns:1fr}}
.profile:after{content:'Versi 2.3.4 Stable'}
.profile:after{content:'Versi 2.3.5 Stable'}
.profile:after{content:'Versi 2.3.6 Stable'}
.last-login{order:3;margin-top:8px;color:#87919e!important;line-height:1.35}.profile:after{order:4}.language-box{order:5}
.receipt-disabled{background:#4b3512;color:#ffd27a;white-space:nowrap}.receipt-blocked{text-align:center}.receipt-blocked .alert{line-height:1.7}.upload-help{display:block;margin:-6px 0 14px;color:var(--muted)}
@media(max-width:900px){aside .brand{padding-left:14px}.content>header .menu{position:relative;z-index:2;margin-right:4px}.content>header>div{padding-left:5px;min-width:0}.content>header h1,.content>header p{overflow-wrap:anywhere}.brand:before{flex-basis:38px;width:38px;height:38px}.brand:after{font-size:15px}.staff-inventory-forms{width:100%}.staff-inventory-forms>.panel{max-width:none;width:100%}}
@media(max-width:430px){.content>header{grid-template-columns:44px minmax(0,1fr)}.content>header .menu{width:42px;padding:9px 0;margin:0}.content>header>div{padding-left:8px}.content>header h1{font-size:20px}.content>header p{font-size:12px}.brand{gap:10px!important;padding-left:20px!important}.brand:after{font-size:14px}.inventory-bulk{grid-template-columns:1fr}.receipt-disabled{white-space:normal}}
.profile:after{content:'Versi 2.3.7 Stable'}
.login .auth:after{content:'Versi 2.3.7 Stable';display:block;margin-top:18px;padding-top:12px;border-top:1px solid #303844;color:#87919e;text-align:center;font-size:12px;letter-spacing:.04em}
.item-category-filter:invalid{outline:none}
@media(max-width:900px){.staff-inventory-forms,.staff-inventory-forms>.panel{min-width:0;max-width:100%;width:100%}.staff-inventory-forms select,.staff-inventory-forms input,.staff-inventory-forms textarea{max-width:100%}.item-picker-tools{width:100%;min-width:0}.content .tablewrap{-webkit-overflow-scrolling:touch}}
@media(max-width:560px){.staff-inventory-forms{display:grid;grid-template-columns:minmax(0,1fr)}.staff-inventory-forms>.panel{padding:14px}.itemrow{width:100%;min-width:0}.item-picker-tools{grid-template-columns:minmax(0,1fr)}.login .auth{padding:24px 20px}}
.profile:after{content:'Versi 2.3.8 Stable'}
.login .auth:after{content:'Versi 2.3.8 Stable'}
.item-edit-remark{display:inline-block;margin:5px 0 0 4px;padding:4px 7px;border-radius:7px;background:#2a333f;color:#aeb8c5!important;white-space:normal;vertical-align:middle;line-height:1.3}
@media(max-width:560px){.item-edit-remark{display:block;margin:7px 0 0;max-width:190px}.edit-mini,.delete-mini{margin-bottom:3px}}
.profile:after{content:'Versi 2.3.9 Stable'}
.login .auth:after{content:'Versi 2.3.9 Stable'}
.service-kit-panel{margin-top:20px}.service-kit-panel h3{margin:0;font-size:15px}.kit-form{min-width:0}.kit-component{display:grid;grid-template-columns:minmax(0,1fr) 82px 42px;gap:8px;margin-bottom:8px}.kit-component button{padding:8px}.job-kit-choice{padding:14px;background:#0d1219;border:1px solid var(--line);border-radius:10px}.job-kit-choice small{color:var(--muted);font-weight:400}.service-kit-panel .wrap-cell{white-space:normal}
@media(max-width:900px){.service-kit-panel>.twocol{grid-template-columns:1fr}.service-kit-panel .tablewrap{max-width:100%}}
@media(max-width:560px){.kit-component{grid-template-columns:minmax(0,1fr) 68px 40px}.job-kit-choice{grid-column:1/-1}.service-kit-panel{padding:14px}.service-kit-panel .section-head button{width:auto}}
.profile:after{content:'Versi 2.4.13 Stable'}
.login .auth:after{content:'Versi 2.4.13 Stable'}

.activity-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.activity-filter label{max-width:220px}.activity-filter button{width:auto;padding:9px 15px;margin:0}
@media(max-width:700px){.activity-filter{display:grid;grid-template-columns:1fr 1fr}.activity-filter label{max-width:none}.activity-filter button{width:100%}}
@media(max-width:430px){.activity-filter{grid-template-columns:1fr}.activity-filter>*{grid-column:1;width:100%}.jobform #brandWrap,.jobform #modelWrap,.jobform #modelOtherWrap{grid-column:1;width:100%}}
.full-item-edit{max-width:760px}.full-item-edit .existing-item-image{display:grid;gap:7px;margin-bottom:13px}.full-item-edit .existing-item-image img{width:min(220px,100%);max-height:170px;object-fit:cover;border:1px solid var(--line);border-radius:9px}.full-item-edit input[type=file]{padding:8px}
@media(max-width:560px){.full-item-edit{width:100%;max-width:100%}.full-item-edit .existing-item-image img{width:100%}}
.claim-actions{display:flex;align-items:center;gap:7px}.claim-status-form{display:flex;align-items:center;gap:6px}.claim-status-form select,.claim-status-form button{width:auto;padding:7px 9px}.tag.claim-pending{background:#4b3512;color:#ffd27a}.tag.claim-approved{background:#123c2e;color:#73e3b2}.tag.claim-rejected{background:#491b20;color:#ff9096}
@media(max-width:560px){.service-kit-panel>.twocol{display:grid;grid-template-columns:minmax(0,1fr)}.service-kit-panel .kit-form,.service-kit-panel .kit-components{min-width:0;width:100%}.service-kit-panel .kit-component{grid-template-columns:minmax(0,1fr) 52px}.service-kit-panel .kit-component select{grid-column:1/-1;min-width:0}.service-kit-panel .kit-component input,.service-kit-panel .kit-component button{width:100%;min-width:0}.service-kit-panel .tablewrap{width:100%;overflow-x:auto}.claim-actions,.claim-status-form{min-width:250px}}
.waste-reason[hidden]{display:none!important}
.tag.waste{background:#7f1d1d;color:#fecaca}
.profile:after{content:'Versi 2.4.14 Stable'}
.login .auth:after{content:'Versi 2.4.14 Stable'}
.profile:after{content:'Versi 2.4.14.1 Stable'}
.profile:after{content:'Versi 2.4.27 Stable'}
.login .auth:after{content:'Versi 2.4.27 Stable'}
.inventory-thumb-cell{width:58px;text-align:center}.inventory-thumb{display:inline-flex;width:42px;height:42px;object-fit:cover;border-radius:7px;border:1px solid var(--line);align-items:center;justify-content:center}.inventory-thumb-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.item-image-empty{background:#202936;color:#7f8a99;font-size:19px}
.image-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.image-item-picker{position:relative;min-width:0;width:100%}.image-picker-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:9px;background:#0d1219;border:1px solid var(--line);color:var(--text);padding:7px 10px;text-align:left}.image-picker-toggle>span{display:flex;align-items:center;gap:9px;min-width:0}.image-picker-toggle span span{display:grid;min-width:0}.image-picker-toggle small,.image-picker-option small{display:block;color:var(--muted);font-weight:400;white-space:normal}.picker-thumb{display:inline-flex;flex:0 0 38px;width:38px;height:38px;object-fit:cover;border:1px solid var(--line);border-radius:6px;align-items:center;justify-content:center}.image-picker-menu{position:absolute;z-index:40;top:calc(100% + 5px);left:0;right:0;background:#111821;border:1px solid #425166;border-radius:9px;padding:8px;box-shadow:0 14px 34px #000a}.image-picker-menu input{margin:0 0 7px}.image-picker-options{max-height:260px;overflow:auto}.image-picker-option{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:9px;background:transparent;border:0;border-radius:7px;padding:7px;color:var(--text);text-align:left}.image-picker-option:hover,.image-picker-option:focus{background:#222d3a}.picker-no-result{display:block;padding:12px;color:var(--muted)}
.service-kit-panel .kit-component{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr) 82px 42px}.kit-component .kit-category-filter{min-width:0}.kit-component .image-item-picker{min-width:0}
@media(max-width:700px){.inventory-thumb{width:36px;height:36px}.service-kit-panel .kit-component{grid-template-columns:minmax(0,1fr) 62px 42px}.kit-component .kit-category-filter,.kit-component .image-item-picker{grid-column:1/-1}.image-picker-menu{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:70vh}.image-picker-options{max-height:48vh}}
.inventory-entry-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;align-items:start}.inventory-entry-forms>.inventory-entry-form{width:100%;min-width:0;margin:0}.inventory-entry-form select,.inventory-entry-form input,.inventory-entry-form textarea{max-width:100%}
.table-pagination{margin:12px 0 4px}.table-pagination[hidden]{display:none!important}
@media(max-width:900px){.inventory-entry-forms{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 .inventory-search{display:grid!important;grid-template-columns:1fr!important}.inventory-search>*{grid-column:1!important;width:100%!important}
 .current-stock-panel{min-width:0;overflow:visible}.current-stock-panel>.tablewrap{overflow:visible}.current-stock-panel table{white-space:normal}.current-stock-panel thead{display:none}.current-stock-panel tbody{display:grid;gap:10px}
 .current-stock-panel tbody tr{display:grid;grid-template-columns:1fr;background:#0d1219;border:1px solid var(--line);border-radius:10px;padding:8px}
 .current-stock-panel tbody td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:9px;align-items:center;padding:7px;border:0;border-bottom:1px solid #202a36;min-width:0;overflow-wrap:anywhere}.current-stock-panel tbody td:last-child{border-bottom:0}
 .current-stock-panel tbody td:before{content:attr(data-mobile-label)}
 .current-stock-panel tbody td:before{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.inventory-thumb-cell{text-align:left;width:auto}.inventory-thumb{width:42px;height:42px}
 .inventory-bulk,.inventory-bulk form{display:grid!important;grid-template-columns:1fr;width:100%}.inventory-bulk>*{width:100%;text-align:center}.inventory-bulk label{min-width:0!important;text-align:left}
 .inventory-entry-forms,.service-kit-panel>.twocol{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.inventory-entry-forms>.inventory-entry-form,.service-kit-panel .kit-form{width:100%;min-width:0;padding:14px}
}

/* v2.4.27: balanced iPad forms and compact Branch selector. */
@media (hover:none) and (pointer:coarse) and (min-width:601px) and (max-width:1366px){
 .content>header{grid-template-columns:48px minmax(260px,1fr) minmax(190px,260px);align-items:start}
 .content>header>form{grid-column:3;width:100%;max-width:260px;justify-self:end}
 .content>header>form select{width:100%;max-width:260px}
 .content form .grid{grid-template-columns:repeat(2,minmax(260px,1fr))}
 .content form .twocol{grid-template-columns:repeat(2,minmax(260px,1fr))}
}
@media (hover:none) and (pointer:coarse) and (min-width:601px) and (max-width:767px){
 .content>header{grid-template-columns:48px minmax(0,1fr)}
 .content>header>form{grid-column:2;width:min(240px,100%);max-width:240px;justify-self:end}
 .content form .grid,.content form .twocol{grid-template-columns:minmax(0,1fr)}
}

/* iPad/tablet touch layout: use a scrollable drawer in portrait and landscape. */
@media (hover:none) and (pointer:coarse) and (min-width:601px) and (max-width:1366px){
 html,body{max-width:100%;overflow-x:hidden}
 aside{position:fixed;inset:0 auto 0 0;width:min(310px,82vw);height:100vh;height:100dvh;z-index:30;transform:translateX(-105%);transition:transform .22s ease;padding:18px 14px 12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:18px 0 45px #0008}
 body.open aside{transform:translateX(0)}
 aside .brand{flex:0 0 auto;height:78px;padding:0 12px 14px 54px}
 aside nav{flex:1 1 auto;min-height:0;display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 4px 16px}
 aside nav a{display:block;min-height:44px;padding:11px 12px;margin-bottom:4px}
 aside .profile{flex:0 0 auto;margin-top:0;max-height:36vh;overflow-y:auto;padding:11px 9px;background:#090c10}
 .content{width:100%;max-width:none;margin-left:0;padding:22px}
 .content>header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:start}
 .content>header .menu{display:inline-grid;place-items:center;position:relative;z-index:32;width:44px;height:44px;margin:0;padding:0;font-size:15px;touch-action:manipulation}
 .content>header>div{min-width:0;padding-left:4px}
 .content>header>form{grid-column:1/-1;width:100%;max-width:none}
 .nav-overlay{display:block;position:fixed;inset:0;z-index:29;background:#000a;opacity:0;visibility:hidden;transition:.2s;touch-action:manipulation}
 body.open .nav-overlay{opacity:1;visibility:visible}
 body.open{overflow:hidden}
 body.open .menu{position:fixed!important;top:18px;left:248px;z-index:34!important;width:44px!important;height:44px!important;padding:0!important;font-size:0!important}
 body.open .menu:after{content:'×';font-size:28px;line-height:1}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .panel,.tablewrap{max-width:100%;min-width:0}
 .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .search-tools,.inventory-search{grid-template-columns:repeat(2,minmax(0,1fr))}
 .search-tools input,.inventory-search input{grid-column:1/-1}
 .content form,.content form .grid,.content form .twocol{min-width:0;max-width:100%}
 .content form .grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:12px;align-items:start}
 .content form .grid>label,.content form label{width:100%;min-width:0;max-width:none}
 .content form .grid>.wide{grid-column:1/-1}
 .content form input,.content form select{width:100%;min-width:0;min-height:46px}
 .content form textarea{width:100%;min-width:0;min-height:92px}
 .content form button,.content form .btn{min-height:44px}
 .inventory-entry-forms{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.receipt-status{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.receipt-status.payment-paid{background:#d9f7e8;color:#087443;border:1px solid #84d9ad}
.receipt-status.payment-pending{background:#ffead1;color:#9a4b00;border:1px solid #efbd78}
.receipt-status.payment-partial{background:#fff4bd;color:#735c00;border:1px solid #dfc858}

/* Final iPad overrides must follow the legacy tablet block. */
@media (hover:none) and (pointer:coarse) and (min-width:768px) and (max-width:1366px){
 .content>header{grid-template-columns:48px minmax(260px,1fr) minmax(190px,260px)}
 .content>header>form{grid-column:3;width:100%;max-width:260px;justify-self:end}
 .content>header>form select{width:100%;max-width:260px}
 .content form .grid,.content form .twocol{grid-template-columns:repeat(2,minmax(260px,1fr))}
}
@media (hover:none) and (pointer:coarse) and (min-width:601px) and (max-width:767px){
 .content>header{grid-template-columns:48px minmax(0,1fr)}
 .content>header>form{grid-column:2;width:min(240px,100%);max-width:240px;justify-self:end}
 .content form .grid,.content form .twocol{grid-template-columns:minmax(0,1fr)}
}