*{box-sizing:border-box}
:root{--nav:#132235;--nav2:#1b2f47;--blue:#1e62d8;--bg:#f4f7fb;--line:#dfe6ee;--text:#1d2a38;--muted:#6b7987;--orange:#f07a22}
body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}
input.pageRadio,input#menuToggle{position:absolute;opacity:0;pointer-events:none}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--nav);color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:60}
.brand{font-size:22px;font-weight:900;line-height:.95;padding:0 8px 16px;border-bottom:1px solid #ffffff18}.brand small{display:block;font-size:8px;letter-spacing:.14em;margin-top:7px;color:#aebbc8}
.profile{margin:15px 4px;padding:12px;background:var(--nav2);border-radius:12px}.profile b{font-size:12px}.profile span{display:block;font-size:8px;color:#b8c4ce;margin-top:2px}
.section{font-size:8px;color:#8193a4;font-weight:900;letter-spacing:.13em;margin:18px 9px 7px}
.navLabel,.roleGroup summary,.submenu label{display:block}
.navLabel{color:#dce5ee;border-radius:9px;padding:10px 9px;font-size:10px;font-weight:800;cursor:pointer}.navLabel:hover{background:var(--blue);color:#fff}
.roleGroup{margin:3px 0}.roleGroup summary{list-style:none;cursor:pointer;padding:10px 9px;border-radius:9px;color:#dce5ee;font-size:10px;font-weight:800;display:flex;justify-content:space-between}.roleGroup summary::-webkit-details-marker{display:none}.roleGroup[open] summary{background:var(--blue);color:#fff}
.submenu{margin:3px 0 7px 14px;padding-left:8px;border-left:1px solid #ffffff20}.submenu label{color:#afbdca;padding:8px;border-radius:7px;font-size:9px;font-weight:700;cursor:pointer}.submenu label:hover{background:#ffffff12;color:#fff}
.mobileTop{display:none;position:sticky;top:0;z-index:55;background:#fff;border-bottom:1px solid var(--line);padding:10px 12px;align-items:center;gap:10px}.hamburger{background:var(--nav);color:#fff;border-radius:9px;padding:9px 11px;font-weight:900;font-size:16px;cursor:pointer}.mobileTitle{font-weight:900;font-size:13px}.overlay{display:none}
.main{padding:18px 20px 30px;min-width:0}.topbar h1{margin:0;font-size:22px}.topbar p{margin:3px 0 0;font-size:10px;color:var(--muted)}
.hero{margin-top:12px;background:linear-gradient(135deg,#f07a22,#f6a14c);color:#fff;border-radius:16px;padding:15px}.hero b{font-size:16px}.hero span{display:block;font-size:9px;margin-top:3px}
.page{display:none}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-top:11px;box-shadow:0 4px 18px #1a2d4310}.title{font-size:9px;font-weight:900;letter-spacing:.08em;color:#225eb7}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}.box{border:1px solid #e4eaf0;background:#fafcfd;border-radius:11px;padding:10px}.box small{font-size:8px;color:#6d7a87;font-weight:900}.box b{display:block;margin-top:3px;font-size:11px}
.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}label{font-size:8px;font-weight:900;color:#697683}input,select,textarea{width:100%;padding:8px;border:1px solid #ccd6de;border-radius:8px;font:inherit;font-size:9px;background:#fff}textarea{min-height:65px}
.btn{border:0;border-radius:8px;padding:8px 9px;font-size:8px;font-weight:900;cursor:pointer}.orange{background:#f07a22;color:#fff}.soft{background:#e9f0f6;color:#416079}.ok{background:#e5f6eb;color:#2d7750}.danger{background:#ffe4e0;color:#9a4d44}.purple{background:#eee8ff;color:#6b58a1}.yellow{background:#fff1d5;color:#8a6410}
.actions,.filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.filter{border:0;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:900;background:#eef2f6;color:#53616e;cursor:pointer}.filter.active{background:#1e62d8;color:#fff}
.note{background:#eef5ff;border-left:4px solid #4e83e8;border-radius:9px;padding:9px;margin-top:9px;font-size:9px;line-height:1.45}.req{border:1px solid #e2e8ee;border-radius:13px;padding:11px;margin-top:10px;background:#fff}.req h3{margin:0;font-size:12px}.meta{font-size:8px;color:#70808d;margin-top:3px}.tag{display:inline-block;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:900;margin-top:5px}.blue{background:#e7efff;color:#355d9d}
.calendarScroll{overflow:auto}.calendarHead,.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:5px;min-width:560px}.calHead{font-size:8px;font-weight:900;text-align:center;color:#6a7784;padding:4px}.calDay{min-height:90px;background:#fff;border:1px solid #e4e9ee;border-radius:8px;padding:5px}.calDay b{font-size:8px}.calJob{display:block;margin-top:4px;border-radius:6px;padding:4px;background:#eef3f8;font-size:7px;font-weight:800}.calJob.ready{background:#e5f6eb;color:#2f7850}.calJob.wait{background:#fff0d0;color:#84610e}.calJob.done{background:#eee8ff;color:#69579d}.calJob.prod{background:#e7efff;color:#355d9d}.calJob.cancel{background:#ffe2df;color:#994b42}
.supplierBlock{border:1px solid #e0e6ec;border-radius:13px;padding:10px;margin-top:10px;background:#fbfcfd}.supplierBlock h4{margin:0 0 4px;font-size:11px}.supplierHeadGrid,.supplierDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.matRow{display:grid;grid-template-columns:1.2fr .8fr .7fr .7fr .7fr .7fr auto;gap:6px;align-items:end;margin-top:7px}.hidden,.hiddenDetails{display:none}.log{background:#102034;color:#fff;border-radius:12px;padding:10px;margin-top:10px;max-height:220px;overflow:auto;font-size:9px;line-height:1.5}

/* Pure CSS page routing */
#pg-master:checked ~ .shell .p-master,
#pg-kina-create:checked ~ .shell .p-kina-create,
#pg-kina-active:checked ~ .shell .p-kina-active,
#pg-kina-history:checked ~ .shell .p-kina-history,
#pg-kina-calendar:checked ~ .shell .p-kina-calendar,
#pg-acap-active:checked ~ .shell .p-acap-active,
#pg-acap-material-master:checked ~ .shell .p-acap-material-master,
#pg-acap-supplier-master:checked ~ .shell .p-acap-supplier-master,
#pg-acap-history:checked ~ .shell .p-acap-history,
#pg-acap-outstanding:checked ~ .shell .p-acap-outstanding,
#pg-aty-calendar:checked ~ .shell .p-aty-calendar,
#pg-aty-queue:checked ~ .shell .p-aty-queue,
#pg-aty-invoices:checked ~ .shell .p-aty-invoices,
#pg-aty-history:checked ~ .shell .p-aty-history,
#pg-laika-invoices:checked ~ .shell .p-laika-invoices,
#pg-laika-priority:checked ~ .shell .p-laika-priority,
#pg-laika-outstanding:checked ~ .shell .p-laika-outstanding,
#pg-laika-cash:checked ~ .shell .p-laika-cash,
#pg-laika-history:checked ~ .shell .p-laika-history,
#pg-faiz-calendar:checked ~ .shell .p-faiz-calendar,
#pg-faiz-queue:checked ~ .shell .p-faiz-queue,
#pg-faiz-internal:checked ~ .shell .p-faiz-internal,
#pg-faiz-history:checked ~ .shell .p-faiz-history{display:block}

@media(max-width:820px){
 .shell{display:block}.mobileTop{display:flex}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);height:100vh;transform:translateX(-105%);transition:.2s ease;box-shadow:10px 0 30px #0004}
 #menuToggle:checked ~ .shell .sidebar{transform:translateX(0)}
 .overlay{display:none;position:fixed;inset:0;background:#0008;z-index:50}
 #menuToggle:checked ~ .overlay{display:block}
 .main{padding:12px 10px 28px}.topbar{display:none}.grid,.formgrid,.supplierHeadGrid,.supplierDetails{grid-template-columns:1fr 1fr}.matRow{grid-template-columns:1fr 1fr}.card{padding:11px}
}
@media(max-width:480px){.grid,.formgrid,.supplierHeadGrid,.supplierDetails,.matRow{grid-template-columns:1fr}}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}

.kinaSkuRow{border:1px solid #e2e8ee;background:#fbfcfd;border-radius:12px;padding:10px;margin-top:8px}
.kinaSkuGrid{display:grid;grid-template-columns:1.5fr .65fr .65fr .8fr 1.4fr auto;gap:7px;align-items:end}
.kinaSkuNo{display:inline-block;background:#132235;color:white;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;margin-bottom:7px}
@media(max-width:820px){.kinaSkuGrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.kinaSkuGrid{grid-template-columns:1fr}}

.compactSupplierCard{border:1px solid #e1e7ed;border-radius:13px;background:#fff;padding:10px;margin-top:8px}
.compactSupplierTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.compactSupplierName{font-size:11px;font-weight:900;color:#1f2c39}
.compactSupplierMeta{font-size:8px;color:#6f7d89;margin-top:3px;line-height:1.35}
.compactSupplierActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.compactSupplierActions .btn{padding:7px 8px}
.compactSupplierDetail{display:none;margin-top:8px;border-top:1px solid #edf1f4;padding-top:8px}
.compactMaterialChip{display:inline-block;background:#eef4fb;color:#355d86;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800;margin:2px 3px 2px 0}
@media(max-width:480px){
 .compactSupplierCard{padding:9px}
 .compactSupplierTop{align-items:flex-start}
 .compactSupplierName{font-size:10px}
 .compactSupplierMeta{font-size:7px}
 .compactSupplierActions .btn{font-size:7px;padding:7px}
}

/* v29 typography normalization */
html{font-size:16px}
body{font-size:13px;line-height:1.45}
.main{font-size:13px}
.card,.req,.note,.box,.supplierBlock,.compactSupplierCard{font-size:13px}
.title{font-size:11px}
.topbar h1{font-size:22px}
.topbar p,.hero span,.meta{font-size:11px}
.hero b{font-size:16px}
.req h3{font-size:14px}
.box small,label{font-size:10px}
.box b{font-size:13px}
input,select,textarea{font-size:12px;line-height:1.35}
.btn,.filter,.tag{font-size:10px}
table{font-size:11px}
table th,table td{font-size:11px;line-height:1.35}
.readinessBlock .meta{font-size:11px}
.materialSelectCell{width:34px;text-align:center}
.materialSelectCell input[type=checkbox]{width:18px;height:18px;accent-color:#1e62d8}
.paymentDraftBar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#132235;color:#fff;border-radius:12px;padding:10px 12px;margin-top:10px}
.paymentDraftBar b{font-size:12px}.paymentDraftBar span{font-size:10px;color:#c6d2dc}
.paymentDraftPanel{display:none}
.paymentDraftPanel.open{display:block}
.draftItem{border:1px solid #e2e8ee;border-radius:12px;padding:10px;margin-top:8px;background:#fbfcfd}
.draftItemTop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.draftItemTop b{font-size:12px}
.draftGrid{display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr 1.2fr auto;gap:7px;align-items:end;margin-top:8px}
@media(max-width:820px){
 body,.main,.card,.req,.note,.box{font-size:12px}
 .draftGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .draftGrid{grid-template-columns:1fr}
 .paymentDraftBar{align-items:flex-start;flex-direction:column}
 .req h3{font-size:13px}
}


.materialNative{margin-top:9px;border:1px solid #dfe6ed;border-radius:10px;background:#f8fafc;overflow:hidden}
.materialNative summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;cursor:pointer;list-style:none;user-select:none}
.materialNative summary::-webkit-details-marker{display:none}
.materialNative summary b{font-size:11px}
.materialNative summary span{font-size:10px;color:#6d7b87}
.materialNative .chev{font-size:14px;font-weight:900;transition:transform .2s ease}
.materialNative[open] .chev{transform:rotate(180deg)}
.materialNativeBody{padding:0 10px 10px;background:#fff}

.masterRow{border:1px solid #e1e7ed;border-radius:12px;padding:10px;margin-top:8px;background:#fbfcfd}
.masterGrid{display:grid;grid-template-columns:1.7fr .75fr .65fr 1fr auto;gap:7px;align-items:end}
.supplierLeadGrid{display:grid;grid-template-columns:1.6fr 1.2fr .75fr .75fr .8fr auto;gap:7px;align-items:end}
@media(max-width:820px){.masterGrid,.supplierLeadGrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.masterGrid,.supplierLeadGrid{grid-template-columns:1fr}}
.rawNegative{color:#a4473f;font-weight:900;background:#fff0ed}

.minQtyInput{width:110px}
.minTriggerStatus{margin-top:5px;font-size:9px;font-weight:900}
.minTriggerRow.reorder{background:#fff2ef}
.minTriggerRow.reorder .minTriggerStatus{color:#a4473f}
.minTriggerRow.okStock .minTriggerStatus{color:#2d7750}
.reorderBtn{margin-top:5px}

.paymentDraftTotal{display:flex;justify-content:flex-end;margin-top:10px;font-size:13px;font-weight:900}
.priceMissing{color:#a4473f;font-weight:900}
.globalDraftAction{margin:10px 0;display:flex;justify-content:flex-end}
.supplierLeadGrid{grid-template-columns:1.45fr 1.05fr .65fr .65fr .7fr .7fr .7fr auto!important}
@media(max-width:820px){.supplierLeadGrid{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.supplierLeadGrid{grid-template-columns:1fr!important}}

.requestRefs{font-size:9px;color:#5f6d79;margin-top:4px;line-height:1.45}
.requestRefChip{display:inline-block;background:#eaf1fb;color:#345e94;border-radius:999px;padding:3px 6px;margin:2px 3px 0 0;font-weight:800}

.cleanDraftBar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.draftBarText{display:flex;flex-direction:column;gap:2px}
.draftBarText b{font-size:12px;line-height:1.2}
.draftBarText span{display:block;font-size:10px;color:#cbd7e1}
.draftItem{padding:12px}
.draftItemTop{align-items:center}
.draftItem .tablewrap{overflow-x:auto}
.draftItem table{min-width:560px}
.draftItem table th,.draftItem table td{padding:8px 9px}
.draftItem tfoot th{background:#edf3f8;font-weight:900}
.draftGrid{grid-template-columns:1.35fr .75fr .75fr .8fr .75fr .8fr 1fr 1.2fr auto}
#addAllSelectedBottom{position:sticky;bottom:8px;background:#f4f7fb;padding:8px 0;z-index:4}
#addAllSelectedBottom .btn{width:100%;max-width:420px}
@media(max-width:980px){.draftGrid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){
 .cleanDraftBar{align-items:stretch;flex-direction:column}
 .cleanDraftBar .btn{width:100%}
 .draftGrid{grid-template-columns:1fr}
 .draftItem table{min-width:500px}
}

/* v44 Acap Payment Draft polish */
.paymentDraftPanel{border:0;background:transparent;padding:0;box-shadow:none}
.paymentDraftPanel.open{display:block}
.paymentDraftIntro{background:#fff;border:1px solid #e1e7ed;border-radius:14px;padding:12px;margin-top:10px}
.paymentDraftIntro .title{margin-bottom:4px}
.paymentDraftIntro p{margin:0;color:#697784;font-size:10px;line-height:1.45}
.draftItem{
  background:#fff;border:1px solid #dde5ec;border-radius:16px;
  padding:14px;margin-top:12px;box-shadow:0 5px 18px rgba(19,34,53,.06)
}
.draftItemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.draftMaterialName{font-size:14px;font-weight:900;line-height:1.25}
.draftQtyBadge{
  flex:0 0 auto;background:#fff1ed;color:#9a493f;border:1px solid #f2c9c3;
  border-radius:10px;padding:7px 9px;font-size:10px;font-weight:900;text-align:right
}
.draftOrderTable{margin-top:10px;border:1px solid #e6ebef;border-radius:11px;overflow:hidden}
.draftOrderTable table{width:100%;min-width:0;border-collapse:collapse}
.draftOrderTable th{background:#f5f7fa;color:#647280;font-size:9px;padding:7px 8px}
.draftOrderTable td{font-size:10px;padding:8px;border-top:1px solid #edf1f4}
.draftOrderTable tfoot th{background:#edf3f8;color:#263c52}
.draftEditor{
  display:grid;grid-template-columns:1.5fr .75fr .75fr .75fr;
  gap:9px;margin-top:12px
}
.draftField{
  border:1px solid #e2e8ee;background:#fafcfd;border-radius:11px;padding:9px
}
.draftField label{
  display:block;font-size:8px;font-weight:900;color:#71808d;
  letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase
}
.draftField input,.draftField select{
  width:100%;border:0;background:transparent;padding:2px 0;
  font-size:11px;font-weight:800;color:#233342;outline:none
}
.draftField.full{grid-column:1/-1}
.draftField.priceField{position:relative}
.priceState{
  margin-top:4px;font-size:8px;font-weight:900;line-height:1.3
}
.priceState.missing{color:#a64a41}
.priceState.set{color:#2d7750}
.amountBox{
  background:#132235;color:#fff;border-radius:11px;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px
}
.amountBox small{font-size:8px;color:#aebdca;font-weight:900}
.amountBox b{font-size:14px}
.draftFooterActions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.paymentDraftTotal{
  background:#132235;color:#fff;border-radius:13px;padding:12px 14px;
  display:flex;justify-content:space-between;align-items:center;margin-top:12px
}
.paymentDraftTotal span{font-size:9px;color:#b9c8d4;font-weight:900}
.paymentDraftTotal b{font-size:16px}
#addAllSelectedBottom{position:sticky;bottom:8px;padding:10px 0;background:linear-gradient(transparent,#f4f7fb 25%)}
#addAllSelectedBottom .btn{width:100%;max-width:none;padding:12px;font-size:10px}
@media(max-width:820px){
 .draftEditor{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .draftItem{padding:11px}
 .draftItemTop{flex-direction:column}
 .draftQtyBadge{width:100%;text-align:left}
 .draftEditor{grid-template-columns:1fr}
 .draftOrderTable{overflow-x:auto}
 .draftOrderTable table{min-width:470px}
}

.orderRemoveBtn{
  border:0;background:#ffe9e5;color:#9d473e;width:24px;height:24px;border-radius:50%;
  font-weight:900;cursor:pointer;line-height:24px;padding:0;text-align:center
}
.orderRemoveBtn:hover{background:#ffd8d2}
.finalReviewPanel{
  display:none;background:#fff;border:1px solid #dde5ec;border-radius:16px;
  padding:14px;margin-top:12px;box-shadow:0 5px 18px rgba(19,34,53,.06)
}
.finalReviewPanel.open{display:block}
.finalReviewHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.finalReviewHeader b{font-size:14px}
.finalReviewHeader span{font-size:9px;color:#6d7b87}
.finalSimpleRow{
  display:grid;grid-template-columns:1.5fr .8fr .8fr .9fr;gap:8px;
  padding:9px 0;border-top:1px solid #edf1f4;font-size:10px
}
.finalSimpleRow.head{font-weight:900;color:#617180;border-top:0}
.finalSimpleTotal{
  margin-top:10px;background:#132235;color:#fff;border-radius:11px;
  padding:11px 12px;display:flex;justify-content:space-between;align-items:center
}
.finalSimpleTotal span{font-size:9px;color:#b9c8d4}.finalSimpleTotal b{font-size:15px}
@media(max-width:520px){
 .finalSimpleRow{grid-template-columns:1.3fr .7fr}
 .finalSimpleRow > div:nth-child(3),.finalSimpleRow > div:nth-child(4){margin-top:2px}
}

/* v46 compact Acap request list */
.compactReq{
  background:#fff;border:1px solid #e0e7ed;border-radius:12px;
  margin:7px 0;overflow:hidden
}
.compactReqMain{
  display:grid;grid-template-columns:1.05fr 1.45fr .7fr .75fr auto;
  align-items:center;gap:8px;padding:9px 10px
}
.compactReqId{font-size:10px;font-weight:900;color:#23384d}
.compactReqSku{font-size:10px;font-weight:900}
.compactReqMeta{font-size:9px;color:#697987}
.compactReqStatus{font-size:8px;font-weight:900;padding:4px 6px;border-radius:999px;background:#eef3f7;text-align:center}
.compactReqActions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}
.compactReqActions .btn{padding:6px 7px;font-size:8px;white-space:nowrap}
.compactReqDetails{padding:0 10px 10px}
.compactReqDetails details{border-top:1px solid #edf1f4;padding-top:7px}
.compactReqDetails summary{cursor:pointer;font-size:9px;font-weight:900;color:#3d6489}
.compactReqSubActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
@media(max-width:760px){
 .compactReqMain{grid-template-columns:1fr auto}
 .compactReqSku,.compactReqMeta,.compactReqStatus{grid-column:1}
 .compactReqActions{grid-column:2;grid-row:1/5;flex-direction:column}
 .compactReqActions .btn{width:100%}
}

/* v47 Acap true table/list template */
.acapListShell{padding:12px}
.acapListHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.acapHeaderActions{display:flex;gap:6px;flex-wrap:wrap}
.acapOrderTableWrap{overflow-x:auto;border:1px solid #dfe6ed;border-radius:12px;background:#fff}
.acapOrderTable{width:100%;border-collapse:collapse;min-width:920px}
.acapOrderTable th{
  background:#132235;color:#fff;font-size:8px;text-transform:uppercase;
  letter-spacing:.05em;padding:9px;text-align:left;position:sticky;top:0
}
.acapOrderTable td{padding:9px;border-top:1px solid #edf1f4;font-size:10px;vertical-align:middle}
.acapOrderTable tbody tr:hover{background:#f8fbfe}
.orderNoCell{font-weight:900;color:#27435f}
.skuCell{font-weight:900}
.qtyCell{white-space:nowrap}
.statusPill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}
.statusReady{background:#e6f6eb;color:#2e7650}
.statusAction{background:#fff0e6;color:#9b5a16}
.rowActions{display:flex;gap:4px;flex-wrap:wrap}
.rowActions .btn{font-size:7px;padding:6px 7px;white-space:nowrap}
.materialDrawerRow td{padding:0;background:#f7f9fb}
.materialDrawer{display:none;padding:10px 12px;border-top:1px solid #e3e9ef}
.materialDrawer.open{display:block}
.materialDrawerHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.materialDrawerHeader b{font-size:10px}
.materialMiniTable{width:100%;border-collapse:collapse}
.materialMiniTable th{background:#eef3f7;color:#60707e;font-size:8px;padding:6px}
.materialMiniTable td{font-size:9px;padding:6px;border-top:1px solid #e5ebef}
.materialSelectBox{width:17px;height:17px}
@media(max-width:720px){
 .acapListHeader{align-items:flex-start;flex-direction:column}
 .acapHeaderActions{width:100%}
 .acapHeaderActions .btn{flex:1}
 .acapOrderTable{min-width:760px}
}

/* v49 phone-first Acap list */
@media(max-width:720px){
 .acapOrderTableWrap{border:0;overflow:visible;background:transparent}
 .acapOrderTable{min-width:0;width:100%;display:block}
 .acapOrderTable thead{display:none}
 .acapOrderTable tbody{display:block}
 .acapOrderTable tbody>tr:not(.materialDrawerRow){
   display:grid;grid-template-columns:1fr auto;gap:5px 10px;
   background:#fff;border:1px solid #dfe6ed;border-radius:12px;
   padding:10px;margin:8px 0 0
 }
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td{
   display:block;border:0;padding:0;font-size:10px
 }
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(1){grid-column:1;font-size:11px}
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(2){grid-column:1;font-size:11px}
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(3),
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(4),
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(5),
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(6){grid-column:1}
 .acapOrderTable tbody>tr:not(.materialDrawerRow)>td:nth-child(7){
   grid-column:2;grid-row:1/7;align-self:start
 }
 .rowActions{display:flex;flex-direction:column;gap:5px;min-width:102px}
 .rowActions .btn{width:100%;min-height:34px;font-size:8px;touch-action:manipulation}
 .materialDrawerRow{display:block}
 .materialDrawerRow>td{display:block!important;padding:0!important;border:0!important}
 .materialDrawer{margin:0 0 8px;border:1px solid #dfe6ed;border-top:0;border-radius:0 0 12px 12px}
 .materialDrawerHeader{align-items:flex-start;flex-direction:column}
 .materialMiniTable{min-width:0}
 .materialMiniTable th,.materialMiniTable td{font-size:8px;padding:5px 4px}
 .materialSelectBox{width:22px;height:22px}
 button,.btn{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.08)}
}

.acapActionBtn{cursor:pointer;pointer-events:auto;position:relative;z-index:2}
.acapActionBtn:active{transform:translateY(1px)}
@media(max-width:720px){
 .rowActions .acapActionBtn{min-height:38px}
}

/* v51 Faiz compact production queue */
.faizListShell{padding:12px}
.faizListHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.faizOrderTableWrap{overflow-x:auto;border:1px solid #dfe6ed;border-radius:12px;background:#fff}
.faizOrderTable{width:100%;border-collapse:collapse;min-width:940px}
.faizOrderTable th{
  background:#132235;color:#fff;font-size:8px;text-transform:uppercase;
  letter-spacing:.05em;padding:9px;text-align:left
}
.faizOrderTable td{padding:9px;border-top:1px solid #edf1f4;font-size:10px;vertical-align:middle}
.faizOrderTable tbody tr:hover{background:#f8fbfe}
.faizOrderNo{font-weight:900;color:#27435f}
.faizSku{font-weight:900}
.faizStatusPill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}
.faizReady{background:#e6f6eb;color:#2e7650}
.faizLocked{background:#fff0e6;color:#9b5a16}
.faizStarted{background:#e8efff;color:#355d9d}
.faizDone{background:#e6f6eb;color:#2e7650}
.faizReportMini{font-size:8px;line-height:1.45;color:#5f6e7b}
.faizRowActions{display:flex;gap:4px;flex-wrap:wrap}
.faizRowActions .btn{font-size:7px;padding:6px 7px;white-space:nowrap;min-height:30px}
.faizDetailRow td{padding:0;background:#f7f9fb}
.faizDetailDrawer{display:none;padding:10px 12px;border-top:1px solid #e3e9ef}
.faizDetailDrawer.open{display:block}
.faizDetailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.faizDetailBox{background:#fff;border:1px solid #e4eaf0;border-radius:10px;padding:8px}
.faizDetailBox small{display:block;font-size:7px;color:#6e7c89;font-weight:900}
.faizDetailBox b{display:block;font-size:9px;margin-top:3px}
@media(max-width:720px){
 .faizOrderTableWrap{border:0;overflow:visible;background:transparent}
 .faizOrderTable{min-width:0;width:100%;display:block}
 .faizOrderTable thead{display:none}
 .faizOrderTable tbody{display:block}
 .faizOrderTable tbody>tr:not(.faizDetailRow){
   display:grid;grid-template-columns:1fr auto;gap:5px 10px;
   background:#fff;border:1px solid #dfe6ed;border-radius:12px;
   padding:10px;margin:8px 0 0
 }
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td{display:block;border:0;padding:0}
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(1),
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(2),
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(3),
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(4),
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(5),
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(6){grid-column:1}
 .faizOrderTable tbody>tr:not(.faizDetailRow)>td:nth-child(7){grid-column:2;grid-row:1/7;align-self:start}
 .faizRowActions{display:flex;flex-direction:column;gap:5px;min-width:112px}
 .faizRowActions .btn{width:100%;min-height:36px;font-size:8px;touch-action:manipulation}
 .faizDetailRow{display:block}
 .faizDetailRow>td{display:block!important;padding:0!important;border:0!important}
 .faizDetailDrawer{margin:0 0 8px;border:1px solid #dfe6ed;border-top:0;border-radius:0 0 12px 12px}
 .faizDetailGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.faizDetailGrid{grid-template-columns:1fr}}

/* v52 Supplier & Lead Time grouped by material */
.supplierMaterialCard{
  border:1px solid #dfe6ed;background:#fff;border-radius:13px;
  margin:8px 0;overflow:hidden
}
.supplierMaterialHead{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 12px;background:#f7f9fb
}
.supplierMaterialName{font-size:11px;font-weight:900;color:#23384d}
.supplierMaterialCount{font-size:8px;color:#6b7a87;font-weight:900}
.supplierLineHeader,.supplierLine{
  display:grid;grid-template-columns:1.35fr .72fr .72fr .82fr .72fr auto;
  gap:7px;align-items:center;padding:7px 10px
}
.supplierLineHeader{
  background:#132235;color:#fff;font-size:7px;font-weight:900;
  text-transform:uppercase;letter-spacing:.04em
}
.supplierLine{border-top:1px solid #edf1f4}
.supplierLine input,.supplierLine select{
  width:100%;min-width:0;border:1px solid #dfe5eb;border-radius:8px;
  padding:6px;font-size:9px;background:#fff
}
.supplierLine .btn{padding:6px 7px;font-size:7px}
.addSupplierLine{padding:7px 10px;border-top:1px solid #edf1f4;background:#fbfcfd}
@media(max-width:720px){
 .supplierMaterialHead{padding:9px 10px}
 .supplierLineHeader{display:none}
 .supplierLine{
   grid-template-columns:1fr 1fr;
   padding:9px 10px;gap:6px;border-top:1px solid #e5ebef
 }
 .supplierLine>div:before{
   display:block;font-size:7px;font-weight:900;color:#71808d;margin-bottom:3px
 }
 .supplierLine>div:nth-child(1):before{content:"SUPPLIER"}
 .supplierLine>div:nth-child(2):before{content:"LEAD TIME"}
 .supplierLine>div:nth-child(3):before{content:"PRICE"}
 .supplierLine>div:nth-child(4):before{content:"SAFETY BUFFER"}
 .supplierLine>div:nth-child(5):before{content:"PACK SIZE"}
 .supplierLine>div:nth-child(6):before{content:"ACTION"}
}

/* v53 supplier order: Supplier > Lead Time > Safety Buffer > Pack Size > Price */
.packPriceHint{font-size:7px;color:#71808d;margin-top:3px;line-height:1.3}
.packVariantEditor{display:none;margin-top:7px;padding:8px;border:1px solid #e3e9ef;border-radius:9px;background:#fbfcfd}
.packVariantEditor.open{display:block}
.packVariantRow{display:grid;grid-template-columns:1fr .8fr auto;gap:6px;align-items:end;margin-top:5px}
.packVariantRow:first-child{margin-top:0}
.packVariantRow label{font-size:7px;font-weight:900;color:#71808d}
.packVariantRow input{width:100%;border:1px solid #dfe5eb;border-radius:7px;padding:6px;font-size:9px}
@media(max-width:720px){
 .supplierLine>div:nth-child(1):before{content:"SUPPLIER"}
 .supplierLine>div:nth-child(2):before{content:"LEAD TIME"}
 .supplierLine>div:nth-child(3):before{content:"SAFETY BUFFER"}
 .supplierLine>div:nth-child(4):before{content:"PACK SIZE"}
 .supplierLine>div:nth-child(5):before{content:"PRICE"}
 .supplierLine>div:nth-child(6):before{content:"ACTION"}
 .packVariantRow{grid-template-columns:1fr 1fr auto}
}

/* v54 predefined supplier pack options */
.predefinedPackHint{font-size:7px;color:#6d7c89;margin-top:3px}
.packLockedNote{font-size:7px;color:#8b6b2e;margin-top:4px}

.faizActionBtn{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:5}
.faizRowActions{position:relative;z-index:4}
@media(max-width:720px){
 .faizRowActions .faizActionBtn{min-height:40px!important;touch-action:manipulation}
}

/* v59 Aty approval queue mirrors Acap final payment draft */
.atyBatch{background:#fff;border:1px solid #dde5ec;border-radius:15px;margin:10px 0;overflow:hidden}
.atyBatchHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:11px 12px;background:#f7f9fb}
.atyBatchHead b{font-size:12px}.atyBatchHead .meta{font-size:8px;margin-top:3px}
.atyBatchItems{padding:10px 12px}
.atyBatchRow{display:grid;grid-template-columns:1.55fr .65fr 1fr .7fr;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf1f4;font-size:9px}
.atyBatchRow:first-child{border-top:0}
.atyBatchRow.head{font-size:7px;font-weight:900;text-transform:uppercase;color:#6a7885}
.atyBatchTotal{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#132235;color:#fff}
.atyBatchTotal span{font-size:8px;font-weight:900}.atyBatchTotal b{font-size:13px}
.atyBatchActions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px}
.telegramPreview{margin:0 12px 12px;padding:9px 10px;border:1px dashed #cbd6df;border-radius:10px;background:#fbfcfd;font-size:8px;line-height:1.5}
@media(max-width:720px){
 .atyBatchRow{grid-template-columns:1fr auto;gap:4px 8px}
 .atyBatchRow>div:nth-child(1){grid-column:1}
 .atyBatchRow>div:nth-child(2),.atyBatchRow>div:nth-child(3),.atyBatchRow>div:nth-child(4){grid-column:1/3}
 .atyBatchRow.head{display:none}
 .atyBatchActions .btn{min-height:38px;flex:1}
}

/* v63 Aty can reduce/cancel payment lines before approval */
.atyEditControls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.atyEditControls input{
  width:90px;border:1px solid #dfe5eb;border-radius:8px;padding:6px;font-size:9px
}
.atyLineCancelled{opacity:.48;text-decoration:line-through}
.atyAdjustNote{font-size:7px;color:#7b8791;margin-top:3px}

.laikaPayRow{display:grid;grid-template-columns:1.35fr .85fr .9fr .85fr 1.15fr .65fr .62fr .78fr;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #edf1f4;font-size:8.5px}
.laikaPayRow:first-child{border-top:0}
.laikaPayRow.head{font-size:7px;font-weight:900;text-transform:uppercase;color:#6a7885}
@media(max-width:720px){
 .laikaPayRow{grid-template-columns:1fr;gap:3px;padding:10px 0}
 .laikaPayRow.head{display:none}
 .laikaPayRow>div:before{display:inline-block;min-width:90px;font-size:7px;font-weight:900;color:#7a8792}
 .laikaPayRow>div:nth-child(2):before{content:'SUPPLIER · '}
 .laikaPayRow>div:nth-child(3):before{content:'ACCOUNT NO · '}
 .laikaPayRow>div:nth-child(4):before{content:'BANK · '}
 .laikaPayRow>div:nth-child(5):before{content:'ACCOUNT NAME · '}
 .laikaPayRow>div:nth-child(6):before{content:'AMOUNT · '}
}

.paymentStatus{display:inline-block;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:900;border:0;cursor:pointer}
.paymentStatus.unpaid{background:#fff0e6;color:#9b5a16}
.paymentStatus.paid{background:#e6f6eb;color:#2e7650}
.receiptMeta{font-size:7px;color:#657481;line-height:1.35;margin-top:4px;word-break:break-word}
@media(max-width:720px){
 .laikaPayRow>div:nth-child(7):before{content:'STATUS · '}
 .laikaPayRow>div:nth-child(8):before{content:'PAYMENT · '}
}

/* v68 Kina compact active request list */
.kinaListShell{padding:12px}
.kinaListHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.kinaOrderTableWrap{overflow-x:auto;border:1px solid #dfe6ed;border-radius:12px;background:#fff}
.kinaOrderTable{width:100%;border-collapse:collapse;min-width:930px}
.kinaOrderTable th{
  background:#132235;color:#fff;font-size:8px;text-transform:uppercase;
  letter-spacing:.05em;padding:9px;text-align:left
}
.kinaOrderTable td{padding:9px;border-top:1px solid #edf1f4;font-size:10px;vertical-align:middle}
.kinaOrderTable tbody tr:hover{background:#f8fbfe}
.kinaOrderNo{font-weight:900;color:#27435f}
.kinaSku{font-weight:900}
.kinaOwner{font-size:8px;color:#637381}
.kinaRowActions{display:flex;gap:4px;flex-wrap:wrap}
.kinaRowActions .btn{font-size:7px;padding:6px 7px;white-space:nowrap;min-height:30px}
.kinaDetailRow td{padding:0;background:#f7f9fb}
.kinaDetailDrawer{display:none;padding:10px 12px;border-top:1px solid #e3e9ef}
.kinaDetailDrawer.open{display:block}
.kinaDetailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.kinaDetailBox{background:#fff;border:1px solid #e4eaf0;border-radius:10px;padding:8px}
.kinaDetailBox small{display:block;font-size:7px;color:#6e7c89;font-weight:900}
.kinaDetailBox b{display:block;font-size:9px;margin-top:3px}
@media(max-width:720px){
 .kinaOrderTableWrap{border:0;overflow:visible;background:transparent}
 .kinaOrderTable{min-width:0;width:100%;display:block}
 .kinaOrderTable thead{display:none}
 .kinaOrderTable tbody{display:block}
 .kinaOrderTable tbody>tr:not(.kinaDetailRow){
   display:grid;grid-template-columns:1fr auto;gap:5px 10px;
   background:#fff;border:1px solid #dfe6ed;border-radius:12px;
   padding:10px;margin:8px 0 0
 }
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td{display:block;border:0;padding:0}
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(1),
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(2),
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(3),
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(4),
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(5),
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(6){grid-column:1}
 .kinaOrderTable tbody>tr:not(.kinaDetailRow)>td:nth-child(7){grid-column:2;grid-row:1/7;align-self:start}
 .kinaRowActions{display:flex;flex-direction:column;gap:5px;min-width:116px}
 .kinaRowActions .btn{width:100%;min-height:36px;font-size:8px;touch-action:manipulation}
 .kinaDetailRow{display:block}
 .kinaDetailRow>td{display:block!important;padding:0!important;border:0!important}
 .kinaDetailDrawer{margin:0 0 8px;border:1px solid #dfe6ed;border-top:0;border-radius:0 0 12px 12px}
 .kinaDetailGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.kinaDetailGrid{grid-template-columns:1fr}}

.invoiceTableWrap{overflow-x:auto;margin-top:10px;border:1px solid #dfe6ed;border-radius:12px}
.invoiceTable{width:100%;border-collapse:collapse;min-width:900px}
.invoiceTable th{background:#132235;color:#fff;padding:8px;text-align:left;font-size:7px;text-transform:uppercase}
.invoiceTable td{padding:8px;border-top:1px solid #edf1f4;font-size:8.5px;vertical-align:middle}

.finalInvoiceCard{border-top:1px solid #e8edf2;padding:9px 0}
.finalInvoiceCard:first-of-type{border-top:0}
.finalInvoiceFields{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;background:#f8fafc;border-radius:10px;margin-top:5px}
.finalInvoiceFields label{display:block;font-size:7px;font-weight:900;color:#6c7b88;margin-bottom:4px}
.finalInvoiceFields input{width:100%;border:1px solid #dbe3e9;border-radius:8px;padding:7px;font-size:9px;background:#fff}
@media(max-width:620px){.finalInvoiceFields{grid-template-columns:1fr}}

#pg-aty-invoices:checked ~ .shell .p-aty-invoices,
#pg-laika-invoices:checked ~ .shell .p-laika-invoices{display:block}

.multiInvoiceBox{margin-top:8px;padding:9px;background:#f7f9fb;border-radius:10px}
.multiInvoiceTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.multiInvoiceRow{display:grid;grid-template-columns:1.1fr .7fr 1fr auto;gap:7px;align-items:end;padding:8px 0;border-top:1px solid #e2e8ee}
.multiInvoiceRow:first-of-type{border-top:0}
.multiInvoiceRow label{display:block;font-size:7px;font-weight:900;color:#687783;margin-bottom:4px}
.multiInvoiceRow input{width:100%;padding:7px;border:1px solid #dbe3e9;border-radius:8px;background:#fff;font-size:9px}
@media(max-width:720px){.multiInvoiceRow{grid-template-columns:1fr}.multiInvoiceRemove .btn{width:100%}}

.autoEngineGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.autoEngineBox{border:1px solid #dfe7ed;border-radius:12px;padding:10px;background:#fff}
.autoEngineBox small{display:block;font-size:7px;font-weight:900;color:#667684}
.autoEngineBox b{display:block;font-size:22px;margin:3px 0;color:#17283a}
.autoEngineBox span{font-size:7.5px;color:#71808d}
.autoRuleNote{padding:9px 11px;border-radius:10px;background:#f4f8fb;border:1px dashed #bfcdd8;font-size:8.5px;margin-bottom:10px}
.statusAuto{background:#e8f1ff!important;color:#255b9b!important}
@media(max-width:720px){.autoEngineGrid{grid-template-columns:1fr 1fr}}

.faizInlineAction{display:none;margin:8px 0 12px;border:1px solid #cfdbe5;border-radius:13px;background:#fff;overflow:hidden}
.faizInlineAction.open{display:block}
.faizInlineHead{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#132235;color:#fff}
.faizInlineHead .meta{color:#c8d5df;margin-top:2px}
.faizInlineHead .btn{background:#fff;color:#24384a}
#faizInlineBody{padding:10px 12px}
.faizInlineForm{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.faizInlineForm label{display:block;font-size:7px;font-weight:900;color:#667582;margin-bottom:4px}
.faizInlineForm input{width:100%;padding:8px;border:1px solid #d9e2e8;border-radius:9px;font-size:10px}
.faizInlineWide{grid-column:1/-1}
.faizInlineActions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}
.faizReadOnly{padding:8px;background:#f4f7f9;border-radius:9px;font-size:9px;font-weight:800}
.faizGateBox{padding:9px;border-radius:9px;font-size:9px}
.faizGateBox.warn{background:#fff4e8;color:#8b571c}
.faizGateBox.ok{background:#eaf7ef;color:#286c49}
.faizActionMessage{padding:10px;border-radius:9px;background:#f4f7f9;font-size:10px;font-weight:800;white-space:pre-wrap}
@media(max-width:620px){.faizInlineForm{grid-template-columns:1fr}.faizInlineWide,.faizInlineActions{grid-column:1}}

.kinaInlineAction{display:none;margin:8px 0 12px;border:1px solid #cfdbe5;border-radius:13px;background:#fff;overflow:hidden}
.kinaInlineAction.open{display:block}
.kinaInlineHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#132235;color:#fff}
.kinaInlineHead .meta{color:#c9d5df}
#kinaInlineBody{padding:10px 12px}
.kinaInlineForm{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kinaInlineForm label{display:block;font-size:7px;font-weight:900;color:#697986;margin-bottom:4px}
.kinaInlineForm input{width:100%;padding:8px;border:1px solid #dae3ea;border-radius:9px}
.kinaInlineWide,.kinaInlineActions{grid-column:1/-1}
.kinaInlineActions{display:flex;gap:7px;flex-wrap:wrap}
.kinaReadOnly{padding:8px;background:#f4f7f9;border-radius:9px;font-size:9px;font-weight:800}
.kinaTrackGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.kinaTrackGrid>div{padding:8px;background:#f5f8fa;border-radius:9px}
.kinaTrackGrid small{display:block;font-size:7px;color:#71808d;font-weight:900}.kinaTrackGrid b{font-size:9px}
.kinaActionMessage{padding:10px;border-radius:9px;background:#f4f7f9;font-size:10px;font-weight:800}
@media(max-width:620px){.kinaInlineForm,.kinaTrackGrid{grid-template-columns:1fr}.kinaInlineWide,.kinaInlineActions{grid-column:1}}

.kinaChangeHighlight{background:#fff7e8!important;border-color:#e7c77b!important}
.kinaChangeHighlight small{color:#8a5d15!important}

.masterCalJob{width:100%;text-align:left;border:0;cursor:pointer;font:inherit}
.masterCalJob span{display:block}
.masterCalJob span:last-child{font-size:7px;font-weight:900;margin-top:2px}
.masterDrillHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.masterEmptyState{padding:14px;border:1px dashed #d4dee5;border-radius:10px;color:#788691;font-size:9px;text-align:center}
.masterCompactRow{display:grid;grid-template-columns:48px minmax(150px,1.7fr) minmax(115px,.9fr) minmax(90px,.7fr) auto;gap:7px;align-items:center;padding:7px 8px;border-bottom:1px solid #edf1f4;font-size:8.5px}
.masterCompactOrder{font-weight:950;font-size:10px}
.masterCompactMain b{display:block;font-size:9px}.masterCompactMain span{display:block;color:#71808c;font-size:7.5px;margin-top:2px}
.masterCompactOwner{font-size:8px;font-weight:800}
.masterCompactDetail{display:none;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 8px;background:#f7f9fa;border-bottom:1px solid #e4eaee}
.masterCompactDetail.open{display:grid}
.masterCompactDetail>div{padding:6px;background:#fff;border-radius:7px}.masterCompactDetail small{display:block;font-size:6.5px;color:#71808c;font-weight:900}.masterCompactDetail b{font-size:8px}
@media(max-width:700px){.masterCompactRow{grid-template-columns:42px 1fr auto}.masterCompactRow>div:nth-child(3),.masterCompactOwner{display:none}.masterCompactDetail{grid-template-columns:1fr 1fr}}

/* v86 Master ultra-compact pass */
.p-master .card{padding:10px}
.p-master .calendarGrid{gap:2px}
.p-master .calDay{min-height:74px;padding:3px}
.p-master .calDay>b{font-size:7px}
.p-master .masterCalJob{
  margin:2px 0;padding:3px 4px!important;border-radius:5px!important;
  font-size:7px!important;line-height:1.15!important;min-height:0!important
}
.p-master .masterCalJob span:first-child{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px!important;font-weight:850
}
.p-master .masterCalJob span:last-child{font-size:6px!important;margin-top:1px!important}
.masterDrillCard{padding:9px!important}
.masterDrillHead{margin-bottom:5px}
.masterDrillHead .title{font-size:10px}
.masterDrillHead .meta{font-size:7px}
.masterCompactRow{
  grid-template-columns:38px minmax(125px,1.6fr) minmax(92px,.7fr) minmax(72px,.55fr) 54px;
  gap:4px;padding:4px 5px;font-size:7.5px;min-height:30px
}
.masterCompactOrder{font-size:8px}
.masterCompactMain b{font-size:8px;line-height:1.05}
.masterCompactMain span{font-size:6.5px;margin-top:1px}
.masterCompactRow .statusPill{font-size:6px;padding:3px 5px}
.masterCompactOwner{font-size:6.8px}
.masterCompactRow .btn{font-size:6px;padding:4px 5px;min-height:24px}
.masterCompactDetail{gap:4px;padding:4px 5px}
.masterCompactDetail>div{padding:4px 5px}
.masterCompactDetail small{font-size:5.8px}.masterCompactDetail b{font-size:7px}
.masterEmptyState{padding:9px;font-size:7.5px}
@media(max-width:700px){
 .p-master .calDay{min-height:68px}
 .masterCompactRow{grid-template-columns:34px 1fr 50px;min-height:28px}
 .masterCompactRow>div:nth-child(3),.masterCompactOwner{display:none}
}

/* v87 Master status + delay tracking */
.p-master .masterCalJob.trackOn{background:#eaf7ef!important;color:#246a46!important;border:1px solid #cbe8d6!important}
.p-master .masterCalJob.trackDelay{background:#fff0ed!important;color:#9a4237!important;border:1px solid #f0c8c1!important}
.p-master .masterCalJob.trackClosed{background:#f0f2f4!important;color:#68737d!important;border:1px solid #dce1e5!important}
.p-master .masterCalJob span:first-child{font-size:8px!important;font-weight:950!important;letter-spacing:.04em}
.p-master .masterCalJob span:last-child{font-size:6px!important;font-weight:850!important}
.masterCompactRow{
  grid-template-columns:46px minmax(130px,1.25fr) minmax(120px,.9fr) minmax(110px,.85fr) minmax(170px,1.35fr) 52px!important;
}
.masterCompactSku b{display:block;font-size:8px}.masterCompactSku span{display:block;font-size:6.5px;color:#74818c;margin-top:1px}
.masterTrack{padding:5px 7px;border-radius:8px;line-height:1.15}
.masterTrack b{display:block;font-size:7px}.masterTrack span{display:block;font-size:6.3px;margin-top:2px}
.masterTrack.trackOn{background:#eaf7ef;color:#246a46}
.masterTrack.trackDelay{background:#fff0ed;color:#9a4237}
.masterTrack.trackClosed{background:#f0f2f4;color:#68737d}
@media(max-width:760px){
 .masterCompactRow{grid-template-columns:38px 1fr 52px!important}
 .masterCompactRow>div:nth-child(3),.masterCompactRow>div:nth-child(4),.masterCompactRow>div:nth-child(5){display:none}
}

.kinaInlineForm textarea{width:100%;padding:8px;border:1px solid #dae3ea;border-radius:9px;font:inherit;resize:vertical;min-height:74px}
.kinaQuickMsg{display:flex;gap:6px;flex-wrap:wrap}

.globalUatActionMessage{position:fixed;right:14px;bottom:14px;z-index:99999;display:none;max-width:420px;padding:10px 12px;border-radius:10px;background:#132235;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.globalUatActionMessage.open{display:block}.globalUatActionMessage b{display:block;font-size:9px}.globalUatActionMessage span{display:block;font-size:8px;margin-top:4px;white-space:pre-wrap}

.stockSourceChip{display:inline-block;margin-top:3px;padding:2px 5px;border-radius:999px;background:#fff0e8;color:#9a5429;font-size:6px;font-weight:900}
.stockShortageRow{background:#fffaf6}

.minPlanningBanner{margin:7px 0 9px;padding:8px 10px;border-radius:9px;background:#f4f7f9;border:1px solid #dde5ea}
.minPlanningBanner b{display:block;font-size:8px}.minPlanningBanner span{display:block;margin-top:2px;font-size:7px;color:#687783}

.minBasis{margin-top:2px;font-size:6px;color:#7a8790;white-space:normal}

.acapSplitSection{margin-top:10px;border:1px solid #dfe6eb;border-radius:12px;overflow:hidden;background:#fff}
.acapSplitSection.materialSection{margin-top:14px;border-color:#ead8c9}
.acapSplitTitle{padding:8px 10px;background:#f6f8fa;border-bottom:1px solid #e4e9ed}
.acapSplitSection.materialSection .acapSplitTitle{background:#fff8f1}
.acapSplitTitle b{display:block;font-size:9px}.acapSplitTitle span{display:block;font-size:7px;color:#6d7983;margin-top:2px}
.splitCount{display:inline-block;font-style:normal;margin-left:5px;padding:1px 5px;border-radius:999px;background:#17283a;color:#fff;font-size:7px}

/* v98 compact Acap draft */
.cleanDraftBar{margin:10px 0 12px!important;border:1px solid #ead8c9;background:#fff8f1}
.paymentDraftPanel{margin-bottom:12px}
.paymentDraftPanel.open{max-height:none}
.paymentDraftIntro{padding:8px 10px}
.paymentDraftIntro p{margin:3px 0 0;font-size:7px}
.draftItem{padding:9px;margin:7px 0;border-radius:10px}
.draftItemTop{margin-bottom:5px}
.draftMaterialName{font-size:9px}
.draftQtyBadge{font-size:7px;padding:5px 7px}
.compactLinkedOrders{display:flex;gap:4px;flex-wrap:wrap;margin:5px 0 7px}
.linkedOrderChip{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #dfe5e9;border-radius:7px;background:#f7f9fa;font-size:6.5px}
.chipX{border:0;background:transparent;font-weight:900;cursor:pointer;padding:0 2px}
.draftEditor{grid-template-columns:1.4fr .7fr .8fr .8fr .8fr 1fr!important;gap:5px!important}
.draftField label{font-size:6px;margin-bottom:2px}
.draftField input,.draftField select{min-height:27px;padding:4px 5px;font-size:7px}
.draftField.full{grid-column:1/-1}
.priceState{font-size:5.5px;margin-top:2px}
.compactDraftMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.compactDraftMeta span{padding:2px 5px;border-radius:999px;background:#f0f3f5;font-size:6px}
.amountBox{padding:6px 8px;margin-top:5px}
.amountBox b{font-size:10px}
.draftFooterActions{margin-top:5px}
@media(max-width:900px){.draftEditor{grid-template-columns:1fr 1fr!important}.draftField.full{grid-column:1/-1}}

/* v99 unified final payment request */
.finalPaymentBox{width:min(1080px,96vw)!important}
.finalPaymentMaterials{max-height:62vh;overflow:auto}
.finalUnifiedCard{border:1px solid #dfe5e9;border-radius:10px;padding:9px;margin:7px 0;background:#fff}
.finalUnifiedTop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.finalUnifiedTop b{font-size:9px}
.finalUnifiedGrid{display:grid;grid-template-columns:1.3fr .65fr .9fr .65fr .9fr .8fr;gap:5px;margin-top:7px}
.finalUnifiedGrid label,.finalRemarks label{display:block;font-size:6px;font-weight:800;margin-bottom:2px}
.finalUnifiedGrid input,.finalUnifiedGrid select,.finalRemarks input{width:100%;min-height:28px;padding:4px 5px;border:1px solid #d8e0e5;border-radius:6px;font-size:7px}
.finalAmount{min-height:28px;display:flex;align-items:center;padding:4px 6px;background:#f3f6f8;border-radius:6px;font-weight:900;font-size:8px}
.finalInvoiceBlock{margin-top:7px;padding:6px;background:#f8fafb;border-radius:7px}
.finalInvoiceHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.finalInvoiceHead b{font-size:7px}
.finalInvoiceRow{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:4px;align-items:center;margin-top:4px}
.finalInvoiceRow input{min-height:27px;padding:4px;font-size:7px;border:1px solid #d8e0e5;border-radius:6px}
.invoiceFileName{font-size:6px;color:#66747e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finalRemarks{margin-top:6px}
@media(max-width:900px){.finalUnifiedGrid{grid-template-columns:1fr 1fr}.finalInvoiceRow{grid-template-columns:1fr 1fr}.invoiceFileName{grid-column:1/-1}}
#finalPaymentReview.open{display:flex!important}

#finalPaymentReview.open{
 display:flex!important;visibility:visible!important;opacity:1!important;
 position:fixed!important;inset:0!important;z-index:99999!important;
 align-items:flex-start!important;justify-content:center!important;
 overflow:auto!important;padding:3vh 2vw!important;
}
#finalPaymentReview.open .finalPaymentBox{display:block!important}

.v102CleanNote{font-size:7px;color:#6f7d88}

/* v103 Acap inline payment preview */
.acapInlinePay{display:none;margin:10px 0 14px;border:1px solid #ddc8aa;border-radius:12px;background:#fffaf4;overflow:hidden}
.acapInlinePay.open{display:block}
.acapInlinePayHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;background:#f7ead9}
.acapInlinePayHead b{display:block;font-size:9px}.acapInlinePayHead span{display:block;font-size:6.5px;color:#6d736f;margin-top:2px}
#acapInlinePayBody{padding:7px 9px;max-height:58vh;overflow:auto}
.acapInlinePayFooter{display:flex;justify-content:flex-end;gap:6px;padding:7px 9px;border-top:1px solid #eadbc7}
.inlinePayCard{border:1px solid #e0e5e8;border-radius:9px;padding:7px;margin:5px 0;background:#fff}
.inlinePayTop{display:flex;justify-content:space-between;gap:7px}.inlinePayTop b{font-size:8px}
.inlinePayGrid{display:grid;grid-template-columns:1.3fr .65fr .9fr .65fr .9fr .75fr;gap:4px;margin-top:6px}
.inlinePayGrid label{display:block;font-size:5.8px;font-weight:900;margin-bottom:2px}
.inlinePayGrid input,.inlinePayGrid select{width:100%;min-height:26px;padding:3px 4px;border:1px solid #d9e0e4;border-radius:6px;font-size:6.8px}
.inlineAmount{min-height:26px;display:flex;align-items:center;padding:3px 5px;background:#f2f5f7;border-radius:6px;font-size:7px;font-weight:900}
.inlineInvoiceBox{margin-top:5px;padding:5px;background:#f7f9fa;border-radius:7px}
.inlineInvoiceHead{display:flex;justify-content:space-between;align-items:center}.inlineInvoiceHead b{font-size:6.5px}
.inlineInvoiceRow{display:grid;grid-template-columns:1fr auto 1fr auto;gap:4px;align-items:center;margin-top:4px}
.inlineInvoiceRow input{min-height:25px;padding:3px 4px;border:1px solid #d9e0e4;border-radius:6px;font-size:6.5px}.inlineInvoiceRow span{font-size:6px}

/* v103 Kina split lists */
.kinaSplitGrid{display:grid;gap:9px}
.kinaSplitSection{border:1px solid #e0e6ea;border-radius:10px;overflow:hidden}
.kinaSplitHead{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:#f6f8fa}
.kinaSplitHead b{font-size:8px}.kinaSplitHead span{min-width:22px;text-align:center;padding:2px 5px;border-radius:999px;background:#17283a;color:#fff;font-size:6.5px}
.kinaSplitSection.change .kinaSplitHead{background:#fff8e8}.kinaSplitSection.cancel .kinaSplitHead{background:#fff0ed}.kinaSplitSection.prod .kinaSplitHead{background:#edf7f2}
.kinaEmpty{text-align:center;padding:10px!important;color:#78858f;font-size:7px}
@media(max-width:900px){.inlinePayGrid{grid-template-columns:1fr 1fr}.inlineInvoiceRow{grid-template-columns:1fr 1fr}}

/* v104 Kina tabs */
.kinaTabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 9px}
.kinaTab{border:1px solid #dbe3e8;background:#f6f8fa;border-radius:9px;padding:7px 10px;font-size:7px;font-weight:900;cursor:pointer}
.kinaTab span{display:inline-block;margin-left:5px;min-width:19px;padding:1px 5px;border-radius:999px;background:#dfe6eb;color:#33434f;font-size:6px}
.kinaTab.active{background:#17283a;color:#fff;border-color:#17283a}
.kinaTab.active span{background:#fff;color:#17283a}
.kinaTabPanels{border:1px solid #e0e6ea;border-radius:10px;overflow:hidden}
.kinaTabPanel{display:none}
.kinaTabPanel.active{display:block}
@media(max-width:700px){.kinaTabs{display:grid;grid-template-columns:1fr 1fr}.kinaTab{width:100%;text-align:left}}

.calendarError{padding:14px;border:1px solid #e5b9b2;background:#fff3f1;border-radius:9px;color:#8d3e34}
.calendarError b{display:block;font-size:9px}.calendarError span{display:block;font-size:7px;margin-top:3px}

.page[hidden]{display:none!important}
.page.uatPageVisible:not([hidden]){display:block!important}
.shell{align-items:start}
.main{align-self:start}


/* v109 Acap procurement requirement builder */
.procureBuilder{margin:10px 0 14px;border:1px solid #d8e1e7;border-radius:12px;background:#fff;overflow:hidden}
.procureBuilderHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;background:#f3f7fa;border-bottom:1px solid #dde5ea}
.procureBuilderHead b{display:block;font-size:10px}.procureBuilderHead span{display:block;font-size:7px;color:#66757f;margin-top:2px}
.procureBuilderActions{display:flex;gap:5px;flex-wrap:wrap}
#procureBuilderBody{padding:8px 10px}
.procureSelect{display:flex;align-items:flex-start;gap:6px}
.procureSelect input{width:16px;height:16px;margin-top:1px;flex:0 0 auto}
.procureTableWrap{overflow:auto;border:1px solid #e2e7eb;border-radius:9px;margin-top:7px}
.procureTable{width:100%;border-collapse:collapse;min-width:920px}
.procureTable th{background:#17283a;color:#fff;font-size:7px;text-align:left;padding:7px}
.procureTable td{font-size:7.5px;padding:7px;border-top:1px solid #edf1f4;vertical-align:top}
.procureReqSummary{padding:6px 8px;background:#f8fafb;border-radius:8px}.procureReqSummary b{font-size:7px}
.procureInvoiceSection{margin-top:9px}
.procureSectionTitle{display:flex;justify-content:space-between;gap:8px;align-items:end;margin-bottom:5px}.procureSectionTitle b{font-size:8px}.procureSectionTitle span{font-size:6.5px;color:#6e7b85}
.procureInvoiceCard{border:1px solid #e0e6ea;border-radius:9px;padding:7px;margin-top:6px;background:#fffaf5}
.procureInvoiceTop b{display:block;font-size:8px}.procureInvoiceTop span{display:block;font-size:6px;color:#6f7b84;margin-top:2px}
.procureInvoiceGrid{display:grid;grid-template-columns:1fr .85fr .8fr 1fr 1.5fr;gap:5px;margin-top:6px;align-items:end}
.procureInvoiceGrid label{display:block;font-size:6px;margin-bottom:2px}.procureInvoiceGrid input{min-height:27px;padding:4px 5px;font-size:7px}
.procureInvoiceOrders{min-width:0}
.procureTotalValue{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:8px;padding:8px;background:#17283a;color:#fff;border-radius:8px}
.procureTotalValue span{font-size:7px}.procureTotalValue b{font-size:12px}
.procureSubmit{display:flex;justify-content:flex-end;margin-top:7px}
@media(max-width:900px){.procureBuilderHead{align-items:flex-start;flex-direction:column}.procureInvoiceGrid{grid-template-columns:1fr 1fr}.procureInvoiceOrders{grid-column:1/-1}}

/* v110 Acap system decision tabs */
.acapDecisionTabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 8px}
.acapDecisionTab{border:1px solid #dbe3e8;background:#f6f8fa;border-radius:9px;padding:7px 10px;font-size:7px;font-weight:900;cursor:pointer}
.acapDecisionTab span{display:inline-block;margin-left:5px;min-width:19px;padding:1px 5px;border-radius:999px;background:#dfe6eb;color:#33434f;font-size:6px;text-align:center}
.acapDecisionTab.active{background:#17283a;color:#fff;border-color:#17283a}.acapDecisionTab.active span{background:#fff;color:#17283a}
.acapDecisionPanels{border:1px solid #e0e6ea;border-radius:10px;overflow:hidden}
.acapDecisionPanel{display:none}.acapDecisionPanel.active{display:block}
.acapTabEmpty{text-align:center;padding:14px!important;color:#72808c;font-size:7px}
@media(max-width:700px){.acapDecisionTabs{display:grid;grid-template-columns:1fr}.acapDecisionTab{text-align:left}}

/* v111 Acap bulk controls */
.acapDecisionTabs{align-items:stretch}
.acapTabGroup{display:flex;align-items:center;gap:4px;border:1px solid #dbe3e8;border-radius:10px;padding:3px;background:#f6f8fa}
.acapTabGroup .acapDecisionTab{border:0;margin:0}
.acapTabGroup:not(.active) .acapBulkBtn{display:none}
.acapTabGroup.active{background:#eef3f6;border-color:#aebdc8}
.acapBulkBtn{border:1px solid #bdc9d1;background:#fff;border-radius:7px;padding:6px 8px;font-size:6.5px;font-weight:900;cursor:pointer;white-space:nowrap}
.acapBulkBtn.primary{background:#e97a2f;color:#fff;border-color:#e97a2f}
@media(max-width:900px){.acapTabGroup{width:100%;flex-wrap:wrap}.acapTabGroup .acapDecisionTab{flex:1;text-align:left}}

/* v112 Aty approval-only flow */
.procureReqSummary{display:flex;justify-content:space-between;gap:10px;align-items:end}
.atyPaymentDateField{min-width:180px}.atyPaymentDateField label{display:block;font-size:6px;margin-bottom:2px}
.atyPaymentDateField input,.atyAmountInput{width:100%;min-height:28px;padding:4px 6px;border:1px solid #d8e0e5;border-radius:6px;font-size:7px}
.atyApprovalDraftFooter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:9px 10px;background:#17283a;color:#fff;border-radius:9px}
.atyApprovalDraftFooter span{display:block;font-size:6.5px}.atyApprovalDraftFooter b{display:block;font-size:13px;margin-top:2px}
.atySimpleBatch{border:1px solid #dde5ea;border-radius:11px;margin-top:9px;background:#fff;overflow:hidden}
.atySimpleHead{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#f5f7fa}
.atySimpleHead b{display:block;font-size:9px}.atySimpleHead span{font-size:6.5px;color:#687682}
.atySimpleMeta{display:grid;grid-template-columns:.6fr 1.4fr;gap:7px;padding:8px 10px}
.atySimpleMeta>div{padding:7px;background:#f8fafb;border-radius:7px}.atySimpleMeta small{font-size:6px}.atySimpleMeta b{display:block;font-size:8px;margin-top:2px}
.atySimpleTableWrap{overflow:auto;border-top:1px solid #e6ebef;border-bottom:1px solid #e6ebef}
.atySimpleTable{width:100%;border-collapse:collapse;min-width:700px}.atySimpleTable th{background:#17283a;color:#fff;text-align:left;padding:7px;font-size:6.5px}.atySimpleTable td{padding:7px;border-top:1px solid #edf1f4;font-size:7px}
.atySimpleTotal{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:8px 10px}.atySimpleTotal span{font-size:7px}.atySimpleTotal b{font-size:12px}
.atySimpleActions{display:flex;justify-content:flex-end;gap:6px;padding:0 10px 10px}
@media(max-width:700px){.procureReqSummary{align-items:stretch;flex-direction:column}.atySimpleMeta{grid-template-columns:1fr}}

/* v113 simplified Aty draft */
.atyDateInput{width:100%;min-height:28px;padding:4px 6px;border:1px solid #d8e0e5;border-radius:6px;font-size:7px}
.procureTable{min-width:760px}

/* v114 supplier outstanding dropdown */
.supplierOutstandingPicker{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:8px 0;padding:8px 9px;border:1px solid #ead8bf;background:#fff9ef;border-radius:9px}
.supplierOutstandingPicker b{display:block;font-size:7.5px}.supplierOutstandingPicker span{display:block;font-size:6.3px;color:#6e786f;margin-top:2px}
.supplierOutstandingPickerControls{display:flex;gap:5px;align-items:center;min-width:min(520px,58%)}
.supplierOutstandingPickerControls select{min-height:29px;font-size:7px}
.outstandingDraftRow{background:#fffaf1}
.lockedAmount{min-height:28px;display:flex;align-items:center;padding:4px 6px;border-radius:6px;background:#f0f3f5;font-size:7px;font-weight:900}
.supplierOutstandingTableWrap{overflow:auto;margin-top:8px;border:1px solid #e0e6ea;border-radius:9px}
.supplierOutstandingTable{width:100%;border-collapse:collapse;min-width:760px}
.supplierOutstandingTable th{background:#17283a;color:#fff;padding:7px;text-align:left;font-size:6.5px}
.supplierOutstandingTable td{padding:7px;border-top:1px solid #edf1f4;font-size:7px}
@media(max-width:800px){.supplierOutstandingPicker{align-items:stretch;flex-direction:column}.supplierOutstandingPickerControls{min-width:0;width:100%}}

/* v115 opening pending payment register */
.pendingOpeningForm{margin-top:10px;border:1px solid #dce4e9;border-radius:10px;background:#f8fafb;padding:9px}
.pendingOpeningHead b{display:block;font-size:8px}.pendingOpeningHead span{display:block;font-size:6.5px;color:#6f7b84;margin-top:2px}
.pendingOpeningGrid{display:grid;grid-template-columns:1.2fr 1fr .75fr 1.1fr auto;gap:6px;align-items:end;margin-top:8px}
.pendingOpeningGrid label{display:block;font-size:6px;margin-bottom:2px}
.pendingOpeningGrid input{min-height:29px;padding:4px 6px;font-size:7px}
.pendingOpeningSubmit{display:flex;align-items:end}
.attachmentChip{display:inline-block;padding:3px 6px;border-radius:999px;background:#eaf1fb;color:#365e8f;font-size:6.5px;font-weight:800;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:950px){.pendingOpeningGrid{grid-template-columns:1fr 1fr}.pendingOpeningSubmit{grid-column:1/-1}}
@media(max-width:560px){.pendingOpeningGrid{grid-template-columns:1fr}}

/* v116 Acap five-stage tabs */
.acapDecisionTabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.acapTabGroup{min-width:0}
.acapTabGroup .acapDecisionTab{width:100%;white-space:normal;line-height:1.25}
.acapDraftEmpty{padding:16px;text-align:center;color:#73808a;font-size:8px}
[data-acap-decision-panel="aty"] .procureBuilder{margin:0;border:0;border-radius:0}
@media(max-width:1100px){.acapDecisionTabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.acapDecisionTabs{grid-template-columns:1fr!important}}

/* v117 unified Acap header controls */
.acapTabGroup{padding:0!important;border:0!important;background:transparent!important}
.acapAllPick{margin-top:5px;padding-top:4px;border-top:1px solid rgba(255,255,255,.22)}
.acapAllPick label{display:inline-flex;align-items:center;gap:4px;font-size:6px;font-weight:900;cursor:pointer}
.acapAllPick input{width:11px;height:11px;margin:0}
.acapHeaderDecision{margin-top:5px}
.acapHeaderDecision button{border:1px solid rgba(255,255,255,.35);background:#fff;color:#17283a;border-radius:6px;padding:4px 6px;font-size:5.8px;font-weight:900;cursor:pointer;white-space:nowrap}
.draftRowPick{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.draftRowPick input{width:11px;height:11px;margin:0}
.atyApprovalDraftFooter{justify-content:flex-end}

/* v118 right-edge human action controls */
.acapHeaderDecision.right{display:flex;justify-content:flex-end}
.acapHeaderDecision.right button{min-width:88px}
.acapOrderTable th:last-child,.procureTable th:last-child{text-align:right}

/* v119 consolidated Acap order number */
.acapOrderSummaryWrap{overflow:auto;border:1px solid #e0e6ea;border-radius:10px;margin-top:8px}
.acapOrderSummaryTable{width:100%;border-collapse:collapse;min-width:850px}
.acapOrderSummaryTable th{background:#17283a;color:#fff;padding:8px;text-align:left;font-size:6.7px}
.acapOrderSummaryTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7.3px;vertical-align:top}
.atyAcapDetailRow td{padding:0!important}.atyAcapDetail{display:none;padding:8px;background:#f8fafb}.atyAcapDetail.open{display:block}

/* v120 persistent Aty queue header */
.atyPersistentHeader,.atyPersistentRow{display:grid;grid-template-columns:52px 1.25fr 2fr 1fr 1.35fr;gap:0;align-items:center}
.atyPersistentHeader{margin-top:9px;background:#17283a;color:#fff;border-radius:9px 9px 0 0;overflow:hidden}
.atyPersistentHeader>div{padding:9px 8px;font-size:7px;font-weight:900;border-right:1px solid rgba(255,255,255,.12)}
.atyPersistentRow{border:1px solid #e3e8ec;border-top:0;background:#fff}
.atyPersistentRow>div{padding:8px;font-size:7.3px;min-width:0}
.atyPersistentRow>div:nth-child(2) span{display:block;font-size:6.2px;color:#75818a;margin-top:2px}
.atyPersistentEmpty{border:1px solid #e3e8ec;border-top:0;border-radius:0 0 9px 9px;padding:15px;text-align:center;color:#73808a;font-size:8px}
.atyPersistentBody>.atyAcapDetail{border:1px solid #e3e8ec;border-top:0}
@media(max-width:900px){.atyPersistentHeader,.atyPersistentRow{grid-template-columns:40px 1.2fr 1.6fr .9fr 1.2fr}}

/* v121 deterministic Aty header */
#atyQueueList .atyPersistentHeader{display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2}

/* v122 static Aty header - zero JS dependency for header visibility */
.atyStaticTableWrap{overflow:auto;margin-top:10px;border:1px solid #dfe6eb;border-radius:10px}
.atyStaticTable{width:100%;border-collapse:collapse;min-width:820px}
.atyStaticTable thead{display:table-header-group!important;visibility:visible!important}
.atyStaticTable th{background:#17283a!important;color:#fff!important;padding:9px 8px!important;text-align:left!important;font-size:7px!important;font-weight:900!important}
.atyStaticTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7.3px;vertical-align:top}
.atyStaticEmpty td{text-align:center;color:#74818b;padding:16px!important}
.atyStaticDetail{display:none;margin-top:8px;padding:9px;border:1px solid #dfe6eb;border-radius:9px;background:#f8fafb}
.atyStaticDetail.open{display:block}

/* v123 rebuilt Aty queue */
.atyQueueCard{overflow:visible!important}
.atyQueueHeaderRow,.atyQueueDataRow{
  display:grid!important;
  grid-template-columns:60px 1.25fr 2fr 1fr 1.25fr!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.atyQueueHeaderRow{
  margin-top:12px!important;
  background:#17283a!important;
  color:#fff!important;
  border-radius:10px 10px 0 0!important;
  min-height:44px!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:5!important;
}
.atyQueueHeaderRow>div{
  display:flex!important;
  align-items:center!important;
  padding:10px 9px!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  min-width:0!important;
}
.atyQueueDataRow{
  border:1px solid #dfe6eb!important;
  border-top:0!important;
  background:#fff!important;
}
.atyQueueDataRow>div{padding:9px!important;font-size:11px!important;min-width:0!important}
.atyQueueDataRow>div:nth-child(2) span{display:block;font-size:9px;color:#74808a;margin-top:3px}
.atyQueueEmpty{
  border:1px solid #dfe6eb!important;
  border-top:0!important;
  border-radius:0 0 10px 10px!important;
  padding:18px!important;
  text-align:center!important;
  font-size:11px!important;
  color:#74808a!important;
  background:#fff!important;
}
@media(max-width:900px){
  .atyQueueHeaderRow,.atyQueueDataRow{grid-template-columns:46px 1.2fr 1.6fr .9fr 1.2fr!important}
  .atyQueueHeaderRow>div,.atyQueueDataRow>div{font-size:9px!important;padding:8px 6px!important}
}

/* v124 Master department dashboards */
.masterDeptTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.masterDeptTab{border:1px solid #dbe3e8;background:#f4f7f9;border-radius:10px;padding:10px 12px;text-align:left;font-size:9px;font-weight:900;cursor:pointer}
.masterDeptTab span{display:block;font-size:6.5px;font-weight:700;color:#73808a;margin-top:2px}
.masterDeptTab.active{background:#17283a;color:#fff;border-color:#17283a}.masterDeptTab.active span{color:#cfd9e0}
.masterDeptPanel{display:none}.masterDeptPanel.active{display:block}
.deptDashHero{display:flex;justify-content:space-between;align-items:center;gap:10px}
.deptDashDate{padding:5px 8px;background:#eef3f6;border-radius:999px;font-size:7px;font-weight:900}
.deptKpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0}
.deptKpi{padding:11px;border:1px solid #dfe6eb;background:#fff;border-radius:11px}
.deptKpi small{display:block;font-size:6.5px;color:#74818b;font-weight:900}.deptKpi b{display:block;font-size:18px;margin-top:4px}.deptKpi span{display:block;font-size:6.5px;color:#74818b;margin-top:2px}
.deptDashGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.deptProgress{height:9px;background:#e8edf1;border-radius:999px;overflow:hidden;margin:8px 0 10px}.deptProgress>div{height:100%;background:currentColor;transition:.2s}
.deptCompactList{display:grid;gap:5px}.deptListRow{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;background:#f7f9fa;border-radius:8px;align-items:center}
.deptListRow b{display:block;font-size:7.5px}.deptListRow span{display:block;font-size:6.3px;color:#73808a;margin-top:2px}.deptListRow strong{font-size:7px;text-align:right}
.deptEmpty{padding:12px;text-align:center;color:#77848e;font-size:7px}
.deptExecutiveSummary{font-size:8px;line-height:1.55}.deptExecutiveSummary p{margin:0 0 8px}
.deptStatusBars{display:grid;gap:8px}.deptBarRow{display:grid;grid-template-columns:90px 1fr 34px;gap:7px;align-items:center;font-size:7px}.deptBarRow>div{height:8px;background:#e8edf1;border-radius:999px;overflow:hidden}.deptBarRow i{display:block;height:100%;background:currentColor;border-radius:999px}
@media(max-width:900px){.deptKpiGrid{grid-template-columns:1fr 1fr}.deptDashGrid{grid-template-columns:1fr}}
@media(max-width:560px){.masterDeptTabs{grid-template-columns:1fr}.deptKpiGrid{grid-template-columns:1fr}}

/* v125 Acap daily reporting dashboard */
.rawValueMovementCard{margin-top:9px}
.rawValueSteps{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1.15fr;gap:5px;align-items:center;margin-top:8px}
.rawValueStep{padding:10px;background:#f7f9fa;border:1px solid #e3e8ec;border-radius:10px}
.rawValueStep small{display:block;font-size:6.5px;color:#74818b;font-weight:900}.rawValueStep b{display:block;font-size:14px;margin-top:4px}.rawValueStep span{display:block;font-size:6px;color:#7b8790;margin-top:2px}
.rawValueStep.emphasis{background:#17283a;color:#fff}.rawValueStep.emphasis small,.rawValueStep.emphasis span{color:#cad4dc}
.rawValueArrow{text-align:center;font-size:16px;font-weight:900;color:#76828b}
.acapDonutShell{position:relative;width:170px;height:170px;margin:12px auto}.acapDonut{width:170px;height:170px;border-radius:50%;background:#e5e9ed;position:absolute;inset:0}.acapDonut:after{content:"";position:absolute;inset:34px;background:#fff;border-radius:50%}
.acapDonutCenter{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.acapDonutCenter b{font-size:21px}.acapDonutCenter span{font-size:7px;color:#77838c}
.acapDonutLegend{display:grid;grid-template-columns:1fr 1fr;gap:6px}.acapDonutLegend>div{display:grid;grid-template-columns:10px 1fr auto;gap:6px;align-items:center;padding:6px 7px;background:#f7f9fa;border-radius:8px;font-size:7px}.acapDonutLegend i{width:9px;height:9px;border-radius:3px}.lgBlue{background:#2f6fed}.lgOrange{background:#f59b23}.lgGreen{background:#34a853}.lgGrey{background:#9aa3ad}
@media(max-width:900px){.rawValueSteps{grid-template-columns:1fr}.rawValueArrow{transform:rotate(90deg)}}

/* v126 inventory cleanup */
[data-master-dept-panel="inventory"] .deptKpiGrid{grid-template-columns:repeat(3,1fr)}
[data-master-dept-panel="inventory"] .inventoryFullCard{margin-top:9px}
@media(max-width:900px){[data-master-dept-panel="inventory"] .deptKpiGrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){[data-master-dept-panel="inventory"] .deptKpiGrid{grid-template-columns:1fr}}

/* v127 Faiz live yield dashboard */
.faizYieldCard{margin-top:9px}
.faizYieldHead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.faizYieldLive{padding:5px 8px;border-radius:999px;background:#eef3f6;font-size:6.5px;font-weight:900;white-space:nowrap}
.faizYieldTableWrap{overflow:auto;margin-top:9px;border:1px solid #e1e7eb;border-radius:9px}
.faizYieldTable{width:100%;border-collapse:collapse;min-width:1050px}
.faizYieldTable th{background:#17283a;color:#fff;padding:8px;text-align:left;font-size:7px}
.faizYieldTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7.5px}
.faizYieldTable th:nth-child(1),.faizYieldTable td:nth-child(1){width:48px}
.faizYieldTable th:nth-child(3),.faizYieldTable td:nth-child(3),.faizYieldTable th:nth-child(4),.faizYieldTable td:nth-child(4){text-align:right}
.yieldPct{font-weight:900}

/* v129 Faiz KPI cleanup */
[data-master-dept-panel="operation"] .deptKpiGrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){[data-master-dept-panel="operation"] .deptKpiGrid{grid-template-columns:1fr}}

/* v130 Acap critical-material runway */
.criticalMatHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.criticalMatCount{min-width:68px;padding:7px 10px;border:1px solid #e2e7eb;border-radius:10px;text-align:center;background:#f7f9fa}
.criticalMatCount b{display:block;font-size:18px}.criticalMatCount span{font-size:6.5px;color:#76828b;text-transform:uppercase;font-weight:900}
.criticalMatTableWrap{overflow:auto;margin-top:9px;border:1px solid #e1e7eb;border-radius:9px}
.criticalMatTable{width:100%;border-collapse:collapse;min-width:760px}
.criticalMatTable th{background:#17283a;color:#fff;padding:8px;text-align:left;font-size:7px}
.criticalMatTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7.5px;vertical-align:middle}
.criticalMatTable th:not(:first-child),.criticalMatTable td:not(:first-child){text-align:right}
.criticalUsage{display:block;margin-top:2px;color:#7a8790;font-size:6px}
.criticalDeficit{font-weight:900;color:#b42318}
.daysLeftBadge{display:inline-block;padding:4px 7px;border-radius:999px;background:#fff3df;font-weight:900;white-space:nowrap}
.daysLeftBadge.urgent{background:#fee4e2;color:#b42318}

/* v131 lead time in critical-material dashboard */
.leadTimeBadge{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef3f6;font-weight:900;white-space:nowrap}
.criticalMatTable{min-width:880px}

/* v133 layout regression fallback */
body > section.page{display:none!important}
.shell > main.main{grid-column:2;min-width:0}
@media(max-width:860px){.shell > main.main{grid-column:1}}

/* v135 Acap shortage change / return actions */
.acapShortageActionPanel{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(20,31,42,.45);z-index:9999}
.acapShortageActionPanel.open{display:flex}
.acapShortageActionCard{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.2);padding:12px}
.acapShortageActionHead{display:flex;justify-content:space-between;gap:10px;align-items:start;padding-bottom:9px;border-bottom:1px solid #e4e9ed}
.acapShortageActionHead b{display:block;font-size:10px}.acapShortageActionHead span{display:block;font-size:7px;color:#6e7b85;margin-top:2px}
.acapShortageChangeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.acapShortageChangeGrid label{display:block;font-size:7px;font-weight:900;margin-bottom:3px}
.acapShortageChangeGrid input{width:100%;min-height:34px;padding:6px 8px;border:1px solid #d7e0e6;border-radius:7px;font-size:8px}
.acapReadOnly{min-height:34px;padding:8px;background:#f4f7f9;border-radius:7px;font-size:8px;font-weight:800}
.acapShortageWide{grid-column:1/-1}.acapShortageActions{display:flex;justify-content:flex-end;gap:6px}
@media(max-width:650px){.acapShortageChangeGrid{grid-template-columns:1fr}}

/* legacy Acap return modal styles retained harmlessly */
.acapReturnWarning{padding:10px;border:1px solid #f1c8c5;background:#fff3f2;border-radius:9px}
.acapReturnWarning b{display:block;font-size:8px;color:#a52a23}
.acapReturnWarning span{display:block;font-size:7px;margin-top:3px;color:#6d7378}

/* v139 Aty draft vs actual submit semantics */
.atyApprovalDraftFooter{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.atyDraftSubmitLeft{display:flex;justify-content:flex-start;align-items:center}
.atyDraftTotalRight{text-align:right;margin-left:auto}
.atyDraftTotalRight span,.atyDraftTotalRight b{display:block}

/* v140 final Aty submit route hardening */
.atyDraftSubmitLeft{display:flex;align-items:center;gap:7px}
.atySubmitRouteNote{font-size:6px;font-weight:900;opacity:.72;letter-spacing:.03em}

/* v143 final Aty submit: explicit clickable layer */
.atyApprovalDraftFooter,.atyDraftSubmitLeft{position:relative!important;z-index:50!important;overflow:visible!important}
#acapSendRequestToAty{
 position:relative!important;z-index:999!important;pointer-events:auto!important;cursor:pointer!important;
 min-height:36px!important;min-width:150px!important;touch-action:manipulation!important;
}
#acapSendRequestToAty::after{content:"";position:absolute;inset:-4px;z-index:-1}

/* v144 visible final-submit validation */
.atySubmitValidation{font-size:6.3px;font-weight:800;max-width:260px}
.atySubmitValidation.error{color:#ffd2cf}
#procureBuilderBody tr.atyMissingRow td{background:#fff1ef!important}
#procureBuilderBody tr.atyMissingRow .atyDateInput,
#procureBuilderBody tr.atyMissingRow .atyAmountInput{border-color:#c23b31!important;box-shadow:0 0 0 1px rgba(194,59,49,.15)}

/* v145 atomic Aty submit */
.atySubmitValidation.success{color:#c9ffd8}
.atySubmitSuccess{padding:18px;border:1px solid #b7dfc2;background:#effaf2;border-radius:10px;display:grid;gap:4px}
.atySubmitSuccess b{font-size:12px;color:#1d6b35}
.atySubmitSuccess span{font-size:8px;color:#476252}

/* v147 hard-fix Acap shortage cancel button */
.acapDirectCancelBtn{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:999!important;
  touch-action:manipulation!important;
}

/* v152 shortage action controls */
[data-acap-direct-cancel],[data-acap-direct-reschedule],
[data-acap-confirm-cancel],[data-acap-cancel-back]{
 pointer-events:auto!important;cursor:pointer!important;position:relative!important;
 z-index:10001!important;touch-action:manipulation!important;
}

/* v154 Acap submitted-to-Aty list */
.acapAtySubmittedBlock{margin:8px 0 12px;border:1px solid #d9e0e8;border-radius:10px;background:#fff;overflow:hidden}
.acapAtySubmittedTitle{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 11px;background:#f5f7fa;border-bottom:1px solid #e2e7ed}
.acapAtySubmittedTitle b{font-size:8px;letter-spacing:.04em}
.acapAtySubmittedTitle span,.acapAtyDraftDivider span{font-size:6.5px;color:#687384}
.acapAtyDraftDivider{display:flex;align-items:center;gap:10px;margin:11px 0 6px;padding:6px 9px;border-left:3px solid #d98b21;background:#fff8ed}
.acapAtyDraftDivider b{font-size:8px}
.acapAtySubmittedDetail{display:none;margin:7px 9px 10px;padding:9px;border:1px solid #dce3ea;border-radius:8px;background:#fbfcfd}
.acapAtySubmittedDetail.open{display:block}
.acapAtySubmittedTotal{text-align:right;font-size:8px;font-weight:900;margin-top:7px}

/* v156 Aty approval review */
.atyApprovalReviewOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(18,28,38,.5);z-index:20000}
.atyApprovalReviewOverlay.open{display:flex}
.atyApprovalReviewCard{width:min(1100px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:12px}
.atyApprovalReviewHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:9px;border-bottom:1px solid #e2e7eb}
.atyApprovalReviewHead b{display:block;font-size:10px}.atyApprovalReviewHead span{display:block;font-size:7px;color:#6e7a84;margin-top:2px}
.atyReviewNotice{padding:8px 10px;margin-top:9px;background:#eef5ff;border-radius:8px;font-size:7px}
.atyReviewTableWrap{overflow:auto;margin-top:8px;border:1px solid #e0e6eb;border-radius:9px}
.atyReviewTable{width:100%;border-collapse:collapse;min-width:900px}
.atyReviewTable th{background:#17283a;color:#fff;font-size:7px;padding:8px;text-align:left}
.atyReviewTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7.5px}
.atyReviewAmount{width:110px;padding:6px;border:1px solid #d7e0e6;border-radius:6px}
.atyReviewCancelled td{opacity:.45;text-decoration:line-through}
.atyReviewFooter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;padding:9px 10px;background:#17283a;color:#fff;border-radius:9px}
.atyReviewFooter span{display:block;font-size:6px}.atyReviewFooter b{display:block;font-size:13px}
.atyCancelRequestBox{display:grid;gap:10px;padding:10px 2px}
.atyCancelRequestBox label{font-size:7px;font-weight:900}.atyCancelRequestBox input{padding:8px;border:1px solid #d7e0e6;border-radius:7px}
.atyCancelWarning{padding:10px;border:1px solid #efc5c1;background:#fff3f2;border-radius:8px}.atyCancelWarning b{display:block;font-size:8px;color:#a12b24}.atyCancelWarning span{display:block;font-size:7px;margin-top:3px}
.atyCancelActions{display:flex;justify-content:flex-end;gap:6px}

/* v157 Aty partial/full approval visibility */
.atyMaterialDecisionList{display:flex;flex-wrap:wrap;gap:4px}
.atyMaterialDecision{display:inline-block;padding:3px 5px;border-radius:999px;font-size:6px;font-weight:800}
.atyMaterialDecision.approved{background:#e9f7ee;color:#246b3d}
.atyMaterialDecision.cancelled{background:#fff0ef;color:#a43731;text-decoration:line-through}

/* v158 Aty finance calendar dashboard */
.atyCalendarHero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.atyCalendarLive{padding:5px 8px;border-radius:999px;background:#edf3f7;font-size:6.5px;font-weight:900}
.atyFinanceKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.atyFinanceKpi{padding:10px;border:1px solid #e1e7ec;border-radius:10px;background:#f8fafb}
.atyFinanceKpi small{display:block;font-size:6.5px;color:#6f7c86;font-weight:900}.atyFinanceKpi b{display:block;font-size:17px;margin-top:3px}.atyFinanceKpi span{display:block;font-size:6.5px;color:#7b8790;margin-top:2px}
.atyCalendarToolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}
.atyCalRequest{display:block;width:100%;border:0;text-align:left;padding:5px 6px;margin-top:4px;border-radius:7px;background:#eef4ff;cursor:pointer}
.atyCalRequest:hover{outline:1px solid #b9cae8}.atyCalOrder{display:block;font-size:6.5px;font-weight:900}.atyCalValue{display:block;font-size:6px;margin-top:2px}
.atyCalendarDetailCard{margin-top:9px}.atyCalendarDetailHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.atyCalendarEmpty{padding:18px;text-align:center;color:#75818b;font-size:8px}
.atyCalendarDetailGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}
.atyCalendarDetailBox{padding:9px;border:1px solid #e2e7eb;border-radius:9px;background:#f8fafb}
.atyCalendarDetailBox small{display:block;font-size:6px;color:#75818a;font-weight:900}.atyCalendarDetailBox b{display:block;font-size:10px;margin-top:3px}.atyCalendarDetailBox span{display:block;font-size:6px;color:#77838c;margin-top:2px}
.atyCalendarDetailTableWrap{overflow:auto;margin-top:9px;border:1px solid #e1e7eb;border-radius:9px}
@media(max-width:900px){.atyFinanceKpis{grid-template-columns:1fr}.atyCalendarToolbar{align-items:flex-start;flex-direction:column}.atyCalendarDetailGrid{grid-template-columns:1fr 1fr}}

/* v159 persistent Request / Payment lanes */
.atyCalendarLegend{display:flex;gap:14px;margin:5px 0 8px;font-size:6.5px;color:#66737d}
.atyCalLane{margin-top:5px;padding-top:4px;border-top:1px solid #edf1f4}
.atyCalLane small{display:block;font-size:5.5px;font-weight:900;color:#71808b;margin-bottom:2px}
.atyCalLane.payment small{color:#8a6a2d}
.atyCalPayment{display:block;width:100%;border:0;text-align:left;padding:5px 6px;margin-top:4px;border-radius:7px;background:#fff5df;cursor:pointer}
.atyCalNone{display:block;font-size:6px;color:#a5afb7;padding:2px 0}

/* v177 top calendar filters: ALL / REQUEST / PAYMENT / PAID */
.atyCalType{display:block;font-size:5px;font-weight:900;letter-spacing:.04em;opacity:.72;margin-bottom:1px}

/* v161 direct Aty filter controls */
#atyFilters [data-aty-calendar-filter]{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:50!important}

/* v162 Aty History */
.atyHistoryHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.atyHistoryTabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.atyHistoryTabs .filter span{margin-left:4px;opacity:.7}
.atyHistoryTableWrap{overflow:auto;border:1px solid #e0e6eb;border-radius:9px}
.atyHistoryTable{width:100%;border-collapse:collapse;min-width:900px}
.atyHistoryTable th{background:#17283a;color:#fff;text-align:left;font-size:7px;padding:8px}
.atyHistoryTable td{font-size:7.5px;padding:8px;border-top:1px solid #edf1f4;vertical-align:middle}
.atyHistoryEmpty{text-align:center;color:#7b8790;padding:18px!important}
.atyHistoryStatus{display:inline-block;padding:4px 7px;border-radius:999px;font-size:6px;font-weight:900;white-space:nowrap}
.atyHistoryStatus.approved{background:#e9f7ee;color:#246b3d}
.atyHistoryStatus.partial{background:#fff4df;color:#8a5d13}
.atyHistoryStatus.cancelled{background:#fff0ef;color:#a43731}
.atyHistoryDetail{display:none;margin-top:8px;padding:10px;border:1px solid #dde4e9;border-radius:9px;background:#fbfcfd}
.atyHistoryDetail.open{display:block}
.atyHistoryDetailHead{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}
.atyHistoryDetailHead span,.atyHistoryDetailHead small{display:block;font-size:6px;color:#74818a}
.atyHistoryDetailHead>b,.atyHistoryDetailHead div>b{display:block;font-size:8px}
.atyHistoryMaterialWrap{overflow:auto;margin-top:8px}

/* v163 restored Laika Payment Priority */
.laikaPriorityHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;margin-bottom:8px;background:#17283a;color:#fff;border-radius:9px}
.laikaPriorityHeader b{display:block;font-size:9px}.laikaPriorityHeader span,.laikaPrioritySummary small{display:block;font-size:6px;opacity:.75;margin-top:2px}
.laikaPrioritySummary{text-align:right}.laikaPrioritySummary b{font-size:14px}
.laikaPriorityCount{font-size:7px;font-weight:900}
.laikaPriorityTableWrap{overflow:auto;border:1px solid #e0e6eb;border-radius:9px}
.laikaPriorityTable{width:100%;border-collapse:collapse;min-width:1100px}
.laikaPriorityTable th{padding:8px;background:#f1f4f6;font-size:6.5px;text-align:left}.laikaPriorityTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7px;vertical-align:middle}
.laikaMaterialList{display:flex;flex-wrap:wrap;gap:3px}.laikaMaterialChip{padding:3px 5px;border-radius:999px;background:#eef3f6;font-size:6px}
.laikaPriorityDetail{margin-top:9px;padding:10px;border:1px solid #dce3e8;border-radius:9px;background:#fbfcfd}
.laikaPriorityDetailHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.laikaPriorityDetailHead b,.laikaPriorityDetailHead span{display:block}.laikaPriorityDetailHead span{font-size:6px;color:#75818a;margin-top:2px}
.laikaPriorityPayLine{display:grid;grid-template-columns:1.4fr .8fr .8fr .6fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #e8edf0}
.laikaPriorityPayLine small,.laikaPriorityPayLine span{display:block;font-size:6px;color:#75818a}.laikaPriorityPayLine b{display:block;font-size:7.5px}
.laikaPriorityDetailTotal{text-align:right;padding-top:8px;border-top:1px solid #dfe5e9}.laikaPriorityDetailTotal span{font-size:6px;margin-right:8px}.laikaPriorityDetailTotal b{font-size:11px}

/* v165 Laika supplier payment detail */
.laikaPriorityPayCard{padding:10px 0;border-top:1px solid #e8edf0}
.laikaPriorityPayTop{display:grid;grid-template-columns:1.5fr .8fr .8fr .6fr;gap:8px;align-items:center}
.laikaPriorityPayTop small,.laikaPriorityPayTop span,.laikaBankDetailGrid small{display:block;font-size:6px;color:#75818a}
.laikaPriorityPayTop b,.laikaBankDetailGrid b{display:block;font-size:7.5px}
.laikaBankDetailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;padding:8px;background:#f2f6f8;border-radius:8px}
.laikaPriorityPayAction{display:flex;justify-content:flex-end;margin-top:7px}
@media(max-width:900px){.laikaPriorityPayTop,.laikaBankDetailGrid{grid-template-columns:1fr 1fr}}

/* v166 Laika online banking + receipt-gated paid */
.laikaPriorityPayAction{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px}
.laikaPriorityPayAction .receiptMeta{width:100%;text-align:right;font-size:6px;color:#6f7b84}

/* v167 keep Laika detail open + paid/total progress */
.laikaPaymentCompleteCard{border-color:#b9d9c4;background:#f2fbf5}
.laikaPriorityTable .statusPill{white-space:nowrap}

/* v168 Laika payment control tabs */
.laikaPaymentControlHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.laikaPaymentTabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.laikaPaymentTabs .filter span{margin-left:4px;opacity:.7}

/* v169 Laika payment lines by material/date */
.laikaPriorityTable .statusNeutral{background:#eef2f5;color:#53616b}
.laikaPriorityTable td:nth-child(2){white-space:nowrap}

/* v172 Acap mandatory invoice + payment method */
.procureTable{min-width:1180px}
.atyPaymentMethodInput,.atyInvoiceNoInput{width:100%;min-height:28px;padding:4px 6px;border:1px solid #d8e0e5;border-radius:6px;font-size:7px;background:#fff}
.atyInvoiceAttach{display:flex;align-items:center;gap:5px;margin-top:4px}.atyInvoiceAttach span{font-size:5.8px;color:#6f7c86;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.laikaPriorityPayTop{grid-template-columns:1.3fr .8fr 1fr .8fr .8fr .6fr}

/* v173 fresh Acap draft + compact invoice attachment */
.atyInvoiceAttach{gap:3px;margin-top:3px}
.atyInvoiceAttach .miniBtn{font-size:5.5px!important;padding:3px 6px!important;min-height:20px!important;line-height:1!important;border-radius:5px!important}
.atyInvoiceAttach span{font-size:5.3px!important;max-width:105px!important}
.atyInvoiceNoInput{min-height:24px!important;padding:3px 5px!important;font-size:6.3px!important}

/* v174 Laika invoice view/download */
.laikaInvoiceActions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.laikaInvoiceActions .miniBtn{font-size:5.4px!important;padding:3px 6px!important;min-height:20px!important}
.invoiceUnavailable{font-size:5.2px;color:#9a6a4a;margin-top:3px}

/* v175 reliable Laika invoice viewer/download */
.laikaInvoiceViewer{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(16,25,34,.62);z-index:30000}
.laikaInvoiceViewer.open{display:flex}
.laikaInvoiceViewerCard{width:min(1050px,96vw);height:min(820px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden}
.laikaInvoiceViewerHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid #e2e7eb}
.laikaInvoiceViewerHead b,.laikaInvoiceViewerHead span{display:block}.laikaInvoiceViewerHead span{font-size:7px;color:#6d7881;margin-top:2px}
#laikaInvoiceViewerBody{flex:1;min-height:0;background:#eef2f5;display:flex;align-items:center;justify-content:center;overflow:auto}
.laikaInvoiceFrame{width:100%;height:100%;border:0;background:#fff}
.laikaInvoiceImage{max-width:100%;max-height:100%;object-fit:contain}
.laikaInvoiceActions .miniBtn{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:20!important}

/* v176 Aty payment request dashboard */
.atyPaymentRequestTabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.atyPaymentRequestTabs .filter span{margin-left:4px;opacity:.7}
.atyPaidSummary{display:flex;align-items:center;gap:9px;margin:8px 0;padding:8px 10px;background:#f4f7f9;border-radius:8px}
.atyPaidSummary span,.atyPaidSummary small{font-size:6px;color:#6f7c86}.atyPaidSummary b{font-size:9px}

/* v177 Aty calendar PAID filter */
.atyCalPaid{display:block;width:100%;border:0;text-align:left;padding:5px 6px;margin-top:4px;border-radius:7px;background:#eaf7ee;cursor:pointer}
.atyCalPaid:hover{outline:1px solid #b9d9c4}

/* v178 Acap Delivery */
.acapDeliveryTable{min-width:1050px}
.acapDeliveryDetail{display:none;margin-top:8px;padding:10px;border:1px solid #dde4e9;border-radius:9px;background:#fbfcfd}
.acapDeliveryDetail.open{display:block}
.acapDeliveryDetailHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.acapDeliveryDetailHead b,.acapDeliveryDetailHead span{display:block}.acapDeliveryDetailHead span{font-size:6px;color:#74818a;margin-top:2px}
.acapDeliveryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}
.acapDeliveryGrid>div{padding:8px;background:#f2f6f8;border-radius:7px}.acapDeliveryGrid small{display:block;font-size:6px;color:#73808a}.acapDeliveryGrid b{display:block;font-size:8px;margin-top:2px}
.acapDeliveryDateInput{width:100%;min-height:29px;padding:4px 6px;border:1px solid #d7e0e6;border-radius:6px;font-size:7px}
.acapDeliveryNoteBlock{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;border:1px solid #e0e6ea;border-radius:8px;background:#fff}
.acapDeliveryNoteBlock small,.acapDeliveryNoteBlock span{display:block;font-size:6px;color:#74818a}.acapDeliveryNoteBlock b{display:block;font-size:8px}
@media(max-width:900px){.acapDeliveryGrid{grid-template-columns:1fr 1fr}}

/* v179 keep Acap delivery detail open after date selection */
.acapDeliveryDetail.open{display:block!important}

/* v180 Delivery -> Ready To Go -> Faiz */
.acapReadyGoTable{min-width:980px}

/* v182 Faiz partial material readiness */
.faizStatusPill.faizPartial{background:#fff2cf;color:#8a5b00;border:1px solid #efd58d}
.faizMaterialProgress{display:inline-flex;align-items:center;gap:5px;margin-bottom:3px;padding:3px 6px;border-radius:6px;background:#f4f7f9}
.faizMaterialProgress b{font-size:8px}.faizMaterialProgress span{font-size:5.5px;color:#6e7c86;font-weight:800}
.faizMaterialProgress.muted{opacity:.65}
.faizReportLines{font-size:6px}

/* v185 Operation Production Log */
.operationLogTabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.operationLogTabs .filter span{margin-left:4px;opacity:.65}
button[data-faiz-action="start"][disabled],
button[data-faiz-action="complete"][disabled],
button[data-faiz-inline="submit-complete"][disabled]{opacity:.38!important;cursor:not-allowed!important;pointer-events:none!important}

/* v187 Account header restored and made prominent */
.accountNavHeader{font-size:7px;font-weight:1000;letter-spacing:.9px;color:#7a8791;padding:7px 10px 3px}
.accountPageHeader{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 10px;padding:12px 14px;border:1px solid #dce4e9;border-radius:12px;background:#fff}
.accountPageHeader small{display:block;font-size:6px;font-weight:900;color:#7c8993;letter-spacing:1px}
.accountPageHeader h2{margin:2px 0 0;font-size:19px;line-height:1;font-weight:1000}
.accountHeaderTabs{display:flex;gap:6px;flex-wrap:wrap}
.accountHeaderTab{border:1px solid #d9e1e6;background:#f6f8f9;border-radius:8px;padding:7px 10px;font-size:7px;font-weight:950;cursor:pointer}
.accountHeaderTab.active{background:#1f2933;color:#fff;border-color:#1f2933}
.accountHeaderTab span{margin-left:4px;opacity:.72}
@media(max-width:720px){.accountPageHeader{align-items:flex-start;flex-direction:column}}

/* v188 Top Management Action & Delay Control */
.mgmtDelayControl{border:1px solid #dce4e9}
.mgmtDelayHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mgmtLiveBadge{padding:5px 8px;border-radius:999px;background:#edf5f1;font-size:6px;font-weight:950}
.mgmtKpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.mgmtKpi{padding:10px;border:1px solid #dfe6eb;border-radius:10px;background:#f8fafb}
.mgmtKpi small,.mgmtKpi span{display:block;font-size:6px;color:#71808b}.mgmtKpi b{display:block;font-size:18px;margin:3px 0}
.mgmtKpi.warning{background:#fff9e9}.mgmtKpi.danger{background:#fff1ef}
.mgmtControlTabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.mgmtControlPanel{display:none}.mgmtControlPanel.active{display:block}
.mgmtAttentionTableWrap{overflow:auto;border:1px solid #e0e6ea;border-radius:10px}
.mgmtAttentionTable{width:100%;border-collapse:collapse;min-width:1050px}
.mgmtAttentionTable th{padding:8px;background:#17283a;color:#fff;text-align:left;font-size:6.5px}
.mgmtAttentionTable td{padding:8px;border-top:1px solid #edf1f4;font-size:7px;vertical-align:middle}
.mgmtAttentionTable td span{display:block;font-size:5.8px;color:#72808a;margin-top:2px}
.mgmtRowOverdue{background:#fff7f6}.mgmtRowRisk{background:#fffdf5}
.mgmtOwner,.mgmtStage{display:inline-block!important;padding:4px 6px;border-radius:999px;background:#eef3f6;font-weight:900;color:#43515c!important}
.mgmtEmpty{padding:16px!important;text-align:center;color:#77848d}
.mgmtJourneyCard{margin-top:10px;padding:10px;border:1px solid #dce4e9;border-radius:10px;background:#fbfcfd}
.mgmtJourneyHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.mgmtJourneyHead b,.mgmtJourneyHead span{display:block}.mgmtJourneyHead span{font-size:6px;color:#74818b}
.mgmtJourneyFlow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px}
.mgmtJourneyStep{padding:8px;border-radius:8px;border:1px solid #dde4e8;background:#fff}.mgmtJourneyStep small,.mgmtJourneyStep span{display:block;font-size:5.8px;color:#71808a}.mgmtJourneyStep b{display:block;font-size:7px;margin:2px 0 5px}.mgmtJourneyStep strong{display:block;font-size:6px;margin-top:5px}
.mgmtJourneyStep.done{background:#f0faf4}.mgmtJourneyStep.late{background:#fff0ef}.mgmtJourneyStep.pending{background:#f7f8f9}
.mgmtAnalyticsGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.mgmtAnalyticsCard{padding:10px;border:1px solid #e0e6ea;border-radius:9px;background:#f8fafb}.mgmtAnalyticsCard small,.mgmtAnalyticsCard span{display:block;font-size:5.8px;color:#73818b}.mgmtAnalyticsCard b{display:block;font-size:17px;margin:3px 0}
.mgmtCalendarNote{font-size:7px;color:#6f7d87;margin-bottom:7px}.mgmtCalDay{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:7px 0;border-top:1px solid #edf1f4}.mgmtCalDate{font-size:7px;font-weight:900}.mgmtCalJobs{display:flex;gap:5px;flex-wrap:wrap}.mgmtCalJob{border:1px solid #dce4e9;background:#fff;border-radius:7px;padding:5px 7px;text-align:left;cursor:pointer}.mgmtCalJob b,.mgmtCalJob span{display:block;font-size:6px}.mgmtCalJob.late{background:#fff0ef}.mgmtCalJob.risk{background:#fff7dc}.mgmtCalJob.ok{background:#eef8f2}
@media(max-width:900px){.mgmtKpiGrid{grid-template-columns:1fr 1fr}.mgmtJourneyFlow{grid-template-columns:1fr 1fr}.mgmtAnalyticsGrid{grid-template-columns:repeat(3,1fr)}}

/* v189 cross-department deadline / lead-time advisory */
.deadlineAdvice{margin-top:6px;padding:7px 8px;border-radius:8px;border:1px solid #dde5ea;background:#f7f9fa}
.deadlineAdvice b,.deadlineAdvice span{display:block}.deadlineAdvice b{font-size:6.8px}.deadlineAdvice span{font-size:5.8px;color:#667580;margin-top:2px;line-height:1.35}
.deadlineAdvice.good{background:#eff9f3;border-color:#cfe7d7}.deadlineAdvice.warn{background:#fff8df;border-color:#ecdca6}.deadlineAdvice.late{background:#fff0ee;border-color:#edcbc7}.deadlineAdvice.neutral{background:#f5f7f8}
.deadlineMini{margin-top:3px;font-size:5.5px;color:#6b7983;font-weight:800}.deadlineMini.good{color:#397657}.deadlineMini.warn{color:#946900}.deadlineMini.late{color:#a9483e}
.inventoryDeadlineBanner{margin:8px 0;padding:8px 10px;border:1px solid #e5d59a;background:#fff9e3;border-radius:8px}.inventoryDeadlineBanner b,.inventoryDeadlineBanner span{display:block}.inventoryDeadlineBanner b{font-size:7px}.inventoryDeadlineBanner span{font-size:6px;color:#6f6650;margin-top:2px}
.financeDeadlineSummary{display:grid;gap:5px;margin:7px 0}

/* v190 Master dashboard information architecture */
.masterDeptTabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.masterDeptPanel[data-master-dept-panel="calendar"]>.card:first-child{margin-top:0}
.masterDeptPanel[data-master-dept-panel="control"] .mgmtDelayControl{margin-top:0}
@media(max-width:820px){.masterDeptTabs{grid-template-columns:1fr 1fr}}

.salesDeadlinePreview{margin:8px 0 10px;padding:9px 10px;border:1px solid #dce4e9;border-radius:10px;background:#f7f9fa}
.salesDeadlinePreview>b,.salesDeadlinePreview>span{display:block}.salesDeadlinePreview>b{font-size:7px}.salesDeadlinePreview>span{font-size:6px;color:#6d7b85;margin-top:3px}
.salesDeadlinePreview.live{background:#fff}.salesAdviceLine{margin-top:7px;padding:8px;border-radius:8px;border:1px solid #dce4e9}
.salesAdviceLine b,.salesAdviceLine span{display:block}.salesAdviceLine b{font-size:7px}.salesAdviceLine span{font-size:6px;margin-top:3px;line-height:1.4}
.salesAdviceLine.good{background:#eff9f3;border-color:#cce6d5}.salesAdviceLine.warn{background:#fff8df;border-color:#ead89c}.salesAdviceLine.late{background:#fff0ee;border-color:#e9c6c2}
.salesShortageDetail{padding:5px 6px;background:rgba(255,255,255,.65);border-radius:6px}

/* v193 dismissible Sales deadline warning popup */
.deadlineModal[hidden]{display:none!important}.deadlineModal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.deadlineModalBackdrop{position:absolute;inset:0;background:rgba(17,29,39,.48)}
.deadlineModalCard{position:relative;width:min(520px,94vw);max-height:84vh;overflow:auto;background:#fff;border-radius:14px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);border:1px solid #e4c6c2}
.deadlineModalClose{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#596873}
.deadlineModalIcon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#a9473d;font-size:18px;font-weight:1000}
.deadlineModalTitle{margin-top:8px;font-size:15px;font-weight:1000;color:#9c4037}
.deadlineModalSection{margin-top:10px;padding:10px;border-radius:9px;background:#fff6f4;border:1px solid #eccbc7}
.deadlineModalSection>b{font-size:8px}.deadlineModalSection p{font-size:7px;line-height:1.45;margin:7px 0 0;color:#586771}
.deadlineModalDates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.deadlineModalDates>div{padding:7px;background:#fff;border-radius:7px}.deadlineModalDates small,.deadlineModalDates strong{display:block}.deadlineModalDates small{font-size:5.5px;color:#78858e}.deadlineModalDates strong{font-size:9px;margin-top:2px}
.deadlineModalFoot{display:flex;justify-content:flex-end;margin-top:12px}.deadlineModalOpen{overflow:hidden}

.salesWarningReopen{margin-top:7px}

/* v195 per-SKU warning UX */
.kinaSkuHead{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.kinaSkuHead .kinaSkuNo{margin-bottom:0}
.skuWarningBtn{border:1px solid #e5c98a;background:#fff7dc;color:#8b6508;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:950;cursor:pointer}
.skuWarningBtn.atRisk{border-color:#e3b7b1;background:#fff0ee;color:#a3443a}
.skuWarningBtn[hidden]{display:none!important}
/* aggregate Sales warning block intentionally removed in v195 */

/* v200 Sales Sunday lock */
#kDate.invalidProductionDate{outline:2px solid #b44339;background:#fff0ee}

/* v202 Operation completion gate */
.faizCompleteLocked{opacity:.58;filter:grayscale(.25);border-style:dashed!important}

/* v204 Inventory draft lead-time advice */
.inventoryRowAdvice{margin-top:5px;padding:6px 7px;border-radius:7px;border:1px solid #dde5ea;background:#f7f9fa;min-width:185px}
.inventoryRowAdvice b,.inventoryRowAdvice span{display:block;font-size:6px;line-height:1.35}
.inventoryRowAdvice span{margin-top:2px;color:#65747f}.inventoryRowAdvice.good{background:#eff9f3;border-color:#cfe7d7}
.inventoryRowAdvice.warn{background:#fff8df;border-color:#ecdca6}.inventoryRowAdvice.late{background:#fff0ee;border-color:#edcbc7}
.deadlineDateRisk{outline:2px solid #c05247!important;background:#fff0ee!important}
.inventoryDeadlineBanner strong{font-weight:1000;color:#55471c}

/* v206 Finance approval reliability + working-day overdue */
.financeSlaHint{font-size:5.5px;color:#6d7a84;margin-top:3px;line-height:1.3}

/* v207 Inventory Account handoff + Delivery advice */
.deliveryAdviceMini{font-size:5.5px;font-weight:800;color:#7a681f;margin-top:3px}
.deliveryLeadAdvice{margin-top:8px;padding:9px 10px;border:1px solid #eadca5;border-radius:8px;background:#fff9df}
.deliveryLeadAdvice b,.deliveryLeadAdvice strong,.deliveryLeadAdvice span{display:block}
.deliveryLeadAdvice b{font-size:7px}.deliveryLeadAdvice strong{font-size:7px;margin-top:3px}.deliveryLeadAdvice span{font-size:6px;color:#6f6750;margin-top:2px}
.acapDeliveryGridContinuation{display:none}

/* v209 compact Finance Planning warning beside Date Payment */
.financeWarningBtn{margin-top:4px;padding:2px 5px;border-radius:6px;border:1px solid #e0c777;background:#fff8dc;font-size:5.5px;font-weight:1000;cursor:pointer}
.financeWarningBtn span{margin-left:2px}.financeWarningBtn.late{border-color:#e2aaa4;background:#fff0ee;color:#a9483e}
.financeWarningBtn.good{border-color:#bddbc8;background:#eff9f3;color:#397657}
.financeWarningDetail{display:none;margin-top:4px;padding:5px 6px;border:1px solid #e5d8a7;border-radius:6px;background:#fffdf2;font-size:5.5px;line-height:1.35}
.financeWarningDetail.open{display:block}.financeWarningDetail b,.financeWarningDetail span{display:block}

/* v212 Finance warning: Date Payment icon only */
.financeWarningBtn.iconOnly,.financeWarningBtn:not(:has(span)){width:18px;height:18px;padding:0;margin:0 0 0 4px;border-radius:50%;font-size:8px;line-height:16px;vertical-align:middle}
.financeDateWarningWrap{display:inline-block;position:relative}
.financeDateWarningWrap .financeWarningDetail{position:absolute;z-index:40;left:0;top:22px;min-width:145px;box-shadow:0 4px 14px rgba(0,0,0,.12)}

/* v213 Ready To Go Expected Delivery warning/status icon */
.readyGoWarningWrap{display:inline-block;position:relative;vertical-align:middle}
.readyGoWarningBtn{width:18px;height:18px;padding:0;margin-left:4px;border-radius:50%;border:1px solid #e0c777;background:#fff8dc;font-size:8px;line-height:16px;cursor:pointer}
.readyGoWarningBtn.good{border-color:#bddbc8;background:#eff9f3;color:#397657}
.readyGoWarningBtn.warn{border-color:#e0c777;background:#fff8dc;color:#946900}
.readyGoWarningBtn.late{border-color:#e2aaa4;background:#fff0ee;color:#a9483e}
.readyGoWarningDetail{display:none;position:absolute;z-index:60;left:0;top:22px;min-width:190px;padding:7px 8px;border:1px solid #e5d8a7;border-radius:7px;background:#fffdf2;box-shadow:0 4px 14px rgba(0,0,0,.12);font-size:5.5px;line-height:1.4;text-align:left}
.readyGoWarningDetail.open{display:block}.readyGoWarningDetail b,.readyGoWarningDetail span{display:block}.readyGoWarningDetail span{margin-top:2px;font-weight:500}

/* v214 Top Management live request/payment journey */
.mgmtLiveFlowCard{margin-top:10px}.mgmtLiveFlowHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.mgmtLiveFlowKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.mgmtLiveFlowKpis>div{padding:8px 9px;border:1px solid #dde5ea;border-radius:8px;background:#f8fafb}
.mgmtLiveFlowKpis small,.mgmtLiveFlowKpis b{display:block}.mgmtLiveFlowKpis small{font-size:5.5px;color:#6f7d87}.mgmtLiveFlowKpis b{font-size:10px;margin-top:2px}
.mgmtLiveFlowTableWrap{overflow:auto;margin-top:9px}.mgmtLiveFlowTable{width:100%;min-width:1050px;border-collapse:collapse}
.mgmtLiveFlowTable th,.mgmtLiveFlowTable td{padding:7px 8px;border-bottom:1px solid #e5eaed;text-align:left;font-size:6px;vertical-align:top}
.mgmtLiveFlowTable td span{display:block;margin-top:2px;color:#6e7b85}.mgmtFlowStage{display:inline-block!important;padding:3px 5px;border-radius:5px;background:#eef3f6;color:#425663!important;font-weight:900}
@media(max-width:800px){.mgmtLiveFlowKpis{grid-template-columns:1fr 1fr}}

/* v216 Sales submit success popup */
.salesSubmitModal[hidden]{display:none!important}.salesSubmitModal{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:18px}
.salesSubmitBackdrop{position:absolute;inset:0;background:rgba(17,29,39,.48)}
.salesSubmitCard{position:relative;width:min(620px,95vw);max-height:86vh;overflow:auto;background:#fff;border-radius:14px;padding:18px;border:1px solid #d7e5dc;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.salesSubmitClose{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;cursor:pointer;color:#596873}
.salesSubmitIcon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eff9f3;color:#397657;font-size:20px;font-weight:1000}
.salesSubmitTitle{margin-top:8px;font-size:15px;font-weight:1000;color:#2f6d4c}
.salesSubmitMeta{margin-top:5px}.salesSubmitMeta b,.salesSubmitMeta span{display:block}.salesSubmitMeta b{font-size:8px}.salesSubmitMeta span{font-size:6px;color:#70808a;margin-top:2px}
.salesSubmitList{display:grid;gap:8px;margin-top:12px}.salesSubmitItem{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #dde5e9;border-radius:9px;background:#f9fbfc}
.salesSubmitNo{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef3f6;font-size:8px;font-weight:1000}
.salesSubmitDetail{flex:1;display:grid;grid-template-columns:1.1fr 1fr 1.5fr .8fr;gap:7px}.salesSubmitDetail>div{padding:6px;background:#fff;border-radius:6px}
.salesSubmitDetail small,.salesSubmitDetail b{display:block}.salesSubmitDetail small{font-size:5.5px;color:#77848c}.salesSubmitDetail b{font-size:7px;margin-top:2px}
.salesSubmitActions{display:flex;justify-content:flex-end;margin-top:12px}.salesSubmitModalOpen{overflow:hidden}
@media(max-width:760px){.salesSubmitDetail{grid-template-columns:1fr 1fr}}

/* v217 Sales per-line Production Date */
.kinaSkuGrid{grid-template-columns:1.35fr 1fr .8fr .7fr 1.45fr auto!important;align-items:end}
.kinaRemarksField{min-width:160px}
.kinaLineDate.invalidProductionDate{outline:2px solid #b44339;background:#fff0ee}
@media(max-width:900px){.kinaSkuGrid{grid-template-columns:1fr 1fr!important}.kinaRemarksField{min-width:0}}

/* v218 Sales action lock + Top Management action timeline */
.kinaActionBtn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}
.mgmtAuditTrail{margin-top:10px;padding:9px;border-top:1px solid #e3e9ed}
.mgmtAuditTrail>b{display:block;font-size:7px;margin-bottom:5px}
.mgmtAuditTrail>div{display:grid;grid-template-columns:130px 120px 1fr;gap:6px;padding:5px 0;border-bottom:1px solid #eef1f3;font-size:6px}
.mgmtAuditTrail small{color:#71808a}.mgmtAuditTrail strong{font-size:6px}.mgmtAuditTrail span{font-size:6px}

/* v220 Top Management KPI drill-down */
.mgmtKpiBtn{appearance:none;text-align:left;cursor:pointer;font-family:inherit;width:100%}
.mgmtKpiBtn.active{outline:2px solid #7b8992;outline-offset:1px}
.mgmtAttentionMode{margin:8px 0;padding:7px 9px;border-radius:7px;background:#f5f8fa;border:1px solid #e0e6ea;font-size:6px;font-weight:900;color:#536570}
.mgmtFirstCause{margin:8px 0;padding:9px 10px;border-radius:8px;background:#fff0ee;border:1px solid #e7beb9}
.mgmtFirstCause b,.mgmtFirstCause span{display:block}.mgmtFirstCause b{font-size:7px;color:#9d493f}.mgmtFirstCause span{font-size:6px;margin-top:3px;color:#66534f}

/* v226 Account Payment Log payment term */
.paymentTermPill{display:inline-block!important;padding:3px 6px;border-radius:6px;background:#eef3f6;color:#425663!important;font-size:6px;font-weight:900;white-space:nowrap}
.laikaPriorityTable{min-width:1120px}

/* v231 popup-only delivery completion action */
.popupActionFooter{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.popupActionFooter>div{flex:1}
@media(max-width:700px){.popupActionFooter{display:block!important}.popupActionFooter button{margin-top:10px;width:100%}}

/* v232: Complete action is physically inside Delivery popup; NEXT STEP removed */
.popupActionOnly{justify-content:flex-end!important}
.popupActionOnly .btn.ok{min-width:210px}

/* v234 Master Calendar hard-interaction layer */
.masterDeptPanel[data-master-dept-panel="calendar"]{position:relative!important;z-index:20!important}
#masterFilters,[data-master-calendar-month],#masterCalendar,[data-master-action="clear"]{
  position:relative!important;z-index:2000!important;pointer-events:auto!important;
}
#masterFilters button,[data-master-calendar-month],[data-master-action="clear"],#masterCalendar button{
  pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;
}

/* v235 Sales + Inventory full movement history */
.historyFlowTabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}
.historyFlowList{display:grid;gap:10px}
.historyOrder{border:1px solid #dfe6eb;border-radius:12px;background:#fff;padding:11px}
.historyOrderHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.historyOrderHead h3{margin:0;font-size:10px}.historyOrderHead .meta{text-align:right}
.historyTimeline{margin-top:10px;border-left:2px solid #dce4e9;padding-left:12px}
.historyEvent{position:relative;padding:7px 8px 7px 10px;margin:0 0 7px;background:#f8fafb;border-radius:8px}
.historyEvent:before{content:"";position:absolute;left:-18px;top:12px;width:8px;height:8px;border-radius:50%;background:#8295a1;border:2px solid #fff}
.historyEvent small,.historyEvent b,.historyEvent span{display:block}
.historyEvent small{font-size:6px;color:#75838d}.historyEvent b{font-size:7px;margin-top:2px}.historyEvent span{font-size:6px;color:#53636d;margin-top:2px}

/* v237 Inventory dashboard corrections */
.inventoryInvoiceTotal{text-align:right}.inventoryInvoiceTotal small,.inventoryInvoiceTotal b,.inventoryInvoiceTotal span{display:block}
.inventoryInvoiceTotal small{font-size:6px;color:#73818b}.inventoryInvoiceTotal b{font-size:15px}.inventoryInvoiceTotal span{font-size:6px;color:#73818b}

/* v238 Inventory value + minimum display correction */
.minimumReadOnlyNote{font-weight:800;color:inherit}
.criticalMatTable .daysLeftBadge.urgent,.criticalMatTable .criticalDeficit{color:inherit!important;background:transparent!important;border-color:#dfe6eb!important}

/* v239 hard correction: actual Raw Material Master */
.minQtyLocked{display:inline-block;min-width:72px;padding:7px 9px;border:1px solid #dfe6eb;border-radius:8px;background:#f5f7f8;font-weight:800}
.minTriggerRow,.minTriggerRow.triggered,.minTriggerRow.minTriggered{background:transparent!important;border-color:inherit!important;box-shadow:none!important}
.minTriggerStatus,.minTriggerStatus.triggered{color:inherit!important;background:transparent!important;border-color:#dfe6eb!important}

/* v242 live-facing startup */
.uatOnlyHidden,.uatHealthBtn{display:none!important}
.sidebar .activeNav{background:#ffffff18!important;color:#fff!important;font-weight:900!important}

/* v243 Top Management payment values + average performance */
.mgmtPaymentValueKpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.mgmtPaymentValueKpi{appearance:none;border:1px solid #dfe6eb;border-radius:11px;background:#fff;padding:12px;text-align:left;cursor:pointer;font-family:inherit}
.mgmtPaymentValueKpi small,.mgmtPaymentValueKpi b,.mgmtPaymentValueKpi span{display:block}
.mgmtPaymentValueKpi small{font-size:6px;font-weight:900;color:#6e7d87}.mgmtPaymentValueKpi b{font-size:16px;margin:4px 0}.mgmtPaymentValueKpi span{font-size:6px;color:#71808a}
.mgmtPaymentValueKpi.active{outline:2px solid #8797a1;outline-offset:1px;background:#f7fafb}
.mgmtPaymentDrillHead{font-size:7px;font-weight:900;padding:7px 2px;color:#53636d}
.mgmtPerformanceIntro{grid-column:1/-1;padding:8px 10px;border:1px solid #e0e6ea;border-radius:9px;background:#f7f9fa}
.mgmtPerformanceIntro b,.mgmtPerformanceIntro span{display:block}.mgmtPerformanceIntro b{font-size:8px}.mgmtPerformanceIntro span{font-size:6px;margin-top:3px;color:#6d7b84}
.mgmtPerformanceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}
.mgmtPerformanceCard{padding:11px;border:1px solid #dfe6eb;border-radius:10px;background:#fff}
.mgmtPerformanceCard small,.mgmtPerformanceCard b,.mgmtPerformanceCard strong,.mgmtPerformanceCard span,.mgmtPerformanceCard em{display:block}
.mgmtPerformanceCard small{font-size:6px;font-weight:900;color:#6e7d87}.mgmtPerformanceCard b{font-size:16px;margin:4px 0}.mgmtPerformanceCard strong{font-size:7px}.mgmtPerformanceCard span{font-size:6px;color:#64747e;margin-top:3px;min-height:25px}.mgmtPerformanceCard em{font-size:5.5px;color:#89949b;margin-top:6px;font-style:normal}
@media(max-width:800px){.mgmtPaymentValueKpis,.mgmtPerformanceGrid{grid-template-columns:1fr}}



.supplierLineHeader,.supplierLine.supplierLineNoBuffer{grid-template-columns:1.35fr 1fr 1fr 1fr 52px!important}



/* v230 Inventory Readiness Check modal popups */
.acapDeliveryDetail{
  display:none;
}
.acapDeliveryDetail.open{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:120000!important;
  overflow:auto!important;
  padding:6vh 18px 40px!important;
  background:rgba(19,30,39,.56)!important;
  backdrop-filter:blur(2px);
}
.acapDeliveryDetail.open > .acapDeliveryDetailHead,
.acapDeliveryDetail.open > .acapDeliveryGrid,
.acapDeliveryDetail.open > .deliveryLeadAdvice,
.acapDeliveryDetail.open > .acapDeliveryNoteBlock{
  width:min(760px,94vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.acapDeliveryDetail.open > .acapDeliveryDetailHead{
  margin-top:0!important;
  padding:14px 16px!important;
  border-radius:14px 14px 0 0!important;
  border:1px solid #dde5e9!important;
  border-bottom:0!important;
}
.acapDeliveryDetail.open > .acapDeliveryGrid{
  padding:12px 16px!important;
  border-left:1px solid #dde5e9!important;
  border-right:1px solid #dde5e9!important;
}
.acapDeliveryDetail.open > .deliveryLeadAdvice{
  margin-top:0!important;
  padding:12px 16px!important;
  border-radius:0!important;
  border-left:1px solid #dde5e9!important;
  border-right:1px solid #dde5e9!important;
}
.acapDeliveryDetail.open > .acapDeliveryNoteBlock{
  padding:14px 16px!important;
  border:1px solid #dde5e9!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.24)!important;
}
body.acapModalOpen{overflow:hidden!important}



/* v240 FINAL OVERRIDE — Raw Material Master must never use red line/row styling. */
.p-acap-material-master .minTriggerRow,
.p-acap-material-master .minTriggerRow *,
.p-acap-material-master tr.minTriggerRow,
.p-acap-material-master tr.minTriggerRow.triggered,
.p-acap-material-master tr.minTriggerRow.minTriggered,
.p-acap-material-master tr.minTriggerRow.reorder,
.p-acap-material-master tr.minTriggerRow.critical {
  border-color: #dfe6eb !important;
  box-shadow: none !important;
}
.p-acap-material-master tr.minTriggerRow,
.p-acap-material-master tr.minTriggerRow.triggered,
.p-acap-material-master tr.minTriggerRow.minTriggered,
.p-acap-material-master tr.minTriggerRow.reorder,
.p-acap-material-master tr.minTriggerRow.critical,
.p-acap-material-master tr.minTriggerRow td {
  background: transparent !important;
  color: inherit !important;
}
.p-acap-material-master .minTriggerStatus,
.p-acap-material-master .minTriggerStatus *,
.p-acap-material-master .criticalDeficit,
.p-acap-material-master .urgent,
.p-acap-material-master .danger {
  color: inherit !important;
  background: transparent !important;
  border-color: #dfe6eb !important;
  box-shadow: none !important;
}



.mgmtPerformanceHost{display:block!important;width:100%;min-width:0}
.mgmtPerfHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #dfe6eb;border-radius:11px 11px 0 0;background:#f7f9fa}
.mgmtPerfHeader b,.mgmtPerfHeader span{display:block}.mgmtPerfHeader b{font-size:9px}.mgmtPerfHeader span{font-size:6.5px;color:#697983;margin-top:4px}
.mgmtPerfLive{white-space:nowrap;font-size:6px;font-weight:900;border:1px solid #d8e0e5;border-radius:999px;padding:5px 8px;background:#fff}
.mgmtPerfTableWrap{width:100%;overflow-x:auto;border:1px solid #dfe6eb;border-top:0;background:#fff}
.mgmtPerfTable{width:100%;border-collapse:collapse;table-layout:fixed}
.mgmtPerfTable th{font-size:6px;text-align:left;padding:8px 10px;background:#fafbfc;border-bottom:1px solid #e4e9ec;color:#697983}
.mgmtPerfTable td{padding:10px;border-bottom:1px solid #edf0f2;vertical-align:middle;font-size:7px}
.mgmtPerfTable tr:last-child td{border-bottom:0}
.mgmtPerfTable th:nth-child(1),.mgmtPerfTable td:nth-child(1){width:18%}
.mgmtPerfTable th:nth-child(2),.mgmtPerfTable td:nth-child(2){width:52%}
.mgmtPerfTable th:nth-child(3),.mgmtPerfTable td:nth-child(3){width:18%;text-align:center}
.mgmtPerfTable th:nth-child(4),.mgmtPerfTable td:nth-child(4){width:12%;text-align:center}
.mgmtPerfTable td b,.mgmtPerfTable td strong,.mgmtPerfTable td span{display:block}
.mgmtPerfTable td strong{font-size:7px}.mgmtPerfTable td span{font-size:6px;color:#71808a;margin-top:3px;line-height:1.35}
.mgmtPerfTime{font-size:12px;font-weight:900;white-space:nowrap}
.mgmtPerfSamples{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#f2f5f7;font-size:9px;font-weight:900}
.mgmtPerfNote{font-size:6px;color:#77858e;padding:8px 11px;border:1px solid #dfe6eb;border-top:0;border-radius:0 0 11px 11px;background:#fafbfc}
@media(max-width:720px){
 .mgmtPerfHeader{display:block}.mgmtPerfLive{display:inline-block;margin-top:8px}
 .mgmtPerfTable{min-width:650px}
}



.masterDailySummaryCard{padding:14px!important}
.masterDailySummaryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.masterDailySummaryTotal{text-align:right}.masterDailySummaryTotal small,.masterDailySummaryTotal b{display:block}
.masterDailySummaryTotal small{font-size:6px;color:#76858e}.masterDailySummaryTotal b{font-size:19px}
.masterDailySummaryBody{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:center;margin-top:12px}
.masterDailyChartWrap{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:center}
.masterDailyDonut{width:108px;height:108px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.masterDailyDonut:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:#fff}
.masterDailyDonut>div{position:relative;z-index:2;text-align:center}.masterDailyDonut b,.masterDailyDonut span{display:block}.masterDailyDonut b{font-size:17px}.masterDailyDonut span{font-size:6px;color:#7a8890}
.masterDailyChartLegend{display:grid;gap:5px}.masterDailyChartLegend div{display:grid;grid-template-columns:8px 1fr auto;gap:5px;align-items:center;font-size:6px}.masterDailyChartLegend i{width:7px;height:7px;border-radius:2px}.masterDailyChartLegend b{font-size:7px}
.masterDailyMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.masterDailyMetric{border:1px solid #e0e6ea;border-radius:9px;padding:9px;background:#fafbfc;min-height:57px}
.masterDailyMetric small,.masterDailyMetric b{display:block}.masterDailyMetric small{font-size:5.5px;color:#72818a;font-weight:900;line-height:1.25}.masterDailyMetric b{font-size:14px;margin-top:5px}
.masterDailyNarrative{margin-top:12px;padding:9px 11px;border:1px solid #e1e7ea;border-radius:9px;background:#f7f9fa;font-size:6.5px;line-height:1.5;color:#53636d}.masterDailyNarrative b{color:#273944}
@media(max-width:900px){.masterDailySummaryBody{grid-template-columns:1fr}.masterDailyChartWrap{grid-template-columns:112px minmax(0,1fr)}.masterDailyMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}



:root{
 --nav:#0f1f2e;--nav2:#162b3d;--blue:#2d6cdf;--bg:#f3f6f9;--line:#e3e8ed;
 --text:#172431;--muted:#71808d;--orange:#e98236;
 --surface:#ffffff;--surface2:#f8fafb;--success:#287a58;--danger2:#a54c45;
 --shadow:0 10px 30px rgba(15,31,46,.065);
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);letter-spacing:-.005em}
.shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{
 background:linear-gradient(180deg,#0d1d2b 0%,#13283a 100%);
 padding:24px 16px;border-right:1px solid rgba(255,255,255,.05);
 box-shadow:8px 0 28px rgba(10,24,36,.08)
}
.brand{font-size:21px;letter-spacing:.02em;line-height:1.02;padding:2px 10px 21px;border-bottom:1px solid rgba(255,255,255,.09)}
.brand small{font-size:8px;letter-spacing:.18em;color:#91a4b3;margin-top:9px;font-weight:700}
.profile{margin:17px 3px 20px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045);border-radius:12px}
.profile b{font-size:11px}.profile span{font-size:8px;color:#8fa3b3;margin-top:3px}
.section{font-size:7.5px;color:#6f8799;letter-spacing:.16em;margin:22px 10px 8px}
.navLabel,.roleGroup summary{padding:11px 12px;border-radius:9px;font-size:10.5px;font-weight:700;color:#c8d4dd;transition:.16s ease}
.navLabel:hover,.roleGroup summary:hover{background:rgba(255,255,255,.065);color:#fff}
.roleGroup[open] summary,.sidebar .activeNav{background:rgba(255,255,255,.095)!important;color:#fff!important;box-shadow:inset 3px 0 0 #6ca0ff}
.submenu{margin:5px 0 10px 18px;padding-left:11px;border-left:1px solid rgba(255,255,255,.11)}
.submenu label{padding:8px 10px;font-size:9px;font-weight:600;color:#9eb0bd;transition:.15s ease}
.submenu label:hover{background:rgba(255,255,255,.05);color:#fff}
.main{padding:26px 30px 40px;max-width:1680px;width:100%;margin:0 auto}
.topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:3px 2px 15px;border-bottom:1px solid var(--line)}
.topbar h1{font-size:24px;line-height:1.15;letter-spacing:-.035em;font-weight:760}
.topbar p{font-size:10px;margin-top:5px;color:#7b8994}
.card{
 background:var(--surface);border:1px solid var(--line);border-radius:13px;
 padding:16px;margin-top:14px;box-shadow:var(--shadow)
}
.title{font-size:10px;font-weight:800;letter-spacing:.055em;color:#334c60}
.meta{font-size:9px;color:#7b8994;line-height:1.45}
.grid{gap:10px;margin-top:11px}
.box{background:var(--surface2);border:1px solid #e7ebef;border-radius:10px;padding:12px}
.box small{font-size:8px;letter-spacing:.04em;color:#7a8791}.box b{font-size:13px;margin-top:5px}
.btn{border-radius:8px;padding:8px 11px;font-size:9px;letter-spacing:.01em;transition:.15s ease;box-shadow:none}
.btn:hover{transform:translateY(-1px);filter:brightness(.985)}
.soft{background:#edf2f5;color:#415a6d}.orange{background:#d97832}.ok{background:#e5f2eb;color:#256b4d}
.filter{padding:7px 11px;font-size:8.5px;background:#eef2f5;color:#5c6c77;border:1px solid transparent}
.filter.active{background:#243f54;color:#fff;box-shadow:0 3px 9px rgba(36,63,84,.15)}
input,select,textarea{border:1px solid #d9e0e5;border-radius:8px;padding:9px 10px;background:#fff;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#8ca8be;box-shadow:0 0 0 3px rgba(91,129,157,.09)}
label{font-size:8.5px;color:#667783;letter-spacing:.025em}
.note{background:#f4f8fb;border-left:3px solid #7898af;border-radius:8px;padding:10px 11px;font-size:9px}
.req,.supplierBlock,.compactSupplierCard,.masterRow,.draftItem{border-color:#e4e9ed;border-radius:11px;box-shadow:none}
table{border-collapse:separate;border-spacing:0;width:100%}
table th{background:#f6f8fa;color:#64747f;font-size:8.5px;font-weight:800;letter-spacing:.035em;text-transform:none}
table td{color:#2a3945;font-size:9.5px}
table th,table td{padding:9px 10px;border-bottom:1px solid #edf0f2}
table tbody tr:hover td{background:#fafcfd}
.calendarScroll{padding-top:3px}
.calendarHead,.calendarGrid{gap:6px}
.calDay{min-height:98px;border-color:#e5eaee;border-radius:9px;padding:7px;background:#fff}
.calHead{font-size:8px;color:#77858f}
.calJob{border-radius:6px;padding:5px 6px;font-size:7px;line-height:1.25}
.masterDeptTabs{padding:4px;background:#e9eef2;border-radius:11px;gap:3px!important;border:1px solid #e0e6ea}
.masterDeptTab{border-radius:8px!important;background:transparent!important;color:#60717e!important;font-size:9px!important;font-weight:750!important;padding:9px 13px!important;box-shadow:none!important}
.masterDeptTab.active{background:#fff!important;color:#1f3445!important;box-shadow:0 2px 7px rgba(21,42,58,.08)!important}
.masterDeptTab span{font-size:7px!important;color:#87949d!important}
.mgmtKpiGrid,.mgmtPaymentValueKpis{gap:10px!important}
.mgmtKpi,.mgmtPaymentValueKpi{border-color:#e4e9ed!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.mgmtKpi:hover,.mgmtPaymentValueKpi:hover{border-color:#cfd9df!important;background:#fafcfd!important}
.mgmtPaymentValueKpi.active{outline:none!important;border-color:#8da3b2!important;box-shadow:0 0 0 3px rgba(91,129,157,.08)!important}
.mgmtPerfHeader,.masterDailySummaryHead{border-color:#e3e8ec!important}
.mgmtPerfTableWrap{border-color:#e3e8ec!important}
.masterDailySummaryCard{overflow:hidden}
.masterDailyMetric{background:#f8fafb!important;border-color:#e5eaee!important}
.masterDailyNarrative{background:#f6f8fa!important;border-color:#e4e9ed!important}
.tag{font-size:7.5px;padding:4px 7px}
.log{background:#132636;border-radius:10px}
.mobileTop{box-shadow:0 2px 12px rgba(15,31,46,.07)}
@media(max-width:1100px){.main{padding:22px 20px 34px}.shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:820px){.main{padding:14px 11px 28px}.card{border-radius:11px;padding:13px}.sidebar{width:min(86vw,310px)}}



:root{
 --sidebar:#101c27;--sidebar2:#142736;--sidebarLine:rgba(255,255,255,.075);
 --accent:#5c7fa0;--accentSoft:#edf3f7;--ink:#17232d;--sub:#75828c;
}
.sidebar{padding:20px 14px 22px;background:linear-gradient(180deg,#0e1b26 0%,#132838 100%);overflow-y:auto}
.brandBlock{display:flex;align-items:center;gap:11px;padding:3px 7px 19px;border-bottom:1px solid var(--sidebarLine)}
.brandMark{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff;color:#173044;font-size:12px;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.brandText b,.brandText span{display:block}.brandText b{font-size:13px;color:#fff;letter-spacing:-.01em}.brandText span{font-size:7px;color:#8fa4b4;margin-top:3px;letter-spacing:.08em;text-transform:uppercase}
.sidebarContext{margin:14px 5px 17px;padding:10px 11px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055)}
.sidebarContext small,.sidebarContext b{display:block}.sidebarContext small{font-size:7px;color:#71899a}.sidebarContext b{font-size:9.5px;color:#d9e2e8;margin-top:2px}
.sideSectionLabel{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#61798a;font-weight:800;margin:18px 10px 7px}
.navLabel{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;border-radius:10px!important}
.navIcon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.055);font-size:12px}
.navCopy,.roleCopy{display:block;min-width:0;flex:1}.navCopy b,.navCopy small,.roleCopy b,.roleCopy small{display:block}
.navCopy b,.roleCopy b{font-size:9.5px;font-weight:750;color:inherit}.navCopy small,.roleCopy small{font-size:7px;font-weight:500;color:#8196a5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roleGroup{margin:4px 0;border-radius:11px;border:1px solid transparent;overflow:hidden}
.roleGroup summary{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;padding:9px 10px!important;border-radius:10px!important}
.roleIcon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.055);font-size:9px;font-weight:850;color:#b8c9d5;flex:0 0 auto}
.roleChevron{font-size:13px;color:#6f8798;transition:.18s ease}
.roleGroup[open]{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.055)}
.roleGroup[open] summary{background:transparent!important;box-shadow:none!important}
.roleGroup[open] .roleChevron{transform:rotate(180deg);color:#b7c6d0}
.roleGroup[open] .roleIcon{background:#edf3f7;color:#304e64}
.submenu{margin:0 8px 8px 47px!important;padding:4px 0 2px!important;border-left:0!important}
.submenu label{position:relative;padding:7px 8px 7px 13px!important;border-radius:7px!important;font-size:8.5px!important;font-weight:600!important;color:#91a4b2!important}
.submenu label:before{content:"";position:absolute;left:1px;top:50%;width:4px;height:4px;border-radius:50%;background:#506b7e;transform:translateY(-50%)}
.submenu label:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
.submenu label:hover:before{background:#b8c9d5}
.professionalTabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:0!important;background:transparent!important;border:0!important;margin:2px 0 16px!important}
.professionalTabs .masterDeptTab{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:66px;padding:12px 14px!important;background:#fff!important;border:1px solid #e2e8ec!important;border-radius:12px!important;box-shadow:0 5px 16px rgba(15,31,46,.035)!important;text-align:left!important}
.professionalTabs .masterDeptTab b{font-size:10px;color:#465b6b}.professionalTabs .masterDeptTab span{font-size:7.5px!important;margin-top:3px;color:#8a969e!important}
.professionalTabs .masterDeptTab.active{border-color:#91a7b7!important;box-shadow:0 0 0 3px rgba(85,116,139,.08),0 6px 18px rgba(15,31,46,.05)!important}
.professionalTabs .masterDeptTab.active b{color:#1c3446}
.filters{gap:7px!important}
.filter{border-radius:8px!important;padding:7px 10px!important;background:#f1f4f6!important;border:1px solid #e5eaee!important;color:#5c6c77!important;font-weight:700!important;box-shadow:none!important}
.filter.active{background:#263f52!important;border-color:#263f52!important;color:#fff!important}
.accountNavHeader{display:none!important}
@media(max-width:1000px){.professionalTabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.professionalTabs{grid-template-columns:1fr 1fr}.brandBlock{padding-top:5px}}



.deptAnalysisCard{margin-top:14px!important}
.deptAnalysisHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.deptAnalysisTabs{display:flex;gap:5px;margin:13px 0 12px;padding:4px;background:#f0f3f5;border:1px solid #e4e9ec;border-radius:10px;overflow-x:auto}
.deptAnalysisTab{appearance:none;border:0;background:transparent;padding:8px 12px;border-radius:7px;font:700 8.5px inherit;color:#687985;cursor:pointer;white-space:nowrap}
.deptAnalysisTab.active{background:#fff;color:#20394c;box-shadow:0 2px 7px rgba(20,40,55,.08)}
.deptAnalysisHost{border-top:1px solid #edf0f2;padding-top:12px}
.deptAnalysisOverview{display:grid;grid-template-columns:125px minmax(0,1fr);gap:15px;align-items:center}
.deptScore{width:112px;height:112px;border-radius:50%;background:conic-gradient(#536f83 var(--score),#e9eef1 0);display:flex;align-items:center;justify-content:center;position:relative}
.deptScore:after{content:"";position:absolute;width:76px;height:76px;background:#fff;border-radius:50%}
.deptScore div{position:relative;z-index:2;text-align:center}.deptScore b,.deptScore span{display:block}.deptScore b{font-size:18px}.deptScore span{font-size:6px;color:#77858e;max-width:62px;margin-top:2px}
.deptAnalysisInsight{padding:13px 15px;border:1px solid #e3e8ec;border-radius:10px;background:#f8fafb}.deptAnalysisInsight small,.deptAnalysisInsight b{display:block}.deptAnalysisInsight small{font-size:6px;color:#7b8992;font-weight:850}.deptAnalysisInsight b{font-size:12px;margin:4px 0}.deptAnalysisInsight p{font-size:8px;line-height:1.55;color:#566873;margin:0}
.deptMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.deptMetricCard{border:1px solid #e3e8ec;border-radius:10px;padding:11px;background:#fff;min-height:93px}.deptMetricCard small,.deptMetricCard b,.deptMetricCard span,.deptMetricCard em{display:block}.deptMetricCard small{font-size:6.5px;color:#71808a;min-height:24px;line-height:1.3}.deptMetricCard b{font-size:15px;margin:5px 0 2px}.deptMetricCard span{font-size:7px;font-weight:750;color:#4e6474}.deptMetricCard em{font-size:6px;color:#8a969e;font-style:normal;margin-top:5px}
@media(max-width:900px){.deptMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.deptAnalysisOverview{grid-template-columns:1fr}.deptScore{margin:auto}.deptMetricGrid{grid-template-columns:1fr}}



.autoOutstandingNotice{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 12px;border:1px solid #dfe7ec;border-radius:9px;background:#f7fafb}
.autoOutstandingNotice b,.autoOutstandingNotice span{display:block}.autoOutstandingNotice b{font-size:7px;color:#405a6d}.autoOutstandingNotice span{font-size:7px;color:#71818c;text-align:right}
.autoPriorOutstandingRow td{background:#fbfcfd!important}
.autoPriorOutstandingRow td:first-child{border-left:3px solid #7c96a8}
.lockedDraftValue{padding:7px 8px;border:1px solid #e3e8ec;border-radius:8px;background:#f3f6f8;font-size:7.5px;color:#40525f;min-height:34px}
.lockedDraftValue b,.lockedDraftValue span{display:block}.lockedDraftValue span{font-size:6px;color:#83909a;margin-top:2px;line-height:1.3}



.supplierLineHeader,.supplierLine.supplierLineNoBuffer{grid-template-columns:1.25fr .9fr .9fr .9fr 42px!important}
.supplierRestoreEmpty{padding:18px;border:1px solid #e4e9ed;border-radius:10px;background:#f8fafb;text-align:center}
.supplierRestoreEmpty b,.supplierRestoreEmpty span{display:block}.supplierRestoreEmpty b{font-size:10px}.supplierRestoreEmpty span{font-size:8px;color:#77858e;margin-top:4px}



.supplierMasterPageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.supplierMasterLive{text-align:right;border:1px solid #e0e7eb;border-radius:9px;padding:8px 10px;background:#f7fafb;min-width:100px}
.supplierMasterLive b,.supplierMasterLive span{display:block}.supplierMasterLive b{font-size:16px;color:#263f52}.supplierMasterLive span{font-size:6px;color:#77858e;margin-top:2px}
#supplierLeadMasterList{display:block!important;min-height:60px}



.supplierMaterialCollapsedHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:12px 14px!important}
.supplierMaterialCollapsedHead>div:first-child{min-width:0}
.supplierViewBtn{min-width:72px;font-weight:800;letter-spacing:.4px}
.supplierMaterialDetail{border-top:1px solid #e7ecef;padding:10px 12px 12px;background:#fbfcfd}
.supplierMaterialCard:not(.supplierMaterialOpen){padding-bottom:0}
.supplierMaterialCard:not(.supplierMaterialOpen) .supplierMaterialHead{border-bottom:0}



:root{
 --fw-cream:#fefbf3;
 --fw-cream-panel:#fef6e9;
 --fw-cream-line:#ead8bd;
}
html,body{background:var(--fw-cream)!important}
.main{background:var(--fw-cream)!important}
.card{background:#fffdf8!important;border-color:var(--fw-cream-line)!important}
.box,.masterDailyMetric,.deptAnalysisInsight,.supplierMaterialDetail{background:var(--fw-cream-panel)!important}
.topbar{border-color:var(--fw-cream-line)!important}
table th{background:var(--fw-cream-panel)!important}
table tbody tr:hover td{background:#fff9ef!important}
input,select,textarea{background:#fffdf9!important;border-color:#e5d7c3!important}
.note{background:#fff7ea!important;border-left-color:#c89e70!important}
.masterDeptTabs,.deptAnalysisTabs{background:#f8efe2!important;border-color:#eadcc8!important}
.professionalTabs{background:transparent!important;border:0!important}
.professionalTabs .masterDeptTab{background:#fffdf8!important;border-color:#eadcc8!important}
.filter{background:#fbf3e7!important;border-color:#eadcc8!important}
.supplierMaterialCard,.supplierRestoreEmpty,.supplierMasterLive,.autoOutstandingNotice{background:#fffdf8!important;border-color:#eadcc8!important}
.lockedDraftValue{background:#fbf3e7!important;border-color:#eadcc8!important}
.calendarScroll,.calDay{background:#fffdf8!important}
.calDay{border-color:#eadcc8!important}



/* Sidebar only — inner tabs remain exactly as v257 */
.sidebar{
  background:#FEFBF3!important;
  border-right:1px solid #E8D8BE!important;
  box-shadow:8px 0 24px rgba(91,64,50,.04)!important;
}
.brandBlock{
  background:#FEFBF3!important;
  border-bottom-color:#E8D8BE!important;
}
.brandMark{
  background:#604238!important;
  color:#FFF9F0!important;
  border-color:#604238!important;
}
.brandText b{color:#4F382F!important}
.brandText span{color:#8B7569!important}

/* Main sidebar department cards */
.sidebar details,
.sidebar .deptNavGroup,
.sidebar .navGroup{
  background:#FEFBF3!important;
  border-color:#E8D8BE!important;
}
.sidebar summary,
.sidebar .deptNavHead,
.sidebar .navHead{
  background:#FEFBF3!important;
  color:#60483D!important;
  border-color:#E8D8BE!important;
}
.sidebar summary:hover,
.sidebar .deptNavHead:hover,
.sidebar .navHead:hover{
  background:#FEF6E9!important;
}
.sidebar details[open]>summary{
  background:#FEF6E9!important;
  color:#4E382F!important;
}

/* Sidebar links: Master Dashboard, Sales, Inventory, Finance Planning, Account, Operation etc. */
.sidebar label,
.sidebar a,
.sidebar button:not(.danger),
.sidebar .navItem,
.sidebar .subnavItem{
  color:#60483D!important;
}
.sidebar label:hover,
.sidebar a:hover,
.sidebar .navItem:hover,
.sidebar .subnavItem:hover{
  background:#FEF6E9!important;
  color:#4E382F!important;
}

/* Active sidebar route — warm brown from reference instead of blue */
.sidebar input[type="radio"]:checked + label,
.sidebar label.active,
.sidebar a.active,
.sidebar .navItem.active,
.sidebar .subnavItem.active,
.sidebar [aria-current="page"]{
  background:#604238!important;
  color:#FFF9F0!important;
  border-color:#604238!important;
  box-shadow:none!important;
}
.sidebar input[type="radio"]:checked + label *,
.sidebar label.active *,
.sidebar a.active *,
.sidebar .navItem.active *,
.sidebar .subnavItem.active *{
  color:#FFF9F0!important;
}

/* Icons / small blocks inside sidebar */
.sidebar .navIcon,
.sidebar .deptIcon,
.sidebar [class*="Icon"]{
  background:#FEF6E9!important;
  color:#604238!important;
  border-color:#E3C9A5!important;
}
.sidebar input[type="radio"]:checked + label .navIcon,
.sidebar input[type="radio"]:checked + label .deptIcon,
.sidebar label.active .navIcon,
.sidebar label.active .deptIcon{
  background:#FFF4E5!important;
  color:#604238!important;
}

/* Warm separators */
.sidebar hr{border-color:#E8D8BE!important}



/* Cream/light surface headings must always be dark */
.main .title,
.main h1,.main h2,.main h3,
.main .card>.title,
.main .faizListHeader .title,
.main .laikaPaymentControlHead .title,
.main .supplierMaterialName,
.main .accountPageHeader h2,
.main .accountPageHeader small,
.main .accountPageHeader span{
 color:#4F382F!important;
}
.main .meta,
.main .faizListHeader .meta,
.main .accountPageHeader span{
 color:#806F65!important;
}

/* Explicit dark/action/status headers keep their intended light text */
.main .faizInlineHead,
.main .kinaInlineHead,
.main .atyApprovalReviewHead,
.main .laikaInvoiceViewerHead{
 color:#fff!important;
}
.main .faizInlineHead b,.main .faizInlineHead .meta,
.main .kinaInlineHead b,.main .kinaInlineHead .meta,
.main .atyApprovalReviewHead b,.main .atyApprovalReviewHead span,
.main .laikaInvoiceViewerHead b,.main .laikaInvoiceViewerHead span{
 color:#fff!important;
}

/* Restored Account section headers */
.accountSectionHeader{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 padding:14px 16px!important;margin:0 0 12px!important;
 background:#FEF6E9!important;border:1px solid #E5D2B6!important;border-radius:12px!important;
 box-shadow:none!important;
}
.accountSectionHeader small{display:block;font-size:7px!important;font-weight:850;letter-spacing:.8px}
.accountSectionHeader h2{font-size:18px!important;margin:2px 0 1px!important;line-height:1.15}
.accountSectionHeader span{display:block;font-size:8px!important}

/* Table headers on cream */
.main table thead th{
 color:#4F382F!important;
 background:#FEF6E9!important;
 border-color:#E5D7C3!important;
}



.supplierOutstandingPageHeader{
 display:flex;align-items:center;justify-content:space-between;
 padding:14px 16px;margin-bottom:12px;background:#FEF6E9;
 border:1px solid #E5D2B6;border-radius:12px;
}
.supplierOutstandingPageHeader small,.supplierOutstandingPageHeader h2,.supplierOutstandingPageHeader span{display:block;color:#4F382F}
.supplierOutstandingPageHeader small{font-size:7px;font-weight:850;letter-spacing:.8px}
.supplierOutstandingPageHeader h2{font-size:18px;margin:2px 0 1px;line-height:1.15}
.supplierOutstandingPageHeader span{font-size:8px;color:#806F65}
.supplierOutstandingSharedCard{margin-top:0!important}
[data-master-dept-tab],[data-dept-analysis],[data-mgmt-payment-view]{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:2}



.kinaRemarksField{min-width:160px}
.kinaRemarksField .kinaLineRemarks{
 width:100%!important;min-height:54px!important;resize:vertical!important;
 pointer-events:auto!important;user-select:text!important;cursor:text!important;
 background:#fffdf9!important;color:#2d2926!important;
 border:1px solid #d9cbb8!important;border-radius:8px!important;padding:8px 9px!important;
 font:inherit!important;line-height:1.35!important;box-sizing:border-box!important;
}
.kinaRemarksField .kinaLineRemarks:focus{
 outline:none!important;border-color:#9f826d!important;box-shadow:0 0 0 3px rgba(159,130,109,.10)!important;
}



.kinaRemarksDetailBox{grid-column:span 2;background:#FEF6E9!important;border-color:#E5D2B6!important}
.kinaRemarksDetailBox small{color:#806F65!important}
.kinaRemarksDetailBox b{color:#4F382F!important;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}



.operationManpowerBtn{border-color:#CFAF87!important;background:#FEF6E9!important;color:#604238!important;font-weight:850!important}
.operationManpowerSetup{padding:2px}
.operationManpowerIntro{padding:11px 12px;background:#FEF6E9;border:1px solid #E5D2B6;border-radius:10px;margin-bottom:10px}
.operationManpowerIntro b,.operationManpowerIntro span{display:block}.operationManpowerIntro b{font-size:11px;color:#4F382F}.operationManpowerIntro span{font-size:8px;color:#806F65;margin-top:3px}
.operationManpowerTable{border:1px solid #E5D7C3;border-radius:10px;overflow:hidden}
.operationManpowerHead,.operationManpowerRow{display:grid;grid-template-columns:1.8fr .7fr;gap:10px;align-items:center;padding:9px 11px}
.operationManpowerHead{background:#FEF6E9;font-size:7px;font-weight:900;color:#4F382F;text-transform:uppercase;letter-spacing:.5px}
.operationManpowerRow{background:#fffdf9;border-top:1px solid #eee2d1}
.operationManpowerRow b{font-size:9px;color:#4F382F}.operationManpowerRow input{width:100%;min-width:70px}
.operationManpowerActions{display:flex;justify-content:flex-end;margin-top:10px}



.operationManpowerDbCard .faizListHeader{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}
.operationManpowerDbTable{margin-top:12px}
.operationManpowerDbTable table{width:100%}
.operationManpowerDbTable th:nth-child(1),.operationManpowerDbTable td:nth-child(1){width:70px}
.operationManpowerDbTable th:nth-child(3),.operationManpowerDbTable td:nth-child(3){width:110px;text-align:right}
.operationManpowerRow select{width:100%!important;min-width:160px!important;background:#fffdf9!important}



/* Sidebar contrast on cream */
.sidebarContext small,
.sideSectionLabel,
.navCopy small,
.roleCopy small{
  color:#806F65!important;
}
.sidebarContext b,
.navCopy b,
.roleCopy b{
  color:#4F382F!important;
}
.sidebar .navLabel.activeNav .navCopy b,
.sidebar .navLabel.activeNav .navCopy small,
.sidebar label.active .navCopy b,
.sidebar label.active .navCopy small{
  color:#FFF9F0!important;
}
.sidebar .navLabel{color:#60483D!important}
.sidebar .navLabel:hover{color:#4E382F!important}

/* Manpower analytics */
.operationManpowerDbTable table{min-width:900px}
.operationManpowerDbTable th:nth-child(1),.operationManpowerDbTable td:nth-child(1){width:60px}
.operationManpowerDbTable th:nth-child(2),.operationManpowerDbTable td:nth-child(2){width:180px}
.operationManpowerDbTable th:nth-child(4),.operationManpowerDbTable td:nth-child(4){width:130px;text-align:center}
.operationManpowerDbTable th:nth-child(5),.operationManpowerDbTable td:nth-child(5){width:110px;text-align:center}
.operationManpowerDbTable th:nth-child(6),.operationManpowerDbTable td:nth-child(6){width:100px;text-align:right}
.manpowerBestProcess b,.manpowerBestProcess span,.manpowerScore b,.manpowerScore span{display:block}
.manpowerBestProcess b{font-size:9px;color:#4F382F}
.manpowerBestProcess span{font-size:7px;color:#806F65;margin-top:2px}
.manpowerScore b{font-size:14px;color:#4F382F}
.manpowerScore span{font-size:7px;color:#806F65;margin-top:2px}



#operationAddManpowerBtn{
 pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:20!important;
}
.operationAddManpowerForm{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;
 margin:12px 0;padding:12px;background:#FEF6E9;border:1px solid #E5D2B6;border-radius:10px;
}
.operationAddManpowerForm[hidden]{display:none!important}
.operationAddManpowerForm label{display:block;color:#60483D!important;font-weight:800;margin-bottom:4px}
.operationAddManpowerForm input{
 width:100%;background:#fffdf9!important;color:#2d2926!important;border:1px solid #d9cbb8!important;
}
.operationAddManpowerActions{display:flex;gap:6px;align-items:center}
@media(max-width:650px){
 .operationAddManpowerForm{grid-template-columns:1fr}
 .operationAddManpowerActions{justify-content:flex-end}
}



/* Cream sidebar: all non-active navigation copy must be dark and readable. */
.sidebar,
.sidebarContext,
.sideNav,
.sideSection,
.sideGroup{color:#4F382F!important}
.sidebar .sideSectionLabel,
.sidebar .sidebarContext small,
.sidebar .sidebarContext span,
.sidebar .navCopy b,
.sidebar .navCopy small,
.sidebar .roleCopy b,
.sidebar .roleCopy small,
.sidebar label,
.sidebar label span,
.sidebar label b,
.sidebar label small,
.sidebar .navLabel,
.sidebar .navLabel span,
.sidebar .navLabel b,
.sidebar .navLabel small{
 color:#5A4036!important;
 opacity:1!important;
 -webkit-text-fill-color:#5A4036!important;
}
.sidebar .sideSectionLabel{color:#806F65!important}
/* Only an actually active dark nav pill may use white text. */
.sidebar label.active,
.sidebar .navLabel.activeNav{
 color:#FFF9F0!important;
}
.sidebar label.active *,
.sidebar .navLabel.activeNav *{
 color:#FFF9F0!important;
 -webkit-text-fill-color:#FFF9F0!important;
}
/* Overview / Management Overview selectors must remain dark when not active. */
.sidebar [data-page-route="pg-overview"]:not(.active),
.sidebar [data-page-route="pg-master"]:not(.active),
.sidebar [data-page-route="pg-management-overview"]:not(.active){
 color:#4F382F!important;
 -webkit-text-fill-color:#4F382F!important;
}



.operationManpowerHeaderActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.operationTeamBrief{padding:2px}
.operationTeamBriefHead{
 display:flex;justify-content:space-between;gap:14px;align-items:flex-start;
 padding:14px;background:#FEF6E9;border:1px solid #E5D2B6;border-radius:12px;margin-bottom:10px;
}
.operationTeamBriefHead small{display:block;font-size:7px;font-weight:900;letter-spacing:.8px;color:#806F65}
.operationTeamBriefHead h3{margin:3px 0 2px;font-size:18px;color:#4F382F}
.operationTeamBriefHead span{display:block;font-size:8px;color:#806F65}
.operationTeamBriefActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.operationTeamBriefBody{display:grid;gap:9px}
.operationBriefPerson{border:1px solid #E5D7C3;border-radius:10px;background:#fffdf9;overflow:hidden}
.operationBriefPersonName{
 display:flex;justify-content:space-between;gap:10px;align-items:center;
 padding:9px 11px;background:#FEF6E9;border-bottom:1px solid #E5D7C3;
}
.operationBriefPersonName b{font-size:10px;color:#4F382F}
.operationBriefPersonName span{font-size:7px;color:#806F65}
.operationBriefAssignments{display:grid}
.operationBriefAssignment{padding:9px 11px;border-top:1px solid #f0e5d6}
.operationBriefAssignment:first-child{border-top:0}
.operationBriefAssignment b,.operationBriefAssignment span{display:block}
.operationBriefAssignment b{font-size:9px;color:#4F382F}
.operationBriefAssignment span{font-size:8px;color:#806F65;margin-top:2px}
@media(max-width:720px){
 .operationTeamBriefHead{flex-direction:column}
 .operationTeamBriefActions{justify-content:flex-start}
}



#masterCalendar .v281MasterDay{width:100%;min-height:90px;background:#fff;border:1px solid #e4e9ee;border-radius:8px;padding:5px;cursor:pointer;font:inherit;color:inherit}
#masterCalendar .v281MasterDay:hover{border-color:#c9b79f;background:#fffaf2}
#masterCalendar .v281MasterDay .masterCalJob{pointer-events:none}



.inventoryApproveHardBtn{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2147483000!important;
  touch-action:manipulation!important;
  user-select:none!important;
  opacity:1!important;
  filter:none!important;
}
.acapHeaderDecision,.rowActions{
  position:relative!important;
  z-index:2147482999!important;
  pointer-events:auto!important;
}
/* v312: match navigation text to its actual selected background. */
.sidebar .navLabel,
.sidebar .subNav label,
.sidebar summary{
  background:#FEFBF3!important;
  color:#4F382F!important;
}
.sidebar .navLabel *,
.sidebar .subNav label *,
.sidebar summary *{color:inherit!important}
.sidebar .sideSectionLabel,
.sidebar .sidebarContext small{color:#655247!important}
.sidebar label:hover,
.sidebar summary:hover{background:#F3E7D5!important;color:#4F382F!important}
.sidebar .activeNav,
.sidebar label.active,
.sidebar [aria-current="page"],
.sidebar .activeNav:hover{
  background:#604238!important;
  color:#FFF9F0!important;
  box-shadow:none!important;
}
.sidebar .activeNav *,
.sidebar label.active *,
.sidebar [aria-current="page"] *,
.sidebar .navLabel.activeNav .navCopy b,
.sidebar .navLabel.activeNav .navCopy small{color:#FFF9F0!important}
.sidebar label:focus-visible,
.sidebar summary:focus-visible,
.sidebar a:focus-visible{outline:2px solid #604238;outline-offset:2px}

/* v302 Google Sheets connection indicator */
.fwSheetsStatus{position:fixed;right:14px;bottom:14px;z-index:9998;border:0;border-radius:999px;padding:9px 13px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.04em;box-shadow:0 4px 18px #0003;cursor:pointer}.fwSheetsStatus.ok{background:#dcfce7;color:#166534}.fwSheetsStatus.warning,.fwSheetsStatus.loading{background:#fef3c7;color:#92400e}.fwSheetsStatus.error{background:#fee2e2;color:#991b1b}.fwSheetsStatus:hover{filter:brightness(.97)}
#fwSheetsGate{position:fixed;inset:0;z-index:9999;place-items:center;background:rgba(248,250,252,.94);backdrop-filter:blur(3px)}.fwSheetsGateCard{display:flex;min-width:280px;max-width:85vw;flex-direction:column;align-items:center;gap:12px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 18px 55px #0f172a2b;color:#0f172a;text-align:center}.fwSheetsGateCard span{font:500 13px/1.45 Arial,sans-serif;color:#475569}.fwSheetsSpinner{width:32px;height:32px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:fwSpin .8s linear infinite}@keyframes fwSpin{to{transform:rotate(360deg)}}