.commerce-catalog, .commerce-company-access { min-width: 0; }
.commerce-workflow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.commerce-workflow-step { display: flex; gap: 12px; padding: 18px; border: 1px solid #dfe8e4; border-radius: 14px; background: #f8fbfa; min-width: 0; }
.commerce-workflow-step > span { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; color: #126a50; background: #e2f0e9; font-weight: 750; }
.commerce-product-section, .commerce-access-section { display: grid; gap: 18px; margin-top: 8px; min-width: 0; }
.commerce-product-grid, .commerce-access-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.commerce-product-card, .commerce-summary-card { display: flex; flex-direction: column; gap: 16px; min-width: 0; padding: 24px; border: 1px solid #e1e8e5; border-radius: 18px; background: #fff; }
.commerce-product-description { flex: 1; }
.commerce-product-shortcuts { display: flex; flex-wrap: wrap; gap: 4px; padding-top: 12px; border-top: 1px solid #e9eeeb; }
.commerce-service-setup { display: grid; gap: 16px; padding: 22px; border: 1px solid #cae3d7; border-radius: 16px; background: #f0f8f4; }
.commerce-access-list { display: grid; gap: 12px; }
.commerce-access-item { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 0; padding: 20px; border: 1px solid #e1e8e5; border-radius: 14px; background: #fff; }
.commerce-access-item.is-enabled { border-left: 4px solid #168363; }
.commerce-access-item-body { display: grid; gap: 6px; min-width: 0; }
.commerce-access-item > .MuiButton-root { flex: 0 0 auto; white-space: normal; }
.commerce-catalog .MuiTypography-root, .commerce-company-access .MuiTypography-root { overflow-wrap: anywhere; }
.commerce-catalog .MuiButton-root, .commerce-company-access .MuiButton-root { text-transform: none; }
@media (max-width: 1000px) { .commerce-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .commerce-workflow, .commerce-product-grid, .commerce-access-summary { grid-template-columns: minmax(0, 1fr); } .commerce-product-card, .commerce-summary-card { padding: 18px; } .commerce-access-item { flex-direction: column; align-items: stretch; padding: 16px; gap: 14px; } }

.commerce-company-details { border: 1px solid #e1e8e5; background: #fff; border-radius: 16px; padding: 20px; min-width: 0; }
.commerce-company-details > summary { cursor: pointer; }
.commerce-company-details[open] > .commerce-access-section { margin-top: 24px; }
.commerce-package-facts { display: grid; gap: 10px; justify-items: start; }