/* Command Centre: one readable action queue, with the same counts and destinations as before.
   Shared premium tokens keep the glass treatment consistent in both colour modes. */
@media screen {
  .work-summary.panel {
    padding: clamp(1rem, 1.7vw, 1.65rem);
    border-color: var(--premium-rim, var(--line));
    background: var(--premium-glass, var(--surface));
    box-shadow: inset 0 1px 0 var(--premium-gleam, transparent), var(--premium-shadow, var(--shadow));
  }

  .work-summary .panel-header { margin-bottom: 1rem; }
  .work-summary .panel-header h3 { margin-top: .25rem; }

  .work-summary .work-summary-grid {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .55rem;
    margin: 0;
    padding: 0 0 0 1.35rem;
    list-style: none;
  }

  .work-summary-grid::before {
    content: "";
    position: absolute;
    inset: .15rem auto .15rem .15rem;
    width: 3px;
    border-radius: 3px;
    background: var(--warn);
    box-shadow: 0 0 8px color-mix(in srgb, var(--warn) 48%, transparent);
    pointer-events: none;
  }

  .work-summary-grid > li { min-width: 0; }

  .work-summary .work-summary-item {
    --work-signal: var(--ink-500);
    display: grid;
    grid-template-columns: 3.15rem 3px minmax(0, 1fr) minmax(3.5rem, max-content) 1rem;
    align-items: center;
    gap: 1.25rem;
    min-height: 4.4rem;
    padding: .55rem 1.2rem .55rem .75rem;
    border: 1px solid var(--premium-rim, var(--line));
    border-radius: 15px;
    color: var(--ink-900);
    background: var(--premium-glass-quiet, var(--surface));
    box-shadow: inset 0 1px 0 var(--premium-gleam, transparent), 0 3px 12px rgba(0, 0, 0, .07);
    text-decoration: none;
    opacity: 1;
    transition: border-color 150ms ease, box-shadow 150ms ease;
  }

  .work-summary .work-summary-item:hover {
    border-color: var(--primary);
    box-shadow: inset 0 1px 0 var(--premium-gleam, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent);
  }

  .work-summary .work-summary-item:focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 3px;
  }

  .work-summary .work-summary-icon {
    display: grid;
    place-items: center;
    width: 3.15rem;
    min-height: 0;
    height: 3.15rem;
    border: 1px solid var(--premium-rim, var(--line));
    border-radius: 12px;
    color: var(--ink-900);
    background: var(--premium-icon, var(--surface-blue));
    box-shadow: inset 0 1px 0 var(--premium-gleam, transparent);
  }

  .work-summary-icon .icon { width: 1.65rem; height: 1.65rem; }

  .work-summary-signal {
    width: 3px;
    height: 2.1rem;
    border-radius: 3px;
    background: var(--work-signal);
    box-shadow: 0 0 7px color-mix(in srgb, var(--work-signal) 38%, transparent);
  }

  .work-summary-copy { display: grid; gap: .22rem; min-width: 0; }
  .work-summary-title { color: var(--ink-900); font-size: .98rem; font-weight: 700; line-height: 1.35; }
  .work-summary .work-summary-copy small { color: var(--ink-700); font-size: .85rem; line-height: 1.4; overflow-wrap: anywhere; }

  .work-summary .work-summary-value {
    max-width: 100%;
    color: var(--ink-900);
    font-size: clamp(1.35rem, 1.9vw, 1.85rem);
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums;
    text-align: right;
    overflow-wrap: anywhere;
  }

  .work-summary-chevron { display: block; width: 1rem; height: 1rem; color: var(--ink-900); }
  .work-summary .work-summary-urgent { --work-signal: var(--bad); }
  .work-summary .work-summary-urgent .work-summary-value { color: var(--bad); }
  .work-summary .work-summary-unavailable:not(.work-summary-urgent) { --work-signal: var(--warn); }
  .work-summary .work-summary-unavailable .work-summary-value { font-size: 1.25rem; letter-spacing: -.02em; }
  .work-summary .work-summary-clear { --work-signal: var(--good); }
  .work-summary .work-summary-clear .work-summary-value { color: var(--ink-500); font-weight: 600; }

  @media (max-width: 700px) {
    .work-summary.panel { padding: 1rem .8rem; }
    .work-summary .work-summary-grid { padding-left: .85rem; gap: .65rem; }
    .work-summary .work-summary-item {
      position: relative;
      grid-template-columns: 2.5rem minmax(0, 1fr) 1rem;
      grid-template-areas: "icon copy chevron"
                           "icon value chevron";
      gap: .3rem .75rem;
      padding: .8rem .7rem .8rem 1rem;
    }
    .work-summary .work-summary-icon { grid-area: icon; align-self: start; width: 2.5rem; height: 2.5rem; border-radius: 10px; }
    .work-summary-icon .icon { width: 1.4rem; height: 1.4rem; }
    .work-summary-signal { position: absolute; left: .38rem; top: 1rem; width: 2px; height: 1.65rem; }
    .work-summary-copy { grid-area: copy; }
    .work-summary-title { font-size: .94rem; }
    .work-summary .work-summary-copy small { font-size: .79rem; }
    .work-summary .work-summary-value { grid-area: value; font-size: 1.3rem; text-align: left; }
    .work-summary .work-summary-unavailable .work-summary-value { font-size: 1rem; }
    .work-summary-chevron { grid-area: chevron; }
  }

  @media (prefers-reduced-motion: reduce) {
    .work-summary .work-summary-item { transition: none; }
  }
}

@media print {
  .work-summary .work-summary-grid { display: block; margin: 0; padding: 0; list-style: none; }
  .work-summary-grid::before, .work-summary-icon, .work-summary-signal, .work-summary-chevron { display: none; }
  .work-summary .work-summary-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    break-inside: avoid;
    padding: .65rem 0;
    border: 0;
    border-bottom: 1px solid #bbb;
    border-radius: 0;
    background: #fff;
    color: #000;
    box-shadow: none;
    opacity: 1;
  }
  .work-summary-copy { display: grid; gap: .15rem; }
  .work-summary-title { font-weight: 700; }
  .work-summary .work-summary-item small, .work-summary .work-summary-item strong { color: #000; }
  .work-summary .work-summary-value { font-size: 1.2rem; text-align: right; }
}