.integration-layout{grid-template-columns:minmax(0,1fr);gap:45px}.integration-layout>div:first-child{position:relative;padding-right:280px}.integration-layout>div:first-child h2{max-width:880px}.integration-layout .integrations-tabs{position:absolute;right:0;top:50px;margin:0;gap:22px}.integration-layout>div:first-child>.line-link{margin-top:8px}.integration-preview:has(.outlook-inbox){min-height:0;background:none;border:0;box-shadow:none;padding:0}.outlook-inbox{width:100%;font-family:'Segoe UI',sans-serif;background:#f3f4f5;color:#242424;border:1px solid #d8dfe5;border-radius:16px;overflow:hidden;box-shadow:0 25px 65px #09244916;font-size:13px;line-height:1.4}.outlook-inbox span,.outlook-inbox small{letter-spacing:normal}.outlook-bluebar{display:flex;align-items:center;gap:18px;padding:14px 22px;background:#106ebe;color:white}.outlook-bluebar strong{font-size:20px;font-weight:600}.outlook-search{background:white;color:#666;width:45%;border-radius:5px;margin-left:7%;padding:8px 14px;font-size:13px}.outlook-user{margin-left:auto;background:#d6e8f6;color:#16588b;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px}.outlook-menubar{display:flex;gap:24px;padding:12px 20px;border-bottom:1px solid #e0e2e5;background:#fafafa}.outlook-menubar b{border-bottom:2px solid #106ebe;padding-bottom:4px}.outlook-workspace{display:grid;grid-template-columns:42px 145px minmax(190px,.8fr) minmax(220px,1fr) 260px;min-height:535px}.outlook-rail{display:flex;flex-direction:column;align-items:center;gap:26px;padding-top:20px;color:#087bbb;background:#eef2f6;font-size:19px}.outlook-folders{padding:20px 10px;background:#f5f5f5}.outlook-compose{background:#106ebe;color:white;border-radius:5px;display:block;padding:9px 10px;margin-bottom:25px;font-size:12px}.outlook-folders span:not(.outlook-compose){display:flex;justify-content:space-between;padding:10px 9px;font-size:12px}.outlook-folders .outlook-folder-active{background:#dcebf8;font-weight:600;border-radius:4px}.outlook-maillist{background:#fff;border-left:1px solid #e1e3e5;border-right:1px solid #e1e3e5;overflow:hidden}.outlook-list-tabs{display:flex;gap:18px;padding:17px 16px;border-bottom:1px solid #e0e2e5;font-size:13px}.outlook-list-tabs b{color:#106ebe}.outlook-message{padding:17px 15px;border-bottom:1px solid #e9eaec;display:flex;flex-direction:column;gap:4px;min-height:98px;font-size:12px}.outlook-message strong{font-size:12px;font-weight:600}.outlook-message small{font-size:11px;color:#66717b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlook-message span{color:#106ebe}.outlook-message-selected{background:#e5eff9;border-left:3px solid #106ebe}.outlook-message time{float:right;color:#6b737c;font-weight:400;font-size:10px;margin-left:6px}.outlook-reading{padding:24px 20px;background:#fff}.outlook-reading h3{font-family:'Segoe UI',sans-serif;font-size:19px;font-weight:600;letter-spacing:normal;line-height:1.3;margin:0 0 25px}.outlook-sender{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:25px}.outlook-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#dfebe5;color:#276445;border-radius:50%;font-size:11px}.outlook-sender small{font-size:10px;color:#747d85}.outlook-mail-copy{font-size:12px;line-height:1.65}.outlook-mail-copy p{margin-bottom:18px}.outlook-mail-attachment{border:1px solid #d9e0e5;border-radius:4px;padding:10px;margin:22px 0;color:#56616d;font-size:11px}.outlook-mail-actions{display:flex;gap:9px;font-size:11px;color:#106ebe}.outlook-mail-actions span{border:1px solid #d6dce2;padding:7px 10px;border-radius:4px}.outlook-addin{border-left:1px solid #d6d9dd;background:#eaeced;display:flex;flex-direction:column;min-width:0}.outlook-addin-label{background:#fff;padding:14px 16px;font-size:13px}.outlook-addin-label small{margin-top:7px;color:#60717b;font-size:11px}.outlook-addin-head{background:#17232b;color:white;text-align:center;padding:18px 14px}.outlook-addin-head img{display:block;width:135px;height:auto;margin:0 auto 15px}.outlook-addin-head span{font-size:16px}.outlook-location{margin:12px;background:#fff;border:1px solid #d8dcdf;border-radius:6px;padding:12px;font-size:12px}.outlook-map{margin:0 12px;position:relative;flex:1;min-height:240px;overflow:hidden;background:#ddd}.outlook-map img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:50% 40%}.outlook-seat{position:absolute;width:20px;height:20px;background:#daefcd;color:#2c703b;border:2px solid white;box-shadow:0 2px 5px #0003;border-radius:50%;display:grid;place-items:center;font-size:10px;left:var(--left);top:var(--top)}.outlook-addin-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:11px}.outlook-date{background:#fff;border:1px solid #b4d48c;color:#648c37;padding:8px;border-radius:5px}.outlook-book{background:#17232b;color:#fff;padding:12px 17px;border-radius:5px}
@media(max-width:1100px){.outlook-workspace{grid-template-columns:35px minmax(165px,.7fr) minmax(210px,1fr) 235px}.outlook-folders{display:none}}
@media(max-width:800px){.integration-layout>div:first-child{padding-right:0}.integration-layout .integrations-tabs{position:static;margin:30px 0}.outlook-workspace{grid-template-columns:minmax(170px,1fr) 230px}.outlook-rail,.outlook-reading{display:none}.outlook-search{width:55%;margin-left:0}.outlook-inbox{font-size:11px}}
@media(max-width:500px){.outlook-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.outlook-maillist{display:block;border:0}.outlook-message{min-height:0;padding:12px 15px}.outlook-message:nth-of-type(n+4){display:none}.outlook-addin{border-left:0;border-top:1px solid #d6d9dd}.outlook-bluebar{gap:10px;padding:12px}.outlook-bluebar strong{font-size:16px}.outlook-search{flex:1;font-size:11px;padding:7px}.outlook-user{display:none}.outlook-menubar{font-size:11px;gap:18px;padding:10px 12px}.outlook-map{min-height:290px}.outlook-addin-head{padding:16px}.outlook-addin-label{padding:12px}.outlook-addin-label small{display:inline;margin-left:12px}.outlook-addin-footer{padding:14px}}
/* Keep the integration preview beside the copy at desktop widths. */
.integration-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:center}
.integration-layout>div:first-child{padding-right:0}
.integration-layout>div:first-child h2{font-size:clamp(42px,4vw,64px)}
.integration-layout .integrations-tabs{position:static;margin:30px 0;gap:28px}
.outlook-workspace{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);min-height:360px}
.outlook-folders,.outlook-reading{display:none}
.outlook-inbox{font-size:11px;border-radius:12px}
.outlook-bluebar{padding:10px 14px;gap:10px}
.outlook-bluebar strong{font-size:17px}
.outlook-search{width:auto;flex:1;margin-left:0;font-size:11px;padding:7px 10px}
.outlook-menubar{padding:10px 14px;gap:18px;font-size:11px}
.outlook-message{padding:12px 10px;min-height:76px}
.outlook-message:nth-of-type(n+6){display:none}
.outlook-message strong{font-size:11px}
.outlook-message small{font-size:10px}
.outlook-list-tabs{padding:12px 10px;gap:10px;font-size:11px}
.outlook-addin-label{padding:10px 12px;font-size:11px}
.outlook-addin-head{padding:13px 10px}
.outlook-addin-head img{width:110px;margin-bottom:10px}
.outlook-addin-head span{font-size:13px}
.outlook-location{padding:9px;margin:9px;font-size:10px}
.outlook-map{margin:0 9px;min-height:190px}
.outlook-addin-footer{padding:9px;font-size:10px}
.outlook-book{padding:10px}
@media(max-width:1000px){.integration-layout{gap:32px}.outlook-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.outlook-rail{display:none}}
@media(max-width:900px){.integration-layout{grid-template-columns:minmax(0,1fr);gap:35px}.integration-preview{width:100%;max-width:650px;margin:0 auto}}
@media(max-width:500px){.outlook-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.outlook-map{min-height:240px}}

/* Keep the map and seat coordinates on the original image plane. */
.outlook-map{flex:none;min-height:0;aspect-ratio:1759 / 1311}
.outlook-map>img{position:static;display:block;width:100%;height:auto;object-fit:contain}
.outlook-seat{transform:translate(-50%,-50%);width:clamp(11px,1.3vw,16px);height:clamp(11px,1.3vw,16px);overflow:hidden;font-size:9px}
.outlook-seat.taken{background:#748396}
.outlook-seat img{position:static;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:500px){.outlook-map{min-height:0}.outlook-seat{width:20px;height:20px}}