:root{--bg: oklch(98% .004 250);--surface: oklch(100% 0 0);--surface-2: oklch(98.5% .004 250);--fg: oklch(22% .02 260);--muted: oklch(52% .016 260);--faint: oklch(64% .014 260);--border: oklch(91% .006 260);--border-strong: oklch(85% .01 260);--accent: oklch(55% .17 264);--accent-soft: oklch(95% .03 264);--woo: oklch(50% .17 300);--woo-soft: oklch(95.5% .03 300);--ok: oklch(58% .14 155);--ok-soft: oklch(95% .05 155);--warn: oklch(72% .15 75);--warn-soft: oklch(96% .06 80);--danger: oklch(58% .19 25);--danger-soft: oklch(96% .05 25);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Text", system-ui, "Be Vietnam Pro", sans-serif;--mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--r: 10px;--sh: 0 1px 2px oklch(50% .02 260 / .06), 0 4px 14px oklch(50% .02 260 / .05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9px}::-webkit-scrollbar-track{background:transparent}svg{stroke-linecap:round;stroke-linejoin:round}.app{display:flex;flex-direction:column;height:100vh}.topbar{height:52px;flex:0 0 52px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 16px;z-index:30}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.01em;font-size:15px}.brand .logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--woo));display:grid;place-items:center;color:#fff;flex:0 0 auto}.brand .logo svg{width:15px;height:15px}.topnav{display:flex;gap:2px;flex:0 0 auto}.topnav a{padding:7px 12px;border-radius:8px;font-weight:600;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:7px;text-decoration:none}.topnav a svg{width:16px;height:16px}.topnav a:hover{background:var(--surface-2);color:var(--fg)}.topnav a.active{background:var(--accent-soft);color:var(--accent)}@media(max-width:900px){.topnav a span{display:none}.topnav a svg{width:18px;height:18px}}.topbar .spacer{flex:1}.gsearch{flex:1;max-width:460px;position:relative}.gsearch svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--faint)}.gsearch input{width:100%;height:34px;padding:0 34px 0 32px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;outline:none;font-family:inherit;font-size:13px;color:var(--fg)}.gsearch input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.gsearch kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:11px;color:var(--faint);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.gsearch-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:380px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000029;padding:4px}.gsearch-empty{padding:12px;font-size:13px;color:var(--muted)}.gsearch-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:7px;cursor:pointer;text-align:left;font-family:inherit}.gsearch-item.active{background:var(--surface-2)}.gsearch-item.dim{opacity:.62}.gsearch-badge{flex:0 0 auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:2px 6px;min-width:58px;text-align:center}.gsearch-text{min-width:0;display:flex;flex-direction:column;gap:1px}.gsearch-primary{font-size:13px;color:var(--fg);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gsearch-secondary{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-btn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--muted);position:relative;border:none;background:none;cursor:pointer;flex:0 0 auto}.tb-btn:hover{background:var(--surface-2);color:var(--fg)}.tb-btn svg{width:18px;height:18px}.tb-btn .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.notif{position:relative;flex:0 0 auto}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border:2px solid var(--surface);box-sizing:content-box}.notif-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:340px;max-height:440px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000029;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--fg)}.notif-readall{border:none;background:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--accent)}.notif-empty{padding:24px 12px;text-align:center;font-size:13px;color:var(--muted)}.notif-list{overflow-y:auto;padding:4px}.notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:7px;cursor:pointer;text-align:left;font-family:inherit}.notif-item:hover{background:var(--surface-2)}.notif-item.unread,.notif-item.unread:hover{background:var(--accent-soft)}.notif-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;margin-top:5px}.notif-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.notif-title{font-size:13px;font-weight:500;color:var(--fg)}.notif-body{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{flex:0 0 auto;font-size:11px;color:var(--muted);white-space:nowrap}.ws{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.ws .dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.ws .dot.on{background:var(--ok)}.ws .dot.off{background:var(--danger)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--woo-soft);color:var(--woo);display:grid;place-items:center;font-weight:700;font-size:13px;flex:0 0 auto;text-decoration:none;cursor:pointer}.body{flex:1;display:flex;min-height:0}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;border-radius:9px;padding:9px 15px}.btn svg{width:16px;height:16px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:#2f5bc2}.btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--fg)}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn:disabled{opacity:.55;cursor:default}.chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chip.store{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.chip.woo{background:var(--woo-soft);color:var(--woo)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:#774a00;color:oklch(45% .12 70)}.chip.danger{background:var(--danger-soft);color:var(--danger)}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.err{background:var(--danger-soft);color:var(--danger)}.pill.warn{background:var(--warn-soft);color:#774a00;color:oklch(45% .12 70)}.fld{margin-bottom:14px}.fld>label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px}.fld .hint{font-weight:400;color:var(--faint);font-size:12px}.ctrl{width:100%;height:38px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);padding:0 11px;outline:none;font-family:var(--font);font-size:13px}.ctrl.mono{font-family:var(--mono)}.ctrl:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.ctrl{height:auto;min-height:76px;padding:10px 11px;resize:vertical;line-height:1.55}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c222b73;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--surface);border-radius:16px;width:min(540px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #11161f59;overflow:hidden}.modal-h{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-h h3{margin:0;font-size:16px;font-weight:700}.modal-h .x{margin-left:auto;width:32px;height:32px;border-radius:8px;color:var(--muted);display:grid;place-items:center}.modal-h .x:hover{background:var(--surface-2)}.modal-h .x svg{width:18px;height:18px}.modal-b{padding:18px 20px;overflow:auto}.modal-f{display:flex;gap:9px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(20px);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:9px;font-size:13px;font-weight:500;box-shadow:0 8px 30px #11161f40;opacity:0;pointer-events:none;transition:.25s;z-index:60;display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast svg{width:16px;height:16px;color:#59c886}.sidebar{width:236px;flex:0 0 236px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.side-scroll{overflow-y:auto;padding:14px 12px;flex:1}.side-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:0 8px;margin:16px 0 7px}.side-h:first-child{margin-top:0}.folder{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;color:var(--fg);width:100%;text-align:left}.folder svg{width:17px;height:17px;color:var(--muted);flex:0 0 auto}.folder:hover{background:var(--surface-2)}.folder.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.folder.active svg{color:var(--accent)}.folder .count{margin-left:auto;font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.folder.active .count{color:var(--accent)}.sidebar .store{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;width:100%;text-align:left}.sidebar .store:hover{background:var(--surface-2)}.sidebar .store.active{background:var(--woo-soft)}.sidebar .store .favicon{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px;flex:0 0 auto}.sidebar .store .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;flex:1}.sidebar .store .badge{margin-left:auto;font-size:11px;color:var(--faint)}.sidebar .store .live{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:0 0 auto;margin-left:auto}.sidebar .store .live.off{background:var(--faint)}.sidebar .store .chev{width:14px;height:14px;color:var(--faint);transition:transform .15s;flex:0 0 auto;margin-left:4px}.sidebar .store.expanded .chev{transform:rotate(90deg)}.mbox{display:flex;align-items:center;gap:8px;padding:6px 9px 6px 34px;border-radius:8px;width:100%;text-align:left;font-size:12.5px;color:var(--muted)}.mbox:hover{background:var(--surface-2)}.mbox.active{background:var(--woo-soft);color:var(--woo);font-weight:600}.mbox svg{width:13px;height:13px;flex:0 0 auto;color:var(--faint)}.mbox.active svg{color:var(--woo)}.mbox .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mbox .count{font-size:11.5px;font-variant-numeric:tabular-nums}.sidebar .store .ucount{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums;flex:0 0 auto}.side-foot{border-top:1px solid var(--border);padding:11px 14px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12.5px}.side-foot svg{width:16px;height:16px}.convlist{width:352px;flex:0 0 352px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.convlist-head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.cl-title{display:flex;align-items:center;gap:8px}.cl-title h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-title .n{color:var(--muted);font-weight:500;font-size:12.5px;margin-right:auto;flex:none;white-space:nowrap}.compose-btn{flex:none;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--accent);color:#fff}.compose-btn:hover{filter:brightness(1.05)}.compose-btn svg{width:14px;height:14px}.compose-sug{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px #00000029;overflow:hidden;max-height:220px;overflow-y:auto}.compose-sug button{display:flex;flex-direction:column;gap:1px;width:100%;padding:7px 10px;text-align:left;font-size:13px}.compose-sug button:hover{background:var(--surface-2)}.compose-sug button span{color:var(--muted);font-size:12px}.seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px}.seg button{flex:1;padding:5px 8px;border-radius:6px;font-size:12.5px;color:var(--muted);font-weight:500}.seg button.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--sh)}.conv-scroll{overflow-y:auto;flex:1}.conv{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid var(--border);width:100%;text-align:left;position:relative}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--accent-soft)}.conv.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.conv.unread .subj{font-weight:700}.conv .cav{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff}.conv .mid{flex:1;min-width:0}.conv .row1{display:flex;align-items:center;gap:6px;margin-bottom:2px}.conv .from{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.conv .time{font-size:11.5px;color:var(--faint);flex:0 0 auto}.conv .subj{display:block;font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.conv .snip{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.conv .tags{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto;align-self:center}.thread{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.thread-head{background:var(--surface);border-bottom:1px solid var(--border);padding:13px 20px;flex:0 0 auto}.th-top{display:flex;align-items:center;gap:12px}.th-subj{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-actions{display:flex;gap:6px;flex:0 0 auto}.icon-btn{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent}.icon-btn:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.icon-btn svg{width:17px;height:17px}.th-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px}.label-picker{position:relative;display:inline-flex}.label-chip{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:1px dashed var(--border-strong);background:transparent}.label-chip svg{width:12px;height:12px}.label-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #0000002e;padding:6px;display:flex;flex-direction:column;gap:2px}.label-opt{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:7px;font-size:13px;color:var(--fg);text-align:left}.label-opt:hover{background:var(--surface-2)}.label-opt.active{font-weight:700}.label-opt .dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.label-opt.label-clear,.label-opt.label-new{color:var(--muted)}.label-row{padding:0;gap:0}.label-row .label-pick{display:flex;align-items:center;gap:8px;flex:1;padding:7px 9px;border-radius:7px;text-align:left;color:inherit}.label-acts{display:none;gap:2px;padding-right:6px}.label-row:hover .label-acts{display:inline-flex}.label-acts button{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--muted)}.label-acts button:hover{background:var(--surface-2);color:var(--fg)}.label-acts button.del:hover{color:var(--danger)}.label-acts svg{width:13px;height:13px}.label-edit-row{display:flex;gap:6px}.label-edit-row .label-add{flex:1}.label-cancel{padding:7px 9px;border-radius:7px;font-size:13px;color:var(--muted)}.label-cancel:hover{background:var(--surface-2)}.label-empty{padding:7px 9px;font-size:12.5px;color:var(--faint)}.label-sep{height:1px;background:var(--border);margin:4px 0}.label-create{display:flex;flex-direction:column;gap:8px;padding:4px}.label-create input{border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-size:13px;outline:none}.label-create input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.label-swatches{display:flex;gap:6px}.label-swatches .sw{width:22px;height:22px;border-radius:6px;cursor:pointer;border:2px solid transparent}.label-swatches .sw.active{border-color:var(--fg)}.label-add{padding:7px 9px;border-radius:7px;background:var(--accent);color:#fff;font-size:13px;font-weight:600}.label-add:disabled{opacity:.5;cursor:not-allowed}.th-scroll{overflow-y:auto;flex:1;padding:20px}.msg{display:flex;gap:12px;margin-bottom:18px;max-width:760px}.msg .mav{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff}.msg .mbody{flex:1;min-width:0}.msg .mhead{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.msg .mname{font-weight:600}.msg .mtime{color:var(--faint);font-size:12px;margin-left:auto}.bubble{background:var(--surface);border:1px solid var(--border);border-radius:4px 12px 12px;padding:13px 15px;box-shadow:var(--sh)}.msg.agent{flex-direction:row-reverse;margin-left:auto}.msg.agent .mhead{flex-direction:row-reverse}.msg.agent .mtime{margin-left:0;margin-right:auto}.msg.agent .bubble{background:var(--accent-soft);border-color:#c7d8f9;border-radius:12px 4px 12px 12px}.bubble p{margin:0 0 9px}.bubble p:last-child{margin:0}.thread-summary{margin:0 0 14px;border:1px solid var(--accent-soft);border-left:3px solid var(--accent);border-radius:8px;background:var(--accent-soft)}.thread-summary .ts-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px}.thread-summary .ts-title{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent)}.thread-summary .ts-title svg{width:14px;height:14px}.thread-summary .ts-close{width:22px;height:22px;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer}.thread-summary .ts-close:hover{background:var(--surface);color:var(--fg)}.thread-summary .ts-body{padding:0 12px 10px;line-height:1.55}.thread-summary .ts-body p{margin:0 0 4px}.thread-summary .ts-body p:last-child{margin:0}.cr-empty{color:var(--faint);font-size:13px;padding:8px 2px}.cr-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto}.cr-item{display:flex;align-items:stretch;gap:8px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.cr-item:hover{border-color:var(--accent)}.cr-main{flex:1;min-width:0;text-align:left;padding:8px 10px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:3px}.cr-main .cr-title{font-weight:600;font-size:13.5px}.cr-main .cr-body{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-actions{display:flex;align-items:center;gap:4px;padding-right:8px}.cr-actions button{font-size:12px;color:var(--muted);background:none;border:none;padding:4px 6px;border-radius:6px;cursor:pointer}.cr-actions button:hover{background:var(--surface-2);color:var(--fg)}.cr-actions .cr-del:hover{background:var(--danger-soft);color:var(--danger)}.cr-form textarea.ctrl{resize:vertical;font:inherit}.cr-hint{font-size:12px;color:var(--faint);margin-top:6px}.cr-hint code{background:var(--surface-2);padding:1px 4px;border-radius:4px;font-size:11.5px}.msg-tx-btn{margin-top:8px;padding:0;background:none;border:none;color:var(--accent);font-size:12px;font-weight:500;cursor:pointer}.msg-tx-btn:hover{text-decoration:underline}.msg-tx-btn:disabled{color:var(--faint);cursor:progress}.msg-translation{margin-top:8px;padding:8px 10px;border-left:3px solid var(--accent);border-radius:6px;background:var(--accent-soft)}.msg-translation .mt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.msg-translation .mt-label{font-size:11px;font-weight:600;color:var(--accent)}.msg-translation .mt-hide{border:none;background:none;color:var(--muted);font-size:12px;cursor:pointer}.msg-translation p{margin:0 0 4px}.msg-translation p:last-child{margin:0}.mhtml{overflow-x:auto;line-height:1.55;word-break:break-word}.mhtml p{margin:0 0 9px}.mhtml p:last-child{margin:0}.mhtml img{max-width:100%;height:auto}.mhtml a{color:var(--accent);text-decoration:underline}.mhtml ul,.mhtml ol{margin:0 0 9px;padding-left:22px}.mhtml blockquote{margin:0 0 9px;padding-left:12px;border-left:3px solid var(--border-strong);color:var(--muted)}.mhtml table{max-width:100%;border-collapse:collapse}.mhtml td,.mhtml th{border:1px solid var(--border);padding:4px 8px}.msg.note .bubble{background:var(--warn-soft);border-color:#f4d29b;border-radius:12px}.note-tag{font-size:11px;font-weight:700;color:#774a00;color:oklch(45% .12 70);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;display:block}.ai-summary{max-width:760px;margin:0 auto 18px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:13px 16px}.ai-summary .ah{display:flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px;color:var(--accent);margin-bottom:6px}.ai-summary ul{margin:0;padding-left:18px;color:var(--fg)}.ai-summary li{margin-bottom:3px}.composer{flex:0 0 auto;background:var(--surface);border-top:1px solid var(--border);padding:12px 20px 14px}.comp-from{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.comp-from .cf-label{font-weight:600;display:inline-flex;align-items:center;gap:6px}.comp-from .cf-label svg{width:14px;height:14px;color:var(--faint)}.from-sel{height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);padding:0 8px;color:var(--fg);font-weight:600;outline:none;font-family:var(--mono);font-size:12px;cursor:pointer}.from-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.comp-from .cf-hint{color:var(--faint)}.comp-tools{display:flex;align-items:center;gap:7px;margin-bottom:9px;flex-wrap:wrap}.ai-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid oklch(90% .04 264)}.ai-btn:hover{background:#d8e5ff;background:oklch(92% .05 264)}.ai-btn svg{width:14px;height:14px}.ai-btn.ghost{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.ai-btn.ghost:hover{color:var(--fg)}.comp-tools .div{width:1px;height:20px;background:var(--border);margin:0 2px}.comp-box{border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);overflow:visible}.comp-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal:has(.gm-compose){width:min(720px,100%)}.modal:has(.gm-compose) .modal-b{padding:0;display:flex;flex-direction:column}.gm-compose{display:flex;flex-direction:column;flex:1;min-height:0}.gm-row{display:flex;align-items:center;gap:10px;padding:9px 20px;border-bottom:1px solid var(--border)}.gm-label{flex:none;color:var(--muted);font-size:13px}.gm-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--fg);padding:2px 0}.gm-input::placeholder{color:var(--muted)}.gm-select{cursor:pointer}.gm-name{flex:0 1 200px;border-left:1px solid var(--border);padding-left:12px}.gm-subject{font-weight:600}.gm-body{flex:1;min-height:0;display:flex}.gm-body .rte{flex:1;min-height:0}.gm-body .rte-editable{flex:1;min-height:300px;max-height:none}.comp-box textarea{width:100%;border:none;outline:none;resize:none;padding:12px 14px;min-height:76px;max-height:220px;line-height:1.55;background:transparent}.comp-foot{display:flex;align-items:center;gap:9px;padding:8px 10px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 10px 10px}.rte{display:flex;flex-direction:column}.rte-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid var(--border)}.rte-toolbar button{min-width:28px;height:28px;padding:0 5px;border-radius:6px;color:var(--muted);display:grid;place-items:center;font-size:14px}.rte-toolbar button:hover{background:var(--surface-2);color:var(--fg)}.rte-toolbar svg{width:16px;height:16px}.rte-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.rte-editable{padding:12px 14px;min-height:120px;max-height:60vh;overflow-y:auto;line-height:1.55;outline:none}.comp-resize{position:relative;margin:-12px -20px 8px;height:16px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none}.comp-resize-grip{position:relative;width:40px;height:5px;border-radius:999px;background:var(--border-strong);transition:background .12s}.comp-resize:hover .comp-resize-grip{background:var(--accent)}.comp-expand-btn{margin-left:auto}.composer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}.composer.expanded{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(680px,92vw);height:min(460px,80vh);z-index:91;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 64px #00000052;display:flex;flex-direction:column;overflow:hidden}.composer.expanded .comp-box{flex:1;display:flex;flex-direction:column;min-height:0}.composer.expanded .rte,.rte-fill{flex:1;min-height:0}.composer.expanded .rte-editable{flex:1;max-height:none}.rte-editable.empty:before{content:attr(data-placeholder);color:var(--faint);pointer-events:none}.rte-editable p{margin:0 0 8px}.rte-editable p:last-child{margin-bottom:0}.rte-editable ul,.rte-editable ol{margin:0 0 8px;padding-left:22px}.rte-editable a{color:var(--accent);text-decoration:underline}.rte-emoji-wrap{position:relative}.rte-emoji-pop{position:absolute;bottom:34px;left:0;z-index:30;width:250px;padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px #0000002e}.rte-emoji{height:28px;border-radius:6px;font-size:18px;display:grid;place-items:center;cursor:pointer}.rte-emoji:hover{background:var(--surface-2)}.comp-foot .fmt{display:flex;gap:2px}.comp-foot .fmt button{width:28px;height:28px;border-radius:6px;color:var(--muted);display:grid;place-items:center}.comp-foot .fmt button:hover{background:var(--surface);color:var(--fg)}.comp-foot .fmt svg{width:15px;height:15px}.comp-foot .cf-spacer{flex:1}.send{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;font-weight:600;padding:8px 16px;border-radius:8px}.send:hover{background:#2f5bc2}.send svg{width:15px;height:15px}.send:disabled,#noteBtn:disabled{opacity:.65;cursor:progress}.spin{width:15px;height:15px;animation:comp-spin .7s linear infinite}@keyframes comp-spin{to{transform:rotate(360deg)}}.ai-flag{font-size:11.5px;color:var(--faint);display:none;align-items:center;gap:5px}.ai-flag.show{display:inline-flex}.ai-flag svg{width:13px;height:13px;color:var(--accent)}.context{width:336px;flex:0 0 336px;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.ctx-scroll{overflow-y:auto;flex:1}.ctx-block{padding:16px;border-bottom:1px solid var(--border)}.ctx-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:11px;display:flex;align-items:center;gap:7px}.ctx-h svg{width:14px;height:14px}.cust{display:flex;gap:11px;align-items:center;margin-bottom:12px}.cust .cav{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:16px;color:#fff;flex:0 0 auto}.cust .cn{font-weight:700;font-size:14.5px}.cust .ce{color:var(--muted);font-size:12.5px}.kv{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px dashed var(--border)}.kv:last-child{border:none}.kv .k{color:var(--muted)}.kv .v{font-weight:600}.kv .v.mono{font-family:var(--mono);font-size:12.5px}.order{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:11px}.order .oh{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--woo-soft);border-bottom:1px solid var(--border)}.order .oid{font-family:var(--mono);font-weight:700;color:var(--woo);font-size:13px}.order .ob{padding:11px 12px}.oline{display:flex;gap:10px;padding:7px 0;align-items:center}.oline+.oline{border-top:1px solid var(--border)}.oline .thumb{width:38px;height:38px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);flex:0 0 auto;display:grid;place-items:center;color:var(--faint)}.oline .thumb svg{width:18px;height:18px}.oline .thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.oline .oi{flex:1;min-width:0}.oline .oi .t{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oline .oi .v{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oline .qty{flex:0 0 auto;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.order .oftr{display:flex;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--border);background:var(--surface-2);font-weight:700}.order .oftr .amt{font-family:var(--mono)}.track{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--border);font-size:12.5px}.track svg{width:15px;height:15px;color:var(--woo);flex:0 0 auto}.track a{color:var(--accent);font-weight:600;text-decoration:none;margin-left:auto}.track .tnum{margin-left:0;font-family:var(--mono);font-weight:600;color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track .tnum:hover{text-decoration:underline}.track .tcarrier{margin-left:auto;flex:0 0 auto;color:var(--muted);text-transform:capitalize}.ext-link{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-weight:600;font-size:12.5px;text-decoration:none}.ext-link:hover{background:var(--surface-2);color:var(--fg)}.ext-link svg{width:14px;height:14px}.kb-search{position:relative;margin-bottom:10px}.kb-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint)}.kb-search input{width:100%;height:32px;padding:0 10px 0 30px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;outline:none}.kb-search input:focus{border-color:var(--accent);background:var(--surface)}.kb-art{display:flex;gap:9px;padding:9px 10px;border-radius:8px;width:100%;text-align:left;align-items:flex-start}.kb-art:hover{background:var(--surface-2)}.kb-art .ki{width:28px;height:28px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.kb-art .ki svg{width:15px;height:15px}.kb-art .kt{font-size:13px;font-weight:600;line-height:1.3;display:block}.kb-art .kd{font-size:12px;color:var(--muted);margin-top:1px;display:block}.kb-art .insert{margin-left:auto;align-self:center;color:var(--accent);font-size:11.5px;font-weight:700;opacity:0;flex:0 0 auto}.kb-art:hover .insert{opacity:1}.kb-empty{color:var(--faint);font-size:12.5px;text-align:center;padding:14px}.ai-typing{max-width:760px;margin:0 auto 18px;display:none;align-items:center;gap:9px;color:var(--accent);font-size:13px;font-weight:600}.ai-typing.show{display:flex}.ai-typing .dots{display:flex;gap:4px}.ai-typing .dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:bounce 1s infinite}.ai-typing .dots i:nth-child(2){animation-delay:.15s}.ai-typing .dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media(max-width:1180px){.context{position:absolute;right:0;top:52px;bottom:0;width:340px;transform:translate(100%);transition:.25s;z-index:25;box-shadow:-8px 0 30px #11161f1a}.context.open{transform:none}}@media(max-width:900px){.sidebar{position:absolute;left:0;top:52px;bottom:0;z-index:26;transform:translate(-100%);transition:.25s;box-shadow:8px 0 30px #11161f1a}.sidebar.open{transform:none}.convlist{flex:1;width:auto}.thread{position:absolute;left:0;right:0;top:52px;bottom:0;z-index:20;transform:translate(100%);transition:.25s}.thread.open{transform:none}}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.att-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12px;text-decoration:none;color:inherit}a.att-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.att-chip .att-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.att-chip .att-size{color:var(--faint);flex:0 0 auto}.att-chip.blocked{border-style:dashed;border-color:var(--danger);background:var(--danger-soft);cursor:not-allowed}.att-chip.blocked .att-size{color:var(--danger)}.comp-files{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 0}.comp-file{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:4px 6px 4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:13px}.comp-file .cf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.comp-file .cf-size{color:var(--faint);flex:0 0 auto}.comp-file .cf-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:transparent;color:var(--faint);font-size:16px;line-height:1;cursor:pointer}.comp-file .cf-remove:hover{background:var(--danger-soft);color:var(--danger)}.att-thumb{padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;overflow:hidden;line-height:0;transition:border-color .12s}.att-thumb:hover{border-color:var(--accent)}.att-thumb img{display:block;width:120px;height:120px;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;background:#000c;cursor:zoom-out}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;cursor:default;box-shadow:0 8px 40px #00000080}.lightbox-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:26px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#ffffff4d}.login-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-split .brandside{position:relative;padding:44px 52px;display:flex;flex-direction:column;background:var(--surface-2);border-right:1px solid var(--border);overflow:hidden}.login-split .brandside:before{content:"";position:absolute;top:-120px;right:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,oklch(90% .06 280 / .5),transparent 70%);pointer-events:none}.login-split .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;position:relative}.login-split .brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--woo));display:grid;place-items:center;color:#fff}.login-split .brand .logo svg{width:18px;height:18px}.login-split .bs-mid{margin:auto 0;position:relative;max-width:420px}.login-split .bs-mid h1{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px}.login-split .bs-mid p{color:var(--muted);font-size:15px;margin:0 0 28px}.login-split .feat{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.login-split .feat .ic{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--accent)}.login-split .feat .ic svg{width:18px;height:18px}.login-split .feat .ft{font-weight:600;font-size:14px}.login-split .feat .fd{color:var(--muted);font-size:13px}.login-split .bs-foot{position:relative;color:var(--faint);font-size:12.5px;display:flex;align-items:center;gap:8px}.login-split .bs-foot .dots{display:flex}.login-split .bs-foot .st{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:9px;border:2px solid var(--surface-2);margin-left:-5px}.login-split .bs-foot .st:first-child{margin-left:0}.login-split .formside{display:flex;align-items:center;justify-content:center;padding:40px 24px}.login-split .formwrap{width:100%;max-width:380px}.login-split .formwrap h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.login-split .formwrap .sub{color:var(--muted);font-size:14px;margin:0 0 26px}.login-split .fld{margin-bottom:16px}.login-split .fld label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.login-split .fld .lrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.login-split .fld .lrow a{font-size:12.5px}.login-split .inp{position:relative}.login-split .inp input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);padding:0 42px 0 13px;outline:none;transition:.15s}.login-split .inp input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-split .inp input.err{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.login-split .inp .ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--faint);display:grid;place-items:center}.login-split .inp .ic svg{width:18px;height:18px}.login-split .inp button.ic{cursor:pointer}.login-split .inp button.ic:hover{color:var(--fg)}.login-split .inp button.ic.active{color:var(--accent)}.login-split .errmsg{color:var(--danger);font-size:12px;margin-top:5px;display:none}.login-split .errmsg.show{display:block}.login-split .remember{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:20px;cursor:pointer}.login-split .sw{width:38px;height:22px;border-radius:20px;background:var(--border-strong);position:relative;transition:.2s;flex:0 0 auto}.login-split .sw.on{background:var(--accent)}.login-split .sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.login-split .sw.on:after{transform:translate(16px)}.login-split .signin{width:100%;height:46px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.login-split .signin:hover{background:#2f5bc2}.login-split .signin:disabled{opacity:.8;cursor:default}.login-split .signin svg{width:17px;height:17px}.login-split .foot-note{text-align:center;color:var(--muted);font-size:13px;margin-top:26px}.login-split .legal{text-align:center;color:var(--faint);font-size:11.5px;margin-top:14px}.login-split a{color:var(--accent);text-decoration:none;font-weight:600}.login-split a:hover{text-decoration:underline}@media(max-width:840px){.login-split{grid-template-columns:1fr}.login-split .brandside{display:none}.login-split .formside{padding:32px 20px}}.settings-wrap{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.settings-wrap .settings-inner{max-width:900px;margin:0 auto;padding:22px 24px 60px}.settings-wrap::-webkit-scrollbar{width:8px}.settings-wrap::-webkit-scrollbar-track{background:transparent}.settings-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px;border:2px solid transparent;background-clip:content-box}.settings-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.settings-wrap .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:6px;flex-wrap:wrap}.settings-wrap .page-h h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.settings-wrap .page-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.settings-wrap .settings-tabs{display:flex;gap:4px;margin:18px 0 20px;border-bottom:1px solid var(--border)}.settings-wrap .s-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 14px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease}.settings-wrap .s-tab:hover{color:var(--fg)}.settings-wrap .s-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-wrap .tab-panel{animation:settings-fade .16s ease}@keyframes settings-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.settings-wrap .summary{display:flex;gap:12px;margin:0 0 18px;flex-wrap:wrap}.settings-wrap .sm-stat{flex:1;min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px 15px;box-shadow:var(--sh)}.settings-wrap .sm-stat .n{font-size:22px;font-weight:800}.settings-wrap .sm-stat .l{font-size:12.5px;color:var(--muted);margin-top:2px}.settings-wrap .store{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh);margin-bottom:16px;overflow:hidden}.settings-wrap .store-h{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid var(--border)}.settings-wrap .store-h .fav{width:38px;height:38px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.settings-wrap .store-h .nm{font-weight:700;font-size:15.5px}.settings-wrap .store-h .dm{font-size:12.5px;color:var(--muted);font-family:var(--mono)}.settings-wrap .store-h .right{margin-left:auto;display:flex;align-items:center;gap:8px}.settings-wrap .iconbtn{width:32px;height:32px;border-radius:8px;color:var(--muted);display:grid;place-items:center;border:1px solid transparent;background:none;cursor:pointer}.settings-wrap .iconbtn:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.settings-wrap .iconbtn svg{width:17px;height:17px}.settings-wrap .store-bands{display:grid;grid-template-columns:1fr 1fr}.settings-wrap .store-bands>.email-band{border-left:1px solid var(--border)}.settings-wrap .api{padding:13px 17px;border-bottom:1px solid var(--border);background:var(--surface-2)}.settings-wrap .api .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:9px;display:flex;align-items:center;gap:7px}.settings-wrap .api .lbl svg{width:14px;height:14px;color:var(--woo)}.settings-wrap .api-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px 18px}.settings-wrap .api-kv{min-width:0}.settings-wrap .api-kv .k{font-size:12px;color:var(--muted)}.settings-wrap .api-kv .v{font-family:var(--mono);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.settings-wrap .api-kv .v>span{min-width:0;overflow-wrap:anywhere}.settings-wrap .api-kv .v .rev{color:var(--accent);font-family:var(--font);font-size:11.5px;font-weight:700;cursor:pointer;background:none;border:none;flex-shrink:0;white-space:nowrap}.settings-wrap .api-actions{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}.settings-wrap .email-band .lbl svg{color:var(--accent)}.settings-wrap .dns-pills{display:flex;flex-wrap:wrap;gap:8px}.settings-wrap .dns-pill{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid transparent}.settings-wrap .dns-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.settings-wrap .dns-pill.ok{background:var(--ok-soft);color:var(--ok)}.settings-wrap .dns-pill.err{background:var(--danger-soft);color:var(--danger)}.settings-wrap .dns-pill.warn{background:var(--warn-soft);color:#774a00;color:oklch(45% .12 70)}.settings-wrap .dns-pill.unknown{background:var(--surface);color:var(--faint);border-color:var(--border)}.settings-wrap .email-hint{margin-top:9px;font-size:12px;color:var(--faint)}.settings-wrap .mb-sect{padding:13px 17px}.settings-wrap .mb-sect .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:8px}.settings-wrap .mbox{display:flex;align-items:center;gap:11px;padding:10px 12px}.settings-wrap .mbox+.mbox{border-top:1px solid var(--border)}.settings-wrap .mbox-label-edit{margin-top:3px;max-width:260px;height:28px;font-size:12.5px}.settings-wrap .mbox .pv{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.settings-wrap .mbox .pv svg{width:16px;height:16px}.settings-wrap .mbox .info{flex:1;min-width:0}.settings-wrap .mbox .info .a{font-weight:600;font-size:13.5px;font-family:var(--mono)}.settings-wrap .mbox .info .s{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-top:1px}.settings-wrap .mbox .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.settings-wrap .mbox .dot.ok{background:var(--ok)}.settings-wrap .mbox .dot.err{background:var(--danger)}.settings-wrap .mbox .acts{display:flex;gap:4px;flex:0 0 auto}.settings-wrap .add-mb{margin-top:10px;width:100%;border:1px dashed var(--border-strong);border-radius:9px;padding:9px;color:var(--muted);font-weight:600;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:7px;background:none;cursor:pointer}.settings-wrap .add-mb:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.settings-wrap .add-mb svg{width:15px;height:15px}.settings-wrap .config-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh);margin-bottom:16px;padding:16px 18px}.settings-wrap .config-card h2{margin:0 0 3px;font-size:16px;font-weight:700}.settings-wrap .config-card .sub{margin:0 0 14px;color:var(--muted);font-size:12.5px}.settings-wrap .config-card .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-wrap .config-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;align-items:center}.settings-wrap .test-result{font-size:12.5px;margin-top:4px}.settings-wrap .test-result.ok{color:var(--ok)}.settings-wrap .test-result.err{color:var(--danger)}.settings-wrap .conn-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.settings-wrap .conn-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:500;border:1px solid transparent}.settings-wrap .conn-chip .dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.settings-wrap .conn-chip.ok{background:var(--ok-soft);color:var(--ok)}.settings-wrap .conn-chip.ok .dot{background:var(--ok)}.settings-wrap .conn-chip.err{background:var(--danger-soft);color:var(--danger)}.settings-wrap .conn-chip.err .dot{background:var(--danger)}.settings-wrap .conn-chip.pending{background:var(--panel, oklch(96% .004 250));color:var(--muted);border-color:var(--border)}.settings-wrap .conn-chip.pending .dot{background:var(--muted);animation:conn-pulse 1s ease-in-out infinite}@keyframes conn-pulse{0%,to{opacity:.35}50%{opacity:1}}.settings-wrap .zone-list{margin-top:10px;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.settings-wrap .zone-list .z{font-family:var(--mono);color:var(--muted)}.settings-wrap .warn-text{color:#774a00;color:oklch(45% .12 70);font-size:12px;margin-top:4px}.settings-wrap .ai-config-stack{display:flex;flex-direction:column}.settings-wrap .ai-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.settings-wrap .ai-section-head h2{margin:0}.settings-wrap .ai-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.settings-wrap .ai-row-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.settings-wrap .ai-row-title{display:flex;align-items:center;gap:8px}.settings-wrap .ai-row-sub{font-family:var(--mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}.settings-wrap .ai-row-ic{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.settings-wrap .ai-row-ic svg{width:18px;height:18px}.settings-wrap .ai-row-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.settings-wrap .ai-model-group{margin-top:6px}.settings-wrap .ai-group-label{font-size:12px;font-weight:700;color:var(--muted);margin-top:8px}.settings-wrap .ai-task-row{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border)}.settings-wrap .ai-task-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.settings-wrap .ai-preset-row{margin:0 0 10px}@media(max-width:560px){.settings-wrap .ai-task-row{grid-template-columns:1fr;gap:4px}}@media(max-width:640px){.settings-wrap .store-bands{grid-template-columns:1fr}.settings-wrap .store-bands>.email-band{border-left:none}}@media(max-width:560px){.api-grid,.config-card .two{grid-template-columns:1fr}}.settings-wrap .bh-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-wrap .bh-days{margin-top:6px;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.settings-wrap .bh-row{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--surface)}.settings-wrap .bh-row+.bh-row{border-top:1px solid var(--border)}.settings-wrap .bh-day-toggle{display:flex;align-items:center;gap:8px;width:100px;flex:0 0 auto;font-size:13px;font-weight:600;cursor:pointer}.settings-wrap .bh-times{display:flex;align-items:center;gap:8px;flex:1}.settings-wrap .bh-times .ctrl{height:32px;padding:0 8px}.settings-wrap .bh-times span{color:var(--muted)}.settings-wrap .bh-day-off{margin-left:auto;font-size:12px;color:var(--faint);flex:0 0 auto}@media(max-width:560px){.settings-wrap .bh-two{grid-template-columns:1fr}.settings-wrap .bh-row{flex-wrap:wrap}}.rules-wrap{flex:1;min-width:0;overflow-y:auto}.rules-wrap .rules-inner{max-width:900px;margin:0 auto;padding:22px 24px 60px}.rules-wrap .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:6px;flex-wrap:wrap}.rules-wrap .page-h h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.rules-wrap .page-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.rules-wrap .hintbar{display:flex;gap:10px;align-items:center;background:var(--accent-soft);border:1px solid oklch(90% .04 264);color:#2b457d;border-radius:10px;padding:10px 14px;font-size:12.5px;margin:16px 0 18px}.rules-wrap .hintbar svg{width:16px;height:16px;flex:0 0 auto}.rules-wrap .rule{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--sh);margin-bottom:12px}.rules-wrap .rule.off{opacity:.5}.rules-wrap .ord{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;padding-top:2px}.rules-wrap .ord .n{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--faint)}.rules-wrap .ord .mv{display:flex;flex-direction:column}.rules-wrap .ord .mv button{width:20px;height:16px;color:var(--faint);display:grid;place-items:center}.rules-wrap .ord .mv button:hover:not(:disabled){color:var(--accent)}.rules-wrap .ord .mv button:disabled{opacity:.35;cursor:default}.rules-wrap .rb{flex:1;min-width:0}.rules-wrap .rname{font-weight:700;font-size:14.5px;margin-bottom:9px;display:flex;align-items:center;gap:8px}.rules-wrap .rname .matched{font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 8px;border-radius:20px;font-family:var(--mono)}.rules-wrap .logic{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}.rules-wrap .seg-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);align-self:center}.rules-wrap .arrow{color:var(--faint);font-weight:700;margin:0 2px}.rules-wrap .cond{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 9px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px}.rules-wrap .cond .mono{font-family:var(--mono);font-size:12px;font-weight:600}.rules-wrap .chip.label{background:var(--woo-soft);color:var(--woo)}.rules-wrap .chip.team{background:var(--accent-soft);color:var(--accent)}.rules-wrap .chip.prio{background:var(--danger-soft);color:var(--danger)}.rules-wrap .chip.prio.mid{background:var(--warn-soft);color:#774a00;color:oklch(45% .12 70)}.rules-wrap .chip svg{width:12px;height:12px}.rules-wrap .ract{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}.rules-wrap .rowbtns{display:flex;gap:2px}.rules-wrap .rowbtns button{width:30px;height:30px;border-radius:7px;color:var(--muted);display:grid;place-items:center;border:1px solid transparent}.rules-wrap .rowbtns button:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.rules-wrap .rowbtns button.del:hover{color:var(--danger);background:var(--danger-soft);border-color:transparent}.rules-wrap .rowbtns svg{width:16px;height:16px}.rules-wrap .sw{width:38px;height:22px;border-radius:20px;background:var(--border-strong);position:relative;transition:.2s;cursor:pointer;flex:0 0 auto;border:none;padding:0}.rules-wrap .sw.on{background:var(--accent)}.rules-wrap .sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px #2e2e2e4d}.rules-wrap .sw.on:after{transform:translate(16px)}.rules-wrap .sect-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:4px 0 10px;display:flex;align-items:center;gap:8px}.rules-wrap .sect-t:after{content:"";flex:1;height:1px;background:var(--border)}.rules-wrap .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-wrap select.ctrl{height:38px}.rules-wrap .empty{color:var(--muted);padding:24px 4px}@media(max-width:560px){.rules-wrap .two{grid-template-columns:1fr}.rules-wrap .ract{flex-direction:row}}.rule-label-field{padding-top:2px}.rule-label-field .label-picker .label-chip{border:1px solid var(--border-strong);padding:9px 12px;border-radius:10px}.rule-label-field .label-pop{top:auto;bottom:calc(100% + 6px)}.kb-rail{width:236px;flex:0 0 236px;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto}.kb-rail .rail-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:0 8px;margin:16px 0 7px}.kb-rail .rail-h:first-child{margin-top:0}.kb-rail .cat{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;width:100%;text-align:left;color:var(--fg);background:none;border:none;cursor:pointer;font:inherit}.kb-rail .cat:hover{background:var(--surface-2)}.kb-rail .cat.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.kb-rail .cat .dot{width:9px;height:9px;border-radius:3px;flex:0 0 auto}.kb-rail .cat .count{margin-left:auto;font-size:12px;color:var(--faint)}.kb-rail .cat.active .count{color:var(--accent)}.kb-rail .seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px;margin:0 4px}.kb-rail .seg button{flex:1;padding:6px;border-radius:6px;font-size:12.5px;color:var(--muted);font-weight:500;background:none;border:none;cursor:pointer}.kb-rail .seg button.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--sh)}.kb-rail .store-sel{width:100%;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);padding:0 9px;margin:0 4px;outline:none;color:var(--fg)}.kb-rail .store-sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kb-main{flex:1;overflow-y:auto;min-width:0}.kb-main .main-in{max-width:920px;margin:0 auto;padding:22px 24px 60px}.kb-main .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.kb-main .page-h-acts{display:flex;gap:10px;align-items:center}.kb-main .page-h h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.kb-main .page-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.kb-main .toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.kb-main .search{position:relative;flex:1}.kb-main .search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}.kb-main .search input{width:100%;height:38px;padding:0 12px 0 34px;background:var(--surface);border:1px solid var(--border);border-radius:9px;outline:none;color:var(--fg)}.kb-main .search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kb-main .art{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sh);padding:15px 16px;margin-bottom:12px;cursor:pointer;transition:border-color .15s}.kb-main .art:hover{border-color:var(--border-strong)}.kb-main .art .top{display:flex;align-items:center;gap:9px;margin-bottom:7px;flex-wrap:wrap}.kb-main .art .t{font-weight:700;font-size:15px;letter-spacing:-.01em;flex:1 1 auto;min-width:140px}.kb-main .art .chip.cat{color:#fff}.kb-main .art .chip.lang{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-family:var(--mono)}.kb-main .art .cardbody{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.kb-main .art .foot{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--faint)}.kb-main .art .foot .u{display:flex;align-items:center;gap:5px}.kb-main .art .foot .u svg{width:13px;height:13px}.kb-main .art .foot .acts{margin-left:auto;display:flex;gap:2px}.kb-main .art .foot .acts button{width:30px;height:30px;border-radius:7px;color:var(--muted);display:grid;place-items:center;border:1px solid transparent;background:none;cursor:pointer}.kb-main .art .foot .acts button:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.kb-main .art .foot .acts button.del:hover{color:var(--danger);background:var(--danger-soft);border-color:transparent}.kb-main .art .foot .acts svg{width:16px;height:16px}.kb-main .empty{text-align:center;color:var(--faint);padding:50px 20px;font-size:13.5px}.kb-three{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.md-bar{display:flex;align-items:center;gap:2px;border:1px solid var(--border-strong);border-bottom:none;border-radius:9px 9px 0 0;background:var(--surface-2);padding:5px 6px}.md-bar button{width:30px;height:30px;border-radius:6px;color:var(--muted);display:grid;place-items:center;font-weight:700;font-size:13px;background:none;border:none;cursor:pointer}.md-bar button:hover{background:var(--surface);color:var(--fg)}.md-bar button svg{width:15px;height:15px}.md-bar .div{width:1px;height:18px;background:var(--border);margin:0 3px}.md-bar .tabs{margin-left:auto;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:2px}.md-bar .tabs button{width:auto;padding:0 10px;height:24px;border-radius:5px;font-size:12px;font-weight:600}.md-bar .tabs button.active{background:var(--accent-soft);color:var(--accent)}textarea.md-body{border-radius:0 0 9px 9px;border-top-color:var(--border);min-height:150px;line-height:1.6;resize:vertical}.md-preview{min-height:150px;max-height:340px;overflow:auto;border:1px solid var(--border-strong);border-top:none;border-radius:0 0 9px 9px;padding:12px 14px;font-size:13.5px;line-height:1.65;background:var(--surface)}.md-preview:empty:before{content:"Chưa có nội dung để xem trước.";color:var(--faint)}.md-hint{font-size:11.5px;color:var(--faint);margin-top:6px}.md-hint code{font-family:var(--mono);background:var(--surface-2);padding:0 4px;border-radius:4px}.md h1,.md h2,.md h3{font-weight:700;letter-spacing:-.01em;margin:.6em 0 .3em;line-height:1.3}.md h1{font-size:1.3em}.md h2{font-size:1.15em}.md h3{font-size:1.02em}.md p{margin:0 0 .6em}.md p:last-child{margin:0}.md ul,.md ol{margin:0 0 .6em;padding-left:1.35em}.md li{margin:.15em 0}.md a{color:var(--accent);font-weight:600}.md strong{font-weight:700}.md em{font-style:italic}.md code{font-family:var(--mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--border);padding:.5px 5px;border-radius:5px}.md blockquote{margin:.4em 0;padding:.3em 0 .3em 12px;border-left:3px solid var(--border-strong);color:var(--muted)}.md .var{font-family:var(--mono);font-size:.9em;background:var(--woo-soft);color:var(--woo);padding:.5px 5px;border-radius:5px}@media(max-width:820px){.kb-rail{display:none}.kb-three{grid-template-columns:1fr}}.team-wrap{flex:1;min-width:0;overflow-y:auto}.team-wrap .team-inner{max-width:900px;margin:0 auto;padding:22px 24px 60px}.team-wrap .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:6px;flex-wrap:wrap}.team-wrap .page-h h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.team-wrap .page-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.team-wrap .summary{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.team-wrap .sm-stat{flex:1;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px 15px;box-shadow:var(--sh)}.team-wrap .sm-stat .n{font-size:22px;font-weight:800}.team-wrap .sm-stat .l{font-size:12.5px;color:var(--muted);margin-top:2px}.team-wrap .sect-t{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:26px 0 11px;display:flex;align-items:center;gap:8px}.team-wrap .sect-t:after{content:"";flex:1;height:1px;background:var(--border)}.team-wrap .card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh);overflow:hidden}.team-wrap .row{display:grid;grid-template-columns:1.7fr 1.1fr 1.6fr 130px 88px;gap:14px;align-items:center;padding:13px 16px}.team-wrap .row+.row{border-top:1px solid var(--border)}.team-wrap .row.head{background:var(--surface-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.team-wrap .who{display:flex;align-items:center;gap:11px;min-width:0}.team-wrap .who .av{width:36px;height:36px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}.team-wrap .who .nm{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-wrap .who .em{font-size:12px;color:var(--muted);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-wrap .who .you{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:20px}.team-wrap .rolesel{width:100%;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:0 8px;font-weight:600;font-size:12.5px;outline:none;cursor:pointer}.team-wrap .rolesel:focus{border-color:var(--accent)}.team-wrap .rolesel:disabled{opacity:.6;cursor:not-allowed}.team-wrap .teamchips{display:flex;flex-wrap:wrap;gap:5px}.team-wrap .chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.team-wrap .chip.all{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.team-wrap .pill.active{background:var(--ok-soft);color:var(--ok)}.team-wrap .pill.invited{background:var(--warn-soft);color:#774a00;color:oklch(45% .12 70)}.team-wrap .rowacts{display:flex;gap:3px;justify-content:flex-end}.team-wrap .rowacts button{width:30px;height:30px;border-radius:7px;color:var(--muted);display:grid;place-items:center;border:1px solid transparent;background:none;cursor:pointer}.team-wrap .rowacts button:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.team-wrap .rowacts button.del:hover{color:var(--danger);background:var(--danger-soft);border-color:transparent}.team-wrap .rowacts button:disabled{opacity:.4;cursor:not-allowed}.team-wrap .rowacts svg{width:16px;height:16px}.team-wrap .teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.team-wrap .team{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sh);padding:15px}.team-wrap .team .tt{display:flex;align-items:center;gap:9px;margin-bottom:10px}.team-wrap .team .tdot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.team-wrap .team .tn{font-weight:700;font-size:14.5px}.team-wrap .team .tacts{margin-left:auto;display:flex;gap:3px}.team-wrap .team .tacts button{width:28px;height:28px;border-radius:7px;color:var(--faint);display:grid;place-items:center;border:1px solid transparent;background:none;cursor:pointer}.team-wrap .team .tacts button:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.team-wrap .team .tacts button.del:hover{color:var(--danger);background:var(--danger-soft);border-color:transparent}.team-wrap .team .tacts svg{width:15px;height:15px}.team-wrap .team .avs{display:flex;margin:10px 0}.team-wrap .team .avs .a{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px;border:2px solid var(--surface);margin-left:-6px}.team-wrap .team .avs .a:first-child{margin-left:0}.team-wrap .team .avs .none{font-size:12px;color:var(--faint)}.team-wrap .team .tkv{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;border-top:1px dashed var(--border)}.team-wrap .team .tkv .k{color:var(--muted)}.team-wrap .team .tkv .v{font-weight:600}.team-wrap .team .boxes{font-size:12px;color:var(--muted);margin-top:8px;font-family:var(--mono);line-height:1.5}.team-wrap .team-add{border:1px dashed var(--border-strong);background:var(--surface-2);display:grid;place-items:center;min-height:140px;color:var(--muted);font-weight:600;cursor:pointer;gap:6px}.team-wrap .team-add:hover{color:var(--accent);border-color:var(--accent)}.team-wrap .team-add svg{width:22px;height:22px}.team-wrap .matrix{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.team-wrap .matrix th,.team-wrap .matrix td{padding:11px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.team-wrap .matrix thead th{background:var(--surface-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.team-wrap .matrix td.c,.team-wrap .matrix th.c{text-align:center;width:110px}.team-wrap .matrix tr:last-child td{border-bottom:none}.team-wrap .matrix .yes{color:var(--ok)}.team-wrap .matrix .no{color:var(--border-strong)}.team-wrap .matrix .yes svg,.team-wrap .matrix .no svg{width:17px;height:17px}.team-wrap .matrix .perm{font-weight:600}.member-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.member-checks .chk{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer}.member-checks .chk input{width:16px;height:16px;accent-color:var(--accent)}.member-checks .chk.on{border-color:var(--accent);background:var(--accent-soft)}.team-wrap .empty{color:var(--muted);padding:14px 2px;font-size:13.5px}@media(max-width:720px){.team-wrap .row{grid-template-columns:1.6fr 110px 80px;gap:10px}.team-wrap .row .col-teams,.team-wrap .row .col-status,.team-wrap .row.head .h-teams,.team-wrap .row.head .h-status{display:none}.member-checks{grid-template-columns:1fr}}.dash-wrap{flex:1;min-width:0;overflow-y:auto}.dash-wrap .dash-inner{max-width:1200px;margin:0 auto;padding:22px 24px 60px}.dash-wrap .page-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;gap:16px;flex-wrap:wrap}.dash-wrap .page-h h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.dash-wrap .page-h p{margin:3px 0 0;color:var(--muted);font-size:13.5px}.dash-wrap .head-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-wrap .store-filter{display:flex;align-items:center;gap:8px}.dash-wrap .store-filter span{color:var(--muted);font-size:13px;font-weight:600}.dash-wrap .store-filter select{height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 10px;font-weight:600;outline:none;cursor:pointer;color:var(--fg)}.dash-wrap .store-filter select:focus{border-color:var(--accent)}.dash-wrap .period{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px}.dash-wrap .period button{padding:5px 11px;border-radius:6px;font-size:12.5px;color:var(--muted);font-weight:500}.dash-wrap .period button.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--sh)}.dash-wrap .chip.up{background:var(--ok-soft);color:var(--ok)}.dash-wrap .chip.down{background:var(--danger-soft);color:var(--danger)}.dash-wrap .chip.flat{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.dash-wrap .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.dash-wrap .kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--sh);position:relative;overflow:hidden}.dash-wrap .kpi .lbl{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600;margin-bottom:10px}.dash-wrap .kpi .ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}.dash-wrap .kpi .ico svg{width:16px;height:16px}.dash-wrap .kpi .num{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.dash-wrap .kpi .sub{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;color:var(--muted)}.dash-wrap .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.dash-wrap .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);display:flex;flex-direction:column;min-height:0}.dash-wrap .card-h{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--border)}.dash-wrap .card-h h2{margin:0;font-size:14px;font-weight:700;letter-spacing:-.01em}.dash-wrap .card-h .hi{width:26px;height:26px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.dash-wrap .card-h .hi svg{width:15px;height:15px}.dash-wrap .card-h .more{margin-left:auto;font-size:12px;font-weight:600;color:var(--accent)}.dash-wrap .card-b{padding:14px 16px;flex:1}.dash-wrap .col-5{grid-column:span 5}.dash-wrap .col-7{grid-column:span 7}.dash-wrap .col-12{grid-column:span 12}.dash-wrap .empty{color:var(--faint);font-size:13px;padding:14px 0;text-align:center}.dash-wrap .barrow{display:grid;grid-template-columns:150px 1fr 42px;align-items:center;gap:12px;padding:8px 0}.dash-wrap .barrow+.barrow{border-top:1px solid var(--border)}.dash-wrap .barrow .nm{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;overflow:hidden}.dash-wrap .barrow .nm .fav{width:18px;height:18px;border-radius:5px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.dash-wrap .barrow .track{height:9px;border-radius:6px;background:var(--surface-2);overflow:hidden}.dash-wrap .barrow .fill{height:100%;border-radius:6px;background:var(--accent)}.dash-wrap .barrow .val{text-align:right;font-family:var(--mono);font-size:13px;font-weight:600}.dash-wrap .barrow.sub .nm{padding-left:26px;font-weight:500;color:var(--muted);font-size:12.5px}.dash-wrap .barrow.sub .fill{background:var(--woo)}.dash-wrap .gauge{display:flex;align-items:center;gap:18px}.dash-wrap .donut{--p: 0;width:104px;height:104px;border-radius:50%;flex:0 0 auto;background:conic-gradient(var(--ok) calc(var(--p) * 1%),var(--surface-2) 0);display:grid;place-items:center;position:relative}.dash-wrap .donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:var(--surface)}.dash-wrap .donut .g-in{position:relative;z-index:1;text-align:center}.dash-wrap .donut .g-in b{font-size:22px;font-weight:800}.dash-wrap .donut .g-in span{display:block;font-size:10.5px;color:var(--muted);font-weight:600}.dash-wrap .sla-kv{flex:1}.dash-wrap .sla-kv .r{display:flex;justify-content:space-between;padding:7px 0;font-size:13px}.dash-wrap .sla-kv .r+.r{border-top:1px dashed var(--border)}.dash-wrap .sla-kv .r .k{color:var(--muted)}.dash-wrap .sla-kv .r .v{font-weight:700;font-family:var(--mono)}.dash-wrap .q{display:flex;gap:11px;padding:11px 0;align-items:center}.dash-wrap .q+.q{border-top:1px solid var(--border)}.dash-wrap .q .qav{width:32px;height:32px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff}.dash-wrap .q .qm{flex:1;min-width:0}.dash-wrap .q .qm .t{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-wrap .q .qm .meta{font-size:11.5px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:2px;flex-wrap:wrap}.dash-wrap .q .wait{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--danger);flex:0 0 auto}.dash-wrap .q .wait.ok{color:var(--muted)}.dash-wrap .act{display:flex;gap:10px;padding:9px 0}.dash-wrap .act+.act{border-top:1px solid var(--border)}.dash-wrap .act .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:0 0 auto}.dash-wrap .act .txt{font-size:12.5px}.dash-wrap .act .txt b{font-weight:700}.dash-wrap .act .txt .tm{color:var(--faint);font-size:11.5px;margin-left:6px}.dash-wrap .conn{display:flex;align-items:center;gap:10px;padding:9px 0}.dash-wrap .conn+.conn{border-top:1px solid var(--border)}.dash-wrap .conn .fav{width:24px;height:24px;border-radius:6px;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.dash-wrap .conn .cn{flex:1;font-size:13px;font-weight:600}.dash-wrap .conn .cn small{display:block;font-weight:400;color:var(--faint);font-size:11.5px;font-family:var(--mono)}.dash-wrap .conn .st{width:8px;height:8px;border-radius:50%}@media(max-width:1080px){.dash-wrap .kpis{grid-template-columns:repeat(2,1fr)}.dash-wrap .col-5,.dash-wrap .col-7,.dash-wrap .col-12{grid-column:span 12}}@media(max-width:560px){.dash-wrap .kpis{grid-template-columns:1fr}.dash-wrap .barrow{grid-template-columns:110px 1fr 38px}}.csat-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--fg);font-family:var(--font)}.csat-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 8px 30px #0000001f}.csat-card h1{font-size:20px;font-weight:700;margin:0 0 8px;line-height:1.35}.csat-muted{color:var(--muted);font-size:14px;margin:0 0 4px}.csat-stars{display:flex;justify-content:center;gap:6px;margin:20px 0}.csat-stars button,.csat-stars-static span{background:none;border:none;cursor:pointer;font-size:38px;line-height:1;color:var(--border-strong);transition:color .12s,transform .12s;padding:0}.csat-stars button:hover{transform:scale(1.12)}.csat-stars button.on,.csat-stars-static span.on{color:#f5b301}.csat-stars-static{cursor:default}.csat-comment{width:100%;min-height:84px;resize:vertical;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--fg);padding:10px 12px;font-family:inherit;font-size:14px;margin-bottom:16px;box-sizing:border-box}.csat-comment:focus{outline:none;border-color:var(--accent)}.csat-submit{width:100%;padding:12px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer}.csat-submit:disabled{opacity:.5;cursor:not-allowed}.csat-err{color:var(--danger);font-size:13px;margin:0 0 12px}.profile-wrap{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.profile-wrap::-webkit-scrollbar{width:8px}.profile-wrap::-webkit-scrollbar-track{background:transparent}.profile-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px;border:2px solid transparent;background-clip:content-box}.profile-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.profile-wrap .profile-inner{max-width:660px;margin:0 auto;padding:22px 24px 64px}.profile-wrap .page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.profile-wrap .page-h h1{font-size:20px;font-weight:700;color:var(--fg);letter-spacing:-.01em}.profile-wrap .page-h p{margin-top:4px;font-size:13px;color:var(--muted)}.pf-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);margin-bottom:16px}.pf-card-h{padding:18px 20px 0}.pf-card-h h2{font-size:14px;font-weight:700;color:var(--fg)}.pf-card-h p{margin-top:2px;font-size:12.5px;color:var(--muted)}.pf-identity{overflow:hidden;padding:0}.pf-cover{height:84px;background:radial-gradient(120% 140% at 88% -10%,oklch(100% 0 0 / .22),transparent 60%),linear-gradient(115deg,var(--accent),var(--woo))}.pf-id-body{display:flex;align-items:center;gap:16px;padding:0 22px 20px;margin-top:-30px}.pf-avatar{width:72px;height:72px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:26px;letter-spacing:.5px;border:3px solid var(--surface);box-shadow:0 4px 14px #252e3d2e}.pf-id-meta{min-width:0;flex:1;padding-top:30px}.pf-id-name{font-size:18px;font-weight:700;color:var(--fg);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-id-email{font-size:13px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-id-tags{display:flex;gap:8px;flex:0 0 auto;padding-top:30px}.pf-badge{font-size:12px;font-weight:600;padding:3px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.pf-badge.muted{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pf-form{display:flex;flex-direction:column;gap:14px;padding:16px 20px 20px}.pf-form .fld{margin-bottom:0}.pf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pf-actions{display:flex;justify-content:flex-end;margin-top:2px;padding-top:14px;border-top:1px solid var(--border)}@media(max-width:560px){.pf-id-body{flex-wrap:wrap;gap:12px}.pf-id-meta{flex:1 1 100%;padding-top:6px}.pf-id-tags{padding-top:0}.pf-grid2{grid-template-columns:1fr}}