/* ============================================
   ADMIN PANEL — layout & utility styles
   Extracted from inline style= attributes 2026-04-30.
   Only loaded via index.html; not part of the public design system.
   ============================================ */

/* Login overlay buttons */
#adminLogin .btn:first-of-type  { width: 100%; margin-top: 16px; }
#adminLogin .btn:last-of-type   { width: 100%; margin-top: 8px; }

/* Hide password-confirm group by default (JS reveals it) */
#adminPassConfirmGroup { display: none; }

/* Gallery panel — upload category row */
.admin-upload-category-row {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.admin-upload-category-row label {
  font-size: .85rem;
  color: var(--ds-ink-muted, var(--text2));
}
#uploadCategory {
  padding: 8px 12px;
  border: 1px solid var(--ds-ink-muted, var(--border2));
  border-radius: var(--radius, 4px);
  background: var(--ds-bone, var(--bg2));
  color: var(--ds-ink, var(--text));
  font-size: .85rem;
  min-width: 180px;
}

/* Hidden file inputs */
#fileInput,
#aboutPhotoInput { display: none; }

/* Admin panel: Services action buttons */
#adminPanelServices .admin-panel-actions .btn:first-child { margin-top: 16px; }
#adminPanelServices .admin-panel-actions .btn:last-child  { margin-top: 16px; margin-left: 12px; }

/* Admin panel: About — first form-group spacing */
.admin-about-name-group { margin-top: 20px; }

/* Admin panel: About — section headings */
.admin-about-section h3 + .admin-section-body,
.admin-about-section-heading-bio  { margin-top: 24px; }

/* Admin panel: Testimonials action buttons */
#adminPanelTestimonials .admin-panel-actions .btn:first-child { margin-top: 16px; }
#adminPanelTestimonials .admin-panel-actions .btn:last-child  { margin-top: 16px; margin-left: 12px; }

/* Admin panel: About — save button */
#adminPanelAbout .admin-panel-save    { margin-top: 24px; }

/* Admin panel: Settings — Telegram note */
.admin-tg-note {
  font-size: .8rem;
  color: var(--ds-ink-muted, var(--text3));
  margin-bottom: 16px;
}

/* Admin panel: Settings — password heading */
.admin-password-heading { margin-top: 32px; }

/* Admin panel: Settings — save button */
#adminPanelSettings .admin-panel-save { margin-top: 24px; }