.app-simulation .mail-scene { color:#242424; font:12px/1.45 "Segoe UI",Arial,sans-serif; background:#fff; border:1px solid #d9dce1; border-radius:8px; overflow:hidden; min-width:0; height:auto; box-shadow:0 5px 15px #1024390c; container-type:inline-size; }
.app-simulation .mail-scene *, .app-simulation .mail-scene *::before, .app-simulation .mail-scene *::after { box-sizing:border-box; }
.app-simulation .mail-scene p, .app-simulation .mail-scene h3, .app-simulation .mail-scene h4 { margin:0; }
.app-simulation .mail-scene h3 { font-size:15px; font-weight:600; }
.app-simulation .mail-scene h4 { font-size:13px; margin-bottom:12px; }
.app-simulation .mail-scene .ms-titlebar { display:flex; align-items:center; gap:12px; min-height:42px; padding:8px 12px; background:#f5f6f8; border-bottom:1px solid #e4e6ea; color:#242424; }
.app-simulation .mail-scene .ms-app-icon { display:grid; place-items:center; width:23px; height:26px; border-radius:4px; background:var(--a,#0f6cbd); color:white; font-size:16px; font-weight:700; }
.app-simulation .mail-scene .an { white-space:nowrap; font-weight:600; }
.app-simulation .mail-scene .srch { flex:1; min-width:40px; padding:4px 8px; margin:0; background:#fff; color:#707070; border:1px solid #dfe2e6; border-radius:5px; font-size:11px; }
.app-simulation .mail-scene .ms-command { display:inline-flex; align-items:center; padding:4px 7px; margin:1px; border:1px solid transparent; border-radius:4px; font:inherit; font-size:10px; line-height:1.35; color:#333; white-space:normal; background:transparent; }
.app-simulation .mail-scene .ms-command:hover { background:#f1f4f8; }
.app-simulation .mail-scene .ms-command.ms-solid { background:var(--a,#0f6cbd); color:#fff; border-color:transparent; }
.app-simulation .mail-scene .ms-command.ms-selected { color:var(--a,#0f6cbd); background:#edf4fc; font-weight:600; }
.app-simulation .mail-scene .ms-ribbon { display:flex; align-items:center; gap:8px; padding:5px 8px; min-height:31px; background:#fff; border-bottom:1px solid #e1e5ea; }
.app-simulation .mail-scene .ms-scene-body { display:flex; min-height:370px; height:auto; position:relative; padding:0; gap:0; }
.app-simulation .mail-scene .ms-app { display:flex; flex:1 1 65%; gap:0; min-width:0; padding:0; width:auto; background:#fafafa; }
.app-simulation .mail-scene .ms-rail { display:flex; flex:0 0 38px; width:38px; padding:8px 2px; flex-direction:column; gap:12px; background:#f3f4f6; border-right:1px solid #e2e5e9; }
.app-simulation .mail-scene .ms-rail-item { text-align:center; color:#707070; font-size:17px; }
.app-simulation .mail-scene .ms-rail-item small { display:block; overflow-wrap:anywhere; font-size:7px; line-height:1.2; }
.app-simulation .mail-scene .ms-rail-item.on { color:var(--a,#0f6cbd); }
.app-simulation .mail-scene .ms-avatar { flex:0 0 auto; display:inline-grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#e2e9f0; color:#435b72; font-size:8px; font-weight:700; }
.app-simulation .mail-scene .ms-list { flex:0 0 145px; width:145px; min-width:0; padding:0; background:#fff; border-right:1px solid #e1e5ea; }
.app-simulation .mail-scene .ms-list-heading { display:flex; align-items:center; justify-content:space-between; padding:12px 9px; font-size:11px; font-weight:600; border-bottom:1px solid #e6e8ed; }
.app-simulation .mail-scene .ms-mail-row { display:flex; gap:7px; padding:11px 7px; font-size:10px; min-height:76px; border-bottom:1px solid #f0f0f0; }
.app-simulation .mail-scene .ms-mail-row>div { flex:1; min-width:0; }
.app-simulation .mail-scene .ms-mail-row strong { display:block; font-size:9px; }
.app-simulation .mail-scene .ms-mail-row p { color:#767676; font-size:8px; margin:4px 0 0; }
.app-simulation .mail-scene .ms-mail-row time { float:right; color:#767676; font-size:7px; }
.app-simulation .mail-scene .it.on { background:#edf4fc; border-color:#dee6ee; }
.app-simulation .mail-scene .ms-list>.it:not(.ms-mail-row) { padding:12px 9px; font-size:10px; }
.app-simulation .mail-scene .ms-list small { display:block; color:#707070; font-size:8px; margin-top:3px; }
.app-simulation .mail-scene .ms-reader { flex:1; min-width:0; padding:12px; background:#fff; }
.app-simulation .mail-scene .ms-mail-actions { display:flex; flex-wrap:wrap; gap:3px; padding:0 0 10px; background:#fff; border:0; }
.app-simulation .mail-scene .ms-person { display:flex; gap:8px; align-items:center; margin:12px 0; font-size:10px; }
.app-simulation .mail-scene .ms-person small { display:block; color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-email-text { padding:10px 0; font-size:11px; line-height:1.65; overflow-wrap:anywhere; }
.app-simulation .mail-scene .ms-email-text mark { color:inherit; background:#cee5fa; }
.app-simulation .mail-scene .ms-compose-caption { font-weight:600; font-size:11px; color:#666; padding-bottom:6px; }
.app-simulation .mail-scene .ms-compose-footer { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; padding-top:8px; border-top:1px solid #eee; }
.app-simulation .mail-scene .ms-compose-footer small { flex-basis:100%; color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-field { display:flex; gap:8px; align-items:start; padding:7px 0; font-size:10px; border-bottom:1px solid #edf0f3; }
.app-simulation .mail-scene .ms-field>span { flex:0 0 64px; color:#757575; font-size:9px; }
.app-simulation .mail-scene .ms-field>div { flex:1; min-width:0; overflow-wrap:anywhere; }
.app-simulation .mail-scene .ms-chip { display:inline-flex; padding:1px 5px; border-radius:3px; background:#f1f2f4; color:#727272; font-size:8px; font-weight:400; }
.app-simulation .mail-scene .ms-attachment,.app-simulation .mail-scene .ms-file-card { display:flex; align-items:center; gap:7px; margin-top:12px; padding:10px; border:1px solid #e0e4ea; border-radius:5px; font-size:13px; }
.app-simulation .mail-scene .ms-attachment strong,.app-simulation .mail-scene .ms-file-card strong { display:block; font-size:9px; }
.app-simulation .mail-scene .ms-attachment small,.app-simulation .mail-scene .ms-file-card small { display:block; color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-text { font-size:10px; line-height:1.6; margin:6px 0; overflow-wrap:anywhere; }
.app-simulation .mail-scene .ms-card { padding:10px; border:1px solid #e1e5eb; border-radius:5px; background:#fff; margin:8px 0; font-size:10px; }
.app-simulation .mail-scene .ms-card strong { font-size:11px; }
.app-simulation .mail-scene .ms-insights { padding:10px; background:#f3f7fc; border:1px solid #e5edf6; border-radius:5px; margin:8px 0; font-size:10px; }
.app-simulation .mail-scene .ms-insights p { margin:6px 0; font-size:10px; line-height:1.6; }
.app-simulation .mail-scene .ms-inline-copilot { padding:10px; border:1px solid #bbd9f2; border-radius:6px; background:#fafcff; margin:8px 0; font-size:10px; }
.app-simulation .mail-scene .ms-inline-heading { display:flex; gap:6px; align-items:center; margin-bottom:9px; color:var(--a); }
.app-simulation .mail-scene .ms-inline-heading>span { margin-left:auto; color:#888; }
.app-simulation .mail-scene .ms-draft-input { padding:9px; border:1px solid #dce4ed; border-radius:4px; background:#fff; font-size:10px; line-height:1.45; color:#666; }
.app-simulation .mail-scene .ms-send { display:inline-block; font-style:normal; color:var(--a,#5b5fc7); padding:2px; margin-left:auto; }
.app-simulation .mail-scene .ms-inline-tools { display:flex; flex-wrap:wrap; gap:3px; padding-top:8px; }
.app-simulation .mail-scene .ms-pane { display:none; flex:0 0 34%; width:34%; min-width:160px; padding:0; border-left:1px solid #dde2e9; background:#fff; flex-direction:column; position:relative; opacity:1; transform:none; }
.app-simulation .mail-scene .ms-pane.open,.app-simulation .mail-scene .ms-pane.on { display:flex; }
.app-simulation .mail-scene .ms-pane-heading { display:flex; align-items:center; gap:7px; padding:11px 10px; background:#fff; color:#333; border-bottom:1px solid #eee; font-size:12px; }
.app-simulation .mail-scene .ms-pane-heading>span:last-child { margin-left:auto; color:#777; }
.app-simulation .mail-scene .ms-copilot-glyph { color:#7264cc; font-size:17px; }
.app-simulation .mail-scene .ms-pane-content { flex:1; padding:10px; overflow:auto; }
.app-simulation .mail-scene .ms-private { color:#777; font-size:8px; display:block; }
.app-simulation .mail-scene .ms-prompt { display:none; padding:8px; margin:10px 0; background:#eff0fc; border-radius:5px; font-size:9px; line-height:1.5; max-height:145px; overflow:hidden; }
.app-simulation .mail-scene .ms-response { display:none; font-size:10px; line-height:1.55; background:transparent; padding:0; }
.app-simulation .mail-scene .ms-response .tag { color:#8a8a8a; font-size:8px; margin-bottom:5px; display:block; }
.app-simulation .mail-scene .ms-visible { display:block; opacity:1; transform:none; }
.app-simulation .mail-scene .ms-chat-input { display:flex; align-items:center; gap:7px; border:1px solid #dcdfe7; border-radius:6px; padding:8px; margin:10px; font-size:9px; color:#666; background:#fff; max-height:110px; overflow:hidden; }
.app-simulation .mail-scene .ms-chat-input>span { flex:1; min-width:0; overflow-wrap:anywhere; }
.app-simulation .mail-scene .ms-welcome { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:190px; text-align:center; color:#666; font-size:10px; }
.app-simulation .mail-scene .ms-welcome>span { font-size:32px; color:#7368ca; margin-bottom:10px; }
.app-simulation .mail-scene .ms-welcome p { font-size:9px; margin-top:5px; }
.app-simulation .mail-scene .ms-settings { flex:1; min-width:0; padding:14px; background:white; }
.app-simulation .mail-scene .ms-settings h3>span { float:right; font-weight:400; }
.app-simulation .mail-scene .ms-settings-grid { display:grid; grid-template-columns:100px minmax(0,1fr); gap:16px; margin-top:16px; }
.app-simulation .mail-scene .ms-settings-grid aside>div { font-size:10px; padding:8px; border-radius:4px; }
.app-simulation .mail-scene .ms-settings-grid aside>.on { background:#edf4fc; color:var(--a); }
.app-simulation .mail-scene .ms-settings-text { min-height:80px; border:1px solid #ccd5e0; border-radius:5px; padding:10px; font-size:10px; margin:12px 0; }
.app-simulation .mail-scene .ms-toggle { display:inline-block; min-width:26px; color:white; background:var(--a); border-radius:12px; text-align:right; padding:0 3px; }
.app-simulation .mail-scene .ms-theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:10px 0; }
.app-simulation .mail-scene .ms-theme { min-height:65px; padding:10px; border-radius:5px; font-size:9px; display:flex; align-items:end; }
.app-simulation .mail-scene .ms-theme-sea { background:linear-gradient(150deg,#a5cee4 45%,#e3d9bb 45%); }
.app-simulation .mail-scene .ms-theme-city { background:linear-gradient(25deg,#52627a,#c9a690); color:white; }
.app-simulation .mail-scene .ms-theme-custom { background:#fafaff; border:1px solid #bcaff0; color:#7662b5; }
.app-simulation .mail-scene .ms-success { color:#107c10; margin-top:12px; }
.app-simulation .mail-scene .ms-calendar { flex:1; min-width:0; padding:14px; background:#fff; }
.app-simulation .mail-scene .ms-calendar-toolbar { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:12px; }
.app-simulation .mail-scene .ms-calendar-toolbar>span { color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-week { display:grid; grid-template-columns:40px repeat(3,minmax(0,1fr)); font-size:9px; }
.app-simulation .mail-scene .ms-week>b { padding:8px; text-align:center; border-bottom:1px solid #e5e5e5; }
.app-simulation .mail-scene .ms-week>span { color:#888; padding-top:5px; }
.app-simulation .mail-scene .ms-week>div { border-right:1px solid #eee; border-bottom:1px solid #eee; min-height:67px; padding:3px; }
.app-simulation .mail-scene .ms-calendar-event { padding:7px; border-left:3px solid #1766bb; border-radius:3px; background:#dcebf8; color:#245374; font-size:9px; }
.app-simulation .mail-scene .ms-calendar-event small { font-size:7px; }
.app-simulation .mail-scene .ms-calendar-event.light { background:#e5dff6; border-color:#8764b2; }
.app-simulation .mail-scene .ms-calendar-event.focus { background:#dfeee7; border-color:#5a957e; }
.app-simulation .mail-scene .ms-event-description { position:relative; padding:10px; border:1px solid #e3e6eb; border-radius:5px; margin:10px 0; font-size:10px; }
.app-simulation .mail-scene .ms-event-description>.mb { float:right; }
.app-simulation .mail-scene .ms-event-description p { margin-top:12px; }
.app-simulation .mail-scene .ms-teams-chat { display:flex; flex-direction:column; flex:1; min-width:0; padding:0; background:#f8f8fc; }
.app-simulation .mail-scene .ms-chat-header { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:10px; background:#fff; border-bottom:1px solid #e4e4eb; font-size:10px; }
.app-simulation .mail-scene .ms-chat-header>.mb:last-child { margin-left:auto; }
.app-simulation .mail-scene .ms-chat-scroll { flex:1; padding:12px; }
.app-simulation .mail-scene .ms-chat-message { display:flex; gap:7px; font-size:10px; margin:10px 0; }
.app-simulation .mail-scene .ms-chat-message>div { flex:1; min-width:0; }
.app-simulation .mail-scene .ms-chat-message strong { display:block; color:#555; font-size:8px; }
.app-simulation .mail-scene .ms-chat-message time { font-size:7px; margin-left:8px; color:#999; font-weight:400; }
.app-simulation .mail-scene .ms-chat-message p { border:1px solid #e8e8ef; border-radius:0 6px 6px 6px; padding:8px; margin-top:3px; background:white; }
.app-simulation .mail-scene .ms-own p { background:#ececfa; border-color:#e2e2f5; }
.app-simulation .mail-scene .ms-teams-compose { margin:10px; background:white; border:1px solid #dedee8; border-bottom:2px solid #5b5fc7; border-radius:5px; padding:9px; font-size:10px; }
.app-simulation .mail-scene .ms-compose-copy { min-height:32px; padding-bottom:6px; }
.app-simulation .mail-scene .ms-teams-compose>div:last-child { display:flex; align-items:center; flex-wrap:wrap; }
.app-simulation .mail-scene .ms-teams-compose>div:last-child>.mb:last-child { margin-left:auto; }
.app-simulation .mail-scene .ms-channel-post { background:white; padding:12px; border:1px solid #e1e1e9; border-radius:5px; font-size:10px; }
.app-simulation .mail-scene .ms-channel-post>p { margin:8px 0; }
.app-simulation .mail-scene .ms-rewrite-box { margin:10px; padding:10px; border:1px solid #d8d8e8; background:white; border-radius:6px; font-size:10px; }
.app-simulation .mail-scene .ms-rewrite-suggestion { padding:10px; margin:8px 0; min-height:45px; border-radius:4px; background:#f7f7fb; font-size:10px; }
.app-simulation .mail-scene .ms-adjust-menu { display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:8px; margin:6px 0; border:1px solid #e3e3ed; border-radius:5px; background:white; font-size:9px; }
.app-simulation .mail-scene .ms-adjust-menu>strong { grid-column:1/-1; }
.app-simulation .mail-scene .ms-adjust-menu>span { padding:4px; background:#f3f3fa; border-radius:3px; }
.app-simulation .mail-scene .ms-meeting { flex:1; padding:0; min-width:0; background:#202025; color:#f5f5f5; }
.app-simulation .mail-scene .ms-meeting-title { display:flex; justify-content:space-between; padding:9px; font-size:10px; color:#eee; }
.app-simulation .mail-scene .ms-meeting-title>span { color:#aaa; }
.app-simulation .mail-scene .ms-meeting-controls { display:flex; flex-wrap:wrap; gap:2px; border-top:1px solid #44444a; border-bottom:1px solid #44444a; padding:5px; }
.app-simulation .mail-scene .ms-meeting-controls>.mb { color:#efefef; font-size:8px; }
.app-simulation .mail-scene .ms-meeting-controls>.ms-leave { background:#c93743; color:white; }
.app-simulation .mail-scene .ms-video-grid { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:8px; }
.app-simulation .mail-scene .ms-video { position:relative; display:grid; place-items:center; min-height:109px; border-radius:4px; background:linear-gradient(125deg,#4b5668,#262a37); }
.app-simulation .mail-scene .ms-video .ms-avatar { width:53px; height:53px; font-size:19px; background:#697c91; color:white; border:1px solid #9babb870; }
.app-simulation .mail-scene .ms-video-1 { background:linear-gradient(115deg,#343d4b,#627285); border:2px solid #777ad0; }
.app-simulation .mail-scene .ms-video-2 { background:linear-gradient(125deg,#574849,#292a36); }
.app-simulation .mail-scene .ms-video-3 { background:linear-gradient(125deg,#445954,#282e33); }
.app-simulation .mail-scene .ms-video>small { position:absolute; left:5px; bottom:4px; font-size:8px; color:white; background:#0005; border-radius:3px; padding:2px 4px; }
.app-simulation .mail-scene .ms-speaker { position:absolute; right:5px; bottom:5px; color:#aeb1ff; font-size:9px; }
.app-simulation .mail-scene .ms-call-grid { grid-template-columns:1fr; }
.app-simulation .mail-scene .ms-call-grid>.ms-video { min-height:245px; }
.app-simulation .mail-scene .ms-call-grid .ms-avatar { width:82px; height:82px; font-size:27px; }
.app-simulation .mail-scene .ms-call-info { font-size:8px; color:#aaa; text-align:center; padding:5px 8px 10px; }
.app-simulation .mail-scene .ms-agenda-strip { display:flex; flex-wrap:wrap; gap:8px; padding:6px; background:#393942; font-size:8px; }
.app-simulation .mail-scene .ms-agenda-strip>b { margin-left:auto; color:#bfc1ff; }
.app-simulation .mail-scene .ms-native-side { flex:0 0 37%; width:37%; min-width:170px; padding:12px; border-left:1px solid #dedee8; background:white; font-size:10px; }
.app-simulation .mail-scene .ms-native-side h4 { margin-bottom:12px; }
.app-simulation .mail-scene .ms-native-side .ms-field { display:block; margin:4px 0; }
.app-simulation .mail-scene .ms-native-side .ms-field>div { padding:7px; border:1px solid #e0e3e9; border-radius:3px; margin-top:4px; }
.app-simulation .mail-scene .ms-native-side .ms-chat-input { margin:10px 0 0; }
.app-simulation .mail-scene .ms-mentioned { border:1px solid #dedee8; padding:5px 8px; color:#5b5fc7; border-radius:5px; font-size:9px; }
.app-simulation .mail-scene .ms-checkline { font-size:9px; color:#5b5fc7; padding:9px 0; }
.app-simulation .mail-scene .ms-transfer-context { border:1px solid #dedee8; border-radius:4px; min-height:78px; margin:8px 0; padding:8px; font-size:10px; }
.app-simulation .mail-scene .ms-menu-trail { display:flex; flex-wrap:wrap; gap:5px; color:#777; font-size:8px; padding-bottom:12px; }
.app-simulation .mail-scene .ms-native-note { margin:10px 0; color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-recap { flex:1; min-width:0; padding:0; background:#fff; }
.app-simulation .mail-scene .ms-recap-content { padding:10px; }
.app-simulation .mail-scene .ms-recording { display:flex; min-height:130px; flex-direction:column; align-items:center; justify-content:center; background:#33333b; color:white; border-radius:4px; gap:8px; font-size:10px; }
.app-simulation .mail-scene .ms-recording>span { font-size:22px; }
.app-simulation .mail-scene .ms-recording>small { font-size:8px; color:#ccc; }
.app-simulation .mail-scene .ms-recap-tabs { display:flex; flex-wrap:wrap; gap:3px; margin:8px 0; }
.app-simulation .mail-scene .ms-audio-recaps { flex:1; min-width:0; padding:14px; background:#fff; }
.app-simulation .mail-scene .ms-audio-setup { border:1px solid #e0e0ec; border-radius:5px; padding:12px; font-size:10px; }
.app-simulation .mail-scene .ms-audio-setup p { padding-top:6px; }
.app-simulation .mail-scene .ms-audio-setup small { color:#777; font-size:8px; }
.app-simulation .mail-scene .ms-audio-player { display:flex; gap:10px; padding:10px; margin-top:10px; background:#f0eff9; border-radius:6px; font-size:10px; }
.app-simulation .mail-scene .ms-audio-player small { display:block; margin-top:5px; }
.app-simulation .mail-scene .ms-mini-table { width:100%; border-collapse:collapse; font-size:9px; margin-top:8px; }
.app-simulation .mail-scene .ms-mini-table th,.app-simulation .mail-scene .ms-mini-table td { text-align:left; border:1px solid #e4e4eb; padding:5px; }
.app-simulation .mail-scene .ms-export-tools { display:flex; flex-wrap:wrap; margin:10px 0; gap:4px; }
.app-simulation .mail-scene .ms-example-strip { font-size:8px; padding:5px 10px; color:#818895; border-top:1px solid #e2e5eb; background:#f8f9fb; }
.app-simulation .mail-scene [data-step] { scroll-margin:20px; }
@container (max-width:600px) {
 .app-simulation .mail-scene .ms-list { flex-basis:105px; width:105px; }
 .app-simulation .mail-scene .ms-mail-row>.ms-avatar { display:none; }
 .app-simulation .mail-scene .ms-pane,.app-simulation .mail-scene .ms-native-side { min-width:145px; }
 .app-simulation .mail-scene .ms-settings-grid { grid-template-columns:75px minmax(0,1fr); gap:8px; }
 .app-simulation .mail-scene .ms-titlebar { gap:7px; }
 .app-simulation .mail-scene .ms-titlebar>.ms-command { display:none; }
}
@container (max-width:460px) {
 .app-simulation .mail-scene .ms-list { display:none; }
 .app-simulation .mail-scene .ms-rail { flex-basis:27px; width:27px; }
 .app-simulation .mail-scene .ms-rail-item small { display:none; }
 .app-simulation .mail-scene .ms-reader,.app-simulation .mail-scene .ms-calendar { padding:8px; }
 .app-simulation .mail-scene .ms-pane,.app-simulation .mail-scene .ms-native-side { flex-basis:42%; min-width:120px; }
 .app-simulation .mail-scene .ms-pane-content,.app-simulation .mail-scene .ms-native-side { padding:8px; }
 .app-simulation .mail-scene .ms-titlebar .an { font-size:10px; }
 .app-simulation .mail-scene .ms-scene-body { min-height:350px; }
 .app-simulation .mail-scene .ms-video { min-height:100px; }
 .app-simulation .mail-scene .ms-video .ms-avatar { width:35px; height:35px; font-size:13px; }
 .app-simulation .mail-scene .ms-email-text { font-size:9px; }
}