.outlook-connection{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:42px;min-height:32px;padding:4px 7px;border:1px solid #d5deec;border-radius:999px;background:#f7f9fc;color:#3f5575;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.outlook-connection[hidden]{display:none}
.outlook-connection:hover{filter:brightness(.97)}
.outlook-connection:focus-visible{outline:3px solid #6b94e8;outline-offset:2px}
.outlook-connection-label{display:none}
.outlook-connection-icon{width:20px;height:19px;flex:0 0 20px;object-fit:contain}
.outlook-connection-state{display:inline-grid;place-items:center;width:15px;height:15px;flex:0 0 15px}
.outlook-connection-state svg{display:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.outlook-connection[data-state=connected] .outlook-state-linked{display:block}
.outlook-connection[data-state=disconnected] .outlook-state-unlinked,.outlook-connection[data-state=setup] .outlook-state-unlinked{display:block}
.outlook-connection[data-state=connected]{border-color:#c9ddd0;background:#f1f8f3;color:#245b3c}
.outlook-connection[data-state=disconnected]{border-color:#cbd8ef;background:#f2f6ff;color:#2e5591}
.outlook-connection[data-state=setup]{border-color:#ead8aa;background:#fff8e8;color:#75531a}
@media(max-width:760px){.outlook-connection{gap:4px;min-width:40px;min-height:30px;padding:4px 6px}.outlook-connection-icon{width:19px;height:18px;flex-basis:19px}}

.btn.outlook-email-action{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:10px;color:var(--accent,#6650b5)}
.outlook-email-action svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.outlook-email-action:focus-visible{outline:3px solid currentColor;outline-offset:3px}