@import '_content/BlazorForKids.Designer.Web/BlazorForKids.Designer.Web.x3opohawt3.bundle.scp.css';

/* _content/BniPhoenixSpecialGuest.Web/Source/Components/ApplicationLogo.razor.rz.scp.css */
h1[b-cmly2npdhu]{
   
    font-size: 1.5rem;
    height: 100%;
    align-content: center;
    padding: 0;
}
p[b-cmly2npdhu]{
    padding: 0;
    color:orangered;
}

a[b-cmly2npdhu]{
    display: flex;
    align-items: center;
    padding: 1ch;
    text-decoration: none;
}

img[b-cmly2npdhu]{
    height: 9svh;
}

@media (width<600px) {
    h1[b-cmly2npdhu]{
        font-size: 1.2rem;
    }
    img[b-cmly2npdhu]{
        height: 7svh;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Components/BusinessOwnerQrCodeGenerator.razor.rz.scp.css */
.qr-code[b-mymfhi9ktb] {
    display: flex;
    justify-content: center;
    align-items: center;
   padding-top: 20px;
    flex-direction: column;
}

h3[b-mymfhi9ktb] {
    margin: 0;
    font-size: 1.5rem;
    color: green;
    text-align: center;
    padding: 1ch;
}
p[b-mymfhi9ktb] {
    margin: 0;
    font-size: 1rem;
    opacity: 0.8;
    text-align: center;
    padding:1ch;
}
img[b-mymfhi9ktb] {
    width: min(250px,90svw);
    height: auto;
    border: 8px solid forestgreen;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Components/EnablePushNotifications.razor.rz.scp.css */
.view[b-5fkof4rbg0]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.btn-enable-notifications[b-5fkof4rbg0]{
    width: min(300px, 80%);
    margin: auto;
    color: white;
    padding:1rem;
    border-radius: 2rem;
    background: linear-gradient(180deg, #4facfe, #00f2fe);
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.btn-stop-notifications[b-5fkof4rbg0] {
    background: linear-gradient(180deg, tomato,red,tomato);
    border-radius: 2rem;
    width: min(300px, 80%);
    display: flex;
    flex-direction: column;
    border: none;
    color: white;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    padding:1rem;
    margin: auto;
}
h3[b-5fkof4rbg0]{
    margin: 0;
    padding: 1rem;
    text-wrap: balance;
    text-align: center;
    opacity: 0.8;
    color: var(--accent);
}
button:hover[b-5fkof4rbg0]{
    cursor: pointer;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    zoom: 1.01;
}

 [b-5fkof4rbg0] svg{
    width: 100px;
    height: 100px;
}
.card-header[b-5fkof4rbg0] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.notification-card[b-5fkof4rbg0]{
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content:center;
    gap: 0.5rem;
}
.meta-row[b-5fkof4rbg0]{
    font-size: smaller;
    opacity: 0.7;
    display: flex;
    text-align: center;
    justify-content: center;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Components/ReadQrCode.razor.rz.scp.css */
#qr-reader[b-pjvwofxa7c] {
    width: 350px;
    height: 350px;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/Forms/BusinessOwnerEditForm.razor.rz.scp.css */
.view[b-qrkl03ybfb]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
    gap: 1rem;
    overflow-y: auto;
}

[b-qrkl03ybfb] form{
    width: min(600px, 100%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-qrkl03ybfb]{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-qrkl03ybfb] input{
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}
[b-qrkl03ybfb] textarea{
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

[b-qrkl03ybfb] select{
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button[b-qrkl03ybfb]{
    padding: 0.75rem;
    font-size: 1rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

@media (width>600px){
    [b-qrkl03ybfb] form{
        width: min(800px, 100%);
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    [b-qrkl03ybfb] .form-group:has(textarea){
        grid-column: span 2;
    }
    [b-qrkl03ybfb] .form-group:has(select){
        grid-column: span 2;
    }
    button[b-qrkl03ybfb]{
        grid-column: span 2;
    }
}

@media (width>800px){
    [b-qrkl03ybfb] form{
        width: min(800px, 100%);
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    [b-qrkl03ybfb] .form-group:has(textarea){
        grid-column: span 3;
    }
    [b-qrkl03ybfb] .form-group:has(select){
        grid-column: span 3;
    }
    button[b-qrkl03ybfb]{
        grid-column: span 3;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/BusinessCardAsQrCodeView.razor.rz.scp.css */
.contact-details[b-90qmtqhgxs]{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
    color: forestgreen;
    
   
}

button[b-90qmtqhgxs] {
    background: linear-gradient(180deg, #faa3a3, #FF4500);
    color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: background 0.4s, box-shadow 0.3s, border 0.3s;
    border: none;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/BusinessOwnerCardTemplate.razor.rz.scp.css */
.card[b-vzkms9n4re]{
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 16px;
    background-color: var(--bg-level-1);
    transition: box-shadow 0.3s ease;
}

.header[b-vzkms9n4re]{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    color: var(--accent);
}

.body[b-vzkms9n4re]{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
    
    dl{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 16px;
    }
    p[b-vzkms9n4re]{
        margin-top:1rem;
        padding: 1rem;
        background-color: var(--bg-level-2);
    
    
        
    }
    p[b-vzkms9n4re]:before{
        content: '🎯';
        margin-right: 8px;
        font-size: 2rem;
    }
}
.footer[b-vzkms9n4re]{
    text-align: right;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/BusinessOwnerDetailsView.razor.rz.scp.css */
.business-owner-details[b-mfy1atfsw0] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.profile-header[b-mfy1atfsw0] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.profile-avatar[b-mfy1atfsw0] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 3px solid;
}

.avatar-initials[b-mfy1atfsw0] {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-info[b-mfy1atfsw0] {
    flex: 1;
    min-width: 0;
}

.profile-name[b-mfy1atfsw0] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.profile-company[b-mfy1atfsw0] {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    opacity: 0.8;
}

.contact-section[b-mfy1atfsw0],
.business-section[b-mfy1atfsw0],
.groups-section[b-mfy1atfsw0] {
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid;
}

.section-title[b-mfy1atfsw0] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid;
}

.contact-grid[b-mfy1atfsw0],
.business-grid[b-mfy1atfsw0] {
    display: grid;
    gap: 1.5rem;
}

.contact-item[b-mfy1atfsw0],
.business-item[b-mfy1atfsw0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contact-label[b-mfy1atfsw0],
.business-label[b-mfy1atfsw0] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
}

.contact-value[b-mfy1atfsw0],
.business-value[b-mfy1atfsw0] {
    font-size: 1rem;
    font-weight: 500;
}

.contact-link[b-mfy1atfsw0] {
    text-decoration: none;
    border-radius: 4px;
    padding: 0.25rem 0;
    transition: all 0.2s ease;
}

.contact-link:hover[b-mfy1atfsw0] {
    text-decoration: underline;
    opacity: 0.8;
}

.visibility-badge[b-mfy1atfsw0] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid;
}

.groups-container[b-mfy1atfsw0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.group-tag[b-mfy1atfsw0] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid;
    transition: all 0.2s ease;
    cursor: default;
}

.group-tag:hover[b-mfy1atfsw0] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .business-owner-details[b-mfy1atfsw0] {
        padding: 0.75rem;
        gap: 1.5rem;
    }
    
    .profile-header[b-mfy1atfsw0] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
        gap: 1rem;
    }
    
    .profile-avatar[b-mfy1atfsw0] {
        width: 60px;
        height: 60px;
    }
    
    .avatar-initials[b-mfy1atfsw0] {
        font-size: 1.25rem;
    }
    
    .profile-name[b-mfy1atfsw0] {
        font-size: 1.5rem;
    }
    
    .profile-company[b-mfy1atfsw0] {
        font-size: 1.125rem;
    }
    
    .contact-section[b-mfy1atfsw0],
    .business-section[b-mfy1atfsw0],
    .groups-section[b-mfy1atfsw0] {
        padding: 1rem;
    }
    
    .section-title[b-mfy1atfsw0] {
        font-size: 1.125rem;
    }
    
    .contact-grid[b-mfy1atfsw0] {
        grid-template-columns: 1fr;
    }
    
    .groups-container[b-mfy1atfsw0] {
        justify-content: center;
    }
}

/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1024px) {
    .contact-grid[b-mfy1atfsw0] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .business-grid[b-mfy1atfsw0] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .contact-grid[b-mfy1atfsw0] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .business-grid[b-mfy1atfsw0] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .profile-header[b-mfy1atfsw0] {
        padding: 2.5rem;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/BusinessOwnerProfileView.razor.rz.scp.css */
.business-owner-details[b-exr90llj3s] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.profile-header[b-exr90llj3s] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.profile-avatar[b-exr90llj3s] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 3px solid;
}

.avatar-initials[b-exr90llj3s] {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-info[b-exr90llj3s] {
    flex: 1;
    min-width: 0;
}

.profile-name[b-exr90llj3s] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
}

.profile-company[b-exr90llj3s] {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    opacity: 0.8;
}

.contact-section[b-exr90llj3s],
.business-section[b-exr90llj3s],
.groups-section[b-exr90llj3s] {
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid;
}

.section-title[b-exr90llj3s] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid;
}

.contact-grid[b-exr90llj3s],
.business-grid[b-exr90llj3s] {
    display: grid;
    gap: 1.5rem;
}

.contact-item[b-exr90llj3s],
.business-item[b-exr90llj3s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.contact-label[b-exr90llj3s],
.business-label[b-exr90llj3s] {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
}

.contact-value[b-exr90llj3s],
.business-value[b-exr90llj3s] {
    font-size: 1rem;
    font-weight: 500;
}

.contact-link[b-exr90llj3s] {
    text-decoration: none;
    border-radius: 4px;
    padding: 0.25rem 0;
    transition: all 0.2s ease;
}

.contact-link:hover[b-exr90llj3s] {
    text-decoration: underline;
    opacity: 0.8;
}

.visibility-badge[b-exr90llj3s] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid;
}

.groups-container[b-exr90llj3s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.group-tag[b-exr90llj3s] {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid;
    transition: all 0.2s ease;
    cursor: default;
}

.group-tag:hover[b-exr90llj3s] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .business-owner-details[b-exr90llj3s] {
        padding: 0.75rem;
        gap: 1.5rem;
    }

    .profile-header[b-exr90llj3s] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
        gap: 1rem;
    }

    .profile-avatar[b-exr90llj3s] {
        width: 60px;
        height: 60px;
    }

    .avatar-initials[b-exr90llj3s] {
        font-size: 1.25rem;
    }

    .profile-name[b-exr90llj3s] {
        font-size: 1.5rem;
    }

    .profile-company[b-exr90llj3s] {
        font-size: 1.125rem;
    }

    .contact-section[b-exr90llj3s],
    .business-section[b-exr90llj3s],
    .groups-section[b-exr90llj3s] {
        padding: 1rem;
    }

    .section-title[b-exr90llj3s] {
        font-size: 1.125rem;
    }

    .contact-grid[b-exr90llj3s] {
        grid-template-columns: 1fr;
    }

    .groups-container[b-exr90llj3s] {
        justify-content: center;
    }
}

/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1024px) {
    .contact-grid[b-exr90llj3s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .business-grid[b-exr90llj3s] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .contact-grid[b-exr90llj3s] {
        grid-template-columns: repeat(3, 1fr);
    }

    .business-grid[b-exr90llj3s] {
        grid-template-columns: repeat(2, 1fr);
    }

    .profile-header[b-exr90llj3s] {
        padding: 2.5rem;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/InvitationView.razor.rz.scp.css */
.view[b-9sxoijp7x6]{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    gap: 1rem;
    box-sizing: border-box;
}

[b-9sxoijp7x6] form{
    width: min(600px,90svw);
}
.form-group[b-9sxoijp7x6]{
    margin-bottom: 1rem;
    text-align: left;
    
    label{
        display: block;
        margin-bottom: 0.5rem;
        font-weight: bold;
    }
    
    
}

[b-9sxoijp7x6] input{
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.form-actions[b-9sxoijp7x6]{
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
}
button[b-9sxoijp7x6]{
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
    font-size: 1rem;
}
h3[b-9sxoijp7x6]{
    font-size: 2rem;
    margin-bottom: 1rem;
}
p[b-9sxoijp7x6]{
    width: min(800px,90svw);
    text-align: center;
    text-wrap: balance;
    line-height: 1.75rem;
}

@media (width< 600px) {
    h3[b-9sxoijp7x6]{
        font-size: 1rem;
    }
    p[b-9sxoijp7x6]{
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    .view[b-9sxoijp7x6] {
        justify-content:start;
           }
    }
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/UserSettingsView.razor.rz.scp.css */
.view[b-p6z988g5lb]{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content[b-p6z988g5lb]{
    display: flex;
    flex-direction: column;
    flex: 1;
}

.menu-bar[b-p6z988g5lb] {
    box-sizing: border-box;
    height: 56px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: var(--accent);
}

[b-p6z988g5lb] a p{
    display: none;
}
[b-p6z988g5lb] a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

[b-p6z988g5lb] a svg{
    width: 36px;
    height: 36px;
    margin: auto;
}

@media (width>600px){
    .view[b-p6z988g5lb]{
        display: grid;
        grid-template-rows: 3fr 1fr;
    }
    
    .menu-bar[b-p6z988g5lb]{
        gap:1rem;
        padding: 1rem;
        background-color: transparent;
        height: 100%;
    }
    [b-p6z988g5lb] a p{
        display: block;
    }

    [b-p6z988g5lb] a{
        background: linear-gradient(180deg, var(--bg-level-1), var(--bg-level-2));
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: background 0.4s, box-shadow 0.3s, border 0.3s;

        svg{
            fill: var(--accent);
        }
    }

    [b-p6z988g5lb] a:hover{
        background: linear-gradient(180deg, var(--bg-level-2), var(--bg-level-3));
        color: white;
        box-shadow: 0 6px 16px 0 rgba(0,0,0,0.25), 0 8px 24px 0 rgba(0,0,0,0.22);
        border: 2px solid #FFD700;
    }

    .description[b-p6z988g5lb]{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 18px;
        margin: 0 2rem;
        padding: 0;
        text-align: center;
        align-items: center;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/ViewAllBusinessCategoriesView.razor.rz.scp.css */
.view[b-xx6a7wkk8h]{
    height: 100%;
    overflow-y: auto;
    padding: 1ch;
    display: flex;
    flex-direction: column;
    gap: 1ch;
}
.category[b-xx6a7wkk8h]{
    background-color: var(--bg-level-1);
    display: flex;
    padding: 1ch;
    align-items: center;
    .icon{
        padding: 1ch;
    }
    .info[b-xx6a7wkk8h]{
        flex: 1;
        h3{
            color: var(--info);
        }
        p[b-xx6a7wkk8h]{
            font-size: small;
            opacity: 0.8;
        }
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/ViewAllBusinessOwnersView.razor.rz.scp.css */
.view[b-upql5h7qny]{
    height: 100%;
    overflow-y:auto;
    padding: 1ch;
    display: flex;
    flex-direction: column;
    gap: 1ch;
}
.card[b-upql5h7qny]{
    background-color: var(--bg-level-1);
    display: flex;
    align-items: center;
    padding: 1ch;
    .body{
        flex: 1;
    }
    .header[b-upql5h7qny]{
        h3{
            color: var(--accent);
        }
        p[b-upql5h7qny]{
            opacity: 0.8;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin: 0;
            font-size: small;
        }
        
    }
    .owner[b-upql5h7qny]{
    p{
        opacity: 0.8;
        font-size: small;
    }
        h4[b-upql5h7qny]{
            color: var(--success);
            padding: 3px;
        }
}
    .icon[b-upql5h7qny]{
        padding: 1ch;
    }
    .link[b-upql5h7qny]{
        padding: 1ch;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/WelcomeMobileView.razor.rz.scp.css */
.bk-section[b-25vibelv1p]{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
}
.body[b-25vibelv1p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
}

.menu-bar[b-25vibelv1p] {
    box-sizing: border-box;
    height: 56px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    background-color: #333;
}
.description[b-25vibelv1p] {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: center;
    padding: 0 16px;
}
h3[b-25vibelv1p] {
    font-size: 20px;
    margin-bottom: 8px;
}

p[b-25vibelv1p] {
    margin: 0;
    padding: 1rem;
    line-height: 2;
}

img[b-25vibelv1p] {
    height: 40svh;
    margin: auto;
}
[b-25vibelv1p] a p{
    display: none;
}
[b-25vibelv1p] a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

[b-25vibelv1p] a svg{
    width: 36px;
    height: 36px;
    margin: auto;
}

@media (width>600px){
    .bk-section[b-25vibelv1p]{
        display: grid;
        grid-template-rows: 3fr 1fr;
    }
    .body[b-25vibelv1p]{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .menu-bar[b-25vibelv1p]{
        gap:1rem;
        padding: 1rem;
        background-color: transparent;
        height: 100%;
    }
    [b-25vibelv1p] a p{
        display: block;
    }

    [b-25vibelv1p] a{
        background: linear-gradient(180deg, var(--bg-level-1), var(--bg-level-2));
        color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        transition: background 0.4s, box-shadow 0.3s, border 0.3s;

        svg{
            fill: var(--accent);
        }
    }

    [b-25vibelv1p] a:hover{
        background: linear-gradient(180deg, var(--bg-level-2), var(--bg-level-3));
        color: white;
        box-shadow: 0 6px 16px 0 rgba(0,0,0,0.25), 0 8px 24px 0 rgba(0,0,0,0.22);
        border: 2px solid #FFD700;
    }
    
    .description[b-25vibelv1p]{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 18px;
        margin: 0 2rem;
        padding: 0;
        text-align: center;
        align-items: center;
    }
}

.events-menu[b-25vibelv1p]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    
    a{
        color: var(--accent);
        text-decoration: none;
        font-weight: bold;
        border: 1px solid var(--border-color);
        margin: 1ch;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 1ch;
        width: 300px;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/HomeFeatures/Views/WelcomeView.razor.rz.scp.css */
.bk-section[b-v1bzstlm8f]{
    height: 100%;
    display: grid;
   grid-template-columns: 1fr 1fr;
    place-items: center;
    
    img{
        width: min(500px,90svw);
        height: auto;
    }
    
    
    
    .description[b-v1bzstlm8f]{
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        justify-content: center;
        color: forestgreen;
        h3{
            font-size: 2rem;
            margin: 0;
        }

        p[b-v1bzstlm8f]{
            width: min(800px,90svw);
            text-align: center;
            text-wrap: balance;
            font-size: 1.2rem;
            margin: 0;
            line-height: 2rem;
            color: light-dark(#333, ghostwhite);
        }
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Features/Views/EventParticipantsListView.razor.rz.scp.css */
.view[b-sus1bg5uu7]{
    height: 100%;
    display: flex;
    flex-direction: column;
    .view-header{
        background: var(--success);
        color: var(--success-text);
        display: flex;
        align-items: center;
        gap: 1ch;
        padding: 1ch;
        justify-content: center;
        flex-direction: column;
        
        span{
            font-size: 1.5rem;
            font-weight: bold;
        }
    }
    .body[b-sus1bg5uu7]{
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 1ch;
        padding: 1ch;
        overflow-y: auto;
    }
    
    .card[b-sus1bg5uu7]{
        padding: 1ch;
        background: var(--bg-level-1);
        h4{
            color: var(--accent);
        }
        display: flex;
        align-items: center;
        
        .header[b-sus1bg5uu7]{
            flex: 1;
            padding: 0 1ch;
        }
        
        svg[b-sus1bg5uu7]{
            margin: auto;
        }
    }
    
}

.confirmed[b-sus1bg5uu7]{
    fill: green;
}
.pending[b-sus1bg5uu7]{
    fill: orange;
}

.icon p[b-sus1bg5uu7]{
    text-align: center;
    padding: 1ch;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Main/Error.razor.rz.scp.css */
[b-0egzz5swnr] svg{
    width: 5rem;
    height: 5rem;
    fill: orange;
}
h1[b-0egzz5swnr]{
    font-size: 3rem;
    color: tomato;
}

p[b-0egzz5swnr]{
    line-height: 2rem;
    color:var(--warning);
    
    a{
        display: block;
        color: var(--success);
        padding: 1ch;
        border: 1px solid var(--info);
        margin: 2rem;
        
        &:hover{
            background-color: var(--success);
            color: var(--success-text);
        }
    }
}

.text-danger[b-0egzz5swnr]{
    color: var(--danger);
}

pre[b-0egzz5swnr]{
    background-color: var(--info);
    padding: 1rem;
    border-radius: 1rem;
    margin: 2rem;
    color: var(--info-text);
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Tickets/Views/InvoiceDataConfirmationView.razor.rz.scp.css */
.view[b-7o1gfp7uv8]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}
.header[b-7o1gfp7uv8]{
    font-size: 1.5rem;
    margin-bottom: 1rem; 
    padding: 1rem;
    h3{
        margin: 0;
        
    }
    p[b-7o1gfp7uv8]{
        margin: 0;
        font-size: 1rem;
        color: gray;
        padding: 1rem;
    }
}

.form-group[b-7o1gfp7uv8]{
    margin-bottom: 1rem;
    width: 100%;
    max-width: 400px;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    label{
        display: block;
        margin-bottom: 0.5rem;
        font-weight: bold;
    }
   
}

[b-7o1gfp7uv8] input{
    width: 100%;
    padding: 1ch;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
}

button[b-7o1gfp7uv8]{
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    background-color: var(--success);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Tickets/Views/ReadQrCodeView.razor.rz.scp.css */
.view[b-llakcxp5m0]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Tickets/Views/TicketLinkView.razor.rz.scp.css */
.view[b-6hkfyq449x]{
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    
    img{
        width: 300px;
        height: 300px;
    }
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Tickets/Views/UploadTicketsView.razor.rz.scp.css */
.view[b-3opiwj8uu0]{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
/* _content/BniPhoenixSpecialGuest.Web/Source/Tickets/Views/ViewQrCodeOwnerView.razor.rz.scp.css */
svg[b-d15lvuw10x]{
    height: 200px;
    width: 200px;
    margin: auto;
}

.red[b-d15lvuw10x]{
    fill: red;
}
.green[b-d15lvuw10x]{
    fill: green;
}

p[b-d15lvuw10x]{
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1rem;
}

p.red[b-d15lvuw10x]{
    font-size: 2rem;
}