:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2820;background:#f3f5f2;--green:#173226;--green2:#224a35;--gold:#dfc784;--line:#dce3dd;--muted:#748179}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#13251c;color:#eff5f1;padding:22px 16px;display:flex;flex-direction:column;gap:25px}.brand{display:flex;gap:11px;align-items:center}.logo{width:42px;height:42px;border-radius:11px;background:var(--gold);color:#16251d;display:grid;place-items:center;font-weight:900}.brand b{font-size:12px;letter-spacing:.13em;display:block}.brand small{display:block;font-size:9px;color:#98ad9f;margin-top:3px}.navlabel{font-size:9px;letter-spacing:.14em;color:#748b7d;margin:0 9px 6px}.nav button{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;color:#c7d5cc;padding:10px 11px;border-radius:8px;text-align:left;font-size:12px}.nav button.active,.nav button:hover{background:#244434;color:#fff}.nav i{font-style:normal;width:20px;text-align:center}.source-note{margin-top:auto;border:1px solid #31513f;background:#193226;border-radius:9px;padding:11px;font-size:9px;line-height:1.5;color:#a8baaf}.source-note b{display:block;color:#e8efe9;margin-bottom:3px}.workspace{grid-column:2}.topbar{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 26px;position:sticky;top:0;z-index:10;font-size:12px}.topbar span{color:#839087}.chip{border:1px solid var(--line);background:#f8faf8;border-radius:999px;padding:6px 10px}.content{padding:26px;max-width:1480px;margin:auto}.hero{background:linear-gradient(135deg,#183226,#264b38);color:white;border-radius:15px;padding:30px;display:flex;justify-content:space-between;gap:25px}.eyebrow{font-size:9px!important;letter-spacing:.17em!important;font-weight:900;color:#7d8b82!important;margin:0!important}.hero .eyebrow{color:#bad0c1!important}.hero h1,.module-head h1{font-size:34px;letter-spacing:-.035em;margin:5px 0 9px}.hero p,.module-head p{font-size:12px;line-height:1.55;color:#728077;margin:0;max-width:760px}.hero p{color:#c6d6cc}.hero .tag{height:max-content;border:1px solid #547461;border-radius:999px;padding:7px 10px;color:#efd997;font-size:10px}.stats,.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stat,.card{background:#fff;border:1px solid var(--line);border-radius:11px}.stat{padding:17px}.stat span,.stat small{display:block;color:#7a887e;font-size:10px}.stat b{font-size:18px;display:block;margin:6px 0}.card{margin-top:14px;overflow:hidden}.cardhead{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9eeea}.cardhead h2{font-size:15px;margin:0}.quick{padding:14px;margin:0}.quick button{border:1px solid var(--line);background:#f8faf8;padding:17px;border-radius:9px;text-align:left}.quick button b,.quick button span{display:block}.quick button span{font-size:10px;color:#7c8980;margin-top:4px}.module-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.module-head .actions{display:flex;gap:7px}.btn{border:1px solid #d2dbd3;background:#fff;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:750;color:#243328}.btn.primary{background:#1c5a3a;border-color:#1c5a3a;color:#fff}.btn.blue{background:#315f9e;border-color:#315f9e;color:#fff}.btn.green{background:#2b7048;border-color:#2b7048;color:#fff}.btn.danger{background:#fff3f2;border-color:#e7c6c3;color:#913d38}.btn.link{border:0;background:none;color:#2f6c4b;padding:0}.btn.full{width:100%;margin-top:7px}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:1px solid #d4ddd5;background:#fff;border-radius:7px;padding:7px 9px;font-size:9px}.tabs button.active{background:#203f30;color:#fff;border-color:#203f30}.toolbar input{width:280px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:8px;text-transform:uppercase;letter-spacing:.07em;text-align:left;color:#77847c;background:#f6f8f5;padding:9px 11px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:11px;border-bottom:1px solid #edf0ed;vertical-align:middle}td small{display:block;font-size:9px;color:#849087;margin-top:2px}.badge{display:inline-block;border-radius:999px;padding:4px 7px;background:#eef1ee;font-size:8px;font-weight:900}.draft{color:#5e675f}.ordered,.sent{background:#e6eef8;color:#315b8a}.dispatched,.partial,.partially_received{background:#f8efd9;color:#83631f}.accepted,.complete,.received{background:#e5f2e8;color:#306641}.converted{background:#eee6f6;color:#65458a}.cancelled{background:#f8e5e4;color:#8c3e3a}.work{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;align-items:start}.maincol{display:grid;gap:12px}.section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.section h2{font-size:14px;margin:0 0 12px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sectionhead h2{margin:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.field{display:grid;gap:4px}.field.full{grid-column:1/-1}.field label{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#6f7b73;font-weight:850}.field input,.field select,.field textarea,.toolbar input{width:100%;border:1px solid #d6ded7;background:#fff;border-radius:6px;padding:7px 8px;font-size:10px;outline:none}.field textarea{min-height:74px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6f967d;box-shadow:0 0 0 3px rgba(51,111,75,.08)}.item{border:1px solid #e0e6e0;background:#fbfcfb;border-radius:9px;margin-top:9px;padding:12px}.itemtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:10px}.edges{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#f1f5f2;border-radius:7px;padding:8px;margin-top:9px;font-size:9px}.edges label{display:flex;align-items:center;gap:4px}.edges input{width:auto}.edges b{margin-left:auto}.calcstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.calcstrip span{background:#eef3ef;border-radius:6px;padding:7px;font-size:8px;color:#6a786f}.calcstrip b{display:block;color:#203127;font-size:9px;margin-top:2px}.summary{position:sticky;top:74px;background:#183226;color:#fff;border-radius:10px;padding:16px}.summary h2{font-size:15px;margin:0 0 10px}.sum{display:flex;justify-content:space-between;border-bottom:1px solid #345342;padding:7px 0;font-size:9px}.summary .field label{color:#bed0c4}.grand{display:flex;justify-content:space-between;align-items:flex-end;padding:14px 0 8px}.grand b{font-size:20px;color:#ecd58f}.rule{background:#234434;border:1px solid #365c46;border-radius:7px;padding:8px;font-size:8px;line-height:1.5;color:#c6d6cc;margin:7px 0}.modalback{position:fixed;inset:0;background:rgba(14,25,18,.58);display:flex;align-items:flex-start;justify-content:center;padding:30px;z-index:30;overflow:auto}.modal{width:min(1020px,96vw);background:#fbfcfa;border-radius:13px;border:1px solid #d7ddd7;box-shadow:0 18px 60px rgba(0,0,0,.25);overflow:hidden}.modalhead{padding:14px 16px;border-bottom:1px solid #e1e5e0;display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0;font-size:15px}.modalbody{padding:15px}.modalfoot{padding:11px 15px;border-top:1px solid #e1e5e0;display:flex;justify-content:flex-end;gap:7px}.paperback{position:fixed;inset:0;background:#59605b;z-index:40;overflow:auto;padding:25px}.paperbar{position:fixed;right:18px;top:14px;display:flex;gap:6px}.paper{width:210mm;min-height:297mm;background:white;padding:18mm;margin:10px auto;box-shadow:0 10px 45px #2225}.paperhead{display:flex;justify-content:space-between;border-bottom:2px solid #203f30;padding-bottom:12px}.paperhead h1{font-size:24px;letter-spacing:.12em;margin:0}.paperhead p{margin:3px 0;font-size:10px}.paperhead small{display:block;color:#78847c}.party{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}.party span,.party small{display:block;color:#78847c;font-size:9px}.papertotal{width:300px;margin:16px 0 0 auto;display:grid;gap:5px}.papertotal div{display:flex;justify-content:space-between;font-size:10px}.papertotal .big{font-size:15px;border-top:2px solid #203f30;padding-top:7px}.sign{display:flex;justify-content:space-between;margin-top:65px}.sign span{width:28%;border-top:1px solid #8d9890;text-align:center;padding-top:5px;font-size:9px}.loading{padding:50px}.notice{padding:10px 12px;border:1px solid #dfcf9f;background:#fbf5e5;color:#6d5722;border-radius:8px;font-size:9px;margin-bottom:12px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.work{grid-template-columns:1fr}.summary{position:static}.calcstrip{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.app{display:block}.sidebar{position:static;width:auto}.workspace{grid-column:auto}.content{padding:14px}.stats,.quick{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar input{width:100%}.paper{width:100%;min-height:auto;padding:22px}}@media print{body *{visibility:hidden}.paperback,.paperback *{visibility:visible}.paperback{position:absolute;inset:0;background:#fff;padding:0}.paperbar{display:none}.paper{box-shadow:none;margin:0;width:100%;padding:10mm}}



/* Segment 13.5 — Due Items & Delivery UX */
.fulfillment-ready-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 16px}.fulfillment-ready-section .sectionhead{margin:0 0 12px}.fulfillment-ready-section .sectionhead p,.due-work-head p{margin:4px 0 0;color:#7b887f;font-size:10px}.fulfillment-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fulfillment-card{border:1px solid #dce7df;background:linear-gradient(180deg,#fbfdfb,#f5faf6);border-radius:12px;padding:14px;display:grid;gap:12px}.fulfillment-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fulfillment-card-main h3{margin:3px 0 2px;font-size:16px}.fulfillment-card-main p{margin:0;color:#748179;font-size:10px}.fulfillment-kicker{font-size:8px;letter-spacing:.12em;font-weight:900;color:#2f704a}.fulfillment-ready-count{text-align:right}.fulfillment-ready-count b{display:block;font-size:25px;color:#1f653f;line-height:1}.fulfillment-ready-count span{font-size:9px;color:#758179}.fulfillment-mini{display:flex;gap:6px;flex-wrap:wrap}.fulfillment-mini span{display:inline-flex;gap:4px;align-items:center;border-radius:999px;padding:5px 8px;background:#eef2ef;color:#526158;font-size:8px;font-weight:800}.fulfillment-mini span.ready{background:#e3f4e8;color:#286440}.fulfillment-mini span.allocated{background:#e7eef8;color:#355d8c}.fulfillment-mini span.fabrication{background:#fff0d8;color:#886420}.fulfillment-mini span.delivered{background:#e9f0eb;color:#455c4b}.fulfillment-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4ebe5;padding-top:10px}.fulfillment-card-actions small{color:#7b877f;font-size:9px}.fulfillment-card-actions>div{display:flex;gap:6px}.due-work-head{margin:18px 0 0}.delivery-modal-intro,.delivery-detail-head{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f4f8f5;border:1px solid #dfe7e1;border-radius:10px;padding:12px;margin-bottom:13px}.delivery-modal-intro>div:first-child span,.delivery-detail-head>div span{display:block;font-size:8px;letter-spacing:.1em;font-weight:900;color:#78867d}.delivery-modal-intro>div:first-child b,.delivery-detail-head>div b{display:block;font-size:14px;margin-top:3px}.delivery-modal-intro>div:first-child small,.delivery-detail-head>div small{display:block;color:#748179;font-size:9px;margin-top:2px}.delivery-piece-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px}.delivery-piece-head b{display:block;font-size:11px}.delivery-piece-head small{display:block;color:#7c8980;font-size:9px;margin-top:2px}.delivery-piece-head>div:last-child{display:flex;gap:5px}.delivery-piece-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.delivery-piece-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #dfe6e0;background:#fff;border-radius:9px;padding:10px;cursor:pointer}.delivery-piece-card:hover{border-color:#9db9a7;background:#fbfdfb}.delivery-piece-card input{width:auto}.delivery-piece-card span b{display:block;font-size:10px}.delivery-piece-card span small{display:block;color:#7f8b83;font-size:8px;margin-top:2px}.delivery-piece-card em{font-style:normal;font-size:8px;font-weight:900;color:#286440;background:#e4f4e9;border-radius:999px;padding:4px 7px}.delivery-progress-note{margin-top:12px}.delivery-trace-list{display:grid;gap:7px;margin:13px 0}.delivery-trace-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #e0e6e1;border-radius:9px;padding:10px;background:#fff}.delivery-trace-row b{font-size:10px}.delivery-trace-row small{display:block;color:#7d8981;font-size:8px;margin-top:2px}.delivery-trace-row .row-actions{display:flex;gap:5px;flex-wrap:wrap}.btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:900px){.fulfillment-card-grid,.delivery-piece-list{grid-template-columns:1fr}.fulfillment-card-actions,.delivery-piece-head,.delivery-modal-intro,.delivery-detail-head{align-items:flex-start;flex-direction:column}.delivery-trace-row{grid-template-columns:1fr}.fulfillment-card-actions>div{width:100%;flex-wrap:wrap}}

.content{max-width:1700px}

/* ================================================================
   Material Receiving — V9 preserved UX baseline (Build 12)
   Source: marble-main/src/modules/receiving/receiving.part01-03.css
   ================================================================ */
/* receiving.css — ordered section 1 of 3. Keep this file focused; global ordering is controlled by the index file. */
.mrr-module,.mrr-form-page,.mrr-detail {
  --ink:#18253a;
  --muted:#667085;
  --line:#dfe6ef;
  --blue:#1e63d7;
  --blue-soft:#eaf2ff;
  --green:#137a55;
  --green-soft:#e8f7f0;
  --amber:#956400;
  --amber-soft:#fff5d8;
  --red:#b42318;
  --red-soft:#feebe9;
  color:var(--ink)
}
.mrr-module {
  display:flex;
  flex-direction:column;
  gap:16px
}
.mrr-page-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:22px 24px;
  border:1px solid #e4eaf2;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 48px rgba(16,24,40,.08)
}
.mrr-page-header h1,.mrr-form-head h1,.mrr-detail-head h1 {
  margin:4px 0 7px;
  font-size:28px;
  letter-spacing:-.02em
}
.mrr-page-header p {
  margin:0;
  max-width:820px;
  color:#65758d
}
.mrr-eyebrow {
  font-size:11px!important;
  letter-spacing:.11em;
  font-weight:900!important;
  text-transform:uppercase;
  margin:0!important;
  color:#b58b17!important
}
.mrr-btn {
  border:1px solid transparent;
  border-radius:11px;
  min-height:40px;
  padding:0 15px;
  font-weight:850;
  cursor:pointer
}
.mrr-btn.primary {
  background:linear-gradient(135deg,#1769ed,#0d47c5);
  color:#fff;
  box-shadow:0 10px 24px rgba(23,105,237,.22)
}
.mrr-btn.secondary {
  background:#fff;
  color:var(--ink);
  border-color:var(--line)
}
.mrr-btn.outline {
  background:transparent;
  color:var(--blue);
  border-color:#b8cff5
}
.mrr-btn.danger {
  background:var(--red-soft);
  color:var(--red);
  border-color:#f7c5c0
}
.mrr-btn.small {
  min-height:32px;
  padding:0 10px;
  font-size:11px
}
.mrr-btn:disabled {
  opacity:.45;
  cursor:not-allowed
}
.mrr-register-card,.mrr-form-paper,.mrr-report-section,.mrr-report-card {
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px
}
.mrr-register-card {
  overflow:hidden;
  box-shadow:0 18px 48px rgba(16,24,40,.07)
}
.mrr-status-tabs {
  display:flex;
  gap:4px;
  padding:12px 14px 0;
  border-bottom:1px solid #e6ebf2;
  overflow-x:auto
}
.mrr-status-tabs button {
  border:0;
  background:transparent;
  color:#64748b;
  padding:11px 14px 13px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  border-bottom:3px solid transparent
}
.mrr-status-tabs button b {
  min-width:23px;
  height:23px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#eef2f7;
  color:#4b5f79;
  font-size:11px
}
.mrr-status-tabs button.active {
  color:#135fd7;
  border-bottom-color:#135fd7
}
.mrr-status-tabs button.active b {
  background:#dceaff;
  color:#135fd7
}
.mrr-list-controls {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  padding:16px;
  border-bottom:1px solid #eef2f6
}
.mrr-search-box {
  flex:1;
  max-width:820px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  border:1px solid #dbe4ef;
  border-radius:12px;
  background:#fbfdff;
  overflow:hidden
}
.mrr-search-box>span {
  padding-left:14px;
  color:#6b7d94;
  font-size:20px
}
.mrr-search-box input {
  border:0;
  background:transparent;
  outline:0;
  min-height:44px;
  padding:0 10px
}
.mrr-search-box button {
  height:44px;
  border:0;
  background:#eef4fb;
  color:#183b68;
  font-weight:850;
  padding:0 18px
}
.mrr-sort-control {
  font-size:11px;
  color:#68778f;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  display:flex;
  flex-direction:column;
  gap:6px
}
.mrr-sort-control select {
  min-width:190px;
  border:1px solid #dbe4ef;
  border-radius:10px;
  padding:10px;
  background:#fff;
  color:#263d5c
}
.mrr-register-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 18px 10px
}
.mrr-register-heading h2 {
  margin:0;
  font-size:18px
}
.mrr-register-heading p {
  margin:4px 0 0;
  color:#7a8799;
  font-size:12px
}
.mrr-register-heading>span {
  font-size:12px;
  color:#145fd4;
  font-weight:800
}
.mrr-table-wrap {
  overflow:auto
}
.mrr-receiving-table,.mrr-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:1050px
}
.mrr-receiving-table th,.mrr-table th {
  text-align:left;
  padding:12px 16px;
  background:#f8fafc;
  border-top:1px solid #eef2f6;
  border-bottom:1px solid #e7edf4;
  color:#758399;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase
}
.mrr-receiving-table td,.mrr-table td {
  padding:15px 16px;
  border-bottom:1px solid #edf1f5;
  vertical-align:middle;
  font-size:12px
}
.mrr-receiving-table tbody tr {
  cursor:pointer
}
.mrr-receiving-table tbody tr:hover td {
  background:#f8fbff
}
.mrr-receiving-table td small,.mrr-table td small {
  display:block;
  margin-top:4px;
  color:var(--muted)
}
.mrr-open-button {
  border:0;
  background:#f0f5fb;
  color:#174477;
  border-radius:9px;
  padding:8px 11px;
  font-weight:850;
  white-space:nowrap
}
.mrr-status {
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#eef2f7;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase
}
.mrr-status.transit {
  background:#fff3d8;
  color:#966200
}
.mrr-status.pending,.mrr-status.receiving,.mrr-status.draft {
  background:#e5efff;
  color:#1456c9
}
.mrr-status.complete,.mrr-status.completed,.mrr-status.available,.mrr-status.accepted {
  background:var(--green-soft);
  color:var(--green)
}
.mrr-status.partial,.mrr-status.partially-received,.mrr-status.damaged,.mrr-status.needs-review {
  background:var(--amber-soft);
  color:var(--amber)
}
.mrr-status.cancelled,.mrr-status.returned,.mrr-status.void,.mrr-status.rejected {
  background:var(--red-soft);
  color:var(--red)
}
.mrr-text-red {
  color:var(--red)!important
}
.mrr-text-green {
  color:var(--green)!important
}
.mrr-empty {
  text-align:center;
  padding:34px;
  color:var(--muted)
}
.mrr-empty b {
  color:var(--ink)
}
.mrr-empty p {
  margin:5px 0 0
}
.mrr-form-page {
  max-width:1480px;
  margin:0 auto
}
.mrr-form-head,.mrr-detail-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:14px
}
.mrr-form-head p,.mrr-detail-head p {
  margin:0;
  color:var(--muted)
}
.mrr-stepper {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  margin-bottom:14px
}
.mrr-stepper button {
  padding:13px;
  border:0;
  border-right:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-weight:800
}
.mrr-stepper button:last-child {
  border-right:0
}
.mrr-stepper span {
  display:inline-grid;
  place-items:center;
  width:23px;
  height:23px;
  margin-right:7px;
  border-radius:50%;
  background:#edf1f6;
  font-size:11px
}
.mrr-stepper button.active {
  background:var(--blue-soft);
  color:var(--blue)
}
.mrr-stepper button.active span,.mrr-stepper button.done span {
  background:var(--blue);
  color:#fff
}
.mrr-stepper button.done {
  cursor:pointer;
  color:var(--ink)
}
.mrr-error {
  white-space:pre-line;
  padding:11px 13px;
  margin-bottom:12px;
  border:1px solid #f5c4bf;
  border-radius:10px;
  background:var(--red-soft);
  color:var(--red);
  font-size:12px;
  font-weight:700
}
.mrr-error.global {
  margin-bottom:14px
}
.mrr-form-paper {
  padding:22px;
  min-height:530px
}
.mrr-title-row {
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  margin-bottom:18px
}
.mrr-title-row>span {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--blue);
  color:#fff;
  font-weight:900
}
.mrr-title-row h2 {
  margin:0 0 3px;
  font-size:21px
}
.mrr-title-row p {
  margin:0;
  color:var(--muted)
}
.mrr-grid {
  display:grid;
  gap:12px;
  margin-bottom:14px
}
.mrr-grid.two {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.mrr-grid.three {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.mrr-grid.four {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.mrr-field {
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:11px;
  font-weight:800
}
.mrr-field small {
  color:var(--muted);
  font-weight:500;
  min-height:13px
}
.mrr-combo {
  display:grid;
  grid-template-columns:1fr 76px;
  gap:5px
}
.mrr-po-strip {
  display:grid;
  grid-template-columns:1fr 1fr 2fr 1fr;
  gap:10px;
  padding:13px;
  margin:4px 0 16px;
  border-radius:11px;
  background:#f7f9fc;
  border:1px solid var(--line)
}
.mrr-po-strip div {
  display:flex;
  flex-direction:column
}
.mrr-po-strip span {
  font-size:9px;
  color:var(--muted);
  font-weight:900;
  letter-spacing:.06em
}
.mrr-po-strip b {
  margin-top:4px;
  font-size:12px
}
.mrr-truck-card {
  display:grid;
  grid-template-columns:1fr 45px 1fr 45px 1fr;
  align-items:end;
  gap:10px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#f8fafc
}
.mrr-minus,.mrr-equals {
  display:grid;
  place-items:center;
  height:40px;
  font-size:24px;
  color:var(--muted)
}
.mrr-track-group {
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfe;
  margin-bottom:16px
}
.mrr-group-head {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start
}
.mrr-group-head p {
  margin:0;
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em
}
.mrr-group-head h3 {
  margin:3px 0
}
.mrr-group-head small {
  color:var(--muted)
}
.mrr-group-head>div:last-child {
  display:flex;
  gap:6px
}
.mrr-method {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:14px 0
}
.mrr-method button {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  text-align:left;
  cursor:pointer
}
.mrr-method button small {
  margin-top:3px;
  color:var(--muted)
}
.mrr-method button.active {
  border-color:var(--blue);
  background:var(--blue-soft);
  color:var(--blue)
}
.mrr-piece-list {
  display:flex;
  flex-direction:column;
  gap:9px
}
.mrr-piece-row {
  display:grid;
  grid-template-columns:58px repeat(10,minmax(92px,1fr)) 115px 30px;
  gap:7px;
  align-items:start;
  padding:11px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  overflow:auto
}
.mrr-piece-number {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:7px;
  border-radius:8px;
  background:var(--blue-soft);
  color:var(--blue)
}
.mrr-piece-number span {
  font-size:8px;
  font-weight:900
}
.mrr-piece-number b {
  font-size:18px
}
.mrr-piece-result {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:65px;
  padding:8px;
  border-radius:9px;
  background:#f5f8fc
}
.mrr-piece-result span,.mrr-piece-result small {
  font-size:9px;
  color:var(--muted)
}
.mrr-piece-result b {
  margin:3px 0
}
.mrr-icon-btn {
  border:0;
  background:var(--red-soft);
  color:var(--red);
  width:28px;
  height:28px;
  border-radius:8px;
  font-size:18px;
  cursor:pointer
}
.mrr-icon-btn:disabled {
  opacity:.3
}
.mrr-lot-form {
  padding:14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff
}
/* receiving.css — ordered section 2 of 3. Keep this file focused; global ordering is controlled by the index file. */
.mrr-reconcile {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:16px
}
.mrr-reconcile section {
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc
}
.mrr-reconcile section>p {
  margin:0 0 9px;
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em
}
.mrr-reconcile .mrr-metric+.mrr-metric {
  margin-top:7px
}
.mrr-info {
  padding:12px;
  border:1px solid #cadcff;
  border-radius:10px;
  background:var(--blue-soft);
  color:#27538d;
  font-size:12px
}
.mrr-review-head {
  display:flex;
  justify-content:space-between;
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc;
  margin-bottom:14px
}
.mrr-review-head span {
  font-size:9px;
  color:var(--muted);
  font-weight:900
}
.mrr-review-head h3 {
  margin:3px 0
}
.mrr-review-head>div:last-child {
  text-align:right
}
.mrr-review-head>div:last-child b {
  display:block;
  color:var(--blue);
  font-size:32px
}
.mrr-review-head small {
  color:var(--muted)
}
.mrr-final-choice {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:16px 0
}
.mrr-final-choice label,.mrr-check {
  display:flex;
  gap:9px;
  align-items:flex-start;
  padding:13px;
  border:1px solid var(--line);
  border-radius:10px
}
.mrr-final-choice label:has(input:checked) {
  border-color:var(--blue);
  background:var(--blue-soft)
}
.mrr-final-choice span {
  display:flex;
  flex-direction:column
}
.mrr-final-choice small {
  color:var(--muted);
  margin-top:3px
}
.mrr-check {
  margin-bottom:14px;
  font-size:12px;
  color:var(--muted)
}
.mrr-form-footer {
  position:sticky;
  bottom:0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 -8px 25px rgba(24,37,58,.07);
  backdrop-filter:blur(8px)
}
.mrr-form-footer>div:nth-child(2) {
  display:flex;
  gap:14px;
  color:var(--muted);
  font-size:11px;
  font-weight:750
}
.mrr-form-footer>div:last-child {
  justify-self:end
}
.mrr-detail {
  max-width:1480px;
  margin:0 auto
}
.mrr-detail-head>div:last-child {
  display:flex;
  gap:8px;
  align-items:center
}
.mrr-report-title {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:15px;
  border-radius:13px;
  background:#17345d;
  color:#fff;
  margin-bottom:14px
}
.mrr-report-title div {
  display:flex;
  flex-direction:column
}
.mrr-report-title span {
  font-size:9px;
  color:#cbdaf1;
  font-weight:900
}
.mrr-report-title b {
  margin-top:4px
}
.mrr-report-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px
}
.mrr-report-card {
  padding:15px
}
.mrr-report-card h2,.mrr-report-section h2 {
  margin:0 0 12px;
  font-size:17px
}
.mrr-report-card dl,.mrr-tracking-report dl {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:0
}
.mrr-report-card dt,.mrr-report-card dd,.mrr-tracking-report dt,.mrr-tracking-report dd {
  padding:6px 0;
  border-bottom:1px solid #edf1f5;
  font-size:11px
}
.mrr-report-card dt,.mrr-tracking-report dt {
  color:var(--muted)
}
.mrr-report-card dd,.mrr-tracking-report dd {
  margin:0;
  text-align:right;
  font-weight:750
}
.mrr-report-section {
  padding:17px;
  margin-bottom:14px
}
.mrr-tracking-report {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.mrr-tracking-report article {
  padding:13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#f9fbfd
}
.mrr-tracking-report article.lot {
  border-left:4px solid var(--blue)
}
.mrr-tracking-report article.piece {
  border-left:4px solid var(--green)
}
.mrr-tracking-report article span {
  font-size:9px;
  color:var(--blue);
  font-weight:900
}
.mrr-tracking-report article h3 {
  margin:3px 0
}
.mrr-tracking-report article p {
  margin:0 0 8px;
  color:var(--muted)
}
.mrr-note-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px
}
.mrr-note-grid>div {
  padding:12px;
  border-radius:10px;
  background:#f8fafc
}
.mrr-note-grid p {
  margin:5px 0 0;
  color:var(--muted)
}
.mrr-signatures {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:50px;
  padding:45px 20px 15px
}
.mrr-signatures span {
  border-top:1px solid #687489;
  padding-top:7px;
  text-align:center;
  font-size:11px
}
@media(max-width:1200px) {
  .mrr-grid.four {
    grid-template-columns:repeat(2,1fr)
  }
  .mrr-piece-row {
    grid-template-columns:58px repeat(5,minmax(110px,1fr));
  }
  .mrr-report-grid,.mrr-tracking-report {
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:760px) {
  .mrr-form-head,.mrr-detail-head,.mrr-group-head {
    flex-direction:column
  }
  .mrr-grid.two,.mrr-grid.three,.mrr-grid.four,.mrr-method,.mrr-reconcile,.mrr-final-choice,.mrr-report-grid,.mrr-tracking-report,.mrr-note-grid,.mrr-report-title {
    grid-template-columns:1fr
  }
  .mrr-stepper {
    grid-template-columns:1fr 1fr
  }
  .mrr-po-strip {
    grid-template-columns:1fr
  }
  .mrr-truck-card {
    grid-template-columns:1fr
  }
  .mrr-minus,.mrr-equals {
    display:none
  }
  .mrr-form-footer {
    grid-template-columns:1fr 1fr
  }
  .mrr-form-footer>div:nth-child(2) {
    display:none
  }
  .mrr-detail-head>div:last-child {
    flex-wrap:wrap
  }
}
@media print {
  .sidebar,.main-content>.mrr-error,.mrr-detail-head button {
    display:none!important
  }
  .main-content {
    margin:0!important;
    padding:0!important
  }
  .mrr-detail {
    max-width:none
  }
  .mrr-report-section,.mrr-report-card {
    break-inside:avoid
  }
  .mrr-detail-head {
    margin-bottom:12px
  }
  .mrr-status {
    border:1px solid #ccc
  }
  .mrr-signatures {
    padding-top:55px
  }
}
/* PMM ↔ MRM comparison and final receiving result */ .mrr-status.complete-with-shortage {
  background:linear-gradient(135deg,#fff2cf,#ffe7a1);
  color:#8a5a00;
  border:1px solid #f0ce72
}
.mrr-status.partially-received {
  background:var(--amber-soft);
  color:var(--amber)
}
.mrr-result-text {
  font-size:20px!important;
  line-height:1.2!important;
  max-width:260px
}
.mrr-compare-preview,.mrr-report-comparison {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px
}
.mrr-compare-preview>div,.mrr-report-comparison>div {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8fafc
}
.mrr-compare-preview span,.mrr-report-comparison span {
  font-size:9px;
  color:var(--blue);
  font-weight:900;
  letter-spacing:.08em
}
.mrr-compare-preview b,.mrr-report-comparison b {
  font-size:18px
}
.mrr-compare-preview small,.mrr-report-comparison small {
  color:var(--muted);
  line-height:1.45
}
.mrr-compare-preview .shortage,.mrr-report-comparison .shortage {
  background:var(--red-soft);
  border-color:#f3c3bf
}
.mrr-compare-preview .shortage span,.mrr-report-comparison .shortage span {
  color:var(--red)
}
.mrr-compare-preview .matched,.mrr-report-comparison .matched {
  background:var(--green-soft);
  border-color:#bfe5d3
}
.mrr-compare-preview .matched span,.mrr-report-comparison .matched span {
  color:var(--green)
}
.mrr-compare-table {
  min-width:1500px
}
.mrr-compare-table td,.mrr-compare-table th {
  white-space:nowrap
}
@media(max-width:760px) {
  .mrr-compare-preview,.mrr-report-comparison {
    grid-template-columns:1fr
  }
}
@media print {
  .mrr-report-comparison {
    break-inside:avoid
  }
  .mrr-compare-table {
    font-size:9px
  }
  .mrr-compare-table th,.mrr-compare-table td {
    padding:6px
  }
}
/* V6 management comparison with explicit ideal benchmark */ .mrr-report-comparison.management-four, .mrr-compare-preview.management-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mrr-report-comparison .ideal, .mrr-compare-preview .ideal {
  background: #f3efff;
  border-color: #d9ccff;
}
.mrr-report-comparison .ideal span, .mrr-compare-preview .ideal span {
  color: #6941c6;
}
.mrr-management-table th {
  white-space: nowrap;
}
.mrr-management-table td {
  vertical-align: middle;
}
.mrr-management-table td:first-child {
  min-width: 180px;
  background: #fbfcfe;
}
.mrr-management-table td:first-child small {
  display: block;
  margin-top: 4px;
  color: var(--mrr-muted);
}
.mrr-management-table .mrr-ideal-cell {
  background: #f8f5ff;
  color: #53389e;
  font-weight: 800;
}
.mrr-management-table tr.needs-review td {
  border-bottom-color: #f4d5d2;
}
.mrr-mini-result {
  display: inline-flex;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 850;
  background: #eaf7f0;
  color: #137a55;
}
.mrr-mini-result.review, .mrr-mini-result.shortage {
  background: #feeceb;
  color: #b42318;
}
.mrr-mini-result.extra {
  background: #fff5d7;
  color: #9a6700;
}
.mrr-ideal-note {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #d9ccff;
  border-radius: 10px;
  background: #f8f5ff;
  color: #53389e;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 1050px) {
  .mrr-report-comparison.management-four, .mrr-compare-preview.management-four {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 680px) {
  .mrr-report-comparison.management-four, .mrr-compare-preview.management-four {
    grid-template-columns: 1fr;
  }
}
/* MRM V6.2 targeted usability and print hotfix */ .mrr-piece-row {
  grid-template-columns:58px 104px 104px 88px 168px 108px 108px 108px 112px 112px 120px 116px 176px 30px;
  min-width:1540px;
}
.mrr-thickness-field {
  min-width:168px
}
.mrr-thickness-field .mrr-combo {
  grid-template-columns:minmax(78px,1fr) 66px
}
.mrr-thickness-field input {
  min-width:0
}
.mrr-piece-sticker {
  min-height:65px;
  padding:7px;
  border:1px solid #d9e6f8;
  border-radius:9px;
  background:#f7fbff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px
}
.mrr-piece-sticker .mrr-btn.sticker {
  min-height:32px;
  padding:0 9px;
  background:#1769ed;
  color:#fff;
  border-color:#1769ed;
  font-size:10px;
  white-space:nowrap
}
.mrr-piece-sticker b {
  font-size:10px;
  color:#174477;
  word-break:break-all
}
.mrr-piece-sticker small {
  font-size:9px;
  color:var(--green);
  font-weight:750
}
.mrr-piece-sticker small.needs-reprint {
  color:var(--red)
}
.mrr-report-fallback {
  max-width:760px;
  margin:40px auto;
  padding:24px;
  border:1px solid #f1c5c1;
  border-radius:15px;
  background:#fff7f6;
  color:#7f1d1d
}
.mrr-report-fallback h2 {
  margin:0 0 8px
}
.mrr-report-fallback p {
  margin:0 0 16px;
  color:#7b3a35
}
@media(max-width:1200px) {
  .mrr-piece-row {
    grid-template-columns:58px 104px 104px 88px 168px 108px 108px 108px 112px 112px 120px 116px 176px 30px;
    min-width:1540px
  }
}
@media print {
  .mrr-detail {
    color:#111!important;
    background:#fff!important
  }
  .mrr-detail-head {
    page-break-after:avoid
  }
  .mrr-report-title,.mrr-report-comparison,.mrr-report-grid,.mrr-report-section {
    box-shadow:none!important
  }
  .mrr-table-wrap {
    overflow:visible!important
  }
  .mrr-management-table {
    min-width:0!important;
    width:100%!important;
    font-size:8.5px
  }
  .mrr-management-table th,.mrr-management-table td {
    padding:5px!important
  }
}
.mrr-unloading-card {
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfcfe
}
.mrr-unloading-total {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:14px;
  padding:14px;
  border:1px solid #d4e4fa;
  border-radius:11px;
  background:var(--blue-soft)
}
.mrr-unloading-total span {
  font-size:12px;
  color:#5d708c;
  font-weight:800
}
.mrr-unloading-total b {
  font-size:19px;
  color:#154c9c
}
.mrr-unloading-review {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0
}
.mrr-unloading-review>div {
  display:flex;
  flex-direction:column;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fafc
}
.mrr-unloading-review span {
  font-size:9px;
  color:var(--muted);
  font-weight:900;
  letter-spacing:.06em
}
.mrr-unloading-review b {
  margin-top:5px;
  font-size:14px
}
.mrr-unloading-review .total {
  background:var(--blue-soft);
  border-color:#c9dcff;
  color:#154c9c
}
.mrr-report-note {
  margin-top:12px;
  padding:10px;
  border-radius:9px;
  background:#f8fafc
}
/* receiving.css — ordered section 3 of 3. Keep this file focused; global ordering is controlled by the index file. */
.mrr-report-note p {
  margin:4px 0 0;
  color:var(--muted);
  font-size:11px
}
@media(max-width:850px) {
  .mrr-page-header {
    align-items:flex-start;
    flex-direction:column
  }
  .mrr-list-controls {
    align-items:stretch;
    flex-direction:column
  }
  .mrr-sort-control select {
    width:100%
  }
  .mrr-unloading-review {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:560px) {
  .mrr-unloading-review {
    grid-template-columns:1fr
  }
}

/* ===== MARBLE THINKS FULL BUILD 1 ===== */
:root{--green:#102b4e;--green2:#173c68;--gold:#2f6edb;--line:#dce3eb;--muted:#6b7788}
body{background:#f4f6f8;color:#172033}.sidebar{background:#102b4e;padding:16px 13px;gap:12px}.brand{padding-bottom:12px;border-bottom:1px solid #26476c}.logo{background:#f4f7fb;color:#102b4e;border-radius:8px}.brand small{color:#91a5bd}.navscroll{overflow:auto;padding-right:2px}.navgroup{margin-bottom:7px}.navlabel{color:#7890aa;margin:7px 9px 3px}.nav button{padding:7px 9px;color:#cbd6e4;font-size:11px;border-radius:7px}.nav button.active,.nav button:hover{background:#1f5e9e}.source-note{margin-top:5px;background:#132f53;border-color:#2b517b;color:#b8c8d9}.source-note b{color:#fff}.topbar{height:56px}.top-left-tools{display:flex;align-items:center;gap:7px}.top-icon{width:29px;height:29px;border:1px solid #d7dfe8;background:#fff;border-radius:6px;color:#243957}.corporate-hero{background:linear-gradient(135deg,#102b4e,#1b4a79)}.hero .tag{border-color:#50769c;color:#d8e6f6}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px}.module-tile{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;text-align:left;border:1px solid #e0e6ed;background:#fff;border-radius:8px;padding:11px;color:#182230}.module-tile:hover{border-color:#9ab5d6;background:#f9fbfe}.module-tile b{display:block;font-size:11px}.module-tile small{display:block;font-size:8px;color:#788494;margin-top:3px;line-height:1.35}.module-tile>span{color:#2f6edb;font-size:8px;white-space:nowrap}
.inspect-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 12px}.inspect-kpi{background:#fff;border:1px solid #dfe5ec;border-radius:8px;padding:12px}.inspect-kpi small,.inspect-kpi span{display:block;color:#7c8795;font-size:8px}.inspect-kpi b{display:block;font-size:17px;margin:4px 0;color:#172b4d}.inspect-toolbar{display:flex;gap:7px;margin-bottom:10px}.inspect-toolbar input,.inspect-toolbar select{height:33px;border:1px solid #d6dee7;border-radius:6px;padding:0 8px;font-size:9px;background:#fff}.inspect-toolbar input{flex:1}.actions,.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.seg-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0 11px}.seg-tabs button{border:1px solid #d8e0e9;background:#fff;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;color:#5c6979}.seg-tabs button.active{background:#eaf1ff;border-color:#9bb8e3;color:#2459a7}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-grid>div{background:#f8fafc;border:1px solid #e3e8ef;border-radius:7px;padding:9px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{font-size:8px;color:#7b8795}.detail-grid b{font-size:10px;margin-top:3px}.embedded-table{border:1px solid #e1e6ec;border-radius:7px;overflow:hidden;margin:7px 0}.top-gap{margin-top:12px}.operation-edit{display:grid;grid-template-columns:1.2fr repeat(4,minmax(100px,1fr));gap:8px;border:1px solid #e0e6ed;border-radius:8px;padding:10px;margin-top:8px}.operation-edit>div:first-child{align-self:center}.operation-edit>div:first-child b,.operation-edit>div:first-child small{display:block}.operation-edit>div:first-child small{font-size:8px;color:#8b96a5}.allocation-row,.extra-row{border:1px solid #e7ebf0;border-radius:7px;padding:8px;margin-bottom:6px}.empty-inline,.empty{padding:18px;text-align:center;color:#8b96a5;font-size:9px}.bulk-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:10px 0;max-height:260px;overflow:auto;border:1px solid #e2e7ed;border-radius:7px;padding:8px}.bulk-list label{font-size:9px;padding:6px;border-radius:5px;background:#f8fafc}.choicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid #dfe5ec;background:#fff;border-radius:8px;padding:15px;text-align:left}.choice:hover{border-color:#91b0dc;background:#f8fbff}.choice b,.choice span{display:block}.choice b{font-size:12px}.choice span{font-size:8px;color:#758294;margin-top:5px;line-height:1.4}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.report-grid button{min-height:80px;border:1px solid #dfe5ec;background:#fff;border-radius:8px;text-align:left;padding:11px}.report-grid b,.report-grid span{display:block}.report-grid b{font-size:10px}.report-grid span{font-size:8px;color:#2f6edb;margin-top:9px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-card{padding:13px}.chart-card h2{margin:0 0 10px;font-size:13px}.rank-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:9px}.operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.op-card{border:1px solid #dfe5ec;background:#fff;border-radius:8px;padding:12px}.op-card b{display:block;font-size:11px}.op-card p{font-size:8px;color:#7c8795;line-height:1.45}.readonly{height:34px;border:1px solid #e2e6eb;background:#f8fafc;border-radius:6px;padding:9px;font-size:9px}.rule{background:#f7f9fc;border:1px solid #dbe4ef;border-radius:7px;padding:9px;font-size:8px;color:#556579;line-height:1.45;margin:8px 0}.app-toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#102b4e;color:#fff;border-radius:8px;padding:11px 14px;font-size:10px;box-shadow:0 10px 30px rgba(16,43,78,.25)}.app-toast.ok{background:#17673a}.app-toast.error{background:#9b2c2c}.modal{max-width:900px}.modalbody{max-height:70vh;overflow:auto}.modalback{z-index:60}code{white-space:pre-wrap;word-break:break-word}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,1fr)}.inspect-kpis{grid-template-columns:repeat(2,1fr)}.operation-edit{grid-template-columns:repeat(3,1fr)}.report-grid,.operation-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.module-grid,.inspect-kpis,.report-grid,.operation-grid,.analytics-grid,.choicegrid,.bulk-list{grid-template-columns:1fr}.operation-edit,.detail-grid{grid-template-columns:1fr}.inspect-toolbar{flex-direction:column}}

/* ===== FULL BUILD 2: TRANSACTION / LEDGER FOUNDATION ===== */
.inline-add-link{border:0;background:transparent;color:#2f6edb;font-size:9px;font-weight:800;padding:0;cursor:pointer;white-space:nowrap}.field>label:has(.inline-add-link){display:flex;justify-content:space-between;align-items:center;gap:8px}.field>label{min-height:14px}.inline-add-link:hover{text-decoration:underline}.allocation-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:15px 0 8px;padding-top:12px;border-top:1px solid #e5e9ef}.allocation-head>div:first-child b,.allocation-head>div:first-child small{display:block}.allocation-head small{color:#748091;font-size:9px;margin-top:3px;line-height:1.4}.allocation-head>div:last-child{text-align:right;font-size:9px;color:#667085}.allocation-head>div:last-child span,.allocation-head>div:last-child b{display:block}.allocation-head>div:last-child b{font-size:13px;color:#21344e;margin-top:2px}.allocation-list{border:1px solid #dfe5ec;border-radius:8px;overflow:hidden}.allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px;align-items:center;padding:10px 11px;border-top:1px solid #edf0f4;background:#fff}.allocation-row:first-child{border-top:0}.allocation-row b,.allocation-row small{display:block}.allocation-row b{font-size:10px}.allocation-row small{font-size:8px;color:#7c8795;margin-top:2px}.allocation-row input{width:100%;height:32px;border:1px solid #ccd6e1;border-radius:6px;padding:0 8px;text-align:right}.allocation-total{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:8px;padding:8px 0;font-size:10px}.allocation-total b{font-size:14px}.danger-note{background:#fff3f2;border-color:#efc2be;color:#7a3029}.seg-tabs{display:flex;gap:5px;margin:8px 0 12px;flex-wrap:wrap}.seg-tabs button{border:1px solid #dbe2ea;background:#fff;color:#5f6d7c;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800;cursor:pointer}.seg-tabs button.active{background:#eaf1ff;border-color:#a9c0e7;color:#245cae}.row-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}@media(max-width:720px){.allocation-head{align-items:flex-start;flex-direction:column}.allocation-head>div:last-child{text-align:left}.allocation-row{grid-template-columns:1fr}}
/* Full Build 3 — Inventory transformation */
.transform-source{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.transform-source>div{border:1px solid #e0e6ed;background:#f8fafc;border-radius:8px;padding:10px}.transform-source span,.transform-source b,.transform-source small{display:block}.transform-source span{font-size:7px;letter-spacing:.08em;color:#7b8795;font-weight:900}.transform-source b{font-size:12px;margin:3px 0;color:#20324a}.transform-source small{font-size:8px;color:#7d8997}.transform-output-list{display:grid;gap:8px}.transform-output{border:1px solid #dfe6ed;border-radius:9px;padding:10px;background:#fff}.transform-output-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.transform-output-head b,.transform-output-head small{display:block}.transform-output-head b{font-size:10px}.transform-output-head small{font-size:8px;color:#7b8795;margin-top:2px}.transform-reconcile{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:11px 0}.transform-reconcile>div{background:#f6f8fb;border:1px solid #e0e6ed;border-radius:7px;padding:8px}.transform-reconcile span,.transform-reconcile b{display:block}.transform-reconcile span{font-size:7px;color:#778495;text-transform:uppercase;font-weight:800}.transform-reconcile b{font-size:10px;margin-top:3px}.transform-reconcile .bad{background:#fff3f1;border-color:#e7bdb8;color:#9b312b}.danger-note{background:#fff3f1!important;border-color:#e7bdb8!important;color:#8f322c!important}.lineage-chain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid #dfe6ed;background:#f8fafc;border-radius:8px;padding:9px}.lineage-chain span{background:#fff;border:1px solid #dce3ea;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:800}.lineage-chain span small{display:block;color:#8793a1;font-size:7px;font-weight:500;margin-top:2px}.lineage-chain span.current{background:#eaf1ff;border-color:#9db8e3;color:#2459a7}.lineage-chain i{font-style:normal;color:#98a2b3}.row-actions{display:flex;gap:4px;flex-wrap:wrap}
@media(max-width:800px){.transform-source,.transform-reconcile{grid-template-columns:1fr}}

/* ===== FULL BUILD 4 · INVENTORY CONTROL & INTEGRITY ===== */
.inventory-tabs{margin-bottom:12px}.inventory-tabs button span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 5px;border-radius:999px;background:#edf2f8;color:#4b6076;font-size:7px}.inventory-tabs button.active span{background:#fff;color:#245cae}.muted{color:#84909d;font-size:8px}.quarantine,.hold,.badge.open{background:#fff0d8!important;color:#8a5b12!important}.missing,.damaged,.broken,.written_off{background:#fce8e6!important;color:#9e3d36!important}.approved,.matched{background:#e5f2e8!important;color:#306641!important}.review,.condition,.area,.weight{background:#e8effa!important;color:#315b8a!important}.uncounted{background:#eef1ee!important;color:#68736b!important}.stocktake-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.stocktake-summary span{border:1px solid #dfe5ec;background:#f8fafc;border-radius:7px;padding:8px;font-size:7px;color:#778495;text-transform:uppercase;font-weight:800}.stocktake-summary b{display:block;color:#20324a;font-size:10px;margin-top:3px;text-transform:none}.stocktake-tools{display:flex;justify-content:flex-end;margin-bottom:8px}.stocktake-list{display:grid;gap:0;border:1px solid #dfe5ec;border-radius:8px;overflow:auto;max-height:48vh}.stocktake-row{display:grid;grid-template-columns:minmax(125px,1.4fr) 105px 75px 95px 75px 95px 110px 90px;gap:6px;align-items:center;padding:7px 8px;border-top:1px solid #edf0f4;background:#fff;min-width:880px}.stocktake-row:first-child{border-top:0}.stocktake-row.head{background:#f6f8fb;color:#778495;font-size:7px;text-transform:uppercase}.stocktake-row>div{font-size:8px}.stocktake-row>div>b,.stocktake-row>div>small{display:block}.stocktake-row>div>small{color:#8894a1;margin-top:2px}.stocktake-row .field{display:block}.stocktake-row .field label{display:none}.stocktake-row .field input,.stocktake-row .field select{height:29px;padding:4px 6px;font-size:8px}.row-actions .btn.danger{white-space:nowrap}@media(max-width:900px){.stocktake-summary{grid-template-columns:repeat(2,1fr)}}
.auth-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#132b20,#eef4ef);padding:24px}.auth-card{width:min(430px,94vw);background:#fff;border:1px solid #d9e2da;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.2);display:grid;gap:14px}.auth-card h1{margin:0;font-size:26px}.auth-card p{margin:0;color:#66746b;font-size:12px;line-height:1.5}.auth-card label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#45554a}.auth-card input{border:1px solid #cfd9d1;border-radius:8px;padding:11px 12px;font-size:13px}.auth-logo{width:48px;height:48px;border-radius:12px;background:#1c5a3a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.auth-submit{padding:11px}.auth-error{background:#fff0ef;border:1px solid #eccbc7;color:#8c3e39;border-radius:8px;padding:9px 10px;font-size:10px}.top-auth{display:flex;align-items:center;gap:7px}.top-auth .btn{padding:6px 8px}
.company-switcher{max-width:210px;border:1px solid #d2dbd3;background:#fff;border-radius:999px;padding:6px 30px 6px 10px;font-size:10px;font-weight:800;color:#243328}.company-chip{font-weight:800}.top-auth{max-width:65vw}.top-auth .company-switcher{flex:0 1 210px}

/* Full Build 14 SaaS onboarding */
.auth-stack{width:min(430px,94vw);display:grid;gap:10px}.auth-stack .auth-card{width:100%}.auth-card select{border:1px solid #cfd9d1;border-radius:8px;padding:11px 12px;font-size:13px;background:#fff}.auth-secondary{background:#ffffffd9;padding:10px}.trial-chip{background:#fff7df;border-color:#ead28f;color:#70591a}.auth-card b{color:#203f30}


/* Segment 13.5 fulfillment UX */
.fulfillment-ready-section{
  margin:0 0 18px;
  background:#f7fbf8;
  border:1px solid #d9e8dd;
  border-radius:14px;
  padding:16px
}
.fulfillment-ready-section .sectionhead{
  margin-bottom:12px
}
.fulfillment-ready-section .sectionhead p,.due-work-head p{
  margin:4px 0 0;
  color:#77857c;
  font-size:10px
}
.fulfillment-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:10px
}
.fulfillment-card{
  background:#fff;
  border:1px solid #d8e4dc;
  border-radius:11px;
  padding:14px;
  display:grid;
  gap:12px
}
.fulfillment-card-main,.fulfillment-card-actions,.delivery-piece-head,.delivery-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px
}
.fulfillment-card h3{
  margin:3px 0;
  font-size:15px
}
.fulfillment-card p,.fulfillment-card-actions small{
  margin:0;
  color:#758279;
  font-size:9px
}
.fulfillment-kicker,.delivery-modal-intro>div>span,.delivery-detail-head>div>span{
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
  color:#6d7d73
}
.fulfillment-ready-count{
  min-width:92px;
  text-align:right
}
.fulfillment-ready-count b{
  display:block;
  font-size:24px;
  color:#1d633e
}
.fulfillment-ready-count span{
  display:block;
  font-size:9px;
  color:#748179
}
.fulfillment-mini{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap
}
.fulfillment-mini span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  padding:5px 8px;
  font-size:8px;
  font-style:normal;
  background:#eef2ef;
  color:#5f6d64
}
.fulfillment-mini span.ready{
  background:#e5f4e9;
  color:#28683f
}
.fulfillment-mini span.allocated{
  background:#eaf0f8;
  color:#315a87
}
.fulfillment-mini span.fabrication{
  background:#fff2dd;
  color:#8a641a
}
.fulfillment-mini span.delivered{
  background:#e9f2f0;
  color:#34695a
}
.due-work-head{
  margin:17px 0 8px
}
.delivery-modal-intro{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#f3f7f4;
  border:1px solid #dce6df;
  border-radius:10px;
  padding:12px;
  margin-bottom:14px
}
.delivery-modal-intro>div>b,.delivery-detail-head>div>b{
  display:block;
  margin-top:3px;
  font-size:14px
}
.delivery-modal-intro>div>small,.delivery-detail-head>div>small{
  display:block;
  color:#77847c;
  font-size:9px;
  margin-top:2px
}
.delivery-piece-head{
  margin:16px 0 8px
}
.delivery-piece-head b{
  display:block;
  font-size:11px
}
.delivery-piece-head small{
  display:block;
  font-size:9px;
  color:#7e8982;
  margin-top:2px
}
.delivery-piece-head>div:last-child{
  display:flex;
  gap:5px
}
.delivery-piece-list{
  display:grid;
  gap:7px;
  max-height:320px;
  overflow:auto;
  padding-right:2px
}
.delivery-piece-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #dfe6e1;
  border-radius:9px;
  background:#fff;
  padding:10px 11px;
  cursor:pointer
}
.delivery-piece-card:has(input:checked){
  border-color:#78a188;
  background:#f4faf6
}
.delivery-piece-card input{
  width:auto
}
.delivery-piece-card span b,.delivery-piece-card span small{
  display:block
}
.delivery-piece-card span b{
  font-size:10px
}
.delivery-piece-card span small{
  font-size:8px;
  color:#7b877f;
  margin-top:2px
}
.delivery-piece-card em{
  font-style:normal;
  font-size:8px;
  font-weight:900;
  color:#28683f;
  background:#e5f4e9;
  border-radius:999px;
  padding:4px 7px
}
.delivery-progress-note{
  margin-top:12px
}
.delivery-trace-list{
  display:grid;
  gap:7px;
  margin:14px 0
}
.delivery-trace-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  border:1px solid #e0e6e2;
  background:#fff;
  border-radius:9px;
  padding:10px 11px
}
.delivery-trace-row b,.delivery-trace-row small{
  display:block
}
.delivery-trace-row small{
  color:#7c8880;
  font-size:8px;
  margin-top:2px
}
@media(max-width:750px){
  .fulfillment-card-main,.fulfillment-card-actions,.delivery-modal-intro,.delivery-piece-head,.delivery-detail-head{
    align-items:flex-start;
    flex-direction:column
  }
  .fulfillment-ready-count{
    text-align:left
  }
  .delivery-trace-row{
    grid-template-columns:1fr
  }
}