/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
h2[b-cc0unesi81] {
    text-align: center;
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
h2[b-dyrrhhzpdu] {
    text-align: center;
    margin-bottom: 2rem;
}

button[b-dyrrhhzpdu] {
    margin-bottom: 1rem;
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
h2[b-2a4c4newdb] {
    text-align: center;
    margin-bottom: 2rem;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.remember[b-7vlrv80co8] {
    text-align: left;
}

.forget[b-7vlrv80co8] {
    margin-top: 1rem;
}

.about[b-7vlrv80co8] {
    margin-top: 1.5rem;
    font-size: 0.9rem;
    text-align: left;
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
h2[b-c47dcgynir] {
    text-align: center;
}

button[b-c47dcgynir] {
    margin-bottom: 1rem;
}

.sms-opt-in-group.is-collapsed[b-c47dcgynir] {
    display: none;
}

.sms-opt-in-group.is-fading-in[b-c47dcgynir] {
    animation: content-fade-in 0.28s ease-out forwards;
}

.sms-opt-in-group.is-fading-out[b-c47dcgynir] {
    animation: content-fade-out 0.28s ease-in forwards;
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
h2[b-gdhlyn098b] {
    text-align: center;
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
h2[b-lst4jgkzpj] {
    text-align: center;
}

button[b-lst4jgkzpj] {
    margin-bottom: 1rem;
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
h2[b-luje31quij] {
    text-align: center;
}
/* /Components/Contacts/ContactCard.razor.rz.scp.css */
/* === Card container === */

.contact-card[b-bv5kbce8p4] {
    background: #FFF3E8;
    border: 1px solid #E8B88A;
    border-radius: 0.375rem;
    padding: 0;
    transition: background 0.15s, border-color 0.15s;
    min-width: 0;
}

/* === Disabled State  === */

.contact-card.disabled[b-bv5kbce8p4] {
    background: #F5EAE0;
    border-color: #D9A87A;
}

.disabled .avatar-wrapper .avatar[b-bv5kbce8p4] {
    background: #E9ECEF !important;
    color: #6C757D !important;

}

/* === Avatar Styles === */
.avatar0[b-bv5kbce8p4] {
    background-color: #E6F1FB;
    color: #0C447C;
}

.avatar1[b-bv5kbce8p4] {
    background-color: #FAEEDA;
    color: #633806;
}

.avatar2[b-bv5kbce8p4] {
    background-color: #FBEAF0;
    color: #72243E;
}

.avatar3[b-bv5kbce8p4] {
    background-color: #EAF3DE;
    color: #27500A;
}

.avatar4[b-bv5kbce8p4] {
    background-color: #FFF4E6;
    color: #7C3A00;
}

.avatar5[b-bv5kbce8p4] {
    
    background-color: #F3E8FF;
    color: #4A1080;
}

.avatar6[b-bv5kbce8p4] {
    background-color: #E8F8F5;
    color: #0A4F42;
}

.avatar7[b-bv5kbce8p4] {
    background-color: #FDE8E8;
    color: #8B1A1A;
}

.avatar8[b-bv5kbce8p4] {
    background-color: #E8EAF6;
    color: #1A237E;
}

.avatar9[b-bv5kbce8p4] {
    background-color: #FFF8E1;
    color: #5D4037;
}

/* === Header === */

.card-header[b-bv5kbce8p4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    border-radius: 0.375rem 0.375rem 0 0;
    background: #FAE0C8;
    min-width: 0;
}

.avatar-wrapper[b-bv5kbce8p4] {
    position: relative;
    flex-shrink: 0;
}

.avatar[b-bv5kbce8p4] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    user-select: none;
    border: 2px solid rgba(0, 0, 0, 0.12);
}

.disabled-badge[b-bv5kbce8p4] {
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9px;
    font-weight: 600;
    color: #6C757D;
    background: #E9ECEF;
    border: 1px solid #DEE2E6;
    border-radius: 99px;
    padding: 1px 6px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.header-info[b-bv5kbce8p4] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 52px;
}

.contact-name[b-bv5kbce8p4] {
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.disabled .contact-name[b-bv5kbce8p4] {
    color: #9CA3AF;
}

/* === Action items (inside status popover) === */

.status-actions[b-bv5kbce8p4] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E7;
}

.menu-item[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: none;
    font-size: 14px;
    color: #495057;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}

.menu-item:hover[b-bv5kbce8p4] {
    background: #FAE0C8;
}

.menu-item:disabled[b-bv5kbce8p4] {
    color: #C4C9CF;
    cursor: not-allowed;
}

.menu-item:disabled:hover[b-bv5kbce8p4] {
    background: none;
}

.menu-icon[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.menu-item-text[b-bv5kbce8p4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    flex: 1;
    line-height: 1.2;
}

.menu-item-label[b-bv5kbce8p4] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.menu-item-hint[b-bv5kbce8p4] {
    font-size: 11px;
    font-weight: 500;
    color: #9CA3AF;
    margin-top: 2px;
}

.menu-item-delete:hover[b-bv5kbce8p4] {
    background: #FCEBEB;
    color: #A32D2D;
    border-color: rgba(163, 45, 45, 0.15);
}

/* === Body === */

.card-body[b-bv5kbce8p4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.body-disabled[b-bv5kbce8p4] {
    opacity: 0.4;
}

/* === Channel rows === */

.channel-row[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.channel-icon[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.channel-address[b-bv5kbce8p4] {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    color: #495057;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

a.channel-address:hover[b-bv5kbce8p4] {
    text-decoration: underline;
}

/* === Status icon button & popover === */

.status-anchor[b-bv5kbce8p4] {
    position: relative;
    align-self: center;
    min-width: 0;
}

.status-button[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    padding: 3px 8px 3px 4px;
    cursor: pointer;
    border-radius: 99px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
    max-width: 100%;
    min-width: 0;
}

.status-button-label[b-bv5kbce8p4] {
    font-size: 12px;
    font-weight: 500;
    color: #495057;
    display: none;
}

@media (min-width: 768px) {
    .status-button-label[b-bv5kbce8p4] {
        display: inline;
    }
}

.status-button-chevron[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: #9CA3AF;
    margin-left: 2px;
}

.status-button:hover[b-bv5kbce8p4] {
    background: #F0CBA8;
}

.status-button:hover .status-button-chevron[b-bv5kbce8p4] {
    color: #6B7280;
}

.status-popover[b-bv5kbce8p4] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 240px;
    background: #fff;
    border: 1px solid #E4E4E7;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 12px;
    z-index: 1001;
}

.status-popover-header[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.status-popover-icon[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
}

.status-popover-label[b-bv5kbce8p4] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
}

.status-channel-list[b-bv5kbce8p4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E7;
}

.status-channel-row[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.status-channel-icon[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.status-channel-label[b-bv5kbce8p4] {
    font-weight: 500;
    color: #495057;
    min-width: 40px;
}

.status-channel-status[b-bv5kbce8p4] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    color: #495057;
    font-size: 12px;
}

.status-channel-none[b-bv5kbce8p4] {
    color: #9CA3AF;
    font-style: italic;
}

/* === Backdrop for click-outside === */

.popover-backdrop[b-bv5kbce8p4] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}
/* /Components/Contacts/ContactCreate.razor.rz.scp.css */
.create-card[b-q8u5ky8buu] {
    background: #FFF3E8;
    border: 1px solid #E8B88A;
    border-radius: 0.375rem;
    padding: 1.00rem;
    color: #7A4510;
}

.create-heading[b-q8u5ky8buu] {
    margin-bottom: 0.5rem;
    color: #5C3209;
}

.create-desc[b-q8u5ky8buu] {
    color: #7A4510;
    font-size: 15px;
}

.create-btn[b-q8u5ky8buu] {
    background: #F57C00;
    border-color: #E06A00;
    color: #fff;
    font-weight: 500;
    width: 7rem;
}

.another-btn[b-q8u5ky8buu] {
    background: #F57C00;
    border-color: #E06A00;
    color: #fff;
    font-weight: 500;
    width: 13rem;
}

.create-btn:hover[b-q8u5ky8buu] {
    background: #E06A00;
    border-color: #CC5F00;
    color: #fff;
}

.create-btn:active[b-q8u5ky8buu] {
    background: #CC5F00;
    border-color: #B85500;
    color: #fff;
}
/* /Components/Contacts/ContactResendSuccessDialog.razor.rz.scp.css */
.overlay[b-un3xiys5p7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.dialog[b-un3xiys5p7] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    max-width: 360px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
}

.dialog h5[b-un3xiys5p7] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1a1a1a;
}

.dialog p[b-un3xiys5p7] {
    font-size: 13px;
    color: #6C757D;
    line-height: 1.5;
    margin: 0 0 20px;
}

.actions[b-un3xiys5p7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-confirm[b-un3xiys5p7] {
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    background: #2F5D3A;
    color: #fff;
}

.btn-confirm:hover[b-un3xiys5p7] {
    background: #244A2D;
}
/* /Components/Contacts/ContactStatus.razor.rz.scp.css */
.contacts-section h4[b-4t7fxw55yn] {
    margin-bottom: 4px;
}

.contacts-section p[b-4t7fxw55yn] {
    font-size: 16px;
    color: #6C757D;
    margin-bottom: 16px;
}

/* Card grid */

.grid[b-4t7fxw55yn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

@media (min-width: 768px) {
    .grid[b-4t7fxw55yn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .grid[b-4t7fxw55yn] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Contacts/DeleteContactDialog.razor.rz.scp.css */
.overlay[b-czfcbxd9g6] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.dialog[b-czfcbxd9g6] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    max-width: 360px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
}

.dialog h5[b-czfcbxd9g6] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1a1a1a;
}

.dialog p[b-czfcbxd9g6] {
    font-size: 13px;
    color: #6C757D;
    line-height: 1.5;
    margin: 0 0 20px;
}

.actions[b-czfcbxd9g6] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-cancel[b-czfcbxd9g6],
.btn-delete[b-czfcbxd9g6] {
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.btn-cancel[b-czfcbxd9g6] {
    background: #F0F0F0;
    color: #495057;
}

.btn-cancel:hover[b-czfcbxd9g6] {
    background: #E4E4E4;
}

.btn-delete[b-czfcbxd9g6] {
    background: #A32D2D;
    color: #fff;
}

.btn-delete:hover[b-czfcbxd9g6] {
    background: #8B2626;
}
/* /Components/Contacts/QuickContactCreate.razor.rz.scp.css */
.contact-form input[b-3qxqamdh1e] {
    max-width: 50rem;
}

button[type='submit'][b-3qxqamdh1e] {
    width: 7rem;
}
/* /Components/Layout/ContentBox.razor.rz.scp.css */
.content-box[b-2xds5alnkg] {
    max-width: 900px;
    margin: 0 auto;
}
/* /Components/Layout/FooterBar.razor.rz.scp.css */
footer[b-3srx6pjhzc] {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-size: 0.85rem;
}
/* /Components/Layout/IconBox.razor.rz.scp.css */
.logo[b-g09pfaxbdl] {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -20%);
}

.content[b-g09pfaxbdl] {
    border: 8px solid #00542C;
    border-top: 75px solid #00542C;
    padding-top: 40px;
    border-radius: 15px;
    max-width: 768px;
}

.content.narrow[b-g09pfaxbdl] {
    max-width: 512px;
}

h2[b-g09pfaxbdl] {
    text-align: center;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */

#blazor-error-ui[b-rar8k9keqf] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-rar8k9keqf] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.layout-wrapper[b-rar8k9keqf] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.layout-content[b-rar8k9keqf] {
    flex: 1;
    padding-top: 6px;
}


main[b-rar8k9keqf] {
    max-width: 1290px;
    padding: 12px;
}
/* /Components/Layout/NavBar.razor.rz.scp.css */
.navbar[b-wr2yprse4v] {
    background-color: #00542C;
    margin-top: 12px;
}

.navbar-brand[b-wr2yprse4v] {
    font-weight: bold;
}

.logo-link[b-wr2yprse4v] {
    flex-shrink: 0;
    margin-top: -20px;
    margin-bottom: -20px;
    margin-left: -7px;
    padding: 0;
    z-index: 5000;
}

.container[b-wr2yprse4v] {
    max-width: 1290px;
    padding-left: 12px;
    padding-right: 12px;
}

@media (max-width: 991.98px) {
    .nav-bar-container[b-wr2yprse4v] {
        position: fixed;
        top: 12px;
        left: 0;
        right: 0;
        z-index: 1030;
    }

    .nav-bar-container[b-wr2yprse4v]::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 12px;
        background-color: #e6f4e6;
        z-index: 1029;
    }

    .navbar[b-wr2yprse4v] {
        margin-top: 0;
    }

    .navbar-collapse[b-wr2yprse4v] {
        margin-top: 1rem;
        padding-left: 1rem;
    }
}
/* /Components/Layout/SimpleLayout.razor.rz.scp.css */

#blazor-error-ui[b-ybokes3oje] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ybokes3oje] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.layout-wrapper[b-ybokes3oje] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.layout-content[b-ybokes3oje] {
    flex: 1;
}
/* /Components/Layout/TrialBar.razor.rz.scp.css */
.trialbar[b-ck1bu6zjl2] {
    background-color: darkorange;
}

.trialbar.expired[b-ck1bu6zjl2] {
    background-color: darkred;
    color: white;
}
/* /Components/Layout/Welcome.razor.rz.scp.css */
h1[b-5dhqbsp8g4] {
    text-align: center;
    font-weight: normal;
    color: black;
}

h1 span[b-5dhqbsp8g4] {
    font-weight: bold;
    color: #00542C;
    display: block;
}
/* /Components/Pages/Contacts/Invitation.razor.rz.scp.css */
h3[b-umexk66ovs] {
    font-weight: bold;
    font-size: 1.65rem;
}

h4[b-umexk66ovs] {
    font-weight: bold;
    color: #00542C;
}

.body-article h3[b-umexk66ovs] {
    color: #00542C;
}

button[b-umexk66ovs] {
    width: 6rem;
}

button.skip[b-umexk66ovs] {
    width: auto;
}





.btn-register[b-umexk66ovs] { 
    display: block; /* ensures width applies cleanly */ 
    width: 100%; /* full width on mobile */ 
} /* At 576px and up (Bootstrap's sm breakpoint) */ 

@media (min-width: 576px) { 
    .btn-register[b-umexk66ovs] { 
        width: 6rem;
        display: inline-block; 
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-frynskdaen] {
    text-align: center;
    color: #664d03;
    padding: 40px 20px;
    border: 1px solid #d97706;
    border-radius: 12px;
    background-color: #fff3cd;
}

.empty-state-icon[b-frynskdaen] {
    display: block;
    font-size: 2.75rem;
    line-height: 1;
    color: #d97706;
    margin-bottom: 12px;
}

.empty-state-message[b-frynskdaen] {
    font-size: 14px;
    margin: 0;
}
/* /Components/Trips/ActiveTrip.razor.rz.scp.css */
@keyframes shimmer-b-fhva387uq8 {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.skeleton-alert[b-fhva387uq8] {
    border-radius: 0.375rem;
    border: 1px solid #badbcc;
    background-color: #d1e7dd;
    padding: 1rem;
}

.skeleton-line[b-fhva387uq8] {
    border-radius: 4px;
    background: linear-gradient(90deg, #b8d8c8 25%, #cce8d8 50%, #b8d8c8 75%);
    background-size: 800px 100%;
    animation: shimmer-b-fhva387uq8 1.5s infinite linear;
    margin-bottom: 0.6rem;
}

.skeleton-heading[b-fhva387uq8] {
    height: 1.25rem;
    width: 35%;
}

.skeleton-text[b-fhva387uq8] {
    height: 0.875rem;
    width: 90%;
}

.skeleton-text.short[b-fhva387uq8] {
    width: 60%;
}

.skeleton-buttons[b-fhva387uq8] {
    display: flex;
    gap: 0.5rem;
}

.skeleton-btn[b-fhva387uq8] {
    height: 2rem;
    width: 7rem;
    border-radius: 0.375rem;
    background: linear-gradient(90deg, #b8d8c8 25%, #cce8d8 50%, #b8d8c8 75%);
    background-size: 800px 100%;
    animation: shimmer-b-fhva387uq8 1.5s infinite linear;
}


button[b-fhva387uq8] {
    width: 7rem;
    margin-right: 0.5em;
}

blockquote[b-fhva387uq8] {
    margin: 2em 0;
    padding: 1em 1.5em;
    background-color: #f9f9f9;
    border-left: 6px solid #e67e22;
    font-size: 1.2em;
    color: #333;
}

.btn-extend[b-fhva387uq8] {
    color: #212529;
}
/* /Components/Trips/DeleteTripDialog.razor.rz.scp.css */
.overlay[b-3631jdg0j3] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.dialog[b-3631jdg0j3] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    max-width: 360px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
}

.dialog h5[b-3631jdg0j3] {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1a1a1a;
}

.dialog p[b-3631jdg0j3] {
    font-size: 13px;
    color: #6C757D;
    line-height: 1.5;
    margin: 0 0 20px;
}

.trip-description[b-3631jdg0j3] {
    font-size: 13px;
    font-style: italic;
    color: #495057;
    margin: 0 0 8px;
}

.actions[b-3631jdg0j3] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-cancel[b-3631jdg0j3],
.btn-delete[b-3631jdg0j3] {
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

.btn-cancel[b-3631jdg0j3] {
    background: #F0F0F0;
    color: #495057;
}

.btn-cancel:hover[b-3631jdg0j3] {
    background: #E4E4E4;
}

.btn-delete[b-3631jdg0j3] {
    background: #A32D2D;
    color: #fff;
}

.btn-delete:hover[b-3631jdg0j3] {
    background: #8B2626;
}
/* /Components/Trips/QuickTripCreate.razor.rz.scp.css */
button[b-4lyygrircl] {
    width: 7rem;
}
/* /Components/Trips/TripCard.razor.rz.scp.css */
/* === Card container === */

.trip-card[b-3jppa78gcs] {
    background: #e8f5ee;
    border: 1px solid #badbcc;
    border-radius: 0.375rem;
    padding: 0;
    transition: background 0.15s, border-color 0.15s;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* === Header === */

.card-header[b-3jppa78gcs] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-radius: 0.375rem 0.375rem 0 0;
    background: #d1e7dd;
    min-width: 0;
}

.header-info[b-3jppa78gcs] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

/* === Action items (inside status popover) === */

.status-actions[b-3jppa78gcs] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E7;
}

.menu-item[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: none;
    font-size: 14px;
    color: #495057;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
}

.menu-item:hover[b-3jppa78gcs] {
    background: #d1e7dd;
}

.menu-item:disabled[b-3jppa78gcs] {
    color: #C4C9CF;
    cursor: not-allowed;
}

.menu-item:disabled:hover[b-3jppa78gcs] {
    background: none;
}

.menu-icon[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.menu-item-delete:hover[b-3jppa78gcs] {
    background: #FCEBEB;
    color: #A32D2D;
    border-color: rgba(163, 45, 45, 0.15);
}

/* === Body === */

.card-body[b-3jppa78gcs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

/* === Channel rows === */

.channel-row[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.channel-icon[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.channel-address[b-3jppa78gcs] {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    color: #495057;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === Status icon button & popover === */

.status-anchor[b-3jppa78gcs] {
    position: relative;
    align-self: center;
    min-width: 0;
}

.status-button[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    padding: 3px 8px 3px 4px;
    cursor: pointer;
    border-radius: 99px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
    max-width: 100%;
    min-width: 0;
}

.status-button-label[b-3jppa78gcs] {
    font-size: 12px;
    font-weight: 500;
    color: #495057;
}

.status-button-chevron[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: #9CA3AF;
    margin-left: 2px;
}

.status-button:hover[b-3jppa78gcs] {
    background: #c1dece;
}

.status-button:hover .status-button-chevron[b-3jppa78gcs] {
    color: #6B7280;
}

.status-popover[b-3jppa78gcs] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 240px;
    background: #fff;
    border: 1px solid #E4E4E7;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    padding: 12px;
    z-index: 1001;
}

.status-popover-header[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.status-popover-icon[b-3jppa78gcs] {
    display: flex;
    align-items: center;
}

.status-popover-label[b-3jppa78gcs] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
}

.status-channel-list[b-3jppa78gcs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E7;
}

.status-channel-row[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}

.status-channel-icon[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.status-channel-label[b-3jppa78gcs] {
    font-weight: 500;
    color: #495057;
    min-width: 40px;
}

.status-channel-status[b-3jppa78gcs] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    color: #495057;
    font-size: 12px;
}

.status-channel-none[b-3jppa78gcs] {
    color: #9CA3AF;
    font-style: italic;
}

.trip-description[b-3jppa78gcs] {
    font-size: 14px;
    flex: 1;
}

.trip-card-body[b-3jppa78gcs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 0.5px solid rgba(0,0,0,0.08);
}

.trip-time-block[b-3jppa78gcs] { 
    padding: 12px 16px; 
}
    
.trip-time-block:first-child[b-3jppa78gcs] { 
    border-right: 0.5px solid rgba(0,0,0,0.08); 
}

.trip-time-label[b-3jppa78gcs] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #999;
    margin-bottom: 4px;
}

.trip-time-block[b-3jppa78gcs]  .local-date {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
}

.trip-time-block[b-3jppa78gcs]  .local-day {
    font-size: 13px;
    color: #666;
    margin-top: 1px;
}

.trip-time-block[b-3jppa78gcs]  .local-time {
    font-size: 13px;
    color: #666;
    margin-top: 1px;
}

/* === Backdrop for click-outside === */

.popover-backdrop[b-3jppa78gcs] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}
/* /Components/Trips/TripDescriptionQuote.razor.rz.scp.css */
blockquote[b-a9oxaoe02k] {
    margin: 2em 0;
    padding: 1em 1.5em;
    background-color: #f9f9f9;
    border-left: 6px solid #e67e22;
    font-size: 1.2em;
    color: #333;
}
/* /Components/Trips/TripList.razor.rz.scp.css */
.trip-list-sentinel[b-oa1c2kebrr] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0 1.5rem;
}