/* 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}}

/* TimaLink free-first commercial onboarding */
.commercial-copy-lead{font-size:.86rem;line-height:1.55}
.commercial-copy-lead strong{color:var(--text)}
.commercial-start-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.8fr);gap:9px;margin-top:12px}
.commercial-start-actions button,.commercial-compact-row button,.commercial-inline-activation button{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:var(--panel2);color:var(--text);font-weight:850;cursor:pointer}
.commercial-start-actions .primary-action,.commercial-compact-row .primary-action{border-color:transparent;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}
.commercial-add-device{font-size:.88rem}
.commercial-activation-extra{margin-top:11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel2) 62%,transparent);overflow:hidden}
.commercial-activation-extra summary{cursor:pointer;padding:12px 14px;font-size:.76rem;font-weight:850;color:var(--muted);list-style:none}
.commercial-activation-extra summary::-webkit-details-marker{display:none}
.commercial-activation-extra summary::after{content:'+';float:right;font-size:1rem;color:var(--accent)}
.commercial-activation-extra[open] summary::after{content:'−'}
.commercial-activation-inner{padding:0 14px 14px}
.commercial-activation-inner p{margin:0 0 9px;font-size:.72rem;line-height:1.45;color:var(--muted)}
.commercial-inline-activation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.commercial-inline-activation input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel2) 80%,#030914);color:var(--text);padding:9px 10px;outline:none}
.commercial-inline-activation input:focus{border-color:var(--accent)}
.commercial-onboarding-compact{padding:12px 14px!important}
.commercial-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
.commercial-compact-row strong,.commercial-compact-row small{display:block}
.commercial-compact-row strong{margin-top:2px;font-size:.88rem}
.commercial-compact-row small{margin-top:2px;color:var(--muted);font-size:.7rem}
@media(max-width:700px){
  .commercial-start-actions{grid-template-columns:1fr}
  .commercial-inline-activation{grid-template-columns:1fr}
  .commercial-compact-row{grid-template-columns:1fr 1fr}
  .commercial-compact-row>div{grid-column:1/-1}
  .commercial-compact-row button{width:100%}
}