@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/DogRegistry.UI/Components/Audit/EntityAuditHistory.razor.rz.scp.css */
.audit-history[b-79vc6m0gqy] {
    overflow: hidden;
    border: 1px solid var(--club-border);
    border-radius: 10px;
    background: #fffdf9;
}

.audit-history-heading[b-79vc6m0gqy] {
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--club-border);
    background: var(--club-cream);
}

.audit-history-title[b-79vc6m0gqy] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--club-burgundy);
    font-family: Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
}

    .audit-history-title i[b-79vc6m0gqy] {
        color: var(--club-gold);
    }

.audit-loading[b-79vc6m0gqy],
.audit-empty[b-79vc6m0gqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 110px;
    padding: 1rem;
    color: var(--club-muted);
    font-size: .85rem;
}

    .audit-loading .spinner-border[b-79vc6m0gqy] {
        color: var(--club-burgundy);
    }

    .audit-empty i[b-79vc6m0gqy] {
        color: var(--club-gold);
        font-size: 1rem;
    }


/* Timeline */

.audit-timeline[b-79vc6m0gqy] {
    padding: .35rem 1rem 1rem;
}

.audit-entry[b-79vc6m0gqy] {
    position: relative;
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: .7rem;
    padding-top: 1rem;
}

    .audit-entry:not(:last-child)[b-79vc6m0gqy]::before {
        position: absolute;
        top: 39px;
        bottom: -12px;
        left: 16px;
        width: 1px;
        content: "";
        background: var(--club-border);
    }

.audit-entry-marker[b-79vc6m0gqy] {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214, 180, 100, .55);
    border-radius: 50%;
    background: #fffdf9;
    color: var(--club-burgundy);
    font-size: .72rem;
}

.audit-entry-content[b-79vc6m0gqy] {
    min-width: 0;
    padding-bottom: .35rem;
}

.audit-entry-header[b-79vc6m0gqy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-top: .15rem;
}

.audit-action[b-79vc6m0gqy] {
    color: var(--club-text);
    font-size: .85rem;
    font-weight: 700;
}

.audit-user[b-79vc6m0gqy] {
    margin-top: .12rem;
    color: var(--club-muted);
    font-size: .72rem;
}

.audit-date[b-79vc6m0gqy] {
    white-space: nowrap;
    color: var(--club-muted);
    font-size: .7rem;
}


/* Changes */

.audit-changes[b-79vc6m0gqy] {
    margin-top: .65rem;
    overflow: hidden;
    border: 1px solid var(--club-border);
    border-radius: 7px;
}

.audit-change[b-79vc6m0gqy] {
    display: grid;
    grid-template-columns: minmax(120px, .45fr) 1fr;
    gap: 1rem;
    padding: .55rem .7rem;
    font-size: .78rem;
}

    .audit-change + .audit-change[b-79vc6m0gqy] {
        border-top: 1px solid var(--club-border);
    }

.audit-property[b-79vc6m0gqy] {
    color: var(--club-text);
    font-weight: 600;
}

.audit-values[b-79vc6m0gqy] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .audit-values i[b-79vc6m0gqy] {
        flex: 0 0 auto;
        color: var(--club-gold);
        font-size: .62rem;
    }

.audit-old-value[b-79vc6m0gqy] {
    overflow-wrap: anywhere;
    color: var(--club-muted);
    text-decoration: line-through;
}

.audit-new-value[b-79vc6m0gqy] {
    overflow-wrap: anywhere;
    color: var(--club-text);
    font-weight: 600;
}


@media (max-width: 700px) {

    .audit-entry-header[b-79vc6m0gqy] {
        flex-direction: column;
        gap: .2rem;
    }

    .audit-date[b-79vc6m0gqy] {
        white-space: normal;
    }

    .audit-change[b-79vc6m0gqy] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .audit-values[b-79vc6m0gqy] {
        flex-wrap: wrap;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/Details/DogDetailsSummary.razor.rz.scp.css */
.dog-summary-card[b-sv6itngt7a] {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    padding: 25px 30px;
    background: radial-gradient( circle at top right, rgba(214, 180, 100, 0.07), transparent 35% ), rgba(255, 255, 255, 0.88);
    border: 1px solid #e1d8ca;
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(61, 40, 30, 0.07);
}

.summary-photo[b-sv6itngt7a] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.summary-content[b-sv6itngt7a] {
    min-width: 0;
}

.summary-name-row[b-sv6itngt7a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid #e7dfd3;
}

.summary-name[b-sv6itngt7a] {
    overflow: hidden;
    color: #39271f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-club-number[b-sv6itngt7a] {
    margin-top: 5px;
    color: #8a7c71;
    font-size: 11px;
    font-weight: 600;
}

.summary-grid[b-sv6itngt7a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 18px;
}

.summary-label[b-sv6itngt7a] {
    margin-bottom: 4px;
    color: #95877c;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.summary-value[b-sv6itngt7a] {
    overflow: hidden;
    color: #49392f;
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dog-status-badge[b-sv6itngt7a] {
    min-width: 105px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.dog-status-alive[b-sv6itngt7a] {
    color: #48622f;
    background: #edf3e7;
    border: 1px solid #cdddbf;
}

.dog-status-deceased[b-sv6itngt7a] {
    color: #746a63;
    background: #efede9;
    border: 1px solid #ddd7d1;
}

@media (max-width: 1100px) {

    .dog-summary-card[b-sv6itngt7a] {
        grid-template-columns: 185px minmax(0, 1fr);
    }

    .summary-grid[b-sv6itngt7a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {

    .dog-summary-card[b-sv6itngt7a] {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 21px;
    }

    .summary-name[b-sv6itngt7a] {
        font-size: 23px;
    }
}

@media (max-width: 576px) {

    .summary-grid[b-sv6itngt7a] {
        grid-template-columns: 1fr 1fr;
    }

    .summary-name-row[b-sv6itngt7a] {
        flex-direction: column;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/Details/DogImagesTab.razor.rz.scp.css */
.tab-section-heading[b-e5ogopne5a] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.tab-eyebrow[b-e5ogopne5a] {
    margin-bottom: 4px;
    color: #a07d35;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.tab-section-heading h2[b-e5ogopne5a] {
    margin: 0;
    color: #3c281f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 700;
}

.tab-description[b-e5ogopne5a] {
    max-width: 420px;
    color: #82756c;
    font-size: 11px;
    text-align: right;
}


/* =========================================================
   LOADING
   ========================================================= */

.images-loading[b-e5ogopne5a] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #756a62;
    font-size: 12px;
}

.images-loading-spinner[b-e5ogopne5a] {
    width: 2rem;
    height: 2rem;
    color: #941328;
    border-width: 0.2em;
}


/* =========================================================
   ERROR
   ========================================================= */

.images-load-error[b-e5ogopne5a] {
    min-height: 150px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    color: #71313b;
    background: #fbf0f1;
    border: 1px solid #ead2d5;
    border-radius: 8px;
}

    .images-load-error > i[b-e5ogopne5a] {
        color: #941328;
        font-size: 24px;
    }

    .images-load-error > div[b-e5ogopne5a] {
        flex: 1;
    }


@media (max-width: 768px) {

    .tab-section-heading[b-e5ogopne5a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tab-description[b-e5ogopne5a] {
        max-width: none;
        text-align: left;
    }

    .images-load-error[b-e5ogopne5a] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/Details/DogOffspringTab.razor.rz.scp.css */
/* =========================================================
   OFFSPRING TAB
   ========================================================= */

.offspring-tab[b-bw6ll49e5b] {
    width: 100%;
}


/* =========================================================
   HEADER
   ========================================================= */

.tab-section-heading[b-bw6ll49e5b] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 25px;
}


.tab-eyebrow[b-bw6ll49e5b] {
    margin-bottom: 4px;
    color: #a07d35;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.tab-section-heading h2[b-bw6ll49e5b] {
    margin: 0;
    color: #3c281f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 700;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.offspring-summary[b-bw6ll49e5b] {
    display: flex;
    align-items: center;
    padding: 9px 14px;
    background: #faf6ed;
    border: 1px solid #e3d7bf;
    border-radius: 8px;
}


.offspring-summary-item[b-bw6ll49e5b] {
    display: flex;
    align-items: baseline;
    gap: 5px;
}


    .offspring-summary-item strong[b-bw6ll49e5b] {
        color: #941328;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 18px;
    }


    .offspring-summary-item span[b-bw6ll49e5b] {
        color: #796c62;
        font-size: 9px;
        text-transform: uppercase;
    }


.offspring-summary-divider[b-bw6ll49e5b] {
    width: 1px;
    height: 22px;
    margin: 0 14px;
    background: #ddd0bc;
}


/* =========================================================
   LITTERS
   ========================================================= */

.offspring-litters[b-bw6ll49e5b] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.offspring-litter-card[b-bw6ll49e5b] {
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #e3d9ca;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(61, 40, 30, 0.045);
}


/* =========================================================
   LITTER HEADER
   ========================================================= */

.litter-header[b-bw6ll49e5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 19px;
    background: linear-gradient( 135deg, #fbf7ef, #fffdf9 );
    border-bottom: 1px solid #e8dfd3;
}


.litter-title-button[b-bw6ll49e5b] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}


.litter-icon[b-bw6ll49e5b] {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #941328;
    background: #f5e9e7;
    border: 1px solid #e4cfd1;
    border-radius: 50%;
}


.litter-name[b-bw6ll49e5b] {
    color: #443029;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
}


.litter-title-button:hover .litter-name[b-bw6ll49e5b] {
    color: #941328;
}


.litter-date[b-bw6ll49e5b] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    color: #8b7e74;
    font-size: 9px;
}


    .litter-date i[b-bw6ll49e5b] {
        color: #b89750;
    }


.litter-header-right[b-bw6ll49e5b] {
    display: flex;
    align-items: center;
    gap: 8px;
}


.dog-role-badge[b-bw6ll49e5b] {
    padding: 4px 8px;
    color: #785d22;
    background: #f5ead0;
    border: 1px solid #e0cb99;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}


.puppy-count[b-bw6ll49e5b] {
    padding: 4px 8px;
    color: #766b63;
    background: #f1eee9;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}


/* =========================================================
   LITTER META
   ========================================================= */

.litter-meta[b-bw6ll49e5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    padding: 17px 19px;
    border-bottom: 1px solid #eee6dc;
}


.meta-label[b-bw6ll49e5b] {
    margin-bottom: 4px;
    color: #94867b;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}


.meta-value[b-bw6ll49e5b] {
    color: #493a32;
    font-size: 11px;
    font-weight: 600;
}


.meta-empty[b-bw6ll49e5b] {
    color: #9b9088;
    font-style: italic;
}


.meta-dog-link[b-bw6ll49e5b] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: #751326;
    background: transparent;
    border: 0;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}


    .meta-dog-link i[b-bw6ll49e5b] {
        color: #b59045;
        font-size: 8px;
    }


    .meta-dog-link small[b-bw6ll49e5b] {
        color: #96877b;
        font-size: 8px;
        font-weight: 500;
    }


    .meta-dog-link:hover span[b-bw6ll49e5b] {
        text-decoration: underline;
    }


/* =========================================================
   PUPPIES
   ========================================================= */

.puppies-section[b-bw6ll49e5b] {
    padding: 17px 19px 20px;
}


.puppies-section-title[b-bw6ll49e5b] {
    margin-bottom: 11px;
    color: #655248;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}


.puppies-grid[b-bw6ll49e5b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 9px;
}





    





    




















/* =========================================================
   LOADING
   ========================================================= */

.offspring-loading[b-bw6ll49e5b] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #756a62;
    font-size: 12px;
}


.offspring-loading-spinner[b-bw6ll49e5b] {
    width: 2.2rem;
    height: 2.2rem;
    color: #941328;
    border-width: 0.2em;
}


/* =========================================================
   EMPTY
   ========================================================= */

.offspring-empty[b-bw6ll49e5b] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px;
    text-align: center;
    background: linear-gradient( 180deg, #fffdf9, #fbf7ef );
    border: 1px dashed #d9cbbb;
    border-radius: 9px;
}


.offspring-empty-icon[b-bw6ll49e5b] {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    color: #a78338;
    background: #f4ead4;
    border-radius: 50%;
    font-size: 21px;
}


.offspring-empty h4[b-bw6ll49e5b] {
    margin-bottom: 6px;
    color: #49362d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
}


.offspring-empty p[b-bw6ll49e5b] {
    max-width: 480px;
    margin: 0;
    color: #897d74;
    font-size: 11px;
    line-height: 1.55;
}


/* =========================================================
   ERROR
   ========================================================= */

.offspring-error[b-bw6ll49e5b] {
    min-height: 145px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    color: #71313b;
    background: #fbf0f1;
    border: 1px solid #ead2d5;
    border-radius: 8px;
}


    .offspring-error > i[b-bw6ll49e5b] {
        flex-shrink: 0;
        color: #941328;
        font-size: 23px;
    }


.offspring-error-content[b-bw6ll49e5b] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}


    .offspring-error-content strong[b-bw6ll49e5b] {
        color: #6b1b29;
        font-size: 12px;
    }


    .offspring-error-content span[b-bw6ll49e5b] {
        font-size: 10px;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .tab-section-heading[b-bw6ll49e5b] {
        align-items: flex-start;
        flex-direction: column;
    }


    .litter-header[b-bw6ll49e5b] {
        align-items: flex-start;
        flex-direction: column;
    }


    .litter-header-right[b-bw6ll49e5b] {
        width: 100%;
    }


    .litter-meta[b-bw6ll49e5b] {
        grid-template-columns: 1fr;
        gap: 13px;
    }


    .puppies-grid[b-bw6ll49e5b] {
        grid-template-columns: 1fr;
    }


    .offspring-error[b-bw6ll49e5b] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/Details/DogOwnershipTab.razor.rz.scp.css */
/* =========================================================
   TAB HEADER
   ========================================================= */

.tab-section-heading[b-sx0zghxs7w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e6ddd0;
}


.tab-eyebrow[b-sx0zghxs7w] {
    margin-bottom: 5px;
    color: #a1833e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


.tab-section-heading h2[b-sx0zghxs7w] {
    margin: 0;
    color: #3c281f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    font-weight: 700;
}


/* =========================================================
   CURRENT OWNER
   ========================================================= */

.current-ownership-card[b-sx0zghxs7w] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
    padding: 20px 22px;
    background: linear-gradient( 135deg, rgba(251, 247, 238, 0.95), rgba(255, 253, 249, 0.95) );
    border: 1px solid #dfd3c0;
    border-left: 4px solid #b99548;
    border-radius: 9px;
    box-shadow: 0 4px 15px rgba(61, 40, 30, 0.045);
}


.current-ownership-icon[b-sx0zghxs7w] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8c6d2f;
    background: #f1e5c9;
    border: 1px solid #dec994;
    border-radius: 50%;
    font-size: 17px;
}


.current-ownership-label[b-sx0zghxs7w] {
    margin-bottom: 3px;
    color: #93857a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.current-ownership-name[b-sx0zghxs7w] {
    color: #402e26;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: 700;
}


.current-ownership-address[b-sx0zghxs7w] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    color: #84776d;
    font-size: 11px;
}


    .current-ownership-address i[b-sx0zghxs7w] {
        color: #b4934d;
    }


/* =========================================================
   OWNERSHIP HISTORY
   ========================================================= */

.ownership-history[b-sx0zghxs7w] {
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #e4dbce;
    border-radius: 9px;
}


.ownership-history-title[b-sx0zghxs7w] {
    padding: 15px 19px;
    color: #4a342b;
    background: #faf6ef;
    border-bottom: 1px solid #e5ddd1;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 700;
}


/* =========================================================
   TABLE
   ========================================================= */

.ownership-table[b-sx0zghxs7w] {
    margin: 0;
}


    .ownership-table thead th[b-sx0zghxs7w] {
        padding: 11px 16px;
        color: #8b7c70;
        background: #fcfaf6;
        border-bottom: 1px solid #e8dfd4;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 0.55px;
        text-transform: uppercase;
        white-space: nowrap;
    }


    .ownership-table tbody td[b-sx0zghxs7w] {
        padding: 14px 16px;
        color: #51443c;
        border-color: #eee7de;
        font-size: 12px;
        vertical-align: middle;
    }


    .ownership-table tbody tr:last-child td[b-sx0zghxs7w] {
        border-bottom: 0;
    }


    .ownership-table tbody tr:hover[b-sx0zghxs7w] {
        background: #fdfaf4;
    }


    .ownership-table strong[b-sx0zghxs7w] {
        color: #3d2c24;
        font-weight: 700;
    }


/* =========================================================
   OWNERSHIP STATUS
   ========================================================= */

.ownership-active[b-sx0zghxs7w],
.ownership-ended[b-sx0zghxs7w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 75px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}


.ownership-active[b-sx0zghxs7w] {
    color: #4c6732;
    background: #edf4e8;
    border: 1px solid #cfdfc2;
}


.ownership-ended[b-sx0zghxs7w] {
    color: #746b64;
    background: #f0eeeb;
    border: 1px solid #ded9d4;
}


/* =========================================================
   MODAL BACKDROP
   ========================================================= */

.modal-backdrop-custom[b-sx0zghxs7w] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(37, 27, 23, 0.52);
    backdrop-filter: blur(3px);
}


/* =========================================================
   OWNER MODAL
   ========================================================= */

.owner-modal[b-sx0zghxs7w] {
    width: min(520px, 100%);
    overflow: visible;
    background: #fffdf9;
    border: 1px solid #d8cdbd;
    border-radius: 11px;
    box-shadow: 0 22px 65px rgba(39, 28, 23, 0.24);
}


/* =========================================================
   MODAL HEADER
   ========================================================= */

.owner-modal-header[b-sx0zghxs7w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 21px 23px 17px;
    background: linear-gradient( 180deg, #fffdf9, #faf5ec );
    border-bottom: 1px solid #e5dbcd;
    border-radius: 11px 11px 0 0;
}


.owner-modal-eyebrow[b-sx0zghxs7w] {
    margin-bottom: 4px;
    color: #a0813a;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}


.owner-modal-header h3[b-sx0zghxs7w] {
    margin: 0;
    color: #3d2921;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: 700;
}


/* =========================================================
   CLOSE BUTTON
   ========================================================= */

.modal-close-button[b-sx0zghxs7w] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #766a61;
    background: transparent;
    border: 1px solid #ded5ca;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}


    .modal-close-button:hover:not(:disabled)[b-sx0zghxs7w] {
        color: #8c1428;
        background: #f8eeee;
        border-color: #d9b8bd;
    }


    .modal-close-button:disabled[b-sx0zghxs7w] {
        opacity: 0.45;
        cursor: default;
    }


/* =========================================================
   MODAL BODY
   ========================================================= */

.owner-modal-body[b-sx0zghxs7w] {
    padding: 23px;
}


.owner-form-field[b-sx0zghxs7w] {
    margin-bottom: 20px;
}


    .owner-form-field:last-child[b-sx0zghxs7w] {
        margin-bottom: 0;
    }


    .owner-form-field .form-label[b-sx0zghxs7w] {
        display: block;
        margin-bottom: 7px;
        color: #5c4c42;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.35px;
        text-transform: uppercase;
    }


    /*
 * MemberAutocomplete is a child component.
 * ::deep is necessary because this is scoped CSS.
 */

    .owner-form-field[b-sx0zghxs7w]  .form-control {
        min-height: 40px;
    }


    .owner-form-field > .form-control[b-sx0zghxs7w] {
        min-height: 40px;
        color: #46382f;
        background: #fff;
        border-color: #dcd2c5;
    }


        .owner-form-field > .form-control:focus[b-sx0zghxs7w] {
            border-color: #b99a54;
            box-shadow: 0 0 0 0.18rem rgba(185, 154, 84, 0.14);
        }


/* =========================================================
   ERROR
   ========================================================= */




/* =========================================================
   MODAL FOOTER
   ========================================================= */

.owner-modal-footer[b-sx0zghxs7w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    padding: 15px 23px;
    background: #faf7f1;
    border-top: 1px solid #e6ddd1;
    border-radius: 0 0 11px 11px;
}


    


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .tab-section-heading[b-sx0zghxs7w] {
        align-items: stretch;
        flex-direction: column;
    }


        


    .current-ownership-card[b-sx0zghxs7w] {
        padding: 17px;
    }


    .owner-modal[b-sx0zghxs7w] {
        width: 100%;
    }
}


@media (max-width: 576px) {

    .modal-backdrop-custom[b-sx0zghxs7w] {
        align-items: flex-end;
        padding: 0;
    }


    .owner-modal[b-sx0zghxs7w] {
        max-height: 90vh;
        overflow-y: auto;
        border-radius: 14px 14px 0 0;
    }


    .owner-modal-header[b-sx0zghxs7w] {
        border-radius: 14px 14px 0 0;
    }


    .owner-modal-footer[b-sx0zghxs7w] {
        position: sticky;
        bottom: 0;
        border-radius: 0;
    }


    .ownership-table thead th[b-sx0zghxs7w],
    .ownership-table tbody td[b-sx0zghxs7w] {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* =========================================================
   LOADING & ERROR STATES
   ========================================================= */

.ownership-loading[b-sx0zghxs7w] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #756a62;
    font-size: 12px;
}


.ownership-loading-spinner[b-sx0zghxs7w] {
    width: 2rem;
    height: 2rem;
    color: #941328;
    border-width: 0.2em;
}


.ownership-load-error[b-sx0zghxs7w] {
    min-height: 150px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    color: #71313b;
    background: #fbf0f1;
    border: 1px solid #ead2d5;
    border-radius: 8px;
}


    .ownership-load-error > i[b-sx0zghxs7w] {
        color: #941328;
        font-size: 24px;
    }


    .ownership-load-error > div[b-sx0zghxs7w] {
        flex: 1;
    }
/* _content/DogRegistry.UI/Components/Dogs/Details/DogPedigree.razor.rz.scp.css */
/* =========================================================
   DOG PEDIGREE - component-specific tree geometry
   Shared headings, controls, surfaces and tab states live in
   registry-tab-content.css / registry-pedigree.css.
   ========================================================= */

.dog-pedigree[b-lnuhxzd2vt] {
    width: 100%;
    margin-top: 46px;
}

.pedigree-title[b-lnuhxzd2vt] {
    margin: 0;
    color: var(--pedigree-text, #3c281f);
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 27px;
    font-weight: 700;
}

.pedigree-title-decoration[b-lnuhxzd2vt] {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 8px;
    color: var(--pedigree-gold, #b79343);
}

.pedigree-title-decoration span[b-lnuhxzd2vt] {
    width: 42px;
    height: 1px;
    background: var(--club-gold, #d6b464);
}

.pedigree-title-decoration i[b-lnuhxzd2vt] {
    margin: 0 9px;
    font-size: 9px;
}

.pedigree-scroll[b-lnuhxzd2vt] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px;
    background:
        radial-gradient(circle at top right, rgba(214, 180, 100, 0.08), transparent 28%),
        linear-gradient(180deg, #fffdf9, #faf6ee);
}

.pedigree-grid[b-lnuhxzd2vt] {
    display: grid;
    grid-template-columns: repeat(var(--pedigree-generations), minmax(200px, 1fr));
    gap: 26px;
    min-width: calc(var(--pedigree-generations) * 220px);
    min-height: 620px;
}

/* =========================================================
   FULLSCREEN
   ========================================================= */

.pedigree-fullscreen-backdrop[b-lnuhxzd2vt] {
    position: fixed;
    inset: 0;
    z-index: 7000;
    padding: 18px;
    background: rgba(34, 21, 18, 0.72);
    backdrop-filter: blur(3px);
    animation: pedigreeBackdropIn-b-lnuhxzd2vt 0.15s ease-out;
}

.pedigree-fullscreen[b-lnuhxzd2vt] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--club-cream, #faf7f0);
    border: 1px solid #d7c6a9;
    border-radius: 12px;
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.35);
    animation: pedigreeFullscreenIn-b-lnuhxzd2vt 0.18s ease-out;
}

.fullscreen-header[b-lnuhxzd2vt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 22px;
    background: var(--pedigree-surface, #fffdf8);
    border-bottom: 1px solid var(--pedigree-border, #ddd1bd);
}

.fullscreen-header h3[b-lnuhxzd2vt] {
    margin: 0;
    color: var(--pedigree-text, #3c281f);
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 21px;
}

.fullscreen-actions[b-lnuhxzd2vt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.fullscreen-close-button[b-lnuhxzd2vt] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #75665d;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.fullscreen-close-button:hover[b-lnuhxzd2vt] {
    color: #fff;
    background: var(--club-burgundy, #941328);
}

.fullscreen-tree-container[b-lnuhxzd2vt] {
    flex: 1;
    overflow: auto;
    padding: 26px;
    background:
        radial-gradient(circle at top right, rgba(214, 180, 100, 0.08), transparent 25%),
        var(--club-cream, #faf7f0);
}

.pedigree-grid-fullscreen[b-lnuhxzd2vt] {
    grid-template-columns: repeat(var(--pedigree-generations), minmax(235px, 1fr));
    gap: 32px;
    min-width: calc(var(--pedigree-generations) * 260px);
    min-height: 100%;
}

@keyframes pedigreeBackdropIn-b-lnuhxzd2vt {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pedigreeFullscreenIn-b-lnuhxzd2vt {
    from {
        opacity: 0;
        transform: translateY(7px) scale(0.995);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 900px) {
    .pedigree-header[b-lnuhxzd2vt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pedigree-grid[b-lnuhxzd2vt] {
        grid-template-columns: repeat(var(--pedigree-generations), 190px);
        min-width: calc(var(--pedigree-generations) * 215px);
    }
}

@media (max-width: 576px) {
    .dog-pedigree[b-lnuhxzd2vt] {
        margin-top: 35px;
    }

    .pedigree-title[b-lnuhxzd2vt] {
        font-size: 23px;
    }

    .pedigree-scroll[b-lnuhxzd2vt] {
        padding: 13px;
    }

    .pedigree-grid[b-lnuhxzd2vt] {
        grid-template-columns: repeat(var(--pedigree-generations), 175px);
        gap: 18px;
        min-width: calc(var(--pedigree-generations) * 195px);
        min-height: 580px;
    }

    .fullscreen-header[b-lnuhxzd2vt] {
        align-items: flex-start;
    }

    .fullscreen-actions[b-lnuhxzd2vt] {
        align-items: flex-end;
        flex-direction: column;
    }

    .pedigree-fullscreen-backdrop[b-lnuhxzd2vt] {
        padding: 8px;
    }

    .fullscreen-tree-container[b-lnuhxzd2vt] {
        padding: 14px;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/Details/PedigreeDogCard.razor.rz.scp.css */
/* =========================================================
   PEDIGREE DOG CARD
   ========================================================= */

.pedigree-dog-card[b-h57xutv54z] {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fffdf8;
    border: 1px solid #ddd2c4;
    border-left: 3px solid #b6aa9d;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(61, 40, 30, 0.06);
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}


    .pedigree-dog-card:hover[b-h57xutv54z] {
        transform: translateY(-2px);
        background: #fffaf1;
        border-color: #c9aa67;
        box-shadow: 0 6px 16px rgba(61, 40, 30, 0.12);
    }


/* =========================================================
   GENDER
   ========================================================= */

.pedigree-dog-card-male[b-h57xutv54z] {
    border-left-color: #687d94;
    background: linear-gradient( 90deg, rgba(100, 124, 151, 0.065), #fffdf8 32% );
}


.pedigree-dog-card-female[b-h57xutv54z] {
    border-left-color: #a05e69;
    background: linear-gradient( 90deg, rgba(160, 94, 105, 0.065), #fffdf8 32% );
}


.pedigree-dog-card-unknown[b-h57xutv54z] {
    border-left-color: #b49a61;
}


/* =========================================================
   MAIN
   ========================================================= */

.dog-card-main[b-h57xutv54z] {
    padding: 10px;
}


/* =========================================================
   TOP ROW
   ========================================================= */

.dog-card-top[b-h57xutv54z] {
    display: flex;
    align-items: center;
    gap: 9px;
}


/* =========================================================
   PHOTO
   ========================================================= */

.dog-card-photo[b-h57xutv54z] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    overflow: hidden;
    background: #f1ebe1;
    border: 1px solid #dfd3c1;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(61, 40, 30, 0.08);
}


    .dog-card-photo img[b-h57xutv54z] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }


.dog-card-photo-placeholder[b-h57xutv54z] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient( circle, #faf7f0, #eee6da );
}


.dog-card-placeholder-logo[b-h57xutv54z] {
    width: 72%;
    height: 72%;
    object-fit: contain !important;
    opacity: 0.24;
    filter: grayscale(1) sepia(0.2);
}


/* =========================================================
   INFORMATION
   ========================================================= */

.dog-card-info[b-h57xutv54z] {
    min-width: 0;
    flex: 1;
}


.dog-card-heading[b-h57xutv54z] {
    display: flex;
    align-items: center;
    gap: 5px;
}


.dog-gender[b-h57xutv54z] {
    flex-shrink: 0;
    color: #941328;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 700;
}


.dog-name[b-h57xutv54z] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: #35251e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.open-dog-icon[b-h57xutv54z] {
    flex-shrink: 0;
    color: #c3a263;
    font-size: 8px;
    opacity: 0;
    transition: opacity 0.15s ease;
}


.pedigree-dog-card:hover .open-dog-icon[b-h57xutv54z] {
    opacity: 1;
}


/* =========================================================
   META
   ========================================================= */

.dog-meta[b-h57xutv54z] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
    overflow: hidden;
    color: #81746b;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


    .dog-meta i[b-h57xutv54z] {
        color: #b49555;
        font-size: 7px;
    }


/* =========================================================
   RELATIONS
   ========================================================= */

.dog-relation[b-h57xutv54z] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid #eee5d9;
    overflow: hidden;
    font-size: 8px;
}


    .dog-relation > i[b-h57xutv54z] {
        flex-shrink: 0;
        color: #b18e49;
        font-size: 7px;
    }


.relation-label[b-h57xutv54z] {
    flex-shrink: 0;
    color: #95867b;
    font-weight: 600;
}


.relation-value[b-h57xutv54z] {
    overflow: hidden;
    color: #58473e;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   LITTER
   ========================================================= */

.litter-link[b-h57xutv54z] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: #765d29;
    background: linear-gradient( 90deg, #faf3e4, #fdf9f1 );
    border: 0;
    border-top: 1px solid #e9deca;
    text-align: left;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}


    .litter-link > i:first-child[b-h57xutv54z] {
        color: #b89549;
        font-size: 8px;
    }


.litter-content[b-h57xutv54z] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}


.litter-name[b-h57xutv54z] {
    overflow: hidden;
    color: #7b622c;
    font-size: 8px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.litter-kennel[b-h57xutv54z] {
    margin-top: 1px;
    overflow: hidden;
    color: #97836a;
    font-size: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.litter-arrow[b-h57xutv54z] {
    flex-shrink: 0;
    color: #c7ad77;
    font-size: 7px;
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
}


.litter-link:hover[b-h57xutv54z] {
    color: #941328;
    background: #f7eadb;
}


    .litter-link:hover .litter-name[b-h57xutv54z] {
        color: #941328;
    }


    .litter-link:hover .litter-arrow[b-h57xutv54z] {
        opacity: 1;
        transform: translateX(2px);
    }


/* =========================================================
   EMPTY
   ========================================================= */

.pedigree-dog-card-empty[b-h57xutv54z] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a2958a;
    background: #f8f4ed;
    border-style: dashed;
    box-shadow: none;
    cursor: default;
}


    .pedigree-dog-card-empty:hover[b-h57xutv54z] {
        transform: none;
        background: #f8f4ed;
        border-color: #ddd2c4;
        box-shadow: none;
    }


.empty-content[b-h57xutv54z] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 9px;
    font-size: 8px;
}
/* _content/DogRegistry.UI/Components/Dogs/Details/PedigreeGeneration.razor.rz.scp.css */
/* =========================================================
   PEDIGREE GENERATION
   ========================================================= */

.pedigree-generation[b-1oisy630jq] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


/* =========================================================
   HEADER
   ========================================================= */

.generation-header[b-1oisy630jq] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: #4a342a;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.25px;
    text-align: center;
}


/* =========================================================
   BODY
   ========================================================= */

.generation-body[b-1oisy630jq] {
    flex: 1;
    display: grid;
    grid-template-rows: repeat( var(--generation-count), minmax(0, 1fr) );
    gap: 10px;
}


/* =========================================================
   DOG SLOT
   ========================================================= */

.generation-dog-slot[b-1oisy630jq] {
    position: relative;
    min-height: 0;
    display: flex;
    align-items: center;
}


    /* =========================================================
   CONNECTOR - LEFT
   ========================================================= */

    .generation-dog-slot[b-1oisy630jq]::before {
        content: "";
        position: absolute;
        left: -20px;
        top: 50%;
        width: 20px;
        height: 1px;
        background: #cba85d;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .generation-header[b-1oisy630jq] {
        font-size: 10px;
    }


    .generation-dog-slot[b-1oisy630jq]::before {
        left: -14px;
        width: 14px;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/DogAutocomplete.razor.rz.scp.css */
.dog-result-relations[b-uiyf8020d5] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 16px;
    margin-top: 5px;
    color: #786d65;
    font-size: 10px;
}

.dog-result-relations span[b-uiyf8020d5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.dog-result-relations i[b-uiyf8020d5] {
    color: #b39451;
}

.selected-dog-details[b-uiyf8020d5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin-top: 4px;
    color: #786d65;
    font-size: 10px;
}

.selected-dog-details strong[b-uiyf8020d5] {
    color: #514239;
    font-weight: 700;
}

@media (max-width: 576px) {
    .dog-result-relations[b-uiyf8020d5],
    .selected-dog-details[b-uiyf8020d5] {
        flex-direction: column;
        gap: 3px;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/DogForm.razor.rz.scp.css */
.dog-form[b-40jwox3hx9] {
    width: 100%;
}

.form-section[b-40jwox3hx9] {
    padding: 4px 0 28px;
}

.form-section + .form-section[b-40jwox3hx9] {
    margin-top: 10px;
    padding-top: 28px;
    border-top: 1px solid #ebe2d6;
}

.form-section:last-child[b-40jwox3hx9] {
    padding-bottom: 0;
}

.form-section-title[b-40jwox3hx9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    color: #4b3329;
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 16px;
    font-weight: 700;
}

.form-section-title i[b-40jwox3hx9] {
    color: #bd9848;
    font-size: 13px;
}

.same-litter-notice[b-40jwox3hx9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    padding: 13px 15px;
    background: linear-gradient(135deg, #fbf6e9, #f8f0df);
    border: 1px solid #dfcfaa;
    border-left: 3px solid var(--club-burgundy);
    border-radius: 8px;
}

.same-litter-notice-icon[b-40jwox3hx9] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;
    color: #fff;
    background: var(--club-burgundy);
    border-radius: 50%;
    font-size: 12px;
}

.same-litter-notice strong[b-40jwox3hx9] {
    display: block;
    color: #54372c;
    font-size: 12px;
}

.same-litter-notice span[b-40jwox3hx9] {
    display: block;
    margin-top: 2px;
    color: #88766a;
    font-size: 10px;
}

.optional-label[b-40jwox3hx9] {
    margin-left: 5px;
    color: #9c9088;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.field-hint[b-40jwox3hx9] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    color: #8b7b70;
    font-size: 9px;
}

.field-hint i[b-40jwox3hx9] {
    color: #b08c45;
}

.origin-help[b-40jwox3hx9] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: -10px 0 20px;
    padding: 9px 11px;
    color: #81756d;
    background: #faf7f1;
    border: 1px solid #ebe2d6;
    border-radius: 6px;
    font-size: 10px;
}

.origin-help i[b-40jwox3hx9] {
    color: #b18b3f;
    font-size: 10px;
}

@media (max-width: 768px) {
    .form-section[b-40jwox3hx9] {
        padding-bottom: 22px;
    }

    .form-section + .form-section[b-40jwox3hx9] {
        margin-top: 4px;
        padding-top: 23px;
    }
}
/* _content/DogRegistry.UI/Components/Dogs/DogImageGallery.razor.rz.scp.css */
/* =========================================================
   DOG IMAGE GALLERY
   ========================================================= */

.dog-gallery[b-2oyrp6120w] {
    width: 100%;
    margin-top: 32px;
    padding: 26px 28px 30px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid #e3dbce;
    border-radius: 10px;
    box-shadow: 0 6px 22px rgba(61, 40, 30, 0.07);
}


/* =========================================================
   HEADER
   ========================================================= */

.gallery-header[b-2oyrp6120w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}


.gallery-eyebrow[b-2oyrp6120w] {
    margin-bottom: 3px;
    color: #a07d35;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
}


.gallery-title[b-2oyrp6120w] {
    margin: 0;
    color: #3c281f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 700;
}


.upload-button[b-2oyrp6120w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 10px 17px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.35px;
    cursor: pointer;
}


/* =========================================================
   ERROR
   ========================================================= */




    


/* =========================================================
   UPLOAD
   ========================================================= */




/* =========================================================
   NO PRIMARY IMAGE
   ========================================================= */

.no-primary-notice[b-2oyrp6120w] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
    padding: 11px 14px;
    color: #6d5b45;
    background: linear-gradient( 135deg, #fbf7ed, #f8f1e3 );
    border: 1px solid #e1d0aa;
    border-radius: 7px;
    font-size: 12px;
}


    .no-primary-notice > i[b-2oyrp6120w] {
        color: #b38b37;
        font-size: 15px;
    }


    .no-primary-notice div[b-2oyrp6120w] {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 7px;
    }


    .no-primary-notice strong[b-2oyrp6120w] {
        color: #594634;
    }


    .no-primary-notice span[b-2oyrp6120w] {
        color: #817363;
    }


/* =========================================================
   GRID
   ========================================================= */

.gallery-grid[b-2oyrp6120w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 20px;
}


/* =========================================================
   IMAGE CARD
   ========================================================= */

.gallery-card[b-2oyrp6120w] {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2d9cb;
    border-radius: 9px;
    box-shadow: 0 3px 12px rgba(58, 39, 30, 0.06);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}


    .gallery-card:hover[b-2oyrp6120w] {
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(58, 39, 30, 0.11);
    }


.gallery-card-primary[b-2oyrp6120w] {
    border-color: #c7a252;
    box-shadow: 0 0 0 1px rgba(199, 162, 82, 0.20), 0 5px 18px rgba(58, 39, 30, 0.09);
}


/* =========================================================
   IMAGE
   ========================================================= */

.gallery-image-button[b-2oyrp6120w] {
    display: block;
    width: 100%;
    padding: 0;
    background: #eee9df;
    border: 0;
    cursor: zoom-in;
}


.gallery-image[b-2oyrp6120w] {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    transition: transform 0.25s ease;
}


.gallery-card:hover .gallery-image[b-2oyrp6120w] {
    transform: scale(1.025);
}


/* =========================================================
   PRIMARY BADGE
   ========================================================= */

.primary-badge[b-2oyrp6120w] {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    color: #fff;
    background: rgba(126, 91, 26, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 20px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


    .primary-badge i[b-2oyrp6120w] {
        color: #f5d98e;
    }


/* =========================================================
   IMAGE ACTIONS
   ========================================================= */

.image-actions[b-2oyrp6120w] {
    display: flex;
    align-items: stretch;
    min-height: 42px;
    background: #fffdf9;
    border-top: 1px solid #eee7dd;
}


.image-action-button[b-2oyrp6120w],
.current-primary[b-2oyrp6120w] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    padding: 9px 7px;
    background: transparent;
    font-size: 10px;
    font-weight: 700;
}


.image-action-button[b-2oyrp6120w] {
    border: 0;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}


    .image-action-button + .image-action-button[b-2oyrp6120w],
    .current-primary + .image-action-button[b-2oyrp6120w] {
        border-left: 1px solid #eee7dd;
    }


.primary-action[b-2oyrp6120w] {
    color: #85671f;
}


    .primary-action:hover:not(:disabled)[b-2oyrp6120w] {
        color: #654b10;
        background: #faf4e6;
    }


.current-primary[b-2oyrp6120w] {
    color: #9a7624;
}


    .current-primary i[b-2oyrp6120w] {
        color: #c19d49;
    }


.delete-action[b-2oyrp6120w] {
    color: #8e3946;
}


    .delete-action:hover:not(:disabled)[b-2oyrp6120w] {
        color: #941328;
        background: #fbf0f1;
    }


.image-action-button:disabled[b-2oyrp6120w] {
    opacity: 0.45;
    cursor: default;
}


/* =========================================================
   EMPTY GALLERY
   ========================================================= */

.gallery-empty[b-2oyrp6120w] {
    padding: 48px 20px;
    text-align: center;
    background: #fcfaf6;
    border: 1px dashed #d9cdbd;
    border-radius: 8px;
}


.gallery-empty-icon[b-2oyrp6120w] {
    margin-bottom: 13px;
    color: #c7a65c;
    font-size: 32px;
}


.gallery-empty h4[b-2oyrp6120w] {
    margin-bottom: 7px;
    color: #463229;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
}


.gallery-empty p[b-2oyrp6120w] {
    max-width: 420px;
    margin: 0 auto;
    color: #84786f;
    font-size: 12px;
}


/* =========================================================
   LIGHTBOX
   ========================================================= */

.image-lightbox[b-2oyrp6120w] {
    position: fixed;
    inset: 0;
    z-index: 6000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(24, 15, 13, 0.88);
    backdrop-filter: blur(3px);
    animation: galleryFadeIn-b-2oyrp6120w 0.15s ease-out;
}


.lightbox-content[b-2oyrp6120w] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


.lightbox-image[b-2oyrp6120w] {
    display: block;
    max-width: min(1200px, 94vw);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 15px 55px rgba(0, 0, 0, 0.45);
}


.lightbox-close[b-2oyrp6120w] {
    position: fixed;
    top: 22px;
    right: 25px;
    z-index: 1;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.15s ease, transform 0.15s ease;
}


    .lightbox-close:hover[b-2oyrp6120w] {
        background: rgba(255, 255, 255, 0.18);
        transform: scale(1.05);
    }


/* =========================================================
   DELETE DIALOG
   ========================================================= */







.delete-dialog-icon[b-2oyrp6120w] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: #941328;
    background: #f8e9eb;
    border-radius: 50%;
    font-size: 18px;
}








/* =========================================================
   DELETE PRIMARY WARNING
   ========================================================= */

.primary-delete-warning[b-2oyrp6120w] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 20px;
    padding: 11px 12px;
    color: #735c29;
    background: #fbf5e8;
    border: 1px solid #e5d3aa;
    border-radius: 7px;
    text-align: left;
    font-size: 11px;
    line-height: 1.45;
}


    .primary-delete-warning i[b-2oyrp6120w] {
        margin-top: 2px;
        color: #b18a35;
    }


/* =========================================================
   DELETE ACTIONS
   ========================================================= */

.delete-dialog-actions[b-2oyrp6120w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


    


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes galleryFadeIn-b-2oyrp6120w {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes galleryDialogIn-b-2oyrp6120w {

    from {
        opacity: 0;
        transform: translateY(7px) scale(0.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    .dog-gallery[b-2oyrp6120w] {
        padding: 20px;
    }


    .gallery-header[b-2oyrp6120w] {
        align-items: stretch;
        flex-direction: column;
        gap: 15px;
    }


    .upload-button[b-2oyrp6120w] {
        width: 100%;
    }


    .gallery-grid[b-2oyrp6120w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }


    .gallery-image[b-2oyrp6120w] {
        height: 165px;
    }


    .no-primary-notice[b-2oyrp6120w] {
        align-items: flex-start;
    }


        .no-primary-notice div[b-2oyrp6120w] {
            flex-direction: column;
        }
}


@media (max-width: 480px) {

    .gallery-grid[b-2oyrp6120w] {
        grid-template-columns: 1fr;
    }


    .gallery-image[b-2oyrp6120w] {
        height: 230px;
    }


    .image-lightbox[b-2oyrp6120w] {
        padding: 12px;
    }


    .lightbox-close[b-2oyrp6120w] {
        top: 14px;
        right: 14px;
    }


    


    .delete-dialog-actions[b-2oyrp6120w] {
        flex-direction: column-reverse;
    }


        
}
/* _content/DogRegistry.UI/Components/Dogs/DogPrimaryImagePicker.razor.rz.scp.css */
/* =========================================================
   DOG PRIMARY IMAGE PICKER
   ========================================================= */

.primary-image-picker[b-r2mm9mum8j] {
    width: 100%;
    display: flex;
    justify-content: center;
}


/* =========================================================
   PROFILE IMAGE BUTTON
   ========================================================= */

.dog-photo-button[b-r2mm9mum8j] {
    display: block;
    width: 190px;
    height: 190px;
    padding: 0;
    margin: 0 auto;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}


/* =========================================================
   PROFILE IMAGE FRAME
   ========================================================= */

.dog-photo-frame[b-r2mm9mum8j] {
    position: relative;
    width: 190px;
    height: 190px;
    overflow: hidden;
    margin: 0 auto;
    background: #f3eee5;
    border: 1px solid #d6b464;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(61, 40, 30, 0.14);
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}


.dog-photo-button:hover .dog-photo-frame[b-r2mm9mum8j] {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(61, 40, 30, 0.18);
}


/* =========================================================
   REAL DOG PHOTO
   ========================================================= */

.dog-photo[b-r2mm9mum8j] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}


/* =========================================================
   DEFAULT PLACEHOLDER
   ========================================================= */

.dog-photo-placeholder[b-r2mm9mum8j] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient( 145deg, #f6efe3, #ebe0d0 );
    border: 1px solid #dfd0b7;
    border-radius: 50%;
}


.dog-placeholder-logo[b-r2mm9mum8j] {
    width: 90%;
    height: 90%;
    object-fit: contain;
    filter: grayscale(1) sepia(0.25) contrast(0.75) opacity(0.22);
}


/* =========================================================
   PROFILE IMAGE EDIT OVERLAY
   ========================================================= */

.photo-edit-overlay[b-r2mm9mum8j] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #ffffff;
    background: rgba(62, 27, 25, 0.62);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.18s ease;
}


.dog-photo-button:hover .photo-edit-overlay[b-r2mm9mum8j],
.dog-photo-button:focus-visible .photo-edit-overlay[b-r2mm9mum8j] {
    opacity: 1;
}


.photo-edit-icon[b-r2mm9mum8j] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 50%;
    font-size: 14px;
}


.photo-edit-overlay span[b-r2mm9mum8j] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================================
   FOCUS
   ========================================================= */

.dog-photo-button:focus[b-r2mm9mum8j] {
    outline: none;
}


.dog-photo-button:focus-visible .dog-photo-frame[b-r2mm9mum8j] {
    outline: 3px solid rgba(148, 19, 40, 0.18);
    outline-offset: 4px;
}


/* =========================================================
   MODAL BACKDROP
   ========================================================= */




/* =========================================================
   MODAL
   ========================================================= */




/* =========================================================
   MODAL HEADER
   ========================================================= */










/* =========================================================
   MODAL CLOSE BUTTON
   ========================================================= */




    


    


/* =========================================================
   MODAL BODY
   ========================================================= */




/* =========================================================
   PICKER SECTION
   ========================================================= */

.picker-section[b-r2mm9mum8j] {
    width: 100%;
}


.picker-section-title[b-r2mm9mum8j] {
    margin-bottom: 13px;
    color: #59463b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

.picker-gallery[b-r2mm9mum8j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 13px;
}


/* =========================================================
   GALLERY IMAGE BUTTON
   ========================================================= */

.picker-image[b-r2mm9mum8j] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    padding: 0;
    background: #eee9df;
    border: 2px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}


    .picker-image img[b-r2mm9mum8j] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }


    .picker-image:hover:not(:disabled)[b-r2mm9mum8j] {
        transform: translateY(-2px);
        border-color: #c4a15a;
        box-shadow: 0 6px 15px rgba(61, 40, 30, 0.14);
    }


    .picker-image:disabled[b-r2mm9mum8j] {
        cursor: default;
    }


.picker-image-primary[b-r2mm9mum8j] {
    border-color: #941328;
    box-shadow: 0 0 0 1px rgba(148, 19, 40, 0.08);
}


/* =========================================================
   IMAGE SELECT OVERLAY
   ========================================================= */

.select-image-overlay[b-r2mm9mum8j] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #ffffff;
    background: rgba(77, 31, 28, 0.60);
    opacity: 0;
    transition: opacity 0.15s ease;
}


.picker-image:hover:not(:disabled)
.select-image-overlay[b-r2mm9mum8j] {
    opacity: 1;
}


.select-image-overlay i[b-r2mm9mum8j] {
    font-size: 17px;
}


.select-image-overlay span[b-r2mm9mum8j] {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


/* =========================================================
   CURRENT PRIMARY BADGE
   ========================================================= */

.current-primary-badge[b-r2mm9mum8j] {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    color: #ffffff;
    background: rgba(148, 19, 40, 0.92);
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
}


    .current-primary-badge i[b-r2mm9mum8j] {
        color: #ead9a3;
    }


/* =========================================================
   DIVIDER
   ========================================================= */

.picker-divider[b-r2mm9mum8j] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 25px 0;
}


    .picker-divider span[b-r2mm9mum8j] {
        height: 1px;
        flex: 1;
        background: #e4dacb;
    }


    .picker-divider div[b-r2mm9mum8j] {
        color: #9b8d82;
        font-size: 10px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
    }


/* =========================================================
   UPLOAD ZONE
   ========================================================= */




    


    








/* =========================================================
   ERROR
   ========================================================= */




    


/* =========================================================
   LOADING
   ========================================================= */




    


/* =========================================================
   EMPTY
   ========================================================= */




    


/* =========================================================
   FOOTER
   ========================================================= */




/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes primaryPickerBackdropIn-b-r2mm9mum8j {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


@keyframes primaryPickerModalIn-b-r2mm9mum8j {

    from {
        opacity: 0;
        transform: translateY(8px) scale(0.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 768px) {

    .dog-photo-button[b-r2mm9mum8j],
    .dog-photo-frame[b-r2mm9mum8j] {
        width: 165px;
        height: 165px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .primary-image-picker[b-r2mm9mum8j] {
        justify-content: center;
    }


    .dog-photo-button[b-r2mm9mum8j],
    .dog-photo-frame[b-r2mm9mum8j] {
        width: 150px;
        height: 150px;
    }


    


    


    .picker-gallery[b-r2mm9mum8j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    


        
}

/* =========================================================
   CENTERED IMAGE LOADING
   ========================================================= */




    


/* =========================================================
   ERROR CONTENT
   ========================================================= */




@media (max-width: 576px) {

    
}
/* _content/DogRegistry.UI/Components/Kennels/KennelAutocomplete.razor.rz.scp.css */
.kennel-result-name[b-xhtjbhxire],
.selected-kennel-name[b-xhtjbhxire] {
    font-family: Georgia, "Times New Roman", serif;
}

.kennel-result-select[b-xhtjbhxire] {
    flex-shrink: 0;
    color: #b89b61;
    font-size: 9px;
}

.selected-kennel-details[b-xhtjbhxire] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    color: #887b71;
    font-size: 10px;
}

.selected-kennel-details i[b-xhtjbhxire] {
    color: #b19049;
}
/* _content/DogRegistry.UI/Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-k3up7d500h] {
    min-height: 100vh;
    width: 100%;
}
/* _content/DogRegistry.UI/Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   LAYOUT
   ========================================================= */

.app-layout[b-eyqutibuaw] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--club-cream);
}


.app-main[b-eyqutibuaw] {
    flex: 1;
    background: radial-gradient( circle at 85% 0%, rgba(205, 171, 90, 0.10), transparent 32% ), var(--club-cream);
}


.page-container[b-eyqutibuaw] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 48px 52px 70px;
}



/* =========================================================
   HEADER
   ========================================================= */

.app-header[b-eyqutibuaw] {
    position: relative;
    color: #fff;
    background: radial-gradient( circle at 78% 5%, rgba(255,255,255,0.06), transparent 25% ), linear-gradient( 110deg, #740b1b 0%, #98132c 48%, #740a1c 100% );
    border-bottom: 3px solid var(--club-gold);
    box-shadow: 0 5px 18px rgba(55, 5, 15, 0.23);
    z-index: 100;
}


.header-container[b-eyqutibuaw],
.nav-container[b-eyqutibuaw],
.footer-container[b-eyqutibuaw] {
    max-width: 1640px;
    margin: 0 auto;
}


/* =========================================================
   BRAND AREA
   ========================================================= */

.header-top[b-eyqutibuaw] {
    min-height: 185px;
    display: flex;
    align-items: center;
}


.club-brand[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
}


    .club-brand:hover[b-eyqutibuaw] {
        color: white;
    }


/* =========================================================
   LOGO
   ========================================================= */

.club-logo-wrapper[b-eyqutibuaw] {
    width: 148px;
    height: 148px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 34px;
    padding: 7px;
    background: #fff;
    border: 3px solid var(--club-gold);
    border-radius: 50%;
    box-shadow: 0 7px 22px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.30);
}


.club-logo[b-eyqutibuaw] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 50%;
}



/* =========================================================
   CLUB NAME
   ========================================================= */

.club-name[b-eyqutibuaw] {
    font-family: Georgia, "Times New Roman", serif;
}


.club-name-top[b-eyqutibuaw] {
    margin-bottom: 5px;
    color: var(--club-gold-light);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2.2px;
}


.club-name-main[b-eyqutibuaw] {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 1.4px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}


.club-name-sub[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    margin-top: 11px;
    color: var(--club-gold-light);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
}


    .club-name-sub span[b-eyqutibuaw] {
        width: 46px;
        height: 1px;
        display: inline-block;
        margin: 0 13px;
        background: var(--club-gold);
    }


        .club-name-sub span:first-child[b-eyqutibuaw] {
            margin-left: 0;
        }



/* =========================================================
   NAVIGATION
   ========================================================= */

.navigation-bar[b-eyqutibuaw] {
    background: rgba(62, 4, 14, 0.54);
    border-top: 1px solid rgba(255,255,255,0.10);
}


.main-navigation[b-eyqutibuaw] {
    min-height: 68px;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
}


/*
    IMPORTANT:
    NavLink is another Blazor component.
    ::deep is needed for isolated CSS.
*/

[b-eyqutibuaw] .nav-link-custom {
    position: relative;
    min-width: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    color: rgba(255,255,255,0.90);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.45px;
    border-left: 1px solid rgba(255,255,255,0.09);
    transition: background-color .18s ease, color .18s ease;
}


    [b-eyqutibuaw] .nav-link-custom:last-child {
        border-right: 1px solid rgba(255,255,255,0.09);
    }


    [b-eyqutibuaw] .nav-link-custom i {
        color: var(--club-gold-light);
        font-size: 17px;
    }


    [b-eyqutibuaw] .nav-link-custom:hover {
        color: #fff;
        background: rgba(255,255,255,0.08);
    }


    [b-eyqutibuaw] .nav-link-custom.active {
        color: #fff;
        background: rgba(40,0,8,0.27);
    }


        [b-eyqutibuaw] .nav-link-custom.active::after {
            content: "";
            position: absolute;
            left: 15%;
            right: 15%;
            bottom: 0;
            height: 3px;
            background: var(--club-gold);
        }



/* =========================================================
   FOOTER
   ========================================================= */

.app-footer[b-eyqutibuaw] {
    padding: 24px 0;
    background: linear-gradient( 180deg, #fffdf8 0%, #faf6ed 100% );
    border-top: 1px solid #d8c89e;
    color: var(--club-muted);
}


.footer-inner[b-eyqutibuaw] {
    min-height: 64px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 30px;
}


/* =========================================================
   FOOTER BRAND
   ========================================================= */

.footer-brand[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    gap: 12px;
}


.footer-logo-wrap[b-eyqutibuaw] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 3px;
    background: #fff;
    border: 1px solid #d6b464;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(61, 40, 30, 0.10);
}


.footer-logo[b-eyqutibuaw] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
}


.footer-text[b-eyqutibuaw] {
    line-height: 1.25;
}


.footer-club-name[b-eyqutibuaw] {
    color: #4a3328;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 700;
}


.footer-subtitle[b-eyqutibuaw] {
    margin-top: 2px;
    color: #8a7e74;
    font-size: 11px;
    letter-spacing: 0.3px;
}


/* =========================================================
   FOOTER CENTER
   ========================================================= */

.footer-center[b-eyqutibuaw] {
    text-align: center;
}


.footer-divider[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    color: var(--club-gold);
}


    .footer-divider span[b-eyqutibuaw] {
        width: 28px;
        height: 1px;
        background: #d6b464;
    }


    .footer-divider i[b-eyqutibuaw] {
        margin: 0 8px;
        font-size: 9px;
    }


.footer-copyright[b-eyqutibuaw] {
    color: #8a7e74;
    font-size: 11px;
    white-space: nowrap;
}


/* =========================================================
   FOOTER REGISTRY
   ========================================================= */

.footer-registry[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    text-align: left;
}


    .footer-registry > i[b-eyqutibuaw] {
        color: var(--club-gold);
        font-size: 18px;
    }


.footer-registry-title[b-eyqutibuaw] {
    color: var(--club-burgundy);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2px;
}


.footer-registry-subtitle[b-eyqutibuaw] {
    margin-top: 1px;
    color: #8a7e74;
    font-size: 11px;
}


/* =========================================================
   FOOTER RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .footer-inner[b-eyqutibuaw] {
        grid-template-columns: 1fr;
        gap: 16px;
        text-align: center;
    }

    .footer-brand[b-eyqutibuaw],
    .footer-registry[b-eyqutibuaw] {
        justify-content: center;
    }

    .footer-registry[b-eyqutibuaw] {
        text-align: left;
    }

    .footer-copyright[b-eyqutibuaw] {
        white-space: normal;
    }
}


@media (max-width: 576px) {

    .app-footer[b-eyqutibuaw] {
        padding: 20px 0;
    }

    .footer-logo-wrap[b-eyqutibuaw] {
        width: 36px;
        height: 36px;
    }

    .footer-club-name[b-eyqutibuaw] {
        font-size: 12px;
    }

    .footer-subtitle[b-eyqutibuaw],
    .footer-registry-title[b-eyqutibuaw],
    .footer-registry-subtitle[b-eyqutibuaw],
    .footer-copyright[b-eyqutibuaw] {
        font-size: 10px;
    }
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .header-top[b-eyqutibuaw] {
        min-height: 145px;
    }

    .club-logo-wrapper[b-eyqutibuaw] {
        width: 110px;
        height: 110px;
        margin-right: 24px;
    }

    .club-name-main[b-eyqutibuaw] {
        font-size: 33px;
    }

    .club-name-top[b-eyqutibuaw] {
        font-size: 17px;
    }

    .club-name-sub[b-eyqutibuaw] {
        font-size: 12px;
    }

    [b-eyqutibuaw] .nav-link-custom {
        min-width: auto;
        padding: 0 15px;
    }
}


@media (max-width: 768px) {

    .page-container[b-eyqutibuaw] {
        padding: 28px 18px 45px;
    }

    .header-top[b-eyqutibuaw] {
        min-height: 105px;
    }

    .club-logo-wrapper[b-eyqutibuaw] {
        width: 76px;
        height: 76px;
        margin-right: 14px;
        padding: 4px;
        border-width: 2px;
    }

    .club-name-top[b-eyqutibuaw] {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .club-name-main[b-eyqutibuaw] {
        font-size: 21px;
        letter-spacing: .7px;
    }

    .club-name-sub[b-eyqutibuaw] {
        margin-top: 6px;
        font-size: 8px;
        letter-spacing: .6px;
    }

        .club-name-sub span[b-eyqutibuaw] {
            width: 18px;
            margin: 0 6px;
        }

    .main-navigation[b-eyqutibuaw] {
        min-height: 54px;
        overflow-x: auto;
        justify-content: flex-start;
    }

    [b-eyqutibuaw] .nav-link-custom {
        min-width: max-content;
        padding: 0 16px;
        font-size: 11px;
    }

    .footer-inner[b-eyqutibuaw] {
        flex-direction: column;
        text-align: center;
        gap: 7px;
    }

    .footer-decoration[b-eyqutibuaw] {
        display: none;
    }
}



/* =========================================================
   LOG OUT
   ========================================================= */

.registry-user-menu[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: auto;
}

.registry-user-info[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--club-gold-light);
    font-size: .88rem;
}

    .registry-user-info i[b-eyqutibuaw] {
        color: var(--club-gold);
    }

.registry-logout-button[b-eyqutibuaw] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(214, 180, 100, .55);
    border-radius: 6px;
    background: transparent;
    color: var(--club-gold-light);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

    .registry-logout-button:hover[b-eyqutibuaw] {
        background: rgba(255, 255, 255, .08);
        border-color: var(--club-gold);
    }

    .registry-logout-button i[b-eyqutibuaw] {
        color: var(--club-gold);
    }
/* _content/DogRegistry.UI/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-0rjy5lohha] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-0rjy5lohha] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-0rjy5lohha] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-0rjy5lohha] {
    font-size: 1.1rem;
}

.bi[b-0rjy5lohha] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-0rjy5lohha] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-0rjy5lohha] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-0rjy5lohha] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-0rjy5lohha] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0rjy5lohha] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-0rjy5lohha] {
        padding-bottom: 1rem;
    }

    .nav-item[b-0rjy5lohha]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-0rjy5lohha]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-0rjy5lohha]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-0rjy5lohha] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-0rjy5lohha] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-0rjy5lohha] {
        display: none;
    }

    .nav-scrollable[b-0rjy5lohha] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/DogRegistry.UI/Components/Litters/CreateLitterModal.razor.rz.scp.css */
.litter-modal-backdrop[b-e99q0kzrj1] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(38, 24, 20, 0.55);
    backdrop-filter: blur(2px);
}


.litter-modal[b-e99q0kzrj1] {
    width: 100%;
    max-width: 720px;
    background: #fffdf9;
    border: 1px solid #dbcdae;
    border-radius: 12px;
    box-shadow: 0 18px 55px rgba(45, 22, 18, 0.30);
}


.litter-modal-header[b-e99q0kzrj1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 23px 25px 19px;
    border-bottom: 1px solid #e6ddd0;
}


.litter-modal-eyebrow[b-e99q0kzrj1] {
    margin-bottom: 4px;
    color: #a07d35;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
}


.litter-modal-header h3[b-e99q0kzrj1] {
    margin: 0;
    color: #3c281f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
}


.modal-close-button[b-e99q0kzrj1] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    color: #887b71;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
}


    .modal-close-button:hover:not(:disabled)[b-e99q0kzrj1] {
        color: #941328;
        background: #f7efe9;
    }


.litter-modal-body[b-e99q0kzrj1] {
    padding: 24px 25px;
}


.form-grid[b-e99q0kzrj1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 26px;
}


.form-field[b-e99q0kzrj1] {
    min-width: 0;
}


.form-field-full[b-e99q0kzrj1] {
    grid-column: 1 / -1;
}


.form-label[b-e99q0kzrj1] {
    display: block;
    margin-bottom: 7px;
    color: #59473e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
}


.required-mark[b-e99q0kzrj1] {
    margin-left: 2px;
    color: #941328;
}


.litter-error[b-e99q0kzrj1] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 20px;
    padding: 11px 13px;
    color: #8d1b2d;
    background: #fbefef;
    border: 1px solid #ecd0d4;
    border-radius: 7px;
    font-size: 12px;
}


.litter-modal-footer[b-e99q0kzrj1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 17px 25px;
    background: #fbf8f2;
    border-top: 1px solid #e6ddd0;
    border-radius: 0 0 12px 12px;
}


.save-button[b-e99q0kzrj1] {
    min-width: 170px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
}


@media (max-width: 576px) {

    .litter-modal-backdrop[b-e99q0kzrj1] {
        align-items: flex-end;
        padding: 10px;
    }


    .form-grid[b-e99q0kzrj1] {
        grid-template-columns: 1fr;
    }


    .form-field-full[b-e99q0kzrj1] {
        grid-column: auto;
    }


    .litter-modal-footer[b-e99q0kzrj1] {
        flex-direction: column-reverse;
    }


        
}
/* _content/DogRegistry.UI/Components/Litters/LitterAutocomplete.razor.rz.scp.css */
.litter-result-parents[b-63vu81j50x] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 18px;
    margin-top: 7px;
    color: #6d6057;
    font-size: 10px;
}

.litter-result-parents strong[b-63vu81j50x] {
    color: #8b1629;
    font-weight: 700;
}

.litter-result-parents small[b-63vu81j50x] {
    margin-left: 3px;
    color: #96887c;
    font-size: 9px;
}

.selected-litter-details[b-63vu81j50x] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 18px;
    margin-top: 6px;
    color: #786a5e;
    font-size: 10px;
}

.selected-litter-details strong[b-63vu81j50x] {
    color: #514239;
    font-weight: 700;
}

@media (max-width: 576px) {
    .litter-result-parents[b-63vu81j50x],
    .selected-litter-details[b-63vu81j50x] {
        flex-direction: column;
        gap: 3px;
    }
}
/* _content/DogRegistry.UI/Components/Members/Details/MemberProfileImagePicker.razor.rz.scp.css */
.member-image-picker[b-84x40g146l] {
    position: relative;
}


/* =========================================================
   PROFILE IMAGE
   ========================================================= */

.member-image-button[b-84x40g146l] {
    display: block;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}


.member-image-frame[b-84x40g146l] {
    width: 82px;
    height: 82px;
    position: relative;
    overflow: hidden;
    border: 3px solid #d6b464;
    border-radius: 50%;
    background: #f6efe4;
    box-shadow: 0 4px 12px rgba(61, 40, 30, 0.10);
}


.member-image[b-84x40g146l] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


.member-image-placeholder[b-84x40g146l] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9c7b39;
    background: linear-gradient( 145deg, #f6efe3, #ebe0d0 );
    font-size: 26px;
}


/* =========================================================
   HOVER OVERLAY
   ========================================================= */

.member-image-overlay[b-84x40g146l] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #fff;
    background: rgba(65, 31, 27, 0.67);
    opacity: 0;
    transition: opacity 0.15s ease;
}


.member-image-button:hover .member-image-overlay[b-84x40g146l] {
    opacity: 1;
}


.member-image-overlay-icon[b-84x40g146l] {
    font-size: 14px;
}


.member-image-overlay span[b-84x40g146l] {
    font-size: 7px;
    font-weight: 700;
}


/* =========================================================
   BACKDROP / MODAL
   ========================================================= */







/* =========================================================
   HEADER
   ========================================================= */













    


/* =========================================================
   BODY
   ========================================================= */




.section-title[b-84x40g146l] {
    margin-bottom: 9px;
    color: #69574d;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================================
   CURRENT IMAGE
   ========================================================= */

.current-image-section[b-84x40g146l] {
    margin-bottom: 20px;
}


.current-image-preview[b-84x40g146l] {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border: 3px solid #d6b464;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(61, 40, 30, 0.10);
}


    .current-image-preview img[b-84x40g146l] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* =========================================================
   UPLOAD
   ========================================================= */

.upload-zone[b-84x40g146l] {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #86786e;
    background: #fbf7ef;
    border: 1px dashed #ccb98e;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}


    .upload-zone:hover[b-84x40g146l] {
        background: #fff8e9;
        border-color: #b89b5d;
    }


    .upload-zone > i[b-84x40g146l] {
        margin-bottom: 7px;
        color: #941328;
        font-size: 24px;
    }


.upload-title[b-84x40g146l] {
    color: #59463c;
    font-size: 11px;
    font-weight: 700;
}


.upload-help[b-84x40g146l] {
    margin-top: 3px;
    color: #9b8e84;
    font-size: 8px;
}


/* =========================================================
   ERROR / LOADING
   ========================================================= */




    





    


/* =========================================================
   FOOTER
   ========================================================= */













    


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    


        


    
}
/* _content/DogRegistry.UI/Components/Members/MemberAutocomplete.razor.rz.scp.css */
.member-result-email[b-6tprdj0q61] {
    margin-top: 2px;
    overflow: hidden;
    color: #887c72;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-member-name[b-6tprdj0q61] {
    font-family: Georgia, "Times New Roman", serif;
}
/* _content/DogRegistry.UI/Components/RegistryDetailsTabs.razor.rz.scp.css */
.registry-details-tabs[b-o9ibhzcpsa] {
    display: flex;
    align-items: center;

    gap: .25rem;

    margin: 1rem 0 1.25rem;

    padding: 0 .25rem;

    border-bottom: 1px solid var(--club-border);
}

.registry-details-tab[b-o9ibhzcpsa] {
    position: relative;

    display: inline-flex;
    align-items: center;

    gap: .45rem;

    padding: .7rem 1rem;

    border: 0;

    background: transparent;

    color: var(--club-muted);

    font-size: .76rem;
    font-weight: 700;

    letter-spacing: .04em;

    cursor: pointer;

    transition:
        color .15s ease,
        background .15s ease;
}

.registry-details-tab[b-o9ibhzcpsa]::after {
    position: absolute;

    left: .65rem;
    right: .65rem;
    bottom: -1px;

    height: 2px;

    content: "";

    background: transparent;

    transition: background .15s ease;
}

.registry-details-tab:hover[b-o9ibhzcpsa] {
    color: var(--club-burgundy);

    background: rgba(214, 180, 100, .06);
}

.registry-details-tab.active[b-o9ibhzcpsa] {
    color: var(--club-burgundy);
}

.registry-details-tab.active[b-o9ibhzcpsa]::after {
    background: var(--club-gold);
}

.registry-details-tab i[b-o9ibhzcpsa] {
    color: var(--club-gold);

    font-size: .78rem;
}


@media (max-width: 576px) {

    .registry-details-tab[b-o9ibhzcpsa] {
        flex: 1;

        justify-content: center;

        padding-left: .5rem;
        padding-right: .5rem;
    }
}
/* _content/DogRegistry.UI/Components/RegistryDogSummaryCard.razor.rz.scp.css */
.registry-dog-summary-card[b-6chc5vqkp7] {
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #e3dacd;
    border-radius: 9px;
    box-shadow: 0 4px 13px rgba(61, 40, 30, 0.04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.registry-dog-summary-card:hover[b-6chc5vqkp7] {
    border-color: #d3bd91;
    box-shadow: 0 6px 17px rgba(61, 40, 30, 0.08);
    transform: translateY(-1px);
}

.registry-dog-summary-main[b-6chc5vqkp7] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.registry-dog-summary-main:hover[b-6chc5vqkp7] {
    background: #fff9ef;
}

.registry-dog-summary-photo[b-6chc5vqkp7] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    border-radius: 50%;
}

.registry-dog-summary-photo img[b-6chc5vqkp7] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.registry-dog-summary-placeholder[b-6chc5vqkp7] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aa8c4d;
    background: linear-gradient(145deg, #f5efe5, #ebe2d5);
    border: 1px solid #ddd0ba;
    border-radius: 50%;
}

.registry-dog-summary-content[b-6chc5vqkp7] {
    min-width: 0;
    flex: 1;
}

.registry-dog-summary-name[b-6chc5vqkp7] {
    overflow: hidden;
    color: #49352c;
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-dog-summary-club[b-6chc5vqkp7] {
    margin-top: 3px;
    color: var(--club-burgundy, #941328);
    font-size: 8px;
    font-weight: 700;
}

.registry-dog-summary-date[b-6chc5vqkp7] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    color: #91847a;
    font-size: 8px;
}

.registry-dog-summary-date i[b-6chc5vqkp7] {
    color: #b09049;
}

.registry-dog-summary-arrow[b-6chc5vqkp7] {
    flex-shrink: 0;
    color: #b69a60;
    font-size: 9px;
}

.registry-dog-summary-related[b-6chc5vqkp7] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 13px;
    color: #77685e;
    background: #faf7f1;
    border-top: 1px solid #eae1d6;
}

.registry-dog-summary-related-link[b-6chc5vqkp7] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    font-size: 8px;
    cursor: pointer;
}

.registry-dog-summary-related-link:hover[b-6chc5vqkp7] {
    color: var(--club-burgundy, #941328);
}

.registry-dog-summary-related-link > span[b-6chc5vqkp7] {
    color: #9e9187;
    font-size: 7px;
    text-transform: uppercase;
}

.registry-dog-summary-related-link strong[b-6chc5vqkp7] {
    overflow: hidden;
    color: #5b473d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-dog-summary-kennel[b-6chc5vqkp7] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    color: #8b7e74;
    font-size: 8px;
}

.registry-dog-summary-kennel span[b-6chc5vqkp7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/DogRegistry.UI/Components/RegistryLitterSummaryCard.razor.rz.scp.css */
.registry-litter-summary-card[b-ama1rkucbp] {
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #e2d8ca;
    border-radius: 9px;
    box-shadow: 0 4px 13px rgba(61, 40, 30, 0.035);
    transition: border-color .15s ease, box-shadow .15s ease;
}

.registry-litter-summary-card:hover[b-ama1rkucbp] {
    border-color: #d4bd8d;
    box-shadow: 0 6px 17px rgba(61, 40, 30, 0.065);
}

.registry-litter-summary-header[b-ama1rkucbp] {
    width: 100%;
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.registry-litter-summary-header:hover[b-ama1rkucbp] {
    background: #fffaf1;
}

.registry-litter-summary-icon[b-ama1rkucbp] {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    color: var(--club-burgundy, #941328);
    background: #f5e8e7;
    border-radius: 50%;
}

.registry-litter-summary-title[b-ama1rkucbp] {
    min-width: 0;
    flex: 1;
}

.registry-litter-summary-eyebrow[b-ama1rkucbp] {
    margin-bottom: 2px;
    color: #a07d35;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1px;
}

.registry-litter-summary-name[b-ama1rkucbp] {
    overflow: hidden;
    color: #49352c;
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-litter-summary-header:hover .registry-litter-summary-name[b-ama1rkucbp] {
    color: var(--club-burgundy, #941328);
}

.registry-litter-summary-date[b-ama1rkucbp] {
    margin-top: 4px;
    color: #91847a;
    font-size: 8px;
}

.registry-litter-summary-date i[b-ama1rkucbp] {
    margin-right: 3px;
    color: #b08d48;
}

.registry-litter-summary-count[b-ama1rkucbp] {
    min-width: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 9px;
    background: #faf5e9;
    border: 1px solid #eadcbf;
    border-radius: 6px;
}

.registry-litter-summary-count strong[b-ama1rkucbp] {
    color: var(--club-burgundy, #941328);
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 15px;
}

.registry-litter-summary-count span[b-ama1rkucbp] {
    color: #8c7d70;
    font-size: 7px;
    text-transform: uppercase;
}

.registry-litter-summary-arrow[b-ama1rkucbp] {
    color: #ad925a;
    font-size: 9px;
}

.registry-litter-summary-parents[b-ama1rkucbp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    gap: 14px;
    padding: 11px 14px;
    background: #faf7f1;
    border-top: 1px solid #ebe2d7;
}

.registry-litter-summary-parent-divider[b-ama1rkucbp] {
    width: 1px;
    background: #e6ddd1;
}

.registry-litter-summary-parent-label[b-ama1rkucbp] {
    margin-bottom: 4px;
    color: #9a8c82;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.registry-litter-summary-parent-label i[b-ama1rkucbp] {
    margin-right: 3px;
    color: #a17e36;
}

.registry-litter-summary-parent-link[b-ama1rkucbp] {
    max-width: 100%;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 0;
    color: #5b443b;
    text-align: left;
    background: transparent;
    border: 0;
    font-size: 9px;
    cursor: pointer;
}

.registry-litter-summary-parent-link:hover[b-ama1rkucbp] {
    color: var(--club-burgundy, #941328);
}

.registry-litter-summary-parent-link strong[b-ama1rkucbp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-litter-summary-parent-link span[b-ama1rkucbp] {
    flex-shrink: 0;
    color: #94867b;
    font-size: 7px;
}

.registry-litter-summary-parent-empty[b-ama1rkucbp] {
    color: #a3988f;
    font-size: 9px;
    font-style: italic;
}

.registry-litter-summary-puppies[b-ama1rkucbp] {
    padding: 12px 14px 14px;
    border-top: 1px solid #eee6dc;
}

.registry-litter-summary-puppies-header[b-ama1rkucbp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.registry-litter-summary-puppies-title[b-ama1rkucbp] {
    color: #59443a;
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 11px;
    font-weight: 700;
}

.registry-litter-summary-puppies-count[b-ama1rkucbp] {
    color: #91847a;
    font-size: 8px;
}

.registry-litter-summary-puppies-grid[b-ama1rkucbp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
}

.registry-litter-summary-footer[b-ama1rkucbp] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    background: #fbf8f2;
    border-top: 1px solid #ece4da;
}

.registry-litter-summary-footer-label[b-ama1rkucbp] {
    color: #9a8d83;
    font-size: 7px;
    font-weight: 700;
    text-transform: uppercase;
}

.registry-litter-summary-kennel-link[b-ama1rkucbp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    color: #5d493f;
    background: transparent;
    border: 0;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.registry-litter-summary-kennel-link:hover[b-ama1rkucbp] {
    color: var(--club-burgundy, #941328);
}

@media (max-width: 640px) {
    .registry-litter-summary-header[b-ama1rkucbp] {
        align-items: flex-start;
    }

    .registry-litter-summary-count[b-ama1rkucbp] {
        min-width: 52px;
    }

    .registry-litter-summary-parents[b-ama1rkucbp] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .registry-litter-summary-parent-divider[b-ama1rkucbp] {
        width: 100%;
        height: 1px;
    }

    .registry-litter-summary-puppies-grid[b-ama1rkucbp] {
        grid-template-columns: 1fr;
    }
}
/* _content/DogRegistry.UI/Components/RegistryPuppyCard.razor.rz.scp.css */
.registry-puppy-card[b-nb8glrx1hh] {
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    color: inherit;
    text-align: left;
    background: #fffdf9;
    border: 1px solid #e7ded2;
    border-radius: 7px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.registry-puppy-card:hover[b-nb8glrx1hh] {
    background: #fff9ef;
    border-color: #d5c08f;
    transform: translateY(-1px);
}

.registry-puppy-photo[b-nb8glrx1hh] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    overflow: hidden;
    border-radius: 50%;
}

.registry-puppy-photo img[b-nb8glrx1hh] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.registry-puppy-placeholder[b-nb8glrx1hh] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ad8d48;
    background: #f2eadf;
}

.registry-puppy-info[b-nb8glrx1hh] {
    min-width: 0;
    flex: 1;
}

.registry-puppy-name[b-nb8glrx1hh] {
    overflow: hidden;
    color: #4c382f;
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.registry-puppy-club[b-nb8glrx1hh] {
    margin-top: 2px;
    color: var(--club-burgundy, #941328);
    font-size: 7px;
    font-weight: 700;
}

.registry-puppy-date[b-nb8glrx1hh] {
    margin-top: 2px;
    color: #95897f;
    font-size: 7px;
}

.registry-puppy-open[b-nb8glrx1hh] {
    color: #b39760;
    font-size: 8px;
}
/* _content/DogRegistry.UI/Components/RelatedLink.razor.rz.scp.css */
.related-link[b-4s2kkanyq4] {
    color: inherit;
    text-decoration: none;
    font: inherit;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

    .related-link:hover[b-4s2kkanyq4],
    .related-link:focus[b-4s2kkanyq4],
    .related-link:active[b-4s2kkanyq4],
    .related-link:visited[b-4s2kkanyq4] {
        color: inherit;
        text-decoration: none;
    }

    .related-link:hover[b-4s2kkanyq4] {
        opacity: 0.75;
    }
/* _content/DogRegistry.UI/Pages/Account/AccessDenied.razor.rz.scp.css */
.access-denied-page[b-8lujq5206o] {
min-height: 100vh;

display: flex;
align-items: center;
justify-content: center;

padding: 2rem;

background:
radial-gradient(
circle at top,
rgba(214, 180, 100, .12),
transparent 32%
),
linear-gradient(
145deg,
var(--club-burgundy-deep),
var(--club-burgundy-dark)
);
}


.access-denied-card[b-8lujq5206o] {
width: 100%;
max-width: 440px;

padding: 2.2rem 2rem;

text-align: center;

background:
#fffdf9;

border:
1px solid rgba(214, 180, 100, .55);

border-radius: 18px;

box-shadow:
0 24px 70px
rgba(0, 0, 0, .28);
}


/* =========================================================
BRAND
========================================================= */

.access-denied-logo-wrapper[b-8lujq5206o] {
width: 105px;
height: 105px;

margin:
0 auto 1rem;

display: flex;
align-items: center;
justify-content: center;

overflow: hidden;

border:
3px solid var(--club-gold);

border-radius: 50%;

background:
white;

box-shadow:
0 8px 24px
rgba(78, 7, 18, .15);
}


.access-denied-logo[b-8lujq5206o] {
width: 84px;
height: 84px;

object-fit: cover;

border-radius: 50%;
}


.access-denied-club-title[b-8lujq5206o] {
color:
var(--club-gold);

font-family:
Georgia, serif;

font-size: .78rem;
font-weight: 700;

letter-spacing: .16em;
}


.access-denied-club-name[b-8lujq5206o] {
margin-top: .3rem;

color:
var(--club-burgundy);

font-family:
Georgia, serif;

font-size: 1.55rem;
font-weight: 700;
}


.access-denied-registry-title[b-8lujq5206o] {
margin-top: .25rem;

color:
var(--club-muted);

font-family:
Georgia, serif;

font-size: .9rem;
}


.access-denied-divider[b-8lujq5206o] {
width: 55px;
height: 2px;

margin:
1.5rem auto;

background:
var(--club-gold);
}


/* =========================================================
MESSAGE
========================================================= */

.access-denied-icon[b-8lujq5206o] {
width: 58px;
height: 58px;

margin:
0 auto .9rem;

display: flex;
align-items: center;
justify-content: center;

border-radius: 50%;

background:
rgba(148, 19, 40, .08);

color:
var(--club-burgundy);

font-size: 1.25rem;
}


.access-denied-card h1[b-8lujq5206o] {
margin:
0 0 .45rem;

color:
var(--club-text);

font-family:
Georgia, serif;

font-size: 1.35rem;
font-weight: 700;
}


.access-denied-card p[b-8lujq5206o] {
margin:
0 auto 1.6rem;

max-width: 340px;

color:
var(--club-muted);

font-size: .9rem;

line-height: 1.55;
}


/* =========================================================
BUTTON
========================================================= */

.access-denied-button[b-8lujq5206o] {
min-height: 44px;

display: inline-flex;
align-items: center;
justify-content: center;

gap: .5rem;

padding:
0 1.2rem;

border:
1px solid var(--club-burgundy-dark);

border-radius: 8px;

background:
linear-gradient(
145deg,
var(--club-burgundy),
var(--club-burgundy-dark)
);

color:
white;

font-size: .78rem;
font-weight: 700;

letter-spacing: .05em;

text-decoration: none;

transition:
transform .15s ease,
box-shadow .15s ease;
}


.access-denied-button:hover[b-8lujq5206o] {
color: white;

transform:
translateY(-1px);

box-shadow:
0 7px 17px
rgba(110, 12, 28, .2);
}


@media (max-width: 576px) {

.access-denied-page[b-8lujq5206o] {
padding: 1rem;
}

.access-denied-card[b-8lujq5206o] {
padding:
1.7rem 1.3rem;
}
}
/* _content/DogRegistry.UI/Pages/Account/Activate.razor.rz.scp.css */
.activate-page[b-nfagk405j1] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: radial-gradient( circle at top, rgba(214, 180, 100, 0.12), transparent 32% ), linear-gradient( 145deg, var(--club-burgundy-deep), var(--club-burgundy-dark) );
}


.activate-card[b-nfagk405j1] {
    width: 100%;
    max-width: 460px;
    padding: 2.2rem 2rem;
    background: #fffdf9;
    border: 1px solid rgba(214, 180, 100, 0.55);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}


/* =========================================================
   BRAND
   ========================================================= */

.activate-brand[b-nfagk405j1] {
    text-align: center;
    margin-bottom: 1.7rem;
}


.activate-logo-wrapper[b-nfagk405j1] {
    width: 108px;
    height: 108px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 3px solid var(--club-gold);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(78, 7, 18, 0.15);
}


.activate-logo[b-nfagk405j1] {
    width: 86px;
    height: 86px;
    object-fit: cover;
    border-radius: 50%;
}


.activate-club-title[b-nfagk405j1] {
    color: var(--club-gold);
    font-family: Georgia, serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .16em;
}


.activate-club-name[b-nfagk405j1] {
    margin-top: .3rem;
    color: var(--club-burgundy);
    font-family: Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
}


.activate-registry-title[b-nfagk405j1] {
    margin-top: .25rem;
    color: var(--club-muted);
    font-family: Georgia, serif;
    font-size: .9rem;
}


/* =========================================================
   HEADING
   ========================================================= */

.activate-heading[b-nfagk405j1] {
    margin-bottom: 1.4rem;
    text-align: center;
}


    .activate-heading h1[b-nfagk405j1] {
        margin-bottom: .3rem;
        color: var(--club-text);
        font-family: Georgia, serif;
        font-size: 1.25rem;
        font-weight: 700;
    }


    .activate-heading p[b-nfagk405j1] {
        margin: 0;
        color: var(--club-muted);
        font-size: .9rem;
    }


/* =========================================================
   USER
   ========================================================= */

.activate-user[b-nfagk405j1] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.3rem;
    padding: .7rem .9rem;
    background: var(--club-cream);
    border: 1px solid var(--club-border);
    border-radius: 8px;
    color: var(--club-text);
    font-size: .9rem;
}


    .activate-user i[b-nfagk405j1] {
        color: var(--club-burgundy);
    }


/* =========================================================
   FORM
   ========================================================= */

.form-label[b-nfagk405j1] {
    color: var(--club-text);
    font-weight: 600;
}


.input-group-text[b-nfagk405j1] {
    min-width: 46px;
    justify-content: center;
    color: var(--club-burgundy);
    background: var(--club-cream);
    border-color: var(--club-border);
}


.form-control[b-nfagk405j1] {
    border-color: var(--club-border);
}


    .form-control:focus[b-nfagk405j1] {
        border-color: var(--club-gold);
        box-shadow: 0 0 0 .2rem rgba(214, 180, 100, .16);
    }


/* =========================================================
   HINT
   ========================================================= */

.password-hint[b-nfagk405j1] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1.4rem;
    color: var(--club-muted);
    font-size: .8rem;
    line-height: 1.45;
}


    .password-hint i[b-nfagk405j1] {
        margin-top: .15rem;
        color: var(--club-gold);
    }


/* =========================================================
   ERROR
   ========================================================= */

.activate-error[b-nfagk405j1] {
    display: flex;
    align-items: center;
    gap: .55rem;
}


/* =========================================================
   BUTTON
   ========================================================= */

.activate-button[b-nfagk405j1] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 1px solid var(--club-burgundy-dark);
    border-radius: 8px;
    background: linear-gradient( 145deg, var(--club-burgundy), var(--club-burgundy-dark) );
    color: white;
    font-weight: 700;
    letter-spacing: .05em;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}


    .activate-button:hover[b-nfagk405j1] {
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(110, 12, 28, .22);
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .activate-page[b-nfagk405j1] {
        padding: 1rem;
    }


    .activate-card[b-nfagk405j1] {
        padding: 1.7rem 1.3rem;
    }


    .activate-logo-wrapper[b-nfagk405j1] {
        width: 96px;
        height: 96px;
    }


    .activate-logo[b-nfagk405j1] {
        width: 76px;
        height: 76px;
    }


    .activate-club-name[b-nfagk405j1] {
        font-size: 1.4rem;
    }
}
/* _content/DogRegistry.UI/Pages/Account/Login.razor.rz.scp.css */
.login-page[b-oxd9qwhh4a] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: radial-gradient( circle at top, rgba(214, 180, 100, 0.12), transparent 32% ), linear-gradient( 145deg, var(--club-burgundy-deep), var(--club-burgundy-dark) );
}

.login-card[b-oxd9qwhh4a] {
    width: 100%;
    max-width: 440px;
    padding: 2.2rem 2rem;
    background: #fffdf9;
    border: 1px solid rgba(214, 180, 100, 0.55);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.login-brand[b-oxd9qwhh4a] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-logo-wrapper[b-oxd9qwhh4a] {
    width: 118px;
    height: 118px;
    margin: 0 auto 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 3px solid var(--club-gold);
    border-radius: 50%;
    overflow: hidden;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .9), 0 8px 24px rgba(78, 7, 18, 0.15);
}

.login-logo[b-oxd9qwhh4a] {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 50%;
}

.login-club-title[b-oxd9qwhh4a] {
    color: var(--club-gold);
    font-family: Georgia, serif;
    font-size: .83rem;
    font-weight: 700;
    letter-spacing: .16em;
}

.login-club-name[b-oxd9qwhh4a] {
    margin-top: .35rem;
    color: var(--club-burgundy);
    font-family: Georgia, serif;
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.login-registry-title[b-oxd9qwhh4a] {
    margin-top: .3rem;
    color: var(--club-muted);
    font-family: Georgia, serif;
    font-size: .95rem;
}

.login-error[b-oxd9qwhh4a] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.4rem;
}

.form-label[b-oxd9qwhh4a] {
    color: var(--club-text);
    font-weight: 600;
}

.input-group-text[b-oxd9qwhh4a] {
    min-width: 46px;
    display: flex;
    justify-content: center;
    color: var(--club-burgundy);
    background: var(--club-cream);
    border-color: var(--club-border);
}

.form-control[b-oxd9qwhh4a] {
    border-color: var(--club-border);
}

    .form-control:focus[b-oxd9qwhh4a] {
        border-color: var(--club-gold);
        box-shadow: 0 0 0 .2rem rgba(214, 180, 100, .16);
    }

.form-check-input:checked[b-oxd9qwhh4a] {
    background-color: var(--club-burgundy);
    border-color: var(--club-burgundy);
}

.login-button[b-oxd9qwhh4a] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 1px solid var(--club-burgundy-dark);
    border-radius: 8px;
    background: linear-gradient( 145deg, var(--club-burgundy), var(--club-burgundy-dark) );
    color: white;
    font-weight: 700;
    letter-spacing: .06em;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

    .login-button:hover[b-oxd9qwhh4a] {
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(110, 12, 28, .22);
    }


@media (max-width: 576px) {

    .login-page[b-oxd9qwhh4a] {
        padding: 1rem;
    }

    .login-card[b-oxd9qwhh4a] {
        padding: 1.7rem 1.3rem;
    }

    .login-logo-wrapper[b-oxd9qwhh4a] {
        width: 100px;
        height: 100px;
    }

    .login-logo[b-oxd9qwhh4a] {
        width: 78px;
        height: 78px;
    }

    .login-club-name[b-oxd9qwhh4a] {
        font-size: 1.45rem;
    }
}

.login-success[b-oxd9qwhh4a] {
    display: flex;
    align-items: center;
    gap: .55rem;
}
/* _content/DogRegistry.UI/Pages/Admin/Users.razor.rz.scp.css */
.users-page[b-zbnfymz2m7] {
    padding-bottom: 2rem;
}


/* =========================================================
   MESSAGES
   ========================================================= */

.users-message[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1rem;
    border-radius: 9px;
}

    .users-message i[b-zbnfymz2m7] {
        flex: 0 0 auto;
    }


/* =========================================================
   CARDS
   ========================================================= */

.invite-card[b-zbnfymz2m7],
.users-list-card[b-zbnfymz2m7] {
    margin-top: 1.25rem;
    padding: 1.4rem 1.5rem;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.users-section-header[b-zbnfymz2m7] {
    margin-bottom: 1.35rem;
}

.users-section-header-content[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.users-section-icon[b-zbnfymz2m7] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214, 180, 100, .5);
    border-radius: 50%;
    background: linear-gradient( 145deg, rgba(148, 19, 40, .07), rgba(214, 180, 100, .08) );
    color: var(--club-burgundy);
    font-size: 1rem;
    box-shadow: 0 3px 8px rgba(78, 7, 18, .06);
}

.users-section-header h2[b-zbnfymz2m7] {
    margin: 0;
    color: var(--club-text);
    font-family: Georgia, serif;
    font-size: 1.15rem;
    font-weight: 700;
}

.users-section-header p[b-zbnfymz2m7] {
    margin: .18rem 0 0;
    color: var(--club-muted);
    font-size: .86rem;
}


/* =========================================================
   INVITE FORM
   ========================================================= */

.invite-form[b-zbnfymz2m7] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) 190px 150px;
    gap: 1rem;
    align-items: end;
}


/* =========================================================
   INVITE FIELD
   ========================================================= */

.invite-field[b-zbnfymz2m7] {
    min-width: 0;
}

.invite-label[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .45rem;
    color: var(--club-text);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .025em;
}

    .invite-label i[b-zbnfymz2m7] {
        color: var(--club-gold);
        font-size: .76rem;
    }


/* =========================================================
   EMAIL INPUT
   ========================================================= */

.invite-input-wrapper[b-zbnfymz2m7] {
    position: relative;
}

.invite-input-icon[b-zbnfymz2m7] {
    position: absolute;
    top: 50%;
    left: .9rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: var(--club-burgundy);
    font-size: .85rem;
    pointer-events: none;
    transition: color .15s ease;
}

.invite-input[b-zbnfymz2m7] {
    width: 100%;
    height: 44px;
    padding: 0 .9rem 0 2.65rem;
    border: 1px solid var(--club-border);
    border-radius: 8px;
    outline: none;
    background: #fffdf9;
    color: var(--club-text);
    font-size: .88rem;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

    .invite-input[b-zbnfymz2m7]::placeholder {
        color: #aaa19b;
    }

    .invite-input:hover[b-zbnfymz2m7] {
        border-color: rgba(160, 125, 53, .55);
    }

    .invite-input:focus[b-zbnfymz2m7] {
        border-color: var(--club-gold);
        background: white;
        box-shadow: 0 0 0 .2rem rgba(214, 180, 100, .14);
    }

.invite-input-wrapper:focus-within
.invite-input-icon[b-zbnfymz2m7] {
    color: var(--club-gold);
}


/* =========================================================
   ROLE SELECT
   ========================================================= */

.invite-select-wrapper[b-zbnfymz2m7] {
    position: relative;
}

.invite-select[b-zbnfymz2m7] {
    width: 100%;
    height: 44px;
    padding: 0 2.45rem 0 .9rem;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--club-border);
    border-radius: 8px;
    outline: none;
    background: #fffdf9;
    color: var(--club-text);
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

    .invite-select:hover[b-zbnfymz2m7] {
        border-color: rgba(160, 125, 53, .55);
    }

    .invite-select:focus[b-zbnfymz2m7] {
        border-color: var(--club-gold);
        background: white;
        box-shadow: 0 0 0 .2rem rgba(214, 180, 100, .14);
    }

.invite-select-icon[b-zbnfymz2m7] {
    position: absolute;
    top: 50%;
    right: .9rem;
    transform: translateY(-50%);
    color: var(--club-burgundy);
    font-size: .7rem;
    pointer-events: none;
    transition: color .15s ease;
}

.invite-select-wrapper:focus-within
.invite-select-icon[b-zbnfymz2m7] {
    color: var(--club-gold);
}


/* =========================================================
   INVITE BUTTON
   ========================================================= */

.invite-action[b-zbnfymz2m7] {
    display: flex;
}

.invite-submit-button[b-zbnfymz2m7] {
    width: 100%;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 0 1.15rem;
    border: 1px solid var(--club-burgundy-dark);
    border-radius: 8px;
    background: linear-gradient( 145deg, var(--club-burgundy), var(--club-burgundy-dark) );
    color: white;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .055em;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(110, 12, 28, .12);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease, opacity .15s ease;
}

    .invite-submit-button i[b-zbnfymz2m7] {
        color: var(--club-gold-light);
    }

    .invite-submit-button:hover:not(:disabled)[b-zbnfymz2m7] {
        transform: translateY(-1px);
        box-shadow: 0 7px 17px rgba(110, 12, 28, .2);
    }

    .invite-submit-button:active:not(:disabled)[b-zbnfymz2m7] {
        transform: translateY(0);
    }

    .invite-submit-button:disabled[b-zbnfymz2m7] {
        opacity: .5;
        cursor: not-allowed;
        box-shadow: none;
    }


/* =========================================================
   USERS LIST HEADER
   ========================================================= */

.users-list-header[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.users-count[b-zbnfymz2m7] {
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient( 145deg, var(--club-burgundy), var(--club-burgundy-dark) );
    color: white;
    border: 1px solid rgba(214, 180, 100, .55);
    font-weight: 700;
    font-size: .85rem;
    box-shadow: 0 4px 10px rgba(110, 12, 28, .12);
}


/* =========================================================
   LOADING
   ========================================================= */

.users-loading[b-zbnfymz2m7] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--club-muted);
}

.registry-spinner[b-zbnfymz2m7] {
    color: var(--club-burgundy);
}


/* =========================================================
   EMPTY
   ========================================================= */

.users-empty[b-zbnfymz2m7] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--club-muted);
}

    .users-empty > i[b-zbnfymz2m7] {
        margin-bottom: .7rem;
        color: var(--club-gold);
        font-size: 2rem;
    }

.users-empty-title[b-zbnfymz2m7] {
    color: var(--club-text);
    font-family: Georgia, serif;
    font-size: 1rem;
    font-weight: 700;
}

.users-empty-text[b-zbnfymz2m7] {
    margin-top: .25rem;
    font-size: .84rem;
}


/* =========================================================
   TABLE
   ========================================================= */

.users-table[b-zbnfymz2m7] {
    margin-bottom: 0;
}

    .users-table th[b-zbnfymz2m7] {
        white-space: nowrap;
    }

    .users-table td[b-zbnfymz2m7] {
        vertical-align: middle;
    }

.users-actions-column[b-zbnfymz2m7] {
    min-width: 230px;
}


/* =========================================================
   USER IDENTITY
   ========================================================= */

.user-identity[b-zbnfymz2m7] {
    min-width: 230px;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.user-avatar[b-zbnfymz2m7] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--club-gold);
    border-radius: 50%;
    background: linear-gradient( 145deg, var(--club-burgundy), var(--club-burgundy-dark) );
    color: var(--club-gold-light);
    font-family: Georgia, serif;
    font-weight: 700;
    box-shadow: 0 3px 8px rgba(110, 12, 28, .12);
}

.user-email[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--club-text);
    font-weight: 600;
}

.user-id[b-zbnfymz2m7] {
    margin-top: .12rem;
    color: var(--club-muted);
    font-size: .75rem;
}

.current-user-badge[b-zbnfymz2m7] {
    padding: .15rem .4rem;
    border-radius: 999px;
    background: rgba(214, 180, 100, .16);
    color: #8b6b28;
    border: 1px solid rgba(214, 180, 100, .35);
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
}


/* =========================================================
   USER ROLE SELECT
   ========================================================= */

.user-role-select[b-zbnfymz2m7] {
    width: 140px;
    min-width: 140px;
    border: 1px solid var(--club-border);
    color: var(--club-text);
    background-color: #fffdf9;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

    .user-role-select:hover:not(:disabled)[b-zbnfymz2m7] {
        border-color: rgba(160, 125, 53, .55);
    }

    .user-role-select:focus[b-zbnfymz2m7] {
        border-color: var(--club-gold);
        box-shadow: 0 0 0 .16rem rgba(214, 180, 100, .14);
    }

    .user-role-select:disabled[b-zbnfymz2m7] {
        opacity: .62;
        cursor: not-allowed;
        background-color: var(--club-cream);
    }


/* =========================================================
   STATUS
   ========================================================= */

.user-status[b-zbnfymz2m7],
.user-activation[b-zbnfymz2m7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .3rem .55rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 600;
    white-space: nowrap;
}

.user-status-active[b-zbnfymz2m7] {
    background: rgba(25, 135, 84, .1);
    color: #157347;
    border: 1px solid rgba(25, 135, 84, .16);
}

.user-status-inactive[b-zbnfymz2m7] {
    background: rgba(108, 117, 125, .1);
    color: #6c757d;
    border: 1px solid rgba(108, 117, 125, .15);
}

.user-activation-complete[b-zbnfymz2m7] {
    background: rgba(25, 135, 84, .1);
    color: #157347;
    border: 1px solid rgba(25, 135, 84, .16);
}

.user-activation-pending[b-zbnfymz2m7] {
    background: rgba(214, 180, 100, .16);
    color: #8b6b28;
    border: 1px solid rgba(214, 180, 100, .28);
}


/* =========================================================
   ACTIONS
   ========================================================= */

.user-actions[b-zbnfymz2m7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.user-action-button[b-zbnfymz2m7] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border: 1px solid var(--club-border);
    border-radius: 6px;
    background: #fffdf9;
    color: var(--club-text);
    font-size: .74rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

    .user-action-button:hover:not(:disabled)[b-zbnfymz2m7] {
        border-color: var(--club-gold);
        background: var(--club-cream);
        transform: translateY(-1px);
    }

    .user-action-button:disabled[b-zbnfymz2m7] {
        opacity: .45;
        cursor: not-allowed;
    }

.user-action-danger[b-zbnfymz2m7] {
    color: #9f2636;
}

    .user-action-danger:hover:not(:disabled)[b-zbnfymz2m7] {
        border-color: rgba(159, 38, 54, .35);
        background: rgba(159, 38, 54, .05);
    }

.user-action-success[b-zbnfymz2m7] {
    color: #157347;
}

    .user-action-success:hover:not(:disabled)[b-zbnfymz2m7] {
        border-color: rgba(21, 115, 71, .35);
        background: rgba(21, 115, 71, .05);
    }


/* =========================================================
   INACTIVE USER ROW
   ========================================================= */

.user-row-inactive[b-zbnfymz2m7] {
    opacity: .72;
}


/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .invite-form[b-zbnfymz2m7] {
        grid-template-columns: minmax(240px, 1fr) 180px;
    }

    .invite-action[b-zbnfymz2m7] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .invite-submit-button[b-zbnfymz2m7] {
        width: auto;
        min-width: 150px;
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .invite-card[b-zbnfymz2m7],
    .users-list-card[b-zbnfymz2m7] {
        padding: 1.15rem 1rem;
    }

    .invite-form[b-zbnfymz2m7] {
        display: flex;
        flex-direction: column;
        gap: .85rem;
        align-items: stretch;
    }

    .invite-field[b-zbnfymz2m7],
    .invite-action[b-zbnfymz2m7] {
        width: 100%;
    }

    .invite-submit-button[b-zbnfymz2m7] {
        width: 100%;
    }

    .users-list-header[b-zbnfymz2m7] {
        align-items: flex-start;
    }

    .user-action-button span[b-zbnfymz2m7] {
        display: none;
    }

    .user-action-button[b-zbnfymz2m7] {
        width: 34px;
        height: 34px;
        padding: 0;
    }
}

/* =========================================================
   LAST ACTIVE
   ========================================================= */

.user-last-active[b-zbnfymz2m7] {
    min-width: 145px;
    display: flex;
    align-items: center;
    gap: .55rem;
}

    .user-last-active > i[b-zbnfymz2m7] {
        color: var(--club-gold);
        font-size: .8rem;
    }

.user-last-active-date[b-zbnfymz2m7] {
    color: var(--club-text);
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.user-last-active-relative[b-zbnfymz2m7] {
    margin-top: .08rem;
    color: var(--club-muted);
    font-size: .7rem;
}

.user-never-active[b-zbnfymz2m7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--club-muted);
    font-size: .76rem;
}

.user-meta[b-zbnfymz2m7] {
    margin-top: .08rem;
    color: var(--club-muted);
    font-size: .7rem;
    line-height: 1.35;
}

/* =========================================================
   LINKED MEMBER
   ========================================================= */

.linked-member[b-zbnfymz2m7] {
    min-width: 190px;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.linked-member-icon[b-zbnfymz2m7] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(214, 180, 100, .14);
    color: var(--club-burgundy);
}

.linked-member-info[b-zbnfymz2m7] {
    min-width: 0;
    flex: 1;
}

.linked-member-number[b-zbnfymz2m7] {
    margin-top: .1rem;
    color: var(--club-muted);
    font-size: .7rem;
}

.linked-member-edit[b-zbnfymz2m7] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: var(--club-muted);
    cursor: pointer;
}

    .linked-member-edit:hover:not(:disabled)[b-zbnfymz2m7] {
        border-color: var(--club-border);
        background: var(--club-cream);
        color: var(--club-burgundy);
    }

.link-member-button[b-zbnfymz2m7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .55rem;
    border: 1px dashed rgba(160, 125, 53, .55);
    border-radius: 6px;
    background: rgba(214, 180, 100, .05);
    color: var(--club-burgundy);
    font-size: .75rem;
    font-weight: 600;
    cursor: pointer;
}

    .link-member-button:hover:not(:disabled)[b-zbnfymz2m7] {
        background: rgba(214, 180, 100, .12);
        border-color: var(--club-gold);
    }


/* =========================================================
   MEMBER LINK MODAL
   ========================================================= */

.member-link-backdrop[b-zbnfymz2m7] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(35, 20, 16, .55);
    backdrop-filter: blur(2px);
}

.member-link-modal[b-zbnfymz2m7] {
    width: 100%;
    max-width: 570px;
    padding: 1.5rem;
    border: 1px solid rgba(214, 180, 100, .55);
    border-radius: 14px;
    background: #fffdf9;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
}

.member-link-modal-header[b-zbnfymz2m7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.member-link-modal-eyebrow[b-zbnfymz2m7] {
    color: var(--club-gold);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
}

.member-link-modal h3[b-zbnfymz2m7] {
    margin: .2rem 0 0;
    color: var(--club-text);
    font-family: Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.member-link-close[b-zbnfymz2m7] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--club-border);
    border-radius: 50%;
    background: white;
    color: var(--club-muted);
    cursor: pointer;
}

    .member-link-close:hover:not(:disabled)[b-zbnfymz2m7] {
        color: var(--club-burgundy);
        border-color: var(--club-gold);
    }

.member-link-account[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .7rem .85rem;
    border: 1px solid var(--club-border);
    border-radius: 8px;
    background: var(--club-cream);
    color: var(--club-text);
    font-size: .85rem;
}

    .member-link-account i[b-zbnfymz2m7] {
        color: var(--club-burgundy);
    }

.current-member-box[b-zbnfymz2m7] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border-left: 3px solid var(--club-gold);
    border-radius: 5px;
    background: rgba(214, 180, 100, .08);
}

.current-member-label[b-zbnfymz2m7] {
    color: var(--club-muted);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.current-member-name[b-zbnfymz2m7] {
    margin-top: .2rem;
    color: var(--club-text);
    font-weight: 700;
}

.current-member-number[b-zbnfymz2m7] {
    margin-top: .1rem;
    color: var(--club-muted);
    font-size: .75rem;
}

.member-link-field[b-zbnfymz2m7] {
    margin-top: 1.2rem;
}

    .member-link-field > label[b-zbnfymz2m7] {
        display: block;
        margin-bottom: .45rem;
        color: var(--club-text);
        font-size: .8rem;
        font-weight: 700;
    }

.member-link-actions[b-zbnfymz2m7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--club-border);
}

.member-link-actions-right[b-zbnfymz2m7] {
    display: flex;
    gap: .6rem;
    margin-left: auto;
}

.member-unlink-button[b-zbnfymz2m7] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .7rem;
    border: 1px solid rgba(159, 38, 54, .3);
    border-radius: 7px;
    background: rgba(159, 38, 54, .04);
    color: #9f2636;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

    .member-unlink-button:hover:not(:disabled)[b-zbnfymz2m7] {
        background: rgba(159, 38, 54, .09);
    }


@media (max-width: 576px) {

    .member-link-actions[b-zbnfymz2m7] {
        flex-direction: column;
        align-items: stretch;
    }

    .member-link-actions-right[b-zbnfymz2m7] {
        width: 100%;
        margin-left: 0;
    }

        .member-link-actions-right > *[b-zbnfymz2m7] {
            flex: 1;
        }

    .member-unlink-button[b-zbnfymz2m7] {
        justify-content: center;
    }
}
/* _content/DogRegistry.UI/Pages/Dogs/Create.razor.rz.scp.css */
.dog-create-page[b-583yalmd7h] {
    width: 100%;
}

.same-litter-button[b-583yalmd7h] {
    min-height: 41px;
    font-size: 10px;
    letter-spacing: 0.25px;
}

.litter-entry-status[b-583yalmd7h] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 12px 15px;
    background: linear-gradient(135deg, #faf4e7, #fffaf2);
    border: 1px solid #dfcfaa;
    border-left: 4px solid var(--club-burgundy);
    border-radius: 8px;
}

.litter-entry-status-icon[b-583yalmd7h] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    color: #fff;
    background: var(--club-burgundy);
    border-radius: 50%;
    font-size: 12px;
}

.litter-entry-status-content[b-583yalmd7h] {
    min-width: 0;
}

.litter-entry-status-title[b-583yalmd7h] {
    color: #493229;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 700;
}

.litter-entry-status-text[b-583yalmd7h] {
    margin-top: 2px;
    color: #85776c;
    font-size: 10px;
}

.litter-entry-status-text strong[b-583yalmd7h] {
    color: var(--club-burgundy);
    font-size: 11px;
}

.litter-entry-separator[b-583yalmd7h] {
    margin: 0 6px;
    color: #c2a15b;
}

.finish-litter-button[b-583yalmd7h] {
    min-width: 215px;
}

.finish-litter-button i[b-583yalmd7h] {
    color: var(--club-gold-light);
}
/* _content/DogRegistry.UI/Pages/Dogs/Edit.razor.rz.scp.css */
.dog-edit-page[b-6ugu1vzxg0] {
    width: 100%;
}

/* =========================================================
   STATUS
   ========================================================= */

.status-toggle[b-6ugu1vzxg0] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fbf8f2;
    border: 1px solid #e2d9cc;
    border-radius: 6px;
}


    .status-toggle .form-check-input[b-6ugu1vzxg0] {
        width: 18px;
        height: 18px;
        margin: 0;
    }


.status-toggle-label[b-6ugu1vzxg0] {
    margin: 0;
    color: #59483f;
    font-size: 14px;
    cursor: pointer;
}



/* =========================================================
   FORM LABEL ROW
   ========================================================= */

.form-label-row[b-6ugu1vzxg0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
}

    .form-label-row .form-label[b-6ugu1vzxg0] {
        margin-bottom: 0;
    }


/* =========================================================
   CREATE RELATED BUTTON
   ========================================================= */

.create-related-button[b-6ugu1vzxg0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 5px 10px;
    background: #fffaf4;
    border: 1px solid #dccbaa;
    border-radius: 6px;
    color: #941328;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .create-related-button i[b-6ugu1vzxg0] {
        color: #b18b3f;
        font-size: 10px;
        transition: color 0.15s ease, transform 0.15s ease;
    }


    /* Hover */

    .create-related-button:hover[b-6ugu1vzxg0] {
        background: #941328;
        border-color: #941328;
        color: #ffffff;
        box-shadow: 0 3px 9px rgba(148, 19, 40, 0.16);
        transform: translateY(-1px);
    }

        .create-related-button:hover i[b-6ugu1vzxg0] {
            color: #ead9a3;
            transform: rotate(90deg);
        }


    /* Active */

    .create-related-button:active[b-6ugu1vzxg0] {
        transform: translateY(0);
        box-shadow: 0 1px 4px rgba(148, 19, 40, 0.15);
    }


    /* Focus */

    .create-related-button:focus-visible[b-6ugu1vzxg0] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(148, 19, 40, 0.12);
    }


    /* Disabled */

    .create-related-button:disabled[b-6ugu1vzxg0] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {

    .form-label-row[b-6ugu1vzxg0] {
        align-items: flex-start;
    }

    .create-related-button[b-6ugu1vzxg0] {
        padding: 5px 8px;
        font-size: 9px;
        white-space: nowrap;
    }
}

/* =========================================================
   EDIT SECTIONS
   ========================================================= */

.edit-section[b-6ugu1vzxg0] {
    padding-bottom: 30px;
}

    .edit-section + .edit-section[b-6ugu1vzxg0] {
        margin-top: 8px;
        padding-top: 30px;
        border-top: 1px solid #ebe2d6;
    }

    .edit-section:last-child[b-6ugu1vzxg0] {
        padding-bottom: 0;
    }


/* =========================================================
   READONLY
   ========================================================= */

.readonly-value[b-6ugu1vzxg0] {
    min-height: 43px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: #4b3a31;
    background: #f8f4ec;
    border: 1px solid #e2d7c7;
    border-radius: 6px;
    font-size: 13px;
}

    .readonly-value i[b-6ugu1vzxg0] {
        color: #ae8b46;
        font-size: 11px;
    }


/* =========================================================
   LITTER WARNING
   ========================================================= */

.litter-warning[b-6ugu1vzxg0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 22px;
    padding: 10px 12px;
    color: #77675c;
    background: #faf7f0;
    border: 1px solid #e8ddcc;
    border-left: 3px solid #d6b464;
    border-radius: 6px;
    font-size: 10px;
    line-height: 1.45;
}

    .litter-warning i[b-6ugu1vzxg0] {
        margin-top: 2px;
        color: #a9863f;
    }


/* =========================================================
   ORIGIN CARD
   ========================================================= */

.origin-card[b-6ugu1vzxg0] {
    margin-top: 22px;
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #dfd5c8;
    border-radius: 9px;
}


.origin-card-header[b-6ugu1vzxg0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 16px;
    background: linear-gradient( 135deg, #faf5ea, #fffdf9 );
    border-bottom: 1px solid #e8dfd3;
}


.origin-eyebrow[b-6ugu1vzxg0] {
    margin-bottom: 2px;
    color: #a08346;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
}


.origin-title[b-6ugu1vzxg0] {
    color: #493229;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: 700;
}


.open-litter-button[b-6ugu1vzxg0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    color: #941328;
    background: #fff;
    border: 1px solid #dccbaa;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.15s ease;
}


    .open-litter-button:hover[b-6ugu1vzxg0] {
        color: #fff;
        background: #941328;
        border-color: #941328;
    }


.origin-grid[b-6ugu1vzxg0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


.origin-item[b-6ugu1vzxg0] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-right: 1px solid #eee6dc;
}


    .origin-item:last-child[b-6ugu1vzxg0] {
        border-right: 0;
    }


.origin-icon[b-6ugu1vzxg0] {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 31px;
    color: #92733c;
    background: #f6efe1;
    border-radius: 50%;
    font-size: 11px;
}


    .origin-icon.male[b-6ugu1vzxg0] {
        color: #507d9e;
        background: #edf4f8;
    }


    .origin-icon.female[b-6ugu1vzxg0] {
        color: #a76576;
        background: #f8eef1;
    }


.origin-label[b-6ugu1vzxg0] {
    margin-bottom: 2px;
    color: #978a80;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.35px;
    text-transform: uppercase;
}


.origin-value[b-6ugu1vzxg0] {
    overflow: hidden;
    color: #49372e;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.origin-meta[b-6ugu1vzxg0] {
    margin-top: 2px;
    color: #8c8178;
    font-size: 8px;
}



/* =========================================================
   RESPONSIVE ORIGIN
   ========================================================= */

@media (max-width: 1000px) {

    .origin-grid[b-6ugu1vzxg0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .origin-item:nth-child(2)[b-6ugu1vzxg0] {
        border-right: 0;
    }

    .origin-item:nth-child(-n+2)[b-6ugu1vzxg0] {
        border-bottom: 1px solid #eee6dc;
    }
}


@media (max-width: 576px) {

    .origin-card-header[b-6ugu1vzxg0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .open-litter-button[b-6ugu1vzxg0] {
        width: 100%;
        justify-content: center;
    }

    .origin-grid[b-6ugu1vzxg0] {
        grid-template-columns: 1fr;
    }

    .origin-item[b-6ugu1vzxg0] {
        border-right: 0;
        border-bottom: 1px solid #eee6dc;
    }

        .origin-item:last-child[b-6ugu1vzxg0] {
            border-bottom: 0;
        }
}
/* _content/DogRegistry.UI/Pages/Dogs/Index.razor.rz.scp.css */
/* ==========================================================
   DOGS INDEX - entity-specific layout only.
   Shared card visuals live in registry-index-cards.css.
   ========================================================== */

.dogs-page[b-fh7chbcjbg] {
    width: 100%;
}

.dogs-list[b-fh7chbcjbg] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dog-card[b-fh7chbcjbg] {
    display: grid;
    grid-template-columns: minmax(230px, 1.3fr) 110px minmax(480px, 2fr) 24px;
    align-items: center;
    gap: 17px;
    padding: 12px 15px;
}

.dog-placeholder-logo[b-fh7chbcjbg] {
    width: 78%;
    height: 78%;
    object-fit: contain;
    filter: grayscale(1) sepia(0.25) contrast(0.75) opacity(0.22);
}

.dog-identity[b-fh7chbcjbg] {
    min-width: 0;
}

.dog-name-row[b-fh7chbcjbg] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
}

.dog-status[b-fh7chbcjbg] {
    flex-shrink: 0;
    padding: 2px 6px;
    color: #766d66;
    background: #ece8e2;
    border-radius: 20px;
    font-size: 7px;
    font-weight: 700;
    text-transform: uppercase;
}

.dog-date[b-fh7chbcjbg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dog-date strong[b-fh7chbcjbg] {
    color: #625249;
    font-size: 9px;
}

.dog-related[b-fh7chbcjbg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.dog-related-item[b-fh7chbcjbg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 7px 8px;
    background: #faf6ee;
    border: 1px solid #eee4d5;
    border-radius: 6px;
}

.dog-related-item strong[b-fh7chbcjbg] {
    overflow: hidden;
    color: #5b473d;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .dog-card[b-fh7chbcjbg] {
        grid-template-columns: minmax(230px, 1.3fr) minmax(400px, 2fr) 24px;
    }

    .dog-date[b-fh7chbcjbg] {
        display: none;
    }
}

@media (max-width: 900px) {
    .dog-card[b-fh7chbcjbg] {
        grid-template-columns: minmax(220px, 1fr) minmax(280px, 1fr) 24px;
    }

    .dog-related[b-fh7chbcjbg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dog-related-item:last-child[b-fh7chbcjbg] {
        display: none;
    }
}

@media (max-width: 700px) {
    .dog-card[b-fh7chbcjbg] {
        grid-template-columns: 1fr 22px;
        gap: 10px;
    }

    .dog-related[b-fh7chbcjbg] {
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dog-related-item:last-child[b-fh7chbcjbg] {
        display: flex;
    }

    .dog-arrow[b-fh7chbcjbg] {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }
}

@media (max-width: 480px) {
    .dog-related[b-fh7chbcjbg] {
        grid-template-columns: 1fr;
    }

    .dog-related-item[b-fh7chbcjbg] {
        flex-direction: row;
        justify-content: space-between;
        gap: 10px;
    }
}
/* _content/DogRegistry.UI/Pages/KennelPages/Create.razor.rz.scp.css */
.kennel-create-page[b-8p3oyr4egk] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.create-error[b-8p3oyr4egk] {
    margin-top: 0;
    margin-bottom: 16px;
}
/* _content/DogRegistry.UI/Pages/KennelPages/Edit.razor.rz.scp.css */
.kennel-edit-page[b-fqjvjge8ce] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.save-error[b-fqjvjge8ce] {
    margin-top: 0;
    margin-bottom: 16px;
}
/* _content/DogRegistry.UI/Pages/KennelPages/Index.razor.rz.scp.css */
/* ==========================================================
   ENTITY-SPECIFIC INDEX STYLES
   Shared toolbar / heading / states live in registry-index.css
   ========================================================== */

.kennels-page[b-kp7anviazg] {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.kennels-grid[b-kp7anviazg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.kennel-card[b-kp7anviazg] {
    min-width: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: inherit;
    background: #fffdf9;
    border: 1px solid #e2d8cc;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(61, 40, 30, 0.045);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.kennel-card:hover[b-kp7anviazg] {
        color: inherit;
        border-color: #ccb37d;
        box-shadow: 0 8px 24px rgba(61, 40, 30, 0.10);
        transform: translateY(-2px);
    }

.kennel-card-accent[b-kp7anviazg] {
    width: 100%;
    height: 3px;
    background: linear-gradient( 90deg, #941328, #b98d43, #d6b464 );
}

.kennel-card-header[b-kp7anviazg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px 17px 15px;
}

.kennel-emblem[b-kp7anviazg] {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 43px;
    color: #941328;
    background: linear-gradient( 135deg, #f8edeb, #fff7f5 );
    border: 1px solid #ead6d5;
    border-radius: 50%;
    font-size: 13px;
}

.kennel-card-title[b-kp7anviazg] {
    min-width: 0;
    flex: 1;
}

.kennel-card-eyebrow[b-kp7anviazg] {
    margin-bottom: 2px;
    color: #b09253;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.kennel-card-title h2[b-kp7anviazg] {
    margin: 0;
    overflow: hidden;
    color: #49352c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kennel-card-arrow[b-kp7anviazg] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    color: #b59b67;
    background: #faf6ef;
    border: 1px solid #e8dfd2;
    border-radius: 50%;
    font-size: 7px;
    transition: color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.kennel-card:hover .kennel-card-arrow[b-kp7anviazg] {
    color: #fff;
    background: #941328;
    border-color: #941328;
    transform: translateX(2px);
}

.kennel-owner[b-kp7anviazg] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 17px 16px;
    padding: 10px 11px;
    background: #fbf8f3;
    border: 1px solid #eee6db;
    border-radius: 7px;
}

.kennel-info-icon[b-kp7anviazg] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    color: #9c7c3c;
    background: #f3ead9;
    border-radius: 50%;
    font-size: 8px;
}

.kennel-info-content[b-kp7anviazg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.kennel-info-label[b-kp7anviazg] {
    margin-bottom: 1px;
    color: #a3968c;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.kennel-info-value[b-kp7anviazg] {
    overflow: hidden;
    color: #55443b;
    font-size: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kennel-card-footer[b-kp7anviazg] {
    min-height: 55px;
    display: flex;
    align-items: center;
    margin-top: auto;
    padding: 10px 17px;
    background: linear-gradient( 135deg, #faf7f1, #fffdf9 );
    border-top: 1px solid #eee6dc;
}


.kennel-card-footer[b-kp7anviazg]  .registry-index-stat {
    flex: 1;
}

.footer-divider[b-kp7anviazg] {
    width: 1px;
    height: 28px;
    margin: 0 14px;
    background: #e8ded2;
}





@media (max-width: 1100px) {.kennels-grid[b-kp7anviazg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 768px) {.kennels-grid[b-kp7anviazg] {
        grid-template-columns: 1fr;
    }}

@media (max-width: 480px) {.kennel-card-header[b-kp7anviazg] {
        padding: 15px 14px 13px;
    }
.kennel-owner[b-kp7anviazg] {
        margin: 0 14px 14px;
    }
.kennel-card-footer[b-kp7anviazg] {
        padding: 10px 14px;
    }}
/* _content/DogRegistry.UI/Pages/LitterPages/Details.razor.rz.scp.css */
/* =========================================================
   LITTER DETAILS PAGE
   ========================================================= */

.litter-details-page[b-gkmzlocf5y] {
    width: 100%;
}


/* =========================================================
   PAGE HEADER
   ========================================================= */













    


    



    


/* =========================================================
   SUMMARY
   ========================================================= */

.litter-summary-card[b-gkmzlocf5y] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 26px;
    overflow: hidden;
    background: #fffdf9;
    border: 1px solid #e2d8ca;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(61, 40, 30, 0.055);
}


.summary-item[b-gkmzlocf5y] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 17px 19px;
}


    .summary-item + .summary-item[b-gkmzlocf5y] {
        border-left: 1px solid #e8dfd4;
    }


.summary-icon[b-gkmzlocf5y] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #941328;
    background: #f7ece9;
    border-radius: 50%;
}


.summary-label[b-gkmzlocf5y] {
    margin-bottom: 3px;
    color: #95877c;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}


.summary-value[b-gkmzlocf5y] {
    overflow: hidden;
    color: #45352d;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.details-section[b-gkmzlocf5y] {
    margin-bottom: 24px;
    padding: 23px;
    background: #fffdf9;
    border: 1px solid #e3d9cc;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(61, 40, 30, 0.04);
}


.section-heading[b-gkmzlocf5y] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 19px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e1d6;
}


    .section-heading h2[b-gkmzlocf5y] {
        margin: 0;
        color: #49342b;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 19px;
        font-weight: 700;
    }


/* =========================================================
   PARENTS
   ========================================================= */

.parents-grid[b-gkmzlocf5y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}


.parent-card[b-gkmzlocf5y] {
    overflow: hidden;
    background: #fbf8f2;
    border: 1px solid #e3dacd;
    border-radius: 8px;
}


.parent-card-label[b-gkmzlocf5y] {
    padding: 8px 12px;
    color: #8a6f34;
    background: #f4ead6;
    border-bottom: 1px solid #e0d2b8;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.8px;
}


.parent-content[b-gkmzlocf5y] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}


    .parent-content:hover[b-gkmzlocf5y] {
        background: #fffaf1;
    }


.parent-photo[b-gkmzlocf5y] {
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    overflow: hidden;
    border-radius: 50%;
}


    .parent-photo img[b-gkmzlocf5y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.parent-placeholder[b-gkmzlocf5y] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a88a48;
    background: linear-gradient( 145deg, #f4eee4, #e9dfd0 );
    border: 1px solid #dccfb9;
    border-radius: 50%;
    font-size: 20px;
}


.parent-info[b-gkmzlocf5y] {
    min-width: 0;
    flex: 1;
}


.parent-name[b-gkmzlocf5y] {
    color: #442f27;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 700;
}


.parent-club[b-gkmzlocf5y] {
    margin-top: 3px;
    color: #941328;
    font-size: 9px;
    font-weight: 700;
}


.parent-date[b-gkmzlocf5y] {
    margin-top: 3px;
    color: #8d8076;
    font-size: 9px;
}


.parent-arrow[b-gkmzlocf5y] {
    color: #b79a60;
    font-size: 10px;
}


.parent-empty[b-gkmzlocf5y] {
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #92867d;
    font-size: 10px;
}


/* =========================================================
   PUPPIES
   ========================================================= */

.puppy-total[b-gkmzlocf5y] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #7f7066;
}


    .puppy-total strong[b-gkmzlocf5y] {
        color: #941328;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 20px;
    }


    .puppy-total span[b-gkmzlocf5y] {
        font-size: 9px;
        text-transform: uppercase;
    }


.puppies-grid[b-gkmzlocf5y] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 11px;
}


.puppy-card[b-gkmzlocf5y] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 10px;
    text-align: left;
    background: #fcfaf6;
    border: 1px solid #e5ddd2;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}


    .puppy-card:hover[b-gkmzlocf5y] {
        transform: translateY(-1px);
        border-color: #d3bd90;
        box-shadow: 0 4px 10px rgba(61, 40, 30, 0.07);
    }


.puppy-photo[b-gkmzlocf5y] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    overflow: hidden;
    border-radius: 50%;
}


    .puppy-photo img[b-gkmzlocf5y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.puppy-placeholder[b-gkmzlocf5y] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ae9355;
    background: #f0e9dd;
    border-radius: 50%;
}


.puppy-info[b-gkmzlocf5y] {
    min-width: 0;
    flex: 1;
}


.puppy-name[b-gkmzlocf5y] {
    overflow: hidden;
    color: #413128;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.puppy-club[b-gkmzlocf5y] {
    margin-top: 2px;
    color: #941328;
    font-size: 8px;
    font-weight: 700;
}


.puppy-date[b-gkmzlocf5y] {
    margin-top: 2px;
    color: #92857b;
    font-size: 8px;
}


.puppy-arrow[b-gkmzlocf5y] {
    color: #b69a61;
    font-size: 9px;
}


.puppies-empty[b-gkmzlocf5y] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #887b72;
}


    .puppies-empty > i[b-gkmzlocf5y] {
        margin-bottom: 12px;
        color: #b69751;
        font-size: 27px;
    }


    .puppies-empty h4[b-gkmzlocf5y] {
        color: #49362d;
        font-family: Georgia, "Times New Roman", serif;
    }


    .puppies-empty p[b-gkmzlocf5y] {
        margin: 0;
        font-size: 10px;
    }


/* =========================================================
   NOTES
   ========================================================= */

.notes-box[b-gkmzlocf5y] {
    padding: 14px 16px;
    color: #52443c;
    background: #fbf7ef;
    border-left: 3px solid #d1ad56;
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.6;
    white-space: pre-line;
}


/* =========================================================
   LOADING / ERROR
   ========================================================= */













.loading-text[b-gkmzlocf5y] {
    margin-top: 14px;
    color: #756a62;
    font-size: 12px;
}





.error-icon[b-gkmzlocf5y] {
    margin-bottom: 14px;
    color: #941328;
    font-size: 33px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 950px) {

    .litter-summary-card[b-gkmzlocf5y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .summary-item:nth-child(3)[b-gkmzlocf5y] {
        border-left: 0;
        border-top: 1px solid #e8dfd4;
    }


    .summary-item:nth-child(4)[b-gkmzlocf5y] {
        border-top: 1px solid #e8dfd4;
    }
}


@media (max-width: 768px) {

    


    


        


    .parents-grid[b-gkmzlocf5y] {
        grid-template-columns: 1fr;
    }


    .puppies-grid[b-gkmzlocf5y] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 576px) {

    


    .litter-summary-card[b-gkmzlocf5y] {
        grid-template-columns: 1fr;
    }


    .summary-item + .summary-item[b-gkmzlocf5y] {
        border-left: 0;
        border-top: 1px solid #e8dfd4;
    }


    .details-section[b-gkmzlocf5y] {
        padding: 17px;
    }
}
/* _content/DogRegistry.UI/Pages/LitterPages/Edit.razor.rz.scp.css */
.litter-edit-page[b-ik2lgd3wrv] {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.litter-edit-page .form-field:last-child[b-ik2lgd3wrv] {
    margin-bottom: 0;
}
/* _content/DogRegistry.UI/Pages/MemberPages/Create.razor.rz.scp.css */
.member-create-page[b-rrpdt7146z] {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.create-error[b-rrpdt7146z] {
    margin-top: 0;
    margin-bottom: 15px;
}
/* _content/DogRegistry.UI/Pages/MemberPages/Edit.razor.rz.scp.css */
.member-edit-spinner[b-agnq1kw36b] {
    color: var(--club-burgundy);
}
/* _content/DogRegistry.UI/Pages/MemberPages/Index.razor.rz.scp.css */
/* ==========================================================
   MEMBERS INDEX - entity-specific layout only.
   Shared card visuals live in registry-index-cards.css.
   ========================================================== */

.members-page[b-4tcwvagofs] {
    width: 100%;
}

.members-list[b-4tcwvagofs] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.member-card[b-4tcwvagofs] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) minmax(190px, 1.3fr) 110px minmax(250px, 1.4fr) 24px;
    align-items: center;
    gap: 17px;
    padding: 12px 15px;
}

.member-avatar-placeholder[b-4tcwvagofs] {
    color: #9d7e3c;
    font-size: 17px;
}

.member-identity[b-4tcwvagofs] {
    min-width: 0;
}

.member-registration-empty[b-4tcwvagofs] {
    color: #a39890;
    font-weight: 400;
    font-style: italic;
}

.member-contact[b-4tcwvagofs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-item[b-4tcwvagofs] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6e625a;
    font-size: 9px;
}

.contact-item i[b-4tcwvagofs] {
    width: 12px;
    flex: 0 0 12px;
    color: #ad8c48;
    text-align: center;
    font-size: 8px;
}

.contact-item span[b-4tcwvagofs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contact-empty[b-4tcwvagofs] {
    color: #a0948b;
    font-size: 9px;
    font-style: italic;
}

.member-entry[b-4tcwvagofs] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.member-entry strong[b-4tcwvagofs] {
    color: #625249;
    font-size: 9px;
}

.member-statistics[b-4tcwvagofs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

@media (max-width: 1200px) {
    .member-card[b-4tcwvagofs] {
        grid-template-columns: minmax(220px, 1.5fr) minmax(180px, 1fr) minmax(220px, 1.2fr) 24px;
    }

    .member-entry[b-4tcwvagofs] {
        display: none;
    }
}

@media (max-width: 900px) {
    .member-card[b-4tcwvagofs] {
        grid-template-columns: minmax(220px, 1fr) minmax(210px, 1fr) 24px;
    }

    .member-contact[b-4tcwvagofs] {
        display: none;
    }
}

@media (max-width: 700px) {
    .member-card[b-4tcwvagofs] {
        grid-template-columns: 1fr 22px;
        gap: 10px;
    }

    .member-statistics[b-4tcwvagofs] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .member-arrow[b-4tcwvagofs] {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }
}

@media (max-width: 450px) {
    .member-statistics[b-4tcwvagofs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .member-stat > i[b-4tcwvagofs] {
        display: none;
    }
}