:root{--bg: #f3f6f9;--surface: #ffffff;--surface-2: #f7f9fb;--surface-3: #edf1f5;--border: #d6dee7;--border-strong: #b7c2cf;--text: #16212c;--muted: #566575;--brand: #175ca8;--brand-strong: #114a88;--brand-soft: #e8f1fb;--ok: #166534;--ok-bg: #e8f6ee;--warn: #8a4b00;--warn-bg: #fff4df;--danger: #a11d1d;--danger-bg: #fdecec;--info: #1d4f7f;--info-bg: #eaf2fa;--notes: #fff8d9;--notes-border: #dec56a;--shadow: 0 1px 2px rgba(20, 32, 46, .06), 0 2px 6px rgba(20, 32, 46, .08);--shadow-lg: 0 12px 32px rgba(20, 32, 46, .18);--radius: 10px;--radius-sm: 7px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--header-pad: 12px clamp(12px, 3vw, 24px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,dl,dd,dt,ul,ol{margin:0}h1{font-size:1.5rem;line-height:1.25}h2{font-size:1.12rem;line-height:1.3}h3{font-size:.98rem;line-height:1.35}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--brand-strong)}:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}::selection{background:#cfe1f7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 14px;background:var(--surface);border:2px solid var(--brand);border-radius:var(--radius-sm);color:var(--brand);text-decoration:none}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:.82rem}.strong{font-weight:650}.mono{font-family:var(--font-mono);font-size:.86em}.center{text-align:center}.block{display:block}.break-all{overflow-wrap:anywhere;word-break:break-word}.danger-text{color:var(--danger)}.row-gap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-gap{display:inline-flex;margin-left:6px;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-weight:600;font-size:.9rem;line-height:1.2;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{background:var(--brand);border-color:var(--brand);color:#fff}.button-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.button-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button-secondary:hover:not(:disabled){background:var(--surface-3)}.button-ghost{background:transparent;border-color:transparent;color:var(--brand)}.button-ghost:hover:not(:disabled){background:var(--brand-soft)}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:#861717;border-color:#861717}.button-small{min-height:30px;padding:0 9px;font-size:.8rem}.button-block{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1}.icon-button:hover{background:var(--surface-3);color:var(--text)}.icon-button-small{width:26px;height:26px;font-size:1.05rem}.link-button{padding:0;border:0;background:none;color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:2px}.link-button:disabled{opacity:.55;cursor:not-allowed}label{display:flex;flex-direction:column;gap:5px;min-width:0}label>span:first-child,.field-label{font-size:.82rem;font-weight:650;color:#35424f}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=url],select,textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.92rem}textarea{resize:vertical;min-height:68px}input:focus,select:focus,textarea:focus{border-color:var(--brand)}input::placeholder,textarea::placeholder{color:#7b8896}input:disabled,select:disabled,textarea:disabled{background:var(--surface-3);color:var(--muted);cursor:not-allowed}input[type=color]{width:46px;min-height:38px;padding:3px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface)}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0;margin-bottom:8px;font-size:.9rem;font-weight:700}.form-stack{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-field{flex-direction:row;align-items:center}.inline-create-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.inline-create-form label{flex:1 1 180px}.retention-fieldset{padding:12px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2)}.radio-fieldset{display:flex;flex-direction:column;gap:8px}.radio-card{flex-direction:row;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.radio-card-active{border-color:var(--brand);background:var(--brand-soft)}.radio-card input{margin-top:3px}.checkbox-line{flex-direction:row;align-items:center;gap:8px}.checkbox-line input{width:18px;height:18px}.notice{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);background:var(--surface);font-size:.9rem}.notice p{margin-top:3px}.notice-body{min-width:0}.notice-error{background:var(--danger-bg);border-color:#e8b4b4;border-left-color:var(--danger)}.notice-warn{background:var(--warn-bg);border-color:#e6c98f;border-left-color:var(--warn)}.notice-info{background:var(--info-bg);border-color:#b8d2ea;border-left-color:var(--info)}.notice-success{background:var(--ok-bg);border-color:#a9d8bb;border-left-color:var(--ok)}.notice-compact{padding:8px 10px;align-items:center;font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.72rem;font-weight:650;line-height:1.6;white-space:nowrap}.badge-ok{background:var(--ok-bg);border-color:#a9d8bb;color:var(--ok)}.badge-warn{background:var(--warn-bg);border-color:#e6c98f;color:var(--warn)}.badge-danger{background:var(--danger-bg);border-color:#e8b4b4;color:var(--danger)}.badge-info{background:var(--info-bg);border-color:#b8d2ea;color:var(--info)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#dbe7f3;color:#1c4b78;font-weight:750;font-size:.82rem;letter-spacing:.02em;border:1px solid #c4d6e7}.avatar-small{width:32px;height:32px;font-size:.74rem}.avatar-large{width:52px;height:52px;font-size:1rem}.label-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.72rem;line-height:1.6;max-width:100%}.label-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.copy-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}@keyframes ch-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{width:100%;height:14px;border-radius:6px;background:linear-gradient(90deg,#e9eef4 25%,#dde5ee,#e9eef4 75%);background-size:200% 100%;animation:ch-shimmer 1.4s linear infinite}.skeleton-row{height:42px;margin-bottom:8px}.loading-block{padding:16px}.loading-block p{margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:28px 18px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--surface-3);color:var(--muted);font-size:1.6rem}.empty-state p{max-width:46ch}.app-shell{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg)}.app-header{flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--border);z-index:20}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--header-pad)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark,.auth-logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.03em}.brand-text{display:flex;flex-direction:column;min-width:0}.brand-text strong{font-size:1.02rem}.brand-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:36ch}.header-user{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.connection-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:650;white-space:nowrap}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);border:1px solid rgba(0,0,0,.2)}.connection-connected{color:var(--ok);background:var(--ok-bg);border-color:#a9d8bb}.connection-connected .connection-dot{background:var(--ok)}.connection-reconnecting,.connection-connecting,.connection-resyncing{color:var(--warn);background:var(--warn-bg);border-color:#e6c98f}.connection-reconnecting .connection-dot,.connection-connecting .connection-dot,.connection-resyncing .connection-dot{background:var(--warn)}.connection-disconnected{color:var(--danger);background:var(--danger-bg);border-color:#e8b4b4}.connection-disconnected .connection-dot{background:var(--danger)}.user-badge{display:flex;flex-direction:column;line-height:1.3;min-width:0;max-width:260px}.user-badge .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{font-weight:650;font-size:.9rem}.app-nav{border-top:1px solid var(--border);padding:0 clamp(8px,2vw,18px)}.app-nav ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin}.nav-button{min-height:42px;padding:0 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:650;font-size:.88rem;white-space:nowrap}.nav-button:hover{color:var(--text);background:var(--surface-2)}.nav-button-active{color:var(--brand);border-bottom-color:var(--brand);background:var(--brand-soft)}.global-banner{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(12px,3vw,24px);background:var(--warn-bg);border-bottom:1px solid #e6c98f;color:var(--warn);font-size:.85rem}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px clamp(12px,3vw,24px);background:var(--surface);border-top:1px solid var(--border)}.page-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:20px clamp(12px,3vw,26px) 44px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.page-heading p{margin-top:4px;max-width:75ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.section-header p{margin-top:3px}.session-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100dvh;padding:24px;text-align:center}.session-loading .skeleton-row{width:min(320px,80vw)}.auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);min-height:100dvh;background:var(--surface)}.auth-brand{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,6vw,72px);background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.16),transparent 34%),linear-gradient(145deg,#103b66,#175ca8 55%,#1d6fbd);color:#f4f8fc}.auth-brand .auth-logo{background:#ffffff24;border:1px solid rgba(255,255,255,.45);width:54px;height:54px;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:750;color:#c8def4}.auth-brand h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;letter-spacing:-.02em}.auth-lead{max-width:52ch;font-size:1.02rem;color:#e1edf9}.auth-points{display:flex;flex-direction:column;gap:8px;max-width:52ch;padding-left:0}.auth-points li{position:relative;padding-left:22px;color:#dbe9f7;font-size:.92rem}.auth-points li:before{content:"✓";position:absolute;left:0;color:#9fe0b8;font-weight:800}.auth-footnote{margin-top:8px;max-width:52ch;font-size:.78rem;color:#b9d3ec}.auth-card{display:flex;flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:460px;margin:0 auto;padding:clamp(24px,5vw,48px)}.auth-card-heading p{margin-top:4px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.filters{display:flex;flex-direction:column;gap:8px}.search-field{position:relative}.search-field input{padding-right:34px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.2rem}.search-clear:hover{background:var(--surface-3)}.filter-group{display:flex;gap:5px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:600}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip-active{background:var(--brand);border-color:var(--brand);color:#fff}.chip-active:hover{color:#fff}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#00000014;font-size:.68rem;font-variant-numeric:tabular-nums}.chip-active .chip-count{background:#ffffff38}.filter-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-selects label>span{font-size:.72rem}.filter-selects select{min-height:32px;padding:4px 8px;font-size:.8rem}.filter-hint,.clear-filters{align-self:flex-start}.inbox{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(270px,318px) minmax(0,1fr) minmax(250px,300px);background:var(--surface)}.list-pane{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--border);background:var(--surface)}.list-pane-header{flex:0 0 auto;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:8px}.list-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-title-row h1{font-size:1.1rem}.list-note{margin-top:2px}.conversation-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.conversation-items{display:flex;flex-direction:column}.conversation-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #e9eef3;border-left:3px solid transparent;background:var(--surface);text-align:left}.conversation-item:hover{background:var(--surface-2)}.conversation-item-selected{background:var(--brand-soft);border-left-color:var(--brand)}.conversation-top{display:flex;align-items:center;gap:8px;min-width:0}.conversation-name-block{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.conversation-name{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-channel{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{flex:0 0 auto;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.conversation-preview{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:40px}.conversation-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:40px;min-width:0}.conversation-labels{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}.label-more{font-size:.68rem;color:var(--muted)}.conversation-right-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto}.assignee-name,.unassigned{font-size:.68rem;color:var(--muted);max-width:10ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unassigned{color:var(--warn)}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:750;font-variant-numeric:tabular-nums}.conversation-badges{display:flex;gap:4px;flex-wrap:wrap;padding-left:40px}.list-footer{padding:10px 12px 16px;border-top:1px solid var(--border)}.detail-pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}.detail-empty,.detail-loading{flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px}.detail-loading{align-items:flex-start;justify-content:stretch}.conversation-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.conversation-header-main{display:flex;align-items:flex-start;gap:6px;min-width:0}.conversation-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.conversation-title-row h2{font-size:1.05rem}.conversation-header p{margin-top:2px}.conversation-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.back-button{display:none}.conversation-banners{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:6px 14px 0;max-height:32vh;overflow-y:auto}.conversation-hint{padding-bottom:4px}.profile-toggle,.drawer-backdrop{display:none}.timeline-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--surface-2);overflow:hidden}.unknown-banner{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:var(--danger-bg);border-bottom:1px solid #e8b4b4;color:var(--danger);font-size:.82rem}.timeline-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px clamp(10px,2vw,22px) 18px;display:flex;flex-direction:column;gap:4px}.timeline-start{text-align:center;padding:4px 0 10px}.load-older{display:flex;justify-content:center;padding-bottom:8px}.day-divider{display:flex;align-items:center;gap:10px;margin:12px 0 10px;color:var(--muted);font-size:.72rem}.day-divider:before,.day-divider:after{content:"";flex:1 1 auto;height:1px;background:var(--border)}.day-divider span{flex:0 0 auto;padding:1px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.timeline-item{display:flex;width:100%}.message-row{margin-bottom:6px}.message-in{justify-content:flex-start}.message-out{justify-content:flex-end}.message-bubble{max-width:min(72%,640px);padding:7px 10px 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 1px 1px #14202e0a;min-width:0}.message-out .message-bubble{background:var(--brand-soft);border-color:#bcd4ec}.message-optimistic .message-bubble{border-style:dashed}.message-sender{display:flex;align-items:center;gap:6px;margin-bottom:2px;font-size:.72rem;font-weight:700;color:#3b4a58}.message-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:.91rem}.message-text a{overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:3px;color:var(--muted);font-size:.68rem;font-variant-numeric:tabular-nums}.send-status{font-weight:700}.send-status-ok{color:var(--ok)}.send-status-warn{color:var(--warn)}.send-status-danger{color:var(--danger)}.send-status-muted{color:var(--muted)}.message-status-note{margin-top:4px;padding-top:4px;border-top:1px dashed rgba(0,0,0,.12);font-size:.74rem;color:var(--danger)}.message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.attachment-tile{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffffa6;font-size:.8rem}.attachment-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--surface-3);color:var(--muted);font-size:1rem}.note-row{justify-content:stretch}.note-card{width:100%;padding:8px 11px;border:1px solid var(--notes-border);border-left:4px solid #c59b16;border-radius:var(--radius-sm);background:var(--notes)}.note-header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:2px}.note-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem}.timeline-event{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--muted);font-size:.74rem;text-align:center}.event-line{flex:1 1 auto;height:1px;background:var(--border)}.event-content{flex:0 1 auto;padding:1px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.new-messages-button{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:5;padding:7px 14px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:#fff;font-size:.82rem;font-weight:700;box-shadow:var(--shadow-lg);white-space:nowrap}.composer-area{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:8px 14px 12px;border-top:1px solid var(--border);background:var(--surface);overflow:visible}.composer,.composer-main{display:flex;flex-direction:column;gap:6px}.composer-input-wrap{position:relative}.composer textarea{min-height:64px;max-height:180px;padding-bottom:8px}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:4px}.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-count{font-variant-numeric:tabular-nums}.quick-replies{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:30;max-height:250px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}.quick-replies-empty{padding:10px}.quick-reply-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;width:100%;padding:8px 10px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left}.quick-reply-option:last-child{border-bottom:0}.quick-reply-active,.quick-reply-option:hover{background:var(--brand-soft)}.quick-reply-shortcut{grid-row:span 2;align-self:start;padding:1px 6px;border-radius:5px;background:var(--surface-3);color:var(--brand);font-family:var(--font-mono);font-size:.74rem;font-weight:700}.quick-reply-title{font-size:.83rem;font-weight:650}.quick-reply-body{grid-column:2;color:var(--muted);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);font-size:.82rem}.file-chip-name{max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.note-toggle-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}.note-composer{display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid var(--notes-border);border-radius:var(--radius-sm);background:var(--notes)}.note-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.profile-pane{min-height:0;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface-2)}.profile-empty{padding:20px 14px}.customer-panel{display:flex;flex-direction:column;gap:14px;padding:12px}.customer-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-panel-header .icon-button{display:none}.customer-identity{display:flex;align-items:center;gap:10px}.customer-identity h3{font-size:.98rem}.profile-fields{display:flex;flex-direction:column;gap:8px}.profile-fields>div{display:flex;flex-direction:column;gap:1px}.profile-fields dt{font-size:.72rem;color:var(--muted);font-weight:650}.profile-fields dd{font-size:.86rem;overflow-wrap:anywhere}.profile-fields.compact{gap:6px}.panel-section{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.panel-section h3{font-size:.86rem}.label-list{display:flex;flex-direction:column;gap:4px}.label-list li{display:flex;align-items:center;justify-content:space-between;gap:6px}.label-add{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.label-add select{flex:1 1 130px;min-height:32px;padding:4px 8px;font-size:.8rem}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#101a2680;overflow-y:auto}.modal{display:flex;flex-direction:column;width:min(100%,620px);max-height:min(90dvh,820px);border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.modal-small{width:min(100%,440px)}.modal-large{width:min(100%,860px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2)}.customers-page,.members-page,.channels-page,.settings-page,.audit-page{background:var(--bg)}.customers-layout{display:grid;grid-template-columns:minmax(250px,350px) minmax(0,1fr);gap:16px;align-items:stretch}.customers-list-pane,.customers-detail-pane{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px;overflow:visible}.customer-search{margin-bottom:10px}.customer-list{display:flex;flex-direction:column;gap:4px;max-height:62vh;overflow-y:auto}.customer-list-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left}.customer-list-item:hover{background:var(--surface-2)}.customer-list-item-selected{background:var(--brand-soft);border-color:#bcd4ec}.customer-list-main{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.customer-list-name{font-weight:650;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-list-main .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-list-meta{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}.customer-detail{display:flex;flex-direction:column;gap:12px}.customer-detail-header{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.customer-detail-header>div{flex:1 1 220px;min-width:0}.customer-detail-header h2{font-size:1.12rem}.customer-summary{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.detail-section{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.customer-conversation-list{display:flex;flex-direction:column;gap:6px}.customer-conversation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.invite-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:end}.member-list{display:flex;flex-direction:column;gap:8px}.member-row{display:grid;grid-template-columns:minmax(180px,1.2fr) auto minmax(260px,auto);align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.member-identity{display:flex;align-items:center;gap:9px;min-width:0}.member-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-badges{display:flex;gap:4px;flex-wrap:wrap}.member-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.member-controls select{min-height:30px;padding:3px 7px;font-size:.8rem}.member-meta{grid-column:1 / -1}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.channel-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.channel-card-head h3{font-size:.98rem}.channel-fields{display:flex;flex-direction:column;gap:6px}.channel-fields>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:8px;font-size:.8rem}.channel-fields dt{color:var(--muted)}.channel-fields dd{overflow-wrap:anywhere}.channel-actions{display:flex;gap:6px;flex-wrap:wrap}.label-admin-list,.quick-reply-admin-list{display:flex;flex-direction:column;gap:6px}.label-admin-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.label-admin-row .label-chip{min-width:100px;font-size:.82rem}.quick-reply-admin-row{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.quick-reply-admin-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-reply-body-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:end}.audit-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.audit-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 1px 1px #14202e08}.audit-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.audit-details{margin-top:4px}.audit-details summary{cursor:pointer;color:var(--brand);font-size:.82rem;font-weight:600}.audit-json-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:6px}.audit-json-grid h4{font-size:.76rem;color:var(--muted);margin-bottom:3px}.audit-json-grid pre{margin:0;max-height:220px;overflow:auto;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);font-size:.74rem;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1180px){.inbox{grid-template-columns:minmax(250px,290px) minmax(0,1fr) minmax(230px,270px)}.message-bubble{max-width:min(80%,620px)}.conversation-preview,.conversation-bottom,.conversation-badges{padding-left:0}}@media(max-width:1100px){.inbox{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.profile-pane{position:fixed;top:0;right:0;bottom:0;width:min(370px,92vw);z-index:70;transform:translate(102%);transition:transform .2s ease;box-shadow:var(--shadow-lg);border-left:1px solid var(--border);background:var(--surface)}.profile-pane-open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:65;border:0;background:#101a266b}.profile-toggle,.customer-panel-header .icon-button{display:inline-flex}.member-row{grid-template-columns:minmax(160px,1fr) auto}.member-controls{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:24px;gap:10px}.auth-brand h1{font-size:2.2rem}.auth-points,.auth-footnote{display:none}.auth-card{max-width:560px;padding:24px}.customers-layout{grid-template-columns:1fr}.customers-layout[data-selected=true] .customers-list-pane,.customers-layout[data-selected=false] .customers-detail-pane{display:none}.customers-detail-pane .back-button{display:inline-flex}.customer-list{max-height:none}.channel-fields>div{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:760px){body{font-size:14px}.app-footer{display:none}.header-top{align-items:flex-start}.header-user{gap:6px}.user-badge{max-width:160px}.user-badge .small{display:none}.app-nav ul{gap:0}.nav-button{min-height:40px;padding:0 10px;font-size:.82rem}.global-banner{align-items:flex-start;flex-direction:column;gap:6px}.inbox{grid-template-columns:1fr}.inbox[data-selected=true] .list-pane,.inbox[data-selected=false] .detail-pane{display:none}.back-button{display:inline-flex}.list-pane,.detail-pane{border-right:0}.conversation-header{padding:8px 10px}.conversation-banners{padding:6px 10px 0;max-height:28vh}.composer-area{padding:8px 10px 10px}.message-bubble{max-width:88%}.page-scroll{padding:14px 12px 36px}.page-heading h1,.list-title-row h1{font-size:1.25rem}.member-row{display:flex;flex-direction:column;align-items:stretch}.member-controls{justify-content:flex-start}.form-grid,.invite-form,.audit-filters{grid-template-columns:1fr}.channel-fields>div{grid-template-columns:1fr;gap:0}.channel-fields dt{font-size:.72rem}.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-height:92dvh;border-radius:14px 14px 0 0}.modal-small,.modal-medium,.modal-large{width:100%}}@media(max-width:520px){.header-top{flex-direction:column;align-items:stretch;gap:8px}.header-user{justify-content:space-between}.user-badge{max-width:45vw}.brand-text span{max-width:52vw}.filter-selects{grid-template-columns:1fr}.conversation-actions{gap:4px;width:100%}.conversation-actions .button{flex:1 1 auto}.conversation-header-main{width:100%}.conversation-title-row h2{font-size:1rem}.composer-toolbar{align-items:stretch}.composer-tools{justify-content:space-between;width:100%}.composer-toolbar>.button-primary{width:100%;min-height:40px}.timeline-scroll{padding:10px 8px 14px}.message-bubble{max-width:94%}.label-add{align-items:stretch}.label-add select,.label-add .button{width:100%}.inline-create-form{align-items:stretch}.inline-create-form .button{width:100%}.section-header{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.fatal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100dvh;padding:24px;text-align:center}.fatal-error p{max-width:52ch}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}