/* Push workspace shares the console's colour and typography tokens. */
[data-set-panel=push] { min-width: 0; }
.push-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); margin: 20px 0; }
.push-tabs button { background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 12px 20px; color: var(--muted); }
.push-tabs button[aria-selected=true] { border-bottom-color: var(--ikb); color: var(--ikb); background: var(--ikb-tint); }
.push-tabs button:focus-visible, .push-dialog button:focus-visible { outline: 2px solid var(--ikb); outline-offset: 2px; }
.push-toolbar { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.push-toolbar .field { margin: 0; min-width: 160px; flex: 1; }
.push-toolbar .field:first-child { flex: 2; }
.push-toolbar .field input, .push-toolbar .field select { width: 100%; }
.push-list-scroll { max-height: clamp(200px, calc(100dvh - 650px), 560px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
[data-push-panel] .pkg-row { align-items: flex-start; padding: 14px 16px; gap: 16px; }
[data-push-panel] .pkg-row-main { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; flex: 1; overflow-wrap: anywhere; }
[data-push-panel] .pkg-row-main .tag { display: inline-block; flex: none; width: auto; margin-left: 6px; }
[data-push-panel] .row-actions { flex-shrink: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.push-pager { border-top: 1px solid var(--line); padding: 14px 0 4px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.push-page-info { font-size: 13px; color: var(--muted); }
.push-page-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.push-page-actions label { display: flex; gap: 5px; align-items: center; white-space: nowrap; font-size: 13px; }
.push-page-actions input, .push-page-actions select { width: 68px; padding: 5px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--r); }
.push-dialog { width: min(760px, calc(100vw - 32px)); max-height: 88vh; overflow-y: auto; border: 1px solid var(--line); border-radius: 6px; padding: 24px; color: var(--ink); background: var(--surface); box-shadow: 0 20px 70px #00143f33; }
.push-dialog::backdrop { background: #00143f70; }
.push-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.push-dialog-head h3 { margin: 0; overflow-wrap: anywhere; }
.push-dialog .push-customer-form { border-top: 0; margin-top: 0; padding-top: 0; }
.push-dialog .modal-foot { position: sticky; bottom: -24px; background: var(--surface); padding: 14px 0; margin-top: 16px; flex-wrap: wrap; }
.push-run-metrics { display: flex; gap: 18px; flex-wrap: wrap; font-size: 13px; }
.push-run-metrics b { color: var(--ikb); font-size: 16px; }
#schedule-runs details { width: 100%; font-size: 13px; color: var(--ink-2); }
#schedule-runs summary { cursor: pointer; color: var(--ikb); padding: 4px 0; }
#schedule-runs details p { margin: 5px 0; }
[data-push-panel] .msg:empty { display: none; }
@media (max-width: 760px) {
  .push-list-scroll { max-height: 46vh; }
  .push-tabs button { flex: 1; padding: 10px 8px; }
  [data-push-panel] .pkg-row { flex-direction: column; }
  .push-dialog .grid-2 { grid-template-columns: 1fr; }
  .push-toolbar .field { min-width: min(160px, 100%); }
  .push-pager { align-items: flex-start; }
  .push-page-actions { gap: 6px; }
}
