/* Clear, low-friction controls for the non-technical store administrator. */
.admin-help { color: var(--muted); margin: 12px 0 0; }
.admin-utility-bar { display: flex; justify-content: space-between; align-items: center; gap: 14px; min-height: 42px; margin-bottom: 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--muted); font: 500 12px 'DM Mono', monospace; }
.admin-utility-bar > div { display: flex; align-items: center; gap: 18px; }
.admin-utility-bar a { color: var(--teal); font: 600 14px 'DM Sans', sans-serif; text-decoration: none; }
.admin-utility-bar form { margin: 0; }
.form-section { border: 1px solid var(--line); border-radius: 12px; margin: 20px 0; padding: 8px 18px 14px; }
.form-section legend { color: var(--teal); font: 600 13px 'DM Sans', sans-serif; padding: 0 7px; }
.form-card select { display: block; width: 100%; margin-top: 7px; border: 1px solid #cfc5ba; border-radius: 7px; background: #fffdf9; color: var(--ink); font: 16px 'DM Sans', sans-serif; padding: 11px; }
.or-divider { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; margin: 17px 0 0; }
.or-divider::before, .or-divider::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.form-card .form-row small { line-height: 1.45; }
@media (max-width: 720px) { .admin-actions { flex-wrap: wrap; } .admin-utility-bar { align-items: flex-start; flex-direction: column; } }