.commercial-tabs{display:flex;gap:10px;margin:0 0 12px;flex:none}.commercial-tabs button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--muted);padding:10px 16px}.commercial-tabs button[aria-selected=true]{background:var(--lilac-bg);color:var(--lilac-ink);border-color:var(--lilac-ink)}
.commercial-panel{padding:20px}.commercial-panel h2{font-size:22px;line-height:1.4;margin-bottom:16px}.commercial-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.commercial-choice{display:flex;align-items:flex-start;gap:10px;min-height:88px;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.commercial-choice input{min-height:20px;width:20px;height:20px;flex:none;accent-color:var(--brand);margin:2px 0 0}.commercial-choice>span{min-width:0}.commercial-choice strong{font-size:16px;line-height:24px}.commercial-choice>span>span{display:block;font-size:14px;line-height:22px;color:var(--muted);margin-top:4px}.commercial-note{font-size:14px;line-height:22px;color:var(--muted);margin-top:14px}.commercial-state{display:flex;gap:20px;font-size:14px;line-height:22px;margin-top:10px;color:var(--blue-ink)}
.commercial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.commercial-actions-start{align-items:center}.commercial-actions-start>span{font-size:14px;color:var(--muted)}.commercial-actions>div{display:flex;gap:10px}.commercial-error{color:var(--danger-ink);font-size:14px;line-height:22px;margin-bottom:12px}.commercial-error:empty{display:none}
.commercial-reward-labels,.commercial-reward-row{display:grid;grid-template-columns:150px minmax(0,1fr) 160px;align-items:center;gap:16px}.commercial-reward-labels{font-size:14px;color:var(--muted);padding-bottom:8px}.commercial-reward-row{min-height:54px;border-top:1px solid var(--line);padding:5px 0}.commercial-reward-row strong{font-size:16px;font-weight:500}.commercial-duration{display:flex;flex-direction:column;font-size:14px;line-height:22px;color:var(--mint-ink)}.commercial-reward-row input{width:100%}.commercial-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commercial-step-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.commercial-step-heading>span{font-size:14px;color:var(--muted)}.commercial-step-heading>div{display:flex;gap:8px}.commercial-price-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.commercial-quote-grid{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:20px;align-items:end}.commercial-quote-result{display:grid;grid-template-columns:1fr 1fr;gap:12px}.commercial-quote-result>div{padding:14px 16px;background:var(--mint-bg);border-radius:12px}.commercial-quote-result span{display:block;font-size:14px;color:var(--mint-ink)}.commercial-quote-result strong{display:block;font-size:24px;margin-top:6px;color:var(--mint-ink)}.commercial-quote-result>p{font-size:14px;line-height:22px}
.portal-shell[data-area=commercial]{padding-top:16px;padding-bottom:8px}.portal-shell[data-area=commercial]>.portal-intro{display:none}.portal-shell[data-area=commercial]>.portal-tabs{margin-top:16px}.portal-shell[data-area=commercial]>.portal-footer{margin-top:8px;line-height:20px}.portal-shell[data-area=commercial]>.portal-footer>p:first-child{display:none}.portal-shell[data-area=commercial] .portal-copyright{line-height:20px}
@media(max-height:749px){.commercial-panel{padding:16px}.commercial-panel h2{font-size:20px;margin-bottom:10px}.commercial-panel:has(.commercial-error:not(:empty))>h2{display:none}.commercial-tabs{margin-bottom:10px}.commercial-choice{padding:10px 12px;min-height:78px}.commercial-note{margin-top:10px}.commercial-state{margin-top:6px}.commercial-actions{margin-top:12px;padding-top:10px}.commercial-step-heading{margin-bottom:8px}.commercial-reward-row{min-height:50px}.commercial-price-fields{gap:12px}.commercial-quote-result>div{padding:12px}.commercial-quote-result strong{font-size:22px;margin-top:4px}}
@media(max-width:700px){.commercial-options,.commercial-price-fields{grid-template-columns:1fr}.commercial-tabs{gap:6px}.commercial-tabs button{padding:10px 12px}.commercial-reward-labels,.commercial-reward-row{grid-template-columns:80px minmax(0,1fr) 90px;gap:10px}.commercial-quote-grid{grid-template-columns:1fr}.commercial-state,.commercial-actions{flex-wrap:wrap}.commercial-step-heading{align-items:flex-start}.commercial-step-heading>span{line-height:22px}}
