/* Final readability pass for the fragrance-notes manager. */
.notes-admin-panel {
  width: min(1680px, calc(100vw - 32px));
  padding: clamp(24px, 2.2vw, 38px);
}

.notes-admin-panel .admin-head { align-items: flex-start; gap: 24px; }
.notes-admin-panel .admin-head .eyebrow { font-size: 11px; letter-spacing: .15em; }
.notes-admin-panel .admin-head h2 { margin: 7px 0 8px; font-size: clamp(32px, 2.4vw, 44px); line-height: 1.14; }
.notes-admin-panel .admin-head p { max-width: 720px; font-size: 15px; line-height: 1.75; }
.notes-admin-panel .admin-head-actions button,
.notes-admin-panel .compact-button { min-height: 44px; padding: 10px 16px; font-size: 14px; }

.notes-admin-stats { margin: 22px 0; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.notes-admin-stats article { min-height: 86px; padding: 18px 20px; gap: 15px; }
.notes-admin-stats article > span { font-size: 28px; }
.notes-admin-stats b { font-size: 28px; }
.notes-admin-stats small { margin-top: 5px; font-size: 14px; }
.notes-admin-stats article.complete { border-color: color-mix(in srgb, #1f8b63 38%, var(--line)); }
.notes-admin-stats article.complete > span { color: #1f8b63; }
.notes-admin-stats article.attention { border-color: color-mix(in srgb, #b54747 42%, var(--line)); }

.notes-admin-grid { grid-template-columns: minmax(390px, 430px) minmax(0, 1fr); gap: 22px; align-items: start; }
.notes-admin-browser { padding: 18px; }
.notes-admin-search { height: 56px; padding-inline: 16px; }
.notes-admin-search input { font-size: 16px; }
.notes-admin-list { max-height: min(720px, calc(100vh - 350px)); margin-top: 12px; gap: 7px; }
.notes-admin-list button { min-height: 82px; padding: 9px 11px; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 13px; }
.notes-admin-list img { width: 64px; height: 64px; padding: 4px; object-fit: contain; object-position: center; background: #fff; }
.notes-admin-list b { font-size: 16px; line-height: 1.45; }
.notes-admin-list small { margin-top: 4px; font-size: 13.5px; line-height: 1.5; }
.notes-admin-list button > i { font-size: 17px; }

.notes-admin-tabs { margin-bottom: 16px; gap: 8px; flex-wrap: wrap; }
.notes-admin-tabs button { min-height: 44px; padding: 10px 18px; font-size: 14px; }
.notes-editor-form { padding: clamp(22px, 2.4vw, 34px); }
.notes-editor-heading { margin-bottom: 24px; }
.notes-editor-heading small { font-size: 11px; }
.notes-editor-heading h3 { margin-top: 5px; font-size: clamp(24px, 2vw, 32px); }

.notes-editor-form .review-grid { gap: 16px; }
.notes-editor-form .review-grid label { gap: 9px; color: var(--ink); font-size: 15px; font-weight: 700; }
.notes-editor-form .review-grid input,
.notes-editor-form .review-grid select,
.notes-editor-form .review-grid textarea { height: 52px; padding: 12px 14px; font-size: 16px; line-height: 1.55; }
.notes-editor-form .review-grid textarea { height: 150px; }

.note-image-editor { margin: 24px 0; padding: 18px; grid-template-columns: 180px minmax(0, 1fr); gap: 22px; align-items: stretch; }
.note-image-editor > img { width: 180px; height: 180px; padding: 8px; object-fit: contain; background: #fff; }
.note-image-editor > div { align-content: start; gap: 12px; }
.note-image-editor label { gap: 8px; font-size: 15px; }
.note-image-editor input { min-height: 50px; padding: 11px 13px; font-size: 15px; }
.note-image-editor .gallery-upload { min-height: 76px; padding: 12px 14px; }
.note-image-editor .gallery-upload b { font-size: 15px; }
.note-image-editor .gallery-upload small { font-size: 13px; line-height: 1.6; }
.note-image-status { min-height: 22px; margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }

.note-merge-row { margin: 22px 0; padding: 18px; gap: 9px; }
.note-merge-row label { font-size: 15px; }
.note-merge-row select { min-height: 50px; padding-inline: 13px; font-size: 15px; }
.note-merge-row small { font-size: 13px; line-height: 1.65; }
.notes-editor-form > .button[type="submit"] { min-height: 52px; padding: 13px 24px; font-size: 16px; }
.unclassified-notes-list b { font-size: 16px; }
.unclassified-notes-list small { font-size: 13px; }
.unclassified-notes-list button { min-height: 42px; padding: 9px 13px; font-size: 14px; }

@media (max-width: 1260px) {
  .notes-admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .notes-admin-grid { grid-template-columns: 340px minmax(0, 1fr); }
  .notes-editor-form .review-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .notes-admin-panel { width: 100%; }
  .notes-admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .notes-admin-grid { grid-template-columns: 1fr; }
  .notes-admin-list { max-height: 340px; }
}

@media (max-width: 580px) {
  .notes-editor-form .review-grid,
  .notes-editor-form .description-grid { grid-template-columns: 1fr; }
  .notes-admin-stats { grid-template-columns: 1fr; }
  .note-image-editor { grid-template-columns: 1fr; }
  .note-image-editor > img { width: 100%; height: 220px; }
}