/* Production presentation. Existing forms and API clients retain their contracts. */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --bg:#E9EDF3; --card:#FFFFFF; --subtle:#EEF1F5; --border:#CBD3DF;
  --text:#1B2433; --muted:#556275; --primary:#2E74B5; --primary-dark:#1F5C99;
  --button-text:#FFFFFF; --link:#1F5C99; --focus:#2E74B5; --selected:#DCE8F6;
  --nav:#1F3864; --nav-text:#C9D3E6; --nav-group:#A9B8D3; --nav-active:#2E74B5; --nav-active-text:#FFFFFF; --nav-hover:#2A4A80;
  --messages:#EFEAE2; --bubble-client:#FFFFFF; --bubble-ai:#D6E6F7; --bubble-human:#D9FDD3; --bubble-auto:#F7F7F7;
  --danger:#C62828; --danger-bg:#FDECEA; --failure:#B71C1C; --escalated:#A15C00; --escalated-bg:#FFF3E0; --success:#2E7D32; --success-bg:#E8F5E9; --neutral:#5F6B7A; --neutral-bg:#EEF1F5;
  --shadow:0 1px 3px rgba(0,0,0,.08); --bubble-shadow:0 1px 1px rgba(0,0,0,.12); --scrim:rgba(0,0,0,.45); --radius:12px;
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#0B1220; --card:#151E2E; --subtle:#1F2A3C; --border:#2A3648; --text:#E6EBF2; --muted:#A7B3C4;
  --primary:#5B9BD5; --primary-dark:#79AFE0; --button-text:#0B1220; --link:#5B9BD5; --focus:#5B9BD5; --selected:#1B2B42;
  --nav:#0F1B30; --nav-hover:#2A4A80; --messages:#0E1626; --bubble-client:#1F2A3C; --bubble-ai:#1B3553; --bubble-human:#12442F; --bubble-auto:#30353D;
  --danger:#FF8A80; --danger-bg:#3D2028; --failure:#FF8A80; --escalated:#FFB74D; --escalated-bg:#3A2B14; --success:#81C784; --success-bg:#173621; --neutral:#A7B3C4; --neutral-bg:#253043;
}
* { box-sizing:border-box; }
body { font-size:14px; line-height:1.5; background:var(--bg); color:var(--text); }
button,input,select,textarea { font:inherit; }
button { min-height:36px; border:1px solid transparent; border-radius:8px; background:var(--primary); color:var(--button-text); padding:8px 12px; }
button:hover { background:var(--primary-dark); }
button:disabled { opacity:1; background:var(--subtle); color:var(--muted); cursor:not-allowed; }
input,select,textarea { min-width:0; padding:8px 12px; border:1px solid var(--border); border-radius:8px; background:var(--card); color:var(--text); }
input[type="checkbox"],input[type="radio"] { width:18px; height:18px; flex-shrink:0; accent-color:var(--primary); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
textarea { resize:vertical; }
label { color:var(--text); }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
a,.link-btn { color:var(--link); }
.link-btn,.secondary-btn,.icon-button,.details-button { background:var(--card); color:var(--link); }
.link-btn:hover,.secondary-btn:hover,.icon-button:hover,.details-button:hover { background:var(--subtle); color:var(--link); }
.secondary-btn { border-color:var(--border); }
.muted,.field-help,.char-count,.meta { color:var(--muted); }
.error-text,.inline-error { color:var(--failure); }
.inline-error { display:block; font-size:14px; margin-top:4px; }
[aria-invalid="true"] { border-color:var(--failure); }
.saved-text { color:var(--success); }
.skip-link { position:fixed; left:16px; top:-100px; z-index:1500; padding:12px; background:var(--card); }
.skip-link:focus { top:8px; }
.panel-shell { display:grid; grid-template-columns:232px minmax(0,1fr); height:100dvh; overflow:hidden; }
.panel-workspace { min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.sidebar { background:var(--nav); color:var(--nav-text); min-width:0; display:flex; flex-direction:column; padding:0 12px; overflow:auto; }
.sidebar-brand { height:72px; min-height:72px; display:flex; align-items:center; padding:0 12px; color:var(--nav-active-text); font-size:16px; font-weight:700; white-space:nowrap; }
.tabs { display:block; padding:0; border:0; background:transparent; overflow:visible; }
.nav-group { margin:8px 0 16px; }
.nav-group-title { display:block; font-size:12px; color:var(--nav-group); padding:4px 12px 8px; font-weight:600; }
.tab-btn,.nav-link { display:flex; align-items:center; gap:12px; width:100%; min-height:40px; padding:8px 12px; color:var(--nav-text); background:transparent; text-align:left; border:0; border-radius:8px; font-size:14px; }
.nav-link { text-decoration:none; }
.tab-btn:hover,.nav-link:hover { background:var(--nav-hover); color:var(--nav-active-text); }
.tab-btn.active { background:var(--nav-active); color:var(--nav-active-text); border:0; }
[data-icon] { width:20px; height:20px; flex:0 0 20px; display:inline-flex; align-items:center; justify-content:center; font-size:18px; }
[data-icon] svg { width:20px; height:20px; }
.sidebar-account { margin-top:auto; padding:16px 12px; display:flex; flex-direction:column; overflow-wrap:anywhere; gap:8px; }
.sidebar-account .link-btn { color:var(--nav-text); background:transparent; text-align:left; }
.sidebar-account .link-btn:hover { background:var(--nav-hover); }
.topbar { height:56px; min-height:56px; width:100%; min-width:0; display:flex; justify-content:flex-start; align-items:center; gap:16px; padding:0 24px; background:var(--card); border-bottom:1px solid var(--border); color:var(--text); }
.company-choice { flex:1 1 0; min-width:0; max-width:320px; }
.topbar #tenant-select { width:100%; max-width:100%; }
.topbar #tenant-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar .theme-choice { margin-left:auto; flex:0 0 100px; min-width:0; }
.topbar .theme-choice select { width:100%; max-width:100%; }
.topbar #tenant-name { display:block; }
.topbar #panel-ai-state { flex:0 1 auto; max-width:120px; }
.icon-button { width:36px; height:36px; padding:4px; flex-shrink:0; font-size:20px; }
.badge { display:inline-flex; align-items:center; border:0; border-radius:6px; padding:3px 8px; font-size:12px; font-weight:600; white-space:normal; color:var(--neutral); background:var(--neutral-bg); line-height:1.4; }
.badge.open { color:var(--success); background:var(--success-bg); }
.badge.escalated { color:var(--escalated); background:var(--escalated-bg); }
.badge.unavailable { color:var(--danger); background:var(--danger-bg); }
.content { flex:1; min-height:0; width:100%; max-width:none; margin:0; padding:0; overflow:auto; }
.page-panel { padding:24px; min-width:0; max-width:100%; overflow-wrap:anywhere; }
h1 { margin:0 0 24px; font-size:20px; line-height:1.4; font-weight:650; }
h2,h3 { margin:0 0 16px; font-size:16px; }
.settings-page { max-width:928px; margin:0 auto; padding-bottom:112px; }
.page-panel.save-page { padding-bottom:112px; }
.surface,.form-card,fieldset,.login-card,.tenants-list>li,.metrics-table { background:var(--card); box-shadow:var(--shadow); border:0; border-radius:12px; }
.surface { padding:24px; margin-bottom:24px; }
.surface .link-btn { display:block; text-align:left; }
.form-card { max-width:none; margin:0 0 24px; padding:24px; display:flex; flex-direction:column; gap:16px; }
.form-card label { display:flex; flex-direction:column; gap:8px; margin:0; }
.form-card label.row { flex-direction:row; align-items:center; }
.form-card label.row span { flex:1; }
.form-card fieldset { border:1px solid var(--border); padding:16px; margin:0; display:flex; flex-direction:column; gap:16px; min-width:0; }
legend { color:var(--text); font-size:16px; font-weight:600; padding:0 8px; }
.persona-section { display:flex; flex-direction:column; gap:24px; }
.section-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
.section-tabs button { background:var(--card); color:var(--muted); border-bottom:3px solid transparent; border-radius:8px 8px 0 0; }
.section-tabs button[aria-current="page"] { color:var(--link); border-bottom-color:var(--focus); }
.persona-section>label { padding:16px; border-radius:8px; background:var(--card); }
#persona-form { background:transparent; box-shadow:none; padding:0; }
#persona-form fieldset,#persona-form details { border:0; background:var(--card); box-shadow:var(--shadow); padding:24px; border-radius:12px; }
#persona-form legend { float:left; width:100%; padding:0; margin-bottom:8px; }
#persona-form details>label { margin-top:16px; }
.fixed-preview { background:var(--messages); border:0; padding:16px; color:var(--text); }
.fixed-preview>* { padding:12px; background:var(--bubble-ai); box-shadow:var(--bubble-shadow); border-radius:12px; }
.settings-save-bar { position:fixed; bottom:0; left:232px; right:0; z-index:20; display:flex; gap:12px; align-items:center; padding:12px 24px; background:var(--card); border-top:1px solid var(--border); box-shadow:var(--shadow); }
.settings-save-bar>span { margin-right:auto; }
.menu-collapsed { grid-template-columns:72px minmax(0,1fr); }
.menu-collapsed .sidebar-brand { font-size:0; padding:0; }
.menu-collapsed .sidebar-brand::before { content:'PC'; font-size:16px; padding:8px; }
.menu-collapsed .nav-group-title,.menu-collapsed .tab-btn>span:last-child,.menu-collapsed .nav-link>span:last-child,.menu-collapsed #user-email { display:none; }
.menu-collapsed .tab-btn,.menu-collapsed .nav-link { justify-content:center; padding:8px; }
.menu-collapsed .settings-save-bar { left:72px; }
.drawer-scrim,.drawer-close,.mobile-only { display:none; }
#tab-conversas { height:100%; padding:16px; }
.split { height:100%; display:flex; gap:16px; }
.conv-list-pane { width:340px; min-width:324px; flex:none; background:var(--card); border:0; border-radius:12px; box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column; }
.pane-header { padding:12px 16px; display:flex; gap:8px; align-items:center; background:var(--card); border-bottom:1px solid var(--border); }
.pane-header select { width:auto; flex:1; }
.conversation-filters { display:flex; flex-wrap:nowrap; gap:4px; padding:8px; overflow:visible; border-bottom:1px solid var(--border); }
.conversation-filters button { flex:0 0 auto; padding:6px 4px; white-space:nowrap; font-size:14px; background:var(--card); color:var(--muted); min-height:36px; }
.conversation-filters button[aria-pressed="true"] { background:var(--selected); color:var(--link); }
.conversation-more-filters { position:relative; margin-right:auto; }
.conversation-more-filters summary { color:var(--link); cursor:pointer; padding:8px 0; }
.conversation-more-filters>div { position:absolute; left:0; top:100%; min-width:140px; z-index:10; padding:8px; background:var(--card); border:1px solid var(--border); border-radius:8px; box-shadow:var(--shadow); }
.conversation-more-filters button { width:100%; background:var(--card); color:var(--link); text-align:left; }
.conversation-more-filters button[aria-pressed="true"] { background:var(--selected); }
.conv-list { flex:1; overflow:auto; margin:0; padding:0; list-style:none; }
.conv-list li { padding:16px 12px; cursor:pointer; border:0; border-bottom:1px solid var(--border); border-left:3px solid transparent; display:flex; gap:12px; align-items:center; }
.conv-list li:hover { background:var(--subtle); }
.conv-list li.selected { background:var(--selected); border-left-color:var(--focus); }
.conv-avatar { display:flex; width:40px; height:40px; flex-shrink:0; align-items:center; justify-content:center; border-radius:50%; color:var(--neutral); background:var(--neutral-bg); font-weight:600; }
.conv-avatar svg { width:22px; height:22px; }
.conv-item-body { flex:1; min-width:0; }
.conv-item-top { display:flex; min-width:0; flex-wrap:nowrap; gap:4px 8px; justify-content:space-between; align-items:baseline; }
.conv-item-top strong { min-width:0; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--text); }
.conv-item-phone { display:block; margin-top:2px; font-size:12px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.conv-item-top strong.contact-unnamed,.thread-contact strong.contact-unnamed { color:var(--muted); }
.conv-item-top time { flex-shrink:0; white-space:nowrap; color:var(--muted); font-size:12px; }
.conv-item-body .badge { margin-top:8px; }
.conv-thread-pane { position:relative; flex:1; min-width:0; display:flex; flex-direction:column; border:0; border-radius:12px; background:var(--messages); box-shadow:var(--shadow); overflow:hidden; container-type:inline-size; }
#conv-thread-empty { margin:auto; }
#conv-thread { display:flex; flex:1; flex-direction:column; min-height:0; height:100%; }
.thread-header { min-height:52px; flex-shrink:0; padding:8px 12px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; background:var(--card); border-bottom:1px solid var(--border); }
.thread-contact { display:flex; flex-direction:column; align-items:stretch; gap:0; flex:1 1 120px; min-width:0; }
.thread-avatar { width:32px; height:32px; font-size:14px; }
.thread-contact strong,.thread-contact>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.thread-contact strong { font-size:16px; color:var(--text); }
.thread-contact>span { font-size:14px; color:var(--muted); flex-shrink:2; }
.thread-header .badge { flex-shrink:0; }
.thread-actions { display:flex; flex-shrink:0; gap:8px; }
.thread-actions button { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:36px; padding:4px 8px; font-size:14px; white-space:nowrap; }
.thread-actions svg { width:20px; height:20px; flex-shrink:0; }
#thread-reason { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-shrink:0; }
.window-notice { flex-shrink:0; }
.window-notice button { margin:4px 0; padding:4px 8px; font-size:14px; }
.reason-strip,.window-notice { padding:8px 16px; color:var(--escalated); background:var(--escalated-bg); font-size:14px; margin:0; overflow-wrap:anywhere; }
.reason-strip.unavailable { color:var(--danger); background:var(--danger-bg); }
.thread-messages { flex:1; min-height:0; display:flex; flex-direction:column; gap:12px; padding:24px; background:var(--messages); overflow:auto; }
.msg { border:0; box-shadow:var(--bubble-shadow); border-radius:12px; padding:8px 12px; max-width:80%; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text); background:var(--bubble-client); align-self:flex-start; flex-shrink:0; }
.msg.outbound { align-self:flex-end; background:var(--bubble-human); }
.msg.inbound { background:var(--bubble-client); }
.msg.ai { align-self:flex-end; background:var(--bubble-ai); }
.msg.automatic { align-self:flex-start; background:var(--bubble-auto); font-style:italic; }
.msg .message-author { display:block; font-weight:600; font-size:12px; margin-bottom:4px; }
.msg .meta { display:block; text-align:right; margin-top:4px; font-size:12px; color:var(--text); }
.thread-reply { padding:12px 16px; background:var(--card); display:flex; align-items:flex-end; gap:12px; border:0; }
.thread-reply textarea { border-radius:24px; min-height:44px; max-height:124px; flex:1; padding:10px 16px; resize:none; margin:0; }
.thread-reply .send-button { width:44px; height:44px; flex:none; padding:8px; border-radius:50%; color:var(--button-text); }
.form-card button[type="submit"],.login-card button,.inline-form button,.new-messages-btn { color:var(--button-text); }
.msg.inbound.automatic { background:var(--bubble-auto); }
.fixed-preview-label { color:var(--text); }
.conversation-context { width:280px; flex:none; padding:16px; overflow:auto; background:var(--card); box-shadow:var(--shadow); border-radius:12px; }
.context-header { display:flex; gap:8px; align-items:center; }
.context-header h2 { margin:0 auto 0 0; }
#contact-name-editor { margin-top:24px; padding-top:16px; border-top:1px solid var(--border); }
#contact-name-editor label { display:flex; flex-direction:column; gap:8px; font-weight:600; }
#contact-name-editor input { width:100%; }
#contact-name-editor .form-actions { display:flex; flex-direction:column; gap:8px; }
#contact-name-editor p { font-size:12px; overflow-wrap:anywhere; }
#contact-name-editor [role="status"]:empty { display:none; }
dt { margin-top:24px; font-weight:600; } dd { margin:8px 0; overflow-wrap:anywhere; color:var(--muted); }
.overview-counters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.overview-counters>*,.overview-columns>*,.surface { min-width:0; max-width:100%; }
.overview-state { grid-column:1 / -1; }
.number-card { display:flex; flex-direction:column; gap:8px; overflow-wrap:anywhere; }
.number-card strong { font-size:28px; }
.number-card>span,.number-card small { color:var(--muted); }
.number-compact { display:none; }
.overview-columns { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; }
.surface .link-btn,.attention-row { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
.panel-load-state p,.overview-state p { margin:0 0 12px; }
input,textarea,select { max-width:100%; }
.attention-row { display:flex; flex-direction:column; gap:4px; width:100%; text-align:left; padding:12px 0; border-bottom:1px solid var(--border); border-radius:0; background:var(--card); color:var(--text); }
.attention-row:hover { background:var(--subtle); }
.attention-row span,.attention-row time { color:var(--muted); }
.metrics-table { border-collapse:collapse; min-width:640px; width:100%; }
.metrics-table th,.metrics-table td { color:var(--text); border-color:var(--border); padding:12px; }
.metrics-table th { color:var(--muted); background:var(--card); }
.metrics-table tr:nth-child(even) { background:var(--subtle); }
.table-scroll { overflow:auto; margin-bottom:24px; border-radius:12px; }
.tenants-list { padding:0; list-style:none; }
.company-list-filter { min-width:0; margin:16px 0; padding:0; border:0; }
.company-list-filter legend { padding:0; margin-bottom:4px; font-weight:600; }
.company-list-filter label { display:inline-flex; align-items:center; gap:8px; min-height:40px; margin-right:20px; cursor:pointer; }
.tenants-list>li { padding:16px; margin-bottom:16px; }
.toast { background:var(--success-bg); color:var(--success); box-shadow:var(--shadow); }
.toast.error { background:var(--danger-bg); color:var(--danger); }
.login-card { width:min(400px,calc(100vw - 32px)); padding:32px; }
.login-card h1 { font-size:20px; margin-bottom:0; }
.login-card label { display:flex; flex-direction:column; gap:8px; }
.modal { background:var(--scrim); }
.modal-card,dialog { color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:12px; padding:24px; max-width:min(560px,calc(100vw - 32px)); }
dialog::backdrop { background:var(--scrim); }
dialog button { margin:12px 8px 0 0; }
.processing-spinner { display:inline-block; width:28px; height:28px; border:3px solid var(--border); border-top-color:var(--primary); border-radius:50%; animation:processing-spin 0.8s linear infinite; }
@keyframes processing-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .processing-spinner { animation:none; } }
#company-invite-message { white-space:pre-line; overflow-wrap:anywhere; }
#qr-modal.inline-connection { position:static; display:block; background:transparent; margin-bottom:24px; }
#qr-modal.inline-connection .modal-card { max-width:none; width:auto; box-shadow:var(--shadow); border:0; }
#qr-modal.inline-connection #qr-close-btn { display:none; }
.fb-signup-box,.coexistence-signup-box { background:var(--subtle); color:var(--text); border-color:var(--border); }
.fb-login-btn,.coexistence-signup-btn { background:var(--primary); color:var(--button-text); }
.hours-row { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.hours-row input[type="time"] { width:112px; }
.dynamic-row { display:flex; flex-wrap:wrap; gap:8px; }
.dynamic-row input { flex:1; min-width:120px; }
.dynamic-row button { color:var(--failure); background:var(--card); }
.cost-card,.costs-card,.costs-summary-card { background:var(--card); color:var(--text); border-color:var(--border); }
@media(max-width:1100px) {
  .conv-list-pane { width:324px; min-width:324px; }
  .conversation-context { width:260px; }
  .split:has(.conversation-context:not([hidden])) .conv-list-pane { width:324px; min-width:324px; }
  .thread-header { gap:8px; }
}
@media(max-width:999px) {
  .panel-shell,.panel-shell.menu-collapsed { display:flex; }
  .panel-workspace { width:100%; }
  .sidebar { display:none; }
  .drawer-open .sidebar { display:flex; position:fixed; inset:0 auto 0 0; width:272px; z-index:100; }
  .drawer-open .drawer-scrim { display:block; position:fixed; inset:0; border:0; border-radius:0; background:var(--scrim); z-index:90; }
  .drawer-close { display:block; margin-left:auto; color:var(--nav-text); background:transparent; }
  .menu-collapsed .sidebar-brand { font-size:16px; padding:0 12px; }
  .menu-collapsed .sidebar-brand::before { display:none; }
  .menu-collapsed .nav-group-title,.menu-collapsed .tab-btn>span:last-child,.menu-collapsed .nav-link>span:last-child,.menu-collapsed #user-email { display:block; }
  .menu-collapsed .tab-btn,.menu-collapsed .nav-link { justify-content:flex-start; padding:8px 12px; }
  .topbar { gap:8px; padding:0 12px; }
  .topbar #tenant-select { width:100%; padding:8px; }
  .company-choice { max-width:none; }
  .topbar #tenant-name { max-width:100px; }
  .topbar .badge { max-width:100px; font-size:12px; }
  .topbar .theme-choice { flex-basis:80px; }
  .topbar .theme-choice select { width:100%; padding:8px 4px; }
  .page-panel { padding:16px; }
  .settings-page { padding-bottom:112px; }
  .settings-save-bar,.menu-collapsed .settings-save-bar { left:0; padding:12px; gap:8px; flex-wrap:wrap; }
  .settings-save-bar>span { font-size:12px; }
  .surface,.form-card,#persona-form fieldset,#persona-form details { padding:16px; }
  #tab-conversas { padding:0; }
  .split { gap:0; }
  .conv-list-pane { width:100%; min-width:0; border-radius:0; }
  .conv-thread-pane { border-radius:0; }
  .conversation-context { width:100%; border-radius:0; }
  [data-mobile-pane="list"] .conv-thread-pane,[data-mobile-pane="list"] .conversation-context { display:none; }
  [data-mobile-pane="thread"] .conv-list-pane,[data-mobile-pane="thread"] .conversation-context { display:none; }
  [data-mobile-pane="details"] .conv-list-pane,[data-mobile-pane="details"] .conv-thread-pane { display:none; }
  .mobile-only { display:inline-flex; align-items:center; justify-content:center; }
  .thread-header { padding:8px; }
  .thread-contact strong { font-size:14px; }
  .thread-contact>span { font-size:12px; }
  .thread-actions button { width:36px; padding:4px; }
  .thread-actions button>span { display:none; }
  .thread-header .badge { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .thread-messages { padding:16px; }
  .msg { max-width:88%; }
  .thread-reply { padding:12px; gap:8px; }
  .overview-counters { gap:8px; }
  .number-card { padding:12px 8px; gap:4px; }
  .number-card>span { font-size:12px; }
  .number-card strong { font-size:24px; }
  .number-exact { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .number-compact { display:inline; }
  .number-card small { font-size:12px; }
  .overview-columns { display:block; }
  .form-card label.row { align-items:flex-start; }
  .hours-row { display:grid; grid-template-columns:32px minmax(0,1fr) 24px minmax(0,1fr); padding:12px 0; border-bottom:1px solid var(--border); }
  .hours-row .day-label { grid-column:1; grid-row:1; width:auto; }
  .hours-row label.row { grid-column:2 / -1; grid-row:1; }
  .hours-row .hours-open { grid-column:2; grid-row:2; }
  .hours-row>span:not(.day-label) { grid-column:3; grid-row:2; }
  .hours-row .hours-close { grid-column:4; grid-row:2; }
  .hours-row input[type="time"] { width:100%; padding:8px 4px; }
  .hours-row .hours-24h-label { grid-column:2 / -1; grid-row:3; margin:0; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }

#tenant-controls-form { background:transparent; box-shadow:none; padding:0; gap:24px; }
#tenant-controls-form fieldset { background:var(--card); box-shadow:var(--shadow); padding:24px; border:0; }
#tenant-controls-form .surface { margin:0; }
#qr-modal.inline-connection .modal-card { align-items:stretch; text-align:left; }
#whatsapp-business-data,#whatsapp-token-data { white-space:pre-line; overflow-wrap:anywhere; }
.conversation-automation { flex:1 1 310px; min-width:0; margin:0 12px; padding:0; display:flex; flex-wrap:wrap; gap:2px 16px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.conversation-automation legend { float:left; width:100%; padding:0; font-size:12px; font-weight:600; color:var(--muted); }
.conversation-automation label { display:flex; align-items:center; gap:6px; margin:0; font-size:13px; }
.conversation-automation p { width:100%; margin:0; font-size:12px; overflow-wrap:anywhere; }
.conversation-automation p:empty { display:none; }
@container(max-width:1000px) { .conversation-automation { order:1; flex-basis:100%; margin:0; padding-top:8px; border-top:1px solid var(--border); } }
.reminders-tools,.reminder-hours { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.reminders-list { padding:0; list-style:none; display:grid; gap:16px; }
.reminder-card { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:20px; overflow-wrap:anywhere; }
.reminder-card .badge { margin-left:12px; }
.reminder-card .reminder-contact-phone,.reminder-card .reminder-identity-status { display:block; overflow-wrap:anywhere; }
.reminder-card dl { display:grid; grid-template-columns:minmax(140px,1fr) 2fr; gap:6px 12px; }
.reminder-card dd { margin:0; }
.reminder-card button { margin:8px 10px 0 0; }
@media(max-width:600px) { .reminder-card dl { grid-template-columns:1fr; } }