/* The catalog column is narrow and a row can carry four actions: details on top, actions underneath. */
.catalog-item.employee-price-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.employee-price-row { flex-wrap: wrap; gap: 14px; }
.employee-price-row > .employee-price-identity { flex: 1 1 210px; min-width: 0; }
.employee-price-identity small { overflow-wrap: anywhere; }
.employee-price-row .employee-price-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.employee-price-tools .price-value { background: transparent; color: var(--cortex-text, #232629); font-size: 17px; padding: 0; white-space: nowrap; }
.employee-price-tools .price-value small { display: inline; font-size: 13px; font-weight: 400; }
.employee-price-tools button { min-height: 40px; padding: 6px 14px; font-size: 14px; }
/* The base .catalog-item span chip style (tiny bold honey text) must not reach the price and connector lines. */
.employee-price-identity .price-hourly-catalog,
.employee-price-identity .employee-connector-line { display: block; padding: 0; background: none; color: var(--cortex-muted, #6a7077); font-size: 13px; font-weight: 400; line-height: 1.5; }
.employee-price-identity .price-hourly-catalog { margin-top: 6px; }
.employee-price-status { color: var(--cortex-muted, #6a7077); font-size: 13px; font-weight: 400; margin-left: 8px; }
.price-catalog-note { color: var(--cortex-muted, #6a7077); font-size: 14px; line-height: 1.6; margin: -6px 0 16px; }
.employee-price-card { width: min(100%, 540px); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 32px; }
.employee-price-card h2 { margin: 12px 48px 8px 0; font-size: 30px; line-height: 1.25; }
.price-employee-name { color: var(--cortex-muted, #6a7077); font-size: 17px; margin: 0 0 24px; }
.price-current { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 0; margin-bottom: 20px; border-block: 1px solid var(--cortex-line, #e1e3e4); }
.price-current > span { color: var(--cortex-muted, #6a7077); font-size: 15px; }
.price-current strong { font-size: 23px; white-space: nowrap; }
.price-current small { font-weight: 400; font-size: 14px; }
.employee-price-card label { display: grid; gap: 10px; font-size: 16px; }
.employee-price-card input { min-height: 52px; font-size: 22px; }
.price-range { display: block; margin-top: 10px; font-size: 13px; color: var(--cortex-muted, #6a7077); }
.price-effect { padding: 16px 18px; background: #fbf3e2; border-radius: 14px; color: #6d5530; font-size: 15px; line-height: 1.65; margin: 22px 0 14px; }
.price-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 22px; }
.price-actions .button { min-height: 48px; }
@media (max-width: 600px) {
  .employee-price-card { padding: 28px 20px 20px; }
  .employee-price-card h2 { font-size: 27px; }
  .price-actions .button { flex: 1; padding-inline: 12px; }
  .employee-price-row > .employee-price-identity { flex-basis: 100%; }
  .employee-price-row .employee-price-tools { width: 100%; justify-content: space-between; }
}
.studio-heading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#employeePricingCatalog { scroll-margin-top: 100px; }