.account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}
.account-kpi{background:var(--surface,#fff);border:1px solid var(--line,#dce1e6);border-radius:var(--radius,6px);padding:18px 22px;min-width:0}
.account-kpi span{display:block;color:var(--muted,#64748b);font-size:14px;margin-bottom:10px}
.account-kpi strong{font-variant-numeric:tabular-nums;font-size:28px;font-weight:650;overflow-wrap:anywhere}
.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.account-toolbar .heading-actions{flex-wrap:wrap}
.account-name-button{font:inherit;color:var(--green,#22634f);background:none;border:0;padding:0;text-align:left;cursor:pointer}
.account-name-button:hover{text-decoration:underline}
.account-edit-button{font:inherit;font-size:12px;color:var(--muted,#64748b);border:0;background:none;padding:4px 6px;margin-left:8px;cursor:pointer}
.account-edit-button:hover{color:var(--green,#22634f);text-decoration:underline}
.account-performance-table{font-variant-numeric:tabular-nums}
.account-performance-table td,.account-performance-table th{white-space:nowrap}
.account-performance-table td.account-worker-cell{white-space:normal;min-width:230px;max-width:360px;overflow-wrap:anywhere}
.account-worker-name{display:block;line-height:1.6}
.account-columns{position:relative}
.account-columns summary{list-style:none;cursor:pointer}
.account-columns>div{position:absolute;right:0;top:calc(100% + 8px);z-index:45;background:var(--surface,#fff);border:1px solid var(--line,#dce1e6);padding:12px;border-radius:var(--radius,6px);min-width:260px;max-height:400px;overflow:auto;box-shadow:0 12px 32px #15213818}
.account-columns .column-option{display:flex;gap:10px;padding:7px;white-space:nowrap}
.account-detail-drawer{width:min(1080px,calc(100vw - 24px));max-width:1080px}
.account-detail-drawer .drawer-body{min-width:0;overflow:auto}
.account-detail-drawer .table-scroll{max-width:100%;max-height:65vh}
.account-detail-drawer .tabs{display:flex;gap:8px;flex-wrap:wrap}
.account-map-changes{max-height:240px;overflow:auto;font-size:14px}
.account-map-changes p{margin:8px 0}
.account-map-fields{display:grid;gap:14px;border:0;padding:0;margin:0 0 18px}
.account-map-fields label{display:grid;gap:7px}
.account-map-fields textarea{width:100%;font-family:var(--font-mono,monospace);resize:vertical}
#accounts-status{min-height:24px;margin-top:12px}
#account-map-preview{border:1px solid var(--line,#dce1e6);padding:14px;margin:14px 0;border-radius:var(--radius,6px)}
/* Keep the account filter controls on one compact desktop row. */
#report-content #accounts-filters{display:block;padding:8px 10px}
#accounts-filters .account-filter-fields{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:6px;width:100%;min-width:0;overflow-x:auto;padding:0 0 4px}
#report-content #accounts-filters .account-filter-fields>label{flex:0.75 1 84px;min-width:74px;gap:5px;margin:0;font-size:11px}
#report-content #accounts-filters .account-filter-fields>.range-date-range{flex:0 0 196px;min-width:196px;margin:0}
#report-content #accounts-filters .account-filter-fields>.range-date-range>label{min-width:0;font-size:11px;margin:0 0 5px}
#report-content #accounts-filters .account-filter-fields>.range-group{flex:1 1 108px;min-width:92px}
#report-content #accounts-filters .account-filter-fields>.range-worker{flex:1.4 1 160px;min-width:126px}
#report-content #accounts-filters .account-filter-fields>.range-account{flex:1.4 1 154px;min-width:120px;max-width:210px}
#report-content #accounts-filters .account-filter-fields>.range-grain{flex:1 1 112px;min-width:102px}
#report-content #accounts-filters .account-filter-fields>.range-search{flex:1.1 1 130px;min-width:112px}
#report-content #accounts-filters input,#report-content #accounts-filters select,#accounts-filters .date-range-trigger,#accounts-filters .account-filter-update{min-height:32px;height:32px;font-size:12px;padding:5px 8px;min-width:0;width:100%}
#accounts-filters .date-range-trigger{gap:6px;white-space:nowrap}
#accounts-filters .account-filter-update{flex:0 0 76px;width:76px;white-space:nowrap}
#accounts-filters>.section-presets{margin-top:6px}
@media(max-width:760px){
  #accounts-filters .account-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
  #report-content #accounts-filters .account-filter-fields>label{min-width:0;max-width:none}
  #report-content #accounts-filters .account-filter-fields>.range-date-range{grid-column:1/-1;min-width:0}
  #accounts-filters .account-filter-update{grid-column:1/-1;width:100%}
}
@media(max-width:900px){.account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.account-kpis{gap:10px}.account-kpi{padding:14px}.account-kpi strong{font-size:24px}.account-detail-drawer{width:calc(100vw - 12px)}.account-columns>div{right:0;max-width:calc(100vw - 42px)}}