:root{--c-ink:#18181b;--c-graphite:#18181b;--c-slate:#2e2e31;--c-blue:#4c93ff;--c-blue-deep:#1f6feb;--c-amber:#f0a13a;--color-bg:var(--c-ink);--color-surface:var(--c-graphite);--color-surface-2:var(--c-slate);--color-surface-sunken:#1f1f23;--color-border:#303036;--color-border-soft:#2c2c2c;--color-text:#d3d3d7;--color-text-2:#c8c8cc;--color-text-3:#83838e;--color-primary:var(--c-blue);--color-primary-fill:var(--c-blue-deep);--color-primary-fill-hover:#1a5fd0;--color-on-primary:#fff;--color-primary-soft:#4c93ff1f;--color-primary-sel:#4c93ff2e;--color-accent:var(--c-amber);--color-on-accent:#18181b;--color-accent-soft:#f0a13a24;--color-note-bubble:#fff5cc;--color-note-bubble-ink:#2e2e31;--color-note-bubble-border:color-mix(in srgb, var(--color-note-bubble-ink) 14%, transparent);--color-note-ico-fill:#faca00;--color-success:#4ad662;--color-success-soft:#4ad66238;--color-danger:#f06a63;--color-danger-fill:#c93c37;--color-danger-soft:#f06a631a;--color-info:#79b0ff;--color-focus:#6aa6ff;--color-hover:#d3d3d70a;--color-hover-strong:#d3d3d712;--color-scrollbar:#9f9f9f47;--color-overlay-scrim:color-mix(in srgb, var(--c-ink) 75%, transparent);--av-lagoon:#2a5694;--av-lagoon-ink:#e8f2ff;--av-saffron:#7a5520;--av-saffron-ink:#fff0d4;--av-dusk:#52467f;--av-dusk-ink:#efe8ff;--spine-pending:var(--c-amber);--spine-open:var(--c-blue);--spine-resolved:#4a505b;--spine-w:3px;--status-unread:#1a73e8;--status-waiting:#f4511e;--status-replied:#6e56cf;--status-resolved:#2f9e44;--status-on:#fff;--status-online:#22c55e;--font:"Onest", "Noto Sans", system-ui, sans-serif;--fs-xs:11px;--fs-sm:12.5px;--fs-md:13.5px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:24px;--r-ctl:6px;--r-bub:10px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--shadow-float:0 12px 32px #00000073, 0 0 0 1px var(--color-border);--rail-w:76px;--list-w:340px;--visitor-w:296px;--head-h:60px;--auth-w:480px;--color-chat:#1a1a1d;--color-composer:#212124;--color-composer-note:color-mix(in srgb, var(--color-accent) 14%, var(--color-composer));--color-row-selected:#222226;--spine-draft:var(--spine-resolved);--color-wprev-paper:#fff;--color-wprev-ink:#1c293b;--color-wprev-ink-2:#5f7184;--color-wprev-line:#e3e8ee;--color-wprev-soft:#f0f2f5;--text-3:var(--color-text-3);--blue:var(--color-primary);--panel:var(--color-surface)}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-ink:#fcfcfd;--c-graphite:#fff;--c-slate:#f0f2f8;--c-blue:#095ad2;--c-blue-deep:#0d66e9;--c-amber:#8a5700;--color-bg:var(--c-ink);--color-surface:var(--c-graphite);--color-surface-2:var(--c-slate);--color-surface-sunken:#f8f8fc;--color-border:#dcdfea;--color-border-soft:#eaecf5;--color-text:#030d26;--color-text-2:#404968;--color-text-3:#5d6b98;--color-primary:var(--c-blue);--color-primary-fill:var(--c-blue-deep);--color-primary-fill-hover:#095ad2;--color-on-primary:#fff;--color-primary-soft:#1972f50f;--color-primary-sel:#1972f51f;--color-accent:var(--c-amber);--color-on-accent:#fff;--color-accent-soft:#fff2d8;--color-note-bubble:#fff5cc;--color-note-bubble-ink:#404968;--color-note-bubble-border:color-mix(in srgb, var(--color-note-bubble-ink) 12%, transparent);--color-note-ico-fill:#faca00;--color-success:#3d7528;--color-success-soft:#eff8ea;--color-danger:#b4233d;--color-danger-fill:#b4233d;--color-danger-soft:#fff0f2;--color-info:#095ad2;--color-focus:#0d66e9;--color-hover:#030d2609;--color-hover-strong:#030d260f;--color-scrollbar:#66708559;--color-overlay-scrim:#030d2680;--av-lagoon:#cbdbf4;--av-lagoon-ink:#194483;--av-saffron:#fff2d8;--av-saffron-ink:#6b4700;--av-dusk:#eaecf5;--av-dusk-ink:#404968;--spine-pending:var(--c-amber);--spine-open:var(--c-blue);--spine-resolved:#667085;--status-online:#16a34a;--shadow-float:0 12px 32px #030d261a, 0 0 0 1px var(--color-border);--color-chat:var(--color-bg);--color-composer:var(--color-surface);--color-composer-note:color-mix(in srgb, var(--color-accent) 10%, var(--color-composer));--color-row-selected:var(--color-surface-2);--spine-draft:var(--spine-resolved);--color-wprev-paper:#fff;--color-wprev-ink:#1c293b;--color-wprev-ink-2:#5f7184;--color-wprev-line:#e3e8ee;--color-wprev-soft:#f0f2f5;--text-3:var(--color-text-3);--blue:var(--color-primary);--panel:var(--color-surface)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0;line-height:1.45;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}a{color:var(--color-primary);text-decoration:none}svg{flex-shrink:0;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--color-primary-sel)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--r-ctl)}input:focus-visible,textarea:focus-visible{outline-offset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app{background:var(--color-bg);width:100vw;height:100vh;display:flex;overflow:hidden}.app>section,.app>.main{flex:1;min-width:0}.app-floating-pill{display:none}.rail{width:var(--rail-w);padding:var(--sp-3) 0;align-items:center;gap:var(--sp-3);background:var(--color-bg);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;display:flex}.rail-account-av{background:var(--color-primary-fill);width:40px;height:40px;color:var(--color-on-primary);font-weight:600;font-size:var(--fs-md);border-radius:10px;place-items:center;display:grid}.ws-wrap{position:relative}.rail-account{cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid;position:relative}.rail-account:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.rail-account:hover .rail-account-av{background:var(--color-primary-fill-hover)}.ws-caret{background:var(--color-surface-2);width:16px;height:16px;color:var(--color-text-2);border:2px solid var(--color-bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.rail-account[aria-expanded=true] .ws-caret{color:var(--color-text)}.ws-menu{z-index:40;width:min(300px, calc(100vw - var(--rail-w) - 24px));padding:var(--sp-2) 0;background:var(--color-surface-2);box-shadow:var(--shadow-float);border-radius:10px;position:absolute;top:0;left:calc(100% + 10px)}.ws-menu-title{padding:var(--sp-1) var(--sp-4) var(--sp-2);font-size:var(--fs-xs);color:var(--color-text-3);font-weight:600}.ws-menu-list{flex-direction:column;max-height:min(60vh,420px);display:flex;overflow-y:auto}.ws-item{align-items:center;gap:var(--sp-3);width:100%;padding:8px var(--sp-4);text-align:left;color:var(--color-text-2);font-size:var(--fs-sm);display:flex}.ws-item:hover,.ws-item:focus-visible{background:var(--color-hover-strong);color:var(--color-text);outline:none}.ws-item:focus-visible{box-shadow:inset var(--spine-w) 0 0 var(--color-primary)}.ws-item.is-current{color:var(--color-text)}.ws-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ws-item-text strong{font-weight:600;font-size:var(--fs-sm);color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ws-item-text span{font-size:var(--fs-xs);color:var(--color-text-3)}.ws-check{color:var(--color-primary);flex-shrink:0}.ws-av{width:30px;height:30px;font-size:var(--fs-xs);background:var(--av-lagoon);color:var(--av-lagoon-ink);border-radius:8px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.ws-av.is-saffron{background:var(--av-saffron);color:var(--av-saffron-ink)}.ws-av.is-dusk{background:var(--av-dusk);color:var(--av-dusk-ink)}.ws-av.is-new{color:var(--color-text-2);box-shadow:inset 0 0 0 1px var(--color-border);background:0 0}.ws-new strong{font-weight:500}.ws-create{padding:0 var(--sp-4) var(--sp-2)}.ws-create .ws-menu-title{padding-left:0;padding-right:0}.ws-create .field{margin-bottom:var(--sp-3)}.ws-hint{font-size:var(--fs-xs);color:var(--color-text-3);line-height:1.45}.ws-create-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}.ws-btn{height:32px;padding:0 var(--sp-3);border-radius:var(--r-ctl);align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500;display:inline-flex}.ws-btn:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.ws-btn.is-primary{background:var(--color-primary-fill);color:var(--color-on-primary);font-weight:600}.ws-btn.is-primary:hover:not(:disabled){background:var(--color-primary-fill-hover);color:var(--color-on-primary)}.ws-btn:disabled{cursor:progress;opacity:.8}.rail-main{width:100%;padding:0 var(--sp-2);flex-direction:column;flex:1;align-items:center;gap:2px;display:flex;overflow-y:auto}.rail-item{width:100%;color:var(--color-text-2);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 7px;transition:background .15s,color .15s;display:flex;position:relative}.rail-item .icon{width:20px;height:20px}.rail-label{letter-spacing:.01em;font-size:10.5px;font-weight:500;line-height:1.15}.rail-item:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.rail-item.active{color:var(--color-text);background:var(--color-surface-2)}.rail-item.active:before{content:"";width:var(--spine-w);background:var(--color-primary);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:-8px}.rail-item.active .icon{color:var(--color-primary)}.rail-item:disabled{opacity:.5}.rail-item-mini{padding:7px 2px}.rail-item-mini .rail-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rail-badge{border-radius:var(--r-pill);background:var(--color-accent);min-width:17px;height:17px;color:var(--color-on-accent);font-variant-numeric:tabular-nums;padding:0 5px;font-size:10px;font-weight:600;line-height:17px;position:absolute;top:3px;right:10px}.rail-badge-live{background:var(--color-success);color:var(--color-on-accent)}.rail-sep{background:var(--color-border);width:28px;height:1px;margin:var(--sp-2) 0}.rail-foot{flex-direction:column;align-items:center;gap:2px;display:flex}.rail-tool{width:40px;height:36px;color:var(--color-text-3);border-radius:8px;place-items:center;display:grid}.rail-tool .icon{width:19px;height:19px}.rail-tool:hover:not(:disabled){color:var(--color-text);background:var(--color-hover-strong)}.rail-tool:disabled{opacity:.5}.rail-tool.active{color:var(--color-primary);background:var(--color-surface-2)}.rail-user-wrap{margin-top:var(--sp-2);position:relative}.rail-user{cursor:pointer;background:var(--av-dusk);width:34px;height:34px;color:var(--av-dusk-ink);font-size:var(--fs-xs);border:none;border-radius:50%;place-items:center;padding:0;font-weight:600;display:grid;position:relative}.rail-user:hover{background:color-mix(in srgb, var(--av-dusk) 88%, var(--color-hover-strong))}.rail-online{background:var(--color-success);border:2px solid var(--color-bg);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.rail-user-menu{z-index:30;width:min(288px, calc(100vw - var(--rail-w) - 24px));padding:var(--sp-2) 0;background:var(--color-surface-2);box-shadow:var(--shadow-float);border-radius:10px;position:absolute;bottom:0;left:calc(100% + 10px)}.rail-user-menu-head{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4) var(--sp-3);display:flex}.rail-user-menu-av{background:var(--av-dusk);width:40px;height:40px;color:var(--av-dusk-ink);font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid;position:relative}.rail-user-menu-who{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-user-menu-who strong{font-size:var(--fs-md);color:var(--color-text);font-weight:600;line-height:1.25}.rail-user-menu-who span{font-size:var(--fs-xs);color:var(--color-text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-user-menu-sep{height:1px;margin:var(--sp-1) 0;background:var(--color-border-soft)}.rail-user-menu-item{align-items:center;gap:var(--sp-3);width:100%;padding:9px var(--sp-4);text-align:left;font-size:var(--fs-sm);color:var(--color-text-2);border-radius:0;display:flex}.rail-user-menu-item svg{color:var(--color-text-3);flex-shrink:0}.rail-user-menu-item:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.rail-user-menu-item:hover:not(:disabled) svg{color:var(--color-text-2)}.rail-user-menu-item:disabled{opacity:.5;cursor:not-allowed}.rail-user-menu-item.is-danger,.rail-user-menu-item.is-danger svg{color:var(--color-danger)}.rail-user-menu-item.is-danger:hover{background:var(--color-hover-strong);color:var(--color-danger)}.icon-btn,.filter-btn,.tool,.contacts-icon-btn{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--color-text-2);place-items:center;display:grid}.icon-btn:hover:not(:disabled),.filter-btn:hover:not(:disabled),.tool:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.icon-btn:disabled,.filter-btn:disabled,.tool:disabled,.contacts-icon-btn:disabled{opacity:.45}.visitor-av,.av-sm,.vp-av,.contacts-av,.mini-av,.p-av{background:var(--color-surface-2);color:var(--color-text-2);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.visitor-av{width:36px;height:36px}.av-sm{width:28px;height:28px}.vp-av{width:48px;height:48px}.contacts-av{width:28px;height:28px}.mini-av,.p-av{width:24px;height:24px;font-size:10px}.has-initials{background:var(--av-lagoon);color:var(--av-lagoon-ink)}.has-initials.av-gold{background:var(--av-saffron);color:var(--av-saffron-ink)}.has-initials.av-violet{background:var(--av-dusk);color:var(--av-dusk-ink)}.contact-initials{font-weight:600;font-size:var(--fs-sm);color:inherit}.vp-av .contact-initials{font-size:var(--fs-lg)}.av-sm .contact-initials{font-size:10px}.visitor-av svg,.av-sm svg,.vp-av svg,.contacts-av svg{opacity:.8}.country-flag{object-fit:cover;vertical-align:-1px;background:var(--color-surface-2);outline:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);outline-offset:-1px;border-radius:2px;flex-shrink:0;display:inline-block}.country-flag--badge{border:1.5px solid var(--color-surface);outline-offset:-2.5px;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.vp-av .country-flag--badge{width:16px;height:16px;bottom:-1px;right:-1px}.presence-dot{border:2px solid var(--color-surface);background:var(--color-text-3);border-radius:50%;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.presence-dot.active{background:var(--status-online)}.presence-dot.away{background:var(--color-accent)}#view-inbox{min-width:0;height:100vh;display:flex}.col-list{z-index:1;width:var(--list-w);background:var(--color-surface);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}.list-body{flex-direction:column;flex:1;min-height:0;display:flex}.list-head{height:var(--head-h);padding:0 var(--sp-3) 0 var(--sp-4);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.list-title{font-size:var(--fs-xl);letter-spacing:-.01em;align-items:baseline;gap:var(--sp-2);font-weight:600;display:flex}.list-count{font-size:var(--fs-sm);color:var(--color-text-3);font-variant-numeric:tabular-nums;font-weight:500}.mailboxes{padding:0 var(--sp-4) var(--sp-3);flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.mailbox{border-radius:var(--r-pill);height:28px;font-size:var(--fs-sm);color:var(--color-text-2);white-space:nowrap;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.mailbox.active{background:var(--color-surface-2);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);font-weight:500}.mailbox:disabled{opacity:.6}.mailbox-add{width:28px;font-size:var(--fs-lg);justify-content:center;padding:0}.list-toolbar{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-4);border-top:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft);flex-shrink:0;display:flex}.list-search{align-items:center;gap:var(--sp-2);border-radius:var(--r-ctl);background:var(--color-surface-sunken);height:32px;color:var(--color-text-3);border:1px solid #0000;flex:1;order:-1;padding:0 10px;display:flex}.list-search:focus-within{border-color:var(--color-primary)}.list-search input{min-width:0;color:var(--color-text);font-size:var(--fs-sm);background:0 0;border:none;outline:none;flex:1}.list-search input::placeholder{color:var(--color-text-3)}.list-toolbar-filters{align-items:center;gap:2px;display:flex}.list-filter-wrap{position:relative}.dropdown-btn{border-radius:var(--r-ctl);height:32px;font-size:var(--fs-sm);color:var(--color-text-2);align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:500;display:inline-flex}.dropdown-btn:hover,.dropdown-btn[aria-expanded=true]{background:var(--color-hover-strong);color:var(--color-text)}.list-filter-menu{z-index:30;background:var(--color-surface-2);min-width:150px;box-shadow:var(--shadow-float);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.list-filter-opt{text-align:left;border-radius:var(--r-ctl);width:100%;font-size:var(--fs-sm);color:var(--color-text-2);padding:7px 10px;display:block}.list-filter-opt:hover{background:var(--color-hover-strong);color:var(--color-text)}.list-filter-opt.active{color:var(--color-primary);font-weight:500}#conv-list{scrollbar-gutter:stable;min-height:0;padding-bottom:var(--sp-4);flex:1;overflow:hidden auto}.conv-group{--spine:var(--spine-open)}.conv-group.is-pending{--spine:var(--spine-pending)}.conv-group.is-resolved{--spine:var(--spine-resolved)}.conv-group-head{z-index:2;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) 6px;background:var(--color-surface);font-size:var(--fs-sm);color:var(--color-text-2);font-weight:600;display:flex;position:sticky;top:0}.conv-group-head:before{content:"";background:var(--spine);border-radius:2px;width:8px;height:8px}.conv-group-n{color:var(--color-text-3);font-variant-numeric:tabular-nums;font-weight:500}.conv-row{gap:var(--sp-3);padding:10px var(--sp-3) 10px var(--sp-4);cursor:pointer;transition:background .12s;display:flex;position:relative}.conv-row:before{content:"";width:var(--spine-w);background:var(--spine);opacity:.35;border-radius:0 3px 3px 0;transition:opacity .12s;position:absolute;top:8px;bottom:8px;left:0}.conv-row:hover{background:var(--color-hover)}.conv-row:hover:before{opacity:.7}.conv-row.selected{background:var(--color-row-selected)}.conv-row.selected:before{opacity:1;border-radius:0;top:0;bottom:0}.conv-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:0}.conv-row.completed .name,.conv-row.completed .preview-text{color:var(--color-text-3)}.conv-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.conv-title{align-items:baseline;gap:6px;min-width:0;display:flex}.conv-title .name{font-weight:600;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conv-route{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;gap:4px;display:inline-flex}.conv-route .agent{color:var(--color-text-2)}.conv-ai-badge{font-size:var(--fs-xs);color:var(--color-primary);margin-left:var(--sp-1);font-weight:500}.chat-ai-resume{margin-right:var(--sp-2)}.time{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.conv-foot{align-items:center;gap:var(--sp-2);min-height:24px;display:flex}.preview{min-width:0;color:var(--color-text-2);font-size:var(--fs-sm);flex:1;align-items:center;gap:4px;display:flex}.reply-ico{width:12px;height:12px;color:var(--color-text-3)}.preview-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.preview.is-note{gap:var(--sp-2);align-items:stretch}.preview-note-spine{width:var(--spine-w);background:var(--color-accent);border-radius:0 2px 2px 0;flex-shrink:0;align-self:center;min-height:14px}.preview-note-label{color:var(--color-accent);font-weight:500}.conv-actions{opacity:0;gap:4px;margin-left:auto;transition:opacity .12s;display:flex}.conv-status-mark{background:var(--status-replied);width:22px;height:22px;color:var(--status-on);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.conv-status-mark.is-pending{background:var(--status-waiting)}.conv-status-mark.is-open{background:var(--status-replied)}.conv-status-mark.is-resolved{background:var(--status-resolved)}.conv-unread{border-radius:var(--r-pill);background:var(--status-unread);min-width:22px;height:22px;color:var(--status-on);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;padding:0 6px;font-weight:600;line-height:1;display:inline-grid}.conv-row.is-unread .preview-text{color:var(--color-text);font-weight:600}.conv-row.is-unread .time{color:var(--color-text-2)}.conv-row:hover .conv-actions,.conv-row.selected .conv-actions,.conv-row:focus-within .conv-actions{opacity:1}.act-btn{border-radius:var(--r-ctl);width:24px;height:24px;color:var(--color-text-2);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border);place-items:center;display:grid}.conv-row.selected .act-btn{background:var(--color-bg)}.act-btn:hover:not(:disabled){color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text-3)}.act-resolve:hover{color:var(--color-primary)!important}.act-done{color:var(--color-success)}.act-done:disabled{cursor:default}.conv-presence-wrap{width:10px;height:10px;position:absolute;top:-1px;right:-1px}.conv-presence-wrap .presence-dot{top:0;right:0}.conv-presence-tip{white-space:nowrap;z-index:40;border-radius:var(--r-ctl);background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--fs-xs);color:var(--color-text);opacity:0;pointer-events:none;padding:4px 8px;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.conv-presence-wrap:hover .conv-presence-tip{opacity:1}.empty-list{justify-content:center;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5);color:var(--color-text-2);font-size:var(--fs-sm);flex-direction:column;flex:1;max-width:300px;display:flex}.empty-list strong{color:var(--color-text);font-size:var(--fs-lg);margin-bottom:4px;font-weight:600;display:block}.empty-illu .bug{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:12px;place-items:center;display:grid}.col-chat{z-index:0;background:var(--color-chat);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-empty-center{justify-content:center;align-items:center;gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.brand-empty-mark{align-items:center;gap:var(--sp-3);display:flex}.brand-empty-mark .bubble{background:var(--color-primary-fill);border-radius:12px 12px 12px 3px;place-items:center;width:44px;height:44px;display:grid}.brand-empty-mark .word{font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:600}.chat-empty-hint{color:var(--color-text-3);font-size:var(--fs-sm)}.chat-top{--spine:var(--spine-open);height:var(--head-h);padding:0 var(--sp-4) 0 0;border-bottom:1px solid var(--color-border-soft);background:var(--color-chat);flex-shrink:0;align-items:center;gap:2px;display:flex}.chat-top[data-status=pending]{--spine:var(--spine-pending)}.chat-top[data-status=resolved]{--spine:var(--spine-resolved)}.chat-top>.spacer{display:none}.chat-who{align-items:center;gap:var(--sp-3);min-width:0;height:100%;margin-right:auto;display:flex}.chat-spine{width:var(--spine-w);background:var(--spine);align-self:stretch}.chat-who-text{min-width:0;padding-left:var(--sp-2);flex-direction:column;display:flex}.chat-who-text strong{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-who-text span{font-size:var(--fs-xs);color:var(--color-text-3)}.has-inline-tip{align-items:center;display:inline-flex;position:relative}.inline-ui-tip{z-index:40;width:max-content;max-width:min(240px,70vw);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-ctl);background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--fs-xs);color:var(--color-text);text-align:center;opacity:0;pointer-events:none;font-weight:400;line-height:1.35;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.inline-ui-tip strong{font-size:var(--fs-sm);color:var(--color-text);margin-bottom:4px;font-weight:600;display:block}.inline-ui-tip .tip-sub{color:var(--color-text-2);font-weight:400;display:block}.inline-ui-tip:after{content:"";border:5px solid #0000;border-top-color:var(--color-bg);filter:drop-shadow(0 1px 0 var(--color-border-soft));position:absolute;top:100%;left:50%;transform:translate(-50%)}.has-inline-tip:hover .inline-ui-tip,.has-inline-tip:focus-within .inline-ui-tip{opacity:1}.conv-status-mark-wrap{align-items:center;display:inline-flex}.conv-status-mark-wrap.has-inline-tip .inline-ui-tip{left:auto;right:0;transform:none}.conv-status-mark-wrap.has-inline-tip .inline-ui-tip:after{left:calc(100% - 12px);right:auto;transform:translate(-50%)}.conv-status-btn-wrap{margin-left:var(--sp-2);align-items:center;display:inline-flex;position:relative}.btn-waiting{border-radius:var(--r-pill);height:30px;font-size:var(--fs-sm);background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 35%, transparent);align-items:center;gap:6px;padding:0 12px 0 10px;font-weight:600;display:inline-flex}.btn-waiting:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-waiting.resolved:before{content:none}.btn-waiting-ico{flex-shrink:0;place-items:center;display:grid}.btn-waiting:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-accent)}.btn-waiting:disabled:not(.resolved){background:var(--color-surface-2);color:var(--color-text-3);box-shadow:inset 0 0 0 1px var(--color-border);cursor:not-allowed}.btn-waiting:disabled:not(.resolved):before{opacity:.45}.btn-waiting.resolved{background:var(--color-success);color:var(--color-on-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-on-primary) 20%, transparent);cursor:pointer;padding-left:10px}.btn-waiting.resolved:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 88%, var(--color-on-primary));color:var(--color-on-primary)}.btn-waiting-tip,.btn-waiting-tip-pending{z-index:40;width:max-content;max-width:min(320px,85vw);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--fs-xs);color:var(--color-text);opacity:0;pointer-events:none;font-weight:400;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 8px);right:0}.btn-waiting-tip:before,.btn-waiting-tip-pending:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-bg);filter:drop-shadow(0 -1px 0 var(--color-border));position:absolute;bottom:100%;right:12px}.conv-status-btn-wrap:hover .btn-waiting-tip,.conv-status-btn-wrap:hover .btn-waiting-tip-pending,.conv-status-btn-wrap:focus-within .btn-waiting-tip-pending{opacity:1}.kbd-hint{color:var(--color-text-2);background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border);vertical-align:1px;border-radius:4px;margin-left:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:600;display:inline-block}.kbd-hint+.kbd-hint{margin-left:2px}.chat-messages{padding:var(--sp-5) clamp(16px, 5vw, 64px) var(--sp-4);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.date-marker{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3);font-size:var(--fs-xs);color:var(--color-text-3);font-weight:600;display:flex}.date-marker:before,.date-marker:after{content:"";background:var(--color-border-soft);flex:1;height:1px}.msg{align-items:flex-end;gap:var(--sp-2);max-width:min(640px,78%);display:flex;position:relative}.msg-body{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;max-width:100%;display:flex}.msg.out .msg-body{align-items:flex-end}.msg-bubble-row{align-items:flex-start;gap:4px;max-width:100%;display:flex;position:relative}.msg-bubble-row .bubble{flex:0 auto;min-width:0}.msg-menu-btn{border-radius:var(--r-ctl);width:28px;height:28px;color:var(--color-text-3);opacity:0;flex-shrink:0;place-items:center;margin-top:2px;transition:opacity .12s,background .12s,color .12s;display:grid}.msg-menu-btn:hover:not(:disabled),.msg-menu-btn:focus-visible,.msg-menu-btn[aria-expanded=true]{background:var(--color-hover-strong);color:var(--color-text);opacity:1}.msg:hover .msg-menu-btn,.msg:focus-within .msg-menu-btn{opacity:1}.msg-avatar-wrap{flex-shrink:0;position:relative}.msg-avatar-wrap .msg-avatar-tooltip{z-index:31;width:max-content;max-width:240px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-xs);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;line-height:1.35;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.msg-avatar-tooltip strong{font-size:var(--fs-sm);margin-bottom:2px;font-weight:600;display:block}.msg-avatar-tooltip .email{color:var(--color-text-2);word-break:break-all}.msg-avatar-wrap:hover .msg-avatar-tooltip,.msg-avatar-wrap:focus-within .msg-avatar-tooltip{opacity:1}.msg-avatar-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.msg-time-tooltip{z-index:31;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-ctl);text-align:center;background:var(--color-bg);min-width:160px;color:var(--color-text);font-size:var(--fs-xs);box-shadow:var(--shadow-float);pointer-events:none;opacity:0;font-weight:600;line-height:1.4;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.msg-time-tooltip em{color:var(--color-text-2);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:11px;font-style:italic;font-weight:400;display:flex}.msg-time-tooltip em svg{opacity:.85;flex-shrink:0}.msg-time-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}.msg-bubble-row:hover .msg-time-tooltip,.msg-bubble-row:focus-within .msg-time-tooltip{opacity:1}.msg-ctx-backdrop{z-index:29;background:0 0;position:fixed;inset:0}.msg-ctx-menu,.msg-dd-menu{z-index:30;min-width:200px;max-width:280px;padding:var(--sp-2) 0;background:var(--color-surface-2);box-shadow:var(--shadow-float);border:1px solid var(--color-border-soft);border-radius:10px;position:fixed}.msg-dd-menu.anchor-top{transform:translateY(calc(-100% - 6px))}.msg-ctx-menu:before{display:none}.msg-dd-menu:before{content:"";border:6px solid #0000;border-top-color:var(--color-surface-2);filter:drop-shadow(0 1px 0 var(--color-border-soft));position:absolute;bottom:-6px;left:16px}.msg-dd-menu.anchor-top:before{border-top-color:#0000;border-bottom-color:var(--color-surface-2);filter:drop-shadow(0 -1px 0 var(--color-border-soft));top:-6px;bottom:auto}.msg-menu-sep{height:1px;margin:var(--sp-2) 0;background:var(--color-border-soft)}.msg-menu-item{align-items:center;gap:var(--sp-2);width:100%;padding:8px var(--sp-3);font-size:var(--fs-sm);color:var(--color-text-2);text-align:left;transition:background .12s,color .12s;display:flex}.msg-menu-item:hover:not(:disabled),.msg-menu-item:focus-visible{background:var(--color-hover-strong);color:var(--color-text);outline:none}.msg-menu-item:disabled{opacity:.45;cursor:not-allowed}.msg-menu-item.danger{color:var(--color-danger)}.msg-menu-item.danger:hover:not(:disabled),.msg-menu-item.danger:focus-visible{color:var(--color-danger);background:var(--color-danger-soft)}.msg-menu-item .ico{color:currentColor;opacity:.9;flex-shrink:0;width:16px;height:16px}.msg-info-backdrop{z-index:39;background:var(--color-overlay-scrim);position:fixed;inset:0}.msg-info-modal{z-index:40;width:min(420px, calc(100vw - var(--sp-6)));background:var(--color-surface-2);border:1px solid var(--color-border-soft);border-radius:var(--r-bub);max-height:min(90vh,560px);box-shadow:var(--shadow-float);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.msg-info-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border-soft);display:flex}.msg-info-head h2{font-size:var(--fs-lg);letter-spacing:-.01em;color:var(--color-text);font-weight:600}.msg-info-close{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--color-text-3);place-items:center;display:grid}.msg-info-close:hover{background:var(--color-hover-strong);color:var(--color-text)}.msg-info-body{padding:var(--sp-3) var(--sp-4) var(--sp-4);flex-direction:column;gap:0;display:flex}.msg-info-block{padding:var(--sp-3) 0;border-top:1px solid var(--color-border-soft)}.msg-info-block:first-of-type{border-top:none;padding-top:0}.msg-info-row{gap:var(--sp-3) var(--sp-4);padding:var(--sp-1) 0;font-size:var(--fs-sm);grid-template-columns:minmax(120px,40%) 1fr;align-items:start;display:grid}.msg-info-row dt{color:var(--color-text-2);font-weight:500}.msg-info-row dd{color:var(--color-text);word-break:break-word;min-width:0}.msg-info-row dd.sender-line{align-items:center;gap:var(--sp-2);display:flex}.msg-info-copy-wrap{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--color-surface-sunken);border-radius:var(--r-ctl);border:1px solid var(--color-border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xs);color:var(--color-text-2);display:flex}.msg-info-copy-wrap code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.msg-info-copy-btn{border-radius:var(--r-ctl);width:28px;height:28px;color:var(--color-text-3);flex-shrink:0;place-items:center;display:grid}.msg-info-copy-btn:hover{background:var(--color-hover-strong);color:var(--color-text)}.msg-info-copy-btn .ico{width:14px;height:14px}.msg.out{flex-direction:row-reverse;align-self:flex-end}.msg.out>.av-sm{display:none}.bubble{border-radius:var(--r-bub);font-size:var(--fs-md);white-space:pre-wrap;word-break:break-word;background:var(--color-surface-2);color:var(--color-text);border-bottom-left-radius:3px;padding:9px 13px;line-height:1.5}.msg.out .bubble{background:var(--color-primary-fill);color:var(--color-on-primary);border-bottom-left-radius:var(--r-bub);border-bottom-right-radius:3px}.msg.note.out{flex-direction:row-reverse;align-self:flex-end}.msg.note.out>.av-sm{place-items:center;display:grid}.msg.note .msg-bubble-row{align-items:flex-start}.msg.note .msg-note-ico{z-index:1;background:var(--color-note-ico-fill);width:24px;height:24px;color:var(--color-on-primary);border:3px solid var(--color-bg);border-radius:50%;flex-shrink:0;order:-1;place-items:center;margin-top:8px;margin-right:-12px;display:grid;translate:3px}.msg.note .bubble{background:var(--color-note-bubble);color:var(--color-note-bubble-ink);box-shadow:inset 0 0 0 1px var(--color-note-bubble-border);border-bottom-left-radius:var(--r-bub);border-bottom-right-radius:3px}.msg.note .note-head{font-size:var(--fs-sm);text-underline-offset:2px;color:var(--color-note-bubble-ink);margin-bottom:4px;font-weight:600;line-height:1.4;text-decoration:underline}.msg-attachment{margin-top:var(--sp-2);font-size:var(--fs-sm)}.msg-attachment a{color:inherit;text-decoration:underline}.chat-resolved-notice{align-items:center;gap:var(--sp-2);max-width:min(640px,78%);margin-top:var(--sp-2);align-self:flex-end;display:flex}.chat-resolved-pill{border-radius:var(--r-pill);background:var(--color-primary-fill);height:32px;color:var(--color-on-primary);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:600;display:inline-flex}.chat-resolved-pill .ico{background:color-mix(in srgb, var(--color-on-primary) 22%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.chat-resolved-notice .av-sm{flex-shrink:0}.chat-reopen-notice{align-items:center;gap:var(--sp-2);max-width:min(640px,78%);margin-top:var(--sp-2);align-self:flex-end;display:flex}.chat-reopen-pill{border-radius:var(--r-pill);background:var(--color-accent-soft);height:32px;color:var(--color-accent);font-size:var(--fs-sm);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 35%, transparent);align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:600;display:inline-flex}.chat-reopen-pill .ico{background:color-mix(in srgb, var(--color-accent) 22%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.chat-reopen-notice .av-sm{flex-shrink:0}.chat-reopen-wrap{align-items:flex-end;gap:var(--sp-2);max-width:min(640px,78%);margin-top:var(--sp-2);flex-direction:column;align-self:flex-end;display:flex}.chat-reopen-wrap .chat-resolved-notice,.chat-reopen-wrap .chat-reopen-notice{max-width:100%;margin-top:0}.composer{margin:0 clamp(16px, 5vw, 64px) var(--sp-4);background:var(--color-composer);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:12px;flex-shrink:0;position:relative}.composer:focus-within{box-shadow:inset 0 0 0 1px var(--color-primary)}.composer.composer-resolved{opacity:.55}.composer.composer-resolved:focus-within{box-shadow:inset 0 0 0 1px var(--color-border)}.composer.composer-mode-not{background:var(--color-composer-note)}.composer.composer-mode-not:focus-within{box-shadow:inset 0 0 0 1px var(--color-primary)}.composer-note-badge{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--color-accent);color:var(--color-on-accent);flex-shrink:0;align-self:flex-start;margin-top:10px;padding:4px 10px;font-weight:600}.composer-input-wrap-note{align-items:flex-start}.composer-tabs{gap:var(--sp-4);padding:0 var(--sp-4);border-bottom:1px solid var(--color-border-soft);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto hidden}.composer-tabs::-webkit-scrollbar{width:0;height:0;display:none}.op-toast-stack{top:var(--sp-4);z-index:35;align-items:center;gap:var(--sp-2);width:min(440px, calc(100vw - var(--sp-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.op-toast{pointer-events:auto;align-items:center;gap:var(--sp-3);width:max-content;max-width:100%;padding:10px 12px 10px var(--sp-4);border-radius:var(--r-pill);background:color-mix(in srgb, var(--color-surface-2) 88%, transparent);box-shadow:var(--shadow-float), inset 0 0 0 1px var(--color-border);font-size:var(--fs-sm);color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.45;display:flex}.op-toast.is-warning{box-shadow:var(--shadow-float), inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 50%, var(--color-border))}.op-toast.is-success{box-shadow:var(--shadow-float), inset 0 0 0 1px color-mix(in srgb, var(--color-success) 45%, var(--color-border))}.op-toast.is-danger{box-shadow:var(--shadow-float), inset 0 0 0 1px var(--color-danger)}.op-toast-ico{border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.op-toast.is-warning .op-toast-ico{background:var(--color-accent-soft);color:var(--color-accent)}.op-toast.is-success .op-toast-ico{background:var(--color-success-soft);color:var(--color-success)}.op-toast.is-danger .op-toast-ico{background:var(--color-danger-soft);color:var(--color-danger)}.op-toast-text{flex:1;min-width:0;margin:0}.op-toast-dismiss{width:28px;height:28px;color:var(--color-text-3);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.op-toast-dismiss:hover{background:var(--color-hover-strong);color:var(--color-text-2)}@media (prefers-reduced-motion:no-preference){.op-toast{animation:.18s ease-out op-toast-in}@keyframes op-toast-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}}.composer-edit-bar{align-items:center;gap:var(--sp-3);min-width:0;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--color-border-soft);display:flex}.composer-edit-badge{border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--color-danger-fill);color:var(--color-on-primary);flex-shrink:0;padding:4px 8px;font-weight:600}.composer-edit-preview{min-width:0;font-size:var(--fs-sm);color:var(--color-text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tab{height:36px;font-size:var(--fs-sm);color:var(--color-text-3);white-space:nowrap;font-weight:500;position:relative}.tab:hover:not(:disabled){color:var(--color-text)}.tab:disabled{opacity:.55}.tab.active{color:var(--color-text)}.tab.active:after{content:"";background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.composer-input-wrap{align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);display:flex}.composer-input{resize:none;min-height:44px;max-height:180px;font-size:var(--fs-md);color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:6px 0;line-height:1.5}.composer-input::placeholder{color:var(--color-text-3)}.composer-tools{display:flex}.tbtn{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--color-text-3);font-weight:600;font-size:var(--fs-sm);place-items:center;display:grid}.tbtn svg{flex-shrink:0}.tbtn:disabled{opacity:.55}.main-send{background:var(--color-primary-fill);height:34px;color:var(--color-on-primary);font-weight:600;font-size:var(--fs-sm);border-radius:8px;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex}.main-send:hover{background:var(--color-primary-fill-hover)}.main-send.is-edit-save,.main-send.is-edit-save:hover{background:var(--color-success)}.shortcut-picker{z-index:30;background:var(--color-surface-2);max-height:280px;box-shadow:var(--shadow-float);border-radius:12px;padding:6px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto}.shortcut-picker.open{display:block}.sp-head{font-size:var(--fs-sm);color:var(--color-text-2);padding:6px 10px 8px}.sp-row{gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm);color:var(--color-text-2);border-radius:8px;grid-template-columns:96px 1fr;align-items:baseline;padding:8px 10px;display:grid}.sp-row:hover{background:var(--color-hover-strong);color:var(--color-text)}.bang{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--color-accent);font-weight:600}.col-visitor{width:var(--visitor-w);background:var(--color-surface);border-left:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.vp-scroll{flex:1;overflow-y:auto}.vp-head{column-gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-4);grid-template-columns:48px 1fr;align-items:center;row-gap:2px;display:grid}.vp-head .vp-av{grid-row:1/span 3}.vp-head h3{font-size:var(--fs-lg);font-weight:600;line-height:1.25}.email-link{font-size:var(--fs-sm);color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vp-loc{font-size:var(--fs-xs);color:var(--color-text-3);align-items:center;gap:6px;display:flex}.profile-view-btn{margin-top:var(--sp-3);border-radius:var(--r-ctl);height:32px;font-size:var(--fs-sm);color:var(--color-text-2);box-shadow:inset 0 0 0 1px var(--color-border);grid-column:1/-1;font-weight:500}.profile-view-btn:disabled{opacity:.6}.acc{border-top:1px solid var(--color-border-soft)}.acc-head{width:100%;padding:12px var(--sp-4);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}summary.acc-head::-webkit-details-marker{display:none}.acc-head svg{color:var(--color-text-3);transition:transform .15s}details.acc:not([open]) .acc-head svg{transform:rotate(-90deg)}.acc-body{padding:0 var(--sp-4) var(--sp-3);flex-direction:column;display:flex}.acc-row{gap:var(--sp-2);font-size:var(--fs-sm);grid-template-columns:96px 1fr;align-items:baseline;padding:5px 0;display:grid}.acc-row .lbl{color:var(--color-text-3)}.acc-row .val,.acc-row>span:last-child{color:var(--color-text);text-overflow:ellipsis;overflow:hidden}.vp-ref-row .lbl{align-self:start;padding-top:1px}.vp-ref-lbl{align-items:center;gap:6px;display:inline-flex}.vp-ref-info{color:var(--color-text-3);display:inline-flex}.vp-ref-info svg{display:block}.vp-ref-tip{text-align:left;max-width:min(260px,72vw)}.vp-ref-row .lbl.has-inline-tip{z-index:2;position:relative}.vp-ref-row .lbl.has-inline-tip .inline-ui-tip.vp-ref-tip{z-index:40;bottom:calc(100% + 6px);left:0;right:auto;transform:none}.vp-ref-row .lbl.has-inline-tip .inline-ui-tip.vp-ref-tip:after{left:10px;right:auto;transform:none}.vp-ref-link{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.assign-pill{border-radius:var(--r-pill);background:var(--color-surface-2);height:26px;font-size:var(--fs-sm);align-items:center;gap:6px;padding:0 10px 0 4px;display:inline-flex}.participant-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.vp-links{border-top:1px solid var(--color-border-soft);padding:var(--sp-2)}.vp-link-row{align-items:center;gap:var(--sp-2);border-radius:var(--r-ctl);width:100%;font-size:var(--fs-sm);color:var(--color-text-2);padding:8px;display:flex}.vp-link-row:disabled{opacity:.6}.vp-foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border-soft)}.vp-history-search{align-items:center;gap:var(--sp-2);border-radius:var(--r-ctl);background:var(--color-surface-sunken);height:32px;color:var(--color-text-3);font-size:var(--fs-sm);padding:0 10px;display:flex}.vp-history-search input{background:0 0;border:none;outline:none;flex:1;min-width:0}.acc-body--vp-pages{padding-left:0;padding-right:0}.vp-pages-empty{padding:0 var(--sp-4) var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-3);margin:0}.vp-pages{border-top:1px solid var(--color-border-soft);scrollbar-color:var(--color-scrollbar) transparent;scrollbar-width:thin;max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.vp-page-row{align-items:center;gap:var(--sp-2);box-sizing:border-box;height:44px;min-height:44px;padding:0 var(--sp-4);border-bottom:1px solid var(--color-border-soft);grid-template-columns:22px 1fr minmax(72px,auto);transition:background .12s;display:grid}.vp-page-row:last-child{border-bottom:none}.vp-page-row:hover,.vp-page-row:focus-within{z-index:2;background:var(--color-hover);position:relative}.vp-page-ico{border-radius:var(--r-ctl);background:var(--color-primary-fill);width:22px;height:22px;color:var(--color-on-primary);flex-shrink:0;place-items:center;display:grid}.vp-page-ico svg{stroke:currentColor;width:13px;height:13px}.vp-page-main{min-width:0;display:block}.vp-page-title{min-width:0;font-size:var(--fs-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.35;display:block;overflow:hidden}.vp-page-title:hover{color:var(--color-primary)}.vp-page-meta{flex-shrink:0;grid-column:3;justify-self:end;min-width:72px;height:28px;position:relative}.vp-page-time{font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;justify-content:flex-end;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.vp-page-row:hover .vp-page-time,.vp-page-row:focus-within .vp-page-time{opacity:0}.vp-page-actions{opacity:0;pointer-events:none;justify-content:flex-end;align-items:center;gap:2px;transition:opacity .12s;display:flex;position:absolute;inset:0}.vp-page-row:hover .vp-page-actions,.vp-page-row:focus-within .vp-page-actions{opacity:1;pointer-events:auto}.vp-act-btn{width:28px;height:28px;padding:0}.vp-pages .vp-act .inline-ui-tip{text-align:left;z-index:40;inset:calc(100% + 6px) 0 auto auto;transform:none}.vp-pages .vp-act .inline-ui-tip:after{content:"";border:5px solid #0000;border-bottom-color:var(--color-bg);filter:drop-shadow(0 -1px 0 var(--color-border-soft));inset:auto 10px 100% auto;transform:none}.contacts-page-wrap{min-width:0;height:100vh;display:flex}.contacts-main{flex-direction:column;flex:1;min-width:0;display:flex}.contacts-topbar{align-items:center;gap:var(--sp-4);height:72px;padding:0 var(--sp-5);border-bottom:1px solid var(--color-border-soft);flex-shrink:0;display:flex}.contacts-title{font-size:var(--fs-xl);align-items:baseline;gap:var(--sp-2);flex-direction:row-reverse;margin-right:auto;font-weight:600;display:flex}.contacts-count{font-size:var(--fs-sm);color:var(--color-text-3);font-variant-numeric:tabular-nums;font-weight:500}.contacts-topbar-right{align-items:center;gap:var(--sp-2);flex:1;justify-content:flex-end;display:flex}.contacts-search{align-items:center;gap:var(--sp-2);border-radius:var(--r-ctl);background:var(--color-surface-sunken);width:min(320px,100%);height:34px;color:var(--color-text-3);border:1px solid #0000;order:-1;margin-right:auto;padding:0 10px;display:flex}.contacts-search:focus-within{border-color:var(--color-primary)}.contacts-search input{font-size:var(--fs-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.contacts-btn{border-radius:var(--r-ctl);height:34px;font-size:var(--fs-sm);color:var(--color-text-2);box-shadow:inset 0 0 0 1px var(--color-border);align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.contacts-btn:hover:not(:disabled){color:var(--color-text);background:var(--color-hover-strong)}.contacts-btn:disabled{opacity:.55}.contacts-btn-filter{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}.contacts-btn-new{background:var(--color-primary-fill);color:var(--color-on-primary);box-shadow:none}.contacts-table-scroll{flex:1;overflow:auto}.contacts-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm)}.contacts-table th{z-index:1;background:var(--color-bg);text-align:left;color:var(--color-text-3);padding:10px var(--sp-3);border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:500;position:sticky;top:0}.contacts-table td{padding:0 var(--sp-3);border-bottom:1px solid var(--color-border-soft);height:52px;color:var(--color-text-2);white-space:nowrap;vertical-align:middle}.contacts-table th:first-child,.contacts-table td:first-child{padding-left:var(--sp-5);width:44px}.contacts-table tbody tr{transition:background .12s;position:relative}.contacts-table tbody tr:hover{background:var(--color-hover)}.contacts-table tbody tr:hover td:first-child{box-shadow:inset var(--spine-w) 0 0 var(--color-primary)}.contacts-table input[type=checkbox]{accent-color:var(--c-blue);width:15px;height:15px}.col-name,.contacts-name{color:var(--color-text);font-weight:500}td.col-name>*,.contacts-name{align-items:center;gap:var(--sp-3);display:inline-flex}.contacts-email{color:var(--color-text-2)}.contacts-muted{color:var(--color-text-3)!important}.col-location .country-flag{margin-right:6px}.contacts-active{color:var(--color-text-3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.contacts-active.on{color:var(--color-success)}.contacts-active i{background:currentColor;border-radius:50%;width:7px;height:7px}.col-preview{text-align:right;padding-right:var(--sp-5)!important}.contacts-preview-btn{border-radius:var(--r-ctl);height:28px;font-size:var(--fs-sm);color:var(--color-text-3);opacity:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}tr:hover .contacts-preview-btn,.contacts-preview-btn:focus-visible,.contacts-preview-btn.active{opacity:1}.contacts-preview-btn:hover,.contacts-preview-btn.active{color:var(--color-primary);background:var(--color-primary-soft)}.contacts-empty{padding:var(--sp-6) var(--sp-5);color:var(--color-text-3);white-space:normal}.contacts-preview-panel{width:var(--visitor-w);background:var(--color-surface);border-left:1px solid var(--color-border-soft);flex-shrink:0;overflow-y:auto}.contacts-preview-head{padding:var(--sp-2);justify-content:flex-end;display:flex}.preview-close{border-radius:var(--r-ctl);width:30px;height:30px;color:var(--color-text-3);font-size:18px}.preview-close:hover{background:var(--color-hover-strong);color:var(--color-text)}.contacts-preview-panel .vp-head{padding-top:0}.settings-wrap{min-width:0;height:100vh;display:flex}.settings-side{width:248px;padding:var(--sp-5) var(--sp-3);background:var(--color-surface);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;gap:1px;display:flex;overflow-y:auto}.settings-side:before{content:"Ayarlar";padding:0 var(--sp-2) var(--sp-4);font-size:var(--fs-xl);font-weight:600;display:block}.set-item{width:100%;height:34px;padding:0 var(--sp-2);border-radius:var(--r-ctl);font-size:var(--fs-md);color:var(--color-text-2);text-align:left;align-items:center;gap:10px;display:flex;position:relative}.set-item .chev{color:var(--color-text-3);margin-left:auto}.set-item:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.set-item.active{color:var(--color-text)}.set-item .dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;margin-left:auto}.set-sub{padding-left:var(--sp-3);border-left:1px solid var(--color-border);flex-direction:column;margin:2px 0 6px 17px;display:flex}.set-sub-item{height:30px;padding:0 var(--sp-2);border-radius:var(--r-ctl);font-size:var(--fs-sm);color:var(--color-text-3);text-align:left;align-items:center;display:flex;position:relative}.set-sub-item:hover:not(:disabled){color:var(--color-text);background:var(--color-hover)}.set-sub-item:disabled{opacity:.7}.set-sub-item.active{color:var(--color-text);font-weight:500}.set-sub-item.active:before{content:"";left:calc(-1 * var(--sp-3) - 1px);width:var(--spine-w);background:var(--color-primary);border-radius:2px;position:absolute;top:6px;bottom:6px}.set-foot{padding:var(--sp-4) var(--sp-2) 0;font-size:var(--fs-sm);flex-direction:column;gap:6px;margin-top:auto;display:flex}.ver{color:var(--color-text-3);font-size:var(--fs-xs)}.settings-content{min-width:0;padding:var(--sp-5) clamp(24px, 4vw, 56px) var(--sp-6);flex:1;overflow-y:auto}.breadcrumb{font-size:var(--fs-sm);color:var(--color-text-3);align-items:center;gap:8px;max-width:920px;display:flex}.breadcrumb .curr{color:var(--color-text-2)}.settings-content>h1{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-5);font-size:var(--fs-2xl);letter-spacing:-.015em;font-weight:600;display:flex}.settings-content>h1 svg{color:var(--color-text-3)}.card{column-gap:var(--sp-6);max-width:920px;padding:var(--sp-5) 0;border-top:1px solid var(--color-border-soft);grid-template-columns:minmax(180px,260px) 1fr;display:grid}.card>*{grid-column:2}.card>h2{font-size:var(--fs-lg);grid-area:1/1;font-weight:600}.card>h2+.desc{grid-area:2/1/span 30;align-self:start;margin-top:6px}.card>.manage-head{grid-column:1/-1}.card>.empty-shortcuts,.card>.shortcut-manage-list{margin-top:var(--sp-3);grid-column:1/-1}.desc{font-size:var(--fs-sm);color:var(--color-text-3);line-height:1.55}.desc code,.card code{background:var(--color-surface-2);color:var(--color-text-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500}.req{color:var(--color-danger)}.field input,.field select,.field textarea{border-radius:var(--r-ctl);background:var(--color-surface-sunken);border:1px solid var(--color-border);width:100%;height:38px;color:var(--color-text);font-size:var(--fs-md);outline:none;padding:0 12px}.field textarea{resize:vertical;height:auto;min-height:110px;padding:10px 12px;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--color-primary)}.field input[readonly]{color:var(--color-text-2)}.field select:disabled{opacity:.6}.embed-code{font-family:ui-monospace,Menlo,monospace;font-size:12px!important}.btn-add-shortcut{border-radius:var(--r-ctl);height:36px;font-weight:600;font-size:var(--fs-sm);background:var(--color-surface-2);color:var(--color-text-3);justify-self:start;padding:0 16px}.btn-add-shortcut.enabled{background:var(--color-primary-fill);color:var(--color-on-primary)}.btn-add-shortcut.enabled:hover{background:var(--color-primary-fill-hover)}.manage-head{justify-content:space-between;align-items:center;display:flex}.manage-head h2{font-size:var(--fs-lg);font-weight:600}.manage-head button{border-radius:var(--r-ctl);width:30px;height:30px;color:var(--color-text-3)}.manage-head button:hover{background:var(--color-hover-strong)}.empty-shortcuts{padding:var(--sp-5);border:1px dashed var(--color-border);color:var(--color-text-3);font-size:var(--fs-sm);align-items:center;gap:var(--sp-3);border-radius:10px;display:flex}.empty-shortcuts .ico{background:var(--color-surface-2);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.shortcut-manage-list{list-style:none}.shortcut-manage-list li{gap:var(--sp-4);border-bottom:1px solid var(--color-border-soft);font-size:var(--fs-sm);color:var(--color-text-2);grid-template-columns:140px 1fr;padding:12px 0;display:grid}.shortcut-manage-list li:last-child{border-bottom:none}.ai-snippet-list li{grid-template-columns:1fr auto;align-items:start}.ai-snippet-actions{gap:var(--sp-2);flex-shrink:0;align-items:center;display:flex}.settings-breadcrumb-row{justify-content:space-between;max-width:920px}.settings-breadcrumb-inner{align-items:center;gap:8px;display:flex}.settings-lead{margin-bottom:var(--sp-4);max-width:920px}.settings-save-error{color:var(--color-danger);max-width:920px}.settings-stat{color:var(--color-text);font-weight:600}.settings-form-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.settings-file-input{font-size:var(--fs-sm);color:var(--color-text-2);margin-bottom:var(--sp-3);grid-column:2}.settings-saved-badge{font-size:var(--fs-sm);color:var(--color-success)}.bh-schedule{gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.bh-row{gap:var(--sp-2);font-size:var(--fs-sm);grid-template-columns:120px auto 1fr auto 1fr;align-items:center;display:grid}.bh-day{color:var(--color-text);font-weight:500}.bh-closed{color:var(--color-text-2);cursor:pointer;align-items:center;gap:6px;display:flex}.bh-sep{color:var(--color-text-3)}.bh-row input[type=time]{height:32px;padding:0 8px}.composer-attach-row{gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-2);flex-wrap:wrap;display:flex}.composer-attach-chip{font-size:var(--fs-xs);color:var(--color-text-2);border-radius:var(--r-pill);background:var(--color-surface-2);text-overflow:ellipsis;white-space:nowrap;max-width:160px;padding:4px 8px;overflow:hidden}.visitors-wrap{--vis-sidebar-w:340px;background:var(--color-bg);flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.visitors-wrap .map-area{z-index:1;flex:1;min-width:0;position:relative}.visitors-wrap .maplibregl-map{background:0 0!important}.visitors-wrap .maplibregl-ctrl-group{border-radius:8px;background:var(--color-surface-2)!important;box-shadow:0 0 0 1px var(--color-border)!important}.visitors-wrap .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert()}.vis-map-stars{z-index:0;pointer-events:none;background:radial-gradient(1px 1px at 20% 30%,#eceef280 50%,#0000 51%) 0 0/340px 340px,radial-gradient(1px 1px at 70% 20%,#eceef259 50%,#0000 51%) 0 0/270px 270px;position:absolute;inset:0}.vis-list{width:var(--vis-sidebar-w);background:var(--color-surface);border-right:1px solid var(--color-border-soft);z-index:2;flex-direction:column;flex-shrink:0;order:-1;min-height:0;display:flex}.vis-list-head{height:var(--head-h);padding:0 var(--sp-4);justify-content:space-between;align-items:center;display:flex}.vis-list-title{font-size:var(--fs-xl);font-weight:600}.live-tag{border-radius:var(--r-pill);height:24px;font-size:var(--fs-xs);color:var(--color-text-3);background:var(--color-surface-2);align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.live-tag i{background:currentColor;border-radius:50%;width:7px;height:7px}.live-tag.live-on{color:var(--color-success);background:var(--color-success-soft)}.live-tag.live-on i{animation:1.8s ease-in-out infinite vis-live}@keyframes vis-live{50%{opacity:.35}}.vis-search{padding:0 var(--sp-4) var(--sp-3);border-bottom:1px solid var(--color-border-soft);order:-1}.vis-list-head{order:-2}.vis-search input{border-radius:var(--r-ctl);background:var(--color-surface-sunken);width:100%;height:32px;font-size:var(--fs-sm);color:var(--color-text);border:1px solid #0000;outline:none;padding:0 10px}.vis-search input:focus{border-color:var(--color-primary)}.vis-list-body{padding:var(--sp-2) 0;flex:1;overflow-y:auto}.vis-empty{padding:var(--sp-5) var(--sp-4);color:var(--color-text-3);font-size:var(--fs-sm)}.vis-card{align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);cursor:pointer;animation:.3s both vis-in;animation-delay:var(--vis-stagger,0s);display:flex;position:relative}@keyframes vis-in{0%{opacity:0;transform:translateY(4px)}}.vis-card:hover{background:var(--color-hover)}.vis-card:before{content:"";width:var(--spine-w);background:var(--color-success);opacity:0;border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:0}.vis-card:hover:before{opacity:.8}.vis-card:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:0}.vis-card-body{align-items:center;gap:var(--sp-2);flex:1;min-width:0;display:flex}.meta-default{flex-direction:column;flex:1;min-width:0;display:flex}.meta-default strong{font-weight:600;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-title{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vis-card-actions{align-items:center;gap:4px;display:flex}.vis-act-magic{display:none}.vis-card:hover .vis-act-magic,.vis-card:focus-within .vis-act-magic{font-size:var(--fs-xs);color:var(--color-text-3);opacity:.7;align-items:center;gap:4px;display:inline-flex}.vis-act-chat,.vis-act-open{border-radius:var(--r-ctl);width:28px;height:28px;color:var(--color-text-2);place-items:center;display:grid}.vis-act-chat{background:var(--color-primary-soft);color:var(--color-primary)}.vis-act-chat:hover{background:var(--color-primary-fill);color:var(--color-on-primary)}.vis-act-open:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.vis-act-open:disabled{opacity:.4}.vis-map-stats{z-index:5;top:var(--sp-4);left:calc(var(--vis-sidebar-w) + var(--sp-4));align-items:center;gap:var(--sp-5);padding:10px var(--sp-4);background:var(--color-surface);box-shadow:0 0 0 1px var(--color-border);border-radius:10px;display:flex;position:absolute}.vis-map-stats .line{align-items:baseline;gap:6px;display:flex}.vis-map-stats .n{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600}.vis-map-stats .n.green{color:var(--color-success)}.vis-map-stats .lbl{font-size:var(--fs-sm);color:var(--color-text-3)}.vis-map-stats .foot{font-size:var(--fs-xs);color:var(--color-text-3);padding-left:var(--sp-4);border-left:1px solid var(--color-border)}.art-wrap{min-width:0;height:100vh;display:flex}.art-list .list-head{gap:var(--sp-2)}.art-tab-n{color:var(--color-text-3);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:500}.mailbox.active .art-tab-n{color:var(--color-text-2)}.art-drop-label{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.art-cat-menu{min-width:200px;max-height:320px;overflow-y:auto}.art-rows{scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.art-row-list{padding:var(--sp-1) 0 var(--sp-4);list-style:none}.art-row{--spine:var(--spine-open);padding:10px var(--sp-3) 10px var(--sp-4);color:var(--color-text);flex-direction:column;gap:4px;transition:background .12s;display:flex;position:relative}.art-row.is-draft{--spine:var(--spine-draft)}.art-row:before{content:"";width:var(--spine-w);background:var(--spine);opacity:.35;border-radius:0 3px 3px 0;transition:opacity .12s;position:absolute;top:8px;bottom:8px;left:0}.art-row:hover{background:var(--color-hover)}.art-row:hover:before{opacity:.7}.art-row.selected{background:var(--color-row-selected)}.art-row.selected:before{opacity:1;border-radius:0;top:0;bottom:0}.art-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px;border-radius:0}.art-row-title{align-items:baseline;gap:6px;min-width:0;display:flex}.art-row-name{min-width:0;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.art-row.is-draft .art-row-name{color:var(--color-text-2)}.art-star{color:var(--color-text-2);align-self:center}.art-row-meta{align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--color-text-3);display:flex}.art-row-cat{white-space:nowrap;text-overflow:ellipsis;flex:1;gap:6px;min-width:0;display:flex;overflow:hidden}.art-row-state{color:var(--color-text-2);font-weight:500}.art-stat{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.art-row-skel{gap:var(--sp-2);padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.art-skel{background:var(--color-surface-2);border-radius:4px;width:70%;height:10px;animation:1.4s ease-in-out infinite art-skel;display:block}.art-skel-short{width:40%}.art-skel-sm{width:120px}.art-skel-title{width:55%;height:22px;margin-bottom:var(--sp-4)}@keyframes art-skel{50%{opacity:.5}}.art-list-foot{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--color-border-soft);flex-shrink:0}.art-foot-link{align-items:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-2);border-radius:var(--r-ctl);color:var(--color-text-2);font-size:var(--fs-sm);font-weight:500;display:flex}.art-foot-link .art-tab-n{margin-left:auto}.art-foot-link:hover{background:var(--color-hover-strong);color:var(--color-text)}.art-foot-link.active{background:var(--color-surface-2);color:var(--color-text)}.art-btn{border-radius:var(--r-ctl);height:32px;font-size:var(--fs-sm);color:var(--color-text-2);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--color-border);flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.art-btn:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.art-btn.is-on{background:var(--color-surface-2);color:var(--color-text)}.art-btn:disabled{opacity:.5}.art-btn-quiet{box-shadow:none}.art-btn-sm{height:26px;padding:0 var(--sp-2);font-size:var(--fs-xs)}.art-btn-primary{border-radius:var(--r-ctl);background:var(--color-primary-fill);height:34px;color:var(--color-on-primary);font-size:var(--fs-sm);white-space:nowrap;flex-shrink:0;padding:0 14px;font-weight:600;transition:background .12s}.art-btn-primary:hover:not(:disabled){background:var(--color-primary-fill-hover)}.art-btn-primary:disabled{background:var(--color-surface-2);color:var(--color-text-3)}.art-btn-danger{border-radius:var(--r-ctl);background:var(--color-danger-fill);height:32px;color:var(--color-on-primary);font-size:var(--fs-sm);white-space:nowrap;padding:0 12px;font-weight:600}.art-btn-danger.art-btn-sm{height:26px;padding:0 var(--sp-2);font-size:var(--fs-xs)}.art-btn.art-btn-danger-ghost,.art-btn.art-btn-danger-ghost:hover{color:var(--color-danger)}.art-link-btn{font-size:var(--fs-xs);color:var(--color-primary);font-weight:500}.art-link-btn:hover{text-underline-offset:2px;text-decoration:underline}.art-center{background:var(--color-chat);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.art-center-msg{justify-content:center;align-items:flex-start;gap:var(--sp-3);color:var(--color-text-2);font-size:var(--fs-sm);padding:0 clamp(24px,6vw,96px)}.art-center-msg strong{font-size:var(--fs-lg);color:var(--color-text);font-weight:600}.art-center-msg p{max-width:420px;line-height:1.55}.art-top{--spine:var(--spine-draft);align-items:center;gap:var(--sp-2);height:var(--head-h);padding:0 var(--sp-4) 0 0;border-bottom:1px solid var(--color-border-soft);flex-shrink:0;display:flex}.art-top[data-status=published]{--spine:var(--spine-open)}.art-top-plain{padding-left:clamp(24px,6vw,96px)}.art-top-spine{width:var(--spine-w);margin-right:var(--sp-3);background:var(--spine);align-self:stretch}.art-top-state{flex-direction:column;min-width:0;margin-right:auto;display:flex}.art-top-state strong{font-size:var(--fs-lg);font-weight:600;line-height:1.25}.art-save{min-width:0;font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.art-save.is-ok{color:var(--color-success)}.art-save.is-warn{color:var(--color-accent)}.art-save.is-error{color:var(--color-danger)}.art-side-toggle{display:none}.art-editor-pane{flex-direction:column;flex:1;min-height:0;display:flex}.art-editor-pane[hidden]{display:none}.art-toolbar-wrap{border-bottom:1px solid var(--color-border-soft);flex-shrink:0;min-height:45px;position:relative}.art-toolbar{align-items:center;gap:2px;padding:6px clamp(16px,6vw - 8px,88px);display:flex;overflow-x:auto}.art-tbtn{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--color-text-2);flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.art-tbtn:hover:not(:disabled){background:var(--color-hover-strong);color:var(--color-text)}.art-tbtn.is-active{background:var(--color-surface-2);color:var(--color-primary)}.art-tbtn:disabled{opacity:.45}.art-tbtn-txt{font-size:var(--fs-sm);font-weight:600;line-height:1}.art-tsep{width:1px;height:18px;margin:0 var(--sp-1);background:var(--color-border);flex-shrink:0}.art-link-pop{z-index:30;align-items:center;gap:var(--sp-2);width:min(480px,100% - 32px);padding:var(--sp-2);background:var(--color-surface-2);box-shadow:var(--shadow-float);border-radius:8px;display:flex;position:absolute;top:calc(100% + 4px);left:clamp(16px,6vw - 8px,88px)}.art-link-pop input{border-radius:var(--r-ctl);background:var(--color-surface-sunken);border:1px solid var(--color-border);min-width:0;height:32px;color:var(--color-text);font-size:var(--fs-sm);outline:none;flex:1;padding:0 10px}.art-link-pop input:focus{border-color:var(--color-primary)}.art-canvas{min-height:0;padding:var(--sp-6) clamp(24px, 6vw, 96px) 96px;flex:1;overflow-y:auto}.art-doc{gap:var(--sp-4);flex-direction:column;max-width:680px;display:flex}.art-title-input{resize:none;width:100%;color:var(--color-text);font-size:var(--fs-2xl);letter-spacing:-.015em;background:0 0;border:none;padding:0;font-weight:600;line-height:1.25;overflow:hidden}.art-title-input::placeholder{color:var(--color-text-3)}.art-title-input:focus-visible{box-shadow:0 2px 0 0 var(--color-focus);border-radius:0;outline:none}.art-prose{min-height:320px;color:var(--color-text);font-size:var(--fs-lg);overflow-wrap:anywhere;outline:none;line-height:1.65}.art-prose>*+*{margin-top:.8em}.art-prose h2{font-size:var(--fs-xl);letter-spacing:-.01em;margin-top:1.6em;font-weight:600;line-height:1.25}.art-prose h3{font-size:var(--fs-lg);margin-top:1.4em;font-weight:600;line-height:1.3}.art-prose h2+*,.art-prose h3+*{margin-top:.45em}.art-prose ul,.art-prose ol{padding-left:1.4em}.art-prose ul{list-style:outside}.art-prose ol{list-style:decimal}.art-prose li+li{margin-top:.3em}.art-prose li::marker{color:var(--color-text-3)}.art-prose a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.art-prose blockquote{padding-left:var(--sp-4);border-left:var(--spine-w) solid var(--color-border);color:var(--color-text-2)}.art-prose code{background:var(--color-surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.art-prose pre{padding:var(--sp-3) var(--sp-4);background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--fs-sm);border-radius:8px;line-height:1.55;overflow-x:auto}.art-prose pre code{font-size:inherit;background:0 0;padding:0}.art-prose img{border-radius:8px;max-width:100%;height:auto;display:block}.art-prose img.ProseMirror-selectednode{outline:2px solid var(--color-focus);outline-offset:2px}.art-prose hr{background:var(--color-border);border:none;height:1px;margin:1.6em 0}.art-prose hr.ProseMirror-selectednode{background:var(--color-focus)}.art-prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--color-text-3);pointer-events:none}.art-side{width:var(--visitor-w);background:var(--color-surface);border-left:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.art-side-head{height:var(--head-h);padding:0 var(--sp-3) 0 var(--sp-4);border-bottom:1px solid var(--color-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.art-side-head h2{font-size:var(--fs-lg);font-weight:600}.art-side-close{display:none}.art-side-body{padding:var(--sp-4);flex:1;overflow-y:auto}.art-side .field{margin-bottom:var(--sp-5)}.art-label{font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500}.art-label-row{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.art-hint{font-size:var(--fs-xs);color:var(--color-text-3);line-height:1.45}.art-seg{background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.art-seg-opt{border-radius:var(--r-ctl);height:32px;font-size:var(--fs-sm);color:var(--color-text-2);justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.art-seg-opt:hover:not(:disabled):not(.is-on){background:var(--color-hover-strong);color:var(--color-text)}.art-seg-opt.is-on{background:var(--color-surface-2);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);cursor:default}.art-seg-opt:disabled:not(.is-on){opacity:.5}.art-dot{background:var(--spine-draft);border-radius:2px;width:8px;height:8px}.art-dot.is-published{background:var(--spine-open)}.art-switch{align-items:flex-start;gap:var(--sp-3);cursor:pointer;display:flex;position:relative}.art-switch input{opacity:0;width:1px;height:1px;position:absolute}.art-switch-track{border-radius:var(--r-pill);background:var(--color-surface-2);width:32px;height:18px;box-shadow:inset 0 0 0 1px var(--color-border);flex-shrink:0;margin-top:1px;transition:background .15s;position:relative}.art-switch-knob{background:var(--color-text-3);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.art-switch input:checked+.art-switch-track{background:var(--color-primary-fill);box-shadow:none}.art-switch input:checked+.art-switch-track .art-switch-knob{background:var(--color-on-primary);transform:translate(14px)}.art-switch input:focus-visible+.art-switch-track{outline:2px solid var(--color-focus);outline-offset:2px}.art-switch-text{flex-direction:column;gap:2px;display:flex}.art-switch-text strong{font-size:var(--fs-sm);color:var(--color-text);font-weight:500}.art-switch-text span{font-size:var(--fs-xs);color:var(--color-text-3);font-weight:400;line-height:1.45}.art-slug{border-radius:var(--r-ctl);background:var(--color-surface-sunken);border:1px solid var(--color-border);height:38px;color:var(--color-text-3);align-items:center;padding-left:10px;display:flex}.art-slug:focus-within{border-color:var(--color-primary)}.field .art-slug input{height:36px;font-size:var(--fs-sm);background:0 0;border:none;padding:0 10px 0 2px}.art-auto-tag{font-size:var(--fs-xs);color:var(--color-text-3)}.art-counter{font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums}.art-facts{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--color-border-soft);font-size:var(--fs-sm);flex-direction:column;display:flex}.art-facts div{gap:var(--sp-2);grid-template-columns:76px 1fr;display:grid}.art-facts dt{color:var(--color-text-3)}.art-facts dd{color:var(--color-text-2);font-variant-numeric:tabular-nums}.art-side-foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border-soft);flex-shrink:0}.art-confirm p{margin-bottom:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-2)}.art-confirm div{gap:var(--sp-2);display:flex}.art-cats{gap:var(--sp-4);flex-direction:column;max-width:680px;display:flex}.art-cats-lead{max-width:520px;font-size:var(--fs-sm);color:var(--color-text-2);line-height:1.55}.art-cat-new{align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-border-soft);display:flex}.art-cat-name{border-radius:var(--r-ctl);background:var(--color-surface-sunken);border:1px solid var(--color-border);min-width:0;height:36px;color:var(--color-text);font-size:var(--fs-md);outline:none;flex:1;padding:0 10px}.art-cat-name:focus{border-color:var(--color-primary)}.art-cat-list{list-style:none}.art-cat-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border-soft);display:flex}.art-cat-list .art-cat-name{background:0 0;border-color:#0000;font-weight:500}.art-cat-list .art-cat-name:hover{border-color:var(--color-border)}.art-cat-list .art-cat-name:focus{background:var(--color-surface-sunken);border-color:var(--color-primary)}.art-cat-count{text-align:right;white-space:nowrap;min-width:64px;font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums}.art-cat-actions{gap:2px;display:flex}.icon-btn.art-icon-danger:hover:not(:disabled){color:var(--color-danger)}.art-cat-confirm{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-text-2);white-space:nowrap;display:flex}.art-icon-pick{flex-shrink:0;position:relative}.art-icon-btn{border-radius:var(--r-ctl);width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);place-items:center;display:grid}.art-icon-btn:hover,.art-icon-btn[aria-expanded=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}.art-icon-menu{z-index:30;padding:var(--sp-2);background:var(--color-surface-2);box-shadow:var(--shadow-float);border-radius:8px;grid-template-columns:repeat(5,32px);gap:4px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.art-icon-opt{border-radius:var(--r-ctl);width:32px;height:32px;color:var(--color-text-2);place-items:center;display:grid}.art-icon-opt:hover{background:var(--color-hover-strong);color:var(--color-text)}.art-icon-opt.is-on{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.art-preview-canvas{justify-content:center;display:flex}.wprev{gap:var(--sp-3);flex-direction:column;width:400px;max-width:100%;display:flex}.wprev-frame{background:var(--color-wprev-paper);color:var(--color-wprev-ink);box-shadow:var(--shadow-float);border-radius:12px;overflow:hidden}.wprev-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--wprev-brand);color:var(--wprev-on-brand);display:flex}.wprev-back{background:color-mix(in srgb, currentColor 16%, transparent);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.wprev-head-text{flex-direction:column;min-width:0;display:flex}.wprev-head-text strong{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wprev-head-text span{font-size:var(--fs-xs);opacity:.85}.wprev-body{max-height:calc(100vh - 240px);padding:var(--sp-5) var(--sp-5) var(--sp-6);overflow-y:auto}.wprev-body h1{font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:600;line-height:1.25}.wprev-meta{gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-4);font-size:var(--fs-xs);color:var(--color-wprev-ink-2);flex-wrap:wrap;display:flex}.wprev-prose{font-size:var(--fs-md);overflow-wrap:anywhere;line-height:1.6}.wprev-prose>*+*{margin-top:.75em}.wprev-prose h2{font-size:var(--fs-lg);margin-top:1.3em;font-weight:600;line-height:1.3}.wprev-prose h3{font-size:var(--fs-md);margin-top:1.1em;font-weight:600}.wprev-prose ul,.wprev-prose ol{padding-left:1.3em}.wprev-prose ul{list-style:outside}.wprev-prose ol{list-style:decimal}.wprev-prose a{color:var(--wprev-brand);text-underline-offset:2px;text-decoration:underline}.wprev-prose blockquote{padding-left:var(--sp-3);border-left:var(--spine-w) solid var(--color-wprev-line);color:var(--color-wprev-ink-2)}.wprev-prose code{background:var(--color-wprev-soft);border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em}.wprev-prose pre{padding:var(--sp-3);background:var(--color-wprev-soft);font-size:var(--fs-sm);border-radius:8px;overflow-x:auto}.wprev-prose pre code{background:0 0;padding:0}.wprev-prose img{border-radius:8px;max-width:100%;height:auto;display:block}.wprev-prose hr{background:var(--color-wprev-line);border:none;height:1px}.wprev-empty{color:var(--color-wprev-ink-2)}.wprev figcaption{text-align:center;font-size:var(--fs-xs);color:var(--color-text-3)}.chat-article-context{align-self:flex-start;column-gap:var(--sp-2);max-width:min(640px,78%);margin:var(--sp-2) 0 2px calc(28px + var(--sp-2));background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-size:var(--fs-sm);color:var(--color-text-2);border-radius:12px;grid-template-columns:24px minmax(0,auto);align-items:center;row-gap:1px;padding:7px 14px 7px 8px;display:grid}.chat-article-context .ico{background:var(--color-primary-soft);width:24px;height:24px;color:var(--color-primary);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.chat-article-context .txt{min-width:0;line-height:1.35}.chat-article-context a{color:var(--color-primary);font-weight:600;text-decoration:none}.chat-article-context a:hover{text-underline-offset:2px;text-decoration:underline}.chat-article-context a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}.chat-article-context .meta{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap}.msg .bubble.bubble-article,.msg.out .bubble.bubble-article{color:var(--color-text);white-space:normal;background:0 0;padding:0}.msg-article-card{gap:var(--sp-3);border-radius:var(--r-bub);background:var(--color-surface-2);width:min(340px,100%);box-shadow:inset 0 0 0 1px var(--color-border);text-align:left;border-bottom-right-radius:3px;align-items:flex-start;padding:12px 14px;display:flex}.msg-article-ico{background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.msg-article-text{flex-direction:column;gap:2px;min-width:0;display:flex}.msg-article-cat{font-size:var(--fs-xs);color:var(--color-text-3)}.msg-article-title{font-size:var(--fs-md);color:var(--color-text);font-weight:600;line-height:1.35}.msg-article-excerpt{font-size:var(--fs-sm);color:var(--color-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.msg-article-foot{font-size:var(--fs-xs);color:var(--color-text-3);margin-top:4px}.art-share{display:contents}.tbtn.is-on{background:var(--color-primary-soft);color:var(--color-primary)}.tbtn:not(:disabled):hover{background:var(--color-hover-strong);color:var(--color-text)}.tbtn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.art-share-pop{z-index:30;background:var(--color-surface-2);width:min(420px,100%);box-shadow:var(--shadow-float);animation:art-share-in .12s var(--ease-out,ease-out);border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}@keyframes art-share-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.art-share-head{flex-direction:column;gap:2px;padding:12px 14px 8px;display:flex}.art-share-head strong{font-size:var(--fs-sm);color:var(--color-text)}.art-share-head span{font-size:var(--fs-xs);color:var(--color-text-3)}.art-share-search{align-items:center;gap:var(--sp-2);border-radius:var(--r-ctl);background:var(--color-bg);height:34px;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-3);margin:0 10px 6px;padding:0 10px;display:flex}.art-share-search:focus-within{box-shadow:inset 0 0 0 1px var(--color-primary)}.art-share-search input{min-width:0;height:100%;font-size:var(--fs-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.art-share-search input::placeholder{color:var(--color-text-3)}.art-share-list{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent;max-height:264px;margin:0;padding:0 6px;list-style:none;overflow-y:auto}.art-share-row{gap:var(--sp-2);cursor:pointer;border-radius:8px;grid-template-columns:26px 1fr;align-items:center;padding:7px 8px;display:grid}.art-share-row.active{background:var(--color-primary-sel)}.art-share-ico{border-radius:var(--r-ctl);background:var(--color-surface);width:26px;height:26px;color:var(--color-text-2);place-items:center;display:grid}.art-share-row.active .art-share-ico{color:var(--color-primary)}.art-share-main{flex-direction:column;min-width:0;display:flex}.art-share-title{font-size:var(--fs-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.art-share-sub{font-size:var(--fs-xs);color:var(--color-text-3)}.art-share-empty{font-size:var(--fs-sm);color:var(--color-text-3);margin:0;padding:10px 14px}.art-share-foot{gap:var(--sp-3);border-top:1px solid var(--color-border-soft);font-size:var(--fs-xs);color:var(--color-text-3);margin-top:6px;padding:8px 14px;display:flex}.art-share-foot kbd{background:var(--color-surface);min-width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--color-border);font:inherit;color:var(--color-text-2);border-radius:4px;place-items:center;margin-right:3px;padding:0 4px;font-size:10.5px;display:inline-grid}.acc-count{border-radius:var(--r-pill);background:var(--color-surface-2);min-width:18px;height:18px;font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums;place-items:center;margin-left:6px;padding:0 5px;font-weight:600;display:inline-grid}.vp-article-row{grid-template-columns:22px 1fr auto;height:auto;min-height:44px;padding-top:6px;padding-bottom:6px}.vp-article-ico{background:var(--color-primary-soft);color:var(--color-primary)}.vp-article-ico svg{stroke:currentColor}.vp-article-badge{font-size:var(--fs-xs);color:var(--color-success);margin-top:1px;display:block}.vp-article-time{font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.vp-article-row .vp-page-title:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:3px}.art-feedback{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--color-border-soft)}.art-feedback h3{font-size:var(--fs-sm);color:var(--color-text);font-weight:600}.art-feedback ul{margin:var(--sp-2) 0 0;gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.art-feedback li{border-radius:var(--r-ctl);background:var(--color-surface-2);padding:8px 10px}.art-feedback li p{font-size:var(--fs-sm);color:var(--color-text-2);overflow-wrap:anywhere;line-height:1.45}.art-feedback li time{font-size:var(--fs-xs);color:var(--color-text-3);margin-top:2px;display:block}.rep .art-top{gap:var(--sp-3)}.rep-range{grid-template-columns:repeat(3,auto)}.rep-range .art-seg-opt{padding:0 var(--sp-3)}.rep-canvas{container-type:inline-size}.rep-body{gap:var(--sp-6);flex-direction:column;max-width:1120px;transition:opacity .15s;display:flex}.rep-body.is-loading{opacity:.55}.rep-msg{min-height:320px}.rep-h2{font-size:var(--fs-md);color:var(--color-text);font-weight:600;line-height:1.35}.rep-totals{border-top:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.rep-total{min-width:0;padding:var(--sp-4) var(--sp-5);border-left:1px solid var(--color-border-soft);flex-direction:column;gap:2px;display:flex}.rep-total:first-child{border-left:none;padding-left:0}.rep-total dt{font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500}.rep-total dd{margin:0}.rep-total-value{font-size:var(--fs-2xl);letter-spacing:-.015em;color:var(--color-text);font-variant-numeric:tabular-nums;margin-top:2px;font-weight:600;line-height:1.2}.rep-total-note{font-size:var(--fs-xs);color:var(--color-text-3)}.rep-delta{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--color-text-2);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:500;display:inline-flex}.rep-delta.is-up-good,.rep-delta.is-down-good{color:var(--color-success)}.rep-delta.is-up-bad,.rep-delta.is-down-bad{color:var(--color-danger)}.rep-chart{margin:0}.rep-chart-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.rep-legend{font-size:var(--fs-xs);color:var(--color-text-2);align-items:center;gap:6px;display:inline-flex}.rep-key{border-radius:2px;width:10px;height:10px;display:inline-block}.rep-key+.rep-key,.rep-legend .rep-key-searches{margin-left:var(--sp-2)}.rep-key-views{background:var(--color-primary);opacity:.7}.rep-key-searches{background:var(--color-text-2);border-radius:1px;width:14px;height:2px}.rep-chart-plot{height:160px;margin-top:var(--sp-3);border-radius:4px;position:relative}.rep-chart-plot:focus-visible{outline-offset:4px}.rep-svg{width:100%;height:100%;display:block;overflow:visible}.rep-grid-line{stroke:var(--color-border-soft);stroke-width:1px;vector-effect:non-scaling-stroke}.rep-base-line{stroke:var(--color-border);stroke-width:1px;vector-effect:non-scaling-stroke}.rep-bar{fill:var(--color-primary);opacity:.55;transition:opacity .12s}.rep-bar.is-active{opacity:1}.rep-line{fill:none;stroke:var(--color-text-2);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.rep-hit{fill:#0000;pointer-events:all}.rep-tip{z-index:2;border-radius:var(--r-ctl);background:var(--color-surface-2);box-shadow:var(--shadow-float);font-size:var(--fs-xs);color:var(--color-text-2);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;padding:8px 10px;display:flex;position:absolute;top:-4px;transform:translate(-50%,-100%)}.rep-tip[data-edge=start]{transform:translate(-12px,-100%)}.rep-tip[data-edge=end]{transform:translate(calc(12px - 100%),-100%)}.rep-tip strong{font-size:var(--fs-sm);color:var(--color-text);font-weight:600}.rep-axis{height:20px;font-size:var(--fs-xs);color:var(--color-text-3);font-variant-numeric:tabular-nums;margin-top:6px;position:relative}.rep-axis span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.rep-axis span[data-pos=start]{transform:none;left:0!important}.rep-axis span[data-pos=end]{right:0;transform:none;left:auto!important}.rep-grid{gap:var(--sp-6) var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rep-sec{min-width:0}.rep-sec-head p{max-width:56ch;font-size:var(--fs-xs);color:var(--color-text-3);margin-top:2px;line-height:1.5}.rep-gaps .rep-sec-head{padding-left:var(--sp-3);border-left:var(--spine-w) solid var(--spine-pending)}.rep-list{margin:var(--sp-3) 0 0;border-top:1px solid var(--color-border-soft);padding:0;list-style:none}.rep-row{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--color-border-soft);grid-template-columns:20px minmax(0,1fr) auto auto;min-height:48px;padding:6px 0;display:grid}.rep-gap,.rep-row-short{grid-template-columns:20px minmax(0,1fr) auto}.rep-rank{font-size:var(--fs-xs);color:var(--color-text-3);text-align:right;font-variant-numeric:tabular-nums}.rep-main{flex-direction:column;gap:1px;min-width:0;display:flex}.rep-title{font-size:var(--fs-md);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.rep-sub{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rep-link{border-radius:3px;align-self:flex-start;max-width:100%}.rep-link:hover{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.rep-num{justify-content:flex-end;align-items:center;gap:var(--sp-2);min-width:104px;font-size:var(--fs-sm);color:var(--color-text-2);font-variant-numeric:tabular-nums;display:inline-flex}.rep-meter{border-radius:var(--r-pill);background:var(--color-surface-2);width:56px;height:4px;display:inline-block;overflow:hidden}.rep-meter i{border-radius:inherit;background:var(--color-primary);opacity:.75;height:100%;display:block}.rep-help{text-align:right;min-width:40px;font-size:var(--fs-sm);color:var(--color-text-2);font-variant-numeric:tabular-nums;font-weight:600}.rep-help.is-mid{color:var(--color-accent)}.rep-help.is-low{color:var(--color-danger)}.rep-help.is-none{font-size:var(--fs-xs);color:var(--color-text-3);font-weight:500}.rep-tag{font-size:var(--fs-xs);color:var(--color-success);white-space:nowrap;align-items:center;gap:4px;font-weight:500;display:inline-flex}.rep-gap.is-covered .rep-title{color:var(--color-text-2)}.rep-write svg{color:var(--color-primary)}.rep-empty{margin-top:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--color-border-soft);font-size:var(--fs-sm);color:var(--color-text-3)}.rep-skel-chart{border-radius:var(--r-ctl);width:100%;height:160px}.rep-body .rep-total .art-skel-title{margin:var(--sp-2) 0 0}@container (width<=760px){.rep-grid{grid-template-columns:minmax(0,1fr)}}@container (width<=680px){.rep-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.rep-total:nth-child(odd){border-left:none;padding-left:0}.rep-total:nth-child(n+3){border-top:1px solid var(--color-border-soft)}}@container (width<=440px){.rep-num{min-width:0}.rep-meter{display:none}.rep-gap{grid-template-columns:20px minmax(0,1fr)}.rep-gap>:last-child{grid-column:2;justify-self:start}.rep-total-value{font-size:var(--fs-xl)}}.art-suggest{align-items:center;gap:var(--sp-2);min-width:0;padding:6px var(--sp-2) 6px var(--sp-4);border-bottom:1px solid var(--color-border-soft);animation:.15s ease-out art-suggest-in;display:flex}@keyframes art-suggest-in{0%{opacity:0}to{opacity:1}}.art-suggest-label{font-size:var(--fs-xs);color:var(--color-text-3);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.art-suggest-label svg{color:var(--color-primary)}.art-suggest-list{flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.art-suggest-list li{flex:0 auto;min-width:0;display:flex}.art-suggest-chip{border-radius:var(--r-pill);background:var(--color-primary-soft);min-width:0;max-width:280px;height:26px;color:var(--color-text);font-size:var(--fs-xs);align-items:center;gap:6px;padding:0 4px 0 10px;font-weight:500;transition:background .12s;display:inline-flex}.art-suggest-chip:hover{background:var(--color-primary-sel)}.art-suggest-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.art-suggest-chip kbd{background:var(--color-surface);min-width:18px;height:18px;color:var(--color-text-3);font:inherit;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:9px;flex-shrink:0;place-items:center;padding:0 4px;line-height:1;display:inline-grid}.art-suggest-x{border-radius:var(--r-ctl);width:24px;height:24px;color:var(--color-text-3);flex-shrink:0;place-items:center;transition:background .12s,color .12s;display:grid}.art-suggest-x:hover{background:var(--color-hover-strong);color:var(--color-text)}.field .settings-check{align-items:flex-start;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-md);color:var(--color-text);font-weight:400;display:flex}.field .settings-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-fill);flex:none;margin:2px 0 0;padding:0}.settings-check-desc{margin-top:2px;display:block}@media (width<=1023px){.art-suggest-label span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rep-back{display:none}}@media (width<=1279px){:root{--list-w:312px;--visitor-w:272px}}@media (width<=1179px){.col-visitor,.contacts-preview-panel{display:none}.art-side-toggle,.art-side-close{display:inline-flex}.art-side{z-index:30;box-shadow:var(--shadow-float);visibility:hidden;transition:transform .15s,visibility .15s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.art-side.is-open{visibility:visible;transform:none}.contacts-table th:nth-child(6),.contacts-table td:nth-child(6),.contacts-table th:nth-child(7),.contacts-table td:nth-child(7){display:none}}@media (width<=1023px){:root{--rail-w:60px;--list-w:280px}.rail-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.rail-item{padding:10px 2px}.settings-side{width:200px}.card{grid-template-columns:1fr}.card>*,.card>h2,.card>h2+.desc{grid-area:auto/1}.card>h2+.desc{margin-bottom:var(--sp-4)}.visitors-wrap{--vis-sidebar-w:280px}.vis-map-stats .foot{display:none}}.vp-link-row .ico{width:16px;height:16px;color:var(--color-text-3)}.profile-view-btn{width:calc(100% - 2 * var(--sp-4));margin:0 var(--sp-4) var(--sp-4);padding:0 var(--sp-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.vp-head .profile-view-btn{width:100%;margin:var(--sp-3) 0 0}.list-search{min-width:0}.list-toolbar-filters{flex-shrink:0}.rail-badge{top:2px;right:6px}.contacts-av{background:var(--av-lagoon);color:var(--av-lagoon-ink);font-size:10px;font-weight:600}.contacts-av:first-child.av-1,.contacts-av.av-gold,.contacts-av.gold{background:var(--av-saffron);color:var(--av-saffron-ink)}.contacts-av.av-violet,.contacts-av.violet{background:var(--av-dusk);color:var(--av-dusk-ink)}.contacts-preview-btn{opacity:.55}.card>h2{grid-row:1;align-self:start}.card>h2+.desc{grid-row:1/span 30;margin-top:30px}.contacts-av.av-orange,.contacts-av.av-pink{background:var(--av-saffron);color:var(--av-saffron-ink)}.contacts-av.av-blue{background:var(--av-dusk);color:var(--av-dusk-ink)}.contacts-av{vertical-align:middle;border-radius:50%;justify-content:center;place-items:center;width:26px;min-width:26px;height:26px;margin-right:8px;line-height:1;display:inline-grid}.auth{background:var(--color-bg);height:100vh;min-height:100vh;display:flex;overflow:auto}.auth-panel{--spine:var(--spine-open);width:var(--auth-w);padding:var(--sp-6) var(--sp-6) var(--sp-5) calc(var(--sp-6) + var(--spine-w));background:var(--color-surface);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;display:flex;position:relative}.auth-panel[data-status=pending]{--spine:var(--spine-pending)}.auth-panel[data-status=error]{--spine:var(--color-danger)}.auth-spine{width:var(--spine-w);background:var(--spine);transition:background .15s;position:absolute;top:0;bottom:0;left:0}.auth-panel[data-status=pending] .auth-spine{animation:1.2s ease-in-out infinite auth-spine}@keyframes auth-spine{50%{opacity:.45}}.auth-brand{align-items:center;gap:var(--sp-3);display:flex}.auth-mark{background:var(--color-primary-fill);width:36px;height:36px;color:var(--color-on-primary);font-weight:600;font-size:var(--fs-lg);border-radius:10px 10px 10px 3px;place-items:center;display:grid}.auth-word{font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:600}.auth-body{padding:var(--sp-6) 0;width:100%;max-width:360px;margin:auto 0}.auth-title{font-size:var(--fs-2xl);letter-spacing:-.015em;font-weight:600;line-height:1.25}.auth-lead{margin:var(--sp-2) 0 var(--sp-5);color:var(--color-text-2);font-size:var(--fs-md)}.auth-form .field input{height:42px}.auth-form .field input[aria-invalid=true]{border-color:var(--color-danger)}.auth-form .field input[aria-invalid=true]:focus{border-color:var(--color-primary)}.auth-password{position:relative}.auth-password input{padding-right:76px}.auth-reveal{height:34px;padding:0 var(--sp-3);border-radius:var(--r-ctl);font-size:var(--fs-sm);color:var(--color-text-2);font-weight:500;position:absolute;top:4px;right:4px}.auth-reveal:hover{background:var(--color-hover-strong);color:var(--color-text)}.auth-submit{width:100%;height:42px;margin-top:var(--sp-2);border-radius:var(--r-ctl);justify-content:center;align-items:center;gap:var(--sp-2);background:var(--color-primary-fill);color:var(--color-on-primary);font-weight:600;font-size:var(--fs-md);display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--color-primary-fill-hover)}.auth-submit:disabled{background:var(--color-surface-2);color:var(--color-text-2);cursor:progress}.auth-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4) var(--sp-3) calc(var(--sp-4) - var(--spine-w));border-left:var(--spine-w) solid var(--color-danger);background:var(--color-danger-soft);border-radius:0 var(--r-ctl) var(--r-ctl) 0;font-size:var(--fs-sm);color:var(--color-text);flex-direction:column;gap:2px;display:flex}.auth-error strong{color:var(--color-danger);font-weight:600}.auth-error-detail{color:var(--color-text-3);font-size:var(--fs-xs)}.auth-foot{font-size:var(--fs-xs);color:var(--color-text-3)}.auth-desk{min-width:0;padding:var(--sp-6) clamp(24px, 6vw, 96px);opacity:.72;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;max-width:720px;display:flex}.auth-desk-head{padding:0 var(--sp-4) var(--sp-3);font-size:var(--fs-xl);border-bottom:1px solid var(--color-border-soft);justify-content:space-between;align-items:center;font-weight:600;display:flex}.auth-desk-live{font-size:var(--fs-xs);color:var(--color-success);align-items:center;gap:6px;font-weight:600;display:inline-flex}.auth-desk-live i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite vis-live}.auth-desk-group{--spine:var(--spine-open)}.auth-desk-group.is-pending{--spine:var(--spine-pending)}.auth-desk-group.is-resolved{--spine:var(--spine-resolved)}.auth-desk-group .conv-group-head{background:0 0;position:static}.auth-desk-row{align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-bottom:1px solid var(--color-border-soft);display:flex;position:relative}.auth-desk-row:before{content:"";width:var(--spine-w);background:var(--spine);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0}.auth-desk-av{background:var(--av-lagoon);width:28px;height:28px;color:var(--av-lagoon-ink);font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.auth-desk-group.is-pending .auth-desk-av{background:var(--av-saffron);color:var(--av-saffron-ink)}.auth-desk-group.is-resolved .auth-desk-av{background:var(--av-dusk);color:var(--av-dusk-ink)}.auth-desk-meta{flex-direction:column;flex:1;min-width:0;display:flex}.auth-desk-meta strong{font-weight:600;font-size:var(--fs-md)}.auth-desk-meta span{font-size:var(--fs-sm);color:var(--color-text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-desk-group.is-resolved .auth-desk-meta{color:var(--color-text-3)}.auth-switch{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--color-text-2)}.auth-switch a{color:var(--color-primary);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.auth-switch a:hover{text-decoration-thickness:2px}.auth-hint{font-size:var(--fs-xs);color:var(--color-text-3)}.auth-field-error{font-size:var(--fs-xs);color:var(--color-danger);font-weight:500}.auth-setup{opacity:1}.auth-setup-ws{align-items:center;gap:var(--sp-3);margin:0 var(--sp-4) var(--sp-5);display:flex}.auth-setup-av{background:var(--color-primary-fill);width:40px;height:40px;color:var(--color-on-primary);font-weight:600;font-size:var(--fs-md);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.auth-setup-av.is-empty{background:var(--color-surface-2);color:var(--color-text-3)}.auth-setup-ws-text{flex-direction:column;min-width:0;display:flex}.auth-setup-ws-text strong{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.auth-setup-ws-text span{font-size:var(--fs-xs);color:var(--color-text-3)}.auth-setup-ready{font-size:var(--fs-xs);color:var(--color-text-3);font-weight:500}.auth-setup-list{margin:0;padding:0;list-style:none}.auth-setup-row{align-items:center;gap:var(--sp-3);padding:12px var(--sp-4);border-bottom:1px solid var(--color-border-soft);display:flex;position:relative}.auth-setup-row:before{content:"";width:var(--spine-w);background:var(--spine-open);opacity:.35;border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0}.auth-setup-n{background:var(--color-surface-2);width:28px;height:28px;color:var(--color-text-2);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.auth-setup-empty{margin:var(--sp-5) var(--sp-4) 0;font-size:var(--fs-sm);color:var(--color-text-3)}.ws-missing .auth-panel{border-right:none;width:100%;max-width:560px}.ws-missing-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ws-missing-link{align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-ctl);color:var(--color-text);font-weight:500;display:flex}.ws-missing-link:hover{background:var(--color-hover-strong)}.ws-missing-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}@media (width<=1023px){.auth-desk{display:none}.auth-panel{border-right:none;width:100%}.auth-body{margin:auto}}@media (width<=479px){.auth-panel{padding:var(--sp-5) var(--sp-4) var(--sp-4) calc(var(--sp-4) + var(--spine-w))}.auth-body{padding:var(--sp-5) 0}.auth-title{font-size:var(--fs-xl)}}.m-only,.tabbar,.msheet-layer,.m-back,.vp-open-btn,.vp-sheet-head,.vp-scrim,.contacts-preview-scrim,.set-mtabs{display:none}@media (width<=1179px){html:has(.app){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.app) body{overscroll-behavior:none;height:100%;overflow:hidden}.app{height:var(--app-h,100dvh);width:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#view-inbox,.contacts-page-wrap,.settings-wrap,.visitors-wrap,.art-wrap{height:100%}.vp-open-btn{display:grid}.col-visitor.is-sheet-open{z-index:45;width:min(360px,92vw);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-float);animation:.18s ease-out m-drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0}.col-visitor.is-sheet-open .vp-sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-2);height:52px;padding:0 var(--sp-2) 0 var(--sp-4);border-bottom:1px solid var(--color-border-soft);font-size:var(--fs-md);flex-shrink:0;display:flex}.vp-sheet-head .msheet-grip{display:none}.vp-scrim,.contacts-preview-scrim{z-index:44;background:var(--color-overlay-scrim);animation:.18s ease-out m-fade-in;display:block;position:fixed;inset:0}.contacts-preview-panel{z-index:45;width:min(360px,92vw);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-float);animation:.18s ease-out m-drawer-in;display:block;position:fixed;top:0;bottom:0;right:0}.preview-close{width:44px;height:44px}.composer-input-wrap{flex-wrap:wrap;align-items:center}.composer-input{flex:100%;order:-1;min-height:44px;max-height:32vh;font-size:16px}.composer-note-badge{order:-2}.composer-tools{margin-right:auto}.contacts-topbar{gap:var(--sp-3)}.contacts-search{flex:160px;width:auto;min-width:0}.contacts-btn{white-space:nowrap}.contacts-btn-docs{display:none}.art-side{padding-bottom:env(safe-area-inset-bottom)}}@keyframes m-drawer-in{0%{opacity:0;transform:translate(24px)}}@keyframes m-sheet-in{0%{opacity:0;transform:translateY(32px)}}@keyframes m-fade-in{0%{opacity:0}}@media (width<=767px){:root{--head-h:56px;--tabbar-h:58px}.app{flex-direction:column}.app>section,.app>.main{flex:1;width:100%;min-height:0}.rail{display:none}.tabbar{min-height:var(--tabbar-h);padding:0 4px env(safe-area-inset-bottom);background:var(--color-bg);border-top:1px solid var(--color-border-soft);flex-shrink:0;order:2;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tabbar-item{min-width:0;min-height:52px;color:var(--color-text-3);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px 4px;text-decoration:none;display:flex;position:relative}.tabbar-item:focus-visible{outline-offset:-3px;border-radius:10px}.tabbar-ico{place-items:center;width:28px;height:26px;display:grid;position:relative}.tabbar-ico .icon{width:22px;height:22px}.tabbar-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:500;line-height:1.15;overflow:hidden}.tabbar-item.active{color:var(--color-text)}.tabbar-item.active .icon{color:var(--color-primary)}.tabbar-item.active:before{content:"";height:var(--spine-w);background:var(--color-primary);border-radius:0 0 3px 3px;position:absolute;top:-1px;left:28%;right:28%}.tabbar-badge{border-radius:var(--r-pill);background:var(--color-accent);min-width:17px;height:17px;color:var(--color-on-accent);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--color-bg);padding:0 5px;font-size:10px;font-weight:600;line-height:17px;position:absolute;top:-4px;left:17px}.tabbar-badge.is-live{background:var(--color-success)}.tabbar-av{background:var(--av-dusk);width:26px;height:26px;color:var(--av-dusk-ink);border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:grid;position:relative}.tabbar-av .rail-online{width:9px;height:9px}.tabbar-item.active .tabbar-av{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 3.5px var(--color-primary)}:is(.app:has(#view-inbox[data-pane=chat]) .tabbar,.app:has(.art-wrap[data-pane=detail]) .tabbar){display:none}:is(.app:has(#view-inbox[data-pane=chat]),.app:has(.art-wrap[data-pane=detail])){padding-bottom:0}.msheet-layer{z-index:60;display:block;position:fixed;inset:0}.msheet-scrim{background:var(--color-overlay-scrim);animation:.18s ease-out m-fade-in;position:absolute;inset:0}.msheet{max-height:calc(var(--app-h,100dvh) - 48px);padding:0 var(--sp-3) calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--color-surface-2);box-shadow:var(--shadow-float);border-radius:16px 16px 0 0;animation:.2s ease-out m-sheet-in;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.msheet-grip,.vp-sheet-head .msheet-grip{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:8px auto 4px;display:block}.msheet-head{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-3) var(--sp-2);display:flex}.msheet-head .rail-user-menu-who{flex:1}.msheet-close{width:44px;height:44px}.msheet-list{padding-top:var(--sp-2);border-top:1px solid var(--color-border);margin-top:var(--sp-2);flex-direction:column;display:flex}.msheet-item{align-items:center;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-3);font-size:var(--fs-lg);color:var(--color-text);text-align:left;border-radius:10px;text-decoration:none;display:flex}.msheet-item svg{color:var(--color-text-3);flex-shrink:0}.msheet-item:active{background:var(--color-hover-strong)}.msheet-item.is-danger,.msheet-item.is-danger svg{color:var(--color-danger)}.ws-wrap.is-sheet{border-top:1px solid var(--color-border);padding-top:var(--sp-2)}.ws-sheet-trigger{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:0 var(--sp-3) 0 var(--sp-2);text-align:left;color:var(--color-text);border-radius:10px;display:flex}.ws-sheet-trigger .rail-account-av{width:36px;height:36px;font-size:var(--fs-sm)}.ws-sheet-trigger .ws-item-text{flex:1}.ws-sheet-caret{color:var(--color-text-3);transition:transform .15s}.ws-sheet-trigger[aria-expanded=true] .ws-sheet-caret{transform:rotate(180deg)}.ws-wrap.is-sheet .ws-menu{width:auto;box-shadow:none;background:0 0;margin:4px 0 0;padding:4px 0;position:static}.ws-wrap.is-sheet .ws-item{min-height:48px}.ws-wrap.is-sheet .ws-create .field input{height:44px;font-size:16px}.m-back{border-radius:var(--r-ctl);width:44px;height:44px;color:var(--color-text);flex-shrink:0;place-items:center;margin-left:2px;text-decoration:none;display:grid}.m-back:active{background:var(--color-hover-strong)}.icon-btn,.tool,.filter-btn,.contacts-icon-btn{width:44px;height:44px}#view-inbox{flex-direction:column}#view-inbox .col-list{border-right:none;flex:1;width:100%}#view-inbox .col-chat,#view-inbox[data-pane=chat] .col-list{display:none}#view-inbox[data-pane=chat] .col-chat{flex:1;min-height:0;display:flex}.list-head{padding-top:env(safe-area-inset-top);height:calc(var(--head-h) + env(safe-area-inset-top))}.mailbox{height:36px;padding:0 12px}.mailbox-add{width:36px}.list-toolbar{padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4)}.list-search{height:40px}.list-search input{font-size:16px}.dropdown-btn{height:40px}.list-filter-opt{min-height:44px}.conv-row{padding-top:12px;padding-bottom:12px}.conv-actions{display:none}#conv-list{scrollbar-gutter:auto;padding-bottom:var(--sp-5)}.chat-top{padding:env(safe-area-inset-top) var(--sp-2) 0 0;height:calc(var(--head-h) + env(safe-area-inset-top));gap:0}.chat-top .chat-spine{display:none}.chat-who-text{padding-left:2px}.chat-who-text strong{font-size:var(--fs-md)}.chat-top .tool[aria-label=Telefon],.chat-top .tool[aria-label=Video],.chat-top .tool[aria-label=Daha\ fazla]{display:none}.chat-top{box-shadow:inset 0 calc(-1 * var(--spine-w)) 0 var(--spine);border-bottom:none}.conv-status-btn-wrap{margin-left:2px}.btn-waiting{height:36px}.btn-waiting-tip,.btn-waiting-tip-pending{display:none}.chat-messages{padding:var(--sp-4) var(--sp-3) var(--sp-3)}.msg{max-width:88%}.composer{box-shadow:inset 0 1px 0 var(--color-border);padding-bottom:env(safe-area-inset-bottom);border-radius:0;margin:0}.composer:focus-within{box-shadow:inset 0 1px 0 var(--color-primary)}.composer-tabs{gap:var(--sp-4);padding:0 var(--sp-3)}.composer-tabs .tab{height:40px}.composer-input-wrap{padding:var(--sp-1) var(--sp-2) var(--sp-2) var(--sp-3)}.tbtn{width:44px;height:44px}.main-send{height:44px;padding:0 14px}.send-label{display:none}.composer-attach-row{padding:0 var(--sp-3) var(--sp-2)}.shortcut-picker{left:var(--sp-2);right:var(--sp-2);max-height:min(320px,45vh)}.sp-row{grid-template-columns:1fr;gap:2px;min-height:44px}.art-share-pop{left:var(--sp-2);right:var(--sp-2);width:auto;max-height:60vh;position:fixed;top:auto;bottom:auto;transform:translateY(calc(-100% - 8px))}.art-suggest-chip{min-height:36px}.col-visitor.is-sheet-open{width:auto;max-height:calc(var(--app-h,100dvh) - 56px);border-left:none;border-radius:16px 16px 0 0;animation:.2s ease-out m-sheet-in;top:auto;left:0;right:0}.col-visitor.is-sheet-open .vp-sheet-head{height:60px;padding-top:10px;position:relative}.vp-sheet-head .msheet-grip{margin-left:-18px;position:absolute;top:0;left:50%}.acc-head{min-height:48px}.acc-row{grid-template-columns:112px 1fr}.art-wrap{flex-direction:column}.art-wrap .col-list{border-right:none;flex:1;width:100%}.art-wrap[data-pane=detail] .col-list,.art-wrap[data-pane=list]>:not(.col-list){display:none}.art-wrap[data-pane=detail] .art-center{flex:1;width:100%;min-height:0}.art-wrap .list-head{flex-wrap:nowrap}.art-list-foot{gap:var(--sp-1);grid-template-columns:1fr 1fr;display:grid}.art-foot-link{min-height:44px}.art-top,.art-top-plain{padding:env(safe-area-inset-top) var(--sp-2) 0 0;height:calc(var(--head-h) + env(safe-area-inset-top));gap:4px}.art-top-spine{display:none}.art-top{box-shadow:inset 0 calc(-1 * var(--spine-w)) 0 var(--spine)}.art-top-plain{box-shadow:none}.art-top .art-btn{min-height:40px;padding:0 10px}.art-top>*{flex-shrink:0}.art-top>.art-top-state{flex-shrink:1}.art-top .art-btn-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.art-top .art-btn:has(.art-btn-label){justify-content:center;width:40px;padding:0}.m-hide{display:none}.m-only{display:inline}.art-top .art-btn-primary{white-space:nowrap;min-height:40px;padding:0 12px}.art-back-btn{display:none}.art-toolbar{padding:4px var(--sp-2)}.art-tbtn{width:40px;height:40px}.art-canvas{padding:var(--sp-4) var(--sp-4) calc(72px + env(safe-area-inset-bottom))}.art-center-msg{padding:var(--sp-5) var(--sp-4)}.art-center-msg .m-back{align-self:flex-start}.art-side{width:100%}.art-side .field input,.art-side .field textarea,.art-side .field select,.art-title-input,.art-prose{font-size:16px}.rep-grid{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.wprev-body{max-height:none}.visitors-wrap{--vis-sidebar-w:100%;flex-direction:column}.visitors-wrap .map-area{flex:0 0 38%;min-height:200px}.vis-list{border-right:none;border-top:1px solid var(--color-border-soft);flex:1;order:0;width:100%;min-height:0}.vis-list-overlay{position:static}.vis-map-stats{top:calc(var(--sp-3) + env(safe-area-inset-top));left:var(--sp-3);gap:var(--sp-4);padding:8px var(--sp-3)}.vis-map-stats .foot{display:none}.vis-search input{height:40px;font-size:16px}.vis-card{min-height:56px}.vis-act-chat,.vis-act-open{width:40px;height:40px}.contacts-topbar{gap:var(--sp-2);height:auto;padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-4) var(--sp-3);flex-wrap:wrap}.contacts-title{justify-content:flex-end;width:100%;margin-right:0}.contacts-topbar-right{flex-wrap:wrap;flex:100%;justify-content:flex-start}.contacts-search{flex:100%;width:100%;height:40px;margin-right:0}.contacts-search input{font-size:16px}.contacts-btn-docs,.contacts-btn-actions,.contacts-icon-btn{display:none}.contacts-btn{height:40px}.contacts-table,.contacts-table tbody{display:block}.contacts-table thead{display:none}.contacts-table tbody tr{column-gap:var(--sp-3);padding:12px var(--sp-4);border-bottom:1px solid var(--color-border-soft);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check name active""check email email""check loc loc";row-gap:2px;display:grid}.contacts-table td{white-space:normal;border:none;min-width:0;height:auto;padding:0;display:block}.contacts-table td:first-child{width:auto;padding-left:0}.contacts-table td.col-check{grid-area:check;align-self:center}.contacts-table td.col-check input{width:20px;height:20px;margin:12px}.contacts-table td.col-name{grid-area:name;align-items:center;gap:10px;display:flex;overflow:hidden}.contacts-table td:nth-child(3),.contacts-table td.col-location{padding-left:42px}.contacts-table td.col-name .contacts-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contacts-table td:nth-child(3){text-overflow:ellipsis;white-space:nowrap;grid-area:email;overflow:hidden}.contacts-table td.col-location{font-size:var(--fs-xs);color:var(--color-text-3);grid-area:loc}.contacts-table td:nth-child(8){font-size:var(--fs-xs);grid-area:active}.contacts-table td:nth-child(4),.contacts-table td:nth-child(6),.contacts-table td:nth-child(7),.contacts-table td.col-preview{display:none}.contacts-table td.contacts-empty{padding:var(--sp-5) 0;grid-column:1/-1}.contacts-table tbody tr:has(.contacts-empty){display:block}.contacts-table tbody tr:hover td:first-child{box-shadow:none}.contacts-av{width:32px;min-width:32px;height:32px}.contacts-preview-panel{width:auto;max-height:calc(var(--app-h,100dvh) - 56px);border-left:none;border-radius:16px 16px 0 0;animation:.2s ease-out m-sheet-in;top:auto;left:0;right:0}.settings-wrap{flex-direction:column}.settings-side{display:none}.set-mtabs{scrollbar-width:none;padding:calc(var(--sp-2) + env(safe-area-inset-top)) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);flex-shrink:0;gap:2px;display:flex;position:relative;overflow-x:auto}.set-mtabs::-webkit-scrollbar{display:none}.set-mtabs:before{content:"Ayarlar";padding:0 var(--sp-3) 0 var(--sp-1);font-size:var(--fs-lg);color:var(--color-text);white-space:nowrap;align-self:center;font-weight:600}.set-mtab{border-radius:var(--r-pill);min-height:40px;font-size:var(--fs-md);color:var(--color-text-2);white-space:nowrap;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.set-mtab.active{background:var(--color-surface-2);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);font-weight:500}.settings-content{min-height:0;padding:var(--sp-4) var(--sp-4) var(--sp-6);flex:1}.settings-content>h1{font-size:var(--fs-xl);margin:var(--sp-2) 0 var(--sp-3)}.breadcrumb{display:none}.card{padding:var(--sp-4) 0}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.field input,.field select,.field textarea{height:44px;font-size:16px}.field textarea{height:auto}.bh-row{row-gap:var(--sp-1);grid-template-columns:1fr auto}.bh-row .bh-day{grid-column:1/-1}.shortcut-manage-list li{grid-template-columns:minmax(0,1fr);gap:4px}.btn-add-shortcut{min-height:44px}.op-toast-stack{top:calc(var(--sp-3) + env(safe-area-inset-top));width:calc(100% - 2 * var(--sp-4))}.msg-ctx-menu,.msg-dd-menu{max-width:calc(100vw - 16px)}}@media (width<=1023px){.card>h2,.card>h2+.desc{grid-row:auto}.card>h2+.desc{margin-top:0}}@media (width<=767px){.auth{height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.auth input{font-size:16px}}@media (width>=768px) and (width<=1179px){.composer-tools .tbtn,.tool,.icon-btn{min-width:40px;min-height:40px}}@media (hover:none){.msg-menu-btn{opacity:.7}.contacts-preview-btn{opacity:1}.vis-act-magic{display:none!important}}@media (prefers-reduced-motion:reduce){.msheet,.msheet-scrim,.col-visitor.is-sheet-open,.vp-scrim,.contacts-preview-panel,.contacts-preview-scrim{animation:none}}