.workload-controls{padding:24px 26px}
.workload-periods{display:inline-flex;padding:5px;gap:4px;border:1px solid #e7e7ed;background:#eaeaee70;border-radius:15px;margin-bottom:24px}
.workload-periods button{padding:10px 27px;border:0;border-radius:11px;font-size:13px;background:transparent;color:#81818f}
.workload-periods button[aria-pressed=true]{background:white;color:#30303c;box-shadow:0 2px 6px #1b294110}
.workload-filter{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px}
.workload-filter label{flex:1;min-width:180px;max-width:340px}
.workload-filter input,.workload-filter select{margin-bottom:0}
.workload-filter>button{min-height:47px;font-size:13px}
.workload-period-caption{font-size:13px;margin:20px 0 0;color:#5f6f87}
.workload-period-caption span{display:block;font-size:11px;color:#9999a3;margin-top:5px}
.workload-summary{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;margin-bottom:24px}
.workload-summary>div{padding:24px 26px;background:#fff;border:1px solid #e8e8ed;border-radius:20px;box-shadow:var(--shadow)}
.workload-summary span{display:block;font-size:12px;color:#7e7e89}
.workload-summary strong{display:block;margin-top:13px;font-size:34px;font-weight:550;font-variant-numeric:tabular-nums;line-height:1.4;letter-spacing:-1px}
.workload-summary strong small{font-size:12px;font-weight:400;color:#a1a1ab;margin-left:8px;letter-spacing:0}
.workload-summary .workload-start{font-size:27px;letter-spacing:-.5px}
.workload-table{min-width:540px}
.workload-table .workload-count{font-size:19px;color:#397fc4;font-weight:550;font-variant-numeric:tabular-nums}
.workload-table tfoot td{background:#fafafc;border-top:1px solid #eaeaf0;color:#70707e}
.workload-trend-panel summary{cursor:pointer;padding:22px 26px;font-size:15px;font-weight:550;color:#4e5666}
.workload-trend-panel summary span{font-weight:400;font-size:11px;color:#9999a3;margin-left:16px}
.workload-trend{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px;padding:2px 26px 26px}
.workload-trend-row{display:flex;align-items:center;gap:14px;font-size:12px;color:#8892a2}
.workload-trend-row time{width:42px;flex-shrink:0;font-variant-numeric:tabular-nums}
.workload-trend-row progress{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:7px;border:0;border-radius:8px;background:#edf1f8;accent-color:#88b4ec}
.workload-trend-row progress::-webkit-progress-bar{background:#edf1f8;border-radius:8px}
.workload-trend-row progress::-webkit-progress-value{background:#88b4ec;border-radius:8px}
.workload-trend-row progress::-moz-progress-bar{background:#88b4ec;border-radius:8px}
.workload-trend-row b{width:34px;text-align:right;color:#66758d;font-weight:500}
@media(max-width:720px){
  .workload-controls{padding:20px 18px}
  .workload-periods{display:flex;margin-bottom:20px}
  .workload-periods button{flex:1;min-height:44px;padding:10px;font-size:14px}
  .workload-filter{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .workload-filter label{min-width:0;max-width:none}
  .workload-filter input,.workload-filter select{font-size:16px}
  .workload-filter>button{width:100%;font-size:14px}
  .workload-summary{grid-template-columns:1fr 1fr;gap:12px}
  .workload-summary>div{padding:18px 16px}
  .workload-summary>div:last-child{grid-column:1/-1}
  .workload-summary span{font-size:11px}
  .workload-summary strong{font-size:29px}
  .workload-summary .workload-start{font-size:24px}
  .workload-table{display:block;min-width:0}
  .workload-table thead{display:none}
  .workload-table tbody{display:block}
  .workload-table tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:16px;border-bottom:1px solid #ededf2}
  .workload-table tbody td{padding:0;border:0;font-size:14px;min-width:0;overflow-wrap:anywhere}
  .workload-table tbody td:before{content:attr(data-label);display:block;font-size:11px;color:#9999a3;margin-bottom:5px}
  .workload-table td .link-button{min-height:44px;font-size:13px}
  .workload-table tfoot{display:block}
  .workload-table tfoot tr{display:flex;justify-content:space-between;padding:16px 18px;background:#fafafc}
  .workload-table tfoot td{border:0;padding:0;font-size:13px}
  .workload-trend{grid-template-columns:1fr;padding:0 18px 20px;gap:14px}
  .workload-trend-panel summary{padding:20px 18px}
  .workload-trend-panel summary span{display:block;margin:7px 0 0}
}