/* One continuous work surface; only the service list scrolls on shorter screens. */
#appView .workspace[data-view="services"] #pageDesc:empty { display:none; }
#appView .workspace[data-view="services"] { padding-bottom:20px; }
#appView .workspace[data-view="services"] #content { padding-bottom:0; }
#appView .workspace[data-view="services"] #tabletTools:empty { display:none; }
.service-workspace { min-width:0; padding:0 16px; background:#fff; border-radius:4px; }
.service-workspace-topbar { display:flex; align-items:center; justify-content:flex-start; gap:16px; min-height:60px; border-bottom:1px solid #edf0f4; }
.service-workspace-tabs { display:flex; align-self:stretch; align-items:stretch; gap:24px; overflow-x:auto; }
.service-workspace-tabs > button { position:relative; display:flex; align-items:center; gap:7px; padding:0 1px; border:0; border-radius:0; background:transparent; color:#667085; white-space:nowrap; font-size:14px; box-shadow:none; }
.service-workspace-tabs > button.active { color:#175cff; font-weight:600; }
.service-workspace-tabs > button.active::after { content:""; position:absolute; bottom:0; left:0; right:0; height:2px; background:#175cff; }
.service-workspace-tabs > button > span { font-size:12px; font-weight:400; color:#98a2b3; }
.service-workspace-filter { display:flex; align-items:center; gap:10px; padding:16px 0; }
.service-workspace-filter input { width:min(300px,100%); }
.service-workspace-filter select { width:112px; }
.service-workspace-filter :is(input,select) { min-height:34px; height:34px; font-size:13px; background:#f8f9fb; border:1px solid #e8ebf0; border-radius:4px; }
.service-workspace-table-wrap { max-height:calc(100dvh - 268px); min-height:100px; overflow:auto; overscroll-behavior:contain; }
.service-workspace-table { width:100%; min-width:720px; table-layout:fixed; border-collapse:collapse; font-size:13px; }
.service-workspace-table :is(th,td) { padding:13px 12px; text-align:left; vertical-align:middle; border:0; box-shadow:none; }
.service-workspace-table th { position:sticky; top:0; z-index:1; background:#f6f8fb; color:#667085; font-weight:500; font-size:12px; }
.service-workspace-table tbody tr { background:#fff; }
.service-workspace-table tbody tr:nth-child(even) { background:#fafbfc; }
.service-workspace-table tbody tr:hover { background:#f3f7ff; }
@keyframes service-saved { from { background:#e8f0ff; } to { background:transparent; } }
#appView .service-workspace-saved td { animation:service-saved 2s ease-out; }
@media (prefers-reduced-motion:reduce) { #appView .service-workspace-saved td { animation:none; } }
.service-workspace-table th:nth-child(1) { width:28%; }
.service-workspace-table th:nth-child(2) { width:16%; }
.service-workspace-table th:nth-child(3) { width:12%; }
.service-workspace-table th:nth-child(4) { width:14%; }
.service-workspace-table th:nth-child(5) { width:8%; }
.service-workspace-table th:nth-child(6) { width:22%; }
.service-workspace-name strong { font-weight:500; overflow-wrap:anywhere; }
.service-workspace-owner { display:block; margin-top:3px; color:#98a2b3; font-size:11px; }
.service-workspace-price { font-weight:600; font-variant-numeric:tabular-nums; }
.service-workspace-price > span { color:#98a2b3; font-size:12px; font-weight:400; white-space:nowrap; }
#appView .service-workspace-price-button { min-height:28px; padding:2px 0; border:0; border-radius:0; background:transparent; color:#175cff; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; box-shadow:none; }
.service-workspace-price-button:hover { text-decoration:underline; }
.service-workspace-price-button:focus-visible { outline:2px solid #175cff; outline-offset:3px; }
.service-workspace-operations .row-actions { gap:14px; flex-wrap:wrap; }
.service-workspace-operations button { min-height:28px; padding:0; background:transparent; border:0; border-radius:0; color:#175cff; font-size:12px; box-shadow:none; white-space:nowrap; }
.service-workspace-operations button.danger { color:#d92d20; background:transparent; }
.service-workspace-operations button:hover { text-decoration:underline; }
.service-workspace-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:58px; color:#667085; font-size:12px; font-variant-numeric:tabular-nums; }
.service-workspace-pagination .actions { gap:12px; }
.service-workspace-pagination button { min-height:28px; padding:3px 9px; font-size:12px; }
.service-workspace-dialog.erp-dialog-card--form { width:min(520px,100%); }
.service-workspace-dialog .erp-dialog-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.service-workspace-dialog .erp-dialog-form > .erp-dialog-field:first-child { grid-column:1 / -1; }
.service-workspace-advanced { grid-column:1 / -1; margin-top:2px; }
.service-workspace-advanced summary { width:fit-content; padding:7px 0; color:#667085; cursor:pointer; font-size:12px; }
.service-workspace-advanced-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; padding-top:10px; }
.service-workspace-advanced-grid > .erp-dialog-field:last-child { grid-column:1 / -1; }
.service-workspace-dialog .erp-dialog-body { padding:20px; }
.service-workspace-dialog > .erp-dialog-actions { display:flex; flex-wrap:nowrap; }
.service-workspace-dialog .service-workspace-continue { margin-left:auto; }
.service-workspace-price-dialog.erp-dialog-card--form { width:min(360px,100%); }
.service-workspace-batch-dialog textarea { min-height:150px; max-height:220px; resize:vertical; font-variant-numeric:tabular-nums; line-height:1.6; }
.service-workspace-batch-count { justify-self:end; font-size:12px; color:#667085; }
@media (max-width:640px) {
  body #appView .workspace[data-view="services"] > header.topbar,
  body.tablet-mode #appView .workspace[data-view="services"] > header.topbar { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; }
  #appView .workspace[data-view="services"] .topbar > :first-child { min-width:0; grid-column:1; grid-row:1; }
  #appView .workspace[data-view="services"] .topbar h1 { white-space:nowrap; }
  body #appView .workspace[data-view="services"] > header.topbar #tabletTools { width:auto; min-width:0; grid-column:2; grid-row:1; margin:0; justify-content:flex-end; }
  #appView .workspace[data-view="services"] #pageHeaderActions { grid-column:3; grid-row:1; }
  #appView .workspace[data-view="services"] #pageHeaderActions { width:auto; }
  #appView .workspace[data-view="services"] #pageHeaderActions button { width:auto; }
  .service-workspace { padding:0 12px; }
  .service-workspace-topbar { flex-wrap:wrap; gap:0; padding-bottom:12px; }
  .service-workspace-tabs { width:100%; height:52px; gap:20px; }
  .service-workspace-tabs > button { font-size:13px; }
  .service-workspace-topbar > .actions { margin-top:10px; }
  .service-workspace-filter input { min-width:0; flex:1; }
  .service-workspace-filter select { flex-shrink:0; width:104px; }
  .service-workspace-table-wrap { max-height:calc(100dvh - 316px); }
  .service-workspace-table { min-width:0; table-layout:auto; }
  .service-workspace-table thead { display:none; }
  .service-workspace-table tbody { display:block; }
  .service-workspace-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; padding:14px 10px; }
  #appView .service-workspace-table td { padding:0; }
  .service-workspace-table td:nth-child(3) { display:none; }
  .service-workspace-table td:nth-child(4) { grid-column:1; font-size:12px; color:#667085; }
  .service-workspace-table td:nth-child(5) { grid-column:2; justify-self:end; }
  .service-workspace-table td:nth-child(6) { grid-column:1 / -1; }
  .service-workspace-operations .row-actions { justify-content:flex-end; gap:20px; }
  .service-workspace-dialog .erp-dialog-body { padding:16px; }
  .service-workspace-dialog .erp-dialog-form { gap:14px; }
  .service-workspace-dialog > .erp-dialog-actions { padding:12px; gap:8px; }
  .service-workspace-dialog .erp-dialog-actions .erp-dialog-button { width:auto; min-width:0; padding:0 10px; font-size:12px; }
}