#planView.active {display:block;min-width:0;width:100%}
#administrationView.active {display:block;min-width:0;width:100%}
#administrationContent {max-width:1100px;margin:auto;padding:16px 0 40px}
#administrationEntry[hidden],#internalRankingTab[hidden] {display:none!important}
.business-summary {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.business-summary p {margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(0,87,153,.4)}
.business-summary strong {display:block;font-size:1.3rem;overflow-wrap:anywhere}
#businessMembers section {margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:10px}
#businessMembers section[hidden],#businessActivity[hidden] {display:none!important}
.business-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.business-tabs button {border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:#fff;color:var(--blue);cursor:pointer;font-weight:700}
.business-tabs button.active {background:var(--blue);color:#fff}
@media(max-width:700px){.business-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
#planContent {width:100%;min-width:0;max-width:1100px;margin:auto;padding:16px 0 40px;overflow-wrap:anywhere}
.content:has(#planView.active) {min-width:0}
.plan-checkout > * {min-width:0}
#planContent button {white-space:normal;padding:10px;border:1px solid var(--line);border-radius:8px;cursor:pointer}
.plan-table-wrap {overflow:auto;border:1px solid var(--line);border-radius:12px;margin:20px 0}
.plan-table {width:100%;border-collapse:collapse;min-width:620px;table-layout:fixed}
.plan-table th,.plan-table td {padding:16px;text-align:left;border:1px solid rgba(0,87,153,.25)}
.plan-table th:first-child {width:22%}
.plan-table th:nth-child(2),.plan-table th:nth-child(3),.plan-table th:nth-child(4) {width:18%}
.plan-table th:nth-child(5) {width:24%}
.plan-table tbody td:nth-child(n+2):nth-child(-n+5),.plan-table thead th:nth-child(n+2):nth-child(-n+5) {text-align:center}
.plan-table thead th,.plan-table tbody th {background:#fff;color:var(--blue)}
.plan-table tbody td {background:rgba(0,87,153,.90);color:#fff}
.plan-table tbody tr:nth-child(even) td {background:rgba(0,87,153,.62)}
.plan-checkout {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:rgba(3,40,66,.4)}
.plan-checkout label {display:grid;gap:8px}
.plan-checkout .plan-business-field[hidden] {display:none}
.plan-checkout input,.plan-checkout select {width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);background:#09283a;color:#fff}
.plan-wide {grid-column:1/-1}
.plan-message {white-space:pre-line;min-height:24px}
.plan-message.error {color:#ffb4b4}
.plan-orders {padding:16px 0;display:grid;gap:12px}
.plan-orders a {color:#5dc5ff}
.plan-note {color:#b4c9d8;line-height:1.6}
.terms-consent {display:flex!important;align-items:center;gap:8px;line-height:1.45;color:var(--text)}
.terms-consent input {width:auto!important;margin:0}
.terms-consent a {color:#5dc5ff}
#planTotal {margin-bottom:-4px}
.plan-checkout .terms-consent {margin-top:2px}
.plan-checkout .plan-message {margin:0;min-height:0}
.plan-checkout .primary-action {margin-top:-12px}
#businessMembers {margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(3,40,66,.4)}
#businessMembers form {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:14px 0}
#businessMembers form label {display:grid;gap:6px}
#businessMembers input:not([type=checkbox]) {width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:#09283a;color:#fff}
#businessMembers #memberList p {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
#businessMembers #inviteList p {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
#businessActivity {margin:20px 0;padding-top:12px;border-top:1px solid var(--line)}
#businessActivity:empty {display:none}
#businessActivity p {margin:6px 0;color:var(--muted);font-size:.84rem}
#businessInviteAccept {padding:12px;margin-bottom:16px;border:1px solid var(--line);border-radius:10px}
#businessInviteAccept:empty {display:none}
#businessMembers #extraSeatsForm {grid-template-columns:repeat(2,minmax(0,1fr))}
#businessMembers #extraSeatsForm p {grid-column:1/-1;margin:0}
#businessMembers #extraSeatsForm button {grid-column:1/-1}
@media(max-width:620px){.plan-checkout{grid-template-columns:1fr;padding:16px}}
@media(max-width:620px){#businessMembers form,#businessMembers #extraSeatsForm{grid-template-columns:1fr}}
