/* styles-dashboard-orders.css — блок «Производственные заказы» на дашборде Manager. */

.dash-orders-card {
  grid-column: span 8;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.dash-orders-card h3 {
  margin-bottom: 6px;
}

.dash-ord-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(106, 141, 204, 0.28);
  border-radius: 8px;
  background: rgba(8, 18, 36, 0.55);
}

.dash-ord-table {
  width: 100%;
  height: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 10.5px;
  color: #e7f1ff;
}

.dash-ord-table thead th {
  background: linear-gradient(180deg, rgba(34, 56, 100, 0.95), rgba(22, 38, 72, 0.95));
  color: #d6e5ff;
  font-weight: 660;
  letter-spacing: 0.01em;
  text-transform: none;
  font-size: 9px;
  padding: 3px 2px;
  border-right: 1px solid rgba(106, 141, 204, 0.22);
  border-bottom: 1px solid rgba(106, 141, 204, 0.36);
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
  line-height: 1.05;
}

.dash-ord-table thead th:last-child {
  border-right: 0;
}

.dash-ord-table .dash-ord-stages-group {
  color: #c6d5ee;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(106, 141, 204, 0.36);
}

.dash-ord-table tbody td {
  padding: 3px 3px;
  border-bottom: 1px solid rgba(106, 141, 204, 0.18);
  border-right: 1px solid rgba(106, 141, 204, 0.12);
  text-align: center;
  vertical-align: middle;
  color: #e7f1ff;
  background: rgba(16, 30, 58, 0.55);
  font-size: 10px;
}

.dash-ord-table tbody tr {
  height: 33.33%;
}

.dash-ord-table tbody td:last-child {
  border-right: 0;
}

.dash-ord-table tbody tr.is-empty td {
  background: rgba(16, 30, 58, 0.25);
  border-bottom-color: rgba(106, 141, 204, 0.10);
  height: 24px;
}

.dash-ord-table .dash-ord-date,
.dash-ord-table .dash-ord-pz,
.dash-ord-table .dash-ord-client {
  text-align: center;
  white-space: nowrap;
  color: #ecf3ff;
}

.dash-ord-table .dash-ord-pz {
  font-weight: 640;
  letter-spacing: 0;
}

.dash-ord-table .dash-ord-qty,
.dash-ord-table .dash-ord-plan {
  white-space: nowrap;
  color: #ecf3ff;
}

.dash-ord-stage {
  padding: 1px 2px !important;
}

.dash-ord-ring {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
}

.dash-ord-ring svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.dash-ord-ring .dash-ord-ring-bg {
  fill: none;
  stroke: rgba(106, 141, 204, 0.28);
  stroke-width: 1.6;
}

.dash-ord-ring .dash-ord-ring-fg {
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: center;
}

.dash-ord-ring.is-low .dash-ord-ring-fg {
  stroke: #3d7fd4;
}

.dash-ord-ring.is-ok .dash-ord-ring-fg {
  stroke: #46c47a;
}

.dash-ord-ring b {
  position: relative;
  z-index: 1;
  color: #ecf3ff;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.dash-ord-ring.is-low b { color: #cfe0ff; }
.dash-ord-ring.is-ok b  { color: #d3f5e1; }

.dash-ord-ring.is-fail {
  background: linear-gradient(180deg, #d8508a, #b23a72);
  border-radius: 999px;
  width: 24px;
  height: 24px;
}

.dash-ord-ring.is-fail svg {
  position: static;
  width: 14px;
  height: 14px;
  stroke: #fff;
  stroke-width: 2.4;
  stroke-linecap: round;
  fill: none;
}

.dash-ord-ring.is-fail b {
  display: none;
}

/* «Не участвует» — участок не в маршруте ПЗ (как в листе «Производственный заказ»).
   Перечёркнутый серый круг без числа; отличается от 0%-кольца диагональю. */
.dash-ord-ring.is-skip svg circle,
.dash-ord-ring.is-skip svg line {
  fill: none;
  stroke: rgba(150, 173, 214, 0.5);
  stroke-width: 1.6;
  stroke-linecap: round;
}

.dash-ord-status {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 640;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.dash-ord-status.is-new {
  background: rgba(124, 95, 176, 0.20);
  color: #e2d6f5;
  border: 1px solid rgba(124, 95, 176, 0.50);
}

.dash-ord-status.is-work {
  background: rgba(78, 142, 212, 0.18);
  color: #cfe0ff;
  border: 1px solid rgba(78, 142, 212, 0.48);
}

.dash-ord-status.is-wait {
  background: rgba(216, 161, 74, 0.16);
  color: #f3dcae;
  border: 1px solid rgba(216, 161, 74, 0.45);
}

.dash-ord-status.is-done {
  background: rgba(70, 196, 122, 0.28);
  color: #e0f7e8;
  border: 1px solid rgba(70, 196, 122, 0.55);
}

.dash-ord-status.is-default {
  background: rgba(148, 170, 210, 0.16);
  color: #c6d5ee;
  border: 1px solid rgba(148, 170, 210, 0.45);
}