@import '_content/BaseComponents/BaseComponents.nx8t3tthk0.bundle.scp.css';

/* /Components/CompanyLogo.razor.rz.scp.css */
/* src/DashboardApp/Components/CompanyLogo.razor.css */

/* Root container */
.company-logo[b-sqtcrkft25] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Logo preview box */
.company-logo .logo-preview[b-sqtcrkft25] {
    width: 300px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    background: #ffffff;
    padding: 8px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    overflow: hidden;
}

/* Image inside preview */
.company-logo .logo-preview img[b-sqtcrkft25] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: transparent;
}

/* Fallback avatar (AntDesign Avatar) sizing adjustments */
.company-logo[b-sqtcrkft25] (.ant-avatar) {
    width: 120px !important;
    height: 120px !important;
    line-height: 120px !important;
}

/* Actions row */
.company-logo .logo-actions[b-sqtcrkft25] {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Make the label that opens file picker look interactive */
.company-logo label[for^="logo-file-"][b-sqtcrkft25] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

/* Hide the native file input (component already sets display:none but keep here as fallback) */
.company-logo input[type="file"][b-sqtcrkft25] {
    display: none !important;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}

/* Disabled state visuals */
.company-logo .ant-btn[disabled][b-sqtcrkft25],
.company-logo .ant-btn.ant-btn-disabled[b-sqtcrkft25] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Focus styles for keyboard accessibility */
.company-logo label:focus[b-sqtcrkft25],
.company-logo label:focus-visible[b-sqtcrkft25],
.company-logo .ant-btn:focus[b-sqtcrkft25],
.company-logo .ant-btn:focus-visible[b-sqtcrkft25] {
    outline: 3px solid rgba(24, 144, 255, 0.18);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Danger / remove button specific tweaks (AntDesign danger button uses a class) */
.company-logo .ant-btn-danger[b-sqtcrkft25] {
    border-color: #ff4d4f;
}

/* Responsive: shrink on very small screens */
@media (max-width: 360px) {
    .company-logo .logo-preview[b-sqtcrkft25],
    .company-logo[b-sqtcrkft25] (.ant-avatar) {
        width: 96px !important;
        height: 96px !important;
        line-height: 96px !important;
    }
}
/* /Components/Container.razor.rz.scp.css */
/* src/DashboardApp/wwwroot/css/site.css */
/* responsive container utility */
.bc-container[b-hmrm2a1pt7] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

/* fixed max widths for common sizes */
.bc-container-sm[b-hmrm2a1pt7] { max-width: 540px; }
.bc-container-md[b-hmrm2a1pt7] { max-width: 720px; }
.bc-container-lg[b-hmrm2a1pt7] { max-width: 960px; }
.bc-container-xl[b-hmrm2a1pt7] { max-width: 1140px; }
/* full width */
.bc-container-fluid[b-hmrm2a1pt7] { max-width: 100%; padding-left: 1rem; padding-right: 1rem; }

/* optional: responsive adjustments at common breakpoints */
@media (min-width: 576px) {
    .bc-container[b-hmrm2a1pt7] { padding-left: 1.25rem; padding-right: 1.25rem; }
}
@media (min-width: 992px) {
    .bc-container[b-hmrm2a1pt7] { padding-left: 2rem; padding-right: 2rem; }
}
/* /Components/CopyToClipboard.razor.rz.scp.css */
i[b-grcwj9ejb3] {
    font-size: 0.9em;
    width: auto;
}

.copyable-container[b-grcwj9ejb3] {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    column-gap: 4px;
}
/* /Components/Dashboard/DashboardElement.razor.rz.scp.css */
/* /Components/Dashboard/DashboardElementHeader.razor.rz.scp.css */
.dashboard-element-header[b-a9htc7xorq] {
    display: flex;
    justify-content: space-between;
}

.dashboard-element-header-title[b-a9htc7xorq] {
    font-size: larger;
    color: darkgray;
    margin: 0;
}
/* /Components/Dashboard/DashboardElementList.razor.rz.scp.css */
.horizontal-line[b-naptbgf4fr] {
    border-top: 1px solid #dee2e6;
}

.dashboard-element-list-item p[b-naptbgf4fr] {
    margin: 0;
}

.dashboard-element-list-item[b-naptbgf4fr] {
    display: flex;
    flex-direction: column;
}

.dashboard-element-list-item-content[b-naptbgf4fr] {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 4px 0;
    gap: 8px;
    align-items: center;
}

.dashboard-element-list-item-symbol[b-naptbgf4fr] {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: #d9e7fa;
}
/* /Components/Dashboard/DashboardElementStat.razor.rz.scp.css */
.dashboard-element-stat[b-v4m7i00o70] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-element-stat h5[b-v4m7i00o70],
.dashboard-element-stat p[b-v4m7i00o70] {
    margin: 0;
}

.dashboard-element-stat h6[b-v4m7i00o70] {
    margin: 0;
}
/* /Components/Dashboard/DashboardStatGrid.razor.rz.scp.css */
.dashboard-stat-grid[b-mqfox1yqu6] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min-content, max-content));
}
/* /Components/FormControl/FormControl.razor.rz.scp.css */

.bc-form-control[b-umkq8j8mkh] {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: start;
}

.bc-form-control .bc-dropdown-toggle[b-umkq8j8mkh] {
    font-size: 13px;
    outline: none !important;
}

.bc-dropdown-toggle[b-umkq8j8mkh] {
    display: flex;
    align-items: center;
    background-color: var(--primary-default);
    border: none;
    padding: 4px 12px;
}
/* /Components/SandboxBanner.razor.rz.scp.css */
.sandbox-banner[b-2pkdhvak48] {
    background-color: var(--primary-orange-web);
    color: white;
    height: 44px;
    display: flex;
    align-items: center;
    grid-area: banner;
}

.sandbox-banner-container[b-2pkdhvak48] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
}

@media (max-width: 800px) {
    .banner-text[b-2pkdhvak48] {
        display: none;
    }
}
/* /Components/SubscriptionProduct/SubscriptionElement.razor.rz.scp.css */
.plan-card[b-cbsp7kact7] {
    width: 100%;
    height: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ebebeb;
    flex-direction: column;
    justify-content: flex-start;
    padding: 32px;
    display: flex;
    position: relative;
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
}

.plan-card.most-popular[b-cbsp7kact7] {
    background-color: var(--lighter-primary-oxford-blue);
    border-color: var(--selected-border-color);
}

.static-header-content[b-cbsp7kact7] {
    top: -10px;
    bottom: auto;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    justify-content: center;
}

.static-header-text[b-cbsp7kact7] {
    color: var(--primary-white);
    background-color: var(--primary-oxford-blue);
    flex: none;
    justify-content: center;
    padding: 2px 20px;
    font-size: 12px;
    display: inline-block;
}

.plan-card.selected .static-header-text[b-cbsp7kact7] {
    background-color: var(--primary-orange-web);
}

.plan-card.selected[b-cbsp7kact7] {
    border-color: var(--selected-border-color);
    background-color: var(--lighter-primary-orange-web);
}

.plan-price[b-cbsp7kact7] {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.plan-title[b-cbsp7kact7] {
    text-align: center;
    padding-bottom: 10px;
    font-family: Nunito, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.plan-footer[b-cbsp7kact7] {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    height: 80px;
    justify-content: end;
}

.plan-price-tag[b-cbsp7kact7] {
    flex: 0 auto;
    align-self: auto;
    font-size: 32px;
    line-height: 2rem;
}

.plan-attributes[b-cbsp7kact7] {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    margin-top: 1rem;
    display: flex;
}

.plan-attribute[b-cbsp7kact7] {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-around;
    align-items: center;
    display: flex;
}

.plan-attribute-name[b-cbsp7kact7] {
    flex: 1;
    margin-bottom: 0;
}
/* /Components/Tooltip.razor.rz.scp.css */
/* Tooltip container */
.bc-tooltip[b-d8t7t6xpen] {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.bc-tooltip .bc-tooltiptext[b-d8t7t6xpen] {
    visibility: hidden;
    width: 110px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    font-size: 12px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.bc-tooltip:hover .bc-tooltiptext[b-d8t7t6xpen] {
    visibility: visible;
}

.bc-tooltip .bc-tooltiptext[b-d8t7t6xpen] {
    top: -5px;
    left: 20px;
}

.bc-tooltip .bc-tooltiptext[b-d8t7t6xpen]::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
/* /Components/Upload/Upload.razor.rz.scp.css */
.bc-upload input[type=file][b-3m9tvftkng] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 2;
}

.bc-upload[b-3m9tvftkng] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    outline: 0;
}

.bc-upload.bc-upload-drag .bc-upload[b-3m9tvftkng] {
    padding: 16px 0;
}

    .bc-upload.bc-upload-drag[b-3m9tvftkng] {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        background: #fafafa;
        border: 1px dashed #d9d9d9;
        border-radius: 2px;
        cursor: pointer;
        transition: border-color 0.3s;
    }

.bc-upload.bc-upload-drag:hover[b-3m9tvftkng] {
    border-color: var(--primary-orange-web);
}

.bc-upload.bc-upload-drag .bc-upload-drag-container[b-3m9tvftkng] {
    display: table-cell;
    vertical-align: middle;
}

.bc-upload-file-list[b-3m9tvftkng] {
    
    
}

.bc-upload-file-list-item[b-3m9tvftkng] {
    display: flex;
    margin-top: 8px;
    column-gap: 6px;
    align-items: center;
}
/* /Dialogs/Settings/ConfirmBuyNowSubscriptionDialog.razor.rz.scp.css */
.pm-summary[b-n26rj5rdoz] {
    
}

.pm-container[b-n26rj5rdoz] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pm-card-details[b-n26rj5rdoz] {
    flex: 1;
}

.card-number-details[b-n26rj5rdoz] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.billing-address-container[b-n26rj5rdoz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.title[b-n26rj5rdoz] {
    font-weight: bold;
}

.sub-title[b-n26rj5rdoz] {
    padding-bottom: 0.4rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0;
    color: rgb(104, 104, 104);
    margin-bottom: 0;
}

.subscription-summary-container[b-n26rj5rdoz] {
    display: flex;
}

.summary-total[b-n26rj5rdoz] {
    font-weight: bold;
}

.billing-row[b-n26rj5rdoz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-top: 1rem;
}

.billing-main[b-n26rj5rdoz] {
    flex: 1;
}

.billing-title[b-n26rj5rdoz] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
}

.billing-status[b-n26rj5rdoz] {
    margin: 4px 0 0 0;
    font-size: 0.8125rem;
    color: #6b7280;
}

.billing-info[b-n26rj5rdoz] {
    text-align: right;
}

.billing-date[b-n26rj5rdoz] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.billing-total[b-n26rj5rdoz] {
    margin: 2px 0 0 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}
/* /Dialogs/Settings/ResumeSubscriptionDialog.razor.rz.scp.css */
.pm-summary[b-8ogc4ev64z] {
    
}

.pm-container[b-8ogc4ev64z] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pm-card-details[b-8ogc4ev64z] {
    flex: 1;
}

.card-number-details[b-8ogc4ev64z] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.billing-address-container[b-8ogc4ev64z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.title[b-8ogc4ev64z] {
    font-weight: bold;
}

.sub-title[b-8ogc4ev64z] {
    padding-bottom: 0.4rem;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0;
    color: rgb(104, 104, 104);
    margin-bottom: 0;
}

.subscription-summary-container[b-8ogc4ev64z] {
    display: flex;
}

.summary-total[b-8ogc4ev64z] {
    font-weight: bold;
}
/* /Dialogs/Settings/SelectSubscriptionPlanDialog.razor.rz.scp.css */
/* /Dialogs/Settings/TrialSubscriptionStartedDialog.razor.rz.scp.css */
.trial-started-container[b-g9ndcgjnsd] {
    display: flex; 
    flex-direction: column; 
    gap: 1.2rem;
    padding: 2rem 3rem;
    max-width: 40pc;
    margin: 0 auto;
    align-items: center;
}
/* /Pages/Account/AccessPaused.razor.rz.scp.css */
.card[b-ld1wic6nxx] {
    background: #ffffff;
    border-radius: 16px;
    padding: 36px 32px;
    text-align: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.icon[b-ld1wic6nxx] {
    font-size: 48px;
    margin-bottom: 16px;
}

h1[b-ld1wic6nxx] {
    margin-bottom: 12px;
}

.message[b-ld1wic6nxx] {
    font-size: 15px;
    color: #4b5563;
    margin-bottom: 24px;
}

.details[b-ld1wic6nxx] {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 28px;
}

.admin-contact[b-ld1wic6nxx] {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 24px;
}

.admin-contact h3[b-ld1wic6nxx] {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 14px;
    color: #374151;
}

.admin-contact p[b-ld1wic6nxx] {
    margin: 4px 0;
    font-size: 14px;
}

.admin-contact a[b-ld1wic6nxx] {
    color: #4f46e5;
    text-decoration: none;
}

.admin-contact a:hover[b-ld1wic6nxx] {
    text-decoration: underline;
}

.notify-btn[b-ld1wic6nxx] {
    width: 100%;
    background: #4f46e5;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.notify-btn:hover[b-ld1wic6nxx] {
    background: #4338ca;
}

.support[b-ld1wic6nxx] {
    margin-top: 16px;
    font-size: 13px;
    color: #6b7280;
}

.support a[b-ld1wic6nxx] {
    color: #4f46e5;
    text-decoration: none;
}

.support a:hover[b-ld1wic6nxx] {
    text-decoration: underline;
}
/* /Pages/Account/Account.razor.rz.scp.css */
.content-container .account-sidebar[b-htv55x6uuj] {
    width: 30%;
    border-right: 1px solid #f0f0f0;
}

.content-container .content-body[b-htv55x6uuj] {
    flex: 1;
    padding: 8px 40px;
}

.content-container[b-htv55x6uuj] {
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    overflow: auto;
}
/* /Pages/Account/GettingStarted.razor.rz.scp.css */


.step-header[b-mydg6nljdv] {
    display: flex;
    justify-content: left;
    align-items: center;
}

.step-number[b-mydg6nljdv] {
    background: var(--primary-orange-web);
    color: var(--bc-white);
    margin-right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
}

.step-number span[b-mydg6nljdv] {
    position: relative;
    transform-origin: 0 center;
}

.step-number.completed-step[b-mydg6nljdv] {
    background: darkgray;
}

.step-number i[b-mydg6nljdv] {
    width: auto;
    height: auto;
}

.step-column-left[b-mydg6nljdv] {
    width: 60%;
}

.step-column-right[b-mydg6nljdv] {
    width: 40%;
    display: flex;
    justify-content: right;
    align-items: flex-end;
}

.step-container[b-mydg6nljdv] {
    width: 100%;
    display: flex;
    grid-row-gap: 30px;
}

.step-title[b-mydg6nljdv] {
    margin-bottom: 0px;
}

.step-title.completed-step[b-mydg6nljdv] {
    color: darkgray;
}
/* /Pages/Account/Register.razor.rz.scp.css */


.register-company[b-lkyubo3kn8] {
    display: flex;
    flex-flow:row;
    min-height: 100vh;
}

/*Register Details */

.register-company-details[b-lkyubo3kn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 50%;
}

.register-company-details-wrapper[b-lkyubo3kn8] {
    padding: 40px;
    max-width: 550px;
}

.register-company-details-header[b-lkyubo3kn8] {
    text-align: center;
    margin-bottom: 40px;
}

.footer-terms-of-use button[b-lkyubo3kn8] {
    font-size: 12px !important;
}

.footer-terms-of-use .ant-btn-link[b-lkyubo3kn8] {
    font-size: 12px;
}

.register-company-details-footer[b-lkyubo3kn8] {
    text-align: center;
    margin-top: 8px;
}





/*-----------------------*/

/*Aside section */

.register-aside[b-lkyubo3kn8] {
    background: var(--primary-orange-web);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 50%;
}

.register-aside-wrapper[b-lkyubo3kn8] {
    padding: 60px;
    display: flex;
    height: 80vh;
    max-height: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.registration-completed[b-lkyubo3kn8] {
    text-align: left;
}

/*----------------------------*/

@media (max-width: 800px) {
    .register-aside[b-lkyubo3kn8] {
        display: none;
    }
}

img[b-lkyubo3kn8] {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

.company-fixed-logo[b-lkyubo3kn8] {
    height:32px; 
    position: absolute; 
    left: 40px; 
    top: 20px;
}

@media (max-width: 768px) {
    .register-company-details-wrapper[b-lkyubo3kn8] {
        padding: 20px;
    }
}

@media (max-width: 600px) {

    .company-fixed-logo[b-lkyubo3kn8] {
        height:35px;
        left: 20px;
    }
}

@media screen and (max-width: 800px),
screen and (max-height: 800px) {
    .register-company-details-wrapper[b-lkyubo3kn8] {
        margin-top: 80px;
    }
    .register-company-details[b-lkyubo3kn8] {
        align-items: flex-start;
    }
}

.checkbox-container[b-lkyubo3kn8] {
    display: inline-flex;
    align-items: flex-start;
    user-select: none;
    cursor: pointer;
}










                                                                 
/* /Pages/Account/Welcome.razor.rz.scp.css */
/* css
   File: src/DashboardApp/Pages/Account/Welcome.razor.css
*/

/* Theme variables */
:root[b-1f8f064nlh] {
    --accent-color: #1890ff;
    --muted-color: #6c757d;
    --border-color: #e8e8e8;
    --radius: 8px;
}


/* Progress list */
.progress[b-1f8f064nlh] {
    margin: 16px 0;
}

.progress h2[b-1f8f064nlh] {
    margin-bottom: 8px;
}

/* Products section */
.products h2[b-1f8f064nlh] {
    margin-bottom: 6px;
}

.products .hint[b-1f8f064nlh] {
    margin: 0 0 12px 0;
    color: var(--muted-color);
    font-size: 0.95rem;
}

/* Grid of product cards */
.product-grid[b-1f8f064nlh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
}

/* Card */
.product-card[b-1f8f064nlh] {
    background: var(--primary-oxford-blue-50);
    border: 1px solid var(--primary-oxford-blue-50);
    border-radius: var(--radius);
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 160px;
    transition: box-shadow 160ms ease, transform 160ms ease, border-color 160ms ease;
}

.product-card h4[b-1f8f064nlh] {
    margin: 0;
    font-size: 1.05rem;
}

.product-card p[b-1f8f064nlh] {
    margin: 0;
    color: var(--muted-color);
    flex: 1 1 auto;
}

.product-card .meta[b-1f8f064nlh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 0.95rem;
    color: var(--muted-color);
}

/* Hover and selected states */
.product-card:hover[b-1f8f064nlh] {
    box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
    transform: translateY(-4px);
}

.product-card.selected[b-1f8f064nlh] {
    border-color: var(--accent-color);
    box-shadow: 0 10px 30px rgba(24, 144, 255, 0.12);
    transform: translateY(-6px);
}

/* Buttons inside card: ensure spacing (AntDesign buttons kept) */
.product-card .ant-btn[b-1f8f064nlh] {
    margin-top: 8px;
    align-self: flex-start;
}

/* Confirm/selection summary area (if used) */
.selection-summary h3[b-1f8f064nlh] {
    margin: 0 0 6px 0;
}

.selection-summary p[b-1f8f064nlh] {
    margin: 0 0 8px 0;
    color: var(--muted-color);
}

.selection-summary .small[b-1f8f064nlh] {
    font-size: 0.85rem;
    color: var(--muted-color);
}

/* Utility classes */
.hint[b-1f8f064nlh] {
    color: var(--muted-color);
    font-size: 0.95rem;
}

/* Responsive tweaks */
@media (max-width: 640px) {
    .gettingstarted-container[b-1f8f064nlh] {
        padding: 12px;
    }

    .product-grid[b-1f8f064nlh] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Crossdock/LicensePlatePage.razor.rz.scp.css */
/* /Pages/Crossdock/SalesOrder.razor.rz.scp.css */
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-element-grid[b-zlh3u30230] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, max-content));
    gap: 1rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.dashboard-container[b-zlh3u30230] {
    margin: 2rem;
}

.dashboard-section-header[b-zlh3u30230] {
    margin: 2rem 0 1rem;
}

.dashboard-section[b-zlh3u30230] {
    
}

.dashboard-date-filter[b-zlh3u30230] {
    color: var(--primary-orange-web);
    margin: 0 0 0 30px;
}
/* /Pages/Settings/Organisation.razor.rz.scp.css */
.form-subtitle[b-nytc38fmvu] {
    font-weight: bold;
    margin-bottom: 30px;
}

.form-container[b-nytc38fmvu] {
    margin-bottom: 20px;
}
/* /Pages/Settings/Subscriptions/BillingIntervalSwitch.razor.rz.scp.css */
span.selected[b-18dcw53qxm] {
    font-weight: bold;
}
/* /Pages/Settings/Subscriptions/SubscriptionSettings.razor.rz.scp.css */
.subscriptions[b-o84gticid6] {
    margin-top: 2em;
    margin-left: -10px;
    margin-right: -10px;
    flex-direction: row;
    display: flex;
}

.subscription-column[b-o84gticid6] {
    width: 100%;
    left: auto;
    right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.trial-description[b-o84gticid6] {
    color: var(--primary-oxford-blue); 
    font-weight: 600;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.details-container[b-o84gticid6] {
    display: flex;
}

@media (max-width: 1200px) {
    .subscriptions[b-o84gticid6] {
        display: grid;
        gap: 2rem 2rem;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .subscriptions[b-o84gticid6] {
        display: grid;
        gap: 2rem 2rem;
        grid-template-columns: repeat(1, 1fr);
    }
}

.subscription-card-container[b-o84gticid6] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex: 1;
    margin-bottom: 0.5rem;
}

.subscription-card-header[b-o84gticid6] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: baseline;
    gap: 8px;
}
/* /Shared/Footer.razor.rz.scp.css */
.footer-layout[b-ve8c0inure] {
    margin: 16px 0 0 0;
    text-align: center;
}

@media (max-width: 992px) {
    .footer-layout[b-ve8c0inure] {
       
    }
}
/* /Shared/Header.razor.rz.scp.css */
.top-row[b-jw60ecmtiq] {
    height: var(--navbar-top-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-area: top-bar;
}

.top-row .navbar-logo[b-jw60ecmtiq] {
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 16px;
}

.nav-body-content[b-jw60ecmtiq] {
    margin-bottom: auto;
}

.top-row[b-jw60ecmtiq] {
    background-color: var(--primary-white);
    border-bottom: 1px solid #d6d5d5;
}

.top-row > a[b-jw60ecmtiq], .main .top-row .btn-link[b-jw60ecmtiq] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

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

.nav-header[b-jw60ecmtiq] {
    display: block;
    line-height: 70px;
    top: 0;
}

@media (min-width: 992px) {
    .hamburger-icon[b-jw60ecmtiq] {
        display: none;
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.account-user-name[b-zc9vh5rhgr] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.top-bar[b-zc9vh5rhgr] {
    display: flex; 
    gap: 10px;
}

.roles-flex[b-zc9vh5rhgr] {
    display: flex; 
    gap: 5px; 
    margin-top: 5px; 
    margin-bottom: 10px;
}
/* /Shared/PageLoading.razor.rz.scp.css */
/* /Shared/Sidebar.razor.rz.scp.css */
.sidebar[b-4v3uqc1e5g] {
    z-index: 10;
    bottom: 0;
    width: 265px;
    flex-shrink: 0 !important;
    max-height: 100vh;
    background-color: var(--primary-oxford-blue);
    display: flex;
    flex-direction: column !important;
    min-height: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 0;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    grid-area: side-nav;
}

    .sidebar .navbar-brand[b-4v3uqc1e5g] {
        font-size: 1.1rem;
    }

@media (max-width: 992px) {
    .sidebar[b-4v3uqc1e5g] {
        grid-area: main / aside / aside / aside;
    }
}

/*.sidebar .chevron-icon {*/
/*    font-size: 12px !important;*/
/*}*/

/*    .sidebar .oi {*/
/*        width: 2rem;*/
/*        font-size: 1.1rem;*/
/*        vertical-align: text-top;*/
/*        top: -2px;*/
/*    }*/





/* Nav Item */

    /*.sidebar .nav-item {*/
    /*    font-size: 0.9rem;*/
    /*}*/
    
    /*    .sidebar .nav-item:last-of-type {*/
    /*        padding-bottom: 1rem;*/
    /*    }*/

 /*  .sidebar .nav-item ::deep a {*/
 /*           color: var(--primary-white);*/
 /*           border-radius: 4px;*/
 /*           height: 2.5rem;*/
 /*           display: flex;*/
 /*           align-items: center;*/
 /*           line-height: 2.5rem;*/
 /*       }*/
 /*.sidebar .nav-item .subMenu ::deep a {*/
 /*           height: 32px;*/
 /*           line-height: 32px;*/
 /*       }*/
 
 /*     .sidebar .nav-item ::deep a.active {*/
 /*               background-color: rgba(255,255,255,0.25);*/
 /*               color: white;*/
 /*           }*/
 /*.sidebar .nav-item ::deep a:hover {*/
 /*               background-color: rgba(255,255,255,0.1);*/
 /*               color: white;*/
 /*           }*/
 
 /*   .sidebar .nav-link.flex {*/
 /*       display: flex;*/
 /*       flex-flow: row nowrap;*/
 /*       align-items: center;*/
 /*       width: 100%;*/
 /*   }*/
 
 /*   .nav-item-name {*/
 /*       flex: 1 1 auto;*/
 /*       text-overflow: ellipsis;*/
 /*       overflow-x: hidden;*/
 /*       white-space: nowrap;*/
 /*       pointer-events: none;*/
 /*       font-weight: 600;*/
 /*   }*/
 
 /*   ul.nav.flex-column.subMenu {*/
 /*       margin-left: 2rem;*/
 /*   }*/

/*-----------*/

.nav-body-content[b-4v3uqc1e5g] {
    position: relative;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    touch-action: pan-y;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Info Wrapper */
.info-wrapper[b-4v3uqc1e5g] {
    font-size: 0.9em;
    margin-left: 5px;
    padding: 0.5rem 0.6rem;
    position: relative;
    width: 295px;
    color: white;
}

.sidebar .info-wrapper[b-4v3uqc1e5g]:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid currentColor;
    opacity: 0.15;
}

/*-----------------------------*/

@media (min-width: 992px) {
    .sidebar[b-4v3uqc1e5g] {
        display: flex;
    }
}

@media (max-width: 992px) {
    .sidebar.collapse[b-4v3uqc1e5g] {
        display: none;
    }
}