:root{--bg: #f5f6f8;--panel: #ffffff;--text: #1f2328;--muted: #6b7280;--border: #e3e5e8;--accent: #2563eb;--accent-soft: #e8efff;--danger: #c62828;--ok: #2e7d32;--note: #fff8e1;--note-border: #f3d98a;--out: #f2f7ff;--sidebar: #1e2533;--sidebar-text: #c9d1e0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;margin:0 0 4px}h2{font-size:17px;margin:0}h3{font-size:15px;margin:20px 0 8px}h4{font-size:13px;margin:12px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:#fff;max-width:100%}textarea{width:100%;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}button{border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){background:#f0f2f5}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1d4fd8}button.danger{color:var(--danger)}button.link{border:none;background:none;padding:0 4px;color:var(--accent)}button.link:hover{text-decoration:underline;background:none}.muted{color:var(--muted)}.small{font-size:12px}.danger{color:var(--danger)}.ok-text{color:var(--ok)}.nowrap{white-space:nowrap}.grow{flex:1}.center{text-align:center;padding:40px}.error{background:#fdecea;color:var(--danger);padding:8px 10px;border-radius:6px;margin:6px 0}.ok{background:#e8f5e9;color:var(--ok);padding:8px 10px;border-radius:6px;margin:6px 0}.hint{background:var(--accent-soft);padding:10px 12px;border-radius:6px;font-size:13px}.hint ol{margin:6px 0;padding-left:20px}.pill{display:inline-block;font-size:11px;background:#eef0f3;border-radius:10px;padding:1px 8px;margin-left:6px}.pill.danger{background:#fdecea}.layout{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-weight:600;color:#fff;padding:16px;font-size:16px}.sidebar nav{display:flex;flex-direction:column;flex:1}.sidebar nav a{color:var(--sidebar-text);padding:8px 16px}.sidebar nav a:hover{background:#ffffff0f;text-decoration:none}.sidebar nav a.active{background:#ffffff1f;color:#fff}.nav-sep{height:1px;background:#ffffff1a;margin:8px 16px}.me{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.me-name{color:#fff}.me select{background:transparent;color:var(--sidebar-text);border-color:#fff3}.me select option{color:var(--text)}.me .link{color:var(--sidebar-text);text-align:left;padding:0}.main{flex:1;min-width:0}.menu-btn{display:none}.page{padding:20px 24px}.page.narrow{max-width:760px}.page-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.search{width:300px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.taginput{position:relative;display:flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid var(--border);border-radius:6px;padding:4px 6px;background:#fff;min-height:34px;cursor:text;min-width:200px}.taginput:focus-within{outline:2px solid var(--accent-soft);border-color:var(--accent)}.taginput input{border:none;outline:none!important;padding:2px;flex:1;min-width:90px;width:auto!important}.chip{display:inline-flex;align-items:center;gap:2px;background:var(--accent-soft);color:var(--accent);border-radius:12px;padding:1px 4px 1px 9px;font-size:12px}.chip button{border:none;background:none;color:inherit;padding:0 4px;font-size:14px;line-height:1;border-radius:50%}.chip button:hover{background:#2563eb26}.taginput-pop{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:2px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 18px #0000001a;display:flex;flex-direction:column;max-height:220px;overflow:auto}.taginput-pop button{border:none;border-radius:0;text-align:left;padding:6px 10px;font-size:13px}.taginput-pop button.hi{background:var(--accent-soft)}.taginput-pop button.new{color:var(--accent)}.bulkbar .taginput{min-width:220px;background:#fff}.filterbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:-2px 0 10px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;padding:4px 16px}.sidebar nav a{display:flex;align-items:center;gap:6px}.nav-filter-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:11px;background:#ffffff1f;border-radius:10px;padding:0 7px}.sidebar nav{overflow-y:auto}.bulkbar{display:flex;gap:10px;align-items:center;background:var(--accent-soft);padding:8px 12px;border-radius:6px;margin-bottom:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:12px}.form{display:flex;flex-direction:column;gap:10px}.form label,.ticket-side label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.form label>input,.form label>select,.form label>textarea{color:var(--text)}label.inline{flex-direction:row!important;align-items:center;gap:6px;color:var(--text)!important}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.multi{display:flex;flex-wrap:wrap;gap:4px 14px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:10px 0 16px;flex-wrap:wrap}.tabs a{padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.tabs a:hover{text-decoration:none}.day-row{display:flex;align-items:center;gap:8px}.day-row label{width:150px}.inline-form{display:flex;gap:6px;margin-top:6px}.inline-form input{width:110px}.link-row{display:flex;align-items:center;gap:4px}details summary{cursor:pointer;color:var(--accent);margin-bottom:8px}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:#fafbfc}tr.unread .subject{font-weight:600}th.chk,td.chk{width:30px}.subject{color:var(--text)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.tag{font-size:11px;background:#eef0f3;border-radius:4px;padding:0 6px}.prio{display:inline-block;color:#fff;border-radius:3px;padding:0 5px;margin-right:6px;font-size:11px;font-weight:700}.prio-HIGH{background:#ef6c00}.prio-CRITICAL{background:var(--danger)}.pager{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;white-space:nowrap;background:#eef0f3}.st-NEW{background:#ffe0e0;color:#b71c1c}.st-OPEN{background:#fff1d6;color:#8a5300}.st-PENDING{background:#e3edff;color:#1d4fd8}.st-ON_HOLD{background:#ede7f6;color:#5e35b1}.st-RESOLVED{background:#e5f4e7;color:#2e7d32}.st-CLOSED{background:#eceff1;color:#546e7a}.ticket-page{display:flex;min-height:100vh}.ticket-main{flex:1;min-width:0;padding:16px 24px;display:flex;flex-direction:column;gap:12px}.ticket-head h1{margin:6px 0}.subject-edit{width:100%;font-size:18px;margin:6px 0}.history{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.thread{display:flex;flex-direction:column;gap:10px}.msg{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px}.msg-OUTBOUND{background:var(--out)}.msg-NOTE{background:var(--note);border-color:var(--note-border)}.msg-SYSTEM{background:#f3f4f6;font-size:13px}.msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.msg-body{overflow-x:auto}.email-frame{width:100%;border:none;display:block}.plain{white-space:pre-wrap;overflow-wrap:anywhere}.quote{border-left:2px solid var(--border);padding-left:10px;color:var(--muted)}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.file{border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:12px;background:#fff;color:var(--text)}.file.blocked{color:var(--danger)}.reply{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;position:relative;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000a}.reply-note{background:var(--note);border-color:var(--note-border)}.reply-tabs{display:flex;gap:4px;align-items:center}.reply-tabs button{border:none;background:none;padding:4px 10px;border-radius:6px;color:var(--muted)}.reply-tabs button.active{background:var(--accent-soft);color:var(--accent)}.reply-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cc{width:100%}.tpl-pop{position:absolute;bottom:100%;left:14px;width:min(420px,90vw);background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:10}.tpl-list{max-height:260px;overflow:auto;display:flex;flex-direction:column}.tpl-list button{border:none;text-align:left;display:flex;flex-direction:column;padding:6px 8px}.tpl .plain{margin-top:6px}.ticket-side{width:300px;flex-shrink:0;border-left:1px solid var(--border);background:var(--panel);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.ticket-side section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.ticket-side section:last-child{border-bottom:none}.ticket-side select,.ticket-side input{width:100%;color:var(--text)}.ticket-side .inline-form input{width:80px}.others{display:flex;flex-direction:column;gap:2px;margin-top:4px}.other{display:block;padding:3px 0;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.stat-v{font-size:22px;font-weight:600}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:340px;display:flex;flex-direction:column;gap:12px}.login-card label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:13px}.presence{background:#fff3cd;border:1px solid #f3d98a;border-radius:6px;padding:6px 12px;font-size:13px}.rule-row{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap}.rule-row textarea{flex:1;min-width:260px}.rule-editor h4{margin-bottom:0}.kb-layout{display:grid;grid-template-columns:200px 300px 1fr;gap:12px;align-items:start}.kb-cats{display:flex;flex-direction:column;gap:2px}.kb-cats button{border:none;background:none;text-align:left;padding:6px 8px;border-radius:6px;width:100%}.kb-cats button.active{background:var(--accent-soft);color:var(--accent)}.kb-cat-row{display:flex;align-items:center}.kb-cat-row .kb-cat-tools{display:none;white-space:nowrap}.kb-cat-row:hover .kb-cat-tools{display:inline}.kb-cats .inline-form input{width:140px}.kb-list{display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 120px);overflow:auto}.kb-item{display:block;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text)}.kb-item:hover{text-decoration:none;border-color:var(--accent)}.kb-item.active{border-color:var(--accent);background:var(--accent-soft)}.article{line-height:1.55;overflow-wrap:anywhere;margin-top:10px}.article img{max-width:100%}.rich{border:1px solid var(--border);border-radius:6px;background:#fff}.rich-bar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-bottom:1px solid var(--border);background:#fafbfc}.rich-bar button{padding:3px 8px;font-size:13px}.rich-area{min-height:260px;padding:10px 12px;outline:none;margin-top:0}.csi-card{width:min(440px,100%);display:flex;flex-direction:column;gap:10px}.csi-buttons{display:flex;gap:10px}.csi-buttons button{flex:1;font-size:18px;padding:12px}.csi-yes.active{background:#e5f4e7;border-color:var(--ok)}.csi-no.active{background:#fdecea;border-color:var(--danger)}.csi-card textarea{margin-top:4px}.re{border:1px solid var(--border);border-radius:6px;background:#fff}.re:focus-within{border-color:var(--accent)}.re-bar{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-bottom:1px solid var(--border);background:#fafbfc;border-radius:6px 6px 0 0;align-items:center}.re-bar button{border:1px solid transparent;background:none;padding:3px 7px;font-size:13px;min-width:28px;border-radius:4px;line-height:1.3}.re-bar button:hover:not(:disabled){background:#eef0f3}.re-bar button.on{background:var(--accent-soft);border-color:#c8d7fb;color:var(--accent)}.re-sep{width:1px;height:18px;background:var(--border);margin:0 3px}.re-wrap{position:relative;display:inline-flex}.re-pop{position:absolute;top:100%;left:0;z-index:30;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 6px 18px #0000001f;padding:6px;margin-top:2px}.re-emoji{display:grid;grid-template-columns:repeat(10,30px);gap:2px;width:max-content}.re-emoji button{font-size:18px;padding:2px;border:none;background:none}.re-emoji button:hover{background:#eef0f3}.re-colors{display:flex;gap:4px}.re-colors button{width:22px;height:22px;min-width:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);padding:0}.re-colors .re-nocolor{background:#fff;color:var(--muted)}.re-menu{display:flex;flex-direction:column;width:max-content}.re-menu button{text-align:left;border:none;padding:5px 8px}.re-area{padding:8px 12px;cursor:text;margin-top:0;max-height:55vh;overflow-y:auto}.re-area .ProseMirror{outline:none;min-height:inherit}.re-area .ProseMirror p{margin:0 0 8px}.re-area .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;height:0;pointer-events:none}.re-area img,.article img{max-width:100%;height:auto}.re-area img.ProseMirror-selectednode{outline:2px solid var(--accent)}.re-area table,.article table{border-collapse:collapse;margin:6px 0}.re-area td,.re-area th,.article td,.article th{border:1px solid #c9ced6;padding:4px 8px;min-width:40px;vertical-align:top}.re-area th,.article th{background:#f3f5f8;font-weight:600}.re-area td p,.re-area th p{margin:0}.re-area .selectedCell{background:var(--accent-soft)}.re-area blockquote,.article blockquote{border-left:3px solid var(--border);margin:6px 0;padding-left:10px;color:var(--muted)}.re-source{width:100%;border:none;border-radius:0;font-family:Consolas,monospace;font-size:12px;padding:8px 12px;resize:vertical}.re-hint{font-size:12px;color:var(--muted);padding:4px 12px 6px}.reply-note .re{background:#fffdf3}@media(max-width:1100px){.kb-layout{grid-template-columns:1fr}.kb-cats{flex-direction:row;flex-wrap:wrap}.kb-cats button{width:auto}.kb-list{max-height:320px}}@media(max-width:900px){.ticket-page{flex-direction:column}.ticket-side{width:auto;border-left:none;border-top:1px solid var(--border)}.hide-sm{display:none}}@media(max-width:700px){.sidebar{position:fixed;left:-230px;z-index:20;transition:left .2s}.sidebar.open{left:0}.menu-btn{display:block;position:fixed;top:8px;right:8px;z-index:15}.page,.ticket-main{padding:12px 16px}.search{width:100%}.row2{grid-template-columns:1fr}}.side-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.side-field .taginput{min-width:0;color:var(--text)}