.week-start-control{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:none;
  min-height:42px;
  padding-left:10px;
  border:1px solid rgba(125,95,162,.18);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 16px rgba(107,81,140,.07);
}
.week-start-label{
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.week-start-select{
  min-height:40px;
  padding:8px 32px 8px 4px;
  border:0;
  background:transparent;
  color:var(--ink);
  color-scheme:light;
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  outline:none;
}
.week-start-select option{
  background:#fff;
  color:#473d57;
}
.week-start-control:focus-within{
  border-color:rgba(169,139,216,.56);
  box-shadow:0 0 0 3px rgba(169,139,216,.15);
}
html[data-theme="dark"] .week-start-control{
  background:#282031;
  border-color:rgba(205,179,239,.18);
  box-shadow:0 6px 18px rgba(0,0,0,.20);
}
html[data-theme="dark"] .week-start-select{
  color:#f2ecf8;
  color-scheme:dark;
}
html[data-theme="dark"] .week-start-select option{
  background:#282031;
  color:#f2ecf8;
}
@media(max-width:700px){
  .week-start-control{
    min-height:42px;
    border-radius:12px;
    padding-left:9px;
  }
  .week-start-label{font-size:10px}
  .week-start-select{font-size:12px}
}
@media(max-width:480px){
  .week-start-control{order:0}
}