/* ============================================================================
   Plán prací — leftover bespoke styles.

   The planner GRID is now fully MUI/theme-driven (see PlanGrid's styled()
   wrapper), and the toolbar / range label / banner / day-choice modal were
   migrated to MUI components. Only the category-manager modal rows remain
   here; they keep a single paper-rule token for their swatch/divider borders.
   ============================================================================ */

:root {
  --plan-paper-rule: rgba(20, 20, 24, 0.08);
}
[data-theme="dark"] {
  --plan-paper-rule: rgba(255, 255, 255, 0.06);
}

/* Category manager modal rows */
.plan-cat-manager {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.plan-cat-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.plan-cat-row--inactive {
  opacity: 0.55;
}
.plan-cat-row .admin-form-input {
  flex: 1;
  min-width: 0;
}
.plan-cat-color {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--plan-paper-rule);
  border-radius: 6px;
  background: none;
  cursor: pointer;
  flex: 0 0 auto;
}
.plan-cat-row--new {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px dashed var(--plan-paper-rule);
}
/* The per-row delete trigger reads quieter than the solid danger confirm
   button it turns into; keep it an outline until the user commits. */
.plan-cat-delete.admin-btn-danger {
  background: transparent;
  color: var(--danger);
  border: 1px solid color-mix(in srgb, var(--danger) 40%, transparent);
}
.plan-cat-delete.admin-btn-danger:hover:not(:disabled) {
  background: color-mix(in srgb, var(--danger) 12%, transparent);
  color: var(--danger);
}