.rp-icon{width:var(--rp-icon,1.125rem);height:var(--rp-icon,1.125rem);flex-shrink:0;display:inline-flex}.rp-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.rp-app{gap:var(--space-2);display:grid}.rp-side{border:1px solid var(--border-inverse);border-radius:var(--radius-xl);background:var(--sidebar-bg);min-height:0;color:var(--sidebar-text);flex-direction:column;display:flex;overflow:hidden}.rp-brand{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-2);display:flex}.rp-brand-text{flex-direction:column;min-width:0;display:flex}.rp-brand-name{color:#fff;font-size:var(--type-label);font-weight:var(--weight-semibold);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rp-brand-sub{color:var(--sidebar-muted);font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:var(--type-micro-ls);margin-top:1px}.rp-nav{min-height:0;padding:var(--space-2) var(--space-2);flex-wrap:wrap;flex:1;gap:2px;display:flex;overflow:hidden}.rp-section{width:100%;padding:var(--space-3) var(--space-2) var(--space-1);color:var(--sidebar-section);font-size:var(--type-micro);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;display:none}.rp-navitem{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);color:var(--sidebar-text);font:inherit;font-size:var(--type-caption);font-weight:var(--weight-medium);white-space:nowrap;text-align:left;transition:background-color var(--duration-instant) var(--ease-standard), color var(--duration-instant) var(--ease-standard);background:0 0;border:0;display:flex}.rp-tab{cursor:pointer}.rp-tab:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.rp-tab[aria-selected=true]{background:var(--sidebar-accent-bg);color:var(--sidebar-accent);font-weight:var(--weight-semibold)}.rp-tab:focus-visible{outline:2px solid var(--sidebar-accent);outline-offset:2px}.rp-inert{display:none}.rp-foot{gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--border-inverse);flex-direction:column;display:none}.rp-profile{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--sidebar-muted);display:flex}.rp-avatar-sm{border-radius:var(--radius-full);background:var(--sidebar-avatar-bg);width:2rem;height:2rem;color:var(--sidebar-avatar-text);font-size:var(--type-micro);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rp-profile-info{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.rp-profile-name{color:var(--sidebar-text-hover);font-size:var(--type-caption);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rp-profile-role{font-size:var(--type-micro)}.rp-main{border:1px solid var(--border-hairline);border-radius:var(--radius-xl);background:var(--surface-raised);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.rp-topbar{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;display:flex}.rp-chip{align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-3);border:1px solid var(--border-hairline);border-radius:var(--radius-full);background:var(--surface-canvas);color:var(--text-secondary);font-size:var(--type-micro);font-weight:var(--weight-semibold);--rp-icon:.75rem;display:inline-flex}.rp-screen{min-width:0;min-height:0;padding:var(--space-3);flex:1;overflow:auto;container-type:inline-size}.rp-screen:focus-visible{box-shadow:inset 0 0 0 2px var(--surface-raised), inset 0 0 0 4px var(--action)}@media (width>=48rem){.rp-app{grid-template-columns:11.75rem minmax(0,1fr);height:40rem}.rp-nav{flex-flow:column}.rp-section{display:block}.rp-inert,.rp-foot{display:flex}.rp-chatshell{height:100%}}.rp-chatshell{border-radius:var(--radius-lg);display:grid;overflow:hidden}.rp-chatlist{border-bottom:1px solid var(--border-divider);background:var(--surface-raised);flex-direction:column;min-width:0;display:flex}.rp-lhead{min-height:3rem;padding:var(--space-2) var(--space-3);background:var(--surface-canvas);border-bottom:1px solid var(--surface-sunken);justify-content:space-between;align-items:center;display:flex}.rp-avatar-action{background:var(--action);color:var(--text-on-action)}.rp-lsearch{padding:var(--space-2) var(--space-3);background:var(--surface-canvas)}.rp-lsearch .rp-searchbox{display:flex}.rp-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.rp-row-on{background:var(--surface-sunken)}.rp-row-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rp-row-top,.rp-row-bottom,.rp-row-meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rp-row-name{font-size:var(--type-caption);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rp-row-time{color:var(--text-secondary);font-size:var(--type-micro)}.rp-unread{color:var(--action);font-weight:var(--weight-semibold)}.rp-reply{border-radius:var(--radius-full);width:8px;height:8px}.rp-reply-answered{background:var(--ok-text)}.rp-reply-waiting{background:var(--warn-text)}.rp-reply-overdue{background:var(--bad-text)}.rp-row-preview,.rp-agent{align-items:center;gap:var(--space-1);min-width:0;color:var(--text-secondary);font-size:var(--type-micro);white-space:nowrap;--rp-icon:.6875rem;display:inline-flex;overflow:hidden}.rp-agent{padding:1px var(--space-2);border-radius:var(--radius-xs);background:var(--neutral-bg);color:var(--neutral-text);font-weight:var(--weight-medium)}.rp-chatmain{flex-direction:column;min-width:0;display:flex}.rp-chead{align-items:center;gap:var(--space-2);min-height:3rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-divider-subtle);background:var(--surface-canvas);display:flex}.rp-chead-copy{flex-direction:column;flex:1;min-width:0;display:flex}.rp-chead-status{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--type-micro);display:flex}.rp-chead-actions{display:none}.rp-messages{padding:var(--space-3) var(--space-4);background:var(--surface-canvas);flex-direction:column;flex:1;gap:3px;display:flex}.rp-datechip{margin-bottom:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-raise);color:var(--text-secondary);font-size:var(--type-micro);font-weight:var(--weight-medium);text-transform:uppercase;align-self:center}.rp-brow{max-width:78%;padding:1px 0;display:flex}.rp-brow-agent{align-self:flex-end}.rp-bubble{border-radius:var(--radius-sm);min-width:5rem;box-shadow:var(--shadow-raise);padding:6px 8px 4px;position:relative}.rp-bubble p{text-wrap:pretty;font-size:var(--type-caption);line-height:1.45}.rp-bubble-customer{background:var(--bubble-customer);border-top-left-radius:0}.rp-bubble-agent{background:var(--bubble-agent);border-top-right-radius:0}.rp-tail{width:8px;height:13px;position:absolute;top:0}.rp-tail-customer{background:var(--bubble-customer);clip-path:polygon(100% 0,0 0,100% 100%);left:-8px}.rp-tail-agent{background:var(--bubble-agent);clip-path:polygon(0 0,0 100%,100% 0);right:-8px}.rp-bmeta{color:var(--text-secondary);font-size:var(--type-micro);justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;display:flex}.rp-read{color:var(--channel-whatsapp-read);--rp-icon:.75rem}.rp-inputbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-subtle);background:var(--chat-input-bg);display:flex}.rp-composer{min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-tertiary);font-size:var(--type-caption);flex:1}.rp-send{border-radius:var(--radius-full);background:var(--action);width:2rem;height:2rem;color:var(--text-on-action);--rp-icon:1rem;justify-content:center;align-items:center;display:inline-flex}@container (width>=30rem){.rp-chead-actions{display:flex}.rp-chatshell{grid-template-columns:13.5rem minmax(0,1fr)}.rp-chatlist{border-right:1px solid var(--border-divider);border-bottom:0}}