.oe-mockup{background:#e7e7e7;color:#161616;border:1px solid #777;box-shadow:inset 0 0 0 3px #f7f7f7,0 10px 20px #213f4d1c;max-width:650px;min-height:250px;font:12px Arial,sans-serif;line-height:1.3;margin:14px auto 30px;overflow:hidden}
.oe-titlebar{background:linear-gradient(#fafafa,#a4a4a4 45%,#e6e6e6);border-bottom:1px solid #777;min-height:23px;display:flex;align-items:center;justify-content:space-between;padding:2px 5px;font-weight:700}.oe-titlebar b{color:#fff;text-shadow:0 1px #444;background:#aaa;border:1px solid #777;border-radius:3px;min-width:18px;text-align:center;font-size:16px;line-height:16px}
.oe-menubar{background:#f5f5f5;padding:5px 11px;border-bottom:1px solid #aaa}.oe-menubar strong{font-weight:400;border:1px solid #848484;background:#e0e7f3;padding:3px}
.oe-inbox{display:grid;grid-template-columns:27% 1fr;background:#fff;min-height:215px}.oe-inbox>div:first-child{background:#f5f5f5;border-right:1px solid #b5b5b5;padding:7px;line-height:1.8}.oe-menu{width:290px;max-width:100%;padding:8px 12px!important;line-height:2.05!important;border:1px solid #aaa;background:#f8f8f8;box-shadow:3px 4px 5px #0002}.oe-menu span{float:right}.oe-menu strong{display:block;background:#4e91cc;color:#fff;padding:0 5px;font-weight:400}
.oe-account{padding:8px;background:#e5e5e5}.oe-tabs{display:flex;gap:2px;flex-wrap:wrap;font-size:11px}.oe-tabs span,.oe-tabs strong{background:#f6f6f6;border:1px solid #a5a5a5;border-bottom:0;padding:3px 7px}.oe-tabs strong{background:#6ca3d4;color:white}.oe-account-grid{display:grid;grid-template-columns:1fr 145px;gap:8px;background:#efefef;padding:6px;border:1px solid #aaa;position:relative}.oe-account-list{background:#fff;border:1px solid #999;min-height:200px}.oe-account-list>div{background:#eee;border-bottom:1px solid #bbb;padding:5px;color:#555}.oe-account-list p{padding:4px;margin:6px!important}.oe-account-actions{display:grid;align-content:start;gap:5px}.oe-account-actions>span,.oe-inline-button{border:1px solid #999;background:linear-gradient(#fff,#d2d2d2);padding:4px;text-align:center;box-shadow:inset 1px 1px #fff;white-space:nowrap}.oe-account-actions>span:last-child{margin-top:20px}.oe-account .oe-selected{background:#4d9ad7;color:white}.oe-submenu{position:absolute;left:calc(100% - 145px);top:4px;background:#f6f6f6;min-width:180px;border:1px solid #888;display:grid;box-shadow:4px 4px 5px #0003}.oe-submenu>*{padding:3px 8px}.oe-submenu strong{background:#338cdf;color:white;font-weight:400}
.oe-wizard{min-height:310px;padding:17px 30px 10px;background:linear-gradient(#fff 0 56px,#e6e6e6 56px);border-bottom:1px solid #aaa}.oe-wizard h3{font-size:14px;margin:0 0 45px!important;letter-spacing:0;color:#111}.oe-wizard p{font-size:12px!important;color:#222!important;max-width:470px;margin:10px 0 20px!important}.oe-wizard small{display:block;margin:7px 0 0 40%;font-size:11px}.oe-field{display:grid;grid-template-columns:48% 1fr;gap:10px;align-items:center;margin:7px 0;font-size:11px}.oe-field span{text-align:right}.oe-field strong{background:#fff;border:1px solid #999;min-height:23px;padding:4px 6px;color:#222!important;font-weight:400;overflow-wrap:anywhere}.oe-buttons{display:flex;gap:5px;justify-content:flex-end;padding:8px 10px;background:#e6e6e6}.oe-buttons span{border:1px solid #888;background:linear-gradient(#fff,#d5d5d5);min-width:72px;text-align:center;padding:4px 6px}.oe-buttons .oe-primary{border-color:#5c88ac;box-shadow:0 0 0 2px #bbd5eb}.oe-check{display:flex;align-items:center;gap:4px;font-size:11px;margin:7px 0;color:#161616}.oe-check input{width:13px;height:13px;margin:0;accent-color:#308ab5}.oe-properties{padding:15px;background:#e6e6e6}.oe-properties fieldset{border:1px solid #aaa;margin:12px 0;padding:8px 12px}.oe-properties legend{padding:0 5px;font-size:11px}.oe-properties .oe-field{grid-template-columns:38% 1fr}.oe-inline-button{display:inline-block;margin:4px 0 0 15px;min-width:100px}
.source-guide .oe-mockup p{font-family:Arial,sans-serif}
@media(max-width:760px){.source-guide p:has(.oe-mockup){overflow-x:auto}.oe-mockup{min-width:500px}.oe-submenu{left:auto;right:0}}
.classic-menu{background:#f5f5f5;border:1px solid #aaa;margin:8px;padding:8px 13px;line-height:1.9;width:max-content;max-width:95%}.classic-menu strong{display:block;background:#428dca;color:white;font-weight:400;padding:0 5px}.classic-settings{min-height:420px}.oe-wizard h4{font-size:12px!important;margin:10px 0 5px!important;letter-spacing:0!important}.oe-wizard .oe-check{margin:8px 0}.classic-outlook2007 .oe-titlebar{background:linear-gradient(#eef5fc,#adc8dd)}.classic-windowsmail .oe-titlebar{background:linear-gradient(#eaf1f9,#a9c4db)}