:root{--bg: #f6f7f9;--card: #fff;--line: #e8eaed;--text: #1f2328;--muted: #6b7280;--brand: #2563eb;--danger: #dc2626;--ok: #10b981;--chat-bg: var(--card);--hover: #f3f4f6;--select: #e8f0fe;--bubble-them: #ebebeb;--bubble-ai: #d3e5fb;--bubble-agent: #b8d6f7;--bubble-text: #1f1f1f;--tip-bg: #111827;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #16181c;--card: #1e2025;--line: #2e3138;--text: #e6e8eb;--muted: #9aa1ab;--hover: #2a2d34;--select: #1f3552;--bubble-them: #2e3137;--bubble-ai: #1e3a5c;--bubble-agent: #27507c;--bubble-text: #eef1f4;--tip-bg: #3a3e46}}@media(prefers-color-scheme:dark){.face-avatar-img{filter:invert(1)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--brand)}.btn{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text);transition:.15s}.btn:hover:not(:disabled){background:var(--hover)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-danger{color:var(--danger);border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-sm{padding:5px 10px;font-size:13px}.btn-link{background:none;border:none;color:var(--brand);padding:4px 8px;border-radius:6px}.btn-link:hover:not(:disabled){background:#eff6ff}.input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;outline:none;background:var(--card);color:var(--text)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.input:disabled{background:var(--hover);color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;background:var(--hover);color:var(--muted)}.tag-ai{background:#eff6ff;color:#2563eb}.tag-wait{background:#fff7ed;color:#ea580c}.tag-human{background:#ecfdf5;color:#059669}.tag-closed{background:#f3f4f6;color:#9ca3af}.content-select{display:inline-grid;max-width:100%;flex-shrink:0;font-size:13px}.content-select>*{grid-area:1 / 1;font:inherit;letter-spacing:0}.content-select-label{visibility:hidden;white-space:pre;padding:5px 30px 5px 8px;border:1px solid transparent}.content-select>select.input{width:0;min-width:100%;max-width:100%;padding:5px 8px;font:inherit}.wb-date-filter{position:relative;padding:0 12px 12px;gap:8px;min-width:0;flex-wrap:wrap}.wb-date-filter label{font-size:13px;color:var(--muted);flex-shrink:0}.wb-date-filter .single-date-picker{min-width:0;flex:1}.wb-date-filter .single-date-picker>button{width:100%;display:flex;justify-content:space-between;gap:8px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between}.empty{text-align:center;color:var(--muted);padding:40px 20px}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:500;font-size:12px;color:var(--muted);padding:10px 12px;background:var(--hover)}td{padding:11px 12px;border-top:1px solid var(--line)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--card);border-radius:14px;padding:24px;width:100%;max-width:440px}.modal h2{font-size:16px;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;margin-bottom:6px}.err{color:var(--danger);font-size:13px;min-height:18px;margin-top:10px}.bubble{padding:11px 18px;border-radius:22px;white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.6;color:var(--bubble-text)}.bubble.them{background:var(--bubble-them)}.bubble.ai{background:var(--bubble-ai)}.bubble.agent{background:var(--bubble-agent)}.msg-line{display:flex;align-items:center;gap:6px;max-width:100%}.msg-act{flex-shrink:0;border:0;background:transparent;color:var(--muted);padding:6px;border-radius:8px;opacity:0;transition:opacity .12s;display:flex;align-items:center;white-space:nowrap}[data-msg]:hover .msg-act{opacity:1}.msg-act:hover{background:var(--hover);color:var(--text)}.jump-new{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:6px;padding:8px 16px;border:0;border-radius:20px;background:var(--bubble-ai);color:var(--bubble-text);font-size:13px;box-shadow:0 2px 10px #0000001f}.jump-new:hover{background:var(--bubble-agent)}.composer{display:flex;align-items:flex-end;gap:6px;min-height:56px;padding:10px 12px;background:var(--card);border-radius:28px;box-shadow:0 2px 14px #00000014;border:1px solid var(--line)}.composer textarea{flex:1;border:0;outline:0;resize:none;background:transparent;padding:8px 4px;line-height:20px;max-height:120px;color:var(--text)}.composer textarea:disabled{cursor:not-allowed;color:var(--muted)}.cb-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text)}.cb-icon:hover:not(:disabled){background:var(--hover)}.cb-icon.gray{background:var(--hover)}.cb-icon.blue{background:var(--brand);color:#fff;box-shadow:0 0 0 3px #2563eb40}.cb-icon.blue:hover:not(:disabled){background:#1d4ed8}.cb-icon.red{background:var(--danger);color:#fff}.cb-time{flex-shrink:0;min-width:40px;font-variant-numeric:tabular-nums;color:var(--muted);align-self:center}.cb-dots{flex:1;height:36px;position:relative;align-self:center;border:0;background:transparent;padding:0;--dots: radial-gradient(circle, currentColor 2.5px, transparent 3px) 0 50% / 12px 12px repeat-x}.cb-dots:before,.cb-dots>i{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dots)}.cb-dots:before{color:#bfdbfe}.cb-dots>i{color:var(--brand);width:var(--pct, 100%);transition:width .15s linear}.cb-dots.rec>i{color:var(--danger)}.cb-menu{position:absolute;bottom:100%;left:28px;margin-bottom:8px;z-index:11;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 8px 24px #0000001a;width:max-content}.cb-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 12px;border-radius:8px}.cb-menu button:hover:not(:disabled){background:var(--hover)}.rail{width:76px;flex-shrink:0;background:var(--card);border-right:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;z-index:20}.rail-logo{font-family:Avenir Next,Futura,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:1px;padding:4px 0;color:var(--text)}.rail-btn{position:relative;width:50px;height:50px;border-radius:14px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;text-decoration:none}.rail{transition:width .18s ease}.rail.wide{width:168px}.rail-head{display:flex;align-items:center;gap:2px}.rail-toggle{width:18px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center}.rail-toggle svg{width:14px;height:14px}.rail-toggle:hover{background:var(--hover);color:var(--text)}.rail-nav{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px}.rail-foot{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:auto}.rail.wide .rail-nav{align-items:stretch;padding:0 12px}.rail.wide .rail-foot{align-self:stretch;align-items:stretch;padding:0 12px}.rail.wide .rail-btn{width:100%;justify-content:flex-start;gap:12px;padding:0 13px}.rail.wide .rail-me{margin-left:4px}.rail-label{font-size:14px;white-space:nowrap}.rail.wide .rail-btn[data-tip]:hover:after{display:none}.rail-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.rail-btn.on{background:var(--select);color:var(--brand)}.rail-badge{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;font-weight:600;line-height:17px;text-align:center}.rail-menu{position:absolute;left:calc(100% + 10px);bottom:0;z-index:30;min-width:132px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #00000026}.rail-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 12px;border-radius:999px;font-size:14px;white-space:nowrap}.rail-menu button:hover{background:var(--hover)}.rail-menu button.danger{color:var(--danger)}.rail-me{position:relative;width:42px;height:42px;border-radius:50%;margin-top:4px;padding:0;background:var(--hover);color:var(--text);font-size:15px;font-weight:600;border:2px solid var(--st);box-shadow:0 0 0 2px var(--card);display:flex;align-items:center;justify-content:center;transition:.15s}.rail-me:hover:not(:disabled){transform:scale(1.06)}.rail-me.on{--st: #10b981}.rail-me.away{--st: #ef4444}.rail-me.off{--st: #9ca3af}.rail-dot{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;background:var(--st);border:2px solid var(--card)}[data-tip]{position:relative}.rail [data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--tip-bg);color:#fff;font-size:12px;font-weight:400;padding:6px 10px;border-radius:8px;box-shadow:0 4px 12px #0003;pointer-events:none;z-index:30}.wb .btn,.wb input.input,.wb select.input{border-radius:999px}.wb .btn{padding-left:16px;padding-right:16px}.wb select.input{padding-left:14px}.wb .content-select>select.input{padding-left:8px}.wb-head .btn:not(.btn-primary),.wb-head select.input{background:transparent;border-color:#80808059}.wb-head .btn:not(.btn-primary):hover:not(:disabled){background:#80808026}.wb-head .btn.btn-danger{border-color:#dc26268c}.wb-more{border:0;background:transparent;color:var(--muted);width:24px;height:22px;border-radius:999px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.wb-more:hover{background:var(--hover);color:var(--text)}.wb-menu{position:absolute;top:24px;right:0;z-index:15;min-width:120px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #0000001f}.wb-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 12px;border-radius:999px;font-size:13px;color:var(--text)}.wb-menu button:hover:not(:disabled){background:var(--hover)}.wb-menu button.danger{color:var(--danger)}.wb-fold{position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:6;width:22px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:16px;line-height:1;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;justify-content:center;padding:0}.wb-fold:hover{color:var(--text)}.wb-fold.folded{right:6px}.wb-resizer{width:1px;flex-shrink:0;cursor:col-resize;background:var(--line);position:relative;z-index:1}.wb-resizer:before{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.wb-resizer:hover,.wb-resizer:active{background:var(--brand)}.wb-hist{width:320px;flex-shrink:0;background:var(--card);display:flex;flex-direction:column;min-height:0}.wb-hist-head{margin:4px 12px;padding:8px 14px;border-radius:999px;background:var(--hover);font-weight:600;font-size:14px}.wb-hist-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);border:0;background:transparent;padding:10px 12px;border-radius:999px;font-size:13px;text-align:left}.wb-hist-row:hover{background:var(--hover)}.pet{display:flex;flex-direction:column;align-items:center;padding:14px 16px 10px}.pet-pic{position:relative;width:124px;height:124px;border-radius:50%;border:3px solid var(--card);background:radial-gradient(circle at 50% 40%,var(--card),var(--hover) 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--line),0 0 18px 3px var(--glow, transparent)}.pet-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pet-main{width:84%;height:84%;object-fit:contain;cursor:pointer;filter:drop-shadow(0 4px 5px rgba(0,0,0,.18))}.pet-live{animation:pet-breathe 3.2s ease-in-out infinite}.pet-live.hop{animation:pet-hop .5s ease}@keyframes pet-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}@keyframes pet-hop{0%{transform:translateY(0)}35%{transform:translateY(-16px) scale(1.06,.96)}70%{transform:translateY(0) scale(.96,1.04)}to{transform:none}}.rar-common{--glow: transparent}.rar-rare{--glow: #3b82f6}.rar-epic{--glow: #a855f7}.rar-legend{--glow: #f59e0b}.rar-tag{font-size:11px;padding:1px 8px;border-radius:999px;background:var(--hover);color:var(--muted)}.rar-tag.rar-rare{background:#dbeafe;color:#1d4ed8}.rar-tag.rar-epic{background:#f3e8ff;color:#7e22ce}.rar-tag.rar-legend{background:#fef3c7;color:#b45309}.pet-edit{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:0;background:var(--hover);color:var(--text);box-shadow:0 1px 4px #00000026;display:flex;align-items:center;justify-content:center}.pet-edit:hover{background:var(--line)}.pet-name{margin-top:8px;font-size:15px;font-weight:700;text-align:center;word-break:break-all}.pet-state{margin-top:3px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.chest{display:flex;flex-direction:column;align-items:center;padding:18px 16px 10px}.chest-title{font-size:22px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#fcd34d,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent}.chest img{width:220px;height:200px;object-fit:contain;cursor:pointer;margin-top:8px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}.chest img.idle{animation:chest-bob 2.4s ease-in-out infinite}.chest img.idle:hover{filter:brightness(1.08)}.chest img.opened{animation:chest-open .6s cubic-bezier(.2,1.5,.4,1)}@keyframes chest-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-1.5deg)}75%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes chest-open{0%{transform:scale(.85);filter:brightness(1.6)}to{transform:none;filter:none}}.box-modal{text-align:center;max-width:380px}.box-grid{display:grid;grid-template-columns:repeat(3,92px);gap:14px;justify-content:center;margin:16px 0 8px}.box{width:92px;height:92px;border:0;padding:0;cursor:pointer;background:center / contain no-repeat transparent;transition:transform .15s}.box.paw{background-image:url(/app/pets/box-paw.png)}.box:hover:not(:disabled){transform:translateY(-3px) rotate(-4deg)}.box:disabled{opacity:.3;cursor:default}.box.picked{opacity:1;animation:box-shake .9s ease-in-out infinite}@keyframes box-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.pet-pop{animation:pet-pop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes pet-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}.pf-img{position:absolute;max-width:none;pointer-events:none;z-index:2}.pet-acc{position:absolute;left:50%;transform:translate(-50%);height:auto;max-width:none;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.slot{aspect-ratio:1;border-radius:14px;border:1px dashed var(--line);background:var(--hover);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:18px;color:var(--muted)}.slot.pick{border-style:solid;cursor:pointer;color:var(--text)}.slot.pick:hover{border-color:var(--brand)}.slot.pick.on{border:2px solid var(--brand);background:var(--select)}.slot em{font-style:normal;font-size:11px;color:var(--muted)}.wb-conv{margin:2px 8px;border-radius:18px}.wb-conv:hover{background:var(--hover)}.wb-conv.on{background:var(--select)}.wb-conv .wb-hover{visibility:hidden}.wb-conv:hover .wb-hover,.wb-conv .wb-hover.keep{visibility:visible}.wb .conv-tags .tag{font-size:13px;padding:3px 10px}.stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:20px}.stats-grid .stats-span6{grid-column:span 6}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(4,1fr)}.stats-grid .stats-span6{grid-column:span 4}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .stats-span6{grid-column:span 2}}.quote-in-bubble{font-size:12px;opacity:.75;padding-left:8px;border-left:2px solid currentColor;margin-bottom:4px}.quote-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding:6px 12px;border-radius:10px;background:var(--hover);color:var(--muted);font-size:13px}.quote-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-bar button{border:none;background:none;color:var(--muted);font-size:16px;line-height:1;padding:0 2px}.mobile-only{display:none}.app-main{min-width:0}.native-app .app-layout,.native-app .login-page{padding-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px));padding-right:var(--safe-area-inset-right, env(safe-area-inset-right, 0px));padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));padding-left:var(--safe-area-inset-left, env(safe-area-inset-left, 0px))}.native-app .rail.mobile-open,.native-app .wb-hist.mobile-details,.native-app .modal-bg{padding-top:max(12px,var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));padding-bottom:max(12px,var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:8px;background:transparent;color:var(--text)}.icon-button:hover{background:var(--hover)}.icon-button svg{width:22px;height:22px}.icon-button.mobile-only{display:none}@media(max-width:767px){html,body,#root{height:100%;min-width:0}body{overscroll-behavior:none}.mobile-only{display:flex}.icon-button.mobile-only{display:inline-flex}.app-layout{height:var(--app-height, 100dvh)!important;flex-direction:column;overflow:hidden}.mobile-topbar{flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;min-height:52px;background:var(--card);border-bottom:1px solid var(--line)}.mobile-topbar strong{font-size:16px}.mobile-duty{display:flex;align-items:center;gap:8px;min-height:44px}.mobile-duty .rail-me{margin:0;width:44px;height:44px}.mobile-duty-label{font-size:12px;color:var(--muted)}.app-main{flex:1;min-height:0;width:100%}.app-layout>.rail{display:none;position:fixed;inset:0 auto 0 0;width:min(280px,86vw);padding:12px;z-index:81;align-items:stretch;overflow-y:auto}.app-layout>.rail.mobile-open{display:flex}.rail-head{justify-content:space-between}.rail-toggle{display:none}.rail-nav,.rail.wide .rail-nav{position:static;padding:0;align-items:stretch;gap:4px}.rail .rail-btn,.rail.wide .rail-btn{width:100%;min-height:48px;padding:0 12px;gap:12px;justify-content:flex-start;border-radius:8px}.rail .rail-btn .rail-label{display:inline}.rail .rail-btn[data-tip]:hover:after,.rail [data-tip]:hover:after{display:none}.rail .rail-foot,.rail.wide .rail-foot{padding:0;align-items:stretch}.rail-menu{left:0;bottom:100%}.rail-backdrop,.details-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#11182766;z-index:80}.wb{height:100%!important;min-width:0;overflow:hidden}.wb-toolbar{padding:10px 12px!important;flex-shrink:0}.wb-toolbar>.row{flex-direction:column;align-items:stretch;gap:10px!important}.wb-tabs{gap:0!important;border-radius:8px!important;overflow-x:auto}.wb-tabs button{flex:1 0 auto;min-height:44px;padding:7px 8px!important;white-space:nowrap;border-radius:6px!important;font-size:13px!important}.wb-columns{min-width:0;position:relative}.wb-list,.wb-list-inner{width:100%!important;zoom:1!important}.wb-list{display:flex;min-height:0}.wb-resizer,.wb-fold{display:none}.wb-chat{display:none!important}.wb.mobile-chat .wb-toolbar,.wb.mobile-chat .wb-list{display:none}.wb.mobile-chat .wb-chat{display:flex!important;width:100%}.wb-chat-nav{align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--line);flex-shrink:0}.wb-chat-nav>strong{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px}.wb-head{margin:6px 8px!important;padding:4px!important;border-radius:8px!important;gap:6px;flex-wrap:wrap;flex-shrink:0}.wb-head>.row{gap:6px!important;flex-wrap:wrap}.wb-head>.row>strong{display:none}.wb-head .input{max-width:100%}.wb-head .btn{padding:6px 8px}.wb-messages{padding:12px!important;overscroll-behavior:contain}.wb-messages [data-msg]>div{max-width:100%!important;min-width:0}.msg-line{flex-wrap:wrap;gap:2px}.msg-line .bubble{min-width:0;max-width:100%;padding:10px 12px;border-radius:16px}.bubble img,.bubble video,.bubble audio{max-width:100%!important}.bubble .row{flex-wrap:wrap}.msg-act{opacity:1;min-width:44px;min-height:44px;justify-content:center}.wb-composer-area{padding:8px 8px 10px!important;flex-shrink:0}.wb-composer-area>.card{left:8px!important;right:8px!important;max-height:min(300px,45dvh)!important}.composer{padding:6px;gap:4px;min-width:0;border-radius:8px}.composer textarea{min-width:0;font-size:16px}.cb-icon{width:48px;height:48px}.cb-dots{min-width:24px;height:48px}.composer>.small{max-width:66px;font-size:11px}.cb-menu{left:8px}.cb-menu button,.wb-menu button,.rail-menu button{min-height:44px}.wb-hover{opacity:1!important;visibility:visible!important}.wb-more{min-width:44px;min-height:44px}.wb-conv strong{flex-shrink:1!important;overflow-wrap:anywhere}.wb-conv .conv-tags{max-width:50%}.wb-hist{display:none}.details-backdrop{z-index:89}.wb-hist.mobile-details{display:flex;position:fixed;inset:0 0 0 auto;height:var(--app-height, 100dvh);width:min(400px,94vw)!important;z-index:90;background:var(--card);box-shadow:-8px 0 30px #00000026}.wb-hist-inner{width:100%!important;zoom:1!important;min-height:0}.details-title{align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line);flex-shrink:0}.customer-summary{display:block;padding:12px 16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.customer-summary dl{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;font-size:13px}.customer-summary dt{color:var(--muted)}.wb-hist .pet{flex-shrink:0}.wb-hist.mobile-details .pet{display:none}.btn,.input,.btn-link{min-height:44px}.input{font-size:16px}.modal-bg{padding:12px}.modal{max-height:calc(var(--app-height, 100dvh) - 24px);overflow-y:auto;padding:18px;border-radius:8px}.modal .row,.modal .spread{flex-wrap:wrap}.login-page{min-height:var(--app-height, 100dvh)!important}.app-main>div:not(.wb){max-width:100%}.app-main table{min-width:600px}.app-main .card{max-width:100%;overflow-x:auto}.records-page{padding:12px!important}.app-main .records-filters{padding:12px!important;margin-bottom:12px!important;overflow:visible}.records-filter-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important}.records-filter-controls>*,.records-filter-controls>div>.btn{width:100%!important;min-width:0;overflow-wrap:anywhere}.records-filter-controls>div>.card{width:min(300px,calc(100vw - 50px))!important;max-width:none}.records-columns{flex-direction:column;gap:12px!important}.records-customers{width:100%!important;max-height:180px!important;overscroll-behavior-y:contain}.records-customer{overflow-wrap:anywhere}.records-customer .spread{align-items:flex-start;gap:8px}.records-customer .spread>b{min-width:0}.records-customer .spread>span{flex-shrink:0}.records-detail{width:100%;flex:none!important;height:max(360px,65dvh)!important}.records-detail-header,.records-search{flex-shrink:0;padding:10px 12px!important}.records-detail-header .spread{flex-wrap:wrap;gap:4px 8px;overflow-wrap:anywhere}.records-sessions{max-height:104px;overflow-y:auto}.records-sessions .btn{max-width:100%;overflow-wrap:anywhere}.records-messages{min-height:0;padding:12px!important;overscroll-behavior-y:contain}.records-message{min-width:0;max-width:100%!important;overflow-wrap:anywhere}.records-message .bubble{min-width:0;max-width:100%;padding:10px 12px}}.fu-modal{max-width:760px;max-height:calc(100vh - 40px);overflow:auto}.fu-tabs{display:flex;gap:6px;margin:14px 0 6px}.fu-tabs button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:6px 14px;border-radius:999px;font-size:13px}.fu-tabs button.on{background:var(--select);color:var(--brand);border-color:var(--brand)}.fu-tip{font-size:13px;margin:12px 0 4px;padding:8px 12px;border-radius:8px;background:var(--hover)}.fu-help{font-size:13px;margin:4px 0 6px;padding:6px 12px;border-radius:8px;background:var(--hover)}.fu-help summary{cursor:pointer;font-weight:600}.fu-help ul{margin:6px 0 2px;padding-left:18px}.fu-help li{margin:4px 0}.fu-help code{padding:0 4px;border-radius:4px;background:var(--select)}.fu-fresh{margin:6px 0}.fu-warn{color:var(--danger)}.fu-owner{max-width:200px;margin:6px 0}.fu-group{margin-top:14px}.fu-group-title{font-weight:600;font-size:14px;margin-bottom:6px}.fu-scroll{overflow-x:auto}.fu-table{font-size:13px}.fu-table th,.fu-table td{padding:8px 10px;white-space:nowrap}.fu-red{color:var(--danger)}.fu-click{cursor:pointer}.fu-click:hover{background:var(--hover)}.fu-detail td{background:var(--hover);white-space:normal;line-height:1.9}.fu-total td{font-weight:600}.wb-toolbar-row{flex-wrap:wrap;min-width:0}.operator-stats{display:grid;gap:6px;flex-shrink:0;white-space:nowrap;color:var(--muted);font-size:12px;line-height:1.2}.operator-stats-line{display:flex;align-items:center;gap:10px}.operator-stats-title{color:var(--text);font-size:15px}.operator-stats-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:13px;line-height:1}.operator-stats b{color:var(--text);font-weight:600}.wb-toolbar-row>.wb-tabs{flex-shrink:0;max-width:100%;overflow-x:auto}.wb-toolbar-row>.wb-tabs button{flex-shrink:0;white-space:nowrap}.dispatch-notice{display:flex;align-items:center;flex:1 1 220px;min-width:0;height:36px;max-width:100%;padding-left:16px;border-left:1px solid var(--line);color:var(--danger);font-size:14px;font-weight:500;letter-spacing:0}.dispatch-notice.unavailable{color:var(--muted);font-weight:400}.dispatch-notice-viewport{width:100%;min-width:0;overflow:hidden}.dispatch-notice-content{display:block;width:max-content;white-space:nowrap;line-height:24px}.dispatch-notice-viewport.is-scrolling .dispatch-notice-content{animation:dispatch-notice-pan var(--notice-duration) linear infinite alternate}.dispatch-notice-viewport:hover .dispatch-notice-content,.dispatch-notice-viewport:focus .dispatch-notice-content{animation-play-state:paused}.dispatch-notice-viewport:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes dispatch-notice-pan{0%,10%{transform:translate(0)}90%,to{transform:translate(var(--notice-distance))}}@media(prefers-reduced-motion:reduce){.dispatch-notice-viewport.is-scrolling{overflow-x:auto}.dispatch-notice-viewport.is-scrolling .dispatch-notice-content{animation:none}}@media(max-width:767px){.operator-stats{gap:3px;width:100%}.operator-stats-line{justify-content:space-between;gap:8px}.operator-stats-title{font-size:14px}.operator-stats-icon{width:20px;height:20px;font-size:12px}.wb-toolbar-row>.dispatch-notice{flex:none;width:100%;height:28px;padding-left:0;border-left:0;font-size:13px}}@media(min-width:768px){.operator-stats{margin-left:-12px}}.mon{--m-ok: #10b981;--m-warn: #f59e0b;--m-bad: #ef4444;--m-good: #10b981;padding:20px 28px 28px;min-height:100%;display:flex;flex-direction:column;gap:14px}.mon-full{min-height:100vh}.mon-empty{margin:auto;color:var(--muted)}.mon-sub{color:var(--muted);font-size:12px;line-height:1.5}.mon .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mon-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mon-title{font-size:20px;font-weight:600;margin-right:12px}.mon-live{font-size:13px;color:var(--muted)}.mon-live:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:currentColor;vertical-align:1px}.mon-live.ok:before{background:var(--m-ok)}.mon-live.warn{color:var(--m-warn)}.mon-live.bad{color:var(--m-bad);font-weight:600}.mon-actions{display:flex;align-items:center;gap:12px}.mon-clock{font-variant-numeric:tabular-nums;color:var(--muted)}.mon-layer{display:flex;flex-direction:column;gap:8px}.mon-layer-name{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:2px}.mon-sync-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mon-sync-panel{border:1px solid var(--line);border-radius:10px;background:var(--card)}.mon-sync-summary{padding:12px 14px;cursor:pointer}.mon-sync-summary .mon-sub{margin-left:10px}.mon-sync-summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:10px}.mon-sync-body{padding:0 14px 14px}.mon-sync-result{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow-wrap:anywhere}.mon-sync-result summary{cursor:pointer;margin-top:4px}.mon-sync-result ul{margin:4px 0;padding-left:18px}.mon-probes,.mon-errors,.mon-kpis{display:flex;flex-wrap:wrap;gap:8px}.mon-probe{flex:0 1 150px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.mon-probe-name{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.mon-probe .dot{width:8px;height:8px;border-radius:50%;background:var(--m-ok);flex:none}.mon-probe.warn .dot{background:var(--m-warn)}.mon-probe.bad .dot{background:var(--m-bad)}.mon-probe.bad{border-color:var(--m-bad)}.mon-probe-val{font-size:18px;font-weight:700;margin:2px 0}.mon-err{flex:0 1 150px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.mon-err-n{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);margin:2px 0}.mon-err-n small{font-size:13px;font-weight:400;margin-left:3px}.mon-err.warn .mon-err-n{color:var(--m-warn)}.mon-err.bad{border-color:var(--m-bad);background:color-mix(in srgb,var(--m-bad) 8%,var(--card))}.mon-err.bad .mon-err-n{color:var(--m-bad)}.mon-kpi{flex:0 1 150px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.mon-kpi-val{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0}.mon-kpi.warn{border-color:var(--m-warn)}.mon-kpi.warn .mon-kpi-val{color:var(--m-warn)}.mon-kpi.bad{border-color:var(--m-bad);background:color-mix(in srgb,var(--m-bad) 8%,var(--card))}.mon-kpi.bad .mon-kpi-val{color:var(--m-bad)}.mon-kpi.good .mon-kpi-val{color:var(--m-good)}.mon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:10px;margin-top:4px}.mon-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0}.mon-card-title{font-weight:600;margin-bottom:10px}.mon-card-title b{margin-left:4px}.mon-ok-big{padding:24px 0;text-align:center;font-size:18px;font-weight:600;color:var(--m-ok)}.mon-note{margin-top:10px;font-size:13px;color:var(--m-warn)}.mon-table{width:100%;border-collapse:collapse;font-size:13px}.mon-table th{text-align:left;font-weight:400;color:var(--muted);font-size:12px;padding:0 6px 6px}.mon-table td{padding:7px 6px;border-top:1px solid var(--line);vertical-align:middle}.mon-table tfoot td{font-weight:600;border-top:2px solid var(--line)}.mon-table .num.warn{color:var(--m-warn);font-weight:600}.mon-table .num.bad{color:var(--m-bad);font-weight:600}.mon .tag{display:inline-block;font-size:12px;padding:1px 7px;border-radius:10px;margin-right:4px;white-space:nowrap;background:var(--hover);color:var(--muted)}.mon .tag.ok{color:var(--m-ok);background:color-mix(in srgb,var(--m-ok) 14%,transparent)}.mon .tag.warn{color:var(--m-warn);background:color-mix(in srgb,var(--m-warn) 14%,transparent)}.mon .tag.bad{color:var(--m-bad);background:color-mix(in srgb,var(--m-bad) 14%,transparent)}.mon .tag+.tag,td>.tag:not(:first-child){margin-left:6px}.mon-load-cell{display:flex;align-items:center;gap:8px}.mon-bar{flex:1;min-width:60px;height:6px;border-radius:3px;background:var(--hover);overflow:hidden}.mon-bar i{display:block;height:100%;background:var(--brand)}.mon-bar i.warn{background:var(--m-warn)}.mon-bar i.bad{background:var(--m-bad)}.mon-conv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mon-conv b{display:block;font-size:26px;font-variant-numeric:tabular-nums}.mon-plans{display:flex;gap:16px;margin-top:12px;font-size:13px;color:var(--muted)}.mon-plans b{color:var(--text);margin-left:2px}.mon-stale>:not(.mon-head):not(.mon-stale-banner){filter:grayscale(1);opacity:.45}.mon-stale-banner{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:50;background:var(--m-bad);color:#fff;padding:8px 16px;border-radius:8px;font-weight:600}@media(max-width:640px){.mon{padding:16px}.mon-grid{grid-template-columns:1fr}}