html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden}.app-shell{height:100vh;background:#f6f4fb;color:#242436;display:flex;flex-direction:column}.topbar{background:#eef0f4;color:#242436;border-bottom:1px solid #d8dbe4}.topbar-toolbar{min-height:60px;gap:16px}.brand{min-width:180px}.current-account{color:#8b8fa3;flex:1;min-width:0;text-align:center;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:700}.current-account .MuiTypography-root{font-size:inherit;font-weight:inherit;color:inherit}.current-account.clickable{cursor:pointer}.current-account.clickable:hover{color:#1e66a8}.main-grid{flex:1;display:grid;grid-template-columns:320px minmax(0,1fr);gap:10px;padding:10px;min-height:0}.account-panel,.mail-list-panel,.mail-detail-panel{border:1px solid #e6e0ef;min-height:0}.account-panel{position:relative;display:flex;flex-direction:column;overflow:hidden}.mail-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(300px,30%) minmax(0,1fr);gap:10px}.mail-workspace.detail-expanded{grid-template-columns:minmax(0,1fr)}.mail-list-panel,.mail-detail-panel{position:relative;display:flex;flex-direction:column;overflow:hidden}.panel-header{min-height:56px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e6e0ef}.account-toolbar{padding:10px 12px;display:grid;gap:10px;border-bottom:1px solid #eee9f5}.input-icon{margin-right:8px;color:#7f849c}.panel-count{color:#636273;font-size:12px;padding:6px 12px;border-bottom:1px solid #eee9f5}.account-list,.mail-list{flex:1;overflow:auto;padding-bottom:84px}.account-list .MuiListItem-root,.mail-list .MuiListItem-root{border-bottom:1px solid #f0ecf6}.account-summary{min-width:0;display:grid;gap:5px;padding:2px 0}.account-email{color:#242436;font-size:14px;font-weight:650}.account-remark,.account-time{color:#6c7086;font-size:13px}.mail-list{padding:6px 8px 92px}.mail-list-row{margin-bottom:6px}.mail-list .mail-card{align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px}.mail-card-checkbox{padding:2px;margin-top:2px;flex:0 0 auto}.mail-card-content{min-width:0;flex:1;display:grid;gap:6px}.mail-card-topline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-width:0}.mail-sender{color:#242436;font-weight:650;font-size:14px}.folder-chip{font-weight:600}.folder-chip-inbox{color:#1f5f57;background:#e9fbf7;border:1px solid #94e2d5}.folder-chip-junk{color:#7a4a16;background:#fff3e6;border:1px solid #fab387}.folder-chip:not(.folder-chip-inbox):not(.folder-chip-junk){color:#514a7d;background:#f1efff;border:1px solid #b4befe}.mail-time{color:#6c7086;font-size:13px}.mail-subject{color:#242436;font-size:15px;line-height:1.35}.empty-mailbox-state{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#8b8d98}.empty-mailbox-icon{color:#89b4fa;font-size:72px}.empty-mailbox-title{color:#8b8d98;font-size:24px;font-weight:500}.mail-list .MuiListItemText-secondary{display:block;overflow:hidden;text-overflow:ellipsis}.mail-overview{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.folder-tabs{min-height:42px;border-bottom:1px solid #eee9f5}.folder-tabs .MuiTab-root{min-height:42px;font-size:13px}.detail-toolbar{min-height:46px;display:flex;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid #e6e0ef}.mail-detail,.detail-content{flex:1;min-height:0;display:flex;flex-direction:column}.detail-content{padding:16px;gap:12px}.detail-meta{color:#636273;font-size:13px;display:grid;gap:4px}.detail-meta div{min-width:0;overflow:hidden;text-overflow:ellipsis}.attachments{padding:4px 0}.mail-frame,.fullscreen-frame{width:100%;flex:1;min-height:260px;border:1px solid #e6e0ef;background:#fff}.fullscreen-frame{height:calc(100vh - 104px)}.batchbar{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;border:1px solid #e6e0ef;border-radius:6px;box-shadow:0 8px 22px #3132441f;padding:10px;display:grid;gap:8px;background:#fffffff5}.empty-state,.loading-row{min-height:140px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f849c}.unread{font-weight:700}.login-page{min-height:100vh;background:#f6f4fb;display:flex;align-items:center;justify-content:center;padding:24px}.login-panel{width:400px;max-width:100%;padding:32px;border:1px solid #e6e0ef}.login-logo{color:#313244;font-size:40px}@media (max-width: 980px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}.main-grid,.mail-workspace{grid-template-columns:1fr}.account-panel,.mail-list-panel,.mail-detail-panel{min-height:420px}}