/* The same production signals connect the filters and the orders below them. */
.podium-new, .podium-status-order { --podium-ink: #075e61; --podium-fill: #d7ece9; }
.podium-rush, .maestro-table .priority-mark { --podium-ink: #963527; --podium-fill: #f8ddd7; }
.podium-quote, .podium-status-quote_requested { --podium-ink: #79520d; --podium-fill: #ffefc9; }
.podium-production, .podium-status-production { --podium-ink: #244e93; --podium-fill: #dce7fb; }
.podium-metrics > form { margin: 0; min-width: 0; border-right: 1px solid var(--line); }
.podium-metrics > form:last-child { border-right: 0; }
.podium-metric { display: grid; grid-template-columns: minmax(0, 1fr); align-content: space-between; gap: .7rem; width: 100%; min-height: 125px; padding: 1.4rem; border: 0; border-radius: 0; color: var(--podium-ink); background: var(--podium-fill); cursor: pointer; text-align: left; }
.podium-metrics .podium-metric-label { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .4rem; color: inherit; font-size: .8rem; font-weight: 600; }
.podium-metrics .podium-metric-label > span { color: inherit; font: inherit; overflow-wrap: anywhere; hyphens: auto; }
.podium-metric strong { justify-self: end; color: inherit; }
.podium-metrics .metric-check { display: inline-flex; color: inherit; }
.metric-check svg { width: 1rem; height: 1rem; }
.podium-metric[aria-pressed="false"] .metric-check { visibility: hidden; }
.podium-metric[aria-pressed="true"] { background: color-mix(in srgb, var(--podium-ink) 18%, white); }
.podium-metric:hover { background: color-mix(in srgb, var(--podium-ink) 24%, white); }
.podium-metric:focus-visible { outline: 3px solid var(--podium-ink); outline-offset: -6px; }
.maestro-table :is(.status-order, .status-quote_requested, .status-production, .priority-mark) { color: var(--podium-ink); background: var(--podium-fill); }
.maestro-table .podium-mobile-status { display: none; }
@media (max-width: 760px) {
  .podium-metrics > form:nth-child(2) { border-right: 0; }
  .podium-metrics > form:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .podium-metric { padding: 1rem; min-height: 115px; }
  .podium-metrics .podium-metric-label { font-size: .75rem; }
  .maestro-table .podium-mobile-status { display: inline-flex; margin-top: .5rem; }
}