/* Management views: one table/one set of actions, cards below 48rem. */
.management-view { display: grid; gap: var(--space-5); min-width: 0; }
.management-view .section-heading { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-4); margin: 0; }
.management-view .section-heading h2 { font-size: var(--text-xl); }
.management-view .section-heading p { font-size: var(--text-sm); }
.management-view .heading-actions { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; gap: var(--space-2); }
.management-view .heading-actions > button { flex: 1 1 10rem; }
.management-view button { min-height: 44px; }
.management-view .data-panel { background: var(--paper); border: 1px solid var(--line); overflow: hidden; }
.management-view .table-toolbar { padding: var(--space-4); }
.management-search { display: grid; gap: var(--space-2); width: 100%; font-size: var(--text-sm); font-weight: 600; }
.management-search .input-control { min-width: 0; width: 100%; font-size: 16px; font-weight: 400; }
.management-view .management-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; }
.management-metrics .metric-card { padding: var(--space-4); }
.management-metrics .metric-card > div { display: flex; flex-direction: column; gap: var(--space-2); }
.management-metrics .metric-card p { margin: 0; font-size: var(--text-sm); }
.management-metrics .metric-card strong { font-family: var(--font-heading); font-size: 1.75rem; line-height: 1.15; letter-spacing: -.04em; }
.management-metrics .metric-card small:empty { display: none; }
.management-scroll:focus-visible { outline: 3px solid var(--blue); outline-offset: -3px; }
.management-view .management-table { display: block; width: 100%; min-width: 0; table-layout: fixed; }
.management-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.management-table thead tr, .management-table thead th { display: block; width: 1px; max-width: 1px; height: 1px; padding: 0; overflow: hidden; }
.management-table tbody { display: grid; gap: var(--space-3); padding: var(--space-3); }
.management-table tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); min-width: 0; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--paper); }
.management-view .management-table td { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-1); min-width: 0; padding: 0; border: 0; font-size: var(--text-sm); overflow-wrap: anywhere; }
.management-table td::before { content: attr(data-label); display: block; color: var(--muted); font-size: var(--text-xs); font-weight: 500; }
.management-table .management-name { grid-column: 1 / -1; }
.management-table .management-name strong { font-size: var(--text-base); }
.management-table .management-number { font-variant-numeric: tabular-nums; font-weight: 700; }
.management-table .management-date { font-variant-numeric: tabular-nums; }
.management-table td.management-actions { grid-column: 1 / -1; align-items: stretch; padding-top: var(--space-2); border-top: 1px solid var(--line); }
.management-table .management-actions::before { display: none; }
.management-table .management-actions button { width: 100%; }
.management-table .badge { white-space: normal; }
.management-table .badge::before { flex-shrink: 0; }
.management-table .management-reason { grid-column: 1 / -1; }
.management-view .audit-table tbody tr { grid-template-columns: minmax(0, 1fr); }
.management-empty { padding: var(--space-8) var(--space-5); }
.management-empty h3 { margin: 0 0 var(--space-2); font-size: var(--text-base); }
.management-empty p { margin: 0; color: var(--muted); }
.management-view .team-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.management-view .team-card { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-5); text-align: left; }
.management-person { display: flex; align-items: flex-start; gap: var(--space-3); }
.management-view .team-card .avatar { flex: 0 0 48px; margin: 0; }
.management-person > div:last-child { min-width: 0; }
.management-view .team-card h3 { font-size: var(--text-base); }
.management-view .team-card p { margin: var(--space-1) 0 0; font-size: var(--text-sm); overflow-wrap: anywhere; }
.management-person-status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.management-person-status .role-badge { max-width: 100%; overflow-wrap: anywhere; }
.management-view .team-card > button { align-self: stretch; margin-top: auto; border: 1px solid var(--line); }
@media (min-width: 48rem) {
  .management-view { gap: var(--space-6); }
  .management-view .section-heading { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .management-view .section-heading > div:first-child { flex: 1 1 13rem; }
  .management-view .heading-actions { flex: 0 1 auto; width: auto; }
  .management-view .heading-actions > button { flex: 0 1 auto; }
  .management-view .management-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .management-search { max-width: 32rem; }
  .management-view .management-table { display: table; min-width: 44rem; }
  .management-view .products-table { min-width: 54rem; }
  .management-table thead { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip-path: none; white-space: normal; display: table-header-group; }
  .management-table thead tr { display: table-row; width: auto; max-width: none; height: auto; overflow: visible; }
  .management-table thead th { display: table-cell; width: auto; max-width: none; height: auto; overflow: visible; }
  .management-table tbody { display: table-row-group; padding: 0; }
  .management-table tbody tr { display: table-row; padding: 0; border: 0; }
  .management-view .management-table th { padding: var(--space-3) var(--space-4); }
  .management-view .management-table td { display: table-cell; padding: var(--space-4); border-bottom: 1px solid var(--line); vertical-align: top; }
  .management-table tbody tr:last-child td { border-bottom: 0; }
  .management-table td::before { display: none; }
  .management-table .management-name strong { font-size: var(--text-sm); }
  .management-table td.management-actions { border-top: 0; }
  .management-table .management-actions button { width: auto; }
  .management-table .management-number { white-space: nowrap; }
  .products-table th:first-child { width: 23%; }
  .products-table th:nth-child(5) { width: 14%; }
  .inventory-table th:first-child { width: 32%; }
  .inventory-table th:nth-child(3) { width: 22%; }
  .audit-table th:first-child { width: 26%; }
  .audit-table th:nth-child(2) { width: 27%; }
  .management-view .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 80rem) {
  .management-view .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}