:root{
 --bg:#f5f6f2;--surface:#fff;--surface2:#fafbf8;--text:#202421;--muted:#6f746d;
 --border:#e1e5dd;--border2:#d3d9ce;--olive:#789238;--oliveDark:#647c2e;--oliveSoft:#eef3e3;--charcoal:#202421;
}
*,*::before,*::after{box-sizing:border-box;box-shadow:none!important;text-shadow:none!important;filter:none!important}
html,body{margin:0;background:var(--bg)!important;background-image:none!important;color:var(--text)!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
body::before,body::after{display:none!important;content:none!important}
header,.header,.topbar,.top-bar,.navbar{background:var(--charcoal)!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
header a,.header a,.topbar a,.top-bar a,.navbar a{color:#fff!important}
h1,h2,h3,h4{color:var(--text)!important;letter-spacing:-.02em} h1{font-weight:750!important} h2,h3{font-weight:700!important}
h1::after,h2::after{content:"";display:block;width:42px;height:3px;margin-top:10px;border-radius:999px;background:var(--olive)}
.card,.panel,.glass,.glass-panel,.metric-card,.job-card,.order-card,section{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.metric-card .icon,.metric-card .metric-icon,.metric-icon,.icon-circle,.stat-icon{background:var(--olive)!important;color:#fff!important;border-radius:50%!important;border:none!important}
button,.btn,nav a,.button{appearance:none;background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border2)!important;border-radius:10px!important;padding:9px 14px!important;font-weight:600!important;outline:none!important;cursor:pointer}
button:hover,.btn:hover,nav a:hover,.button:hover{background:var(--surface2)!important;border-color:#c4ccb9!important}
button.active,.btn.active,nav a.active,[aria-current="page"],button[aria-pressed="true"]{background:var(--olive)!important;color:#fff!important;border-color:var(--olive)!important}
input,select,textarea{width:100%;background:#fff!important;color:var(--text)!important;border:1px solid var(--border2)!important;border-radius:9px!important;outline:none!important;padding:9px 11px!important;min-height:36px}
input:focus,select:focus,textarea:focus{border-color:var(--olive)!important;outline:2px solid rgba(120,146,56,.14)!important}
table{width:100%;border-collapse:collapse!important;background:transparent!important}
th{color:#4f554f!important;font-size:12px!important;font-weight:700!important;border-bottom:1px solid var(--border2)!important}
td{color:var(--text)!important;border-bottom:1px solid #ecefe9!important}
th,td{padding:11px 10px!important}
.badge,.status-badge,.pill,.tag{display:inline-flex;align-items:center;gap:5px;background:var(--oliveSoft)!important;color:#44531e!important;border:1px solid #dbe6bf!important;border-radius:999px!important;padding:4px 9px!important;font-size:12px!important;font-weight:700!important}
.job-row,.order-row{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important}
.notice,.info,.alert-info,.helper,.hint{background:#fbfcf8!important;color:#555b53!important;border:1px solid var(--border)!important;border-radius:9px!important}
small,.muted,.text-muted{color:var(--muted)!important}

/* ===== V7.15 BRANCH DROPDOWN FIX ===== */

/* Undo global 100% width for standalone selects */
#branchSelect,
.branch-select,
select[name="branch"],
select[name="branchId"] {
  width: 250px !important;
  max-width: 250px !important;
  min-width: 220px !important;
  display: inline-block !important;
  flex: 0 0 250px !important;
}

/* Branch top control alignment */
.branch-filter,
.branch-selector,
.branch-control {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}


/* ===== V121 Production Workflow ===== */
.v121-stage-tabs{display:flex;gap:8px;overflow-x:auto;margin:12px 0 14px;padding:2px 1px 7px;scrollbar-width:thin}.v121-stage-tabs button{border:1px solid #d9e3dc;background:#fff;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700;color:#34423a;cursor:pointer}.v121-stage-tabs button b{min-width:22px;height:22px;border-radius:11px;background:#edf3ef;display:grid;place-items:center;font-size:10px}.v121-stage-tabs button.active{background:#2f7d3f;color:#fff;border-color:#2f7d3f;box-shadow:0 5px 15px rgba(47,125,63,.18)}.v121-stage-tabs button.active b{background:rgba(255,255,255,.18)}
.v121-order-card{grid-template-columns:minmax(320px,1.7fr) minmax(140px,.7fr) minmax(120px,.55fr) minmax(230px,.85fr)!important;gap:18px!important;position:relative;padding-bottom:72px!important}.v121-order-main h3{margin:9px 0 2px;font-size:15px}.v121-order-main h3 small{font-weight:500;color:#66736c}.v121-order-main p{margin:3px 0}.v121-order-top{display:flex;align-items:center;gap:10px}.v121-order-top>b{font-size:13px}.v121-badge{font-size:9px;border-radius:12px;padding:5px 9px;background:#e9f4e6;color:#397324;font-weight:800;letter-spacing:.03em}.v121-badge.pending{background:#fff1cf;color:#9a6500}.v121-spec{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-content:start;font-size:10px}.v121-spec span{color:#7e8a83}.v121-spec b{color:#27342d}.v121-money{display:flex;flex-direction:column;gap:3px;font-size:11px}.v121-money>b{font-size:18px;color:#173c28}.v121-money .due{color:#c66b16;font-weight:700}.v121-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;align-content:start}.v121-actions button{min-height:36px}.v121-reject-label{grid-column:1/-1;background:#fde9e9;color:#b82222;border-radius:8px;padding:10px;text-align:center;font-weight:800}.v121-card-rejected{opacity:.78}.v121-flow{position:absolute;left:16px;right:16px;bottom:13px;border-top:1px solid #e2e8e3;padding-top:10px;display:grid;grid-template-columns:repeat(6,1fr)}.v121-flow>div{position:relative;text-align:center;color:#9aa39e;font-size:9px;font-weight:700}.v121-flow>div:before{content:"";position:absolute;top:11px;right:50%;width:100%;height:2px;background:#dfe5df;z-index:0}.v121-flow>div:first-child:before{display:none}.v121-flow i{position:relative;z-index:1;margin:auto auto 5px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid #cfd8d1;font-style:normal;font-size:9px}.v121-flow .done,.v121-flow .current{color:#3c742b}.v121-flow .done:before,.v121-flow .current:before{background:#72a33c}.v121-flow .done i,.v121-flow .current i{border-color:#72a33c}.v121-flow .done i{background:#72a33c;color:#fff}.v121-flow .current i{box-shadow:0 0 0 4px #eef6e9}.v121-rejected{position:absolute;left:16px;right:16px;bottom:18px;padding:8px;border-radius:8px;text-align:center;background:#fff0f0;color:#bb2222;font-weight:800}.v121-empty{padding:30px;text-align:center;border:1px dashed #cbd8ce;border-radius:12px;color:#76817a;background:#fff}.v145-flow-grid{grid-template-columns:repeat(7,1fr)!important}.v145-step.current{box-shadow:0 0 0 2px rgba(48,126,62,.18)}
@media(max-width:900px){.v121-order-card{grid-template-columns:1fr!important;padding-bottom:98px!important}.v121-actions{grid-template-columns:1fr 1fr}.v121-flow span{font-size:8px}}

/* ===== V122 Workflow Card Layout Fix: no overlap ===== */
.v121-order-card{
  display:grid!important;
  grid-template-columns:minmax(280px,1.55fr) minmax(150px,.7fr) minmax(135px,.6fr) minmax(250px,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:22px!important;
  row-gap:18px!important;
  align-items:start!important;
  padding:18px 18px 16px!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
.v121-order-main,.v121-spec,.v121-money,.v121-actions{min-width:0!important;position:relative!important;z-index:2!important}
.v121-order-main h3,.v121-order-main p{line-height:1.35!important}
.v121-spec{padding-top:5px!important;font-size:11px!important;line-height:1.35!important}
.v121-money{padding-top:2px!important;font-size:12px!important;line-height:1.35!important}
.v121-actions{grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
.v121-actions button{width:100%!important;min-height:38px!important;margin:0!important;white-space:normal!important}
.v121-flow,.v121-rejected{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
.v121-flow{padding:14px 8px 0!important;min-height:58px!important}
.v121-flow i{width:25px!important;height:25px!important;margin-bottom:6px!important}
.v121-flow>div:before{top:12px!important}
.v121-rejected{padding:11px!important}
@media(max-width:1050px){
 .v121-order-card{grid-template-columns:1.4fr .8fr .65fr!important}
 .v121-actions{grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .v121-flow,.v121-rejected{grid-row:auto!important}
}
@media(max-width:760px){
 .v121-order-card{grid-template-columns:1fr!important;gap:12px!important}
 .v121-order-main,.v121-spec,.v121-money,.v121-actions,.v121-flow,.v121-rejected{grid-column:1!important}
 .v121-actions{grid-template-columns:1fr 1fr!important}
 .v121-flow{overflow-x:auto!important;grid-template-columns:repeat(6,minmax(78px,1fr))!important}
}


/* ===== V124 DYNAMIC WORKFLOW ACTIONS ===== */
.v124-stage-action{font-weight:800!important;letter-spacing:.01em!important;border-color:#b9d8c0!important;background:linear-gradient(180deg,#ffffff 0%,#f4fbf5 100%)!important;color:#215f30!important;box-shadow:0 4px 12px rgba(47,125,63,.08)!important}
.v124-stage-action:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(47,125,63,.14)!important}
.v121-flow>div.current i{width:31px!important;height:31px!important;margin-top:-4px!important;margin-bottom:4px!important;background:#2f7d3f!important;color:#fff!important;border-color:#2f7d3f!important;box-shadow:0 0 0 6px rgba(47,125,63,.12),0 5px 12px rgba(47,125,63,.18)!important;font-size:11px!important}
.v121-flow>div.current span{font-size:10px!important;font-weight:900!important;color:#235f31!important}
.v121-flow>div.done i{background:#6f9d35!important;border-color:#6f9d35!important;color:#fff!important}
.v121-stage-tabs button.active{transform:translateY(-1px)}

/* V127 — Option 1 Premium Action Cards (exact vertical action treatment) */
.v121-actions.v127-premium-actions{display:flex!important;flex-direction:column!important;gap:10px!important;align-content:stretch!important}
.v127-action-card{width:100%!important;min-height:62px!important;border-radius:12px!important;padding:10px 13px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;text-align:left!important;font-family:inherit!important;box-shadow:0 4px 12px rgba(24,42,31,.06)!important;transition:transform .16s ease,box-shadow .16s ease!important;white-space:normal!important}
.v127-action-card:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(24,42,31,.11)!important}
.v127-action-card .v127-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:900;background:rgba(255,255,255,.86);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.v127-action-card .v127-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.v127-action-card .v127-copy b{font-size:13px;line-height:1.1}.v127-action-card .v127-copy small{font-size:9px;line-height:1.25;font-weight:600;opacity:.78}.v127-action-card .v127-arrow{font-size:22px;line-height:1;font-weight:400;text-align:right}
.v127-admin{background:linear-gradient(135deg,#174da8,#0f3c8d)!important;border:1px solid #16499e!important;color:#fff!important}.v127-admin .v127-ico{color:#174da8}.v127-admin .v127-arrow{color:#fff}
.v127-reject{background:linear-gradient(135deg,#fff8f8,#fff1f1)!important;border:1px solid #f1c8c8!important;color:#c92e2e!important}.v127-reject .v127-ico{background:#fde4e4;color:#d63030}.v127-reject .v127-arrow{color:#d63030}
.v127-invoice{background:linear-gradient(135deg,#fbf8ff,#f5efff)!important;border:1px solid #d9c9f2!important;color:#6332b5!important}.v127-invoice .v127-ico{background:#eee4ff;color:#6737b8}.v127-invoice .v127-arrow{color:#6737b8}
.v127-whatsapp{background:linear-gradient(135deg,#f8fff9,#effbf1)!important;border:1px solid #c6e4ca!important;color:#247a34!important}.v127-whatsapp .v127-ico{background:#def5e2;color:#15983a}.v127-whatsapp .v127-arrow{color:#247a34}
@media(max-width:1100px){.v121-actions.v127-premium-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.v127-action-card{min-height:58px!important}}
@media(max-width:650px){.v121-actions.v127-premium-actions{display:flex!important;flex-direction:column!important}.v127-action-card{min-height:60px!important}}

/* ===== V129 OPERATOR PROCESS — production focused UI ===== */
.v129-operator-modal{padding:18px!important;overflow:auto!important}.v129-op-card{width:min(1320px,calc(100vw - 36px));margin:auto;background:#fff;border:1px solid #dfe7e1;border-radius:16px;box-shadow:0 18px 55px rgba(18,48,30,.18);padding:20px;color:#1e2923}.v129-op-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.v129-op-head h2{margin:0;font-size:24px}.v129-op-head p{margin:5px 0;color:#68766e}.v129-back,.v129-footer>button{border:1px solid #bcd4c2;background:#fff;color:#216f35;border-radius:9px;padding:12px 18px;font-weight:800}.v129-op-flow{display:grid;grid-template-columns:repeat(6,1fr);margin:26px 70px 30px}.v129-op-flow>div{position:relative;text-align:center;color:#68736d}.v129-op-flow>div:before{content:"";position:absolute;right:50%;top:18px;width:100%;height:2px;background:#d9e2db}.v129-op-flow>div:first-child:before{display:none}.v129-op-flow i{position:relative;z-index:1;margin:auto;width:38px;height:38px;border:2px solid #cbd6ce;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.v129-op-flow b,.v129-op-flow small{display:block;margin-top:5px}.v129-op-flow small{font-size:10px}.v129-op-flow .done i,.v129-op-flow .current i{background:#278440;border-color:#278440;color:#fff}.v129-op-flow .done:before,.v129-op-flow .current:before{background:#48a65e}.v129-op-flow .done b,.v129-op-flow .current b{color:#25723a}.v129-summary{display:grid;grid-template-columns:2.2fr .55fr .6fr .55fr .8fr;gap:20px;align-items:center;border:1px solid #dce5de;border-radius:12px;padding:16px 20px}.v129-summary h3{display:inline;margin:0 0 0 10px}.v129-summary p{margin:8px 0 0;color:#59665f}.v129-queue{background:#e7f4df;color:#397728;border-radius:14px;padding:5px 10px;font-size:10px;font-weight:800}.v129-pay{border-left:1px solid #e2e7e3;padding-left:18px}.v129-pay span,.v129-total span{display:block;color:#69766e;font-size:10px}.v129-pay b{display:block;margin-top:8px}.v129-total{background:#f5faf6;border-radius:9px;padding:12px}.v129-total strong{display:block;color:#207638;font-size:22px;margin:4px 0 10px}.v129-total small{display:flex;justify-content:space-between;margin-top:4px}.v129-main-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin-top:18px}.v129-panel{border:1px solid #dce5de;border-radius:12px;padding:18px}.v129-panel h3{margin:0 0 16px}.v129-file{display:grid;grid-template-columns:165px 1fr;gap:20px;align-items:center}.v129-file img,.v129-file-icon{width:165px;height:165px;object-fit:contain;border:1px solid #e1e7e2;border-radius:10px;background:#f7f9f7}.v129-file-icon{display:grid;place-items:center;font-size:48px}.v129-file b{overflow-wrap:anywhere}.v129-file p{color:#6d7972}.v129-file-actions{display:flex;gap:8px;flex-wrap:wrap}.v129-file-actions button{border:1px solid #8dc29a;background:#fff;color:#26763a;border-radius:7px;padding:10px 14px;font-weight:800}.v129-file-actions button.dark{background:#202622;color:#fff;border-color:#202622}.v129-info{margin-top:24px;background:#eff7ff;border:1px solid #d3e5f6;border-radius:8px;padding:12px;color:#235b89}.v129-no-file{padding:70px 15px;text-align:center;background:#f7f9f7;border:1px dashed #ccd8cf;border-radius:10px;color:#78827c}.v129-spec-grid{display:grid;grid-template-columns:repeat(3,1fr)}.v129-spec-grid>div{min-height:64px;padding:12px 14px;border-top:1px solid #e5eae6}.v129-spec-grid span{display:block;color:#6f7c74;font-size:10px;margin-bottom:6px}.v129-spec-grid b{font-size:13px}.v129-spec-grid .qty strong{font-size:26px;color:#20813b;margin-right:5px}.v129-confirm{margin-top:18px;border:1px solid #ecdba9;background:#fffcf2;border-radius:12px;padding:20px;display:grid;grid-template-columns:.9fr 1fr 1.05fr;gap:25px}.v129-confirm h3{color:#a65d0c;margin:0 0 18px}.v129-confirm p{color:#667169}.v129-confirm label{display:block;margin-top:20px;font-weight:800}.v129-confirm input{accent-color:#268441}.v129-confirm textarea{width:100%;min-height:78px;margin-top:10px;border:1px solid #cdd8d0;border-radius:8px;padding:10px;box-sizing:border-box;resize:vertical}.v129-important{background:#f2fbf3;border:1px solid #c8e4ce;border-radius:9px;padding:14px;color:#32633c}.v129-important p{line-height:1.7;margin-bottom:0}.v129-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.v129-footer .send{min-width:340px;background:#25843d;color:#fff;border-color:#25843d}.v129-footer .send small{display:block;font-size:9px;margin-top:3px;color:#eaf6ed}.v129-footer button{cursor:pointer}
@media(max-width:900px){.v129-summary{grid-template-columns:1fr 1fr}.v129-main-grid{grid-template-columns:1fr}.v129-confirm{grid-template-columns:1fr}.v129-op-flow{margin-left:0;margin-right:0;overflow-x:auto}.v129-file{grid-template-columns:1fr}.v129-spec-grid{grid-template-columns:1fr 1fr}.v129-footer{gap:10px;align-items:stretch}.v129-footer .send{min-width:0;flex:1}}


/* ===== V130 PRINTING PROCESS ===== */
.v130-print-card{border-top:4px solid #2f7d3f!important}.v130-qty-hero{background:#fff6d7;border:1px solid #efcf64;border-radius:10px;padding:10px 14px;text-align:center}.v130-qty-hero span,.v130-qty-hero small{display:block;font-size:9px;font-weight:800;color:#806611}.v130-qty-hero strong{display:block;font-size:30px;line-height:1.05;color:#17251b;margin:3px 0}.v130-confirm{border-color:#d6dfc5!important;background:#fbfdf7!important}.v130-send{background:#176f35!important;border-color:#176f35!important}.v130-print-modal .v129-spec-grid .qty{background:#fff8dc;border:1px solid #f0d46f;border-radius:8px}.v130-print-modal .v129-spec-grid .qty strong{font-size:30px!important;color:#166f34!important}.v130-print-modal .v129-queue{background:#e4f2ff;color:#1e6090}.v130-print-modal .v129-op-head h2:after{display:none!important}
/* V131 Dispatch Process */
.v131-grid{display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:16px;margin-top:18px}.v131-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v131-form label,.v131-parcel label{font-size:10px;color:#66736b;font-weight:700}.v131-form label.wide{grid-column:1/-1}.v131-form input,.v131-form textarea,.v131-parcel input{display:block;width:100%;margin-top:5px;border:1px solid #ced9d1;border-radius:7px;padding:9px 10px;font:inherit;color:#202822;background:#fff}.v131-form textarea{min-height:62px;resize:vertical}.v131-parcel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;background:#fff8e8;border:1px solid #efd596;border-radius:8px;padding:10px}.v131-file{text-align:center}.v131-file img{width:180px;height:150px;object-fit:contain;background:#f7f9f7;border-radius:9px;border:1px solid #e1e7e2}.v131-file>b{display:block;overflow-wrap:anywhere;margin:10px}.v131-file .v129-file-actions{justify-content:center}.v131-sticker-actions{margin-top:16px;border:1px solid #d9e5db;border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:10px;background:#f8fbf8}.v131-sticker-actions>div{margin-right:auto}.v131-sticker-actions small{display:block;color:#68766e;margin-top:3px}.v131-sticker-actions button{border:1px solid #94bd9d;border-radius:8px;padding:11px 15px;background:#fff;color:#216e34;font-weight:800;cursor:pointer}.v131-sticker-actions button.print{background:#247e3a;color:#fff;border-color:#247e3a}@media(max-width:1050px){.v131-grid{grid-template-columns:1fr}.v131-form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.v131-form,.v131-parcel{grid-template-columns:1fr}.v131-form label.wide{grid-column:auto}.v131-sticker-actions{align-items:stretch;flex-direction:column}.v131-sticker-actions>div{margin-right:0}}