:root{--bg:#fbfbfd;--surface:#fff;--border:#e6e4ea;--text:#17151c;--muted:#6f6a7a;--accent:#6d4aff;--accent-soft:#f0ecff;--danger:#c0392b;--ok:#1f8a5f;--radius:10px;--shadow:0 1px 2px #100c200a, 0 8px 24px #100c200f;--sans:system-ui, "Segoe UI", Roboto, -apple-system, sans-serif;--status-new:#b45309;--status-open:#b91c1c;--status-pending:#2563eb;--status-hold:#475569;--status-solved:#047857;--status-closed:#64748b;--vip:#92650a;--vip-soft:#fdf3d7}@media (prefers-color-scheme:dark){:root{--bg:#121016;--surface:#1b1822;--border:#2e2a38;--text:#f2f0f6;--muted:#a09aae;--accent:#9a80ff;--accent-soft:#241f38;--danger:#e06c5c;--ok:#4dc78f;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--status-open:#dc2626;--status-hold:#64748b;--status-closed:#6b7280;--vip:#e9c46a;--vip-soft:#2b2414}.prio--urgent{color:#f87171}}*{box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1{letter-spacing:-.01em;margin:0 0 .2rem;font-size:1.6rem}h2{margin:0 0 .3rem;font-size:1.15rem}a{color:inherit}.muted{color:var(--muted);font-size:.875rem}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:.6rem;font-weight:600;display:flex}.topbar__mark,.login__mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.topbar__nav{gap:.25rem;margin-right:auto;display:flex}.topbar__nav a{color:var(--muted);border-radius:8px;padding:.4rem .75rem;font-size:.9rem;text-decoration:none}.topbar__nav a:hover{background:var(--bg);color:var(--text)}.topbar__nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.topbar__user{align-items:center;gap:.6rem;display:flex}.avatar{border-radius:50%;width:28px;height:28px}.page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.page--narrow{max-width:560px}.page--ticket{max-width:1200px}.page__head{margin-bottom:1.5rem}.page__head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.boot,.login{place-items:center;min-height:100vh;display:grid}.login__card{background:var(--surface);border:1px solid var(--border);width:min(380px,90vw);box-shadow:var(--shadow);text-align:center;border-radius:14px;padding:2rem}.login__mark{border-radius:12px;width:40px;height:40px;margin:0 auto 1rem;font-size:1.2rem}.login__subtitle{color:var(--muted);margin:.25rem 0 1.5rem;font-size:.925rem}.login__note{color:var(--muted);margin-top:1.5rem;font-size:.75rem}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;transition:opacity .12s,background .12s;display:inline-block}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent);opacity:.9}.btn--danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--vip{color:var(--vip);border-color:var(--vip);background:0 0}.btn--full{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex}.card__title{margin:.4rem 0 .2rem;font-size:1.05rem}.card__actions{gap:.6rem;display:flex}.card__subtitle{border-top:1px solid var(--border);margin:.5rem 0 0;padding-top:1rem;font-size:.95rem}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{font-size:.85rem;font-weight:500}.field__hint{color:var(--muted);font-size:.75rem}.field__group{align-items:stretch;display:flex}.field__group input{border-radius:8px 0 0 8px;flex:1}.field__suffix{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-left:0;border-radius:0 8px 8px 0;place-items:center;padding:0 .7rem;font-size:.85rem;display:grid}input,select,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;padding:.55rem .7rem;font-size:.9rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}textarea{resize:vertical}.search{gap:.5rem;display:flex}.search input{min-width:260px}.alert{border-radius:8px;margin:1rem 0 0;padding:.7rem .9rem;font-size:.875rem}.alert--error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.alert--ok{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok)}.badge{text-transform:uppercase;letter-spacing:.03em;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.badge--ok{color:var(--ok);border-color:currentColor}.badge--internal{color:#b7791f;border-color:currentColor}.badge--spam{color:var(--danger);border-color:currentColor}.badge--draft{color:var(--accent);border-color:currentColor}.badge--vip{color:var(--vip);border-color:currentColor}.badge--new,.badge--open,.badge--pending,.badge--hold,.badge--solved,.badge--closed{color:#fff;border-color:#0000}.badge--new{background:var(--status-new)}.badge--open{background:var(--status-open)}.badge--pending{background:var(--status-pending)}.badge--hold{background:var(--status-hold)}.badge--solved{background:var(--status-solved)}.badge--closed{background:var(--status-closed)}.spam-banner{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem;padding:.8rem 1rem;display:flex}.spam-banner__text{color:var(--danger);min-width:0;font-size:.875rem}.spam-banner__reason{color:var(--text);margin:.25rem 0 0}.spam-banner__actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.draft-ready{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:var(--accent-soft);margin:0 0 1rem;padding:.8rem 1rem}.draft-ready__head{color:var(--accent);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.875rem;display:flex}.draft-ready__preview{color:var(--text);white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.875rem;display:-webkit-box;overflow:hidden}.toolbar{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.toolbar__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;text-transform:capitalize;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.825rem;transition:border-color .12s,background .12s;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:500}.chip__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip__dot--new{background:var(--status-new)}.chip__dot--open{background:var(--status-open)}.chip__dot--pending{background:var(--status-pending)}.chip__dot--hold{background:var(--status-hold)}.chip__dot--solved{background:var(--status-solved)}.chip__dot--closed{background:var(--status-closed)}.control--inline{flex-direction:row;align-items:center;gap:.5rem}.ticket-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ticket{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .12s;display:flex}.ticket--new{box-shadow:inset 3px 0 0 var(--status-new)}.ticket--open{box-shadow:inset 3px 0 0 var(--status-open)}.ticket--pending{box-shadow:inset 3px 0 0 var(--status-pending)}.ticket--hold{box-shadow:inset 3px 0 0 var(--status-hold)}.ticket--solved{box-shadow:inset 3px 0 0 var(--status-solved)}.ticket--closed{box-shadow:inset 3px 0 0 var(--status-closed)}.ticket--vip{background:var(--vip-soft);border-color:color-mix(in srgb, var(--vip) 45%, var(--border))}.ticket--solved,.ticket--closed{filter:saturate(.35)}.ticket--solved:hover,.ticket--closed:hover,.ticket--solved:focus-visible,.ticket--closed:focus-visible{filter:none}.ticket:hover{border-color:var(--accent)}.ticket__main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.ticket__top{align-items:baseline;gap:.75rem;min-width:0;display:flex}.ticket__people{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.prio{text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.7rem;font-weight:700}.prio--high{color:var(--status-new)}.prio--urgent{color:var(--status-open)}.ticket__id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.ticket__subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ticket__meta{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.ticket__meta .badge{text-align:center;width:5rem}.ticket__meta .muted{text-align:right;min-width:6.5rem}.backlink{color:var(--muted);margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-block}.backlink:hover{color:var(--accent)}.controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:1rem;display:flex}.push-right{margin-left:auto}.control{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.control select{width:auto;min-width:120px}.vip-add{flex-wrap:wrap;gap:.5rem;display:flex}.vip-add input{flex:12rem;width:auto}.vip-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vip-list__row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;display:flex}.vip-list__who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.token-code{word-break:break-all;background:var(--bg);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:8px;margin:.5rem 0;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;display:block}.token-code--block{white-space:pre;word-break:normal;line-height:1.5;overflow-x:auto}.connect-picker{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-top:.75rem;display:flex}.connect-picker .field{min-width:14rem}.client-tabs{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.client-tabs__tab{font:inherit;cursor:pointer;border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.client-tabs__tab:hover{color:var(--text)}.client-tabs__tab[aria-selected=true]{background:var(--bg);border-color:var(--accent);color:var(--accent);font-weight:600}.spam-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 3px 0 0 var(--danger);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.spam-row__link{flex-direction:column;flex:1;gap:.15rem;min-width:0;text-decoration:none;display:flex}.spam-row__link:hover .ticket__subject{text-decoration:underline}.spam-row__reason{text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;overflow:hidden}.spam-row__side{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.spam-row__actions{gap:.5rem;display:flex}.thread{flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.comment{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem}.comment--internal{background:color-mix(in srgb, #b7791f 7%, var(--surface))}.comment__head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.comment__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.reply{flex-direction:column;gap:.75rem;display:flex}.reply__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.reply__buttons{align-items:center;gap:.5rem;display:flex}.toggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.toggle__option{font:inherit;background:var(--surface);color:var(--muted);cursor:pointer;border:0;padding:.45rem .85rem;font-size:.825rem}.toggle__option.is-active{background:var(--accent-soft);color:var(--accent);font-weight:500}.empty{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:4rem 1rem;display:flex}.empty .btn{margin-top:.75rem}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.spinner--sm{border-width:2px;width:14px;height:14px}.refresh{color:var(--muted);white-space:nowrap;align-items:center;gap:.45rem;font-size:.8rem;display:inline-flex}.page__topline{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page__topline .backlink{margin-bottom:0}.ticket-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:1.5rem;display:grid}.ticket-layout__main{min-width:0}.interaction-history{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 0;position:sticky;top:4.5rem}.interaction-history__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem .75rem;display:flex}.interaction-history__title{color:var(--muted);margin:0;font-size:.95rem;font-weight:600}.interaction-history__actions{align-items:center;gap:.15rem;display:flex}.interaction-history__icon-btn{min-width:1.75rem;padding:.25rem .45rem;font-size:.85rem;line-height:1}.interaction-history__summary{margin:.6rem 1rem 0;font-size:.75rem}.interaction-history__empty{margin:.75rem 1rem 0;font-size:.825rem}.interaction-history__list{margin:.5rem 0 0;padding:0 .5rem;list-style:none}.interaction-history__item{margin:0;position:relative}.interaction-history__item.has-connector:before{content:"";background:var(--border);width:1px;position:absolute;top:1.35rem;bottom:-.35rem;left:1.35rem}.interaction-history__link{color:inherit;border-radius:6px;align-items:flex-start;gap:.65rem;padding:.55rem .5rem;text-decoration:none;transition:background .12s;display:flex}.interaction-history__link:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.interaction-history__item.is-current .interaction-history__link{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.interaction-history__dot{z-index:1;border-radius:2px;flex-shrink:0;width:10px;height:10px;margin-top:.35rem;position:relative}.interaction-history__dot--new{background:var(--status-new)}.interaction-history__dot--open{background:var(--status-open)}.interaction-history__dot--pending{background:var(--status-pending)}.interaction-history__dot--hold{background:var(--status-hold)}.interaction-history__dot--solved{background:var(--status-solved)}.interaction-history__dot--closed{background:var(--status-closed)}.interaction-history__content{flex-direction:column;gap:.1rem;min-width:0;display:flex}.interaction-history__subject{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.interaction-history__time,.interaction-history__status{font-size:.75rem}.interaction-history__status-value{color:var(--text);text-transform:capitalize}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.ticket-layout{grid-template-columns:1fr}.interaction-history{order:-1;position:static}}@media (width<=640px){.topbar{flex-wrap:wrap;gap:.75rem}.topbar__user .muted{display:none}.search input{min-width:0}.ticket{flex-wrap:wrap}.ticket__main{flex-basis:100%}.spam-row{flex-wrap:wrap}.spam-row__link{flex-basis:100%}}