/* App-spezifische Overrides für modifications.css (Framework v2.0.0) */
/* Projekt-spezifische Parent-Selektoren und Anpassungen */

/* ================================================================
   TABLE STYLING - Allgemein
   ================================================================ */

/* Kleine Button-Variante für Tabellen */
.button-small
{
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
}

/* Zentrierte Tabellenspalten */
.center-align
{
    text-align: center;
}

/* Aktionsspalten in Tabellen */
td.actions,
th.actions
{
    text-align: center;
    white-space: nowrap;
}

td.actions
{
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* Avatar-Spalte in Tabellen */
.col-avatar img,
.col-avatar .material-symbols-outlined
{
    display: block;
    margin: 0 auto;
}

.col-avatar .material-symbols-outlined
{
    font-size: 24px;
    color: #999;
}

/* Tabellenzeilenstile für Deaktivierung/Wartestand */
tr.deactivated
{
    opacity: 0.6;
    background-color: #F5F5F5;
}

tr.pending
{
    background-color: #FAFAFA;
    border-left: 3px solid #999;
}

/* ================================================================
   CARD - Body Text Padding
   ================================================================ */

/* Card-Body-Text: Padding wie card-body */
.card-body-text
{
    padding: var(--space-md);
}

/* ================================================================
   DASHBOARD - Halter & Züchter (Alte Card-Struktur - deprecated)
   ================================================================ */

/* Dashboard Tiere-Cards Grid */
#dashboard-halter .dashboard-pets,
#dashboard-zuechter .dashboard-pets
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

/* Einzelne Tier-Card */
#dashboard-halter .pet-card,
#dashboard-zuechter .pet-card
{
    border: 1px solid #DDD;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: #FFF;
}

#dashboard-halter .pet-card.deactivated,
#dashboard-zuechter .pet-card.deactivated
{
    opacity: 0.5;
    background: #F5F5F5;
}

#dashboard-halter .pet-card.pending,
#dashboard-zuechter .pet-card.pending
{
    border-color: #999;
    background: #FAFAFA;
}

/* Avatar in Pet-Card */
#dashboard-halter .pet-avatar,
#dashboard-zuechter .pet-avatar
{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDD;
    background: #F9F9F9;
}

#dashboard-halter .pet-avatar img,
#dashboard-zuechter .pet-avatar img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dashboard-halter .pet-avatar .material-symbols-outlined,
#dashboard-zuechter .pet-avatar .material-symbols-outlined
{
    font-size: 48px;
    color: #999;
}

/* Pet Info */
#dashboard-halter .pet-info,
#dashboard-zuechter .pet-info
{
    text-align: center;
}

#dashboard-halter .pet-info h3,
#dashboard-zuechter .pet-info h3
{
    margin: 0;
    font-size: 1.1rem;
}

#dashboard-halter .pet-info p,
#dashboard-zuechter .pet-info p
{
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
    color: #666;
}

/* Pet Status */
#dashboard-halter .pet-status,
#dashboard-zuechter .pet-status
{
    text-align: center;
}

/* Pet Actions */
#dashboard-halter .pet-actions,
#dashboard-zuechter .pet-actions
{
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-top: auto;
}

#dashboard-halter .pet-actions .button,
#dashboard-zuechter .pet-actions .button
{
    flex: 1;
    text-align: center;
}

/* Tiere-Zähler */
#dashboard-zuechter .pet-count
{
    color: #666;
    margin-bottom: 0.5rem;
}

/* ================================================================
   DASHBOARD ZÜCHTER - Zwinger (deprecated)
   ================================================================ */

#dashboard-zuechter .kennel-overview
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

#dashboard-zuechter .kennel-badge
{
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #EEE;
    border: 1px solid #CCC;
    font-size: 0.9rem;
}

/* ================================================================
   PETSBOOK CHAT - Tagebuch/Zuchtbuch Chat-View
   ================================================================ */

/* Chat-Container */
#petsbook-chat
{
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #FFF;
}

/* Kopfbereich */
#petsbook-chat .chat-header
{
    background: #FFF;
    border-bottom: 1px solid #DDD;
    padding: 1rem;
    flex-shrink: 0;
}

#petsbook-chat .header-top
{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

#petsbook-chat .header-info
{
    flex: 1;
}

/* Pet-Header */
#petsbook-chat .pet-header
{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

#petsbook-chat .pet-header .avatar
{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid #DDD;
}

#petsbook-chat .pet-header .avatar-placeholder
{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #999;
    background: #F9F9F9;
    border: 1px solid #DDD;
    border-radius: 4px;
}

#petsbook-chat .pet-info
{
    flex: 1;
}

#petsbook-chat .pet-info h2
{
    margin: 0 0 0.25rem;
    font-size: 1.3rem;
}

#petsbook-chat .pet-meta
{
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.9rem;
    color: #666;
}

/* Kennel-Header */
#petsbook-chat .kennel-header
{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

#petsbook-chat .kennel-header .kennel-logo
{
    width: 60px;
    height: 60px;
    border-radius: 4px;
    object-fit: contain;
    background: #F9F9F9;
    border: 1px solid #DDD;
}

#petsbook-chat .kennel-header .kennel-placeholder
{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #999;
    background: #F9F9F9;
    border: 1px solid #DDD;
    border-radius: 4px;
}

#petsbook-chat .kennel-info
{
    flex: 1;
}

#petsbook-chat .kennel-info h2
{
    margin: 0 0 0.25rem;
    font-size: 1.3rem;
}

#petsbook-chat .kennel-subtitle
{
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}

/* Chat-Nachrichtenbereich */
#petsbook-chat .chat-messages
{
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: #FAFAFA;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Einzelner Chat-Eintrag */
#petsbook-chat .chat-entry
{
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 0.75rem;
    display: flex;
    gap: 0.5rem;
    position: relative;
}

#petsbook-chat .chat-entry.is-private
{
    opacity: 0.7;
    background: #F5F5F5;
    border-color: #CCC;
}

/* Entry Zeitstempel */
#petsbook-chat .entry-timestamp
{
    font-size: 0.75rem;
    color: #999;
    font-weight: 500;
    min-width: 120px;
}

/* Entry Inhalt */
#petsbook-chat .entry-content
{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#petsbook-chat .chat-entry-text
{
    word-break: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
}

#petsbook-chat .chat-entry-image
{
    max-width: 300px;
    max-height: 300px;
}

#petsbook-chat .chat-entry-image img
{
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #DDD;
    border-radius: 4px;
}

/* Entry Footer */
#petsbook-chat .entry-footer
{
    font-size: 0.75rem;
    color: #999;
}

/* Chat-Aktionen */
#petsbook-chat .chat-entry-actions
{
    display: flex;
    gap: 0.25rem;
    flex-direction: column;
    align-items: center;
    margin-left: 0.5rem;
}

#petsbook-chat .action-btn
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: #EEE;
    cursor: pointer;
    font-size: 0.9rem;
    color: #333;
    border-radius: 2px;
}

#petsbook-chat .action-btn:hover
{
    background: #DDD;
}

#petsbook-chat .action-btn.delete:hover
{
    background: #DDD;
    color: #333;
}

#petsbook-chat .action-btn .material-symbols-outlined
{
    font-size: 18px;
}

/* Eingabebereich */
#petsbook-chat .chat-input
{
    background: #FFF;
    border-top: 1px solid #DDD;
    padding: 1rem;
    flex-shrink: 0;
}

#petsbook-chat .input-group
{
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}

#petsbook-chat .input-actions
{
    display: flex;
    gap: 0.5rem;
}

#petsbook-chat .textarea
{
    resize: vertical;
    min-height: 60px;
    max-height: 150px;
    overflow-y: auto;
}

#petsbook-chat .file-upload
{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
}

#petsbook-chat .input-actions .button-primary
{
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive */
@media (max-width: 768px)
{
    #petsbook-chat .pet-header,
    #petsbook-chat .kennel-header
    {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #petsbook-chat .pet-info,
    #petsbook-chat .kennel-info
    {
        width: 100%;
    }

    #petsbook-chat .pet-meta
    {
        justify-content: center;
    }

    #petsbook-chat .header-top
    {
        flex-direction: column;
    }

    #petsbook-chat .header-top .button-secondary
    {
        width: 100%;
    }

    #petsbook-chat .chat-entry
    {
        flex-wrap: wrap;
    }

    #petsbook-chat .chat-entry-actions
    {
        flex-direction: row;
        width: 100%;
        justify-content: flex-end;
        margin-left: 0;
        margin-top: 0.5rem;
    }

    #petsbook-chat .chat-messages
    {
        padding: 0.5rem;
    }

    #petsbook-chat .chat-input
    {
        padding: 0.5rem;
    }
}

/* ================================================================
   DNA-MARKER EINGABE - ISAG 2006 & ISAG 2020
   ================================================================ */

/* Marker-Grid: 3 Spalten für ISAG 2006 (auch auf Mobile, da Werte nur 3-stellig) */
#dna-isag2006 .markers
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

/* Marker-Grid: 3 Spalten auf Desktop für ISAG 2020 (231 Marker kompakt) */
#dna-isag2020 .markers
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

/* Marker: Label + 2 Inputs nebeneinander */
#dna-isag2006 .markers .form-group,
#dna-isag2020 .markers .form-group
{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0;
    padding: 0.5rem;
    border: 1px solid #EEE;
}

/* Label-Breite fixieren */
#dna-isag2006 .markers .form-label,
#dna-isag2020 .markers .form-label
{
    min-width: 120px;
    margin-bottom: 0;
    font-size: 13px;
}

/* Allele-Inputs nebeneinander */
#dna-isag2006 .markers .inputs,
#dna-isag2020 .markers .inputs
{
    display: flex;
    gap: 0.25rem;
}

/* ISAG 2006: Input-Breite für Zahlenwerte */
#dna-isag2006 .markers .form-input
{
    max-width: 80px;
    text-align: center;
}

/* ISAG 2020: Chromosom-Gruppen */
#dna-isag2020 .chromosome-group
{
    margin-bottom: 2rem;
}

#dna-isag2020 .chromosome-group h3
{
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    background: #F5F5F5;
    border-left: 3px solid #000;
    font-size: 1rem;
    font-weight: 600;
}

/* Bild-Vorschau: Nebeneinander */
#dna-isag2006 .images
{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

#dna-isag2006 .image-item
{
    text-align: center;
}

#dna-isag2006 .image-item img
{
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #CCC;
    object-fit: contain;
    display: block;
    margin-bottom: 0.5rem;
}

/* DNA-Eingabe: Responsive */

/* Tablet: 2 Spalten für ISAG 2020 */
@media (max-width: 1024px)
{
    #dna-isag2020 .markers
    {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 Spalte für ISAG 2020 (ISAG 2006 bleibt bei 3 Spalten) */
@media (max-width: 768px)
{
    #dna-isag2020 .markers
    {
        grid-template-columns: 1fr;
    }
}

/* DNA-Formular: Dokument-Einträge (verschachtelte form-group) */
#dna-isag2006 .form-group .form-group,
#dna-isag2020 .form-group .form-group
{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 8px;
    margin-bottom: 4px;
    border: 1px solid #CCC;
    background: #FFF;
}

/* DNA-Formular: Icons in Dokument-Einträgen groß (24px) */
#dna-isag2006 .form-group .form-group .material-symbols-outlined,
#dna-isag2020 .form-group .form-group .material-symbols-outlined
{
    font-size: 24px;
    flex-shrink: 0;
}

/* DNA-Formular: Dokument-Text */
#dna-isag2006 .form-group .form-group > span,
#dna-isag2020 .form-group .form-group > span
{
    flex: 1;
}

/* DNA-Formular: Checkbox und Label rechts */
#dna-isag2006 .form-group .form-group input[type="checkbox"],
#dna-isag2020 .form-group .form-group input[type="checkbox"]
{
    margin: 0;
    flex-shrink: 0;
}

#dna-isag2006 .form-group .form-group label,
#dna-isag2020 .form-group .form-group label
{
    margin: 0;
    flex-shrink: 0;
}

/* ================================================================
   DNA-AUSWAHL - DNA-Profil-Standard auswählen
   ================================================================ */

/* Options-Container: 2-Spalten-Grid */
#dna-select .dna-options
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin: 1rem 0;
}

/* Cards in dna-options: klickbar */
#dna-select .dna-options .card
{
    cursor: pointer;
    text-decoration: none;
    color: #000;
    transition: all 0.2s ease;
    padding: var(--space-md);
}

/* Hover-Effekt */
#dna-select .dna-options .card:hover
{
    border-color: #000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Card-Inhalte */
#dna-select .dna-options .card h3
{
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
}

#dna-select .dna-options .card p
{
    margin: 0.25rem 0;
    color: #666;
}

/* Chip-Info */
#dna-select .chip-info
{
    margin-bottom: 1rem;
    color: #666;
}

/* Responsive: Mobile 1-Spalte */
@media (max-width: 768px)
{
    #dna-select .dna-options
    {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   DECK-/WURFMELDUNG - PetsBreedingPairing
   ================================================================ */

/* Deck-/Wurfmeldung: Grosse Avatare */
#litter-report .avatar,
#register-puppies .avatar
{
    width: 120px;
    height: 120px;
}

/* Deck-/Wurfmeldung: Elterntier-Bereich nebeneinander */
#litter-report .detail-row,
#register-puppies .detail-row
{
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
}

#litter-report .detail-row > div,
#register-puppies .detail-row > div
{
    flex: 1;
    text-align: center;
}

/* Deckmeldung: Tabelle Stornieren-Button rechts */
#mating-report .table .button-danger
{
    padding: 4px 8px;
    font-size: 0.85em;
}

/* Welpen-Registrierung: Cards nebeneinander */
#register-puppies .card
{
    margin-bottom: 16px;
    padding: 16px;
}

/* ================================================================
   PEDIGREE EDIT - Ahnentafel-Eingabe (Baum-Einrueckung)
   ================================================================ */

/* Grosseltern-Ebene (110, 120, 210, 220) */
#pedigree-edit .form-group[data-depth="1"]
{
    padding-left: 24px;
}

/* Urgrosseltern-Ebene (111-222) */
#pedigree-edit .form-group[data-depth="2"]
{
    padding-left: 48px;
}

/* ================================================================
   REPORT/CONFIRM DECEASED - Verstorben-Meldung
   ================================================================ */

/* Pet-Header für Report/Confirm Deceased */
#report-deceased .pet-header,
#confirm-deceased .pet-header
{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

#report-deceased .pet-info,
#confirm-deceased .pet-info
{
    flex: 1;
}

#report-deceased .pet-info h2,
#confirm-deceased .pet-info h2
{
    margin: 0 0 0.25rem;
    font-size: 1.5rem;
}

#report-deceased .pet-chip,
#confirm-deceased .pet-chip
{
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}

/* Confirm Deceased: Detail-Rows */
#confirm-deceased .detail-row
{
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #EEE;
}

#confirm-deceased .detail-label
{
    font-weight: bold;
    color: #333;
}

#confirm-deceased .detail-value
{
    color: #666;
}

/* ================================================================
   PETS-USER - Tierliste
   ================================================================ */

#pets-user .table
{
    table-layout: fixed;
}

#pets-user .table th:nth-child(1) { width: 50px; }
#pets-user .table th:nth-child(3) { width: 140px; }
#pets-user .table th:nth-child(5) { width: 110px; }
#pets-user .table th:nth-child(6) { width: 110px; }
#pets-user .table th:nth-child(7) { width: 130px; }

#pets-user .table td:nth-child(2),
#pets-user .table td:nth-child(4),
#pets-user .table td:nth-child(6)
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
}

/* ================================================================
   PETS EDIT - Simple Edit Form
   ================================================================ */

/* Avatar-Box für Pet-Bild */
#pet-edit .avatar-box
{
    text-align: center;
    margin-bottom: 1rem;
}

#pet-edit .avatar-box img
{
    width: 120px;
    height: 120px;
    border: 1px solid #CCC;
    border-radius: 4px;
    object-fit: cover;
    display: block;
    margin: 0 auto 0.5rem;
}

#pet-edit .avatar-box .avatar-placeholder
{
    width: 120px;
    height: 120px;
    margin: 0 auto 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #F9F9F9;
    font-size: 48px;
    color: #999;
}

/* File-Upload Button - Touch-friendly */
#pet-edit .file-upload
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
}

/* Hinweis-Box Styling */
#pet-edit .hint-box
{
    margin-top: 1rem;
    padding: 0.75rem;
    background: #F5F5F5;
    border-left: 3px solid #999;
}

#pet-edit .hint-box a
{
    color: #000;
    text-decoration: underline;
}

/* ================================================================
   PETS REQUEST - Edit Request Form
   ================================================================ */

/* Aktuelle Daten readonly Anzeige */
#pet-request .current-data
{
    background: #F9F9F9;
    border: 1px solid #EEE;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 2px;
}

#pet-request .current-data h3
{
    margin-top: 0;
    font-size: 1rem;
    color: #333;
}

/* Textarea für Begründung */
#pet-request .textarea,
#admin-requests .textarea
{
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #000;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    min-height: 80px;
    box-sizing: border-box;
    border-radius: 2px;
}

#pet-request .textarea:focus,
#admin-requests .textarea:focus
{
    outline: none;
    border-color: #000;
}

/* Offene Anträge Tabelle */
#pet-request .open-requests
{
    margin-top: 1.5rem;
}

#pet-request .open-requests h3
{
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

/* ================================================================
   ADMIN REQUESTS - Request Management
   ================================================================ */

/* Cards-Grid für Anträge */
#admin-requests .requests-grid
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

/* Einzelne Request-Card */
#admin-requests .request-card
{
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 1rem;
    background: #FFF;
}

#admin-requests .request-card.pending
{
    border-color: #999;
    background: #FAFAFA;
}

/* Request-Header mit Tier-Info */
#admin-requests .request-header
{
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #EEE;
}

#admin-requests .request-header .avatar
{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border: 1px solid #CCC;
    border-radius: 2px;
    object-fit: cover;
}

#admin-requests .request-header .avatar-placeholder
{
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CCC;
    border-radius: 2px;
    background: #F9F9F9;
    font-size: 36px;
    color: #999;
}

#admin-requests .request-info
{
    flex: 1;
}

#admin-requests .request-info h4
{
    margin: 0 0 0.25rem;
    font-size: 1rem;
}

#admin-requests .request-info p
{
    margin: 0.25rem 0;
    font-size: 0.9rem;
    color: #666;
}

/* Änderungs-Tabelle in Request-Card */
#admin-requests .changes-table
{
    width: 100%;
    margin: 0.75rem 0;
    font-size: 0.9rem;
}

#admin-requests .changes-table td
{
    padding: 0.5rem;
    border-bottom: 1px solid #EEE;
}

#admin-requests .changes-table td:first-child
{
    font-weight: 600;
    width: 40%;
}

#admin-requests .changes-table .old-value
{
    text-decoration: line-through;
    color: #999;
}

#admin-requests .changes-table .new-value
{
    color: #000;
    font-weight: 500;
}

/* Begründung in Request-Card */
#admin-requests .request-reason
{
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: #F5F5F5;
    border-left: 3px solid #CCC;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Actions-Bereich in Request-Card */
#admin-requests .request-actions
{
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #EEE;
    flex-wrap: wrap;
}

#admin-requests .request-actions .button
{
    flex: 1;
    min-width: 120px;
    text-align: center;
}

/* Textarea für Admin-Ablehnung */
#admin-requests .rejection-reason
{
    margin-top: 0.5rem;
    width: 100%;
}

/* Responsive */
@media (max-width: 768px)
{
    #admin-requests .requests-grid
    {
        grid-template-columns: 1fr;
    }

    #pet-edit .avatar-box img,
    #pet-edit .avatar-box .avatar-placeholder
    {
        width: 100px;
        height: 100px;
        font-size: 36px;
    }

    #admin-requests .request-header
    {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #admin-requests .request-info
    {
        width: 100%;
    }

    #admin-requests .changes-table td:first-child
    {
        width: auto;
    }

    #admin-requests .request-actions .button
    {
        width: 100%;
    }
}