/* Keep this asset under Scripts so versioned requests bypass QueryStringModule. */
.agent-home { max-width: 1800px; container-type: inline-size; }
.agent-production-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: 0 0 1.5rem; }
.agent-production-layout > div { min-width: 0; }
.birthday-panel > summary { display: flex; align-items: center; gap: 1.5rem; cursor: pointer; list-style: none; }
.birthday-panel > summary::-webkit-details-marker { display: none; }
.birthday-panel > summary:focus-visible { outline: 3px solid #2360b8; outline-offset: 2px; }
.birthday-chevron { width: .85rem; height: .85rem; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(45deg); flex-shrink: 0; margin: 0 .5rem .4rem; }
.birthday-panel[open] .birthday-chevron { transform: rotate(225deg); margin-bottom: 0; }
.agent-production-filters { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(0, 2.5fr) auto; gap: .75rem; align-items: end; }
.agent-production-filters label { margin-bottom: 0; }
.agent-production-filters > div { min-width: 0; }
.agent-production-fixed { height: auto; min-height: calc(1.5em + .75rem + 2px); background: #f5f7fb; overflow-wrap: anywhere; }
.agent-production-chart { display: flex; flex-direction: column; align-items: center; gap: .75rem; }
.agent-production-chart svg { width: 100%; max-width: 720px; flex-shrink: 0; }
.production-pie-label { font-size: 11px; font-weight: 600; fill: #00336d; }
.production-pie-leader { fill: none; stroke: #687b91; stroke-width: 1; }
.agent-production-table { table-layout: fixed; width: 100%; }
.production-name-column { width: 28%; }
.production-value-column { width: 18%; }
.agent-home .agent-production-table th, .agent-home .agent-production-table td { vertical-align: middle; padding: .75rem .35rem; }
.agent-production-table th:first-child { overflow-wrap: anywhere; }
.agent-production-table td { text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
.agent-production-table thead th:not(:first-child) { text-align: center; white-space: normal; }
.agent-production-table tbody th { font-weight: normal; }
.agent-production-table tfoot { background: #e8f3ff; font-weight: bold; }
@container (min-width: 80rem) {
    .agent-production-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 36rem) {
    .agent-production-table { min-width: 34rem; font-size: .875rem; }
    .agent-production-filters { grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr); }
    .agent-production-filters > .btn { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
    .agent-home { padding-left: 0; padding-right: 0; }
    .agent-production-filters { grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr); }
    .agent-production-filters > .btn { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
    .agent-production-table { min-width: 34rem; font-size: .875rem; }
}
@media (max-width: 420px) {
    .agent-production-filters { grid-template-columns: 1fr; }
}