/* /Components/Pages/SecurityAudit.razor.rz.scp.css */
.log-card[b-p4p44tgjs2] {
    background: white;
    border-radius: 1.5rem;
    border: 1px solid rgba(244,114,182,.18);
    box-shadow: 0 4px 24px rgba(244,114,182,.08);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.log-header[b-p4p44tgjs2] {
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid rgba(244,114,182,.12);
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.log-title[b-p4p44tgjs2] {
    font-family: 'Pacifico', cursive;
    font-size: 1.35rem;
    color: #3d2c2c;
    flex: 1;
}

.log-count[b-p4p44tgjs2] {
    font-size: .8rem;
    background: #fce7f3;
    color: #9d174d;
    padding: .25rem .75rem;
    border-radius: 9999px;
    font-weight: 700;
}

.filter-row[b-p4p44tgjs2] {
    padding: 1rem 1.75rem;
    border-bottom: 1px solid rgba(244,114,182,.1);
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
    background: #fdf8f0;
}

    .filter-row select[b-p4p44tgjs2], .filter-row input[b-p4p44tgjs2] {
        font-family: 'Nunito', sans-serif;
        font-size: .8rem;
        padding: .35rem .75rem;
        border: 1.5px solid #fbb6ce;
        border-radius: .75rem;
        background: white;
        color: #3d2c2c;
        outline: none;
    }

        .filter-row select:focus[b-p4p44tgjs2], .filter-row input:focus[b-p4p44tgjs2] {
            border-color: #f472b6;
            box-shadow: 0 0 0 3px rgba(244,114,182,.15);
        }

.log-table[b-p4p44tgjs2] {
    width: 100%;
    border-collapse: collapse;
    font-size: .8rem;
}

    .log-table th[b-p4p44tgjs2] {
        text-align: left;
        padding: .625rem 1rem;
        font-size: .7rem;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: #948b8b;
        border-bottom: 1px solid #fce7f3;
        white-space: nowrap;
    }

    .log-table td[b-p4p44tgjs2] {
        padding: .625rem 1rem;
        border-bottom: 1px solid rgba(244,114,182,.06);
        color: #3d2c2c;
        vertical-align: top;
        word-break: break-word;
    }

    .log-table tr:last-child td[b-p4p44tgjs2] {
        border-bottom: none;
    }

    .log-table tr:hover td[b-p4p44tgjs2] {
        background: #fdf8f0;
    }

.badge-info[b-p4p44tgjs2] {
    background: #e0f2fe;
    color: #0369a1;
    padding: .15rem .6rem;
    border-radius: 9999px;
    font-size: .7rem;
    font-weight: 700;
}

.badge-warning[b-p4p44tgjs2] {
    background: #fef9c3;
    color: #92400e;
    padding: .15rem .6rem;
    border-radius: 9999px;
    font-size: .7rem;
    font-weight: 700;
}

.badge-alert[b-p4p44tgjs2] {
    background: #fee2e2;
    color: #991b1b;
    padding: .15rem .6rem;
    border-radius: 9999px;
    font-size: .7rem;
    font-weight: 700;
}

.action-pill[b-p4p44tgjs2] {
    background: #fce7f3;
    color: #9d174d;
    padding: .15rem .65rem;
    border-radius: 9999px;
    font-size: .7rem;
    font-weight: 700;
    font-family: monospace;
    white-space: nowrap;
}

.log-empty[b-p4p44tgjs2] {
    text-align: center;
    padding: 3rem;
    color: #948b8b;
    font-size: .9rem;
}

.pager[b-p4p44tgjs2] {
    display: flex;
    gap: .5rem;
    justify-content: center;
    padding: 1rem;
    flex-wrap: wrap;
}

    .pager a[b-p4p44tgjs2], .pager span[b-p4p44tgjs2] {
        padding: .35rem .85rem;
        border-radius: .75rem;
        border: 1.5px solid #fbb6ce;
        font-size: .8rem;
        font-weight: 700;
        text-decoration: none;
        color: #9d174d;
        transition: background .15s;
    }

        .pager a:hover[b-p4p44tgjs2] {
            background: #fce7f3;
        }

    .pager span[b-p4p44tgjs2] {
        background: #f9a8d4;
        color: white;
        border-color: #f9a8d4;
        cursor: default;
    }

.export-btn[b-p4p44tgjs2] {
    font-size: .75rem;
    padding: .35rem .9rem;
    border-radius: .75rem;
    background: #fdf4ff;
    border: 1.5px solid #e9d5ff;
    color: #7c3aed;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Nunito',sans-serif;
}

    .export-btn:hover[b-p4p44tgjs2] {
        background: #ede9fe;
    }

@@media (max-width:700px) {
    .log-table .hide-mobile[b-p4p44tgjs2] {
        display: none;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-card[b-p1jn7x415j] {
    background: white;
    border-radius: 1.5rem;
    border: 1px solid #fce7f3;
    box-shadow: 0 2px 16px rgba(244,114,182,.1);
    padding: 1.75rem;
    margin-bottom: 2rem;
}

    .settings-card h2[b-p1jn7x415j] {
        font-family: 'Pacifico', cursive;
        font-size: 1.25rem;
        color: #3d2c2c;
        margin: 0 0 1.25rem;
        padding-bottom: .75rem;
        border-bottom: 1px solid #fce7f3;
    }

.tag-row[b-p1jn7x415j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .75rem;
    border-radius: .75rem;
    background: #fdf8f0;
    border: 1px solid #fce7f3;
    margin-bottom: .5rem;
    gap: .75rem;
}

.tag-name[b-p1jn7x415j] {
    font-size: .875rem;
    color: #3d2c2c;
    font-weight: 600;
    flex: 1;
}

.tag-count[b-p1jn7x415j] {
    font-size: .75rem;
    color: rgba(61,44,44,.4);
}
/* ── Tag chip cloud ── */
.tag-chip-btn[b-p1jn7x415j] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .55rem .3rem .75rem;
    border-radius: 9999px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid;
    transition: filter .15s, transform .12s;
    font-family: 'Nunito', sans-serif;
    background: none;
    line-height: 1.3;
}

    .tag-chip-btn:hover[b-p1jn7x415j] {
        filter: brightness(.92);
        transform: scale(.96);
    }

        .tag-chip-btn:hover .chip-x[b-p1jn7x415j] {
            opacity: 1 !important;
        }

.tag-chip-0[b-p1jn7x415j] {
    background: #fce7f3;
    border-color: #f9a8d4;
    color: #9d174d;
}

.tag-chip-1[b-p1jn7x415j] {
    background: #ede9fe;
    border-color: #c4b5fd;
    color: #6d28d9;
}

.tag-chip-2[b-p1jn7x415j] {
    background: #d1fae5;
    border-color: #86efac;
    color: #166534;
}

.tag-chip-3[b-p1jn7x415j] {
    background: #ffedd5;
    border-color: #fdba74;
    color: #9a3412;
}

.tag-chip-4[b-p1jn7x415j] {
    background: #e0f2fe;
    border-color: #7dd3fc;
    color: #0369a1;
}

.chip-count[b-p1jn7x415j] {
    font-size: .65rem;
    font-weight: 700;
    background: rgba(0,0,0,.08);
    border-radius: 9999px;
    padding: 0 .3rem;
    line-height: 1.5;
    opacity: .75;
}

.chip-x[b-p1jn7x415j] {
    font-size: .9rem;
    opacity: .35;
    line-height: 1;
    transition: opacity .15s;
}
/* ── Tag search filter ── */
.tag-search[b-p1jn7x415j] {
    width: 100%;
    border-radius: .75rem;
    border: 1.5px solid #fce7f3;
    background: #fdf8f0;
    padding: .45rem .85rem;
    font-size: .8rem;
    color: #3d2c2c;
    outline: none;
    font-family: 'Nunito', sans-serif;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}

    .tag-search:focus[b-p1jn7x415j] {
        border-color: #f472b6;
        box-shadow: 0 0 0 3px rgba(244,114,182,.2);
    }

.user-row[b-p1jn7x415j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem .75rem;
    border-radius: .75rem;
    background: #f0f9ff;
    border: 1px solid #e0f2fe;
    margin-bottom: .5rem;
    gap: .75rem;
}

.user-email[b-p1jn7x415j] {
    font-size: .875rem;
    color: #3d2c2c;
    font-weight: 600;
    flex: 1;
}

.btn-sm-danger[b-p1jn7x415j] {
    font-size: .75rem;
    padding: .25rem .75rem;
    border-radius: 9999px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    cursor: pointer;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: background .15s;
}

    .btn-sm-danger:hover[b-p1jn7x415j] {
        background: #fee2e2;
    }

.btn-sm-admin[b-p1jn7x415j] {
    font-size: .75rem;
    padding: .25rem .75rem;
    border-radius: 9999px;
    background: #fdf4ff;
    border: 1px solid #e9d5ff;
    color: #7c3aed;
    cursor: pointer;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: background .15s;
}

    .btn-sm-admin:hover[b-p1jn7x415j] {
        background: #ede9fe;
    }

.badge-admin[b-p1jn7x415j] {
    font-size: .65rem;
    font-weight: 700;
    padding: .15rem .5rem;
    border-radius: 9999px;
    background: #fdf4ff;
    border: 1px solid #c4b5fd;
    color: #7c3aed;
    letter-spacing: .02em;
}

.badge-user[b-p1jn7x415j] {
    font-size: .65rem;
    font-weight: 600;
    padding: .15rem .5rem;
    border-radius: 9999px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    color: #0369a1;
}

.add-row .form-input[b-p1jn7x415j] {
    flex: 1;
    min-width: 0;
}

.banner[b-p1jn7x415j] {
    border-radius: .875rem;
    padding: .5rem 1rem;
    font-size: .825rem;
    margin-bottom: 1rem;
}

.banner-ok[b-p1jn7x415j] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.banner-err[b-p1jn7x415j] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}
/* /Components/Pages/Upload.razor.rz.scp.css */
.upload-layout[b-ac0g4kgxpi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.upload-image-panel[b-ac0g4kgxpi] {
    position: sticky;
    top: 5rem;
}

@@media (max-width:1023px) {
    .upload-layout[b-ac0g4kgxpi] {
        grid-template-columns: 1fr;
    }

    .upload-image-panel[b-ac0g4kgxpi] {
        position: relative;
        top: 0;
        order: -1;
    }
}