:root{--surface-primary: #F7F8FA;--surface-secondary: #FFFFFF;--surface-elevated: #FFFFFF;--text-primary: #17201C;--text-secondary: #5E6863;--text-tertiary: #8B9690;--border-default: #DDE3DF;--border-subtle: #EDF1EE;--accent-primary: #177A54;--accent-hover: #126242;--status-success: #16803F;--status-warning: #B7791F;--status-error: #C53030;--status-info: #2563EB;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}:root[data-theme=dark]{--surface-primary: #101314;--surface-secondary: #171B1D;--surface-elevated: #1D2326;--text-primary: #F4F7F5;--text-secondary: #AEB8B2;--text-tertiary: #78827D;--border-default: #2E3833;--border-subtle: #242B28;--accent-primary: #39C985;--accent-hover: #65DDA2;--status-success: #42D477;--status-warning: #E2AD4C;--status-error: #F87171;--status-info: #60A5FA}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--surface-primary);color:var(--text-primary);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility}main{min-height:100dvh}header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}main>header{max-width:1180px;margin:0 auto var(--space-6);padding:var(--space-8) var(--space-8) 0}header p{word-break:keep-all}.account{display:flex;align-items:center;gap:var(--space-3)}.auth{max-width:420px;margin:0 auto;translate:0 var(--space-8)}h1{font-size:28px;line-height:1.2;margin:0}h2{font-size:18px;line-height:1.3;margin:0 0 var(--space-3)}p{margin:0;color:var(--text-secondary)}.grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:var(--space-6)}.panel-shell{display:grid;gap:var(--space-4);min-height:0;width:min(100%,1360px)}.app-frame{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--surface-secondary);border-right:1px solid var(--border-default);color:var(--text-primary);display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:var(--space-4);position:sticky;top:0}.sidebar-brand{align-items:center;border-bottom:1px solid var(--border-subtle);display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);padding:0 0 var(--space-4)}.brand-mark{align-items:center;background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--accent-primary) 34%,var(--border-subtle));border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-brand div{display:grid;gap:1px;min-width:0}.sidebar-brand strong{font-size:17px;line-height:1.25}.sidebar-brand div span,.sidebar-account span{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{align-content:start;display:grid;gap:var(--space-1);padding:var(--space-4) 0}.side-nav p{color:var(--text-tertiary);font-size:12px;font-weight:650;margin:var(--space-4) var(--space-2) var(--space-1)}.side-nav button{align-items:center;background:transparent;background-image:none;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);display:flex;font-weight:500;min-height:42px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);position:relative;text-align:left;width:100%}.side-nav button:hover{background:color-mix(in srgb,var(--surface-primary) 72%,var(--surface-secondary));background-image:none;border-color:var(--border-subtle);color:var(--text-primary)}.side-nav button.active-tab{background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-primary));background-image:none;border-color:color-mix(in srgb,var(--accent-primary) 36%,var(--border-subtle));color:var(--text-primary);font-weight:650}.side-nav button.active-tab:before{background:var(--accent-primary);border-radius:8px 0 0 8px;bottom:7px;content:"";left:-1px;position:absolute;top:7px;width:4px}.sidebar-account{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-3);padding-top:var(--space-4)}.sidebar-account-card{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:8px;display:grid;gap:2px;min-width:0;padding:var(--space-3)}.sidebar-account-card small{font-size:12px;font-weight:650}.sidebar-account button{background:transparent;border-color:transparent;color:var(--text-secondary);justify-self:start;padding:0}.sidebar-account button:hover{background:transparent;background-image:none;border-color:transparent;color:var(--accent-primary)}.workspace{min-width:0;padding:var(--space-6) var(--space-8)}.workspace.message-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}.workspace.message-workspace .workspace-head{margin-bottom:var(--space-4)}.workspace.message-workspace .panel-shell{align-content:stretch}.workspace-head{align-items:center;margin:0 0 var(--space-5)}.workspace-head h1{font-size:24px}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.tabs button{white-space:nowrap}.tabs button.active-tab{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--surface-secondary)}section{background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:8px;padding:var(--space-4)}.message-page-section{display:grid;gap:var(--space-3);grid-template-rows:auto auto minmax(0,1fr) auto;height:calc(100dvh - 132px);min-height:620px;overflow:hidden}.workspace.message-workspace .message-page-section{gap:var(--space-2);height:auto;min-height:0}.message-page-section>h2,.message-page-section .message-toolbar{margin-bottom:0}label{display:block;font-size:12px;font-weight:650;margin:var(--space-4) 0 var(--space-2)}.field-caption{color:var(--text-primary);font-size:12px;font-weight:650;margin:var(--space-4) 0 var(--space-2)}input,textarea,select{width:100%;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-elevated);color:var(--text-primary);font:inherit;padding:var(--space-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);outline:2px solid color-mix(in srgb,var(--accent-primary) 24%,transparent);outline-offset:0}textarea{min-height:116px;resize:vertical}.check{display:flex;align-items:center;gap:var(--space-2)}.check input{width:auto}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.stack{display:grid;gap:var(--space-4)}button{appearance:none;-webkit-appearance:none;border:1px solid var(--border-default);border-color:var(--border-default);background-color:var(--surface-elevated);background-image:linear-gradient(var(--surface-elevated),var(--surface-elevated));color:var(--text-primary);border-radius:6px;padding:var(--space-2) var(--space-3);font:inherit;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out}button.primary{background-color:var(--accent-primary);border-color:var(--accent-primary);background-image:linear-gradient(var(--accent-primary),var(--accent-primary));color:#fff}button:hover{border-color:var(--accent-hover);background-color:var(--surface-primary);background-image:linear-gradient(var(--surface-primary),var(--surface-primary))}button.primary:hover{background-color:var(--accent-hover);background-image:linear-gradient(var(--accent-hover),var(--accent-hover))}button:active{transform:translateY(1px)}button:focus{outline:2px solid var(--status-info);outline-offset:2px}button:disabled{background-color:var(--surface-elevated);border-color:var(--border-default);background-image:linear-gradient(var(--surface-elevated),var(--surface-elevated));color:var(--text-tertiary);cursor:not-allowed;opacity:.65}.badge{display:inline-flex;align-items:center;border:1px solid var(--border-default);border-radius:999px;padding:var(--space-1) var(--space-3);font-size:13px}.ok{color:var(--status-success)}.warn{color:var(--status-warning)}.err,.error{color:var(--status-error)}.notice{color:var(--status-success)}.qr{width:min(256px,100%);aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--text-tertiary);overflow:hidden}.qr img{width:256px;height:256px}.login-state{border-left:3px solid var(--status-warning);padding-left:var(--space-3);color:var(--text-secondary)}.login-state strong{display:block;color:var(--status-warning)}.login-state.ok-state{border-left-color:var(--status-success)}.login-state.ok-state strong{color:var(--status-success)}.message-list,.contact-list{display:grid;gap:var(--space-3)}.conversation-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--space-4);height:auto;min-height:0;overflow:hidden}.message-toolbar{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(220px,1fr) auto;margin-bottom:var(--space-3)}.message-toolbar input{min-width:0}.conversation-list{border-right:1px solid var(--border-subtle);display:grid;align-content:start;gap:var(--space-2);overflow:auto;padding-right:var(--space-4)}.conversation-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-1);align-items:center;min-height:64px;padding:var(--space-3);text-align:left}.conversation-copy{display:grid;gap:var(--space-1);min-width:0}.conversation-copy span,.conversation-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy small{color:var(--text-tertiary);font-size:13px}.conversation-avatar{align-items:center;aspect-ratio:1;background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-secondary));border:1px solid var(--border-default);border-radius:8px;color:var(--accent-primary);display:inline-flex;font-size:13px;font-weight:650;justify-content:center;overflow:hidden;width:36px}.conversation-avatar.large{width:40px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.conversation-row.active-chat{border-color:var(--accent-primary);background:var(--surface-primary);color:var(--accent-primary)}.message-pane{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;overflow:hidden;padding:var(--space-3)}.message-thread{align-content:start;display:grid;gap:var(--space-3);min-width:0;overflow:auto;padding-right:var(--space-2)}.message-thread-head{align-items:start;background:var(--surface-primary);border-bottom:1px solid var(--border-subtle);display:grid;gap:var(--space-3);grid-template-columns:1fr;padding-bottom:var(--space-3);z-index:2}.message-thread-title{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);min-width:0}.message-thread-title div{display:grid;gap:var(--space-1);min-width:0}.message-thread-title div>span{color:var(--text-tertiary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-session-actions{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.message-session-actions button{white-space:nowrap}.message-item,.contact-item{border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-3)}.message-item{background:var(--surface-elevated);max-width:min(620px,78%)}.message-item.outgoing{justify-self:end;background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-elevated));border-color:var(--accent-primary)}.message-meta{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.message-sender{color:var(--text-primary);font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-jid{color:var(--text-tertiary);margin-top:var(--space-1)}.reply-preview{border-left:3px solid var(--accent-primary);background:color-mix(in srgb,var(--surface-primary) 72%,transparent);border-radius:6px;display:grid;gap:2px;margin-top:var(--space-2);max-width:260px;padding:var(--space-1) var(--space-2)}.reply-preview strong{color:var(--accent-primary);font-size:13px}.reply-preview span{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}time{color:var(--text-tertiary);font-size:13px}.message-text{max-height:320px;margin-top:var(--space-2);overflow:auto;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.load-older{justify-self:center;color:var(--text-secondary)}.reply-action{background:transparent;background-image:none;border:0;color:var(--text-tertiary);margin-top:var(--space-2);padding:0}.reply-action:hover{background:transparent;background-image:none;color:var(--accent-primary)}.message-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.message-action-result{background:color-mix(in srgb,var(--status-success) 8%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--status-success) 34%,var(--border-subtle));border-radius:8px;color:var(--text-primary);font-size:13px;grid-column:1 / -1;padding:var(--space-2) var(--space-3)}.message-edit-form{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.message-edit-form textarea{min-height:92px;resize:vertical}.reply-box{align-items:center;background:var(--surface-primary);border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(220px,auto) auto;margin-top:var(--space-3);padding-top:var(--space-3);z-index:2}.reply-box .composer-reply,.reply-box .mono{grid-column:1 / -1}.composer-reply{align-items:center;border-left:3px solid var(--accent-primary);background:var(--surface-primary);border-radius:6px;display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.composer-reply div{display:grid;min-width:0}.composer-reply span{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-templates{display:grid;gap:var(--space-2)}.template-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-chip-row button{font-size:13px}.composer-attachment,.file-picker{align-items:center;border:1px solid var(--border-subtle);border-radius:6px;display:flex;gap:var(--space-3);min-width:0;padding:var(--space-2)}.composer-attachment label,.file-picker label{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;flex:0 0 auto;padding:var(--space-2) var(--space-3)}.composer-attachment label:hover,.file-picker label:hover{border-color:var(--accent-hover)}.composer-attachment label.disabled,.file-picker label.disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.65}.composer-attachment input[type=file],.file-picker input[type=file]{inline-size:1px;block-size:1px;opacity:0;overflow:hidden;position:absolute;pointer-events:none}.composer-attachment span,.file-picker span{color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-panel{align-content:start}.template-list{display:grid;gap:var(--space-2)}.template-row{align-items:center;display:flex;justify-content:space-between;gap:var(--space-3);text-align:left}.template-row span{display:grid;gap:var(--space-1);min-width:0}.template-row small{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-row.disabled-row{opacity:.72}.media-box{margin-top:var(--space-3)}.media-box img,.media-box video{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid var(--border-subtle);border-radius:8px;background:var(--surface-primary)}.chat-shell{grid-template-columns:minmax(232px,284px) minmax(360px,1fr) minmax(232px,300px);grid-template-rows:minmax(0,1fr);height:calc(100dvh - 132px);padding:var(--space-3)}.workspace.message-workspace .chat-shell{height:calc(100dvh - 104px)}.chat-list-panel,.conversation-details{align-content:start;display:grid;gap:var(--space-3);min-width:0;overflow:hidden}.chat-list-panel{border-right:1px solid var(--border-subtle);grid-template-rows:auto minmax(0,1fr);padding-right:var(--space-3)}.chat-list-panel .message-toolbar{grid-template-columns:1fr}.chat-list-panel .conversation-list{border-right:0;padding-right:var(--space-2)}.chat-thread-pane{min-height:0}.chat-thread-pane .reply-box{grid-template-columns:1fr}.conversation-details{border-left:1px solid var(--border-subtle);grid-template-rows:auto auto minmax(0,auto);overflow:auto;padding-left:var(--space-3)}.details-section{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-2);padding:var(--space-3)}.details-section h3{font-size:15px;line-height:1.35;margin:0;overflow-wrap:anywhere}.details-section .field-caption{margin:0}.tool-button-grid{display:grid;gap:var(--space-2)}.tool-button-grid button{align-items:start;display:grid;gap:var(--space-1);justify-items:start;text-align:left}.tool-button-grid small{color:var(--text-tertiary);font-size:12px;overflow-wrap:anywhere}.action-result-panel{max-height:320px}.media-box audio{width:100%}.empty{border:1px dashed var(--border-default);border-radius:8px;padding:var(--space-4)}.minor-heading{margin-top:var(--space-5)}.contact-item{display:grid;gap:var(--space-3)}.contact-group{border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);padding:var(--space-3)}.contact-group .contact-item{border:0;border-top:1px solid var(--border-subtle);border-radius:0;padding:var(--space-3) 0 0}.contact-group-head{display:grid;gap:var(--space-2)}.contact-group-head h3{font-size:15px;line-height:1.4;margin:0}.contact-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.split-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.contacts-workbench{display:grid;gap:var(--space-4);grid-template-columns:320px minmax(0,1fr)}.contacts-page{display:grid;gap:var(--space-4)}.contact-toolbar,.contact-list-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.contact-toolbar span,.muted{color:var(--text-secondary);font-size:13px}.contact-list-head input{max-width:320px}.narrow-form{max-width:640px}.import-panel{max-width:760px}.import-preview{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);padding:var(--space-3)}.import-preview>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.import-preview span{color:var(--text-secondary);font-size:13px}.preview-list{display:grid;gap:var(--space-2)}.preview-list p{align-items:start;border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-2);grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) minmax(0,1.6fr);margin:0;padding-top:var(--space-2)}.preview-list p>*{min-width:0;overflow-wrap:anywhere}.preview-list p.sent-row{opacity:.72}.preview-list small{color:var(--text-tertiary);display:block;margin-top:var(--space-1)}.batch-preview-list{gap:var(--space-3)}.batch-preview-item{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-2);min-width:0;padding-top:var(--space-3)}.batch-preview-item.sent-row{opacity:.72}.batch-preview-head{align-items:start;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;min-width:0}.batch-preview-head strong{min-width:0;overflow-wrap:anywhere}.batch-preview-head span,.batch-preview-recipient{color:var(--text-tertiary);font-size:13px}.batch-preview-recipient,.batch-preview-message{margin:0;min-width:0;overflow-wrap:anywhere}.batch-preview-message{color:var(--text-primary);white-space:pre-wrap}.contacts-side,.contacts-main,.contact-form{display:grid;gap:var(--space-3);align-content:start}.promotions-page{display:grid;gap:var(--space-5);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.promotion-import,.promotion-list,.promotion-group,.promotion-offers{align-content:start;display:grid;gap:var(--space-3)}.promotion-group{border:1px solid var(--border-subtle);border-radius:8px;padding:var(--space-3)}.promotion-group-head{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.promotion-group-head strong,.promotion-offer strong{color:var(--text-primary)}.promotion-offer{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr);padding-top:var(--space-3)}.promotion-offer p,.promotion-preview-list span{color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap}.promotion-product-list{display:grid;gap:var(--space-1);margin-bottom:var(--space-2)}.promotion-product-list span{color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.promotion-delete-list{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;padding-top:var(--space-2)}.promotion-delete-list span{color:var(--text-tertiary);font-size:13px;overflow-wrap:anywhere}.promotion-delete-list button{align-self:start;white-space:nowrap}.promotion-preview-list{display:grid;gap:var(--space-2)}.promotion-preview-list p{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-1);margin:0;padding-top:var(--space-2)}.promotion-output{min-height:280px;white-space:pre-wrap}.product-catalog{border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-3);padding-top:var(--space-3)}.product-catalog h3,.product-catalog p{margin:0}.product-list{display:grid;gap:var(--space-2);max-height:360px;overflow:auto}.contact-product-list{max-height:260px}.contact-subscription-actions{align-items:center;display:flex;gap:var(--space-2)}.contact-subscription-actions small{color:var(--text-secondary)}.selected-product-editor{background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);padding:var(--space-3)}.selected-product-editor small{color:var(--text-secondary);display:block;margin-top:var(--space-1)}.product-group-section{display:grid;gap:var(--space-2)}.product-group-title{color:var(--text-secondary);font-size:13px;font-weight:600;margin:var(--space-2) 0 0}.product-row{align-items:start;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;padding:var(--space-3);text-align:left;width:100%}.product-row.selected-product{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.product-row small,.product-row em{color:var(--text-secondary);font-style:normal}.contacts-side{border-right:1px solid var(--border-subtle);padding-right:var(--space-4)}.group-picker{display:grid;gap:var(--space-2)}.template-preset-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-preset-list button{color:var(--accent-primary);padding:var(--space-2) var(--space-3)}.group-option{align-items:center;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:grid;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);margin:0;padding:var(--space-3)}.group-option input{width:auto}.group-option span{display:grid;gap:var(--space-1);min-width:0}.group-option small{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-button{color:var(--accent-primary);padding:var(--space-2) var(--space-3)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;overflow-wrap:anywhere}.result{white-space:pre-wrap}.workflow-result{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px;max-height:260px;overflow:auto;padding:var(--space-3);white-space:pre-wrap}.workflow-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.workflow-panel{align-content:start;background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);padding:var(--space-4)}.workflow-panel h3{font-size:18px;line-height:1.3;margin:0}.workflow-panel .muted{margin:0}.workflow-row{display:grid;gap:var(--space-2);grid-template-columns:minmax(120px,.45fr) minmax(0,1fr)}.inline-controls,.compact-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inline-controls>input,.inline-controls>select{flex:1 1 180px;min-width:0}.compact-actions .check,.inline-controls .check{margin:0}.workflow-panel textarea{min-height:72px}.actions-workbench{align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.actions-catalog,.actions-runner{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:var(--space-3);padding:var(--space-4)}.actions-catalog{max-height:calc(100dvh - 180px);overflow:auto;position:sticky;top:var(--space-4)}.action-category-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.action-category-list button{align-items:center;display:flex;justify-content:space-between;min-width:0;padding:var(--space-2) var(--space-3)}.action-category-list span{overflow:hidden;text-overflow:ellipsis}.action-category-list small,.action-list-item small,.action-list-item em{color:var(--text-secondary);font-style:normal}.action-list{display:grid;gap:var(--space-2)}.action-list-item{align-items:start;background:var(--surface-primary);border-color:var(--border-subtle);display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;justify-items:start;text-align:left}.action-list-item span{display:grid;gap:var(--space-1);min-width:0}.action-list-item strong,.action-list-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action-list-item b,.selected-action-head span{background:color-mix(in srgb,var(--status-warning) 10%,var(--surface-primary));border:1px solid color-mix(in srgb,var(--status-warning) 34%,var(--border-subtle));border-radius:6px;color:var(--status-warning);font-size:12px;font-weight:650;padding:var(--space-1) var(--space-2)}.action-list-item.active-action{border-color:color-mix(in srgb,var(--accent-primary) 44%,var(--border-subtle))}.selected-action-head{align-items:start;border-bottom:1px solid var(--border-subtle);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding-bottom:var(--space-3)}.selected-action-head h3{font-size:18px;line-height:1.3;margin:0 0 var(--space-1)}.selected-action-head code{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;overflow-wrap:anywhere}.action-controls{margin-top:var(--space-4)}.action-surface{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:8px;margin-top:var(--space-4);overflow:hidden}.action-surface summary{cursor:pointer;display:grid;gap:var(--space-1);list-style:none;padding:var(--space-3) var(--space-4)}.action-surface summary::-webkit-details-marker{display:none}.action-surface summary span{color:var(--text-primary);font-weight:650}.action-surface summary small{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-surface[open] summary{border-bottom:1px solid var(--border-subtle)}.action-surface>.grid{padding:var(--space-4)}.payload-column{display:grid;gap:var(--space-3)}.payload-fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.payload-field{display:grid;gap:var(--space-1)}.payload-field span{color:var(--text-secondary);font-size:13px;font-weight:600}.payload-field small{color:var(--text-tertiary);font-size:12px;line-height:1.4}.payload-field.check{align-content:center;grid-template-columns:minmax(0,1fr) auto;min-height:42px}.payload-field.check span{color:var(--text-primary)}.payload-input{min-width:0}.payload-empty{color:var(--text-secondary);font-size:13px;margin:0}.action-result{min-height:220px}.action-result{background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:6px;max-height:420px;overflow:auto;padding:var(--space-3)}@media(max-width:860px){main>header{padding:var(--space-4)}header{display:block}.app-frame{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-default);gap:var(--space-3);grid-template-rows:auto auto auto;min-height:auto;padding:var(--space-3);z-index:5}.sidebar-brand{border-bottom:0;padding:0}.side-nav{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.side-nav p{display:none}.side-nav button{border:1px solid var(--border-subtle);flex:0 0 auto;min-height:38px;padding:var(--space-2) var(--space-3);white-space:nowrap;width:auto}.side-nav button.active-tab:before{border-radius:999px;bottom:-1px;height:3px;left:var(--space-3);right:var(--space-3);top:auto;width:auto}.sidebar-account{align-items:center;display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;padding-top:var(--space-3)}.sidebar-account-card{padding:var(--space-2)}.workspace{padding:var(--space-3)}.workspace-head{align-items:start;display:grid;gap:var(--space-3)}.message-page-section{height:auto;min-height:0;overflow:visible}.chat-shell,.workspace.message-workspace .chat-shell{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.chat-list-panel,.conversation-details{border-left:0;border-right:0;overflow:visible;padding-left:0;padding-right:0}.grid{grid-template-columns:1fr}.conversation-layout{grid-template-columns:1fr;height:auto;min-height:560px}.message-toolbar,.message-thread-head,.message-session-actions{grid-template-columns:1fr}.message-pane{grid-template-rows:auto auto auto;overflow:visible}.message-thread{overflow:visible}.reply-box,.split-grid,.workflow-grid,.workflow-row,.actions-workbench,.selected-action-head{grid-template-columns:1fr}.actions-catalog{max-height:none;position:static}.action-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-controls>button,.compact-actions>button{flex:1 1 148px}.contacts-workbench,.promotions-page{grid-template-columns:1fr}.contact-toolbar,.contact-list-head{align-items:stretch;display:grid}.contact-list-head input{max-width:none}.preview-list p,.promotion-offer{grid-template-columns:1fr}.contacts-side{border-right:0;border-bottom:1px solid var(--border-subtle);padding:0 0 var(--space-4)}.conversation-list{border-right:0;border-bottom:1px solid var(--border-subtle);grid-auto-flow:column;grid-auto-columns:minmax(180px,72%);max-height:112px;overflow-x:auto;overflow-y:hidden;padding:0 0 var(--space-3)}.chat-list-panel .conversation-list{padding:0 0 var(--space-3)}.message-meta{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.message-item{max-width:100%}}@media(prefers-reduced-motion:reduce){button{transition:none}}