.reply-workspace>.assistant-panel.attendant-steps{padding:14px;gap:14px;overflow:hidden;min-height:0;background:var(--steps-surface,#f4f7f2);color:var(--ink,#183e37);box-sizing:border-box}
.attendant-steps .steps-header{display:flex;align-items:center;gap:6px;flex:none}.steps-header>div{flex:1;min-width:0}.steps-header small{font-size:10px;letter-spacing:1.4px;color:#587267}.steps-header h3{font-size:18px;line-height:1.25;margin:5px 0 0}.steps-header>.button{padding:7px;min-width:34px;min-height:34px;background:#fff;border:1px solid var(--line);color:inherit}.attendant-steps #close-assistant{flex:none}
.steps-tabs{display:flex;gap:3px;padding:4px;background:#e5ece3;border-radius:10px;flex:none}.steps-tabs>.button{min-width:0;flex:1;border:0;padding:9px 2px;min-height:38px;font-size:14px;background:transparent;color:#3e5a4b;border-radius:7px;line-height:1.25}.steps-tabs>.button[aria-selected=true]{background:#fff;color:#175a40;box-shadow:0 1px 4px #17332216;font-weight:700}.steps-tabs>.button:focus-visible{outline:2px solid #187b5d;outline-offset:2px}
.steps-body{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.steps-section{display:flex;flex-direction:column;gap:12px}.steps-section[hidden]{display:none}.steps-section h4{font-size:16px;line-height:1.35;margin:0}.steps-section p{font-size:14px;line-height:1.55;margin:0;overflow-wrap:anywhere}.steps-section>.button{min-height:42px;font-size:14px;line-height:1.4;margin:0}.steps-card{padding:14px;border:1px solid var(--line,#d8e3d7);border-radius:12px;background:#fff;overflow-wrap:anywhere}.steps-card h4{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 11px}.steps-badge{display:inline-block;flex:none;font-size:11px;font-weight:600;background:#e6f1e8;color:#185b3d;padding:4px 7px;border-radius:6px}.steps-card progress{display:block;width:100%;height:7px;margin-bottom:13px;accent-color:#14765a}.steps-check{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf1e9;font-size:14px;line-height:1.35;color:#627369}.steps-check:last-child{border:0}.steps-check-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f5eddc;color:#725219;flex:none}.steps-check.complete{color:#244c35}.steps-check.complete .steps-check-icon{background:#e4f1e5;color:#145c3c}
.steps-fact{display:flex;flex-direction:column;gap:4px;padding:8px 0}.steps-fact>span{font-size:12px;color:#597260}.steps-fact>strong{font-size:16px;line-height:1.4;font-weight:600}.steps-price{padding:12px 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line)}.steps-price>span{font-size:14px;line-height:1.45}.steps-price>strong{font-size:21px;color:#145c40}.steps-notice{background:#fff4dd;color:#70521d;padding:10px;border-radius:7px;margin:8px 0!important}.steps-muted{color:#58715e}.steps-sent-quote{border-top:1px solid var(--line);padding:12px 0}.steps-sent-quote small{font-size:11px;color:#607568}.steps-sent-quote p{white-space:pre-wrap;margin-top:7px;font-size:14px}.steps-card>.button{margin-top:10px;font-size:13px}
.steps-footer{flex:none;border-top:1px solid var(--line);padding-top:10px}.steps-mode{font-size:13px}.steps-mode>summary{cursor:pointer;font-weight:600;line-height:1.5}.steps-mode>summary>span{display:block;margin-top:4px;color:#59705e;font-weight:400;font-size:12px;line-height:1.45}.steps-mode[open]{max-height:42vh;overflow:auto}.attendant-steps .assistant-mode-details{margin-top:9px}.attendant-steps .assistant-mode-details>h4{display:none}.attendant-steps .conversation-ai-control{background:#fff;padding:10px}.attendant-steps .conversation-ai-control label{font-size:13px}.attendant-steps .conversation-ai-control select{font-size:14px;min-height:40px;width:100%}
.steps-advanced{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff}.steps-advanced>summary{cursor:pointer;font-size:13px;font-weight:600}.steps-advanced>label{margin-top:12px!important;font-size:13px!important}.steps-advanced #assistant-engine{width:100%;min-height:40px;margin:8px 0!important;font-size:14px}.steps-advanced #assistant-instruction{display:block;width:100%;height:90px!important;max-height:180px!important;resize:vertical!important;font-size:14px;line-height:1.5;margin:8px 0!important}.steps-advanced>#prepare-assistant{width:100%;margin-top:8px;min-height:40px;font-size:14px}.steps-advanced .assistant-model-control{margin:8px 0!important}.steps-advanced .assistant-model-control select{font-size:13px;width:100%}.attendant-steps #assistant-state{max-height:none;overflow:visible;font-size:14px;line-height:1.5;color:#3b5e6a}.attendant-steps #assistant-state:empty{display:none}.attendant-steps #assistant-suggestion{overflow:visible;flex:none}.attendant-steps #suggestion-text{white-space:pre-wrap;font-size:15px;line-height:1.65;padding:13px;border:1px solid var(--line);background:#fff;color:inherit}.attendant-steps #use-suggestion{width:100%;min-height:42px;font-size:14px}
.composer-tools{flex-wrap:wrap;row-gap:5px}.composer-tools .assistant-shortcut{font-size:12px;line-height:1.3;min-height:32px;padding:6px 8px;white-space:nowrap}.composer-tools #composer-account{margin-left:auto;font-size:10px}.composer-tools .assistant-shortcut:focus-visible{outline:2px solid #14775c;outline-offset:2px}
[data-theme=dark] .attendant-steps{--steps-surface:#192d24;color:#e1eee4!important}[data-theme=dark] .steps-header small,[data-theme=dark] .steps-muted,[data-theme=dark] .steps-fact>span,[data-theme=dark] .steps-mode>summary>span{color:#abc5b2}[data-theme=dark] .steps-card,[data-theme=dark] .steps-advanced,[data-theme=dark] .steps-header>.button,[data-theme=dark] .attendant-steps .conversation-ai-control,[data-theme=dark] .attendant-steps #suggestion-text{background:#21392c;color:#e2eee4;border-color:#3d5747}[data-theme=dark] .steps-tabs{background:#233d2d}[data-theme=dark] .steps-tabs>.button{color:#c4d9c8}[data-theme=dark] .steps-tabs>.button[aria-selected=true]{background:#386246;color:#fff}[data-theme=dark] .steps-check{color:#c4d6c6;border-color:#364c3b}[data-theme=dark] .steps-check.complete{color:#d6e8d8}[data-theme=dark] .steps-badge{background:#35563e;color:#e1f5e5}[data-theme=dark] .steps-price>strong{color:#b6e1bc}[data-theme=dark] .attendant-steps #assistant-state{color:#c0d7e4}
@media(max-width:1100px){.reply-workspace>.assistant-panel.attendant-steps{width:min(380px,100%);max-width:100%;padding:14px}.steps-header #close-assistant{display:inline-flex}}
@media(min-width:1101px){.steps-header #close-assistant{display:none}}
@media(max-width:600px){.composer-tools .assistant-shortcut{font-size:11px!important;min-width:0;padding:7px 8px}.composer-tools #composer-account{flex-basis:100%;max-width:none;text-align:right;margin:0}.reply-workspace>.assistant-panel.attendant-steps{width:100%}.steps-tabs>.button{min-height:42px}.steps-fact>strong{font-size:16px}.steps-section p{font-size:15px}}
@media(max-height:700px) and (min-width:1101px){.reply-workspace>.assistant-panel.attendant-steps{padding:10px;gap:10px}.steps-header h3{font-size:16px}}
.conversation-trash-trigger{position:absolute;right:33px;top:3px;display:grid;place-items:center;width:28px;height:30px;min-height:30px;padding:5px;border:0;border-radius:5px;background:transparent;color:#6b776b;z-index:1}.conversation-trash-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.conversation-trash-trigger:hover{color:#99443c;background:#f7e8e3}.conversation-trash-trigger:focus-visible{outline:2px solid #a64b42;outline-offset:1px}.conversation-item .row-top{padding-right:59px}[data-theme=dark] .conversation-trash-trigger{color:#c0cec2}[data-theme=dark] .conversation-trash-trigger:hover{color:#ffd7d1;background:#62413c}@media(pointer:coarse){.conversation-trash-trigger{right:38px;width:36px;height:36px}.conversation-menu-trigger{width:34px;min-height:36px}.conversation-item .row-top{padding-right:76px}}
.composer-tools{flex-shrink:0}.steps-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.steps-order-grid .steps-fact{padding:5px 0}.steps-order-grid .steps-fact:first-child{grid-column:1 / -1}
#suspended-conversation-ai,#composer-account{display:none!important}
.active-chat{position:relative}
.attendance-resizer{position:absolute;top:var(--scaled-chat-header,55px);bottom:0;right:calc(var(--attendance-panel-width,320px) - 5px);width:10px;z-index:17;cursor:col-resize;touch-action:none}
.attendance-resizer::before{content:'';position:absolute;width:3px;height:54px;top:45%;left:3px;background:#80988c;border-radius:3px;opacity:.55}
.attendance-resizer:hover::before,.attendance-resizer:focus-visible::before{background:#14775b;opacity:1}
.attendance-resizer:focus-visible{outline:2px solid #14775b;outline-offset:-2px}
.resizing-attendance,.resizing-attendance *{cursor:col-resize!important;user-select:none!important}
@media(min-width:1101px){.active-chat{grid-template-columns:minmax(0,1fr) var(--attendance-panel-width,320px)!important}}
@media(min-width:601px) and (max-width:1100px){.reply-workspace>.assistant-panel.attendant-steps{width:var(--attendance-panel-width,320px)}.active-chat:not(:has(.reply-workspace.assistant-open))>.attendance-resizer{display:none}}
@media(max-width:600px){.attendance-resizer{display:none}}
@media(max-width:1100px){.reply-workspace>.assistant-panel.attendant-steps{grid-area:auto}}
.composer-tools{column-gap:3px;row-gap:4px}
.composer-tools .assistant-shortcut{font-size:11px!important;line-height:1.2;min-height:27px;padding:5px 7px;border-radius:7px;margin-left:0;min-width:0}
.composer-tools>.icon-button{width:28px;height:28px;min-height:28px;padding:5px}
@media(max-width:600px){.composer-tools .assistant-shortcut{font-size:10px!important;min-height:27px;padding:5px 6px}}
/* Compact order view: retain every value and pending confirmation without tall headings. */
.reply-workspace>.assistant-panel.compact-attendance{padding:10px 12px;gap:9px}
.steps-navigation{display:flex;align-items:center;gap:6px;flex:none;min-width:0}
.steps-navigation>.steps-tabs{flex:1;min-width:0;padding:3px}
.steps-navigation>.button{min-width:30px;min-height:32px;padding:5px;font-size:14px;background:transparent;color:inherit;border:0}
.steps-navigation>#close-assistant{flex:none;margin:0;width:30px;min-width:30px}
@media(min-width:1101px){.steps-navigation>#close-assistant{display:none}}
.compact-attendance .steps-section{gap:8px}
.compact-attendance .steps-card{padding:10px 11px;border-radius:9px}
.compact-attendance .steps-card h4{font-size:16px;line-height:1.3;margin-bottom:6px;gap:6px}
.compact-attendance .steps-quantity{font-size:14px;font-weight:750;white-space:nowrap;color:var(--ink);background:var(--soft,#e6f1e8);padding:3px 6px;border-radius:5px}
.compact-attendance .steps-fact{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;padding:3px 0}
.compact-attendance .steps-fact>span{font-size:13px;line-height:1.35;flex:0 1 auto}
.compact-attendance .steps-fact>strong{font-size:17px;line-height:1.35;font-weight:750;text-align:right}
.compact-attendance .steps-order-summary>.steps-fact{padding:0 0 7px}
.compact-attendance .steps-order-summary>.steps-fact>strong{font-size:18px}
.steps-checklist{display:flex;flex-wrap:wrap;gap:5px}
.steps-checklist>.steps-check{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:1.25;padding:4px 6px;border:0;border-radius:5px;background:#f5eddb;color:#70551d}
.steps-checklist .steps-check-icon{width:auto;height:auto;background:none!important;border-radius:0;font-size:12px}
.steps-checklist>.steps-check.complete{background:#e5f1e7;color:#22573a}
.compact-attendance .steps-product>.steps-pending{font-size:13px;line-height:1.35;margin-top:5px;color:#795d25}
[data-theme=dark] .steps-checklist>.steps-check{background:#51452a;color:#f1d599}
[data-theme=dark] .steps-checklist>.steps-check.complete{background:#284735;color:#c5e9ce}
[data-theme=dark] .compact-attendance .steps-pending{color:#e4c987}
/* Client identity is separate from the account that received the contact. */
#visit-meter{display:block!important}
.active-chat,.text-scaled .active-chat{grid-template-rows:auto auto minmax(0,1fr) auto auto auto 116px}
.active-chat>.chat-header{height:auto;min-height:72px;padding:9px 12px;gap:12px;align-items:center}
.chat-header .chat-person{min-width:0}
.chat-header .contact-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px}
.chat-header .chat-person #chat-name{font-size:calc(20px * var(--central-text-scale,1));line-height:1.25;font-weight:800;margin:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;padding:0!important}
#chat-client-phone{font-size:calc(17px * var(--central-text-scale,1));font-weight:750;line-height:1.35;white-space:nowrap;color:var(--ink)}
.chat-header .chat-person #chat-origin{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;margin:5px 0 0;white-space:normal;overflow:visible;text-overflow:clip;font-size:calc(16px * var(--central-text-scale,1));line-height:1.35;color:var(--ink)}
#chat-origin>strong{font-weight:750;overflow-wrap:anywhere}
#chat-origin .contact-source-label{font-size:12px;font-weight:600;color:var(--muted)}
#chat-source-phone{white-space:nowrap}
.chat-header .chat-client-history{display:none}
.attendance-resizer{top:var(--contact-header-height,72px)}
.customer-panel.open{top:var(--contact-header-height,72px)}
@media(max-width:1100px){.reply-workspace>.assistant-panel.compact-attendance,.text-scaled .reply-workspace>.assistant-panel.compact-attendance{top:var(--contact-header-height,72px)}}
@media(max-width:780px){.active-chat>.chat-header{gap:5px;padding:8px}.chat-header>#chat-avatar{display:none}.chat-header>.icon-button{align-self:flex-start;flex:none;width:29px;min-width:29px;padding:4px}.chat-header .contact-title{gap:3px 8px}.chat-header .chat-person #chat-name{font-size:calc(18px * var(--central-text-scale,1))}#chat-client-phone{font-size:calc(16px * var(--central-text-scale,1))}.chat-header .chat-person #chat-origin{font-size:calc(15px * var(--central-text-scale,1));gap:2px 8px;margin-top:3px}}
/* Three independent desktop columns; the attendance pane starts at the top. */
@media(min-width:1101px){
 .active-chat>.chat-header{grid-column:1}
 .reply-workspace>.assistant-panel.attendant-steps{grid-row:1 / -1}
 .active-chat>.attendance-resizer{top:0}
}
/* Compact visit indicator in the conversation header, independent of draft AI. */
.active-chat>.chat-header{container-type:inline-size}
.chat-header>#visit-meter{position:relative;top:auto;right:auto;flex:0 0 auto;align-self:center;max-width:180px;padding:0 4px}
.chat-header>#visit-meter>summary{display:grid;grid-template-columns:auto auto;gap:3px 6px;align-items:center;max-width:100%}
.chat-header>#visit-meter>summary>span:first-child{display:block;grid-column:1 / -1;font-size:10px;color:var(--muted)}
.chat-header>#visit-meter>summary>strong{display:block;font-size:11px;line-height:1.25;white-space:normal;max-width:120px;color:var(--ink)}
.chat-header>#visit-meter>summary>.visit-bars{display:flex;grid-column:1;flex-wrap:nowrap}
.chat-header>#visit-meter .visit-explanation{z-index:30;white-space:pre-line}
@container (max-width:600px){
 .chat-header>#visit-meter{position:static;max-width:44px;padding:0}
 .chat-header>#visit-meter>summary>span:first-child,.chat-header>#visit-meter>summary>strong{display:none}
 .chat-header>#visit-meter .visit-bars{gap:2px}
 .chat-header>#visit-meter .visit-bars i{width:6px}
 .chat-header>#visit-meter[open]>.visit-explanation{right:8px;top:calc(100% + 6px);width:300px;max-width:calc(100% - 16px)}
}