/* Servis: hazır işler önde, mutfak izleme satırları sakin; ortak tema tokenları. */
.service-screen .service-head { flex-wrap: wrap; gap: var(--space-2); }
.service-screen .service-head h1 { font-weight: var(--weight-medium); }
.service-screen .service-filter-tabs { flex: 0 1 auto; display: flex; gap: var(--space-1); }
.service-screen .service-filter-tabs .chip { padding-inline: var(--space-3); font-weight: var(--weight-regular); }
.service-screen .chip-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: 6px; border-radius: var(--radius-sm); background: var(--color-surface-sunken); color: var(--color-text-secondary); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }
.service-screen .chip[aria-pressed=true] .chip-count { background: var(--color-surface); color: var(--color-primary); }
.service-screen .active-waiter-select { width: 190px; flex: none; }
.service-screen .service-list-head,
.service-screen .service-task-row { grid-template-columns: minmax(110px,.85fr) minmax(0,2.7fr) minmax(110px,1fr) 80px minmax(120px,.9fr) 156px; gap: var(--space-4); }
.service-screen .service-list-head { height: 36px; background: var(--color-surface-subtle); }
.service-screen .service-list-body { padding: 0; background: var(--color-surface); scrollbar-width: thin; }
.service-screen .service-task-row { min-height: 80px; margin: 0; padding: 12px var(--space-4); border: 0; border-bottom: 1px solid var(--color-divider); border-radius: 0; background: var(--color-surface); }
.service-screen .service-task-row.is-ready { background: color-mix(in srgb,var(--color-primary-subtle) 38%,var(--color-surface)); }
.service-screen .service-task-row.is-delayed { background: color-mix(in srgb,var(--color-warning-subtle) 45%,var(--color-surface)); }
.service-screen .service-task-row.is-kitchen { background: var(--color-surface); }
.service-screen .service-task-row.is-kitchen:first-child,
.service-screen .service-task-row:not(.is-kitchen) + .service-task-row.is-kitchen { border-top: 1px solid var(--color-border-strong); }
.service-screen .service-table-cell strong { font-weight: var(--weight-medium); }
.service-screen .service-items-cell span { font-size: var(--text-base); line-height: 1.5; }
.service-screen .service-waiter-cell strong { font-weight: var(--weight-regular); font-size: var(--text-base); }
.service-screen .service-time-cell strong { font-size: var(--text-lg); font-weight: var(--weight-medium); font-variant-numeric: tabular-nums; }
.service-screen .service-stage { grid-column: auto; padding: 0; background: transparent; color: var(--color-text-secondary); font-size: var(--text-sm); font-weight: var(--weight-regular); }
.service-screen .service-stage::before { content: ''; flex: none; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--color-text-disabled); }
.service-screen .service-stage.is-ready { color: var(--color-primary); }
.service-screen .service-stage.is-ready::before { background: var(--color-success-solid); }
.service-screen .service-stage.is-claimed::before { background: var(--color-info-solid); }
.service-screen .service-stage.is-unsent { color: var(--color-warning); }
.service-screen .service-stage.is-unsent::before { background: var(--color-warning-solid); }
.service-screen .service-row-action { min-height: var(--control-touch); min-width: 128px; border: 1px solid var(--color-primary); background: var(--color-primary); color: var(--color-on-primary); font-weight: var(--weight-medium); }
.service-screen .is-claimed .service-row-action { background: var(--color-surface); color: var(--color-primary); border-color: var(--color-border-control); }
.service-screen .is-claimed .service-row-action:hover { background: var(--color-primary-subtle); border-color: var(--color-primary); }
.service-screen .service-row-action:disabled { opacity: 1; background: var(--color-surface-subtle); border-color: var(--color-border); color: var(--color-text-disabled); cursor: wait; }
.service-screen .service-row-waiting { max-width: 156px; line-height: 1.4; }
.service-screen .service-delay-notice { align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); }
.service-screen .service-delay-notice > svg { width: 18px; height: 18px; flex: none; }
.service-screen .service-empty { min-height: 180px; }
@media (min-width: 900px) and (max-width: 1190px) {
  .service-screen .service-filter-tabs { flex-basis: 100%; order: 4; }
  .service-screen .service-list-head { display: grid; }
  .service-screen .service-list-head,
  .service-screen .service-task-row { grid-template-columns: 100px minmax(0,1.8fr) 105px 66px 110px 128px; gap: var(--space-2); padding-inline: var(--space-3); }
  .service-screen .service-row-action { min-width: 120px; padding-inline: var(--space-2); }
}
.pos-shell.is-compact .service-screen .service-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--space-2); }
.pos-shell.is-compact .service-screen .service-head h1 { grid-column: 1; grid-row: 1; }
.pos-shell.is-compact .service-screen .service-settings-button { grid-column: 2; grid-row: 1; width: var(--control-touch); }
.pos-shell.is-compact .service-screen .active-waiter-select { grid-column: 1 / -1; grid-row: 2; width: 100%; }
.pos-shell.is-compact .service-screen .service-filter-tabs { grid-column: 1 / -1; grid-row: 3; display: flex; flex-wrap: nowrap; overflow-x: auto; gap: var(--space-1); padding-bottom: 2px; }
.pos-shell.is-compact .service-screen .service-filter-tabs .chip { flex: none; min-height: var(--control-touch); padding-inline: var(--space-3); white-space: nowrap; }
.pos-shell.is-compact .service-screen { overflow-y: auto; overscroll-behavior: contain; }
.pos-shell.is-compact .service-screen .service-list { flex: none; border: 0; background: transparent; overflow: visible; }
.pos-shell.is-compact .service-screen .service-list-body { flex: none; height: auto; background: transparent; padding: 0; overflow: visible; display: grid; grid-auto-rows: max-content; align-content: start; gap: var(--space-2); }
.pos-shell.is-compact .service-screen .service-task-row { grid-template-columns: minmax(0,1fr) minmax(128px,auto); grid-template-areas: 'table time' 'items items' 'stage stage' 'waiter action'; min-height: 0; gap: var(--space-2) var(--space-3); margin: 0; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.pos-shell.is-compact .service-screen .service-task-row.is-ready { background: color-mix(in srgb,var(--color-primary-subtle) 38%,var(--color-surface)); }
.pos-shell.is-compact .service-screen .service-task-row.is-delayed { background: color-mix(in srgb,var(--color-warning-subtle) 45%,var(--color-surface)); }
.pos-shell.is-compact .service-screen .service-table-cell { grid-area: table; }
.pos-shell.is-compact .service-screen .service-time-cell { grid-area: time; }
.pos-shell.is-compact .service-screen .service-items-cell { grid-area: items; }
.pos-shell.is-compact .service-screen .service-items-cell span { white-space: normal; overflow-wrap: anywhere; }
.pos-shell.is-compact .service-screen .service-waiter-cell { grid-area: waiter; }
.pos-shell.is-compact .service-screen .service-waiter-cell strong { white-space: normal; overflow-wrap: anywhere; }
.pos-shell.is-compact .service-screen .service-stage { grid-area: stage; }
.pos-shell.is-compact .service-screen .service-action-cell { grid-area: action; }
.pos-shell.is-compact .service-screen .service-row-action { min-height: var(--control-touch-primary); width: 100%; }
.pos-shell.is-compact .service-screen .service-task-row.is-kitchen:first-child,
.pos-shell.is-compact .service-screen .service-task-row:not(.is-kitchen) + .service-task-row.is-kitchen { margin-top: var(--space-2); border-top-color: var(--color-border-strong); }
.pos-shell.is-compact .service-screen .service-delay-notice { display: grid; grid-template-columns: 18px minmax(0,1fr); }
.pos-shell.is-compact .service-screen .service-delay-notice > span { min-width: 0; }
.pos-shell.is-compact .service-screen .service-delay-notice .btn { grid-column: 2; justify-self: start; padding-inline: 0; }
@media (min-width: 600px) and (max-width: 899px) {
  .pos-shell.is-compact .service-screen .service-head { grid-template-columns: auto minmax(190px,1fr) auto; }
  .pos-shell.is-compact .service-screen .active-waiter-select { grid-column: 2; grid-row: 1; max-width: 240px; justify-self: end; }
  .pos-shell.is-compact .service-screen .service-settings-button { grid-column: 3; }
  .pos-shell.is-compact .service-screen .service-filter-tabs { grid-column: 1 / -1; grid-row: 2; }
  .pos-shell.is-compact .service-screen .service-list-body { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pos-shell.is-compact .service-screen .service-task-row { align-content: start; }
}