:root{--navy:#09254c;--navy2:#0d315f;--blue:#2577f3;--blue2:#1668df;--queue:#eef4fc;--ai:#edf4fc;--white:#fff;--ink:#132846;--muted:#6c82a4;--line:#d4e0ef;--soft:#f6f9fd;--red:#db3d48;--amber:#9c6514;--green:#26855c}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:#dfe8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif;font-size:13px;line-height:1.48}button,select,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{background:#fff;grid-template-columns:258px 335px 449px minmax(360px,1fr);width:100vw;min-width:1180px;height:100vh;display:grid;overflow:hidden}.sidebar{color:#d8e8ff;background:linear-gradient(155deg,#071f41 0%,#0b2a56 100%);border-radius:0 0 0 20px;flex-direction:column;min-height:0;display:flex;position:relative}.side-top{padding:22px 15px 10px}.brand{letter-spacing:-.6px;color:#fff;align-items:center;gap:7px;font-size:24px;font-weight:800;display:flex}.brand-star{color:#58a2ff;font-size:18px}.brand-sub{color:#78a8e3;letter-spacing:2px;border-bottom:1px solid #9bc1f02e;margin-top:2px;padding:0 9px 16px;font-size:10px;font-weight:800}.compose{color:#fff;background:linear-gradient(135deg,#2e86ff,#1d67db);border:0;border-radius:13px;width:100%;margin-top:15px;padding:12px 10px;font-weight:750;box-shadow:0 8px 18px #0e66df40}.account-switch{margin-top:12px;position:relative}.scope-button{text-align:left;color:#fff;background:#ffffff0e;border:1px solid #72acf25c;border-radius:10px;align-items:center;gap:9px;width:100%;padding:8px 9px;display:flex}.scope-mark{background:#1d66bf;border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.scope-copy{flex:1;min-width:0}.scope-copy b{font-size:12px}.scope-copy small{color:#8fb7ea;white-space:nowrap;font-size:9px;display:block}.scope-chevron{color:#8fb7ea}.scope-menu{color:var(--ink);z-index:20;border:1px solid var(--line);background:#fff;border-radius:11px;padding:6px;position:absolute;top:49px;left:0;right:0;box-shadow:0 15px 32px #041a3947}.scope-option{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.scope-option:hover,.scope-option.active{background:#edf5ff}.scope-option .acct-badge{flex:none}.scope-option b{font-size:11px;display:block}.scope-option small{color:var(--muted);font-size:9px;display:block}.scope-actions{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.scope-actions button{color:#1668df;text-align:left;background:#fff;border:0;border-radius:7px;width:100%;padding:7px 8px;font-size:10px;font-weight:700}.scope-actions button:hover{background:#edf5ff}.side-scroll{flex:1;padding:0 15px;overflow:auto}.nav-label{letter-spacing:1.8px;color:#78a8e3;margin:10px 10px 6px;font-size:9px;font-weight:800}.nav-item{color:#d7e7fa;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-weight:650;display:flex}.nav-item:hover{background:#ffffff0e}.nav-item.active{color:#fff;background:#3782e633;box-shadow:inset 0 0 0 1px #56a1ff7a}.count{color:#fff;text-align:center;background:#1973ed;border-radius:9px;min-width:20px;height:18px;padding:0 6px;font:700 10px/18px ui-monospace}.count.red{color:#ffb9bc;background:#d5484d59}.count.dash{background:0 0;border:1px dashed #3d8de5}.side-user{border-top:1px solid #9bc1f02e;align-items:center;gap:10px;margin:8px 15px 15px;padding:13px 8px 0;display:flex}.avatar{color:#bcd7fa;background:#173e73;border:1px solid #4679b9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:750;display:grid}.user-meta b{color:#fff;font:600 10px ui-monospace}.user-meta small{color:#7fa9dd;font-size:9px;display:block}.queue{background:var(--queue);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.queue-head{border-bottom:1px solid var(--line);flex:0 0 123px;height:123px;padding:20px 16px 12px}.queue-title-row{justify-content:space-between;align-items:baseline;display:flex}.queue-title{font-size:18px;font-weight:820}.queue-meta{color:var(--muted);font-size:11px}.queue-sync{color:#5579a7;align-items:center;gap:5px;margin-top:2px;font-size:9px;display:flex}.live-dot{background:#2ca36e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2ca36e1f}.chips{gap:7px;margin-top:11px;display:flex}.chip{color:#536b8c;background:#fff;border:1px solid #cddbef;border-radius:18px;padding:5px 12px;font-size:10px;font-weight:650}.chip.active{color:#fff;background:#0e2e5a;border-color:#0e2e5a}.mail-list{min-height:0;overflow:auto}.mail-row{cursor:pointer;background:0 0;border-bottom:1px solid #dbe5f2;height:120px;padding:14px 16px;position:relative}.mail-row:hover{background:#f6f9fd}.mail-row.selected{background:#fff}.mail-row.selected:before{content:"";background:var(--blue);width:3px;position:absolute;top:0;bottom:0;left:0}.row-line{align-items:center;gap:6px;display:flex}.sender{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:780;overflow:hidden}.company{color:#7f94b2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.time{color:#5d7597;margin-left:auto;font-size:10px}.subject{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;font-weight:760;overflow:hidden}.preview{color:#5d7597;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:10px;overflow:hidden}.row-bottom{align-items:center;gap:5px;margin-top:6px;display:flex}.badge{white-space:nowrap;border:1px solid #c8d7ea;border-radius:11px;align-items:center;height:21px;padding:1px 8px;font-size:9px;font-weight:700;display:inline-flex}.badge.urgent{color:#c63641;background:#fff0f1;border-color:#f1b1b6}.badge.draft{color:#6f42c1;background:#f7f0ff;border-style:dashed;border-color:#9d76ed}.badge.reply{color:#8c5a0a;background:#fff7e7;border-color:#ddb979}.badge.wait{color:#607694;background:#e8eff8}.badge.done{color:#287b57;background:#e6f6ef;border-color:#aad9c5}.acct-badge{color:#1662bd;background:#deedff;border:1px solid #a9cdf8;border-radius:6px;place-items:center;width:25px;height:20px;margin-left:auto;font:800 8px ui-monospace;display:inline-grid}.reader{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;display:flex}.reader-head{border-bottom:1px solid var(--line);background:#fbfdff;flex:0 0 157px;padding:21px 27px 14px}.crumb{color:#6984a9;font-size:10px}.crumb b{color:var(--red)}.thread-id{float:right;color:#7d91ad;letter-spacing:.4px;font:9px ui-monospace}.reader-title-row{align-items:flex-start;gap:8px;margin-top:7px;display:flex}.reader-title{letter-spacing:-.5px;flex:1;font-size:22px;font-weight:850;line-height:1.28}.thread-track-btn{color:#6d41c4;white-space:nowrap;background:#f8f1ff;border:1px dashed #9e73ed;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:750}.senderline{margin-top:8px;font-weight:750}.senderline span{color:#536e92;font:10px ui-monospace}.mail-routing{color:#557194;gap:18px;margin-top:11px;font-size:11px;display:flex}.reader-scroll{background:#f8fbff;flex:1;padding:21px 27px 32px;overflow:auto}.prior{background:#fff;border:1px solid #d5e2f2;border-radius:13px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 16px;display:flex}.prior .avatar{color:#216aca;background:#eef6ff;border-color:#9cc9fd;width:30px;height:30px;font-size:10px}.prior-copy{min-width:0;font-size:10px}.prior-copy b{font-size:11px}.prior-copy span{color:#6982a5;margin-left:8px}.prior-time{color:#6e85a4;margin-left:auto;font-size:9px}.message-card{background:#fff;border:1px solid #d4e1f0;border-radius:14px;overflow:hidden}.message-meta{border-bottom:1px solid #e2e9f2;align-items:flex-start;gap:12px;height:90px;padding:15px 22px;display:flex}.message-meta .avatar{color:#fff;background:#0f315e;border:0;width:39px;height:39px}.message-who{color:#6881a5;font-size:11px}.message-who b{color:#172b49;font-size:13px;display:block}.message-time{color:#607898;margin-left:auto;font-size:10px}.message-body{color:#203654;padding:22px 24px;font-size:13px;line-height:2}.message-body p{margin:0 0 11px}.message-body ol{margin:6px 0 14px;padding-left:24px}.message-body li{margin-bottom:5px}.signature{margin-top:12px;font-weight:750}.signature small{color:#5a759c;font-weight:500;display:block}.attachment{background:#edf4fc;border:1px solid #cfe0f3;border-radius:10px;align-items:center;gap:11px;margin:0 23px 22px;padding:11px 13px;display:flex}.file-icon{color:#1668d8;background:#dcebff;border:1px solid #9dc6f8;border-radius:8px;place-items:center;width:40px;height:40px;font:800 9px ui-monospace;display:grid}.file-meta{flex:1}.file-meta b{font-size:11px}.file-meta small{color:#7489a8;font-size:9px;display:block}.file-action{color:#1670e4;background:0 0;border:0;font-size:10px;font-weight:750}.workspace{background:var(--ai);flex-direction:column;min-width:0;display:flex}.workspace-head{border-bottom:1px solid var(--line);background:#fff;flex:0 0 96px;height:96px;padding:17px 20px 10px}.workspace-title-row{align-items:center;display:flex}.workspace-title{align-items:center;gap:7px;font-size:16px;font-weight:850;display:flex}.draft-only{color:#8a5305;letter-spacing:1px;background:#fffaf1;border:1px solid #e4bb78;border-radius:7px;margin-left:auto;padding:4px 10px;font:750 9px ui-monospace}.steps{color:#6c82a4;align-items:center;margin-top:15px;font-size:10px;display:flex}.step{align-items:center;gap:6px;font-weight:700;display:flex}.step-dot{background:#fff;border:1px solid #bdcee4;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.step.active{color:#6241c5}.step.active .step-dot{color:#fff;background:#7252d7;border-color:#7252d7}.step-line{background:#bdcee4;flex:1;height:1px;margin:0 9px}.workspace-scroll{flex:1;padding:12px 20px 85px;overflow:auto}.card{background:#fff;border:1px solid #d3e0ef;border-radius:13px;margin-bottom:10px;padding:13px 16px;box-shadow:0 3px 8px #0f335e09}.card-heading{letter-spacing:1.2px;color:#1768da;text-transform:uppercase;margin-bottom:6px;font:800 9px ui-monospace}.tracking-card{padding:10px 13px}.tracking-top{align-items:center;display:flex}.tracking-title{font-size:12px;font-weight:820}.tracking-edit{color:#1768da;background:0 0;border:0;margin-left:auto;font-size:9px;font-weight:750}.tracking-grid{grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:7px;font-size:9px;display:grid}.tracking-grid div{color:#687f9f;min-width:0}.tracking-grid b{color:#18304f;margin-right:5px}.tracking-status{color:#155fb6;background:#eef6ff;border-radius:7px;margin-top:7px;padding:6px 8px;font-size:9px;font-weight:700}.tracking-status.gmail{color:#237554;background:#edf8f3}.tracking-status.external{color:#bf3540;background:#fff3f4}.demo-actions{gap:6px;margin-top:7px;display:flex}.demo-btn{color:#3b638e;background:#f7fbff;border:1px solid #bfd4ed;border-radius:7px;padding:4px 7px;font-size:8px}.summary-text{font-size:11px;line-height:1.65}.requests ol{counter-reset:req;margin:4px 0 6px;padding:0;list-style:none}.requests li{counter-increment:req;margin:5px 0;padding-left:26px;font-size:10px;position:relative}.requests li:before{content:"0" counter(req);color:#6a83a7;font:9px ui-monospace;position:absolute;left:0}.deadline{border-top:1px solid #e4ebf4;align-items:center;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.deadline .badge{margin-right:8px}.deadline b{font-size:12px}.deadline strong{color:#d53e48;margin-left:auto;font-size:9px}.risk{background:#fffafb;border-color:#efb3b8;padding:11px 15px}.risk .card-heading{color:#d84049}.risk p{margin:4px 0;font-size:9px}.risk b{color:#c52f39}.draft-head{align-items:center;margin:2px 0 6px;display:flex}.draft-head .card-heading{margin:0}.draft-version{color:#6d83a1;margin-left:8px;font-size:8px}.tone{background:#dce8f7;border-radius:7px;margin-left:auto;padding:2px;display:flex}.tone button{color:#637997;background:0 0;border:0;border-radius:5px;padding:4px 8px;font-size:8px}.tone button.active{color:#17304f;background:#fff;box-shadow:0 1px 3px #00000014}.routing-box{background:#f7faff;border:1px solid #d7e3f1;border-radius:8px;grid-template-columns:40px 1fr;align-items:center;gap:5px 7px;margin-bottom:7px;padding:8px 9px;font-size:9px;display:grid}.routing-box label{color:#6b82a4;font-weight:750}.routing-box select,.routing-box input{color:#17304f;background:#fff;border:1px solid #cedced;border-radius:6px;width:100%;min-width:0;height:25px;padding:0 7px;font-size:9px}.draft-editor{resize:none;color:#243b5a;background:#fff;border:1px solid #cddced;border-radius:10px;outline:none;width:100%;height:174px;padding:12px 13px;font-size:10px;line-height:1.75}.draft-editor:focus{border-color:#63a2ee;box-shadow:0 0 0 3px #2477f21a}.human-note{color:#7188a7;margin:5px 2px;font-size:8px}.action-bar{border-top:1px solid var(--line);z-index:5;background:#fff;grid-template-columns:42% 58%;gap:10px;width:calc(100vw - 1042px);min-width:360px;height:72px;padding:10px 20px;display:grid;position:absolute;bottom:0;right:0}.action-btn{color:#17304f;background:#f7faff;border:1px solid #c9d9ed;border-radius:11px;font-weight:750}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#2d83fa,#1967d8);border-color:#1f72e6;box-shadow:0 8px 17px #1f6fe138}.overlay{z-index:100;background:#03152f9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:640px;max-height:820px;overflow:hidden;box-shadow:0 24px 70px #00000047}.modal.small{width:480px}.modal-head{border-bottom:1px solid var(--line);align-items:flex-start;padding:20px 24px 15px;display:flex}.modal-title{font-size:18px;font-weight:850}.modal-sub{color:#6c82a4;margin-top:2px;font-size:10px}.close-btn{color:#526b8e;background:#edf3fa;border:0;border-radius:8px;width:29px;height:29px;margin-left:auto;font-size:16px}.modal-body{max-height:650px;padding:17px 24px;overflow:auto}.oauth-note{color:#446788;background:#eef6ff;border:1px solid #cce1fa;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:10px}.account-row{border:1px solid #d8e3f0;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:9px;padding:12px;display:grid}.account-row .avatar{color:#1768cf;background:#e4f0ff;border-color:#afd0f8;border-radius:9px;width:34px;height:34px;font-size:9px}.account-name b{font:700 11px ui-monospace}.account-name small{color:#6c82a4;font-size:9px;display:block}.connection{text-align:right;font-size:9px}.connected{color:#28805c;font-weight:750}.disconnected{color:#ca3e48;font-weight:750}.account-controls{grid-column:2/4;align-items:center;gap:7px;display:flex}.mini-btn{color:#3e5f86;background:#fff;border:1px solid #cddced;border-radius:7px;padding:5px 9px;font-size:8px;font-weight:700}.mini-btn.danger{color:#bd3640;border-color:#e4b4b8}.mini-btn.primary{color:#fff;background:#176fe5;border-color:#176fe5}.account-controls .sync{color:#7890ad;margin-left:auto;font-size:8px}.modal-foot{border-top:1px solid var(--line);align-items:center;gap:9px;padding:13px 24px 18px;display:flex}.modal-foot small{color:#768ba7;flex:1;font-size:8px}.modal-action{background:#fff;border:1px solid #cbd9e9;border-radius:9px;padding:8px 14px;font-size:10px;font-weight:750}.modal-action.primary{color:#fff;background:#176fe5;border-color:#176fe5}.field-label{margin:10px 0 6px;font-size:10px;font-weight:750}.tag-options,.reminder-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.option-btn{color:#425f83;background:#fff;border:1px solid #ccdced;border-radius:9px;padding:8px 6px;font-size:9px;font-weight:700}.option-btn.selected{color:#155fb8;background:#eaf3ff;border-color:#4b94ec;box-shadow:inset 0 0 0 1px #4b94ec}.custom-input{color:#243b5a;border:1px solid #cbd9ea;border-radius:8px;width:100%;margin-top:8px;padding:8px 10px}.confirm-route{background:#f4f8fd;border:1px solid #d4e1ef;border-radius:10px;margin:12px 0;padding:12px}.confirm-row{grid-template-columns:50px 1fr;gap:8px;margin:6px 0;font-size:10px;display:grid}.confirm-row span{color:#6b82a2;font-weight:750}.warning-note{color:#7c550f;background:#fff8ec;border:1px solid #efc283;border-radius:9px;padding:9px 11px;font-size:9px}.toast{opacity:0;z-index:200;color:#fff;pointer-events:none;background:#102d54;border-radius:9px;padding:10px 16px;font-size:10px;transition:all .22s;position:fixed;bottom:25px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 22px #0000003d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:1250px){.app{grid-template-columns:220px 300px 390px minmax(360px,1fr)}.action-bar{width:calc(100vw - 910px)}.reader-head,.reader-scroll{padding-left:20px;padding-right:20px}}
@keyframes vp-shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}.skeleton{background:linear-gradient(90deg,#e4ecf7 0%,#f2f7fd 50%,#e4ecf7 100%) 0 0/840px 100%;border-radius:6px;animation:1.25s linear infinite vp-shimmer}.skeleton-row{border-bottom:1px solid #dbe5f2;flex-direction:column;gap:8px;height:120px;padding:14px 16px;display:flex}.skeleton-line{height:10px}.skeleton-line.w-40{width:40%}.skeleton-line.w-70{width:70%}.skeleton-line.w-90{width:90%}.skeleton-line.w-55{width:55%}.skeleton-block{border-radius:13px;height:74px;margin-bottom:10px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.state-panel{color:#7489a7;text-align:center;padding:40px 25px;font-size:11px;line-height:1.9}.state-panel b{color:#24405f;margin-bottom:6px;font-size:13px;display:block}.state-panel .state-title{color:#24405f;margin-bottom:6px;font-size:13px;font-weight:800;display:block}.state-panel button{color:#1668df;background:#fff;border:1px solid #bed2ea;border-radius:9px;margin-top:12px;padding:7px 15px;font-size:10px;font-weight:750}.error-banner{color:#a5323c;background:#fff4f5;border:1px solid #f0bcc0;border-radius:10px;align-items:center;gap:8px;margin:10px 16px;padding:10px 12px;font-size:10px;font-weight:650;display:flex}.error-banner button{color:#a5323c;white-space:nowrap;background:#fff;border:1px solid #e4b4b8;border-radius:7px;margin-left:auto;padding:4px 10px;font-size:9px;font-weight:750}.warning-banner{color:#8a5c07;background:#fffaf0;border:1px solid #e7c893;border-radius:10px;margin:10px 16px;padding:9px 12px;font-size:10px;font-weight:650}.warning-banner button{color:#1668df;background:0 0;border:0;margin-left:8px;padding:0;font-size:10px;font-weight:780;text-decoration:underline}.status-pill{white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:8px;font-weight:800}.status-pill.connected{color:#1f7551;background:#e7f6ef}.status-pill.disconnected{color:#b9333e;background:#fdecee}.status-pill.expired{color:#91600a;background:#fff5e4}.scope-option:disabled{opacity:.55;cursor:not-allowed}.scope-option-line{align-items:center;gap:6px;min-width:0;display:flex}.demo-flag{letter-spacing:1px;color:#6d41c4;background:#f6f0ff;border:1px solid #dcccf7;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:2px 6px;font:800 8px ui-monospace,monospace;display:inline-flex}.demo-actions{flex-wrap:wrap;align-items:center}button[data-busy=true]{opacity:.6;pointer-events:none}.inline-spinner{vertical-align:-1px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:9px;height:9px;margin-right:5px;animation:.7s linear infinite vp-spin;display:inline-block}.inline-spinner.dark{border-color:#1668df #1e467840 #1e467840}@keyframes vp-spin{to{transform:rotate(360deg)}}.scope-menu[hidden],.overlay[hidden]{display:none!important}.scope-menu{max-height:320px;overflow:auto}.scope-list{color:#6c82a4;word-break:break-all;margin-top:6px;font:8px/1.7 ui-monospace,monospace}.mobile-fallback{display:none}@media (max-width:900px){html,body{overflow:auto}.app{display:none}.mobile-fallback{color:#dceaff;background:linear-gradient(160deg,#071f41 0%,#0b2a56 100%);min-height:100vh;padding:42px 24px;display:block}.mobile-fallback .brand{color:#fff;align-items:center;gap:8px;font-size:26px;font-weight:800;display:flex}.mobile-fallback .brand-star{color:#58a2ff}.mobile-fallback h1{color:#fff;margin:26px 0 10px;font-size:17px}.mobile-fallback p{color:#a9c9ef;margin:0 0 12px;font-size:13px;line-height:1.85}.mobile-fallback ul{color:#cbe0fa;padding-left:20px;font-size:13px;line-height:1.9}.mobile-fallback .mobile-card{background:#ffffff0f;border:1px solid #72acf257;border-radius:14px;margin-top:22px;padding:16px 18px}}