.shell{--side-w:264px;grid-template-columns:var(--side-w) minmax(0, 1fr);min-block-size:100dvh;display:grid}.shell[data-sidebar=rail]{--side-w:68px}.shell-side{background:var(--side);border-inline-end:1px solid var(--line);z-index:30;block-size:100dvh;position:sticky;inset-block-start:0}.shell-main{flex-direction:column;min-inline-size:0;display:flex}.shell-main>*{flex:1}.phone-only{display:none!important}@media (max-width:767px){.shell,.shell[data-sidebar=rail]{grid-template-columns:minmax(0,1fr)}.shell-side{display:none}.phone-only{display:inline-grid!important}}.side{gap:var(--sp-1);block-size:100%;padding-block:var(--sp-3);padding-inline:var(--sp-2h);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.side-top{min-block-size:44px;justify-content:space-between;align-items:center;margin-block-end:var(--sp-2);padding-inline-start:2px;display:flex}.side-brand{min-block-size:36px;padding-inline:var(--sp-1h);border-radius:var(--r-control);color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.side-brand:hover{background:var(--hover)}}.side-group{flex-direction:column;gap:2px;display:flex}.side-row{align-items:center;gap:var(--sp-2h);min-block-size:36px;inline-size:100%;padding-block:0;padding-inline:var(--sp-1h) var(--sp-2h);border-radius:var(--r-control);color:var(--ink-2);font-size:14px;font-weight:var(--weight-medium);text-align:start;transition:background-color var(--t-tap) var(--ease-out), color var(--t-tap) var(--ease-out), box-shadow var(--t-tap) var(--ease-out);background:0 0;border:0;line-height:1.3;text-decoration:none;display:flex;position:relative}@media (hover:hover){.side-row:hover{background:var(--hover);color:var(--ink)}}.side-row:active{background:var(--active)}.side-row:focus-visible{outline-offset:-2px}.side-row.is-current{background:var(--surface);color:var(--ink);box-shadow:var(--lift)}.side-row.is-current .side-label{font-weight:var(--weight-semibold)}.side-icon{flex:none;place-items:center;block-size:24px;inline-size:24px;display:grid}.side-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.side-heading{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--muted);letter-spacing:.01em;line-height:var(--leading-body);padding-block:var(--sp-5) var(--sp-1h);padding-inline:var(--sp-2h)}.side-agents ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.side-tag{border-radius:var(--r-pill);background:var(--sunk);color:var(--muted);font-size:11px;font-weight:var(--weight-semibold);flex:none;padding-block:1px;padding-inline:7px}.side-badge{background:var(--wait-mark);color:#1c1300;block-size:20px;min-inline-size:20px;animation:rise var(--t-flip) var(--ease-out);border-radius:10px;place-items:center;padding-inline:6px;font-size:11px;font-weight:700;display:grid}.side-foot{border-block-start:1px solid var(--line);flex-direction:column;gap:2px;margin-block-start:auto;padding-block-start:var(--sp-2);display:flex}.side-foot .ui-menu-root{inline-size:100%;display:flex}.side-account{min-block-size:48px}.side-avatar .icon{block-size:14px;inline-size:14px}.side-avatar{background:var(--ink);block-size:24px;inline-size:24px;color:var(--bg);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:50%;place-items:center;display:grid}.side-who{flex-direction:column;flex:1;min-inline-size:0;line-height:1.25;display:flex}.side-who .side-label{color:var(--ink)}.side-email{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-regular);overflow:hidden}.side-menu-name{font-weight:var(--weight-semibold);display:block}.side-menu-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.side-rail{padding-inline:var(--sp-2h);align-items:center}.side-rail .side-top{gap:var(--sp-1h);flex-direction:column;padding-inline-start:0}.side-rail .side-brand{justify-content:center;block-size:44px;inline-size:44px;padding:0}.side-rail .side-group,.side-rail .side-agents ul,.side-rail .side-foot{align-items:center}.side-rail .side-agents{border-block-start:1px solid var(--line);margin-block-start:var(--sp-3);padding-block-start:var(--sp-3)}.side-rail .side-row{justify-content:center;block-size:44px;min-block-size:44px;inline-size:44px;padding:0}.side-rail .side-badge{block-size:17px;min-inline-size:17px;box-shadow:0 0 0 2px var(--side);padding-inline:4px;font-size:10px;position:absolute;inset-block-start:2px;inset-inline-end:0}.side-rail [data-hint]:after,.side-rail .side-account:after{content:attr(data-hint);border-radius:var(--r-control);background:var(--ink);inline-size:max-content;max-inline-size:240px;color:var(--bg);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--t-tap) var(--ease-out), visibility 0s linear var(--t-tap);z-index:40;box-shadow:var(--pop);padding-block:6px;padding-inline:10px;line-height:1.3;position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + 10px);translate:0 -50%}.side-rail .side-account:after{content:none}@media (hover:hover){.side-rail [data-hint]:hover:after{opacity:1;visibility:visible;transition-delay:var(--t-hint)}}.side-rail [data-hint]:focus-visible:after{opacity:1;visibility:visible;transition-delay:0s}.shell-menu{background:var(--side)}.shell-menu .ui-sheet-head{z-index:1;padding:0;position:absolute;inset-block-start:var(--sp-3);inset-inline-end:var(--sp-2h)}.shell-menu .ui-sheet-content{padding:0}.side-sheet{min-block-size:100%;padding-block-end:max(var(--sp-3), env(safe-area-inset-bottom))}.side-sheet .side-row{min-block-size:var(--hit);font-size:var(--text-md)}.page-head{z-index:20;align-items:center;gap:var(--sp-2);min-block-size:64px;padding-block:var(--sp-2);padding-inline:var(--gutter);background:var(--bg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:sticky;inset-block-start:0}.page-head:after{content:"";background:linear-gradient(var(--bg), transparent);pointer-events:none;block-size:16px;position:absolute;inset-block-start:100%;inset-inline:0}.page-head-side{align-items:center;gap:var(--sp-1);min-inline-size:0;display:flex}.page-head-side.is-end{justify-content:flex-end}.page-head-center{justify-content:center;min-inline-size:0;display:flex}@media (max-width:767px){.page-head{min-block-size:56px;padding-inline:var(--sp-1h)}}.dot-badge{background:var(--wait-mark);block-size:8px;inline-size:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;inset-block-start:6px;inset-inline-end:6px}.offline-note{translate:calc(-50% * var(--dir)) 0;z-index:1;align-items:center;gap:var(--sp-2);inline-size:max-content;max-inline-size:calc(100vw - 32px);padding-block:var(--sp-2);padding-inline:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--pop);animation:rise var(--t-rise) var(--ease-out);line-height:1.35;display:flex;position:absolute;inset-block-start:calc(100% + 2px);inset-inline-start:50%}.offline-note .icon{block-size:16px;inline-size:16px}@media (max-width:767px){.offline-note{border-radius:var(--r-inner)}}.agent-chip{align-items:center;gap:var(--sp-2h);min-inline-size:0;padding-block:var(--sp-1);padding-inline:var(--sp-2) var(--sp-3);display:flex}.agent-chip-text{flex-direction:column;gap:2px;min-inline-size:0;line-height:1.2;display:flex}.agent-chip-text b{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.015em;overflow:hidden}.agent-status{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.agent-status i{background:var(--ready);border-radius:50%;block-size:7px;inline-size:7px}.agent-status.is-working{color:var(--ink-2)}.agent-status.is-working i{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft);animation:pulse var(--cycle-pace) var(--ease-sway) infinite}.agent-status.is-offline i{background:var(--field-line)}@media (prefers-reduced-motion:reduce){.agent-status.is-working i{animation:none}}
.chat{flex-direction:column;block-size:100dvh;display:flex}.chat-main,.chat-view{flex-direction:column;flex:1;min-block-size:0;display:flex}.chat-view>.shft-chat{flex:1}.sk-title,.sk-lede{margin-inline:auto;display:block}.sk-title{margin-block-end:var(--sp-3)}.sk-lede{margin-block-end:var(--sp-6)}