.customer-overview-open{text-decoration:none;background:#ff5f00;color:#242424;border:0;border-radius:8px;padding:10px 14px;font:600 12px Poppins,sans-serif;cursor:pointer}
.customer-overview{box-sizing:border-box;width:min(650px,calc(100% - 28px));max-height:88dvh;overflow-y:auto;border:1px solid #dedede;border-top:5px solid #ff5f00;border-radius:16px;padding:28px;color:#242424;background:#fff;font:14px/1.7 Poppins,sans-serif}
.customer-overview::backdrop{background:#242424b3}
.customer-overview h2{font-size:30px;margin:5px 35px 12px 0}
.customer-overview h3{font-size:17px;margin:0 0 10px}
.customer-overview section{border-top:1px solid #dedede;margin-top:20px;padding-top:20px}
.customer-overview p{margin:8px 0;overflow-wrap:anywhere}
.overview-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700}
.overview-close{float:right;background:#fff;color:#242424;border:1px solid #dedede;border-radius:8px;font-size:24px;width:38px;height:38px;cursor:pointer}
.customer-overview a{color:#242424;text-underline-offset:4px}
.overview-link,.overview-trip{display:inline-block;margin:10px 0;font-weight:600}
.overview-link{background:#ff5f00;border-radius:8px;padding:10px 16px;text-decoration:none}
.overview-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid #dedede;font-size:12px}
.overview-actions button{background:#fff;color:#242424;border:1px solid #242424;border-radius:6px;font:inherit;padding:6px 12px;cursor:pointer}
.customer-overview :focus-visible,.customer-overview-open:focus-visible{outline:3px solid #ff5f00;outline-offset:3px}
@media(max-width:600px){.customer-overview{padding:20px}.customer-overview-open{padding:8px;font-size:11px}}

.subscription-icon{display:inline-grid;place-items:center;width:24px;height:24px;border:2px solid #ff5f00;border-radius:50%;color:#242424;font-weight:700}

/* A short menu: the program first, account details on demand. */
.customer-overview{width:min(520px,calc(100% - 28px));padding:28px}
.customer-overview h2{font-size:28px;margin-bottom:24px;letter-spacing:-.04em}
.customer-overview .overview-program{border:0;background:#f5f5f5;border-radius:12px;padding:20px;margin-top:0}
.overview-program .overview-link{display:block;text-align:center;margin:18px 0 0}
.overview-shortcut{display:flex;justify-content:space-between;padding:20px 0;font-weight:600;text-decoration:none;border-bottom:1px solid #dedede}
.overview-details{padding:18px 0;border-bottom:1px solid #dedede}
.overview-details summary{cursor:pointer;font-weight:600}
.overview-details[open] summary{margin-bottom:16px}
.overview-details .overview-actions{margin-top:16px;padding-top:16px}
.overview-contact{display:inline-block;margin-top:20px;font-size:12px}
#overview-welcome:empty,#overview-email:empty{display:none}
@media(max-width:600px){.customer-overview{padding:22px 18px}.customer-overview h2{font-size:25px}}
