/* Additive commercial onboarding card. Existing app layout and navigation remain unchanged. */
.commercial-onboarding-card{margin:0 0 14px!important;display:block}
.commercial-onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.commercial-onboarding-head h2{margin:4px 0 0;font-size:1rem}
.commercial-kicker{font-size:.68rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.commercial-status{font-size:.68rem;font-weight:850;padding:6px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.commercial-status.ok{color:#dff8e8;border-color:color-mix(in srgb,var(--good) 42%,var(--line));background:color-mix(in srgb,var(--good) 9%,transparent)}
.commercial-status.progress{color:#fff0c8;border-color:color-mix(in srgb,var(--warn) 42%,var(--line));background:color-mix(in srgb,var(--warn) 9%,transparent)}
.commercial-status.setup{color:#dbe8f7;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.commercial-copy,.commercial-safety,.commercial-note,.commercial-renewal{font-size:.76rem;line-height:1.5;color:var(--muted)}
.commercial-copy{margin:10px 0}
.commercial-onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.commercial-onboarding-grid label{display:grid;gap:5px;font-size:.71rem;font-weight:750;color:var(--muted)}
.commercial-onboarding-grid input,.commercial-onboarding-grid select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 80%,#030914);color:var(--text);padding:9px 10px;outline:none}
.commercial-onboarding-grid input:focus,.commercial-onboarding-grid select:focus{border-color:var(--accent)}
.commercial-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.commercial-actions button{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--panel2);color:var(--text);font-weight:800;cursor:pointer}
.commercial-actions .primary-action{border-color:transparent;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}
.commercial-msg{min-height:18px;margin-top:7px;font-size:.72rem;color:var(--muted)}
.commercial-note,.commercial-renewal,.commercial-safety{margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 72%,#030914)}
.commercial-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.commercial-summary div{padding:9px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel2) 72%,#030914)}
.commercial-summary span,.commercial-summary strong{display:block}.commercial-summary span{font-size:.65rem;color:var(--muted)}.commercial-summary strong{margin-top:3px;font-size:.78rem}
@media(max-width:700px){.commercial-onboarding-grid{grid-template-columns:1fr}.commercial-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.commercial-onboarding-head{flex-wrap:wrap}}

/* PhazTrack commercial portal segmentation — additive; protected base UI remains unchanged. */
.commercial-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.commercial-tier-grid>div,.commercial-device-choices button{border:1px solid #dbe4ee;background:#fff;border-radius:14px;padding:14px;text-align:left}
.commercial-tier-grid b,.commercial-device-choices b{display:block;color:#102d4b;margin-bottom:5px}
.commercial-tier-grid span,.commercial-device-choices span{display:block;color:#61758a;font-size:12px;line-height:1.45}
.commercial-device-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}
.commercial-device-choices button{cursor:pointer;min-height:86px}
.commercial-device-choices button:hover{border-color:#12385d;box-shadow:0 8px 20px rgba(16,45,75,.08)}
.commercial-code-row{display:flex;gap:9px;margin-top:11px}
.commercial-code-row input{flex:1}
#customerApp [data-nav][hidden]{display:none!important}
body[data-phaz-portal="personal"] #commercialOnboardingCard{border-left:4px solid #1c7a55}
body[data-phaz-portal="business"] #commercialOnboardingCard{border-left:4px solid #245a86}
body[data-phaz-portal="pro"] #commercialOnboardingCard,body[data-phaz-portal="enterprise"] #commercialOnboardingCard{border-left:4px solid #b82838}
@media(max-width:760px){.commercial-tier-grid{grid-template-columns:1fr 1fr}.commercial-device-choices{grid-template-columns:1fr}.commercial-code-row{flex-direction:column}}