.company-billing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 16px; margin: 18px 0; }
.company-billing-card, .company-billing-editor, .enterprise-offer { padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--panel); color: var(--text); }
.company-billing-card p, .company-billing-editor p, .enterprise-offer p { line-height: 1.5; overflow-wrap: anywhere; }
.company-billing-editor { margin: 20px 0; }
.company-billing-editor label { display: grid; gap: 8px; font-weight: 600; }
.company-billing-editor input { width: 100%; padding: 12px; border: 1px solid var(--border, #dce1e8); border-radius: 8px; background: transparent; color: inherit; box-sizing: border-box; }
.company-package-form { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding-block: 20px; margin-block: 20px; display: grid; gap: 14px; }
.company-package-fields { display: grid; gap: 14px; }
.company-package-fields[hidden] { display: none; }
.company-package-limit { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(80px, 1fr); gap: 10px; }
.company-package-form select { width: 100%; min-height: 44px; }
.company-package-form button { justify-self: start; }
.company-package-form summary, .company-billing-editor > details > summary { cursor: pointer; padding-block: 10px; font-weight: 600; }
.company-package-quotas label { margin-block: 14px; }
.company-package-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 14px; border: 1px solid var(--border); border-radius: 10px; padding: 16px; min-width: 0; }
.company-package-features[hidden] { display: none; }
.company-package-features p { grid-column: 1 / -1; margin: 0; }
.company-billing-editor .company-package-features .modal-flag-toggle { display: flex; align-items: center; font-weight: 400; }
.company-package-features .modal-flag-toggle input { width: 1px; padding: 0; }
.company-package-features input:focus-visible + .modal-flag-toggle__switch { outline: 2px solid var(--text); outline-offset: 3px; }
.company-billing-details { display: grid; grid-template-columns: minmax(120px, 1fr) 2fr; gap: 10px 20px; }
.company-billing-details dt { font-weight: 600; }
.company-billing-details dd { margin: 0; overflow-wrap: anywhere; }
.enterprise-offer { margin: 16px 0; }
.enterprise-offer[hidden], .company-billing-editor[hidden] { display: none; }
.enterprise-offer-price { font-size: 1.35rem; font-weight: 700; }
.enterprise-offer-confirm { display: flex; align-items: flex-start; gap: 8px; margin: 16px 0; }
.enterprise-offer-confirm input { width: auto; margin-top: 4px; }
@media (max-width: 600px) { .company-billing-details { grid-template-columns: 1fr; gap: 5px; } .company-billing-details dd { margin-bottom: 10px; } }
.superadmin-view[data-superadmin-view="billing"].active { overflow-y: auto; overflow-x: hidden; grid-auto-rows: min-content; }
.superadmin-view[data-superadmin-view="billing"] .moderation-toolbar { grid-template-columns: minmax(0, 1fr) auto; }
.admin-cards { margin-block: 18px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; }
.admin-cards summary { cursor: pointer; font-weight: 600; }
.admin-cards-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 14px; margin-top: 16px; }
.admin-card-row { border: 1px solid var(--border); border-radius: 10px; padding: 16px; min-width: 0; }
.admin-card-row h4, .admin-card-form h4 { margin-top: 0; }
.admin-card-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-card-actions button { white-space: normal; }
.admin-card-form { display: grid; gap: 14px; margin-top: 20px; max-width: 640px; }
.company-billing-editor .admin-card-consent { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; }
.company-billing-editor .admin-card-consent input { width: auto; flex: none; margin-top: 4px; }
.admin-card-element:not(:empty) { min-height: 44px; padding: 14px; border: 1px solid var(--border); border-radius: 8px; }
