:root,[data-theme=light]{--bg: #f5f5f8;--bg-elevated: #ffffff;--bg-soft: #fafafc;--bg-hover: #f0f0f5;--bg-active: #f1eafe;--border: #e7e7ee;--border-strong: #d4d4e0;--text: #17171f;--text-muted: #67677a;--text-faint: #9a9aae;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .1);--accent-hover: #6d28d9;--inbound: #f3f3f7;--outbound: #f3ecfe;--outbound-border: #e2d5fb;--success: #059669;--success-soft: #d1fae5;--danger: #ef4444;--danger-soft: #fee2e2;--warn: #b45309;--warn-soft: #fef3c7;--fb: #1877f2;--ig: #c13584;--widget: #0d9488;--avatar-bg: linear-gradient(145deg, #ede9fe, #ddd6fe);--avatar-fg: #6d28d9;--channel-web-bg: #ccfbf1;--channel-web-fg: #0f766e;--channel-messenger-bg: #ede9fe;--channel-messenger-fg: #6d28d9;--channel-ig-bg: #fce7f3;--channel-ig-fg: #9d174d;--unread-bg: #ef4444;--unread-fg: #ffffff;--info-bg: rgba(124, 58, 237, .1);--info-fg: #6d28d9;--info-border: #ddd6fe;--danger-border: #fecaca;--brand-gradient: linear-gradient(145deg, #8b5cf6, #6d28d9);--brand-shadow: 0 4px 12px rgba(124, 58, 237, .3);--auth-glow: rgba(124, 58, 237, .12);--radius: 10px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 8px 24px rgba(16, 24, 40, .08);--rail-width: 64px;--inbox-width: 320px;--details-width: 280px;color-scheme:light;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;font-size:15px}[data-theme=dark]{--bg: #0e0e13;--bg-elevated: #17171f;--bg-soft: #1d1d27;--bg-hover: #25252f;--bg-active: #251a45;--border: #2a2a37;--border-strong: #3b3b4a;--text: #ececf2;--text-muted: #9c9caf;--text-faint: #6f6f82;--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--accent-hover: #c4b5fd;--inbound: #23232e;--outbound: #261c40;--outbound-border: #3a2f5e;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--fb: #60a5fa;--ig: #e879a9;--widget: #2dd4bf;--avatar-bg: linear-gradient(145deg, #2e2354, #1d1d27);--avatar-fg: #c4b5fd;--channel-web-bg: rgba(45, 212, 191, .14);--channel-web-fg: #5eead4;--channel-messenger-bg: rgba(167, 139, 250, .16);--channel-messenger-fg: #c4b5fd;--channel-ig-bg: rgba(232, 121, 169, .14);--channel-ig-fg: #f9a8d4;--unread-bg: #ef4444;--unread-fg: #ffffff;--info-bg: rgba(167, 139, 250, .14);--info-fg: #c4b5fd;--info-border: rgba(167, 139, 250, .3);--danger-border: rgba(248, 113, 113, .28);--brand-gradient: linear-gradient(145deg, #8b5cf6, #5b21b6);--brand-shadow: 0 4px 14px rgba(139, 92, 246, .35);--auth-glow: rgba(139, 92, 246, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}a{color:var(--accent)}.app-shell{display:grid;grid-template-columns:var(--rail-width) 1fr;height:100%;background:var(--bg);transition:grid-template-columns .2s ease}.app-shell.rail-expanded{grid-template-columns:200px 1fr}.nav-rail{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .4rem;background:var(--bg-elevated);border-right:1px solid var(--border);z-index:2}.nav-rail .brand-mark,.auth-brand .brand-mark{width:40px;height:40px;border-radius:12px;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:-.04em;flex-shrink:0;box-shadow:var(--brand-shadow)}.rail-toggle{cursor:pointer;border:none;transition:width .2s ease}.rail-expanded .rail-toggle{width:100%;border-radius:10px}.nav-rail-links{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;width:100%;margin-top:.5rem}.nav-rail-link{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.55rem .2rem;border:none;background:transparent;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.62rem;font-weight:600;letter-spacing:.01em;transition:background .12s ease,color .12s ease;overflow:hidden;white-space:nowrap}.rail-expanded .nav-rail-link{flex-direction:row;gap:.75rem;padding:.55rem .85rem;font-size:.85rem;justify-content:flex-start}.nav-rail-link svg{width:22px;height:22px;flex-shrink:0}.nav-rail-link span{display:none}.rail-expanded .nav-rail-link span{display:inline}.nav-rail-link:hover{background:var(--bg-hover);color:var(--text)}.nav-rail-link.active{background:var(--accent-soft);color:var(--accent)}.nav-rail-footer{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.rail-expanded .nav-rail-footer{align-items:stretch;padding:0 .5rem;gap:.25rem}.rail-expanded .nav-rail-footer .nav-rail-link{flex-direction:row;gap:.75rem;padding:.55rem .85rem;font-size:.85rem;justify-content:flex-start;width:100%}.rail-expanded .nav-rail-footer .nav-rail-link span{display:inline}.nav-user{width:32px;height:32px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--border);display:grid;place-items:center;font-size:.75rem;font-weight:700;color:var(--text-muted)}.nav-user-name{display:none}.rail-expanded .nav-user{display:flex;align-items:center;gap:.75rem;width:100%;height:auto;padding:.55rem .85rem;border:none;background:transparent;border-radius:var(--radius-sm);place-items:stretch}.rail-expanded .nav-user-badge{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--bg-soft);border:1px solid var(--border);display:grid;place-items:center;font-size:.62rem}.rail-expanded .nav-user-name{display:inline;font-size:.85rem;font-weight:600;letter-spacing:.01em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-main{min-width:0;min-height:0;height:100%;overflow:hidden}.auth-screen{min-height:100%;display:grid;place-items:center;padding:1.5rem;position:relative;background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--auth-glow),transparent),var(--bg)}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:var(--radius-sm);padding:.45rem .7rem;cursor:pointer;font-size:.8rem;font-weight:600}.theme-toggle svg{width:16px;height:16px}.theme-toggle:hover{color:var(--text);background:var(--bg-hover)}.theme-toggle.nav-rail-link{flex-direction:column;width:100%;border:none;background:transparent;padding:.55rem .2rem;font-size:.62rem;border-radius:var(--radius-sm)}.theme-toggle.nav-rail-link svg{width:22px;height:22px}.theme-toggle.nav-rail-link:hover{background:var(--bg-hover)}.auth-theme-toggle{position:absolute;top:1rem;right:1rem}.auth-card{width:min(420px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.85rem;animation:rise .28s ease}.auth-brand{text-align:center;margin-bottom:.35rem}.auth-brand .brand-mark{margin:0 auto .85rem}.auth-brand h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}.auth-brand p{margin:.35rem 0 0;color:var(--text-muted)}.auth-footer{margin:.25rem 0 0;text-align:center;color:var(--text-muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:.35rem}.field span{font-size:.85rem;color:var(--text-muted);font-weight:500}.field input,.inline-form input,.inline-form select,.composer input{width:100%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);padding:.7rem .9rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.inline-form input:focus,.inline-form select:focus,.composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-btn,.fb-btn,.ghost-btn{border:none;border-radius:var(--radius-sm);padding:.7rem 1.1rem;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.primary-btn{background:var(--accent);color:#fff}[data-theme=dark] .primary-btn{color:#0e0e13}.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.fb-btn{background:var(--fb);color:#fff}.ghost-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.4rem .8rem;font-size:.8rem}.ghost-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.primary-btn:disabled,.fb-btn:disabled,.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.page{display:flex;flex-direction:column;gap:1.15rem;height:100%;min-height:0;overflow:auto;padding:1.5rem 1.75rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header h1,.panel-block h2,.details-header h2{margin:0;font-size:1.35rem;letter-spacing:-.02em}.page-header p{margin:.3rem 0 0;color:var(--text-muted)}.panel-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;box-shadow:var(--shadow)}.panel-block h2{font-size:1rem;margin-bottom:.75rem}.muted{color:var(--text-muted);margin:0 0 .75rem}.error-banner,.info-banner{border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.9rem}.info-banner{background:var(--info-bg);color:var(--info-fg);border:1px solid var(--info-border)}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,150px));gap:.85rem}.stat-tile{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.3rem;aspect-ratio:1;box-shadow:var(--shadow);transition:transform .14s ease,border-color .14s ease}.stat-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.stat-tile-icon{width:34px;height:34px;border-radius:9px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-muted);display:grid;place-items:center;margin-bottom:.15rem}.stat-tile-icon svg{width:18px;height:18px}.stat-tile-label{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.3}.stat-tile strong{font-size:1.5rem;letter-spacing:-.03em}.stat-tile-accent .stat-tile-icon{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.simple-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.simple-list li:last-child{border-bottom:none;padding-bottom:0}.simple-list li:first-child{padding-top:0}.simple-list strong{display:block}.simple-list span{color:var(--text-muted);font-size:.85rem}.role-pill{font-style:normal;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.team-card{border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;background:var(--bg-soft);display:flex;flex-direction:column;gap:.75rem}.team-card-top{display:flex;justify-content:space-between;gap:.75rem}.team-card-top strong{margin-right:.5rem}.perm-grid{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding-top:.35rem;border-top:1px solid var(--border)}.perm-label{width:100%;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.perm-grid select,.team-card .field select{min-width:200px}.team-list-panel{padding:0;overflow:hidden}.team-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border)}.team-search{flex:1;min-width:220px}.team-count{color:var(--text-muted);font-size:.85rem;margin-left:auto}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{padding:.85rem 1.15rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--bg-soft)}.data-table tbody tr:hover{background:var(--bg-soft)}.data-table tbody tr:last-child td{border-bottom:none}.table-link{color:var(--text);font-weight:600;text-decoration:none}.table-link:hover{color:var(--accent)}.table-actions{text-align:right;white-space:nowrap}.table-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem!important}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem 1.15rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.back-link{display:inline-block;margin-bottom:.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500}.back-link:hover{color:var(--accent)}.team-detail-panel{max-width:560px}.team-detail-panel .inline-form{gap:1rem}.detail-perms{padding:.85rem 0 0;border-top:1px solid var(--border)}.form-actions{display:flex;justify-content:flex-end;gap:.65rem;padding-top:.35rem}a.primary-btn{display:inline-flex;align-items:center;text-decoration:none;color:#fff}[data-theme=dark] a.primary-btn{color:#0e0e13}a.ghost-btn{display:inline-flex;align-items:center;text-decoration:none}.inline-form{display:flex;flex-direction:column;gap:.75rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.page-picker{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.page-picker li{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft)}.toggle-row{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-muted);cursor:pointer}.code-block,.key-line{display:block;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;overflow:auto;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;margin:.5rem 0 .85rem;white-space:pre-wrap;word-break:break-all}.field-config-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.field-config-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;align-items:start}.channel-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow);text-align:left;aspect-ratio:1 / 1;overflow:hidden;position:relative}.channel-card>*{flex-shrink:0}.channel-card-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.75rem}.channel-card-footer{margin-top:auto;display:flex;justify-content:flex-end}.channel-card-title{display:flex;align-items:center;gap:.55rem}.channel-card-title>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.channel-card-title strong{font-size:.95rem}.channel-card-title .muted{font-size:.75rem;margin:0}.channel-card-add{display:flex;align-items:center;justify-content:center;min-height:120px;background:transparent;border:2px dashed var(--border-strong);color:var(--text-muted);cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.channel-card-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.channel-card-add:disabled{opacity:.6;cursor:not-allowed}.channel-card-add-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-soft);display:grid;place-items:center;margin-bottom:.35rem}.channel-card-add-icon svg{width:18px;height:18px}.channel-card-add strong{font-size:.85rem}.channel-card-add .muted{font-size:.75rem;margin:0;text-align:center;max-width:180px}.channel-card-add-form{gap:.5rem}.channel-card-add-form h3{margin:0;font-size:1rem}.channel-card-add-form input{padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text)}.pending-pages{margin-bottom:1rem}.channel-card-add-actions{display:flex;gap:.5rem;margin-top:auto}.channel-card .website-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.channel-card .website-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.channel-card-footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border)}.channel-card .website-name-input,.channel-card .website-domain-input{border:none;background:transparent;padding:0;color:var(--text);width:100%}.channel-card .website-name-input{font-size:1rem;font-weight:600}.channel-card .website-domain-input{font-size:.8rem;color:var(--text-muted)}.channel-card .website-name-input:focus,.channel-card .website-domain-input:focus{outline:none}.channel-card .website-section{display:flex;flex-direction:column;gap:.35rem}.channel-card .website-section h3{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint)}.channel-card .website-section .muted{margin:0;font-size:.8rem}.channel-card .website-section .code-block,.channel-card .website-section .key-line{margin:0;font-size:.7rem;padding:.6rem}.channel-card .field-config-list{gap:.5rem}.channel-card .field-config-list li{padding:.55rem}.channel-card .error-banner,.channel-card .info-banner{margin:0;font-size:.8rem;padding:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;width:fit-content;border:1px solid transparent}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.on{background:var(--success-soft);color:var(--success);border-color:#05966926}.status-pill.on:before{background:var(--success)}.status-pill.off{background:var(--bg-soft);color:var(--text-muted);border-color:var(--border)}.status-pill.off:before{background:var(--text-muted)}.danger-text-btn{background:transparent;border:none;color:var(--danger);font-size:.85rem;font-weight:600;cursor:pointer;padding:.25rem .35rem;border-radius:var(--radius-sm)}.danger-text-btn:hover:not(:disabled){background:var(--danger-soft)}.danger-text-btn:disabled{opacity:.5;cursor:not-allowed}.website-basic-meta{display:flex;flex-direction:column;gap:.5rem}.key-preview{font-size:.75rem;color:var(--text-muted);word-break:break-all}.channel-card.website-card{cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.channel-card.website-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.channel-card.website-card .channel-card-footer{justify-content:space-between}.danger-btn{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);padding:.7rem 1.1rem;font-weight:600;cursor:pointer}.danger-btn:hover:not(:disabled){filter:brightness(.95)}.danger-zone h2{color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:1rem}.modal-card{width:100%;max-width:380px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:0 20px 50px #00000059}.modal-card h2{margin:0 0 .5rem;font-size:1.05rem}.modal-card p{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.modal-card-wide{max-width:460px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-head h2{margin:0;font-size:1.1rem}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:.15rem .35rem;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--bg-hover);color:var(--text)}.modal-form{display:flex;flex-direction:column;gap:.9rem}.modal-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}.modal-form input{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .75rem;color:var(--text);font-size:.9rem}.modal-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.muted-inline{font-weight:400;opacity:.75}.site-title-row{display:flex;align-items:center;gap:.65rem;margin-top:.6rem}.site-title-row h1{margin:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-block .panel-head h2{margin-bottom:.15rem}.panel-block .panel-head .muted{margin:0}.panel-head-actions{display:flex;gap:.5rem;flex-shrink:0}.field-config-list li strong{text-transform:capitalize}.switch-row{display:flex;align-items:center;gap:.6rem;font-weight:500;color:var(--text-muted);cursor:pointer;flex-shrink:0;margin-top:.6rem}.switch{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .15s ease}.switch-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(16px)}.switch input:disabled+.switch-slider{opacity:.55;cursor:not-allowed}.chart-panel{display:flex;flex-direction:column;gap:.75rem}.chart-max{color:var(--text-muted);font-size:.8rem;font-weight:600;white-space:nowrap;padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px}.line-chart{width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--accent)}.chart-dot:hover{r:4}.chart-label{fill:var(--text-muted);font-size:10px}.stat-tile-accent strong{color:var(--accent)}.btn-muted{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem 1rem;font-weight:600;cursor:pointer}.btn-muted:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.back-link{margin-bottom:.5rem}.field-group{display:flex;flex-direction:column;gap:.75rem}.field-group label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}.field-group input{padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text);font-weight:400}.channels-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.channels-tabs button{background:transparent;border:none;border-bottom:2px solid transparent;padding:.65rem 1rem;color:var(--text-muted);font-weight:600;cursor:pointer;transition:color .12s ease,border-color .12s ease}.channels-tabs button:hover{color:var(--text)}.channels-tabs button.active{color:var(--accent);border-color:var(--accent)}.channel-section{display:flex;flex-direction:column;gap:1rem}.channel-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.channel-title{display:flex;align-items:center;gap:.75rem}.channel-title h2{margin:0;font-size:1.1rem}.channel-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.channel-icon svg{width:16px;height:16px}.channel-icon.messenger{background:var(--channel-messenger-bg);color:var(--channel-messenger-fg)}.channel-icon.whatsapp{background:#d1fae5;color:#065f46}.channel-icon.web{background:var(--channel-web-bg);color:var(--channel-web-fg)}.channel-subsection{display:flex;flex-direction:column;gap:.75rem}.channel-subsection h3{font-size:.95rem;margin:0}.website-add-form{display:flex;gap:.5rem;flex-wrap:wrap}.website-add-form input{flex:1;min-width:180px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text)}.website-card{display:flex;flex-direction:column;gap:.85rem}.website-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.website-name-input,.website-domain-input{border:none;background:transparent;padding:0;color:var(--text);font-weight:600;width:100%}.website-domain-input{font-weight:400;font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.website-name-input:focus,.website-domain-input:focus{outline:none}.website-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.website-section h3{margin:0 0 .25rem;font-size:.95rem}.messages-layout{display:grid;grid-template-columns:var(--inbox-width) minmax(0,1fr) var(--details-width);height:100%;background:var(--bg-elevated);border-left:1px solid transparent}.inbox-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg-elevated)}.inbox-rail-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.inbox-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.inbox-count-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.inbox-title-row h1{margin:0;font-size:1.15rem;letter-spacing:-.02em}.open-count{font-size:.8rem;color:var(--text-muted);font-weight:500}.unread-count{padding:.1rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600}.unread-count.zero{background:transparent;color:var(--text-muted);font-weight:500}.inbox-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .7rem;color:var(--text-faint)}.inbox-search svg{width:16px;height:16px;flex-shrink:0}.inbox-search input{border:none;background:transparent;outline:none;width:100%;color:var(--text);padding:0;font-size:.9rem}.channel-tabs{display:flex;gap:.25rem;overflow-x:auto;padding-bottom:.15rem}.channel-filter{position:relative;display:flex;align-items:center}.channel-filter svg{position:absolute;left:.65rem;width:14px;height:14px;color:var(--text-muted);pointer-events:none}.channel-filter select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.82rem;font-weight:600;padding:.45rem 1.9rem .45rem 2.15rem;cursor:pointer}.channel-filter select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.channel-filter:after{content:"";position:absolute;right:.75rem;top:50%;width:7px;height:7px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.channel-tab{border:none;background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:.35rem .55rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.channel-tab em{font-style:normal;font-size:.7rem;background:var(--bg-hover);color:var(--text-muted);padding:.05rem .35rem;border-radius:999px;min-width:1.1rem;text-align:center}.channel-tab:hover{background:var(--bg-hover);color:var(--text)}.channel-tab.active{background:var(--accent-soft);color:var(--accent)}.channel-tab.active em{background:#3b82f62e;color:var(--accent)}.conv-list{flex:1;min-height:0;overflow:auto}.conv-item{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border:none;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;color:inherit;transition:background .1s ease}.conv-item:hover{background:var(--bg-soft)}.conv-item.active{background:var(--bg-active);box-shadow:inset 3px 0 0 var(--accent)}.conv-avatar,.panel-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--avatar-bg);color:var(--avatar-fg);display:grid;place-items:center;font-size:.75rem;font-weight:700;flex-shrink:0}.conv-avatar img,.panel-avatar img{width:100%;height:100%;object-fit:cover}.conv-body{min-width:0}.conv-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.conv-top strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-top time{color:var(--text-faint);font-size:.75rem;flex-shrink:0}.conv-preview{color:var(--text-muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.15rem}.conv-meta{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;min-width:0}.channel-pill{display:inline-flex;align-items:center;gap:.28rem;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:var(--bg-hover);color:var(--text-muted)}.channel-pill .platform-icon{width:11px;height:11px;flex-shrink:0}.channel-pill.channel-whatsapp{background:var(--channel-wa-bg, rgba(37, 211, 102, .15));color:var(--channel-wa-fg, #25d366)}.channel-pill.channel-web{background:var(--channel-web-bg);color:var(--channel-web-fg)}.channel-pill.channel-messenger{background:var(--channel-messenger-bg);color:var(--channel-messenger-fg)}.channel-pill.channel-instagram{background:var(--channel-ig-bg);color:var(--channel-ig-fg)}.channel-pill.channel-closed{background:var(--danger-soft);color:var(--danger)}.status-pill{font-style:normal;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.15rem .45rem;border-radius:999px;vertical-align:middle}.status-pill.closed{background:var(--danger-soft);color:var(--danger)}.status-pill.open{background:var(--success-soft, rgba(16, 185, 129, .12));color:var(--success, #10b981)}.conv-page{font-size:.72rem;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--unread-bg);color:var(--unread-fg);font-size:.7rem;font-weight:700;display:grid;place-items:center;margin-top:.2rem}.main-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-soft);border-right:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);min-height:68px}.panel-identity{display:flex;align-items:center;gap:.75rem;min-width:0}.panel-identity h1{margin:0;font-size:1rem;letter-spacing:-.01em}.panel-identity p{margin:.15rem 0 0;color:var(--text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages{flex:1;min-height:0;overflow:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.65rem}.empty-state{margin:auto;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.35rem;padding:2rem 1rem;max-width:280px}.empty-state strong{color:var(--text);font-size:1rem}.empty-state.compact{margin:2rem auto;padding:1rem}.msg{max-width:min(72%,480px);padding:.7rem .9rem;border-radius:14px;display:flex;flex-direction:column;gap:.4rem;animation:rise .18s ease}.msg-sender{font-size:.72rem;font-weight:700;letter-spacing:.01em;color:var(--text-muted)}.msg.inbound .msg-sender{color:var(--text-faint)}.msg.outbound .msg-sender{color:var(--accent);text-align:right}.msg.inbound{align-self:flex-start;background:var(--inbound);color:var(--text);border-bottom-left-radius:4px}.msg.outbound{align-self:flex-end;background:var(--outbound);border:1px solid var(--outbound-border);color:var(--text);border-bottom-right-radius:4px;box-shadow:var(--shadow)}.msg.internal,.msg.internal.outbound{background:#8b5cf629;border:1px solid rgba(139,92,246,.45)}.msg.internal .msg-sender{color:#8b5cf6;font-weight:600}.internal-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#8b5cf6;border-radius:999px;padding:.1rem .5rem;margin-right:.35rem;vertical-align:middle}.mention-note{font-size:.68rem;font-weight:600;color:#8b5cf6;margin-left:.3rem}.internal-hint{font-size:.72rem;font-weight:600;color:#8b5cf6;margin-left:auto;margin-right:.5rem}.composer .composer-send-internal{margin-left:auto;background:transparent;color:#8b5cf6;border:1px solid rgba(139,92,246,.55)}.composer .composer-send-internal:hover:not(:disabled){background:#8b5cf61f}.composer .composer-send-internal:disabled{opacity:.45;cursor:not-allowed}.msg-text{white-space:pre-wrap;word-break:break-word;font-size:.92rem}.msg-fallback{color:var(--text-muted);font-style:italic;font-size:.9rem}.msg .meta{font-size:.7rem;color:var(--text-faint);align-self:flex-end}.msg-image-link{display:block;border-radius:8px;overflow:hidden}.msg-image{display:block;max-width:100%;max-height:280px;object-fit:cover}.image-preview-bar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--bg-elevated);border-top:1px solid var(--border)}.image-preview-bar img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.image-preview-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.image-preview-meta span{color:var(--text-muted);font-size:.8rem}.composer{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem;background:var(--bg-elevated);border-top:1px solid var(--border);position:relative}.mention-popup{position:absolute;bottom:calc(100% + 6px);left:1rem;z-index:45;min-width:220px;max-width:300px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem;box-shadow:0 14px 34px #00000059}.mention-popup-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.25rem .5rem .35rem}.mention-option{display:flex;align-items:center;gap:.55rem;width:100%;border:none;background:transparent;color:var(--text);font:inherit;padding:.4rem .5rem;border-radius:8px;cursor:pointer;text-align:left}.mention-option.active{background:var(--bg-hover)}.mention-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:600}.mention-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer input,.composer textarea{width:100%;border-radius:12px;background:var(--bg-soft);padding:.8rem 1rem}.composer textarea{display:block;resize:none;overflow-y:auto;font:inherit;line-height:1.45;min-height:2.75rem;max-height:340px;height:auto;box-sizing:border-box}.composer-toolbar{display:flex;align-items:center;gap:.5rem}.composer-icon-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.composer-icon-btn svg{width:20px;height:20px}.composer-icon-btn:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.composer-icon-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-wrap{position:relative}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;display:grid;grid-template-columns:repeat(8,1fr);gap:.15rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem;box-shadow:0 14px 34px #00000059}.emoji-option{border:none;background:transparent;font-size:1.15rem;line-height:1;padding:.25rem;border-radius:6px;cursor:pointer}.emoji-option:hover{background:var(--bg-hover)}mark{background:#fde047;color:#1f2937;border-radius:3px;padding:0 1px}.chat-search{display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem 0;position:relative}.chat-search svg{position:absolute;left:1.55rem;width:14px;height:14px;color:var(--text-muted);pointer-events:none}.chat-search input{width:100%;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.82rem;padding:.4rem .7rem .4rem 2.1rem;outline:none}.chat-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-search-count{position:absolute;right:1.4rem;font-size:.72rem;font-weight:600;color:var(--accent);white-space:nowrap}.quick-replies{display:flex;flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem 0}.stat-tile-link{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.stat-tile-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000040}.composer-closed-note{padding:.85rem 1rem;background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;text-align:center}.mentions-filter-chip{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;border:1px solid rgba(139,92,246,.55);background:#8b5cf61a;color:#8b5cf6;font:inherit;font-size:.78rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;cursor:pointer}.mentions-filter-chip:hover{background:#8b5cf633}.quick-reply-chip{border:1px solid rgba(139,92,246,.55);background:var(--bg-elevated);color:#8b5cf6;font:inherit;font-size:.85rem;font-weight:500;padding:.45rem 1rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.quick-reply-chip:hover:not(:disabled){background:#8b5cf61f}.quick-reply-chip:disabled{opacity:.5;cursor:not-allowed}.composer button[type=submit],.composer-send{border:none;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;border-radius:999px;padding:.55rem 1.15rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.composer-send svg{width:16px;height:16px}.composer button[type=submit]:hover:not(:disabled),.composer-send:hover:not(:disabled){background:var(--accent-hover)}.composer button[type=submit]:disabled,.composer-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.msg-file-link{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border-radius:8px;background:var(--bg-hover);color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:600}.msg.outbound .msg-file-link{background:var(--bg-soft)}.file-chip{width:48px;height:48px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--danger);flex-shrink:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.details-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;background:var(--bg-elevated)}.details-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border);min-height:68px;display:flex;align-items:center}.details-header h2{font-size:.95rem}.details-section{padding:1rem 1.15rem;border-bottom:1px solid var(--border);position:relative}.search-select{position:relative;width:100%}.search-select.disabled{opacity:.6;pointer-events:none}.search-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);padding:.65rem .8rem;cursor:pointer;text-align:left;font:inherit}.search-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-trigger svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.search-select.open .search-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-select-menu{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:260px;overflow:auto;display:flex;flex-direction:column;padding:.35rem}.search-select-input{width:100%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:6px;padding:.55rem .7rem;outline:none;margin-bottom:.35rem;font:inherit}.search-select-input:focus{border-color:var(--accent)}.search-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;border:none;background:transparent;color:var(--text);text-align:left;padding:.55rem .65rem;border-radius:6px;cursor:pointer;font:inherit}.search-select-option strong{font-weight:600;font-size:.9rem}.search-select-option span{font-size:.75rem;color:var(--text-faint)}.search-select-option:hover,.search-select-option.active{background:var(--bg-active)}.search-select-empty{padding:.75rem .65rem;color:var(--text-muted);font-size:.85rem}.details-section h3{margin:0 0 .75rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.detail-row{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;font-size:.85rem}.detail-row span{color:var(--text-muted);flex-shrink:0}.detail-row strong{font-weight:500;text-align:right;word-break:break-word}.notes-section{background:var(--warn-soft);border-bottom:none;flex:1}.assign-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem;max-height:12.95rem;overflow-y:auto;padding-right:.25rem}.assign-history li{display:flex;flex-direction:column;gap:.15rem;padding-left:.75rem;border-left:2px solid var(--border-strong)}.assign-history strong{font-size:.85rem;font-weight:600}.assign-history span{font-size:.75rem;color:var(--text-faint)}.notes-section h3{color:var(--warn)}.chat-head-actions{display:flex;align-items:center;gap:.6rem}.create-order-btn{padding:.42rem .85rem;font-size:.85rem;white-space:nowrap;opacity:.85;cursor:default}.star-btn{width:36px;height:36px;flex-shrink:0;border:none;background:transparent;color:var(--text-muted);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:color .15s ease,background .15s ease,transform .1s ease}.star-btn svg{width:20px;height:20px}.star-btn:hover:not(:disabled){color:var(--warn, #f59e0b);background:var(--bg-hover)}.star-btn:active:not(:disabled){transform:scale(.9)}.star-btn.starred{color:var(--warn, #f59e0b)}.star-btn.starred svg{filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}.star-btn:disabled{opacity:.5;cursor:not-allowed}.conv-star{width:13px;height:13px;margin-left:.3rem;color:var(--warn, #f59e0b);vertical-align:-1px}.order-section{padding-bottom:1.25rem}.order-title{display:flex;align-items:center;gap:.45rem}.order-title svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.order-card{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.order-stat{display:flex;flex-direction:column;gap:.25rem;min-width:0}.order-stat:nth-child(-n+2){border-bottom:1px solid var(--border);padding-bottom:.85rem}.order-stat-label{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-stat-value{font-size:1.5rem;font-weight:700;line-height:1.1}.order-stat-value.order-warn{color:var(--warn, #f59e0b)}.order-stat-value.order-danger{color:var(--danger, #ef4444)}.notes-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.notes-status{font-size:.7rem;font-weight:600;color:var(--success, #10b981);opacity:0;transition:opacity .2s ease}.notes-status.visible{opacity:1}.notes-head h3{margin:0}.notes-textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:var(--radius-sm);padding:.6rem .75rem;font:inherit;font-size:.82rem;line-height:1.5;resize:vertical;min-height:140px;transition:border-color .15s ease,box-shadow .15s ease}.notes-textarea::placeholder{color:var(--text-faint)}.notes-textarea:hover{border-color:var(--border-strong, var(--text-muted))}.notes-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 130, 246, .15));background:var(--bg-elevated)}.details-empty{margin:auto;padding:2rem 1.25rem;text-align:center;color:var(--text-muted);font-size:.9rem}.messages-layout:has(.details-panel.collapsed){grid-template-columns:var(--inbox-width) minmax(0,1fr) 52px}.details-panel.collapsed{overflow:hidden;align-items:center;padding:.6rem 0;border-left:1px solid var(--border)}.details-toggle{width:30px;height:30px;flex-shrink:0;border:none;background:transparent;color:var(--text-muted);border-radius:8px;display:grid;place-items:center;cursor:pointer}.details-toggle:hover{color:var(--text);background:var(--bg-hover)}.details-toggle svg{width:18px;height:18px}.details-header .details-toggle{margin-left:auto}.details-mini-avatar{width:30px;height:30px;margin-top:.4rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:600}.user-info-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}.user-info-avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.95rem;font-weight:600;object-fit:cover}.user-info-name{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0}.user-info-name strong{font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.4);color:#8b5cf6;font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:999px}.tag-remove{border:none;background:transparent;color:inherit;font-size:.65rem;cursor:pointer;padding:0;line-height:1;opacity:.7}.tag-remove:hover{opacity:1}.tag-input-wrap{position:relative}.tag-input{width:100%;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:var(--radius-sm);padding:.5rem .7rem;font:inherit;font-size:.82rem;box-sizing:border-box}.tag-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 12px 28px #0000004d;padding:.25rem;display:flex;flex-direction:column}.tag-suggestion{border:none;background:transparent;color:var(--text);font:inherit;font-size:.8rem;text-align:left;padding:.4rem .55rem;border-radius:6px;cursor:pointer}.tag-suggestion:hover{background:var(--bg-hover)}.tags-wrap{position:relative;display:inline-flex;align-items:center;gap:.3rem;min-width:0}.tags-popover{display:none;position:absolute;bottom:calc(100% + 6px);left:0;z-index:50;flex-direction:column;align-items:flex-start;gap:.3rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 14px 34px #00000059;padding:.45rem}.tags-wrap:hover .tags-popover{display:flex}.history-link{margin-top:.6rem;border:none;background:transparent;color:var(--accent);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;text-align:left}.history-link:hover{text-decoration:underline}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000073}.history-drawer{position:fixed;inset:0 0 0 auto;top:0;right:0;bottom:0;height:100vh;height:100dvh;z-index:91;width:min(340px,90vw);background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:-18px 0 40px #00000059;display:flex;flex-direction:column;padding:1rem 1.15rem;animation:drawer-in .2s ease;overscroll-behavior:contain}.history-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:none}}.history-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.history-drawer-head h3{font-size:.95rem}.history-drawer .assign-history li{display:flex;flex-direction:column;gap:.15rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.history-drawer .assign-history{max-height:none;overflow:visible}.tag-badge{position:relative;display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis;max-width:110px;font-size:.65rem;font-weight:600;padding:.12rem .45rem;border-radius:999px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.4);color:#8b5cf6;white-space:nowrap}.tag-badge.tag-more{background:var(--bg-hover);border-color:var(--border);color:var(--text-muted);overflow:visible;max-width:none;cursor:default}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1100px){.messages-layout{grid-template-columns:280px minmax(0,1fr)}.details-panel{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.nav-rail{position:fixed;bottom:0;left:0;right:0;height:auto;flex-direction:row;justify-content:space-around;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));border-right:none;border-top:1px solid var(--border);z-index:20}.nav-rail .brand-mark,.nav-rail-footer .nav-user{display:none}.nav-rail-links,.nav-rail-footer{flex-direction:row;margin:0;width:auto;flex:1;justify-content:space-around}.nav-rail-link span{display:none}.app-main{padding-bottom:64px}.messages-layout{grid-template-columns:1fr}.inbox-rail{display:none}.main-panel{border-right:none}.page{padding:1rem}.stat-grid{grid-template-columns:1fr 1fr}}