/* apps/web/src/legacy/app/modules/srm/srm-overview-live.css */
.srm-overview-live .stage-blue {
  --srm-stage-color:var(--primary);
  --srm-stage-fill:var(--primary-soft);
}
.srm-overview-live .stage-teal {
  --srm-stage-color:color-mix(in srgb,var(--success) 65%,var(--primary));
  --srm-stage-fill:color-mix(in srgb,var(--success-soft) 60%,var(--primary-soft));
}
.srm-overview-live .stage-violet {
  --srm-stage-color:color-mix(in srgb,var(--primary) 70%,var(--danger));
  --srm-stage-fill:color-mix(in srgb,var(--primary-soft) 70%,var(--danger-soft));
}
.srm-overview-live .stage-green {
  --srm-stage-color:var(--success);
  --srm-stage-fill:var(--success-soft);
}
.srm-overview-live .stage-amber {
  --srm-stage-color:var(--warning);
  --srm-stage-fill:var(--warning-soft);
}
.srm-overview-live .stage-surface {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px 6px;
  padding: 14px;
  background: var(--srm-stage-fill);
  border-radius: inherit;
  min-height: 80px;
}
.srm-overview-live .stage-card-label {
  grid-column: 1/-1;
}
.srm-overview-live .stage-card-label h3 {
  margin: 0;
}
.srm-overview-live .stage-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: var(--srm-stage-color);
  background: color-mix(in srgb, var(--srm-stage-color) 12%, var(--surface));
}
.srm-overview-live .stage-number {
  color: var(--srm-stage-color);
}
.srm-overview-live .summary-total {
  background: var(--primary-soft);
  padding: 12px;
  border-radius: 8px;
}
.srm-overview-live .summary-facts > div {
  padding: 9px 10px;
  background: color-mix(in srgb, var(--primary-soft) 35%, var(--surface));
  border-radius: 6px;
}
.srm-overview-live .summary-facts > div:nth-child(2) {
  background: var(--warning-soft);
}
.srm-overview-live .summary-facts > div:nth-child(3) {
  background: var(--success-soft);
}
.srm-overview-live .chart-summary {
  padding: 10px 12px;
  background: color-mix(in srgb, var(--primary-soft) 60%, var(--surface));
  border-radius: 8px;
}
.srm-overview-live .section-icon svg,
.srm-overview-live .order-card-top h3 svg {
  stroke-width: 1.7;
}
.srm-overview-live {
  min-width: 0;
}
.srm-overview-live .overview-body {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}
.srm-overview-live .priority-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 14px;
  align-items: stretch;
}
.srm-overview-live .analysis-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 16px;
}
.srm-overview-live .priority-grid > *,
.srm-overview-live .analysis-grid > * {
  min-width: 0;
}
.srm-overview-live .panel-inner {
  padding: 0 16px 14px;
  min-width: 0;
}
.srm-overview-live .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 12px;
  padding: 10px 16px;
}
.srm-overview-live .section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.srm-overview-live .section-title h2 {
  margin: 0;
}
.srm-overview-live .section-icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: var(--primary-soft);
  color: var(--primary);
}
.srm-overview-live .section-icon svg {
  width: 12px;
  height: 12px;
}
.srm-overview-live .section-head > button svg {
  width: 10px;
  height: 10px;
}
.srm-overview-live .stage-note,
.srm-overview-live .panel-footnote {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--mis-ui-muted);
  margin-top: 12px;
}
.srm-overview-live .panel-footnote svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.srm-overview-live .attention-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.srm-overview-live .supplier-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.srm-overview-live .attention-list > button {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  text-align: start;
}
.srm-overview-live .attention-icon {
  display: grid;
  place-items: center;
  color: var(--warning);
}
.srm-overview-live .attention-icon svg {
  width: 12px;
  height: 12px;
}
.srm-overview-live .row-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
}
.srm-overview-live .row-copy small {
  color: var(--mis-ui-muted);
}
.srm-overview-live .delivery-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-block: 12px;
}
.srm-overview-live .delivery-row time {
  flex-shrink: 0;
}
.srm-overview-live .supplier-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 8px;
}
.srm-overview-live .supplier-result {
  display: grid;
  gap: 4px;
  justify-items: end;
  flex-shrink: 0;
}
.srm-overview-live .order-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.srm-overview-live .order-card-inner {
  display: grid;
  gap: 10px;
  padding: 14px;
  min-width: 0;
}
.srm-overview-live .order-card-top,
.srm-overview-live .order-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.srm-overview-live .order-card-top h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.srm-overview-live .order-card-top h3 svg {
  width: 12px;
  height: 12px;
}
.srm-overview-live .order-card-inner p {
  margin: 0;
  color: var(--mis-ui-text);
}
.srm-overview-live .order-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.srm-overview-live .order-facts dt {
  margin: 0 0 4px;
}
.srm-overview-live .order-facts dd {
  margin: 0;
}
.srm-overview-live .order-card-bottom small {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--mis-ui-muted);
}
.srm-overview-live .order-card-bottom svg {
  width: 10px;
  height: 10px;
}
.srm-overview-live .quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.srm-overview-live .quick-grid > button {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-align: start;
}
.srm-overview-live .quick-grid svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.srm-overview-live .order-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: end;
  margin-bottom: 18px;
}
.srm-overview-live .order-filters > label:first-child {
  flex: 1 1 280px;
  min-width: 0;
}
.srm-overview-live .order-filters > label:nth-child(2) {
  flex: 0 1 150px;
}
.srm-overview-live .order-filters > span {
  align-self: center;
  color: var(--mis-ui-muted);
}
.srm-overview-live .prototype-footer {
  padding-block: 20px 0;
  color: var(--mis-ui-muted);
  text-align: center;
}
@media (max-width: 1200px) {
  .srm-overview-live .quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .srm-overview-live .priority-grid,
  .srm-overview-live .analysis-grid {
    grid-template-columns: 1fr;
  }
  .srm-overview-live .order-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .srm-overview-live .order-card-grid,
  .srm-overview-live .quick-grid {
    grid-template-columns: 1fr;
  }
  .srm-overview-live .delivery-row {
    flex-wrap: wrap;
  }
  .srm-overview-live .delivery-row .row-copy {
    min-width: 150px;
  }
  .srm-overview-live .panel-inner {
    padding: 12px;
  }
  .srm-overview-live .order-filters {
    align-items: stretch;
  }
  .srm-overview-live .order-filters > label:nth-child(2) {
    flex: 1 1 100%;
  }
}
@media (max-width: 760px) {
}
@media (max-width: 760px) {
}
.srm-overview-live .order-filters > label {
  display: grid;
  gap: 6px;
}
@media (max-width: 760px) {
}
.srm-overview-live .attention-list > button > svg,
.srm-overview-live .quick-grid > button > svg:last-child {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}
.srm-overview-live .overview-top-grid {
  display: grid;
  grid-template-columns: .9fr 1.05fr 1.05fr;
  gap: 14px;
  align-items: stretch;
}
.srm-overview-live .overview-top-grid > * {
  min-width: 0;
}
.srm-overview-live .summary-content {
  padding: 4px 16px 16px;
}
.srm-overview-live .summary-total {
  display: grid;
  gap: 5px;
}
.srm-overview-live .summary-total > div {
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}
.srm-overview-live .summary-amount {
  margin-left: auto;
}
.srm-overview-live .summary-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}
.srm-overview-live .summary-facts dd {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 3px 0 0;
}
.srm-overview-live .summary-completion {
  border-top: 1px solid var(--mis-ui-line);
  padding-top: 10px;
}
.srm-overview-live .summary-completion > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.srm-overview-live .summary-completion svg {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 8px;
}
.srm-overview-live .business-primary {
  color: var(--primary);
}
.srm-overview-live .business-success {
  color: var(--success);
}
.srm-overview-live .business-warning {
  color: var(--warning);
}
.srm-overview-live .business-danger {
  color: var(--danger);
}
.srm-overview-live .chart-content {
  padding: 2px 16px 14px;
}
.srm-overview-live .chart-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.srm-overview-live .chart-summary > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.srm-overview-live .business-chart {
  display: block;
  width: 100%;
  height: 160px;
}
.srm-overview-live .chart-caption {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  color: var(--mis-ui-muted);
}
.srm-overview-live .legend-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--primary);
}
.srm-overview-live .target-line {
  display: inline-block;
  width: 12px;
  border-top: 1px dashed var(--warning);
  margin-left: auto;
}
.srm-overview-live .chart-caption > span:last-child:not(.legend-dot) {
  margin-left: auto;
}
.srm-overview-live .stage-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.srm-overview-live .stage-card-label {
  display: flex;
  align-items: center;
  gap: 7px;
}
.srm-overview-live .stage-card-label > svg {
  color: var(--primary);
}
.srm-overview-live .stage-card-meta {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.srm-overview-live .stage-card-meta > svg {
  margin-left: auto;
  align-self: center;
}
.srm-overview-live .attention-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block: 10px;
}
.srm-overview-live .risk-symbol {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  flex-shrink: 0;
}
.srm-overview-live .risk-danger {
  color: var(--danger);
  background: var(--danger-soft);
}
.srm-overview-live .risk-warning {
  color: var(--warning);
  background: var(--warning-soft);
}
.srm-overview-live .risk-primary {
  color: var(--primary);
  background: var(--primary-soft);
}
.srm-overview-live .risk-count {
  display: flex;
  gap: 4px;
  align-items: baseline;
  white-space: nowrap;
}
.srm-overview-live .delivery-date {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1px;
  width: 38px;
  min-height: 43px;
  border-radius: 7px;
  color: var(--primary);
  background: var(--primary-soft);
}
.srm-overview-live .delivery-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--mis-ui-line);
}
@media (min-width: 1400px) {
  .srm-overview-live .overview-top-grid .summary-facts {
    gap: 8px;
  }
}
@media (max-width: 1100px) {
  .srm-overview-live .overview-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .srm-overview-live .overview-top-grid > *:first-child {
    grid-column: 1/-1;
  }
  .srm-overview-live .summary-facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .srm-overview-live .summary-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 14px 24px;
  }
  .srm-overview-live .summary-facts {
    margin: 0;
  }
  .srm-overview-live .summary-completion {
    grid-column: 1/-1;
  }
  .srm-overview-live .summary-amount {
    margin-left: 8px;
  }
  .srm-overview-live .supplier-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
@media (max-width: 900px) {
  .srm-overview-live .stage-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .srm-overview-live .overview-top-grid {
    grid-template-columns: 1fr;
  }
  .srm-overview-live .summary-content {
    display: block;
  }
  .srm-overview-live .summary-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 16px 0;
  }
  .srm-overview-live .stage-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .srm-overview-live .section-head {
    padding: 12px;
  }
  .srm-overview-live .panel-inner {
    padding: 0 12px 12px;
  }
  .srm-overview-live .delivery-row {
    gap: 9px;
  }
  .srm-overview-live .delivery-row .row-copy {
    min-width: 0;
  }
  .srm-overview-live .delivery-row > button {
    margin-left: auto;
  }
  .srm-overview-live .attention-row {
    gap: 8px;
  }
}
.srm-overview-live .risk-card-content {
  display: grid;
  gap: 8px;
  padding: 12px;
  min-width: 0;
}
.srm-overview-live .risk-card-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.srm-overview-live .risk-card-heading h3,
.srm-overview-live .supplier-card-heading h3 {
  margin: 0;
}
.srm-overview-live .risk-card-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.srm-overview-live .delivery-table {
  min-width: 350px;
}
.srm-overview-live .delivery-table th:first-child {
  width: 64px;
}
.srm-overview-live .delivery-table th:nth-child(3) {
  width: 56px;
}
.srm-overview-live .supplier-card-heading {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 11px 12px;
}
.srm-overview-live .supplier-card-heading > svg {
  color: var(--primary);
  flex: none;
}
.srm-overview-live .supplier-card-content {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.srm-overview-live .supplier-card-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.srm-overview-live .order-card-top {
  padding: 12px 14px;
}
.srm-overview-live .order-state,
.srm-overview-live .order-owner {
  display: flex;
  align-items: center;
  gap: 5px;
}
.srm-overview-live .order-identity {
  display: grid;
  gap: 5px;
}
.srm-overview-live .order-risk-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 6px;
}
.srm-overview-live .order-risk-note > svg {
  flex: none;
  margin-top: 1px;
}
@media (max-width: 760px) {
  .srm-overview-live .attention-list {
    grid-template-columns: 1fr;
  }
}
.srm-overview-live [data-srm-open=true] {
  cursor: pointer;
}