.admin-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.tab-btn {
  padding: 9px 16px;
  border-radius: 999px;
  border: 1.5px solid var(--border);
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
  color: var(--muted);
}
.tab-btn.active { background: var(--primary); border-color: var(--primary); color: #fff; }

.tab-panel { margin-bottom: 40px; }
.tab-panel h2 { margin-top: 0; font-size: 17px; }

table.admin-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  margin-bottom: 18px;
}
table.admin-table th, table.admin-table td {
  padding: 9px 8px;
  border-bottom: 1px solid var(--border);
  text-align: right;
  vertical-align: middle;
}
table.admin-table th { color: var(--muted); font-weight: 600; font-size: 12px; }

.pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.pill.on { background: #dcfce7; color: #166534; }
.pill.off { background: #f3f4f6; color: #6b7280; }
.pill.confirmed { background: #dcfce7; color: #166534; }
.pill.cancelled { background: var(--danger-bg); color: var(--danger); }

.inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
  background: var(--primary-light);
  padding: 14px;
  border-radius: 10px;
  margin-bottom: 6px;
}
.inline-form .field { margin-bottom: 0; min-width: 130px; flex: 1; }
.inline-form input, .inline-form select {
  width: 100%;
  padding: 9px 10px;
  border: 1.5px solid var(--border);
  border-radius: 8px;
  font-family: inherit;
  font-size: 13.5px;
}
.inline-form button {
  padding: 10px 18px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  font-size: 13.5px;
  white-space: nowrap;
}
.inline-form button:hover { background: var(--primary-dark); }

.small-btn {
  padding: 5px 10px;
  border-radius: 7px;
  border: 1.5px solid var(--border);
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  margin-left: 4px;
}
.small-btn:hover { border-color: var(--primary); }
.small-btn.danger:hover { border-color: var(--danger); color: var(--danger); }

.checkbox-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 4px; }
.checkbox-list label { display: flex; align-items: center; gap: 5px; font-size: 13px; background: #f3f4f6; padding: 5px 10px; border-radius: 8px; }

.filters { display: flex; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.filters .field { margin-bottom: 0; min-width: 160px; }
.filters input, .filters select { width: 100%; padding: 9px 10px; border: 1.5px solid var(--border); border-radius: 8px; font-family: inherit; }