/* Studio readability, independent of the customer's display theme. */
.studio-intro{align-items:flex-start;gap:24px}.studio-intro>div{max-width:790px}.studio-intro p{font-size:17px;line-height:1.75;max-width:68ch;margin-top:20px;color:#bdcbe1}.studio-demo-badge{padding:9px 16px;font-size:12px;font-weight:800;letter-spacing:.12em;align-self:flex-start;margin-top:10px;line-height:1.3}.studio-grid{grid-template-columns:minmax(340px,370px) minmax(0,1fr);gap:30px}.studio-brand-panel{padding:28px;background:linear-gradient(145deg,#17253f,#101b30)}.studio-brand-panel h3{font-size:23px;letter-spacing:-.035em;margin-bottom:24px}.studio-brand-panel h4{font-size:16px;margin:26px 0 16px}.studio-brand-panel label{font-size:14px;font-weight:600;line-height:1.55;margin-bottom:20px;color:#e7edf8}.studio-brand-panel input:not([type=checkbox]),.studio-brand-panel select{font-size:14px;font-weight:500;line-height:1.5;min-height:46px;padding:11px 12px;border-color:#496080;background:#0b1528;letter-spacing:0;color:#f2f6ff;margin-top:7px}.studio-brand-panel input[type=color]{padding:6px;height:48px}.studio-brand-panel input[type=file]{font-size:12px;padding:10px;min-width:0;width:100%}.studio-brand-panel input[type=file]::file-selector-button{font:inherit;font-weight:600;background:#213653;border:1px solid #526e91;border-radius:6px;color:#f1f5ff;padding:7px 10px;margin-right:8px}.studio-brand-panel .form-row{gap:16px}.studio-brand-panel .checkline{font-size:14px;font-weight:500;margin:0;padding:9px 0;gap:10px;align-items:center;line-height:1.45;min-height:40px;cursor:pointer}.studio-brand-panel .checkline input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#6280ff}.studio-brand-panel button{font-size:13px;min-height:44px;padding:11px 14px}.studio-brand-panel .form-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.studio-save-hint{font-size:13px!important;line-height:1.7!important;color:#afc1da!important;margin:16px 0 4px}.studio-save-hint strong{color:#e5eeff;font-weight:600}.studio-grid .preview-toolbar{font-size:12px;line-height:1.6;gap:14px}.studio-grid .preview-caption{font-size:13px;line-height:1.6;color:#aebfd7;gap:18px}.studio-grid .value-strip span{font-size:13px;line-height:1.6}.studio-grid .value-strip b{font-size:20px;margin-bottom:5px}.workspace .studio-help{padding:26px 28px;margin-top:24px;border-color:#3c5275;background:linear-gradient(125deg,#1a2a46,#14213a)}.studio-help h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px;color:#f4f7ff}.studio-help ol{list-style:none;counter-reset:studio-step;padding:0;margin:0;display:grid;gap:17px}.studio-help li{counter-increment:studio-step;position:relative;padding-left:43px;margin:0;line-height:1.65}.studio-help li::before{content:counter(studio-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#2c4165;border:1px solid #50698f;color:#eaf0ff;font-size:13px;font-weight:700}.studio-help li strong{display:block;font-size:15px;font-weight:650}.studio-help li span{display:block;font-size:14px;color:#bdcde2}.studio-help>p{font-size:13px;color:#aebfd7;border-top:1px solid #354969;margin:21px 0 0;padding-top:16px;line-height:1.7}.topbar>.top-actions{gap:10px}.topbar #cloudStatus{position:relative;display:flex;flex-direction:column;gap:3px;max-width:245px;min-width:190px;line-height:1.45;padding:9px 12px 9px 27px;border-radius:10px;border:1px solid #405476;background:#15243d;color:#e4ecfb;font-size:12px}.topbar #cloudStatus::before{content:'';position:absolute;left:12px;top:16px;width:6px;height:6px;border-radius:50%;background:#99aed0}.topbar #cloudStatus strong{font-size:12px;font-weight:650}.topbar #cloudStatus small{font-size:11px;color:#b7c9e2}.topbar #cloudStatus[data-state=draft]{background:#34291b;border-color:#76603c}.topbar #cloudStatus[data-state=draft]::before{background:#f3c371}.topbar #cloudStatus[data-state=draft] small{color:#dfcba8}.topbar #cloudStatus[data-state=offline]{background:#36212d;border-color:#7b4758}.topbar #cloudStatus[data-state=offline]::before{background:#ffafba}.topbar #cloudStatus[data-state=ready]::before{background:#74c4a5}.sidebar .rail-label{font-size:11px;letter-spacing:.12em;line-height:1.5}.sidebar .rail-bottom{font-size:12px}@media(min-width:1800px){.studio-grid{grid-template-columns:390px minmax(0,1fr)}}@media(max-width:1200px) and (min-width:801px){.studio-grid{grid-template-columns:320px minmax(0,1fr);gap:22px}.studio-brand-panel{padding:23px}.topbar #cloudStatus{max-width:none}}@media(max-width:800px){.studio-grid{grid-template-columns:minmax(0,1fr);gap:26px}.studio-brand-panel{padding:24px}.studio-intro p{font-size:16px}.studio-intro .studio-demo-badge{display:inline-block;margin-top:0}.studio-grid .preview-toolbar{flex-wrap:wrap}.studio-grid .preview-caption{font-size:12px}.studio-grid .value-strip{grid-template-columns:1fr;gap:10px}.studio-grid .value-strip>div{padding:17px}.studio-grid .value-strip b{font-size:18px}.workspace .studio-help{padding:23px}.topbar #cloudStatus{flex-basis:100%;max-width:none;min-width:0}.studio-brand-panel .form-actions button{flex:1}.studio-help li span{font-size:14px}.studio-grid .preview-toolbar select{max-width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.studio-brand-panel button{transition:none}}
.simple-screen-grid{gap:24px}.simple-screen-grid>.panel{display:flex;flex-direction:column;padding:26px}.simple-screen-grid .screen-visual{margin-bottom:22px;min-height:105px}.simple-screen-grid h2{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin:0 0 13px;overflow-wrap:anywhere}.simple-screen-grid p{font-size:14px;line-height:1.8;margin:0 0 17px}.simple-screen-grid p.muted{margin-top:2px;margin-bottom:23px}.simple-screen-grid button{align-self:flex-start;margin-top:auto;min-height:44px}.simple-pair{max-width:980px;padding:30px;margin-top:30px}.simple-pair h2{margin-top:10px;font-size:28px;line-height:1.25}.simple-pair .pair-intro{font-size:16px;line-height:1.75;color:#c2d0e5;margin:13px 0 26px;max-width:65ch}.pair-steps{list-style:none;counter-reset:pair-step;margin:0 0 26px;padding:0;display:grid;gap:24px}.pair-steps>li{counter-increment:pair-step;position:relative;padding-left:48px;margin:0;min-width:0}.pair-steps>li::before{content:counter(pair-step);position:absolute;left:0;top:0;display:grid;place-items:center;background:#223a61;color:#e9f0ff;border:1px solid #48678f;border-radius:11px;width:33px;height:33px;font-size:14px;font-weight:750}.pair-steps strong{font-size:16px;line-height:1.5;color:#eff4ff}.simple-pair .pair-steps p{font-size:14px;line-height:1.8;color:#b8c9e1;margin:6px 0 0;max-width:72ch}.pair-url-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:12px 14px;background:#0b1528;border:1px solid #344d70;border-radius:10px;min-width:0}.pair-url{font-size:13px;font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.7;overflow-wrap:anywhere;color:#b9cdff!important;flex:1;min-width:150px}.pair-url-row button{font-size:12px;padding:9px 12px;min-height:42px}#pairForm{padding:23px;background:#0d182b;border:1px solid #344b6a;border-radius:14px}#pairForm .form-row{align-items:start;gap:20px}#pairForm label{font-size:14px;font-weight:600;line-height:1.6;color:#e7efff;min-width:0}#pairForm input,#pairForm select{min-height:48px;margin-top:8px;font-size:15px;border-color:#496080;max-width:100%}#pairCode{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,monospace}#pairCodeHelp{display:block;color:#a8bdd9;font-size:12px;font-weight:400;margin-top:7px}#pairForm>.primary{min-height:46px;font-size:14px;padding:11px 20px}.simple-pair .pair-connection-note{font-size:12px;line-height:1.7;color:#aebfda;margin:13px 0 0}.pair-next{margin-top:22px;padding:18px 21px;background:#172942;border-radius:10px;border-left:3px solid #6688e9}.pair-next strong{font-size:14px}.simple-pair .pair-next p{font-size:13px;line-height:1.8;color:#b6c8e0;margin:6px 0 0}.pair-trouble{border-top:1px solid #344a69;margin-top:23px;padding-top:18px;font-size:13px;color:#c4d2e8}.pair-trouble summary{cursor:pointer;line-height:1.65;font-weight:600}.pair-trouble p{font-size:13px;line-height:1.8;margin:12px 0}.pair-trouble a{color:#b4c9ff}@media(max-width:650px){.simple-pair{padding:23px}.pair-steps>li{padding-left:41px}.pair-steps strong{font-size:15px}.pair-url-row{padding:12px;gap:10px}.pair-url{flex-basis:100%;min-width:0;font-size:12px}.pair-url-row button{width:100%}#pairForm{padding:18px}#pairForm .form-row{grid-template-columns:minmax(0,1fr);display:grid;gap:12px}#pairForm>.primary{width:100%}.simple-screen-grid{grid-template-columns:minmax(0,1fr)}.simple-screen-grid .screen-visual{margin-bottom:23px}.simple-pair h2{font-size:25px}}
/* Miniatures show eligible board drafts, never a live-device claim. */
.simple-screen-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.simple-screen-grid>.screen-preview-card{padding:23px;min-width:0}.simple-screen-grid .screen-thumbnail{position:relative;display:block;align-self:stretch;aspect-ratio:16/10;width:100%;height:auto;min-height:0;margin:0 0 12px;padding:0;border:6px solid #27394a;border-radius:12px;background:#27394a;box-shadow:0 12px 26px #0004,0 0 0 1px #536479;overflow:hidden;isolation:isolate;text-align:left;cursor:pointer;transition:box-shadow .18s,transform .18s}.simple-screen-grid .screen-thumbnail:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0005,0 0 0 2px #829dcc}.screen-thumb-canvas{display:flex;flex-direction:column;width:100%;height:100%;padding:11px;background:#f4f6f7;color:#1d3039;gap:10px;overflow:hidden}.screen-thumb-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 20px}.screen-thumb-brand{display:block;max-width:64%;min-width:0}.screen-thumb-brand>strong{font-size:14px;font-weight:850;letter-spacing:-.05em;line-height:1.1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--thumb-dark)}.screen-thumb-brand img{display:block;width:88px;height:24px;object-fit:contain;object-position:left center}.screen-thumb-head>span:last-child{font-size:6px;letter-spacing:.08em;text-align:right;line-height:1.5;color:#596e7b;font-weight:700}.screen-thumb-head b{display:block;font-size:7px;letter-spacing:0}.screen-thumb-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:7px;flex:1;min-height:0}.screen-thumb-tile{display:flex;flex-direction:column;gap:5px;padding:9px;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 2px 5px #172e3f08}.screen-thumb-tile.thumb-tone-0{background:var(--thumb-dark);color:#fff}.screen-thumb-tile.thumb-tone-1{background:color-mix(in srgb,var(--thumb-accent) 16%,white);color:#20323b}.screen-thumb-tile.thumb-tone-3{background:#e7eef1;color:#20323b}.screen-thumb-label{font-size:6px;font-weight:650;line-height:1.3;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-thumb-tile>strong{font-size:9px;font-weight:750;letter-spacing:-.025em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.screen-thumb-lines{display:grid;gap:3px;margin-top:auto}.screen-thumb-lines i{display:block;width:90%;height:2px;background:currentColor;opacity:.16;border-radius:4px}.screen-thumb-lines i:last-child{width:65%}.screen-thumb-image-mark{position:absolute;opacity:.2;font-size:18px}.screen-thumb-foot{display:flex;justify-content:space-between;gap:8px;font-size:5px;line-height:1;letter-spacing:.04em;color:#728591;flex:0 0 auto}.screen-thumb-foot>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-thumb-foot>span:last-child{white-space:nowrap}.screen-thumb-empty{grid-column:1/-1;display:grid;place-items:center;font-size:10px;color:#526a78;text-align:center;background:#e9eef2;padding:10px;border-radius:8px}.screen-thumb-hover{position:absolute;inset:0;display:grid;place-items:center;background:#0a1427a8;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .18s}.screen-thumbnail:hover .screen-thumb-hover,.screen-thumbnail:focus-visible .screen-thumb-hover{opacity:1}.screen-preview-caption{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;line-height:1.6;color:#9eb4d0;margin:0 0 16px}.simple-screen-grid .screen-preview-card h2{font-size:23px;line-height:1.3;margin-bottom:11px}.simple-screen-grid .screen-preview-card .connection{font-size:12px}.workspace .m365-launch{background:linear-gradient(120deg,#182943,#122039);border:1px solid #3d567d;box-shadow:0 12px 35px #0002}.workspace .m365-launch h2{color:#f1f5ff;font-size:25px;line-height:1.3;max-width:700px}.workspace .m365-launch .eyebrow{color:#afc3ff;font-size:10px}.workspace .m365-launch p{color:#bbcee5;font-size:14px;line-height:1.8;max-width:77ch}.workspace .m365-launch>small{color:#a3b7d2;font-size:12px}.m365-launch-flow{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px;font-size:11px}.m365-launch-flow>span{border:1px solid #476386;border-radius:7px;padding:7px 10px;background:#203754;color:#dceaff;font-weight:600}.m365-launch-flow>b{color:#839fc4;font-size:14px}@media(max-width:650px){.simple-screen-grid{grid-template-columns:minmax(0,1fr)}.workspace .m365-launch h2{font-size:23px}.m365-launch-flow{gap:6px;font-size:10px}.m365-launch-flow>span{padding:6px 8px}.screen-thumb-tile>strong{font-size:11px}.screen-thumb-label{font-size:7px}.screen-thumb-brand>strong{font-size:17px}.screen-thumb-foot{font-size:6px}.screen-thumb-canvas{padding:13px}.screen-thumb-tiles{gap:8px}}
.topbar{padding-left:32px;padding-right:32px}.top-actions>button{font-size:13px!important;font-weight:650;min-height:44px;padding:11px 15px;line-height:1.4}.client-switcher{display:flex;align-items:center;gap:11px;min-width:220px;max-width:290px;min-height:62px;padding:8px 12px;background:linear-gradient(130deg,#20314d,#17263e);border:1px solid #506787;border-radius:12px;box-shadow:0 4px 16px #0002}.client-switcher-icon{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;background:#314d78;color:#dce9ff;border-radius:8px;font-size:20px}.client-switcher>div{flex:1;min-width:0}.client-switcher label{display:block;font-size:10px;font-weight:650;color:#a8bfdf;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;margin:0 0 2px;padding:0}.top-actions .client-switcher #profileSelect{display:block;width:100%;max-width:none;min-width:0;min-height:28px;margin:0;background-color:transparent;border:0;color:#f2f6ff;border-radius:4px;padding:1px 24px 2px 0;font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.5;cursor:pointer;color-scheme:dark}.client-switcher:focus-within{border-color:#a3bdff;box-shadow:0 0 0 3px #6588e92e}.top-actions .client-switcher #profileSelect:focus-visible{outline:2px solid #b2c8ff;outline-offset:3px}.client-switcher option{font-size:15px;font-weight:500;color:#edf4ff;background:#15253f}.sidebar nav button span{font-size:14px}.sidebar nav button{line-height:1.5}.breadcrumb{font-size:11px;line-height:1.7}.topbar #cloudStatus strong{font-size:13px}.topbar #cloudStatus small{font-size:12px}.simple-mode .workspace-footer{font-size:12px;line-height:1.7}.simple-mode #authIdentity{font-size:11px}.simple-mode #signOutLink{font-size:12px}@media(max-width:800px){.topbar{padding:14px 20px}.client-switcher{flex:1;max-width:none;min-width:180px}.top-actions .client-switcher #profileSelect{font-size:16px}.top-actions>button{font-size:12px!important}.top-actions{gap:9px}.breadcrumb{font-size:10px}}@media(max-width:480px){.client-switcher{flex-basis:100%;order:-1}.top-actions>button{flex:1}.sidebar nav button span{font-size:13px}}
.screen-thumb-tile{padding:7px;gap:3px}.screen-thumb-label,.screen-thumb-tile>strong{flex-shrink:0}.screen-thumb-tile>strong{-webkit-line-clamp:1;min-height:11px;line-height:1.2}.screen-thumb-lines{display:none}@media(min-width:1700px){.screen-thumb-tile>strong{-webkit-line-clamp:2;min-height:20px}}@media(max-width:650px){.screen-thumb-tile>strong{-webkit-line-clamp:2;min-height:26px}.screen-thumb-tile{padding:9px;gap:5px}}
/* Equal toolbar tiles, with responsive rows of equal columns. */
.workspace .topbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;height:auto;min-height:0;padding:16px 32px 18px}.workspace .topbar>.top-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;min-width:0;padding:0;justify-content:stretch}.workspace .topbar .top-actions>button,.workspace .topbar .top-actions>.client-switcher,.workspace .topbar .top-actions>#cloudStatus{height:76px;min-height:76px;width:100%;min-width:0;max-width:none;margin:0;box-sizing:border-box;border-radius:11px;align-self:stretch;order:0}.workspace .topbar .top-actions>button{display:flex;justify-content:center;align-items:center;font-size:13px!important;line-height:1.4;text-align:center;padding:10px;white-space:normal}.workspace .topbar #cloudStatus{justify-content:center;padding:8px 10px 8px 23px;gap:3px;flex-basis:auto}.workspace .topbar #cloudStatus::before{left:10px;top:17px}.workspace .topbar #cloudStatus strong{font-size:12px;line-height:1.3}.workspace .topbar #cloudStatus small{font-size:11px;line-height:1.4}.workspace .topbar .client-switcher{padding:10px;gap:8px;flex-basis:auto}.workspace .topbar .client-switcher-icon{width:27px;height:29px;font-size:18px}.workspace .topbar .client-switcher label{font-size:9px;letter-spacing:.06em}.workspace .topbar .client-switcher #profileSelect{font-size:14px;min-height:29px;padding-right:18px}.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#32466b transparent}.sidebar .rail-bottom{padding-top:22px;line-height:1.6}.sidebar #simpleTools{gap:9px;margin-bottom:14px}.sidebar #simpleTools>details{background:#101b31;border:1px solid #2d405f;border-radius:10px;max-width:none;padding:0;overflow:hidden}.sidebar #simpleTools summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 10px;min-height:46px;font-size:12px;line-height:1.5;color:#dce7fb;font-weight:600}.sidebar #simpleTools summary::-webkit-details-marker{display:none}.sidebar #simpleTools summary::after{content:'⌄';margin-left:auto;color:#9eb8dc;font-size:15px}.sidebar #simpleTools details[open] summary::after{content:'⌃'}.sidebar #simpleTools summary>span{font-size:17px;color:#a8c1ec}.sidebar .simple-settings{padding:0 8px 10px;gap:5px}.sidebar .simple-settings button{font-size:12px;line-height:1.5;padding:10px;border:1px solid transparent;border-radius:7px;background:#17263f;color:#c7d8f1;min-height:39px}.sidebar .simple-settings button:hover{background:#213655;border-color:#456187}.sidebar #simpleTools .rail-help{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 11px;border:1px solid #2d405f;background:#101b31;border-radius:10px;text-decoration:none;color:#c9dbf5;font-size:12px;font-weight:600;line-height:1.5}.rail-help>span:first-child{display:grid;place-items:center;width:19px;height:19px;border:1px solid #5f7da6;border-radius:50%;font-size:12px;color:#b5cef3}.rail-help>span:last-child{margin-left:auto;color:#89a8d5}.sidebar #toggleSimple{border:1px solid #465f86;background:#1a2b48;color:#e4edff;min-height:44px;width:100%;border-radius:10px;font-size:12px;font-weight:600;line-height:1.5;padding:10px}.rail-session-card{background:linear-gradient(135deg,#17243c,#111c30);border:1px solid #33496b;border-radius:12px;padding:14px 12px;box-shadow:0 5px 18px #0002}.rail-session-heading{display:flex;align-items:center;gap:9px;color:#edf4ff;font-size:13px;font-weight:650;line-height:1.4}.rail-avatar{display:grid;place-items:center;width:31px;height:33px;flex-shrink:0;border:1px solid #4a648d;border-radius:9px;background:#273e62;color:#adc5ef;font-size:21px}.rail-session-heading small{display:flex;gap:6px;align-items:center;color:#97afd0;font-size:10px;font-weight:500;margin-top:3px}.rail-session-heading b{font-size:8px;letter-spacing:.08em;background:#31466c;border:1px solid #4c6690;border-radius:4px;padding:1px 5px;color:#d1dffd}.sidebar #authIdentity{margin:14px 0 12px;line-height:1.6;overflow-wrap:anywhere}.sidebar #authIdentity strong{display:block;font-size:11px;font-weight:500;color:#d6e3f8}.sidebar #authIdentity small{display:block;font-size:10px;color:#98b0d2;margin-top:5px}.sidebar #signOutLink{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-top:1px solid #354c70;border-radius:0 0 5px 5px;color:#b9cce8;text-decoration:none;font-size:11px;font-weight:500;line-height:1.5}.sidebar #signOutLink:hover{color:#fff;background:#243858}.sidebar #simpleTools summary:focus-visible,.sidebar #simpleTools a:focus-visible,.sidebar #toggleSimple:focus-visible,.sidebar #signOutLink:focus-visible{outline:2px solid #a9c6ff;outline-offset:3px}@media(max-width:1199px){.workspace .topbar>.top-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace .topbar .client-switcher-icon{width:30px}.workspace .topbar .client-switcher #profileSelect{font-size:15px}}@media(max-width:800px){.workspace .topbar{padding:14px 20px;gap:10px}.workspace .topbar>.top-actions{gap:9px}.workspace .topbar .top-actions>button{font-size:12px!important}.workspace .topbar .client-switcher #profileSelect{font-size:16px}}@media(max-width:550px){.workspace .topbar>.top-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .topbar .top-actions>button,.workspace .topbar .top-actions>.client-switcher,.workspace .topbar .top-actions>#cloudStatus{height:76px;min-height:76px}.workspace .topbar .client-switcher-icon{display:none}.workspace .topbar .client-switcher{padding:10px 12px}.workspace .topbar #cloudStatus strong{font-size:12px}.workspace .topbar #cloudStatus small{font-size:10px}}
/* Clear source-review hierarchy and room between integration sections. */
.workspace #contentInbox{padding:30px;margin:28px 0}.workspace #m365Panel{margin-top:40px;padding:32px}.integration-panel-head>.pill{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;padding:6px 11px;margin-bottom:16px}.integration-panel-head h2{font-size:27px;line-height:1.3;letter-spacing:-.035em;margin:0 0 15px}.integration-panel-head>p{font-size:15px;line-height:1.85;max-width:80ch;color:#b8cbe4;margin:0 0 21px}.inbox-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;margin:25px 0 28px}.inbox-flow li{display:flex;gap:11px;align-items:flex-start;padding:16px 14px;background:#0f1d33;border:1px solid #304869;border-radius:11px;margin:0;min-width:0}.inbox-flow li>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:29px;background:#29456d;border:1px solid #486b99;border-radius:8px;color:#e6f0ff;font-size:12px;font-weight:750}.inbox-flow strong{display:block;font-size:14px;line-height:1.5;color:#e8f1ff}.inbox-flow small{display:block;font-size:12px;line-height:1.65;color:#a4bbd8;margin-top:4px}.inbox-toolbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:20px;background:#0d192d;border:1px solid #304767;border-radius:12px}.inbox-toolbar label{flex:1;min-width:220px;margin:0;font-size:13px;font-weight:600;line-height:1.6;color:#cfdef4}.inbox-toolbar select{font-size:14px;margin-top:8px;min-height:44px;margin-bottom:0;padding:10px 12px;border-color:#496181}.inbox-toolbar button{font-size:13px;min-height:44px;padding:10px 17px;margin:0}.workspace .inbox-toolbar .inbox-guide-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#bad0ff;line-height:1.5;padding:5px 3px;text-decoration:none}.inbox-guide-link:hover{text-decoration:underline!important}.inbox-source-settings{margin:22px 0;border-top:1px solid #354c6e;border-bottom:1px solid #354c6e;padding:15px 0}.inbox-source-settings>summary{font-size:13px;color:#bfd0e9;font-weight:600;cursor:pointer;line-height:1.7}.inbox-source-settings>p{font-size:13px;line-height:1.8;margin:16px 0}.inbox-source-settings form{max-width:640px;padding:18px;background:#0c182b;border-radius:10px}.inbox-source-settings label{font-size:13px;line-height:1.65}.inbox-source-settings button{font-size:12px}.workspace #inboxStatus{font-size:12px;line-height:1.7;color:#a9bfdc;margin:22px 0 14px}.inbox-empty{display:flex;align-items:center;gap:18px;padding:25px;background:#111f35;border:1px dashed #46607f;border-radius:12px}.inbox-empty>span{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:12px;background:#203754;color:#a4c2ef;font-size:28px}.inbox-empty h3{font-size:17px;line-height:1.4;color:#e0edff;letter-spacing:-.02em;margin:0 0 7px}.workspace .inbox-empty p{font-size:13px;line-height:1.8;color:#a9bfdc;margin:0;max-width:72ch}.workspace .inbox-footnote{font-size:12px;line-height:1.8;color:#a6bdd9;margin:20px 0 0;padding-top:17px;border-top:1px solid #314869}.inbox-item{margin:18px 0;padding:23px;background:#0f1c31;border:1px solid #3b5374;border-radius:12px}.inbox-item h3{line-height:1.4;margin:15px 0 10px}.inbox-item>p{font-size:14px;line-height:1.8}.inbox-item form{margin-top:20px;padding-top:18px;border-top:1px solid #354c6d}.inbox-item label{font-size:13px;line-height:1.8}.workspace .mailbox-address{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #486485;border-radius:9px;background:#112139;color:#dbeaff;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.mailbox-address>span{font-size:19px;color:#b4cef4}.workspace .mail-read-note{font-size:13px;line-height:1.8;color:#aebfda;margin:18px 0 23px}.workspace #m365State{font-size:14px;line-height:1.8;color:#cadbf3;padding:16px 19px;background:#0d1b2e;border:1px solid #365070;border-radius:10px;margin:0 0 20px}.workspace #m365Refresh{min-height:46px;font-size:14px;padding:12px 19px;margin-bottom:8px}.workspace #m365Panel>.microcopy{font-size:12px!important;line-height:1.9;margin-top:22px;padding-top:18px;border-top:1px solid #304767;color:#a4bbd9!important}#m365Messages .content-row{margin-top:17px;gap:22px;padding:23px}#m365Messages .content-row h3{font-size:19px;line-height:1.45}#m365Messages .content-row p{font-size:14px;line-height:1.85;margin-top:10px}@media(max-width:800px){.workspace #contentInbox,.workspace #m365Panel{padding:23px}.inbox-flow{grid-template-columns:1fr;gap:9px;margin:20px 0}.inbox-flow li{padding:14px}.integration-panel-head h2{font-size:24px}.inbox-toolbar{padding:17px;align-items:stretch}.inbox-toolbar label{min-width:0;flex-basis:100%}.inbox-toolbar button{flex:1}.inbox-empty{align-items:flex-start;padding:20px;gap:13px}.inbox-empty>span{width:35px;height:37px;font-size:24px}.workspace #m365Panel{margin-top:32px}.workspace .mailbox-address{font-size:13px}#m365Messages .content-row{flex-direction:column;align-items:stretch}}