/* ---------- Admin panel ---------- */
#admin-view { padding: 18px 18px 120px; }

.admin-panel-header {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}
.admin-panel-header h2 { font-size: 1.2rem; }
.admin-panel-header p { color: #9aa5b6; font-size: 0.9rem; }
.admin-panel-header .action-button { align-self: flex-start; }

.admin-panel-section { margin-bottom: 24px; }
.admin-panel-section h3 { font-size: 1rem; margin-bottom: 10px; color: #d6deec; }

.admin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}
.admin-grid-compact {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}
.admin-card-compact { padding: 10px; gap: 6px; }
.admin-card-compact .admin-card-media { height: 72px; font-size: 1.4rem; }
.admin-card-compact .admin-card-title { font-size: 0.9rem; }
.admin-card-compact .admin-card-subtitle { font-size: 0.72rem; }
.admin-card-compact .admin-card-actions { margin-top: 4px; }

/* Compact list for approved items — scannable row per entry */
.admin-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #2a3142;
    border-radius: 10px;
    overflow: hidden;
    background: #131a24;
}
.admin-list-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid #222a3a;
}
.admin-list-row:last-child { border-bottom: none; }
.admin-list-row:hover { background: #171f2c; }
.admin-list-thumb {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #0f1420;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    color: #9aa3b8;
    font-size: 0.95rem;
}
.admin-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
.admin-list-main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
}
.admin-list-title {
    color: #f6f9ff;
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin-list-subtitle {
    color: #8a95a9;
    font-size: 0.72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.admin-list-btn {
    padding: 6px 10px;
    font-size: 0.95rem;
    border-radius: 8px;
    border: 0;
    min-width: 36px;
    flex-shrink: 0;
    cursor: pointer;
    background: #ef4444;
    color: #fff;
    font-weight: 600;
}
.admin-list-btn:hover { background: #dc2626; }
.admin-list-toggle {
    background: #1f2937;
    color: #cbd5e1;
    border: 0;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 0.95rem;
    min-width: 36px;
    flex-shrink: 0;
    cursor: pointer;
}
.admin-list-toggle:hover { background: #2a3142; }

.admin-list-row-expandable { flex-direction: column; align-items: stretch; padding: 0; }
.admin-list-row-expandable .admin-list-row-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
}
.admin-list-row-expandable .admin-list-row-head:hover { background: #171f2c; }
.admin-list-row-body {
    padding: 10px 12px 12px;
    border-top: 1px solid #222a3a;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.admin-list-row-body[hidden] { display: none; }
.admin-list-row-body label {
    color: #cbd5e1;
    font-size: 0.8rem;
    font-weight: 600;
}
.admin-list-row-body textarea {
    background: #0f1420;
    border: 1px solid #2a3142;
    color: #e6edf7;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 1rem;
    font-family: inherit;
    resize: vertical;
    min-height: 72px;
}
.admin-list-row-body textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}
.admin-list-save {
    padding: 6px 14px;
    border-radius: 8px;
    border: 0;
    background: #3b82f6;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.admin-list-save:hover { background: #2563eb; }
.admin-list-row-body input[type="text"] {
    background: #0f1420;
    border: 1px solid #2a3142;
    color: #e6edf7;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 1rem;
}
.admin-list-row-body input[type="text"]:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}
.admin-list-body-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}
.admin-list-upload {
    position: relative;
    padding: 6px 14px;
    border-radius: 8px;
    border: 0;
    background: #1f2937;
    color: #cbd5e1;
    font-weight: 600;
    cursor: pointer;
}
.admin-list-upload:hover { background: #2a3142; }
.admin-list-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

/* Burga form: address picker (replaces old location input). Lives outside the
   "Ver datos de la burga" collapsible so the branch is always visible. */
.burger-address-field { margin-bottom: 14px; }
#burger-address-group label { color: #cbd5e1; }
#burger-address {
    background: #0f1420;
    border: 1px solid #2a3142;
    color: #e6edf7;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 1rem;
    width: 100%;
}
#burger-address:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}
/* Single-address case: show the address as a read-only chip rather than a
   one-option dropdown — no choice to make, so no UI affordance needed.
   `:not([hidden])` keeps the display rule from fighting the hidden attribute
   that populateBurgerAddressSelect toggles. */
.burger-address-single:not([hidden]) {
    display: inline-block;
    background: #0f1420;
    border: 1px solid #2a3142;
    color: #e6edf7;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.95rem;
}
.burger-address-single:not([hidden])::before {
    content: '\f3c5';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-right: 8px;
    color: #8a95a9;
}

.admin-card {
    background: #141b27;
    border: 1px solid #242f42;
    border-radius: 14px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.admin-card-title { font-weight: 600; font-size: 0.98rem; }
.admin-card-subtitle { color: #8a95a9; font-size: 0.8rem; }
.admin-card-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #0f1520;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 2.6rem;
}
.admin-card-media img { width: 100%; height: 100%; object-fit: cover; }
.admin-card input[type="text"],
.admin-card textarea {
    width: 100%;
    padding: 7px 10px;
    border-radius: 8px;
    border: 1px solid #2d3850;
    background: #1a212e;
    color: #f5f7fb;
    font-size: 1rem;
    font-family: inherit;
    resize: vertical;
}
.admin-card-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.admin-card-actions button {
    flex: 1;
    padding: 8px 10px;
    border-radius: 8px;
    border: none;
    font-size: 0.88rem;
    cursor: pointer;
}
.admin-card-actions .btn-approve { background: #22c55e; color: #052e12; font-weight: 600; }
.admin-card-actions .btn-save { background: #3b82f6; color: #fff; }
.admin-card-actions .btn-reject { background: #ef4444; color: #fff; font-weight: 600; }
.admin-card-actions .btn-reject:hover { background: #dc2626; }
.admin-card-actions .btn-upload {
    background: #1f2a3d;
    color: #cbd3df;
    border: 1px solid #2f3a51;
    position: relative;
    overflow: hidden;
}
.admin-card-actions .btn-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.admin-nav-button[hidden] { display: none; }

/* Verification badge used in place header + other contextual UI */
.verification-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 600;
    margin-left: 6px;
    vertical-align: middle;
}
.verification-badge.approved { color: #4ade80; }
.verification-badge.pending { color: #facc15; }
.verification-badge .v-badge { width: 16px; height: 16px; }

/* Inline SVG verification mark. Colors are baked into the SVG itself. */
.v-badge {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Locked identity fields when scoring a pre-existing burger */
.burger-identity-locked {
    position: relative;
}
.burger-identity-locked input[readonly] {
    background: #0f1420;
    color: #cbd5e1;
    cursor: not-allowed;
    padding-right: 32px;
    border-color: #2a3142;
}
.burger-identity-locked::after {
    content: "\f023"; /* fa-lock */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: calc(50% + 8px);
    color: #6f7a8e;
    font-size: 0.85rem;
    pointer-events: none;
}

/* Preload banner above the burger form when identity fields are locked */
.burger-preload-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.35);
    border-radius: 8px;
    color: #cbd5e1;
    font-size: 0.88rem;
}
.burger-preload-banner[hidden] { display: none; }
.burger-preload-banner i { color: #60a5fa; margin-right: 4px; }
.burger-preload-report-link {
    background: none;
    border: none;
    padding: 0;
    color: #60a5fa;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    font-size: inherit;
}
.burger-preload-report-link:hover { color: #93c5fd; }

/* Feedback modal — dark theme matching #item-modal */
#feedback-modal .modal-content {
    background: #131a24;
    border: 1px solid #2e3646;
    border-radius: 16px;
    box-shadow: 0 24px 80px rgb(0 0 0 / 0.55);
    max-width: 520px;
}
#feedback-modal .modal-header {
    border-bottom: 1px solid #2e3646;
    background: #151d29;
}
#feedback-modal .modal-header h3 { color: #f6f9ff; }
#feedback-modal .modal-close { color: #9ca9bb; }
#feedback-modal .modal-close:hover { color: #f8fbff; }
#feedback-modal .modal-body {
    background: #131a24;
    color: #d4dde9;
}
#feedback-modal label {
    color: #cbd5e1;
    font-size: 0.85rem;
    font-weight: 600;
}
#feedback-modal input,
#feedback-modal select,
#feedback-modal textarea {
    background: #0f1420;
    border: 1px solid #2a3142;
    color: #e6edf7;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 1rem;
    width: 100%;
}
#feedback-modal textarea { resize: vertical; min-height: 110px; font-family: inherit; }
#feedback-modal input:focus,
#feedback-modal select:focus,
#feedback-modal textarea:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.25);
}
.feedback-intro {
    color: #9aa3b8;
    font-size: 0.9rem;
    margin: 0 0 12px;
}
.feedback-context-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 10px;
    margin-bottom: 12px;
    background: #0f1420;
    border: 1px solid #2a3142;
    border-radius: 8px;
    font-size: 0.88rem;
    color: #e6edf7;
}
.feedback-context-row[hidden] { display: none; }
.feedback-context-label { color: #9aa3b8; }
.burger-detail-report-row {
    display: flex;
    justify-content: center;
    margin: 6px 0 10px;
}
.burger-detail-report-link {
    background: none;
    border: none;
    padding: 4px 8px;
    font-size: 0.78rem;
    color: #94a3b8;
    cursor: pointer;
    opacity: 0.75;
    transition: opacity 0.15s, color 0.15s;
}
.burger-detail-report-link:hover {
    opacity: 1;
    color: #fca5a5;
    text-decoration: underline;
}
.burger-detail-report-link i { margin-right: 4px; font-size: 0.72rem; }
.action-button.secondary {
    background: #1f2937;
    color: #cbd5e1;
    border: 1px solid #2a3142;
}
.action-button.secondary:hover { background: #2a3142; }