/* components/controls.css — поиск/селекты/чипсы/toolbar */

.table-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  flex-wrap:wrap;
}

.table-toolbar .toolbar-left{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}

table td { vertical-align: top; }

/* input/select единым стилем */
.input{
  padding: .45rem .65rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: .75rem;
  background: var(--card, #fff);
  color: inherit;
  outline: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.input:focus{
  border-color: #93c5fd;
  box-shadow: 0 0 0 4px rgba(59,130,246,0.15);
}

/* chips */
.chips{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}

.chip{
  padding: .35rem .7rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 999px;
  background: rgba(255,255,255,0.75);
  cursor: pointer;
  font-size: .9rem;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease, transform .02s ease;
}

.chip:hover{
  background: #fff;
  border-color: #cbd5e1;
}

.chip:active{
  transform: translateY(1px);
}

.chip.is-active{
  background: #2563eb;
  border-color: #2563eb;
  color:#fff;
}

/* weekday chips */
.weekday-chips{
  display:flex;
  gap:.4rem;
  flex-wrap:wrap;
}

.weekday-chip{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  user-select:none;
}

.weekday-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.weekday-chip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .28rem .6rem;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 999px;
  background: var(--card, #fff);
  font-size: .9rem;
  line-height: 1;
}

.weekday-chip input:checked + span{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}

.weekday-chip span:hover{
  background:#f3f4f6;
}