html .service-intake-page.page { display:flex; flex-direction:column; box-sizing:border-box; height:100vh; height:100dvh; min-height:0; background:var(--ds-bg,#f6f8fb); color:var(--ds-text,#20242b); }
.service-intake-page.page .header { flex-shrink:0; background:var(--ds-surface,#fff); color:var(--ds-text,#20242b); border-color:color-mix(in srgb,var(--ds-muted,#7a808a) 14%,transparent); }
.service-intake-page.page .header::before { background:var(--ds-accent,#e4b525) !important; }
.service-intake-page.page .list { flex:1; height:0; min-height:0; }
.service-intake-page.page .row { background:var(--ds-surface,#fff); border-color:color-mix(in srgb,var(--ds-muted,#7a808a) 14%,transparent); }
.service-intake-page.page .row .name { color:var(--ds-text,#20242b); }
.service-intake-page.page .row .preview,.service-intake-page.page .empty { color:var(--ds-muted,#7a808a); }
.service-intake-page.page .row.unread::before { background:var(--ds-accent,#e4b525); }
.service-intake-page.page .service-nav { background:var(--ds-glass,rgba(255,255,255,.85)); border-color:color-mix(in srgb,var(--ds-muted,#7a808a) 14%,transparent); }
.service-intake-page .service-intake-tabs { position:relative; isolation:isolate; display:flex; gap:6px; flex-shrink:0; padding:4px; margin:12px 16px 8px; border:1px solid color-mix(in srgb,var(--ds-muted,#7a808a) 18%,transparent); border-radius:14px; background:var(--ds-bg,#f2f3f5); }
.service-intake-page .service-intake-tab { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; flex:1; gap:8px; margin:0; padding:0 12px; border:0; border-radius:10px; background:transparent; color:var(--ds-muted,#7a808a); font-size:14px; line-height:40px; transition:color .2s ease,background-color .2s ease; }
.service-intake-page button::after { border:0; }
.service-intake-page .service-intake-tab.active { background:var(--ds-text,#20242b); color:var(--ds-surface,#fff); font-weight:650; box-shadow:0 2px 7px rgb(20 28 42 / 10%); }
@supports selector(:has(*)) {
  .service-intake-page .service-intake-tabs::before { content:""; position:absolute; z-index:0; top:4px; bottom:4px; left:4px; width:calc((100% - 14px) / 2); border-radius:10px; background:var(--ds-text,#20242b); box-shadow:0 2px 7px rgb(20 28 42 / 10%); pointer-events:none; transform:translateX(0); transition:transform .32s cubic-bezier(.22,1,.36,1); }
  .service-intake-page .service-intake-tabs:has(> .service-intake-tab:nth-child(2).active)::before { transform:translateX(calc(100% + 6px)); }
  .service-intake-page .service-intake-tabs .service-intake-tab.active { background:transparent; box-shadow:none; }
}
.service-intake-page .service-intake-count { display:inline-block; min-width:18px; padding:0 4px; border-radius:6px; background:rgb(128 128 128 / 14%); font-size:11px; line-height:18px; }
.service-intake-page .service-intake-accept { flex-shrink:0; min-width:60px; margin:0 0 0 10px; padding:0 13px; border:1px solid color-mix(in srgb,var(--ds-accent,#e4b525) 40%,transparent); border-radius:11px; background:var(--ds-soft,#fff5ce); color:var(--ds-text,#20242b); font-size:13px; font-weight:600; line-height:34px; }
.service-intake-page .service-intake-accept[disabled] { opacity:.55; }
.service-intake-page .service-intake-state { margin-left:8px; color:var(--ds-muted,#7a808a); font-size:10px; }
.service-intake-page .row .main { min-width:0; flex:1; }
.service-intake-page .row .avatar-wrap { position:relative; overflow:visible; flex-shrink:0; }
.service-intake-page .row .avatar-wrap uni-image { overflow:hidden; border-radius:4px; }
.service-intake-page .row .avatar-wrap .service-message-unread { pointer-events:none; }
.service-intake-page .row .line { justify-content:flex-start; gap:7px; }
.service-intake-page .row .name { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.service-intake-page .row .service-role-tag { flex-shrink:0; padding:2px 5px; border-radius:5px; background:var(--ds-soft,#fff5ce); color:var(--ds-muted,#7a808a); font-size:10px; line-height:15px; }
.service-intake-page .row .meta uni-text { background:transparent; color:var(--ds-muted,#7a808a); }
.service-intake-page .service-intake-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin:20px 0; color:var(--ds-muted,#7a808a); font-size:12px; }
.service-intake-page .service-intake-pagination button,.service-intake-page .service-intake-error button { margin:0; padding:0 12px; border-radius:9px; background:var(--ds-surface,#fff); color:var(--ds-text,#20242b); font-size:12px; line-height:34px; }
.service-intake-page .service-intake-pagination button[disabled] { opacity:.4; }
.service-intake-page .service-intake-error { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin:12px; color:var(--ds-muted,#7a808a); font-size:13px; line-height:1.7; }
@media (prefers-reduced-motion:reduce) {
  .service-intake-page .service-intake-tabs::before,.service-intake-page .service-intake-tab { transition:none; }
}