.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)}
}

/* KeyFlow v2.8.3 final receipt and version overrides. Keep this block last. */
body.receipt-page{box-sizing:border-box!important;width:100%!important;min-height:100%!important;padding:clamp(3px,1.2vw,12px)!important;overflow-x:hidden!important}
body.receipt-page .receipt{box-sizing:border-box!important;width:min(100%,210mm)!important;max-width:210mm!important;min-width:0!important;margin:0 auto!important;padding:clamp(12px,2.4vw,var(--receipt-padding,24px))!important;overflow:hidden!important}
body.receipt-page .receipt table{width:100%!important;table-layout:fixed!important}
body.receipt-page .receipt th,body.receipt-page .receipt td{overflow-wrap:anywhere!important}
body.receipt-page .receipt th:nth-child(1),body.receipt-page .receipt td:nth-child(1){width:46%}
body.receipt-page .receipt th:nth-child(2),body.receipt-page .receipt td:nth-child(2){width:14%;padding-left:8px!important;padding-right:8px!important;text-align:center!important;white-space:nowrap}
body.receipt-page .receipt th:nth-child(3),body.receipt-page .receipt td:nth-child(3),body.receipt-page .receipt th:nth-child(4),body.receipt-page .receipt td:nth-child(4){width:20%;text-align:right!important}
body.receipt-page .receipt-powered{display:flex!important;justify-content:flex-end!important;text-align:right!important;margin-top:22px!important}
body.receipt-page .receipt-powered img{width:105px!important;height:auto!important;max-height:34px!important}
body.keyflow-login .auth:after{content:'KeyFlow 2.8.3 · Core 2.7.4'!important}

/* KeyFlow v2.8.3 — lightweight stock count mode. */
.stock-count-launch{width:max-content;margin:0 0 4px}.stock-count-status{display:block;color:var(--muted);margin:0 0 14px}.stock-count-open{overflow:hidden}.stock-count-shell{position:fixed;inset:0;z-index:10000;padding:18px;background:rgba(2,9,15,.88);overflow:auto}.stock-count-shell[hidden]{display:none!important}.stock-count-dialog{width:min(1040px,100%);margin:auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:#0b1d2b;box-shadow:0 24px 70px #000b}.stock-count-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.stock-count-head h2{margin:3px 0}.stock-count-head p{margin:0;color:var(--muted)}.stock-count-progress{display:flex;justify-content:space-between;gap:12px;margin:18px 0 12px;padding:10px 12px;border-radius:9px;background:#071521}.stock-count-progress small{color:var(--muted)}.stock-count-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr) auto;gap:9px;margin-bottom:14px}.stock-count-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stock-count-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d2434}.stock-count-card.counted{border-color:#1b87b8}.stock-count-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.stock-count-item img,.stock-count-no-image{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#071521}.stock-count-no-image{display:grid;place-items:center;color:#1ebcff;font-weight:800}.stock-count-item b,.stock-count-item small{display:block;overflow-wrap:anywhere}.stock-count-item small{color:var(--muted)}.stock-count-system{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stock-count-card label{margin:0}.stock-count-input{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:7px}.stock-count-input button{width:46px;margin:0;padding:8px}.stock-count-input input{text-align:center;font-size:18px;font-weight:800}.stock-count-difference{min-height:22px}.stock-count-difference .positive{color:#54d8ff}.stock-count-difference .negative{color:#ff858b}.stock-count-difference .equal{color:#63dfaa}.stock-count-pages,.stock-count-actions{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px}.stock-count-pages button,.stock-count-actions button{margin:0}.stock-count-toast{position:fixed;z-index:11000;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(520px,90vw);padding:12px 18px;border:1px solid #2186ad;border-radius:10px;background:#0d3042;color:#fff;box-shadow:0 12px 34px #0009}
@media(max-width:900px){.stock-count-cards{grid-template-columns:1fr}.stock-count-dialog{width:min(720px,100%)}.stock-count-input button{min-height:46px}.stock-count-input input{min-height:46px}}
@media(max-width:700px){.stock-count-shell{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.stock-count-dialog{min-height:100dvh;padding:14px max(14px,env(safe-area-inset-right)) 14px max(14px,env(safe-area-inset-left));border:0;border-radius:0}.stock-count-head{position:sticky;top:calc(-14px - env(safe-area-inset-top));z-index:2;margin:-14px -14px 12px;padding:calc(14px + env(safe-area-inset-top)) 14px 14px;background:#0b1d2b;border-bottom:1px solid var(--line)}.stock-count-head p{font-size:12px}.stock-count-filters{grid-template-columns:1fr}.stock-count-progress{align-items:flex-start;flex-direction:column}.stock-count-card{padding:12px}.stock-count-actions{position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));margin:16px -14px -14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#0b1d2b;border-top:1px solid var(--line)}.stock-count-actions button{flex:1 1 calc(50% - 8px);min-height:44px;padding:10px 8px;font-size:12px}.stock-count-launch{width:100%}}
@media(min-width:901px) and (max-width:1180px){.stock-count-dialog{width:min(920px,100%)}.stock-count-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.receipt-page{padding:2px!important}body.receipt-page .receipt{width:100%!important;margin:0!important;padding:12px 10px!important;border-radius:0!important}body.receipt-page .receipt th,body.receipt-page .receipt td{padding:6px 4px!important;font-size:10px!important}body.receipt-page .receipt-powered img{width:88px!important}}
@media print{@page{size:auto;margin:6mm}body.receipt-page{padding:0!important}body.receipt-page .receipt{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}body.receipt-page .receipt-powered{display:flex!important;justify-content:flex-end!important;break-inside:avoid;page-break-inside:avoid}}

/* KeyFlow v2.8.3 — receipt scaling, inventory selection and category manager. */
.receipt-page{display:block!important;width:100%!important;min-height:100%!important;padding:clamp(4px,1.5vw,16px)!important;overflow-x:hidden!important}
.receipt-page .receipt{box-sizing:border-box!important;width:min(100%,210mm)!important;max-width:210mm!important;min-width:0!important;margin:0 auto!important;padding:clamp(12px,3vw,var(--receipt-padding,24px))!important;overflow:hidden!important}
.receipt-page .receipt table{width:100%!important;table-layout:fixed!important}
.receipt-page .receipt th,.receipt-page .receipt td{overflow-wrap:anywhere!important}
.receipt-powered{justify-content:flex-end!important;margin-top:22px!important;text-align:right!important}
.receipt-powered img{width:105px!important;height:auto!important;max-height:34px!important}
.inventory-category-manager{margin-bottom:18px}.inventory-category-manager[hidden]{display:none!important}.category-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.category-editor label{margin:0}.category-list{display:grid;gap:7px;margin-top:16px}.category-list>div{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:9px}.category-list>div>span{min-width:0;margin-right:auto;overflow-wrap:anywhere}.category-manage-button{width:max-content!important;margin:0 0 14px!important}
@media(max-width:700px){.receipt-page{padding:2px!important}.receipt-page .receipt{width:100%!important;margin:0!important;padding:12px 10px!important;border-radius:0!important}.receipt-page .receipt th,.receipt-page .receipt td{padding:6px 4px!important;font-size:10px!important}.receipt-powered img{width:88px!important}.category-editor{grid-template-columns:1fr}.category-editor button{width:100%}}
@media print{@page{size:auto;margin:6mm}.receipt-page .receipt{width:100%!important;max-width:none!important;padding:0!important}.receipt-powered{break-inside:avoid;page-break-inside:avoid}}

/* KeyFlow v2.7.1: accordion navigation, receipt print formats and stock form. */
.nav-group{margin:0!important}.nav-group-toggle{min-height:38px!important;padding-top:6px!important;padding-bottom:6px!important}.nav-group-links{margin:0!important}
.nav-group-links{display:grid!important;grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;opacity:0;transform:translateY(-4px);transition:grid-template-rows .24s ease,opacity .2s ease,transform .24s ease,padding .24s ease;overflow:hidden}
.nav-group-links>*{min-height:0;overflow:hidden}
.nav-group.open>.nav-group-links{grid-template-rows:1fr;opacity:1;transform:none;padding-top:3px!important;padding-bottom:5px!important}
.nav-group-links>a:before{display:none!important;content:none!important}
.nav-group-links>a{padding-left:13px!important}
.waste-reason[hidden]{display:none!important}
.settings-logo-preview{display:block;max-width:240px;max-height:90px;margin:8px auto 16px;padding:8px;border:1px solid var(--line);border-radius:10px;object-fit:contain;background:#071521}
.receipt-page{box-sizing:border-box;padding:12px!important}
.receipt-page .receipt{box-sizing:border-box;width:min(100%,210mm)!important;max-width:210mm!important;margin:0 auto!important;padding:var(--receipt-padding,24px)!important}
.receipt-page.receipt-format-a5 .receipt{width:min(100%,148mm)!important;max-width:148mm!important}
.receipt-page.receipt-format-80mm{padding:0!important}.receipt-page.receipt-format-80mm .receipt{width:80mm!important;max-width:80mm!important;padding:var(--receipt-padding,12px)!important;border-radius:0!important}
@media(max-width:700px){.receipt-page{padding:4px!important}.receipt-page .receipt{padding:var(--receipt-padding,14px)!important}}
@media print{
 html,body.receipt-page{width:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}
 body.receipt-page .receipt{width:100%!important;max-width:none!important;margin:0!important;padding:var(--receipt-padding,16px)!important;border:0!important;box-shadow:none!important}
 body.receipt-format-a5 .receipt{max-width:148mm!important;margin:0 auto!important}
 body.receipt-format-80mm .receipt{width:80mm!important;max-width:80mm!important;padding:var(--receipt-padding,8px)!important}
 .receipt-actions{display:none!important}
}

/* KeyFlow v2.7.0 modules, grouped navigation and mobile opening interface. */
.nav-group{margin:2px 0}.nav-group-toggle{position:relative;display:grid!important;grid-template-columns:24px 1fr 16px;align-items:center;width:100%!important;min-height:42px!important;margin:0!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#9eb3c4!important;box-shadow:none!important;text-align:left}.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle{background:#0e2232!important;border-color:#1d3d55!important;color:#fff!important}.nav-group-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #29445a;border-radius:6px;background:#0c1d2b;color:#71cfff}.nav-group-toggle i{font-style:normal;transition:transform .2s}.nav-group.open>.nav-group-toggle i{transform:rotate(180deg)}.nav-group-links{display:none;padding:3px 0 5px 14px}.nav-group.open>.nav-group-links{display:block}.nav-group-links>a{min-height:35px!important;margin:1px 0!important;padding-top:6px!important;padding-bottom:6px!important;font-size:12px!important}.module-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.module-hero h2{margin:4px 0}.module-hero p{margin:0;color:var(--muted)}.table-edit,.quote-job{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;margin:2px 5px 2px 0;border:1px solid #258cc5;border-radius:8px;background:linear-gradient(135deg,#0d77be,#16b9ef);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none}.quote-job{background:#0d2637!important;box-shadow:none!important}.purchase-row{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(100px,.5fr) minmax(130px,.6fr) 42px;gap:8px;margin-bottom:8px}.purchase-row>*{min-width:0}.permission-grid-v270{margin:15px 0;border:1px solid var(--line);border-radius:10px;overflow:auto}.permission-grid-v270 .permission-row{display:grid;grid-template-columns:minmax(160px,1fr) repeat(4,70px);align-items:center;min-width:480px;padding:9px 12px;border-bottom:1px solid var(--line)}.permission-grid-v270 .permission-row:last-child{border-bottom:0}.permission-grid-v270 label{display:grid;place-items:center;margin:0}.permission-grid-v270 input{width:18px;height:18px;margin:0}.quote-linked-note{margin-bottom:16px;padding:12px 14px;border:1px solid #236d92;border-radius:10px;background:#0c2b3d;color:#8edcff}.kf-app-splash{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 34%,#0b3550,#07111c 58%);opacity:0;transition:opacity .35s}.kf-app-splash.show{opacity:1}.kf-app-splash.leave{opacity:0}.kf-app-splash>div{text-align:center}.kf-app-splash img{display:block;width:min(380px,82vw);height:auto;margin:auto;filter:drop-shadow(0 16px 36px rgba(22,183,255,.22))}.kf-app-splash span{display:block;margin-top:22px;color:#52cfff;font-size:10px;font-weight:850;letter-spacing:.2em}.kf-app-splash h1{margin:8px 0 20px;color:#f4faff;font-size:25px}.kf-app-splash i{display:block;width:96px;height:3px;margin:auto;border-radius:4px;background:linear-gradient(90deg,transparent,#20bfff,transparent);animation:kfPulse .8s infinite alternate}@keyframes kfPulse{to{width:160px;filter:brightness(1.5)}}
.receipt-company-logo{display:flex;align-items:center;justify-content:center;min-height:72px;margin:0 0 14px}.receipt-company-logo img{display:block;max-width:230px;max-height:75px;object-fit:contain}.receipt-company-logo strong{font-size:20px;letter-spacing:.04em}.receipt-powered{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 4px;padding-top:12px;border-top:1px solid #d8dde2;color:#7a8188;font-size:9px}.receipt-powered img{width:92px!important;height:28px!important;margin:0!important;object-fit:contain!important}.receipt-page .receipt>img{display:none!important}
html[data-kf-theme="light"] .nav-group-toggle{color:#49667a!important}html[data-kf-theme="light"] .nav-group-toggle:hover,html[data-kf-theme="light"] .nav-group.open>.nav-group-toggle{background:#e3f1f8!important;border-color:#b7d3e3!important;color:#102d42!important}html[data-kf-theme="light"] .nav-group-icon{background:#e2f1f9;border-color:#b9d5e5;color:#0878b8}html[data-kf-theme="light"] .quote-linked-note{background:#e4f5fd;color:#176489}
@media(max-width:700px){.module-hero{align-items:flex-start;flex-direction:column}.module-hero .btn{width:100%}.purchase-row{grid-template-columns:1fr 1fr}.purchase-row select{grid-column:1/-1}.receipt-page{padding:8px!important}.receipt-page .receipt{width:100%!important;margin:0!important;padding:18px 14px!important}.receipt-company-logo{min-height:54px}.receipt-company-logo img{max-width:180px;max-height:58px}.receipt-page .receipt table{font-size:11px}.receipt-page .receipt th,.receipt-page .receipt td{padding:8px 5px!important}}
.quotation-document .receipt>h1{text-align:center;letter-spacing:.16em}.quote-summary{display:grid;gap:7px;margin:15px 0;padding:14px;border:1px solid #d6dce2;border-radius:10px;background:#f6f8fa}.quote-summary span{display:flex;justify-content:space-between}.quote-summary span:last-child{padding-top:7px;border-top:1px solid #d6dce2;font-size:18px}

/* KeyFlow v2.6.8: optional light theme; dark remains the default. */
.keyflow-theme-toggle{grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;width:100%!important;min-height:34px!important;margin:8px 0 0!important;padding:7px 10px!important;border:1px solid #29465d!important;border-radius:8px!important;background:#0b1d2b!important;color:#8fdcff!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important;cursor:pointer}.keyflow-theme-toggle [data-theme-icon]{font-size:15px}.login-theme-toggle{position:fixed!important;z-index:30;right:18px;top:18px;width:auto!important;margin:0!important;padding:8px 12px!important}.management-grid td:last-child{white-space:nowrap}.management-grid td:last-child>a[href*="edit_"]{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;margin-right:6px;border:1px solid #258cc5;border-radius:8px;background:linear-gradient(135deg,#0d77be,#16b9ef);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 6px 16px rgba(8,120,238,.2)}.management-grid td:last-child>a[href*="edit_"]:before{content:'✎';margin-right:6px}.management-grid td:last-child .mini button{min-height:34px;padding:7px 11px;margin:0}
html[data-kf-theme="light"] body.keyflow-app{background:linear-gradient(145deg,#eef6fb,#f8fbfd 55%,#edf5fa);color:#183247}html[data-kf-theme="light"] body.keyflow-app aside{background:linear-gradient(180deg,#f8fbfd,#eaf4fa);border-right-color:#c8dce8;box-shadow:10px 0 30px rgba(29,78,110,.08)}html[data-kf-theme="light"] .keyflow-brand{background:#071521;border-bottom-color:#c8dce8}html[data-kf-theme="light"] body.keyflow-app aside nav a{color:#49667a}html[data-kf-theme="light"] body.keyflow-app aside nav a:before{background:#e2f1f9;border-color:#b9d5e5;color:#0878b8}html[data-kf-theme="light"] body.keyflow-app aside nav a:hover{background:#e3f1f8;color:#102d42;border-color:#b7d3e3}html[data-kf-theme="light"] body.keyflow-app aside nav a.on{background:linear-gradient(90deg,#ccecff,#eaf7fd);color:#092d45;border-color:#79bee1}html[data-kf-theme="light"] body.keyflow-app aside .profile{background:#fff;border-color:#c6dce8}html[data-kf-theme="light"] body.keyflow-app aside .profile b{color:#183247}html[data-kf-theme="light"] body.keyflow-app aside .profile small,html[data-kf-theme="light"] body.keyflow-app .profile:after{color:#698497}html[data-kf-theme="light"] body.keyflow-app aside .profile a{border-top-color:#d6e5ed;color:#0878b8}html[data-kf-theme="light"] body.keyflow-app .content>header{border-bottom-color:#cadde8}html[data-kf-theme="light"] body.keyflow-app .content>header h1,html[data-kf-theme="light"] body.keyflow-app .panel h2,html[data-kf-theme="light"] .dashboard-intro h2{color:#102b3f}html[data-kf-theme="light"] body.keyflow-app .content>header p,html[data-kf-theme="light"] .branch-switcher label,html[data-kf-theme="light"] .dashboard-intro p{color:#698397}html[data-kf-theme="light"] body.keyflow-app .panel,html[data-kf-theme="light"] body.keyflow-app .cards article{background:linear-gradient(155deg,#fff,#f3f8fb);border-color:#c5dbe7;box-shadow:0 10px 28px rgba(31,78,106,.08)}html[data-kf-theme="light"] body.keyflow-app input,html[data-kf-theme="light"] body.keyflow-app select,html[data-kf-theme="light"] body.keyflow-app textarea,html[data-kf-theme="light"] .branch-switcher select{background:#fff!important;border-color:#b9d1df!important;color:#173247!important}html[data-kf-theme="light"] body.keyflow-app table{color:#203b4e}html[data-kf-theme="light"] body.keyflow-app th{background:#e7f1f7;color:#496b81;border-color:#c5d9e5}html[data-kf-theme="light"] body.keyflow-app td{border-color:#d6e4ec}html[data-kf-theme="light"] body.keyflow-app tbody tr:hover{background:#eaf6fc}html[data-kf-theme="light"] .keyflow-cards small{color:#607c8f!important}html[data-kf-theme="light"] .keyflow-cards strong{color:#173247!important}html[data-kf-theme="light"] .keyflow-cards em{color:#7890a0}html[data-kf-theme="light"] .quick-links a{background:#f7fbfd;border-color:#d0e1ea;color:#173247}html[data-kf-theme="light"] .quick-links a:hover{background:#eaf6fc;border-color:#77bddd}html[data-kf-theme="light"] .quick-links a>b{background:#dff2fc;color:#0878b8}html[data-kf-theme="light"] .sales-chart{border-top-color:#d5e4ec;background:repeating-linear-gradient(to top,transparent 0,transparent 52px,rgba(43,103,139,.08) 53px)}html[data-kf-theme="light"] .keyflow-theme-toggle{background:#e4f2f9!important;border-color:#b9d6e5!important;color:#176489!important}html[data-kf-theme="light"] body.keyflow-login{background:#edf5fa;color:#183247}html[data-kf-theme="light"] .auth-showcase{background:radial-gradient(circle at 38% 42%,rgba(22,182,255,.14),transparent 34%),linear-gradient(145deg,#e8f4fa,#f8fbfd)}html[data-kf-theme="light"] .auth-panel{background:linear-gradient(180deg,#f7fbfd,#eaf3f8);border-color:#c7dbe7}html[data-kf-theme="light"] body.keyflow-login .auth{background:linear-gradient(155deg,#fff,#edf6fa);border-color:#c4d9e5;box-shadow:0 18px 50px rgba(32,73,98,.14)}html[data-kf-theme="light"] .auth-showcase-copy h1,html[data-kf-theme="light"] .auth-welcome h2{color:#102b3f}html[data-kf-theme="light"] .auth-showcase-copy p,html[data-kf-theme="light"] body.keyflow-login .auth label{color:#5f7b8e}html[data-kf-theme="light"] body.keyflow-login .auth input{background:#fff;border-color:#b8d0de;color:#173247}html[data-kf-theme="light"] .auth-points span{background:#fff;border-color:#bcd5e3;color:#24698e}html[data-kf-theme="light"] .keyflow-blocked-page{background:radial-gradient(circle at 20% 15%,#d7f0fb,transparent 34%),#eef6fb;color:#173247}html[data-kf-theme="light"] .keyflow-blocked-card{background:#fff;border-color:#bfd7e4;box-shadow:0 24px 70px rgba(37,73,96,.15)}html[data-kf-theme="light"] .keyflow-blocked-lead{color:#607b8e}
@media(max-width:560px){.login-theme-toggle{right:10px!important;top:10px!important}.login-theme-toggle [data-theme-label]{display:none}.login-theme-toggle{width:38px!important;height:38px!important;padding:0!important}.management-grid td:last-child>a[href*="edit_"]{margin-bottom:5px}}

/* KeyFlow v2.5.4: calmer item dropdown, closable image preview and installed-app fullscreen. */
body.keyflow-app select,body.keyflow-app select option{color-scheme:dark;background-color:#091722!important;color:#dcecf7!important}
.image-picker-toggle{border-color:#263e50!important;background:#091722!important;color:#dcecf7!important;box-shadow:none!important}
.image-picker-toggle:hover,.image-picker-toggle:focus{border-color:#356078!important;background:#0b1b28!important}
.image-picker-menu{border-color:#29465a!important;background:#08141f!important;box-shadow:0 18px 44px #000c!important}
.image-picker-menu input{border-color:#29465a!important;background:#0b1b28!important;color:#edf8ff!important}
.image-picker-option{background:#091722!important;color:#dcecf7!important;box-shadow:none!important}
.image-picker-option:hover,.image-picker-option:focus{background:#102737!important;color:#fff!important}
.image-picker-option small{color:#7896aa!important}
.keyflow-image-preview[hidden]{display:none!important}
.keyflow-image-preview{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:max(56px,calc(env(safe-area-inset-top) + 48px)) 18px max(24px,env(safe-area-inset-bottom));background:rgba(2,8,13,.94);backdrop-filter:blur(8px)}
.keyflow-image-preview img{display:block;max-width:min(94vw,1100px);max-height:calc(100dvh - 100px);object-fit:contain;border-radius:12px;box-shadow:0 22px 65px #000}
.image-preview-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #496579!important;border-radius:50%!important;background:#0b1b28!important;color:#fff!important;font-size:29px!important;line-height:1!important;box-shadow:0 8px 24px #0008!important}
body.preview-open{overflow:hidden!important}
html.installed-app,html.installed-app body{width:100%;min-height:100%;min-height:100dvh;overflow-x:hidden}
html.installed-app body.keyflow-app{min-height:100vh;min-height:100dvh}
html.installed-app body.keyflow-app aside{height:100vh;height:100dvh;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
html.installed-app body.keyflow-app .content{min-height:100vh;min-height:100dvh;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}

/* KeyFlow v2.5.0 Beta UI — core functions remain based on v2.4.27. */
:root{
 --kf-bg:#07111c;
 --kf-bg-soft:#0b1724;
 --kf-sidebar:#08131f;
 --kf-panel:#0e1c2a;
 --kf-panel-2:#112335;
 --kf-line:#203a50;
 --kf-line-soft:#172d40;
 --kf-text:#eef7ff;
 --kf-muted:#8fa8bc;
 --kf-blue:#11b9ff;
 --kf-blue-2:#0878ee;
 --kf-cyan:#55d8ff;
 --kf-green:#35d39a;
 --kf-amber:#ffbd59;
 --kf-red:#ff6572;
 --kf-shadow:0 18px 50px rgba(0,0,0,.24);
}
html{background:var(--kf-bg)}
body.keyflow-app{background:linear-gradient(145deg,#07111c 0%,#091624 55%,#07111c 100%);color:var(--kf-text)}
body.keyflow-app .content{background:transparent}
body.keyflow-app aside{background:linear-gradient(180deg,#07121d 0%,#0a1723 55%,#06101a 100%);border-right:1px solid var(--kf-line-soft);box-shadow:16px 0 44px rgba(0,0,0,.18)}
.keyflow-brand{height:104px!important;padding:12px 16px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-bottom:1px solid var(--kf-line-soft)}
.keyflow-brand:before,.keyflow-brand:after{display:none!important;content:none!important}
.keyflow-brand img{display:block!important;width:100%!important;height:72px!important;max-width:220px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 14px rgba(19,181,255,.2))}
.nav-caption{padding:20px 20px 8px;color:#5f7e95;font-size:11px;font-weight:800;letter-spacing:.16em}
body.keyflow-app aside nav{padding:0 12px 14px}
body.keyflow-app aside nav a{position:relative;display:flex;align-items:center;min-height:44px;margin:3px 0;padding:10px 12px 10px 44px;border:1px solid transparent;border-radius:10px;color:#9eb3c4;font-size:14px;font-weight:650;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
body.keyflow-app aside nav a:before{position:absolute;left:13px;top:50%;width:21px;height:21px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #29445a;border-radius:6px;color:#71cfff;font-size:12px;line-height:1;background:#0c1d2b}
body.keyflow-app aside nav a:hover{background:#0e2232;color:#eff8ff;border-color:#1d3d55;transform:translateX(2px)}
body.keyflow-app aside nav a.on{background:linear-gradient(90deg,rgba(11,139,234,.24),rgba(17,185,255,.08));color:#fff;border-color:#1d638a;box-shadow:inset 3px 0 0 var(--kf-blue)}
body.keyflow-app aside nav a.on:before{color:#fff;background:linear-gradient(145deg,var(--kf-blue-2),var(--kf-blue));border-color:#36c6ff;box-shadow:0 0 14px rgba(17,185,255,.28)}
.nav-dashboard:before{content:'⌂'}.nav-new-job:before{content:'＋'}.nav-job-status:before{content:'◷'}.nav-jobs:before{content:'↗'}.nav-inventory:before{content:'▦'}.nav-inventory-history:before{content:'↻'}.nav-expenses:before{content:'₋'}.nav-claims:before{content:'✓'}.nav-tax-zakat:before{content:'%'}.nav-payroll:before{content:'＄'}.nav-reports:before{content:'📈';font-size:12px}.nav-settings:before{content:'♙'}.nav-app-settings:before{content:'⚙'}
body.keyflow-app aside .profile{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:14px 16px 16px;margin:0 12px 12px;border:1px solid var(--kf-line-soft);border-radius:12px;background:rgba(3,12,20,.7)}
.profile-avatar{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--kf-blue-2),var(--kf-blue));color:white;font-weight:850;box-shadow:0 7px 22px rgba(8,120,238,.25)}
body.keyflow-app aside .profile b,body.keyflow-app aside .profile small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.keyflow-app aside .profile a{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid var(--kf-line-soft);color:#88cfff;font-weight:700}
body.keyflow-app .profile:after{grid-column:1/-1;content:'KeyFlow Beta · Core 2.4.27';order:initial;margin:10px 0 0;padding:0;border:0;color:#58758b;text-align:left;font-size:11px}
body.keyflow-app .language-box{grid-column:1/-1}
body.keyflow-app .content>header{position:relative;align-items:center;margin-bottom:22px;padding:4px 2px 18px;border-bottom:1px solid var(--kf-line-soft)}
.page-eyebrow{display:block;margin-bottom:3px;color:#43c8ff;font-size:10px;font-weight:850;letter-spacing:.16em}
body.keyflow-app .content>header h1{margin:0;color:#f4f9fd;font-size:27px;line-height:1.15;letter-spacing:-.03em}
body.keyflow-app .content>header p{margin:4px 0 0;color:#718ca1;font-size:13px}
.branch-switcher label{margin:0;color:#718ca1;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.branch-switcher label span{display:block;margin-bottom:5px}
.branch-switcher select{min-height:43px!important;background:#0c1d2b!important;border-color:#254158!important;border-radius:10px!important;color:#eaf6ff!important}
body.keyflow-app .menu{border:1px solid #29465d;background:#0e2232;color:#6ed2ff;border-radius:10px;box-shadow:none}
body.keyflow-app .panel,body.keyflow-app .cards article{background:linear-gradient(155deg,rgba(17,35,53,.96),rgba(10,25,38,.96));border:1px solid var(--kf-line);border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.16)}
body.keyflow-app .panel h2{color:#f2f8fc;letter-spacing:-.02em}
body.keyflow-app input,body.keyflow-app select,body.keyflow-app textarea{background:#091723;border-color:#284258;color:#eef7ff;border-radius:9px}
body.keyflow-app input:focus,body.keyflow-app select:focus,body.keyflow-app textarea:focus{border-color:var(--kf-blue);box-shadow:0 0 0 3px rgba(17,185,255,.12);outline:none}
body.keyflow-app button,body.keyflow-app .btn{border-radius:9px;background:linear-gradient(135deg,var(--kf-blue-2),var(--kf-blue));color:#fff;font-weight:750;box-shadow:0 8px 24px rgba(8,120,238,.18)}
body.keyflow-app table{color:#dbeaf4}
body.keyflow-app th{background:#0b1a28;color:#7fa0b8;border-color:#1d3447;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
body.keyflow-app td{border-color:#1b3042}
body.keyflow-app tbody tr:hover{background:rgba(17,185,255,.035)}
.dashboard-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 16px;padding:0 2px}
.dashboard-intro .eyebrow,.performance-panel .eyebrow,.quick-panel .eyebrow{display:block;margin-bottom:5px;color:#4acbff;font-size:10px;font-weight:850;letter-spacing:.14em}
.dashboard-intro h2{margin:0;color:#f3f9fd;font-size:23px;letter-spacing:-.03em}.dashboard-intro p{margin:5px 0 0;color:var(--kf-muted);font-size:13px}
.dashboard-actions{display:flex;gap:9px}.dashboard-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;text-decoration:none}.dashboard-actions .secondary-action{background:#0d202f;border:1px solid #27465c;color:#9ddcff;box-shadow:none}
.keyflow-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:18px}
.keyflow-cards article{position:relative;display:flex!important;min-width:0;min-height:142px;padding:18px!important;flex-direction:column;justify-content:flex-end;overflow:hidden}
.keyflow-cards article:after{content:'';position:absolute;right:-24px;top:-34px;width:90px;height:90px;border-radius:50%;background:rgba(17,185,255,.07);filter:blur(1px)}
.keyflow-cards .metric-icon{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #2a536e;border-radius:9px;background:#0c2435;color:#72d4ff;font-style:normal;font-weight:850}
.keyflow-cards small{color:#8ca6ba!important;font-size:12px!important;font-weight:700}.keyflow-cards strong{display:block;margin:8px 0 5px;color:#f5fbff!important;font-size:23px!important;line-height:1.1;letter-spacing:-.04em;white-space:normal!important;overflow-wrap:anywhere}.keyflow-cards em{color:#607f96;font-size:11px;font-style:normal}
.keyflow-cards .metric-sales{border-color:#17628c}.keyflow-cards .metric-sales strong{color:#68d6ff!important}.keyflow-cards .metric-alert .metric-icon{border-color:#735434;background:#2b2118;color:var(--kf-amber)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:16px;margin-bottom:18px}.dashboard-grid>.panel{margin:0!important;min-width:0}.dashboard-grid .section-head{align-items:flex-start}.dashboard-grid .section-head h2{margin:0}.dashboard-grid .section-head a{color:#61d1ff;font-size:12px;font-weight:750;text-decoration:none}
.sales-chart{display:flex;align-items:flex-end;gap:10px;height:250px;margin-top:12px;padding:22px 10px 2px;border-top:1px solid var(--kf-line-soft);background:repeating-linear-gradient(to top,transparent 0,transparent 52px,rgba(83,126,155,.09) 53px)}
.chart-column{position:relative;display:flex;flex:1;height:100%;min-width:0;align-items:center;justify-content:flex-end;flex-direction:column;gap:7px}.chart-column i{display:block;width:min(46px,62%);height:var(--bar-height);min-height:4px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#52d5ff,var(--kf-blue-2));box-shadow:0 0 22px rgba(17,185,255,.14)}.chart-column small{color:#8099ad;font-size:11px;font-weight:750}.chart-value{position:absolute;bottom:calc(var(--bar-height) + 24px);max-width:72px;color:#acc2d2;font-size:10px;white-space:nowrap;transform:rotate(-36deg);transform-origin:left center}
.quick-links{display:grid;gap:9px;margin-top:12px}.quick-links a{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--kf-line-soft);border-radius:11px;background:#0a1926;color:#e7f5ff;text-decoration:none;transition:.18s}.quick-links a:hover{border-color:#28729a;background:#0d2131;transform:translateX(2px)}.quick-links a>b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#102b3e;color:#55d2ff;font-size:18px}.quick-links a>span{display:grid;font-size:13px;font-weight:750}.quick-links small{margin-top:2px;color:#6e8ba1;font-size:11px;font-weight:500}

/* Split login inspired by the reference, branded as KeyFlow. */
body.keyflow-login{min-height:100vh;min-height:100dvh;margin:0;background:#07111c;color:var(--kf-text)}
.auth-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);width:100%;min-height:100vh;min-height:100dvh}
.auth-showcase{position:relative;display:flex;min-width:0;padding:clamp(34px,5vw,76px);flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 38% 42%,rgba(22,182,255,.19),transparent 34%),linear-gradient(145deg,#050c13 0%,#071727 60%,#06101a 100%)}
.auth-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(61,174,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,174,224,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 76%,transparent)}
.auth-showcase:after{content:'';position:absolute;right:-160px;bottom:-210px;width:520px;height:520px;border:1px solid rgba(69,198,255,.17);border-radius:50%;box-shadow:0 0 0 70px rgba(36,139,195,.035),0 0 0 140px rgba(36,139,195,.025)}
.keyflow-login-logo{position:relative;z-index:1;width:min(620px,82%);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 16px 40px rgba(25,177,244,.14))}
.auth-showcase-copy{position:relative;z-index:1;max-width:660px;margin-top:40px}.auth-showcase-copy .eyebrow{color:#4dccff;font-size:11px;font-weight:850;letter-spacing:.18em}.auth-showcase-copy h1{margin:15px 0 12px;color:#f3f9fd;font-size:clamp(44px,5.6vw,82px);line-height:.92;letter-spacing:-.055em}.auth-showcase-copy h1 em{color:#27bfff;font-style:normal;text-shadow:0 0 30px rgba(17,185,255,.25)}.auth-showcase-copy p{max-width:540px;color:#9bb2c3;font-size:clamp(15px,1.4vw,19px);line-height:1.65}.auth-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.auth-points span{padding:8px 11px;border:1px solid #23445d;border-radius:999px;background:rgba(8,28,42,.76);color:#8dcdea;font-size:11px;font-weight:700;letter-spacing:.04em}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:30px;background:linear-gradient(180deg,#0b1723,#07111c);border-left:1px solid #193247}
body.keyflow-login .auth{width:min(420px,100%);margin:0;padding:34px;border:1px solid #213d53;border-radius:18px;background:linear-gradient(155deg,rgba(17,34,50,.98),rgba(9,23,35,.98));box-shadow:var(--kf-shadow);text-align:left}
body.keyflow-login .auth:after{content:'KeyFlow Beta · Core 2.4.27';border-top-color:#20394c;color:#617d91}
.auth-welcome{display:flex;align-items:center;gap:13px;margin-bottom:26px}.keyflow-mark{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:0;border-radius:14px;background:#07111c;overflow:hidden;box-shadow:0 10px 28px rgba(8,120,238,.28)}.keyflow-mark img{display:block;width:100%;height:100%;object-fit:cover}.auth-welcome small{display:block;margin-bottom:4px;color:#5fcfff;font-size:10px;font-weight:850;letter-spacing:.14em}.auth-welcome h2{margin:0;color:#f2f8fc;font-size:22px;letter-spacing:-.03em}
body.keyflow-login .auth label{color:#9db2c1;font-size:13px;font-weight:700}body.keyflow-login .auth input{min-height:48px;margin-top:7px;background:#081521;border-color:#28465d;color:#fff;border-radius:10px}body.keyflow-login .auth button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;margin-top:8px;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,var(--kf-blue-2),var(--kf-blue));color:#fff;font-weight:800;box-shadow:0 10px 28px rgba(8,120,238,.24)}.auth-note{margin:18px 0 0;color:#577287;font-size:11px;text-align:center;letter-spacing:.06em}

@media(max-width:1180px){.keyflow-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-showcase{min-height:310px;padding:28px}.keyflow-login-logo{width:min(500px,86%)}.auth-showcase-copy{margin-top:22px}.auth-showcase-copy h1{font-size:46px}.auth-showcase-copy p{margin-bottom:0}.auth-panel{padding:24px;border-left:0;border-top:1px solid #193247}.keyflow-brand{height:92px!important}.dashboard-intro{align-items:flex-start;flex-direction:column}.keyflow-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.auth-showcase{min-height:250px;padding:22px}.keyflow-login-logo{width:100%}.auth-showcase-copy .eyebrow,.auth-points{display:none}.auth-showcase-copy h1{margin-top:0;font-size:38px}.auth-showcase-copy p{font-size:14px;line-height:1.5}.auth-panel{padding:16px}.keyflow-login .auth{padding:24px 20px}.dashboard-actions{width:100%}.dashboard-actions .btn{flex:1}.keyflow-cards{grid-template-columns:1fr 1fr!important}.keyflow-cards article{min-height:132px;padding:14px!important}.keyflow-cards strong{font-size:20px!important}.dashboard-grid{gap:12px}.quick-links{grid-template-columns:1fr}.sales-chart{height:220px;padding-left:0;padding-right:0}.chart-column{gap:5px}.chart-column i{width:52%}.chart-value{display:none}body.keyflow-app .content>header{align-items:start}.page-eyebrow{font-size:9px}}
@media(max-width:390px){.keyflow-cards{grid-template-columns:1fr!important}.keyflow-cards article{min-height:116px}.auth-showcase-copy h1{font-size:34px}}
@media print{body.keyflow-app{background:#fff}.nav-caption,.page-eyebrow,.dashboard-actions{display:none!important}}
.settings-page{display:block}.settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.settings-hero h2{margin:4px 0}.settings-hero p{margin:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid>.panel{margin:0}.settings-grid h2:not(:first-child){margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.settings-note{color:var(--muted);line-height:1.5}.settings-save{display:flex;justify-content:flex-end;margin-top:16px}.settings-save button,.settings-hero button{min-width:190px}@media(max-width:820px){.settings-grid{grid-template-columns:1fr}.settings-hero{align-items:flex-start;flex-direction:column}.settings-hero button,.settings-save button{width:100%}}

/* KeyFlow v2.5.1 visual polish. */
body.keyflow-app aside{display:flex;min-height:100vh;height:100vh;flex-direction:column;overflow:hidden}
.keyflow-brand{height:96px!important;min-height:96px!important;padding:7px 8px 11px!important}
.keyflow-brand img{width:112%!important;max-width:none!important;height:82px!important;transform:scale(1.05)}
.alert{opacity:0;transform:translateY(-7px);transition:opacity .35s ease,transform .35s ease,max-height .4s ease,margin .4s ease,padding .4s ease;overflow:hidden}.alert.toast-visible{opacity:1;transform:translateY(0)}.alert.toast-leave{opacity:0;transform:translateY(-16px);max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important}
.keyflow-blocked-page{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#0c2b40 0,transparent 34%),#07111c;color:#edf8ff;font-family:Inter,system-ui,sans-serif}.keyflow-blocked-card{box-sizing:border-box;width:min(520px,100%);padding:34px;border:1px solid #24455b;border-radius:18px;background:#0d2030;box-shadow:0 24px 70px #0008}.keyflow-blocked-card>img{display:block;width:min(280px,80%);height:75px;margin:0 auto 24px;object-fit:contain}.keyflow-blocked-card h1{margin:7px 0 9px;font-size:30px}.keyflow-blocked-lead{margin:0 0 20px;color:#9db5c6;line-height:1.55}.keyflow-blocked-status{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding:15px;border:1px solid #70482a;border-radius:11px;background:#2b2118;color:#ffd49a}.keyflow-blocked-status>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:8px;background:#8a4c12;font-weight:900}.keyflow-blocked-status p{margin:0;line-height:1.5}.keyflow-blocked-card>.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width:560px){.keyflow-blocked-page{padding:14px}.keyflow-blocked-card{padding:25px 20px}.keyflow-blocked-card h1{font-size:25px}.keyflow-blocked-card>.btn{width:100%;box-sizing:border-box}}
body.keyflow-app aside nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#28485f transparent}
body.keyflow-app aside nav a{min-height:40px;margin:2px 0;padding-top:8px;padding-bottom:8px}
body.keyflow-app aside .profile{flex:0 0 auto;margin-bottom:10px;padding:11px 13px}
body.keyflow-app aside .profile a{margin-top:8px;padding-top:8px}
body.keyflow-app .profile:after{margin-top:7px;font-size:10px}
body.keyflow-app .language-box{margin-top:7px}
body.keyflow-app .language-box label{font-size:10px}
body.keyflow-app .language-box select{min-height:34px;padding:6px 8px;font-size:12px}
.branch-switcher:before,.branch-switcher label:before,.branch-switcher label:after{content:none!important;display:none!important}
.branch-switcher label>span{display:block!important;margin-bottom:5px!important}
.keyflow-cards{grid-template-columns:1.16fr repeat(4,minmax(0,1fr))!important}
.sales-chart{height:218px}
.chart-value{display:none;z-index:5;left:50%;bottom:auto;top:-5px;padding:5px 7px;border:1px solid #2b5873;border-radius:6px;background:#06121d;color:#c9eafd;transform:translate(-50%,-100%);box-shadow:0 8px 20px #0008}
.chart-column:hover .chart-value,.chart-column:focus-within .chart-value{display:block}
.chart-column i{min-height:5px}
.performance-panel{min-height:330px}
@media(max-width:1180px){.keyflow-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body.keyflow-app aside{height:100vh;height:100dvh}.keyflow-brand img{width:106%!important;transform:none}.keyflow-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.sales-chart{height:190px}.performance-panel{min-height:290px}.chart-column:hover .chart-value{display:none}}
@media(max-width:390px){.keyflow-cards{grid-template-columns:1fr!important}}

/* KeyFlow v2.5.2: stable account card and no-overflow mobile login. */
body.keyflow-app aside .profile{
 display:grid!important;
 grid-template-columns:38px minmax(0,1fr)!important;
 grid-template-areas:"avatar name" "avatar branch" "last last" "language language" "logout logout" "version version"!important;
 gap:2px 10px!important;
 align-items:center!important;
 min-width:0!important;
 overflow:visible!important;
}
body.keyflow-app aside .profile>*{order:initial!important;min-width:0!important}
body.keyflow-app aside .profile .profile-avatar{grid-area:avatar!important;align-self:start!important}
body.keyflow-app aside .profile>b{grid-area:name!important;display:block!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.25!important}
body.keyflow-app aside .profile>small:not(.last-login){grid-area:branch!important;display:block!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.3!important}
body.keyflow-app aside .profile>.last-login{grid-area:last!important;display:block!important;margin:8px 0 0!important;padding-top:8px!important;border-top:1px solid var(--kf-line-soft)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#718ca1!important;font-size:10px!important}
body.keyflow-app aside .profile>.language-box{grid-area:language!important;display:block!important;margin:7px 0 0!important}
body.keyflow-app aside .profile>a{grid-area:logout!important;width:100%!important;margin:7px 0 0!important;padding:9px 1px 0!important}
body.keyflow-app aside .profile:after{grid-area:version!important;display:block!important;margin:7px 0 0!important;padding:0!important;line-height:1.25!important}
body.keyflow-app aside .profile:after{content:'KeyFlow 2.8.3 · Core 2.7.4'!important}

/* KeyFlow v2.7.4: closed menu groups must occupy no submenu space. */
body.keyflow-app aside nav{display:block!important;gap:0!important;padding-top:0!important}
body.keyflow-app aside nav>.nav-group{display:block!important;margin:0!important;padding:0!important}
body.keyflow-app aside nav>.nav-group>.nav-group-toggle{min-height:36px!important;margin:0!important;padding:5px 10px!important}
body.keyflow-app aside nav>.nav-group:not(.open)>.nav-group-links{display:none!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important}
body.keyflow-app aside nav>.nav-group.open>.nav-group-links{display:block!important;height:auto!important;max-height:480px!important;margin:0!important;padding:2px 0 4px 12px!important;opacity:1!important}
body.keyflow-app aside nav>.nav-group>.nav-group-links>a{min-height:32px!important;margin:0!important;padding-top:5px!important;padding-bottom:5px!important}
body.keyflow-app aside nav>a.nav-dashboard{min-height:38px!important;margin:0 0 2px!important;padding-top:7px!important;padding-bottom:7px!important}
body.keyflow-app aside .profile:after{content:'KeyFlow 2.8.3 · Core 2.7.4'!important}

body.keyflow-login{display:block!important;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;margin:0!important;padding:0!important;overflow-x:hidden;place-items:initial!important}
.keyflow-login .auth-shell,.keyflow-login .auth-showcase,.keyflow-login .auth-panel,.keyflow-login .auth{box-sizing:border-box;min-width:0;max-width:100%}
.keyflow-login .auth-showcase{isolation:isolate}
.keyflow-login .keyflow-login-logo{display:block;max-width:100%;object-fit:contain}
.keyflow-login .auth form,.keyflow-login .auth label,.keyflow-login .auth input{box-sizing:border-box;min-width:0;max-width:100%}
.keyflow-login .login-language{display:flex;justify-content:center;gap:6px;margin-top:17px}
.keyflow-login .login-language button{width:auto!important;min-width:42px!important;min-height:32px!important;margin:0!important;padding:5px 10px!important;border:1px solid #29465d!important;border-radius:8px!important;background:#091723!important;color:#7895aa!important;box-shadow:none!important;font-size:11px!important}
.keyflow-login .login-language button.active{border-color:#19b9fa!important;background:#0d2b40!important;color:#6dd6ff!important}
.keyflow-blocked-page .keyflow-blocked-back{display:inline-flex;align-items:center;justify-content:center;border:1px solid #169fe9!important;background:linear-gradient(135deg,#0878ee,#19b9fa)!important;color:#fff!important;box-shadow:0 8px 24px rgba(8,120,238,.24)!important}
@media(max-width:900px){
 .keyflow-login .auth-shell{display:flex!important;min-height:100vh;min-height:100dvh;flex-direction:column!important;overflow-x:hidden}
 .keyflow-login .auth-showcase{flex:0 0 auto;min-height:0!important;padding:22px 24px 24px!important}
 .keyflow-login .keyflow-login-logo{width:min(470px,100%)!important;height:auto!important;margin:0 auto!important}
 .keyflow-login .auth-showcase-copy{width:100%;max-width:560px;margin:8px auto 0!important;text-align:center}
 .keyflow-login .auth-showcase-copy h1{margin:6px 0 8px!important;font-size:clamp(34px,9vw,48px)!important;line-height:.96!important}
 .keyflow-login .auth-showcase-copy p{max-width:480px;margin:0 auto!important;font-size:14px!important;line-height:1.45!important}
 .keyflow-login .auth-points{justify-content:center;margin-top:14px!important}
 .keyflow-login .auth-panel{flex:1 0 auto;width:100%;padding:20px 16px 30px!important;align-items:flex-start!important}
 .keyflow-login .auth{width:min(430px,100%)!important;padding:24px 20px!important}
}
@media(max-width:520px){
 .keyflow-login .auth-showcase{display:flex!important;width:100%!important;padding:4px 18px 8px!important;align-items:center!important;justify-content:center!important;background:#07111c!important}
 .keyflow-login .keyflow-login-logo{width:min(330px,92vw)!important;margin:0 auto!important;transform:translateY(-5px)}
 .keyflow-login .auth-showcase-copy{display:none!important}
 .keyflow-login .auth-panel{padding:14px 12px 24px!important}
 .keyflow-login .auth{padding:21px 17px!important;border-radius:14px!important}
 .keyflow-login .auth-welcome{margin-bottom:18px!important}
 .keyflow-login .auth-welcome h2{font-size:20px!important}
 .keyflow-login .auth input{width:100%!important;min-height:46px!important}
}
@media(max-width:360px){
 .keyflow-login .auth-showcase{padding-left:12px!important;padding-right:12px!important}
 .keyflow-login .auth-showcase-copy h1{font-size:28px!important}
 .keyflow-login .auth-panel{padding-left:9px!important;padding-right:9px!important}
 .keyflow-login .auth{padding-left:14px!important;padding-right:14px!important}
}

/* 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(0,1fr) minmax(180px,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(0,1fr))}
 .keyflow-cards,.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
 .content>*{min-width:0;max-width:100%}
 .content .panel,.content .tablewrap{min-width:0;max-width:100%}
}
@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)}
}

/* KeyFlow v2.8.3 final receipt and version overrides. */
body.receipt-page{box-sizing:border-box!important;width:100%!important;min-height:100%!important;padding:clamp(3px,1.2vw,12px)!important;overflow-x:hidden!important}
body.receipt-page .receipt{box-sizing:border-box!important;width:min(100%,210mm)!important;max-width:210mm!important;min-width:0!important;margin:0 auto!important;padding:clamp(12px,2.4vw,var(--receipt-padding,24px))!important;overflow:hidden!important}
body.receipt-page .receipt table{width:100%!important;table-layout:fixed!important}
body.receipt-page .receipt th,body.receipt-page .receipt td{overflow-wrap:anywhere!important}
body.receipt-page .receipt-powered{display:flex!important;justify-content:flex-end!important;text-align:right!important;margin-top:22px!important}
body.receipt-page .receipt-powered img{width:105px!important;height:auto!important;max-height:34px!important}
body.keyflow-login .auth:after{content:'KeyFlow 2.8.3 · Core 2.7.4'!important}
@media(max-width:700px){body.receipt-page{padding:2px!important}body.receipt-page .receipt{width:100%!important;margin:0!important;padding:12px 10px!important;border-radius:0!important}body.receipt-page .receipt th,body.receipt-page .receipt td{padding:6px 4px!important;font-size:10px!important}body.receipt-page .receipt-powered img{width:88px!important}}
@media print{@page{size:auto;margin:6mm}body.receipt-page{padding:0!important}body.receipt-page .receipt{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}body.receipt-page .receipt-powered{display:flex!important;justify-content:flex-end!important;break-inside:avoid;page-break-inside:avoid}}