.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.flow-editor{display:flex;flex-direction:column;gap:12px;padding:4px 0}.flow-editor .palette-item{text-align:left;font-size:12px;padding:8px 10px;border-radius:8px;border:1px solid var(--cat-border, var(--line));background:var(--cat-bg, var(--surface));color:var(--cat-text, var(--ink));cursor:grab;transition:filter .12s,box-shadow .12s,transform .04s}.flow-editor .palette-item:hover{filter:brightness(.96);box-shadow:0 1px 4px #071a331f}.flow-editor .palette-item:active{transform:translateY(1px)}.flow-editor .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s,box-shadow .12s,transform .04s}.flow-editor .icon-btn:hover:not(:disabled){background:#f1f3f8}.flow-editor .icon-btn:active:not(:disabled){transform:translateY(1px)}.flow-editor .button:focus-visible,.flow-editor .icon-btn:focus-visible,.flow-editor .palette-item:focus-visible,.flow-editor input:focus-visible,.flow-editor select:focus-visible,.flow-editor textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.flow-editor .button:disabled,.flow-editor .icon-btn:disabled{opacity:.55;cursor:not-allowed}.flow-title-input{font-size:16px;font-weight:600;color:var(--ink);border:1px solid transparent;background:transparent;border-radius:8px;padding:5px 8px;min-width:220px;transition:border-color .12s,background .12s}.flow-title-input:hover{border-color:var(--line)}.flow-title-input:focus{border-color:var(--gold);background:var(--surface);outline:none}.flow-node-box{transition:box-shadow .12s ease,border-color .12s ease,transform .04s}.react-flow__node:hover .flow-node-box{box-shadow:0 4px 12px #071a3324}.react-flow__node.node-invalid .flow-node-box{box-shadow:0 0 0 2px #dc2626}.react-flow__node.node-active .flow-node-box{box-shadow:0 0 0 2px var(--gold),0 6px 16px #c9a24a59}.flow-handle{width:12px!important;height:12px!important;border:2px solid #fff!important}.flow-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:flowspin .7s linear infinite;vertical-align:-2px;margin-right:6px}.flow-editor .button:not(.primary) .flow-spin{border-color:#071a3340;border-top-color:var(--navy)}@keyframes flowspin{to{transform:rotate(360deg)}}.flow-canvas-wrap{position:relative;flex:1;min-width:0;height:clamp(420px,60vh,760px);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.flow-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:13px;pointer-events:none;text-align:center;padding:0 24px}.flow-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07142673;display:flex;align-items:center;justify-content:center;z-index:1000}.flow-modal{background:var(--surface);border-radius:12px;border:1px solid var(--line);padding:20px;max-width:460px;width:92%;box-shadow:0 16px 48px #071a3347}.react-flow__controls,.react-flow__minimap{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #071a331f;border:1px solid var(--line)}@media (max-width: 820px){.flow-row{flex-direction:column}.flow-palette{width:100%!important;flex-direction:row!important;flex-wrap:wrap}.flow-bottom-grid{grid-template-columns:1fr!important}}:root{color-scheme:light;--navy: #071a33;--navy-soft: #102947;--navy-ink: #071426;--gold: #c9a24a;--gold-dark: #8e6b19;--paper: #f7f8fb;--paper-soft: #eef1f5;--surface: #ffffff;--surface-strong: #ffffff;--ink: #162033;--muted: #5c6678;--line: #e7e9ee;--line-strong: #d5dae4;--success: #1f6b42;--danger: #7a1f1f;--warning: #a98226;--focus: #c9a24a;--shadow-soft: 0 14px 36px rgba(7, 20, 38, .07);--shadow-panel: 0 28px 80px rgba(7, 20, 38, .16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--side-width: 92px;--queue-width: 378px;--drawer-width: min(420px, calc(100vw - 32px) );font-family:Segoe UI,Aptos,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#eef1f5,#f7f8fb 38%,#f7f8fb)}button,input,textarea,select{font:inherit}button,a,select,input,textarea{outline-color:var(--focus)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--navy-soft);text-underline-offset:3px;font-weight:700}svg{width:1em;height:1em;stroke-width:2}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 18%,rgba(201,162,74,.18),transparent 28%),linear-gradient(135deg,#071426,#071a33 48%,#102947)}.login-card{width:min(460px,100%);padding:34px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-panel)}.login-brand,.brand-block{display:flex;align-items:center;gap:12px}.login-brand img,.brand-block img{width:52px;height:52px;object-fit:contain;border-radius:var(--radius-sm);background:#fff}.login-brand img{width:156px;height:74px;padding:6px}.brand-block img{padding:4px}.login-brand span,.brand-block span,.eyebrow{color:var(--gold-dark);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h1,.module-header h1,.panel h1,.chat-title h2,.context-panel h2{margin:0;color:var(--navy);line-height:1.1}.login-card h1{margin-top:20px;font-size:clamp(2rem,6vw,3rem)}.login-card p,.empty-state p,.module-header p,.ai-coach p,.context-section span,.campaign-card span,.template-card span{color:var(--muted)}.login-form,.stack-form,.chat-stack,.context-panel,.flow-panel,.settings-list{display:grid;gap:16px}.field{display:grid;gap:7px;color:var(--navy);font-weight:750}.field input,.field textarea,.field select,.search-field input,.ai-command input,.composer textarea,.context-section textarea,.chat-actions select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--ink);padding:12px 14px}textarea{min-height:96px;resize:vertical}.button,.icon-button,.nav-item,.conversation-card,.chip-row span,.tag-grid button,.segmented button,.quick-reply-strip button{min-height:44px;border-radius:var(--radius-sm)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:0 16px;font-weight:800;text-decoration:none}.button.primary{color:#fff;background:var(--navy);border-color:var(--navy)}.button.soft{color:var(--navy);background:#fff;border-color:#071a3324}.button.ghost{color:var(--navy);background:transparent;border-color:var(--line)}.button.danger,.button.warning{color:#fff;background:var(--danger);border-color:var(--danger)}.button.wide{width:100%}.icon-button{width:44px;min-width:44px;border:1px solid var(--line);background:var(--surface);color:var(--navy);display:inline-grid;place-items:center}.error-text{margin:0;color:var(--danger);font-weight:750}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--side-width) minmax(0,1fr)}.side-nav{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;padding:16px 10px;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#071426,#071a33 58%,#102947);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block{justify-content:center}.brand-block div,.ops-note div,.user-card>div:not(.avatar),.nav-label{display:none}.brand-block strong{display:block;color:#fff;font-size:1.05rem}.nav-list{display:grid;gap:8px;align-content:start}.nav-item{width:100%;display:grid;grid-template-columns:1fr;justify-items:center;position:relative;align-items:center;gap:10px;border:1px solid transparent;padding:0;color:#ffffffb8;background:transparent;text-align:left;font-weight:760}.nav-item.active{color:#fff;background:#ffffff1a;border-color:#c9a24a80}.nav-item strong{position:absolute;top:4px;right:6px;min-width:24px;padding:2px 7px;border-radius:999px;background:var(--navy);color:#fff;font-size:.75rem;text-align:center}.ops-note,.user-card{display:grid;gap:12px;place-items:center;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#fff;background:#ffffff0f}.user-card>div:not(.avatar){min-width:0}.user-card strong,.user-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .icon-button{margin-left:0;flex:0 0 44px}.ops-note p,.user-card span{margin:2px 0 0;color:#ffffffa3;font-size:.85rem}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;flex:0 0 auto;color:#fff;background:var(--navy);font-weight:850}.avatar.large{width:54px;height:54px}.workspace{min-width:0;padding:18px}.inbox-layout{position:relative;min-height:calc(100vh - 36px);display:grid;grid-template-columns:var(--queue-width) minmax(0,1fr);gap:16px}.queue-panel,.chat-panel,.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff5;box-shadow:var(--shadow-soft)}.queue-panel{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:14px;padding:16px;overflow:hidden}.module-header,.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.module-header.compact h1{font-size:1.48rem}.queue-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.notify-button{min-height:36px;max-width:178px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:0 12px;color:var(--navy);background:var(--surface);font-size:.78rem;font-weight:760;white-space:nowrap}.notify-button svg{flex:0 0 auto}.notify-button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.notify-button.active{color:var(--success);border-color:#1f6b423d;background:#1f6b4214}.notify-button.blocked{color:var(--danger);border-color:#7a1f1f38;background:#7a1f1f14}.metric-strip,.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{position:relative;min-height:74px;padding:12px;border:1px solid rgba(7,26,51,.08);border-radius:var(--radius-md);background:linear-gradient(180deg,#fffffff5,#f8fafcf5);box-shadow:0 10px 24px #0714260d;overflow:hidden}.metric:after{content:"";position:absolute;inset:auto 10px 9px auto;width:30px;height:3px;border-radius:999px;background:#c9a24a73}.metric.active{border-color:#c9a24a75;box-shadow:inset 0 0 0 1px #c9a24a2e,0 12px 28px #0714260f}.metric strong{display:block;color:var(--navy);font-size:1.32rem}.metric span{color:var(--muted);font-size:.78rem;font-weight:750}.metric-danger strong{color:var(--danger)}.metric-warning strong{color:var(--warning)}.search-field{display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.search-field input{border:0;padding-left:0;background:transparent}.segmented{display:flex;flex-wrap:wrap;gap:7px;padding:5px;border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f8fb}.segmented button{border:1px solid transparent;background:transparent;color:var(--muted);padding:0 13px;font-weight:760}.segmented button.active{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:0 8px 18px #07142624}.conversation-list{min-height:0;display:grid;gap:10px;overflow:auto;padding-right:2px}.conversation-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:100%;border:1px solid var(--line);background:var(--surface);padding:12px;text-align:left}.conversation-card.selected{border-color:#071a336b;box-shadow:inset 3px 0 0 var(--gold)}.conversation-card.needs-reply{background:#f8fafc}.conversation-body{min-width:0}.conversation-head{display:flex;justify-content:space-between;gap:10px}.conversation-head strong{color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-head span,.message-meta,.chip-row span{color:var(--muted);font-size:.78rem;font-weight:750}.conversation-card p{margin:4px 0 9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip-row span{min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.signal-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.signal-row span{min-height:26px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.signal-row .status-dot{width:10px;min-width:10px;min-height:10px;padding:0;border:0;background:var(--success)}.signal-row .status-pending{background:var(--warning)}.signal-row .status-closed{background:var(--muted)}.signal-row .type-mark{min-height:24px;padding:0 7px;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.02em}.signal-row .warning{color:var(--warning);background:#fffaf0;border-color:#c9a24a59}.signal-row .danger{color:var(--danger);background:#fff7f7;border-color:#7a1f1f38}.chat-panel{overflow:hidden}.chat-stack{height:calc(100vh - 36px);grid-template-rows:auto minmax(0,1fr) auto;padding:16px;overflow:hidden}.chat-header{padding-bottom:14px;border-bottom:1px solid var(--line)}.chat-title{flex:1;min-width:0}.chat-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title span{color:var(--muted);font-size:.9rem}.chat-actions{display:flex;align-items:center;gap:10px}.chat-actions select{width:auto}.ai-coach{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr);gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#071426,#102947)}.ai-coach h3{margin:2px 0 6px;color:#fff}.ai-coach .eyebrow{color:var(--gold)}.ai-coach .ai-command input{background:#fffffff5}.ai-coach .button.primary{background:var(--gold);border-color:var(--gold);color:var(--navy-ink)}.ai-command{display:flex;gap:10px;align-items:center}.ai-result{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius-sm);background:#fffffff5}.ai-result p{margin:0;color:var(--ink)}.messages-panel{min-height:0;position:relative;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(7,26,51,.06);border-radius:var(--radius-md);background-color:#f8fafc;background-image:linear-gradient(180deg,#f8fafcd1,#ffffffe6),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='220' viewBox='0 0 260 220'%3E%3Cg fill='none' stroke='%23071426' stroke-opacity='.10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='42' cy='42' r='24'/%3E%3Cpath d='M32 42h20M42 27v30M118 30h54v38h-54zM128 58l10-12 11 8 14-17M28 142h56v42H28zM44 170l12-16 10 10 8-12M174 140c18 0 32 14 32 32s-14 32-32 32-32-14-32-32 14-32 32-32zM160 172h28M174 154v36M216 64c12 0 22 10 22 22s-10 22-22 22-22-10-22-22 10-22 22-22z'/%3E%3C/g%3E%3Cg fill='%23071426' fill-opacity='.09' font-family='Arial, sans-serif' font-weight='700'%3E%3Ctext x='38' y='50' font-size='28'%3E%24%3C/text%3E%3Ctext x='122' y='124' font-size='30'%3E%E2%82%BF%3C/text%3E%3Ctext x='214' y='92' font-size='24'%3E%E2%82%AC%3C/text%3E%3Ctext x='30' y='118' font-size='16'%3EMXN%3C/text%3E%3Ctext x='178' y='36' font-size='16'%3EUSD%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:auto,260px 220px;background-position:0 0,10px 8px}.message{position:relative;z-index:1;width:min(72ch,78%);padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.message.outgoing{align-self:flex-end;background:#eef5ff;border-color:#d8e5f5}.message.incoming{align-self:flex-start}.message-meta{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px}.message-text{margin:0;white-space:pre-wrap;line-height:1.48}.message-text-stack{display:grid;gap:10px}.link-preview-card{display:grid;width:min(100%,430px);overflow:hidden;border:1px solid rgba(7,26,51,.1);border-radius:10px;background:#f8fafc;color:var(--ink);text-decoration:none;box-shadow:0 1px 1px #0714260a}.link-preview-card:hover{border-color:#c9a24a7a}.message.outgoing .link-preview-card{background:#ffffffb8;border-color:#c9a24a3d}.link-preview-image{display:block;width:100%;aspect-ratio:1.91 / 1;overflow:hidden;background:var(--paper-soft)}.link-preview-image img{width:100%;height:100%;object-fit:cover;display:block}.link-preview-icon{min-height:74px;display:grid;place-items:center;color:var(--gold-dark);background:linear-gradient(135deg,#c9a24a24,#071a330d)}.link-preview-body{min-width:0;display:grid;gap:4px;padding:10px 12px 11px}.link-preview-domain{overflow:hidden;color:var(--muted);font-size:.68rem;font-weight:820;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.link-preview-body strong{overflow:hidden;color:var(--navy);font-size:.9rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.link-preview-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.78rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.link-preview-card.loading{opacity:.88}.message-text a,.media-card p a,.conversation-card p a{display:inline-flex;min-height:44px;align-items:center}.media-card{display:flex;align-items:center;gap:12px}.image-card,.video-card{display:grid}.image-card img,.video-card video{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper)}.media-card audio{width:min(360px,100%)}.audio-card{width:min(420px,100%);display:grid;align-items:stretch;gap:10px}.audio-card-head{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.audio-glyph{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:999px;color:var(--success);background:#1f6b421a}.audio-card-head strong,.audio-card-head span{display:block}.audio-card-head strong{color:var(--navy);font-size:.92rem}.audio-card-head span{color:var(--muted);font-size:.78rem;line-height:1.25}.audio-card audio{width:100%;min-width:240px}.audio-text-preview{border-top:1px solid rgba(7,26,51,.08);padding-top:9px}.audio-text-preview>span{display:block;margin-bottom:3px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:0}.audio-text-preview p{margin:0;color:var(--ink);line-height:1.42;white-space:pre-wrap;word-break:break-word}.audio-text-preview.has-transcript p{font-style:normal}.file-card{align-items:center}.file-card div{flex:1;min-width:0}.file-card strong,.file-card span{display:block}.quick-reply-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.quick-reply-strip button{flex:0 0 auto;max-width:280px;border:1px solid var(--line);background:var(--surface);color:var(--navy);padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding-top:10px;border-top:1px solid var(--line)}.composer textarea{min-height:50px;max-height:160px}.send-action{min-height:50px}.context-drawer{position:fixed;top:18px;right:18px;bottom:18px;z-index:20;width:var(--drawer-width);transform:translate(calc(100% + 32px));transition:transform .18s ease;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-panel);overflow:auto}.context-open .context-drawer{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:none;background:#071a3338}.context-open .drawer-backdrop{display:block}.context-panel{padding:20px}.drawer-close{justify-self:end}.context-panel header{padding-bottom:16px;border-bottom:1px solid var(--line)}.context-section{display:grid;gap:10px}.context-section h3{margin:0;color:var(--navy)}.tag-grid,.config-grid,.report-grid{display:grid;gap:10px}.tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-grid button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--navy);padding:0 10px;font-weight:750}.tag-grid button.active{background:#f8fafc;border-color:#071a333d}.module-grid{display:grid;gap:16px}.module-grid.two{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr)}.panel{padding:20px}.panel.full{min-height:calc(100vh - 36px)}.check-row{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:750}.check-row input{width:44px;height:44px;min-width:44px;accent-color:var(--navy)}.campaign-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:14px}.campaign-list,.template-list,.review-checklist{display:grid;gap:10px}.campaign-card,.template-card{min-height:64px;display:grid;gap:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:12px;text-align:left}.campaign-card.selected,.template-card.selected{border-color:#071a3352;background:#f8fafc;box-shadow:inset 3px 0 0 var(--gold)}.campaign-detail,.preview-panel{min-width:0}.review-checklist{margin:16px 0}.review-checklist p,.settings-list p{display:flex;align-items:center;gap:8px;margin:0}.phone-verification-card{margin-top:18px;display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.phone-verification-card h2{margin:2px 0 6px;color:var(--navy);font-size:1.05rem}.muted-copy,.settings-note{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.verification-fields{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(140px,.45fr) auto;gap:10px;align-items:end}.verification-fields .button{min-height:46px;white-space:nowrap}@media (max-width: 860px){.verification-fields{grid-template-columns:1fr}}.action-row,.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.message-preview-card,.simulation-card,.notice{padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);line-height:1.5;white-space:pre-wrap}.notice{display:flex;gap:10px;color:var(--danger);background:#fff7f7;border-color:#7a1f1f2e}.flow-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:16px}.step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.step-grid .wide{grid-column:1 / -1}.safe-badge,.status-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:#f2fbf6;color:var(--success);font-weight:800}.flow-diagram{display:grid;gap:12px;margin:16px 0}.flow-node{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.flow-node strong,.flow-node span{display:block}.flow-ready{border-color:#1f6b423d}.flow-missing{border-color:#7a1f1f47;background:#fff7f7}.flow-review{border-color:#c9a24a59;background:#fffaf0}.icon-slot{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);color:var(--navy);background:#f1f4f8}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center}.empty-state h3{margin:0;color:var(--navy)}.queue-skeleton{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm)}.queue-skeleton span,.queue-skeleton i,.queue-skeleton b{display:block;border-radius:999px;background:linear-gradient(90deg,#eef1f5,#f8fafc,#eef1f5)}.queue-skeleton span{width:42px;height:42px}.queue-skeleton i{width:62%;height:14px;margin:5px 0 9px}.queue-skeleton b{width:88%;height:12px}.data-table{display:grid;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.table-row{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;padding:14px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.config-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.config-card{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.status-pill.muted{color:var(--muted);background:var(--paper)}.toast{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 36px));padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-panel);font-weight:760}.toast button{width:44px;min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:0;background:transparent;color:inherit}.toast-success{border-color:#1f6b4247}.toast-error{border-color:#7a1f1f47}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#071a3361}.modal{position:relative;width:min(560px,100%);display:grid;gap:16px;padding:24px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-panel)}.modal-close{position:absolute;top:14px;right:14px}.modal h2{margin:0;color:var(--navy)}.review-box blockquote{margin:12px 0 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper)}.review-box dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px}.review-box dt{color:var(--muted);font-weight:750}.review-box dd{margin:0}.mobile-only{display:none}@media (max-width: 1180px){:root{--side-width: 88px;--queue-width: 350px}.brand-block div,.nav-item span,.ops-note div,.user-card div{display:none}.nav-item{grid-template-columns:1fr;justify-items:center}.side-nav{padding:14px}.module-grid.two,.flow-workspace{grid-template-columns:1fr}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.side-nav{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:30;height:auto;grid-template-rows:1fr;padding:8px;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}.brand-block,.ops-note,.user-card{display:none}.nav-list{display:flex;gap:6px;overflow-x:auto}.nav-item{min-width:64px;padding:0 10px}.workspace{padding:10px 10px 84px}.inbox-layout{grid-template-columns:1fr}.inbox-layout:not(.mobile-chat-open) .chat-panel{display:none}.inbox-layout.mobile-chat-open .queue-panel{display:none}.queue-panel,.chat-stack{min-height:auto;height:auto}.inbox-layout.mobile-chat-open .chat-stack{height:calc(100dvh - 104px);min-height:0}.inbox-layout.mobile-chat-open .messages-panel{overflow:auto}.chat-header,.ai-coach,.campaign-layout,.step-grid,.table-row{grid-template-columns:1fr}.chat-actions,.ai-command,.composer{display:grid;grid-template-columns:1fr}.chat-actions{display:none}.mobile-context-action{flex:0 0 44px}.message{width:94%}.module-grid.two{grid-template-columns:1fr}.mobile-only{display:inline-grid}}@media (max-width: 520px){.login-screen{padding:14px}.login-card,.panel,.queue-panel,.chat-stack{padding:14px;border-radius:var(--radius-md)}.metric-strip,.report-grid,.tag-grid{grid-template-columns:1fr}.context-drawer{top:8px;right:8px;bottom:8px;left:8px;width:auto}}body:has(.inbox-layout){overflow:hidden}.workspace:has(.inbox-layout){height:100vh;padding:0;overflow:hidden;background:var(--paper)}.inbox-layout{height:100vh;min-height:0;grid-template-columns:minmax(342px,390px) minmax(0,1fr);gap:0}.inbox-layout .queue-panel,.inbox-layout .chat-panel{height:100vh;border-radius:0;box-shadow:none}.inbox-layout .queue-panel{padding:0;gap:0;border-width:0 1px 0 0;background:var(--surface)}.inbox-layout .chat-panel{border:0;background:var(--surface)}.queue-panel .module-header.compact{min-height:68px;padding:16px 20px 8px}.queue-panel .module-header.compact .eyebrow{display:none}.queue-panel .module-header.compact h1{font-size:1.52rem;font-weight:700;letter-spacing:0}.queue-panel .metric-strip{display:flex;gap:8px;padding:0 20px 10px;overflow-x:auto}.queue-panel .metric{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-color:var(--line-strong);border-radius:999px;background:var(--surface);box-shadow:none}.queue-panel .metric:after{display:none}.queue-panel .metric.active{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:none}.queue-panel .metric strong{font-size:.88rem;line-height:1}.queue-panel .metric span{color:inherit;font-size:.82rem;font-weight:650}.queue-panel .search-field{min-height:44px;margin:0 20px 10px;border:0;border-radius:999px;background:var(--paper-soft)}.queue-panel .segmented{margin:0 20px 10px;padding:0;gap:8px;flex-wrap:nowrap;overflow-x:auto;border:0;background:transparent}.queue-panel .segmented button{flex:0 0 auto;min-height:34px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--muted);padding:0 13px;font-weight:650}.queue-panel .segmented button.active{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:none}.conversation-list{gap:0;padding:0;border-top:1px solid var(--line)}.conversation-card{min-height:74px;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:12px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface)}.conversation-card:hover{background:#f9fafc}.conversation-card.selected{background:#f2f5f9;border-color:var(--line);box-shadow:inset 0 0 0 1px #071a3314}.conversation-card.needs-reply{background:#fbfcfe}.conversation-card.selected.needs-reply{background:#f2f5f9}.conversation-card .avatar{width:48px;height:48px;font-size:.95rem}.conversation-head strong{font-size:.98rem;font-weight:650}.conversation-head span{flex:0 0 auto;font-size:.76rem;font-weight:550}.conversation-card p{margin:4px 0 7px;font-size:.88rem;line-height:1.25}.signal-row{gap:8px;min-height:16px}.signal-row span{min-height:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:.72rem}.signal-row .status-dot{width:8px;min-width:8px;min-height:8px;border-radius:999px}.signal-row .type-mark,.signal-row .warning,.signal-row .danger{min-height:auto;padding:0;background:transparent;border:0}.chat-stack{height:100vh;padding:0;gap:0;grid-template-rows:68px minmax(0,1fr) auto;background:var(--surface)}.chat-header{min-height:68px;padding:0 20px;border-bottom:1px solid var(--line)}.chat-header .avatar.large{width:48px;height:48px;font-size:1rem}.chat-title h2{font-size:1rem;font-weight:650}.chat-title span{font-size:.78rem}.chat-actions .button.soft{min-height:40px;border-radius:999px;font-weight:700}.chat-actions select{min-height:40px;border-radius:999px}.messages-panel{border:0;border-radius:0;padding:20px min(7vw,76px);gap:8px}.message{width:fit-content;max-width:min(68ch,74%);padding:9px 11px 6px;border-color:#071a3314;border-radius:10px;box-shadow:0 1px 1px #0714260f}.message.outgoing{background:#c9a24a2e;border-color:#c9a24a47}.message-meta{justify-content:flex-end;margin:5px 0 0;font-size:.7rem;font-weight:550}.message-text{font-size:.92rem;line-height:1.45}.composer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface)}.composer textarea{min-height:46px;max-height:126px;resize:none;border-radius:999px;background:var(--paper-soft);padding:12px 16px}.send-action{min-height:46px;border-radius:999px;padding:0 18px}@media (max-width: 860px){.queue-actions{gap:6px}.notify-button{width:38px;min-width:38px;min-height:38px;padding:0;border-radius:var(--radius-sm)}.notify-button span{display:none}body:has(.inbox-layout){overflow:hidden}.workspace:has(.inbox-layout){height:100dvh;padding:0 0 78px}.inbox-layout,.inbox-layout .queue-panel,.inbox-layout .chat-panel,.inbox-layout.mobile-chat-open .chat-stack{height:calc(100dvh - 78px)}.queue-panel .module-header.compact{min-height:62px;padding:14px 16px 6px}.queue-panel .metric-strip,.queue-panel .search-field,.queue-panel .segmented{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}.conversation-card{padding:12px 16px}.chat-header{min-height:62px;padding:0 12px}.messages-panel{padding:14px 12px}.message{max-width:88%}.composer{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.send-action{min-width:52px;padding:0 14px}}@media (max-width: 520px){.inbox-layout .queue-panel,.inbox-layout .chat-stack{padding:0;border-radius:0}.queue-panel .metric-strip,.queue-panel .segmented{overflow-x:auto}.queue-panel .segmented{gap:6px}.queue-panel .segmented button{padding:0 9px;font-size:.86rem}.chat-header .avatar.large{width:42px;height:42px}}.side-nav .brand-block{min-height:82px;flex-direction:column;justify-content:center;gap:3px;padding:0 2px}.side-nav .brand-block img{width:48px;height:48px;padding:0;border-radius:0;background:transparent;box-shadow:none}.side-nav .brand-block div{display:grid;gap:0;text-align:center}.side-nav .brand-block strong{display:block;color:#f8fafc;font-size:.62rem;font-weight:800;line-height:1.05;letter-spacing:.01em}.side-nav .brand-block span{display:block;padding:0;border:0;border-radius:0;background:transparent;color:#f8fafcc7;font-size:.54rem;font-weight:800;line-height:1.05;letter-spacing:.08em;text-transform:uppercase}.queue-panel .metric-strip{gap:6px;padding-bottom:8px}.queue-panel .metric{min-height:29px;gap:5px;padding:0 10px}.queue-panel .metric strong{font-size:.78rem}.queue-panel .metric span{font-size:.72rem;font-weight:680}.queue-panel .segmented{gap:6px;margin-bottom:8px}.queue-panel .segmented button{min-height:29px;padding:0 10px;font-size:.78rem;font-weight:680}.signal-row{gap:5px;min-height:13px}.signal-row span{font-size:.66rem;line-height:1}.signal-row .status-dot{width:6px;min-width:6px;min-height:6px}.signal-row .type-mark{font-size:.58rem;font-weight:800;letter-spacing:.06em;opacity:.72}@media (max-width: 520px){.queue-panel .metric-strip,.queue-panel .segmented{gap:5px}.queue-panel .metric,.queue-panel .segmented button{min-height:28px;padding:0 8px}.queue-panel .segmented button{font-size:.74rem}}.chat-actions{gap:8px}.chat-actions .button.soft{min-height:34px;padding:0 12px;border-radius:999px;font-size:.82rem;font-weight:720}.chat-actions .button.soft svg{width:15px;height:15px}.chat-actions select{min-height:34px;padding:0 34px 0 13px;border-radius:999px;font-size:.82rem;font-weight:600}.composer{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:10px 18px 12px;padding:0 12px;min-height:54px;border:1px solid rgba(7,26,51,.08);border-radius:999px;background:#fcfdfffa;box-shadow:0 8px 24px #0714261f}.composer textarea{min-height:36px;max-height:112px;padding:8px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.94rem;line-height:1.35}.composer textarea:focus{outline:none;box-shadow:none}.composer:focus-within{border-color:#c9a24a6b;box-shadow:0 8px 24px #0714261f,0 0 0 2px #c9a24a1f}.composer-icon,.composer-action{width:34px;min-width:34px;height:34px;min-height:34px;display:inline-grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--navy);padding:0}.composer-icon:disabled,.idle-action:disabled{cursor:default;opacity:1}.composer-icon{color:#071a33d1}.idle-action{color:var(--navy)}.send-action{color:#fff;background:var(--navy);box-shadow:0 8px 18px #071a332e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.send-action:hover:not(:disabled){transform:translateY(-1px);background:#102947;box-shadow:0 10px 22px #071a3338}.send-action:disabled{opacity:.68}@media (max-width: 860px){.chat-actions{gap:6px}.chat-actions .button.soft{min-height:32px;padding:0 10px;font-size:.78rem}.chat-actions select{min-height:32px;max-width:112px;padding-left:10px;font-size:.78rem}.composer{margin:8px 10px 10px;min-height:52px;padding:0 10px;gap:6px}.composer-icon,.composer-action{width:32px;min-width:32px;height:32px;min-height:32px}}.composer{position:relative;isolation:isolate}.composer textarea{height:36px;min-height:36px;padding:8px 4px 7px;line-height:1.32;overflow-y:hidden}.composer textarea::placeholder{color:#5c6678e6}.composer.has-draft textarea{color:var(--ink)}.composer-status{position:absolute;right:12px;bottom:calc(100% + 8px);z-index:9;max-width:min(260px,calc(100vw - 32px));border:1px solid rgba(7,26,51,.1);border-radius:999px;background:#fcfdfffa;box-shadow:0 12px 28px #0714261f;color:var(--navy);font-size:.78rem;font-weight:760;line-height:1.2;padding:7px 11px;pointer-events:none}.composer-icon:hover:not(:disabled),.idle-action:hover:not(:disabled){background:#071a330f}.composer-popover{position:absolute;left:12px;bottom:calc(100% + 10px);z-index:8;border:1px solid rgba(7,26,51,.1);border-radius:18px;background:#fcfdfffa;box-shadow:0 18px 42px #0714262e}.attach-menu{width:218px;padding:8px;display:grid;gap:4px}.attach-menu button{min-height:42px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:var(--navy);padding:0 10px;text-align:left;font-weight:720}.attach-menu button:hover,.attach-menu button:focus-visible{background:#071a330f}.emoji-panel{width:min(372px,calc(100vw - 28px));max-height:min(430px,calc(100dvh - 180px));padding:10px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:10px}.emoji-section{display:grid;gap:5px}.emoji-section-label{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.emoji-grid button{min-width:34px;height:34px;border:0;border-radius:10px;background:transparent;font-size:1.22rem;line-height:1;padding:0}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:#c9a24a29}.composer.recording{grid-template-columns:auto minmax(0,1fr) auto}.recording-status{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--navy);font-weight:760}.recording-status span{width:9px;height:9px;border-radius:999px;background:#b42318;box-shadow:0 0 #b4231857;animation:recordPulse 1.35s ease-out infinite}.cancel-recording{color:#b42318;background:#b4231814}.cancel-recording:hover:not(:disabled){background:#b4231824}@keyframes recordPulse{0%{box-shadow:0 0 #b4231857}70%{box-shadow:0 0 0 9px #b4231800}to{box-shadow:0 0 #b4231800}}@media (max-width: 520px){.composer{margin-left:8px;margin-right:8px}.composer-popover{left:8px;bottom:calc(100% + 8px)}.emoji-panel{width:min(338px,calc(100vw - 24px));max-height:min(390px,calc(100dvh - 178px))}.emoji-grid{grid-template-columns:repeat(8,1fr)}.attach-menu{width:212px}}