:root{--green: #06c755;--green-dark: #05a94a;--ink: #23272b;--muted: #8b9298;--line: #e3e6e8;--bg: #f4f5f7;--panel: #ffffff;--thread-bg: #eef0f2;--input-bg: #fafbfc;--conv-hover: #eef6f1;--conv-border: #f0f1f2;--bubble-out: #d9f4e4;--bubble-out-ink: #23272b;--soft-surface: #fafbfc;--danger: #d64545;--amber: #c98a3d;font-family:IBM Plex Sans,Hiragino Sans,Microsoft JhengHei,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html.login-lock,html.login-lock body,html.login-lock #root{height:100%;max-height:100dvh;overflow:hidden}body{background:var(--bg)}.app{height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--panel);border-bottom:1px solid var(--line);padding:0 .85rem;height:56px;flex-shrink:0;position:relative;z-index:30}.topbar-left{display:flex;align-items:center;gap:.65rem;min-width:0;flex:0 1 auto}.topbar .brand-mark{width:36px;height:36px;border-radius:9px}.topbar-menu-btn{display:none;width:36px;height:36px;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;padding:0}.topbar-menu-btn span{display:block;width:16px;height:1.5px;background:var(--ink);border-radius:2px}.topbar-menu-btn.active{border-color:var(--green)}.topnav{display:flex;align-items:stretch;justify-content:center;flex:1;min-width:0;height:100%}.topnav ul{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;gap:.1rem}.topnav .nav-item{width:auto;height:100%;border-left:0;border-bottom:2px solid transparent;padding:0 .8rem;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--muted);background:transparent}.topnav .nav-item svg{color:currentColor}.topnav .nav-item:hover{color:var(--ink);background:transparent}.topnav .nav-item.active{color:var(--ink);border-left-color:transparent;border-bottom-color:var(--green);background:transparent}.topbar .nav-storage{width:92px}.topbar .nav-storage-pop{left:auto;right:0;bottom:auto;top:calc(100% + 8px);width:240px}.line-badge{background:var(--green);color:#fff;font-weight:700;letter-spacing:.02em;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.brand-mark{display:block;width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 1px 2px #00000014}.topbar-titles{display:flex;flex-direction:column;min-width:0;max-width:280px;line-height:1.2}.topbar-product{color:var(--muted);font-size:.75rem;white-space:normal}.account-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.topbar-right{display:flex;align-items:center;gap:.75rem}.ws-pill{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:999px;padding:.3rem .7rem;font-size:.8rem;color:var(--muted);background:var(--panel)}.ws-pill .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--muted)}.ws-live .dot{background:var(--green)}.ws-offline .dot{background:var(--danger)}.ws-connecting .dot{background:var(--amber)}.line-status-menu{position:relative}.line-status-pill{cursor:pointer;font:inherit}.line-status-good{color:var(--ink)}.line-status-good .dot{background:var(--green)}.line-status-fair .dot{background:var(--amber)}.line-status-poor .dot,.line-status-offline .dot{background:var(--danger)}.line-status-dropdown{position:absolute;right:0;top:calc(100% + .45rem);width:min(22rem,calc(100vw - 1.5rem));background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #0000001f;padding:.85rem;z-index:40;display:flex;flex-direction:column;gap:.65rem}.line-status-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.line-status-desk{font-size:.75rem;color:var(--muted)}.line-status-summary{display:flex;flex-direction:column;gap:.35rem}.line-status-score{font-weight:700}.line-status-summary p,.line-status-summary small{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.line-status-checks{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem}.line-status-checks li{display:grid;grid-template-columns:1.1rem 1fr;gap:.4rem;font-size:.78rem}.line-status-checks li.ok>span{color:var(--green)}.line-status-checks li.bad>span{color:var(--danger)}.line-status-checks strong{display:block}.line-status-checks small{color:var(--muted);line-height:1.35}.line-status-actions{display:flex;flex-wrap:wrap;gap:.45rem}.line-test-report{margin-top:.35rem;padding-top:.75rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.4rem}.line-test-report p{margin:0;color:var(--muted);font-size:.82rem}.body{flex:1;display:flex;min-height:0}.sidenav{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);overflow:visible;display:flex;flex-direction:column}.sidenav-section{margin:.85rem .9rem .35rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sidenav-footnote{margin:0;font-size:.72rem;line-height:1.45;color:var(--muted)}.sidenav-footer{margin-top:auto;padding:.55rem .75rem .9rem;display:grid;gap:.55rem;position:relative;overflow:visible}.nav-storage{position:relative;width:100%}.nav-storage-trigger{width:100%;display:block;text-align:left;border:1px solid var(--line);border-radius:8px;padding:.45rem .5rem;background:var(--panel);color:inherit;font:inherit;cursor:pointer}.nav-storage-trigger:hover,.nav-storage.open .nav-storage-trigger,.nav-storage:focus-within .nav-storage-trigger{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.nav-storage.warn .nav-storage-trigger{border-color:color-mix(in srgb,#c47a12 45%,var(--line))}.nav-storage.full .nav-storage-trigger{border-color:color-mix(in srgb,#8c3030 45%,var(--line))}.nav-storage-pop{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:50;gap:.28rem;text-align:left;border:1px solid var(--line);border-radius:8px;padding:.65rem .7rem;background:var(--panel);box-shadow:0 8px 24px #141c2424}.nav-storage:hover .nav-storage-pop,.nav-storage:focus-within .nav-storage-pop,.nav-storage.open .nav-storage-pop{display:grid}.nav-storage-title{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.nav-storage-used,.nav-storage-pct,.nav-storage-empty{font-size:.75rem;line-height:1.35;margin:0}.nav-storage.warn .nav-storage-pct,.nav-storage.full .nav-storage-pct{font-weight:700}.nav-storage.full .nav-storage-pct{color:#8c3030}.nav-storage.warn .nav-storage-pct{color:#8a5a12}.nav-storage-legend{list-style:none;margin:.15rem 0 0;padding:0;font-size:.7rem;display:grid;gap:.12rem;color:var(--ink)}.nav-storage-legend .swatch{display:inline-block;width:.65rem;height:.65rem;border-radius:2px;margin-right:.35rem;vertical-align:-.05rem}.nav-storage-legend .swatch.inbound{background:#2f6fed}.nav-storage-legend .swatch.outbound{background:#06c755}.nav-storage-legend .swatch.knowledge{background:#c47a12}.nav-storage-legend .swatch.free{background:color-mix(in srgb,var(--ink) 16%,var(--line))}.nav-storage-settings{margin-top:.35rem;width:100%;border:0;background:transparent;color:var(--green, #06c755);font:inherit;font-size:.72rem;font-weight:600;text-align:left;cursor:pointer;padding:.15rem 0 0}.monitor-search input{width:100%;min-height:2.5rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--input-bg);color:var(--ink)}.ai-prompt-guide{margin:0 0 .45rem}.ai-prompt-actions{margin-top:.45rem}.sidenav ul{list-style:none;margin:0;padding:.25rem 0}.nav-item{width:100%;display:flex;align-items:center;gap:.7rem;background:transparent;border:0;border-left:3px solid transparent;padding:.7rem .9rem;cursor:pointer;color:var(--ink);text-align:left;font:inherit}.nav-item svg{color:var(--muted);flex-shrink:0}.nav-item:hover{background:color-mix(in srgb,var(--green) 8%,var(--panel))}.nav-item.active{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--panel))}html[data-background=dim] .nav-item:hover{background:color-mix(in srgb,var(--green) 16%,var(--panel))}html[data-background=dim] .state-bot_handling{background:#1f3d2c;color:#8ee0b0}html[data-background=dim] .state-human_handling{background:#3d3420;color:#e0c48a}html[data-background=dim] .pill.on,html[data-background=dim] .banner.ok{background:#1f3d2c;color:#8ee0b0}html[data-background=dim] .theme-swatch.active{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--swatch, var(--green))}html[data-background=dim] .composer input,html[data-background=dim] .suggest-form textarea,html[data-background=dim] .suggest-draft{color:var(--ink)}html[data-background=dim] .placeholder-bubble rect,html[data-background=dim] .placeholder-bubble path{fill:#4a5560}html[data-background=dim] .placeholder-bubble circle{fill:#2a3038}.nav-item.active svg{color:var(--green)}.nav-text{min-width:0}.nav-label{display:block;font-weight:600;font-size:.9rem}.nav-sub{display:block;color:var(--muted);font-size:.72rem}.content,.chat-view{flex:1;display:flex;min-width:0;min-height:0}.chat-list{width:var(--chat-list-width, 300px);flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}.chat-split{flex:0 0 7px;width:7px;align-self:stretch;cursor:col-resize;position:relative;z-index:3;touch-action:none;background:transparent;border:0;padding:0}.chat-split:after{content:"";position:absolute;top:12%;bottom:12%;left:2px;width:3px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,transparent)}.chat-split:hover:after,.chat-split:focus-visible:after,body.chat-resizing .chat-split:after{background:var(--green)}.chat-split:focus-visible{outline:none}body.chat-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.chat-resizing iframe,body.chat-resizing img{pointer-events:none}.chat-list-head{padding:.75rem .75rem .65rem;border-bottom:1px solid var(--line)}.chat-list-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.chat-list-title-row h2{margin:0;font-size:.92rem;font-weight:650}.chat-list-count{font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.search{width:100%;border:1px solid var(--line);border-radius:6px;padding:.5rem .7rem;font:inherit;background:var(--input-bg);color:var(--ink)}.search::placeholder{color:var(--muted)}.search:focus{outline:2px solid color-mix(in srgb,var(--green) 40%,transparent)}.chat-list ul{list-style:none;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.conv{width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;gap:.65rem;background:transparent;border:0;border-bottom:1px solid var(--conv-border);padding:.7rem .8rem;cursor:pointer;text-align:left;font:inherit;color:var(--ink);overflow:hidden}.conv:hover,.conv.active{background:var(--conv-hover)}.conv>.avatar{flex-shrink:0}.conv-main{flex:1;min-width:0;display:grid;gap:.15rem;overflow:hidden}.conv-top,.conv-bottom{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.conv .name{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem;overflow:hidden}.conv .name-primary{font-weight:600;font-size:.9rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-secondary,.line-name-subtle{margin:0;font-size:.72rem;font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-name-stack{display:flex;flex-direction:column;gap:.1rem;min-width:0}.conv .time{color:var(--muted);font-size:.72rem;flex-shrink:0}.conv .preview{flex:1;min-width:0;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state{flex-shrink:0;font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.state-bot_handling{background:#e6f7ee;color:var(--green-dark)}.state-human_handling{background:#fdf3e4;color:#a06a1d}.empty{color:var(--muted);padding:1.25rem;font-size:.9rem}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img{border-radius:50%;object-fit:cover;display:block}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;border-radius:50%;flex-shrink:0;font-size:.95rem}.avatar-button{border:0;padding:0;background:transparent;cursor:pointer;line-height:0}.avatar-button:hover{outline:2px solid color-mix(in srgb,var(--green) 55%,transparent);outline-offset:2px}.avatar-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.thread{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--thread-bg)}.thread-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--panel);border-bottom:1px solid var(--line);padding:.6rem 1rem;min-width:0;position:relative;z-index:3}.thread-actions{display:flex;align-items:center;gap:.35rem;flex:1 1 auto;flex-wrap:nowrap;justify-content:flex-end;min-width:0;overflow:visible}.thread-actions>.handling-switch,.thread-actions>.icon-btn{flex-shrink:0}.thread-tools{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex:1 1 auto;min-width:0}.thread-tools-measure{position:absolute;left:0;top:0;display:flex;flex-wrap:nowrap;gap:.35rem;visibility:hidden;pointer-events:none;z-index:-1}.thread-tool{display:inline-flex;align-items:center;gap:.28rem;flex-shrink:0;white-space:nowrap}.thread-tool-label{line-height:1}.thread-more{position:relative;flex-shrink:0}.thread-more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:10.5rem;padding:.3rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #141c241f}.thread-more-item{display:flex;align-items:center;gap:.5rem;width:100%;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;font-weight:600;text-align:left;padding:.5rem .6rem;border-radius:8px;cursor:pointer}.thread-more-item:hover,.thread-more-item.is-active{background:var(--conv-hover)}.thread-more-item.is-active{color:var(--green-dark)}.handling-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--soft-surface);gap:2px}.handling-switch.is-human{border-color:color-mix(in srgb,var(--green) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent)}.handling-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;padding:.35rem .85rem;border-radius:999px;cursor:pointer;white-space:nowrap}.handling-switch.is-compact button{padding:.35rem .55rem}.handling-switch button.active{background:var(--green);color:#fff}.thread-actions .suggest-toggle{padding:.32rem .6rem;font-size:.78rem}.ghost.active-toggle{background:var(--conv-hover);color:var(--ink);border-color:var(--green)}.thread-title{display:flex;align-items:center;gap:.6rem;flex:0 1 auto;min-width:7rem;max-width:38%}.thread-title>div{min-width:0}.thread-head h2{margin:0;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-head .line-name-subtle{margin-top:.12rem}.ghost.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;min-width:2.1rem}.mono{margin:.1rem 0 0;font-family:IBM Plex Mono,Consolas,monospace;font-size:.72rem;color:var(--muted);word-break:break-all}.thread-find-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;background:var(--panel);border-bottom:1px solid var(--line);padding:.45rem .75rem}.thread-find-input{flex:1;min-width:140px;border:1px solid var(--line);border-radius:6px;padding:.4rem .65rem;font:inherit;background:var(--input-bg);color:var(--ink)}.thread-find-input::placeholder{color:var(--muted)}.thread-find-count{font-size:.78rem;color:var(--muted);white-space:nowrap;min-width:4.5rem;text-align:center}.thread-find-bar .ghost{padding:.3rem .55rem;min-width:2rem}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.bubble.find-match{outline:1px solid color-mix(in srgb,var(--amber) 55%,transparent)}.bubble.find-active{outline:2px solid var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 25%,transparent)}.thread-find-mark{background:color-mix(in srgb,var(--amber) 45%,transparent);color:inherit;border-radius:2px;padding:0 .1em}.bubble{max-width:min(70%,460px);padding:.6rem .8rem;border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 1px 1px #0000000d}.bubble.in{align-self:flex-start;border-top-left-radius:4px}.bubble.out{align-self:flex-end;background:var(--bubble-out);color:var(--bubble-out-ink);border-top-right-radius:4px}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.92rem;color:inherit}.bubble.out time{color:color-mix(in srgb,var(--bubble-out-ink) 65%,transparent)}.bubble time{display:block;margin-top:.3rem;font-size:.68rem;color:var(--muted)}.sticker{display:block;max-width:160px;max-height:160px;object-fit:contain}.sticker-fallback{margin:0;color:var(--muted);font-size:.85rem}.chat-media-link{display:block;line-height:0}.chat-image{display:block;max-width:min(100%,280px);max-height:320px;border-radius:8px;object-fit:contain;background:#0000000a}.chat-video{display:block;max-width:min(100%,280px);max-height:320px;border-radius:8px;background:#111}.chat-audio{display:block;width:min(100%,260px);margin-top:.15rem}.chat-file,.chat-file p{margin:0}.chat-file-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.composer-tools{display:flex;align-items:center;gap:.5rem;background:var(--panel);border-top:1px solid var(--line);padding:.4rem .7rem 0}.suggest-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;font:inherit;font-size:.82rem;font-weight:600;padding:.35rem .7rem;cursor:pointer}.suggest-toggle-icon{width:20px;height:20px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:var(--toggle-icon);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:var(--toggle-icon);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha}.suggest-toggle-icon.is-search{--toggle-icon: url(/icons/ai-search.png)}.suggest-toggle-icon.is-suggestion{--toggle-icon: url(/icons/ai-suggestion.png)}.suggest-toggle-icon.is-knowledge{--toggle-icon: url(/icons/knowledge.png)}.suggest-toggle-icon.is-reply{--toggle-icon: url(/icons/reply-limit.png)}.suggest-toggle:hover,.suggest-toggle.active{border-color:var(--green);color:var(--green-dark);background:color-mix(in srgb,var(--green) 10%,transparent)}.suggest-panel{background:var(--panel);border-top:1px solid var(--line);padding:.55rem .75rem .7rem;display:grid;gap:.55rem;max-height:min(42vh,360px);overflow:auto}.suggest-panel.is-embedded{border-top:0;max-height:none;flex:1;min-height:0;overflow:auto}.suggest-panel.is-embedded .suggest-panel-head{padding-top:.75rem}.suggest-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.suggest-panel-head strong{font-size:.9rem}.suggest-help{margin:.2rem 0 0;font-size:.75rem;color:var(--muted);line-height:1.4}.suggest-close{flex-shrink:0}.suggest-form{display:grid;gap:.45rem}.suggest-context,.suggest-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.suggest-label{font-size:.75rem;color:var(--muted);margin-right:.15rem}.suggest-context-btns{display:flex;flex-wrap:wrap;gap:.35rem}.suggest-chip{border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,var(--panel));color:var(--ink);border-radius:999px;font:inherit;font-size:.75rem;padding:.22rem .6rem;cursor:pointer}.suggest-chip.active,.suggest-chip:hover{border-color:var(--green);color:var(--green-dark)}.suggest-form textarea{width:100%;resize:vertical;min-height:4.2rem;border:1px solid var(--line);border-radius:6px;padding:.5rem .65rem;font:inherit;background:color-mix(in srgb,var(--bg) 55%,var(--panel));color:var(--ink)}.suggest-actions,.suggest-result-actions{display:flex;flex-wrap:wrap;gap:.45rem}.suggest-result{display:grid;gap:.35rem;border-top:1px dashed var(--line);padding-top:.55rem}.suggest-meta{font-size:.72rem;color:var(--muted)}.suggest-draft-label{font-size:.78rem;font-weight:700}.suggest-draft{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:.88rem;line-height:1.45;background:color-mix(in srgb,var(--bg) 65%,var(--panel));border:1px solid var(--line);border-radius:6px;padding:.55rem .65rem}.suggest-tips{margin:0;padding-left:1.1rem;font-size:.8rem;color:var(--ink);line-height:1.45}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;background:var(--panel);border-top:1px solid var(--line);padding:.7rem;align-items:center}.composer-attach{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--bg) 55%,var(--panel));color:var(--ink);cursor:pointer}.composer-attach:hover:not(:disabled){background:color-mix(in srgb,var(--green) 12%,var(--panel));border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.composer-attach:disabled{opacity:.5;cursor:not-allowed}.composer input[type=text],.composer input:not([type]),.composer>input:not([type=file]){border:1px solid var(--line);border-radius:6px;padding:.65rem .8rem;font:inherit;background:color-mix(in srgb,var(--bg) 55%,var(--panel));color:var(--ink)}.composer button[type=submit],.primary{background:var(--green);color:#fff;border:0;border-radius:6px;font-weight:600;font:inherit;padding:.55rem 1.1rem;cursor:pointer}.composer button[type=submit]:hover,.primary:hover{background:var(--green-dark)}.composer button[type=submit]:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--muted)}.placeholder-logo{font-size:3rem;font-weight:800;letter-spacing:.05em;color:#c9cdd1;background:#dde0e3;padding:1rem 2rem;border-radius:18px;margin-bottom:.6rem}.placeholder-bubble{margin-bottom:.4rem;opacity:.9}.placeholder p{margin:0}.placeholder-sub{font-size:.82rem}.contacts-toolbar{margin-bottom:.75rem;max-width:360px}.page-view{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;background:var(--bg)}.page-head{display:flex;justify-content:space-between;align-items:start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.page-status-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;margin:-.35rem 0 1rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.status-toggle{display:inline-flex;align-items:center;gap:.65rem;font-size:.88rem;font-weight:700}.status-toggle input{width:42px;height:24px;accent-color:var(--green);cursor:pointer}.switch{width:40px;height:22px;border:0;border-radius:999px;background:var(--line);position:relative;cursor:pointer;padding:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.on{background:var(--green)}.switch.on:after{transform:translate(18px)}.page-head h2{margin:0;font-size:1.25rem}.page-sub{margin:.25rem 0 0;color:var(--muted);font-size:.85rem;max-width:60ch}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.ghost{background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;padding:.5rem .9rem;cursor:pointer}.ghost:hover{border-color:var(--green);color:var(--green-dark)}.ghost:disabled{opacity:.5;cursor:not-allowed}.ghost.danger:hover{border-color:var(--danger);color:var(--danger)}.banner{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));background:#fdeeee;color:#8c3030;padding:.65rem .9rem;border-radius:6px;margin-bottom:.75rem;font-size:.88rem}.banner.ok{border-color:color-mix(in srgb,var(--green) 40%,var(--line));background:#e9f8f0;color:#16663c}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--conv-border);vertical-align:middle;color:var(--ink)}th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--soft-surface)}tr.muted td{opacity:.55}.cell-contact{display:flex;align-items:center;gap:.55rem}.reply-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{border:0;border-radius:999px;font:inherit;font-size:.75rem;font-weight:600;padding:.25rem .7rem;cursor:pointer}.pill.on{background:#e6f7ee;color:var(--green-dark)}.pill.off{background:var(--soft-surface);color:var(--muted)}.settings-stack{display:grid;gap:1rem;width:100%;max-width:none}.settings-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:1.15rem;align-items:start;width:100%;max-width:none}.settings-page-inner{width:100%;max-width:none}.settings-page .page-head{align-items:center}.settings-page .settings-layout{max-width:none}.settings-page .page-status-bar{margin:0 0 1rem}.settings-cat-body .knowledge-settings-card{margin-top:0}.rules-match-guide p{margin:0;color:var(--ink);font-size:.92rem;line-height:1.65}.settings-cats{display:grid;gap:.2rem;position:sticky;top:.4rem}.settings-cat{display:grid;gap:.12rem;text-align:left;padding:.7rem .8rem;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.settings-cat:hover{background:var(--soft-surface)}.settings-cat.active{background:var(--conv-hover);box-shadow:inset 3px 0 0 var(--green)}.settings-cat strong{font-size:.9rem;font-weight:650}.settings-cat small{color:var(--muted);font-size:.74rem;line-height:1.35}.settings-cat-body{min-width:0;width:100%}.settings-cat-body .settings-form{max-width:none;width:100%}@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-cats{position:static;display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.2rem}.settings-cat{flex:0 0 auto;white-space:nowrap}.settings-cat small{display:none}.settings-form .row{flex-wrap:wrap}.settings-form .row>span:first-child{flex:1 1 100%;min-width:0}.settings-form .row>input:not([type=checkbox]),.settings-form .row>select,.settings-form .row>textarea,.settings-form .row>.password-field,.settings-form .row>.timezone-select,.settings-form .row>.brand-actions,.settings-form .row>.lang-switch,.settings-form .row>.theme-swatches{flex:1 1 100%;width:100%;margin-left:0}.settings-form .row>input[type=number]{flex:0 0 8rem;width:8rem;margin-left:0}}.settings-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.1rem;display:grid;gap:1rem;max-width:640px}.settings-form-wide{max-width:none;width:100%}.settings-form .row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-form .row>span:first-child{flex:0 1 18rem;min-width:min(100%,11rem)}.settings-form .row>input[type=checkbox]{flex:0 0 auto;margin-left:auto}.settings-form .row>input[type=number]{flex:0 0 8rem;width:8rem;margin-left:auto}.settings-form .row>input:not([type=checkbox]):not([type=number]),.settings-form .row>select,.settings-form .row>textarea,.settings-form .row>.password-field,.settings-form .row>.timezone-select{flex:1 1 14rem;min-width:0;max-width:none;width:auto}.settings-form .row>.brand-actions,.settings-form .row>.lang-switch,.settings-form .row>.theme-swatches,.settings-form .row>.staff-you-badge,.settings-form .row>.master-account-value{flex:0 1 auto;margin-left:auto}.settings-form .col{display:grid;gap:.4rem}.settings-form .col>textarea,.settings-form .col>input,.settings-form .col>select{width:100%;box-sizing:border-box}.settings-form strong{display:block;font-size:.92rem}.settings-form small{color:var(--muted);display:block;margin-top:.15rem}.settings-form select,.settings-form textarea,.settings-form input[type=text],.settings-form input[type=number],.settings-form input[type=password],.settings-form input[type=url],.line-connection input[type=password],.line-connection input[type=url],.setup-card input[type=password],.setup-card input[type=url],.setup-card input[type=text]{border:1px solid var(--line);border-radius:6px;padding:.5rem .65rem;font:inherit;background:var(--input-bg);color:var(--ink)}.line-connection{display:flex;flex-direction:column;gap:.85rem}.line-form{display:flex;flex-direction:column;gap:.75rem}.line-field{display:flex;flex-direction:column;gap:.35rem}.line-field span strong{display:block}.line-field span small{color:var(--muted);display:block;margin-top:.15rem;line-height:1.4}.line-actions{display:flex;gap:.5rem}.line-secrets-locked{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--input-bg)}.line-secret-status{display:flex;flex-direction:column;gap:.2rem;min-width:0}.line-secret-status small{color:var(--muted);line-height:1.4}.line-webhook{display:flex;flex-direction:column;gap:.35rem;padding-top:.35rem}.line-webhook>small{color:var(--muted);line-height:1.45}.line-webhook-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:stretch}.line-webhook-code{flex:1 1 16rem;min-width:0;padding:.55rem .65rem;border:1px solid var(--line);border-radius:6px;background:var(--input-bg);color:var(--ink);font-size:.78rem;word-break:break-all;line-height:1.4}.line-ready{margin:.15rem 0 0;color:var(--green);font-size:.82rem}.line-not-ready{margin:.15rem 0 0;color:var(--muted);font-size:.82rem}.settings-form input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--green)}.settings-form button{justify-self:start}.settings-section-title{display:flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;margin-top:.35rem;padding-top:.75rem;border-top:1px solid var(--line)}.settings-section-help{margin:-.35rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.45}.reply-settings{padding:.75rem .85rem;border-bottom:1px solid var(--line);display:grid;gap:.45rem}.reply-settings-title{font-weight:700;font-size:.88rem}.reply-status{margin:0;font-size:.72rem;color:var(--muted);line-height:1.4}.reply-check{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.reply-field{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.82rem}.reply-field input{width:4.5rem;border:1px solid var(--line);border-radius:6px;padding:.3rem .45rem;font:inherit}.reply-settings-solo{border-bottom:0;flex:1}.reply-settings-solo .primary{justify-self:start;margin-top:.35rem}.usage-view{overflow:auto}.usage-monitor{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:.75rem;margin-bottom:1rem}.usage-cost-card .settings-section-help{margin:0 0 .85rem}.cost-sliders{display:grid;gap:.9rem}.cost-slider{display:grid;gap:.35rem}.cost-slider span{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:var(--ink)}.cost-slider strong{font-variant-numeric:tabular-nums;color:var(--green-dark)}.cost-slider input[type=range]{width:100%;accent-color:var(--green)}.usage-gauge-card{display:grid;justify-items:center}.usage-gauge-wrap{position:relative;width:180px;height:100px;margin:.4rem 0 .2rem}.usage-gauge{width:180px;height:90px;border-radius:180px 180px 0 0;background:conic-gradient(from 180deg,var(--green) 0deg,var(--green) var(--gauge-deg, 0deg),var(--line) var(--gauge-deg, 0deg),var(--line) 180deg,transparent 180deg);mask:radial-gradient(circle at 50% 100%,transparent 58px,#000 59px)}.usage-gauge-value{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:grid;justify-items:center}.usage-gauge-value strong{font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.usage-gauge-value span{font-size:.68rem;color:var(--muted)}.usage-gauge-legend{display:flex;justify-content:space-between;width:100%;font-size:.75rem;color:var(--muted);margin:.35rem 0 .75rem}.usage-trend-title{margin:.2rem 0 .35rem;font-size:.82rem;justify-self:start}.usage-trend{width:100%;height:88px}.usage-trend-labels{display:flex;justify-content:space-between;width:100%;font-size:.68rem;color:var(--muted)}.usage-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.usage-kpi{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;display:grid;gap:.35rem}.usage-kpi-label{font-size:.78rem;color:var(--muted)}.usage-kpi-value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.usage-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:.75rem;margin-bottom:1rem}.usage-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem 1rem;margin-bottom:1rem}.usage-card h3{margin:0 0 .75rem;font-size:.92rem}.usage-bars{display:flex;align-items:flex-end;gap:.45rem;min-height:140px}.usage-bars-hourly{gap:.15rem}.usage-bar-col{flex:1;min-width:0;display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:.2rem;height:140px}.usage-bar-track{width:100%;max-width:28px;height:100%;background:var(--soft-surface);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden}.usage-bar-fill{width:100%;background:var(--green);min-height:0;border-radius:4px 4px 0 0}.usage-bar-label{font-size:.65rem;color:var(--muted)}.usage-bar-label.muted{opacity:.35}.usage-bar-count{font-size:.7rem;font-weight:600}.usage-id{font-size:.7rem;color:var(--muted)}@media(max-width:900px){.usage-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-charts,.usage-monitor{grid-template-columns:1fr}}.settings-form .language-row{align-items:flex-start;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.brand-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.auth-splash{min-height:100vh;background:var(--bg, #f4f6f8)}.login-shell{height:100%;max-height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);background:var(--bg, #f4f6f8)}.login-board{position:relative;overflow:hidden;color:#fff;background:linear-gradient(155deg,#075c38,#0b8f4a 42%,#06c755 78%,#b6ee62);padding:clamp(1.1rem,3.5vh,2.6rem) clamp(1.2rem,3vw,3rem);display:flex;align-items:center;min-height:0}.login-board-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-board-blob{position:absolute;border-radius:50%;filter:blur(2px)}.login-board-blob-a{width:420px;height:420px;right:-140px;top:-160px;background:#b6ee6247}.login-board-blob-b{width:280px;height:280px;left:-90px;bottom:-80px;background:#04462859}.login-board-blob-c{width:180px;height:180px;right:18%;bottom:12%;background:#ffffff1a}.login-board-inner{position:relative;z-index:1;max-width:460px;min-height:0}.login-board-icon{width:clamp(84px,16vh,140px);height:clamp(84px,16vh,140px);border-radius:28px;object-fit:cover;box-shadow:0 18px 40px #00140847;margin-bottom:clamp(.45rem,1.6vh,1.2rem)}.login-board-kicker{margin:0 0 .45rem;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.88}.login-board-title{margin:0 0 .5rem;font-size:clamp(1.45rem,2.6vw,2.2rem);font-weight:700;line-height:1.2}.login-board-lead{margin:0 0 clamp(.6rem,1.6vh,1.1rem);font-size:clamp(.88rem,1.6vh,1.02rem);line-height:1.45;color:#ffffffeb}.login-board-points{margin:0 0 clamp(.7rem,1.8vh,1.4rem);padding:0;list-style:none;display:grid;gap:.35rem;font-size:.9rem}.login-board-points li{display:flex;align-items:flex-start;gap:.5rem}.login-board-points li:before{content:"";width:.55rem;height:.55rem;margin-top:.4rem;border-radius:50%;background:#d7ff7a;box-shadow:0 0 0 4px #d7ff7a38;flex-shrink:0}.login-board-slot{background:#ffffff29;border:1px dashed rgb(255 255 255 / 42%);border-radius:16px;padding:.85rem 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:0}.login-board-slot-label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:.35rem}.login-board-slot p{margin:0;font-size:.9rem;line-height:1.5;color:#ffffffeb}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.75rem,2.4vh,1.75rem) 1.25rem;min-height:0;overflow:hidden}@media(max-height:760px){.login-board-points{display:none}}@media(max-height:700px){.login-help{display:none}}@media(max-height:640px){.login-board-slot,.login-board-lead,.login-sub{display:none}}@media(max-width:900px){.login-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.login-board{min-height:0;padding:.85rem 1.15rem}.login-board-inner{max-width:none;display:grid;grid-template-columns:auto 1fr;gap:0 .85rem;align-items:center}.login-board-icon{width:64px;height:64px;border-radius:16px;margin-bottom:0;grid-row:1 / span 3}.login-board-kicker{margin:0}.login-board-title{font-size:1.2rem;margin:0}.login-board-lead,.login-board-points,.login-board-slot{display:none}.login-panel{padding:.75rem 1rem 1rem}}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg, #f4f6f8)}.setup-wrap{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;background:var(--bg, #f4f6f8)}.setup-card{width:min(640px,100%);margin:1.5rem 0 2rem;background:var(--surface, #fff);border:1px solid var(--line, #dfe3e8);border-radius:12px;padding:1.6rem 1.5rem 1.5rem;display:grid;gap:.85rem;box-shadow:0 10px 30px #00000014}.setup-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.setup-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.setup-steps li{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--muted);min-width:0}.setup-steps li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-step-num{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.72rem;background:var(--soft-surface, #eef1f4);color:var(--muted)}.setup-steps li.active{color:var(--ink);font-weight:600}.setup-steps li.active .setup-step-num{background:var(--green);color:#fff}.setup-steps li.done .setup-step-num{background:#d9f4e4;color:var(--green-dark, #05a94a)}.setup-howto{margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.55;color:var(--ink)}.setup-howto li+li{margin-top:.25rem}.setup-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.setup-card a{color:var(--green-dark, #05a94a);font-size:.85rem;font-weight:600}@media(max-width:560px){.setup-steps{grid-template-columns:1fr 1fr}}.login-card{width:min(440px,100%);max-height:100%;background:var(--surface, #fff);border:1px solid var(--line, #dfe3e8);border-radius:16px;padding:clamp(1rem,2.4vh,1.75rem) 1.5rem clamp(.9rem,2vh,1.4rem);display:grid;gap:clamp(.4rem,1.1vh,.75rem);box-shadow:0 10px 30px #00000014}.login-help{width:min(440px,100%);margin:.55rem 0 0;text-align:center;font-size:.75rem;line-height:1.4;color:var(--muted);flex-shrink:0}.login-help a{color:inherit;font-weight:600}.login-brand{display:flex;align-items:center;gap:.5rem;min-width:0}.login-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem .75rem;flex-wrap:wrap}.login-lang{margin-left:auto}.login-lang .lang-btn{padding:.32rem .55rem;font-size:.78rem}.login-product{font-weight:700;font-size:1.02rem}.login-brand .brand-mark{width:56px;height:56px;border-radius:14px}.login-title{margin:0;font-size:clamp(1.2rem,2.4vh,1.4rem)}.login-sub,.login-hint{margin:0;font-size:.8rem;line-height:1.35;color:var(--muted, #667)}.login-form{display:grid;gap:clamp(.45rem,1.2vh,.75rem)}.login-field{display:grid;gap:.25rem;font-size:.88rem}.login-field>span{font-weight:600}.login-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.login-field-head>span:first-child{font-weight:600}.login-countdown{font-weight:500;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted, #667);white-space:nowrap}.login-countdown.warn,.login-countdown.expired{color:var(--danger, #8c3030);font-weight:600}.login-field input{width:100%;min-height:clamp(2.4rem,5.2vh,2.85rem);padding:.55rem .85rem;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink)}.password-field{position:relative;width:100%;min-width:0}.password-field input{width:100%;box-sizing:border-box;padding-right:2.6rem}.password-field-toggle{position:absolute;right:.28rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:0}.password-field-toggle:hover{color:var(--ink);background:var(--soft-surface, #eef1f4)}.login-form .primary{min-height:clamp(2.4rem,5.2vh,2.85rem);font-size:1rem}.login-captcha-row{display:flex;align-items:center;gap:.55rem}.captcha-img{height:clamp(48px,8vh,64px);border:1px solid var(--line, #dfe3e8);border-radius:6px;cursor:pointer;background:#fff}.captcha-loading{display:inline-flex;align-items:center;justify-content:center;width:168px;color:var(--muted, #667)}.topbar-signout{margin-left:.5rem;white-space:nowrap}.staff-panel{display:grid;gap:.7rem}.master-confirm-card{display:grid;gap:.45rem;max-width:28rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--soft-surface, #eef1f4)}.master-confirm-card.is-ready{border-color:color-mix(in srgb,var(--green) 50%,var(--line))}.master-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.master-confirm-card h3{margin:0;font-size:.95rem}.master-confirm-badge{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.18rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}.master-confirm-badge.is-ready{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green-dark)}.create-confirm{display:grid;gap:.4rem;padding:.85rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--green) 8%,var(--panel))}.create-confirm.is-missing{border-color:var(--danger, #c0392b);background:color-mix(in srgb,var(--danger, #c0392b) 8%,var(--panel))}.create-confirm strong{font-size:.92rem}.staff-form{display:grid;gap:.55rem;max-width:460px}.profile-modal .staff-form{max-width:none}.staff-add-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(6.5rem,.45fr) auto;gap:.55rem .75rem;align-items:end}.staff-add-actions{display:flex;align-items:end}.staff-actions-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.staff-actions-row .password-field{width:168px;flex:0 0 auto}.staff-reset-input{width:168px}.staff-quota-input{width:5.5rem}.storage-meter{display:grid;gap:.28rem;min-width:9.5rem}.storage-meter-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 16%,var(--line));overflow:hidden}.storage-meter-fill{height:100%;background:var(--accent, #06c755);border-radius:inherit}.storage-meter-fill.warn{background:#c47a12}.storage-meter-fill.full{background:#c0392b}.storage-meter-label{font-size:.78rem;color:var(--muted, #667)}.settings-storage{max-width:36rem;margin-bottom:.4rem}.field-error{color:#8c3030;font-size:.82rem;font-weight:600}.field-hint{color:var(--muted, #667);font-size:.78rem}input.input-invalid,.login-field input.input-invalid,.api-field input.input-invalid{border-color:var(--danger, #d64545);background:#fdf4f4;outline:2px solid color-mix(in srgb,var(--danger) 25%,transparent)}.otp-input{letter-spacing:.28em;font-size:1.2rem!important;font-variant-numeric:tabular-nums;text-align:center}.security-stack{gap:1rem}.security-card{border:1px solid var(--line, #dfe3e8);border-radius:10px;padding:1rem 1rem 1.05rem;background:var(--panel, #fff);display:grid;gap:.65rem;transition:opacity .15s ease,box-shadow .15s ease}.security-card.focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 35%,transparent);border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.security-card.dimmed{opacity:.42}.security-card .api-field input{min-height:2.6rem;padding:.65rem .8rem;font-size:1rem}.totp-step-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem .75rem;font-size:.8rem;color:var(--muted)}.totp-step-list li.active{color:var(--ink);font-weight:700}.totp-step-list li.done{color:var(--green-dark, #05a94a)}.storage-break{display:grid;gap:.4rem}.storage-break-bar{display:flex;height:10px}.storage-seg{height:100%;flex:0 0 auto;min-width:3px}.storage-seg.inbound{background:#2f6fed}.storage-seg.outbound{background:#06c755}.storage-seg.knowledge{background:#c47a12}.storage-seg.free{background:color-mix(in srgb,var(--ink) 16%,var(--line))}.storage-legend{list-style:none;margin:.15rem 0 0;padding:0;display:grid;gap:.22rem;font-size:.8rem;color:var(--ink)}.storage-legend .swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.4rem;vertical-align:-.05rem}.storage-legend .swatch.inbound{background:#2f6fed}.storage-legend .swatch.outbound{background:#06c755}.storage-legend .swatch.knowledge{background:#c47a12}.storage-legend .swatch.free{background:color-mix(in srgb,var(--ink) 16%,var(--line))}.storage-meter-label.warn,.storage-meter-label.full{font-weight:700}.storage-meter-label.full{color:#8c3030}.storage-meter-label.warn{color:#8a5a12}.staff-you-badge{margin-left:.4rem;font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;background:var(--soft-surface, #eef1f4);color:var(--muted, #667)}.totp-qr{width:180px;height:180px;border:1px solid var(--line, #dfe3e8);border-radius:8px;background:#fff}.staff-secret{word-break:break-all}@media(max-width:720px){.staff-add-form{grid-template-columns:1fr}}.master-account-value{font-weight:600;word-break:break-all}.master-intro h1{margin:0 0 .4rem;font-size:1.35rem}.master-intro p{margin:0;color:var(--muted, #667);max-width:52rem;line-height:1.5}.master-tabs{display:flex;flex-wrap:wrap;gap:.35rem}.master-tab{border:1px solid var(--line);background:var(--soft-surface, #eef1f4);color:var(--muted);border-radius:999px;padding:.4rem .9rem;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer}.master-tab.active{background:var(--green);border-color:var(--green);color:#fff}.monitor-panel{display:grid;gap:1rem}.monitor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.monitor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.monitor-stat{border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;background:var(--soft-surface, #fafbfc);display:grid;gap:.2rem}.monitor-stat-value{font-size:1.25rem;font-weight:700}.monitor-stat-label{font-size:.75rem;color:var(--muted)}.monitor-list{display:grid;gap:.65rem}.monitor-card{border:1px solid var(--line);border-radius:10px;background:var(--panel, #fff);overflow:hidden}.monitor-card-head{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(8rem,.7fr);gap:.75rem;align-items:center;padding:.8rem .9rem;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.monitor-card-who{display:grid;gap:.1rem;min-width:0}.monitor-card-email{font-size:.78rem;color:var(--muted)}.monitor-card-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.monitor-pill{font-size:.72rem;font-weight:700;padding:.12rem .45rem;border-radius:999px;background:var(--soft-surface, #eef1f4);color:var(--muted)}.monitor-pill.ok{background:#d9f4e4;color:var(--green-dark, #05a94a)}.monitor-mini-bar{display:grid;gap:.2rem;font-size:.75rem;color:var(--muted)}.monitor-card-peek{display:flex;flex-wrap:wrap;gap:.65rem 1rem;padding:0 .9rem .75rem;font-size:.78rem;color:var(--muted)}.monitor-card-body{padding:.85rem .9rem .95rem;display:grid;gap:.75rem;border-top:1px solid var(--line)}.monitor-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:0}.monitor-facts dt{font-size:.72rem;color:var(--muted)}.monitor-facts dd{margin:.1rem 0 0;font-size:.88rem}@media(max-width:800px){.monitor-stats{grid-template-columns:1fr 1fr}.monitor-card-head{grid-template-columns:1fr}}.timezone-select{min-width:0;max-width:none;width:100%;border:1px solid var(--line);border-radius:6px;padding:.45rem .6rem;font:inherit;background:color-mix(in srgb,var(--bg) 55%,var(--panel));color:var(--ink)}.usage-tz{margin-top:.25rem;font-size:.82rem}.lang-switch{display:inline-flex;flex-shrink:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--soft-surface)}.lang-btn{border:0;background:transparent;padding:.45rem .75rem;font:inherit;font-size:.85rem;color:var(--muted);cursor:pointer;white-space:nowrap}.lang-btn+.lang-btn{border-left:1px solid var(--line)}.lang-btn.active{background:var(--panel);color:var(--ink);font-weight:600}.theme-swatches{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.theme-swatch{width:1.75rem;height:1.75rem;border-radius:999px;border:2px solid transparent;background:var(--swatch, var(--green));cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.theme-swatch:hover{transform:scale(1.06)}.theme-swatch.active{border-color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--swatch, var(--green))}.theme-swatch-labels{display:flex;flex-wrap:wrap;gap:.35rem .75rem;justify-content:flex-end;margin:-.35rem 0 .25rem;font-size:.72rem;color:var(--muted)}.theme-swatch-labels .active{color:var(--ink);font-weight:600}.settings-form>.settings-section-title:first-child{border-top:0;padding-top:0;margin-top:0}.api-keys-panel{display:grid;gap:.85rem}.api-keys-panel .settings-section-help,.api-keys-panel .banner{margin:0}.api-field{display:grid;gap:.28rem;min-width:0}.api-field>span{font-size:.78rem;color:var(--muted)}.api-field input,.api-field select,.api-key-add input,.api-key-add select,.api-routing-form select,.api-routing-form input{width:100%;border:1px solid var(--line);border-radius:6px;padding:.5rem .65rem;font:inherit;background:var(--input-bg);color:var(--ink)}.password-field input,.api-field .password-field input,.login-field .password-field input,.line-field .password-field input,.setup-card .password-field input{padding-right:2.6rem}.api-key-add{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.65rem .75rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.api-field-wide,.api-key-add-actions{grid-column:1 / -1}.api-key-add-actions,.api-routing-actions{display:flex;justify-content:flex-start}.api-key-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.api-key-empty{padding:.7rem .8rem;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:.85rem;background:var(--soft-surface)}.api-key-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.api-key-item-meta{min-width:0;display:grid;gap:.15rem}.api-key-item-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.api-key-item strong{display:block;font-size:.92rem}.api-key-item .muted{display:block;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.api-key-url{opacity:.9}.api-key-scan-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.74rem;color:var(--muted)}.api-key-new-badge{display:inline-block;padding:.1rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green-dark);font-weight:600;font-size:.7rem}.api-routing-form{display:grid;gap:.7rem;margin-top:.25rem;padding-top:.85rem;border-top:1px solid var(--line)}.api-routing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.api-routing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.api-route-column{border:1px solid var(--line);border-radius:10px;background:var(--soft-surface);padding:.75rem;display:grid;gap:.55rem;align-content:start}.api-route-column-head{display:flex;justify-content:space-between;align-items:center;gap:.4rem}.api-route-column-head h4{margin:0;font-size:.88rem}.api-route-empty{margin:0;font-size:.78rem;color:var(--muted)}.api-route-rank{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.api-rank-item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.55rem;display:grid;gap:.4rem}.api-rank-top{display:flex;justify-content:space-between;align-items:center}.api-rank-num{width:22px;height:22px;border-radius:50%;background:var(--soft-surface);display:grid;place-items:center;font-size:.72rem;font-weight:800}.api-provider-badge{display:inline-block;width:fit-content;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green-dark);font-size:.68rem;font-weight:700}.api-section-title{margin:0;font-size:.95rem}.api-routing-head .settings-section-title{border-top:0;margin-top:0;padding-top:0}.api-routing-head .settings-section-help{margin-top:.25rem}.api-route-row{display:grid;gap:.55rem;padding:.8rem;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.api-route-name{font-weight:700;font-size:.88rem}.api-route-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem .75rem}.api-route-fields .api-field-wide{grid-column:1 / -1}.api-fallback-list{display:grid;gap:.65rem}.api-fallback-row{display:grid;gap:.45rem;padding:.65rem .7rem;border:1px dashed var(--line);border-radius:6px;background:var(--panel, transparent)}.api-fallback-label{font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.02em}.api-fallback-actions,.api-fallback-add{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.reply-ai-route{display:grid;gap:.45rem;margin-top:.35rem;padding-top:.55rem;border-top:1px dashed var(--line)}@media(max-width:900px){.api-key-add,.api-route-fields,.api-routing-grid{grid-template-columns:1fr}}.app.compact-nav .topnav .nav-text{display:none}.app.compact-nav .topnav .nav-item{padding:0 .7rem}.app.compact-nav .topbar .nav-storage{width:72px}.app.compact-nav .nav-storage-pop{left:auto;right:0;bottom:auto;top:calc(100% + 8px);width:240px}html[data-density=compact] .nav-item{padding-top:.5rem;padding-bottom:.5rem}html[data-density=compact] .page-view{padding:.85rem 1rem}html[data-density=compact] .settings-form .row{padding-top:.45rem;padding-bottom:.45rem}html[data-density=compact] .topbar{height:48px}html[data-density=compact] .brand-mark{width:36px;height:36px}.lang-btn:hover:not(.active){background:var(--conv-hover);color:var(--ink)}.rule-form{display:grid;grid-template-columns:1fr 1fr 90px;gap:.5rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.9rem;margin-bottom:1rem}.rule-form-title{grid-column:1 / -1;font-weight:600;font-size:.9rem}.rule-form input,.rule-form textarea{border:1px solid var(--line);border-radius:6px;padding:.5rem .65rem;font:inherit;background:var(--input-bg);color:var(--ink)}.rule-form textarea{grid-column:1 / -1;resize:vertical}.profile-modal .rule-form,.profile-modal .staff-add-form,.profile-modal .api-key-add{border:0;padding:0;margin:0;background:transparent;grid-template-columns:1fr}.row-actions{display:flex;gap:.35rem;flex-wrap:wrap}.knowledge-panel{width:var(--chat-side-width, 300px);flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.knowledge-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .85rem;border-bottom:1px solid var(--line)}.knowledge-head h3{margin:0;font-size:.95rem}.knowledge-sub{margin:.25rem 0 0;font-size:.75rem;color:var(--muted);word-break:break-word}.knowledge-help{margin:0;padding:.7rem .85rem;font-size:.78rem;color:var(--muted);line-height:1.45;border-bottom:1px solid var(--line)}.kb-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);padding:0 .5rem}.kb-tab{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;padding:.65rem .75rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.kb-tab.active{color:var(--green-dark);border-bottom-color:var(--green)}.knowledge-dropzone{width:100%;border:1.5px dashed color-mix(in srgb,var(--green) 45%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--green) 6%,var(--panel));padding:1rem .85rem;display:grid;gap:.25rem;justify-items:center;text-align:center;cursor:pointer;color:var(--ink);font:inherit}.knowledge-dropzone strong{font-size:.88rem;color:var(--green-dark)}.knowledge-dropzone span{font-size:.72rem;color:var(--muted)}.knowledge-dropzone.is-over,.knowledge-dropzone:hover:not(:disabled){background:color-mix(in srgb,var(--green) 12%,var(--panel))}.kb-table-wrap{overflow-x:auto}.kb-table{width:100%;border-collapse:collapse;font-size:.78rem}.kb-table th,.kb-table td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid var(--conv-border);vertical-align:top}.kb-table th{color:var(--muted);font-weight:700;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.kb-file-cell{display:grid;gap:.12rem;min-width:0}.kb-tags{display:flex;flex-wrap:wrap;gap:.25rem}.kb-tag{display:inline-block;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green-dark);font-size:.68rem;font-weight:700}.kb-tag.is-kind{background:var(--soft-surface);color:var(--ink)}.kb-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700}.kb-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.kb-status.is-ready{color:var(--green-dark)}.kb-status.is-ready:before{background:var(--green)}.kb-status.is-failed{color:var(--danger)}.kb-status.is-failed:before{background:var(--danger)}.kb-status.is-pending:before{background:var(--amber)}.kb-time{color:var(--muted);white-space:nowrap}.knowledge-body{overflow-y:auto;flex:1;min-height:0}.knowledge-section h4{margin:0;padding:.7rem .85rem .2rem;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.knowledge-section-help{margin:0;padding:.2rem .85rem .55rem;font-size:.75rem;color:var(--muted);line-height:1.4}.knowledge-section .knowledge-upload{border-bottom:0;padding-top:.35rem}.knowledge-section .knowledge-list{flex:none;overflow:visible}.knowledge-settings-card{margin-top:1.25rem;padding:1rem 1.1rem 1.15rem;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.knowledge-settings-card h3{margin:0 0 .35rem;font-size:1rem}.knowledge-settings-card .knowledge-section h4,.knowledge-settings-card .knowledge-section-help{display:none}.knowledge-settings-card .knowledge-upload{padding:.5rem 0 .65rem}.knowledge-settings-card .knowledge-list{border:1px solid var(--line);border-radius:8px}.knowledge-upload{padding:.75rem .85rem;display:grid;gap:.4rem;border-bottom:1px solid var(--line)}.knowledge-upload .primary{width:100%}.knowledge-hint{font-size:.72rem;color:var(--muted)}.knowledge-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.knowledge-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;border-bottom:1px solid var(--conv-border);color:var(--ink)}.knowledge-item-main{min-width:0;display:grid;gap:.15rem}.knowledge-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-meta{font-size:.72rem;color:var(--muted)}.knowledge-error{font-size:.72rem;color:#b42318;word-break:break-word}.icon-btn{min-width:1.75rem;padding:.15rem .4rem;font-size:1.1rem;line-height:1}@media(max-width:1080px){.topbar-menu-btn{display:inline-flex}.topnav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 10px 24px #141c2414;justify-content:stretch;padding:.35rem .5rem .5rem}.topnav.is-open{display:block}.topnav ul{flex-direction:column}.topnav .nav-item{width:100%;height:auto;justify-content:flex-start;padding:.7rem .85rem;border-bottom:0;border-left:3px solid transparent;border-radius:8px}.topnav .nav-item.active{border-bottom-color:transparent;border-left-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel))}.app.compact-nav .topnav .nav-text{display:inline}.sidenav{width:64px}.sidenav .nav-text,.sidenav-section,.sidenav-footnote{display:none}.chat-list{max-width:46vw}.knowledge-panel{max-width:48vw}.rule-form{grid-template-columns:1fr}}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#14181c73;display:flex;align-items:center;justify-content:center;padding:1rem}.profile-avatar-btn{width:72px;height:72px}.profile-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}.profile-close:hover{background:var(--soft-surface);color:var(--ink)}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0c0ed1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.photo-lightbox-close{position:absolute;top:.85rem;right:.85rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:6px;background:#ffffff1f;color:#fff;font-size:1.45rem;line-height:1;cursor:pointer;z-index:1}.photo-lightbox-close:hover{background:#ffffff38}.photo-lightbox-img{max-width:min(92vw,640px);max-height:min(88vh,640px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 16px 48px #00000059;background:var(--panel)}.profile-modal{width:min(440px,100%);max-height:min(88vh,720px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px #0000002e}.settings-modal-wide{width:min(640px,100%)}.settings-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.settings-summary-row:last-of-type{border-bottom:0}.settings-summary-row>div{display:grid;gap:.2rem;min-width:0}.settings-summary-row strong{font-size:.95rem}.settings-summary-row small{color:var(--muted);font-size:.8rem;line-height:1.35}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0 .75rem}.profile-modal-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.profile-modal-head h2{margin:0;font-size:1rem}.profile-loading{padding:1rem;color:var(--muted)}.profile-body{padding:1rem;display:grid;gap:.85rem}.profile-hero{display:flex;align-items:center;gap:.85rem}.profile-name{font-size:1.05rem;font-weight:700}.profile-id{margin-top:.2rem}.profile-note{margin:0;font-size:.78rem;color:var(--muted);line-height:1.4}.profile-names-form{display:grid;gap:.75rem;margin:0 0 1rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.profile-field{display:grid;gap:.35rem}.profile-field strong{display:block;font-size:.88rem}.profile-field small{display:block;color:var(--muted);font-size:.75rem;line-height:1.4;margin-top:.1rem}.profile-field input{border:1px solid var(--line);border-radius:6px;padding:.5rem .65rem;font:inherit;background:var(--input-bg);color:var(--ink)}.profile-names-form .primary{justify-self:start}.profile-fields{margin:0;display:grid;gap:.65rem}.profile-fields>div{display:grid;gap:.15rem;padding-bottom:.55rem;border-bottom:1px solid var(--conv-border)}.profile-fields dt{font-size:.72rem;color:var(--muted);text-transform:none}.profile-fields dd{margin:0;font-size:.9rem;word-break:break-word}.profile-fields dd.break{word-break:break-all}.profile-fields a{color:var(--green-dark)}.page-title-row{display:flex;align-items:center;gap:.4rem;min-width:0}.page-title-row h2,.page-title-row h3,.page-title-row h4,.page-title-row strong,.page-title-row .reply-settings-title,.page-title-row .settings-section-title{margin:0}.page-title-row .settings-section-title{border-top:0;padding-top:0;margin-top:0}.monitor-head .settings-section-title{border-top:0;margin-top:0;padding-top:0}.info-tip{position:relative;display:inline-flex;flex-shrink:0}.info-tip-btn{width:22px;height:22px;padding:0;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.info-tip-btn:hover,.info-tip.is-open .info-tip-btn{border-color:var(--green);color:var(--green-dark);background:color-mix(in srgb,var(--green) 10%,transparent)}.info-tip-icon{width:14px;height:14px;background-color:currentColor;-webkit-mask-image:url(/icons/information.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(/icons/information.png);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha}.info-tip-bubble{position:fixed;z-index:80;width:min(22rem,72vw);padding:.65rem .8rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #0000001f;font-size:.8rem;font-weight:400;line-height:1.45}.topbar-icon-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.topbar-mask-icon{width:20px;height:20px;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-mode:alpha}.topbar-mask-icon.is-report{-webkit-mask-image:url(/icons/report.png);mask-image:url(/icons/report.png)}.nav-badge{min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--danger, #c0392b);color:#fff;font-size:.68rem;font-weight:700;line-height:1.15rem;text-align:center}.report-form,.report-sent{display:grid;gap:.75rem}.report-cats{border:0;margin:0;padding:0;display:flex;gap:1rem}.report-cats legend{font-size:.78rem;font-weight:700;margin-bottom:.35rem}.report-cats label{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem}.report-filters{display:flex;flex-wrap:wrap;gap:.4rem}.reports-table td.nowrap{white-space:nowrap}.report-client{display:grid;gap:.15rem}.report-client .muted{font-size:.78rem;color:var(--muted);font-weight:400}.report-body{max-width:36rem;white-space:pre-wrap;word-break:break-word}.report-status{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700}.report-status.is-open{background:color-mix(in srgb,var(--amber, #d97706) 18%,transparent);color:#9a6700}.report-status.is-done{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green-dark)}