/* Shared module: dashboard-charts — auto-split from the old single styles.css, 16 rule block(s). Do not duplicate class names across files. */

.ww93-no-charts{grid-column:1/-1;padding:30px}

.ww93-hover-slice{cursor:crosshair!important}

.ww111-chart-week-summary{
  position:absolute;
  top:18px;
  right:18px;
  z-index:5;
  width:150px;
  padding:10px 11px;
  border-radius:11px;
  border:1px solid rgba(117,177,213,.28);
  background:rgba(8,31,48,.88);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  box-shadow:0 8px 20px rgba(0,0,0,.16);
  pointer-events:none;
}

.ww111-week-line{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:6px;
  min-height:28px;
  color:#d8edf8;
  font-size:10.5px;
  line-height:1.2;
}

.ww111-week-line + .ww111-week-line{
  margin-top:5px;
  padding-top:7px;
  border-top:1px solid rgba(135,184,208,.16);
}

.ww111-week-line span{
  color:#9fc4d8;
  font-weight:600;
  white-space:nowrap;
}

.ww111-week-line b{
  color:#f4fbff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.ww111-trend-arrow{
  font-style:normal;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

body[data-theme="light"] .ww111-chart-week-summary{
  background:rgba(247,252,255,.94);
  border-color:rgba(71,139,180,.30);
  box-shadow:0 8px 22px rgba(48,92,119,.12);
}

body[data-theme="light"] .ww111-week-line span{color:#476b7f}

body[data-theme="light"] .ww111-week-line b{color:#153b52}

body[data-theme="light"] .ww111-week-line + .ww111-week-line{
  border-top-color:rgba(61,112,143,.16)
}

@media (max-width:900px){
.ww111-chart-week-summary{
    top:14px;
    right:12px;
    width:138px;
    padding:8px 9px;
  }
}

.ww111-chart-week-summary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:0!important;
}

.ww111-week-line + .ww111-week-line{
  border-top:0!important;
  margin-top:6px!important;
  padding-top:0!important;
}

body[data-theme="light"] .ww111-chart-week-summary,
body[data-theme="dark"] .ww111-chart-week-summary{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}