.special-orders{
  --so-bg:#071119;
  --so-card:#0b2029;
  --so-card-2:#111d25;
  --so-line:rgba(28,190,230,.34);
  --so-cyan:#19d7ff;
  --so-pink:#ff2bb8;
  --so-gold:#ffd36a;
  --so-green:#46f2a4;
  --so-text:#f5fbff;
  --so-muted:#9fc1cb;
}

.special-hero{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  margin-bottom:18px;
  border:1px solid var(--so-line);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(25,215,255,.18),transparent 38%),
    radial-gradient(circle at 88% 10%,rgba(255,43,184,.12),transparent 34%),
    linear-gradient(135deg,rgba(8,31,40,.98),rgba(13,23,30,.98));
  box-shadow:0 0 34px rgba(25,215,255,.09), inset 0 0 0 1px rgba(255,255,255,.035);
}

.special-hero:after{
  content:"";
  position:absolute;
  left:24px;
  bottom:0;
  width:190px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--so-cyan),var(--so-pink),var(--so-gold));
  box-shadow:0 0 18px rgba(25,215,255,.65);
}

.special-hero h2{margin:0;color:var(--so-text);letter-spacing:-.02em}
.special-hero p:not(.eyebrow){margin:7px 0 0;color:var(--so-muted);max-width:720px}

.special-layout{
  display:grid;
  grid-template-columns:minmax(330px,.86fr) minmax(480px,1.14fr);
  gap:16px;
  align-items:start;
}

.special-card{
  position:relative;
  border:1px solid var(--so-line);
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%),
    radial-gradient(circle at top right,rgba(25,215,255,.09),transparent 34%),
    linear-gradient(135deg,rgba(9,27,35,.98),rgba(18,28,35,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 24px rgba(25,215,255,.055);
  padding:22px;
  margin-bottom:16px;
  overflow:hidden;
}

.special-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:20px;
  background:linear-gradient(115deg,rgba(25,215,255,.16),transparent 18%,transparent 80%,rgba(255,43,184,.12));
  opacity:.45;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.special-card-head,.special-review-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.special-orders .special-card header,
.special-orders .special-card-head,
.special-orders .special-review-head{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--so-text)!important;
  padding:0!important;
}

.special-card h3,.special-card h4{margin:0;color:var(--so-text);letter-spacing:-.025em;line-height:1.08;font-weight:520}
.special-card h3{font-size:22px}
.special-card h4{font-size:17px}
.special-card p{margin:7px 0 0;color:var(--so-muted);line-height:1.45}
.special-card .eyebrow{margin:0 0 8px;color:#66e8ff;font-size:10px;font-weight:650;letter-spacing:.18em}

.special-import-head{
  padding-bottom:18px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(25,215,255,.14)!important;
}

.special-import-head>div{
  max-width:520px;
}

.special-status-chip{
  flex:0 0 auto;
  margin-top:2px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(70,242,164,.38);
  background:rgba(70,242,164,.075);
  color:#bbffe2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}

.special-client-mark{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  color:#cfffff;
  font-weight:900;
  font-size:12px;
  letter-spacing:.08em;
  background:linear-gradient(135deg,rgba(25,215,255,.16),rgba(255,43,184,.13));
  border:1px solid rgba(25,215,255,.38);
  box-shadow:0 0 22px rgba(25,215,255,.12),inset 0 0 18px rgba(255,255,255,.035);
}

.special-inline-help{
  margin:8px 0 0!important;
  color:#789da8!important;
  font-size:11px;
  line-height:1.45;
}

.special-inline-help kbd{
  display:inline-block;
  min-width:20px;
  padding:1px 5px;
  margin:0 1px;
  border-radius:6px;
  color:#cceef6;
  background:rgba(7,21,28,.72);
  border:1px solid rgba(25,215,255,.22);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12);
  font-size:10px;
  text-align:center;
}

.special-field{display:grid;gap:8px;font-size:12px;color:#dceff4}
.special-field>span{font-weight:800;color:#e8fbff;font-size:12px;letter-spacing:.02em}
.special-card textarea,.special-card input,.special-card select,.special-movement-dialog select{
  width:100%;
  box-sizing:border-box;
  background:rgba(4,17,24,.88);
  border:1px solid rgba(111,169,184,.46);
  border-radius:14px;
  color:#f4fbff;
  padding:13px;
  outline:none;
  box-shadow:inset 0 0 18px rgba(0,0,0,.18);
}
.special-card textarea:focus,.special-card input:focus,.special-card select:focus,.special-movement-dialog select:focus{
  border-color:rgba(25,215,255,.86);
  box-shadow:0 0 0 3px rgba(25,215,255,.1),inset 0 0 18px rgba(0,0,0,.18);
}

.special-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.special-primary,.special-save,.special-ghost-button,.special-secondary,.special-project-card button,.special-master-card button{
  border-radius:12px;
  border:1px solid rgba(25,215,255,.34);
  color:#ecfbff;
  background:linear-gradient(135deg,rgba(17,44,55,.96),rgba(18,30,39,.96));
  box-shadow:0 0 16px rgba(25,215,255,.07);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.special-primary,.special-save{
  border-color:rgba(255,43,184,.72);
  background:linear-gradient(135deg,rgba(255,43,184,.28),rgba(71,20,54,.96));
  box-shadow:0 0 22px rgba(255,43,184,.18);
}
.special-secondary,.special-ghost-button{background:rgba(255,255,255,.045)}
.special-primary:hover,.special-save:hover,.special-ghost-button:hover,.special-secondary:hover,.special-project-card button:hover,.special-master-card button:hover{
  transform:translateY(-1px);
  border-color:rgba(25,215,255,.8);
  box-shadow:0 0 24px rgba(25,215,255,.16);
}

.special-empty{
  min-height:160px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  gap:7px;
  color:var(--so-muted);
  border:1px dashed rgba(25,215,255,.2);
  border-radius:16px;
  background:rgba(5,18,25,.36);
}
.special-empty span{color:var(--so-pink);font-size:20px;text-shadow:0 0 18px rgba(255,43,184,.65)}
.special-empty b{color:#eefcff}
.special-empty p{max-width:360px;margin:0}
.special-empty.compact{min-height:86px;font-size:12px}

.special-review-head{
  padding:4px 4px 14px;
  border-bottom:1px solid rgba(25,215,255,.17);
}

.special-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(110px,1fr));
  gap:10px;
  margin:14px 0;
}
.special-kpis span{
  display:grid;
  gap:5px;
  padding:13px 14px;
  border:1px solid rgba(25,215,255,.28);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(10,42,52,.92),rgba(10,27,35,.94));
}
.special-kpis small{color:#83d6e8;font-size:10px;text-transform:uppercase;font-weight:560;letter-spacing:.08em}
.special-kpis b{color:#f3fbff;font-size:18px;font-weight:520;text-shadow:0 0 12px rgba(25,215,255,.14)}

.special-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.special-controls span{
  padding:7px 11px;
  border-radius:999px;
  font-size:11px;
  border:1px solid #3c5b68;
  background:#13242b;
  color:#b6dce7;
}
.special-controls .ok{border-color:rgba(70,242,164,.74);color:#c9ffe8;background:rgba(17,65,46,.78)}
.special-controls .warn{border-color:rgba(255,211,106,.76);color:#ffe9ad;background:rgba(61,48,14,.76)}

.special-detail-block{margin-top:12px}
.special-detail-block summary{
  cursor:pointer;
  color:#eefcff;
  font-weight:900;
  font-size:15px;
  letter-spacing:-.01em;
}
.special-table-wrap{
  overflow:auto;
  border:1px solid rgba(25,215,255,.2);
  border-radius:15px;
  margin-top:10px;
  background:rgba(8,18,24,.52);
}
.special-table{width:100%;border-collapse:collapse;font-size:12px}
.special-table th,.special-table td{padding:10px 11px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top;text-align:left}
.special-table th{color:#90e7f7;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.special-table td{color:#e6f5f8}
.special-table small{display:block;color:#83aab5;margin-top:4px;line-height:1.35}
.special-table tbody tr:hover{background:rgba(25,215,255,.04)}

.special-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:12px;
  margin-top:10px;
}
.special-plan-grid>div{
  display:grid;
  gap:7px;
  border:1px solid rgba(25,215,255,.24);
  border-radius:15px;
  padding:14px;
  background:linear-gradient(135deg,rgba(12,42,51,.85),rgba(10,25,33,.9));
}
.special-plan-grid b{color:#fff;margin-bottom:4px;font-size:14px}
.special-plan-grid span,.special-mini-plan span{font-size:12px;color:#b7dbe4}

.special-projects{margin-top:2px}
.special-master{margin-top:2px}
.special-projects-head{
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(25,215,255,.13)!important;
}
.special-master-builder{
  display:grid;
  gap:14px;
}
.special-master-select{
  display:grid;
  gap:10px;
}
.special-master-select label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border:1px solid rgba(25,215,255,.18);
  border-radius:14px;
  background:rgba(6,19,27,.48);
  cursor:pointer;
}
.special-master-select input{width:auto;margin-top:3px;accent-color:#19d7ff}
.special-master-select b{display:block;color:#f3fbff}
.special-master-select small{display:block;margin-top:3px;color:#93b7c0;line-height:1.35}
.special-master-groups{display:grid;gap:12px;margin-top:16px}
.special-project-card,.special-master-card{
  border:1px solid rgba(25,215,255,.26);
  border-radius:16px;
  padding:15px;
  margin-bottom:12px;
  background:linear-gradient(135deg,rgba(12,31,39,.96),rgba(12,23,30,.96));
}
.special-master-card{border-color:rgba(255,43,184,.26);background:linear-gradient(135deg,rgba(13,32,42,.98),rgba(23,18,33,.96))}
.special-project-card header,.special-master-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
.special-project-card header>span,.special-master-card header>span{
  height:max-content;
  border:1px solid rgba(25,215,255,.66);
  border-radius:999px;
  padding:5px 10px;
  color:#baf2ff;
  font-size:11px;
  background:rgba(25,215,255,.08);
}
.special-master-card header>span{border-color:rgba(255,43,184,.54);background:rgba(255,43,184,.1);color:#ffd6f3}
.special-master-kpis{grid-template-columns:repeat(4,minmax(110px,1fr));margin:12px 0}
.special-consolidated-grid{display:grid;gap:14px;margin-top:12px}
.special-consolidated-panel{
  border:1px solid rgba(25,215,255,.16);
  border-radius:16px;
  padding:14px;
  background:rgba(6,19,27,.42);
}
.special-plan-grid.compact{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}
.special-plan-grid.compact>div{padding:12px}
.special-breakdown-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:10px;
}
.special-breakdown-card{
  display:grid;
  gap:7px;
  align-content:start;
  border:1px solid rgba(25,215,255,.16);
  border-radius:14px;
  padding:12px;
  background:rgba(5,17,24,.46);
}
.special-breakdown-card>b{color:#fff;font-size:13px;margin-bottom:3px}
.special-breakdown-card span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:5px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.special-breakdown-card span:last-child{border-bottom:0}
.special-breakdown-card small{color:#91c3cf;font-size:11px}
.special-breakdown-card strong{color:#f4fbff;font-size:12px}
.special-breakdown-card em{color:#789da8;font-style:normal;font-size:12px}
.special-meta-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:9px;
  margin:10px 0 12px;
}
.special-meta-grid span{
  display:grid;
  gap:3px;
  padding:9px 10px;
  border:1px solid rgba(25,215,255,.14);
  border-radius:12px;
  background:rgba(5,17,24,.48);
}
.special-meta-grid small{
  color:#74c9db;
  font-size:9px;
  font-weight:560;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.special-meta-grid b{
  color:#e8f7fb;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
}
.special-mini-plan{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.special-mini-plan span{padding:6px 9px;border-radius:999px;background:#0c2933;border:1px solid rgba(25,215,255,.22)}
.special-project-card footer,.special-master-card footer{display:flex;gap:8px;flex-wrap:wrap}

.special-stage-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:8px 0 14px;
}
.special-stage-note{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:8px 0 14px;
  padding:10px 12px;
  border:1px solid rgba(70,242,164,.18);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(70,242,164,.08),rgba(25,215,255,.04));
}
.special-stage-note b{
  color:#d9fff0;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.special-stage-note span{
  color:#9fcbd4;
  font-size:12px;
}
.special-workbook-tabs{
  display:flex;
  gap:8px;
  align-items:flex-end;
  margin:14px 0 0;
  border-bottom:1px solid rgba(25,215,255,.22);
}
.special-workbook-tabs button{
  position:relative;
  padding:10px 18px;
  border-radius:14px 14px 0 0;
  border:1px solid rgba(25,215,255,.2);
  border-bottom:0;
  color:#9ed4df;
  background:linear-gradient(180deg,rgba(8,27,36,.72),rgba(5,18,25,.9));
  box-shadow:none;
}
.special-workbook-tabs button.active{
  color:#fff;
  border-color:rgba(25,215,255,.52);
  background:
    radial-gradient(circle at top,rgba(25,215,255,.18),transparent 58%),
    linear-gradient(180deg,rgba(10,47,59,.98),rgba(8,27,36,.98));
  box-shadow:0 -8px 24px rgba(25,215,255,.08);
}
.special-workbook-tabs button.active:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#ff2bb8);
  box-shadow:0 0 14px rgba(25,215,255,.55);
}
.special-sheet-page{
  display:none;
  padding:16px 0 0;
}
.special-sheet-page.active{
  display:block;
}
.special-stage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:12px;
  margin:12px 0 14px;
}
.special-stage-panel{
  border:1px solid rgba(25,215,255,.18);
  border-radius:16px;
  padding:13px;
  background:linear-gradient(135deg,rgba(5,22,31,.74),rgba(10,18,25,.82));
}
.special-stage-panel.wide{
  padding:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(25,215,255,.08),transparent 30%),
    linear-gradient(135deg,rgba(5,22,31,.88),rgba(10,18,25,.92));
}
.special-stage-panel header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px!important;
}
.special-stage-panel h5{
  margin:0;
  color:#f4fbff;
  font-size:14px;
  letter-spacing:-.01em;
}
.special-stage-panel header p:not(.eyebrow){
  margin:5px 0 0;
  color:#91b9c2;
  font-size:12px;
}
.special-stage-panel header>strong{
  color:#fff;
  padding:7px 10px;
  border:1px solid rgba(255,43,184,.34);
  border-radius:999px;
  background:rgba(255,43,184,.09);
  font-size:12px;
  white-space:nowrap;
}
.special-progress-list{
  display:grid;
  gap:8px;
  max-height:520px;
  overflow:auto;
  padding-right:2px;
}
.special-progress-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 84px auto;
  gap:9px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(3,14,20,.48);
}
.special-progress-row span{
  display:grid;
  gap:3px;
  min-width:0;
}
.special-progress-row b{
  color:#eefcff;
  font-size:12px;
  line-height:1.25;
}
.special-progress-row small{
  color:#8db7c1;
  font-size:11px;
}
.special-progress-row i{
  position:relative;
  display:block;
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(25,215,255,.13);
}
.special-progress-row i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#46f2a4);
  box-shadow:0 0 12px rgba(25,215,255,.45);
}
.special-progress-row>strong,.special-progress-row>em{
  color:#c9eaf1;
  font-size:11px;
  font-style:normal;
  text-align:right;
}
.special-progress-row.is-variable{
  grid-template-columns:minmax(0,1fr) auto;
  border-color:rgba(255,211,106,.18);
}
.special-progress-row.is-variable em{
  color:#ffe2a0;
  border:1px solid rgba(255,211,106,.28);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(255,211,106,.08);
}
.special-inline-capture{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(72px,.55fr) minmax(72px,.55fr) minmax(120px,1fr) auto;
  gap:7px;
  align-items:center;
  margin-top:2px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.055);
}
.special-inline-capture.cut{
  grid-template-columns:minmax(72px,.45fr) minmax(150px,1fr) auto;
}
.special-inline-capture input{
  width:100%;
  min-width:0;
  height:34px;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid rgba(111,169,184,.34);
  background:rgba(3,14,20,.82);
  color:#f4fbff;
  padding:7px 9px;
  outline:none;
}
.special-inline-capture input:focus{
  border-color:rgba(25,215,255,.78);
  box-shadow:0 0 0 2px rgba(25,215,255,.1);
}
.special-inline-capture button{
  height:34px;
  padding:0 10px;
  border-radius:10px;
  font-size:11px;
  white-space:nowrap;
}
.special-purchase-table,.special-cut-table{
  display:grid;
  gap:8px;
}
.special-oc-progress{
  display:grid;
  gap:10px;
  margin:0 0 14px;
  padding:12px;
  border:1px solid rgba(25,215,255,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(4,24,31,.78),rgba(5,13,20,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.special-oc-progress-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.special-oc-progress-head h5{
  margin:2px 0 0;
  color:#f4fbff;
  font-weight:520;
}
.special-oc-progress-head small{
  color:#8fb5bf;
  font-size:11px;
}
.special-oc-progress-card{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid rgba(111,169,184,.2);
  border-radius:15px;
  background:rgba(3,14,20,.54);
}
.special-oc-progress-card.ready{
  border-color:rgba(70,242,164,.45);
  box-shadow:0 0 0 1px rgba(70,242,164,.06),0 0 22px rgba(70,242,164,.05);
}
.special-oc-progress-card.complete{
  border-color:rgba(25,215,255,.48);
  box-shadow:0 0 0 1px rgba(25,215,255,.08),0 0 24px rgba(25,215,255,.07);
}
.special-oc-progress-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.special-oc-progress-title b{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:520;
  letter-spacing:.01em;
}
.special-oc-progress-title span{
  display:block;
  margin-top:3px;
  color:#8fb5bf;
  font-size:11px;
}
.special-oc-progress-title strong{
  color:#46f2a4;
  font-size:12px;
  font-weight:520;
  text-align:right;
  white-space:nowrap;
}
.special-oc-meter{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
}
.special-oc-meter i{
  display:block;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.special-oc-meter i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#ff2bbd,#46f2a4);
}
.special-oc-meter span{
  color:#c8ecf4;
  font-size:11px;
  white-space:nowrap;
}
.special-oc-route-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:7px;
}
.special-oc-route-grid span{
  display:block;
  padding:8px 9px;
  border:1px solid rgba(25,215,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.special-oc-route-grid b{
  display:block;
  color:#eafaff;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
.special-oc-route-grid em{
  display:block;
  margin-top:3px;
  color:#8fb5bf;
  font-style:normal;
  font-size:10px;
}
.special-purchase-table,.special-cut-table,.special-maquila-table,.special-process-table{
  padding:10px;
  border:1px solid rgba(25,215,255,.13);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(5,30,38,.55),rgba(3,14,20,.38));
}
.special-mini-board-head{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
  padding:9px 13px;
  border:1px solid rgba(25,215,255,.19);
  border-radius:14px;
  background:rgba(4,19,26,.78);
  color:#44e7ff;
  font-size:10px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:650;
}
.special-mini-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:12px;
}
.special-maquila-table .special-mini-card-grid,.special-process-table .special-mini-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
}
.special-mini-card{
  min-height:172px;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:14px 14px 12px;
  border:1px solid rgba(25,215,255,.12);
  border-radius:16px;
  background:
    radial-gradient(circle at top left,rgba(25,215,255,.09),transparent 34%),
    linear-gradient(180deg,rgba(5,23,30,.86),rgba(3,13,18,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.18);
}
.special-work-mini{
  min-height:178px;
}
.special-maquila-mini,.special-process-mini{
  min-height:250px;
}
.special-process-card-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:start;
}
.special-process-card-head>strong{
  min-width:48px;
  text-align:right;
}
.special-process-card-head>strong b{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:500;
}
.special-process-card-head>strong small{
  display:block;
  margin-top:1px;
  color:#49e8ff;
  font-size:11px;
  font-weight:400;
}
.special-mini-card:hover{
  border-color:rgba(25,215,255,.27);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px rgba(25,215,255,.05),0 12px 26px rgba(0,0,0,.22);
}
.special-purchase-info{
  min-height:40px;
}
.special-mini-status{
  display:flex;
  align-items:center;
  gap:6px;
  color:#4fe9ff;
  font-size:10px;
  letter-spacing:.01em;
}
.special-mini-status i{
  width:6px;
  height:6px;
  border-radius:999px;
  background:#31e6ff;
  box-shadow:0 0 10px rgba(49,230,255,.75);
}
.special-purchase-name{
  margin:0;
  color:#f5fcff;
  font-size:13px;
  line-height:1.25;
  font-weight:600;
}
.special-purchase-info small{
  display:block;
  margin-top:3px;
  color:#8ab6c0;
  font-size:10px;
}
.special-purchase-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.special-purchase-metrics span{
  min-width:0;
  padding:2px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.special-purchase-metrics em{
  display:block;
  color:#78d6e6;
  font-style:normal;
  font-size:9px;
  letter-spacing:.03em;
  text-transform:none;
}
.special-purchase-metrics strong{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:12px;
  font-weight:600;
}
.special-purchase-metrics small{
  display:block;
  color:#8fb5bf;
  font-size:9px;
}
.special-purchase-capture{
  margin-top:auto;
  display:grid;
  grid-template-columns:.8fr .7fr 1fr;
  gap:7px;
  padding-top:8px;
  border-top:1px solid rgba(25,215,255,.1);
}
.special-purchase-capture button{
  grid-column:1/-1;
  justify-self:center;
  min-width:82px;
  height:34px;
  padding:0 14px;
  border-radius:11px;
  font-size:11px;
  border-color:rgba(255,43,189,.88);
  color:#fff;
  background:linear-gradient(180deg,rgba(255,43,189,.23),rgba(122,18,82,.38));
  box-shadow:0 0 0 1px rgba(255,43,189,.22),0 0 16px rgba(255,43,189,.22);
}
.special-purchase-capture button:hover{
  box-shadow:0 0 0 1px rgba(255,43,189,.45),0 0 22px rgba(255,43,189,.36);
  transform:translateY(-1px);
}
.special-compact-capture{
  grid-template-columns:minmax(82px,.75fr) minmax(120px,1fr);
}
.special-compact-capture button{
  grid-column:1/-1;
}
.special-mini-meter{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
}
.special-mini-meter i{
  display:block;
  height:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.special-mini-meter i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#ff2bbd,#46f2a4);
}
.special-mini-meter span{
  color:#9fd9e5;
  font-size:10px;
}
.special-process-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.special-process-tabs button{
  height:34px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(111,169,184,.28);
  background:rgba(255,255,255,.045);
  color:#c8ecf4;
  font-size:11px;
}
.special-process-tabs button.active{
  border-color:rgba(25,215,255,.72);
  color:#4fe9ff;
  box-shadow:0 0 0 1px rgba(25,215,255,.18),0 0 14px rgba(25,215,255,.12);
}
.special-oc-chip-grid{
  display:grid;
  gap:6px;
}
.special-oc-chip-grid.process{
  grid-template-columns:repeat(auto-fit,minmax(70px,1fr));
  gap:8px;
  margin:2px 0 1px;
}
.special-oc-chip-grid span{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 8px;
  padding:7px 8px;
  border:1px solid rgba(25,215,255,.11);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.special-oc-chip-grid.process span{
  display:block;
  padding:6px 5px;
  text-align:center;
  border-color:rgba(25,215,255,.08);
  background:transparent;
}
.special-oc-chip-grid b{
  color:#def7ff;
  font-size:10px;
  font-weight:600;
}
.special-oc-chip-grid.process b{
  display:block;
  color:#dff9ff;
  font-size:11px;
  font-weight:400;
  line-height:1.1;
}
.special-oc-chip-grid.process strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.05;
  font-weight:500;
}
.special-oc-chip-grid em{
  justify-self:end;
  color:#9fd9e5;
  font-size:10px;
  font-style:normal;
}
.special-oc-chip-grid.process em{
  display:block;
  margin-top:2px;
  color:#aee6ef;
  font-size:9px;
}
.special-oc-chip-grid i{
  grid-column:1/-1;
  display:block;
  height:5px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.special-oc-chip-grid i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#46f2a4);
}
.special-oc-chip-grid.process i{
  margin-top:4px;
  height:4px;
  background:rgba(255,255,255,.12);
}
.special-oc-progress-compact{
  margin-bottom:14px;
}
.special-oc-compact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
}
.special-oc-progress-card.mini{
  padding:10px 11px;
  gap:8px;
}
.special-oc-progress-card.mini .special-oc-route-grid{
  display:none;
}
.special-oc-progress-card.mini .special-oc-progress-title b{
  font-size:13px;
}
.special-oc-progress-card.mini .special-oc-progress-title span,
.special-oc-progress-card.mini .special-oc-meter span{
  font-size:10px;
}
.special-oc-progress-card.mini .special-oc-progress-title strong{
  font-size:11px;
}
.special-maquila-mini .special-maquila-actions{
  margin-top:auto;
}
.special-maquila-mini .special-row-capture.maq{
  grid-template-columns:minmax(90px,1fr) minmax(76px,.7fr) auto;
}
.special-maquila-mini .special-row-capture button{
  border-color:rgba(255,43,189,.78);
  background:linear-gradient(180deg,rgba(255,43,189,.2),rgba(122,18,82,.34));
  box-shadow:0 0 0 1px rgba(255,43,189,.16),0 0 13px rgba(255,43,189,.16);
}
.special-work-row{
  display:grid;
  grid-template-columns:minmax(230px,1.4fr) minmax(120px,.55fr) minmax(120px,.55fr) minmax(340px,1.65fr);
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(3,14,20,.48);
}
.special-work-row.purchase{
  grid-template-columns:minmax(230px,1.25fr) minmax(128px,.55fr) minmax(110px,.5fr) minmax(90px,.45fr) minmax(90px,.45fr) minmax(150px,.75fr) auto;
}
.special-work-row.maquila{
  grid-template-columns:minmax(260px,1.15fr) minmax(90px,.35fr) minmax(130px,.5fr) minmax(420px,1.65fr);
  align-items:start;
}
.special-work-row.process{
  grid-template-columns:minmax(220px,1fr) minmax(110px,.45fr) minmax(130px,.55fr) minmax(320px,1.3fr);
}
.special-work-row.head{
  position:sticky;
  top:0;
  z-index:1;
  padding:9px 12px;
  color:#78dff2;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:900;
  background:rgba(7,24,32,.96);
  border-color:rgba(25,215,255,.18);
}
.special-work-row.head.purchase{
  grid-template-columns:minmax(230px,1.25fr) minmax(128px,.55fr) minmax(110px,.5fr) minmax(90px,.45fr) minmax(90px,.45fr) minmax(150px,.75fr) auto;
}
.special-work-row.head.maquila{
  grid-template-columns:minmax(260px,1.15fr) minmax(90px,.35fr) minmax(130px,.5fr) minmax(420px,1.65fr);
}
.special-work-row.head.process{
  grid-template-columns:minmax(220px,1fr) minmax(110px,.45fr) minmax(130px,.55fr) minmax(320px,1.3fr);
}
.special-work-row b{
  display:block;
  color:#f4fbff;
  font-size:13px;
  font-weight:620;
  line-height:1.25;
}
.special-work-row small{
  display:block;
  margin-top:3px;
  color:#8fb5bf;
  font-size:11px;
}
.special-work-row strong{
  color:#fff;
  font-size:15px;
  font-weight:650;
}
.special-work-row i{
  display:block;
  height:7px;
  margin-top:7px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.special-work-row i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#46f2a4);
}
.special-row-capture{
  display:grid;
  gap:7px;
  align-items:center;
}
.special-row-capture.purchase{
  grid-template-columns:minmax(72px,.45fr) 80px minmax(82px,.45fr) minmax(86px,.5fr) minmax(150px,1fr) auto;
}
.special-row-capture.cut{
  grid-template-columns:minmax(86px,.55fr) minmax(180px,1fr) auto;
}
.special-row-capture.maq{
  grid-template-columns:minmax(120px,1fr) minmax(90px,.55fr) auto;
}
.special-row-capture input,.special-row-capture select{
  width:100%;
  min-width:0;
  height:36px;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid rgba(111,169,184,.36);
  background:rgba(3,14,20,.88);
  color:#f4fbff;
  padding:8px 10px;
  outline:none;
}
.special-row-capture input:focus,.special-row-capture select:focus{
  border-color:rgba(25,215,255,.78);
  box-shadow:0 0 0 2px rgba(25,215,255,.1);
}
.special-row-capture button{
  height:36px;
  padding:0 12px;
  border-radius:10px;
  font-size:11px;
}
.special-table-input{
  width:100%;
  min-width:0;
  height:36px;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid rgba(111,169,184,.36);
  background:rgba(3,14,20,.88);
  color:#f4fbff;
  padding:8px 10px;
  outline:none;
}
.special-table-input:focus{
  border-color:rgba(25,215,255,.78);
  box-shadow:0 0 0 2px rgba(25,215,255,.1);
}
.special-summary-progress{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:12px;
  margin-bottom:14px;
}
.special-summary-meter{
  display:grid;
  gap:8px;
  padding:13px;
  border:1px solid rgba(25,215,255,.18);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(6,25,34,.72),rgba(4,15,22,.82));
}
.special-summary-meter span{
  display:grid;
  gap:4px;
}
.special-summary-meter small{
  color:#7fe2f6;
  font-size:10px;
  font-weight:560;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.special-summary-meter b{
  color:#f4fbff;
  font-size:14px;
  font-weight:520;
  line-height:1.3;
}
.special-summary-meter>i{
  height:9px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(25,215,255,.14);
}
.special-summary-meter>i u{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#19d7ff,#46f2a4);
  box-shadow:0 0 14px rgba(25,215,255,.46);
}
.special-summary-meter>strong{
  color:#fff;
  font-size:12px;
}
.special-summary-meter.fabric{
  align-content:center;
}
.special-maquila-accounts{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:10px;
  margin:0 0 14px;
}
.special-account-card{
  display:grid;
  gap:6px;
  padding:12px;
  border:1px solid rgba(255,43,184,.18);
  border-radius:14px;
  background:rgba(26,12,29,.42);
}
.special-account-card b{color:#fff}
.special-account-card span{color:#aad0d8;font-size:12px}
.special-account-card strong{color:#ffd8f4}
.special-maquila-actions{
  display:grid;
  gap:7px;
}
.special-finance-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 14px;
}
.special-finance-entry,.special-finance-account{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(25,215,255,.2);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(4,24,32,.9),rgba(10,17,27,.88));
  box-shadow:inset 0 0 24px rgba(25,215,255,.025);
}
.special-finance-entry h6,.special-finance-account h6{
  margin:2px 0 4px;
  color:#f5fbff;
  font-size:15px;
}
.special-finance-entry small,.special-finance-account small{color:#93bcc6}
.special-finance-entry label,.special-finance-form label{
  display:grid;
  gap:5px;
  color:#86dff2;
  font-size:10px;
  text-transform:uppercase;
}
.special-finance-entry select,.special-finance-form input,.special-finance-form select,.special-credit-list input,.special-credit-list select{
  width:100%;
  min-width:0;
  height:37px;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid rgba(104,191,211,.34);
  border-radius:10px;
  background:rgba(2,13,20,.9);
  color:#f2fbff;
  outline:none;
}
.special-finance-entry select:focus,.special-finance-form input:focus,.special-finance-form select:focus,.special-credit-list input:focus,.special-credit-list select:focus{
  border-color:#21d8ff;
  box-shadow:0 0 0 2px rgba(33,216,255,.1);
}
.special-finance-form{
  display:grid;
  gap:8px;
  align-items:center;
}
.special-finance-form.historical{grid-template-columns:repeat(3,minmax(0,1fr))}
.special-finance-form.credit{grid-template-columns:repeat(2,minmax(0,1fr))}
.special-finance-form.payment{grid-template-columns:minmax(105px,.5fr) minmax(210px,1.2fr) minmax(105px,.55fr) minmax(110px,.7fr) minmax(160px,1fr) auto}
.special-finance-form.valuation{grid-template-columns:minmax(110px,.7fr) minmax(110px,.7fr) auto;grid-column:1/-1}
.special-finance-form button,.special-credit-list button{
  min-height:37px;
  padding:7px 12px;
  border:1px solid rgba(25,215,255,.55);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(20,116,143,.38),rgba(255,43,184,.14));
  color:#f8fdff;
  font-size:11px;
  font-weight:700;
}
.special-calculation-note{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-left:2px solid rgba(61,240,170,.65);
  border-radius:0 8px 8px 0;
  background:rgba(61,240,170,.06);
  color:#a9d8ca!important;
  font-size:10px!important;
  line-height:1.45;
}
.special-finance-accounts{display:grid;gap:12px}
.special-finance-account>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.special-finance-account>header>span{
  padding:6px 10px;
  border:1px solid rgba(25,215,255,.35);
  border-radius:999px;
  color:#b8f3ff;
  font-size:11px;
  white-space:nowrap;
}
.special-finance-account>header>span.pending{border-color:rgba(255,184,52,.5);color:#ffe0a2;background:rgba(255,184,52,.08)}
.special-finance-account>header>span.credit{border-color:rgba(61,240,170,.5);color:#adffdd;background:rgba(61,240,170,.08)}
.special-account-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.special-account-kpis span{
  display:grid;
  gap:4px;
  padding:9px 10px;
  border:1px solid rgba(25,215,255,.13);
  border-radius:11px;
  background:rgba(1,13,20,.52);
}
.special-account-kpis small{color:#7ccbdc;font-size:9px;text-transform:uppercase}
.special-account-kpis b{color:#f5fcff;font-size:13px}
.special-finance-receipts{display:grid;gap:8px}
.special-finance-receipt{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border:1px solid rgba(25,215,255,.14);
  border-radius:12px;
  background:rgba(2,13,20,.58);
}
.special-finance-receipt>div:first-child{display:grid;gap:3px}
.special-finance-receipt>div:first-child b{color:#f2fbff;font-size:12px}
.special-finance-status{display:grid;justify-items:end;gap:3px}
.special-finance-status span{color:#ffd18a;font-size:10px;text-transform:uppercase}
.special-finance-status b{color:#fff;font-size:13px}
.special-finance-receipt.is-paid{
  border-color:rgba(61,240,170,.34)!important;
  background:linear-gradient(135deg,rgba(17,58,48,.72),rgba(2,20,27,.88))!important;
  color:#f2fbff!important;
}
.special-finance-receipt.is-paid .special-finance-status span{color:#78efba}
.special-finance-receipt.is-unvalued{border-color:rgba(255,184,52,.3)}
.special-credit-list{
  display:grid;
  gap:7px;
  padding-top:10px;
  border-top:1px solid rgba(25,215,255,.14);
}
.special-credit-list>b{color:#83eaff;font-size:11px;text-transform:uppercase}
.special-credit-list>div{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(210px,1.2fr) 110px auto;gap:8px;align-items:center}
.special-credit-list span{color:#b8d8df;font-size:11px}
.special-filter-bar{
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 12px;
  padding:10px;
  border:1px solid rgba(25,215,255,.18);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(3,20,28,.86),rgba(4,12,18,.72));
}
.special-filter-bar>span{
  align-self:center;
  margin-right:4px;
  color:#63e5ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.special-filter-bar label{
  display:grid;
  gap:5px;
  min-width:105px;
  color:#93c5d0;
  font-size:10px;
}
.special-filter-bar label.wide{
  min-width:min(280px,100%);
  flex:1 1 240px;
}
.special-filter-bar select,
.special-filter-bar input{
  min-height:32px;
  padding:6px 9px;
  border:1px solid rgba(111,169,184,.38);
  border-radius:10px;
  background:#061923;
  color:#ecfbff;
  outline:none;
}
.special-filter-bar input::placeholder{color:#6f9eaa}
.special-filter-bar select:focus,
.special-filter-bar input:focus{
  border-color:#19d7ff;
  box-shadow:0 0 0 2px rgba(25,215,255,.1);
}
.special-filter-bar button{
  min-height:32px;
  padding:6px 11px;
  border:1px solid rgba(255,43,184,.52);
  border-radius:10px;
  background:rgba(255,43,184,.08);
  color:#ffd7f2;
}
.special-filter-bar button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.special-movement-log{
  --log-min:210px;
}
.special-movement-log>header{
  margin-bottom:12px;
}
.special-movement-log>article,
.special-movement-log>.special-empty{
  display:inline-grid;
}
.special-log-mini{
  position:relative;
  display:inline-grid;
  vertical-align:top;
  width:calc(25% - 10px);
  min-width:var(--log-min);
  min-height:132px;
  box-sizing:border-box;
  gap:5px;
  margin:0 8px 10px 0;
  padding:12px;
  border:1px solid rgba(25,215,255,.18);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(2,18,25,.95),rgba(7,28,37,.78));
  box-shadow:inset 0 0 20px rgba(25,215,255,.035);
}
.special-log-mini-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.special-log-mini-head span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#68e5ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
.special-log-mini-head span i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#20d7ff;
  box-shadow:0 0 10px rgba(32,215,255,.65);
}
.special-log-mini-head b{
  color:#f4fbff;
  font-size:12px;
}
.special-log-mini strong{
  color:#f2fbff;
  font-size:12px;
  line-height:1.25;
}
.special-log-mini small{
  color:#9fd2dd;
  font-size:10px;
}
.special-log-mini em{
  color:#789da8;
  font-style:normal;
  font-size:10px;
}
.special-log-mini p{
  margin:1px 0 0!important;
  color:#aecdd5!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.special-log-mini button{
  justify-self:start;
  min-height:27px;
  margin-top:3px;
  padding:5px 10px;
  border:1px solid rgba(255,43,184,.5);
  border-radius:9px;
  background:rgba(255,43,184,.07);
  color:#ffd8f4;
  font-size:10px;
}
.special-log-mini.is-cancelled{
  opacity:.58;
  border-color:rgba(255,43,184,.2);
}
.special-log-mini.is-cancelled strong,
.special-log-mini.is-cancelled small{
  text-decoration:line-through;
  text-decoration-color:rgba(255,43,184,.55);
}
@media(max-width:1250px){
  .special-log-mini{width:calc(33.333% - 10px)}
}
@media(max-width:900px){
  .special-log-mini{width:calc(50% - 10px)}
}
@media(max-width:620px){
  .special-log-mini{width:100%;margin-right:0}
}
.special-accumulate-button{
  border-color:rgba(25,215,255,.45)!important;
  background:rgba(25,215,255,.06)!important;
  color:#bdf3ff!important;
}
.special-movement-dialog{
  max-width:760px;
}
.special-movement-dialog .special-primary{
  padding:10px 14px;
}

.special-delivery-panel{min-width:0}
.special-delivery-hint{color:#a9c8d1;font-size:12px;line-height:1.55;margin:0 0 16px}
.special-delivery-oc-list{display:grid;gap:14px}
.special-delivery-oc{min-width:0;padding:14px;border:1px solid rgba(52,196,226,.3);border-radius:14px;background:rgba(4,20,31,.5)}
.special-delivery-oc-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(133,211,225,.18)}
.special-delivery-oc-head strong{color:#e5faff}
.special-delivery-oc-head span{color:#8ee2d0;font-size:12px;text-align:right}
.special-delivery-toggle{margin-top:9px;border:1px solid rgba(52,196,226,.35);border-radius:8px;background:rgba(13,41,54,.65);color:#b9e8f1;font-size:11px;padding:7px 10px}
.special-delivery-rows{display:grid;gap:7px;margin-top:10px}
.special-delivery-row{display:grid;grid-template-columns:minmax(200px,2fr) minmax(230px,2fr) minmax(115px,.7fr);gap:12px;align-items:center;min-width:0;padding:10px;border:1px solid rgba(133,211,225,.16);border-radius:10px;background:rgba(17,43,53,.7);color:#e5faff}
.special-delivery-row.is-unavailable{opacity:.58}
.special-delivery-description{min-width:0;display:grid;gap:3px}
.special-delivery-description small{overflow-wrap:anywhere;color:#afc8ce}
.special-delivery-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;text-align:center}
.special-delivery-counts small,.special-delivery-input small{display:grid;gap:3px;color:#9dbdc6;font-size:10px}
.special-delivery-counts b{color:#e5faff;font-size:12px}
.special-delivery-input{display:grid;gap:5px}
.special-delivery-input input{width:100%;min-width:0;box-sizing:border-box;color:#fff}
.special-delivery-total{text-align:right;color:#b7f2f4;font-size:12px;margin-top:10px}
.special-delivery-actions{display:flex;gap:12px;align-items:end;justify-content:flex-end;margin:18px 0;flex-wrap:wrap}
.special-delivery-actions label{display:grid;gap:5px;min-width:min(280px,100%);color:#abcbd1;font-size:11px}
.special-delivery-actions input{width:100%;box-sizing:border-box}
.special-delivery-history{border-top:1px solid rgba(133,211,225,.2);padding-top:14px}
.special-delivery-history h6{color:#dff7ff;margin:0 0 10px;font-size:13px}
.special-delivery-history article{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;border:1px solid rgba(133,211,225,.17);border-radius:9px;margin:6px 0;background:rgba(9,30,39,.7)}
.special-delivery-history article div{display:grid;gap:4px}
.special-delivery-history article small{color:#aac6ce}
@media(max-width:800px){.special-delivery-row{grid-template-columns:1fr}.special-delivery-counts{max-width:100%}.special-delivery-input{grid-template-columns:1fr 100px;align-items:center}.special-delivery-input small{text-align:left}}
@media(max-width:500px){.special-delivery-oc-head,.special-delivery-history article{align-items:flex-start;flex-direction:column}.special-delivery-counts{grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}.special-delivery-counts small{display:flex;gap:5px}.special-delivery-total{text-align:left}.special-delivery-actions{align-items:stretch;flex-direction:column}.special-delivery-actions label,.special-delivery-actions button{width:100%}}

@media(max-width:980px){
  .special-orders,.special-layout,.special-card,.special-projects,.special-master,.special-master-groups,.special-project-card,.special-master-card,.special-sheet-page,.special-stage-panel{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .special-layout,.special-plan-grid{grid-template-columns:1fr}
  .special-kpis{grid-template-columns:repeat(2,1fr)}
  .special-meta-grid{grid-template-columns:repeat(2,1fr)}
  .special-plan-grid.compact,.special-breakdown-grid,.special-stage-grid{grid-template-columns:1fr}
  .special-workbook-tabs{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch}
  .special-workbook-tabs button{flex:0 0 auto;white-space:nowrap}
  .special-work-row,.special-summary-progress{grid-template-columns:1fr}
  .special-row-capture.purchase,.special-row-capture.cut{grid-template-columns:1fr}
  .special-finance-entry-grid{grid-template-columns:1fr}
  .special-finance-form.historical,.special-finance-form.credit,.special-finance-form.payment,.special-finance-form.valuation,.special-credit-list>div{grid-template-columns:1fr}
  .special-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .special-finance-receipt{grid-template-columns:1fr}
  .special-finance-status{justify-items:start}
  .special-hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .special-orders{padding:0}
  .special-hero,.special-card,.special-project-card,.special-master-card,.special-stage-panel{padding:14px;border-radius:14px}
  .special-card-head,.special-review-head,.special-project-card header,.special-master-card header,.special-stage-panel header{flex-direction:column;align-items:stretch}
  .special-kpis,.special-meta-grid,.special-master-kpis,.special-account-kpis{grid-template-columns:1fr 1fr}
  .special-workbook-tabs{gap:6px;padding-bottom:6px}
  .special-workbook-tabs button{min-height:40px;padding:9px 12px}
  .special-purchase-capture,.special-compact-capture,.special-row-capture.maq{grid-template-columns:1fr!important}
  .special-finance-entry,.special-finance-account{padding:13px}
  .special-table-wrap,.special-process-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
}