.management-workspace { --management-positive: #087c61; }
.management-command-bar { align-items: center; }
.management-group { min-width: 190px; max-width: 260px; }
.financial-command-bar .period-form .management-group select { width: 100%; text-overflow: ellipsis; }
.management-scope { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; margin: 14px 0; font-size: 12px; color: var(--muted); }
.management-scope span:first-child { color: var(--text); font-weight: 650; }
.management-scope span { display: inline-flex; align-items: center; gap: 7px; }
.management-comparison { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.management-table-scroll { overflow-x: auto; }
.management-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.management-table th, .management-table td { padding: 15px 16px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.management-table thead { background: var(--raised); }
.management-table thead th { text-align: right; font-size: 12px; white-space: nowrap; }
.management-table thead th:first-child, .management-table thead th:nth-child(2) { text-align: left; }
.management-table thead th > span { display: block; margin-bottom: 4px; font-size: 10px; text-transform: uppercase; letter-spacing: .7px; color: var(--muted); }
.management-table tbody th { text-align: left; min-width: 200px; font-weight: 650; }
.management-table small { display: block; color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.5; margin-top: 4px; }
.management-table .numeric { text-align: right; font-variant-numeric: tabular-nums; min-width: 180px; }
.management-totals { background: var(--selected); color: var(--primary-deep); }
.management-totals strong { font-size: 16px; }
.management-totals .icon { vertical-align: middle; margin-right: 6px; }
.management-value-link { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; color: var(--primary-deep); text-decoration: none; font-weight: 650; border-radius: 5px; padding: 4px; margin: -4px; white-space: nowrap; }
.management-value-link:hover { background: var(--selected); color: var(--primary); }
.management-value-link:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.management-value-link .icon { width: 13px; height: 13px; color: var(--accent); }
.management-unavailable { font-size: 12px; color: #8a5906; }
.management-drill-hint { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--muted); margin: 0; padding: 12px 16px; background: var(--raised); }
.management-loading { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 38px 0; color: var(--muted); }
.management-loading .skeleton { width: 100%; height: 190px; margin-top: 15px; }
.management-view-tools { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; padding:12px 14px; margin-bottom:12px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.management-view-tools > label:not(.search-field),.management-insight header > label { display:grid; gap:4px; color:var(--muted); font-size:10px; font-weight:650; }
.management-view-tools select,.management-insight select { min-height:34px; padding:6px 9px; border:1px solid var(--border-strong); border-radius:7px; background:var(--surface); color:var(--text); font-size:12px; }
.management-view-tools .search-field { flex:1 1 270px; min-height:34px; max-width:440px; }
.management-selection-count { margin-left:auto; padding-bottom:8px; color:var(--muted); font-size:11px; }
.management-insight { margin-bottom:14px; padding:18px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.management-insight > header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; }
.management-insight h2 { margin:0; font-size:18px; letter-spacing:-.3px; }
.management-currency-charts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr)); gap:20px 30px; }
.management-currency-chart { min-width:0; }
.management-currency-chart h3 { display:flex; align-items:baseline; gap:10px; margin:0 0 9px; padding-bottom:8px; border-bottom:1px solid var(--border); font-size:12px; }
.management-currency-chart h3 small { color:var(--muted); font-size:10px; font-weight:450; }
.management-chart-row { display:grid; grid-template-columns:minmax(120px,1.2fr) minmax(70px,1fr) minmax(105px,auto) 14px; align-items:center; gap:12px; min-height:42px; padding:7px 8px; margin-inline:-8px; color:var(--text); border-radius:7px; text-decoration:none; }
.management-chart-row:hover { background:var(--raised); }
.management-chart-label { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
.management-chart-row strong { text-align:right; font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.management-chart-row > .icon { color:var(--primary); width:13px; height:13px; }
.management-chart-track { position:relative; display:block; height:18px; border-radius:4px; background:var(--raised); }
.management-chart-track::before { content:""; position:absolute; left:50%; top:-3px; bottom:-3px; border-left:1px solid var(--border-strong); }
.management-chart-track i { position:absolute; top:3px; height:12px; border-radius:3px; }
.management-chart-track .positive { background:#087c61; }
.management-chart-track .negative { background:#b86c13; }
.management-chart-row.unavailable { color:var(--warning); }
.management-chart-row.unavailable > span:nth-child(2) { font-size:10px; grid-column:2; }
.management-chart-row.unavailable strong { white-space:normal; font-size:10px; }
.management-chart-note,.management-export-scope { display:flex; align-items:center; gap:7px; margin:12px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.management-table .management-group-row th { padding:9px 16px; background:var(--raised); color:var(--primary-deep); font-size:11px; }
.management-group-row span { margin-left:10px; color:var(--muted); font-size:10px; font-weight:450; }
@media (max-width: 760px) {
  .management-command-bar .period-form { flex-wrap: wrap; }
  .management-group { min-width: 100%; max-width: none; grid-column: 1 / -1; }
  .management-scope { align-items: flex-start; flex-direction: column; gap: 6px; }
  .management-table th, .management-table td { padding: 12px; }
  .management-table tbody th { position: sticky; left: 0; background: var(--surface); min-width: 155px; max-width: 155px; white-space: normal; box-shadow: 2px 0 3px rgb(16 37 58 / 6%); }
  .management-table .management-totals th { background: var(--selected); }
  .management-drill-hint { align-items: flex-start; line-height: 1.6; }
  .management-view-tools .search-field { max-width:none; flex-basis:100%; }
  .management-insight { padding:14px; }
  .management-insight > header { align-items:flex-start; }
  .management-insight h2 { font-size:16px; }
  .management-insight header > label { max-width:45%; }
  .management-insight select { width:100%; }
  .management-chart-row { grid-template-columns:minmax(110px,1fr) minmax(75px,1fr) 105px; gap:7px; }
  .management-chart-row > .icon { display:none; }
  .management-chart-label,.management-chart-row strong { font-size:10px; }
}
@media (max-width:400px) { .management-chart-row { grid-template-columns:minmax(0,1fr) 100px; } .management-chart-track { grid-row:2; grid-column:1 / -1; } .management-chart-row strong { grid-row:1; grid-column:2; } .management-chart-row.unavailable > span:nth-child(2) { grid-row:2; grid-column:1 / -1; } }
@media print { .management-view-tools,.management-insight header > label,.management-export-scope { display:none; } .management-insight { break-inside:avoid; } .management-chart-track { print-color-adjust:exact; } }
