#product-load{min-width:0;width:100%}
#product-load .load-dashboard{width:100%;min-width:0;padding:24px;background:#fff;color:#102e36;border:1px solid #dce9e2;border-radius:11px;box-shadow:0 17px 45px #0002;overflow:hidden}
#product-load .load-dashboard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#product-load .load-dashboard__kicker,#product-load .load-dashboard__overline{display:block;margin:0;color:#087c6f;font-size:9px;font-weight:750;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}
#product-load .load-dashboard h3,#product-load .load-dashboard h4{margin:0;color:#102e36;font-weight:750;letter-spacing:-.04em;line-height:1.2}
#product-load .load-dashboard h3{margin-top:6px;font-size:22px}
#product-load .load-dashboard h4{margin-top:5px;font-size:16px}
#product-load .load-dashboard__intro{max-width:510px;margin:10px 0 0;color:#5d7275;font-size:12px;line-height:1.65}
#product-load .load-dashboard__badge{flex:0 0 auto;padding:5px 7px;border:1px solid #cde1d7;border-radius:4px;color:#087c6f;font-size:8px;font-weight:750;letter-spacing:.1em;line-height:1.2}
#product-load .load-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:21px}
#product-load .load-kpi{min-width:0;padding:12px 10px;background:#f1f8f4;border:1px solid #e2eee7;border-radius:6px}
#product-load .load-kpi strong{display:block;color:#102e36;font-size:23px;letter-spacing:-.045em;line-height:1}
#product-load .load-kpi span{display:block;margin-top:5px;color:#61766d;font-size:9px;line-height:1.3}
#product-load .load-dashboard__figure{margin:22px 0 0;padding-top:19px;border-top:1px solid #e5eee8}
#product-load .load-dashboard__chart-head,#product-load .load-week-explorer__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
#product-load .load-dashboard__unit{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:50%;background:#e4f6ef;color:#087c6f;font-size:10px;font-weight:750}
#product-load .load-dashboard__method{margin:8px 0 0;color:#61766d;font-size:9px;line-height:1.6}
#product-load .load-dashboard__chart-area{display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px;margin-top:18px;min-width:0}
#product-load .load-dashboard__axis{height:224px;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 31px;color:#78877f;font-size:8px;line-height:1;text-align:right}
#product-load .load-dashboard__bars{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:224px;min-width:0;padding:0 5px;border-bottom:1px solid #d7e4dc;background:repeating-linear-gradient(to bottom,transparent 0,transparent 55px,#e8eee9 56px,#e8eee9 57px)}
#product-load .load-bar{position:relative;display:block;width:100%;height:100%;min-width:0;padding:0;border:0;border-radius:6px;background:transparent;color:#102e36;text-align:center;cursor:pointer}
#product-load .load-bar:focus-visible,#product-load .load-week-tab:focus-visible,#product-load .load-history summary:focus-visible,#product-load .load-acwr summary:focus-visible{outline:3px solid #087c6f;outline-offset:3px}
#product-load .load-bar:hover .load-bar__fill,#product-load .load-bar[aria-pressed="true"] .load-bar__fill{background:#07665d;box-shadow:0 0 0 3px #087c6f1c}
#product-load .load-bar__track{position:absolute;top:0;bottom:31px;left:50%;display:flex;width:min(55px,72%);align-items:flex-end;transform:translateX(-50%)}
#product-load .load-bar__fill{display:block;width:100%;height:var(--load-bar-height);background:linear-gradient(180deg,#25a587 0%,#087c6f 100%);border-radius:5px 5px 1px 1px;transition:height .2s ease,background .2s ease,box-shadow .2s ease}
#product-load .load-bar__value{position:absolute;right:0;bottom:calc(var(--load-bar-height) + 7px);left:0;color:#537168;font-size:9px;font-weight:750;line-height:1;white-space:nowrap}
#product-load .load-bar__label{position:absolute;right:0;bottom:6px;left:0;color:#72837a;font-size:8px;line-height:1;white-space:nowrap}
#product-load .load-dashboard__axis-caption{margin:8px 0 0 36px;color:#78877f;font-size:8px;line-height:1.3}
#product-load .load-dashboard__figure figcaption{margin-top:10px;color:#697a72;font-size:9px;line-height:1.55}
#product-load .load-week-explorer{margin-top:23px;padding-top:18px;border-top:1px solid #e5eee8}
#product-load .load-week-explorer__hint{color:#78877f;font-size:8px;line-height:1.4}
#product-load .load-week-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
#product-load .load-week-tab{min-width:0;padding:9px 5px;border:1px solid #d9e7de;border-radius:5px;background:#f5faf7;color:#47655b;font-size:10px;font-weight:700;line-height:1.2;cursor:pointer}
#product-load .load-week-tab:hover{border-color:#087c6f;color:#087c6f}
#product-load .load-week-tab[aria-selected="true"]{border-color:#102e36;background:#102e36;color:#fff}
#product-load .load-week-panel{min-width:0;margin-top:12px;padding:14px;background:#f4faf6;border:1px solid #dceae1;border-radius:7px}
#product-load .load-week-panel__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
#product-load .load-week-panel__label{display:block;color:#087c6f;font-size:8px;font-weight:750;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
#product-load .load-week-panel__total{text-align:right}
#product-load .load-week-panel__total strong{display:block;color:#102e36;font-size:15px;letter-spacing:-.02em;line-height:1.2}
#product-load .load-week-panel__total span{display:block;margin-top:3px;color:#61766d;font-size:9px;line-height:1.2}
#product-load .load-week-panel__note{margin:8px 0 0;color:#697a72;font-size:9px;line-height:1.5}
#product-load .load-data-table{width:100%;min-width:390px;border-collapse:collapse;color:#38584e;font-size:9px;line-height:1.35}
#product-load .load-data-table caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#product-load .load-data-table th,#product-load .load-data-table td{padding:8px 7px;border-bottom:1px solid #e0ebe4;text-align:right;white-space:nowrap}
#product-load .load-data-table th:first-child,#product-load .load-data-table td:first-child{text-align:left}
#product-load .load-data-table thead th{color:#62776d;font-size:8px;font-weight:750}
#product-load .load-data-table tbody th{color:#102e36;font-weight:700}
#product-load .load-data-table tbody tr:last-child th,#product-load .load-data-table tbody tr:last-child td{border-bottom:0}
#product-load .load-table-scroll{max-width:100%;margin-top:9px;overflow-x:auto;-webkit-overflow-scrolling:touch}
#product-load .load-table-scroll:focus-visible{outline:3px solid #087c6f;outline-offset:3px;border-radius:3px}
#product-load .load-history,#product-load .load-acwr{margin-top:10px;border:1px solid #dce8e0;border-radius:7px;background:#fff;overflow:hidden}
#product-load .load-history summary,#product-load .load-acwr summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:#31564a;font-size:10px;font-weight:700;line-height:1.4;cursor:pointer;list-style:none}
#product-load .load-history summary::-webkit-details-marker,#product-load .load-acwr summary::-webkit-details-marker{display:none}
#product-load .load-history summary:hover,#product-load .load-acwr summary:hover{color:#087c6f}
#product-load .load-summary-plus{flex:0 0 auto;color:#087c6f;font-size:19px;font-weight:400;line-height:1;transition:transform .2s ease}
#product-load .load-history[open] .load-summary-plus,#product-load .load-acwr[open] .load-summary-plus{transform:rotate(45deg)}
#product-load .load-history__body{padding:0 14px 12px}
#product-load .load-history__body .load-table-scroll{margin-top:0}
#product-load .load-acwr__body{padding:0 14px 14px}
#product-load .load-acwr__body p{margin:0;color:#5d7275;font-size:9px;line-height:1.65}
#product-load .load-dashboard__disclaimer{margin:14px 1px 0;color:#71827a;font-size:8px;line-height:1.55;overflow-wrap:anywhere}

@media (max-width:780px){
  #product-load .load-dashboard{max-width:720px;margin-inline:auto}
}

@media (max-width:560px){
  #product-load .load-dashboard{padding:16px;border-radius:9px}
  #product-load .load-dashboard__head{gap:10px}
  #product-load .load-dashboard__kicker,#product-load .load-dashboard__overline{font-size:8px}
  #product-load .load-dashboard h3{font-size:19px}
  #product-load .load-dashboard__intro{font-size:11px;line-height:1.6}
  #product-load .load-dashboard__badge{font-size:7px;padding:4px 5px}
  #product-load .load-kpis{gap:5px;margin-top:17px}
  #product-load .load-kpi{padding:10px 7px}
  #product-load .load-kpi strong{font-size:20px}
  #product-load .load-kpi span{font-size:8px}
  #product-load .load-dashboard__figure{margin-top:18px;padding-top:16px}
  #product-load .load-dashboard__chart-head{align-items:flex-start}
  #product-load .load-dashboard h4{font-size:15px}
  #product-load .load-dashboard__unit{width:31px;height:31px;font-size:9px}
  #product-load .load-dashboard__method{font-size:8px}
  #product-load .load-dashboard__chart-area{grid-template-columns:22px minmax(0,1fr);gap:6px;margin-top:15px}
  #product-load .load-dashboard__axis{height:196px;padding-bottom:29px;font-size:7px}
  #product-load .load-dashboard__bars{height:196px;gap:4px;padding-inline:2px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#e8eee9 49px,#e8eee9 50px)}
  #product-load .load-bar__track{bottom:29px;left:50%;width:min(45px,70%)}
  #product-load .load-bar__value{bottom:calc(var(--load-bar-height) + 6px);font-size:8px}
  #product-load .load-bar__label{bottom:5px;font-size:7px}
  #product-load .load-dashboard__axis-caption{margin-left:28px;font-size:7px}
  #product-load .load-dashboard__figure figcaption{font-size:8px}
  #product-load .load-week-explorer{margin-top:19px;padding-top:16px}
  #product-load .load-week-explorer__heading{align-items:flex-start}
  #product-load .load-week-explorer__hint{font-size:7px}
  #product-load .load-week-tabs{gap:4px;margin-top:10px}
  #product-load .load-week-tab{padding:8px 2px;font-size:9px}
  #product-load .load-week-panel{padding:11px;margin-top:10px}
  #product-load .load-week-panel__total strong{font-size:13px}
  #product-load .load-week-panel__total span,#product-load .load-week-panel__note{font-size:8px}
  #product-load .load-data-table{min-width:350px;font-size:8px}
  #product-load .load-data-table th,#product-load .load-data-table td{padding:7px 5px}
  #product-load .load-data-table thead th{font-size:7px}
  #product-load .load-history summary,#product-load .load-acwr summary{padding:12px;font-size:9px}
  #product-load .load-history__body{padding:0 12px 10px}
  #product-load .load-acwr__body{padding:0 12px 12px}
  #product-load .load-acwr__body p{font-size:8px}
  #product-load .load-dashboard__disclaimer{font-size:7px}
}

@media (max-width:350px){
  #product-load .load-dashboard{padding:14px}
  #product-load .load-dashboard__badge{display:none}
  #product-load .load-kpi strong{font-size:18px}
  #product-load .load-kpi span{font-size:7px}
  #product-load .load-dashboard__axis{height:184px}
  #product-load .load-dashboard__bars{height:184px}
  #product-load .load-bar__label{font-size:6px}
  #product-load .load-week-tab{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  #product-load .load-bar__fill,#product-load .load-summary-plus{transition:none}
}
