/* src/app/components/staff/staff-collaboration-workspaces.css */
/* Staff collaboration surfaces. These styles do not target the rich-text editor. */
.staff-support-experience,
.staff-team-experience,
.staff-note-context-status,
.staff-voice-history,
[data-staff-team-members] {
  --sc-ink: #172c40;
  --sc-muted: #536b80;
  --sc-border: #dbe6ed;
  --sc-surface: #fff;
  --sc-soft: #f1f7fa;
  --sc-accent: #087387;
  --sc-accent-soft: #e6f7fa;
  --sc-shadow: 0 8px 28px #1e415b08;
  min-width: 0;
}
.dark .staff-support-experience,
.dark .staff-team-experience,
.dark .staff-note-context-status,
.dark .staff-voice-history,
.dark [data-staff-team-members] {
  --sc-ink: #e8f3fa;
  --sc-muted: #a9bdcd;
  --sc-border: #284255;
  --sc-surface: #102232;
  --sc-soft: #0c1b29;
  --sc-accent: #78e2ee;
  --sc-accent-soft: #123643;
  --sc-shadow: 0 8px 28px #00000012;
}
.staff-collaboration-intro {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border: 1px solid var(--sc-border);
  border-radius: 22px;
  background: radial-gradient(ellipse at 90% 5%, #56cddb16, transparent 55%), var(--sc-surface);
  padding: 25px 28px;
  box-shadow: var(--sc-shadow);
}
.staff-collaboration-intro-copy { min-width: 0; max-width: 47rem; }
.staff-collaboration-kicker { display: flex; align-items: center; gap: 7px; color: var(--sc-accent); font-size: 10px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.staff-collaboration-intro h2 { margin: 8px 0 0; color: var(--sc-ink); font-size: clamp(23px, 2.2vw, 31px); line-height: 1.2; font-weight: 750; letter-spacing: -.035em; }
.staff-collaboration-intro-copy > p { max-width: 43rem; margin: 9px 0 0; color: var(--sc-muted); font-size: 13px; line-height: 1.7; }
.staff-collaboration-coverage { display: grid; flex: none; gap: 5px; min-width: 170px; border-left: 1px solid var(--sc-border); padding: 4px 0 4px 24px; }
.staff-collaboration-coverage-label { color: var(--sc-muted); font-size: 10px; font-weight: 650; }
.staff-collaboration-coverage > strong { color: var(--sc-ink); font-size: 16px; line-height: 1.4; }
.staff-collaboration-coverage button { display: inline-flex; width: fit-content; align-items: center; gap: 7px; min-height: 30px; margin-left: -4px; border-radius: 7px; padding: 4px; color: var(--sc-accent); font-size: 11px; font-weight: 700; }
.staff-collaboration-coverage button:hover { background: var(--sc-accent-soft); }
.staff-collaboration-coverage button:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 3px; }
.staff-support-priorities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.staff-support-priority { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-width: 0; border: 1px solid var(--sc-border); border-radius: 16px; padding: 17px 18px; background: var(--sc-surface); color: var(--sc-ink); text-align: left; box-shadow: var(--sc-shadow); transition: border-color .18s, background-color .18s, box-shadow .18s; }
.staff-support-priority:hover { border-color: var(--sc-accent); background: var(--sc-soft); }
.staff-support-priority:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 3px; }
.staff-support-priority[data-selected] { border-color: var(--sc-accent); background: var(--sc-accent-soft); box-shadow: inset 0 -3px var(--sc-accent); }
.staff-support-priority-icon { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sc-border); border-radius: 12px; background: var(--sc-soft); color: var(--sc-accent); }
.staff-support-priority-copy { display: grid; gap: 4px; min-width: 0; }
.staff-support-priority-copy strong { font-size: 12px; font-weight: 750; line-height: 1.4; }
.staff-support-priority-copy > span { color: var(--sc-muted); font-size: 10px; line-height: 1.45; }
.staff-support-priority-count { font-size: 27px; font-weight: 750; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.staff-support-priority-arrow { display: none; color: var(--sc-accent); }
.staff-support-experience [data-support-hub-panel] { min-width: 0; border-color: var(--sc-border); border-radius: 19px; box-shadow: var(--sc-shadow); }
.staff-support-experience [data-support-hub-panel] > div:first-child h2 { letter-spacing: -.025em; }
.staff-support-request { border-radius: 16px; box-shadow: 0 2px 5px #142c4004; }
.staff-support-request:hover { box-shadow: 0 5px 22px #1236490a; }
.staff-support-request[data-selected] { border-color: var(--sc-accent); }
.staff-support-request p { overflow-wrap: anywhere; }
.staff-support-request-facts { border-top: 1px solid var(--sc-border); padding-top: 13px; font-size: 12px; line-height: 1.65; }
.staff-support-request-facts > span { min-width: 0; overflow-wrap: anywhere; }
.staff-support-next-move { border-color: var(--sc-border); border-left: 3px solid var(--sc-accent); background: var(--sc-soft); }
.staff-support-assigned-card { border-radius: 16px; box-shadow: var(--sc-shadow); }
.staff-support-experience [data-handoff-watch-row] { border-radius: 16px; box-shadow: var(--sc-shadow); }
.staff-context-note-card { border-radius: 15px; box-shadow: var(--sc-shadow); }
.staff-note-draft-notice { display: flex; align-items: flex-start; gap: 10px; border: 1px solid var(--sc-border); border-left: 3px solid var(--sc-accent); border-radius: 11px; background: var(--sc-accent-soft); padding: 12px; color: var(--sc-ink); }
.staff-note-draft-notice > svg { flex: none; margin-top: 2px; color: var(--sc-accent); }
.staff-note-draft-notice strong { display: block; overflow-wrap: anywhere; font-size: 12px; font-weight: 700; }
.staff-note-draft-notice p { margin-top: 4px; color: var(--sc-muted); font-size: 11px; line-height: 1.6; }
.staff-note-context-status [role=alert] { line-height: 1.65; }
/* Inbox chrome stays outside the composition and rich-content surfaces. */
.staff-team-intro { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 5px 14px; }
.staff-team-intro :is(h1,h2) { margin-top: 5px; color: var(--sc-ink); font-size: 23px; line-height: 1.2; font-weight: 750; letter-spacing: -.035em; }
.staff-team-inbox-signals { display: flex; gap: 9px; }
.staff-team-inbox-signals > span { display: flex; align-items: center; gap: 7px; border: 1px solid var(--sc-border); border-radius: 11px; padding: 9px 12px; background: var(--sc-surface); color: var(--sc-muted); font-size: 10px; line-height: 1.4; }
.staff-team-inbox-signals strong { color: var(--sc-ink); font-size: 17px; font-weight: 750; font-variant-numeric: tabular-nums; }
.staff-team-inbox-signals [data-attention] { border-color: #b9573566; background: #b957350d; }
.staff-team-inbox { border-radius: 20px; border-color: var(--sc-border); box-shadow: var(--sc-shadow); }
.staff-team-experience [data-staff-team-pane=list] { background: var(--sc-surface); }
.staff-team-list-heading { background: radial-gradient(ellipse at top left, #53bbd416, transparent 85%), var(--sc-surface); padding-top: 18px; padding-bottom: 17px; }
.staff-team-list-heading h3 { font-size: 18px; letter-spacing: -.025em; }
.staff-team-experience [data-staff-team-inbox-filters] { background: var(--sc-soft); border-color: var(--sc-border); padding: 12px 14px; }
.staff-team-experience [data-staff-team-inbox-filters] [role=group] > button { min-height: 34px; border-radius: 9px; font-size: 11px; }
.staff-team-experience [data-staff-team-inbox-filters] [role=group] > button > span { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; min-height: 19px; border-radius: 5px; background: #7f9eb41a; padding: 0 4px; }
.staff-team-conversation { position: relative; border-color: var(--sc-border); padding-top: 17px; padding-bottom: 17px; }
.staff-team-conversation[aria-current=true] { box-shadow: inset 3px 0 var(--sc-accent); background: var(--sc-accent-soft); }
.staff-team-conversation[data-unread] { box-shadow: inset 3px 0 var(--sc-accent); }
.staff-team-conversation:focus-visible { z-index: 1; outline: 2px solid var(--sc-accent); outline-offset: -3px; }
.staff-team-experience .staff-team-thread-preview { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.staff-team-experience [data-staff-team-pane=detail] { background: radial-gradient(ellipse at 90% 0, #69c4d009, transparent 60%), var(--sc-soft); }
.staff-team-experience [data-staff-team-thread-header] { background: var(--sc-surface); border-color: var(--sc-border); box-shadow: 0 3px 15px #142d4205; }
.staff-team-experience [data-staff-team-message] { border: 1px solid transparent; }
.staff-team-experience [data-staff-team-message]:not([data-continuation]) { padding-top: 13px; padding-bottom: 13px; }
.staff-team-experience [data-staff-team-message][data-own-message]:not([data-continuation]) { background: color-mix(in srgb, var(--sc-accent-soft) 50%, transparent); border-color: color-mix(in srgb, var(--sc-border) 55%, transparent); }
.staff-team-empty-canvas { border: 1px dashed var(--sc-border); border-radius: 24px; background: var(--sc-surface); padding-top: 36px; padding-bottom: 36px; box-shadow: var(--sc-shadow); }
.staff-team-experience [data-staff-team-reply-footer] { min-height: 55px; border-color: var(--sc-border); }
.staff-team-experience [data-staff-team-reply-footer] button { min-height: 38px; border-radius: 10px; }
[data-staff-team-members] { border-color: var(--sc-border); background: var(--sc-surface); color: var(--sc-ink); }
[data-staff-team-members] > div:first-child { background: var(--sc-accent); }
[data-staff-team-members] > div:nth-child(2) { border-color: var(--sc-border); background: var(--sc-soft); }
[data-staff-team-members] h2 { color: var(--sc-ink); }
[data-staff-team-members] h2 + p { color: var(--sc-muted); }
[data-staff-team-members] [data-staff-team-member-card] { border-color: var(--sc-border); background: var(--sc-soft); }
[data-staff-team-members] [data-staff-team-member-card] p { color: var(--sc-ink); }
[data-staff-team-members] [data-staff-team-member-card] a { color: var(--sc-muted); }
[data-staff-team-members] [data-staff-team-member-card] a:hover { color: var(--sc-accent); }
/* History keeps destructive actions separate from transcript review. */
.staff-voice-history { border-color: var(--sc-border); border-radius: 15px; background: var(--sc-surface); padding: 8px; }
.staff-voice-history .staff-voice-history-trigger { display: flex; width: 100%; height: auto; min-height: 52px; justify-content: flex-start; gap: 7px; border: 0; border-radius: 10px; background: var(--sc-soft); color: var(--sc-ink); padding: 10px; text-align: left; box-shadow: none; }
.staff-voice-history-trigger > span { flex: 1; min-width: 0; white-space: normal; font-size: 12px; font-weight: 700; }
.staff-voice-history-trigger small { display: block; margin-top: 3px; color: var(--sc-muted); font-size: 10px; font-weight: 400; line-height: 1.45; }
.staff-voice-history-trigger > svg { flex: none; color: var(--sc-accent); transition: transform .18s; }
.staff-voice-history > div { padding: 0 4px 4px; }
.staff-voice-history-item { border-color: var(--sc-border); border-radius: 12px; background: var(--sc-soft); }
.staff-voice-history-item > div:first-child strong { flex: 1; min-width: 0; font-size: 12px; }
.staff-voice-history-item > div:first-child > span { align-self: flex-start; border: 1px solid var(--sc-border); border-radius: 5px; padding: 1px 6px; font-size: 10px; }
.staff-voice-history-transcript { border-left: 2px solid var(--sc-accent); padding: 5px 0 5px 10px; font-size: 12px; line-height: 1.65; }
.staff-voice-history-confirm { border-radius: 9px; background: var(--sc-surface); padding: 11px; font-size: 12px; line-height: 1.6; }
.staff-voice-history-confirm > div { flex-wrap: wrap; }
.staff-voice-history select { min-height: 34px; }
.staff-dictation-panel .staff-dictation-heading { border-bottom: 1px solid var(--dictation-border); padding-bottom: 18px; }
.staff-dictation-panel .staff-dictation-review { border: 1px solid var(--dictation-border); border-radius: 15px; padding: 15px; background: var(--dictation-soft); }
.staff-dictation-panel .staff-dictation-review textarea { background: var(--dictation-border); background: color-mix(in srgb, var(--dictation-soft), var(--dictation-ink) 3%); }
.staff-dictation-panel .staff-dictation-privacy { border: 1px solid var(--dictation-border); border-radius: 11px; padding: 11px 13px; }
@media (max-width: 1100px) {
  .staff-support-priority { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 9px; padding: 14px; }
  .staff-support-priority-icon { width: 34px; height: 34px; border-radius: 10px; }
  .staff-support-priority-count { font-size: 23px; }
  .staff-support-priority-copy > span { display: none; }
}
@media (max-width: 700px) {
  .staff-collaboration-intro { align-items: flex-start; flex-direction: column; gap: 17px; border-radius: 17px; padding: 20px; }
  .staff-collaboration-intro h2 { font-size: 25px; }
  .staff-collaboration-coverage { grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; min-width: 0; border-top: 1px solid var(--sc-border); border-left: 0; padding: 13px 0 0; }
  .staff-collaboration-coverage-label { grid-column: 1; }
  .staff-collaboration-coverage > strong { grid-column: 1; font-size: 14px; }
  .staff-collaboration-coverage button { grid-column: 2; grid-row: 1 / 3; min-height: 40px; }
  .staff-support-priorities { grid-template-columns: 1fr; gap: 8px; }
  .staff-support-priority { grid-template-columns: 36px minmax(0, 1fr) auto 15px; gap: 11px; border-radius: 12px; padding: 12px 14px; }
  .staff-support-priority[data-selected] { box-shadow: inset 3px 0 var(--sc-accent); }
  .staff-support-priority-copy > span { display: block; }
  .staff-support-priority-arrow { display: block; }
  .staff-support-priority-count { font-size: 23px; }
  .staff-support-experience [data-support-hub-panel] { border-radius: 16px; padding: 17px 14px; }
  .staff-support-request { padding: 16px 13px; }
  .staff-support-request-facts { gap: 8px; font-size: 12px; }
  .staff-support-next-move { padding: 12px; }
  .staff-team-intro { padding: 7px 3px 9px; }
  .staff-team-intro :is(h1,h2) { margin-top: 3px; font-size: 19px; }
  .staff-team-intro .staff-collaboration-kicker { font-size: 8px; letter-spacing: .07em; }
  .staff-team-inbox-signals { gap: 5px; }
  .staff-team-inbox-signals > span { display: grid; gap: 2px; border-radius: 8px; padding: 6px 8px; font-size: 8px; }
  .staff-team-inbox-signals strong { font-size: 15px; }
  .staff-team-experience[data-staff-team-mobile-pane=detail] .staff-team-intro { display: none; }
  .staff-team-inbox { border-radius: 15px; }
  .staff-team-experience [data-staff-team-inbox-filters] { padding: 10px; }
  .staff-team-experience [data-staff-team-inbox-filters] [role=group] > button { min-height: 40px; padding: 7px 10px; }
  .staff-team-experience [data-staff-team-mobile-search-header] { padding: 10px; }
  .staff-team-experience [data-staff-team-mobile-search-header] input { height: 42px; }
  .staff-team-experience [data-staff-team-mobile-search-header] > div > button { height: 42px; }
  .staff-team-experience [data-staff-team-thread-header] { padding: 9px; }
  .staff-team-experience [data-staff-team-thread-header] > div > button { min-height: 42px; }
  .staff-team-experience [data-staff-team-thread-header] > div > button:first-child,
  .staff-team-experience [data-staff-team-thread-header] > div > button:last-child { width: 42px; }
  .staff-team-experience [data-staff-team-message] { border-radius: 11px; }
  .staff-team-experience [data-staff-team-reply-footer] button { min-height: 42px; }
  .staff-voice-history-item button { min-height: 40px; }
  .staff-voice-history-item label { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
  .staff-voice-history-item label select { margin-left: 0; min-height: 40px; }
}
@media (max-width: 370px) {
  .staff-team-intro { align-items: flex-start; flex-direction: column; gap: 9px; }
  .staff-team-inbox-signals { width: 100%; }
  .staff-team-inbox-signals > span { display: flex; flex: 1; gap: 7px; font-size: 9px; }
  .staff-support-priority-copy strong { font-size: 11px; }
  .staff-support-priority-copy > span { font-size: 9px; }
  .staff-dictation-panel .staff-dictation-review { padding: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .staff-support-experience *, .staff-team-experience *, .staff-voice-history *, .staff-note-context-status * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* src/app/components/staff/staff-day-workspace.css */
/* Staff day surfaces: scoped to staff-journey components, with no global element overrides. */
.staff-journey-page,.staff-journey-metric,.staff-journey-context{--journey-teal:#087482;--journey-violet:#7155b1;--journey-wash:#edf9fa;--journey-line:color-mix(in srgb,var(--journey-teal) 22%,var(--border));color:var(--foreground)}
.dark .staff-journey-page,.dark .staff-journey-metric,.dark .staff-journey-context{--journey-teal:#70e1e8;--journey-violet:#bda7f2;--journey-wash:#102c36}
.staff-journey-page{isolation:isolate}.staff-journey-page>*{min-width:0}
.staff-journey-welcome{position:relative;min-width:0;overflow:hidden;padding:clamp(20px,3vw,32px);border:1px solid var(--journey-line);border-radius:24px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--journey-teal) 10%,transparent),transparent 58%),var(--card);box-shadow:0 8px 30px #071e2d05}
.staff-journey-welcome-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:18px}.staff-journey-eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--journey-teal)}
.staff-journey-role-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent)}
.staff-journey-title{margin-top:9px;font-size:clamp(26px,3.4vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.16;overflow-wrap:anywhere;color:var(--foreground)}.staff-journey-intro{margin-top:10px;max-width:630px;color:var(--muted-foreground);font-size:14px;line-height:1.75}
.staff-journey-status-cluster{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.staff-journey-status-cluster>[data-slot=badge]{min-height:28px}
.staff-journey-focus{display:flex;align-items:center;gap:18px;margin-top:26px;padding:21px;border:1px solid var(--journey-line);border-radius:17px;background:color-mix(in srgb,var(--card) 82%,var(--journey-wash));box-shadow:0 2px 4px #06142204}
.staff-journey-focus-icon{display:grid;place-items:center;flex:none;width:49px;height:49px;border:1px solid var(--journey-line);border-radius:15px;background:var(--journey-wash);color:var(--journey-teal)}.staff-journey-focus-icon svg{width:23px;height:23px}.staff-journey-primary-action{flex:none;min-height:44px!important;border-radius:11px!important}
.staff-journey-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:13px}.staff-journey-metric{--journey-tone:var(--journey-teal);position:relative;display:flex;flex-direction:column;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--journey-tone) 5%,transparent),transparent 70%),var(--card);color:var(--foreground);box-shadow:0 3px 12px #071e2d04}
.staff-journey-metric[data-staff-metric-tone=neutral]{--journey-tone:#63758a}.staff-journey-metric[data-staff-metric-tone=warning]{--journey-tone:#a86412}.staff-journey-metric[data-staff-metric-tone=critical]{--journey-tone:#bd3852}.staff-journey-metric[data-staff-metric-tone=success]{--journey-tone:#208267}
.dark .staff-journey-metric[data-staff-metric-tone=neutral]{--journey-tone:#b3c3d5}.dark .staff-journey-metric[data-staff-metric-tone=warning]{--journey-tone:#f5c770}.dark .staff-journey-metric[data-staff-metric-tone=critical]{--journey-tone:#ffa6b6}.dark .staff-journey-metric[data-staff-metric-tone=success]{--journey-tone:#77dcba}
.staff-journey-metric::before{content:"";position:absolute;inset:18px auto 18px 0;width:3px;border-radius:0 3px 3px 0;background:var(--journey-tone);opacity:.75}.staff-journey-metric [data-staff-metric-value]{color:var(--foreground)}
.staff-journey-metric-heading{align-items:center!important}.staff-journey-metric-icon{display:grid;place-items:center;width:33px;height:33px;flex:none;border:1px solid color-mix(in srgb,var(--journey-tone) 20%,transparent);border-radius:10px;background:color-mix(in srgb,var(--journey-tone) 8%,transparent);color:var(--journey-tone)}
.staff-journey-metric-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;color:var(--journey-tone);font-size:11px;font-weight:700;line-height:1.5}.staff-journey-metric-hint{padding-bottom:4px}.staff-journey-metric-interactive{transition:border-color .18s,box-shadow .18s,transform .18s;cursor:pointer}.staff-journey-metric-interactive:hover{border-color:color-mix(in srgb,var(--journey-tone) 55%,var(--border));box-shadow:0 9px 22px #061c2810;transform:translateY(-2px)}
.staff-journey-metric-interactive:focus-visible,.staff-journey-tool:focus-visible{outline:2px solid var(--journey-teal);outline-offset:3px}.staff-journey-specialist-metric{border-radius:17px;box-shadow:0 3px 12px #071e2d04}.staff-journey-context{border-radius:18px;padding:20px}
.staff-journey-tools{padding:4px 1px}.staff-journey-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.staff-journey-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(265px,100%),1fr));gap:10px}.staff-journey-tool{display:flex;min-width:0;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--card);text-align:left;transition:background .18s,border-color .18s;cursor:pointer}.staff-journey-tool:hover{background:color-mix(in srgb,var(--card) 92%,var(--journey-teal));border-color:var(--journey-line)}.staff-journey-tool-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--journey-wash);color:var(--journey-teal)}.staff-journey-tool:nth-child(2n) .staff-journey-tool-icon{background:color-mix(in srgb,var(--journey-violet) 11%,var(--card));color:var(--journey-violet)}.staff-journey-tool-icon svg{width:18px;height:18px}
.staff-journey-stage-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.staff-journey-stage-strip:empty{display:none}.staff-journey-stage{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 10px;border:1px solid var(--journey-line);border-radius:9px;background:var(--journey-wash);font-size:10px;line-height:1.5;color:var(--foreground)}.staff-journey-stage strong{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:5px;background:var(--card);font-size:10px;color:var(--journey-teal)}
.staff-journey-assignment-panel{border-radius:21px!important}.staff-journey-assignment{min-height:98px}.staff-journey-assignment>svg{transition:transform .18s}.staff-journey-assignment:hover>svg{transform:translateX(3px)}.staff-journey-pulse{border-radius:18px!important}.staff-journey-pulse summary{min-height:44px}.staff-journey-pulse summary::after{content:"+";display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:8px;background:var(--journey-wash);color:var(--journey-teal);font-size:20px;font-weight:400}.staff-journey-pulse[open] summary::after{content:"−"}
.staff-journey-shift-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px}.staff-journey-shift-main{min-width:0}.staff-journey-local-time{white-space:normal}.staff-journey-clock-display{display:flex;align-items:center;gap:18px;margin:29px 0 20px}.staff-journey-clock-symbol{display:grid;place-items:center;width:71px;height:71px;flex:none;border:1px solid var(--border);border-radius:23px;background:var(--card);color:var(--muted-foreground)}.staff-journey-clock-symbol svg{width:32px;height:32px}.staff-journey-clock-symbol.is-active{border-color:var(--journey-line);background:var(--journey-wash);color:var(--journey-teal)}.staff-journey-clock-symbol.is-break{background:#d99c2110;border-color:#d99c2140;color:#a86412}.dark .staff-journey-clock-symbol.is-break{color:#f5c770}.staff-journey-clock-value{margin-top:6px;font-size:clamp(25px,3.8vw,44px);font-weight:700;line-height:1.12;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--foreground);overflow-wrap:anywhere}
.staff-journey-shift-actions{display:flex;flex-direction:column;justify-content:center;gap:11px;padding:21px;border:1px solid var(--journey-line);border-radius:18px;background:color-mix(in srgb,var(--card) 70%,var(--journey-wash))}.staff-journey-shift-actions>div{margin-bottom:4px}.staff-journey-shift-actions button{border-radius:11px}.staff-journey-shift-notice{grid-column:1/-1}.staff-journey-section-tabs{padding:7px;border:1px solid var(--border);border-radius:15px;background:var(--card)}.staff-journey-shift-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.staff-journey-shift-tab{min-height:44px;font-size:12px!important;overflow-wrap:anywhere}.staff-journey-preferences,.staff-journey-detail-panel{border-radius:19px!important}.staff-journey-preferences>summary{min-height:28px;line-height:1.7}
.staff-journey-calendar-intro{display:flex;align-items:center;gap:20px;min-width:0}.staff-journey-date-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none;width:72px;height:85px;border:1px solid var(--journey-line);border-radius:16px;background:var(--card);box-shadow:0 5px 18px #052c3710;color:var(--journey-teal)}.staff-journey-date-tile>span{font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.staff-journey-date-tile strong{font-size:34px;font-weight:650;line-height:1.3;letter-spacing:-.03em}.staff-journey-calendar-hero>div:first-child{align-items:center}.staff-journey-calendar-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:21px;align-items:start}.staff-journey-calendar-period{min-width:0;position:sticky;top:16px;box-shadow:0 3px 16px #061c2805}.staff-journey-calendar-day{min-height:74px;transition:background .16s,border-color .16s,box-shadow .16s}.staff-journey-calendar-day[data-staff-calendar-day-selected]{box-shadow:0 3px 8px #052b371a}.staff-journey-agenda{min-width:0;padding:4px 0}.staff-journey-agenda-event{position:relative;overflow:hidden;box-shadow:0 3px 14px #061c2805}.staff-journey-agenda-event::before{content:"";position:absolute;inset:17px auto 17px 0;width:3px;border-radius:0 4px 4px 0;background:var(--journey-teal);opacity:.7}.staff-journey-coverage{border-radius:20px!important}
@media(min-width:1500px){.staff-journey-calendar-days{gap:8px}.staff-journey-calendar-day{min-height:86px}}
@media(max-width:1100px){.staff-journey-calendar-workspace{grid-template-columns:minmax(0,1fr)}.staff-journey-calendar-period{position:static}.staff-journey-shift-hero{grid-template-columns:minmax(0,1fr) 205px}.staff-journey-focus{flex-wrap:wrap}.staff-journey-primary-action{margin-left:67px}}
@media(max-width:640px){.staff-journey-welcome{padding:20px;border-radius:19px}.staff-journey-title{font-size:28px}.staff-journey-intro{font-size:13px}.staff-journey-focus{gap:13px;padding:15px;margin-top:21px}.staff-journey-focus-icon{width:38px;height:38px;border-radius:12px}.staff-journey-focus-icon svg{width:19px;height:19px}.staff-journey-focus>.min-w-0{flex-basis:calc(100% - 51px)}.staff-journey-primary-action{width:100%;margin-left:0;white-space:normal;min-height:44px!important;height:auto!important}.staff-journey-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-journey-metric{padding:13px;border-radius:14px}.staff-journey-metric-icon{width:27px;height:27px;border-radius:8px}.staff-journey-metric-icon svg{width:14px;height:14px}.staff-journey-metric-heading{gap:6px!important}.staff-journey-metric [data-staff-metric-label]{font-size:11px}.staff-journey-metric-action{font-size:10px;padding-top:9px}.staff-journey-metric-hint{font-size:11px;line-height:1.7}.staff-journey-section-heading{align-items:flex-end}.staff-journey-tool{padding:14px}.staff-journey-shift-hero{grid-template-columns:minmax(0,1fr);gap:21px}.staff-journey-clock-display{margin:23px 0 18px;gap:13px}.staff-journey-clock-symbol{width:57px;height:57px;border-radius:18px}.staff-journey-clock-symbol svg{width:26px;height:26px}.staff-journey-shift-actions{padding:16px;gap:10px}.staff-journey-shift-tabs{gap:5px}.staff-journey-shift-tab{padding:9px 6px!important;font-size:11px!important}.staff-journey-calendar-intro{gap:13px;align-items:flex-start}.staff-journey-date-tile{width:51px;height:66px;border-radius:13px}.staff-journey-date-tile strong{font-size:27px}.staff-journey-date-tile>span{font-size:9px}.staff-journey-calendar-hero .staff-journey-title{font-size:26px}.staff-journey-calendar-hero>div:first-child>button{width:100%;margin-top:5px;min-height:44px}.staff-journey-calendar-workspace{gap:23px}.staff-journey-calendar-day{min-height:63px;padding-left:2px!important;padding-right:2px!important;border-radius:9px}.staff-journey-calendar-count-word{display:none}.staff-journey-agenda{padding-top:0}.staff-journey-coverage>div:first-child{align-items:flex-start}}
@media(max-width:360px){.staff-journey-welcome{padding:16px}.staff-journey-title{font-size:25px}.staff-journey-metric-icon{display:none}.staff-journey-metric{padding:12px}.staff-journey-calendar-days{gap:3px!important}.staff-journey-calendar-day{min-height:59px}.staff-journey-calendar-intro .staff-journey-date-tile{display:none}.staff-journey-calendar-period{padding:13px!important}}
@media(prefers-reduced-motion:reduce){.staff-journey-metric-interactive,.staff-journey-tool,.staff-journey-assignment>svg,.staff-journey-calendar-day{transition:none}.staff-journey-metric-interactive:hover,.staff-journey-assignment:hover>svg{transform:none}}

/* src/app/components/staff/staff-department-workspaces.css */
/* Department surfaces are intentionally scoped: customer data and action gates stay in the workbenches. */
.staff-dept-workspace {
  --sd-accent: #077486;
  --sd-accent-rgb: 7, 116, 134;
  --sd-wash: #eaf9fa;
  --sd-ink: #112c3c;
  --sd-muted: #536c7c;
  --sd-line: #d5e5eb;
  --sd-surface: #ffffff;
  min-width: 0;
  color: var(--sd-ink);
  container-type: inline-size;
}
.staff-dept-workspace--billing { --sd-accent: #5c52aa; --sd-accent-rgb: 92, 82, 170; --sd-wash: #f3f1fc; }
.staff-dept-workspace--domains { --sd-accent: #08746f; --sd-accent-rgb: 8, 116, 111; --sd-wash: #eaf8f3; }
.staff-dept-workspace--people { --sd-accent: #3564a3; --sd-accent-rgb: 53, 100, 163; --sd-wash: #eff5fd; }
.staff-dept-workspace--team { --sd-accent: #9a5c18; --sd-accent-rgb: 154, 92, 24; --sd-wash: #fff7e9; }
.dark .staff-dept-workspace {
  --sd-accent: #7cdee8;
  --sd-accent-rgb: 124, 222, 232;
  --sd-wash: #112a36;
  --sd-ink: #e8f3f8;
  --sd-muted: #adbfce;
  --sd-line: #2c4254;
  --sd-surface: #101e2e;
}
.dark .staff-dept-workspace--billing { --sd-accent: #b5acf4; --sd-accent-rgb: 181, 172, 244; --sd-wash: #24243e; }
.dark .staff-dept-workspace--domains { --sd-accent: #81dcd0; --sd-accent-rgb: 129, 220, 208; --sd-wash: #122f31; }
.dark .staff-dept-workspace--people { --sd-accent: #9dbff0; --sd-accent-rgb: 157, 191, 240; --sd-wash: #192d46; }
.dark .staff-dept-workspace--team { --sd-accent: #ebc080; --sd-accent-rgb: 235, 192, 128; --sd-wash: #302a24; }
.staff-dept-workspace .staff-dept-hero {
  position: relative;
  isolation: isolate;
  border: 1px solid var(--sd-line);
  border-radius: 1.4rem;
  background: linear-gradient(125deg, var(--sd-surface) 35%, var(--sd-wash));
  box-shadow: 0 12px 32px rgb(15 35 50 / 4%);
  backdrop-filter: none;
  overflow: hidden;
}
.staff-dept-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 18rem;
  height: 18rem;
  inset: -10rem -5rem auto auto;
  border: 1px solid rgba(var(--sd-accent-rgb), .14);
  border-radius: 50%;
  box-shadow: 0 0 0 32px rgba(var(--sd-accent-rgb), .025), 0 0 0 64px rgba(var(--sd-accent-rgb), .02);
}
.staff-dept-hero-heading { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 1rem; min-width: 0; }
.staff-dept-hero-heading > .min-w-0 { flex-basis: 14rem; }
.staff-dept-hero-icon {
  display: grid;
  place-items: center;
  flex: 0 0 3.25rem;
  height: 3.25rem;
  color: var(--sd-accent);
  border: 1px solid rgba(var(--sd-accent-rgb), .22);
  border-radius: 1rem;
  background: var(--sd-surface);
  box-shadow: 0 4px 12px rgba(var(--sd-accent-rgb), .06);
}
.staff-dept-hero-icon svg { width: 1.45rem; height: 1.45rem; stroke-width: 1.7; }
.staff-dept-hero h1 { font-size: clamp(1.45rem, 2.3cqi, 2.1rem); line-height: 1.18; letter-spacing: -.035em; overflow-wrap: anywhere; }
.staff-dept-hero-heading > div > p:first-child { color: var(--sd-accent); font-size: .64rem; letter-spacing: .16em; }
.staff-dept-route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  list-style: none;
  margin: 1.4rem 0 0;
  padding: 1rem 0 0;
  border-top: 1px solid var(--sd-line);
}
.staff-dept-route li { display: flex; align-items: flex-start; min-width: 0; gap: .6rem; }
.staff-dept-route li > span { flex: 0 0 auto; margin-top: .1rem; color: var(--sd-accent); font-size: .65rem; font-weight: 750; font-variant-numeric: tabular-nums; }
.staff-dept-route strong { display: block; color: var(--sd-ink); font-size: .75rem; font-weight: 650; line-height: 1.5; }
.staff-dept-route p { margin: .22rem 0 0; color: var(--sd-muted); font-size: .7rem; line-height: 1.6; }
.staff-dept-workspace .staff-dept-surface {
  border-color: var(--sd-line);
  border-radius: 1.2rem;
  background: var(--sd-surface);
  box-shadow: 0 6px 22px rgb(15 35 50 / 3%);
  backdrop-filter: none;
}
.staff-dept-workspace .staff-dept-filterbar {
  border-color: var(--sd-line);
  border-radius: .85rem;
  background: var(--sd-wash);
  box-shadow: none;
  backdrop-filter: none;
}
.staff-dept-filterbar input { min-height: 2.75rem; background: var(--sd-surface); }
.staff-dept-filter-chips button { min-height: 2.5rem; max-width: 100%; height: auto; white-space: normal; text-align: left; }
.staff-dept-filter-chips button[aria-pressed='true'] { box-shadow: inset 0 -2px 0 rgba(var(--sd-accent-rgb), .5); }
.staff-dept-list-label { margin: 0; color: var(--sd-muted); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; line-height: 1.6; }
.staff-dept-browser { align-items: start; }
.staff-dept-record-list, .staff-dept-record-detail { min-width: 0; }
.staff-dept-workspace .staff-dept-record {
  position: relative;
  border: 1px solid var(--sd-line);
  border-radius: .9rem;
  background: var(--sd-surface);
  box-shadow: none;
  backdrop-filter: none;
  overflow-wrap: anywhere;
  transition: border-color 160ms ease, background-color 160ms ease;
}
.staff-dept-workspace .staff-dept-record:hover { border-color: var(--sd-accent); background: var(--sd-wash); }
.staff-dept-workspace .staff-dept-record[aria-pressed='true'] { border-color: var(--sd-accent); background: var(--sd-wash); box-shadow: inset 3px 0 0 var(--sd-accent); }
.staff-dept-record p, .staff-dept-record-detail h2, .staff-dept-record-detail h3 { overflow-wrap: anywhere; }
.staff-dept-workspace [data-slot='badge'] { max-width: 100%; white-space: normal; text-align: left; overflow-wrap: anywhere; }
.staff-dept-workspace .staff-dept-disclosure {
  border: 1px solid var(--sd-line);
  border-radius: .95rem;
  background: var(--sd-surface);
  box-shadow: none;
  backdrop-filter: none;
}
.staff-dept-disclosure > summary { min-height: 2.75rem; border-radius: .4rem; }
.staff-dept-customer-profile .staff-dept-disclosure > summary { position: relative; padding-right: 1.5rem; }
.staff-dept-customer-profile .staff-dept-disclosure > summary::after { content: ''; position: absolute; right: .25rem; top: .6rem; width: .4rem; height: .4rem; border-right: 1.5px solid var(--sd-accent); border-bottom: 1.5px solid var(--sd-accent); transform: rotate(45deg); }
.staff-dept-customer-profile .staff-dept-disclosure[open] > summary::after { transform: rotate(225deg); top: .85rem; }
.staff-dept-disclosure[open] { border-color: rgba(var(--sd-accent-rgb), .45); }
.staff-dept-disclosure[open] > summary { padding-bottom: .85rem; border-bottom: 1px solid var(--sd-line); }
.staff-dept-workspace :is(button, a, summary, input, select, textarea):focus-visible {
  outline: 2px solid var(--sd-accent);
  outline-offset: 3px;
  scroll-margin-block: 5rem;
}
.staff-dept-billing-browser { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.staff-dept-billing-record .text-base { font-size: .9rem; }
.staff-dept-billing-totals { display: flex; flex-wrap: wrap; gap: .4rem .65rem; }
.staff-dept-billing-totals span { padding: .3rem .45rem; border: 1px solid var(--sd-line); border-radius: .4rem; background: var(--sd-surface); }
.staff-dept-record-cue { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-top: 1rem; padding-top: .75rem; border-top: 1px solid var(--sd-line); color: var(--sd-accent); font-size: .7rem; font-weight: 650; }
.staff-dept-profile-banner { background: linear-gradient(100deg, var(--sd-wash), var(--sd-surface)); }
.staff-dept-workspace .staff-dept-team-member { border-color: var(--sd-line); border-radius: 1rem; background: var(--sd-surface); box-shadow: none; }
.staff-dept-workspace .staff-dept-team-member[data-expanded='true'] { border-color: rgba(var(--sd-accent-rgb), .55); }
.staff-dept-member-header { gap: 1rem; }
.staff-dept-member-header > .min-w-0 { flex: 1 1 12rem; }
.staff-dept-member-header > .staff-dept-member-status { flex: 1 1 23rem; }
.staff-dept-member-status button { min-height: 2.75rem; }
.staff-dept-member-details { background: var(--sd-wash); }
.staff-dept-member-details :is(button, input) { min-height: 2.75rem; }
.staff-dept-member-details button { white-space: normal; height: auto; }
@container (min-width: 1100px) {
  .staff-dept-billing-browser:not(.staff-dept-billing-browser--focused) { grid-template-columns: minmax(260px, .75fr) minmax(0, 1.65fr); }
  .staff-dept-browser > .staff-dept-record-detail, .staff-dept-billing-browser > .staff-dept-record-detail { padding-left: 1.25rem; border-left: 1px solid var(--sd-line); }
}
@container (max-width: 640px) {
  .staff-dept-workspace .staff-dept-hero, .staff-dept-workspace .staff-dept-surface { padding: 1rem; border-radius: 1rem; }
  .staff-dept-hero-heading { gap: .75rem; }
  .staff-dept-hero-icon { flex-basis: 2.5rem; height: 2.5rem; border-radius: .75rem; }
  .staff-dept-hero-icon svg { width: 1.2rem; height: 1.2rem; }
  .staff-dept-hero-heading > .min-w-0 { flex-basis: 8rem; }
  .staff-dept-route { gap: .6rem; padding-top: .8rem; margin-top: 1rem; }
  .staff-dept-route li { display: block; }
  .staff-dept-route strong { font-size: .68rem; line-height: 1.45; margin-top: .2rem; }
  .staff-dept-route p { display: none; }
  .staff-dept-member-status { justify-content: flex-start; }
  .staff-dept-member-status button { flex-basis: 100%; }
  .staff-dept-workspace .staff-dept-record { padding: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  .staff-dept-workspace .staff-dept-record, .staff-dept-workspace .transition-transform { transition: none; }
}
@media (forced-colors: active) {
  .staff-dept-workspace .staff-dept-hero, .staff-dept-workspace .staff-dept-surface,
  .staff-dept-workspace .staff-dept-disclosure, .staff-dept-workspace .staff-dept-team-member,
  .staff-dept-workspace .staff-dept-record, .staff-dept-hero-icon { border-color: CanvasText; background: Canvas; box-shadow: none; }
  .staff-dept-hero::before { display: none; }
  .staff-dept-hero-icon, .staff-dept-route :is(strong, p), .staff-dept-route li > span, .staff-dept-list-label, .staff-dept-record-cue { color: CanvasText; }
  .staff-dept-workspace .staff-dept-record[aria-pressed='true'] { border-color: Highlight; outline: 2px solid Highlight; outline-offset: -3px; }
  .staff-dept-workspace :is(button, a, summary, input, select, textarea):focus-visible { outline-color: Highlight; }
}

/* src/app/components/staff/staff-dictation.css */
.staff-dictation-panel{--dictation-border:#dbe5ed;--dictation-muted:#506378;--dictation-soft:#f3f7fa;--dictation-ink:#142839;--dictation-accent:#087a8f;display:block!important;width:min(600px,calc(100vw - 28px))!important;max-width:600px!important;max-height:calc(100dvh - 28px);overflow-y:auto;border:1px solid var(--dictation-border);border-radius:22px!important;padding:26px!important;background:#fff;color:var(--dictation-ink);box-shadow:0 24px 100px #06101f4d;overscroll-behavior:contain}
.dark .staff-dictation-panel{--dictation-border:#263c4d;--dictation-muted:#a5b8c9;--dictation-soft:#102333;--dictation-ink:#e9f4fb;--dictation-accent:#65ddec;background:#091722}
.staff-dictation-heading{padding-right:18px;text-align:left!important}.staff-dictation-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:750}.staff-dictation-heading p{font-size:13px;line-height:1.65;color:var(--dictation-muted);margin-top:8px}.staff-dictation-eyebrow{display:flex;align-items:center;gap:6px;color:var(--dictation-accent);font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;margin-bottom:9px}
.staff-dictation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;list-style:none;padding:0}.staff-dictation-steps li{display:flex;align-items:center;gap:8px;background:var(--dictation-soft);padding:10px;border:1px solid var(--dictation-border);border-radius:11px;font-size:12px;font-weight:650}.staff-dictation-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dictation-border);font-size:10px}.staff-dictation-steps li[data-current]{border-color:var(--dictation-accent)}.staff-dictation-steps li[data-current]>span{background:var(--dictation-accent);color:#fff}.dark .staff-dictation-steps li[data-current]>span{color:#062230}
.staff-dictation-notice{border:1px solid #d4a34588;background:#ffcf5510;color:var(--dictation-ink);border-radius:12px;padding:12px;font-size:12px;line-height:1.6;margin:12px 0}.staff-dictation-notice p{margin:5px 0 0}.staff-dictation-wip{display:inline-flex;padding:2px 6px;background:#d4a34520;border:1px solid #d4a34570;border-radius:5px;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.staff-dictation-capture{padding:16px;border:1px solid var(--dictation-border);border-radius:15px;background:var(--dictation-soft)}.staff-dictation-capture[data-recording]{border-color:var(--dictation-accent)}.staff-dictation-capture-top{display:flex;gap:11px;align-items:center}.staff-dictation-mic{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--dictation-border);border-radius:12px;color:var(--dictation-accent)}.staff-dictation-capture-top p{font-size:13px;line-height:1.5;font-weight:700}.staff-dictation-capture-top div>span{display:block;font-size:11px;line-height:1.5;color:var(--dictation-muted)}.staff-dictation-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:18px 0 8px;font-size:10px;color:var(--dictation-muted);font-variant-numeric:tabular-nums}.staff-dictation-metrics strong{font-size:15px;color:var(--dictation-ink)}.staff-dictation-capture progress{display:block;width:100%;height:5px;accent-color:var(--dictation-accent);border:0;border-radius:8px;overflow:hidden}.staff-dictation-capture progress::-webkit-progress-bar{background:var(--dictation-border)}.staff-dictation-capture progress::-webkit-progress-value{background:var(--dictation-accent)}.staff-dictation-capture-note{font-size:11px;line-height:1.6;color:var(--dictation-muted);margin:9px 0 13px}
.staff-dictation-panel button{cursor:pointer}.staff-dictation-record-actions,.staff-dictation-review-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.staff-dictation-record-actions button,.staff-dictation-review-actions button,.staff-dictation-insert{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--dictation-border);border-radius:9px;background:transparent;font-size:12px;font-weight:650;color:var(--dictation-ink)}.staff-dictation-panel button:hover:not(:disabled){filter:brightness(1.1);border-color:var(--dictation-accent)}.staff-dictation-panel button:focus-visible,.staff-dictation-panel summary:focus-visible{outline:2px solid var(--dictation-accent);outline-offset:3px}.staff-dictation-panel button:disabled{opacity:.45;cursor:not-allowed}.staff-dictation-record-actions .staff-dictation-primary,.staff-dictation-insert{background:var(--dictation-accent);border-color:var(--dictation-accent);color:#fff}.dark .staff-dictation-record-actions .staff-dictation-primary,.dark .staff-dictation-insert{color:#062230}
.staff-dictation-review{margin-top:20px}.staff-dictation-review-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:12px;font-weight:700}.staff-dictation-review-label>span{font-size:10px;font-weight:400;color:var(--dictation-muted)}.staff-dictation-review textarea{display:block;width:100%;min-height:135px;max-height:260px;resize:vertical;border:1px solid var(--dictation-border);border-radius:12px;padding:13px;background:transparent;color:var(--dictation-ink);font-size:13px;line-height:1.75;outline:none}.staff-dictation-review textarea:focus{border-color:var(--dictation-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--dictation-accent),transparent 80%)}.staff-dictation-review textarea:disabled{opacity:.65}.staff-dictation-review textarea::placeholder{color:var(--dictation-muted)}.staff-dictation-review-actions{margin-top:8px}.staff-dictation-review-actions button{min-height:32px;font-size:11px;padding:5px 9px}.staff-dictation-copy-status{font-size:10px;line-height:1.5;color:var(--dictation-muted)}
.staff-dictation-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--dictation-border);padding-top:17px;margin-top:20px}.staff-dictation-footer p{font-size:10px;line-height:1.65;color:var(--dictation-muted)}.staff-dictation-footer p>span{display:block;font-size:9px;margin-top:4px}.staff-dictation-footer kbd{font-family:inherit;font-size:9px}.staff-dictation-insert{flex:none;min-height:42px}.staff-dictation-privacy{margin-top:16px;font-size:10px;line-height:1.65;color:var(--dictation-muted)}.staff-dictation-privacy summary{cursor:pointer;font-weight:600}.staff-dictation-privacy p{margin-top:8px}.staff-dictation-spinner{animation:staff-dictation-turn 1.5s linear infinite}@keyframes staff-dictation-turn{to{transform:rotate(360deg)}}
@media(max-width:480px){.staff-dictation-panel{padding:20px!important}.staff-dictation-heading h2{font-size:21px}.staff-dictation-steps{gap:5px}.staff-dictation-steps li{padding:8px 6px;gap:6px;font-size:11px}.staff-dictation-footer{align-items:stretch;flex-direction:column}.staff-dictation-insert{width:100%}}
@media(prefers-reduced-motion:reduce){.staff-dictation-spinner{animation:none}.staff-dictation-panel{animation:none!important;transition:none!important}}

/* src/app/components/staff/staff-os-experience.css */
/* Staff OS owns this surface. Customer workspaces and the public site are untouched. */
.staff-os-experience {
  --staff-canvas: #f2f6fa;
  --staff-surface: #ffffff;
  --staff-ink: #102338;
  --staff-muted: #53677c;
  --staff-line: #d8e3ed;
  --staff-accent: #087482;
  --primary: #087482;
  --primary-foreground: #ffffff;
  background: var(--staff-canvas);
  color: var(--staff-ink);
}
.staff-os-experience.dark {
  --staff-canvas: #08131f;
  --staff-surface: #0f2031;
  --staff-ink: #ecf4fb;
  --staff-muted: #a1b5c8;
  --staff-line: #263d51;
  --staff-accent: #71e0de;
  --primary: #71e0de;
  --primary-foreground: #082d34;
}
.staff-os-experience #staff-os-content {
  background: radial-gradient(ellipse at 92% 0%, color-mix(in srgb, var(--staff-accent) 6%, transparent), transparent 40%), var(--staff-canvas);
  scroll-padding-block: 24px;
  overscroll-behavior: contain;
}
.staff-journey-content { width: 100%; min-width: 0; padding: 28px clamp(16px, 2.5vw, 40px) 40px; }
.staff-journey-content-messages { padding: 18px; }
.staff-os-experience .staff-journey-header {
  isolation: isolate;
  flex-shrink: 0;
  min-height: 76px;
  height: auto;
  padding-block: 12px;
  border-bottom: 1px solid var(--staff-line);
  background: var(--staff-surface);
  box-shadow: 0 2px 12px #10233804;
}
.staff-journey-location { position: relative; z-index: 1; display: grid; gap: 3px; min-width: 108px; max-width: 180px; margin-right: 16px; }
.staff-journey-location > span { color: var(--staff-accent); font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.staff-journey-location > strong { color: var(--staff-ink); font-size: 14px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.staff-journey-search { max-width: 630px; }
.staff-journey-search > div > input { min-height: 44px; border-radius: 12px; box-shadow: none; background: var(--staff-canvas); border-color: var(--staff-line); }
.staff-journey-header-actions { padding-left: 10px; }
.staff-journey-header-actions button[aria-label="Open profile menu"] { max-width: 220px; }
@media (max-width: 1535px) { .staff-journey-guide > button > span { display: none; } }
.staff-journey-shift-pill { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; margin-right: 6px; border: 1px solid var(--staff-line); border-radius: 999px; padding: 0 12px; color: var(--staff-ink); background: var(--staff-canvas); font-size: 11px; font-weight: 650; white-space: nowrap; }
.staff-journey-shift-pill:hover { border-color: var(--staff-accent); }
.staff-journey-shift-pill > span { width: 7px; height: 7px; border-radius: 50%; background: #7890a6; }
.staff-journey-shift-pill > [data-shift-state="clocked_in"] { background: #179d73; box-shadow: 0 0 0 3px #179d731c; }
.staff-journey-shift-pill > [data-shift-state="break"] { background: #cf8a23; }
.staff-journey-guide { display: flex; align-items: center; }
.staff-os-experience .staff-journey-sidebar { background: #091725; border-color: #294052; box-shadow: none; }
.staff-journey-sidebar nav { padding-top: 10px; }
.staff-journey-nav-group + .staff-journey-nav-group { margin-top: 18px; }
.staff-journey-nav-label { padding: 9px 11px 8px; color: #8fa8bd; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; }
.staff-os-experience [data-staff-sidebar-item] { min-height: 46px; border-radius: 11px; }
.staff-os-experience [data-staff-sidebar-item][aria-current="page"] { border-color: #3f7e8c; background: linear-gradient(110deg, #173d4b, #122c40); color: #eaffff; box-shadow: none; }
.staff-os-experience [data-staff-sidebar-item]:not([aria-current="page"]):hover { background: #172c3c; border-color: #345266; }
.staff-os-experience [data-staff-sidebar-quick-focus] { margin: 4px 0 8px 23px; padding-left: 12px; border-color: #2a4152; }
.staff-os-experience [data-staff-sidebar-quick-focus] > summary { min-height: 36px; color: #9db3c7; font-size: 10px; }
.staff-os-experience [data-staff-sidebar-quick-focus-item] { min-height: 44px; border-radius: 9px; }
.staff-os-experience [data-staff-sidebar-quick-focus-item] .text-slate-500 { color: #94aabf; }
.staff-os-experience .staff-journey-sidebar-footer { background: #0b1c2b; padding: 12px; border-color: #294052; }
.staff-journey-live-disclosure { border: 1px solid #2d4b5d; border-radius: 13px; background: #102534; }
.staff-journey-live-disclosure > summary { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 10px; color: #e9f6ff; cursor: pointer; list-style: none; }
.staff-journey-live-disclosure > summary::-webkit-details-marker { display: none; }
.staff-journey-live-disclosure > summary > svg { color: #9ab2c5; transition: transform .18s ease; }
.staff-journey-live-disclosure[open] > summary > svg { transform: rotate(180deg); }
.staff-journey-live-icon { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 10px; color: #9de6e7; background: #20414f; }
.staff-journey-live-disclosure [data-staff-live-status-dock] { margin: 0; padding: 10px; background: transparent; border: 0; border-top: 1px solid #2d4b5d; border-radius: 0; box-shadow: none; }
.staff-journey-live-disclosure [data-staff-live-status-dock] .text-slate-500 { color: #9bb2c4; }
.staff-journey-live-disclosure [data-staff-live-status-dock] button { min-height: 44px; }
.staff-os-experience :is(button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--staff-accent); outline-offset: 3px; }
.staff-os-experience :is(input, select, textarea) { scroll-margin-block: 80px; }
.staff-os-experience #staff-os-content :is(h1, h2, h3) { text-wrap: balance; }
.staff-os-experience #staff-os-content p { text-wrap: pretty; }
.staff-os-experience [data-workspace-data-status] { border-radius: 12px; font-size: 12px; }
@media (max-width: 1279px) { .staff-journey-shift-pill { display: none; } }
@media (max-width: 767px) {
  .staff-journey-location { min-width: 84px; max-width: 118px; margin-right: 5px; }
  .staff-journey-header-actions { padding-left: 0; }
  .staff-os-experience .staff-journey-header { min-height: 68px; gap: 6px; }
  .staff-journey-content { padding: 18px 14px 28px; }
  .staff-journey-content-messages { padding: 10px; }
}
@media (max-width: 639px) {
  .staff-os-experience .staff-journey-header { padding: 10px; flex-wrap: wrap; gap: 8px; }
  .staff-journey-header button[aria-label="Search Staff OS"] { display: none; }
  .staff-journey-search { display: block; flex: 0 0 100%; order: 5; max-width: none; }
  .staff-journey-search > div > input { padding-right: 16px; }
  .staff-journey-header-actions :is(button[aria-label="Open profile menu"], [data-staff-notifications-trigger], button[aria-label^="Change color mode"], .staff-journey-guide > button) { min-height: 44px; min-width: 44px; }
  .staff-journey-location { min-width: 0; flex: 1; max-width: none; margin: 0; }
  .staff-journey-location > strong { font-size: 12px; }
  .staff-journey-location > span { font-size: 9px; }
  .staff-journey-header-actions { gap: 2px; }
  .staff-journey-content { padding-inline: 12px; }
  .staff-journey-content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .staff-os-experience *, .staff-os-experience *::before, .staff-os-experience *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media (forced-colors: active) {
  .staff-os-experience, .staff-os-experience #staff-os-content, .staff-os-experience .staff-journey-header, .staff-os-experience .staff-journey-sidebar { background: Canvas; color: CanvasText; }
  .staff-os-experience [data-staff-sidebar-item][aria-current="page"] { outline: 2px solid Highlight; }
  .staff-journey-live-disclosure, .staff-journey-shift-pill { border: 1px solid ButtonText; }
  .staff-journey-location > span, .staff-journey-location > strong, .staff-journey-nav-label, .staff-journey-live-disclosure > summary { color: CanvasText; }
}

/* Portalled Staff-only help and notifications keep the same visual identity. */
.staff-journey-notifications, [data-workspace-guide="Staff OS"] { --staff-dialog-accent: #087482; --staff-dialog-wash: #edf8fa; border-color: #cbdde6; color: #102338; background: #fff; }
.dark .staff-journey-notifications, .dark [data-workspace-guide="Staff OS"] { --staff-dialog-accent: #71e0de; --staff-dialog-wash: #112d3a; border-color: #2a465b; color: #edf5fb; background: #0d1d2d; }
.staff-journey-notifications > :first-child, [data-workspace-guide="Staff OS"] > :first-child { background: linear-gradient(125deg, var(--staff-dialog-wash), transparent); border-bottom: 1px solid color-mix(in srgb, var(--staff-dialog-accent) 20%, transparent); }
.staff-journey-notifications :is(button, summary), [data-workspace-guide="Staff OS"] :is(button, summary) { min-height: 40px; }
.staff-journey-live-disclosure[open] { max-height: min(60dvh, 440px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 639px) { .staff-journey-notifications :is(button, summary), [data-workspace-guide="Staff OS"] :is(button, summary) { min-height: 44px; } }
@media (forced-colors: active) { .staff-journey-notifications, [data-workspace-guide="Staff OS"] { background: Canvas; color: CanvasText; border-color: ButtonText; } }