.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}
.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:900;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{
  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{
  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{
  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{
  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-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:800;letter-spacing:.08em}
.special-kpis b{color:#fff;font-size:18px;text-shadow:0 0 15px rgba(25,215,255,.18)}

.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:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.special-meta-grid b{
  color:#e8f7fb;
  font-size:12px;
  font-weight:800;
  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}

@media(max-width:980px){
  .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{grid-template-columns:1fr}
  .special-hero{align-items:flex-start;flex-direction:column}
}