:root{color-scheme:light;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--bg: #f3efe4;--bg-strong: #efe2c6;--paper: rgba(255, 251, 242, .88);--paper-strong: #fffaf1;--ink: #1e2b28;--muted: #5f6c68;--line: rgba(30, 43, 40, .12);--accent: #0d6b61;--accent-strong: #084f48;--warn: #b6532c;--chip: rgba(13, 107, 97, .1);--shadow: 0 10px 24px rgba(66, 53, 24, .08);--page-padding: 12px;--section-gap: 10px;--panel-radius: 20px;--card-radius: 16px;--control-radius: 12px;--control-padding-y: 8px;--control-padding-x: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,560px) minmax(260px,360px);gap:20px;align-items:center;justify-content:center;padding:24px}.login-panel,.login-sidecard,.panel{background:var(--paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.48);border-radius:var(--panel-radius);box-shadow:var(--shadow);animation:rise-in .22s ease-out}.login-panel{padding:24px}.login-sidecard{padding:18px;background:var(--accent-strong);color:#f8f3e8}.login-sidecard h2{margin-top:0;font-size:1.08rem}.login-sidecard ul{margin:14px 0 0;padding-left:18px;line-height:1.65}.login-badge,.context-title{display:inline-flex;align-items:center;border-radius:999px;background:var(--chip);color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px}.login-panel h1{margin:10px 0 0;font-size:clamp(26px,3.6vw,34px);line-height:1.05}.topbar h1{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.05}.login-subtitle{margin:8px 0 16px;color:var(--muted);line-height:1.55}.topbar-subtitle{margin:6px 0 0;max-width:720px;color:var(--muted);line-height:1.45}.login-form,.reply-box{display:grid;gap:10px}.mode-switch{display:inline-flex;background:#0d6b6114;border-radius:999px;padding:3px;margin-bottom:12px}.mode-button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:7px 12px;cursor:pointer;transition:background .16s ease,color .16s ease}.mode-button.active{background:#fff8ee;color:var(--accent-strong);box-shadow:0 6px 14px #0d6b611f}.login-form label,.toolbar label{display:grid;gap:4px}.login-form span,.toolbar span{font-size:12px;color:var(--muted)}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input,select,textarea{width:100%;border:1px solid var(--line);background:#ffffffd1;border-radius:var(--control-radius);padding:var(--control-padding-y) var(--control-padding-x);color:var(--ink);outline:none;transition:border-color .16s ease,transform .16s ease}input:focus,select:focus,textarea:focus{border-color:#0d6b6173;transform:translateY(-1px)}textarea{resize:vertical;min-height:104px}.primary-button,.secondary-button,.ghost-link{border:0;border-radius:999px;padding:8px 14px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button{background:var(--accent);color:#fff8ef;font-weight:700}.secondary-button{background:#0d6b6114;color:var(--accent-strong)}.ghost-link{background:#ffffff80;color:var(--ink)}.primary-button:hover,.secondary-button:hover,.ghost-link:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.56;transform:none}.form-error,.panel-error{border-radius:var(--control-radius);padding:8px 10px;color:var(--warn);background:#b6532c14;border:1px solid rgba(182,83,44,.15)}.form-success{border-radius:var(--control-radius);padding:8px 10px;color:var(--accent-strong);background:#0d6b6114;border:1px solid rgba(13,107,97,.16)}.console-shell{min-height:100vh;padding:var(--page-padding)}.console-shell-workspace{display:flex;flex-direction:column;min-height:100vh}.console-shell-workspace .workspace-grid{flex:1 1 auto;min-height:0}.topbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0 0 10px}.topbar-stacked{display:block}.topbar-main-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.topbar-title-block{min-width:0;flex:1}.topbar-title-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:0;flex-wrap:wrap}.topbar-side{display:grid;justify-items:end;gap:8px;flex:0 0 auto}.topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.topbar-nav{flex:0 0 auto;margin-left:4px}.console-nav{display:inline-flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:999px;background:#fffaf1b8;border:1px solid rgba(255,255,255,.44);box-shadow:var(--shadow)}.console-nav-link{padding:7px 12px;border-radius:999px;border:1px solid transparent;color:var(--muted);font-weight:600;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease}.console-nav-link:hover{background:#0d6b6114;color:var(--accent-strong);transform:translateY(-1px)}.console-nav-link.active{background:var(--accent);color:#fff8ef;border-color:#084f482e;box-shadow:0 6px 14px #0d6b612e;transform:translateY(-1px)}.console-nav-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{padding:10px 12px;border-radius:18px;background:#fffaf1b8;border:1px solid rgba(255,255,255,.44);box-shadow:var(--shadow)}.toolbar label{min-width:140px}.toolbar-search{min-width:min(280px,100%);flex:1 1 300px}.toolbar-checkbox{min-width:140px}.toolbar-checkbox-row{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid var(--line);background:#ffffffd1;border-radius:var(--control-radius)}.toolbar-checkbox-row input[type=checkbox]{width:auto;margin:0}.workspace-grid{width:100%;display:grid;gap:var(--section-gap);grid-template-columns:minmax(270px,340px) minmax(520px,1fr) minmax(300px,380px)}.account-grid,.staff-grid{width:100%;display:grid;gap:var(--section-gap)}.account-grid{grid-template-columns:minmax(360px,520px) minmax(360px,1fr)}.staff-grid{grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(340px,400px)}.panel{min-height:calc(100vh - 205px);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 1221px){.console-shell-workspace{height:100vh;overflow:hidden}.console-shell-workspace .workspace-grid>.panel{height:100%;min-height:0}}.panel-header,.panel-footer{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.panel-footer{border-bottom:0;border-top:1px solid var(--line)}.panel-header h2{margin:0;font-size:1rem}.panel-header-actions{display:grid;justify-items:end;align-content:start;gap:2px}.conversation-list,.message-thread,.context-stack{min-height:0;padding:8px;overflow:auto}.conversation-list{display:grid;gap:6px}.conversation-card{display:grid;gap:4px;position:relative;padding:8px 10px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(30,43,40,.06);overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.conversation-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:999px;background:var(--accent);opacity:0;transition:opacity .16s ease}.staff-card{width:100%;text-align:left;border:1px solid rgba(30,43,40,.06);display:grid;gap:6px;padding:10px;border-radius:var(--card-radius);background:#ffffffb8;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.conversation-card:hover,.staff-card:hover,.staff-card.active{transform:translateY(-1px);border-color:#0d6b6152;background:#f7fffceb}.conversation-card.active{transform:translateY(-1px);border-color:#0d6b6185;background:#f2fcf8fa;box-shadow:inset 0 0 0 1px #0d6b611f,0 10px 20px #0d6b6124}.conversation-card.active:before{opacity:1}.conversation-card-closed{background:#5f6c6814;border-color:#5f6c6829}.conversation-card-closed:before{opacity:1;background:#5f6c6857}.conversation-card-closed.active{border-color:#5f6c6847;background:#5f6c681f;box-shadow:inset 0 0 0 1px #5f6c6814,0 8px 16px #5f6c681a}.conversation-card-closed.active h3,.conversation-card-closed.active .conversation-card-summary,.conversation-card-closed.active .conversation-card-time,.conversation-card-closed.active .subtle{color:#38423feb}.conversation-card-closed .chip-app{background:#5f6c681f;color:#55625e}.conversation-card h3{margin:0;font-size:.94rem;line-height:1.2}.conversation-card-compact{min-height:0}.conversation-card-top-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.conversation-card-top-left{display:inline-flex;align-items:center;gap:6px;min-width:0}.conversation-card-time{font-size:11px;color:var(--muted);white-space:nowrap}.conversation-card-summary{display:flex;align-items:center;min-width:0}.conversation-card-summary-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card.active h3{color:var(--accent-strong);font-weight:800}.conversation-card.active .conversation-meta,.conversation-card.active .conversation-card-bottom,.conversation-card.active .subtle{color:#1e2b28d6}.conversation-card.active .chip-app{background:#0d6b6129}.conversation-card.active .chip-tag,.conversation-card.active .chip-soft{background:#0d6b611a}.conversation-card-top,.staff-card-top,.conversation-card-bottom,.conversation-meta,.reply-actions,.device-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.conversation-meta,.conversation-card-bottom,.thread-meta,.subtle{color:var(--muted);font-size:12px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.chip-app{background:#0d6b611a;color:var(--accent-strong)}.chip-unread{background:#b6532c24;color:var(--warn)}.chip-tag{background:#1e2b2814;color:var(--ink)}.chip-soft{background:#0d6b6114;color:var(--muted)}.chip-closed{background:#5f6c6824;color:#55625e}.tag-stack{display:flex;gap:5px;flex-wrap:wrap}.tag-stack.spacious{margin-top:6px}.conversation-workbench{padding:10px;border-bottom:1px solid var(--line);background:#fffbf5b3}.workbench-grid{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end}.workbench-control-group{display:inline-flex;align-items:end;gap:6px;flex-wrap:nowrap}.workbench-control-group-wide{width:100%}.workbench-grid label{display:grid;gap:4px}.workbench-grid span{font-size:12px;color:var(--muted)}.workbench-select,.workbench-input{width:auto}.workbench-select-short{min-width:120px}.workbench-select-assignee{min-width:180px;max-width:240px}.workbench-input-tags{width:min(360px,100%)}.workbench-button{min-width:0;padding:7px 10px;white-space:nowrap}.workbench-toggle-button{padding:6px 10px}.panel-tabs{display:flex;gap:6px;padding:8px 10px 0}.panel-tab{border:0;border-radius:999px;padding:7px 10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease}.panel-tab.active{background:#0d6b611a;color:var(--accent-strong);font-weight:700}.message-thread{display:grid;gap:8px;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}.note-thread{min-height:0;padding:8px;overflow:auto;display:grid;gap:4px;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable}.message-card{max-width:88%;padding:12px;border-radius:var(--card-radius);display:grid;gap:6px;box-shadow:0 6px 14px #342d1c0d}.message-card header,.message-card footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.message-card.is-customer{background:#ffffffe0;border:1px solid rgba(30,43,40,.08);justify-self:start}.message-card.is-staff{background:var(--accent);color:#f7f0e2;justify-self:end}.message-card.is-staff header,.message-card.is-staff footer{color:#f7f0e2cc}.message-card.is-system{background:#3744401a;border:1px dashed rgba(55,68,64,.2);justify-self:center;max-width:84%}.note-card{background:#fffc;border:1px solid rgba(30,43,40,.07);border-radius:10px;padding:7px 9px;display:grid;grid-template-columns:minmax(92px,132px) minmax(0,1fr);gap:4px 10px;align-items:start}.note-card header{display:grid;justify-content:start;gap:2px;color:var(--muted);font-size:10px;line-height:1.25}.note-card strong{font-size:12px;font-weight:700;line-height:1.25}.note-card .message-content{min-width:0;line-height:1.35;padding-top:1px}.message-content{white-space:pre-wrap;line-height:1.5}.message-reply-preview{padding:7px 9px;border-radius:12px;background:#1e2b280f;border-left:3px solid rgba(182,83,44,.45);display:grid;gap:3px}.message-card.is-staff .message-reply-preview{background:#f7f0e21f;border-left-color:#f7f0e28c}.reply-snippet{color:var(--muted);font-size:12px}.message-card.is-staff .reply-snippet{color:#f7f0e2c7}.message-attachments{display:grid;gap:6px}.message-attachment{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:14px;border:1px solid rgba(30,43,40,.08);background:#ffffffb3}.message-card.is-staff .message-attachment{background:#f7f0e224;border-color:#f7f0e22e}.attachment-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11px}.message-card.is-staff .attachment-meta{color:#f7f0e2bf}.attachment-transcript{margin-top:6px;display:grid;gap:4px;font-size:11px;color:var(--muted)}.message-card.is-staff .attachment-transcript{color:#f7f0e2c7}.attachment-audio{margin-top:8px;display:grid;gap:6px}.attachment-audio-player{width:min(100%,300px);height:32px}.attachment-audio-error{font-size:11px;color:#b6532c}.message-card.is-staff .attachment-audio-error{color:#ffd6c5eb}.attachment-image{margin-top:8px;display:grid;gap:6px}.attachment-image-preview{display:block;width:min(100%,280px);max-height:200px;object-fit:cover;border-radius:14px;border:1px solid rgba(30,43,40,.08);cursor:zoom-in;background:#ffffffd9}.message-card.is-staff .attachment-image-preview{border-color:#f7f0e233;background:#f7f0e214}.reply-file-input{display:none}.reply-actions-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-draft-attachments{display:grid;gap:6px}.reply-draft-attachment{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(30,43,40,.08);background:#ffffffbd}.reply-draft-attachment-preview,.reply-draft-attachment-icon{width:44px;height:44px;border-radius:10px;flex:0 0 44px}.reply-draft-attachment-preview{object-fit:cover;border:1px solid rgba(30,43,40,.08)}.reply-draft-attachment-icon{display:grid;place-items:center;background:#0d6b611f;color:var(--accent-strong);font-size:11px;font-weight:700}.reply-draft-attachment-body{min-width:0;display:grid;gap:4px;flex:1}.reply-draft-attachment-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-draft-attachment-body .subtle{display:flex;gap:8px;flex-wrap:wrap}.attachment-action{border:none;background:transparent;color:var(--accent);font-weight:600;cursor:pointer;padding:0;white-space:nowrap}.message-card.is-staff .attachment-action{color:#f7f0e2}.reply-box{position:relative;z-index:1;padding:10px 12px;border-top:1px solid var(--line);background:#fffbf5f5;box-shadow:0 -10px 18px #4235180d}.reply-box textarea{min-height:76px}.scroll-to-latest-button{position:sticky;bottom:4px;justify-self:end;border:0;border-radius:999px;padding:7px 11px;background:#0d6b61eb;color:#fff8ef;box-shadow:0 8px 18px #0d6b612e;cursor:pointer;z-index:1}.scroll-to-latest-button:hover{background:var(--accent)}.context-stack{display:grid;gap:8px}.context-card,.device-card{background:#ffffffc7;border:1px solid rgba(30,43,40,.06);border-radius:var(--card-radius);padding:12px;display:grid;gap:8px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0}.field-grid.compact{gap:8px 10px}.field-grid div{margin:0}.field-span-all{grid-column:1 / -1}dt{color:var(--muted);font-size:11px;margin-bottom:2px}dd{margin:0;font-size:13px;line-height:1.5;word-break:break-word}.panel-empty{margin:auto;max-width:260px;text-align:center;color:var(--muted);line-height:1.6}.panel-warning{margin:0 0 10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(182,83,44,.18);background:#b6532c14;color:var(--warn);line-height:1.55}.panel-warning.info{border-color:#0d6b612e;background:#0d6b6114;color:var(--accent-strong)}.panel-empty.mini{margin:0;max-width:none;text-align:left}.device-stack{display:grid;gap:8px}.page-banner{width:100%;margin:0 0 10px}.account-form,.token-box{display:grid;gap:10px;padding:12px}.account-form label,.token-box label{display:grid;gap:4px}.account-form span,.token-box span{font-size:12px;color:var(--muted)}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.activation-shell{align-items:start;padding-top:40px}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1220px){.workspace-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.console-shell-workspace{display:block;height:auto;min-height:100vh;overflow:visible}.workspace-grid>.panel{height:auto;min-height:420px}.staff-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.account-grid{grid-template-columns:1fr}.panel-context{grid-column:1 / -1;min-height:auto}}@media (max-width: 900px){.login-shell,.workspace-grid,.staff-grid,.account-grid{grid-template-columns:1fr}.note-card{grid-template-columns:1fr;gap:3px}.toolbar,.topbar-main-row,.topbar-title-row{align-items:flex-start;flex-direction:column}.topbar-side,.topbar-meta{justify-items:start;justify-content:flex-start;width:100%}.toolbar label{width:100%}.panel{min-height:auto}.workspace-grid>.panel{height:auto;min-height:auto}.message-card{max-width:100%}.field-grid,.login-grid,.workbench-grid{grid-template-columns:1fr}}