:root{--bg:#f5f1ea;--surface:#fffdfa;--surface-2:#faf6ef;--ink:#211e1a;--muted:#7a7266;--line:#e6ded1;--accent:#b4562f;--accent-ink:#8f3f1e;--blue:#2f5fd0;--green:#2c7a58;--amber:#a8761c;--red:#b23b32;--radius:14px;--shadow:0 18px 40px -28px #2e221673}*{box-sizing:border-box}#__nuxt,body,html{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.015em;margin:0;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}.shell{min-height:100%}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-brand{border-right:1px solid var(--line);background:radial-gradient(120% 90% at 15% 0,#fdf7ee,#fdf7ee00 60%),linear-gradient(160deg,#f7efe3,#efe4d4);flex-direction:column;justify-content:space-between;padding:56px 56px 48px;display:flex;position:relative}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:650;display:inline-flex}.logo-mark{color:#fff;background:linear-gradient(140deg,#c96434,#9d431e);border-radius:11px;place-items:center;width:34px;height:34px;font-size:16px;display:grid;box-shadow:0 10px 20px -12px #9f441ecc}.auth-pitch h1{max-width:15ch;margin-bottom:18px;font-size:38px;line-height:1.15}.auth-pitch p{color:var(--muted);max-width:42ch;margin:0}.auth-points{gap:14px;margin-top:34px;display:grid}.auth-point{color:#4c453c;align-items:flex-start;gap:12px;display:flex}.auth-point span{border:1px solid var(--line);width:26px;height:26px;color:var(--accent-ink);background:#fff;border-radius:9px;flex:none;place-items:center;font-size:13px;display:grid}.auth-foot{color:var(--muted);font-size:13px}.auth-panel{place-items:center;padding:40px 28px;display:grid}.card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:20px;padding:34px}.card h2{margin-bottom:6px;font-size:24px}.card-sub{color:var(--muted);margin:0 0 26px;font-size:14px}.field{gap:7px;margin-bottom:16px;display:grid}.field label{color:#5b5348;font-size:13px;font-weight:550}.field-hint{color:#8a8175;margin:0;font-size:12px}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c9a98f;box-shadow:0 0 0 3px #b4562f1f}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:550;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{color:#fff;background:linear-gradient(135deg,#c05a2c,#a3461f);border:none;box-shadow:0 14px 26px -18px #a3461fe6}.btn-primary:hover{background:linear-gradient(135deg,#c96434,#ab4b22)}.btn-block{width:100%}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--ink);background:#211e1a0d}.form-error{color:var(--red);background:#fdf1ef;border:1px solid #f2d3cf;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.auth-switch{color:var(--muted);text-align:center;margin-top:20px;font-size:14px}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);background:#faf6ee;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.rail-org{padding:4px 8px}.rail-org strong{font-size:15px;display:block}.rail-org small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.rail-nav{gap:4px;display:grid}.nav-item{color:#4c453c;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:14px;display:flex}.nav-item:hover{background:#b4562f14;text-decoration:none}.nav-item.router-link-active{border:1px solid var(--line);background:#fff;font-weight:560;box-shadow:0 8px 18px -16px #2e221680}.nav-count{color:var(--muted);background:#211e1a0f;border-radius:999px;padding:1px 8px;font-size:12px}.rail-foot{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:14px;display:grid}.who{align-items:center;gap:10px;padding:0 8px;display:flex}.avatar{color:#6b4a33;background:#efe3d4;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.main,.row-main,.who div{min-width:0}.who strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.counter span,.who small{color:var(--muted);font-size:12px}.main{flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#fffdfacc;align-items:center;gap:14px;padding:16px 26px;display:flex;position:sticky;top:0}.topbar h1{margin-right:auto;font-size:19px}.search{width:280px;position:relative}.search input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:9px 12px}.content{width:100%;padding:20px 26px 40px}.counters{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:18px;display:grid}.counter{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.counter span{letter-spacing:.04em;text-transform:uppercase;display:block}.counter strong{font-size:22px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:#4c453c;background:#fff;border-radius:999px;padding:6px 13px;font-size:13px}.chip.active{color:#fff;background:#211e1a;border-color:#211e1a}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:40px 1fr auto;align-items:start;gap:14px;padding:15px 18px;display:grid}.row:last-child{border-bottom:none}.row:hover{background:#fcf8f1;text-decoration:none}.row-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.row-subject{max-width:100%;font-weight:560}.row-contact,.row-subject{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-contact{color:var(--muted);margin-top:2px;font-size:13px}.row-side{color:var(--muted);gap:10px;display:flex}.pill,.row-side{white-space:nowrap;align-items:center;font-size:12px}.pill{border:1px solid #0000;border-radius:999px;gap:6px;padding:3px 10px;display:inline-flex}.pill-new{color:#2f4fae;background:#eef2fe;border-color:#dbe3fb}.pill-open{color:#a8461f;background:#fdefe7;border-color:#f4d9c9}.pill-pending{color:var(--amber);background:#fbf4e3;border-color:#efe2c2}.pill-resolved{color:var(--green);background:#eaf5ef;border-color:#d5eade}.pill-closed,.pill-spam{color:#6c665d;background:#f1efec;border-color:#e4dfd6}.dot-unread{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.empty{text-align:center;color:var(--muted);padding:56px 24px}.empty strong{color:var(--ink);margin-bottom:6px;display:block}.more{place-items:center;padding:16px}.more,.thread,.ticket{display:grid}.ticket{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px}.thread{gap:12px}.msg{background:var(--surface);border:1px solid var(--line);border-left:3px solid #cbbfae;border-radius:12px;padding:14px 16px;position:relative}.msg.agent{background:#fffaf4;border-left-color:#c05a2c}.msg.customer{border-left-color:#9fb5d8}.msg.system{color:var(--muted);border-left-color:#c8c2b8}.msg.note{border-left-color:var(--amber);background:#fdf8ec}.msg-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.msg-head strong{color:var(--ink);font-size:13px}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.msg-actions{opacity:0;gap:10px;margin-top:8px;transition:opacity .12s;display:flex}.msg.selected .msg-actions,.msg:hover .msg-actions{opacity:1}.msg.selected{box-shadow:0 0 0 2px #b4562f40}.thread-level{gap:12px;display:grid}.thread-level .thread-level{border-left:1px dashed #d9cdbc;margin-left:22px;padding-left:14px}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px;padding:16px;position:sticky;bottom:16px}.composer textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;width:100%;min-height:96px;padding:12px;transition:border-color .15s,box-shadow .15s}.composer textarea:focus{border-color:#c9a98f;box-shadow:0 0 0 3px #b4562f1f}.composer-foot{gap:14px;margin-top:12px}.check,.composer-foot{align-items:center;display:flex}.check{color:var(--muted);cursor:pointer;gap:7px;margin:8px 0;font-size:13px}.reply-to{color:var(--accent-ink);background:#fdf1e9;border:1px solid #f3ddcd;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:4px 10px;font-size:12px;display:inline-flex}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px}.side-card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:600}.kv{gap:10px;font-size:14px;display:grid}.kv div{justify-content:space-between;gap:10px;display:flex}.auth-tab,.kv span,.loading,.muted{color:var(--muted)}.kv strong{text-align:right;overflow-wrap:anywhere;font-weight:550}.stack{gap:10px;display:grid}.ticket-title{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.ticket-title h1{font-size:22px}.small{font-size:13px}.center,.guest-foot,.loading,.pin-cell{text-align:center}.loading{padding:40px}@media (width<=1080px){.ticket{grid-template-columns:1fr}.app{grid-template-columns:76px 1fr}.rail{align-items:center;padding:18px 10px}.nav-item span,.rail-foot .btn span,.rail-org,.who div{display:none}.nav-item{justify-content:center}}@media (width<=780px){.app,.auth{grid-template-columns:1fr}.auth-brand,.rail{display:none}.topbar{padding:12px 16px}.content{padding:16px}.search{width:100%}}.auth-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:4px;margin:18px 0 20px;padding:4px;display:flex}.auth-tab{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 10px;font-size:13.5px;font-weight:600;transition:background .16s,color .16s}.auth-tab:hover{color:var(--ink)}.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #2e22161f}.pin{grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 22px;display:grid}.pin-cell{border:1px solid var(--line);background:var(--surface);width:100%;height:58px;color:var(--ink);letter-spacing:.02em;border-radius:12px;font-size:24px;font-weight:600;transition:border-color .16s,box-shadow .16s}.pin-cell:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b4562f29}.pin.is-invalid .pin-cell{border-color:var(--red);box-shadow:0 0 0 3px #b23b321f}.pin.is-disabled .pin-cell{opacity:.6}.auth-hint-row{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.link-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.link-btn:disabled{color:var(--muted);cursor:default}.card-sub strong{word-break:break-all}.auth-session{color:var(--muted);margin-top:16px;font-size:12.5px;line-height:1.5}@media (width<=420px){.pin{gap:8px}.pin-cell{height:52px;font-size:21px}}.topbar-sub{color:var(--muted);flex:1;margin:0 0 0 4px;font-size:13px}.mailbox-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.mailbox-grid.is-form{grid-template-columns:minmax(0,1fr) 380px}.mailboxes{flex-direction:column;gap:12px;display:flex}.mailbox{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 18px}.mailbox.off{opacity:.65}.mailbox-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mailbox-name{font-size:15px;font-weight:600}.mailbox-address{color:var(--muted);margin-top:2px;font-size:13px}.badge{text-transform:lowercase;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.badge.ok{color:var(--green);background:#2c7a581f}.badge.idle{color:var(--muted);background:#7a72661f}.badge.bad{color:var(--red);background:#b23b321f}.mailbox-meta{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 18px;margin:14px 0 0;display:grid}.mailbox-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.mailbox-meta dd{margin:3px 0 0;font-size:13px}.mailbox-error{color:var(--red);background:#b23b3214;border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:12.5px}.mailbox-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mailbox-actions .btn{padding:6px 11px;font-size:12.5px}.btn.danger{color:var(--red)}.check-row{gap:16px;margin-top:10px;font-size:12.5px;display:flex}.ok-text{color:var(--green)}.bad-text{color:var(--red)}.mailbox-form{max-height:calc(100vh - 36px);padding:18px;position:sticky;top:18px;overflow-y:auto}.mailbox-form h2{margin:0 0 14px;font-size:17px}.form-section{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px;font-size:11.5px;font-weight:600}.field-row,.form-actions{gap:10px;display:flex}.field-row .grow{flex:1}.field-row .narrow{width:92px}.form-actions{margin-top:16px}@media (width<=1100px){.mailbox-grid{grid-template-columns:minmax(0,1fr)}.mailbox-form{position:static}}.form-ok{color:var(--green);background:#2c7a581a;border-radius:9px;margin-bottom:12px;padding:9px 12px;font-size:13px}.widget-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.widget-settings{flex-direction:column;gap:14px;display:flex}.block{max-width:none;padding:20px}.block h2{margin:0 0 6px;font-size:16px}.block-sub{color:var(--muted);margin:0 0 10px;font-size:12.5px;line-height:1.5}.block textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5}.block textarea:focus{border-color:var(--accent);outline:none}.color-row{align-items:center;gap:8px;display:flex}.color-row input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:46px;height:38px;padding:3px}.color-row .mono{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.key-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.key-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11.5px;display:block}.key-row code{font-size:13px}.key-row code,.snippet{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.snippet{color:#f2e9dc;white-space:pre-wrap;word-break:break-word;background:#2a251f;border-radius:10px;margin:0 0 10px;padding:12px 14px;font-size:12px;line-height:1.6;overflow-x:auto}.widget-preview{position:sticky;top:18px}.preview-head{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12.5px;display:flex}.preview-head span{color:var(--ink);font-weight:600}.preview-frame{border:1px solid var(--line);background:var(--surface);width:100%;height:620px;box-shadow:var(--shadow);border-radius:14px}@media (width<=1100px){.widget-grid{grid-template-columns:minmax(0,1fr)}.widget-preview{position:static}}.guest{background:var(--bg);place-items:start center;min-height:100vh;padding:40px 18px 60px;display:grid}.guest-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:680px;box-shadow:var(--shadow);border-radius:18px;padding:26px 28px 22px}.guest-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.guest-head small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.guest-head h1{margin:4px 0 0;font-size:19px}.guest-thread{flex-direction:column;gap:10px;max-height:52vh;padding:18px 0;display:flex;overflow-y:auto}.guest-msg{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:78%;padding:10px 13px;font-size:13.5px;line-height:1.5}.guest-msg.theirs{background:var(--surface-2);border:1px solid var(--line);align-self:flex-start}.guest-msg.mine{background:var(--accent);color:#fff;align-self:flex-end}.guest-composer{border-top:1px solid var(--line);align-items:flex-end;gap:10px;padding-top:16px;display:flex}.guest-composer textarea{border:1px solid var(--line);font:inherit;resize:vertical;border-radius:10px;flex:1;padding:10px 12px;font-size:13.5px;line-height:1.5}.guest-composer textarea:focus{border-color:var(--accent);outline:none}.guest-foot{color:var(--muted);margin:16px 0 0;font-size:12px}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;display:block}.kpi strong{letter-spacing:-.02em;margin-top:8px;font-size:26px;font-weight:600;display:block}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;margin-bottom:16px;display:grid}.channel-row{grid-template-columns:110px 1fr 34px;align-items:center;gap:12px;margin:12px 0;font-size:13px;display:grid}.channel-row b{text-align:right;font-weight:600}.bar{background:var(--surface-2);height:8px;overflow:hidden}.bar,.bar i{border-radius:999px}.bar i{background:var(--accent);height:100%;display:block}.checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:flex-start;gap:10px;font-size:13.5px;display:flex}.checklist .tick{background:var(--surface-2);border:1px solid var(--line);width:20px;height:20px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.checklist li.done .tick{color:var(--green);background:#2c7a581f;border-color:#2c7a584d}.checklist a{color:var(--ink);font-weight:600;text-decoration:none}.checklist a:hover{color:var(--accent-ink)}.checklist small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.45;display:block}.status-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.status-chip{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12.5px}.status-chip b{color:var(--ink);margin-left:4px}.notes{margin-bottom:20px}.two-col{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.branches{flex-direction:column;gap:12px;display:flex}.branch{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;gap:16px;padding:16px 18px}.branch,.branch-name{align-items:center;display:flex}.branch-name{gap:8px;font-size:14.5px;font-weight:600}.branch-address{color:var(--muted);margin-top:3px;font-size:12.5px}.branch-actions{gap:6px;display:flex}.branch-form{position:sticky;top:18px}@media (width<=900px){.overview-grid,.two-col{grid-template-columns:minmax(0,1fr)}}