/* RSK.Tav - catalog styles. Plain CSS; tokens live in base.css. */

/* ---------- Category / chapter lists ---------- */

/* One list row: the clickable .category-row plus its lock toggle beside it. */
.category-row-item {
  display: flex;
  align-items: stretch;
  gap: 0.5rem;
}

/* Reference-date picker and its sibling controls: stacked on phones, one line from 640px. */
.category-index-filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

@media (min-width: 640px) {
  .category-index-filters {
    flex-direction: row;
    align-items: center;
  }
}

/* The unlock button's form must not break the button row onto its own line. */
.lock-toggle-form {
  display: inline-flex;
}

/* Tariff codes of a chapter: tight vertical rhythm between the partial items. */
.tariff-code-list > * + * {
  margin-top: 0.25rem;
}

.notes-accordion-empty {
  margin: 0;
}

/* The tariff-code description is edited in Quill; the textarea only carries the value on submit. */
.admin-create-editor-source {
  display: none;
}

/* ---------- Empty-state / info notice ---------- */

/* Blue "nothing here" box. Default: full-width, vertical padding only (big icon + title). */
.notice-panel {
  padding: 2rem 0;
  border: 1px solid var(--blue-200);
  border-radius: var(--radius-lg);
  background-color: var(--blue-50);
  color: #1e3a8a; /* blue-900 */
  text-align: center;
}

/* Small inline notice: tighter padding, softer text. */
.notice-panel.is-compact {
  padding: 1rem;
  color: var(--blue-800);
}

/* Notice with side padding and the smaller 0.25rem corner radius. */
.notice-panel.is-padded {
  padding: 2rem 1.5rem;
  border-radius: 0.25rem;
}

.notice-panel-icon {
  width: 3rem;
  height: 3rem;
  margin: 0 auto 0.75rem;
  color: #60a5fa; /* blue-400 */
}

.notice-panel-icon.is-small {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
  color: inherit;
}

.notice-panel-title {
  font-weight: 600;
}

.notice-panel-hint {
  margin-top: 0.25rem;
  color: var(--blue-800);
  font-size: calc(0.875rem * var(--text-scale));
  line-height: 1.25rem;
}

.notice-panel-text {
  margin: 0;
  font-size: calc(0.875rem * var(--text-scale));
  line-height: 1.25rem;
}