/* AI Setup extends the existing CoAgent tokens; work surfaces remain solid. */
.ai-mobile-controls, .ai-mobile-readiness, .ai-compose-attachment, .ai-mobile-heading, .ai-step-count, .ai-step-short {display:none;}
.coagent-dashboard .ai-setup-layout {display: grid; grid-template-columns: 330px minmax(0,1fr); align-items: start; gap: 24px;}
.coagent-dashboard .ai-test-panel {min-width: 0; position: sticky; top: 20px;}
.coagent-dashboard .ai-test-top {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;}
.coagent-dashboard .ai-test-top>span {display: flex; align-items: center; gap: 8px; font-weight: 600;}
.coagent-dashboard .ai-test-top>div>span {display: flex; align-items: center; gap: 8px; font-weight: 600;}
.coagent-dashboard .ai-test-top .icon {height: 18px; width: 18px; color: var(--action);}
.coagent-dashboard .ai-test-mode {display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--text-secondary); margin-bottom: 20px;}
.coagent-dashboard .ai-test-mode select {min-width: 0; padding: 8px 12px; max-width: 195px;}
.coagent-dashboard .ai-phone {background: var(--surface-solid); border: 5px solid var(--border-control); box-shadow: var(--shadow-float), inset 0 0 0 1px var(--border-subtle); border-radius: 42px; overflow: hidden; display: flex; flex-direction: column; min-height: 565px; padding-top: 14px;}
.coagent-dashboard .ai-phone-notch {width: 92px; height: 20px; border-radius: 999px; margin: 0 auto 18px; background: var(--text-primary);}
.coagent-dashboard .ai-phone-header {display: flex; gap: 10px; align-items: center; padding: 0 18px 16px; border-bottom: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-phone-header img {width: 36px; height: 36px; border-radius: 50%;}
.coagent-dashboard .ai-phone-header strong {display: block; font-size: 14px;}
.coagent-dashboard .ai-phone-header small {display: block; font-size: 11px; margin-top: 2px; color: var(--text-secondary);}
.coagent-dashboard .ai-phone .chat-messages {height: 330px; min-height: 330px; flex: 1; padding: 18px 12px; gap: 12px; background: var(--surface-solid);}
.coagent-dashboard .ai-phone .message {max-width: 88%; margin: 0; align-self: flex-start;}
.coagent-dashboard .ai-phone .message.user {align-self: flex-end;}
.coagent-dashboard .ai-phone .message.assistant {align-self: flex-start;}
.coagent-dashboard .ai-phone .message small {display: block; margin: 0 4px 4px; font-size: 10px; color: var(--text-secondary);}
.coagent-dashboard .ai-phone .message p {margin: 0; padding: 10px 12px; border-radius: 16px 16px 16px 4px; background: var(--surface-soft); color: var(--text-primary); font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; white-space: pre-wrap;}
.coagent-dashboard .ai-phone .message.user p {background: var(--action); color: var(--on-action); border-radius: 16px 16px 4px 16px;}
.coagent-dashboard .ai-phone-empty {margin: auto 8px; text-align: center; color: var(--text-secondary); font-size: 13px; line-height: 1.8;}
.coagent-dashboard .ai-phone-empty strong {color: var(--text-primary); font-weight: 500;}
.coagent-dashboard .ai-phone-composer {display: flex; align-items: end; gap: 4px; margin: 8px 10px 0; border: 1px solid var(--border-subtle); border-radius: 18px; padding: 5px; background: var(--surface-soft);}
.coagent-dashboard .ai-phone-composer textarea {flex: 1; min-width: 0; min-height: 44px; max-height: 110px; padding: 12px 4px; border: 0; background: transparent; font-size: 13px; resize: vertical;}
.coagent-dashboard .ai-phone-composer .button {min-width: 44px; min-height: 44px; padding: 10px; border-radius: 13px;}
.coagent-dashboard .ai-phone-composer .button>.icon {width: 18px; height: 18px;}
.coagent-dashboard .ai-attach {display: flex; align-items: center; justify-content: center; width: 32px; height: 44px; flex-shrink: 0; color: var(--text-secondary); cursor: pointer;}
.coagent-dashboard .ai-attach .icon {width: 18px; height: 18px;}
.coagent-dashboard .ai-phone-file, .coagent-dashboard .ai-phone-status {padding: 0 15px; margin: 6px 0 0; font-size: 10px; color: var(--text-secondary); overflow-wrap: anywhere;}
.coagent-dashboard .ai-phone-home {width: 95px; height: 4px; border-radius: 999px; margin: 14px auto 10px; background: var(--text-primary);}
.coagent-dashboard .ai-test-note {font-size: 12px; line-height: 1.6; color: var(--text-secondary); margin-top: 16px;}
.coagent-dashboard .ai-setup-training {min-width: 0; overflow: hidden;}
.coagent-dashboard .ai-training-header {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 22px 24px; border-bottom: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-training-label {display: flex; align-items: center; gap: 8px; color: var(--text-secondary); font-size: 12px; margin-bottom: 6px;}
.coagent-dashboard .ai-training-label .icon {width: 17px; height: 17px;}
.coagent-dashboard .ai-training-header strong {font-weight: 600; font-size: 18px; overflow-wrap: anywhere;}
.coagent-dashboard .ai-setup-progress {display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding: 18px 24px; border-bottom: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-setup-progress>span {display: flex; gap: 7px; align-items: center; color: var(--text-secondary); font-size: 12px;}
.coagent-dashboard .ai-setup-progress .icon {width: 16px; height: 16px;}
.coagent-dashboard .ai-setup-progress .complete {color: var(--success-ink);}
.coagent-dashboard .ai-setup-tabs {display: flex; flex-wrap: wrap; gap: 4px; margin: 20px 24px 0; width: fit-content; max-width: calc(100% - 48px);}
.coagent-dashboard .ai-setup-tabs button {white-space: normal; min-height: 44px;}
.coagent-dashboard .ai-setup-panel {padding: 24px; min-height: 460px;}
.coagent-dashboard .ai-training-intro {display: flex; gap: 12px; align-items: start; margin-bottom: 24px;}
.coagent-dashboard .ai-setup-symbol {display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; flex-shrink: 0; color: var(--action); background: var(--surface-selected);}
.coagent-dashboard .ai-setup-symbol .icon {height: 20px; width: 20px;}
.coagent-dashboard .ai-training-intro h2, .coagent-dashboard .ai-panel-title h2 {margin: 0 0 8px; font-size: 20px; line-height: 1.5;}
.coagent-dashboard .ai-training-intro p, .coagent-dashboard .ai-panel-title p {margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.8;}
.coagent-dashboard .ai-training-chat {max-height: 420px; min-height: 150px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 4px 18px;}
.coagent-dashboard .ai-training-turn {display: flex; flex-direction: column; align-items: start; gap: 16px; margin-bottom: 24px;}
.coagent-dashboard .ai-training-question {font-size: 14px; line-height: 1.9; max-width: 94%; color: var(--text-primary); overflow-wrap: anywhere;white-space:pre-wrap;}
.coagent-dashboard .ai-training-answer {align-self: end; background: var(--surface-soft); padding: 10px 16px; border-radius: 16px 16px 4px 16px; max-width: 85%; font-size: 14px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere;}
.coagent-dashboard .ai-current-question {border-left: 2px solid var(--action); padding-left: 14px;}
.coagent-dashboard .ai-answer-options {display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0;}
.coagent-dashboard .ai-answer-options .button {font-size: 12px; padding: 8px 12px;}
.coagent-dashboard .ai-answer-compose {display: flex; gap: 8px; align-items: end;}
.coagent-dashboard .ai-answer-compose textarea {flex: 1; min-width: 0; font-size: 14px; resize: vertical;}
.coagent-dashboard .ai-answer-compose .button {min-height: 48px; padding: 12px;}
.coagent-dashboard .ai-answer-form>small, .coagent-dashboard .ai-subtle {display: block; color: var(--text-secondary); font-size: 12px; line-height: 1.7; margin-top: 12px;}
.coagent-dashboard .ai-training-footer {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-training-footer>small {font-size: 11px; color: var(--text-secondary);}
.coagent-dashboard .ai-ready {padding-top: 18px;}
.coagent-dashboard .ai-ready p {font-size: 13px; line-height: 1.8; color: var(--text-secondary);}
.coagent-dashboard .ai-ready .button {margin: 0 8px 8px 0;}
.coagent-dashboard .ai-prompt-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0;}
.coagent-dashboard .ai-import-label {position: relative; cursor: pointer;}
.coagent-dashboard .ai-import-label:focus-within, .coagent-dashboard .ai-attach:focus-within {outline: 2px solid var(--focus-ring); outline-offset: 3px;}
.coagent-dashboard #ai-prompt-form>label {display: block; margin: 20px 0 8px; font-size: 13px;}
.coagent-dashboard #ai-business-prompt {width: 100%; line-height: 1.8; font-size: 13px; resize: vertical;}
.coagent-dashboard .ai-policy-upload {display: flex; align-items: center; flex-wrap: wrap; gap: 12px;}
.coagent-dashboard .ai-policy-upload small {color: var(--text-secondary); font-size: 11px;}
.coagent-dashboard .ai-saved-policies {margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-saved-policies h3 {font-size: 14px;}
.coagent-dashboard .ai-policy-row {display: flex; align-items: start; gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--border-subtle);}
.coagent-dashboard .ai-policy-row>.icon {height: 18px; width: 18px; flex-shrink: 0; color: var(--text-secondary);}
.coagent-dashboard .ai-policy-row strong {font-size: 13px; overflow-wrap: anywhere;}
.coagent-dashboard .ai-policy-row p {font-size: 12px; line-height: 1.7; margin: 6px 0 0; color: var(--text-secondary); overflow-wrap: anywhere;}
.coagent-dashboard .ai-setup-status {font-size: 13px; line-height: 1.7; padding: 0 24px; color: var(--text-primary); overflow-wrap: anywhere;}
.coagent-dashboard .ai-setup-status:empty {display: none;}
.coagent-dashboard .ai-version-text {font: 12px/1.8 var(--font-ui); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 340px; overflow: auto; padding: 12px; background: var(--surface-soft); border-radius: var(--radius-control);}
.coagent-dashboard .ai-sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
.coagent-dashboard .ai-playground-standalone {width:100%;max-width:1040px;margin:0 auto;}
.coagent-dashboard .pg-chat-card {display:flex;flex-direction:column;height:clamp(460px,calc(100dvh - 260px),760px);min-width:0;overflow:hidden;background:var(--surface-solid);}
.coagent-dashboard .pg-chat-header {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;}
.coagent-dashboard .pg-chat-header .ai-phone-header {padding:0;border:0;}
.coagent-dashboard .pg-chat-header .ai-phone-header img {width:38px;height:38px;}
.coagent-dashboard .pg-chat-header .button {min-height:38px;padding:8px 13px;font-size:12px;}
.coagent-dashboard .pg-chat-card #agent-pg-chat {display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;height:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:24px;gap:20px;background:var(--surface-solid);}
.coagent-dashboard .pg-chat-card .message {display:flex;flex-direction:column;width:fit-content;max-width:min(78%,680px);margin:0;align-self:flex-start;}
.coagent-dashboard .pg-chat-card .message.user {align-self:flex-end;}
.coagent-dashboard .pg-chat-card .message small {display:block;margin:0 5px 5px;font-size:11px;color:var(--text-secondary);}
.coagent-dashboard .pg-chat-card .message p {margin:0;padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--surface-soft);color:var(--text-primary);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.coagent-dashboard .pg-chat-card .message.user p {background:var(--action);color:var(--on-action);border-radius:16px 16px 4px 16px;}
.coagent-dashboard .pg-chat-card .message.has-products {width:100%;max-width:100%;min-width:0;}
.coagent-dashboard .pg-chat-empty {margin:auto;max-width:500px;padding:28px 10px;text-align:center;color:var(--text-secondary);}
.coagent-dashboard .pg-chat-empty-icon {display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--surface-selected);color:var(--action);}
.coagent-dashboard .pg-chat-empty h2 {margin:18px 0 7px;font-size:22px;font-weight:600;letter-spacing:-.5px;color:var(--text-primary);}
.coagent-dashboard .pg-chat-empty p {margin:0;font-size:13px;line-height:1.65;}
.coagent-dashboard .pg-chat-suggestions {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;}
.coagent-dashboard .pg-chat-suggestions button {border:1px solid var(--border-subtle);border-radius:var(--radius-round);padding:8px 13px;background:var(--surface-solid);color:var(--text-secondary);font-size:12px;}
.coagent-dashboard .pg-chat-suggestions button:hover {border-color:var(--action);color:var(--action);background:var(--surface-selected);}
.coagent-dashboard .pg-chat-footer {padding:16px 22px 12px;border-top:1px solid var(--border-subtle);flex-shrink:0;}
.coagent-dashboard .pg-chat-footer #agent-pg-form {margin:0;padding:8px 10px;gap:10px;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:16px;}
.coagent-dashboard .pg-chat-footer textarea {font-size:14px;min-height:44px;max-height:120px;resize:vertical;}
.coagent-dashboard .pg-chat-footer .ai-phone-composer .button {padding:10px 16px;gap:7px;min-height:44px;}
.coagent-dashboard .pg-chat-composer-meta {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-top:9px;font-size:11px;color:var(--text-secondary);}
.coagent-dashboard .pg-chat-footer .ai-phone-status {min-height:16px;margin:5px 0 0;padding:0;font-size:11px;}
.coagent-dashboard .pg-chat-note {margin:12px 0 0;text-align:center;font-size:11px;line-height:1.6;color:var(--text-secondary);}
@media(max-width:650px){.coagent-dashboard .pg-chat-header {padding:14px 16px;}.coagent-dashboard .pg-chat-card #agent-pg-chat {padding:18px 14px;}.coagent-dashboard .pg-chat-card .message {max-width:90%;}.coagent-dashboard .pg-chat-footer {padding:12px;}.coagent-dashboard .pg-chat-composer-meta>small:last-child {display:none;}.coagent-dashboard .pg-chat-footer .ai-phone-composer .button {padding:10px 12px;}.coagent-dashboard .pg-chat-footer .button span {display:none;}.coagent-dashboard .pg-chat-empty h2 {font-size:20px;}}
.coagent-dashboard .ai-setup-panel .bp-section {padding: 16px; box-shadow: none; margin: 20px 0;}
.coagent-dashboard .ai-setup-panel .business-form {grid-template-columns: repeat(2,minmax(0,1fr));}
.coagent-dashboard .ai-setup-panel .business-form .field {min-width: 0;}
@media (max-width:1190px) {
  .coagent-dashboard .ai-setup-layout {grid-template-columns: 290px minmax(0,1fr); gap: 16px;}
  .coagent-dashboard .ai-setup-panel, .coagent-dashboard .ai-training-header {padding: 18px;}
  .coagent-dashboard .ai-setup-tabs {margin: 16px 18px 0; max-width: calc(100% - 36px);}
  .coagent-dashboard .ai-setup-panel .business-form {grid-template-columns: 1fr;}
}
@media (max-width:760px) {
  .coagent-dashboard .ai-setup-layout {display: flex; flex-direction: column;}
  .coagent-dashboard .ai-setup-training {order: -1; width: 100%;}
  .coagent-dashboard .ai-test-panel {position: static; width: 100%; max-width: 390px; margin: 8px auto;}
  .coagent-dashboard .ai-setup-progress {gap: 10px; padding: 14px 18px;}
  .coagent-dashboard .ai-setup-progress>span {font-size: 11px;}
  .coagent-dashboard .ai-setup-tabs {width: auto; display: grid; grid-template-columns: 1fr 1fr;}
  .coagent-dashboard .ai-setup-panel {padding: 18px 14px;}
  .coagent-dashboard .ai-training-chat {max-height: 320px;}
  .coagent-dashboard .ai-training-footer {align-items: start;}
  .coagent-dashboard .ai-phone {border-radius: 36px;}
}

/* Reference layout only. All colors, fonts and effects use the original tokens. */
.coagent-dashboard .ai-setup-page {min-width:0}
.coagent-dashboard .ai-setup-page .page-heading {margin-bottom:30px}
.coagent-dashboard .ai-publication-status {display:flex;align-items:center;gap:9px;border:1px solid var(--border-subtle);background:var(--surface-solid);border-radius:var(--radius-control);min-height:44px;padding:10px 14px;font-size:12px;color:var(--text-secondary)}
.coagent-dashboard .ai-publication-status i {width:7px;height:7px;border-radius:50%;background:var(--warning-ink);flex-shrink:0}
.coagent-dashboard .ai-publication-status .is-published {background:var(--success-ink)}
.coagent-dashboard .ai-setup-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 36px;padding:8px 0}
.coagent-dashboard .ai-setup-step {position:relative;min-width:0}
.coagent-dashboard .ai-setup-step:not(:last-child)::after {content:'';position:absolute;top:18px;height:1px;background:var(--border-subtle);left:calc(50% + 28px);right:calc(-50% + 28px)}
.coagent-dashboard .ai-setup-step.is-complete::after {background:var(--success-ink);opacity:.4}
.coagent-dashboard .ai-setup-step>.button {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;background:transparent;border:0;padding:0 6px;color:var(--text-secondary);font-size:12px;line-height:1.5;white-space:normal;width:100%;min-height:74px}
.coagent-dashboard .ai-step-number {display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border-subtle);font-size:14px;position:relative;z-index:1;flex-shrink:0}
.coagent-dashboard .ai-step-number .icon {width:17px;height:17px}
.coagent-dashboard .ai-setup-step.is-current>.button {color:var(--action);font-weight:600}
.coagent-dashboard .ai-setup-step.is-current .ai-step-number {background:var(--action);color:var(--on-action);border-color:var(--action);box-shadow:0 0 0 5px var(--surface-selected)}
.coagent-dashboard .ai-setup-step.is-complete:not(.is-current) .ai-step-number {background:var(--success-bg);color:var(--success-ink);border-color:var(--success-bg)}
.coagent-dashboard .ai-choice-heading {margin-bottom:26px}
.coagent-dashboard .ai-choice-heading h2 {font-size:26px;letter-spacing:-.7px;line-height:1.35;margin:0 0 9px;font-weight:600}
.coagent-dashboard .ai-choice-heading p {font-size:14px;color:var(--text-secondary);line-height:1.8;margin:0}
.coagent-dashboard .ai-choice-grid {display:grid;grid-template-columns:1fr 1fr;gap:22px}
.coagent-dashboard .ai-method-card {padding:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-selected);display:flex;flex-direction:column;min-width:0}
.coagent-dashboard .ai-method-manual {background:var(--surface-soft)}
.coagent-dashboard .ai-method-icon {display:grid;place-items:center;width:66px;height:66px;background:var(--surface-solid);border-radius:18px;color:var(--action);margin-bottom:20px}
.coagent-dashboard .ai-method-icon .icon {width:30px;height:30px;stroke-width:1.5}
.coagent-dashboard .ai-method-card h3 {font-size:24px;font-weight:600;letter-spacing:-.6px;margin:0 0 8px;line-height:1.4}
.coagent-dashboard .ai-method-card>p {color:var(--text-secondary);font-size:14px;margin:0;line-height:1.7}
.coagent-dashboard .ai-method-card ul {list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:14px;flex:1}
.coagent-dashboard .ai-method-card li {display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary);line-height:1.7}
.coagent-dashboard .ai-method-card li>span {width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface-solid);color:var(--action);flex-shrink:0}
.coagent-dashboard .ai-method-card li .icon {width:15px;height:15px}
.coagent-dashboard .ai-method-card>.button {width:100%;min-height:52px;justify-content:center;font-size:14px}
.coagent-dashboard .ai-choice-note {display:flex;align-items:flex-start;gap:16px;padding:22px 26px;background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:var(--radius-card);margin-top:24px}
.coagent-dashboard .ai-choice-note>.icon {color:var(--action);width:24px;height:24px;margin-top:4px}
.coagent-dashboard .ai-choice-note strong {font-size:14px;font-weight:600}
.coagent-dashboard .ai-choice-note p {font-size:13px;line-height:1.8;color:var(--text-secondary);margin:5px 0 0;max-width:880px}
.coagent-dashboard .ai-choice-links {display:flex;align-items:center;justify-content:flex-end;gap:20px;margin:20px 0}
.coagent-dashboard .ai-setup-layout {grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:20px;align-items:start}
.coagent-dashboard .ai-setup-toolbar {padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid var(--border-subtle)}
.coagent-dashboard .ai-setup-tabs {margin:0;max-width:none;gap:8px;display:flex;flex-wrap:wrap;background:transparent}
.coagent-dashboard .ai-setup-tabs .button {gap:8px;font-size:12px;padding:10px 12px;min-height:44px;white-space:normal}
.coagent-dashboard .ai-setup-tabs [aria-pressed="true"] {background:var(--surface-selected);color:var(--action);border-color:var(--action)}
.coagent-dashboard .ai-setup-tabs .icon {width:16px;height:16px}
.coagent-dashboard .ai-setup-utilities {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.coagent-dashboard .ai-setup-utilities .button {font-size:11px;padding:8px 10px;min-height:40px;gap:6px}
.coagent-dashboard .ai-setup-utilities .icon {width:14px;height:14px}
.coagent-dashboard .ai-setup-utilities [aria-pressed="true"] {color:var(--action);border-color:var(--action)}
.coagent-dashboard .ai-guided-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin:0 0 14px}
.coagent-dashboard .ai-guided-heading small {color:var(--text-secondary);font-size:11px;flex-shrink:0}
.coagent-dashboard .ai-guided-track {height:5px;background:var(--surface-soft);border-radius:var(--radius-round);margin-bottom:20px}
.coagent-dashboard .ai-guided-note {display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface-soft);border-radius:var(--radius-control);margin-bottom:24px}
.coagent-dashboard .ai-guided-note>.icon {width:20px;height:20px;color:var(--action);margin-top:2px}
.coagent-dashboard .ai-guided-note p {margin:0;font-size:12px;line-height:1.9;color:var(--text-secondary)}
.coagent-dashboard .ai-setup-layout .ai-training-chat {min-height:270px;max-height:410px;padding:4px 0 18px;scrollbar-width:thin}
.coagent-dashboard .ai-chat-row {display:flex;align-items:flex-start;gap:12px;width:100%}
.coagent-dashboard .ai-chat-row>img {width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-top:5px}
.coagent-dashboard .ai-setup-layout .ai-training-question {background:var(--surface-soft);padding:14px 16px;border-radius:4px 15px 15px 15px;font-size:13px;line-height:1.9;max-width:88%;border:0}
.coagent-dashboard .ai-setup-layout .ai-current-question {background:var(--surface-selected);color:var(--text-primary)}
.coagent-dashboard .ai-setup-layout .ai-training-answer {background:var(--surface-selected);margin-right:8px;font-size:13px}
.coagent-dashboard .ai-setup-layout .ai-training-footer {margin:0 0 16px;padding-top:16px;gap:8px}
.coagent-dashboard .ai-training-footer>div {display:flex;gap:8px;flex-wrap:wrap}
.coagent-dashboard .ai-training-footer .button {font-size:11px;min-height:40px;padding:8px 10px}
.coagent-dashboard .ai-training-footer .icon {width:15px;height:15px}
.coagent-dashboard .ai-setup-layout .ai-answer-compose {align-items:stretch;gap:10px}
.coagent-dashboard .ai-setup-layout .ai-answer-compose textarea {min-height:54px;resize:vertical;font-size:13px;line-height:1.8}
.coagent-dashboard .ai-setup-layout .ai-answer-compose .button {min-width:54px}
.coagent-dashboard .ai-manual-shell {display:grid;grid-template-columns:176px minmax(0,1fr);gap:20px;min-width:0}
.coagent-dashboard .ai-manual-nav {border-right:1px solid var(--border-subtle);padding-right:12px;gap:7px}
.coagent-dashboard .ai-manual-nav>button {display:flex;gap:10px;align-items:flex-start;width:100%;min-height:58px;padding:12px 9px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text-secondary)}
.coagent-dashboard .ai-manual-nav>button>.icon {width:17px;height:17px;flex-shrink:0;margin-top:3px}
.coagent-dashboard .ai-manual-nav strong {display:block;font-size:11px;font-weight:500;line-height:1.7}
.coagent-dashboard .ai-manual-nav small {display:block;font-size:10px;line-height:1.7;margin-top:3px}
.coagent-dashboard .ai-manual-nav>button[aria-pressed="true"] {background:var(--surface-selected);color:var(--action);border-color:var(--border-subtle)}
.coagent-dashboard .ai-manual-nav>button:hover {background:var(--surface-soft)}
.coagent-dashboard .ai-manual-content {min-width:0}
.coagent-dashboard .ai-manual-content #structured-business>h2 {display:none}
.coagent-dashboard .ai-manual-content #structured-business>p:first-of-type {font-size:11px;line-height:1.8;color:var(--text-secondary);margin:0 0 12px}
.coagent-dashboard .ai-manual-content .bp-progress {margin:0 0 20px;padding:10px 12px;background:var(--surface-soft);border-radius:10px;font-size:10px}
.coagent-dashboard .ai-manual-content .bp-progress progress {height:4px;accent-color:var(--action);background:var(--border-subtle)}
.coagent-dashboard .ai-manual-content .bp-progress progress::-webkit-progress-bar {background:var(--border-subtle)}
.coagent-dashboard .ai-manual-content .bp-progress progress::-webkit-progress-value {background:var(--action)}
.coagent-dashboard .ai-manual-content .bp-progress progress::-moz-progress-bar {background:var(--action)}
.coagent-dashboard .ai-manual-content .bp-section {padding:0;border:0;background:transparent;box-shadow:none;margin:0;min-width:0}
.coagent-dashboard .ai-manual-content .bp-section legend {font-size:17px;font-weight:600;padding:0 0 18px;line-height:1.5}
.coagent-dashboard .ai-manual-content .business-form {grid-template-columns:minmax(0,1fr);gap:15px}
.coagent-dashboard .ai-manual-content .field>label {font-size:12px}
.coagent-dashboard .ai-manual-content :is(input,textarea,select) {font-size:12px;min-width:0;width:100%}
.coagent-dashboard .ai-manual-content input[type="checkbox"] {width:16px;height:16px}
.coagent-dashboard .ai-manual-content .bp-checks {gap:9px}
.coagent-dashboard .ai-manual-content .bp-checks label {font-size:11px}
.coagent-dashboard .ai-manual-content .bp-error {font-size:10px}
.coagent-dashboard .ai-manual-content .bp-actions,.coagent-dashboard .ai-manual-next {display:flex;justify-content:flex-end;padding-top:16px}
.coagent-dashboard .ai-manual-next:has([data-ai-action="section-next"][hidden]) {justify-content:flex-start}
.coagent-dashboard .ai-preview-panel {padding:22px 20px;position:sticky;top:20px;min-width:0}
.coagent-dashboard .ai-preview-panel .ai-test-top {margin-bottom:18px;align-items:flex-start}
.coagent-dashboard .ai-preview-panel .ai-test-top span {display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}
.coagent-dashboard .ai-preview-panel .ai-test-top small {display:block;font-size:11px;line-height:1.8;color:var(--text-secondary);margin-top:6px}
.coagent-dashboard .ai-preview-panel .ai-test-top .icon {background:var(--surface-selected);border-radius:10px;padding:8px;width:36px;height:36px}
.coagent-dashboard .ai-preview-panel .ai-test-top button {font-size:11px;min-height:44px;flex-shrink:0}
.coagent-dashboard .ai-preview-panel .ai-test-mode {margin-bottom:16px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle);font-size:11px}
.coagent-dashboard .ai-preview-panel .ai-phone {border:0;border-radius:0;box-shadow:none;padding:0;min-height:550px;background:var(--surface-solid)}
.coagent-dashboard .ai-preview-panel .ai-phone-notch,.coagent-dashboard .ai-preview-panel .ai-phone-home {display:none}
.coagent-dashboard .ai-preview-panel .ai-phone-header {padding:0 0 14px;border-bottom:0}
.coagent-dashboard .ai-preview-panel .ai-phone-header img {width:30px;height:30px}
.coagent-dashboard .ai-preview-panel .ai-phone-header strong {font-size:12px}
.coagent-dashboard .ai-preview-panel .ai-phone-header small {font-size:10px}
.coagent-dashboard .ai-preview-panel .chat-messages {height:390px;min-height:390px;padding:16px 0;background:var(--surface-solid);scrollbar-width:thin}
.coagent-dashboard .ai-preview-panel .ai-phone-empty {line-height:1.9;margin:auto 10px}
.coagent-dashboard .ai-preview-panel .ai-phone-empty strong {font-size:15px}
.coagent-dashboard .ai-preview-panel .ai-phone-composer {margin:12px 0 0;border-radius:var(--radius-control);background:var(--surface-solid)}
.coagent-dashboard .ai-preview-panel .ai-phone-file,.coagent-dashboard .ai-preview-panel .ai-phone-status {padding:0}
.coagent-dashboard .ai-preview-panel .ai-test-note {font-size:10px;line-height:1.8;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border-subtle)}
.coagent-dashboard .bp-optional {font-size:10px;font-weight:400;color:var(--text-secondary);margin-left:8px;white-space:nowrap}
.coagent-dashboard .bp-offer-choices {display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.coagent-dashboard .bp-offer-choices label {position:relative;cursor:pointer;flex:1;min-width:90px}
.coagent-dashboard .bp-offer-choices input[type="radio"] {position:absolute;opacity:0;width:1px;height:1px;padding:0}
.coagent-dashboard .bp-offer-choices span {display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--border-control);border-radius:var(--radius-control);background:var(--surface-solid);font-size:13px;font-weight:500;color:var(--text-secondary)}
.coagent-dashboard .bp-offer-choices input:checked+span {background:var(--surface-selected);border-color:var(--action);color:var(--action)}
.coagent-dashboard .bp-offer-choices input:focus-visible+span {outline:2px solid var(--focus-ring);outline-offset:3px}
.coagent-dashboard .bp-hour-range {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.coagent-dashboard .bp-hour-range label,.coagent-dashboard .bp-hour-custom {display:grid;gap:7px;font-size:11px;color:var(--text-secondary);min-width:0}
.coagent-dashboard .bp-hour-custom {margin-top:10px}
.coagent-dashboard .bp-hour-range input,.coagent-dashboard .bp-hour-custom input {min-width:0;width:100%}
.coagent-dashboard .ai-preview-panel .ai-test-mode-buttons {border:0;padding-bottom:0;margin-bottom:4px}
.coagent-dashboard .ai-test-mode-buttons>div {display:flex;gap:4px;padding:4px;border-radius:var(--radius-control);background:var(--surface-soft)}
.coagent-dashboard .ai-test-mode-buttons button {border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:9px;min-height:44px;padding:9px 22px;font-size:12px;font-weight:500}
.coagent-dashboard .ai-test-mode-buttons button[aria-pressed="true"] {background:var(--surface-selected);color:var(--action);border-color:var(--border-subtle)}
.coagent-dashboard .ai-preview-modes-help {font-size:10px;line-height:1.8;color:var(--text-secondary);margin:8px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}
.coagent-dashboard .ai-setup-toolbar {justify-content:space-between}
@media(min-width:1390px){.coagent-dashboard .ai-manual-content .business-form {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1650px){.coagent-dashboard .ai-setup-layout {grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr)}.coagent-dashboard .ai-manual-shell {grid-template-columns:190px minmax(0,1fr);gap:24px}.coagent-dashboard .ai-manual-content .business-form {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1190px){.coagent-dashboard .ai-setup-layout {grid-template-columns:minmax(0,1fr) 310px;gap:14px}.coagent-dashboard .ai-manual-shell {grid-template-columns:minmax(0,1fr);gap:18px}.coagent-dashboard .ai-manual-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;padding:0;gap:5px}.coagent-dashboard .ai-manual-nav>button {min-height:44px;padding:9px 10px}.coagent-dashboard .ai-manual-nav small {display:none}.coagent-dashboard .ai-setup-toolbar .ai-setup-tabs {margin:0;max-width:none}.coagent-dashboard .ai-preview-panel {padding:18px 14px}}
@media(max-width:900px){.coagent-dashboard .ai-setup-layout {grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.coagent-dashboard .ai-method-card {padding:23px}.coagent-dashboard .ai-method-card h3 {font-size:21px}.coagent-dashboard .ai-method-card li {font-size:12px}}
@media(max-width:760px){.coagent-dashboard .ai-setup-layout {display:flex;flex-direction:column}.coagent-dashboard .ai-setup-training {order:0}.coagent-dashboard .ai-preview-panel {order:1;width:100%;max-width:none;margin:0;position:static}.coagent-dashboard .ai-choice-grid {grid-template-columns:minmax(0,1fr);gap:16px}.coagent-dashboard .ai-choice-heading h2 {font-size:22px}.coagent-dashboard .ai-choice-heading p {font-size:13px}.coagent-dashboard .ai-setup-page .heading-actions {flex-wrap:wrap;gap:8px}.coagent-dashboard .ai-publication-status {font-size:10px;padding:8px 10px}.coagent-dashboard .ai-setup-page .page-heading {margin-bottom:22px}.coagent-dashboard .ai-setup-steps {margin-bottom:24px}.coagent-dashboard .ai-setup-step>.button {font-size:10px;gap:9px;padding:0 3px}.coagent-dashboard .ai-step-number {width:30px;height:30px;font-size:12px}.coagent-dashboard .ai-setup-step:not(:last-child)::after {top:15px;left:calc(50% + 19px);right:calc(-50% + 19px)}.coagent-dashboard .ai-setup-toolbar {padding:14px}.coagent-dashboard .ai-setup-toolbar .ai-setup-tabs {display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;margin:0;gap:7px}.coagent-dashboard .ai-setup-tabs .button {font-size:11px;padding:9px 8px}.coagent-dashboard .ai-setup-utilities {gap:5px}.coagent-dashboard .ai-setup-utilities .button {min-height:44px;font-size:10px;padding:8px}.coagent-dashboard .ai-choice-note {padding:18px;gap:12px}.coagent-dashboard .ai-choice-links {justify-content:flex-start;flex-wrap:wrap}.coagent-dashboard .ai-choice-links .link-button {font-size:12px;text-align:left}.coagent-dashboard .ai-manual-content .business-form {grid-template-columns:minmax(0,1fr)}.coagent-dashboard .ai-guided-heading {align-items:flex-start}.coagent-dashboard .ai-guided-heading strong {font-size:13px}.coagent-dashboard .ai-training-footer small {width:100%}.coagent-dashboard .ai-preview-panel .chat-messages {min-height:320px;height:320px}}
/* Setup review and real preparation states reuse dashboard tokens. */
.ai-review-facts {display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:12px 20px;max-height:58vh;overflow:auto;padding:8px 4px;}
.ai-review-facts dt {color:var(--muted);font-size:13px;}
.ai-review-facts dd {margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.ai-processing {padding:32px 24px;min-height:320px;}
.ai-processing li {padding:10px 0;}
@media(max-width:600px){.ai-review-facts{grid-template-columns:1fr;gap:6px;}.ai-review-facts dd{margin-bottom:12px;}}
.ai-setup-completion {margin:0 0 20px;padding:0 8px;}
.ai-setup-completion progress {width:100%;height:5px;accent-color:var(--action);}
.ai-setup-completion>div {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px;color:var(--muted);}

/* Compact setup navigation and media preview reuse the dashboard design tokens. */
.coagent-dashboard .ai-setup-page .ai-setup-steps {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:8px 2px 12px;margin-bottom:20px;}
.coagent-dashboard .ai-setup-page .ai-setup-step {flex:0 0 auto;}
.coagent-dashboard .ai-setup-page .ai-setup-step::after {display:none;}
.coagent-dashboard .ai-setup-page .ai-setup-step>.button {flex-direction:row;align-items:center;justify-content:center;gap:9px;width:auto;min-height:46px;padding:6px 14px 6px 7px;border-radius:var(--radius-round);white-space:nowrap;font-size:12px;}
.coagent-dashboard .ai-setup-page .ai-step-number {width:30px;height:30px;border:0;background:var(--surface-soft);}
.coagent-dashboard .ai-setup-page .ai-setup-step.is-current>.button {background:var(--surface-selected);color:var(--text-primary);}
.coagent-dashboard .ai-setup-page .ai-setup-step.is-current .ai-step-number {box-shadow:none;background:var(--action);color:var(--on-action);}
.coagent-dashboard .ai-setup-page .ai-setup-step>.button:hover {background:var(--surface-soft);}
.coagent-dashboard .ai-setup-layout .ai-training-footer .button {border-radius:var(--radius-round);padding:10px 15px;min-height:44px;font-size:12px;gap:8px;}
.coagent-dashboard .ai-setup-layout .ai-answer-compose {padding:6px;background:var(--surface-soft);border:1px solid var(--border-control);border-radius:20px;gap:6px;align-items:end;}
.coagent-dashboard .ai-setup-layout .ai-answer-compose textarea {border:0;background:transparent;box-shadow:none;min-height:48px;padding:11px 12px;resize:vertical;}
.coagent-dashboard .ai-setup-layout .ai-answer-compose:focus-within {outline:2px solid var(--focus-ring);outline-offset:2px;}
.coagent-dashboard .ai-setup-layout .ai-answer-compose .button {min-width:44px;min-height:44px;border-radius:14px;padding:10px;}
.coagent-dashboard .ai-phone .message.has-products {width:100%;max-width:100%;min-width:0;}
.coagent-dashboard .ai-product-photos {display:grid;gap:12px;margin-top:10px;}
.coagent-dashboard .ai-product-photo {margin:0;border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden;background:var(--surface-solid);}
.coagent-dashboard .ai-product-photo img {display:block;width:100%;max-height:300px;object-fit:contain;aspect-ratio:1;background:var(--surface-soft);}
.coagent-dashboard .ai-product-photo figcaption {padding:10px 12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.coagent-dashboard .ai-product-carousel {display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:12px 2px;scrollbar-width:thin;width:100%;}
.coagent-dashboard .ai-preview-product {flex:0 0 min(210px,85%);scroll-snap-align:start;border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden;background:var(--surface-solid);min-width:0;}
.coagent-dashboard .ai-preview-product img,.coagent-dashboard .ai-preview-no-photo {width:100%;aspect-ratio:1;object-fit:contain;display:block;background:var(--surface-soft);}
.coagent-dashboard .ai-preview-no-photo {display:grid;place-items:center;color:var(--text-secondary);font-size:12px;}
.coagent-dashboard .ai-preview-product>div {padding:12px;}
.coagent-dashboard .ai-preview-product strong {font-size:13px;line-height:1.6;display:block;overflow-wrap:anywhere;}
.coagent-dashboard .ai-preview-product span {color:var(--success-ink);display:block;font-size:12px;margin-top:6px;}
.coagent-dashboard .ai-preview-product summary {cursor:pointer;color:var(--action);padding:10px 0 0;font-size:11px;}
.coagent-dashboard .ai-preview-product details p {padding:0;background:transparent;font-size:12px;margin-top:8px;}
.coagent-dashboard .ai-preview-product details small {display:block;}
.coagent-dashboard .ai-product-alternatives {margin-top:10px;}
.coagent-dashboard .ai-manual-content [data-preview-save] .bp-actions {border-top:1px solid var(--border-subtle);margin-top:22px;padding-top:20px;}
.coagent-dashboard .ai-manual-content [data-preview-save] .bp-actions .button {min-height:46px;min-width:180px;}

/* Mobile Teach/Test workspace. Reuses the original setup and private playground. */
@media(max-width:760px){
  .coagent-dashboard:has(#app-shell[data-view="ai-setup"]:not([hidden])) {overflow:hidden;padding:0;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] {height:var(--setup-vh,100dvh);min-height:0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .main-shell {display:flex;flex-direction:column;flex:1;min-height:0;margin:0;width:100%;padding:0;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .topbar {flex:0 0 64px;height:64px;min-height:64px;margin:0 12px;padding:0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .topbar .breadcrumbs,
  .coagent-dashboard #app-shell[data-view="ai-setup"] .theme-toggle,
  .coagent-dashboard #app-shell[data-view="ai-setup"] .today-date,
  .coagent-dashboard #app-shell[data-view="ai-setup"] .main-footer {display:none;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .topbar-right {width:100%;justify-content:flex-start;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] #content {display:flex;flex-direction:column;flex:1;min-height:0;padding:0 12px 8px;overflow:hidden;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .bottom-nav {position:static;flex:0 0 auto;inset:auto;width:100%;height:calc(68px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:var(--canvas);box-shadow:none;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .bottom-nav-item {gap:4px;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .bottom-nav-item strong {font-size:11px;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .bottom-nav-item.active {color:var(--action);}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .bottom-nav-item.active>span {background:transparent;}
  .coagent-dashboard .ai-setup-page {display:flex;flex-direction:column;flex:1;min-height:0;height:100%;width:100%;}
  .coagent-dashboard .ai-setup-page>.page-heading,
  .coagent-dashboard .ai-setup-page>.ai-setup-completion {display:none;}
  .coagent-dashboard .ai-mobile-controls {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0;padding:8px 0 14px;min-height:68px;}
  .coagent-dashboard .ai-mobile-controls [data-ai-action="back"] {display:none;}
  .coagent-dashboard .ai-mobile-controls [data-ai-action="back"] .icon {width:16px;height:16px;transform:rotate(180deg);}
  .coagent-dashboard .ai-mobile-tools {position:fixed;right:12px;top:12px;z-index:45;}
  .coagent-dashboard .ai-mobile-tools .button {min-height:42px;padding:8px 12px;border-radius:11px;font-size:13px;gap:7px;background:transparent;}
  .coagent-dashboard .ai-mobile-tools .icon {width:18px;height:18px;}
  .coagent-dashboard .ai-mobile-switch {display:flex;flex:0 1 48%;min-width:0;gap:2px;padding:4px;margin:0;border-radius:15px;background:var(--surface-soft);border:1px solid var(--border-subtle);}
  .coagent-dashboard .ai-mobile-switch button {display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:40px;border:0;border-radius:11px;background:transparent;color:var(--text-secondary);font:600 13px var(--sans);cursor:pointer;}
  .coagent-dashboard .ai-mobile-switch button[aria-pressed="true"] {background:var(--action);color:var(--on-action);box-shadow:0 2px 10px #0064ff26;}
  .coagent-dashboard .ai-mobile-switch .icon {width:18px;height:18px;}
  .coagent-dashboard .ai-setup-page .ai-setup-steps {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:0 0 auto;gap:0;padding:8px 0 4px;margin:0;border:0;overflow:visible;align-items:start;}
  .coagent-dashboard .ai-setup-page .ai-setup-step>.button {position:relative;display:flex;flex-direction:column;width:100%;min-height:73px;padding:0 2px;gap:8px;border-radius:0;background:transparent;white-space:normal;}
  .coagent-dashboard .ai-setup-step>.button>.ai-step-full {display:none;}
  .coagent-dashboard .ai-setup-step>.button>.ai-step-short {display:block;color:var(--text-secondary);font-size:10px;line-height:1.4;text-align:center;white-space:normal;}
  .coagent-dashboard .ai-setup-page .ai-step-number {width:32px;height:32px;background:var(--surface-soft);border:1px solid var(--border-control);}
  .coagent-dashboard .ai-setup-page .ai-step-count {display:block;font-size:13px;}
  .coagent-dashboard .ai-setup-page .ai-setup-step:not(:last-child)::after {display:block;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:1px;background:var(--border-control);}
  .coagent-dashboard .ai-setup-page .ai-step-number .icon {display:none;}
  .coagent-dashboard .ai-setup-page .is-complete .ai-step-number {background:var(--text-primary);color:var(--surface-solid);border-color:transparent;}
  .coagent-dashboard .ai-setup-page .is-complete .ai-step-count {display:none;}
  .coagent-dashboard .ai-setup-page .is-complete .ai-step-number .icon {display:block;width:15px;height:15px;}
  .coagent-dashboard .ai-setup-page .is-current .ai-step-number {background:var(--action);color:var(--on-action);border-color:var(--brand-cyan);box-shadow:0 0 0 2px #0064ff22;}
  .coagent-dashboard .ai-mobile-readiness {display:flex;align-items:center;gap:8px;flex-shrink:0;margin:4px 0 12px;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:13px;background:var(--surface-soft);font-size:11px;color:var(--text-secondary);}
  .coagent-dashboard .ai-mobile-readiness .icon {width:14px;height:14px;color:var(--action);}
  .coagent-dashboard .ai-setup-layout {display:flex;flex-direction:column;flex:1;min-height:0;gap:0;overflow:hidden;}
  .coagent-dashboard .ai-setup-training {display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;}
  .coagent-dashboard .ai-setup-toolbar {display:none;}
  .coagent-dashboard .ai-setup-panel, .coagent-dashboard .ai-setup-page>#ai-setup-panel {flex:1;min-height:0;overflow:auto;padding:0;overscroll-behavior:contain;}
  .coagent-dashboard .ai-setup-panel:has(#ai-training-chat) {display:flex;flex-direction:column;overflow:hidden;}
  .coagent-dashboard .ai-setup-page[data-mobile-pane="test"] .ai-setup-training,
  .coagent-dashboard .ai-setup-page[data-mobile-pane="teach"] .ai-test-panel {display:none;}
  .coagent-dashboard .ai-guided-heading, .coagent-dashboard .ai-guided-track, .coagent-dashboard .ai-guided-note {display:none;}
  .coagent-dashboard .ai-setup-layout .ai-training-chat {flex:1;min-height:0;max-height:none;overflow:auto;padding:8px 4px 14px 0;scrollbar-width:thin;}
  .coagent-dashboard .ai-setup-layout .ai-chat-row {gap:10px;align-items:flex-start;}
  .coagent-dashboard .ai-setup-layout .ai-chat-row>img {display:block;width:32px;height:32px;margin-top:3px;background:#063878;border:1px solid #1254bd;padding:3px;}
  .coagent-dashboard .ai-setup-layout .ai-training-question {max-width:calc(100% - 42px);width:auto;background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.85;}
  .coagent-dashboard .ai-setup-layout .ai-training-answer {font-size:14px;line-height:1.8;margin:0 0 0 auto;max-width:85%;background:var(--action);color:var(--on-action);border-radius:16px 16px 4px 16px;}
  .coagent-dashboard .ai-training-turn {gap:12px;margin-bottom:16px;}
  .coagent-dashboard .ai-setup-panel>.ai-subtle {order:4;flex-shrink:0;margin:4px 0 0;font-size:9px;line-height:1.5;color:var(--text-secondary);text-align:center;}
  .coagent-dashboard .ai-setup-layout .ai-training-footer {order:2;flex-shrink:0;margin:0 0 7px;padding:6px 0 0;border:0;}
  .coagent-dashboard .ai-setup-layout .ai-training-footer .button {min-height:38px;padding:7px 11px;font-size:11px;gap:5px;}
  .coagent-dashboard .ai-answer-form {order:3;flex-shrink:0;margin:0;}
  .coagent-dashboard .ai-answer-options {flex-wrap:wrap;max-width:100%;margin:10px 0 0;gap:6px;white-space:normal;}
  .coagent-dashboard .ai-answer-options:empty {display:none;}
  .coagent-dashboard .ai-answer-options>* {flex:0 0 auto;min-height:38px;}
  .coagent-dashboard .ai-answer-form>small {display:none;}
  .coagent-dashboard .ai-setup-layout .ai-answer-compose {display:flex;align-items:flex-end;gap:0;padding:4px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--border-subtle);}
  .coagent-dashboard .ai-setup-layout .ai-answer-compose textarea {height:44px;min-height:44px;max-height:144px;padding:10px 3px;resize:none;font-size:16px;line-height:1.5;}
  .coagent-dashboard .ai-compose-attachment {display:grid;place-items:center;flex:0 0 34px;width:34px;height:44px;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;}
  .coagent-dashboard .ai-compose-attachment .icon {width:18px;height:18px;}
  .coagent-dashboard .ai-setup-layout .ai-answer-compose .button {height:38px;min-height:38px;min-width:38px;margin:3px;padding:9px;border-radius:11px;}
  .coagent-dashboard .ai-setup-panel:has(#ai-training-chat)>.ai-prompt-actions,
  .coagent-dashboard .ai-setup-panel:has(#ai-training-chat)>.ai-prompt-actions+small {display:none;}
  .coagent-dashboard .ai-setup-panel:has(#ai-training-chat)>.info-note {order:1;flex-shrink:0;max-height:125px;overflow:auto;font-size:12px;}
  .coagent-dashboard .ai-setup-status {flex-shrink:0;margin:0;font-size:11px;}
  .coagent-dashboard .ai-setup-status:empty {display:none;}
  .coagent-dashboard .ai-preview-panel {display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
  .coagent-dashboard .ai-preview-panel .ai-test-top {flex-shrink:0;margin-bottom:7px;align-items:center;}
  .coagent-dashboard .ai-preview-panel .ai-test-top small {display:none;}
  .coagent-dashboard .ai-test-mode {flex-shrink:0;margin-bottom:0;}
  .coagent-dashboard .ai-test-mode-buttons button {padding:8px 12px;}
  .coagent-dashboard .ai-preview-panel .pg-chat-footer {flex-shrink:0;padding:0;background:transparent;border:0;}
  .coagent-dashboard .ai-preview-panel .ai-phone-composer {box-shadow:0 4px 18px #00000012;background:var(--surface-soft);}
  .coagent-dashboard .ai-preview-modes-help {flex-shrink:0;margin:3px 0 6px;padding:0;border:0;font-size:10px;}
  .coagent-dashboard .ai-preview-panel .ai-phone {display:flex;flex:1;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;}
  .coagent-dashboard .ai-phone-notch, .coagent-dashboard .ai-phone-home {display:none;}
  .coagent-dashboard .ai-preview-panel .ai-phone-header {display:none;}
  .coagent-dashboard .ai-preview-panel #agent-pg-chat {flex:1;height:auto;min-height:0;overflow:auto;padding:12px 0;background:transparent;}
  .coagent-dashboard .ai-preview-panel #agent-pg-form {flex-shrink:0;margin:6px 0 0;padding:5px;border-radius:16px;}
  .coagent-dashboard .ai-preview-panel .pg-chat-footer textarea {font-size:16px;resize:none;padding:8px 4px;}
  .coagent-dashboard .ai-phone-file {font-size:9px;margin:3px 0;padding:0;}
  .coagent-dashboard .ai-preview-panel .ai-test-note {flex-shrink:0;font-size:9px;line-height:1.5;margin:4px 0 0;padding:0;border:0;}
  .coagent-dashboard .ai-choice-heading h2 {font-size:20px;}
  .coagent-dashboard .ai-method-card {padding:18px;}
  .coagent-dashboard .ai-method-card h3 {font-size:19px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-mobile-switch,
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-setup-steps,
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-mobile-readiness {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-choice-grid {gap:12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-card {padding:15px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-card ul {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-icon {width:34px;height:34px;border-radius:11px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-icon .icon {width:20px;height:20px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-card h3 {margin:10px 0 4px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-card p {font-size:13px;margin-bottom:12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-method-card>.button {min-height:42px;margin-top:0;}
  .coagent-dashboard .ai-manual-shell {gap:12px;}
  .coagent-dashboard .ai-manual-nav {position:sticky;top:0;z-index:2;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:6px;width:100%;max-width:100%;padding:4px 0 8px;background:var(--canvas);scrollbar-width:thin;scrollbar-color:var(--border-control) transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain;}
  .coagent-dashboard .ai-manual-nav>button {flex:0 0 auto;width:auto;align-items:center;white-space:nowrap;font-size:11px;min-height:44px;padding:9px 12px;scroll-snap-align:center;transition:background .16s ease,color .16s ease,border-color .16s ease;}
  .coagent-dashboard .ai-manual-content #structured-business :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {font-size:16px;}
  .coagent-dashboard .ai-manual-content {padding:0 1px 16px;}
}

/* Manual setup controls keep the workspace palette and native form semantics. */
.coagent-dashboard #structured-business .bp-help {display:block;color:var(--text-secondary);font-size:11px;line-height:1.7;margin-top:6px;}
.coagent-dashboard #structured-business :is(input,textarea)::placeholder {color:var(--text-secondary);opacity:.8;}
.coagent-dashboard #structured-business .bp-error:empty {display:none;}
.coagent-dashboard #structured-business .bp-hours-preview {display:block;padding:9px 12px;margin-top:9px;border-radius:10px;background:var(--surface-soft);color:var(--text-secondary);font-size:12px;line-height:1.6;}
.coagent-dashboard #structured-business .bp-hour-range>label {padding:10px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-soft);}
.coagent-dashboard #structured-business .bp-hour-range input {background:var(--surface-solid);font-size:16px;min-height:44px;}
.coagent-dashboard #structured-business :is(.bp-hour-range,.bp-hour-custom):not([hidden]) {animation:bp-control-reveal .18s ease-out;}
.coagent-dashboard .ai-manual-content .bp-section:not([hidden]) {animation:bp-control-reveal .18s ease-out;}
.coagent-dashboard #structured-business .bp-day-checks {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;}
.coagent-dashboard #structured-business .bp-day-checks label {position:relative;display:block;min-width:0;cursor:pointer;}
.coagent-dashboard #structured-business .bp-day-checks input {position:absolute;width:1px;height:1px;opacity:0;}
.coagent-dashboard #structured-business .bp-day-checks span {display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 2px;border:1px solid var(--border-control);border-radius:11px;background:var(--surface-soft);font-size:12px;color:var(--text-secondary);transition:background .16s ease,border-color .16s ease,color .16s ease;}
.coagent-dashboard #structured-business .bp-day-checks input:checked+span {border-color:var(--action);background:var(--surface-selected);color:var(--action);font-weight:600;}
.coagent-dashboard #structured-business .bp-day-checks input:focus-visible+span {outline:2px solid var(--focus-ring);outline-offset:2px;}
.coagent-dashboard #structured-business .bp-day-shortcuts {display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;}
.coagent-dashboard #structured-business .bp-day-shortcuts button {border:0;background:transparent;color:var(--action);padding:6px 8px;min-height:38px;border-radius:8px;font:inherit;font-size:11px;cursor:pointer;}
.coagent-dashboard #structured-business .bp-day-shortcuts button:hover {background:var(--surface-soft);}
@keyframes bp-control-reveal {from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:400px){
  .coagent-dashboard #structured-business .bp-hour-range {grid-template-columns:minmax(0,1fr);gap:8px;}
  .coagent-dashboard #structured-business .bp-hour-range>label {grid-template-columns:70px minmax(0,1fr);align-items:center;padding:8px;}
}
@media(prefers-reduced-motion:reduce){
  .coagent-dashboard #structured-business :is(.bp-hour-range,.bp-hour-custom),.coagent-dashboard .ai-manual-content .bp-section {animation:none!important;}
  .coagent-dashboard .ai-manual-nav>button,.coagent-dashboard #structured-business .bp-day-checks span {transition:none;}
}
@media(max-width:760px) and (max-height:650px){
  .coagent-dashboard .ai-setup-page[data-mobile-pane="test"] .ai-setup-steps,
  .coagent-dashboard .ai-setup-page[data-mobile-pane="test"] .ai-mobile-readiness,
  .coagent-dashboard .ai-preview-modes-help {display:none;}
}
.coagent-dashboard [data-ai-action="record-voice"]{display:grid;place-items:center;width:38px;min-width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer}
.coagent-dashboard [data-ai-action="record-voice"][aria-pressed="true"]{background:var(--surface-selected);color:var(--action);box-shadow:0 0 0 1px var(--action)}
.coagent-dashboard .ai-voice-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.5;color:var(--text-secondary)}
.coagent-dashboard .ai-voice-status:empty{display:none}.coagent-dashboard .ai-voice-controls .link-button{min-height:38px;font-size:12px;flex-shrink:0}

/* Rulebook reuses Main Agent policy and knowledge editors, inside one native dialog. */
.coagent-dashboard .ai-rulebook{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-solid);color:var(--text-primary);box-shadow:var(--shadow-float);overflow:hidden}
.coagent-dashboard .ai-rulebook[open]{display:flex;flex-direction:column}
.ai-rulebook::backdrop{background:#0009;backdrop-filter:blur(3px)}
.ai-rulebook .rb-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}
.ai-rulebook .rb-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--action)}
.ai-rulebook h2{font-size:23px;line-height:1.4;margin:4px 0 0}.ai-rulebook .rb-header .button{padding:9px;min-width:40px;min-height:40px}
.ai-rulebook .rb-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;font-size:14px;line-height:1.8}
.ai-rulebook .rb-intro{color:var(--text-secondary);margin:20px 0}.ai-rulebook .rb-section{border-top:1px solid var(--border-subtle);padding-top:22px;margin-top:22px}
.ai-rulebook h3{font-size:17px;margin:0;line-height:1.7}.ai-rulebook h4{font-size:14px;margin:0;font-weight:600}
.ai-rulebook .rb-muted{color:var(--text-secondary);font-size:12px;margin:8px 0 14px}.ai-rulebook .rb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ai-rulebook textarea{width:100%;min-height:96px;box-sizing:border-box;resize:vertical;font:inherit;color:var(--text-primary);border:1px solid var(--border-control);border-radius:14px;background:var(--surface-soft);padding:12px}
.ai-rulebook .rb-samples{display:flex;gap:7px;overflow:auto;margin:10px 0 14px;padding-bottom:4px}.ai-rulebook .rb-samples .button{white-space:nowrap;flex:0 0 auto;max-width:260px;overflow:hidden;text-overflow:ellipsis;display:block;font-size:11px}
.ai-rulebook .rb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-rulebook .button{min-height:40px;font-size:12px;padding:8px 12px}
.ai-rulebook .rb-entry{border:1px solid var(--border-subtle);border-radius:14px;padding:15px;margin-top:12px;background:var(--surface-soft)}
.ai-rulebook .rb-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 12px;font-size:13px}.ai-rulebook .rb-entry>div:last-child{display:flex;gap:7px;margin-top:10px}.ai-rulebook .rb-entry small{color:var(--text-secondary)}
.ai-rulebook .rb-status-tag{display:inline-block;font-size:11px;color:var(--action);background:var(--surface-selected);border-radius:7px;padding:3px 8px}
.ai-rulebook .rb-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.ai-rulebook .rb-facts>div{padding:12px;border:1px solid var(--border-subtle);border-radius:12px;min-width:0}.ai-rulebook dt{font-size:11px;color:var(--text-secondary)}.ai-rulebook dd{margin:4px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-rulebook .rb-missing summary{cursor:pointer;font-size:13px;color:var(--text-secondary);padding:8px 0}.ai-rulebook .rb-missing ul{font-size:12px;color:var(--text-secondary);padding-left:20px}
.ai-rulebook .rb-empty,.ai-rulebook .rb-preview{padding:14px;background:var(--surface-soft);border-radius:12px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-rulebook .rb-error,.ai-rulebook #rb-status{color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.ai-rulebook #rb-status:empty{display:none}
@media(max-width:650px){.coagent-dashboard .ai-rulebook{border-radius:18px}.ai-rulebook .rb-header{padding:16px}.ai-rulebook .rb-body{padding:0 16px 20px}.ai-rulebook .rb-facts{grid-template-columns:1fr}.ai-rulebook .rb-section-heading .button{font-size:11px;padding:7px 9px}}

/* Floating private-chat composer: one scroll region, no page/composer overlap. */
.coagent-dashboard .pg-chat-footer{border-top:0;background:transparent;padding:12px 16px 8px}
.coagent-dashboard .pg-chat-footer #agent-pg-form{border-radius:22px;padding:7px;gap:5px;box-shadow:0 8px 28px #00000014;background:var(--surface-soft)}
.coagent-dashboard .pg-chat-footer textarea{resize:none;min-height:44px;max-height:144px;padding:11px 4px;line-height:1.5}
.coagent-dashboard .pg-voice-button{flex:0 0 38px;width:38px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer}
.coagent-dashboard .pg-voice-button[aria-pressed="true"]{background:var(--surface-selected);color:var(--action)}
.coagent-dashboard .pg-voice-button .icon{width:18px;height:18px}
.coagent-dashboard .pg-voice-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.coagent-dashboard .pg-voice-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-secondary)}
.coagent-dashboard #pg-voice-status:empty,.coagent-dashboard #agent-pg-error:empty{display:none;min-height:0;margin:0}
.coagent-dashboard .pg-voice-controls .link-button{min-height:36px;font-size:12px}
.coagent-dashboard .pg-chat-composer-meta{justify-content:flex-start;gap:4px 8px;margin-top:5px}
.coagent-dashboard .pg-chat-composer-meta .ai-phone-file{padding:0;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.coagent-dashboard #pg-remove-file{min-height:30px;padding:4px}.coagent-dashboard #pg-remove-file .icon{width:14px;height:14px}
.coagent-dashboard .pg-chat-composer-meta>small:last-child{margin-left:auto}
@media(max-width:920px){
  .coagent-dashboard:has(#app-shell[data-view="playground"]:not([hidden])){overflow:hidden;padding:0}
  .coagent-dashboard #app-shell[data-view="playground"]{height:var(--setup-vh,100dvh);min-height:0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden}
  .coagent-dashboard #app-shell[data-view="playground"] .main-shell{display:flex;flex:1;flex-direction:column;min-height:0;margin:0;width:100%;padding:0}
  .coagent-dashboard #app-shell[data-view="playground"] .topbar{flex:0 0 56px;min-height:56px;height:56px;max-height:56px;margin:0 12px;padding:0;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent}
  .coagent-dashboard #app-shell[data-view="playground"] #content{display:flex;flex:1;flex-direction:column;min-height:0;padding:8px 12px 0;overflow:hidden}
  .coagent-dashboard #app-shell[data-view="playground"] #content>.page-heading{margin:0 0 8px;padding:0;flex:0 0 auto}
  .coagent-dashboard #app-shell[data-view="playground"] .page-heading h1{font-size:20px;line-height:1.4;margin:0}
  .coagent-dashboard #app-shell[data-view="playground"] .page-heading p,.coagent-dashboard #app-shell[data-view="playground"] .main-footer{display:none}
  .coagent-dashboard #app-shell[data-view="playground"] .ai-playground-standalone{display:flex;flex:1;flex-direction:column;min-height:0;width:100%}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-card{flex:1;min-height:0;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-header{padding:7px 2px 10px;gap:8px;border:0}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-header .ai-phone-header img{width:30px;height:30px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-header .button{min-height:38px;font-size:11px;padding:7px 11px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-card #agent-pg-chat{min-height:0;padding:12px 2px 20px;background:transparent;gap:15px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-empty{padding:12px 4px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-empty h2{font-size:20px;margin-top:14px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-empty p{font-size:12px;max-width:290px;margin:auto}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-suggestions{gap:6px;margin-top:16px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-suggestions button{font-size:11px;padding:8px 10px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-footer{padding:8px 4px 0;border:0;flex-shrink:0}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-footer textarea{font-size:16px;max-height:min(144px,calc(var(--setup-vh,100dvh) * .22))}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-footer .button{min-width:42px;padding:9px;border-radius:14px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-note{font-size:9px;line-height:1.5;flex-shrink:0;margin:7px 3px 8px}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-composer-meta>small:last-child{display:none}
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-composer-meta:has(#agent-pg-file-label:empty){display:none}
  .coagent-dashboard #app-shell[data-view="playground"] .bottom-nav{position:static;flex:0 0 auto;inset:auto;width:100%;height:calc(68px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:var(--canvas);box-shadow:none}
}
@media(max-width:920px) and (max-height:650px){
  .coagent-dashboard #app-shell[data-view="playground"] #content>.page-heading,
  .coagent-dashboard #app-shell[data-view="playground"] .pg-chat-header .ai-phone-header small{display:none}
}

/* Setup cards and guided choices keep the existing fields and handlers. */
.coagent-dashboard .ai-setup-page .ai-business-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;white-space:normal;}
.coagent-dashboard .ai-business-options .button {display:flex;flex-direction:column;gap:5px;min-width:0;padding:9px 5px;font-size:11px;white-space:normal;}
.coagent-dashboard .ai-business-options .icon {width:21px;height:21px;}
.coagent-dashboard .ai-chat-category {display:block;font-size:11px;color:var(--text-secondary);white-space:normal;margin-top:10px;}
.coagent-dashboard .ai-chat-category select {display:block;width:100%;min-width:0;max-width:100%;margin-top:8px;font-size:16px;}
.coagent-dashboard .ai-setup-page .bp-section-description {margin:0;font-size:12px;line-height:1.7;color:var(--text-secondary);}
.coagent-dashboard .ai-setup-page .bp-delivery-toggle label {display:flex;gap:9px;align-items:center;}
.coagent-dashboard .ai-setup-page .bp-delivery-card {margin-top:14px;border:1px solid var(--border-subtle);border-radius:18px;background:var(--surface-solid);overflow:hidden;min-width:0;}
.coagent-dashboard .ai-setup-page .bp-delivery-card>summary {display:flex;align-items:center;gap:13px;list-style:none;padding:18px 16px;cursor:pointer;background:var(--surface-soft);}
.coagent-dashboard .ai-setup-page .bp-delivery-card>summary::-webkit-details-marker {display:none;}
.coagent-dashboard .ai-setup-page .bp-delivery-card>summary>.icon {width:30px;height:30px;color:var(--brand-info);flex-shrink:0;}
.coagent-dashboard .ai-setup-page .bp-delivery-card summary strong {display:block;font-size:16px;font-weight:600;}
.coagent-dashboard .ai-setup-page .bp-delivery-card summary small {display:block;font-size:11px;line-height:1.7;color:var(--text-secondary);margin-top:3px;}
.coagent-dashboard .ai-setup-page .bp-card-chevron {width:9px;height:9px;border:solid var(--brand-info);border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:auto;flex-shrink:0;transition:transform .18s ease;}
.coagent-dashboard .ai-setup-page .bp-delivery-card[open] .bp-card-chevron {transform:rotate(225deg);}
.coagent-dashboard .ai-setup-page .bp-delivery-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:18px 16px;}
.coagent-dashboard .ai-setup-page .bp-delivery-fields>.field:first-child {grid-column:1/-1;}
.coagent-dashboard .ai-setup-page .bp-delivery-extra>.business-form {padding:18px 16px;}
.coagent-dashboard .ai-setup-page .bp-number-input {display:flex;align-items:center;border:1px solid var(--border-control);border-radius:13px;background:var(--surface-soft);overflow:hidden;}
.coagent-dashboard .ai-setup-page .bp-number-input:focus-within {outline:2px solid var(--focus-ring);outline-offset:2px;}
.coagent-dashboard .ai-setup-page .bp-number-input>span {display:grid;place-items:center;align-self:stretch;flex:0 0 40px;border-right:1px solid var(--border-subtle);color:var(--text-secondary);font-size:22px;}
.coagent-dashboard .ai-setup-page .bp-number-input .icon {width:20px;height:20px;}
.coagent-dashboard .ai-setup-page .bp-number-input input {border:0;background:transparent;box-shadow:none;outline:none;border-radius:0;min-height:48px;padding:10px 12px;}
.coagent-dashboard .ai-setup-page .bp-number-input:has([aria-invalid="true"]) {border-color:var(--error-ink);}
.coagent-dashboard .ai-setup-page [data-ai-action="section-previous"] .icon {transform:rotate(180deg);}
.coagent-dashboard .ai-setup-page .ai-manual-next {justify-content:space-between;gap:12px;}
@media(max-width:760px){
  .coagent-dashboard #app-shell[data-view="ai-setup"] {--action:#0064ff;--action-hover:#0759db;--on-action:#fff;--focus-ring:#1d9eff;}
  .coagent-dashboard[data-theme="dark"] #app-shell[data-view="ai-setup"] {--canvas:#070f15;--surface-solid:#0c1721;--surface-soft:#121f2b;--surface-selected:#132b43;--border-subtle:#223444;--border-control:#637487;--text-primary:#f3f6fc;--text-secondary:#b6c3d5;}
  .coagent-dashboard .ai-mobile-heading {display:flex;align-items:center;gap:8px;position:fixed;top:10px;left:12px;z-index:44;height:44px;max-width:calc(100% - 150px);}
  .coagent-dashboard .ai-mobile-heading .button {padding:8px;min-width:34px;min-height:40px;border:0;background:transparent;}
  .coagent-dashboard .ai-mobile-heading .icon {width:22px;height:22px;transform:rotate(180deg);}
  .coagent-dashboard .ai-mobile-heading strong {display:block;font-size:18px;}
  .coagent-dashboard .ai-mobile-heading small {display:block;font-size:10px;line-height:1.5;color:var(--text-secondary);}
  .coagent-dashboard #app-shell[data-view="ai-setup"] #agent-mode {position:absolute;left:12px;top:72px;width:43%;max-width:260px;height:50px;border-radius:15px;border-color:var(--border-subtle);background:var(--surface-soft);}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .agent-mode-thumb {background:var(--action);color:var(--on-action);border:0;border-radius:11px;box-shadow:0 2px 10px #0064ff26;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .agent-mode-options {color:var(--text-secondary);}
  .coagent-dashboard .ai-setup-page[data-setup-tab="choose"] .ai-mobile-controls {min-height:64px;}
  .coagent-dashboard .ai-setup-page .ai-manual-nav {padding:4px;border:1px solid var(--border-subtle);border-radius:15px;background:var(--surface-solid);margin-bottom:4px;}
  .coagent-dashboard .ai-setup-page .ai-manual-nav>button {min-height:48px;padding:10px 13px;border-radius:11px;}
  .coagent-dashboard .ai-setup-page .ai-manual-nav>button[aria-pressed="true"] {background:var(--action);color:var(--on-action);border-color:var(--action);}
  .coagent-dashboard .ai-setup-page .ai-manual-nav strong {font-size:12px;}
  .coagent-dashboard .ai-setup-page .ai-manual-content .bp-section {padding:18px 14px;background:var(--surface-solid);border:1px solid var(--border-subtle);border-radius:18px;}
  .coagent-dashboard .ai-setup-page .ai-setup-step.is-current>.button {background:transparent;}
  .coagent-dashboard .ai-setup-page .ai-setup-step.is-current .ai-step-short {color:var(--text-primary);}
  .coagent-dashboard .ai-setup-page[data-setup-tab="manual"] .ai-mobile-readiness,
  .coagent-dashboard .ai-setup-page[data-setup-tab="manual"] .bp-progress {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="manual"] .ai-manual-content {padding-bottom:76px;}
  .coagent-dashboard .ai-setup-page .ai-answer-compose textarea:focus {outline:none;box-shadow:none;}
  .coagent-dashboard .ai-setup-page #structured-business input[type="checkbox"] {accent-color:var(--action);}
  .coagent-dashboard .ai-setup-page .bp-section legend {float:left;width:100%;padding:0 0 8px;font-size:20px;}
  .coagent-dashboard .ai-setup-page .bp-section>.business-form {clear:both;}
  .coagent-dashboard .ai-setup-page .bp-delivery-card>summary {padding:15px 12px;gap:10px;}
  .coagent-dashboard .ai-setup-page .bp-delivery-fields {padding:16px 12px;}
  .coagent-dashboard .ai-setup-page .bp-number-input>span {flex-basis:32px;}
  .coagent-dashboard .ai-setup-page .bp-number-input input {padding:10px 8px;}
  .coagent-dashboard .ai-setup-page .ai-manual-content #structured-business>p:first-of-type {display:none;}
  .coagent-dashboard .ai-setup-page .ai-manual-content .bp-progress {margin:8px 0 12px;}
  .coagent-dashboard .ai-setup-page .ai-manual-next {position:fixed;bottom:calc(68px + env(safe-area-inset-bottom,0px));left:12px;right:12px;z-index:4;padding:12px 0;background:var(--canvas);}
  .coagent-dashboard .ai-setup-page .ai-manual-next .button {flex:1;min-width:0;font-size:12px;min-height:46px;border-radius:999px;padding:10px 12px;}
  .coagent-dashboard .ai-setup-page .ai-training-footer>div {display:flex;flex-wrap:nowrap;width:100%;}
  .coagent-dashboard .ai-setup-page .ai-training-footer .button {flex:1;min-width:0;}
  .coagent-dashboard .ai-setup-page .ai-answer-compose {padding:5px;background:var(--surface-soft);border-color:var(--border-control);border-radius:18px;}
  .coagent-dashboard .ai-setup-page .ai-answer-compose .button {width:44px;min-width:44px;min-height:44px;height:44px;}
  html[data-setup-keyboard="true"] .coagent-dashboard #app-shell[data-view="ai-setup"] {position:fixed;top:var(--setup-top,0px);left:0;width:100%;}
  html[data-setup-keyboard="true"] .coagent-dashboard #app-shell[data-view="ai-setup"] :is(.topbar,.bottom-nav) {display:none;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page>:is(.ai-mobile-controls,.ai-setup-steps,.ai-mobile-readiness),
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page :is(.ai-training-footer,.ai-manual-next,.ai-setup-panel>p.ai-subtle,.ai-test-mode,.ai-preview-modes-help,.ai-test-note) {display:none;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-mobile-heading {position:static;flex-shrink:0;max-width:none;height:50px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-mobile-heading small {display:none;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page .ai-setup-panel {padding-bottom:max(4px,env(safe-area-inset-bottom,0px));}
}
@media(prefers-reduced-motion:reduce){.coagent-dashboard .ai-setup-page .bp-card-chevron {transition:none;}}

/* Only the setup restart confirmation uses this compact dialog layout. */
.coagent-dashboard #workspace-dialog:has(.ai-restart-dialog) {width:min(460px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--border-subtle);border-radius:22px;background:var(--surface-solid);color:var(--text-primary);box-shadow:var(--shadow-dialog);overflow:auto;--action:#0064ff;--action-hover:#0759db;--on-action:#fff;}
.coagent-dashboard[data-theme="dark"] #workspace-dialog:has(.ai-restart-dialog) {--surface-solid:#0c1721;--surface-soft:#121f2b;--border-subtle:#273b4d;--border-control:#637487;--text-primary:#f3f6fc;--text-secondary:#b6c3d5;}
.coagent-dashboard #workspace-dialog:has(.ai-restart-dialog)::backdrop {background:rgba(3,10,18,.7);backdrop-filter:blur(4px);}
.coagent-dashboard #workspace-dialog:has(.ai-restart-dialog)>.dialog-close {display:none;}
.coagent-dashboard .ai-restart-symbol {display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface-soft);color:#1d9eff;margin-bottom:16px;}
.coagent-dashboard .ai-restart-symbol .icon {width:24px;height:24px;}
.coagent-dashboard .ai-restart-dialog h2 {margin:0 0 10px;font-size:22px;font-weight:600;line-height:1.4;letter-spacing:-.4px;}
.coagent-dashboard .ai-restart-dialog p {margin:0;color:var(--text-secondary);font-size:14px;line-height:1.7;}
.coagent-dashboard .ai-restart-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}
.coagent-dashboard .ai-restart-actions .button {width:100%;min-width:0;min-height:46px;margin:0;padding:11px 12px;border-radius:12px;font-size:14px;}
.coagent-dashboard .ai-restart-actions .button.secondary {color:var(--text-primary);background:transparent;border:1px solid var(--border-control);}
@media(max-width:360px){.coagent-dashboard #workspace-dialog:has(.ai-restart-dialog) {padding:20px;}.coagent-dashboard .ai-restart-actions {gap:8px;}.coagent-dashboard .ai-restart-actions .button {font-size:12px;padding:10px 8px;}}

/* Desktop conversation: matched panels, one scroll region in each chat. */
@media(min-width:761px){
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-layout {--ai-chat-height:clamp(580px,calc(100dvh - 320px),720px);align-items:stretch;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-training {display:flex;flex-direction:column;height:var(--ai-chat-height);min-height:0;padding:0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-toolbar {flex-shrink:0;padding:12px 16px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-panel {display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:16px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-guided-heading {flex-shrink:0;font-size:13px;margin-bottom:10px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-guided-track {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-guided-note {flex-shrink:0;gap:9px;padding:10px 12px;margin-bottom:12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-guided-note p {font-size:11px;line-height:1.7;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-chat {flex:1;min-height:0;max-height:none;overflow:auto;padding:4px 0 12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-question {font-size:13px;padding:12px 14px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-footer {order:2;flex-shrink:0;border:0;margin:0 0 8px;padding:0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-footer .button {min-height:36px;padding:7px 11px;font-size:11px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-form {order:3;flex-shrink:0;margin:0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-options {margin:0 0 8px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-options:empty {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-compose {gap:3px;padding:5px;border-radius:18px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-compose textarea {height:44px;min-height:44px;max-height:144px;resize:none;padding:10px 5px;line-height:1.5;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-compose-attachment {display:grid;place-items:center;flex:0 0 34px;width:34px;height:44px;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-compose-attachment .icon {width:18px;height:18px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-form>small {margin-top:6px;font-size:10px;line-height:1.6;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-panel>.ai-prompt-actions {order:4;flex-shrink:0;margin:8px 0 0;justify-content:flex-end;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-prompt-actions .button {min-height:36px;padding:7px 11px;font-size:11px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-prompt-actions .ai-import-label,
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-panel>.ai-prompt-actions+small {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-panel>p.ai-subtle {order:5;flex-shrink:0;font-size:10px;line-height:1.6;margin:7px 0 0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-panel>.info-note {flex-shrink:0;max-height:100px;overflow:auto;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel {display:flex;flex-direction:column;height:var(--ai-chat-height);min-height:0;position:static;padding:18px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-test-top {flex-shrink:0;margin-bottom:12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-test-mode {flex-shrink:0;gap:8px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-test-mode-buttons button {padding:8px 12px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-modes-help {flex-shrink:0;line-height:1.6;margin:6px 0 10px;padding-bottom:10px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-phone {flex:1;min-height:0;overflow:hidden;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-phone-header {display:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .chat-messages {flex:1;min-height:0;height:auto;max-height:none;overflow:auto;padding:12px 0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .pg-chat-footer {flex-shrink:0;padding:6px 0 0;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel #agent-pg-form {margin:0;border-radius:18px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel textarea {font-size:12px;line-height:1.5;resize:none;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-attach {width:28px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .pg-voice-button {width:32px;flex-basis:32px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-preview-panel .ai-test-note {flex-shrink:0;line-height:1.6;margin-top:8px;padding-top:8px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-status {flex-shrink:0;font-size:11px;padding:0 16px;margin:0 0 8px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-setup-status:empty {margin:0;}
}

/* Teach/Test reference refresh: original controls, handlers and theme preference. */
.coagent-dashboard[data-theme="light"] #app-shell[data-view="ai-setup"] {
  --canvas:#fff;--surface-solid:#fff;--surface-soft:#f3f5f8;--surface-selected:#edf3ff;
  --border-subtle:#e9edf3;--border-control:#d8dfeb;--text-primary:#111827;--text-secondary:#727d8f;
  --action:#0964ff;--action-hover:#0757dc;--on-action:#fff;--focus-ring:#458aff;
}
.coagent-dashboard .ai-setup-page .ai-setup-avatar {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#08121e;color:#499aff;}
.coagent-dashboard .ai-setup-page .ai-setup-avatar .icon {width:24px;height:24px;stroke-width:1.6;}
.coagent-dashboard .ai-setup-page .ai-chat-row {gap:12px;align-items:flex-start;}
.coagent-dashboard .ai-setup-page .ai-training-question {background:var(--surface-soft);border:0;border-radius:18px;padding:16px 18px;line-height:1.7;}
.coagent-dashboard .ai-setup-page .ai-current-question {color:var(--text-primary);}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) {color:var(--action);min-width:0;}
.coagent-dashboard .ai-setup-page .ai-guided-suggestions {margin:12px 0 0 48px;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions)>p {display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0 0 10px;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions)>p .icon {width:18px;height:18px;color:var(--action);flex-shrink:0;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:44px;padding:12px 14px;border:1px solid transparent;border-radius:14px;background:var(--surface-selected);color:var(--action);font:inherit;font-size:13px;text-align:left;line-height:1.6;cursor:pointer;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) button span {min-width:0;overflow-wrap:anywhere;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) button>.icon {width:17px;height:17px;flex-shrink:0;}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) button:hover {border-color:var(--action);}
.coagent-dashboard .ai-setup-page :is(.ai-guided-suggestions,.ai-test-suggestions) button:focus-visible {outline:2px solid var(--focus-ring);outline-offset:2px;}
.coagent-dashboard .ai-setup-page .ai-test-suggestions>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.coagent-dashboard .ai-setup-page .ai-private-test-title {font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:0 0 6px;color:var(--text-primary);}
.coagent-dashboard .ai-setup-page .ai-test-top>div>span {display:none;}
.coagent-dashboard .ai-setup-page .ai-test-top small {display:block;font-size:12px;line-height:1.65;color:var(--text-secondary);max-width:290px;}
.coagent-dashboard .ai-setup-page #agent-pg-reset {flex-shrink:0;align-self:flex-start;min-height:36px;padding:7px 11px;border:1px solid var(--border-control);border-radius:11px;color:var(--action);font-size:12px;background:transparent;}
.coagent-dashboard .ai-setup-page .message.assistant {position:relative;padding-left:46px;max-width:100%;}
.coagent-dashboard .ai-setup-page .ai-message-avatar {position:absolute;left:0;top:0;}
.coagent-dashboard .ai-setup-page .message>small {display:none;}
.coagent-dashboard .ai-setup-page .message.assistant>p {background:var(--surface-soft);border:0;border-radius:18px;padding:14px 16px;font-size:14px;line-height:1.75;}
.coagent-dashboard .ai-setup-page .ai-compose-attachment {display:grid;place-items:center;flex-shrink:0;}
.coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) {background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:28px;padding:5px 6px;box-shadow:none;}
.coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) .button[type="submit"] {width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:var(--action);color:#fff;}
.coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) textarea {padding:11px 6px;font-size:15px;resize:none;}
.coagent-dashboard .ai-setup-page .ai-training-footer>div {display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;width:auto;}
.coagent-dashboard .ai-setup-page .ai-training-footer .button {border:1px solid var(--border-subtle);background:var(--surface-soft);color:var(--text-primary);border-radius:999px;}
.coagent-dashboard .ai-setup-page .ai-training-footer [data-ai-action="restart-review"] {background:transparent;border-color:transparent;}
@media(max-width:760px){
  .coagent-dashboard #app-shell[data-view="ai-setup"] .topbar {position:relative;flex-basis:78px;height:78px;min-height:78px;margin:0 16px;border:0;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] #content {padding:0 16px 8px;}
  .coagent-dashboard .ai-mobile-heading {top:10px;left:16px;height:54px;max-width:calc(100% - 132px);gap:8px;}
  .coagent-dashboard .ai-mobile-heading strong {font-size:18px;line-height:1.35;letter-spacing:-.35px;}
  .coagent-dashboard .ai-mobile-heading small {font-size:11px;line-height:1.45;margin-top:3px;}
  .coagent-dashboard .ai-mobile-heading .button {min-width:26px;width:26px;padding:2px;}
  .coagent-dashboard .ai-mobile-tools {top:14px;right:16px;}
  .coagent-dashboard .ai-mobile-tools .button {background:var(--surface-soft);border-color:transparent;min-height:42px;padding:9px 11px;border-radius:14px;font-size:12px;}
  .coagent-dashboard .ai-mobile-controls {min-height:70px;padding:10px 0 12px;}
  .coagent-dashboard .ai-mobile-switch {flex-basis:calc(50% - 8px);padding:4px;border-radius:18px;background:var(--surface-soft);}
  .coagent-dashboard .ai-mobile-switch button {min-height:40px;border-radius:13px;gap:7px;font-size:13px;font-weight:500;}
  .coagent-dashboard .ai-mobile-switch button[aria-pressed="true"] {background:var(--surface-selected);color:var(--action);box-shadow:none;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] #agent-mode {left:0;top:88px;width:calc(50vw - 24px);max-width:none;height:50px;border-radius:18px;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .agent-mode-thumb {background:var(--surface-selected);color:var(--action);border-radius:13px;box-shadow:none;}
  .coagent-dashboard #app-shell[data-view="ai-setup"] .agent-mode[data-state="live"] .agent-mode-thumb {background:var(--surface-selected);color:var(--action);}
  .coagent-dashboard .ai-setup-page .ai-setup-steps {padding:8px 0 0;margin:0 0 12px;align-items:start;}
  .coagent-dashboard .ai-setup-page .ai-setup-step>.button {display:grid;grid-template-rows:30px minmax(28px,auto);justify-items:center;align-content:start;align-items:start;gap:8px;min-height:70px;background:transparent;padding:0 1px;}
  .coagent-dashboard .ai-setup-page .ai-step-short {width:100%;min-height:28px;line-height:1.4;overflow-wrap:normal;}
  .coagent-dashboard .ai-setup-page .ai-step-number {position:relative;z-index:1;flex-shrink:0;}
  .coagent-dashboard .ai-setup-page .ai-step-number {width:30px;height:30px;background:var(--surface-soft);border:0;color:var(--text-secondary);}
  .coagent-dashboard .ai-setup-page .is-current .ai-step-number {background:var(--action);color:#fff;box-shadow:none;}
  .coagent-dashboard .ai-setup-page .is-current .ai-step-short {color:var(--action);font-weight:600;}
  .coagent-dashboard .ai-setup-page .ai-setup-step:not(:last-child)::after {top:14px;height:3px;left:calc(50% + 15px);right:calc(-50% + 15px);background:var(--border-subtle);}
  .coagent-dashboard .ai-setup-page .ai-setup-step.is-complete::after {background:var(--action);opacity:.35;}
  .coagent-dashboard .ai-mobile-readiness {margin:0 0 12px;padding:0 3px;border:0;background:transparent;font-size:10px;min-height:16px;}
  .coagent-dashboard .ai-setup-page .ai-training-chat {padding:12px 0 18px;}
  .coagent-dashboard .ai-setup-page .ai-training-question {max-width:calc(100% - 48px);border:0;border-radius:18px;padding:14px 16px;font-size:15px;line-height:1.75;background:var(--surface-soft);}
  .coagent-dashboard .ai-setup-page .ai-training-footer {margin:0;padding:10px 0 12px;}
  .coagent-dashboard .ai-setup-page .ai-training-footer .button {flex:0 1 auto;width:auto;max-width:100%;font-size:11px;padding:6px 10px;min-height:34px;gap:5px;white-space:normal;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-footer .button {min-height:34px;padding:6px 10px;font-size:11px;}
  .coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) {border-radius:27px;padding:4px;gap:2px;min-height:54px;align-items:flex-end;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-compose {padding:4px;gap:2px;border-radius:27px;}
  .coagent-dashboard .ai-setup-page :is(.ai-compose-attachment,.ai-attach,.pg-voice-button) {flex:0 0 32px;min-width:32px;width:32px;max-width:32px;}
  .coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) textarea {font-size:16px;height:44px;min-height:44px;max-height:144px;padding:10px 4px;}
  .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-answer-compose textarea {height:44px;min-height:44px;padding:10px 4px;}
  .coagent-dashboard .ai-setup-page :is(.ai-answer-compose,#agent-pg-form) .button[type="submit"] {margin:0;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;}
  .coagent-dashboard .ai-setup-page .ai-preview-panel .ai-test-top {padding:12px 0 4px;align-items:flex-start;gap:10px;}
  .coagent-dashboard .ai-setup-page .ai-private-test-title {font-size:24px;}
  .coagent-dashboard .ai-setup-page .ai-test-top small {display:block;font-size:12px;max-width:260px;}
  .coagent-dashboard .ai-setup-page .ai-test-mode {font-size:10px;min-height:30px;gap:6px;}
  .coagent-dashboard .ai-setup-page .ai-test-mode-buttons button {min-height:30px;padding:5px 10px;font-size:10px;}
  .coagent-dashboard .ai-setup-page .ai-preview-modes-help {font-size:9px;line-height:1.5;margin:4px 0 8px;}
  .coagent-dashboard .ai-setup-page .ai-test-suggestions {width:100%;margin:4px 0 auto;}
  .coagent-dashboard .ai-setup-page .ai-test-suggestions button {padding:11px 12px;font-size:13px;border-radius:14px;}
  .coagent-dashboard .ai-setup-page .ai-preview-panel #agent-pg-chat {padding:10px 0 18px;}
  .coagent-dashboard .ai-setup-page .ai-test-note {font-size:9px;margin:6px 0 0;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page .ai-mobile-heading {height:50px;}
}
@media(max-width:380px){
  .coagent-dashboard .ai-mobile-heading>div {min-width:0;}
  .coagent-dashboard .ai-mobile-heading .button {flex-shrink:0;}
  .coagent-dashboard .ai-mobile-switch button {min-width:0;padding:6px 3px;font-size:12px;gap:4px;}
  .coagent-dashboard .ai-mobile-switch .icon {width:16px;height:16px;flex-shrink:0;}
  .coagent-dashboard .ai-setup-page .ai-setup-step>.button>.ai-step-short {font-size:9px;padding:0 1px;}
  .coagent-dashboard .ai-mobile-heading strong {font-size:15px;}
  .coagent-dashboard .ai-mobile-heading small {font-size:10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .coagent-dashboard .ai-setup-page .ai-test-suggestions button {font-size:12px;padding:10px;}
  .coagent-dashboard .ai-setup-page .ai-training-footer .button {font-size:11px;padding:6px 8px;}
}

/* Guided setup activity stays directly above the composer. The original status
   region still announces work/errors outside the temporarily inert panel. */
.coagent-dashboard .ai-setup-page .ai-training-footer {justify-content:space-between;align-items:center;gap:6px 10px;}
.coagent-dashboard .ai-compose-processing {display:none;align-items:center;gap:6px;margin-left:auto;color:var(--text-secondary);font-size:11px;line-height:1.5;white-space:nowrap;}
.coagent-dashboard .ai-setup-page[data-processing="true"] .ai-training-footer .ai-compose-processing {display:inline-flex;}
.coagent-dashboard .ai-compose-processing::before {content:"";width:12px;height:12px;flex-shrink:0;border:2px solid var(--border-control);border-top-color:var(--action);border-radius:50%;animation:ai-compose-spin .8s linear infinite;}
.coagent-dashboard .ai-setup-page[data-setup-tab="chat"][data-processing="true"] .ai-setup-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@keyframes ai-compose-spin {to {transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.coagent-dashboard .ai-compose-processing::before {animation:none;}}
@media(max-width:760px){
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page[data-setup-tab="chat"][data-processing="true"] .ai-training-footer {display:flex;}
  html[data-setup-keyboard="true"] .coagent-dashboard .ai-setup-page[data-setup-tab="chat"] .ai-training-footer>div {display:none;}
}

.coagent-dashboard .ai-setup-page #agent-pg-processing[data-processing="true"] {display:flex;justify-content:flex-end;margin:0 0 6px;}
.coagent-dashboard .ai-setup-page #agent-pg-processing[data-processing="true"] ~ #agent-pg-error {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}