:root{--bg:#f1f5f9;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-text:#fff;--danger:#dc2626;--success:#15803d;--warn:#b45309;--topbar:#1e293b;--radius:10px;--tap:44px;--nav-width:220px;--bottom-nav:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--surface:#111a2e;--text:#e2e8f0;--muted:#94a3b8;--border:#1e293b;--primary:#3b82f6;--topbar:#020617}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;line-height:1.45}h1{margin:0 0 12px;font-size:1.4rem}h2{margin:0 0 8px;font-size:1.1rem}a{color:var(--primary)}code{font-family:ui-monospace,monospace}input,select,textarea,button{font:inherit;font-size:16px}input,select,textarea{width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input[type=checkbox],input[type=radio]{flex:none;width:20px;height:20px;min-height:0;margin:0}input[type=color]{padding:2px}button,.button{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:default}.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.danger{color:var(--danger);border-color:var(--danger)}.ghost{background:0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.form{flex-direction:column;gap:12px;display:flex}.form label{flex-direction:column;gap:4px;font-weight:500;display:flex}.form label.checkbox,label.checkbox{min-height:var(--tap);flex-direction:row;align-items:center;gap:8px;font-weight:400}fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:8px 12px}legend{padding:0 4px;font-weight:500}.row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.hint,.small{font-size:.85rem}.muted{color:var(--muted)}.muted-link{color:var(--muted);text-align:center;margin-top:12px;display:block}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.center{place-items:center;min-height:100dvh;display:grid}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-page{place-items:center;min-height:100dvh;padding:16px;display:grid}.auth-card{width:100%;max-width:400px}.auth-card .brand{text-align:center;margin-bottom:16px;font-size:1.2rem}.qr{background:#fff;border-radius:8px;align-self:center;width:220px;height:220px;padding:6px}.secret{word-break:break-all;-webkit-user-select:all;user-select:all}.shell{grid-template-columns:var(--nav-width) 1fr;grid-template-rows:56px 1fr;min-height:100dvh;display:grid}.topbar{padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--topbar);color:#fff;z-index:10;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar .brand{font-weight:600}.topbar-right{align-items:center;gap:8px;display:flex}.topbar .ghost{color:#fff;border-color:#475569}.topbar .bell-panel .ghost{color:inherit;border-color:var(--border)}.status-select{align-items:center;gap:6px;display:flex}.status-select select{color:#fff;background:#334155;border-color:#475569;width:auto}.dot{background:#94a3b8;border-radius:50%;width:10px;height:10px}.dot.online{background:#22c55e}.dot.break{background:#f59e0b}.nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 8px;display:flex}.nav-link{min-height:var(--tap);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.nav-link.active{background:var(--bg);color:var(--primary);font-weight:600}.nav-icon{text-align:center;width:20px}.content{width:100%;max-width:960px;padding:20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.page-head h1{margin:0}.search{margin-bottom:12px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.list-item.inactive{opacity:.6}.list-link{color:inherit;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.list-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.8rem}.badge.warn{color:var(--warn);border-color:var(--warn)}.swatch{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border:2px solid;border-radius:999px;padding:4px 12px}.props{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.props dt{color:var(--muted)}.props dd{word-break:break-word;margin:0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions p{width:100%;margin:0}.day-row{min-height:var(--tap);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-row label.checkbox{width:64px}.day-row input[type=time]{width:120px}.show-mobile{display:none}@media (width<=1199px){:root{--nav-width:180px}}@media (width<=767px){.shell{grid-template-rows:56px 1fr;grid-template-columns:1fr}.nav{z-index:10;border-right:0;border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav-link{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 6px;font-size:.75rem}.nav-icon{font-size:1.2rem}.content{padding:16px 12px calc(var(--bottom-nav) + 24px + env(safe-area-inset-bottom))}.hide-mobile{display:none}.show-mobile{width:100%;display:inline-flex}.topbar .brand{font-size:.95rem}.list-link{flex-direction:column}.list-meta{justify-content:flex-start}.props{grid-template-columns:1fr}.props dd{margin-bottom:8px}}.conn{color:var(--muted);font-size:.85rem}.conn.on{color:var(--success)}.warn-box{color:#92400e;background:#fef3c7;border-radius:8px;padding:8px 12px}.small-btn{min-height:36px;margin-bottom:8px}.filters{max-width:280px;margin-bottom:12px}.queue-item{border-left:4px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.queue-main{flex:1;min-width:200px}.queue-side{align-items:center;gap:12px;display:flex}.snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9rem;overflow:hidden}.badge.count{background:var(--danger);color:#fff;border-color:var(--danger)}button.list-link.plain{text-align:left;background:0 0;border:0;width:100%;min-height:auto}.key-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.center-text{text-align:center;margin-top:40px}.content:has(.dialogs){max-width:none;padding:0}.dialogs{grid-template-rows:minmax(0,1fr);grid-template-columns:300px 1fr;height:calc(100dvh - 56px);display:grid}.dialog-list{border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto}.dialog-list h1{font-size:1.1rem}.dialog-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.list-item.selected{border-color:var(--primary)}.dialog-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.dialog{flex-direction:column;height:100%;min-height:0;display:flex}.dialog-head{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;padding:8px 16px;display:flex}.dialog-title{flex-direction:column;flex:1;min-width:0;display:flex}.back-btn{display:none}.dialog-body{flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.messages:focus{outline:none}.messages .msg{flex-direction:column;max-width:75%;display:flex}.messages .msg.in{align-self:flex-start}.messages .msg.out{align-self:flex-end;align-items:flex-end}.messages .bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.messages .in .bubble{background:var(--surface);border:1px solid var(--border)}.messages .out .bubble{background:var(--primary);color:#fff}.messages .out .bubble a{color:#fff}.messages .meta{color:var(--muted);margin-top:2px;font-size:.75rem}.event{color:var(--muted);align-self:center;font-size:.8rem}.thumb-btn{background:0 0;border:0;border-radius:8px;min-height:0;padding:0;overflow:hidden}.thumb-btn img{max-width:240px;max-height:240px;display:block}.doc{color:inherit;align-items:center;gap:6px;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.client-card{flex:none;width:280px;margin:12px;overflow-y:auto}.composer{border-top:1px solid var(--border);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface)}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:vertical;min-height:var(--tap);flex:1;max-height:200px}.composer .icon{width:var(--tap);padding:0}.pending{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chip-file{border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:2px 6px;font-size:.85rem;display:inline-flex}.chip-file img{object-fit:cover;border-radius:4px;width:28px;height:28px}.chip-file button{border:0;min-height:0;padding:0 4px}.lightbox{z-index:50;background:#000000d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{max-width:100%;max-height:100%}@media (width<=767px){.dialogs{height:calc(100dvh - 56px - var(--bottom-nav) - env(safe-area-inset-bottom));grid-template-columns:1fr}.dialogs.has-open .dialog-list,.dialogs:not(.has-open) .dialog-pane{display:none}.back-btn{display:inline-flex}.client-card{z-index:5;border-radius:0;width:auto;max-height:60dvh;margin:0;position:fixed;inset:56px 0 auto}.messages .msg{max-width:88%}.queue-side{justify-content:space-between;width:100%}}.admin-menu{flex-direction:column;gap:4px}.admin-menu a{min-height:var(--tap);align-items:center;display:flex}@media (width<=767px){.nav .admin-link{display:none}}.badge.info{color:var(--primary);border-color:var(--primary)}.transfer-comment{color:var(--muted);margin-top:2px;font-size:.85rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.small-btn{min-height:36px;padding:4px 12px;font-size:.9rem}.info-bar{background:var(--bg);border-bottom:1px solid var(--border);color:var(--muted);margin:0;padding:6px 16px;font-size:.9rem}.note{color:#713f12;white-space:pre-wrap;word-break:break-word;background:#fef9c3;border:1px dashed #eab308;border-radius:8px;align-self:stretch;width:100%;max-width:640px;margin:0 auto;padding:8px 12px}.note-title{font-size:.8rem;font-weight:600}.composer.note-mode{background:#fefce8}.composer.note-mode textarea{border-color:#eab308}@media (prefers-color-scheme:dark){.note{color:#fde68a;background:#422006}.composer.note-mode{background:#1c1917}}.segmented{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:inline-flex}.segmented.small button{min-height:36px;padding:4px 12px;font-size:.9rem}.canned-picker{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:220px;margin:0 0 6px;padding:4px;list-style:none;overflow-y:auto}.canned-picker li{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;min-height:var(--tap);border-radius:6px;align-items:center;gap:6px;padding:8px 10px;display:flex;overflow:hidden}.canned-picker li.selected,.canned-picker li:hover{background:var(--bg)}.modal-backdrop{z-index:40;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px;max-height:calc(100dvh - 32px);margin:0;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal fieldset{border:0;margin:0;padding:0}.modal legend{margin-bottom:6px;font-weight:600}.choice-list{flex-direction:column;gap:4px;display:flex}.choice{min-height:var(--tap);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;display:flex}.choice input{flex:none;width:20px;height:20px;min-height:0}.choice .small{margin-left:auto}.chips label.chip{border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:4px 10px;display:inline-flex}.toasts{z-index:30;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:64px;right:16px}.toast{margin:0;box-shadow:0 8px 24px #00000026}.toast .comment{white-space:pre-wrap;margin:6px 0}.toast .row{gap:8px;display:flex}.toast .row input{flex:1}.history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mt{margin-top:16px}.dialogs.archive{grid-template-columns:380px 1fr}.archive .list-item{border-left:4px solid var(--border)}.archive-filters{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.archive-filters details{flex-direction:column;gap:8px;display:flex}.archive-filters details[open]>:not(summary){margin-top:8px}.archive-filters summary{cursor:pointer;min-height:var(--tap);color:var(--primary);align-items:center;display:flex}.template-item,.tag-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.template-main{flex:1;min-width:0}.template-body{color:var(--muted);white-space:pre-wrap;word-break:break-word;margin-top:4px}.tag-item strong{flex:1}.row-form{align-items:center;gap:8px;display:flex}.row-form input[type=color]{flex:none;width:56px}@media (width<=767px){.dialogs.archive{grid-template-columns:1fr}.dialog-head{flex-wrap:wrap}.dialog-actions{justify-content:flex-start;width:100%}.toasts{top:auto;bottom:calc(var(--bottom-nav) + 12px + env(safe-area-inset-bottom));right:16px}.modal-backdrop{place-items:end center;padding:0}.modal{border-radius:var(--radius) var(--radius) 0 0;max-width:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.form label.choice,.form .chips label.chip{flex-direction:row;align-items:center;font-weight:400}.mail-item{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.dialogs.tickets{grid-template-columns:380px 1fr}.ticket-item{border-left:4px solid var(--border)}.prio-border-critical{border-left-color:var(--danger)}.prio-border-high{border-left-color:var(--warn)}.prio-border-medium{border-left-color:var(--primary)}.ticket-item.overdue{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.badge.prio-critical,.badge.danger-badge{color:var(--danger);border-color:var(--danger)}.badge.prio-high{color:var(--warn);border-color:var(--warn)}.ticket-view{flex-direction:column;height:100%;min-height:0;display:flex}.ticket-body{flex:1;padding:12px 16px;overflow-y:auto}.pre{white-space:pre-wrap}.timeline{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.timeline .change{margin-right:8px;display:inline-block}.timeline .event-text{white-space:pre-wrap;margin-top:2px}.timeline .ev-comment{background:var(--bg);border-radius:8px;padding:6px 10px}.comment-form{align-items:flex-end;gap:8px;display:flex}.comment-form textarea{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ticket-chips{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:6px;padding:6px 16px;display:flex}.ticket-chips a{text-decoration:none}.bell{position:relative}.bell-btn{color:#fff;border-color:#0000;padding:8px 10px;position:relative}.bell-btn .badge.count{padding:0 5px;font-size:.7rem;position:absolute;top:2px;right:0}.bell-panel{z-index:35;width:min(360px,100vw - 32px);max-height:70dvh;color:var(--text);margin:0;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.bell-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bell-list button.plain{text-align:left;width:100%;min-height:var(--tap);background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.bell-list button.plain:hover{background:var(--bg)}.bell-list button.unread{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}@media (width<=767px){.dialogs.tickets,.grid-2{grid-template-columns:1fr}.bell-panel{width:auto;position:fixed;top:64px;left:16px;right:16px}}.archive-filters label.checkbox{min-height:var(--tap);align-items:center;gap:8px;display:flex}.incident-bar{border-radius:var(--radius);color:#7f1d1d;background:#fee2e2;border:1px solid #fca5a5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 12px;padding:8px 16px;font-weight:600;display:flex}.content:has(.dialogs) .incident-bar{border-radius:0;margin:0}.incident-bar a{color:inherit}@media (prefers-color-scheme:dark){.incident-bar{color:#fecaca;background:#450a0a;border-color:#7f1d1d}}.incident-active{border-color:var(--danger)}.broadcast-badge{color:var(--danger);border-color:var(--danger);padding:0 6px;font-size:.7rem}.group-head{padding:4px 2px;font-size:.85rem;font-weight:600;list-style:none}.incident-page h3{margin:8px 0;font-size:1rem}.queue-item.sla-warn{background:color-mix(in srgb, #f59e0b 12%, var(--surface))}.queue-item.sla-breach{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.monitor-card{border-top:4px solid var(--border);margin:0}.monitor-card.sla-warn{background:color-mix(in srgb, #f59e0b 12%, var(--surface))}.monitor-card.sla-breach{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.operator-row{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.operator-row .load{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;display:flex}.load-bar{background:var(--bg);border-radius:4px;width:100px;height:8px;display:inline-block;overflow:hidden}.load-bar span{background:var(--primary);height:100%;display:block}.table-wrap{overflow-x:auto}table.report{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%}table.report th,table.report td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:8px 10px}table.report th:first-child,table.report td:first-child{text-align:left}table.report tfoot td{font-weight:600}.details{word-break:break-all}.monitor-card dd{white-space:nowrap}.ai-panel{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary) 6%, var(--surface));padding:6px 12px}.ai-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-head .actions{margin:0}.ai-head .small-btn{margin-bottom:0}.ai-label{margin-right:auto;font-size:.9rem;font-weight:600}.ai-draft{margin-top:6px}.ai-text{white-space:pre-wrap;word-break:break-word;border:1px dashed var(--primary);background:var(--surface);border-radius:8px;min-height:2.5em;max-height:30dvh;padding:8px 10px;overflow-y:auto}.ai-caret{color:var(--primary);animation:1s steps(2,end) infinite ai-blink}@keyframes ai-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ai-caret{animation:none}}.ai-sources{flex-wrap:wrap;gap:4px 12px;margin-top:6px;display:flex}.ai-source a{word-break:break-word}.ai-draft .actions{margin-top:6px}.ai-draft p.small{margin:4px 0 0}p.warn{color:var(--warn);margin:0 0 6px}.kb-hit{padding:8px 12px}.kb-hit .text{white-space:pre-wrap;word-break:break-word;margin-top:4px;font-size:.9rem}.secret-box{word-break:break-all;font-family:ui-monospace,monospace}@media (width<=767px){.ai-panel .ai-text{max-height:16dvh}.ai-panel .ai-draft>p.muted{display:none}}.auth-or{text-align:center;margin:4px 0;font-size:.9rem}.google-btn{justify-content:center;align-items:center;gap:10px;text-decoration:none;display:flex}.google-g{color:#4285f4;font-family:Arial,sans-serif;font-weight:700}.toasts.offers{z-index:31}.toast.offer{border-left:4px solid var(--primary)}.offer-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.composer-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.composer-tools .segmented{margin-bottom:6px}.translate-btn{white-space:nowrap;margin-bottom:6px}.translate-note{margin:0 0 6px}.ai-hint{width:min(260px,45vw);min-height:36px;padding:4px 10px;font-size:.9rem}@media (width<=480px){.translate-label{display:none}}.link-btn{min-height:0;color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=767px){.ai-head .actions{flex-wrap:nowrap;order:3;width:100%}.ai-head .ai-hint{flex:1;width:auto;min-width:0}}.translate-tools{flex-wrap:wrap;gap:4px;display:flex}.note.translation{color:#0c4a6e;background:#e0f2fe;border-color:#38bdf8}@media (prefers-color-scheme:dark){.note.translation{color:#bae6fd;background:#082f49}}