/* /Components/Authentication/UserInfoLogout.razor.rz.scp.css */
.full-height[b-71pmei76iy] {
  height: 100%;
}
/* /Components/CardDesignView.razor.rz.scp.css */
/* Business-card preview styles, isolated to CardDesignView (issue #1378).
::deep is required because several targets (.businesscard-container, .bc-vcard, .bc-preview-column,
.qr-vcard) are applied to Radzen child components, which do not receive the component scope
attribute. The .card-design-view wrapper carries the scope so ::deep can reach those children. */
.card-design-view[b-7jija2hd6v]  .osui-accordion-item__title {
    padding: var(--space-base) !important;
}

.card-design-view[b-7jija2hd6v]  .businesscard-container {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 467.718px;
    width: 722.835px;
    position: relative;
    background-color: white;
}

.card-design-view[b-7jija2hd6v]  .bc-biggertext {
    font-size: large;
    font-weight: 900;
}

.card-design-view[b-7jija2hd6v]  .bc-biggesttext {
    font-size: x-large;
    font-weight: 900;
}

.card-design-view[b-7jija2hd6v]  .bc-addresstext {
    line-height: normal;
}

.card-design-view[b-7jija2hd6v]  .bc-lefttop {
    position: absolute;
    top: 42.519px;
    left: 42.519px;
}

.card-design-view[b-7jija2hd6v]  .bc-leftcenter {
    position: absolute;
    top: 237.309px;
    left: 85.038px;
}

.card-design-view[b-7jija2hd6v]  .bc-leftbottom {
    position: absolute;
    top: 381.147px;
    left: 42.519px;
}

.card-design-view[b-7jija2hd6v]  .bc-righttop {
    position: absolute;
    top: 117.39px;
    left: 391.182px;
}

.card-design-view[b-7jija2hd6v]  .bc-rightcenter {
    position: absolute;
    top: 237.309px;
    left: 391.182px;
    word-break: keep-all;
}

.card-design-view[b-7jija2hd6v]  .bc-rightcenter-phonemargin {
    position: absolute;
    left: 25.875px;
}

.card-design-view[b-7jija2hd6v]  .bc-rightcenter-website {
    position: absolute;
    top: 127.875px;
}

.card-design-view[b-7jija2hd6v]  .bc-rightbottom {
    position: absolute;
    top: 410.739px;
    left: 391.182px;
}

.card-design-view[b-7jija2hd6v]  .qr-vcard {
    height: 200px;
}

.card-design-view[b-7jija2hd6v]  .button-group-item-size {
    height: 50px;
}

.card-design-view[b-7jija2hd6v]  [data-expression] {
    white-space: pre-wrap;
}

.card-design-view[b-7jija2hd6v]  [data-expression]:empty:after {
    content: "\200b";
}

.card-design-view[b-7jija2hd6v]  .bc-preview-column {
    width: 722.835px;
    margin: 0 auto;
}

.card-design-view[b-7jija2hd6v]  .bc-vcard {
    text-align: center;
    padding: 1rem;
}

.card-design-view[b-7jija2hd6v]  .bc-vcard-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* /Components/SideModals/CompanyDialog.razor.rz.scp.css */
/* Company dialog form layout, isolated to this component (issue #1378). Moved out of an
inline <style> block. ::deep is used for the three classes applied to Radzen child components
whose roots do not receive the scope attribute -- .company-fieldset (RadzenFieldset),
.company-field-label (RadzenLabel) and .company-cancel-btn (RadzenButton); ::deep also raises
specificity above Radzen's own .rz-label margin and .rz-button margin rules, which load after
app.css. The remaining classes sit on plain elements authored in this component and receive the
scope attribute directly. */
.company-form-field[b-xgc1zz4llz] {
    margin-bottom: 1rem;
}

.company-form-layout[b-xgc1zz4llz]  .company-fieldset {
    margin-bottom: 1rem;
}

.company-form-row[b-xgc1zz4llz] {
    display: flex;
    gap: 40px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.company-form-column[b-xgc1zz4llz] {
    flex: 1;
    min-width: 250px;
}

.company-form-stack[b-xgc1zz4llz] {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.company-form-layout[b-xgc1zz4llz]  .company-field-label {
    margin-bottom: 5px;
}

.company-form-layout[b-xgc1zz4llz]  .company-cancel-btn {
    margin-right: 10px;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-i8hkkwfa0a] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-i8hkkwfa0a] {
    flex: 1;
}

.app-version-marker[b-i8hkkwfa0a] {
    display: none;
}

.sidebar[b-i8hkkwfa0a] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-i8hkkwfa0a] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-i8hkkwfa0a]  a, .top-row[b-i8hkkwfa0a]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-i8hkkwfa0a]  a:hover, .top-row[b-i8hkkwfa0a]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-i8hkkwfa0a]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-i8hkkwfa0a] {
        justify-content: space-between;
    }

    .top-row[b-i8hkkwfa0a]  a, .top-row[b-i8hkkwfa0a]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-i8hkkwfa0a] {
        flex-direction: row;
    }

    .sidebar[b-i8hkkwfa0a] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-i8hkkwfa0a] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-i8hkkwfa0a]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-i8hkkwfa0a], article[b-i8hkkwfa0a] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7kui38z6tm] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-brand[b-7kui38z6tm] {
    font-size: 1.1rem;
}

.bi[b-7kui38z6tm] {
    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-7kui38z6tm] {
    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-7kui38z6tm] {
    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-7kui38z6tm] {
    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-7kui38z6tm] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-7kui38z6tm]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

.nav-item[b-7kui38z6tm]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-7kui38z6tm] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-7kui38z6tm] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/BusinessCards/DesignBusinessCard.razor.rz.scp.css */
/* Layout isolated to this component (issue #1378). ::deep reaches the heading wrapper and
the sidebar RadzenColumn from the scoped .design-business-card page wrapper; the column is a
Radzen child component and does not receive the scope attribute on its own. */
.design-business-card[b-tuql661ycb]  .design-heading-wrapper {
    max-width: 722.835px;
    margin: 0 auto;
    padding-left: 5px;
}

.design-business-card[b-tuql661ycb]  .design-sidebar {
    position: relative;
    z-index: 1;
}
/* /Pages/BusinessCards/ManageBusinessCards.razor.rz.scp.css */
/* Status filter styled as a professional segmented underline tab bar, isolated to this
component (issue #1378). ::deep is required because the tab elements (.rz-tabview*) are
rendered by the Radzen RadzenTabs child component and do not receive the scope attribute;
the plain .status-filter-tabs wrapper carries the scope so ::deep can reach them. */
.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview {
    width: 100%;
}

.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: transparent;
    border-bottom: 1px solid #dfe6e9;
}

.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav li {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    border: none;
    background: transparent;
}

.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav li a,
.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav li button {
    justify-content: center;
    width: 100%;
    padding: 0.7rem 0.75rem;
    color: #5b6b72;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav li:not(.rz-tabview-selected):not(.rz-state-disabled):hover a,
.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav li:not(.rz-tabview-selected):not(.rz-state-disabled):hover button {
    color: #3a474d;
    background: #f2f6f7;
}

.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav .rz-tabview-selected a,
.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-nav .rz-tabview-selected button {
    color: #3a474d;
    font-weight: 700;
    background: transparent;
    border-bottom-color: #3a474d;
}

/* Tabs are used purely as a status filter, so the empty panels stay hidden. */
.status-filter-tabs[b-ccvnbs4xlr]  .rz-tabview-panels {
    display: none;
}
/* /Pages/CompanyImport.razor.rz.scp.css */
/* Import page layout, isolated to this component (issue #1378). ::deep is required because
these classes are applied to Radzen child components (RadzenRow, RadzenColumn, RadzenCard,
RadzenUpload, RadzenAlert), which do not receive the component scope attribute; the plain
.company-import wrapper carries the scope so ::deep can reach them. */
.company-import[b-swrfiqh1vp]  .import-row {
    justify-content: center;
    margin-top: 50px;
}

.company-import[b-swrfiqh1vp]  .import-col-center {
    display: flex;
    justify-content: center;
}

.company-import[b-swrfiqh1vp]  .import-card {
    width: 100%;
    max-width: 600px;
    padding: 20px;
}

.company-import[b-swrfiqh1vp]  .import-upload {
    margin-bottom: 10px;
    justify-content: center;
}

.company-import[b-swrfiqh1vp]  .import-alert {
    margin-top: 20px;
}
/* /Pages/CompanyList.razor.rz.scp.css */
/* Layout isolated to this component (issue #1378). ::deep is required because these classes
are applied to Radzen child components (RadzenStack, RadzenTextBox, RadzenIcon, RadzenLabel,
RadzenDropDown), which do not receive the component scope attribute; the plain .company-list
wrapper carries the scope so ::deep can reach them. */
.company-list[b-8501bjdus0]  .company-search-stack {
    border: none;
    outline: none;
    flex: 1;
}

.company-list[b-8501bjdus0]  .company-search-box {
    outline: none;
    flex: 1;
}

.company-list[b-8501bjdus0]  .company-search-icon {
    cursor: pointer;
    color: gray;
    margin-left: -40px;
}

.company-list[b-8501bjdus0]  .company-logo-label {
    display: block;
    font-weight: bold;
}

.company-list[b-8501bjdus0]  .company-logo-dropdown {
    width: 300px;
    margin-top: 5px;
}
/* /Pages/CreateEditLogo.razor.rz.scp.css */
/* Logo preview styling, isolated to this component (issue #1378). ::deep is required because
these classes target Radzen child components (RadzenCard, RadzenLabel, RadzenImage) whose root
elements do not receive the scope attribute; ::deep also raises specificity above Radzen's own
.rz-card padding and .rz-label margin rules, which load after app.css. */
.create-edit-logo[b-gci4qz3cz1]  .logo-card {
    padding: 1rem;
}

.create-edit-logo[b-gci4qz3cz1]  .logo-preview-label {
    display: block;
    margin-bottom: 0.5rem;
}

.create-edit-logo[b-gci4qz3cz1]  .logo-preview-img {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.create-edit-logo[b-gci4qz3cz1]  .logo-preview-empty {
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}
/* /Pages/DesignEmailSignature.razor.rz.scp.css */
/* Layout isolated to this component (issue #1378). The .design-email-signature page wrapper
widens the shared .boka-page-container for the two-pane editor; ::deep reaches the preview and
form panes, the preview alert and the form card, several of which are Radzen child components
that do not receive the scope attribute on their own. */
.design-email-signature[b-zbalnb9rxu] {
    max-width: 1400px;
}

.design-email-signature[b-zbalnb9rxu]  .design-email-preview {
    flex: 0 1 auto;
    min-width: 400pt;
}

.design-email-signature[b-zbalnb9rxu]  .design-email-alert {
    width: 388pt;
    max-width: 388pt;
}

.design-email-signature[b-zbalnb9rxu]  .design-email-form {
    flex: 1 1 600px;
    min-width: 400pt;
}

.design-email-signature[b-zbalnb9rxu]  .design-email-card {
    padding: 24px 32px;
}
/* /Pages/Home.razor.rz.scp.css */
/* Home dashboard styling, isolated to this component (issue #1378). ::deep is required because
most targets are Radzen child components (RadzenRow, RadzenCard, RadzenIcon, NavLink) whose roots
do not receive the scope attribute; ::deep also raises specificity above Radzen's own rules that
load after app.css (.rz-card padding, .rzi font-size). The icon classes additionally set
--rz-icon-size so Radzen's own .rzi rule resolves to the intended size. */
.home-page[b-47w4dm0wa6]  .home-loading-row {
    min-height: 120px;
}

.home-page[b-47w4dm0wa6]  .home-stat-card {
    padding: 20px;
}

.home-page[b-47w4dm0wa6]  .home-stat-icon-waiting {
    --rz-icon-size: 40px;
    font-size: 40px;
    color: #f6b519;
}

.home-page[b-47w4dm0wa6]  .home-stat-icon-approved {
    --rz-icon-size: 40px;
    font-size: 40px;
    color: #27ae60;
}

.home-page[b-47w4dm0wa6]  .home-stat-icon-rejected {
    --rz-icon-size: 40px;
    font-size: 40px;
    color: #e74c3c;
}

.home-page[b-47w4dm0wa6]  .home-stat-label {
    flex-grow: 1;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

.home-page[b-47w4dm0wa6]  .home-stat-value {
    font-weight: bold;
    font-size: 32px;
}

.home-page[b-47w4dm0wa6]  .home-review-link {
    color: inherit;
    font-weight: bold;
    margin-left: 0.25rem;
}

.home-page[b-47w4dm0wa6]  .home-info-card {
    height: 100%;
    padding: 20px;
}