/* Apartado administrativo de fotos de la entrega v62. */
.admin-photo-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin: 23px 0 0; }
.admin-photo-tabs button { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 15px; border: 1px solid #633046; border-radius: 12px; background: #301723; color: #fff7fa; font: 700 12px "DM Sans", sans-serif; cursor: pointer; }
.admin-photo-tabs button.active { border-color: #e83f7a; background: #4a1b31; color: #ffb0cd; }
.admin-photo-tabs b { display: grid; min-width: 23px; height: 23px; place-items: center; border-radius: 100px; background: #4b2435; font-size: 10px; }
.admin-photo-tabs button[data-photo-filter="without-photo"] b { background: #611e39; color: #ffc1d7; }
.admin-photo-filter-note { margin: 10px 0 0; color: #ddb7c6; font-size: 12px; }
.product-list-empty { padding: 32px 18px; color: #ddb7c6; text-align: center; }
.product-row .thumb { border: 1px solid rgba(232,63,122,.18); background: #fff; }
.product-row .thumb img { padding: 3px; box-sizing: border-box; object-fit: contain; filter: drop-shadow(0 4px 4px rgba(44,17,28,.1)); }
.photo-removal-panel { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px; border: 1px solid #623248; border-radius: 13px; background: #301723; }
.photo-removal-panel strong { display: block; font-size: 12px; }
.photo-removal-panel p { margin: 5px 0 0; color: #ddb7c6; font-size: 11px; line-height: 1.45; }
.photo-removal-panel button { flex: 0 0 auto; }
.photo-removal-panel.is-cleared { border-color: #df477c; background: #4a1b31; }
.light-mode .admin-photo-tabs button { border-color: #f0e4e7; background: #fff; color: #20171b; }
.light-mode .admin-photo-tabs button.active { border-color: #e83f7a; background: #fff0f5; color: #bd235b; }
.light-mode .admin-photo-tabs b { background: #f4e8ed; }
.light-mode .admin-photo-filter-note,.light-mode .product-list-empty { color: #786b70; }
.light-mode .photo-removal-panel { border-color: #f0e4e7; background: #fff8fa; }
.light-mode .photo-removal-panel p { color: #786b70; }
.light-mode .photo-removal-panel.is-cleared { border-color: #df477c; background: #fff0f5; }
@media (min-width: 621px) and (max-width: 900px) {
  .settings-card,.users-card,.store-card { display: block; }
  .google-settings,.user-form,.store-form { margin-top: 18px; }
  .google-settings { grid-template-columns: minmax(0,1fr) auto; }
  .user-form,.store-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .google-settings label,.user-form label,.store-form label { min-width: 0; }
  .google-settings input,.user-form input,.user-form select,.store-form input { width: 100%; min-width: 0; box-sizing: border-box; }
  .user-form .primary-admin-button,.store-form .primary-admin-button { justify-self: start; }
  .store-address-label { grid-column: 1 / -1; }
  .team-user { align-items: flex-start; flex-direction: column; }
  .team-user-actions { width: 100%; flex-wrap: wrap; }
}
@media (max-width: 620px) { .admin-photo-tabs { display: grid; grid-template-columns: 1fr 1fr; } .admin-photo-tabs button { justify-content: center; padding: 0 10px; } .admin-photo-tabs button:first-child { grid-column: 1 / -1; } .photo-removal-panel { align-items: stretch; flex-direction: column; } .photo-removal-panel button { width: 100%; } }
