* { box-sizing: border-box; }
:root { --os-navy:#10243c; --os-navy-2:#183653; --os-gold:#b68a43; --os-bg:#f7f9fc; --os-line:#dfe6ef; --os-muted:#657487; --os-green:#1e9b62; --os-yellow:#d69216; --os-red:#d94b4b; }
body.oppenselect-public-shell { margin:0; min-height:100vh; background:radial-gradient(circle at 10% 0%, rgba(182,138,67,.16), transparent 30rem), var(--os-bg); color:var(--os-navy); font:14px/1.45 Arial,Helvetica,sans-serif; }
.oppenselect-public-container { width:100%; max-width:none; margin:0 auto; padding:24px clamp(16px,3vw,48px) 34px; }
.oppenselect-public-nav { display:inline-flex; align-items:center; gap:3px; margin:0 0 22px; padding:4px; border:1px solid #d9e1eb; border-radius:13px; background:rgba(255,255,255,.88); box-shadow:0 5px 16px rgba(16,36,60,.07); }
.oppenselect-public-nav-link { min-width:108px; padding:9px 20px; border:0; border-radius:9px; color:var(--os-muted); background:transparent; font-size:13px; font-weight:800; text-align:center; text-decoration:none; transition:background .15s ease,color .15s ease,box-shadow .15s ease; }
.oppenselect-public-nav-link:hover { color:var(--os-navy); background:#f1f5f9; }
.oppenselect-public-nav-link.is-active { color:#fff; background:var(--os-navy); box-shadow:0 3px 8px rgba(16,36,60,.2); }
.oppenselect-public-hero { display:flex; align-items:center; gap:20px; margin-bottom:24px; padding:28px; border-radius:16px; color:#fffdf8; background:linear-gradient(115deg,#10243c 0%,#173654 64%,#8f6b35 100%); box-shadow:0 14px 30px rgba(16,36,60,.20); }
.oppenselect-public-logo { display:block; flex:0 0 auto; width:112px; height:112px; object-fit:cover; border:3px solid rgba(228,201,143,.9); border-radius:50%; background:#fffdf8; box-shadow:0 8px 20px rgba(0,0,0,.18); filter:contrast(1.16) saturate(1.12); }
.oppenselect-public-eyebrow { color:var(--os-gold); font-size:11px; font-weight:900; letter-spacing:.12em; }
.oppenselect-public-hero h1 { margin:7px 0 4px; font-size:clamp(22px,3vw,32px); line-height:1.1; letter-spacing:-.03em; }
.oppenselect-public-hero p { margin:0; color:#f4ead9; font-size:13px; }
.oppenselect-public-instagram { display:inline-flex; align-items:center; gap:7px; margin-top:12px; color:#f4d99e; font-size:12px; font-weight:800; text-decoration:none; }
.oppenselect-public-instagram:hover { color:#fff; }.oppenselect-public-instagram img { display:block; width:20px; height:20px; }
.oppenselect-public-footer a { color:var(--os-navy-2); font-weight:800; text-decoration:none; }
.oppenselect-coupon-panel { overflow:hidden; border:1px solid var(--os-line); border-radius:16px; background:rgba(255,255,255,.96); box-shadow:0 10px 28px rgba(16,36,60,.08); }
.oppenselect-coupon-panel-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 26px 15px; border-bottom:1px solid var(--os-line); }
.oppenselect-coupon-panel h2 { margin:4px 0 0; font-size:24px; }
.oppenselect-live-indicator { display:inline-flex; align-items:center; gap:7px; color:var(--os-green); font-size:12px; font-weight:800; white-space:nowrap; }
.oppenselect-live-indicator i,.oppenselect-status i,.oppenselect-coupon-legend i { display:inline-block; width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent); }
.oppenselect-coupon-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--os-line); border-bottom:1px solid var(--os-line); }
.oppenselect-coupon-kpis div { padding:16px 26px; background:#fff; }
.oppenselect-coupon-kpis span { display:block; color:var(--os-muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.oppenselect-coupon-kpis strong { display:block; margin-top:3px; font-size:21px; }
.oppenselect-coupon-filters { display:flex; align-items:end; gap:12px; padding:18px 26px 12px; }
.oppenselect-coupon-filters label { display:grid; gap:5px; color:var(--os-muted); font-size:12px; font-weight:800; }
.oppenselect-coupon-filters select,.oppenselect-coupon-filters button { min-height:36px; border:1px solid #cbd6e3; border-radius:7px; padding:0 11px; background:#fff; color:var(--os-navy); font:inherit; }
.oppenselect-coupon-filters button { border-color:var(--os-navy); background:var(--os-navy); color:#fff; cursor:pointer; font-weight:800; }
.oppenselect-coupon-legend { display:flex; gap:16px; padding:0 26px 13px; color:var(--os-muted); font-size:11px; font-weight:800; }
.oppenselect-coupon-legend span { display:inline-flex; align-items:center; gap:6px; }.is-green{color:var(--os-green)}.is-yellow{color:var(--os-yellow)}.is-red{color:var(--os-red)}
.oppenselect-coupon-table-wrap { overflow:auto; border-top:1px solid var(--os-line); }.oppenselect-coupon-table { width:100%; border-collapse:collapse; min-width:650px; }
.oppenselect-coupon-table th,.oppenselect-coupon-table td { padding:14px 20px; border-bottom:1px solid #edf1f5; text-align:left; }.oppenselect-coupon-table th { color:var(--os-muted); background:#f8fafc; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }.oppenselect-coupon-table tr:hover td { background:#fffdf8; }
.oppenselect-status { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:800; }.oppenselect-status.coupon-row-current{color:var(--os-green)}.oppenselect-status.coupon-row-moderate{color:var(--os-yellow)}.oppenselect-status.coupon-row-expired{color:var(--os-red)}
.oppenselect-coupon-code { color:var(--os-navy); font-size:15px; letter-spacing:.04em; }.oppenselect-nowrap { white-space:nowrap; }.oppenselect-empty { padding:34px!important; color:var(--os-muted); text-align:center!important; }
.oppenselect-coupon-copy { display:inline-flex; align-items:center; gap:8px; min-width:0; padding:5px 8px; border:1px solid var(--os-line); border-radius:8px; background:#f8fafc; color:var(--os-navy); cursor:pointer; font:inherit; text-align:left; }
.oppenselect-coupon-copy:hover { border-color:var(--os-gold); background:#fffaf0; }
.oppenselect-coupon-copy:focus-visible { outline:3px solid rgba(13,78,134,.24); outline-offset:2px; }
.oppenselect-coupon-copy-label { color:var(--os-muted); font-size:10px; font-weight:800; white-space:nowrap; }
.oppenselect-coupon-copy.is-copied { border-color:#198754; background:#effaf3; }
.oppenselect-coupon-copy.is-copied .oppenselect-coupon-copy-label { color:#198754; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.marketplace-affiliate-disclosure { width:100%; margin-top:34px; padding:24px clamp(16px,3vw,48px) 8px; color:#3d3527; border-top:1px solid rgba(194,154,87,.72); font-size:11px; line-height:1.6; }
.marketplace-footer-main { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; padding-bottom:20px; }
.marketplace-footer-about { min-width:0; }.marketplace-footer-about > strong { display:block; margin-bottom:5px; color:#173b55; font-size:16px; letter-spacing:.01em; }.marketplace-footer-about p { margin:0; color:#6e675a; }
.marketplace-footer-nav { display:flex; align-items:center; justify-content:flex-end; gap:14px; flex-wrap:wrap; }.marketplace-footer-nav span { color:#6d501e; font-weight:800; }.marketplace-footer-nav a { color:#72551e; font-weight:700; text-decoration:none; }.marketplace-footer-nav a:hover { color:#173b55; text-decoration:underline; text-underline-offset:3px; }
.marketplace-footer-disclosure { padding:12px 0; color:#6e675a; border-top:1px solid rgba(194,154,87,.3); font-size:10px; }.marketplace-footer-disclosure strong { color:#6d501e; }.marketplace-footer-copy { color:#8a8275; font-size:10px; }
.marketplace-policy-modal[hidden] { display:none; }.marketplace-policy-modal { position:fixed; inset:0; z-index:40; display:grid; place-items:center; padding:18px; }.marketplace-policy-backdrop { position:absolute; inset:0; background:rgba(16,36,60,.52); }.marketplace-policy-dialog { position:relative; width:min(520px,100%); max-height:min(80vh,520px); overflow:auto; padding:24px; color:#24384a; border:1px solid #dfc99e; border-radius:16px; background:#fffdf8; box-shadow:0 18px 55px rgba(16,36,60,.28); }.marketplace-policy-dialog h2 { margin:0 26px 12px 0; color:#173b55; font-size:20px; }.marketplace-policy-dialog h3 { margin:18px 0 6px; color:#6d501e; font-size:14px; }.marketplace-policy-dialog p { margin:0 0 10px; line-height:1.6; }.marketplace-policy-close { position:absolute; top:10px; right:12px; width:32px; height:32px; color:#173b55; border:0; border-radius:50%; background:#f5ead3; font-size:23px; line-height:1; cursor:pointer; }.marketplace-policy-close:hover { background:#ead5ad; }
@media (max-width:760px) { .oppenselect-public-container{padding:16px 12px 24px}.oppenselect-public-hero{align-items:flex-start;gap:13px;padding:22px 16px;border-radius:14px}.oppenselect-public-logo{width:86px;height:86px;border-width:2px}.oppenselect-public-hero h1{max-width:280px;margin-top:6px;font-size:24px}.oppenselect-public-hero p{max-width:310px;font-size:12px;line-height:1.45}.oppenselect-coupon-panel-head{display:block;padding:18px 16px 13px}.oppenselect-live-indicator{margin-top:10px}.oppenselect-coupon-kpis div{padding:12px 14px}.oppenselect-coupon-kpis strong{font-size:17px}.oppenselect-coupon-filters{display:grid;grid-template-columns:1fr;padding:14px 16px 10px}.oppenselect-coupon-filters select,.oppenselect-coupon-filters button{width:100%}.oppenselect-coupon-legend{padding:0 16px 12px}.oppenselect-coupon-table th,.oppenselect-coupon-table td{padding:12px 14px}.marketplace-footer-main{display:block;padding-bottom:14px}.marketplace-footer-about{margin-bottom:14px}.marketplace-footer-about p{white-space:normal}.marketplace-footer-nav{justify-content:flex-start;gap:10px 14px}.marketplace-affiliate-disclosure{margin-top:24px;padding-top:18px;font-size:10px} }

/* Coupon listing: two compact summary cells and a three-column mobile-safe table. */
.oppenselect-public-container { padding:24px 24px 34px; }
.oppenselect-public-hero h1 { font-size:30px; }
.oppenselect-coupon-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
.oppenselect-coupon-filters { padding:14px 20px 10px; }
.marketplace-storefront.is-loading { opacity:.62; transition:opacity .12s ease; }
.marketplace-storefront.is-loading .marketplace-offer-grid { min-height:220px; }
.marketplace-storefront[aria-busy="true"] { pointer-events:none; }
.alerts-confirm-page { width: 100%; max-width: none; height: 100svh; min-height: 100svh; box-sizing: border-box; display: grid; place-items: center; padding: 8px !important; margin: 0 !important; }
.alerts-confirm-card { width: min(760px, 100%); height: calc(100svh - 16px); min-height: calc(100svh - 16px); box-sizing: border-box; margin: 0 auto; align-items: center; border-radius: 28px; }
.alerts-confirm-card h1 { font-size: clamp(28px, 5vw, 46px); }
.alerts-confirm-card p { max-width: 460px; font-size: 16px; line-height: 1.6; }
.alerts-confirm-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 18px; padding: 0 22px; border: 0; border-radius: 9px; color: #fff; background: #10243c; font: inherit; font-weight: 900; text-decoration: none; cursor: pointer; }
.alerts-confirm-button:hover { background: #173654; }
.alerts-confirm-form { margin: 0; }
.alerts-confirm-card small { display: block; margin-top: 14px; color: #d9ecff; }
@media (max-width:760px) { .alerts-confirm-card { height: calc(100svh - 16px); min-height: calc(100svh - 16px); border-radius: 22px; padding:24px 16px 8px; } .alerts-confirm-card .oppenselect-public-logo { width: 160px; height: 160px; } .alerts-confirm-button { width: 100%; min-height: 54px; font-size: 16px; } }
@supports not (height: 100svh) { .alerts-confirm-page { height: 100vh; min-height: 100vh; } .alerts-confirm-card { height: calc(100vh - 16px); min-height: calc(100vh - 16px); } }
.alerts-confirm-card { display:grid; grid-template-rows:auto minmax(0,1fr) auto; align-items:stretch; justify-items:center; gap:0; padding:clamp(24px,7vh,72px) clamp(20px,6vw,64px) clamp(18px,4vh,38px); text-align:center; }
.alerts-confirm-card .oppenselect-public-logo { width:clamp(92px,18vw,124px); height:clamp(92px,18vw,124px); margin:0 auto; }
.alerts-confirm-content { width:min(100%,560px); align-self:center; min-width:0; }
.alerts-confirm-card h1,.alerts-confirm-card p { margin-left:auto; margin-right:auto; }
.alerts-confirm-button { width:min(100%,330px); min-height:56px; margin:24px auto 0; border:2px solid #e8c77c; border-radius:12px; background:linear-gradient(180deg,#173b5d 0%,#10243c 100%); box-shadow:0 5px 0 rgba(7,20,34,.38),0 10px 24px rgba(0,0,0,.22); text-align:center; transition:transform .12s ease,box-shadow .12s ease,background .12s ease; }
.alerts-confirm-button:hover { background:linear-gradient(180deg,#214c72 0%,#173654 100%); box-shadow:0 5px 0 rgba(7,20,34,.38),0 12px 26px rgba(0,0,0,.25); transform:translateY(-1px); }
.alerts-confirm-button:active { transform:translateY(3px); box-shadow:0 2px 0 rgba(7,20,34,.38),0 6px 14px rgba(0,0,0,.2); }
.alerts-confirm-button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.alerts-confirm-disclaimer { width:min(100%,520px); align-self:end; margin:0 auto; padding-top:12px; color:#f0dfbb; border-top:1px solid rgba(232,199,124,.42); font-size:11px; line-height:1.5; }
.oppenselect-coupon-filters select { min-width:180px; }
.oppenselect-coupon-table-wrap { overflow-x:auto; }
.oppenselect-coupon-table { min-width:0; table-layout:fixed; }
.oppenselect-coupon-table th,.oppenselect-coupon-table td { padding:12px 14px; overflow-wrap:anywhere; }
.oppenselect-coupon-table th:nth-child(1),.oppenselect-coupon-table td:nth-child(1) { width:27%; }
.oppenselect-coupon-table th:nth-child(2),.oppenselect-coupon-table td:nth-child(2) { width:38%; }
.oppenselect-coupon-table th:nth-child(3),.oppenselect-coupon-table td:nth-child(3) { width:35%; }
.oppenselect-coupon-table th:nth-child(4),.oppenselect-coupon-table td:nth-child(4) { width:15%; }
.oppenselect-coupon-table th:nth-child(5),.oppenselect-coupon-table td:nth-child(5) { width:20%; }
.oppenselect-coupon-code { font-size:14px; word-break:break-word; }
.oppenselect-status { white-space:nowrap; }
@media (max-width:760px) { .oppenselect-public-container{padding:16px 12px 24px}.oppenselect-public-hero h1{font-size:24px}.oppenselect-coupon-kpis div{padding:12px 14px}.oppenselect-coupon-filters{display:block;padding:13px 16px 10px}.oppenselect-coupon-filters label{display:grid}.oppenselect-coupon-filters select{width:100%;min-width:0}.oppenselect-coupon-table th,.oppenselect-coupon-table td{padding:11px 7px}.oppenselect-coupon-table th:nth-child(1),.oppenselect-coupon-table td:nth-child(1){width:25%}.oppenselect-coupon-table th:nth-child(2),.oppenselect-coupon-table td:nth-child(2){width:39%}.oppenselect-coupon-table th:nth-child(3),.oppenselect-coupon-table td:nth-child(3){width:36%}.coupon-desktop-only{display:none!important}.oppenselect-coupon-copy{width:100%; justify-content:center; padding:8px 5px; min-height:38px;}.oppenselect-coupon-copy .oppenselect-coupon-code{font-size:13px;}.oppenselect-coupon-copy-label{font-size:9px;} }

/* Confirmation landing override: this must remain after the generic public hero rules. */
@media (max-width:760px) { .alerts-confirm-card .oppenselect-public-logo { width:160px !important; height:160px !important; } }

/* Stable public hero geometry for desktop, old iPad Safari and mobile. */
.oppenselect-public-hero { min-height:180px; padding:24px 28px; gap:28px; }
.oppenselect-public-hero > div { min-width:0; flex:1 1 auto; }
.oppenselect-public-logo { width:128px; height:128px; margin-right:6px; image-rendering:auto; }
@media (min-width:768px) and (max-width:1024px) { .oppenselect-public-hero{min-height:194px;padding:22px 24px;gap:26px}.oppenselect-public-logo{width:116px;height:116px;margin-right:8px}.oppenselect-public-hero h1{font-size:29px} }
@media (max-width:760px) { .oppenselect-public-hero{min-height:198px;padding:22px 16px;gap:20px}.oppenselect-public-logo{width:98px;height:98px;margin-right:3px}.oppenselect-public-hero > div{min-width:0}.oppenselect-public-hero h1{font-size:24px;line-height:1.12}.oppenselect-public-hero p{max-width:none} }
@media (min-width:600px) and (max-width:1024px) { .oppenselect-coupon-legend{display:block; padding-right:20px; padding-left:20px}.oppenselect-coupon-legend span{display:inline-flex; align-items:center; flex:0 0 auto; margin-right:24px; white-space:nowrap}.oppenselect-coupon-legend span:last-child{margin-right:0}.oppenselect-coupon-legend i{flex:0 0 auto; margin-right:6px}.oppenselect-status i{margin-right:6px} }

/* WhatsApp alerts public module */
.alerts-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr); gap:20px; align-items:start; }
.alerts-register-panel,.alerts-info-panel,.alerts-command-panel { overflow:hidden; }
.alerts-register-form { padding:22px 26px 26px; }
.alerts-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 18px; }
.alerts-form-grid label,.alerts-form-grid fieldset { display:grid; gap:6px; color:var(--os-muted); font-size:12px; font-weight:800; }
.alerts-form-grid input,.alerts-form-grid textarea,.alerts-form-grid select { width:100%; min-height:40px; border:1px solid #cbd6e3; border-radius:7px; padding:9px 11px; background:#fff; color:var(--os-navy); font:inherit; font-weight:400; box-sizing:border-box; }
.alerts-form-grid [hidden] { display:none !important; }
.alerts-form-grid textarea { min-height:88px; resize:vertical; }
.alerts-form-grid input:focus,.alerts-form-grid textarea:focus { outline:2px solid rgba(182,138,67,.34); border-color:var(--os-gold); }
.alerts-form-grid small,.alerts-form-note { color:var(--os-muted); font-size:11px; font-weight:400; line-height:1.45; }
.alerts-form-grid fieldset { margin:0; padding:0; border:0; }
.alerts-form-grid legend { margin:0 0 6px; padding:0; }
.alerts-check-grid { display:flex; flex-wrap:wrap; align-items:center; gap:9px 13px; min-height:40px; }
.alerts-check-grid label,.alerts-consent { display:flex; align-items:flex-start; gap:7px; color:var(--os-navy); font-size:12px; font-weight:700; }
.alerts-check-grid input,.alerts-consent input { width:16px; min-height:16px; margin:0; accent-color:var(--os-navy); }
.alerts-full-field { grid-column:1/-1; }
.alerts-consent { margin-top:20px; color:var(--os-muted); font-weight:400; line-height:1.5; }
.alerts-consent { display:grid; grid-template-columns:22px minmax(0,1fr); align-items:start; gap:8px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.alerts-consent input { display:block; flex:none; width:18px; height:18px; min-width:18px; min-height:18px; margin:2px 0 0; padding:0; -webkit-appearance:checkbox; appearance:checkbox; accent-color:var(--os-navy); }
.alerts-consent span { min-width:0; }
.alerts-consent code,.alerts-form-note code,.alerts-info-panel code,.alerts-command-panel code { padding:2px 5px; border-radius:5px; color:#765316; background:#fff7e7; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }
.alerts-submit { display:inline-flex; min-height:40px; margin-top:16px; border:1px solid var(--os-navy); border-radius:7px; padding:0 18px; background:var(--os-navy); color:#fff; cursor:pointer; font:inherit; font-weight:800; }
.alerts-submit:hover { background:var(--os-navy-2); }
.alerts-form-note { margin:12px 0 0; }
.alerts-side-column { display:grid; gap:20px; }
.alerts-info-panel .oppenselect-coupon-panel-head,.alerts-command-panel .oppenselect-coupon-panel-head { padding-bottom:15px; }
.alerts-steps { display:grid; gap:16px; margin:0; padding:20px 26px 25px 48px; color:var(--os-muted); }
.alerts-steps li { padding-left:4px; }
.alerts-steps strong { display:block; color:var(--os-navy); font-size:14px; }
.alerts-steps span { display:block; margin-top:3px; font-size:12px; }
.alerts-command-panel p { margin:0; padding:0 26px 18px; color:var(--os-muted); font-size:12px; line-height:1.65; }
.alerts-command-panel p + p { padding-top:0; }
.alerts-flashes { margin:-5px 0 20px; padding:12px 16px; border:1px solid #d8c28f; border-radius:9px; background:#fff8e8; color:#674b1a; font-size:13px; font-weight:700; }
.alerts-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }
.alerts-hero { min-height:0; }
.alerts-hero-icon { display:none; }
.alerts-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); gap:20px; }
.alerts-card { padding:28px; }
.alerts-card h2 { margin:5px 0 18px; color:var(--os-navy); font-size:25px; }
.alerts-kicker,.alerts-hero .oppenselect-public-eyebrow { color:var(--os-gold); font-size:11px; font-weight:900; letter-spacing:.12em; }
.alerts-steps { display:grid; gap:18px; margin:0; padding:0 0 0 26px; }
.alerts-steps li { padding-left:7px; color:var(--os-muted); }
.alerts-steps strong { display:block; color:var(--os-navy); font-size:15px; }
.alerts-steps span { display:block; margin-top:3px; }
.alerts-card code { padding:2px 5px; border-radius:5px; color:#765316; background:#fff7e7; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.alerts-command-box { display:grid; gap:9px; margin-top:24px; padding:16px; border:1px solid #ead8b6; border-radius:11px; background:#fffdf8; }
.alerts-command-box code { line-height:1.7; }
.alerts-note,.alerts-privacy { margin:18px 0 0; color:var(--os-muted); font-size:12px; line-height:1.65; }
.alerts-command-list { display:grid; gap:14px; margin:15px 0 0; padding:0; list-style:none; }
.alerts-command-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #edf1f5; }
.alerts-command-list span { color:var(--os-muted); font-size:12px; text-align:right; }
.alerts-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:20px; padding:0; overflow:hidden; }
.alerts-metrics div { padding:20px 24px; border-right:1px solid var(--os-line); background:#fff; }
.alerts-metrics div:last-child { border-right:0; }
.alerts-metrics span,.alerts-metrics small { display:block; color:var(--os-muted); font-size:11px; }
.alerts-metrics strong { display:block; margin:4px 0; color:var(--os-navy); font-size:27px; }
.alerts-admin-kpis { grid-template-columns:repeat(4,1fr); }
.alerts-admin-card { padding:22px; }
.alerts-admin-form { align-items:end; }
.alerts-admin-form label { display:grid; gap:6px; color:var(--os-muted); font-size:12px; font-weight:800; }
.alerts-admin-form input { min-height:38px; padding:8px 10px; border:1px solid #cbd6e3; border-radius:7px; font:inherit; }
.status-pill { display:inline-block; padding:3px 7px; border-radius:999px; background:#e9eef5; font-size:11px; font-weight:800; }
.status-active { color:#087744; background:#e6f6ed; }.status-unsubscribed,.status-deleted { color:#8c3030; background:#fce9e9; }.status-paused { color:#865b0d; background:#fff4d8; }
.btn-danger { color:#9a2b2b; border-color:#efbaba; background:#fff4f4; }
.btn-small { padding:6px 9px; font-size:11px; }
@media (max-width:760px) { .alerts-layout{grid-template-columns:1fr}.alerts-register-form{padding:18px 16px 20px}.alerts-form-grid{grid-template-columns:1fr}.alerts-full-field{grid-column:auto}.alerts-check-grid{display:grid;grid-template-columns:1fr}.alerts-submit{width:100%;justify-content:center}.alerts-steps{padding:18px 20px 22px 40px}.alerts-command-panel p{padding-left:20px;padding-right:20px}.alerts-grid{grid-template-columns:1fr}.alerts-card{padding:20px}.alerts-metrics{grid-template-columns:1fr}.alerts-metrics div{border-right:0;border-bottom:1px solid var(--os-line)}.alerts-metrics div:last-child{border-bottom:0}.alerts-admin-kpis{grid-template-columns:repeat(2,1fr)} }

/* Final alert registration overrides keep the public module aligned with the
   same panel, hero and responsive system used by Offers and Coupons. */
.alerts-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:20px;align-items:start}
.alerts-register-form{padding:22px 26px 26px}.alerts-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}
.alerts-form-grid label,.alerts-form-grid fieldset{display:grid;gap:6px;color:var(--os-muted);font-size:12px;font-weight:800}
.alerts-form-grid > label { min-width:0; line-height:1.25; }
.alerts-form-grid > label:not(.alerts-full-field) { grid-template-rows:30px 40px auto; }
.alerts-form-grid > label.alerts-full-field { grid-template-rows:auto auto auto; }
.alerts-form-grid input,.alerts-form-grid textarea{width:100%;min-height:40px;border:1px solid #cbd6e3;border-radius:7px;padding:9px 11px;background:#fff;color:var(--os-navy);font:inherit;font-weight:400}
.alerts-form-grid input { display:block; box-sizing:border-box; -webkit-appearance:none; appearance:none; vertical-align:middle; }
.alerts-form-grid > label,
.alerts-full-field,
.alerts-form-grid textarea { min-width:0; }
.alerts-form-grid textarea { display:block; width:100%; max-width:100%; box-sizing:border-box; }
.alerts-form-grid textarea{min-height:88px;resize:vertical}.alerts-form-grid small,.alerts-form-note{color:var(--os-muted);font-size:11px;font-weight:400;line-height:1.45}
.alerts-form-grid fieldset{margin:0;padding:0;border:0}.alerts-form-grid legend{margin:0 0 6px;padding:0}.alerts-check-grid{display:flex;flex-wrap:wrap;align-items:center;gap:9px 13px;min-height:40px}
.alerts-check-grid label,.alerts-consent{display:flex;align-items:flex-start;gap:7px;color:var(--os-navy);font-size:12px;font-weight:700}.alerts-check-grid input,.alerts-consent input{width:16px;min-height:16px;margin:0;accent-color:var(--os-navy)}
.alerts-full-field{grid-column:1/-1}.alerts-consent{margin-top:20px;color:var(--os-muted);font-weight:400;line-height:1.5}.alerts-consent code,.alerts-form-note code,.alerts-info-panel code,.alerts-command-panel code{padding:2px 5px;border-radius:5px;color:#765316;background:#fff7e7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}
.alerts-submit{display:flex;align-items:center;justify-content:center;min-height:40px;margin:16px auto 0;border:1px solid var(--os-navy);border-radius:7px;padding:0 22px;background:var(--os-navy);color:#fff;cursor:pointer;font:inherit;font-weight:800}.alerts-submit:hover{background:var(--os-navy-2)}.alerts-form-note{margin:12px 0 0;text-align:center}
.alerts-side-column{display:grid;gap:20px}.alerts-info-panel .oppenselect-coupon-panel-head,.alerts-command-panel .oppenselect-coupon-panel-head{padding-bottom:15px}
.alerts-info-panel .alerts-steps{display:grid;gap:16px;margin:0;padding:20px 26px 25px 48px;color:var(--os-muted)}.alerts-info-panel .alerts-steps li{padding-left:4px}.alerts-info-panel .alerts-steps strong{display:block;color:var(--os-navy);font-size:14px}.alerts-info-panel .alerts-steps span{display:block;margin-top:3px;font-size:12px}
.alerts-command-panel p{margin:0;padding:0 26px 18px;color:var(--os-muted);font-size:12px;line-height:1.65}.alerts-flashes{margin:-5px 0 20px;padding:12px 16px;border:1px solid #d8c28f;border-radius:9px;background:#fff8e8;color:#674b1a;font-size:13px;font-weight:700}.alerts-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}

/* The category switch is also enforced by CSS. This prevents product and
   travel criteria from appearing together if JavaScript is delayed, blocked,
   or an older cached page is still being used. */
.alerts-register-form .alert-travel-field { display:none !important; }
.alerts-register-form[data-alert-type="travel"] .alert-product-field { display:none !important; }
.alerts-register-form[data-alert-type="travel"] .alert-travel-field { display:grid !important; }
/* Fallback for browsers that do not execute the small controller script. */
.alerts-register-form:has(#alert-item-type option[value="travel"]:checked) .alert-product-field { display:none !important; }
.alerts-register-form:has(#alert-item-type option[value="travel"]:checked) .alert-travel-field { display:grid !important; }
@media (max-width:760px){.alerts-layout{grid-template-columns:1fr}.alerts-register-form{padding:18px 16px 20px}.alerts-form-grid{grid-template-columns:1fr}.alerts-full-field{grid-column:auto}.alerts-check-grid{display:grid;grid-template-columns:1fr}.alerts-submit{width:100%;justify-content:center}.alerts-info-panel .alerts-steps{padding:18px 20px 22px 40px}.alerts-command-panel p{padding-left:20px;padding-right:20px}}

/* Older iPad Safari has incomplete flex-gap support. Keep the footer links
   visibly separated even when gap is ignored, and give the footer a single
   readable column before the narrow-phone breakpoint. */
@media (max-width:1024px) {
  .marketplace-footer-main { display:block; }
  .marketplace-footer-about { margin-bottom:14px; }
  .marketplace-footer-nav { justify-content:flex-start; gap:0; }
  .marketplace-footer-nav > * { margin:0 14px 8px 0; }
}

/* Unified form geometry across public Oppenselect pages, including legacy
   mobile Safari: manual fields and dropdowns share the same 40px box. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select { box-sizing:border-box; min-height:40px; height:40px; line-height:1.25; }
textarea { box-sizing:border-box; min-height:40px; line-height:1.35; }
button:not(.btn-small),
.alerts-submit { min-height:40px; }

/* Same spacing rhythm as the authenticated Offer Watch Lite screens. */
.oppenselect-public-nav,
.oppenselect-coupon-filters,
.alerts-hero-actions,
.alerts-check-grid { gap:10px; }
.oppenselect-coupon-panel-head,
.alerts-form-grid,
.alerts-layout { gap:16px; }
.oppenselect-coupon-table-wrap,
.oppenselect-coupon-legend { margin-top:12px; }
.alerts-submit { margin-top:12px; }
@media (max-width:760px) {
  .oppenselect-public-nav,
  .oppenselect-coupon-filters,
  .alerts-hero-actions,
  .alerts-check-grid { gap:10px; }
  .oppenselect-coupon-table-wrap { margin-top:10px; }
  .alerts-submit { margin-top:12px; }
}

/* Mobile navigation: keep the shared selector inside the viewport on narrow
   phones. Two equal columns preserve the desktop visual language without
   shrinking labels into an unreadable single row. */
@media (max-width:760px) {
  .oppenselect-public-nav {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    box-sizing:border-box;
    gap:4px;
    padding:4px;
  }
  .oppenselect-public-nav-link {
    min-width:0;
    width:100%;
    padding:9px 8px;
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
  }
  .oppenselect-public-nav-brand { justify-self:center; }
}

/* Legacy Safari fallback for action groups. */
.alerts-hero-actions { display:flex; align-items:center; flex-wrap:wrap; }
.alerts-hero-actions { gap:0; }
.alerts-hero-actions > * + * { margin-left:10px; }
@media (max-width:760px) {
  .alerts-hero-actions > * + * { margin-left:0; }
  .alerts-hero-actions > * { margin-right:10px; margin-bottom:8px; }
}
