.opportunities-extension-account-plans-dialog.opportunities-extension-install-base-dialog { width: min(1700px, 100%); } .opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header { padding: 10px 12px; gap: 12px; } .opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header h2 { font-size: 16px; line-height: 22px; } .opportunities-extension-install-base-dialog .opportunities-extension-account-plans-header p { font-size: 12px; line-height: 16px; margin-top: 3px; overflow-wrap: anywhere; } .opportunities-extension-install-base-dialog .opportunities-extension-icon-button { width: 28px; height: 28px; min-width: 28px; min-height: 28px; padding: 4px; } .opportunities-extension-install-base-dialog .opportunities-extension-customer-table-toolbar { padding: 8px 12px; } .opportunities-extension-install-base-dialog .opportunities-extension-customer-table-search { width: min(320px, 100%); height: 32px; padding: 4px 8px; font-size: 12px; line-height: 20px; } .opportunities-extension-install-base-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; } .opportunities-extension-install-base-message { margin: 10px 12px; font-size: 12px; line-height: 16px; } .opportunities-extension-install-base-table { width: 100%; min-width: 1120px; table-layout: fixed; border-collapse: collapse; font-size: 11px; } .opportunities-extension-install-base-table col { width: 7%; } .opportunities-extension-install-base-table .install-base-col-partyName { width: 12%; } .opportunities-extension-install-base-table .install-base-col-productGroupName { width: 13%; } .opportunities-extension-install-base-table .install-base-col-productName { width: 13%; } .opportunities-extension-install-base-table .install-base-col-quantity { width: 5%; } .opportunities-extension-install-base-table .install-base-col-quantityType { width: 8%; } .opportunities-extension-install-base-table th, .opportunities-extension-install-base-table td { padding: 8px 6px; text-align: left; vertical-align: middle; overflow-wrap: anywhere; border-bottom: 1px solid #e8e5e1; line-height: 1.4; } .opportunities-extension-install-base-table th { position: sticky; top: 0; z-index: 1; background: #faf9f8; } .opportunities-extension-install-base-table td[data-format="amount"], .opportunities-extension-install-base-table td[data-format="quantity"] { text-align: right; font-variant-numeric: tabular-nums; } .opportunities-extension-install-base-table td[data-format="date"] { white-space: nowrap; } .opportunities-extension-install-base-status { display: inline-block; padding: 2px 5px; border-radius: 12px; font-size: 10px; font-weight: 600; color: #5f5a55; background: #eceae8; white-space: nowrap; } .opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #17693a; background: #e1f1e5; } .opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #855300; background: #fff0d6; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-content, .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table, .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th, .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table td { color: #f6f4f2; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-message { color: #c9c5c1; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-message[role="alert"] { color: #ffb4ab; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th { background: #353331; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table th, .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-table td { border-color: #484541; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status { color: #dedbd7; background: #484541; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="ACTIVE"] { color: #b8e4c6; background: #214d34; } .opportunities-extension-modal[data-theme="dark"] .opportunities-extension-install-base-status[data-status="UNSUPPORTED"] { color: #ffdfa2; background: #614418; } @media (prefers-reduced-motion: reduce) { .opportunities-extension-install-base-table .opportunities-extension-account-plans-skeleton-bar { animation: none; } }