/* MITÃIS — Admin: grupos del perchero y pestaña «Fotos y prompts». */

.admin-count { margin-left: 8px; padding: 3px 9px; border-radius: 999px; background: #161412; color: #f3eee6; font: 500 10px var(--mono, monospace); letter-spacing: .08em; vertical-align: 3px; }
#adminTab-rack .admin-card h3:has(.admin-count){display:flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-count{white-space:nowrap;flex-shrink:0}
.admin-hang-all { margin: 10px 0 14px; }
.admin-groups-card { grid-column: 1 / -1; margin-top: 16px; }
.admin-groups-card .admin-preset-row input { flex: 1; min-width: 180px; height: 38px; padding: 0 12px; border: 1px solid #cfc7bc; border-radius: 8px; background: #fff; }
.admin-groups-list { display: grid; gap: 8px; margin-top: 14px; }
.admin-group-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #e2dbd0; border-radius: 10px; background: #fbf8f3; }
.admin-group-row strong { display: block; font-size: 14px; }
.admin-group-row small { color: #6f675f; font-size: 11px; }

#adminTab-photos .admin-card + .admin-card { margin-top: 16px; }
.guide-steps { margin: 0; padding-left: 20px; display: grid; gap: 10px; font-size: 14px; line-height: 1.55; color: #3d3833; }
.guide-steps code, .guide-meta code, #adminTab-photos .admin-help code { padding: 1px 6px; border-radius: 5px; background: #efe8de; font-size: 12px; word-break: break-all; }
.guide-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.guide-form label { display: grid; gap: 6px; font-size: 12px; font-weight: 600; }
.guide-form select { height: 40px; padding: 0 10px; border: 1px solid #cfc7bc; border-radius: 8px; background: #fff; }
.guide-form select:disabled { opacity: .45; }
.guide-meta { display: grid; gap: 4px; margin-bottom: 10px; font-size: 13px; color: #3d3833; }
.guide-meta p { margin: 0; }
.guide-prompt { width: 100%; min-height: 260px; font: 12.5px/1.55 var(--mono, monospace); white-space: pre-wrap; }
.guide-table { display: grid; gap: 10px; }
.admin-upload-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;margin:18px 0}.admin-upload-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.admin-upload-form select,.admin-upload-form input{width:100%;min-height:40px;border:1px solid #cfc7bc;background:#fff;border-radius:7px;padding:7px}.admin-upload-form p{grid-column:1/-1;margin:0}
.guide-row {
  display: grid; grid-template-columns: 118px minmax(140px, 1fr) minmax(170px, 1.3fr) minmax(170px, 1.3fr) auto auto; align-items: center; gap: 12px;
  padding: 12px; border: 1px solid #e2dbd0; border-radius: 12px; background: #fbf8f3;
}
.guide-thumbs { display: flex; gap: 6px; }
.guide-thumbs figure { position: relative; width: 56px; height: 70px; margin: 0; border-radius: 8px; overflow: hidden; background: #ece4d8; }
.guide-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.guide-thumbs figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px; background: rgba(22, 20, 18, .55); color: #fff; font-size: 9px; text-align: center; }
.guide-thumbs figure.is-empty::before, .guide-thumbs figure.is-missing::before { content: '—'; position: absolute; inset: 0; display: grid; place-items: center; color: #9c9389; font-size: 18px; }
.guide-thumbs figure.is-missing { outline: 2px solid #b32132; }
.guide-thumbs figure.is-missing img { opacity: 0; }
.guide-name strong { display: block; font-size: 14px; }
.guide-name small { color: #6f675f; font-size: 11px; }
.guide-row label { display: grid; gap: 4px; font-size: 11px; font-weight: 600; color: #6f675f; }
.guide-row input[type="text"] { height: 34px; padding: 0 9px; border: 1px solid #cfc7bc; border-radius: 7px; background: #fff; font: 11.5px var(--mono, monospace); min-width: 0; }
.guide-check { display: flex !important; align-items: center; gap: 6px; white-space: nowrap; }

@media (max-width: 980px) {
  .admin-upload-form{grid-template-columns:1fr 1fr}.admin-upload-form button{justify-self:start}
  .guide-form { grid-template-columns: 1fr; }
  .guide-row { grid-template-columns: 118px minmax(0, 1fr); }
  .guide-row label { grid-column: 1 / -1; }
}
@media (max-width: 600px) {.admin-upload-form{grid-template-columns:1fr}}