/* A shared reading scale for setup and staff, applied after legacy styles. */
body.setup-page,
body:has(.staff-shell) { background: #141514; color: #edeee9; }

body.setup-page .setup-shell { max-width: 760px; padding: 24px; }
body.setup-page .setup-conversation {
  min-height: 0;
  max-height: calc(100dvh - 48px);
  border-color: #343833;
  border-radius: 16px;
  background: #1b1d1b;
}
body.setup-page .setup-head { height: 62px; flex: 0 0 62px; border-bottom-color: #343833; }
body.setup-page .setup-head .sunflower { margin-left: 30px; }
body.setup-page .setup-thread { padding: 27px 30px 26px; }
body.setup-page .setup-current { gap: 15px; padding-top: 0; }
body.setup-page .setup-message { font-size: 15px; line-height: 1.55; }
body.setup-page .setup-message > p { font-size: 17px; line-height: 1.48; }
body.setup-page .setup-introduction { max-width: 58ch; gap: 0; }
body.setup-page .setup-introduction > p {
  max-width: 58ch;
  color: #c7cbc4;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}
body.setup-page .setup-introduction .setup-question {
  max-width: 45ch;
  margin: 12px 0 0;
  color: #eceee9;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
}
body.setup-page .setup-introduction small,
body.setup-page .setup-message small { color: #a6aaa3; font-size: 14px; line-height: 1.5; }
body.setup-page .setup-introduction small { margin-top: 6px; }
body.setup-page .setup-composer { min-height: 80px; padding: 16px 30px; gap: 10px; border-top-color: #343833; }
body.setup-page .setup-composer input { height: 48px; border-color: #454942; background: #202320; font-size: 16px; }
body.setup-page .setup-composer button { width: 48px; height: 48px; flex: 0 0 48px; background: #d8bd78; color: #1b1a15; }
body.setup-page .setup-composer button:hover { background: #e7d096; color: #1b1a15; }
body.setup-page .setup-form label { color: #c4c8c1; font-size: 14px; }
body.setup-page .setup-form input,
body.setup-page .setup-form select { min-height: 46px; font-size: 16px; }
body.setup-page .setup-actions { gap: 10px; }
body.setup-page .setup-candidate-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  max-width: 560px;
  margin-top: 16px;
}
body.setup-page .setup-candidate-footer > small {
  max-width: 48ch;
  margin: 0;
  color: #aeb5aa;
  font-size: 13px;
  line-height: 1.5;
}
body.setup-page .setup-candidate-footer .setup-back {
  flex: 0 0 auto;
  margin: 0 0 0 auto !important;
}
body.setup-page .setup-source-actions {
  display: grid;
  justify-items: start;
  gap: 0;
  max-width: 560px;
}
body.setup-page .setup-source-actions > .primary { margin: 0; }
body.setup-page .setup-source-secondary {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 24px;
  width: 100%;
  max-width: 560px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #343833;
}
body.setup-page .setup-source-secondary .quiet-link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal;
}
body.setup-page .setup-source-secondary .setup-back {
  margin-left: auto !important;
  white-space: nowrap;
}
body.setup-page .setup-source-failure-actions {
  justify-content: flex-start;
  gap: 8px 18px;
}
body.setup-page .setup-source-failure-actions .quiet-link {
  min-height: 36px;
}

/* Onboarding: one prompt and one action at a time; earlier answers stay legible. */
body.setup-page .setup-history-turn { gap: 4px; padding: 13px 0 15px; }
body.setup-page .setup-turn-question,
body.setup-page .setup-turn-answer > p { color: #e4e7e3; font-size: 15px; font-weight: 400; line-height: 1.45; }
body.setup-page .setup-turn-question { background: #1d1f1d; border-color: #383d36; }
body.setup-page .setup-current { gap: 0; padding-top: 24px; }
body.setup-page .setup-context-message { margin-bottom: 14px; }
body.setup-page .setup-context { margin: 0 !important; color: #aeb5aa; }
body.setup-page .setup-step { max-width: 560px; }
body.setup-page .setup-step.setup-agent { border-bottom: 0; padding-bottom: 0; }
body.setup-page .setup-step > .setup-step-title { margin: 0 0 7px; color: #edf0e9; font-size: 16px; font-weight: 500; line-height: 1.45; }
body.setup-page .setup-step > .setup-step-detail { display: block; max-width: 50ch; margin: 0; color: #aeb5aa; font-size: 14px; line-height: 1.55; }
body.setup-page .setup-step-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 20px; }
body.setup-page .setup-step-actions .primary { min-height: 42px; padding: 9px 15px; font-size: 14px; }
body.setup-page .setup-step-actions .setup-skip { margin: 0 !important; padding: 7px 0 !important; color: #aeb5aa; font-size: 13px; }
body.setup-page .setup-handoff-footer { display: flex; justify-content: space-between; max-width: 560px; margin-top: 24px; padding-top: 14px; }
body.setup-page .setup-handoff-footer .setup-back { margin: 0 !important; }
body.setup-page .setup-other-connections .setup-step { margin-top: 16px; }
body.setup-page .setup-phone-form-step,
body.setup-page .setup-knowledge-step { max-width: 560px; }
body.setup-page .setup-handoff-step { max-width: 560px; }
body.setup-page .setup-handoff-options { display: grid; gap: 8px; min-width: 0; margin: 18px 0 13px; padding: 0; border: 0; }
body.setup-page .setup-handoff-options label {
  display: flex; align-items: flex-start; gap: 11px; width: 100%; min-height: 44px; padding: 10px 14px; cursor: pointer;
  border: 1px solid #3c423b; border-radius: 7px; background: #202320;
  color: #e8ebe5; font-size: 14px; font-weight: 400; line-height: 1.45;
}
body.setup-page .setup-handoff-options label:hover,
body.setup-page .setup-handoff-options label:focus-within { border-color: #cbb679; background: #282b26; }
body.setup-page .setup-handoff-options label:has(input:checked) { border-color: #cbb679; background: #292a23; }
body.setup-page .setup-handoff-options input { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; accent-color: #cbb679; }
body.setup-page .setup-handoff-options label:focus-within { outline: 2px solid #d8bd78; outline-offset: 2px; }
body.setup-page .setup-transfer-triggers { max-width: 520px; margin: 14px 0; }
body.setup-page .setup-transfer-triggers[hidden] { display: none; }
body.setup-page .setup-transfer-triggers > p { margin: 0 0 8px; color: #d7dad3; font-size: 14px; }
body.setup-page .setup-transfer-triggers > div { display: grid; gap: 6px; }
body.setup-page .setup-transfer-triggers label { display: flex; align-items: flex-start; gap: 9px; padding: 7px 0; color: #d4d8d0; font-size: 13px; line-height: 1.45; cursor: pointer; }
body.setup-page .setup-transfer-triggers input { flex: 0 0 15px; width: 15px; height: 15px; margin: 2px 0 0; accent-color: #cbb679; }
body.setup-page .setup-transfer-triggers small { display: block; margin-top: 8px; color: #a6aaa3; font-size: 12px; line-height: 1.45; }
body.setup-page .setup-handoff-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
body.setup-page .setup-handoff-actions button { margin: 0 !important; padding: 6px 0 !important; border: 0; background: transparent; color: #b8beb4; font-size: 13px; font-weight: 400; line-height: 1.4; }
body.setup-page .setup-handoff-actions .setup-handoff-other { text-align: left; }
body.setup-page .setup-handoff-actions .setup-back { text-align: right; }
body.setup-page .setup-handoff-actions button:hover,
body.setup-page .setup-handoff-actions button:focus-visible { border: 0; background: transparent; color: #e6d39c; text-decoration: underline; }
body.setup-page .setup-thread > p.setup-loading,
body.setup-page .setup-message.setup-loading > p { margin: 0; color: #aeb2af; font-size: 14px; font-weight: 400; line-height: 1.5; }

body.setup-page .setup-identity-resume {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 16px;
  max-width: 560px;
  padding: 14px 16px !important;
  border: 1px solid #343833 !important;
  border-radius: 9px;
  background: #1b1d1b;
}
body.setup-page .setup-resume-copy { min-width: 0; display: grid; gap: 3px; }
body.setup-page .setup-resume-copy > small { color: #a6aaa3; font-size: 12px; line-height: 1.4; }
body.setup-page .setup-resume-copy > p { margin: 0; color: #eceee9; font-size: 16px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
body.setup-page .setup-identity-resume > button { grid-column: 2; grid-row: 1; min-height: 40px; padding: 8px 13px; white-space: nowrap; }

body:has(.staff-shell) .staff-shell .staff-nav {
  width: min(100%, 900px);
  justify-content: flex-start;
  gap: 30px;
  margin: 0 auto 20px;
}
body:has(.staff-shell) .staff-shell .staff-detail > .detail-header { padding: 26px 0 22px; }
body:has(.staff-shell) .staff-shell .staff-detail h2 { font-size: 23px; line-height: 1.3; font-weight: 520; }
body:has(.staff-shell) .staff-shell .staff-queue h2 { color: #e8eae5; font-size: 23px; line-height: 1.3; font-weight: 520; }
body:has(.staff-shell) #business-form > .section > h3,
body:has(.staff-shell) .staff-detail > .section > h3 { font-size: 18px; line-height: 1.35; font-weight: 520; color: #e8eae5; }
body:has(.staff-shell) .staff-shell .field span { color: #b7bbb4; font-size: 14px; }
body:has(.staff-shell) .staff-shell input,
body:has(.staff-shell) .staff-shell select,
body:has(.staff-shell) .staff-shell textarea { border-color: #373b36; font-size: 16px; line-height: 1.5; }
body:has(.staff-shell) .staff-shell .staff-status { color: #a9ada6; font-size: 14px; line-height: 1.55; }
body:has(.staff-shell) .menu-intro { font-size: 15px; }
body:has(.staff-shell) .menu-labels { font-size: 12px; letter-spacing: .03em; }
body:has(.staff-shell) .context-section { padding-top: 26px; }
body:has(.staff-shell) .staff-detail .section { margin-top: 28px; padding-top: 24px; }
body:has(.staff-shell) .staff-detail .section h3 { color: #e1e5dd; font-size: 16px; font-weight: 500; line-height: 1.4; }
body:has(.staff-shell) .staff-detail .section .staff-status { color: #a9ada6; }
body:has(.staff-shell) .context-section > .staff-status { max-width: 62ch; margin-bottom: 18px; }
body:has(.staff-shell) .context-list { border-top: 1px solid #343833; margin-top: 18px; }
body:has(.staff-shell) .context-list h4 { margin: 18px 0 2px; font-size: 15px; font-weight: 500; }
body:has(.staff-shell) .context-item { padding: 15px 0; border-bottom: 1px solid #343833; }
body:has(.staff-shell) .context-item p { margin: 0 0 6px; line-height: 1.5; overflow-wrap: anywhere; }
body:has(.staff-shell) .context-item p:first-child { color: #abb0a8; font-size: 14px; }
body:has(.staff-shell) .context-item strong { color: #e8eae5; font-weight: 520; }
body:has(.staff-shell) .context-item small { display: block; font-size: 14px; line-height: 1.5; }
body:has(.staff-shell) .context-item .actions { margin-top: 12px; }
body:has(.staff-shell) .context-compose { margin-top: 22px; }
body:has(.staff-shell) .context-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 12px; align-items: end; }
body:has(.staff-shell) .context-controls .field { margin: 0; }
body:has(.staff-shell) .context-controls button { min-height: 46px; }
body:has(.staff-shell) #context-status { min-height: 22px; margin-top: 8px; }

/* Shared hierarchy: a quiet entry point, compact empty state, and details on demand. */
body:has(.staff-shell) .staff-layout.start-view .onboarding-guide {
  max-width: 560px;
  display: block;
  border: 0;
  padding: 32px 0;
}
body:has(.staff-shell) .staff-layout.start-view .onboarding-guide h1 { margin: 0; }
body:has(.staff-shell) .staff-layout.start-view .onboarding-actions { margin-top: 16px; }
body:has(.staff-shell) .staff-layout.start-view .onboarding-actions .primary {
  min-width: 0;
  display: inline-flex;
  justify-content: center;
  padding: 10px 16px;
  font-size: 14px;
}
body:has(.staff-shell) .staff-layout.requests-empty {
  display: block;
  min-height: 0;
  background: transparent;
  box-shadow: none;
}
body:has(.staff-shell) .staff-layout.requests-empty .staff-queue {
  width: min(100%, 900px);
  margin: 0 auto;
  padding: 30px 0;
  border: 0;
}
body:has(.staff-shell) .staff-layout.requests-empty .staff-queue > header { margin-bottom: 12px; }
body:has(.staff-shell) .staff-layout.requests-empty .staff-detail { display: none; }
body:has(.staff-shell) .staff-layout.requests-empty .empty {
  padding: 20px 6px;
  text-align: left;
}
body:has(.staff-shell) #business-form > .business-section { margin-top: 0; }
body:has(.staff-shell) #business-form .business-description { grid-column: 1 / -1; margin-top: 4px; }
body:has(.staff-shell) #business-form .business-description summary { color: #b9beb6; font-size: 14px; cursor: pointer; }
body:has(.staff-shell) #business-form .business-description .field { margin-top: 15px; }
body:has(.staff-shell) #business-form > details.section {
  padding: 18px 0;
  margin-top: 0;
}
body:has(.staff-shell) #business-form > details.section > summary,
body:has(.staff-shell) .staff-detail > details.section > summary {
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
body:has(.staff-shell) #business-form > details.section[open] > summary,
body:has(.staff-shell) .staff-detail > details.section[open] > summary { margin-bottom: 18px; }
body:has(.staff-shell) #business-form .settings-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px 20px;
}
body:has(.staff-shell) #business-form .settings-grid > .field { margin: 0; }
body:has(.staff-shell) #business-form .business-information-more { grid-column: 1/-1; border-top: 1px solid #292b2b; padding-top: 15px; }
body:has(.staff-shell) #business-form .business-information-more > summary { cursor: pointer; color: #a9ada6; font-size: 14px; }
body:has(.staff-shell) #business-form .business-information-more[open] > summary { margin-bottom: 15px; }
body:has(.staff-shell) .connection-setup { max-width: 620px; padding-top: 0; }
body:has(.staff-shell) .connection-setup > p:first-child { max-width: 56ch; color: #b5bab2; font-size: 15px; line-height: 1.55; }
body:has(.staff-shell) .connection-setup .connection-form { gap: 18px; padding: 22px 0; }
body:has(.staff-shell) .connection-setup .connection-form label { color: #c2c7be; font-size: 14px; }
body:has(.staff-shell) .connection-setup .connection-form input,
body:has(.staff-shell) .connection-setup .connection-form select { min-height: 46px; }
body:has(.staff-shell) .connection-setup .connection-note { color: #a9ada6; font-size: 14px; line-height: 1.5; }
body:has(.staff-shell) .connection-setup .phone-carrier-guide { padding: 0; border: 0; }
body:has(.staff-shell) .connection-setup .phone-flow { margin-top: 22px; }
body:has(.staff-shell) .connection-setup .phone-flow details > summary { color: #b9beb6; font-size: 14px; cursor: pointer; }
body:has(.staff-shell) .connection-setup .phone-flow ol { margin-top: 14px; }
body:has(.staff-shell) .square-catalog-review { display: grid; gap: 12px; margin: 16px 0; }
body:has(.staff-shell) .square-catalog-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 14px; padding: 12px 0; border-bottom: 1px solid #343a34; }
body:has(.staff-shell) .square-catalog-row label { display: grid; gap: 6px; min-width: 0; color: #b9beb6; font-size: 13px; }
body:has(.staff-shell) .square-catalog-row label:first-child { grid-column: 1 / -1; display: flex; align-items: center; }
body:has(.staff-shell) .square-catalog-row input:not([type="checkbox"]) { width: 100%; min-width: 0; }
@media (max-width: 640px) { body:has(.staff-shell) .square-catalog-row { grid-template-columns: minmax(0, 1fr); } }
body:has(.staff-shell) .connection-plan .plan-intro { margin-bottom: 18px; }
body:has(.staff-shell) .connection-plan .plan-intro p { color: #b9beb6; font-size: 15px; }
body:has(.staff-shell) .connection-plan .plan-row strong { font-weight: 600; }
@media (max-width: 700px) {
  body:has(.staff-shell) #business-form .settings-grid { grid-template-columns: 1fr; }
  body:has(.staff-shell) .staff-layout.requests-empty .staff-queue { padding: 22px 0; }
  body:has(.staff-shell) .staff-layout.start-view .onboarding-actions .primary { width: auto; }
}

@media (max-width: 700px) {
  body:has(.staff-shell) .staff-shell .staff-nav { width: 100%; justify-content: space-between; gap: 0; overflow: visible; }
  body:has(.staff-shell) .context-controls { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  body:has(.staff-shell) .context-controls button { grid-column: 1 / -1; }
}

/* Shared task coordination: one clear next action; uncommon state changes stay available, not crowded into the main row. */
body:has(.staff-shell) .task-coordination { max-width: 820px; }
body:has(.staff-shell) .task-coordination > .today-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
body:has(.staff-shell) .task-coordination > .today-section-head h3 { font-size: 16px; font-weight: 500; line-height: 1.4; }
body:has(.staff-shell) .task-coordination > .today-section-head .staff-status { margin: 0; text-align: right; font-size: 13px; line-height: 1.4; }
body:has(.staff-shell) .task-coordination .task-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body:has(.staff-shell) .task-coordination .field { min-width: 0; gap: 6px; }
body:has(.staff-shell) .task-coordination .field > span { font-size: 13px; }
body:has(.staff-shell) .task-coordination .task-fields .field:last-child { grid-column: 1 / -1; }
body:has(.staff-shell) .task-coordination #task-next-action { max-width: 620px; }
body:has(.staff-shell) .task-coordination .task-actions { display: flex; align-items: center; gap: 8px 14px; margin-top: 14px; }
body:has(.staff-shell) .task-coordination .task-actions > button { min-height: 40px; padding: 8px 13px; font-size: 14px; }
body:has(.staff-shell) .task-coordination .task-actions > .primary { font-weight: 500; }
body:has(.staff-shell) .task-more-actions { position: relative; }
body:has(.staff-shell) .task-more-actions > summary { cursor: pointer; color: #aeb2af; font-size: 13px; list-style-position: inside; }
body:has(.staff-shell) .task-more-actions[open] > div { display: flex; gap: 8px; padding-top: 8px; }
body:has(.staff-shell) .task-more-actions button { padding: 7px 10px; font-size: 13px; }
body:has(.staff-shell) .task-coordination #assignment-note:empty { display: none; }
body:has(.staff-shell) .task-coordination #assignment-note:not(:empty) { margin: 10px 0 0; font-size: 13px; }
body:has(.staff-shell) .today-requests .today-request > small { line-height: 1.4; }
@media (max-width: 700px) {
  body:has(.staff-shell) .task-coordination .task-fields { grid-template-columns: minmax(0, 1fr); }
  body:has(.staff-shell) .task-coordination .task-fields .field:first-child { grid-column: auto; }
  body:has(.staff-shell) .task-coordination > .today-section-head { align-items: flex-start; }
  body:has(.staff-shell) .task-coordination > .today-section-head .staff-status { max-width: 55%; }
  body:has(.staff-shell) .today-requests .today-request { display: grid; grid-template-columns: minmax(0,1fr); justify-items: start; gap: 5px; padding: 13px 0; }
  body:has(.staff-shell) .today-requests .today-request > small { max-width: none; text-align: left; }
  body:has(.staff-shell) .task-more-actions[open] > div { flex-wrap: wrap; }
}
@media (max-width: 640px) {
  body.setup-page .setup-shell { padding: 10px; }
  body.setup-page .setup-conversation { min-height: 0; max-height: calc(100dvh - 20px); border-radius: 14px; }
  body.setup-page .setup-head .sunflower { margin-left: 18px; }
  body.setup-page .setup-thread { padding: 22px 18px; }
  body.setup-page .setup-composer { padding: 14px 16px; }
  body.setup-page .setup-introduction > p:first-child { font-size: 15px; }
}

/* The daily workspace puts review, requests, and menu changes in one reading flow. */
body:has(.staff-shell) .today-section-head { display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:13px }
body:has(.staff-shell) .today-section-head h3 { margin:0 }
body:has(.staff-shell) .today-section-head .subtle { padding:4px 0 }
body:has(.staff-shell) .today-request { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:14px 0;text-align:left;border:0;border-bottom:1px solid #343833;border-radius:0;background:transparent }
body:has(.staff-shell) .today-request:hover { background:#212421 }
body:has(.staff-shell) .today-request strong { display:block;font-size:16px;font-weight:530;line-height:1.4 }
body:has(.staff-shell) .today-request small { display:block;margin-top:3px;color:#a9ada6;font-size:14px;line-height:1.45;overflow-wrap:anywhere }
body:has(.staff-shell) .today-request > small { flex:0 0 auto;margin:0 }
body:has(.staff-shell) .today-requests > .staff-status { margin-top:14px }
body:has(.staff-shell) .today-menu .menu-source { align-items:center }
body:has(.staff-shell) .menu-reference-note { max-width: 66ch; margin: 15px 0 18px; color: #bac0b8; font-size: 14px; line-height: 1.55; }
body:has(.staff-shell) .menu-reference-note summary { cursor: pointer; }
body:has(.staff-shell) .menu-reference-note p { margin: 12px 0 0; }
body:has(.staff-shell) .menu-source { justify-content: flex-start; border-top: 0; }
body:has(.staff-shell) .today-menu .menu-intro { max-width:62ch }
body:has(.staff-shell) .today-menu .menu-row { grid-template-columns:minmax(0,1.7fr) 96px 135px minmax(0,1.5fr) auto }
@media (max-width:700px) {
 body:has(.staff-shell) .today-menu .menu-row { grid-template-columns:minmax(0,1fr) 92px;gap:8px;padding:15px 0;border-bottom:1px solid #343833 }
 body:has(.staff-shell) .today-menu .menu-row [data-menu-name],body:has(.staff-shell) .today-menu .menu-row [data-menu-note] { grid-column:1/-1 }
 body:has(.staff-shell) .today-menu .menu-row [data-remove-menu] { justify-self:start }
 body:has(.staff-shell) .today-request > small { white-space:nowrap }
}

/* The daily workspace keeps caller reports separate from approved facts. */
body:has(.staff-shell) #today-review:empty { display:none }
body:has(.staff-shell) #today-review .context-section { border-top:0;margin-top:0;padding-top:24px }
body:has(.staff-shell) #today-review .context-explain { margin:0 0 8px;max-width:66ch }
body:has(.staff-shell) #today-review .context-list { margin-top:14px }
body:has(.staff-shell) .context-item .context-source { font-size:14px;color:#aeb2ac;line-height:1.5 }
body:has(.staff-shell) .context-item .context-evidence { margin:9px 0 15px;padding-left:13px;border-left:2px solid #505750;color:#d4d8d1;font-size:15px;line-height:1.55 }
body:has(.staff-shell) #today-review .context-item .field { margin:12px 0 0 }
body:has(.staff-shell) #today-review .context-item textarea { min-height:76px }
body:has(.staff-shell) #today-review .context-item .context-controls { grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px }
body:has(.staff-shell) #today-review .context-item .actions { margin-top:14px }
body:has(.staff-shell) .context-active { margin-top:20px;border-top:1px solid #343833;padding-top:16px }
body:has(.staff-shell) .context-active summary { cursor:pointer;font-size:15px;color:#c4c8c1 }
body:has(.staff-shell) .request-caution { max-width:68ch;margin-bottom:20px }
body:has(.staff-shell) .context-call { margin:12px 0 16px;padding:0;border:0 }
body:has(.staff-shell) .context-call summary { cursor:pointer;width:fit-content;color:#d4c28b;font-size:14px }
body:has(.staff-shell) .context-call [data-call-body] { margin:12px 0 0;max-height:360px;overflow:auto;border-top:1px solid #343833 }
body:has(.staff-shell) .context-call .call-line { margin:0;padding:12px 0;border-bottom:1px solid #343833;color:#e4e7e1;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere }
body:has(.staff-shell) .context-call .call-line span { display:block;margin-bottom:3px;color:#a9ada6;font-size:13px }
body:has(.staff-shell) .recent-calls { padding:20px 0 }
body:has(.staff-shell) .recent-calls > summary { cursor:pointer;width:fit-content;font-size:15px;color:#c4c8c1 }
body:has(.staff-shell) .recent-call { padding:13px 0;border-bottom:1px solid #343833 }
body:has(.staff-shell) .recent-call:first-child { margin-top:10px }
body:has(.staff-shell) .recent-call .context-call { margin:5px 0 0 }
@media (max-width:700px) {
 body:has(.staff-shell) #today-review .context-item .context-controls { grid-template-columns:1fr 1fr }
 body:has(.staff-shell) #today-review .context-item .actions button { min-height:44px }
 body:has(.staff-shell) .today-request { align-items:flex-start }
 body:has(.staff-shell) .today-request > small { white-space:normal;text-align:right;max-width:92px }
}

/* Secondary setup actions should read as controls, not stray footer text. */
body.setup-page .quiet-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 6px;
  background: transparent !important;
  color: #b9beb7 !important;
  font-size: 13px !important;
  line-height: 1.3;
  text-decoration: none !important;
  opacity: 1;
  transition: background-color .14s ease, border-color .14s ease, color .14s ease;
}
body.setup-page .quiet-link:hover,
body.setup-page .quiet-link:focus-visible {
  border-color: #434a42 !important;
  background: #242722 !important;
  color: #eef0ec !important;
}
body.setup-page .quiet-link:focus-visible {
  outline: 2px solid #d8bd78;
  outline-offset: 2px;
}
body.setup-page .setup-back {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 0 !important;
  padding: 0 11px !important;
  border-color: #424841 !important;
  border-radius: 6px;
  background: #202320 !important;
  color: #c9cec6 !important;
  font-size: 13px !important;
  line-height: 1.3;
  text-decoration: none !important;
  white-space: nowrap;
}
body.setup-page .setup-back:hover,
body.setup-page .setup-back:focus-visible {
  border-color: #61695f !important;
  background: #292d28 !important;
  color: #f1f2ee !important;
}
body.setup-page .setup-question-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 560px;
  margin: 20px 0 0 !important;
  padding-top: 12px;
  border-top: 1px solid #343833;
}
body.setup-page .setup-step-actions .setup-skip,
body.setup-page .setup-source-secondary .quiet-link,
body.setup-page .setup-form-actions .quiet-link,
body.setup-page .setup-knowledge-actions .quiet-link {
  min-height: 34px;
  padding: 0 10px !important;
}
body.setup-page .setup-form-actions .setup-back,
body.setup-page .setup-knowledge-actions .setup-back { margin-left: auto !important; }
body.setup-page .setup-handoff-actions {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #343833;
}
body.setup-page .setup-handoff-actions .quiet-link {
  min-height: 34px;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 6px;
  background: transparent !important;
  text-decoration: none !important;
}
body.setup-page .setup-handoff-actions .setup-back {
  border-color: #424841 !important;
  background: #202320 !important;
}
body.setup-page .setup-handoff-actions .quiet-link:hover,
body.setup-page .setup-handoff-actions .quiet-link:focus-visible {
  border-color: #434a42 !important;
  background: #242722 !important;
  color: #eef0ec !important;
}
body.setup-page .setup-handoff-actions .setup-back:hover,
body.setup-page .setup-handoff-actions .setup-back:focus-visible {
  border-color: #61695f !important;
  background: #292d28 !important;
}
body.setup-page .setup-turn-answer .setup-edit-message {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 1px solid transparent !important;
  border-radius: 5px;
  color: #aeb5aa !important;
  font-size: 12px !important;
  line-height: 1.3;
  opacity: 1;
}
body.setup-page .setup-turn-answer .setup-edit-message:hover,
body.setup-page .setup-turn-answer .setup-edit-message:focus-visible {
  border-color: #3f453e !important;
  background: #202320 !important;
  color: #eef0ec !important;
  text-decoration: none !important;
}
@media (max-width: 480px) {
  body.setup-page .setup-question-actions { margin-top: 16px !important; }
  body.setup-page .setup-source-secondary { gap: 8px; }
  body.setup-page .setup-source-failure-actions { justify-content: space-between; gap: 8px 12px; }
}
body.setup-page .setup-focus-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-width: 560px;
  margin-top: 14px;
}
body.setup-page .setup-focus-options button {
  display: grid;
  align-content: center;
  gap: 3px;
  min-width: 0;
  min-height: 52px;
  padding: 9px 12px;
  border: 1px solid #3c423b;
  border-radius: 7px;
  background: #202320;
  color: #e8ebe5;
  text-align: left;
}
body.setup-page .setup-focus-options button > span { font-size: 14px; line-height: 1.35; }
body.setup-page .setup-focus-options button:hover,
body.setup-page .setup-focus-options button:focus-visible { border-color: #777d75; background: #282b26; }
body.setup-page .setup-focus-options button[aria-pressed="true"] { position: relative; padding-right: 34px; border-color: #cbb679; background: #292a23; }
body.setup-page .setup-focus-options button[aria-pressed="true"]::after { content: "✓"; position: absolute; top: 9px; right: 12px; color: #e6d39c; font-size: 14px; }
body.setup-page .setup-focus-options button:focus-visible { outline: 2px solid #d8bd78; outline-offset: 2px; }
@media (max-width: 480px) {
  body.setup-page .setup-focus-options { grid-template-columns: minmax(0, 1fr); }
}
body.setup-page .setup-knowledge-topics { max-width: 560px; }
body.setup-page .setup-knowledge-topics > p { margin: 0 0 7px; color: #edf0e9; font-size: 16px; font-weight: 450; line-height: 1.45; }
body.setup-page .setup-knowledge-topics > small { display: block; max-width: 54ch; color: #aeb5aa; font-size: 14px; line-height: 1.55; }
body.setup-page .setup-knowledge-topics .setup-knowledge-more { margin-top: 11px; }
body.setup-page .setup-knowledge-topics .setup-knowledge-more > summary { color: #b8beb4; font-size: 13px; cursor: pointer; }
body.setup-page .setup-knowledge-topics .setup-knowledge-more .setup-focus-options { margin-top: 9px; }
body.setup-page .setup-knowledge-custom { display: grid; gap: 6px; max-width: 360px; margin-top: 16px; color: #b8beb4; font-size: 13px; }
body.setup-page .setup-knowledge-custom input { min-height: 40px; padding: 8px 10px; border: 1px solid #3c423b; border-radius: 6px; background: #1b1d1b; color: #e8ebe5; font-size: 14px; }
body.setup-page .setup-knowledge-custom input:focus { border-color: #cbb679; outline: 2px solid #d8bd78; outline-offset: 2px; }
body.setup-page .setup-knowledge-topics .setup-step-actions { margin-top: 17px; }
body.setup-page .setup-knowledge-selected { display: block; margin-top: 10px; color: #aeb5aa; font-size: 13px; line-height: 1.5; }
body.setup-page .setup-knowledge-selected > span { color: #d3d8d0; }

/* One restrained layout across every onboarding step. */
body.setup-page {
  --setup-content-width: 560px;
  --setup-rule: #343833;
}
body.setup-page .setup-current { gap: 20px; }
body.setup-page .setup-current > .setup-message,
body.setup-page .setup-step,
body.setup-page .setup-handoff-step,
body.setup-page .setup-phone-form-step,
body.setup-page .setup-knowledge-step,
body.setup-page .setup-knowledge-topics,
body.setup-page .setup-source-actions,
body.setup-page .setup-source-secondary,
body.setup-page .setup-candidate-footer,
body.setup-page .setup-facts,
body.setup-page .setup-handoff-options,
body.setup-page .setup-transfer-triggers,
body.setup-page .setup-focus-options { width: 100%; max-width: var(--setup-content-width); box-sizing: border-box; }
body.setup-page .setup-message { color: #e5e8e1; font-size: 15px; line-height: 1.55; }
body.setup-page .setup-message > p,
body.setup-page .setup-step > .setup-step-title,
body.setup-page .setup-knowledge-topics > p {
  margin: 0 0 8px;
  color: #e9ece6;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}
body.setup-page .setup-message > p.setup-source-intro { margin-bottom: 0; color: #c7cbc4; font-size: 15px; font-weight: 400; line-height: 1.55; }
body.setup-page .setup-introduction > p.setup-question { margin: 0 0 7px; font-size: 15px; font-weight: 400; line-height: 1.55; }
body.setup-page .setup-message small,
body.setup-page .setup-step > .setup-step-detail,
body.setup-page .setup-knowledge-topics > small {
  color: #aeb5aa;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
body.setup-page .setup-message > small { display: block; max-width: 56ch; }
body.setup-page .setup-step > .setup-step-title { margin-bottom: 7px; }
body.setup-page .setup-history-turn { gap: 5px; padding: 12px 0; }
body.setup-page .setup-turn-question,
body.setup-page .setup-turn-answer > p { font-size: 14px; line-height: 1.5; }
body.setup-page .setup-turn-question { color: #d1d5ce; background: #1d1f1d; border-color: #383d36; }
body.setup-page .setup-focus-options { margin-top: 13px; }
body.setup-page .setup-handoff-options { gap: 7px; margin: 13px 0 0; }
body.setup-page .setup-knowledge-custom { width: 100%; max-width: var(--setup-content-width); box-sizing: border-box; margin-top: 13px; }
body.setup-page .setup-knowledge-custom input { width: 100%; box-sizing: border-box; }
body.setup-page .setup-form { gap: 13px; max-width: var(--setup-content-width); margin-top: 17px; }
body.setup-page .setup-form label { gap: 6px; color: #c4c8c1; font-size: 14px; line-height: 1.45; }
body.setup-page .setup-form input:not([type="checkbox"]),
body.setup-page .setup-form select,
body.setup-page .setup-form textarea { width: 100%; max-width: 100%; box-sizing: border-box; }
body.setup-page .setup-actions,
body.setup-page .setup-step-actions,
body.setup-page .setup-form-actions,
body.setup-page .setup-knowledge-actions,
body.setup-page .setup-question-actions,
body.setup-page .setup-handoff-actions,
body.setup-page .setup-handoff-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 16px;
  max-width: var(--setup-content-width);
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
}
body.setup-page .setup-source-actions { display: grid; gap: 10px; justify-items: start; margin-top: 18px; }
body.setup-page .setup-source-empty { margin: 10px 0 0; color: #aeb5aa; font-size: 14px; line-height: 1.5; }
body.setup-page .setup-source-secondary { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; border: 0; }
body.setup-page .setup-source-secondary.setup-source-failure-actions { justify-content: flex-start; }
body.setup-page .setup-source-secondary .setup-back,
body.setup-page .setup-candidate-footer .setup-back,
body.setup-page .setup-form-actions .setup-back,
body.setup-page .setup-knowledge-actions .setup-back,
body.setup-page .setup-handoff-actions .setup-back { margin: 0 !important; }
body.setup-page .setup-source-secondary .setup-back,
body.setup-page .setup-candidate-footer .setup-back,
body.setup-page .setup-form-actions .setup-back,
body.setup-page .setup-knowledge-actions .setup-back,
body.setup-page .setup-handoff-actions .setup-back { padding: 0 2px !important; border-color: transparent !important; background: transparent !important; }
body.setup-page .setup-candidate-footer { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 14px; }
body.setup-page .setup-candidate-footer > small { max-width: 52ch; }
body.setup-page .setup-back {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  min-height: 34px;
  padding: 0 2px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: #aeb5aa !important;
  font-size: 13px !important;
  white-space: nowrap;
}
body.setup-page .setup-back::before { content: "←"; margin-right: 7px; }
body.setup-page .setup-back:hover,
body.setup-page .setup-back:focus-visible { border-color: transparent !important; background: transparent !important; color: #e6d39c !important; text-decoration: underline !important; }
body.setup-page .setup-question-actions { margin-top: 14px !important; }
body.setup-page .setup-step-actions .primary,
body.setup-page .setup-form-actions .primary,
body.setup-page .setup-knowledge-actions .primary,
body.setup-page .setup-source-actions > .primary { min-height: 40px; padding: 8px 13px; font-size: 14px; }
body.setup-page .setup-step-actions .setup-skip,
body.setup-page .setup-source-secondary .quiet-link,
body.setup-page .setup-form-actions .quiet-link,
body.setup-page .setup-knowledge-actions .quiet-link { min-height: 34px; padding: 0 2px !important; }
body.setup-page .setup-phone-handoff { max-width: var(--setup-content-width); }
body.setup-page .setup-phone-handoff > p { margin-bottom: 8px; font-size: 16px; font-weight: 500; }
body.setup-page .setup-phone-route { justify-items: start; gap: 6px; margin-top: 13px; }
body.setup-page .setup-phone-route > span { color: #c7ccc4; font-size: 14px; line-height: 1.5; }
body.setup-page .setup-phone-route-target strong { font-size: 17px; }
body.setup-page .setup-phone-provider-request { max-width: var(--setup-content-width); }
body.setup-page .setup-phone-test { margin-top: 19px; padding-top: 14px; }
body.setup-page .setup-phone-test > p { font-weight: 500; }
body.setup-page .setup-phone-start { align-items: flex-start; }
body.setup-page .setup-other-connections { max-width: var(--setup-content-width); margin-top: 18px; padding-top: 13px; }
body.setup-page .setup-other-connections > summary,
body.setup-page .setup-sources > summary,
body.setup-page .setup-knowledge-more > summary,
body.setup-page .setup-manual-context > summary { color: #b9beb6; font-size: 13px; line-height: 1.5; }
@media (max-width: 640px) {
  body.setup-page .setup-shell { padding: 10px; }
  body.setup-page .setup-thread { padding: 20px 17px; }
  body.setup-page .setup-composer { gap: 8px; padding: 12px 14px; }
  body.setup-page .setup-turn-question,
  body.setup-page .setup-turn-answer > p { max-width: 92%; }
  body.setup-page .setup-source-secondary { gap: 6px 13px; }
  body.setup-page .setup-candidate-footer { gap: 8px; }
  body.setup-page .setup-phone-route-target { gap: 9px; }
}