@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Solvocode.Core.Blazor/Solvocode.Core.Blazor.3pzsg0tsn6.bundle.scp.css';

/* /Pages/ActivityManagement/Components/ActivitySchedulerToolbar.razor.rz.scp.css */
/*.custom-user-toolbar .dxbs-dropdown-area,
.user-selection-container {
    width: 400px !important; 
    max-height: 500px;
}
    .user-selection-container .dxbs-listbox {
        height: 300px;
    }
*/
/* /Pages/ActivityManagement/Components/ActivityTooltipContent.razor.rz.scp.css */
/* Reverted - No custom styles needed for basic tooltip content */
/* /Pages/ActivityManagement/Components/CreateActivityModal.razor.rz.scp.css */
.modal-tabs[b-9uo6vdmtu0] {
    display: flex;
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-accent);
    overflow: auto;
}

.tab[b-9uo6vdmtu0] {
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: var(--s-font-size-14);
    color: var(--s-color-muted-foreground);
    flex-shrink: 0;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tab.active[b-9uo6vdmtu0] {
    color: var(--s-color-primary);
    border-bottom-color: var(--s-color-primary);
    background-color: var(--s-color-surface);
    margin-bottom: -1px;
}

.tab:hover:not(.active)[b-9uo6vdmtu0] {
    color: var(--s-color-body-text);
}

.calender-icon[b-9uo6vdmtu0] {
    font-size: 1rem;
    color: var(--s-color-primary);
}

.form-section[b-9uo6vdmtu0] {
    margin-bottom: 24px;
    padding: 10px;
}

.modal-content[b-9uo6vdmtu0] {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 40px;
    background-color: var(--s-color-surface);
    color: var(--s-color-body-text);
}

.form-section-title[b-9uo6vdmtu0] {
    font-size: var(--s-font-size-14);
    font-weight: 600;
    color: var(--s-color-body-text);
    margin-bottom: 16px;
    align-items: center;
    gap: 8px;
}

.section-title[b-9uo6vdmtu0] {
    display: flex;
    justify-content: space-between;
}

.participant-container[b-9uo6vdmtu0] {
    position: relative;
    width: 100%;
}

.participant-input-group[b-9uo6vdmtu0] {
    display: flex;
    align-items: center;
    min-height: 38px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-accent);
    padding: 4px 12px;
    cursor: pointer;
    transition: all 0.15s;
    width: 100%;
}

.participant-input-group:hover[b-9uo6vdmtu0], .participant-container.open .participant-input-group[b-9uo6vdmtu0] {
    border-color: var(--s-color-primary);
}

.participant-dropdown-btn[b-9uo6vdmtu0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    flex-shrink: 0;
    color: var(--s-color-muted-foreground);
    margin-left: auto;
}

.participant-listbox-wrapper[b-9uo6vdmtu0] {
    border: 1px solid var(--s-color-border);
    border-top: none;
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
    background: var(--s-color-surface);
    position: relative;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.participant-tags-area[b-9uo6vdmtu0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
    max-height: 80px;
    overflow-y: auto;
    align-items: center;
}

.participant-tag[b-9uo6vdmtu0] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    font-size: var(--s-font-size-12);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border: none !important;
    cursor: pointer;
    transition: filter 0.2s;
}

.participant-tag:hover[b-9uo6vdmtu0] {
    filter: brightness(110%);
}

.participant-placeholder[b-9uo6vdmtu0] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-14);
}

.form-label[b-9uo6vdmtu0] {
    color: var(--s-color-muted-foreground);
    font-weight: 500;
}

/* Modal specific overrides */
[b-9uo6vdmtu0] .modal-header {
    background-color: var(--s-color-accent);
    border-bottom: 1px solid var(--s-color-border);
    color: var(--s-color-body-text);
}

[b-9uo6vdmtu0] .modal-header h5 {
    color: var(--s-color-primary) !important;
    font-weight: 600;
}

[b-9uo6vdmtu0] .modal-footer {
    background-color: var(--s-color-surface);
    border-top: 1px solid var(--s-color-border);
}

/* Solvo Inputs integration */
[b-9uo6vdmtu0] .solvo-text-box, [b-9uo6vdmtu0] .solvo-combo-box, [b-9uo6vdmtu0] .dxbl-text-edit {
    --dxbl-text-edit-bg: var(--s-color-accent);
    --dxbl-text-edit-color: var(--s-color-body-text);
    --dxbl-text-edit-border-color: var(--s-color-border);
}
/* /Pages/ActivityManagement/Pages/Activity/ActivityScheduler.razor.rz.scp.css */
/* Activity Scheduler Absolute Theme & Rounding Overrides */

/* Container */
.activity-scheduler-container[b-r1r6c02sqt] {
    padding: 15px;
    background-color: var(--s-color-surface);
    border-radius: var(--s-border-radius-default);
    margin: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    font-family: var(--s-font-family-body);
    border: 1px solid var(--s-color-border);
    overflow: hidden; 
}

.scheduler-title[b-r1r6c02sqt] {
    color: var(--s-color-body-text);
    font-weight: 600;
    margin-bottom: 20px;
}

/* 
   THE NEW REWORK SYSTEM handles the global component styles in scheduler.css.
   These scoped styles provide additional safety and specific layout fixes.
*/

/* Force consistent backgrounds on all scheduler sub-containers except appointments */
[b-r1r6c02sqt] .dxbl-sc,
[b-r1r6c02sqt] .dxbl-sc-view,
[b-r1r6c02sqt] .dxbl-sc-header,
[b-r1r6c02sqt] .dxbl-sc-header-row,
[b-r1r6c02sqt] .dxbl-sc-header-indent,
[b-r1r6c02sqt] .dxbl-sc-timescale,
[b-r1r6c02sqt] .dxbl-sc-timescale-container,
[b-r1r6c02sqt] .dxbl-sc-all-day-container,
[b-r1r6c02sqt] .dxbl-sc-all-day-cells,
[b-r1r6c02sqt] .dxbl-sc-cells,
[b-r1r6c02sqt] .dxbl-sc-spacer,
[b-r1r6c02sqt] .dxbl-sc-view-scroll-container,
[b-r1r6c02sqt] [class*="-sc-"]:not([class*="-apt"]):not(.activity-appointment-card) {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

/* Fix for the sticky white headers and timescales */
[b-r1r6c02sqt] .dxbl-sc-header-cells,
[b-r1r6c02sqt] .dxbl-sc-time-label-container,
[b-r1r6c02sqt] .dxbl-sc-time-label {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
}

/* Support for older or alternate prefixes */
[b-r1r6c02sqt] [class*="dxbs-sc-"]:not([class*="-apt"]) {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

/* Selection and Primary Color integration */
[b-r1r6c02sqt] .dxbl-sc-today {
    background-color: var(--s-color-accent) !important;
}

[b-r1r6c02sqt] .dxbl-sc-today .dxbl-sc-date-header-text {
    background-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border-radius: 50% !important;
    padding: 2px 6px;
}

[b-r1r6c02sqt] .dxbl-sc-time-indicator,
[b-r1r6c02sqt] .dxbl-sc-time-indicator-arrow {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

[b-r1r6c02sqt] .dxbl-sc-selection {
    background-color: var(--s-color-primary) !important;
    opacity: 0.15 !important;
}

/* Toolbar Styling */
[b-r1r6c02sqt] .dxbl-toolbar {
    background-color: var(--s-color-accent) !important;
    border-radius: var(--s-border-radius-small) !important;
    border: 1px solid var(--s-color-border) !important;
    padding: 8px !important;
    margin-bottom: 20px !important;
}

[b-r1r6c02sqt] .dxbl-toolbar .dxbl-btn {
    color: var(--s-color-body-text) !important;
}

[b-r1r6c02sqt] .dxbl-btn-primary, 
[b-r1r6c02sqt] .dxbl-active .dxbl-btn,
[b-r1r6c02sqt] .dxbl-btn.dxbl-active {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
}

/* Absolute Rounding Fix */
[b-r1r6c02sqt] .dxbl-sc {
    border-radius: var(--s-border-radius-default) !important;
    border: 1px solid var(--s-color-border) !important;
    overflow: hidden !important; 
}

[b-r1r6c02sqt] .dxbl-sc-view {
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default) !important;
    overflow: hidden !important;
}

/* Scrollbar styling for pure dark mode feel */
[b-r1r6c02sqt] .dxbl-sc-scrollable-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-r1r6c02sqt] .dxbl-sc-scrollable-container::-webkit-scrollbar-track {
    background: var(--s-color-surface);
}

[b-r1r6c02sqt] .dxbl-sc-scrollable-container::-webkit-scrollbar-thumb {
    background: var(--s-color-border);
    border-radius: 4px;
}

[b-r1r6c02sqt] .dxbl-sc-scrollable-container::-webkit-scrollbar-thumb:hover {
    background: var(--s-color-muted-foreground);
}

/* Dialogs, Tooltips & Local Layout */
[b-r1r6c02sqt] .dxbl-flyout-dialog,
[b-r1r6c02sqt] .dxbl-modal-content,
[b-r1r6c02sqt] .dxbl-sc-apt-tooltip {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) !important;
}

/* Compact Form & Tooltip Item Spacing - Safe padding-bottom */
[b-r1r6c02sqt] .dxbl-sc-apt-compact-form .dxbl-fl-item {
    padding-bottom: 16px !important;
}

[b-r1r6c02sqt] .dxbl-sc-apt-tooltip .dxbl-fl-item {
    padding-bottom: 12px !important;
}

/* Tooltip Consistency */
[b-r1r6c02sqt] .activity-tooltip-wrapper {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}


/* /Pages/ActivityManagement/Pages/Activity/ActivitySchedulerDetail.razor.rz.scp.css */
.detail-container[b-6w9btgmvxv] {
    overflow: auto;
    height: 85vh !important;
    font-family: var(--s-font-family-body);
}

.activity-detail-scroll[b-6w9btgmvxv] {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    background-color: var(--s-color-surface);
    color: var(--s-color-body-text);
}

.activity-info-grid[b-6w9btgmvxv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.activity-info-card[b-6w9btgmvxv] {
    background: var(--s-color-accent);
    border-radius: var(--s-border-radius-default);
    padding: 1.5rem;
    border-left: 4px solid var(--s-color-primary);
}

.activity-info-card-title[b-6w9btgmvxv] {
    color: var(--s-color-body-text);
    margin-bottom: 1rem;
    font-weight: 600;
}

.activity-info-list[b-6w9btgmvxv] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.activity-info-item[b-6w9btgmvxv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--s-color-border);
}

.activity-info-item:last-child[b-6w9btgmvxv] {
    border-bottom: none;
}

.activity-info-label[b-6w9btgmvxv] {
    font-weight: 500;
    color: var(--s-color-muted-foreground);
    min-width: 120px;
    flex-shrink: 0;
}

.activity-info-value[b-6w9btgmvxv] {
    color: var(--s-color-body-text);
    text-align: right;
    flex-grow: 1;
    margin-left: 1rem;
}

.activity-note-card[b-6w9btgmvxv] {
    background: var(--s-color-surface);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    padding: 1rem;
    margin-top: 1rem;
    border-left: 3px solid var(--s-color-primary);
}

.activity-note-title[b-6w9btgmvxv] {
    font-weight: 600;
    color: var(--s-color-body-text);
    margin-bottom: 0.5rem;
}

.activity-note-content[b-6w9btgmvxv] {
    color: var(--s-color-muted-foreground);
    margin: 0;
    line-height: 1.5;
}

.activity-section[b-6w9btgmvxv] {
    margin-top: 2rem;
}

.activity-section-title[b-6w9btgmvxv] {
    color: var(--s-color-body-text);
    border-bottom: 2px solid var(--s-color-border);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.activity-participants[b-6w9btgmvxv] {
    background: var(--s-color-surface);
    border-radius: var(--s-border-radius-small);
    overflow: hidden;
    border: 1px solid var(--s-color-border);
}

[b-6w9btgmvxv] .dxbl-grid {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-6w9btgmvxv] .dxbl-grid-header-row {
     background-color: var(--s-color-accent) !important;
     color: var(--s-color-body-text) !important;
}

.participant-row[b-6w9btgmvxv] {
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.2s;
}

.participant-row:hover[b-6w9btgmvxv] {
    background-color: var(--s-color-accent);
}

.participant-row td[b-6w9btgmvxv] {
    padding: 1rem 0.75rem;
    vertical-align: middle;
}

.participant-name[b-6w9btgmvxv] {
    font-weight: 500;
    color: var(--s-color-body-text);
}

.meeting-link-badge[b-6w9btgmvxv] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border-radius: 20px;
    text-decoration: none;
    font-size: var(--s-font-size-12);
    transition: opacity 0.2s;
}

.meeting-link-badge:hover[b-6w9btgmvxv] {
    opacity: 0.8;
    color: var(--s-color-primary-foreground);
    text-decoration: none;
}

.meeting-link-badge i[b-6w9btgmvxv] {
    margin-right: 0.5rem;
}

.activity-back-btn[b-6w9btgmvxv] {
    background-color: var(--s-color-accent);
    border: 1px solid var(--s-color-border);
    color: var(--s-color-body-text);
    padding: 0.5rem 1.5rem;
    border-radius: var(--s-border-radius-small);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s;
}

.activity-back-btn:hover[b-6w9btgmvxv] {
    background-color: var(--s-color-border);
    color: var(--s-color-body-text);
    text-decoration: none;
}

.activity-loading[b-6w9btgmvxv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    color: var(--s-color-muted-foreground);
}

.themed-text[b-6w9btgmvxv] {
    color: var(--s-color-body-text) !important;
}

.themed-text-secondary[b-6w9btgmvxv] {
    color: var(--s-color-muted-foreground) !important;
}

.themed-icon[b-6w9btgmvxv] {
    color: var(--s-color-muted-foreground) !important;
}

.themed-badge[b-6w9btgmvxv] {
    color: var(--s-color-body-text) !important;
    background-color: var(--s-color-accent) !important;
    border-color: var(--s-color-border) !important;
}

.themed-header[b-6w9btgmvxv] {
    border-bottom-color: var(--s-color-border) !important;
}
/* /Pages/AysMobileManagement/Pages/Auths/AuthList.razor.rz.scp.css */
/* /Pages/AysMobileManagement/Pages/Customers/CustomerCardList.razor.rz.scp.css */
.customer-card[b-hph06xixra] {
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
}
.customer-card .card-body[b-hph06xixra] {
     overflow: hidden;
}

.customer-card p[b-hph06xixra] {
     max-height: 120px;
     overflow: hidden;
     text-overflow: ellipsis;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountLimitDetail/BusinessAccountLimitDetail.razor.rz.scp.css */
.balance-card[b-j8fw6kjr90] {
    background: linear-gradient(135deg, #c9e0f1 0%, #c9e0f1 100%);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #e1ecf7;
}

.balance-title[b-j8fw6kjr90] {
    color: #2fa4e7;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

    .balance-title[b-j8fw6kjr90]::before {
        content: '';
        width: 4px;
        height: 16px;
        background: #2fa4e7;
        border-radius: 2px;
        margin-right: 10px;
    }

.balance-row[b-j8fw6kjr90] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .balance-row:last-child[b-j8fw6kjr90] {
        margin-bottom: 0;
    }

.balance-label[b-j8fw6kjr90] {
    display: flex;
    align-items: center;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.balance-amount[b-j8fw6kjr90] {
    font-size: 12px;
    font-weight: 600;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountLimitSummary/BusinessAccountLimitSummary.razor.rz.scp.css */
.summary-item[b-c68gqlankn] {
    display: flex;
    justify-content: space-between;
    padding: 5px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
}

.summary-label[b-c68gqlankn] {
    font-weight: 500;
    display: flex;
    align-items: center;
}

    .summary-label i[b-c68gqlankn] {
        margin-right: 8px;
        width: 20px;
        text-align: center;
    }

.summary-value[b-c68gqlankn] {
    font-weight: 600;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountLimit/BusinessAccountLimitCard.razor.rz.scp.css */
.container[b-0rgmfqqf75] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin: 0 auto;
    font-size: 9px;
}

.info-row[b-0rgmfqqf75] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
    border-bottom: 1px solid #eee;
}

    .info-row:last-child[b-0rgmfqqf75] {
        border-bottom: none;
    }

.label[b-0rgmfqqf75] {
    font-weight: bold;
    color: #555;
    flex: 1;
}

.value[b-0rgmfqqf75] {
    color: #333;
    text-align: right;
    flex: 1;
    font-weight: bold;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountStatement/BusinessAccountStatementCard.razor.rz.scp.css */
.text-fs[b-et7gqwhlmh] {
    font-size: 0.60rem;
}
.status-badge[b-et7gqwhlmh] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 8px;
}

.status-paid[b-et7gqwhlmh] {
    background-color: #d4edda;
    color: #155724;
}

.status-unpaid[b-et7gqwhlmh] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-partial[b-et7gqwhlmh] {
    background-color: #fff3cd;
    color: #856404;
}
/* /Pages/BusinessItemManagement/Components/ActivityLogFeed.razor.rz.scp.css */
.activity-feed[b-n3vajoe5iv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 600px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.activity-feed[b-n3vajoe5iv]::-webkit-scrollbar {
    width: 6px;
}

.activity-feed[b-n3vajoe5iv]::-webkit-scrollbar-track {
    background: var(--s-color-accent);
    border-radius: 3px;
}

.activity-feed[b-n3vajoe5iv]::-webkit-scrollbar-thumb {
    background: var(--s-color-border);
    border-radius: 3px;
}

.activity-feed[b-n3vajoe5iv]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.activity-item[b-n3vajoe5iv] {
    background: var(--s-color-surface);
    border-radius: 5px;
    border-left: 3px solid var(--s-color-border);
    padding: 0.5rem 0.625rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

.activity-item:hover[b-n3vajoe5iv] {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.activity-header[b-n3vajoe5iv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.3rem;
}

.activity-meta[b-n3vajoe5iv] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1;
    flex-wrap: wrap;
}

.activity-type-badge[b-n3vajoe5iv] {
    font-size: 0.5rem;
    font-weight: 600;
    padding: 0.10rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.activity-user[b-n3vajoe5iv] {
    font-size: 0.65rem;
    color: var(--s-color-body-text);
    font-weight: 500;
}

.activity-time[b-n3vajoe5iv] {
    font-size: 0.6rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.activity-event-icon[b-n3vajoe5iv] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.activity-content[b-n3vajoe5iv] {
    font-size: 0.7rem;
    line-height: 1.35;
    margin-bottom: 0.4rem;
    color: var(--s-color-body-text);
}


.activity-content .stage-badge[b-n3vajoe5iv] {
    display: inline-block;
    padding: 0.125rem 0.35rem;
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 500;
}

.activity-content .stage-previous[b-n3vajoe5iv] {
    background-color: var(--s-color-accent);
    color: var(--s-color-muted-foreground);
    border: 1px solid var(--s-color-border);
}

.activity-content .stage-current[b-n3vajoe5iv] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border: 1px solid var(--s-color-primary);
    opacity: 0.9;
}


.status-badge[b-n3vajoe5iv] {
    font-size: 0.6rem;
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-weight: 400;
    border: none;
    opacity: 0.75;
    letter-spacing: 0.3px;
    background-color: currentColor;
    color: #fff;
    filter: saturate(0.8);
}

.activity-footer[b-n3vajoe5iv] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0.25rem;
    border-top: 1px solid var(--s-color-border);
    margin-top: 0.25rem;
}

.spinner-border-sm[b-n3vajoe5iv] {
    width: 0.65rem;
    height: 0.65rem;
    border-width: 0.125em;
}
/* /Pages/BusinessItemManagement/Components/AddStageNoteModal.razor.rz.scp.css */
.stage-modal-container[b-xvjo1jzftj] {
    padding: 0.5rem;
}

.transition-flow[b-xvjo1jzftj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    background: var(--s-color-accent);
    border-radius: var(--s-border-radius-default);
    margin-bottom: 1rem;
    position: relative;
    border: 1px solid var(--s-color-border);
}

.stage-point[b-xvjo1jzftj] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.stage-point.source[b-xvjo1jzftj] {
    text-align: left;
}

.stage-point.target[b-xvjo1jzftj] {
    text-align: right;
}

.point-label[b-xvjo1jzftj] {
    font-size: 0.65rem;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.point-name[b-xvjo1jzftj] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.flow-arrow[b-xvjo1jzftj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    color: var(--s-color-primary);
    font-size: 1.25rem;
    opacity: 0.7;
}

.alert-soft-success[b-xvjo1jzftj] {
    background: rgba(40, 167, 69, 0.08);
    border: 1px solid rgba(40, 167, 69, 0.2);
    color: #28a745;
    border-radius: var(--s-border-radius-default);
    font-size: 0.8rem;
}

.alert-soft-success i[b-xvjo1jzftj] {
    font-size: 1rem;
}

.quick-notes[b-xvjo1jzftj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.quick-note-btn[b-xvjo1jzftj] {
    font-size: 0.7rem;
    padding: 0.25rem 0.6rem;
    border-radius: 20px;
    border: 1px solid var(--s-color-border);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    transition: all 0.2s;
}

.quick-note-btn:hover[b-xvjo1jzftj] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: var(--s-color-accent);
}

.note-input-area[b-xvjo1jzftj] {
    margin-top: 1rem;
}

.note-textarea-label[b-xvjo1jzftj] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
    color: var(--s-color-body-text);
}

[b-xvjo1jzftj] .modal-header {
    background-color: var(--s-color-surface) !important;
    border-bottom: 1px solid var(--s-color-border) !important;
}

[b-xvjo1jzftj] .modal-title {
    color: var(--s-color-body-text) !important;
    font-size: 1rem !important;
}

[b-xvjo1jzftj] .modal-footer {
    border-top: 1px solid var(--s-color-border) !important;
}
/* /Pages/BusinessItemManagement/Components/Partials/ActivityActions.razor.rz.scp.css */
.activity-actions[b-mlupt8f80n] {
    display: flex;
    justify-content: flex-end;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.btn-action[b-mlupt8f80n] {
    font-size: 0.48rem; /* Daha ince metin */
    font-weight: 600;
    padding: 0.15rem 0.35rem; /* Yükseklik azaltıldı */
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    gap: 0.2rem;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    min-width: 60px;
    height: 20px; /* Dikey yüksekliği sabitle */
    line-height: 1;
    cursor: pointer;
}

.btn-action i[b-mlupt8f80n] {
    font-size: 0.55rem;
    margin-right: 0.15rem;
}

.btn-action:hover:not(:disabled)[b-mlupt8f80n] {
    transform: translateY(-1px);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.btn-action:disabled[b-mlupt8f80n] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Tamamla butonu */
.btn-complete[b-mlupt8f80n] {
    background-color: #198754;
    color: #fff;
}

.btn-complete:hover:not(:disabled)[b-mlupt8f80n] {
    background-color: #157347;
}

/* İptal butonu */
.btn-cancel[b-mlupt8f80n] {
    background-color: #dc3545;
    color: #fff;
}

.btn-cancel:hover:not(:disabled)[b-mlupt8f80n] {
    background-color: #bb2d3b;
}

/* Yeniden planla butonu (varsa) */
.btn-reschedule[b-mlupt8f80n] {
    background-color: #0dcaf0;
    color: #fff;
}

.btn-reschedule:hover:not(:disabled)[b-mlupt8f80n] {
    background-color: #0aa2c0;
}

.activity-actions[b-mlupt8f80n] {
    display: flex;
    gap: 0.3rem;
}
/* /Pages/BusinessItemManagement/Components/Partials/ActivityHeader.razor.rz.scp.css */
.activity-header[b-9aq64jw2ye] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.3rem;
}

.activity-meta[b-9aq64jw2ye] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1;
    flex-wrap: wrap;
}

.activity-type-badge[b-9aq64jw2ye] {
    font-size: 0.5rem;
    font-weight: 600;
    padding: 0.10rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

.activity-time[b-9aq64jw2ye] {
    font-size: 0.6rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.activity-event-icon[b-9aq64jw2ye] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 0.75rem;
    flex-shrink: 0;
}
/* /Pages/BusinessItemManagement/Components/Partials/ActivityLogFeedFilterBar.razor.rz.scp.css */
.filter-bar[b-5ie1pdnruv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.filter-btn[b-5ie1pdnruv] {
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid transparent;
    cursor: pointer;
    background-color: transparent;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.filter-btn:hover[b-5ie1pdnruv] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-btn:active[b-5ie1pdnruv] {
    transform: translateY(0);
}

.filter-btn i[b-5ie1pdnruv] {
    font-size: 0.8em;
}

/* Process State Specific Styles */
.filter-btn-danger[b-5ie1pdnruv] {
    color: var(--s-color-destructive);
    border-color: var(--s-color-destructive);
    background-color: transparent;
}

.filter-btn-danger:hover[b-5ie1pdnruv] {
    background-color: rgba(220, 53, 69, 0.08);
}

.filter-btn-danger.active[b-5ie1pdnruv] {
    background-color: var(--s-color-destructive);
    color: #fff;
    box-shadow: 0 2px 5px rgba(220, 53, 69, 0.3);
}

.filter-btn-success[b-5ie1pdnruv] {
    color: #198754;
    border-color: #198754;
    background-color: transparent;
}

.filter-btn-success:hover[b-5ie1pdnruv] {
    background-color: rgba(25, 135, 84, 0.08);
}

.filter-btn-success.active[b-5ie1pdnruv] {
    background-color: #198754;
    color: #fff;
    box-shadow: 0 2px 5px rgba(25, 135, 84, 0.3);
}

.filter-clear-btn[b-5ie1pdnruv] {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--s-color-border);
    color: var(--s-color-muted-foreground);
    background: transparent;
    transition: all 0.2s;
}

.filter-clear-btn:hover[b-5ie1pdnruv] {
    background-color: var(--s-color-accent);
    color: var(--s-color-destructive);
    border-color: var(--s-color-destructive);
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/BusinessItemDetail.razor.rz.scp.css */
.detail-navbar[b-liq3oxull6] {
    background-color: var(--s-color-surface);
}

.detail-container[b-liq3oxull6] {
    overflow: auto;
    font-family: var(--s-font-family-body);
}

.activity-feed[b-liq3oxull6] {
    max-height: 600px;
    overflow-y: auto;
}

.activity-item[b-liq3oxull6] {
    display: flex;
    margin-bottom: 8px;
    padding: 6px 8px;
    border-radius: var(--s-border-radius-default);
    border: 1px solid var(--s-color-border);
    border-left: 4px solid;
}

.activity-icon[b-liq3oxull6] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--s-font-size-12);
}

.quick-actions[b-liq3oxull6] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.quick-action[b-liq3oxull6] {
    padding: 8px 12px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    cursor: pointer;
    font-size: var(--s-font-size-12);
    transition: all 0.2s;
}

.quick-action:hover[b-liq3oxull6] {
    background: var(--s-color-accent);
}

.quick-action.selected[b-liq3oxull6] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border-color: var(--s-color-primary);
}

.info-card[b-liq3oxull6] {
    background: var(--s-color-surface);
    border-radius: var(--s-border-radius-default);
    padding: 16px 20px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    font-family: var(--s-font-family-body);
}

.detail-section[b-liq3oxull6] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    margin-bottom: 15px;
}

.detail-header[b-liq3oxull6] {
    background: var(--s-color-accent);
    padding: 12px 16px;
    border-bottom: 1px solid var(--s-color-border);
    font-weight: var(--s-font-weight-semibold);
    cursor: pointer;
}

.detail-content[b-liq3oxull6] {
    padding: 16px;
}

.stage-bar-card[b-liq3oxull6] {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stage-bar[b-liq3oxull6] {
    display: flex;
    align-items: stretch;
    gap: 0;
    max-width: 45%;
    width: 45%;
}

.stage-item[b-liq3oxull6] {
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
    padding: 8px 8px;
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
    user-select: none;
    margin-right: -9px;
}

.stage-item:last-child[b-liq3oxull6] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%);
}

.stage-item:first-child[b-liq3oxull6] {
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}

.stage-item.completed[b-liq3oxull6] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.stage-item.active[b-liq3oxull6] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.detail-label[b-liq3oxull6] {
    width: 45%;
    font-size: var(--s-font-size-12);
    color: var(--s-color-muted-foreground);
}

/* Inline field layout */
.bi-field[b-liq3oxull6] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

.bi-field__label[b-liq3oxull6] {
    flex: 0 0 80px;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-muted-foreground);
    text-align: left;
    white-space: nowrap;
}

[b-liq3oxull6] .bi-field__input {
    flex: 1;
    min-width: 0;
}

[b-liq3oxull6] .business-item-form.edit {
    border: 1px solid var(--s-color-muted-foreground) !important;
    border-radius: var(--s-border-radius-small) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

[b-liq3oxull6] .business-item-form {
    border: none !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

[b-liq3oxull6] .business-item-relation-tab-grid-container .dxbl-grid {
    height: 30vh;
}

/* ===== Notes Section Header ===== */
.notes-header[b-liq3oxull6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.notes-title[b-liq3oxull6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.notes-title-text[b-liq3oxull6] {
    font-size: var(--s-font-size-14);
    font-weight: 600;
    color: var(--s-color-body-text);
    font-family: var(--s-font-family-heading);
}

.notes-spinner[b-liq3oxull6] {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.12em;
    color: var(--s-color-muted-foreground);
}

.notes-refresh-btn[b-liq3oxull6] {
    background: none;
    border: none;
    padding: 0.2rem 0.35rem;
    border-radius: var(--s-border-radius-small);
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1;
    transition: color 0.15s, background 0.15s;
}

.notes-refresh-btn:hover[b-liq3oxull6] {
    color: var(--s-color-primary);
    background: var(--s-color-accent);
}

.note-add-toggle-btn[b-liq3oxull6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.8rem;
    border-radius: var(--s-border-radius-default);
    font-size: var(--s-font-size-12);
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid var(--s-color-primary);
    background: transparent;
    color: var(--s-color-primary);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.note-add-toggle-btn:hover[b-liq3oxull6] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.note-add-toggle-btn:active[b-liq3oxull6] {
    transform: translateY(0);
}

.note-add-toggle-btn.active[b-liq3oxull6] {
    background: var(--s-color-accent);
    border-color: var(--s-color-border);
    color: var(--s-color-muted-foreground);
    font-weight: 500;
}

/* ===== New Note Composer ===== */
.note-composer[b-liq3oxull6] {
    margin-bottom: 0.75rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
    overflow: hidden;
    animation: noteComposerIn-b-liq3oxull6 0.18s ease;
}

@keyframes noteComposerIn-b-liq3oxull6 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== Format Toolbar ===== */
.note-format-toolbar[b-liq3oxull6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--s-color-border);
    background: var(--s-color-accent);
}

.fmt-group[b-liq3oxull6] {
    display: flex;
    align-items: center;
    gap: 1px;
}

.fmt-btn[b-liq3oxull6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.7rem;
    border-radius: var(--s-border-radius-small);
    border: none;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.12s;
    padding: 0;
}

.fmt-btn:hover[b-liq3oxull6] {
    background: var(--s-color-surface);
    color: var(--s-color-primary);
}

.fmt-btn:active[b-liq3oxull6] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.fmt-divider[b-liq3oxull6] {
    width: 1px;
    height: 1.2rem;
    background: var(--s-color-border);
    margin: 0 0.4rem;
    display: inline-block;
}

.color-dot[b-liq3oxull6] {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1);
    transition: transform 0.1s;
}

.color-dot:hover[b-liq3oxull6] {
    transform: scale(1.25);
    border-color: var(--s-color-primary);
}

/* ===== Contenteditable Editor ===== */
.note-composer-editor[b-liq3oxull6] {
    width: 100%;
    min-height: 100px;
    padding: 0.75rem;
    font-size: var(--s-font-size-12);
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
    background: var(--s-color-surface);
    border: none;
    outline: none;
    line-height: 1.55;
    box-sizing: border-box;
    overflow-y: auto;
}

.note-composer-editor:empty[b-liq3oxull6]::before {
    content: attr(data-placeholder);
    color: var(--s-color-muted-foreground);
    opacity: 0.6;
    pointer-events: none;
}

.note-composer-editor:focus[b-liq3oxull6] {
    background: var(--s-color-accent);
}

/* Inline formatting in the editor */
.note-composer-editor b[b-liq3oxull6],
.note-composer-editor strong[b-liq3oxull6] { font-weight: 700; }
.note-composer-editor i[b-liq3oxull6],
.note-composer-editor em[b-liq3oxull6]    { font-style: italic; }
.note-composer-editor u[b-liq3oxull6]     { text-decoration: underline; }
.note-composer-editor ul[b-liq3oxull6],
.note-composer-editor ol[b-liq3oxull6]    { margin: 0.5rem 0 0.5rem 1.5rem; padding: 0; }
.note-composer-editor li[b-liq3oxull6]    { margin-bottom: 0.25rem; }

.note-composer-actions[b-liq3oxull6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--s-color-border);
    background: var(--s-color-accent);
}

.note-composer-hint[b-liq3oxull6] {
    font-size: 0.65rem;
    color: var(--s-color-muted-foreground);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.note-cancel-btn[b-liq3oxull6] {
    padding: 0.3rem 0.65rem;
    border-radius: var(--s-border-radius-small);
    border: 1px solid var(--s-color-border);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
    transition: all 0.15s;
}

.note-cancel-btn:hover[b-liq3oxull6] {
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
}

.note-submit-btn[b-liq3oxull6] {
    padding: 0.3rem 0.75rem;
    border-radius: var(--s-border-radius-small);
    border: none;
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    font-size: var(--s-font-size-12);
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.15s;
    display: inline-flex;
    align-items: center;
}

.note-submit-btn:hover:not(:disabled)[b-liq3oxull6] {
    opacity: 0.88;
}

.note-submit-btn:disabled[b-liq3oxull6] {
    opacity: 0.45;
    cursor: not-allowed;
}


.action-icons .icon[b-liq3oxull6] {
    margin-left: 10px;
    color: var(--s-color-primary);
    cursor: pointer;
    font-size: var(--s-font-size-12);
    background-color: var(--s-color-surface);
    border-color: var(--s-color-primary);
}

/* Badge - Customer Type */
.bi-detail-badge[b-liq3oxull6] {
    display: inline-flex;
    align-items: center;
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-medium);
    padding: 2px 8px;
    border-radius: 999px;
    margin-left: 8px;
    line-height: 1.4;
}

.bi-detail-badge--lead[b-liq3oxull6] {
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
}

.bi-detail-badge--existing[b-liq3oxull6] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

/* Buttons - Edit/Save/Cancel */
[b-liq3oxull6] .bi-detail-btn {
    font-size: var(--s-font-size-12) !important;
    padding: 4px 12px !important;
    border-radius: var(--s-border-radius-small) !important;
    transition: all 0.15s ease !important;
}

[b-liq3oxull6] .bi-detail-btn--save {
    background-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border: 1px solid var(--s-color-primary) !important;
}

[b-liq3oxull6] .bi-detail-btn--save:hover {
    opacity: 0.9;
}

[b-liq3oxull6] .bi-detail-btn--cancel {
    background-color: transparent !important;
    color: var(--s-color-muted-foreground) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-liq3oxull6] .bi-detail-btn--cancel:hover {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-destructive) !important;
}

[b-liq3oxull6] .bi-detail-btn--edit {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-liq3oxull6] .bi-detail-btn--edit:hover {
    background-color: var(--s-color-accent) !important;
}

/* Company Info Section */
.bi-detail-company[b-liq3oxull6] {
    padding: 4px 0;
}

/* Info card text – always themed */
.info-card[b-liq3oxull6] {
    color: var(--s-color-body-text);
}

.info-card h4[b-liq3oxull6] {
    color: var(--s-color-body-text);
}

/* Force activity-content HTML (MarkupString) to follow theme text color */
[b-liq3oxull6] .activity-content,
[b-liq3oxull6] .activity-content p,
[b-liq3oxull6] .activity-content span,
[b-liq3oxull6] .activity-content div,
[b-liq3oxull6] .activity-content li {
    color: var(--s-color-body-text) !important;
}

[b-liq3oxull6] .activity-content a {
    color: var(--s-color-primary) !important;
}

/* Activity item background and text should follow theme */
[b-liq3oxull6] .activity-item {
    background: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

/* text-muted in dark mode */
[b-liq3oxull6] .text-muted {
    color: var(--s-color-muted-foreground) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/BusinessItemFiles.razor.rz.scp.css */
.bi-files-table[b-sczj8mos8y] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--s-font-family-body);
}

.bi-files-table thead th[b-sczj8mos8y] {
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 8px 12px;
    border-bottom: 1px solid var(--s-color-border);
    white-space: nowrap;
    text-align: left;
}

.bi-files-table tbody tr[b-sczj8mos8y] {
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.15s ease;
}

.bi-files-table tbody tr:hover[b-sczj8mos8y] {
    background-color: var(--s-color-accent);
}

.bi-files-table tbody tr:last-child[b-sczj8mos8y] {
    border-bottom: none;
}

.bi-files-table tbody td[b-sczj8mos8y] {
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    padding: 8px 12px;
    vertical-align: middle;
}

.bi-files-table .bi-file-name-cell[b-sczj8mos8y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bi-files-table .bi-file-name-cell img[b-sczj8mos8y] {
    border-radius: var(--s-border-radius-small);
    object-fit: cover;
    flex-shrink: 0;
}

.bi-files-table .bi-file-name-cell a[b-sczj8mos8y] {
    color: var(--s-color-primary);
    text-decoration: none;
    font-weight: var(--s-font-weight-medium);
    font-size: var(--s-font-size-12);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bi-files-table .bi-file-name-cell a:hover[b-sczj8mos8y] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.bi-files-table .bi-file-size[b-sczj8mos8y] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
}

.bi-files-table .bi-file-meta[b-sczj8mos8y] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
}

[b-sczj8mos8y] .bi-file-delete-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--s-font-size-11) !important;
    padding: 3px 8px !important;
    border-radius: var(--s-border-radius-small) !important;
    background-color: transparent !important;
    color: var(--s-color-destructive) !important;
    border: 1px solid var(--s-color-destructive) !important;
    transition: all 0.15s ease !important;
    cursor: pointer;
}

[b-sczj8mos8y] .bi-file-delete-btn:hover {
    background-color: var(--s-color-destructive) !important;
    color: var(--s-color-destructive-foreground) !important;
}

[b-sczj8mos8y] .bi-file-delete-btn i {
    font-size: var(--s-font-size-11);
}

.bi-files-empty[b-sczj8mos8y] {
    text-align: center;
    padding: 24px;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/BusinessItemInfoCard.razor.rz.scp.css */
/* Card container */
.info-card[b-85539mf66r] {
    background: var(--s-color-surface);
    border-radius: var(--s-border-radius-default);
    padding: 16px 20px;
    margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    font-family: var(--s-font-family-body);
}

/* Inline field layout */
.bi-field[b-85539mf66r] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

.bi-field__label[b-85539mf66r] {
    flex: 0 0 80px;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-muted-foreground);
    text-align: left;
    white-space: nowrap;
}

.bi-field__value[b-85539mf66r] {
    flex: 1;
    min-width: 0;
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Form input wrapper */
[b-85539mf66r] .bi-field__input {
    flex: 1;
    min-width: 0;
}

/* Edit mode - full border */
[b-85539mf66r] .business-item-form.edit {
    border: 1px solid var(--s-color-muted-foreground) !important;
    border-radius: var(--s-border-radius-small) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Read mode - no border */
[b-85539mf66r] .business-item-form {
    border: none !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Buttons */
[b-85539mf66r] .bi-detail-btn {
    font-size: var(--s-font-size-12) !important;
    padding: 4px 12px !important;
    border-radius: var(--s-border-radius-small) !important;
    transition: all 0.15s ease !important;
}

[b-85539mf66r] .bi-detail-btn--save {
    background-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border: 1px solid var(--s-color-primary) !important;
}

[b-85539mf66r] .bi-detail-btn--save:hover {
    opacity: 0.9;
}

[b-85539mf66r] .bi-detail-btn--cancel {
    background-color: transparent !important;
    color: var(--s-color-muted-foreground) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-85539mf66r] .bi-detail-btn--cancel:hover {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-destructive) !important;
}

[b-85539mf66r] .bi-detail-btn--edit {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-85539mf66r] .bi-detail-btn--edit:hover {
    background-color: var(--s-color-accent) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/CompanyInfoCard.razor.rz.scp.css */
/* Card container */
.company-card[b-0brahy9lw8] {
    padding: 4px 0;
}

/* Section grouping */
.company-section[b-0brahy9lw8] {
    margin-bottom: 16px;
}

.company-section:last-child[b-0brahy9lw8] {
    margin-bottom: 0;
}

.company-section__header[b-0brahy9lw8] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--s-color-primary);
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--s-color-border);
}

/* Inline field layout */
.bi-field[b-0brahy9lw8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.bi-field__label[b-0brahy9lw8] {
    flex: 0 0 80px;
    color: var(--s-color-muted-foreground);
    text-align: left;
    white-space: nowrap;
}

.bi-field__value[b-0brahy9lw8] {
    flex: 1;
    min-width: 0;
    color: var(--s-color-body-text);
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Compact variant — narrower label for location fields */
.bi-field--compact[b-0brahy9lw8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.bi-field__label--compact[b-0brahy9lw8] {
    flex: 0 0 70px;
}

/* Stacked variant — label + content full width (textarea) */
.bi-field--stacked[b-0brahy9lw8] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.bi-field--stacked .bi-field__label[b-0brahy9lw8] {
    flex: 0 0 80px;
    padding-top: 6px;
}

[b-0brahy9lw8] .bi-field__input {
    flex: 1;
    min-width: 0;
}

/* Read mode - all input types */
[b-0brahy9lw8] .business-item-form {
    flex: 1;
    min-width: 0;
    height: calc(var(--rem-scale) * 3.2rem);
    border: none !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Edit mode - all input types */
[b-0brahy9lw8] .business-item-form.edit {
    border: 1px solid var(--s-color-muted-foreground) !important;
    border-radius: var(--s-border-radius-small) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Buttons */
[b-0brahy9lw8] .bi-detail-btn {
    padding: 4px 12px !important;
    border-radius: var(--s-border-radius-small) !important;
    transition: all 0.15s ease !important;
}

[b-0brahy9lw8] .bi-detail-btn--save {
    background-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border: 1px solid var(--s-color-primary) !important;
}

[b-0brahy9lw8] .bi-detail-btn--save:hover {
    opacity: 0.9;
}

[b-0brahy9lw8] .bi-detail-btn--cancel {
    background-color: transparent !important;
    color: var(--s-color-muted-foreground) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-0brahy9lw8] .bi-detail-btn--cancel:hover {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-destructive) !important;
}

[b-0brahy9lw8] .bi-detail-btn--edit {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-0brahy9lw8] .bi-detail-btn--edit:hover {
    background-color: var(--s-color-accent) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/StageBar.razor.rz.scp.css */
.stage-bar[b-bfl4ybxo4q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: var(--s-color-border) transparent;
}

.stage-item[b-bfl4ybxo4q] {
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
    padding: 5px 12px;
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: 0.3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1 1 auto;
    text-transform: uppercase;
    user-select: none;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
    transition: all 0.25s ease;
    cursor: pointer;
    min-width: 125px;
    height: 26px;
    border: 1.5px solid var(--s-color-border);
    box-shadow: inset 0 0 0 1px var(--s-color-muted);
    margin-right: -8px;
    flex-shrink: 1;
}

/* Hover efekti */
.stage-item:hover:not(.active):not(:disabled)[b-bfl4ybxo4q] {
    background-color: var(--s-color-accent);
    transform: translateY(-1px);
}

/* Aktif stage */
.stage-item.active[b-bfl4ybxo4q] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border-color: var(--s-color-primary);
    cursor: not-allowed;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* Tamamlanmış stage */
.stage-item.completed[b-bfl4ybxo4q] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    border-color: var(--s-color-border);
}

.stage-item[b-bfl4ybxo4q]::before {
    content: '';
    position: absolute;
    inset: -1.5px;
    background: var(--s-color-border);
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
    z-index: -1;
}

.stage-item.active[b-bfl4ybxo4q]::before {
    background: var(--s-color-primary);
}

.stage-item.completed[b-bfl4ybxo4q]::before {
    background: var(--s-color-border);
}

/* Desktop'ta scroll gizle */
@media (min-width: 768px) {
    .stage-bar[b-bfl4ybxo4q] {
        overflow-x: visible;
    }
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemStageSetCatalog/BusinessItemStageSetCatalog.razor.rz.scp.css */
.bss-catalog-container[b-ph3xtvf81b] {
    padding: 1.25rem;
    height: calc(100vh - 60px);
    overflow: hidden;
}

.bss-catalog-container > .d-flex[b-ph3xtvf81b] {
    gap: 0;
}

/* Sol Panel */
.bss-sidebar[b-ph3xtvf81b] {
    width: 280px;
    min-width: 260px;
    max-width: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bss-sidebar-toolbar[b-ph3xtvf81b] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.bss-sidebar-btn[b-ph3xtvf81b] {
    flex: 1;
    white-space: nowrap;
}

.bss-sidebar-caption[b-ph3xtvf81b] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--s-color-muted-foreground);
    padding: 0 0.5rem;
    margin-bottom: 0.25rem;
}

/* İkon arka planı */
.bss-icon-bg i[b-ph3xtvf81b],
.bss-icon-bg span[b-ph3xtvf81b] {
    color: white;
}

/* Seçili item'da ikon rengi */
.bss-group-item.selected .bss-icon-bg i[b-ph3xtvf81b],
.bss-group-item.selected .bss-icon-bg span[b-ph3xtvf81b] {
    color: white;
}

/* Sayı badge */
.bss-count-badge[b-ph3xtvf81b] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    border: 1px solid var(--s-color-border);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
}

.bss-group-item.selected .bss-count-badge[b-ph3xtvf81b] {
    background: rgba(255, 255, 255, 0.15);
    color: var(--s-color-primary-foreground);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Grup Item */
.bss-group-item[b-ph3xtvf81b] {
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
    position: relative;
}

.bss-group-item:hover[b-ph3xtvf81b] {
    background-color: var(--s-color-accent);
}

.bss-group-item.selected[b-ph3xtvf81b] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.bss-group-item.selected span[b-ph3xtvf81b] {
    font-weight: 600;
    color: var(--s-color-primary-foreground);
}

/* Action Buttons - inline flex içinde */
.bss-item-actions[b-ph3xtvf81b] {
    display: none;
    gap: 2px;
    align-items: center;
    flex-shrink: 0;
}

.bss-group-item:hover .bss-item-actions[b-ph3xtvf81b] {
    display: flex;
}

/* Action Buttons */
.bss-action-btn[b-ph3xtvf81b] {
    background: none;
    border: none;
    padding: 3px 6px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    color: var(--s-color-muted-foreground);
    transition: background 0.15s, color 0.15s;
}

.bss-action-btn:hover[b-ph3xtvf81b] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.bss-action-edit:hover[b-ph3xtvf81b] {
    background: #dbeafe;
    color: #1d4ed8;
}

.bss-action-delete:hover[b-ph3xtvf81b] {
    background: #fee2e2;
    color: #dc2626;
}

/* Kart Grid */
.bss-card-grid[b-ph3xtvf81b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* Kart */
.bss-card[b-ph3xtvf81b] {
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s;
    display: flex;
    flex-direction: column;
}

.bss-card:hover[b-ph3xtvf81b] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-color: var(--s-color-primary);
}

.bss-card.bss-card-selected[b-ph3xtvf81b] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.bss-card-body[b-ph3xtvf81b] {
    padding: 0.75rem;
    flex: 1;
}

.bss-card-footer[b-ph3xtvf81b] {
    padding: 0.4rem 0.75rem;
    background: var(--s-color-surface);
    border-top: 1px solid var(--s-color-border);
}

.bss-card-actions[b-ph3xtvf81b] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

/* Badges - tema uyumlu */
.bss-badge[b-ph3xtvf81b] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 500;
    background: var(--s-color-accent);
    color: var(--s-color-primary);
    border: 1px solid var(--s-color-border);
}

.bss-badge-stageset[b-ph3xtvf81b] {
    background: #f0f9ff;
    color: #0369a1;
}

.bss-badge-outcome[b-ph3xtvf81b] {
    background: #f0fdf4;
    color: #166534;
}

.bss-badge-constraint[b-ph3xtvf81b] {
    background: #fef9c3;
    color: #854d0e;
}

.bss-group-icon[b-ph3xtvf81b] {
    flex-shrink: 0;
}

/* text-muted'ı tema ile uyumlu hale getir */
[b-ph3xtvf81b] .text-muted {
    color: var(--s-color-muted-foreground) !important;
}

/* h5 başlığı tema rengi */
h5.fw-semibold[b-ph3xtvf81b] {
    color: var(--s-color-body-text);
}

/* Spinner */
.spinner-border.text-primary[b-ph3xtvf81b] {
    color: var(--s-color-primary) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemTypeCatalog/BusinessItemTypeCatalog.razor.rz.scp.css */
.bit-catalog-container[b-6lsjyniy68] {
    padding: 1.25rem;
    height: calc(100vh - 60px);
    overflow: hidden;
}

.bit-catalog-container > .d-flex[b-6lsjyniy68] {
    gap: 0;
}

/* Sol Panel */
.bit-sidebar[b-6lsjyniy68] {
    width: 280px;
    min-width: 260px;
    max-width: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bit-sidebar-toolbar[b-6lsjyniy68] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.bit-sidebar-btn[b-6lsjyniy68] {
    flex: 1;
    white-space: nowrap;
}

.bit-sidebar-caption[b-6lsjyniy68] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--s-color-muted-foreground);
    padding: 0 0.5rem;
    margin-bottom: 0.25rem;
}

/* İkon arka planı - tema ile uyumlu */
.bit-icon-bg i[b-6lsjyniy68],
.bit-icon-bg span[b-6lsjyniy68] {
    color: white;
}

/* Seçili item'da ikon rengi tersine döner */
.bit-group-item.selected .bit-icon-bg i[b-6lsjyniy68],
.bit-group-item.selected .bit-icon-bg span[b-6lsjyniy68] {
    color: white;
}

/* Sayı badge */
.bit-count-badge[b-6lsjyniy68] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    border: 1px solid var(--s-color-border);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 999px;
}

.bit-group-item.selected .bit-count-badge[b-6lsjyniy68] {
    background: rgba(255, 255, 255, 0.15);
    color: var(--s-color-primary-foreground);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Grup Item */
.bit-group-item[b-6lsjyniy68] {
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
    position: relative;
}

.bit-group-item:hover[b-6lsjyniy68] {
    background-color: var(--s-color-accent);
}

.bit-group-item.selected[b-6lsjyniy68] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.bit-group-item.selected span[b-6lsjyniy68] {
    font-weight: 600;
    color: var(--s-color-primary-foreground);
}

/* Action Buttons - artık inline flex içinde */
.bit-item-actions[b-6lsjyniy68] {
    display: none;
    gap: 2px;
    align-items: center;
    flex-shrink: 0;
}

.bit-group-item:hover .bit-item-actions[b-6lsjyniy68] {
    display: flex;
}

/* Action Buttons */
.bit-action-btn[b-6lsjyniy68] {
    background: none;
    border: none;
    padding: 3px 6px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.75rem;
    color: var(--s-color-muted-foreground);
    transition: background 0.15s, color 0.15s;
}

.bit-action-btn:hover[b-6lsjyniy68] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.bit-action-edit:hover[b-6lsjyniy68] {
    background: #dbeafe;
    color: #1d4ed8;
}

.bit-action-delete:hover[b-6lsjyniy68] {
    background: #fee2e2;
    color: #dc2626;
}

/* Kart Grid */
.bit-card-grid[b-6lsjyniy68] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* Kart */
.bit-card[b-6lsjyniy68] {
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s;
    display: flex;
    flex-direction: column;
}

.bit-card:hover[b-6lsjyniy68] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-color: var(--s-color-primary);
}

.bit-card.bit-card-selected[b-6lsjyniy68] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px var(--s-color-primary);
}

.bit-card-body[b-6lsjyniy68] {
    padding: 0.75rem;
    flex: 1;
}

.bit-card-footer[b-6lsjyniy68] {
    padding: 0.4rem 0.75rem;
    background: var(--s-color-surface);
    border-top: 1px solid var(--s-color-border);
}

.bit-card-actions[b-6lsjyniy68] {
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

/* Badges - tema uyumlu */
.bit-badge[b-6lsjyniy68] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 500;
}

.bit-badge-stageset[b-6lsjyniy68] {
    background: #f0f9ff;
    color: #0369a1;
}

.bit-badge-outcome[b-6lsjyniy68] {
    background: #f0fdf4;
    color: #166534;
}

.bit-badge-constraint[b-6lsjyniy68] {
    background: #fef9c3;
    color: #854d0e;
}

/* Kısıt Paneli */
.bit-constraints-panel[b-6lsjyniy68] {
    background: var(--s-color-surface);
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
    padding: 1rem;
}

.bit-group-icon[b-6lsjyniy68] {
    flex-shrink: 0;
}

/* Custom Table for Theme */
.s-table[b-6lsjyniy68] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--s-color-body-text);
    --bs-table-hover-bg: var(--s-color-accent);
    --bs-table-border-color: var(--s-color-border);
}

.s-table thead th[b-6lsjyniy68] {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-muted-foreground) !important;
    border-bottom: 2px solid var(--s-color-border) !important;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem;
}

.s-table tbody td[b-6lsjyniy68] {
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
}

/* text-muted'ı tema ile uyumlu hale getir */
[b-6lsjyniy68] .text-muted {
    color: var(--s-color-muted-foreground) !important;
}

/* h5 başlığı tema rengi */
h5.fw-semibold[b-6lsjyniy68] {
    color: var(--s-color-body-text);
}

/* Boş durum ikonları */
.bi.fs-1.opacity-25[b-6lsjyniy68] {
    color: var(--s-color-muted-foreground);
}

/* Spinner */
.spinner-border.text-primary[b-6lsjyniy68] {
    color: var(--s-color-primary) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemType/BusinessItemType.razor.rz.scp.css */
/* /Pages/CampaignManagement/Campaigns/Components/ActiveCampaign/ActiveCampaignCard.razor.rz.scp.css */
.align-center[b-g877597z5s] {
    align-items: center;
}

#image-container[b-g877597z5s] {
    max-width: 25px;
    max-height: 25px;
}
/* /Pages/CampaignManagement/Campaigns/Components/CampaignInformation/CampaignInformationCard.razor.rz.scp.css */
.text-sm[b-q0ppxq0qg0] {
    font-size: 0.60rem;
}

.modern-info-box[b-q0ppxq0qg0] {
    padding: 10px;
    border-radius: 5px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
}

.modern-info-box strong[b-q0ppxq0qg0] {
    display: block;
    margin-bottom: 5px;
    color: #495057;
}

.modern-info-box p[b-q0ppxq0qg0] {
    margin: 0;
    color: #6c757d;
}

.table-scroll[b-q0ppxq0qg0] {
    height: 110px;
    overflow-y: auto;
}

.table-scroll table thead th[b-q0ppxq0qg0] {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
}

.info-grid[b-q0ppxq0qg0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-16);
}

.info-box[b-q0ppxq0qg0] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border-radius: var(--s-border-radius-default);
    transition: background-color 0.2s ease;
    border-width: 1px;
}


.icon[b-q0ppxq0qg0] {
    font-size: 20px;
    line-height: 1;
}

.content[b-q0ppxq0qg0] {
    flex: 1;
}

.info-box label[b-q0ppxq0qg0] {
    display: block;
    font-size: var(--s-font-size-12);
}

.info-box p[b-q0ppxq0qg0] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}
/* /Pages/DealerManagement/DealerCampaigns/ApplyCampaign/Components/CampaignParticipationDiscount.razor.rz.scp.css */
.text-sm[b-o69n808kfw] {
    font-size: 0.60rem;
}

.table-scroll[b-o69n808kfw] {
    height: 110px;
    overflow-y: auto;
}

    .table-scroll table thead th[b-o69n808kfw] {
        position: sticky;
        top: 0;
        background-color: #f8f9fa;
        z-index: 1;
    }
/* /Pages/DealerManagement/DealerCampaigns/ApplyCampaign/Components/CampaignParticipationInformation.razor.rz.scp.css */
    .text-sm[b-pg5pscomi3] {
        font-size: 0.60rem;
    }

    .modern-info-box[b-pg5pscomi3] {
        padding: 10px;
        border-radius: 5px;
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
    }

    .modern-info-box strong[b-pg5pscomi3] {
        display: block;
        margin-bottom: 5px;
        color: #495057;
    }

    .modern-info-box p[b-pg5pscomi3] {
        margin: 0;
        color: #6c757d;
    }

    .table-scroll[b-pg5pscomi3] {
        height: 110px;
        overflow-y: auto;
    }

    .table-scroll table thead th[b-pg5pscomi3] {
        position: sticky;
        top: 0;
        background-color: #f8f9fa;
        z-index: 1;
    }

    .info-grid[b-pg5pscomi3] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: var(--s-space-8);
        margin-bottom: var(--s-space-16);
    }

    .info-box[b-pg5pscomi3] {
        display: flex;
        align-items: center;
        gap: var(--s-space-8);
        padding: var(--s-space-8);
        border-radius: var(--s-border-radius-default);
        transition: background-color 0.2s ease;
        border-width: 1px;
    }


    .icon[b-pg5pscomi3] {
        font-size: 20px;
        line-height: 1;
    }

    .content[b-pg5pscomi3] {
        flex: 1;
    }

    .info-box label[b-pg5pscomi3] {
        display: block;
        font-size: var(--s-font-size-12);
    }

    .info-box p[b-pg5pscomi3] {
        font-size: var(--s-font-size-12);
        font-weight: var(--s-font-weight-medium);
    }
/* /Pages/DealerManagement/DealerCampaigns/ApplyCampaign/Components/CampaignParticipationPayment.razor.rz.scp.css */
.text-fs[b-e5j25619nj] {
    font-size: 0.60rem;
}

.dxbl-text-edit .dxbl-text-edit-input[b-e5j25619nj] {
    font-size: 0.75em;
}

.dxbl-listbox div.dxbl-listbox-item[b-e5j25619nj] {
    font-size: 0.75em;
}


.custom-drop-zone[b-e5j25619nj] {
    padding: 0 !important;
    border-style: dashed;
    border-width: 2px !important;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(183, 183, 183, 0.1);
}

    .custom-drop-zone.custom-drop-zone-hover[b-e5j25619nj] {
        border-style: solid;
    }

    .custom-drop-zone svg[b-e5j25619nj] {
        width: 42px;
        height: 42px;
    }

    .custom-drop-zone > *:not(#overviewDemoSelectButton)[b-e5j25619nj] {
        pointer-events: none;
    }


.drop-file-icon[b-e5j25619nj] {
    background-size: contain;   
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: #ADB5BD;
    width: 48px;
    height: 48px;
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.drop-file-label[b-e5j25619nj] {
    font-weight: 500;
    font-size: 1rem;
}
/* /Pages/DealerManagement/DealerCampaigns/ApplyCampaign/Components/CreditCardPaymentModal.razor.rz.scp.css */
/* /Pages/DealerManagement/DealerCampaigns/CampaignApplicationDetail/CampaignApplicationDetail.razor.rz.scp.css */
.text-sm[b-qkghcjvrbp] {
    font-size: 0.60rem;
}

.campaign-status[b-qkghcjvrbp] {
    height: calc(var(--rem-scale) * 3.6rem);
    padding: var(--s-space-8) var(--s-space-16);
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-medium)
}

.campaign-detail-wrapper[b-qkghcjvrbp] {
    display: flex;
    gap: var(--s-space-16);
    flex-direction: column;
}

@media screen and (min-width:1024px) {
    .campaign-detail-wrapper[b-qkghcjvrbp] {
        flex-direction: row;
    }
}
/* /Pages/DealerManagement/Dealers/Components/DealerInformation/DealerInformationCard.razor.rz.scp.css */
.text-sm[b-4g8uryrl2w] {
    font-size: 0.60rem;
}
/* /Pages/DealerManagement/Dealers/DealerB2BDashboard.razor.rz.scp.css */
.text-fs[b-3fboi9zemg] {
    font-size: 0.60rem;
}

.border-left-card[b-3fboi9zemg] {
    border-left: 5px solid;
    transition: transform 0.3s;
}

    .border-left-card:hover[b-3fboi9zemg] {
        transform: translateY(-5px);
    }

.border-campaign[b-3fboi9zemg] {
    border-left-color: #2196F3;
}

.border-order[b-3fboi9zemg] {
    border-left-color: #4CAF50;
}

.border-payment[b-3fboi9zemg] {
    border-left-color: #ffc107;
}

.border-account[b-3fboi9zemg] {
    border-left-color: #dc3545;
}

.text-campaign[b-3fboi9zemg] {
    color: #2196F3;
}

.text-order[b-3fboi9zemg] {
    color: #4CAF50;
}

.text-payment[b-3fboi9zemg] {
    color: #ffc107;
}

.text-account[b-3fboi9zemg] {
    color: #dc3545;
}

.card .icon[b-3fboi9zemg] {
    font-size: 2rem;
    opacity: 0.7;
}

.card[b-3fboi9zemg] {
    transition: transform 0.2s ease-in-out;
}

    .card:hover[b-3fboi9zemg] {
        transform: translateY(-5px);
    }

.overflow-auto[b-3fboi9zemg] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

    .overflow-auto[b-3fboi9zemg]::-webkit-scrollbar {
        height: 6px;
    }

    .overflow-auto[b-3fboi9zemg]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .overflow-auto[b-3fboi9zemg]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 3px;
    }

        .overflow-auto[b-3fboi9zemg]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.tab-container-padding[b-3fboi9zemg] {
    padding: 15px;  İstediğiniz padding değerini buraya girin 
}

.custom-tab-icon[b-3fboi9zemg] {
    margin-right: 7px;  İkon ile metin arasındaki boşluk 
}

.custom-tab-text[b-3fboi9zemg] {
    font-weight: 500;  Yazı tipi kalın 
}

.h-lg-150px[b-3fboi9zemg] {
    height: 150px !important;
}

.w-lg-150px[b-3fboi9zemg] {
    width: 150px !important;
}

.me-7[b-3fboi9zemg] {
    margin-right: 1.75rem !important;
}

.flex-center[b-3fboi9zemg] {
    justify-content: center;
    align-items: center;
}

.mr-4[b-3fboi9zemg] {
    margin-right: 1rem !important;
}

.symbol.symbol-35px .symbol-label[b-3fboi9zemg] {
    width: 35px;
    height: 35px;
}

.symbol.symbol-circle[b-3fboi9zemg], .symbol.symbol-circle .symbol-label[b-3fboi9zemg], .symbol.symbol-circle > img[b-3fboi9zemg] {
    border-radius: 50%;
}

.symbol-group .symbol-label[b-3fboi9zemg] {
    position: relative;
}

.fs-5[b-3fboi9zemg] {
    font-size: 1.15rem !important;
}

.justify-content-between[b-3fboi9zemg] {
    justify-content: space-between !important;
}

.d-block[b-3fboi9zemg] {
    display: block !important;
}

.text-muted[b-3fboi9zemg] {
    color: #99a1b7;
}

.text-gray-900[b-3fboi9zemg] {
    color: #071437;
}

.fs-3[b-3fboi9zemg] {
    font-size: 1.35rem !important;
}

.fs-1[b-3fboi9zemg] {
    font-size: 0.9rem !important;
}

.fw-semibold[b-3fboi9zemg] {
    font-weight: 500 !important;
}

.hover-blue[b-3fboi9zemg] {
    border: 1px solid gray !important;
}

.text-gray-500[b-3fboi9zemg] {
    color: #99a1b7 !important;
}

.fs-2hx[b-3fboi9zemg] {
    font-size: 2.5rem !important;
}

.fs-2[b-3fboi9zemg] {
    font-size: 0.8rem !important;
}


.mycard.mycard-white[b-3fboi9zemg] {
    background-color: #ffffff;
}

.separator[b-3fboi9zemg] {
    display: block;
    height: 0;
    border-bottom: 1px solid #f1f1f4;
}

    .separator.separator-dashed[b-3fboi9zemg] {
        border-bottom-style: dashed;
        border-bottom-color: #dbdfe9;
    }

    .separator.separator-warning[b-3fboi9zemg] {
        border-bottom: 3px solid #f6c000;
    }

    .separator.separator-success[b-3fboi9zemg] {
        border-bottom: 3px solid #17c653;
    }

    .separator.separator-primary[b-3fboi9zemg] {
        border-bottom: 3px solid #1b84ff;
    }

.fs-4[b-3fboi9zemg] {
    font-size: 1.25rem !important;
}

.symbol-group.symbol-hover .symbol[b-3fboi9zemg] {
    cursor: pointer;
}

.pointer[b-3fboi9zemg] {
    cursor: pointer;
}

.symbol-group .symbol[b-3fboi9zemg] {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all .3s ease;
}

.symbol.symbol-circle[b-3fboi9zemg], .symbol.symbol-circle .symbol-label[b-3fboi9zemg], .symbol.symbol-circle > img[b-3fboi9zemg] {
    border-radius: 50%;
}

.symbol[b-3fboi9zemg] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.symbol-group[b-3fboi9zemg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

.mb-9[b-3fboi9zemg] {
    margin-bottom: 2.25rem !important;
}

.flex-stack[b-3fboi9zemg] {
    justify-content: space-between;
    align-items: center;
}

.badge-light-success[b-3fboi9zemg] {
    background-color: #dfffea;
    color: #17c653;
}

.badge-light-warning[b-3fboi9zemg] {
    background-color: #fff8dd;
    color: #f6c000;
}

.badge-light-primary[b-3fboi9zemg] {
    background-color: #e9f3ff;
    color: #1b84ff;
}

.badge[b-3fboi9zemg] {
    display: inline-flex;
    align-items: center;
}

.fw-bold[b-3fboi9zemg] {
    font-weight: 600 !important;
}

.py-3[b-3fboi9zemg] {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.px-4[b-3fboi9zemg] {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.me-auto[b-3fboi9zemg] {
    margin-right: auto !important;
}

.visible[b-3fboi9zemg] {
    visibility: visible !important;
}

.project-description[b-3fboi9zemg] {
    vertical-align: bottom;
    font-style: italic;
    color: grey;
}

@media(max-width: 767.98px) {
    .project-description[b-3fboi9zemg] {
        max-width: 300px !important;
    }
}

.custom-justify-content-end[b-3fboi9zemg] {
    justify-content: end;
}

@media (max-width: 425px) {
    .custom-justify-content-end[b-3fboi9zemg] {
        justify-content: flex-start;
    }
}

.project-title[b-3fboi9zemg] {
    font-weight: 600;
}
/* /Pages/DealerManagement/Dealers/DealerDashboard.razor.rz.scp.css */
.text-fs[b-01a6gg8bvn] {
    font-size: 0.60rem;
}

.border-left-card[b-01a6gg8bvn] {
    border-left: 5px solid;
    transition: transform 0.3s;
}

.border-left-card:hover[b-01a6gg8bvn] {
    transform: translateY(-5px);
}

.border-campaign[b-01a6gg8bvn] {
    border-left-color: #2196F3;
}

.border-order[b-01a6gg8bvn] {
    border-left-color: #4CAF50;
}

.border-payment[b-01a6gg8bvn] {
    border-left-color: #ffc107;
}

.border-account[b-01a6gg8bvn] {
    border-left-color: #dc3545;
}

.text-campaign[b-01a6gg8bvn] {
    color: #2196F3;
}

.text-order[b-01a6gg8bvn] {
    color: #4CAF50;
}

.text-payment[b-01a6gg8bvn] {
    color: #ffc107;
}

.text-account[b-01a6gg8bvn] {
    color: #dc3545;
}

.card .icon[b-01a6gg8bvn] {
    font-size: 2rem;
    opacity: 0.7;
}

.card[b-01a6gg8bvn] {
    transition: transform 0.2s ease-in-out;
}

.card:hover[b-01a6gg8bvn] {
    transform: translateY(-5px);
}

.overflow-auto[b-01a6gg8bvn] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.overflow-auto[b-01a6gg8bvn]::-webkit-scrollbar {
    height: 6px;
}

.overflow-auto[b-01a6gg8bvn]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.overflow-auto[b-01a6gg8bvn]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.overflow-auto[b-01a6gg8bvn]::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.tab-container-padding[b-01a6gg8bvn] {
    padding: 15px;
}

.custom-tab-icon[b-01a6gg8bvn] {
    margin-right: 7px;
}

.custom-tab-text[b-01a6gg8bvn] {
    font-weight: 500;
}

.h-lg-150px[b-01a6gg8bvn] {
    height: 150px !important;
}

.w-lg-150px[b-01a6gg8bvn] {
    width: 150px !important;
}

.me-7[b-01a6gg8bvn] {
    margin-right: 1.75rem !important;
}

.flex-center[b-01a6gg8bvn] {
    justify-content: center;
    align-items: center;
}

.mr-4[b-01a6gg8bvn] {
    margin-right: 1rem !important;
}

.symbol.symbol-35px .symbol-label[b-01a6gg8bvn] {
    width: 35px;
    height: 35px;
}

.symbol.symbol-circle[b-01a6gg8bvn],
.symbol.symbol-circle .symbol-label[b-01a6gg8bvn],
.symbol.symbol-circle>img[b-01a6gg8bvn] {
    border-radius: 50%;
}

.symbol-group .symbol-label[b-01a6gg8bvn] {
    position: relative;
}

.fs-5[b-01a6gg8bvn] {
    font-size: 1.15rem !important;
}

.justify-content-between[b-01a6gg8bvn] {
    justify-content: space-between !important;
}

.d-block[b-01a6gg8bvn] {
    display: block !important;
}

.text-muted[b-01a6gg8bvn] {
    color: #99a1b7;
}

.text-gray-900[b-01a6gg8bvn] {
    color: #071437;
}

.fs-3[b-01a6gg8bvn] {
    font-size: 1.35rem !important;
}

.fs-1[b-01a6gg8bvn] {
    font-size: 0.9rem !important;
}

.fw-semibold[b-01a6gg8bvn] {
    font-weight: 500 !important;
}

.hover-blue[b-01a6gg8bvn] {
    border: 1px solid gray !important;
}

.text-gray-500[b-01a6gg8bvn] {
    color: #99a1b7 !important;
}

.fs-2hx[b-01a6gg8bvn] {
    font-size: 2.5rem !important;
}

.fs-2[b-01a6gg8bvn] {
    font-size: 0.8rem !important;
}


.mycard.mycard-white[b-01a6gg8bvn] {
    background-color: #ffffff;
}

.separator[b-01a6gg8bvn] {
    display: block;
    height: 0;
    border-bottom: 1px solid #f1f1f4;
}

.separator.separator-dashed[b-01a6gg8bvn] {
    border-bottom-style: dashed;
    border-bottom-color: #dbdfe9;
}

.separator.separator-warning[b-01a6gg8bvn] {
    border-bottom: 3px solid #f6c000;
}

.separator.separator-success[b-01a6gg8bvn] {
    border-bottom: 3px solid #17c653;
}

.separator.separator-primary[b-01a6gg8bvn] {
    border-bottom: 3px solid #1b84ff;
}

.fs-4[b-01a6gg8bvn] {
    font-size: 1.25rem !important;
}

.symbol-group.symbol-hover .symbol[b-01a6gg8bvn] {
    cursor: pointer;
}

.pointer[b-01a6gg8bvn] {
    cursor: pointer;
}

.symbol-group .symbol[b-01a6gg8bvn] {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all .3s ease;
}

.symbol.symbol-circle[b-01a6gg8bvn],
.symbol.symbol-circle .symbol-label[b-01a6gg8bvn],
.symbol.symbol-circle>img[b-01a6gg8bvn] {
    border-radius: 50%;
}

.symbol[b-01a6gg8bvn] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.symbol-group[b-01a6gg8bvn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

.mb-9[b-01a6gg8bvn] {
    margin-bottom: 2.25rem !important;
}

.flex-stack[b-01a6gg8bvn] {
    justify-content: space-between;
    align-items: center;
}

.badge-light-success[b-01a6gg8bvn] {
    background-color: #dfffea;
    color: #17c653;
}

.badge-light-warning[b-01a6gg8bvn] {
    background-color: #fff8dd;
    color: #f6c000;
}

.badge-light-primary[b-01a6gg8bvn] {
    background-color: #e9f3ff;
    color: #1b84ff;
}

.badge[b-01a6gg8bvn] {
    display: inline-flex;
    align-items: center;
}

.fw-bold[b-01a6gg8bvn] {
    font-weight: 600 !important;
}

.py-3[b-01a6gg8bvn] {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.px-4[b-01a6gg8bvn] {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.me-auto[b-01a6gg8bvn] {
    margin-right: auto !important;
}

.visible[b-01a6gg8bvn] {
    visibility: visible !important;
}

.project-description[b-01a6gg8bvn] {
    vertical-align: bottom;
    font-style: italic;
    color: grey;
}

@media(max-width: 767.98px) {
    .project-description[b-01a6gg8bvn] {
        max-width: 300px !important;
    }
}

.custom-justify-content-end[b-01a6gg8bvn] {
    justify-content: end;
}

@media (max-width: 425px) {
    .custom-justify-content-end[b-01a6gg8bvn] {
        justify-content: flex-start;
    }
}

.project-title[b-01a6gg8bvn] {
    font-weight: 600;
}


.dealer-dashobard-container[b-01a6gg8bvn] {
    padding-bottom: calc(var(--rem-scale) * 5rem);
}

@media screen and (min-width:768px) {
    .dealer-dashobard-container[b-01a6gg8bvn] {
        padding-bottom: 0;
    }
}

.s-home-quick-links[b-01a6gg8bvn] {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s-space-16);
    bottom: 4px;
    margin-bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--s-space-6) var(--s-space-8);
    z-index: 99;
    background-color: var(--s-color-white);
    gap: 0;
    max-width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 1px;
    border-radius: var(--s-border-radius-medium);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.s-home-quick-links [class*="s-button"][b-01a6gg8bvn] {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s-space-2);
    font-size: var(--s-font-size-11);
    justify-content: space-around;
    line-height: 1.2;
    border: 0;
    padding-block: 0;
}

.s-home-quick-links [class*="s-button"]:hover[b-01a6gg8bvn] {
    background-color: transparent;
}

.s-home-quick-links [class*="s-button"]:nth-child(2)[b-01a6gg8bvn] {
    border-radius: 0;
    border-inline: 1px solid var(--s-color-border);
}

.s-home-quick-links [class*="s-button"]:first-child[b-01a6gg8bvn] {
    padding-left: 0;
}

.s-home-quick-links [class*="s-button"]:last-child[b-01a6gg8bvn] {
    padding-right: 0;
}

:is(.s-home-quick-links [class*="s-button"]) i[b-01a6gg8bvn],
svg[b-01a6gg8bvn] {
    font-size: var(--s-space-16);
    margin-bottom: var(--s-space-4);
}
/* /Pages/FinanceManagement/Pages/AccountStatements/AccountStatement.razor.rz.scp.css */
.status-badge[b-edmbjo7q3z] {
    min-width: 100px;
    display: inline-block;
    text-align: center;
}
/* /Pages/HomeDashboard.razor.rz.scp.css */
.text-fs[b-8laasm6fj0] {
    font-size: 0.60rem;
}

.border-left-card[b-8laasm6fj0] {
    border-left: 5px solid;
    transition: transform 0.3s;
}

    .border-left-card:hover[b-8laasm6fj0] {
        transform: translateY(-5px);
    }

.border-project[b-8laasm6fj0] {
    border-left-color: #2196F3;
}

.border-approval[b-8laasm6fj0] {
    border-left-color: #4CAF50;
}

.border-proposal[b-8laasm6fj0] {
    border-left-color: #ffc107;
}

.border-purchase[b-8laasm6fj0] {
    border-left-color: #dc3545;
}

.text-project[b-8laasm6fj0] {
    color: #2196F3;
}

.text-approval[b-8laasm6fj0] {
    color: #4CAF50;
}

.text-proposal[b-8laasm6fj0] {
    color: #ffc107;
}

.text-purchase[b-8laasm6fj0] {
    color: #dc3545;
}

.card .icon[b-8laasm6fj0] {
    font-size: 2rem;
    opacity: 0.7;
}

.card[b-8laasm6fj0] {
    transition: transform 0.2s ease-in-out;
}

    .card:hover[b-8laasm6fj0] {
        transform: translateY(-5px);
    }

.overflow-auto[b-8laasm6fj0] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

    .overflow-auto[b-8laasm6fj0]::-webkit-scrollbar {
        height: 6px;
    }

    .overflow-auto[b-8laasm6fj0]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .overflow-auto[b-8laasm6fj0]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 3px;
    }

        .overflow-auto[b-8laasm6fj0]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.text-muted[b-8laasm6fj0] {
    color: #99a1b7;
}


.hover-blue[b-8laasm6fj0] {
    border: 1px solid gray !important;
}




.visible[b-8laasm6fj0] {
    visibility: visible !important;
}
/* /Pages/InvoiceManagement/InvoiceUpload/Components/Popups/ItemMatchPopup.razor.rz.scp.css */
.type-btn-group[b-u88xwxv3pm] {
    display: flex;
    gap: 0;
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
}

.type-btn[b-u88xwxv3pm] {
    background: #f8f9fa;
    border: none;
    border-right: 1px solid #ced4da;
    padding: 4px 10px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #495057;
    transition: all 0.2s;
}

    .type-btn:last-child[b-u88xwxv3pm] {
        border-right: none;
    }

    .type-btn:hover[b-u88xwxv3pm] {
        background: #e9ecef;
    }

    .type-btn.active[b-u88xwxv3pm] {
        background: #212529;
        color: white;
    }
/* /Pages/InvoiceManagement/InvoiceUpload/Pages/InvoiceUpload.razor.rz.scp.css */
[b-0zbn22u4an] .dxbl-text-edit-input, [b-0zbn22u4an] .dxbl-fl-ctrl input, [b-0zbn22u4an] .dxbl-list-box-item, [b-0zbn22u4an] .dx-list-item-content, [b-0zbn22u4an] .dxbl-btn-caption, [b-0zbn22u4an] input[type="text"] {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}



[b-0zbn22u4an] .btn-custom-white-text .dxbl-btn-caption {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}



[b-0zbn22u4an] .btn-circle-custom {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1;
}



[b-0zbn22u4an] .spinner-btn-icon {
    width: 1.1rem !important;
    height: 1.1rem !important;
    border-width: 0.15em !important;
    vertical-align: middle !important;
}



[b-0zbn22u4an] .toolbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 5px;
}



[b-0zbn22u4an] .cat-btn-xs {
    font-size: 0.65rem !important;
    padding: 0.1rem 0.4rem !important;
    border-radius: 3px !important;
    line-height: 1.2;
}



[b-0zbn22u4an] .cat-btn-active {
    background-color: #212529 !important;
    color: #fff !important;
    border-color: #212529 !important;
}



[b-0zbn22u4an] .row-purchase {
    border-left: 5px solid #0d6efd !important;
    background-color: #ffffff !important;
}



[b-0zbn22u4an] .row-sales {
    border-left: 5px solid #fd7e14 !important;
    background-color: #ffffff !important;
}



[b-0zbn22u4an] .row-error-red {
    background-color: #fff5f5 !important;
    border-left: 5px solid #dc3545 !important;
}



[b-0zbn22u4an] .row-error-orange {
    background-color: #fffaf0 !important;
    border-left: 5px solid #f59e0b !important;
}



[b-0zbn22u4an] .row-item-error {
    background-color: #fff5f5 !important;
    border-left: 5px solid #dc3545 !important;
}



[b-0zbn22u4an] .dxbl-grid-selection-enabled .row-error.dxbl-grid-row-selected {
    background-color: #ffe0e0 !important;
}



[b-0zbn22u4an] .upload-box-simple {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background-color: #f8f9fa;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
    position: relative; /* Bu çok önemli, input buna göre konumlanır */
}



    [b-0zbn22u4an] .upload-box-simple:hover {
        background-color: #e9ecef;
        border-color: #adb5bd;
    }



[b-0zbn22u4an] .disabled-upload {
    pointer-events: none;
    opacity: 0.6;
    background-color: #e9ecef;
    cursor: not-allowed;
}



[b-0zbn22u4an] .font-mono {
    font-family: 'Consolas', monospace;
    font-size: 0.85rem;
}



[b-0zbn22u4an] .amount-display {
    font-family: 'Consolas', monospace;
    font-weight: 700;
    color: #333;
}



[b-0zbn22u4an] .checkbox-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 2px;
}



[b-0zbn22u4an] .alert-custom-warning {
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
    color: #664d03;
    border-radius: 8px;
}



[b-0zbn22u4an] .loading-status-text {
    font-size: 0.75rem;
    color: #6c757d;
    display: block;
    margin-top: 2px;
}



[b-0zbn22u4an] .sending-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(4px);
}



[b-0zbn22u4an] .type-btn-group {
    display: flex;
    gap: 0;
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
}



[b-0zbn22u4an] .type-btn {
    background: #f8f9fa;
    border: none;
    border-right: 1px solid #ced4da;
    padding: 4px 10px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #495057;
    transition: all 0.2s;
}



    [b-0zbn22u4an] .type-btn:last-child {
        border-right: none;
    }



    [b-0zbn22u4an] .type-btn:hover {
        background: #e9ecef;
    }



    [b-0zbn22u4an] .type-btn.active {
        background: #212529;
        color: white;
    }



[b-0zbn22u4an] .spinner_ajPY {
    transform-origin: center;
    animation: spinner_AtaB-b-0zbn22u4an .75s infinite linear;
}

[b-0zbn22u4an] .grid-container {
    height: calc(100vh - 250px) !important;
    min-height: 400px;
    width: 100%;
}

@keyframes spinner_AtaB-b-0zbn22u4an {

    100% {
        transform: rotate(360deg);
    }
}
/* /Pages/LicenseManagement/LicenseDashboard.razor.rz.scp.css */
.text-fs[b-de2fg2lmtk] {
    font-size: 0.60rem;
}

.border-left-card[b-de2fg2lmtk] {
    border-left: 5px solid;
    transition: transform 0.3s;
}

.border-left-card:hover[b-de2fg2lmtk] {
    transform: translateY(-5px);
}

.border-campaign[b-de2fg2lmtk] {
    border-left-color: #2196F3;
}

.border-order[b-de2fg2lmtk] {
    border-left-color: #4CAF50;
}

.border-payment[b-de2fg2lmtk] {
    border-left-color: #ffc107;
}

.border-account[b-de2fg2lmtk] {
    border-left-color: #dc3545;
}

.text-campaign[b-de2fg2lmtk] {
    color: #2196F3;
}

.text-order[b-de2fg2lmtk] {
    color: #4CAF50;
}

.text-payment[b-de2fg2lmtk] {
    color: #ffc107;
}

.text-account[b-de2fg2lmtk] {
    color: #dc3545;
}

.card .icon[b-de2fg2lmtk] {
    font-size: 2rem;
    opacity: 0.7;
}

.card[b-de2fg2lmtk] {
    transition: transform 0.2s ease-in-out;
}

.card:hover[b-de2fg2lmtk] {
    transform: translateY(-5px);
}

.overflow-auto[b-de2fg2lmtk] {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.overflow-auto[b-de2fg2lmtk]::-webkit-scrollbar {
    height: 6px;
}

.overflow-auto[b-de2fg2lmtk]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.overflow-auto[b-de2fg2lmtk]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.overflow-auto[b-de2fg2lmtk]::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.tab-container-padding[b-de2fg2lmtk] {
    padding: 15px;
}

.custom-tab-icon[b-de2fg2lmtk] {
    margin-right: 7px;
}

.custom-tab-text[b-de2fg2lmtk] {
    font-weight: 500;
}

.h-lg-150px[b-de2fg2lmtk] {
    height: 150px !important;
}

.w-lg-150px[b-de2fg2lmtk] {
    width: 150px !important;
}

.me-7[b-de2fg2lmtk] {
    margin-right: 1.75rem !important;
}

.flex-center[b-de2fg2lmtk] {
    justify-content: center;
    align-items: center;
}

.mr-4[b-de2fg2lmtk] {
    margin-right: 1rem !important;
}

.symbol.symbol-35px .symbol-label[b-de2fg2lmtk] {
    width: 35px;
    height: 35px;
}

.symbol.symbol-circle[b-de2fg2lmtk],
.symbol.symbol-circle .symbol-label[b-de2fg2lmtk],
.symbol.symbol-circle>img[b-de2fg2lmtk] {
    border-radius: 50%;
}

.symbol-group .symbol-label[b-de2fg2lmtk] {
    position: relative;
}

.fs-5[b-de2fg2lmtk] {
    font-size: 1.15rem !important;
}

.justify-content-between[b-de2fg2lmtk] {
    justify-content: space-between !important;
}

.d-block[b-de2fg2lmtk] {
    display: block !important;
}

.text-muted[b-de2fg2lmtk] {
    color: #99a1b7;
}

.text-gray-900[b-de2fg2lmtk] {
    color: #071437;
}

.fs-3[b-de2fg2lmtk] {
    font-size: 1.35rem !important;
}

.fs-1[b-de2fg2lmtk] {
    font-size: 0.9rem !important;
}

.fw-semibold[b-de2fg2lmtk] {
    font-weight: 500 !important;
}

.hover-blue[b-de2fg2lmtk] {
    border: 1px solid gray !important;
}

.text-gray-500[b-de2fg2lmtk] {
    color: #99a1b7 !important;
}

.fs-2hx[b-de2fg2lmtk] {
    font-size: 2.5rem !important;
}

.fs-2[b-de2fg2lmtk] {
    font-size: 0.8rem !important;
}


.mycard.mycard-white[b-de2fg2lmtk] {
    background-color: #ffffff;
}

.separator[b-de2fg2lmtk] {
    display: block;
    height: 0;
    border-bottom: 1px solid #f1f1f4;
}

.separator.separator-dashed[b-de2fg2lmtk] {
    border-bottom-style: dashed;
    border-bottom-color: #dbdfe9;
}

.separator.separator-warning[b-de2fg2lmtk] {
    border-bottom: 3px solid #f6c000;
}

.separator.separator-success[b-de2fg2lmtk] {
    border-bottom: 3px solid #17c653;
}

.separator.separator-primary[b-de2fg2lmtk] {
    border-bottom: 3px solid #1b84ff;
}

.fs-4[b-de2fg2lmtk] {
    font-size: 1.25rem !important;
}

.symbol-group.symbol-hover .symbol[b-de2fg2lmtk] {
    cursor: pointer;
}

.pointer[b-de2fg2lmtk] {
    cursor: pointer;
}

.symbol-group .symbol[b-de2fg2lmtk] {
    position: relative;
    z-index: 0;
    margin-left: -10px;
    transition: all .3s ease;
}

.symbol.symbol-circle[b-de2fg2lmtk],
.symbol.symbol-circle .symbol-label[b-de2fg2lmtk],
.symbol.symbol-circle>img[b-de2fg2lmtk] {
    border-radius: 50%;
}

.symbol[b-de2fg2lmtk] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.symbol-group[b-de2fg2lmtk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 10px;
}

.mb-9[b-de2fg2lmtk] {
    margin-bottom: 2.25rem !important;
}

.flex-stack[b-de2fg2lmtk] {
    justify-content: space-between;
    align-items: center;
}

.badge-light-success[b-de2fg2lmtk] {
    background-color: #dfffea;
    color: #17c653;
}

.badge-light-warning[b-de2fg2lmtk] {
    background-color: #fff8dd;
    color: #f6c000;
}

.badge-light-primary[b-de2fg2lmtk] {
    background-color: #e9f3ff;
    color: #1b84ff;
}

.badge[b-de2fg2lmtk] {
    display: inline-flex;
    align-items: center;
}

.fw-bold[b-de2fg2lmtk] {
    font-weight: 600 !important;
}

.py-3[b-de2fg2lmtk] {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.px-4[b-de2fg2lmtk] {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.me-auto[b-de2fg2lmtk] {
    margin-right: auto !important;
}

.visible[b-de2fg2lmtk] {
    visibility: visible !important;
}

.project-description[b-de2fg2lmtk] {
    vertical-align: bottom;
    font-style: italic;
    color: grey;
}

@media(max-width: 767.98px) {
    .project-description[b-de2fg2lmtk] {
        max-width: 300px !important;
    }
}

.custom-justify-content-end[b-de2fg2lmtk] {
    justify-content: end;
}

@media (max-width: 425px) {
    .custom-justify-content-end[b-de2fg2lmtk] {
        justify-content: flex-start;
    }
}

.project-title[b-de2fg2lmtk] {
    font-weight: 600;
}


.dealer-dashobard-container[b-de2fg2lmtk] {
    padding-bottom: calc(var(--rem-scale) * 5rem);
}

@media screen and (min-width:768px) {
    .dealer-dashobard-container[b-de2fg2lmtk] {
        padding-bottom: 0;
    }
}

.s-home-quick-links[b-de2fg2lmtk] {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s-space-16);
    bottom: 4px;
    margin-bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--s-space-6) var(--s-space-8);
    z-index: 99;
    background-color: var(--s-color-white);
    gap: 0;
    max-width: calc(100% - 32px);
    left: 50%;
    transform: translateX(-50%);
    border-width: 1px;
    border-radius: var(--s-border-radius-medium);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.s-home-quick-links [class*="s-button"][b-de2fg2lmtk] {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--s-space-2);
    font-size: var(--s-font-size-11);
    justify-content: space-around;
    line-height: 1.2;
    border: 0;
    padding-block: 0;
}

.s-home-quick-links [class*="s-button"]:hover[b-de2fg2lmtk] {
    background-color: transparent;
}

.s-home-quick-links [class*="s-button"]:nth-child(2)[b-de2fg2lmtk] {
    border-radius: 0;
    border-inline: 1px solid var(--s-color-border);
}

.s-home-quick-links [class*="s-button"]:first-child[b-de2fg2lmtk] {
    padding-left: 0;
}

.s-home-quick-links [class*="s-button"]:last-child[b-de2fg2lmtk] {
    padding-right: 0;
}

:is(.s-home-quick-links [class*="s-button"]) i[b-de2fg2lmtk],
svg[b-de2fg2lmtk] {
    font-size: var(--s-space-16);
    margin-bottom: var(--s-space-4);
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/CurrentAssignments.razor.rz.scp.css */
.table-responsive[b-0zmu7gt1qb] {
    max-height: 200px;
    overflow-y: auto;
}

.compact-table th[b-0zmu7gt1qb] {
    padding: var(--s-space-10) var(--s-space-8);
    font-size: var(--s-font-size-12);
    /* Yazı boyutunu küçültür (standart 16px ise bu yaklaşık 14.4px olur) */
    vertical-align: middle;
    /* İçeriğin dikey olarak ortalanmasını sağlar */
    line-height: 1;
    color: var(--s-color-body-text);
    background-color: transparent;
    /* Satır yüksekliğini ayarlar */
}


.compact-table td[b-0zmu7gt1qb] {
    padding-block: var(--s-space-2);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    background-color: transparent;
    vertical-align: middle;
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/ModuleAssignmentList.razor.rz.scp.css */
.assignment-list-container[b-p7rsiuwrm2] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.assignment-list[b-p7rsiuwrm2] {
    flex: 1;
    overflow-y: auto;
    max-height: 280px;
    border-width: 1px;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.assignment-item[b-p7rsiuwrm2] {
    padding: 0.45rem;
    border-width: 1px;
    border-radius: var(--s-border-radius-small);
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--s-color-body-text);
}

.assignment-item:hover:not(.readonly)[b-p7rsiuwrm2] {
    border-color: var(--s-color-black)
}

.assignment-item.selected[b-p7rsiuwrm2] {
    background-color: var(--s-color-sidebar-accent);
    border-color: var(--s-color-muted-foreground);
}

.assignment-item.readonly[b-p7rsiuwrm2] {
    cursor: not-allowed;
    opacity: 0.7;
}

.assignment-name[b-p7rsiuwrm2] {
    color: var(--s-color-body-text);
    font-weight: 500;
}

.assignment-description[b-p7rsiuwrm2] {
    font-size: 0.8rem;
    line-height: 1.4;
}

.assignment-checkbox[b-p7rsiuwrm2] {
    flex-shrink: 0;
}

.assignment-item.standalone-item[b-p7rsiuwrm2] {
    background-color: #f0f8ff;
    border-left: 3px solid #0d6efd;
    transition: background-color 0.2s, border-color 0.2s;
}

.assignment-item.standalone-item:hover[b-p7rsiuwrm2] {
    background-color: #e6f3ff;
}

body[data-theme="dark"] .assignment-item.standalone-item[b-p7rsiuwrm2] {
    background-color: #0f172a;
    border-left: 3px solid #3b82f6;
}

body[data-theme="dark"] .assignment-item.standalone-item:hover[b-p7rsiuwrm2] {
    background-color: #1e3a5f;
}

.assignment-item.intermediate-item[b-p7rsiuwrm2] {
    background-color: #fffbe6;
    border-left: 3px solid #ffc107;
    transition: background-color 0.2s, border-color 0.2s;
}

.assignment-item.intermediate-item:hover[b-p7rsiuwrm2] {
    background-color: #fff8d6;
    border-left-width: 3px;
    border-color: var(--s-color-border);
}

.assignment-item.intermediate-item.selected[b-p7rsiuwrm2] {
    background-color: var(--s-color-sidebar-accent);
    border-color: var(--s-color-muted-foreground);
}

body[data-theme="dark"] .assignment-item.intermediate-item[b-p7rsiuwrm2] {
    background-color: #4a4430;
    border-left: 3px solid #ffc107;
}

body[data-theme="dark"] .assignment-item.intermediate-item:hover[b-p7rsiuwrm2] {
    background-color: #4a4027;
}

body[data-theme="dark"] .assignment-item.intermediate-item.selected[b-p7rsiuwrm2] {
    background-color: #4a4027;
    border-color: #a3a3a3;
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/ModuleSettingsModal.razor.rz.scp.css */
.table-responsive[b-0knqvecjnb] {
    max-height: 200px;
    overflow-y: auto;
}

.compact-table th[b-0knqvecjnb] {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.9rem; /* Yazı boyutunu küçültür (standart 16px ise bu yaklaşık 14.4px olur) */
    vertical-align: middle; /* İçeriğin dikey olarak ortalanmasını sağlar */
    line-height: 1; /* Satır yüksekliğini ayarlar */
}

.compact-table td[b-0knqvecjnb] {
    padding-top: 0.05rem;
    padding-bottom: 0.05rem;
    font-size: 0.7rem; /* Yazı boyutunu küçültür (standart 16px ise bu yaklaşık 14.4px olur) */
    vertical-align: middle; /* İçeriğin dikey olarak ortalanmasını sağlar */
    line-height: 0.8; /* Satır yüksekliğini ayarlar */
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/OrderSummary.razor.rz.scp.css */
:root[b-6i286wf084] {
    --order-summary-max-h: 65vh;
    /* istediğin kadar: 50vh / 60vh ... */
    --order-summary-footer-h: 120px;
    /* padding dahil gerçek footer yüksekliği */
}

/* kart ------------------------------------------------------------ */
.order-summary-card[b-6i286wf084] {
    display: flex;
    flex-direction: column;
    max-height: var(--order-summary-max-h);
    /* kart sayfa içinde doğal akacak; sticky istersen aşağıdaki satırı aç */
    /* position: sticky; top: 20px; */
    overflow: hidden;
    /* içeriğin taşmasını engelle */
}

/* header zaten card-header olarak geliyor, flex-shrink:0 */

/* gövde ----------------------------------------------------------- */
.order-summary-card .card-body[b-6i286wf084] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* scroll edecek liste -------------------------------------------- */
.order-items-scroll-list[b-6i286wf084] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(var(--rem-scale) * 35rem);
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 0;
    scrollbar-width: thin;
    padding-bottom: var(--s-space-12);
}

.order-items-scroll-list .list-group-item[b-6i286wf084] {
    background-color: transparent;
    color: var(--s-color-body-text);
    padding-inline: 0;
}

/* footer ---------------------------------------------------------- */
.summary-sticky-footer[b-6i286wf084] {
    flex-shrink: 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .08);
}



.license-quantity-input-wrapper[b-6i286wf084] {
    display: flex;
    flex-wrap: nowrap;
}

.license-quantity-input-wrapper button:first-child[b-6i286wf084] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    flex-shrink: 0;
}

.license-quantity-input-wrapper button+input[b-6i286wf084] {
    border-radius: 0;
    text-align: center
}

.license-quantity-input-wrapper input[b-6i286wf084]::-webkit-outer-spin-button,
.license-quantity-input-wrapper input[b-6i286wf084]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.license-quantity-input-wrapper button+input+button[b-6i286wf084] {
    border-top-left-radius: 0;
    flex-shrink: 0;
    border-left: 0;
    border-bottom-left-radius: 0;
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/PackageAssignmentList.razor.rz.scp.css */
.assignment-list-container[b-6oat08m247] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.assignment-list[b-6oat08m247] {
    flex: 1;
    overflow-y: auto;
    max-height: 280px;
    /* Bu değeri ihtiyacınıza göre ayarlayabilirsiniz */
    border-width: 1px;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.assignment-item[b-6oat08m247] {
    padding: 0.45rem;
    /* Boşlukları biraz artırarak daha ferah bir görünüm sağlandı */
    border-width: 1px;
    border-radius: var(--s-border-radius-small);
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--s-color-body-text);
}

.assignment-item:hover:not(.readonly)[b-6oat08m247] {
    border-color: var(--s-color-black)
}

.assignment-item.selected[b-6oat08m247] {
    background-color: var(--s-color-sidebar-accent);
    border-color: var(--s-color-muted-foreground);
}

.assignment-item.readonly[b-6oat08m247] {
    cursor: not-allowed;
    opacity: 0.7;
}

.assignment-name[b-6oat08m247] {
    color: var(--s-color-body-text);
    font-weight: 500;
}

.assignment-description[b-6oat08m247] {
    font-size: 0.8rem;
    line-height: 1.4;
}

.assignment-checkbox[b-6oat08m247] {
    flex-shrink: 0;
    /* Daralmasını engeller */
}
/* /Pages/LicenseManagement/Pages/Licenses/LicenseDetail.razor.rz.scp.css */
/* License Detail Page Styles */
.license-detail-container[b-avx2cgb16c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}




.license-detail-container dl dd[b-avx2cgb16c] {
    margin-bottom: 0.5rem;
}

.license-detail-container .card-body p[b-avx2cgb16c] {
    margin-bottom: 0.75rem;
}

.license-detail-container .badge[b-avx2cgb16c] {
    padding: 0.3em 0.6em;
    font-size: 0.8em;
}

.license-detail-container .input-group-sm .form-control[b-avx2cgb16c],
.license-detail-container .input-group-sm .btn[b-avx2cgb16c] {
    font-size: 0.875rem;
}

.license-detail-container .dx-tabs .dx-tab[b-avx2cgb16c] {
    padding: 0.6rem 1rem;
}

/* Assignment Cards */
.assignment-card[b-avx2cgb16c] {
    transition: all 0.3s ease;
}

.assignment-card:hover[b-avx2cgb16c] {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Status Badges */
.badge.bg-success[b-avx2cgb16c] {
    background-color: #198754 !important;
}

.badge.bg-warning[b-avx2cgb16c] {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.badge.bg-danger[b-avx2cgb16c] {
    background-color: #dc3545 !important;
}

.badge.bg-secondary[b-avx2cgb16c] {
    background-color: #6c757d !important;
}

.badge.bg-primary[b-avx2cgb16c] {
    background-color: #0d6efd !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .card-body .row .col-md-6[b-avx2cgb16c] {
        margin-bottom: 1rem;
    }

    .assignment-actions .btn-group[b-avx2cgb16c] {
        flex-direction: column;
    }

    .assignment-actions .btn-group .btn[b-avx2cgb16c] {
        border-radius: 0.375rem !important;
        margin-bottom: 0.25rem;
    }
}

/* Loading States */
.dx-loadpanel[b-avx2cgb16c] {
    z-index: 1050;
}

/* Button Styles */
.btn-success:hover[b-avx2cgb16c] {
    background-color: #157347;
    border-color: #146c43;
}

.btn-outline-secondary:hover[b-avx2cgb16c] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

/* Animation for changes indicator */
@keyframes pulse-b-avx2cgb16c {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(13, 110, 253, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(13, 110, 253, 0);
    }
}

.has-changes[b-avx2cgb16c] {
    animation: pulse-b-avx2cgb16c 2s infinite;
}
/* /Pages/OrderManagement/Components/Order/OrderCard.razor.rz.scp.css */
.text-fs[b-5pw8ydbhz1] {
    font-size: 0.60rem;
}
.order-status[b-5pw8ydbhz1] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 8px;
}
.status-pending[b-5pw8ydbhz1] {
    background-color: #fff3cd;
    color: #856404;
}
.status-shipped[b-5pw8ydbhz1] {
    background-color: #d4edda;
    color: #155724;
}

.status-delivered[b-5pw8ydbhz1] {
    background-color: #cce5ff;
    color: #004085;
}

.status-cancelled[b-5pw8ydbhz1] {
    background-color: #f8d7da;
    color: #721c24;
}
/* /Pages/OrderManagement/Pages/OrderDetails/OrderDetail.razor.rz.scp.css */
.info-grid[b-fvomokor7w] {
    display: grid;
    gap: var(--s-space-12);
    font-size: var(--s-font-size-12);
    width: 100%;
    grid-template-columns: 1fr
}

@media screen and (min-width:1024px) {
    .info-grid[b-fvomokor7w] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.info-card[b-fvomokor7w] {
    background-color: var(--secondary-color);
    border-radius: var(--border-radius);
    font-size: 10px;
}

.info-card-title[b-fvomokor7w] {
    font-weight: 600;
    margin: 0;
}

.info-list[b-fvomokor7w] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.info-item[b-fvomokor7w] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.info-item:last-child[b-fvomokor7w] {
    border-bottom: none;
    padding-bottom: 0;
}

.info-label[b-fvomokor7w] {
    font-weight: 500;
    color: var(--s-color-muted-foreground);
    flex: 0 0 40%;
}

.info-value[b-fvomokor7w] {
    font-weight: 500;
    text-align: right;
    color: #111827;
    flex: 0 0 60%;
}

.address-card[b-fvomokor7w] {
    background-color: white;
    border-radius: var(--border-radius);
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    margin-top: 1rem;
}

.status-badge[b-fvomokor7w] {
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.campaign-badge[b-fvomokor7w] {
    background-color: #ffedd5;
    color: #c2410c;
    border: 1px solid #fdba74;
    border-radius: 6px;
    padding: 0.35rem 0.75rem;
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.campaign-badge i[b-fvomokor7w] {
    margin-right: 5px;
}

.campaign-card[b-fvomokor7w] {
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    border-radius: var(--border-radius);
    padding: 1.25rem;
    border: 1px dashed #fdba74;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.campaign-icon[b-fvomokor7w] {
    background-color: #c2410c;
    color: white;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.campaign-details[b-fvomokor7w] {
    flex-grow: 1;
}

.campaign-name[b-fvomokor7w] {
    font-weight: 700;
    font-size: 1.1rem;
    color: #9a3412;
    margin-bottom: 0.25rem;
}

.campaign-desc[b-fvomokor7w] {
    color: #c2410c;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.note-card[b-fvomokor7w] {
    background-color: #fff7ed;
    border-radius: var(--border-radius);
    padding: 1.25rem;
    border-left: 4px solid #fb923c;
    margin-top: 1.5rem;
}

.note-title[b-fvomokor7w] {
    font-weight: 600;
    color: #9a3412;
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.note-title i[b-fvomokor7w] {
    margin-right: 8px;
}

.note-content[b-fvomokor7w] {
    color: #7c2d12;
    margin-bottom: 0;
}

.order-card[b-fvomokor7w] {
    border-radius: var(--border-radius);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 25px;
}

.order-header[b-fvomokor7w] {
    background-color: var(--primary-color);
    color: white;
    padding: 1.5rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.order-title[b-fvomokor7w] {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
}

.order-status[b-fvomokor7w] {
    background-color: var(--success-color);
    color: white;
    padding: 5px 12px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
}

.order-body[b-fvomokor7w] {
    padding: 2rem;
}

.order-section[b-fvomokor7w] {
    margin-bottom: 2rem;
}

.section-title[b-fvomokor7w] {
    font-weight: 600;
    margin-bottom: 1rem;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 0.75rem;
}

.order-products[b-fvomokor7w] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    text-align: center;
}

.order-products th[b-fvomokor7w] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    padding: var(--s-space-2) var(--s-space-8);
    font-size: var(--s-font-size-10)
}

.order-products th span:empty[b-fvomokor7w] {
    display: none;
}

.order-products td[b-fvomokor7w] {
    vertical-align: middle;
    border-width: 1px;
    padding: var(--s-space-2) var(--s-space-8);
    font-size: var(--s-font-size-10)
}

.product-row:hover[b-fvomokor7w] {
    background-color: rgba(58, 134, 255, 0.05);
}

.product-name[b-fvomokor7w] {
    font-weight: 600;
    text-align: left;
}

.product-color[b-fvomokor7w] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

.price-original[b-fvomokor7w] {
    text-decoration: line-through;
    color: var(--s-color-muted-foreground)
}

.price[b-fvomokor7w] {
    font-weight: 600;
}

.number[b-fvomokor7w] {
    text-align: right;
}

.cart-summary[b-fvomokor7w] {
    background-color: white;
    border-radius: var(--border-radius);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    font-size: 10px;
}

.cart-summary-header[b-fvomokor7w] {
    background-color: #f0f5ff;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e8ff;
}

.cart-summary-title[b-fvomokor7w] {
    font-weight: 600;
    color: var(--primary-color);
    margin: 0;
}

.cart-summary-body[b-fvomokor7w] {
    padding: 0;
}

.summary-item[b-fvomokor7w] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}



.summary-value[b-fvomokor7w] {
    font-weight: 600;
}

.action-btn[b-fvomokor7w] {
    font-size: 12px;
    font-weight: 600;
}

.btn-back[b-fvomokor7w] {
    color: var(--text-color);
    background-color: white;
    border: 2px solid #ddd;
}

.btn-back:hover[b-fvomokor7w] {
    background-color: #f0f0f0;
    border-color: #ccc;
}

.btn-update[b-fvomokor7w] {
    background-color: #2ea4e7;
    border: 1px solid;
    color: white;
    margin-left: 2px;
}

.btn-update:hover[b-fvomokor7w] {
    background-color: #2ea4e7;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(58, 134, 255, 0.2);
}

.border-right-cell:not(:last-child)[b-fvomokor7w] {
    border-right: 1px solid #c7c7c7;
}

@media (max-width: 767.98px) {
    .border-md-end[b-fvomokor7w] {
        border-right: none !important;
        border-bottom: 1px solid #f0f0f0;
    }
}

@media (min-width: 768px) {
    .border-md-end[b-fvomokor7w] {
        border-right: 1px solid #f0f0f0;
        height: 100%;
    }
}

.payment-summary-vertical[b-fvomokor7w] {
    max-width: 340px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin: 0.2rem 0;
}

.payment-summary-header[b-fvomokor7w] {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    padding: 0.45rem;
    text-align: center;
}

.payment-summary-title[b-fvomokor7w] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.payment-summary-body[b-fvomokor7w] {
    padding: 0;
}


.summary-item:last-child[b-fvomokor7w] {
    border-bottom: none;
    padding-bottom: 0;
}

.summary-label[b-fvomokor7w] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    font-size: var(--s-font-size-12);
}

.summary-label i[b-fvomokor7w] {
    width: 20px;
    display: none;
    text-align: center;
}

.summary-item.grand-total .summary-label[b-fvomokor7w],
.summary-item.grand-total .summary-value[b-fvomokor7w] {
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
}

.weight-item[b-fvomokor7w] {
    background: #f8fafc;
}

.weight-item .summary-label[b-fvomokor7w],
.weight-item .summary-value[b-fvomokor7w] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12)
}


.order-detail-wrapper[b-fvomokor7w] {
    display: flex;
    gap: var(--s-space-14);
    align-items: start;
    flex-direction: row-reverse;
    flex-direction: column;
}

.order-detail-status[b-fvomokor7w] {
    padding: 4px 8px;
    gap: var(--s-space-2);
    height: auto;
    font-size: var(--s-font-size-12);
    border-radius: var(--s-border-radius-full)
}

.basket-product-content[b-fvomokor7w] {
    padding: 8px 12px;
}

.basket-product-main[b-fvomokor7w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (min-width:1024px) {
    .basket-product-main[b-fvomokor7w] {
        align-items: start;
    }
}

.basket-product-image[b-fvomokor7w] {
    width: 48px;
    height: 48px;
    border-width: 1px;
    border-radius: var(--s-border-radius-default);
    flex-shrink: 0;
}

.basket-product-image img[b-fvomokor7w] {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.basket-product-info[b-fvomokor7w] {
    flex: 1;
    min-width: 0;
}

.basket-product-name[b-fvomokor7w] {
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-medium);
    display: flex;
    flex-direction: column;
    max-width: calc(100% - calc(var(--rem-scale) * 4rem));
}

.basket-product-name-quantity-label[b-fvomokor7w] {
    font-weight: var(--s-font-weight-normal);
    font-size: var(--s-font-size-12);
}

@media screen and (min-width:1024px) {
    .basket-product-name[b-fvomokor7w] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-4);
    }
}

.product-features[b-fvomokor7w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4) var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.product-features-desktop[b-fvomokor7w] {
    display: none;
}

@media screen and (min-width:1024px) {
    .product-features-desktop[b-fvomokor7w] {
        display: flex;
        margin-top: var(--s-space-4);
        margin-bottom: 0;
    }

    .product-features-mobile[b-fvomokor7w] {
        display: none;
    }
}

.product-features-mobile[b-fvomokor7w] {
    margin-top: var(--s-space-8);
}

.product-features p[b-fvomokor7w],
.product-discounts p[b-fvomokor7w] {
    gap: var(--s-space-4);
    font-size: var(--s-font-size-12);
    margin: 0;
    flex-shrink: 0;
}

.product-features span:last-child[b-fvomokor7w],
.product-discounts span:last-child[b-fvomokor7w] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
}

.product-features span:first-child[b-fvomokor7w]:after,
.product-discounts span:first-child[b-fvomokor7w]:after {
    content: ": ";
}

.product-features span:first-child[b-fvomokor7w],
.product-discounts span:first-child[b-fvomokor7w] {
    color: var(--s-color-muted-foreground);
}

.basket-product-actions[b-fvomokor7w] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-right: auto;
}

@media screen and (min-width:1024px) {
    .basket-product-actions[b-fvomokor7w] {
        margin-right: 0;
        margin-left: auto;
    }
}

.basket-product-quantity[b-fvomokor7w] {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}

.basket-product-package-info[b-fvomokor7w] {
    font-size: var(--s-font-size-12);
    text-align: left;
}

@media screen and (min-width:1024px) {
    .basket-product-package-info[b-fvomokor7w] {
        text-align: center;
    }
}

.basket-product-package-info span:first-child[b-fvomokor7w] {
    color: var(--s-color-muted-foreground);
}

.basket-product-input[b-fvomokor7w] {
    border-radius: var(--s-border-radius-default);
    border-width: 1px;
    max-width: calc(var(--rem-scale) * 14rem);
}



.basket-product-input[b-fvomokor7w] {
    font-weight: var(--s-font-weight-medium);
}

.basket-product-input button[b-fvomokor7w] {
    background-color: transparent;
    border-radius: 0;
    height: calc(var(--rem-scale) * 2.8rem);
}

.basket-product-input>button[b-fvomokor7w] {
    border-right-width: 1px;
}

.basket-product-input>button+input+button[b-fvomokor7w] {
    border-left-width: 1px;
    border-right-width: 0;
}

.basket-product-delete[b-fvomokor7w] {
    align-self: flex-end;
    position: absolute;
    top: var(--s-space-8);
    right: var(--s-space-12);
}

@media screen and (min-width:1024px) {
    .basket-product-delete[b-fvomokor7w] {
        position: static;
    }
}

.basket-product-pricing[b-fvomokor7w] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;

}


.basket-product-bottom[b-fvomokor7w] {
    display: flex;
    justify-content: space-between;

    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (min-width:1024px) {

    .basket-product-pricing[b-fvomokor7w] {
        padding-left: calc(var(--rem-scale) * 5.6rem);
    }

    .basket-product-bottom[b-fvomokor7w] {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: var(--s-space-4) var(--s-space-8);
        align-items: end;
        margin-top: var(--s-space-4);
    }
}

.product-price-details[b-fvomokor7w] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4) var(--s-space-8);
    width: 100%;
    flex-wrap: wrap;
    margin-top: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

@media screen and (min-width:1024px) {
    .product-price-details[b-fvomokor7w] {
        margin-top: var(--s-space-4);
        max-width: calc(100% - calc(var(--rem-scale) * 19rem));
    }
}

.product-price-details svg[b-fvomokor7w],
.product-price-details p[b-fvomokor7w] {
    flex-shrink: 0;
}


.price-item[b-fvomokor7w] {
    display: flex;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    color: var(--s-color-body-text);
}

.price-item span:first-child[b-fvomokor7w] {
    color: var(--s-color-muted-foreground);
}

.price-item span:last-child[b-fvomokor7w] {
    font-weight: var(--s-font-weight-medium)
}

.price-item span:first-child[b-fvomokor7w]:after {
    content: ":";
}

.price-total[b-fvomokor7w] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    display: flex;
    margin: 0;
    flex-direction: column;
    text-align: center;
}

@media screen and (min-width:1024px) {
    .price-total[b-fvomokor7w] {
        flex-direction: row;
        text-align: unset;
        font-size: var(--s-font-size-14);
        gap: var(--s-space-4);
        align-items: end;
    }
}

.price-total span:first-child[b-fvomokor7w] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.price-total span:first-child[b-fvomokor7w]:after {
    content: ":";
}

.price-total-amount[b-fvomokor7w] {
    font-size: var(--s-font-size-14);
}

.product-discounts[b-fvomokor7w] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4) var(--s-space-8);
    flex-wrap: wrap;
    width: 100%;
    margin-top: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

@media screen and (min-width:1024px) {
    .product-discounts[b-fvomokor7w] {
        margin-top: var(--s-space-4);
    }
}

.product-discounts p[b-fvomokor7w],
.product-discounts svg[b-fvomokor7w] {
    flex-shrink: 0;
}

.basket-product-actions-desktop[b-fvomokor7w] {
    display: none;
}


.basket-product-quantity-with-price[b-fvomokor7w] {
    display: flex;
    gap: var(--s-space-4);
    align-items: end;
    margin-top: var(--s-space-8);
    flex-shrink: 0;
}

@media screen and (min-width:1024px) {
    .basket-product-actions-desktop[b-fvomokor7w] {
        display: flex;
    }

    .basket-product-actions-mobile[b-fvomokor7w] {
        display: none;
    }

    .basket-product-quantity-with-price[b-fvomokor7w] {
        margin-top: 0
    }
}
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentClientError.razor.rz.scp.css */
.failed-container[b-7kuz1iycb8] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}

.error-card[b-7kuz1iycb8] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    animation: slideUp 0.6s ease-out;
}


.error-icon[b-7kuz1iycb8] {
    background: linear-gradient(45deg, #dc3545, #fd7e14);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    animation: shake 0.8s ease-in-out;
}

    .error-icon i[b-7kuz1iycb8] {
        font-size: 2.5rem;
    }

.error-details[b-7kuz1iycb8] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
}

.btn-danger[b-7kuz1iycb8] {
    background: linear-gradient(45deg, #dc3545, #fd7e14);
    border: none;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-danger:hover[b-7kuz1iycb8] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
    }

.btn-outline-secondary[b-7kuz1iycb8] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-7kuz1iycb8] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
    }

.troubleshooting[b-7kuz1iycb8] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

    .troubleshooting ul[b-7kuz1iycb8] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .troubleshooting li[b-7kuz1iycb8] {
        margin-bottom: 8px;
    }
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentFail.razor.rz.scp.css */
.failed-container[b-rxpvedn4v3] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}

.error-card[b-rxpvedn4v3] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    animation: slideUp 0.6s ease-out;
}


.error-icon[b-rxpvedn4v3] {
    background: linear-gradient(45deg, #dc3545, #fd7e14);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    animation: shake 0.8s ease-in-out;
}

    .error-icon i[b-rxpvedn4v3] {
        font-size: 2.5rem;
    }

.error-details[b-rxpvedn4v3] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
}

.btn-danger[b-rxpvedn4v3] {
    background: linear-gradient(45deg, #dc3545, #fd7e14);
    border: none;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-danger:hover[b-rxpvedn4v3] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
    }

.btn-outline-secondary[b-rxpvedn4v3] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-rxpvedn4v3] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
    }

.troubleshooting[b-rxpvedn4v3] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

    .troubleshooting ul[b-rxpvedn4v3] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .troubleshooting li[b-rxpvedn4v3] {
        margin-bottom: 8px;
    }
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentSuccess.razor.rz.scp.css */
.success-container[b-a1kibs6j0b] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}
.success-card[b-a1kibs6j0b] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    animation: slideUp 0.6s ease-out;
}

.success-icon[b-a1kibs6j0b] {
    background: linear-gradient(45deg, #28a745, #20c997);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    animation: pulse 2s infinite;
}

    .success-icon i[b-a1kibs6j0b] {
        font-size: 2.5rem;
    }

.order-details[b-a1kibs6j0b] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.btn-primary[b-a1kibs6j0b] {
    background: linear-gradient(45deg, #667eea, #764ba2);
    border: none;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-primary:hover[b-a1kibs6j0b] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
    }

.btn-outline-secondary[b-a1kibs6j0b] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-a1kibs6j0b] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
    }
/* /Pages/PaymentManagement/Pages/Payments/Payment.razor.rz.scp.css */
.bank-logo[b-2vep801yic] {
    height: 24px;
    object-fit: contain;
    margin-right: 8px;
}

.card-type-icon[b-2vep801yic] {
    height: 20px;
    margin-left: 4px;
}

.bank-info[b-2vep801yic] {
    display: flex;
    align-items: center;
    margin-top: 8px;
    color: #6c757d;
}

.info-content[b-2vep801yic] {
    width: 360px;
    margin: 0px 20px;
}

.payment-form[b-2vep801yic] {
    width: 100%;
    max-width: calc(var(--rem-scale) * 45rem);
    margin-inline: auto;
}

.payment-form-content[b-2vep801yic] {
    display: flex;
    gap: var(--s-space-24);
    flex-direction: column;
}


.credit-card-inner[b-2vep801yic] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-primary);
    padding: var(--s-space-24);
    color: var(--s-color-primary-foreground)
}

.card-logo[b-2vep801yic] {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
}

.card-brand-logo[b-2vep801yic] {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 40px;
    width: auto;
}

.card-chip[b-2vep801yic] {
    width: calc(var(--rem-scale) * 4.8rem);
    height: calc(var(--rem-scale) * 3.2rem);
    background: #fdc700;
    border-radius: var(--s-border-radius-small);
    margin-bottom: calc(var(--rem-scale) * 2rem);
}

.card-number[b-2vep801yic] {
    font-size: var(--s-font-size-18);
    letter-spacing: 2px;
    margin-bottom: var(--s-space-12);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-info[b-2vep801yic] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.card-holder[b-2vep801yic],
.card-expires[b-2vep801yic] {
    text-transform: uppercase;
    font-size: var(--s-font-size-12);
}

.card-holder-name[b-2vep801yic],
.card-expires-value[b-2vep801yic] {
    font-size: var(--s-font-size-12);
}

.card-brand[b-2vep801yic] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2em;
    font-weight: bold;
}

.installment-label[b-2vep801yic] {
    display: flex;
    align-items: center;
    font-size: var(--s-font-size-14);
    gap: var(--s-space-8);
    padding-left: var(--s-space-4);
}
/* /Pages/Projects/Activity/EditTaskCanvas.razor.rz.scp.css */
.user-image[b-xu1nnaf50e] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.user-name[b-xu1nnaf50e] {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    min-width: fit-content;
}

.user-name-after[b-xu1nnaf50e] {
    font-size: 10px;
    margin-top: 5px;
    margin-left: 10px;
    min-width: fit-content;
}

.comment[b-xu1nnaf50e] {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}

.edit-area .row[b-xu1nnaf50e] {
    padding-top: 3px;
    padding-bottom: 3px;
}

.font-size-15[b-xu1nnaf50e] {
    font-size: 15px;
}

.font-size-13[b-xu1nnaf50e] {
    font-size: 13px;
}

.title[b-xu1nnaf50e] {
    font-weight: 600;
}

.offcanvas[b-xu1nnaf50e] {
    background: #edeff8;
}

.edit-canvas .offcanvas-footer[b-xu1nnaf50e] {
    padding: 0px;
    height: 90px;
}

.offcanvas-header[b-xu1nnaf50e] {
    padding-bottom: 0px;
    padding-top: 10px;
    padding-left: 5px;
}

.offcanvas-body[b-xu1nnaf50e] {
    overflow-x: hidden;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
}

.comment-time[b-xu1nnaf50e] {
    font-size: 10px;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}

.comment-area[b-xu1nnaf50e] {
    border-radius: 8px;
    padding-top: 10px !important;
    margin-top: 4px !important;
    background: #fdfcf5;
    border: 0.2px solid grey;
    padding-left: 5px;
    padding-right: 5px;
}

.sub-comment-area[b-xu1nnaf50e] {
    padding-left: 60px !important;
}

.attach-button[b-xu1nnaf50e] {
    width: max-content !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.accordion-item[b-xu1nnaf50e] {
    border: none !important;
    background: transparent;
}

.accordion-button[b-xu1nnaf50e] {
    padding: 0px !important;
    font-size: 13px;
    color: var(--bs-primary);
    background: transparent;
}

    .accordion-button[b-xu1nnaf50e]::after {
        margin-left: unset;
    }

.sub-comment-divider[b-xu1nnaf50e] {
    border-top: 0.2px solid #c4bfbf;
    padding-bottom: 10px;
}

.task-update-button[b-xu1nnaf50e] {
    font-size: 15px;
    width: max-content;
    margin-right: 10px;
}

.task-detail-tabs[b-xu1nnaf50e] {
    padding-left: 0px;
    padding-right: 0px;
}

.task-detail-tabs .dxbl-tabs-tablist[b-xu1nnaf50e] {
    background-color: ghostwhite
}

.task-detail-tabs .tab-page[b-xu1nnaf50e] {
    padding-left: 5px;
    padding-right: 5px;
}

.task-detail-tabs .dxbl-tabs-content-pane[b-xu1nnaf50e] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.task-update-area[b-xu1nnaf50e] {
    border: solid 2px #bdaeae;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 8px;
    margin-top: 5px;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/Approver/RevisionApprovalHistory.razor.rz.scp.css */
.revision-approval-history[b-q5wnf73kbl] {
    max-width: 100%;
    overflow-x: auto;
}

.compact-table[b-q5wnf73kbl] {
    border-collapse: collapse;
}

.compact-table th[b-q5wnf73kbl],
.compact-table td[b-q5wnf73kbl] {
    padding: 6px 10px;
    vertical-align: middle;
}

.compact-table td:first-child[b-q5wnf73kbl] {
    width: 40%;
    white-space: nowrap;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/PropasalLines/Components/RevisionStatusPopover.razor.rz.scp.css */
.revision-icon-container[b-9m01ocmc9i] {
    position: relative;
    display: inline-block;
}

.revision-popover[b-9m01ocmc9i] {
    z-index: 9000;
    top: 100%;
    left: 0;
    min-width: 200px;
    max-width: 300px;
    font-size: 0.9rem;
    word-wrap: break-word;
}

.revision-popover-header[b-9m01ocmc9i] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.25rem;
}

.revision-popover-body[b-9m01ocmc9i] {
    font-size: 0.85rem;
    max-height: 150px;
    overflow-y: auto;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/PropasalLines/PropasalLineGridComponent.razor.rz.scp.css */
.no-hover:hover[b-ryy0xmwtka] {
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}

.non-clickable[b-ryy0xmwtka] {
    pointer-events: none; /* Tıklanabilirliği devre dışı bırakır */
    cursor: default; /* Fare imlecini varsayılan yapar */
}

.badge-xs[b-ryy0xmwtka] {
    font-size: 8px; /* Daha küçük yazı boyutu */
    padding: 1px 2px; /* Daha küçük iç boşluk */
}
/* /Pages/Proposal/ProposalContainer.razor.rz.scp.css */
/* /Pages/Proposal/ProposalOverview.razor.rz.scp.css */
#sales-proposal[b-jrma44vp8i]{
    padding:16px;
}

#sales-proposal .card[b-jrma44vp8i] {
    margin-bottom: 20px !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

#sales-proposal .header-info[b-jrma44vp8i] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

#sales-proposal .header-info h5[b-jrma44vp8i] {
    margin: 0 !important;
    font-size: 24px !important;
}

#sales-proposal .header-info p[b-jrma44vp8i] {
    margin: 0 !important;
    font-size: 16px !important;
    color: #6c757d !important;
}

#sales-proposal .status-badge[b-jrma44vp8i] {
    padding: 5px 10px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

#sales-proposal .detail-item[b-jrma44vp8i] {
    display: flex !important;
    justify-content: space-between !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e9ecef !important;
}

#sales-proposal .detail-item:last-child[b-jrma44vp8i] {
    border-bottom: none !important;
}

#sales-proposal .detail-item span[b-jrma44vp8i] {
    font-weight: bold !important;
}

#sales-proposal .right-align[b-jrma44vp8i] {
    text-align: right !important;
}

#sales-proposal .left-panel[b-jrma44vp8i], #sales-proposal .right-panel[b-jrma44vp8i] {
    border-radius: 10px !important;
}

#sales-proposal .left-panel[b-jrma44vp8i] {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    margin-right: 20px !important;
    font-size: 12px !important;
}

#sales-proposal .right-panel[b-jrma44vp8i] {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

#sales-proposal .left-panel[b-jrma44vp8i], #sales-proposal .right-panel[b-jrma44vp8i] {
    flex: 1 !important;
    padding: 10px !important;
    min-width: 250p !important;
}

#sales-proposal .detail-item[b-jrma44vp8i] {
    margin-bottom: 10px !important;
}

#sales-proposal table[b-jrma44vp8i] {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 10px !important;
    font-size: 12px !important;
    font-family: "Arial", sans-serif !important;
    color: #343a40 !important;
}

#sales-proposal table th[b-jrma44vp8i], #sales-proposal table td[b-jrma44vp8i] {
    padding: 10px !important;
    text-align: left !important;
    border-bottom: 1px solid #e9ecef !important;
}

#sales-proposal table th[b-jrma44vp8i] {
    background-color: #f8f9fa !important;
    font-weight: bold !important;
}

#sales-proposal table tr:last-child td[b-jrma44vp8i] {
    border-bottom: none !important;
}

#sales-proposal hr[b-jrma44vp8i] {
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    margin: 0 !important;
}

#sales-proposal .row-header[b-jrma44vp8i] {
    font-weight: bold !important;
}

@media (max-width: 768px) {
    #sales-proposal .d-flex.flex-wrap .left-panel[b-jrma44vp8i],
    #sales-proposal .d-flex.flex-wrap .right-panel[b-jrma44vp8i] {
        flex-basis: 100% !important;
    }
}
/* /Pages/Proposal/StockRequestDates/StockRequestDateModal.razor.rz.scp.css */
.mb-2 p[b-alyrntp5kl] {
    margin-bottom: 0; /* Varsayılan margin'i kaldırıyoruz */
}

.fs-6.fw-bold[b-alyrntp5kl] {
    margin-top: 0.5rem; /* İkinci paragrafın üstüne biraz boşluk ekliyoruz */
}

/* Styles scoped to the custom-card-container */
.custom-card-container[b-alyrntp5kl] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between the cards */
}

.custom-card-container .card[b-alyrntp5kl] {
    min-width: 250px;
    max-width: 300px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

.custom-card-container .card-body[b-alyrntp5kl] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-card-container .card .card-text[b-alyrntp5kl] {
    margin-bottom: 0.5rem;
    font-size: 12px;
}

.custom-card-container .card .btn[b-alyrntp5kl] {
    font-size: 12px;
    padding: 5px 10px;
}

/* Button hover effects */
.custom-card-container .btn-outline-secondary:hover[b-alyrntp5kl] {
    background-color: #6c757d;
    color: #fff;
}

.custom-card-container .btn-outline-danger:hover[b-alyrntp5kl] {
    background-color: #dc3545;
    color: #fff;
}

/* Styling for the empty state message */
.custom-card-container .text-center[b-alyrntp5kl] {
    width: 100%;
    font-size: 14px;
    padding: 20px;
}
/* /Pages/PurchaseManagement/Pages/PurchaseRequestLines/PurchaseRequestLineListByPurchaseRequestId.razor.rz.scp.css */
.parent-row[b-24zy2pbfjw] {
    background-color: #94caff !important;
    font-weight: bold;
}

.disabled-row[b-24zy2pbfjw] {
    opacity: 0.7;
    pointer-events: none;
}

.child-row[b-24zy2pbfjw] {
    background-color: white !important;
}

.child-row td[b-24zy2pbfjw] {
    padding-left: 20px !important;
    border-left: 3px solid #e6f3ff !important;
}

[data-no-edit=true][b-24zy2pbfjw] {
    pointer-events: none;
}

.parent-row .dxbs-gridview .dxbs-table > tbody > tr > td[b-24zy2pbfjw] {
    color: #6c757d;
}

.parent-row-icon[b-24zy2pbfjw], .child-row-icon[b-24zy2pbfjw] {
    margin-right: 5px;
}

.parent-row-icon[b-24zy2pbfjw] {
    color: #0d6efd;
}

.child-row-icon[b-24zy2pbfjw] {
    color: #20c997;
}


.parent-row[b-24zy2pbfjw] {
    background-color: #f8f9fa !important;
    font-weight: bold;
}

.disabled-row[b-24zy2pbfjw] {
    opacity: 0.7;
    pointer-events: none;
}

.child-row[b-24zy2pbfjw] {
    background-color: white !important;
}

.child-cell[b-24zy2pbfjw] {
    padding-left: 25px !important;
    border-left: 3px solid #e6f3ff !important;
}

[data-no-edit=true][b-24zy2pbfjw] {
    pointer-events: none;
}

.parent-row .dxbs-gridview .dxbs-table > tbody > tr > td[b-24zy2pbfjw] {
    color: #6c757d;
}

.parent-row-icon[b-24zy2pbfjw], .child-row-icon[b-24zy2pbfjw] {
    margin-right: 5px;
}

.parent-row-icon[b-24zy2pbfjw] {
    color: #0d6efd;
}

.child-row-icon[b-24zy2pbfjw] {
    color: #20c997;
}

.header-switcher .dxbs-tb-button .dxbs-tb-caption[b-24zy2pbfjw],
.header-switcher .dxbs-tb-split-button .dxbs-tb-caption[b-24zy2pbfjw] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/Compenents/PurchaseTermRequestToolbar.razor.rz.scp.css */
.pt-toolbar[b-ph5bk3yfdy] {
    min-height: 44px;
    background-color: #f8f9fa;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 8px;
    gap: 8px;
    flex-wrap: wrap;
}

.ptr-grid-font-switcher[b-ph5bk3yfdy] {
    display: flex;
    align-items: center;
    margin-left: 8px;
    padding-left: 10px;
    border-left: 1px solid #d7dee8;
}

.ptr-grid-font-group[b-ph5bk3yfdy] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background-color: #ffffff;
}

.ptr-font-size-btn[b-ph5bk3yfdy] {
    border: 0;
    background: transparent;
    color: #526071;
    width: 32px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ptr-font-size-btn + .ptr-font-size-btn[b-ph5bk3yfdy] {
    border-left: 1px solid #e2e8f0;
}

.ptr-font-size-btn:hover[b-ph5bk3yfdy] {
    background-color: #f1f5f9;
}

.ptr-font-size-btn.active[b-ph5bk3yfdy] {
    background-color: #e7efff;
    color: #1447e6;
}

.ptr-font-icon[b-ph5bk3yfdy] {
    line-height: 1;
}

.ptr-font-icon-original[b-ph5bk3yfdy] {
    font-size: 0.78rem;
}

.ptr-font-icon-sm[b-ph5bk3yfdy] {
    font-size: 0.72rem;
}

.ptr-font-icon-md[b-ph5bk3yfdy] {
    font-size: 0.85rem;
}

.ptr-font-icon-ml[b-ph5bk3yfdy] {
    font-size: 0.98rem;
}

:global(body[data-theme="dark"]) .pt-toolbar[b-ph5bk3yfdy] {
    background-color: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.24);
}

:global(body[data-theme="dark"]) .ptr-grid-font-switcher[b-ph5bk3yfdy] {
    border-left-color: rgba(148, 163, 184, 0.28);
}

:global(body[data-theme="dark"]) .ptr-grid-font-group[b-ph5bk3yfdy] {
    background-color: rgba(15, 23, 42, 0.95);
    border-color: rgba(148, 163, 184, 0.3);
}

:global(body[data-theme="dark"]) .ptr-font-size-btn[b-ph5bk3yfdy] {
    color: #dbe4f0;
}

:global(body[data-theme="dark"]) .ptr-font-size-btn + .ptr-font-size-btn[b-ph5bk3yfdy] {
    border-left-color: rgba(148, 163, 184, 0.22);
}

:global(body[data-theme="dark"]) .ptr-font-size-btn:hover[b-ph5bk3yfdy] {
    background-color: rgba(51, 65, 85, 0.6);
}

:global(body[data-theme="dark"]) .ptr-font-size-btn.active[b-ph5bk3yfdy] {
    background-color: rgba(59, 130, 246, 0.22);
    color: #bfdbfe;
}

@media (max-width: 1400px) {
    .ptr-grid-font-switcher[b-ph5bk3yfdy] {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/PurchaseTermRequest.razor.rz.scp.css */
.page-container[b-do9ct04x47] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.header-bar[b-do9ct04x47],
.info-bar[b-do9ct04x47] {
    flex-shrink: 0;
}

.grid-wrapper[b-do9ct04x47] {
    flex: 1;
    overflow-y: auto;
    margin-top: 6px;
}

.sticky-preview-area[b-do9ct04x47] {
    position: sticky;
    bottom: 0;
    z-index: 50;
    border-top: 1px solid #b8c7dc;
    padding: 2px 6px 0 6px;
    flex-shrink: 0;
    margin-top: auto;
}

.price-change-toolbar[b-do9ct04x47] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.price-change-toolbar .toolbar-item[b-do9ct04x47] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.price-change-toolbar .toolbar-item label[b-do9ct04x47] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
}

.purchase-term-request-page[b-do9ct04x47] {
    --purchase-term-grid-font-size: inherit;
    --purchase-term-grid-zebra-bg: #f1f5fa;
}

.purchase-term-request-page.purchase-term-grid-font-original[b-do9ct04x47] {
    --purchase-term-grid-font-size: inherit;
}

.purchase-term-request-page.purchase-term-grid-font-sm[b-do9ct04x47] {
    --purchase-term-grid-font-size: 0.75rem;
}

.purchase-term-request-page.purchase-term-grid-font-md[b-do9ct04x47] {
    --purchase-term-grid-font-size: 0.82rem;
}

.purchase-term-request-page.purchase-term-grid-font-ml[b-do9ct04x47] {
    --purchase-term-grid-font-size: 0.9rem;
}

:global(body[data-theme="dark"]) .purchase-term-request-page[b-do9ct04x47] {
    --purchase-term-grid-zebra-bg: rgba(255, 255, 255, 0.04);
}

.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) {
    font-size: var(--purchase-term-grid-font-size);
}

.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table th,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table td,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-toolbar,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-toolbar .dxbl-btn,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-text-edit-input,
.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-checkbox-label {
    font-size: inherit;
}

.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) table:not(.dxbl-sc-table) tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-focused-row, .dxbl-grid-group-row):nth-child(odd) {
    --s-row-color: var(--purchase-term-grid-zebra-bg);
}

.purchase-term-request-page[b-do9ct04x47]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) table:not(.dxbl-sc-table) tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-focused-row, .dxbl-grid-group-row):nth-child(odd) td:not(.cell-editable):not(.cell-changed) {
    background-color: var(--purchase-term-grid-zebra-bg) !important;
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/PurchaseTermRequestLinesGrid.razor.rz.scp.css */
.dxbl-grid-focused-cell-canvas[b-w3xybia8hx],
.dxbl-grid-focused-row-canvas[b-w3xybia8hx],
.dx-grid-focused-cell-canvas[b-w3xybia8hx] {
    display: none !important;
}

.salesorder-grid td.dxbl-grid-cell.cell-editable:focus[b-w3xybia8hx],
.salesorder-grid td.dxbl-grid-cell.cell-changed:focus[b-w3xybia8hx],
.salesorder-grid td.dxbl-grid-cell.cell-editable:focus-within[b-w3xybia8hx],
.salesorder-grid td.dxbl-grid-cell.cell-changed:focus-within[b-w3xybia8hx] {
    outline: 3px solid #000000 !important;
    outline-offset: -3px !important;
    box-shadow: inset 0 0 0 2px #000000 !important;
    z-index: 9999 !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
}
/* /Pages/Purchases/Proposal/SubmitSupplierOfferModal.razor.rz.scp.css */
div[dxbl-grid-summary-item][b-o9htkwdo8g] {
    font-weight: bold;
    text-align: right;
}

.grid-max-height[b-o9htkwdo8g] {
    max-height: 400px; /* İstediğiniz maksimum yüksekliği burada belirleyebilirsiniz */
    overflow-y: auto;
}
/* /Pages/Shared/Pages/AutomationForms/AutomationFormAddOrUpdate.razor.rz.scp.css */
/* ====================================================
   AutomationFormAddOrUpdate — Custom Split Layout
   Left: Settings Sidebar | Right: Tab Content
   ==================================================== */

/* ── Root container ── */
.af-container[b-2vhoar7k91] {
    display: flex;
    gap: 0;
    width: 100%;
    min-height: calc(100vh - 12rem);
    max-height: calc(100vh - 8.5rem);
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    background-color: var(--s-color-surface);
    box-sizing: border-box;
}

/* ====================================================
   LEFT SIDEBAR
   ==================================================== */
.af-sidebar[b-2vhoar7k91] {
    flex: 0 0 260px;
    display: flex;
    flex-direction: column;
    background-color: var(--s-color-sidebar);
    border-right: 1px solid var(--s-color-border);
    overflow: hidden;
    min-width: 0;
}

/* Brand / header block */
.af-sidebar-brand[b-2vhoar7k91] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 16px 14px;
    border-bottom: 1px solid var(--s-color-border);
}

.af-sidebar-brand-icon[b-2vhoar7k91] {
    width: 38px;
    height: 38px;
    border-radius: var(--s-border-radius-default);
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.af-sidebar-title[b-2vhoar7k91] {
    font-weight: 600;
    font-size: 0.84rem;
    color: var(--s-color-body-text);
    line-height: 1.3;
}

.af-sidebar-subtitle[b-2vhoar7k91] {
    font-size: 0.72rem;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
}

/* Scrollable body */
.af-sidebar-body[b-2vhoar7k91] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Field groups */
.af-field-group[b-2vhoar7k91] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.af-label[b-2vhoar7k91] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.af-label i[b-2vhoar7k91] {
    font-size: 0.8rem;
    color: var(--s-color-muted-foreground);
}

.af-input[b-2vhoar7k91] {
    width: 100%;
}

/* Stats row */
.af-sidebar-stats[b-2vhoar7k91] {
    display: flex;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--s-color-border);
    border-bottom: 1px solid var(--s-color-border);
}

.af-stat-item[b-2vhoar7k91] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 6px 4px;
    border-radius: var(--s-border-radius-small, 6px);
    background-color: var(--s-color-surface);
}

.af-stat-count[b-2vhoar7k91] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #6366f1;
    line-height: 1;
}

.af-stat-label[b-2vhoar7k91] {
    font-size: 0.68rem;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
    text-align: center;
}

/* Sidebar footer + action buttons */
.af-sidebar-footer[b-2vhoar7k91] {
    flex-shrink: 0;
}

.af-actions[b-2vhoar7k91] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 16px;
}

[b-2vhoar7k91] .af-btn-save .dxbl-btn {
    width: 100%;
    justify-content: center;
}

[b-2vhoar7k91] .af-btn-cancel .dxbl-btn {
    width: 100%;
    justify-content: center;
}

[b-2vhoar7k91] .af-btn-delete .dxbl-btn {
    width: 100%;
    justify-content: center;
}

/* ====================================================
   RIGHT CONTENT AREA
   ==================================================== */
.af-content[b-2vhoar7k91] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--s-color-surface);
}

.af-content-header[b-2vhoar7k91] {
    padding: 14px 20px 10px;
    border-bottom: 1px solid var(--s-color-border);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.af-content-title[b-2vhoar7k91] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.af-placeholder[b-2vhoar7k91] {
    color: var(--s-color-muted-foreground);
    font-style: italic;
    font-weight: 400;
}

.af-tabs-wrapper[b-2vhoar7k91] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.af-tab-content[b-2vhoar7k91] {
    padding: 16px;
    background-color: transparent !important;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
}

/* ====================================================
   DX OVERRIDES (scoped via ::deep)
   ==================================================== */

/* Make buttons full-width */
[b-2vhoar7k91] .af-btn-save,
[b-2vhoar7k91] .af-btn-cancel,
[b-2vhoar7k91] .af-btn-delete {
    display: block;
    width: 100%;
}

[b-2vhoar7k91] .af-btn-save .dxbl-btn,
[b-2vhoar7k91] .af-btn-cancel .dxbl-btn,
[b-2vhoar7k91] .af-btn-delete .dxbl-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
}

/* Input sync */
[b-2vhoar7k91] .dxbl-input-editor,
[b-2vhoar7k91] .dxbl-text-edit,
[b-2vhoar7k91] .dxbl-combobox,
[b-2vhoar7k91] .dxbl-input-group {
    background-color: var(--s-color-input-bg);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    font-size: var(--s-font-size-14);
    box-sizing: border-box;
}

/* Tab duplicate text fix */
[b-2vhoar7k91] .dxbl-tabs-item > div > div:nth-child(2) {
    display: none !important;
}

[b-2vhoar7k91] .dxbl-tabs-item > div > div:first-child {
    padding: 8px 16px;
    display: flex;
    align-items: center;
}

[b-2vhoar7k91] .dxbl-tabs-item.dxbl-active > div {
    border-bottom: 2px solid var(--s-color-primary);
    color: var(--s-color-primary);
}

/* Label styles */
[b-2vhoar7k91] .dxbl-fl-cpt {
    color: var(--s-color-label);
    font-size: var(--s-font-size-14);
}

/* DX Button sizes */
[b-2vhoar7k91] .dxbl-btn {
    border-radius: var(--s-border-radius-default);
    font-size: var(--s-font-size-14);
}

/* bg-white → design token */
[b-2vhoar7k91] .bg-white {
    background-color: var(--s-color-surface) !important;
}

/* DxTabs: make tab page body fill remaining height and scroll */
[b-2vhoar7k91] .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    height: 100%;
}

[b-2vhoar7k91] .dxbl-tabs > .dxbl-tabs-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-2vhoar7k91] .dxbl-tabs-page {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* Ensure buttons in focused grid rows are visible */
[b-2vhoar7k91] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn {
    opacity: 1 !important;
    visibility: visible !important;
}

[b-2vhoar7k91] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn i,
[b-2vhoar7k91] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn .bi {
    opacity: 1 !important;
    visibility: visible !important;
    /* Using a dark color to ensure visibility if the row has a light background */
    color: var(--s-color-body-text) !important;
}

/* Ensure caret buttons match theme and are visible */
[b-2vhoar7k91] .dxbl-btn-text.s-button-secondary {
    color: var(--s-color-muted-foreground);
}

[b-2vhoar7k91] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn-text h6 i {
    color: var(--s-color-body-text) !important;
}

/* ====================================================
   DARK THEME — Full DX Component Overrides
   ==================================================== */

/* Grid */
[b-2vhoar7k91] .dxbl-grid {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-2vhoar7k91] .dxbl-grid-header,
[b-2vhoar7k91] .dxbl-grid-header-content,
[b-2vhoar7k91] .dxbl-grid-table thead th {
    background-color: var(--s-color-sidebar) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-2vhoar7k91] .dxbl-grid-table tbody td {
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-2vhoar7k91] .dxbl-grid-table tbody tr {
    background-color: var(--s-color-surface) !important;
}

[b-2vhoar7k91] .dxbl-grid-table tbody tr:hover {
    background-color: var(--s-color-secondary-hover) !important;
}

[b-2vhoar7k91] .dxbl-grid tr.dxbl-grid-focused-row {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-accent-foreground) !important;
}

/* DxToolbar */
[b-2vhoar7k91] .dxbl-toolbar {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
    color: var(--s-color-body-text) !important;
}

/* DxTabs — tab bar and tab items */
[b-2vhoar7k91] .dxbl-tabs,
[b-2vhoar7k91] .dxbl-tabs-tablist,
[b-2vhoar7k91] .dxbl-tabs-header,
[b-2vhoar7k91] .dxbl-tabs-nav-container,
[b-2vhoar7k91] .dxbl-tabs-scroll-container,
[b-2vhoar7k91] .dxbl-tabs-nav {
    background-color: var(--s-color-surface) !important;
}

[b-2vhoar7k91] .dxbl-tabs-panel {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
}

[b-2vhoar7k91] .dxbl-tabs-item > div {
    color: var(--s-color-muted-foreground) !important;
}

[b-2vhoar7k91] .dxbl-tabs-item.dxbl-active > div {
    color: var(--s-color-primary) !important;
}

[b-2vhoar7k91] .dxbl-tabs-content {
    background-color: var(--s-color-surface) !important;
}

[b-2vhoar7k91] .dxbl-tabs-page {
    background-color: var(--s-color-surface) !important;
}

/* Inputs inside the grid (CellDisplayTemplate editors) */
[b-2vhoar7k91] .dxbl-grid .dxbl-input-editor,
[b-2vhoar7k91] .dxbl-grid .dxbl-text-edit {
    background-color: var(--s-color-input-bg) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

/* Grid footer / pager */
[b-2vhoar7k91] .dxbl-grid-footer {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
}

/* Popup/Dropdown dark theme */
[b-2vhoar7k91] .dxbl-popup-body,
[b-2vhoar7k91] .dxbl-popup-header,
[b-2vhoar7k91] .dxbl-popup-footer {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-2vhoar7k91] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

/* Listbox dropdown items */
[b-2vhoar7k91] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
}

[b-2vhoar7k91] .dxbl-listbox-item:hover {
    background-color: var(--s-color-secondary-hover) !important;
}
/* /Pages/Shared/Pages/AutomationForms/AutomationFormNewViewer.razor.rz.scp.css */
.a4-container[b-bz9p9mjzac] {
    width: 210mm;
    min-height: 297mm;
    padding: 50px !important;
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
    position: relative;
}

.info-row[b-bz9p9mjzac] {
    display: flex;
    align-items: baseline;
    margin-bottom: 8px;
}

.info-label[b-bz9p9mjzac] {
    font-weight: var(--s-font-weight-bold);
    width: 140px;
    min-width: 140px;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
}

.info-value[b-bz9p9mjzac] {
    font-weight: var(--s-font-weight-regular);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
    min-height: 24px;
    padding-left: 5px;
}

.form-label-custom[b-bz9p9mjzac] {
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
}

/* Theme-aware border-bottom */
.border-bottom-theme[b-bz9p9mjzac] {
    border-bottom: 1px solid var(--s-color-border) !important;
}

/* ========================================
   DevExpress Form Components — Theme Overrides
   ======================================== */

[b-bz9p9mjzac] .dxbl-input-editor {
    background-color: var(--s-color-input-bg) !important;
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) !important;
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
    font-size: var(--s-font-size-default) !important;
}

[b-bz9p9mjzac] .dxbl-edit-input,
[b-bz9p9mjzac] .dxbl-text {
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-bz9p9mjzac] .dxbl-editor-focus .dxbl-input-editor {
    border-color: var(--s-color-ring) !important;
}

[b-bz9p9mjzac] .dxbl-combobox .dxbl-input-editor,
[b-bz9p9mjzac] .dxbl-listbox {
    background-color: var(--s-color-input-bg) !important;
    border-color: var(--s-color-border) !important;
    color: var(--s-color-body-text) !important;
    border-radius: var(--s-border-radius-default) !important;
    font-size: var(--s-font-size-default) !important;
}

[b-bz9p9mjzac] .dxbl-checkbox-check-element {
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-small) !important;
}

[b-bz9p9mjzac] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

[b-bz9p9mjzac] .dxbl-btn-primary {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border-radius: var(--s-border-radius-small) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-bz9p9mjzac] .dxbl-btn-primary:hover {
    background-color: var(--s-color-primary-hover) !important;
}
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormFieldsTab.razor.rz.scp.css */
.drag-over-row[b-e5wvy5ol1u] {
    border-top: 2px solid var(--s-color-primary) !important;
}

.automation-fields-grid .dxbl-grid-table tbody tr:hover td[b-e5wvy5ol1u] {
    background-color: var(--s-color-accent) !important;
    color: inherit !important;
}

.automation-fields-grid .dxbl-grid-table tbody tr.dxbl-grid-focused-row td[b-e5wvy5ol1u] {
    background-color: var(--s-color-accent) !important;
    color: inherit !important;
}

.drag-handle[b-e5wvy5ol1u] {
    cursor: grab;
    text-align: center;
    padding: 4px;
    user-select: none;
}

    .drag-handle:active[b-e5wvy5ol1u] {
        cursor: grabbing;
    }
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormOptionEditor/AutomationFormEntityOptionEditor.razor.rz.scp.css */
/* ── Entity Option Editor Modal Body ── */
.aeoe-body[b-cz68d6hy41] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 8px 4px;
}

/* ── Field groups ── */
.aeoe-field-group[b-cz68d6hy41] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.aeoe-label[b-cz68d6hy41] {
    font-size: var(--s-font-size-14);
    font-weight: 600;
    color: var(--s-color-label);
}

/* ── Inputs: theme-compatible border-radius ── */
[b-cz68d6hy41] .aeoe-input .dxbl-input-editor,
[b-cz68d6hy41] .aeoe-input .dxbl-text-edit,
[b-cz68d6hy41] .aeoe-input .dxbl-combobox,
[b-cz68d6hy41] .aeoe-input .dxbl-tagbox,
[b-cz68d6hy41] .aeoe-input .dxbl-input-group {
    background-color: var(--s-color-input-bg) !important;
    border: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) !important;
    color: var(--s-color-body-text) !important;
    font-size: var(--s-font-size-14);
}

[b-cz68d6hy41] .aeoe-input .dxbl-input-editor:focus-within,
[b-cz68d6hy41] .aeoe-input .dxbl-text-edit:focus-within,
[b-cz68d6hy41] .aeoe-input .dxbl-combobox:focus-within,
[b-cz68d6hy41] .aeoe-input .dxbl-tagbox:focus-within {
    border-color: var(--s-color-primary) !important;
    box-shadow: 0 0 0 2px var(--s-color-primary-alpha, rgba(99,102,241,.15)) !important;
}

/* Dropdown popup border-radius */
[b-cz68d6hy41] .dxbl-popup-window {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── Checkbox theme ── */
[b-cz68d6hy41] .aeoe-field-group .dxbl-checkbox-label {
    font-size: var(--s-font-size-14);
    color: var(--s-color-body-text);
}

/* ── Popup Theme Overrides ── */
[b-cz68d6hy41] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

[b-cz68d6hy41] .dxbl-popup-header {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-bottom: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0 !important;
}

[b-cz68d6hy41] .dxbl-popup-body {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-cz68d6hy41] .dxbl-popup-footer {
    background-color: var(--s-color-surface) !important;
    border-top: 1px solid var(--s-color-border) !important;
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default) !important;
}

/* ── Button border-radius ── */
[b-cz68d6hy41] .dxbl-btn {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── ComboBox dropdown dark theme ── */
[b-cz68d6hy41] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
}

[b-cz68d6hy41] .dxbl-listbox-item:hover,
[b-cz68d6hy41] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-secondary-hover) !important;
}

/* ── Close button dark theme ── */
[b-cz68d6hy41] .dxbl-popup-header-button {
    color: var(--s-color-body-text) !important;
}

/* ── TagBox chips dark theme ── */
[b-cz68d6hy41] .dxbl-tag {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-accent-foreground) !important;
    border-color: var(--s-color-border) !important;
}
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormOptionEditor/AutomationFormOptionEditor.razor.rz.scp.css */
/* ── Modal body ── */
.aoe-body[b-ekjvg9vc0f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 2px;
}

/* ── Add row ── */
.aoe-add-row[b-ekjvg9vc0f] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.aoe-input[b-ekjvg9vc0f] {
    flex: 1;
}

/* ── List area ── */
.aoe-list-wrapper[b-ekjvg9vc0f] {
    overflow-y: auto;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-surface);
}

[b-ekjvg9vc0f] .aoe-listbox {
    width: 100%;
    border: none;
    background-color: transparent !important;
}

/* ── Individual item ── */
.aoe-list-item[b-ekjvg9vc0f] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.15s;
}

.aoe-list-item:last-child[b-ekjvg9vc0f] {
    border-bottom: none;
}

.aoe-list-item:hover[b-ekjvg9vc0f] {
    background-color: var(--s-color-secondary-hover);
}

.aoe-order-btns[b-ekjvg9vc0f] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.aoe-item-text[b-ekjvg9vc0f] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--s-font-size-14);
    color: var(--s-color-body-text);
}

/* ── Theme-compatible text input border-radius ── */
[b-ekjvg9vc0f] .aoe-input .dxbl-input-editor,
[b-ekjvg9vc0f] .aoe-input .dxbl-text-edit,
[b-ekjvg9vc0f] .aoe-input .dxbl-input-group {
    background-color: var(--s-color-input-bg) !important;
    border: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) !important;
    color: var(--s-color-body-text) !important;
}

[b-ekjvg9vc0f] .aoe-input .dxbl-input-editor:focus-within,
[b-ekjvg9vc0f] .aoe-input .dxbl-text-edit:focus-within {
    border-color: var(--s-color-primary) !important;
    box-shadow: 0 0 0 2px rgba(99,102,241,.15) !important;
}

/* ── Popup Theme Overrides ── */
[b-ekjvg9vc0f] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

[b-ekjvg9vc0f] .dxbl-popup-header {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-bottom: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0 !important;
}

[b-ekjvg9vc0f] .dxbl-popup-body {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-ekjvg9vc0f] .dxbl-popup-footer {
    background-color: var(--s-color-surface) !important;
    border-top: 1px solid var(--s-color-border) !important;
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default) !important;
}

/* ── Button border-radius ── */
[b-ekjvg9vc0f] .dxbl-btn {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── ListBox items dark theme ── */
[b-ekjvg9vc0f] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
    background-color: transparent !important;
}

[b-ekjvg9vc0f] .dxbl-listbox-item:hover,
[b-ekjvg9vc0f] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-secondary-hover) !important;
}

/* ── Close button dark theme ── */
[b-ekjvg9vc0f] .dxbl-popup-header-button {
    color: var(--s-color-body-text) !important;
}
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormViewer.razor.rz.scp.css */
.a4-container[b-03s3b9h0t5] {
    width: 210mm;
    min-height: 297mm;
    padding: 50px !important;
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
    position: relative;
}

.info-row[b-03s3b9h0t5] {
    display: flex;
    align-items: baseline;
    margin-bottom: 8px;
}

.info-label[b-03s3b9h0t5] {
    font-weight: var(--s-font-weight-bold);
    width: 140px;
    min-width: 140px;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
}

.info-value[b-03s3b9h0t5] {
    font-weight: var(--s-font-weight-regular);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
    min-height: 24px;
    padding-left: 5px;
}

.form-label-custom[b-03s3b9h0t5] {
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-default);
}

/* Theme-aware border-bottom */
.border-bottom-theme[b-03s3b9h0t5] {
    border-bottom: 1px solid var(--s-color-border) !important;
}

/* ========================================
   DevExpress Form Components — Theme Overrides
   ======================================== */

[b-03s3b9h0t5] .dxbl-input-editor {
    background-color: var(--s-color-input-bg) !important;
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-default) !important;
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
    font-size: var(--s-font-size-default) !important;
}

[b-03s3b9h0t5] .dxbl-edit-input,
[b-03s3b9h0t5] .dxbl-text {
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-03s3b9h0t5] .dxbl-editor-focus .dxbl-input-editor {
    border-color: var(--s-color-ring) !important;
}

[b-03s3b9h0t5] .dxbl-combobox .dxbl-input-editor,
[b-03s3b9h0t5] .dxbl-listbox {
    background-color: var(--s-color-input-bg) !important;
    border-color: var(--s-color-border) !important;
    color: var(--s-color-body-text) !important;
    border-radius: var(--s-border-radius-default) !important;
    font-size: var(--s-font-size-default) !important;
}

[b-03s3b9h0t5] .dxbl-checkbox-check-element {
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-small) !important;
}

[b-03s3b9h0t5] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

[b-03s3b9h0t5] .dxbl-btn-primary {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    border-radius: var(--s-border-radius-small) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-03s3b9h0t5] .dxbl-btn-primary:hover {
    background-color: var(--s-color-primary-hover) !important;
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpDefinitionSidebar.razor.rz.scp.css */
.erp-sidebar[b-pxkf3b0uro] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem;
    gap: 0.4rem;
}

.erp-sidebar__title[b-pxkf3b0uro] {
    padding: 0.45rem 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--s-color-label);
    text-transform: uppercase;
}

.erp-sidebar__item[b-pxkf3b0uro] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    width: 100%;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--s-color-border);
    border-radius: 0.6rem;
    background: transparent;
    text-align: left;
    color: var(--s-color-body-text);
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.erp-sidebar__item:hover[b-pxkf3b0uro] {
    border-color: color-mix(in srgb, var(--s-color-primary, #2563eb) 40%, var(--s-color-border) 60%);
}

.erp-sidebar__item.is-active[b-pxkf3b0uro] {
    border-color: var(--s-color-primary, #2563eb);
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 10%, transparent 90%);
}

.erp-sidebar__item-name[b-pxkf3b0uro] {
    font-weight: 600;
}

.erp-sidebar__item-key[b-pxkf3b0uro] {
    font-size: 0.75rem;
    color: var(--s-color-muted-foreground);
}

.erp-sidebar__empty[b-pxkf3b0uro] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    border: 1px dashed var(--s-color-border);
    border-radius: 0.6rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.88rem;
    margin: 0.5rem;
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpJobsPanel.razor.rz.scp.css */
.erp-jobs__group[b-gj4fgulc0g] {
    padding: 0.9rem 1rem 0;
}

.erp-jobs__group-title[b-gj4fgulc0g] {
    margin-bottom: 0.55rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--s-color-label);
    text-transform: uppercase;
}

.erp-jobs__cards[b-gj4fgulc0g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 0.7rem;
    padding-bottom: 0.25rem;
}

.erp-jobs__card[b-gj4fgulc0g] {
    border: 1px solid var(--s-color-border);
    border-radius: 0.7rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--s-color-card) 92%, var(--s-color-muted) 8%);
}

.erp-jobs__card-header[b-gj4fgulc0g] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--s-color-border);
}

.erp-jobs__card-description[b-gj4fgulc0g] {
    margin: 0.2rem 0 0;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--s-color-muted-foreground);
    line-height: 1.35;
}

.erp-jobs__no-params[b-gj4fgulc0g] {
    padding: 0.6rem 0.75rem;
    font-size: 0.82rem;
    color: var(--s-color-muted-foreground);
}

.erp-jobs__params[b-gj4fgulc0g] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem;
}

.erp-jobs__param-row[b-gj4fgulc0g] {
    display: grid;
    grid-template-columns: 11rem 1fr;
    align-items: center;
    gap: 0.5rem;
}

.erp-jobs__param-label[b-gj4fgulc0g] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--s-color-label);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
}

.erp-jobs__param-input[b-gj4fgulc0g] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
}

.erp-jobs__card-actions[b-gj4fgulc0g] {
    display: flex;
    justify-content: flex-end;
    padding: 0.7rem 0.75rem 0.75rem;
}

.erp-jobs__empty[b-gj4fgulc0g] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    border: 1px dashed var(--s-color-border);
    border-radius: 0.6rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.88rem;
    margin: 0.5rem;
}

@media (max-width: 767.98px) {
    .erp-jobs__cards[b-gj4fgulc0g] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpScriptsPanel.razor.rz.scp.css */
.erp-scripts__list[b-uyylmwvprh] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.9rem 1rem 1rem;
}

.erp-scripts__card[b-uyylmwvprh] {
    border: 1px solid var(--s-color-border);
    border-radius: 0.7rem;
    overflow: hidden;
    background: color-mix(in srgb, var(--s-color-card) 92%, var(--s-color-muted) 8%);
}

.erp-scripts__toggle[b-uyylmwvprh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: 1px solid var(--s-color-border);
    padding: 0.65rem 0.75rem;
    font-weight: 700;
    color: var(--s-color-body-text);
}

.erp-scripts__title[b-uyylmwvprh] {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.erp-scripts__name[b-uyylmwvprh] {
    font-weight: 700;
}

.erp-scripts__summary[b-uyylmwvprh] {
    margin-top: 0.15rem;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--s-color-muted-foreground);
}

.erp-scripts__body[b-uyylmwvprh] {
    padding-bottom: 0.15rem;
}

.erp-scripts__field[b-uyylmwvprh] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.6rem 0.75rem 0;
}

.erp-scripts__field label[b-uyylmwvprh] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--s-color-label);
}

.erp-scripts__textarea[b-uyylmwvprh] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
}

.erp-scripts__actions[b-uyylmwvprh] {
    display: flex;
    justify-content: flex-end;
    padding: 0.7rem 0.75rem 0.75rem;
}

.erp-scripts__empty[b-uyylmwvprh] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    border: 1px dashed var(--s-color-border);
    border-radius: 0.6rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.88rem;
    margin: 0.5rem;
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpSettingsPanel.razor.rz.scp.css */
.erp-settings__actions[b-yfmfk4234w] {
    padding: 0.8rem 1rem 0;
}

.erp-settings__table-wrapper[b-yfmfk4234w] {
    padding: 0.55rem 1rem 1rem;
}

.erp-settings__table[b-yfmfk4234w] {
    margin: 0;
}

.erp-settings__lock-cell[b-yfmfk4234w] {
    width: 4.5rem;
    text-align: center;
}

.erp-settings__action-cell[b-yfmfk4234w] {
    width: 6.5rem;
    text-align: right;
}

.erp-settings__empty[b-yfmfk4234w] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    border: 1px dashed var(--s-color-border);
    border-radius: 0.6rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.88rem;
    margin: 0.5rem;
}
/* /Pages/Shared/Pages/ErpManagement/ErpManagementCatalog.razor.rz.scp.css */
.erp-management[b-aqkhod3c01] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
}

.erp-management__header[b-aqkhod3c01] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--s-color-border);
    border-radius: 0.75rem;
    background: var(--s-color-card);
}

.erp-management__title[b-aqkhod3c01] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--s-color-body-text);
}

.erp-management__subtitle[b-aqkhod3c01],
.erp-management__description[b-aqkhod3c01] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--s-color-muted-foreground);
}

.erp-management__header-actions[b-aqkhod3c01] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.erp-management__search[b-aqkhod3c01] {
    width: 16rem;
}

.erp-management__layout[b-aqkhod3c01] {
    display: grid;
    grid-template-columns: 16.5rem 1fr;
    gap: 0.75rem;
    min-height: 34rem;
}

[b-aqkhod3c01] .erp-sidebar,
.erp-management__content[b-aqkhod3c01] {
    border: 1px solid var(--s-color-border);
    border-radius: 0.75rem;
    background: var(--s-color-card);
}

.erp-management__content[b-aqkhod3c01] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.erp-management__content-header[b-aqkhod3c01] {
    padding: 0.9rem 1rem 0.55rem;
    border-bottom: 1px solid var(--s-color-border);
}

.erp-management__tabs[b-aqkhod3c01] {
    display: flex;
    gap: 0.45rem;
    padding: 0.75rem 1rem 0.7rem;
    border-bottom: 1px solid var(--s-color-border);
}

.erp-management__tab[b-aqkhod3c01] {
    border: 1px solid var(--s-color-border);
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
    border-radius: 999px;
    padding: 0.32rem 0.78rem;
    font-size: 0.82rem;
    font-weight: 600;
}

.erp-management__tab.is-active[b-aqkhod3c01] {
    border-color: var(--s-color-primary, #2563eb);
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 14%, transparent 86%);
    color: var(--s-color-primary, #2563eb);
}

.erp-management__empty[b-aqkhod3c01] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.5rem;
    border: 1px dashed var(--s-color-border);
    border-radius: 0.6rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.88rem;
    margin: 0.5rem;
}

.erp-management__empty--large[b-aqkhod3c01] {
    min-height: 12rem;
    margin: 1rem;
}

@media (max-width: 1199.98px) {
    .erp-management__layout[b-aqkhod3c01] {
        grid-template-columns: 1fr;
    }

    [b-aqkhod3c01] .erp-sidebar {
        max-height: 16rem;
        overflow: auto;
    }
}

@media (max-width: 767.98px) {
    .erp-management[b-aqkhod3c01] {
        padding: 0.45rem;
    }

    .erp-management__header[b-aqkhod3c01] {
        flex-direction: column;
        align-items: stretch;
    }

    .erp-management__header-actions[b-aqkhod3c01] {
        width: 100%;
    }

    .erp-management__search[b-aqkhod3c01] {
        width: 100%;
    }
}
/* /Pages/Shared/Pages/Identities/UserGroups/UserGroupCatalog.razor.rz.scp.css */
.user-group-page[b-etdgyacgax] {
    padding: 1rem;
}

.user-group-page__panel[b-etdgyacgax] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.05);
}

.user-group-page__panel-header[b-etdgyacgax] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--s-color-surface, #f8fafc) 88%, white 12%),
        color-mix(in srgb, var(--bs-body-bg, white) 94%, var(--s-color-surface, #f8fafc) 6%)
    );
}

.user-group-page__title[b-etdgyacgax] {
    margin: 0;
    color: var(--s-color-body-text, var(--bs-body-color));
    font-size: 1.2rem;
    font-weight: 700;
}

.user-group-page__subtitle[b-etdgyacgax] {
    margin: 0.3rem 0 0;
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: 0.9rem;
}

.user-group-page__primary-action[b-etdgyacgax] {
    min-width: 3.5rem;
}

.user-group-page__search-shell[b-etdgyacgax] {
    padding: 1rem 1.25rem 0;
}

.user-group-page__search-input[b-etdgyacgax] {
    border-radius: 0.85rem;
}

.user-group-page__catalog-list[b-etdgyacgax] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.25rem 1.25rem;
    min-height: 18rem;
    max-height: 70vh;
    overflow: auto;
}

.user-group-page__catalog-item[b-etdgyacgax] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--bs-body-bg, white) 92%, var(--s-color-surface, #f8fafc) 8%);
    color: var(--s-color-body-text, var(--bs-body-color));
    text-align: left;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.user-group-page__catalog-item:hover[b-etdgyacgax] {
    border-color: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 45%, var(--bs-border-color) 55%);
    box-shadow: 0 0.8rem 1.5rem rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.user-group-page__catalog-item--active[b-etdgyacgax] {
    border-color: var(--s-color-primary, var(--bs-primary));
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 9%, var(--bs-body-bg, white) 91%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 25%, transparent 75%);
}

.user-group-page__catalog-name[b-etdgyacgax] {
    font-weight: 600;
}

.user-group-page__catalog-meta[b-etdgyacgax],
.user-group-page__empty-state[b-etdgyacgax] {
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: 0.9rem;
}

.user-group-page__empty-state[b-etdgyacgax] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 8rem;
    border: 1px dashed var(--bs-border-color);
    border-radius: 0.9rem;
    background: color-mix(in srgb, var(--s-color-surface, #f8fafc) 70%, transparent 30%);
}

.user-group-page__detail-body[b-etdgyacgax] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
}

.user-group-page__field[b-etdgyacgax] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.user-group-page__member-header[b-etdgyacgax] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.user-group-page__selector-shell[b-etdgyacgax] {
    padding: 0.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--s-color-surface, #f8fafc) 76%, var(--bs-body-bg, white) 24%);
}

.user-group-page__actions[b-etdgyacgax] {
    display: flex;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.user-group-page__selection-pill[b-etdgyacgax],
.user-group-page__status-pill[b-etdgyacgax] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.user-group-page__selection-pill[b-etdgyacgax] {
    color: var(--s-color-body-text, var(--bs-body-color));
    background: color-mix(in srgb, var(--s-color-surface, #f8fafc) 72%, var(--bs-body-bg, white) 28%);
    border: 1px solid var(--bs-border-color);
}

.user-group-page__status-pill[b-etdgyacgax] {
    color: var(--s-color-primary, var(--bs-primary));
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 10%, transparent 90%);
    border: 1px solid color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 18%, transparent 82%);
}

@media (max-width: 1199.98px) {
    .user-group-page__catalog-list[b-etdgyacgax] {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .user-group-page[b-etdgyacgax] {
        padding: 0.5rem;
    }

    .user-group-page__panel-header[b-etdgyacgax],
    .user-group-page__detail-body[b-etdgyacgax],
    .user-group-page__catalog-list[b-etdgyacgax],
    .user-group-page__search-shell[b-etdgyacgax] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .user-group-page__member-header[b-etdgyacgax] {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-group-page__actions[b-etdgyacgax] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/SetPasswordModal.razor.rz.scp.css */
.set-password-toggle-icon[b-alpvgw3b8m] {
    position: absolute;
    cursor: pointer;
    font-size: 0.9rem;
    color: #888;
    top: 50%;
    z-index: 1;
    transform: translateX(-85%) translateY(-50%);
}
/* /Pages/Shared/Pages/Identities/Users/UserCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.uc-container[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    height: 100%;
    padding: var(--s-space-16);
}

/* ===== Toolbar ===== */
.uc-toolbar[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    flex-wrap: wrap;
    padding: var(--s-space-10) var(--s-space-14);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
}

.uc-toolbar-copy[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.uc-page-title[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.uc-page-title i[b-nzrwohqinz] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.uc-page-subtitle[b-nzrwohqinz] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
}

.uc-toolbar-actions[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

/* ===== Search ===== */
.uc-search-box[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: min(100%, calc(var(--rem-scale) * 22rem));
    padding: var(--s-space-6) var(--s-space-10);
    background-color: var(--s-color-input-bg);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    transition: border-color 0.15s ease;
}

.uc-search-box:focus-within[b-nzrwohqinz] {
    border-color: var(--s-color-ring);
}

.uc-search-box i[b-nzrwohqinz] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.uc-search-input[b-nzrwohqinz] {
    width: 100%;
    border: none;
    background: transparent;
    color: var(--s-color-body-text);
    outline: none;
    font-size: var(--s-font-size-13);
}

.uc-search-input[b-nzrwohqinz]::placeholder {
    color: var(--s-color-input-placeholder);
}

.uc-search-clear[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    padding: 0;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: 10px;
    transition: color 0.12s ease;
}

.uc-search-clear:hover[b-nzrwohqinz] {
    color: var(--s-color-body-text);
}

/* ===== Toolbar Buttons ===== */
.uc-toolbar-btn[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-5);
    padding: var(--s-space-6) var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-13);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.uc-toolbar-btn:hover[b-nzrwohqinz] {
    background-color: var(--s-color-accent);
}

.uc-toolbar-btn-primary[b-nzrwohqinz] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.uc-toolbar-btn-primary:hover[b-nzrwohqinz] {
    background-color: var(--s-color-primary-hover);
}

/* ===== Content Area ===== */
.uc-content[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    min-height: 0;
}

.uc-content-header[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

/* ===== Status Toggles & View Controls ===== */
.uc-status-toggles[b-nzrwohqinz],
.uc-view-controls[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background-color: var(--s-color-muted);
    border-radius: var(--s-border-radius-default);
}

.uc-toggle-btn[b-nzrwohqinz],
.uc-view-btn[b-nzrwohqinz],
.uc-page-btn[b-nzrwohqinz],
.uc-page-nav[b-nzrwohqinz] {
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    border-radius: var(--s-border-radius-small);
    cursor: pointer;
    transition: all 0.15s ease;
}

.uc-toggle-btn[b-nzrwohqinz],
.uc-page-nav[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-6) var(--s-space-12);
    font-size: 11px;
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.uc-toggle-btn:hover[b-nzrwohqinz],
.uc-page-nav:hover:not(:disabled)[b-nzrwohqinz] {
    color: var(--s-color-body-text);
}

.uc-view-btn[b-nzrwohqinz],
.uc-page-btn[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 26px;
    padding: var(--s-space-4);
    font-size: 13px;
}

.uc-view-btn:hover[b-nzrwohqinz] {
    color: var(--s-color-body-text);
}

.uc-toggle-btn.active[b-nzrwohqinz],
.uc-view-btn.active[b-nzrwohqinz],
.uc-page-btn.active[b-nzrwohqinz] {
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ===== Loading & Empty States ===== */
.uc-state[b-nzrwohqinz],
.uc-empty-state[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: calc(var(--rem-scale) * 18rem);
    padding: var(--s-space-24);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    text-align: center;
}

.uc-empty-state i[b-nzrwohqinz] {
    font-size: calc(var(--rem-scale) * 2.4rem);
    color: var(--s-color-muted-foreground);
}

/* ====================================================
   LIST VIEW — Theme-integrated via .s-datatable
   Uses --datatable-row-size, --datatable-row-font-size,
   --datatable-border-color from body.s-datatable-size-*
   ==================================================== */
.uc-list[b-nzrwohqinz] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
}

.uc-list-header[b-nzrwohqinz],
.uc-list-row[b-nzrwohqinz] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(0, 1.2fr) minmax(0, 1fr) auto;
    gap: var(--s-space-8);
    align-items: center;
}

.uc-list-header[b-nzrwohqinz] {
    padding: var(--s-space-6) var(--s-space-12);
    background-color: var(--s-color-muted);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-10);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.uc-list-row[b-nzrwohqinz] {
    padding: var(--datatable-row-size, var(--s-space-8) var(--s-space-12));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    --s-row-color: var(--s-color-card);
    background-color: var(--s-row-color);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-13));
    transition: background-color 0.1s ease;
}

.uc-list-row:last-child[b-nzrwohqinz] {
    border-bottom: none;
}

/* Zebra çizgili satırlar — header child 1 olduğu için
   görsel olarak tek satırlar koyu yapmak için even kullanılır */
.uc-list-row:nth-child(even)[b-nzrwohqinz] {
    --s-row-color: var(--s-color-muted);
}

.uc-list-row:hover[b-nzrwohqinz] {
    background-color: var(--s-color-datatable-hover);
}

/* ===== User Cell (Avatar + Name + Badges) ===== */
.uc-list-user[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-width: 0;
}

.uc-list-user-copy[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.uc-user-name[b-nzrwohqinz] {
    margin: 0;
    color: var(--s-color-body-text);
    font-weight: 600;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Label-toned columns ===== */
.uc-list-role[b-nzrwohqinz],
.uc-list-email[b-nzrwohqinz],
.uc-list-date[b-nzrwohqinz],
.uc-page-summary[b-nzrwohqinz] {
    color: var(--s-color-label);
}

.uc-list-role[b-nzrwohqinz],
.uc-list-email[b-nzrwohqinz],
.uc-list-date[b-nzrwohqinz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-list-email[b-nzrwohqinz] {
    font-size: var(--s-font-size-12);
}

/* ===== Badges ===== */
.uc-badges[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.uc-status-badge[b-nzrwohqinz],
.uc-domain-badge[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px var(--s-space-8);
    border-radius: 999px;
    font-size: 10px;
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.uc-status-badge[b-nzrwohqinz] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.uc-status-badge.is-active[b-nzrwohqinz] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.uc-status-badge.is-passive[b-nzrwohqinz] {
    background-color: rgba(204, 0, 0, 0.08);
    color: var(--s-color-destructive);
}

.uc-status-badge.is-confirmed[b-nzrwohqinz] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.uc-status-badge.is-pending[b-nzrwohqinz] {
    background-color: rgba(234, 179, 8, 0.1);
    color: #b45309;
}

.uc-domain-badge[b-nzrwohqinz] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: 10px;
}

/* ===== Action Buttons (List view) ===== */
.uc-list-actions[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.uc-action-btn[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 28px;
    min-height: 28px;
    padding: var(--s-space-4);
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    border-radius: var(--s-border-radius-small);
    cursor: pointer;
    font-size: 13px;
    transition: all 0.12s ease;
}

.uc-action-btn:hover[b-nzrwohqinz] {
    background-color: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.uc-action-btn:disabled[b-nzrwohqinz] {
    color: var(--s-color-muted-foreground);
    opacity: 0.4;
    cursor: not-allowed;
}

.uc-action-btn:disabled:hover[b-nzrwohqinz] {
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.uc-action-btn-confirm[b-nzrwohqinz] {
    color: #b45309;
}

.uc-action-btn-confirm:hover[b-nzrwohqinz] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

/* ===== Avatar ===== */
.uc-avatar[b-nzrwohqinz] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 10px;
    font-weight: 600;
}

.uc-avatar img[b-nzrwohqinz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uc-avatar-card[b-nzrwohqinz] {
    width: 40px;
    height: 40px;
    font-size: 13px;
}

/* ====================================================
   CARD GRID VIEW — Spacious, theme-aware
   ==================================================== */
.uc-card-grid[b-nzrwohqinz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--s-space-14);
}

.uc-card[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    overflow: hidden;
    transition: all 0.18s ease;
    position: relative;
}

.uc-card:hover[b-nzrwohqinz] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}

/* Theme-aware left accent border */
.uc-card-active[b-nzrwohqinz] {
    border-left: 3px solid var(--s-color-primary);
}

.uc-card-passive[b-nzrwohqinz] {
    border-left: 3px solid var(--s-color-muted-foreground);
    opacity: 0.85;
}

/* ===== Card Top (Avatar + Identity + Domain) ===== */
.uc-card-top[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    padding: var(--s-space-14) var(--s-space-16) var(--s-space-10);
}

.uc-card-identity[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.uc-card-title[b-nzrwohqinz] {
    margin: 0;
    color: var(--s-color-body-text);
    font-weight: 600;
    font-size: var(--s-font-size-14);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-card-role[b-nzrwohqinz] {
    font-size: var(--s-font-size-12);
    color: var(--s-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Card Body ===== */
.uc-card-body[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding: var(--s-space-4) var(--s-space-16) var(--s-space-14);
}

/* ===== Card Info Row (Email with icon) ===== */
.uc-card-info-row[b-nzrwohqinz] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-6);
    color: var(--s-color-label);
    font-size: var(--s-font-size-12);
    word-break: break-all;
    line-height: 1.5;
}

.uc-card-info-row i[b-nzrwohqinz] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ===== Card Metadata ===== */
.uc-card-metadata[b-nzrwohqinz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-10);
    padding: var(--s-space-10);
    background-color: var(--s-color-muted);
    border-radius: var(--s-border-radius-small);
}

.uc-card-meta-item[b-nzrwohqinz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.uc-card-meta-label[b-nzrwohqinz] {
    font-size: 9px;
    font-weight: var(--s-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--s-color-muted-foreground);
}

.uc-card-meta-value[b-nzrwohqinz] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

/* ===== Card Footer (Actions) ===== */
.uc-card-footer[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
    border-top: 1px solid var(--s-color-border);
    padding: var(--s-space-6) var(--s-space-12);
    margin-top: auto;
}

.uc-card-action[b-nzrwohqinz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-8);
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    border-radius: var(--s-border-radius-small);
    cursor: pointer;
    font-size: 12px;
    transition: all 0.12s ease;
}

.uc-card-action span[b-nzrwohqinz] {
    font-size: 11px;
    font-weight: 500;
}

.uc-card-action:hover[b-nzrwohqinz] {
    background-color: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.uc-card-action:disabled[b-nzrwohqinz] {
    opacity: 0.35;
    cursor: not-allowed;
}

.uc-card-action:disabled:hover[b-nzrwohqinz] {
    background: transparent;
    color: var(--s-color-muted-foreground);
}

/* ===== Pagination ===== */
.uc-pager[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-12);
    flex-wrap: wrap;
    padding: var(--s-space-8) var(--s-space-14);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.uc-page-list[b-nzrwohqinz] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.uc-page-btn[b-nzrwohqinz] {
    font-size: 12px;
    font-weight: 500;
}

.uc-page-nav:disabled[b-nzrwohqinz] {
    color: var(--s-color-muted-foreground);
    opacity: 0.4;
    cursor: not-allowed;
}

.uc-page-summary[b-nzrwohqinz] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
}

/* ====================================================
   RESPONSIVE
   ==================================================== */
@media (max-width: 992px) {
    .uc-list-header[b-nzrwohqinz],
    .uc-list-row[b-nzrwohqinz] {
        grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1.4fr) auto;
    }

    .uc-list-header span:nth-child(4)[b-nzrwohqinz],
    .uc-list-header span:nth-child(5)[b-nzrwohqinz],
    .uc-list-row .uc-list-date[b-nzrwohqinz],
    .uc-list-row .uc-list-domain[b-nzrwohqinz] {
        display: none;
    }
}

@media (max-width: 768px) {
    .uc-container[b-nzrwohqinz] {
        padding: var(--s-space-12);
    }

    .uc-toolbar[b-nzrwohqinz],
    .uc-content-header[b-nzrwohqinz],
    .uc-pager[b-nzrwohqinz] {
        align-items: stretch;
    }

    .uc-toolbar-actions[b-nzrwohqinz],
    .uc-content-header[b-nzrwohqinz],
    .uc-pager[b-nzrwohqinz] {
        flex-direction: column;
    }

    .uc-search-box[b-nzrwohqinz] {
        width: 100%;
        min-width: 0;
    }

    .uc-toolbar-btn[b-nzrwohqinz] {
        justify-content: center;
        width: 100%;
    }

    .uc-status-toggles[b-nzrwohqinz],
    .uc-view-controls[b-nzrwohqinz],
    .uc-page-list[b-nzrwohqinz] {
        width: 100%;
        justify-content: center;
    }

    .uc-list-header[b-nzrwohqinz] {
        display: none;
    }

    .uc-list-row[b-nzrwohqinz] {
        grid-template-columns: 1fr;
        gap: var(--s-space-8);
    }

    .uc-list-role[b-nzrwohqinz],
    .uc-list-email[b-nzrwohqinz],
    .uc-list-date[b-nzrwohqinz],
    .uc-list-domain[b-nzrwohqinz] {
        white-space: normal;
    }

    .uc-card-grid[b-nzrwohqinz] {
        grid-template-columns: 1fr;
    }

    .uc-card-metadata[b-nzrwohqinz] {
        grid-template-columns: 1fr;
    }

    .uc-list-actions[b-nzrwohqinz],
    .uc-card-footer[b-nzrwohqinz] {
        flex-wrap: wrap;
    }

    .uc-content-header[b-nzrwohqinz] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Shared/Pages/MenuManagement/MenuCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.mc-container[b-i82ouypkp0] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ===== Toolbar ===== */
.mc-toolbar[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--s-color-surface);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}

.mc-page-title[b-i82ouypkp0] {
    color: var(--s-color-body-text);
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mc-page-title i[b-i82ouypkp0] {
    font-size: 20px;
    opacity: 0.85;
}

.mc-toolbar-actions[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mc-toolbar-btn[b-i82ouypkp0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: none;
    border-radius: var(--s-border-radius-default, 8px);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.mc-btn-primary[b-i82ouypkp0] {
    background: var(--s-color-primary);
    color: #fff;
}

.mc-btn-primary:hover[b-i82ouypkp0] {
    opacity: 0.85;
}

.mc-btn-secondary[b-i82ouypkp0] {
    background: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
}

.mc-btn-secondary:hover[b-i82ouypkp0] {
    background: var(--s-color-muted);
}

/* ===== Search ===== */
.mc-search-box[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    background-color: var(--s-color-input-bg);
    max-width: 240px;
    color: var(--s-color-muted-foreground);
}

.mc-search-box:focus-within[b-i82ouypkp0] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.mc-search-input[b-i82ouypkp0] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    width: 100%;
    color: var(--s-color-body-text);
}

.mc-search-input[b-i82ouypkp0]::placeholder {
    color: var(--s-color-input-placeholder);
}

.mc-search-clear[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: 11px;
    line-height: 1;
}

.mc-search-clear:hover[b-i82ouypkp0] {
    color: var(--s-color-body-text);
}

/* ===== Body ===== */
.mc-body[b-i82ouypkp0] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

/* ===== Group List (Left Sidebar) ===== */
.mc-group-list[b-i82ouypkp0] {
    min-width: 220px;
    max-width: 260px;
    padding-right: 12px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.mc-group-item[b-i82ouypkp0] {
    cursor: pointer;
    border-radius: var(--s-border-radius-default, 8px);
    transition: all 0.15s ease;
    margin-bottom: 2px;
}

.mc-group-item:hover[b-i82ouypkp0] {
    background-color: var(--s-color-accent);
}

.mc-group-item.selected[b-i82ouypkp0] {
    background-color: var(--s-color-accent);
}

.mc-group-item.selected .mc-group-name[b-i82ouypkp0] {
    font-weight: 600;
    color: var(--s-color-primary);
}

.mc-group-name[b-i82ouypkp0] {
    font-size: 13px;
    color: var(--s-color-body-text);
    max-width: 140px;
}

.mc-group-url[b-i82ouypkp0] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    max-width: 140px;
}

.mc-badge-count[b-i82ouypkp0] {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 999px;
    background-color: var(--s-color-muted);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

/* ===== Content (Right) ===== */
.mc-content[b-i82ouypkp0] {
    flex: 1;
    padding-left: 16px;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mc-content-title[b-i82ouypkp0] {
    font-size: 16px;
    color: var(--s-color-body-text);
}

/* ===== Stats ===== */
.mc-stats[b-i82ouypkp0] {
    display: flex;
    gap: 8px;
}

.mc-stat-badge[b-i82ouypkp0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    background-color: var(--s-color-muted);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

/* ===== TreeList Wrapper ===== */
.mc-treelist-wrapper[b-i82ouypkp0] {
    flex: 1;
    min-height: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
}

[b-i82ouypkp0] .mc-treelist {
    height: 100%;
}

[b-i82ouypkp0] .mc-row-root {
    background-color: var(--s-color-muted) !important;
    font-weight: 600;
}

[b-i82ouypkp0] .mc-row-root:hover {
    background-color: var(--s-color-accent) !important;
}

.mc-tree-icon[b-i82ouypkp0] {
    color: var(--s-color-primary);
    font-size: 14px;
}

.mc-url-badge[b-i82ouypkp0] {
    display: inline-block;
    padding: 1px 8px;
    background-color: var(--s-color-muted);
    border: 1px solid var(--s-color-border);
    border-radius: 4px;
    font-size: 11px;
    font-family: 'Consolas', 'Monaco', monospace;
    color: var(--s-color-label, var(--s-color-body-text));
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mc-icon-text[b-i82ouypkp0] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Row Actions ===== */
.mc-row-actions[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center;
}

.mc-action-btn[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.15s ease;
    color: var(--s-color-label, var(--s-color-body-text));
}

.mc-action-edit:hover[b-i82ouypkp0] {
    background-color: var(--s-color-accent);
    color: var(--s-color-primary);
}

.mc-action-add-child:hover[b-i82ouypkp0] {
    background-color: var(--s-color-accent);
    color: var(--s-color-primary);
}

.mc-action-delete:hover[b-i82ouypkp0] {
    background-color: var(--s-color-accent);
    color: var(--s-color-destructive);
}

/* ===== Modal ===== */
.mc-modal-overlay[b-i82ouypkp0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    animation: mc-fade-in-b-i82ouypkp0 0.2s ease;
}

@keyframes mc-fade-in-b-i82ouypkp0 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mc-modal[b-i82ouypkp0] {
    background: var(--s-color-card);
    color: var(--s-color-card-foreground);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 14px);
    width: 620px;
    max-width: 95vw;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: mc-slide-in-b-i82ouypkp0 0.25s ease;
}

@keyframes mc-slide-in-b-i82ouypkp0 {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.mc-modal-header[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--s-color-border);
}

.mc-modal-title[b-i82ouypkp0] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--s-color-body-text);
    display: flex;
    align-items: center;
    gap: 8px;
}

.mc-modal-close[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--s-border-radius-default, 8px);
    background: transparent;
    cursor: pointer;
    color: var(--s-color-muted-foreground);
    transition: all 0.15s ease;
}

.mc-modal-close:hover[b-i82ouypkp0] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.mc-modal-body[b-i82ouypkp0] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.mc-modal-footer[b-i82ouypkp0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    border-top: 1px solid var(--s-color-border);
}

/* ===== Form Elements ===== */
.mc-form-group[b-i82ouypkp0] {
    margin-bottom: 16px;
}

.mc-form-row[b-i82ouypkp0] {
    display: flex;
    gap: 12px;
}

.mc-form-half[b-i82ouypkp0] {
    flex: 1;
}

.mc-form-label[b-i82ouypkp0] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--s-color-label, var(--s-color-body-text));
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.mc-form-input[b-i82ouypkp0] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    font-size: 13px;
    color: var(--s-color-body-text);
    background: var(--s-color-input-bg, var(--s-color-card));
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mc-form-input:focus[b-i82ouypkp0] {
    outline: none;
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 3px var(--s-color-ring);
}

.mc-form-input[b-i82ouypkp0]::placeholder {
    color: var(--s-color-input-placeholder);
}

/* Language inputs */
.mc-lang-inputs[b-i82ouypkp0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mc-lang-input-row[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mc-lang-badge[b-i82ouypkp0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    min-width: 54px;
    background-color: var(--s-color-muted);
    color: var(--s-color-label, var(--s-color-body-text));
    border: 1px solid var(--s-color-border);
}

.mc-lang-input-row .mc-form-input[b-i82ouypkp0] {
    flex: 1;
}

/* ===== Range Slider ===== */
.mc-range-slider[b-i82ouypkp0] {
    width: 100%;
    height: 6px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--s-color-border);
    border-radius: 3px;
    outline: none;
    margin: 8px 0 4px 0;
    cursor: pointer;
}

.mc-range-slider[b-i82ouypkp0]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--s-color-primary);
    border: 2px solid var(--s-color-card);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: transform 0.15s ease;
}

.mc-range-slider[b-i82ouypkp0]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.mc-range-slider[b-i82ouypkp0]::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--s-color-primary);
    border: 2px solid var(--s-color-card);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.mc-range-slider[b-i82ouypkp0]::-moz-range-track {
    height: 6px;
    background: var(--s-color-border);
    border-radius: 3px;
}

.mc-range-labels[b-i82ouypkp0] {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
}

/* ===== Icon Palette ===== */
.mc-icon-search-box[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    background: var(--s-color-input-bg, var(--s-color-card));
    margin-bottom: 8px;
    color: var(--s-color-muted-foreground);
}

.mc-icon-search-box:focus-within[b-i82ouypkp0] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.mc-icon-search-input[b-i82ouypkp0] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    width: 100%;
    color: var(--s-color-body-text);
}

.mc-icon-search-input[b-i82ouypkp0]::placeholder {
    color: var(--s-color-input-placeholder);
}

.mc-icon-palette[b-i82ouypkp0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    gap: 3px;
    max-height: 180px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    background: var(--s-color-muted);
}

.mc-icon-cell[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: var(--s-color-card);
    cursor: pointer;
    font-size: 16px;
    color: var(--s-color-body-text);
    transition: all 0.12s ease;
}

.mc-icon-cell:hover[b-i82ouypkp0] {
    border-color: var(--s-color-primary);
    background: var(--s-color-accent);
    transform: scale(1.1);
}

.mc-icon-cell.selected[b-i82ouypkp0] {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary);
    color: #fff;
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.mc-icon-current[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.mc-icon-manual[b-i82ouypkp0] {
    flex: 1;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px !important;
}

.mc-icon-preview[b-i82ouypkp0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--s-border-radius-default, 8px);
    background: var(--s-color-muted);
    border: 1px solid var(--s-color-border);
    font-size: 18px;
    color: var(--s-color-primary);
    flex-shrink: 0;
}

/* Combo & Spin overrides */
[b-i82ouypkp0] .mc-form-combo {
    font-size: 13px !important;
}

[b-i82ouypkp0] .mc-form-spin {
    font-size: 13px !important;
}

/* Modal buttons */
.mc-modal-btn[b-i82ouypkp0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: none;
    border-radius: var(--s-border-radius-default, 8px);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.mc-modal-btn-cancel[b-i82ouypkp0] {
    background: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
}

.mc-modal-btn-cancel:hover[b-i82ouypkp0] {
    background: var(--s-color-muted);
}

.mc-modal-btn-save[b-i82ouypkp0] {
    background: var(--s-color-primary);
    color: #fff;
}

.mc-modal-btn-save:hover[b-i82ouypkp0] {
    opacity: 0.85;
}

.mc-modal-btn-save:disabled[b-i82ouypkp0] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Dark mode scrollbar ===== */
.mc-icon-palette[b-i82ouypkp0]::-webkit-scrollbar,
.mc-modal-body[b-i82ouypkp0]::-webkit-scrollbar,
.mc-group-list[b-i82ouypkp0]::-webkit-scrollbar {
    width: 6px;
}

.mc-icon-palette[b-i82ouypkp0]::-webkit-scrollbar-track,
.mc-modal-body[b-i82ouypkp0]::-webkit-scrollbar-track,
.mc-group-list[b-i82ouypkp0]::-webkit-scrollbar-track {
    background: transparent;
}

.mc-icon-palette[b-i82ouypkp0]::-webkit-scrollbar-thumb,
.mc-modal-body[b-i82ouypkp0]::-webkit-scrollbar-thumb,
.mc-group-list[b-i82ouypkp0]::-webkit-scrollbar-thumb {
    background: var(--s-color-border);
    border-radius: 3px;
}

.mc-icon-palette[b-i82ouypkp0]::-webkit-scrollbar-thumb:hover,
.mc-modal-body[b-i82ouypkp0]::-webkit-scrollbar-thumb:hover,
.mc-group-list[b-i82ouypkp0]::-webkit-scrollbar-thumb:hover {
    background: var(--s-color-muted-foreground);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .mc-body[b-i82ouypkp0] {
        flex-direction: column;
    }

    .mc-group-list[b-i82ouypkp0] {
        max-width: none;
        min-width: auto;
        display: flex;
        overflow-x: auto;
        border-right: none;
        border-bottom: 1px solid var(--s-color-border);
        padding-right: 0;
        padding-bottom: 8px;
        margin-bottom: 12px;
        gap: 4px;
    }

    .mc-group-item[b-i82ouypkp0] {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .mc-content[b-i82ouypkp0] {
        padding-left: 0;
    }

    .mc-toolbar[b-i82ouypkp0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .mc-modal[b-i82ouypkp0] {
        width: 95vw;
    }

    .mc-form-row[b-i82ouypkp0] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Parameter/ApplicationParameter/ApplicationParameterCatalog.razor.rz.scp.css */
.apc-container[b-oa2pvspjev] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.apc-toolbar[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.apc-page-title[b-oa2pvspjev] {
    color: var(--s-color-body-text);
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.apc-page-title i[b-oa2pvspjev] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.apc-toolbar-actions[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.apc-toolbar-btn[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 var(--s-space-12);
    border-radius: var(--s-border-radius-default);
    font-size: var(--s-font-size-12);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
}

.apc-toolbar-btn:hover[b-oa2pvspjev] {
    background-color: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-search-box[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: calc(var(--rem-scale) * 3.2rem);
    padding: 0 var(--s-space-10);
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-input-bg);
    max-width: 240px;
}

.apc-search-box:focus-within[b-oa2pvspjev] {
    border-color: var(--s-color-ring);
}

.apc-search-input[b-oa2pvspjev] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    width: 100%;
    color: var(--s-color-body-text);
}

.apc-search-input[b-oa2pvspjev]::placeholder {
    color: var(--s-color-input-placeholder);
}

.apc-search-clear[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: 10px;
    line-height: 1;
}

.apc-search-clear:hover[b-oa2pvspjev] {
    color: var(--s-color-body-text);
}

.apc-body[b-oa2pvspjev] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

.apc-group-list[b-oa2pvspjev] {
    min-width: 210px;
    max-width: 240px;
    padding-right: 10px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.apc-group-item[b-oa2pvspjev] {
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.12s ease;
    margin-bottom: 1px;
}

.apc-group-item:hover[b-oa2pvspjev] {
    background-color: var(--s-color-accent);
}

.apc-group-item.selected[b-oa2pvspjev] {
    background-color: var(--s-color-accent);
}

.apc-group-item.selected .apc-group-name[b-oa2pvspjev] {
    font-weight: 600;
    color: var(--s-color-body-text);
}

.apc-group-name[b-oa2pvspjev] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-group-icon[b-oa2pvspjev] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apc-group-icon i[b-oa2pvspjev] {
    color: #fff;
    font-size: 12px;
}

.apc-group-count[b-oa2pvspjev] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    padding: 1px 6px;
    border-radius: 999px;
}

.apc-content[b-oa2pvspjev] {
    flex: 1;
    padding-left: 12px;
    overflow-y: auto;
    min-height: 0;
}

.apc-content-header[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

.apc-stats[b-oa2pvspjev] {
    display: flex;
    gap: 8px;
}

.apc-stat-badge[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    background-color: var(--s-color-muted);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

.apc-view-controls[b-oa2pvspjev] {
    display: flex;
    gap: 2px;
    background: var(--s-color-muted);
    border-radius: 6px;
    padding: 2px;
}

.apc-view-btn[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.12s ease;
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.apc-view-btn:hover[b-oa2pvspjev] {
    color: var(--s-color-body-text);
}

.apc-view-btn.active[b-oa2pvspjev] {
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.apc-list[b-oa2pvspjev] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
}

.apc-list-header[b-oa2pvspjev] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1.5fr) 110px;
    align-items: center;
    padding: var(--s-space-4) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: var(--s-font-size-10);
    font-weight: 600;
    color: var(--s-color-body-text);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.apc-col-status[b-oa2pvspjev] {
    text-align: right;
}

.apc-list-row[b-oa2pvspjev] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1.5fr) 110px;
    align-items: stretch;
    gap: 10px;
    padding: var(--datatable-row-size, var(--s-space-8));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background-color: var(--s-color-card);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    color: var(--s-color-body-text);
}

.apc-list-row:last-child[b-oa2pvspjev] {
    border-bottom: none;
}

.apc-list-row:hover[b-oa2pvspjev] {
    background-color: var(--s-color-datatable-hover);
}

.apc-parameter-meta[b-oa2pvspjev] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.apc-parameter-title[b-oa2pvspjev] {
    font-size: 13px;
    font-weight: 600;
    color: var(--s-color-body-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-parameter-key[b-oa2pvspjev] {
    font-size: 11px;
    color: var(--s-color-label);
    font-family: Consolas, Monaco, monospace;
    overflow-wrap: anywhere;
}

.apc-parameter-tags[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.apc-tag[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid var(--s-color-border);
    background: var(--s-color-muted);
    color: var(--s-color-label);
}

.apc-tag-type[b-oa2pvspjev] {
    border-style: dashed;
}

.apc-parameter-description[b-oa2pvspjev] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    line-height: 1.4;
    max-height: 34px;
    overflow: hidden;
}

.apc-value-editor[b-oa2pvspjev] {
    width: 100%;
    display: flex;
    min-height: 100%;
}

.apc-value-editor-singleline[b-oa2pvspjev] {
    align-items: center;
}

.apc-value-editor-multiline[b-oa2pvspjev] {
    align-items: flex-start;
}

.apc-value-input[b-oa2pvspjev] {
    width: 100%;
    border-radius: var(--s-border-radius-default);
    resize: vertical;
    min-height: calc(var(--rem-scale) * 6.4rem);
    line-height: 1.4;
}

.apc-value-input.apc-value-single[b-oa2pvspjev] {
    min-height: calc(var(--rem-scale) * 3.6rem);
    resize: none;
}

.apc-toggle-editor[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: calc(var(--rem-scale) * 3.6rem);
    color: var(--s-color-body-text);
}

.apc-toggle-input[b-oa2pvspjev] {
    margin: 0;
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    cursor: pointer;
    accent-color: var(--s-color-primary);
}

.apc-toggle-label[b-oa2pvspjev] {
    font-size: 12px;
    color: var(--s-color-label);
}

.apc-color-editor[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.apc-color-picker[b-oa2pvspjev] {
    width: 40px;
    min-width: 40px;
    height: calc(var(--rem-scale) * 3.6rem);
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-input-bg);
    padding: 3px;
    cursor: pointer;
}

.apc-color-text[b-oa2pvspjev] {
    flex: 1;
}

.apc-status-col[b-oa2pvspjev] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 32px;
}

.apc-status[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 999px;
    padding: 2px 7px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.apc-status-saving[b-oa2pvspjev] {
    color: #0369a1;
    background: rgba(14, 165, 233, 0.14);
    border-color: rgba(14, 165, 233, 0.3);
}

.apc-status-saved[b-oa2pvspjev] {
    color: #0f766e;
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.3);
}

.apc-status-error[b-oa2pvspjev] {
    color: var(--s-color-destructive);
    background: rgba(220, 38, 38, 0.12);
    border-color: rgba(220, 38, 38, 0.28);
}

.apc-card-grid[b-oa2pvspjev] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

.apc-card[b-oa2pvspjev] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    transition: border-color 0.15s ease;
}

.apc-card:hover[b-oa2pvspjev] {
    border-color: var(--s-color-ring);
}

.apc-card-header[b-oa2pvspjev] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: start;
}

.apc-card-title[b-oa2pvspjev] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--s-color-body-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-card-tags[b-oa2pvspjev] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.apc-card-key[b-oa2pvspjev] {
    font-family: Consolas, Monaco, monospace;
    font-size: 11px;
    color: var(--s-color-label);
    overflow-wrap: anywhere;
}

.apc-card-description[b-oa2pvspjev] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    line-height: 1.4;
    min-height: 30px;
}

.apc-card-input[b-oa2pvspjev] {
    min-height: 88px;
}

.apc-card-status[b-oa2pvspjev] {
    display: flex;
    justify-content: flex-end;
}

/* ========================================
   Icon Picker
   ======================================== */

.apc-icon-editor[b-oa2pvspjev] {
    position: relative;
    width: 100%;
}

.apc-icon-preview[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 var(--s-space-10);
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-input-bg);
    cursor: pointer;
    transition: all 0.15s ease;
    min-height: calc(var(--rem-scale) * 3.6rem);
}

.apc-icon-preview:hover[b-oa2pvspjev] {
    border-color: var(--s-color-ring);
}

.apc-icon-preview>i:first-child[b-oa2pvspjev] {
    font-size: 18px;
    color: var(--s-color-primary);
    min-width: 22px;
    text-align: center;
}

.apc-icon-value[b-oa2pvspjev] {
    flex: 1;
    font-size: 12px;
    color: var(--s-color-body-text);
    font-family: Consolas, Monaco, monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-icon-chevron[b-oa2pvspjev] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    transition: transform 0.2s ease;
}

.apc-icon-dropdown[b-oa2pvspjev] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    min-width: 300px;
    max-height: 320px;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: apc-dropdown-in-b-oa2pvspjev 0.15s ease;
}

@keyframes apc-dropdown-in-b-oa2pvspjev {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.apc-icon-dropdown-search[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--s-color-border);
}

.apc-icon-dropdown-search i[b-oa2pvspjev] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.apc-icon-dropdown-search input[b-oa2pvspjev] {
    flex: 1;
    min-width: 0;
}

.apc-icon-dropdown-grid[b-oa2pvspjev] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(36px, 1fr));
    gap: 2px;
    padding: 8px;
    overflow-y: auto;
    max-height: 260px;
}

.apc-icon-dropdown-item[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    color: var(--s-color-body-text);
    transition: all 0.1s ease;
}

.apc-icon-dropdown-item:hover[b-oa2pvspjev] {
    background: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-icon-dropdown-item.selected[b-oa2pvspjev] {
    background: var(--s-color-primary);
    color: #fff;
    border-color: var(--s-color-primary);
}

/* ========================================
   JSON Editor
   ======================================== */

.apc-json-editor[b-oa2pvspjev] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.apc-json-toolbar[b-oa2pvspjev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    background: var(--s-color-muted);
    border: 1px solid var(--s-color-input);
    border-bottom: none;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
}

.apc-json-label[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.apc-json-label i[b-oa2pvspjev] {
    font-size: 12px;
}

.apc-json-format-btn[b-oa2pvspjev] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 var(--s-space-10);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s ease;
}

.apc-json-format-btn:hover[b-oa2pvspjev] {
    background: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-json-format-btn i[b-oa2pvspjev] {
    font-size: 11px;
}

.apc-json-textarea[b-oa2pvspjev] {
    font-family: Consolas, Monaco, 'Courier New', monospace;
    font-size: 11px;
    line-height: 1.5;
    tab-size: 2;
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
    resize: vertical;
    min-height: 80px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


@media (max-width: 1024px) {
    .apc-body[b-oa2pvspjev] {
        flex-direction: column;
    }

    .apc-group-list[b-oa2pvspjev] {
        max-width: none;
        min-width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--s-color-border);
        padding-right: 0;
        padding-bottom: 8px;
        margin-bottom: 8px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 4px;
    }

    .apc-content[b-oa2pvspjev] {
        padding-left: 0;
    }

    .apc-list-header[b-oa2pvspjev],
    .apc-list-row[b-oa2pvspjev] {
        grid-template-columns: 1fr;
    }

    .apc-col-status[b-oa2pvspjev],
    .apc-status-col[b-oa2pvspjev] {
        justify-content: flex-start;
        text-align: left;
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardCatalog.razor.rz.scp.css */
.dc-container[b-ymj55ziqif] {
    padding: var(--s-space-16);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
}

.dc-title-row[b-ymj55ziqif] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.dc-back-btn[b-ymj55ziqif] {
    gap: var(--s-space-6);
}

.dc-header[b-ymj55ziqif] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-10);
    flex-wrap: wrap;
}

.dc-title[b-ymj55ziqif] {
    margin: 0;
    font-weight: 700;
    color: var(--s-color-primary);
}

.dc-subtitle[b-ymj55ziqif] {
    margin: var(--s-space-4) 0 0;
    color: var(--s-color-muted-foreground);
}

.dc-filter-chips[b-ymj55ziqif] {
    margin-top: var(--s-space-6);
    display: inline-flex;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.dc-filter-chip[b-ymj55ziqif] {
    border: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
}

.dc-filter-chip.active[b-ymj55ziqif] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

.dc-header-actions[b-ymj55ziqif] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.dc-search-box[b-ymj55ziqif] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    border: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
    border-radius: var(--s-border-radius-default);
    padding: 0 var(--s-space-8);
    min-width: 260px;
}

.dc-search-box i[b-ymj55ziqif] {
    color: var(--s-color-muted-foreground);
}

.dc-search-input[b-ymj55ziqif] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--s-color-body-text);
    padding: var(--s-space-8) 0;
}

.dc-state[b-ymj55ziqif],
.dc-empty[b-ymj55ziqif] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    min-height: 180px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-card);
}

.dc-empty i[b-ymj55ziqif] {
    font-size: 1.2rem;
}

.dc-grid[b-ymj55ziqif] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--s-space-10);
}

.dc-card[b-ymj55ziqif] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    padding: var(--s-space-10);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--s-color-primary) 4%, transparent);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.dc-card:hover[b-ymj55ziqif] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
    box-shadow: 0 16px 30px color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.dc-card-top[b-ymj55ziqif] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-space-6);
}

.dc-card-title[b-ymj55ziqif] {
    margin: 0;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.dc-chip-list[b-ymj55ziqif] {
    display: inline-flex;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.dc-chip[b-ymj55ziqif] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--s-color-border);
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-surface);
}

.dc-chip-published[b-ymj55ziqif] {
    color: var(--s-color-primary-foreground);
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.dc-chip-draft[b-ymj55ziqif] {
    color: var(--s-color-body-text);
}

.dc-card-meta[b-ymj55ziqif] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dc-card-meta span[b-ymj55ziqif] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.dc-card-actions[b-ymj55ziqif] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .dc-search-box[b-ymj55ziqif] {
        min-width: 200px;
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardDesigner.razor.rz.scp.css */
.dd-root[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    padding: var(--s-space-16);
}

.dd-toolbar[b-uit4011b2z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-space-10);
    flex-wrap: wrap;
}

.dd-title-block[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.dd-back-btn[b-uit4011b2z] {
    align-self: flex-start;
    gap: var(--s-space-6);
}

.dd-title[b-uit4011b2z] {
    margin: 0;
    color: var(--s-color-primary);
    font-weight: 700;
}

.dd-subtitle[b-uit4011b2z] {
    color: var(--s-color-muted-foreground);
    margin-top: var(--s-space-4);
    font-size: 12px;
}

.dd-status-row[b-uit4011b2z] {
    margin-top: var(--s-space-6);
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.dd-chip[b-uit4011b2z] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    background-color: var(--s-color-surface);
    color: var(--s-color-muted-foreground);
}

.dd-chip-published[b-uit4011b2z] {
    color: var(--s-color-primary-foreground);
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.dd-chip-draft[b-uit4011b2z] {
    color: var(--s-color-body-text);
}

.dd-chip-unsaved[b-uit4011b2z] {
    color: var(--s-color-body-text);
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-surface));
}

.dd-toolbar-actions[b-uit4011b2z] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
    align-items: center;
}

.dd-steps[b-uit4011b2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-6);
}

.dd-step[b-uit4011b2z] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: 12px;
    padding: var(--s-space-6) var(--s-space-8);
    text-align: center;
}

.dd-step.done[b-uit4011b2z] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card));
}

.dd-validation-panel[b-uit4011b2z] {
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 22%, var(--s-color-border));
    border-radius: var(--s-border-radius-medium);
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, var(--s-color-card));
    padding: var(--s-space-8);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dd-validation-item[b-uit4011b2z] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    color: var(--s-color-body-text);
    font-size: 12px;
}

.dd-loading[b-uit4011b2z],
.dd-error[b-uit4011b2z] {
    min-height: 140px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-card);
}

.dd-layout[b-uit4011b2z] {
    display: grid;
    grid-template-columns: 240px minmax(320px, 1fr) 380px;
    gap: var(--s-space-10);
    min-height: calc(100vh - 260px);
}

.dd-panel[b-uit4011b2z] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    padding: var(--s-space-10);
}

.dd-panel h6[b-uit4011b2z] {
    margin: 0 0 var(--s-space-8);
    color: var(--s-color-body-text);
}

.dd-library-list[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.dd-library-list button[b-uit4011b2z] {
    justify-content: flex-start;
    gap: var(--s-space-4);
}

.dd-canvas[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.dd-canvas-header[b-uit4011b2z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--s-color-muted-foreground);
}

.dd-canvas-empty[b-uit4011b2z],
.dd-mini-empty[b-uit4011b2z] {
    min-height: 84px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-4);
    text-align: center;
    padding: var(--s-space-8);
}

.dd-widget-list[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.dd-widget-item[b-uit4011b2z] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    padding: var(--s-space-8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-6);
    cursor: pointer;
    background-color: var(--s-color-surface);
}

.dd-widget-copy[b-uit4011b2z] {
    min-width: 0;
    flex: 1;
}

.dd-widget-item.selected[b-uit4011b2z] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 20%, transparent);
}

.dd-widget-title[b-uit4011b2z] {
    font-weight: 600;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dd-widget-meta[b-uit4011b2z] {
    display: flex;
    gap: var(--s-space-6);
    font-size: 12px;
    color: var(--s-color-muted-foreground);
    flex-wrap: wrap;
    margin-top: var(--s-space-4);
}

.dd-widget-report-key[b-uit4011b2z] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dd-widget-actions[b-uit4011b2z] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    flex-shrink: 0;
}

.dd-mini-btn[b-uit4011b2z],
.dd-remove-btn[b-uit4011b2z] {
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    width: 28px;
    height: 28px;
    border-radius: var(--s-border-radius-default);
}

.dd-mini-btn:hover[b-uit4011b2z],
.dd-remove-btn:hover[b-uit4011b2z] {
    color: var(--s-color-primary);
    background-color: var(--s-color-surface);
}

.dd-inspector[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    overflow: auto;
}

.dd-inspector-tabs[b-uit4011b2z] {
    display: flex;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.dd-tab[b-uit4011b2z] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    padding: 4px 10px;
    font-size: 12px;
}

.dd-tab.active[b-uit4011b2z] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

.dd-inspector-section[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    padding: var(--s-space-8);
}

.dd-inspector-section label[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-inspector-section input[type="checkbox"][b-uit4011b2z] {
    margin-right: 6px;
}

.dd-checkbox-row[b-uit4011b2z] {
    display: flex;
    gap: var(--s-space-8);
    align-items: center;
    flex-wrap: wrap;
}

.dd-textarea[b-uit4011b2z] {
    min-height: 72px;
}

.dd-param-card[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-surface);
    padding: var(--s-space-6);
}

.dd-param-picker[b-uit4011b2z] {
    width: 100%;
}

.dd-preset-panel[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    padding: var(--s-space-6);
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, var(--s-color-card));
}

.dd-preset-title[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-preset-list[b-uit4011b2z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.dd-default-preset-row[b-uit4011b2z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-6);
    padding-top: var(--s-space-4);
    border-top: 1px dashed var(--s-color-border);
}

.dd-default-preset-copy[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.dd-default-preset-copy strong[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-body-text);
}

.dd-default-preset-copy span[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-param-grid[b-uit4011b2z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-6);
}

.dd-param-field[b-uit4011b2z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dd-param-hint[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
    padding: var(--s-space-4) var(--s-space-6);
    border-radius: var(--s-border-radius-default);
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, var(--s-color-card));
}

.dd-param-actions[b-uit4011b2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dd-section-header[b-uit4011b2z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-6);
}

.dd-hint[b-uit4011b2z] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-preview[b-uit4011b2z] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    padding: var(--s-space-6);
    background-color: var(--s-color-surface);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dd-preview-body[b-uit4011b2z] {
    overflow: hidden;
}

.dd-preview-header[b-uit4011b2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dd-preview-error[b-uit4011b2z] {
    color: var(--s-color-destructive, #dc2626);
    font-size: 12px;
}

.dd-preview-table-wrap[b-uit4011b2z] {
    overflow: auto;
}

.dd-preview-table-wrap table[b-uit4011b2z] {
    width: 100%;
    font-size: 12px;
}

.dd-preview-table-wrap th[b-uit4011b2z],
.dd-preview-table-wrap td[b-uit4011b2z] {
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .dd-layout[b-uit4011b2z] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .dd-param-grid[b-uit4011b2z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .dd-steps[b-uit4011b2z] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardViewer.razor.rz.scp.css */
.dv-root[b-lmd88jwkpk] {
    padding: var(--s-space-16);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
}

.dv-toolbar[b-lmd88jwkpk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.dv-title[b-lmd88jwkpk] {
    margin: 0;
    color: var(--s-color-primary);
    font-weight: 700;
}

.dv-subtitle[b-lmd88jwkpk] {
    margin-top: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-toolbar-actions[b-lmd88jwkpk] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
}

.dv-controls-shell[b-lmd88jwkpk] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    padding: var(--s-space-10);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.dv-controls-shell.collapsed[b-lmd88jwkpk] {
    gap: 0;
}

.dv-controls-header[b-lmd88jwkpk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.dv-controls-copy[b-lmd88jwkpk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.dv-controls-copy strong[b-lmd88jwkpk] {
    color: var(--s-color-body-text);
    font-size: 13px;
}

.dv-controls-copy span[b-lmd88jwkpk] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-controls-toggle[b-lmd88jwkpk] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

.dv-toolbar-options[b-lmd88jwkpk] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    padding: var(--s-space-8) var(--s-space-10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.dv-switch[b-lmd88jwkpk] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    color: var(--s-color-body-text);
}

.dv-interval[b-lmd88jwkpk] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
}

.dv-interval span[b-lmd88jwkpk] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-interval input[b-lmd88jwkpk] {
    width: 90px;
    padding: 4px 8px;
}

.dv-filters[b-lmd88jwkpk] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    padding: var(--s-space-10);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--s-space-8);
}

.dv-filter-item[b-lmd88jwkpk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dv-filter-item :deep(.dv-filter-combo)[b-lmd88jwkpk],
.dv-filter-item :deep(.dv-filter-combo .dxbl-combobox)[b-lmd88jwkpk],
.dv-filter-item :deep(.dv-filter-combo .dxbl-text-edit)[b-lmd88jwkpk] {
    width: 100%;
}

.dv-preset-panel[b-lmd88jwkpk] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    padding-bottom: var(--s-space-4);
    border-bottom: 1px dashed var(--s-color-border);
}

.dv-preset-title[b-lmd88jwkpk] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dv-preset-list[b-lmd88jwkpk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.dv-filter-item label[b-lmd88jwkpk] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dv-filter-hint[b-lmd88jwkpk] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    min-height: 16px;
}

.dv-filter-empty[b-lmd88jwkpk] {
    color: var(--s-color-muted-foreground);
}

.dv-state[b-lmd88jwkpk] {
    min-height: 140px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-card);
}

.dv-grid[b-lmd88jwkpk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: var(--s-space-10);
}

.dv-widget[b-lmd88jwkpk] {
    position: relative;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    display: flex;
    flex-direction: column;
    min-height: 260px;
    overflow: hidden;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--s-color-body-text) 6%, transparent);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.dv-widget:hover[b-lmd88jwkpk] {
    border-color: color-mix(in srgb, var(--s-color-primary) 38%, var(--s-color-border));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--s-color-body-text) 10%, transparent);
    transform: translateY(-1px);
}

.dv-widget-header[b-lmd88jwkpk] {
    border-bottom: 1px solid var(--s-color-border);
    padding: var(--s-space-10);
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-6);
    align-items: flex-start;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card)) 0%,
        var(--s-color-card) 100%);
}

.dv-widget-header-copy[b-lmd88jwkpk] {
    min-width: 0;
    flex: 1;
}

.dv-widget-title[b-lmd88jwkpk] {
    font-weight: 600;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dv-widget-meta[b-lmd88jwkpk] {
    margin-top: var(--s-space-4);
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dv-widget-report-key[b-lmd88jwkpk] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-widget-status[b-lmd88jwkpk] {
    display: inline-flex;
    gap: var(--s-space-4);
    align-items: center;
    color: var(--s-color-muted-foreground);
    font-size: 12px;
    flex-shrink: 0;
}

.dv-chip[b-lmd88jwkpk] {
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    padding: 2px 8px;
    background-color: var(--s-color-surface);
}

.dv-widget-body[b-lmd88jwkpk] {
    position: relative;
    flex: 1;
    min-height: 180px;
    padding: var(--s-space-10);
    overflow: visible;
}

.dv-widget.is-loading .dv-widget-body[b-lmd88jwkpk] {
    filter: saturate(0.8);
}

.dv-widget-empty[b-lmd88jwkpk],
.dv-widget-error[b-lmd88jwkpk] {
    margin: auto;
    color: var(--s-color-muted-foreground);
    display: flex;
    gap: var(--s-space-4);
    align-items: center;
    justify-content: center;
    padding: var(--s-space-10);
    text-align: center;
}

.dv-widget-error[b-lmd88jwkpk] {
    color: #dc2626;
}

.dv-widget-overlay[b-lmd88jwkpk] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--s-color-card) 82%, transparent);
    backdrop-filter: blur(2px);
    z-index: 3;
}

.dv-widget-loader[b-lmd88jwkpk] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 28%, var(--s-color-border));
    border-radius: 999px;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--s-color-body-text) 10%, transparent);
    animation: dv-widget-loader-in-b-lmd88jwkpk 220ms ease both;
    animation-delay: var(--dv-widget-stagger, 0ms);
}

.dv-widget-loader-spinner[b-lmd88jwkpk] {
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--s-color-primary) 25%, transparent);
    border-top-color: var(--s-color-primary);
    animation: dv-widget-spin-b-lmd88jwkpk 0.8s linear infinite;
}

.dv-table-wrap[b-lmd88jwkpk] {
    overflow: auto;
    padding: 0;
}

.dv-table-wrap table[b-lmd88jwkpk] {
    width: 100%;
    font-size: 12px;
}

.dv-table-wrap th[b-lmd88jwkpk],
.dv-table-wrap td[b-lmd88jwkpk] {
    white-space: nowrap;
}

@keyframes dv-widget-spin-b-lmd88jwkpk {
    to {
        transform: rotate(360deg);
    }
}

@keyframes dv-widget-loader-in-b-lmd88jwkpk {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .dv-grid[b-lmd88jwkpk] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportAccessDenied.razor.rz.scp.css */
.report-access-denied-page[b-mwxji7dvl3] {
    min-height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}

.report-access-denied-card[b-mwxji7dvl3] {
    width: min(560px, 100%);
    padding: 32px 28px;
    border-radius: 24px;
    border: 1px solid rgba(245, 158, 11, 0.22);
    background:
        radial-gradient(circle at top, rgba(245, 158, 11, 0.08), transparent 45%),
        var(--bs-body-bg, #fff);
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    text-align: center;
}

.report-access-denied-icon[b-mwxji7dvl3] {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #b45309;
    background: rgba(245, 158, 11, 0.14);
}

.report-access-denied-label[b-mwxji7dvl3] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #b45309;
    margin-bottom: 10px;
}

.report-access-denied-title[b-mwxji7dvl3] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--bs-dark, #0f172a);
}

.report-access-denied-text[b-mwxji7dvl3] {
    margin: 14px auto 0;
    max-width: 44ch;
    font-size: 0.96rem;
    line-height: 1.6;
    color: var(--bs-secondary-color, #64748b);
}

.report-access-denied-key[b-mwxji7dvl3] {
    margin: 20px auto 0;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(248, 250, 252, 0.92);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #475569;
}

.report-access-denied-key span[b-mwxji7dvl3] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.report-access-denied-key strong[b-mwxji7dvl3] {
    font-size: 0.95rem;
    color: #0f172a;
}

.report-access-denied-actions[b-mwxji7dvl3] {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .report-access-denied-page[b-mwxji7dvl3] {
        min-height: calc(100vh - 120px);
        padding: 20px 12px;
    }

    .report-access-denied-card[b-mwxji7dvl3] {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .report-access-denied-title[b-mwxji7dvl3] {
        font-size: 1.3rem;
    }

    .report-access-denied-actions[b-mwxji7dvl3] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportCatalog.razor.rz.scp.css */
.rc-container[b-5vd345fazl] {
    padding: var(--s-space-16);
}

.group-list[b-5vd345fazl] {
    min-width: 228px;
    max-width: 244px;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.rc-sidebar-menu[b-5vd345fazl] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    padding-bottom: var(--s-space-8);
    margin-bottom: var(--s-space-4);
    border-bottom: 1px solid var(--s-color-border);
}

.rc-sidebar-btn[b-5vd345fazl] {
    justify-content: flex-start;
    gap: var(--s-space-6);
    width: 100%;
}

.rc-sidebar-caption[b-5vd345fazl] {
    font-size: 12px;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 var(--s-space-6);
}

.rc-static-icon[b-5vd345fazl] {
    background-color: #6366f1;
    width: 28px;
    height: 28px;
}

.group-item[b-5vd345fazl] {
    cursor: pointer;
    border-radius: var(--s-border-radius-default);
    border: 1px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.group-item:hover[b-5vd345fazl] {
    background-color: var(--s-color-surface);
    border-color: var(--s-color-border);
}

.group-item.selected[b-5vd345fazl] {
    background-color: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-primary) 25%, var(--s-color-border));
}

.group-item.selected span[b-5vd345fazl] {
    font-weight: 600;
}

.rc-search-box[b-5vd345fazl] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    min-width: 240px;
}

.rc-search-box:focus-within[b-5vd345fazl] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.rc-search-input[b-5vd345fazl] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    width: 100%;
    color: var(--s-color-body-text);
}

.rc-search-input[b-5vd345fazl]::placeholder {
    color: var(--s-color-muted-foreground);
}

.rc-search-clear[b-5vd345fazl] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: 11px;
    line-height: 1;
}

.rc-search-clear:hover[b-5vd345fazl] {
    color: var(--s-color-body-text);
}

.rc-card-grid[b-5vd345fazl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}

.rc-card[b-5vd345fazl] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-card);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    transition: all 0.2s ease;
    overflow: hidden;
}

.rc-card:hover[b-5vd345fazl] {
    border-color: var(--s-color-primary);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    transform: translateY(-2px);
}

.rc-card-disabled[b-5vd345fazl] {
    border-style: dashed;
}

.rc-card-disabled:hover[b-5vd345fazl] {
    border-color: color-mix(in srgb, #f59e0b 40%, var(--s-color-border));
    box-shadow: 0 10px 20px rgba(245, 158, 11, 0.12);
}

.rc-card-body[b-5vd345fazl] {
    flex: 1;
    padding: 14px 16px 10px;
}

.rc-card-title[b-5vd345fazl] {
    font-size: 13px;
    font-weight: 600;
    color: var(--s-color-body-text);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rc-card-footer[b-5vd345fazl] {
    border-top: 1px solid var(--s-color-border);
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
}

.rc-card-admin-actions[b-5vd345fazl] {
    display: flex;
    gap: 4px;
}

.rc-admin-btn[b-5vd345fazl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.15s ease;
}

.rc-admin-edit[b-5vd345fazl] {
    color: var(--s-color-muted-foreground);
}

.rc-admin-edit:hover[b-5vd345fazl] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    color: var(--s-color-primary);
}

.rc-admin-delete[b-5vd345fazl] {
    color: var(--s-color-muted-foreground);
}

.rc-admin-delete:hover[b-5vd345fazl] {
    background-color: color-mix(in srgb, #dc2626 12%, var(--s-color-card));
    color: #dc2626;
}

.rc-card-action[b-5vd345fazl] {
    font-size: 12px;
    font-weight: 500;
    color: var(--s-color-primary);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: gap 0.15s ease;
}

.rc-card:hover .rc-card-action[b-5vd345fazl] {
    gap: 8px;
}

.rc-badge[b-5vd345fazl] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.rc-badge-table[b-5vd345fazl] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    color: var(--s-color-primary);
}

.rc-badge-pivot[b-5vd345fazl] {
    background-color: color-mix(in srgb, #7c3aed 12%, var(--s-color-card));
    color: #7c3aed;
}

.rc-badge-chart[b-5vd345fazl] {
    background-color: color-mix(in srgb, #d97706 12%, var(--s-color-card));
    color: #b45309;
}

.rc-badge-locked[b-5vd345fazl] {
    background-color: color-mix(in srgb, #f59e0b 16%, var(--s-color-card));
    color: #b45309;
}

@media (max-width: 992px) {
    .rc-container > .d-flex[b-5vd345fazl] {
        flex-direction: column;
    }

    .group-list[b-5vd345fazl] {
        min-width: 100%;
        max-width: none;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid var(--s-color-border);
        padding-bottom: var(--s-space-10);
        margin-bottom: var(--s-space-10);
    }
}
/* /Pages/Shared/Pages/Reporting/ReportDefinitions/Components/ReportAuthorization/ReportAuthorizationPanel.razor.rz.scp.css */
.report-auth-panel[b-ui9f9bx6a3] {
    --report-auth-primary: var(--s-color-primary, #0f766e);
    --report-auth-primary-foreground: var(--s-color-primary-foreground, #ffffff);
    --report-auth-surface: var(--s-color-surface, #ffffff);
    --report-auth-foreground: var(--s-color-foreground, #0f172a);
    --report-auth-muted: var(--s-color-muted, #f5f5f5);
    --report-auth-muted-foreground: var(--s-color-muted-foreground, #737373);
    --report-auth-border: color-mix(in srgb, var(--report-auth-primary), transparent 86%);
    --report-auth-border-strong: color-mix(in srgb, var(--report-auth-primary), transparent 72%);
    --report-auth-soft: color-mix(in srgb, var(--report-auth-primary), transparent 95%);
    --report-auth-radius: var(--s-border-radius-default, 0.8rem);
    --report-auth-radius-small: var(--s-border-radius-small, 0.45rem);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--report-auth-foreground);
    font-size: 0.78rem;
}

.report-auth-panel__notice[b-ui9f9bx6a3],
.report-auth-panel__default-card[b-ui9f9bx6a3],
.report-auth-panel__summary[b-ui9f9bx6a3],
.report-auth-panel__tabs[b-ui9f9bx6a3],
.report-auth-panel__section[b-ui9f9bx6a3],
.report-auth-panel__footer-note[b-ui9f9bx6a3] {
    border: 1px solid var(--report-auth-border);
    border-radius: var(--report-auth-radius);
    background: var(--report-auth-surface);
}

.report-auth-panel__notice[b-ui9f9bx6a3] {
    padding: 0.45rem 0.6rem;
    background: color-mix(in srgb, var(--report-auth-primary), #fff6db 90%);
    font-size: 0.72rem;
}

.report-auth-panel__defaults[b-ui9f9bx6a3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.report-auth-panel__default-card[b-ui9f9bx6a3] {
    padding: 0.5rem 0.65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.report-auth-panel__default-copy[b-ui9f9bx6a3] {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.report-auth-panel__default-label[b-ui9f9bx6a3] {
    font-size: 0.76rem;
    font-weight: 700;
}

.report-auth-panel__default-help[b-ui9f9bx6a3] {
    font-size: 0.66rem;
    color: var(--report-auth-muted-foreground);
    line-height: 1.25;
}

.report-auth-panel__binary-group[b-ui9f9bx6a3],
.report-auth-panel__segmented[b-ui9f9bx6a3],
.report-auth-panel__legend[b-ui9f9bx6a3] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex-wrap: wrap;
}

.report-auth-panel__binary-button[b-ui9f9bx6a3],
.report-auth-panel__segmented-button[b-ui9f9bx6a3],
.report-auth-panel__ghost-button[b-ui9f9bx6a3],
.report-auth-panel__tab-button[b-ui9f9bx6a3] {
    border: 1px solid var(--report-auth-border-strong);
    border-radius: var(--report-auth-radius-small);
    background: var(--report-auth-surface);
    color: var(--report-auth-foreground);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.report-auth-panel__binary-button[b-ui9f9bx6a3],
.report-auth-panel__segmented-button[b-ui9f9bx6a3],
.report-auth-panel__ghost-button[b-ui9f9bx6a3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.7rem;
    padding: 0;
    font-size: 0.78rem;
}

.report-auth-panel__ghost-button[b-ui9f9bx6a3] {
    width: 2rem;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__tab-button[b-ui9f9bx6a3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.58rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.report-auth-panel__tab-button strong[b-ui9f9bx6a3] {
    font-size: 0.68rem;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__binary-button:hover[b-ui9f9bx6a3],
.report-auth-panel__segmented-button:hover[b-ui9f9bx6a3],
.report-auth-panel__ghost-button:hover[b-ui9f9bx6a3],
.report-auth-panel__tab-button:hover[b-ui9f9bx6a3] {
    transform: translateY(-1px);
    border-color: var(--report-auth-primary);
}

.report-auth-panel__binary-button--active[b-ui9f9bx6a3],
.report-auth-panel__segmented-button--active[b-ui9f9bx6a3],
.report-auth-panel__tab-button--active[b-ui9f9bx6a3] {
    background: var(--report-auth-primary);
    border-color: var(--report-auth-primary);
    color: var(--report-auth-primary-foreground);
}

.report-auth-panel__tab-button--active strong[b-ui9f9bx6a3] {
    color: var(--report-auth-primary-foreground);
}

.report-auth-panel__summary[b-ui9f9bx6a3],
.report-auth-panel__footer-note[b-ui9f9bx6a3] {
    padding: 0.45rem 0.6rem;
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: center;
    background: var(--report-auth-soft);
    color: var(--report-auth-muted-foreground);
    font-size: 0.69rem;
    line-height: 1.25;
}

.report-auth-panel__legend-item[b-ui9f9bx6a3] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
}

.report-auth-panel__legend-item span[b-ui9f9bx6a3] {
    font-size: 0.64rem;
}

.report-auth-panel__tabs[b-ui9f9bx6a3] {
    padding: 0.3rem;
    display: inline-flex;
    gap: 0.3rem;
    align-self: flex-start;
}

.report-auth-panel__section[b-ui9f9bx6a3] {
    padding: 0.55rem 0.7rem;
}

.report-auth-panel__section-header[b-ui9f9bx6a3] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.45rem;
}

.report-auth-panel__section-header h6[b-ui9f9bx6a3] {
    margin: 0 0 0.08rem;
    font-size: 0.82rem;
    font-weight: 800;
}

.report-auth-panel__section-header p[b-ui9f9bx6a3] {
    margin: 0;
    font-size: 0.67rem;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__bulk-stack[b-ui9f9bx6a3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.22rem;
}

.report-auth-panel__bulk-line[b-ui9f9bx6a3] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.report-auth-panel__bulk-label[b-ui9f9bx6a3] {
    font-size: 0.61rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__matrix[b-ui9f9bx6a3] {
    min-height: 14rem;
    max-height: min(27rem, 58vh);
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--report-auth-primary), transparent 90%);
    border-radius: calc(var(--report-auth-radius) - 0.1rem);
    background: color-mix(in srgb, var(--report-auth-muted), var(--report-auth-surface) 45%);
}

.report-auth-panel__table[b-ui9f9bx6a3] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.report-auth-panel__table thead th[b-ui9f9bx6a3] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--report-auth-muted), var(--report-auth-surface) 42%);
}

.report-auth-panel__table th[b-ui9f9bx6a3],
.report-auth-panel__table td[b-ui9f9bx6a3] {
    padding: 0.28rem 0.42rem;
    border-top: 1px solid color-mix(in srgb, var(--report-auth-primary), transparent 92%);
    text-align: left;
    vertical-align: middle;
}

.report-auth-panel__table th[b-ui9f9bx6a3] {
    border-top: none;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__table tbody tr:hover[b-ui9f9bx6a3] {
    background: color-mix(in srgb, var(--report-auth-primary), transparent 97%);
}

.report-auth-panel__subject[b-ui9f9bx6a3] {
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 1.15;
}

.report-auth-panel__meta[b-ui9f9bx6a3] {
    margin-top: 0.02rem;
    font-size: 0.64rem;
    color: var(--report-auth-muted-foreground);
    line-height: 1.1;
}

.report-auth-panel__empty-state[b-ui9f9bx6a3] {
    padding: 0.9rem;
    border-radius: calc(var(--report-auth-radius) - 0.1rem);
    background: color-mix(in srgb, var(--report-auth-muted), var(--report-auth-surface) 30%);
    color: var(--report-auth-muted-foreground);
    text-align: center;
    font-size: 0.72rem;
}

@media (max-width: 1100px) {
    .report-auth-panel__defaults[b-ui9f9bx6a3] {
        grid-template-columns: 1fr;
    }

    .report-auth-panel__section-header[b-ui9f9bx6a3] {
        flex-direction: column;
    }

    .report-auth-panel__summary[b-ui9f9bx6a3],
    .report-auth-panel__footer-note[b-ui9f9bx6a3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .report-auth-panel__bulk-stack[b-ui9f9bx6a3] {
        width: 100%;
        align-items: stretch;
    }
}

@media (max-width: 720px) {
    .report-auth-panel__tabs[b-ui9f9bx6a3] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .report-auth-panel__tab-button[b-ui9f9bx6a3] {
        justify-content: center;
    }

    .report-auth-panel__table[b-ui9f9bx6a3],
    .report-auth-panel__table thead[b-ui9f9bx6a3],
    .report-auth-panel__table tbody[b-ui9f9bx6a3],
    .report-auth-panel__table th[b-ui9f9bx6a3],
    .report-auth-panel__table td[b-ui9f9bx6a3],
    .report-auth-panel__table tr[b-ui9f9bx6a3] {
        display: block;
    }

    .report-auth-panel__table thead[b-ui9f9bx6a3] {
        display: none;
    }

    .report-auth-panel__table tbody tr[b-ui9f9bx6a3] {
        padding: 0.38rem;
        border-top: 1px solid color-mix(in srgb, var(--report-auth-primary), transparent 92%);
    }

    .report-auth-panel__table tbody tr:first-child[b-ui9f9bx6a3] {
        border-top: none;
    }

    .report-auth-panel__table td[b-ui9f9bx6a3] {
        border-top: none;
        padding: 0.18rem 0;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportDefinitions/Components/ReportParameters/ReportParameterEditor.razor.rz.scp.css */
.report-parameter-modal[b-33oj07rzj9] {
    max-width: 900px;
    width: 80vw;
}
/* /Pages/Shared/Pages/Reporting/ReportDefinitions/ReportDefinitionUpsert.razor.rz.scp.css */
.report-upsert-container[b-ijyzyohbdb] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--s-color-primary) 5%, transparent), transparent 30%),
        var(--s-color-page-background, var(--s-color-surface));
}

.report-content[b-ijyzyohbdb] {
    height: calc(100vh - 140px);
    gap: var(--s-space-10);
    padding: var(--s-space-12);
}

.report-sidebar-wrapper[b-ijyzyohbdb] {
    flex: 0 0 20%;
    min-width: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    overflow: hidden;
}

.report-sidebar-sqlEditor[b-ijyzyohbdb] {
    flex: 0 0 30%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    box-shadow: 0 14px 28px color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

.report-main-content-wrapper[b-ijyzyohbdb] {
    flex: 1 1 50%;
    min-width: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    overflow: hidden;
    box-shadow: 0 14px 28px color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

.sql-editor-memo[b-ijyzyohbdb] {
    flex: 1;
    min-height: 0;
    height: 100%;
}

[b-ijyzyohbdb] .sql-editor-memo,
[b-ijyzyohbdb] .sql-editor-memo .dxbl-text,
[b-ijyzyohbdb] .sql-editor-memo .dxbl-memo {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

[b-ijyzyohbdb] .sql-editor-memo textarea {
    flex: 1 !important;
    height: 100% !important;
    min-height: 100% !important;
    resize: none !important;
    font-size: 12px !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    line-height: 1.5 !important;
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
}

.sql-editor-header[b-ijyzyohbdb] {
    background-color: var(--s-color-surface);
}

.sql-fullscreen-btn[b-ijyzyohbdb],
.sql-header-btn[b-ijyzyohbdb] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
    border: 1px solid var(--s-color-border);
    background-color: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.sql-fullscreen-btn:hover[b-ijyzyohbdb],
.sql-header-btn:hover:not(:disabled)[b-ijyzyohbdb] {
    background-color: var(--s-color-surface);
    color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.sql-header-btn:disabled[b-ijyzyohbdb] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sql-editor-fullscreen[b-ijyzyohbdb] {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: var(--s-color-card);
    display: flex;
    flex-direction: column;
    padding: 0;
}

.sql-editor-fullscreen .sql-editor-header[b-ijyzyohbdb] {
    border-bottom: 1px solid var(--s-color-border);
}

[b-ijyzyohbdb] .sql-editor-fullscreen .sql-editor-memo,
[b-ijyzyohbdb] .sql-editor-fullscreen .sql-editor-memo textarea {
    flex: 1 !important;
    height: 100% !important;
}

[b-ijyzyohbdb] .report-header {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--s-color-primary) 3%, var(--s-color-card)), var(--s-color-card));
    border-bottom-color: var(--s-color-border) !important;
}

@media (max-width: 1280px) {
    .report-content[b-ijyzyohbdb] {
        flex-direction: column;
        height: auto;
        min-height: calc(100vh - 140px);
    }

    .report-sidebar-wrapper[b-ijyzyohbdb],
    .report-sidebar-sqlEditor[b-ijyzyohbdb],
    .report-main-content-wrapper[b-ijyzyohbdb] {
        flex: 1 1 auto;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportViewer.razor.rz.scp.css */
.report-viewer-shell[b-fxcmpxd68e] {
    margin: var(--s-space-12);
    padding: var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--s-color-primary) 2%, var(--s-color-card)), var(--s-color-card));
    box-shadow: 0 14px 28px color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

.report-viewer-surface[b-fxcmpxd68e] {
    min-height: 250px;
    border: 1px solid var(--s-color-border);
    border-top: none;
    border-radius: 0 0 var(--s-border-radius-medium) var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    overflow: hidden;
}

.report-viewer-body[b-fxcmpxd68e] {
    padding: var(--s-space-12);
}

[b-fxcmpxd68e] .report-detail-header {
    margin: var(--s-space-12);
    border: 1px solid var(--s-color-border) !important;
    border-radius: var(--s-border-radius-medium);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--s-color-primary) 3%, var(--s-color-card)), var(--s-color-card));
    box-shadow: 0 12px 24px color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

[b-fxcmpxd68e] .report-viewer-tabs .dxbl-tabs {
    background-color: transparent;
}

[b-fxcmpxd68e] .report-viewer-tabs .dxbl-tabs-item {
    color: var(--s-color-muted-foreground);
}

[b-fxcmpxd68e] .report-viewer-tabs .dxbl-active {
    color: var(--s-color-primary);
}

@media (max-width: 768px) {
    .report-viewer-shell[b-fxcmpxd68e],
    [b-fxcmpxd68e] .report-detail-header {
        margin: var(--s-space-8);
    }

    .report-viewer-body[b-fxcmpxd68e] {
        padding: var(--s-space-8);
    }
}
/* /Pages/Shared/Pages/Scheduling/RecurringJobParameter/ErpJobParameterChips.razor.rz.scp.css */
/* ====================================================
   ERP PARAMETER CHIPS — Compact colored badges
   Layout: [Key Value] [Key Value] ...
   ==================================================== */
.rjc-params-wrap[b-7yspo3xouc] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

/* Base chip */
.rjc-chip[b-7yspo3xouc] {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 10px;
    line-height: 1;
    overflow: hidden;
    transition: all 0.12s ease;
}

.rjc-chip--clickable[b-7yspo3xouc] {
    cursor: pointer;
}

.rjc-chip--clickable:hover[b-7yspo3xouc] {
    filter: brightness(0.95);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

/* Key part (left side, darker bg) */
.rjc-chip__key[b-7yspo3xouc] {
    padding: 3px 5px;
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* Value part (right side, lighter bg) */
.rjc-chip__val[b-7yspo3xouc] {
    padding: 3px 6px;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
}

/* Inline edit input */
.rjc-chip__input[b-7yspo3xouc] {
    width: 60px;
    padding: 2px 4px;
    border: none;
    font-size: 10px;
    font-weight: 700;
    outline: none;
    text-align: right;
    background: transparent;
    color: inherit;
}

.rjc-chip__input:focus[b-7yspo3xouc] {
    outline: none;
}

/* ---- Color Variants ---- */

/* Time / IncrementalMinutes — Indigo */
.rjc-chip--time[b-7yspo3xouc] {
    background-color: rgba(99, 102, 241, 0.12);
}

.rjc-chip--time .rjc-chip__key[b-7yspo3xouc] {
    background-color: #6366f1;
    color: #ffffff;
}

.rjc-chip--time .rjc-chip__val[b-7yspo3xouc] {
    color: #4f46e5;
}

.rjc-chip--time .rjc-chip__input[b-7yspo3xouc] {
    color: #4f46e5;
    background-color: rgba(99, 102, 241, 0.06);
}

/* Page / PageSize — Amber */
.rjc-chip--page[b-7yspo3xouc] {
    background-color: rgba(245, 158, 11, 0.1);
}

.rjc-chip--page .rjc-chip__key[b-7yspo3xouc] {
    background-color: #f59e0b;
    color: #ffffff;
}

.rjc-chip--page .rjc-chip__val[b-7yspo3xouc] {
    color: #d97706;
}

.rjc-chip--page .rjc-chip__input[b-7yspo3xouc] {
    color: #d97706;
    background-color: rgba(245, 158, 11, 0.06);
}

/* Pull / MaxItemCountPerPull — Teal */
.rjc-chip--pull[b-7yspo3xouc] {
    background-color: rgba(20, 184, 166, 0.1);
}

.rjc-chip--pull .rjc-chip__key[b-7yspo3xouc] {
    background-color: #14b8a6;
    color: #ffffff;
}

.rjc-chip--pull .rjc-chip__val[b-7yspo3xouc] {
    color: #0d9488;
}

.rjc-chip--pull .rjc-chip__input[b-7yspo3xouc] {
    color: #0d9488;
    background-color: rgba(20, 184, 166, 0.06);
}

/* Batch / BatchSize — Rose */
.rjc-chip--batch[b-7yspo3xouc] {
    background-color: rgba(236, 72, 153, 0.1);
}

.rjc-chip--batch .rjc-chip__key[b-7yspo3xouc] {
    background-color: #e11d48;
    color: #ffffff;
}

.rjc-chip--batch .rjc-chip__val[b-7yspo3xouc] {
    color: #be185d;
}

.rjc-chip--batch .rjc-chip__input[b-7yspo3xouc] {
    color: #be185d;
    background-color: rgba(236, 72, 153, 0.06);
}

/* Default */
.rjc-chip--default[b-7yspo3xouc] {
    background-color: var(--s-color-muted);
}

.rjc-chip--default .rjc-chip__key[b-7yspo3xouc] {
    background-color: var(--s-color-border);
    color: var(--s-color-label);
}

.rjc-chip--default .rjc-chip__val[b-7yspo3xouc] {
    color: var(--s-color-body-text);
}
/* /Pages/Shared/Pages/Scheduling/RecurringJobParameter/RecurringJobCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.rjc-container[b-uezk6no55k] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ===== Toolbar ===== */
.rjc-toolbar[b-uezk6no55k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 8px;
}

.rjc-page-title[b-uezk6no55k] {
    color: var(--s-color-body-text);
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.rjc-page-title i[b-uezk6no55k] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.rjc-toolbar-actions[b-uezk6no55k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rjc-toolbar-btn[b-uezk6no55k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1px solid var(--s-color-border);
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
}

.rjc-btn-success[b-uezk6no55k] { color: #059669; border-color: rgba(5, 150, 105, 0.3); }
.rjc-btn-success:hover[b-uezk6no55k] { background-color: rgba(5, 150, 105, 0.08); }
.rjc-btn-danger[b-uezk6no55k] { color: var(--s-color-destructive); border-color: rgba(204, 0, 0, 0.3); }
.rjc-btn-danger:hover[b-uezk6no55k] { background-color: rgba(204, 0, 0, 0.08); }

/* ===== Body ===== */
.rjc-body[b-uezk6no55k] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

/* ===== Group List (Left Sidebar) ===== */
.rjc-group-list[b-uezk6no55k] {
    min-width: 200px;
    max-width: 220px;
    padding-right: 10px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.rjc-group-item[b-uezk6no55k] {
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.12s ease;
    margin-bottom: 1px;
}

.rjc-group-item:hover[b-uezk6no55k] { background-color: var(--s-color-accent); }
.rjc-group-item.selected[b-uezk6no55k] { background-color: var(--s-color-accent); }
.rjc-group-item.selected .rjc-group-name[b-uezk6no55k] { font-weight: 600; color: var(--s-color-body-text); }

.rjc-group-name[b-uezk6no55k] { font-size: 12px; color: var(--s-color-muted-foreground); }

.rjc-group-icon[b-uezk6no55k] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rjc-group-icon i[b-uezk6no55k] { color: #fff; font-size: 12px; }

.rjc-group-count[b-uezk6no55k] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    padding: 1px 6px;
    border-radius: 999px;
}

/* ===== Content (Right) ===== */
.rjc-content[b-uezk6no55k] {
    flex: 1;
    padding-left: 12px;
    overflow-y: auto;
    min-height: 0;
}

/* ===== Content Header ===== */
.rjc-content-header[b-uezk6no55k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

.rjc-status-toggles[b-uezk6no55k] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--s-color-muted);
    border-radius: 8px;
    padding: 3px;
}

.rjc-toggle-btn[b-uezk6no55k] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border: none;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    background: transparent;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.rjc-toggle-btn:hover[b-uezk6no55k] { color: var(--s-color-body-text); }
.rjc-toggle-btn.active[b-uezk6no55k] { background: var(--s-color-card); color: var(--s-color-body-text); box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.rjc-toggle-active.active[b-uezk6no55k] { color: #059669; }
.rjc-toggle-stopped.active[b-uezk6no55k] { color: var(--s-color-destructive); }
.rjc-toggle-count[b-uezk6no55k] { font-size: 10px; opacity: 0.7; }

.rjc-view-controls[b-uezk6no55k] { display: flex; gap: 2px; background: var(--s-color-muted); border-radius: 6px; padding: 2px; }
.rjc-view-btn[b-uezk6no55k] { display: flex; align-items: center; justify-content: center; width: 28px; height: 26px; border: none; border-radius: 4px; cursor: pointer; font-size: 13px; transition: all 0.12s ease; background: transparent; color: var(--s-color-muted-foreground); }
.rjc-view-btn:hover[b-uezk6no55k] { color: var(--s-color-body-text); }
.rjc-view-btn.active[b-uezk6no55k] { background: var(--s-color-card); color: var(--s-color-body-text); box-shadow: 0 1px 2px rgba(0,0,0,0.08); }

/* ===== Search ===== */
.rjc-search-box[b-uezk6no55k] { display: flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid var(--s-color-border); border-radius: 6px; background-color: var(--s-color-input-bg); max-width: 200px; }
.rjc-search-box:focus-within[b-uezk6no55k] { border-color: var(--s-color-ring); }
.rjc-search-input[b-uezk6no55k] { border: none; outline: none; background: transparent; font-size: 12px; width: 100%; color: var(--s-color-body-text); }
.rjc-search-input[b-uezk6no55k]::placeholder { color: var(--s-color-input-placeholder); }
.rjc-search-clear[b-uezk6no55k] { display: flex; align-items: center; justify-content: center; background: none; border: none; color: var(--s-color-muted-foreground); cursor: pointer; padding: 0; font-size: 10px; line-height: 1; }
.rjc-search-clear:hover[b-uezk6no55k] { color: var(--s-color-body-text); }

/* ====================================================
   COMPACT LIST VIEW — 6 columns
   ==================================================== */
.rjc-list[b-uezk6no55k] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
}

.rjc-list-header[b-uezk6no55k] {
    display: grid;
    grid-template-columns: 32px 1.2fr 110px 160px minmax(180px, 1fr) auto;
    align-items: center;
    padding: var(--s-space-4) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: var(--s-font-size-10);
    font-weight: 600;
    color: var(--s-color-body-text);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.rjc-list-row[b-uezk6no55k] {
    display: grid;
    grid-template-columns: 32px 1.2fr 110px 160px minmax(180px, 1fr) auto;
    align-items: center;
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-8));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    --s-row-color: var(--s-color-card);
    background-color: var(--s-row-color);
    transition: background-color 0.1s ease;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    color: var(--s-color-body-text);
}

.rjc-list-row:last-child[b-uezk6no55k] { border-bottom: none; }
.rjc-list-row:hover[b-uezk6no55k] { background-color: var(--s-color-datatable-hover); }
.rjc-list-row-stopped[b-uezk6no55k] { opacity: 0.85; }

.rjc-list-name[b-uezk6no55k] { display: flex; flex-direction: column; gap: 1px; color: var(--s-color-body-text); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: var(--s-space-8); }
.rjc-list-desc[b-uezk6no55k] { font-size: var(--s-font-size-10); color: var(--s-color-label); font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.rjc-lh-status[b-uezk6no55k] { display: flex; align-items: center; justify-content: center; }
.rjc-lh-name[b-uezk6no55k] { overflow: hidden; }
.rjc-lh-group[b-uezk6no55k] { overflow: hidden; }
.rjc-lh-cron[b-uezk6no55k] { display: flex; flex-wrap: wrap; gap: var(--s-space-3); overflow: hidden; padding-right: var(--s-space-8); color: var(--s-color-body-text); }
.rjc-lh-params[b-uezk6no55k] { overflow: hidden; padding-right: var(--s-space-4); }
.rjc-lh-actions[b-uezk6no55k] { display: flex; align-items: center; gap: var(--s-space-2); white-space: nowrap; }

/* ====================================================
   CARD GRID VIEW
   ==================================================== */
.rjc-card-grid[b-uezk6no55k] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.rjc-card[b-uezk6no55k] { border: 1px solid var(--s-color-border); border-radius: 8px; background: var(--s-color-card); display: flex; flex-direction: column; transition: all 0.18s ease; overflow: hidden; position: relative; }
.rjc-card:hover[b-uezk6no55k] { box-shadow: 0 4px 12px rgba(0,0,0,0.06); transform: translateY(-1px); }
.rjc-card-active[b-uezk6no55k] { border-left: 3px solid #059669; }
.rjc-card-stopped[b-uezk6no55k] { border-left: 3px solid var(--s-color-destructive); }
.rjc-card-header[b-uezk6no55k] { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px 0; }
.rjc-card-status[b-uezk6no55k] { display: flex; align-items: center; }
.rjc-card-body[b-uezk6no55k] { flex: 1; padding: 4px 10px 6px; }
.rjc-card-title[b-uezk6no55k] { font-size: 12px; font-weight: 600; color: var(--s-color-body-text); margin: 0 0 2px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rjc-card-desc[b-uezk6no55k] { font-size: 10px; color: var(--s-color-label); margin: 0 0 4px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.rjc-card-cron-section[b-uezk6no55k] { margin-top: 2px; }
.rjc-card-cron-label[b-uezk6no55k] { display: flex; align-items: center; gap: 3px; font-size: 9px; font-weight: 500; color: var(--s-color-label); margin-bottom: 2px; }
.rjc-card-crons[b-uezk6no55k] { display: flex; flex-wrap: wrap; gap: 3px; }
.rjc-card-footer[b-uezk6no55k] { border-top: 1px solid var(--s-color-border); padding: 4px 10px; }
.rjc-card-actions[b-uezk6no55k] { display: flex; align-items: center; gap: 4px; }
.rjc-card-params-section[b-uezk6no55k] { margin-top: 6px; padding-top: 4px; border-top: 1px dashed var(--s-color-border); }

/* ====================================================
   SHARED INDICATORS & BADGES
   ==================================================== */
.rjc-indicator[b-uezk6no55k] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.rjc-indicator-active[b-uezk6no55k] { background-color: #059669; box-shadow: 0 0 4px rgba(5,150,105,0.5); animation: rjc-pulse-b-uezk6no55k 2s infinite; }
.rjc-indicator-stopped[b-uezk6no55k] { background-color: var(--s-color-destructive); opacity: 0.6; }

@keyframes rjc-pulse-b-uezk6no55k {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.rjc-card-group-badge[b-uezk6no55k] { padding: 1px 6px; border-radius: 999px; font-size: 9px; font-weight: 500; background-color: var(--s-color-muted); color: var(--s-color-label); white-space: nowrap; }
.rjc-cron-badge[b-uezk6no55k] { display: inline-block; background-color: rgba(5,150,105,0.1); color: #059669; padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 500; white-space: nowrap; }
.rjc-no-params[b-uezk6no55k] { color: var(--s-color-muted-foreground); font-size: 11px; }

/* ====================================================
   ACTION BUTTONS
   ==================================================== */
.rjc-action-btn[b-uezk6no55k] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border: none;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s ease;
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.rjc-action-start[b-uezk6no55k] { color: #059669; }
.rjc-action-start:hover[b-uezk6no55k] { background-color: rgba(5,150,105,0.1); }
.rjc-action-stop[b-uezk6no55k] { color: var(--s-color-destructive); }
.rjc-action-stop:hover[b-uezk6no55k] { background-color: rgba(204,0,0,0.08); }
.rjc-action-trigger[b-uezk6no55k] { color: #2563eb; }
.rjc-action-trigger:hover[b-uezk6no55k] { background-color: rgba(37,99,235,0.08); }
.rjc-action-edit[b-uezk6no55k] { color: var(--s-color-muted-foreground); margin-left: auto; }
.rjc-action-edit:hover[b-uezk6no55k] { background-color: var(--s-color-accent); color: var(--s-color-body-text); }

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .rjc-body[b-uezk6no55k] { flex-direction: column; }
    .rjc-group-list[b-uezk6no55k] { max-width: none; min-width: auto; display: flex; overflow-x: auto; border-right: none; border-bottom: 1px solid var(--s-color-border); padding-right: 0; padding-bottom: 6px; margin-bottom: 8px; gap: 4px; }
    .rjc-group-item[b-uezk6no55k] { white-space: nowrap; flex-shrink: 0; }
    .rjc-content[b-uezk6no55k] { padding-left: 0; }
    .rjc-card-grid[b-uezk6no55k] { grid-template-columns: 1fr; }
    .rjc-list-header[b-uezk6no55k], .rjc-list-row[b-uezk6no55k] { grid-template-columns: 28px 1fr auto; }
    .rjc-lh-group[b-uezk6no55k], .rjc-lh-cron[b-uezk6no55k], .rjc-lh-params[b-uezk6no55k] { display: none; }
    .rjc-toolbar[b-uezk6no55k] { flex-direction: column; align-items: flex-start; }
    .rjc-content-header[b-uezk6no55k] { flex-direction: column; align-items: flex-start; }
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/EntityAuthorizationPanel.razor.rz.scp.css */
.entity-auth-panel[b-jbz3qqmiub] {
    --entity-auth-primary: var(--s-color-primary, #171717);
    --entity-auth-primary-fg: var(--s-color-primary-foreground, #ffffff);
    --entity-auth-surface: var(--s-color-card, #ffffff);
    --entity-auth-border: color-mix(in srgb, var(--entity-auth-primary), transparent 88%);
    --entity-auth-border-strong: color-mix(in srgb, var(--entity-auth-primary), transparent 72%);
    --entity-auth-muted: var(--s-color-label, #525252);
    --entity-auth-radius: var(--s-border-radius-default, 0.8rem);
    --entity-auth-radius-sm: var(--s-border-radius-small, 0.45rem);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    font-size: 0.76rem;
    color: var(--s-color-body-text, #171717);
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ─── Toolbar ─── */
.entity-auth-panel__toolbar[b-jbz3qqmiub] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--entity-auth-border);
    border-radius: var(--entity-auth-radius);
    background: var(--entity-auth-surface);
}

.entity-auth-panel__toolbar-left[b-jbz3qqmiub],
.entity-auth-panel__toolbar-right[b-jbz3qqmiub] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.entity-auth-panel__default-group[b-jbz3qqmiub] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}

.entity-auth-panel__label[b-jbz3qqmiub] {
    font-size: 0.68rem;
    font-weight: 800;
    margin-right: 0.22rem;
    white-space: nowrap;
}

.entity-auth-panel__default-btn[b-jbz3qqmiub],
.entity-auth-panel__mode-btn[b-jbz3qqmiub] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.3rem 0.46rem;
    font-size: 0.66rem;
    font-weight: 700;
    min-height: 1.7rem;
    border: 1px solid var(--entity-auth-border-strong);
    border-radius: var(--entity-auth-radius-sm);
    background: var(--entity-auth-surface);
    color: var(--s-color-body-text, #171717);
    cursor: pointer;
    transition: background-color 0.14s, color 0.14s, border-color 0.14s;
    white-space: nowrap;
}

.entity-auth-panel__default-btn:hover[b-jbz3qqmiub],
.entity-auth-panel__mode-btn:hover[b-jbz3qqmiub] {
    border-color: var(--entity-auth-primary);
}

.entity-auth-panel__default-btn--active[b-jbz3qqmiub],
.entity-auth-panel__mode-btn--active[b-jbz3qqmiub] {
    background: var(--entity-auth-primary);
    color: var(--entity-auth-primary-fg);
    border-color: var(--entity-auth-primary);
}

.entity-auth-panel__hint[b-jbz3qqmiub] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-size: 0.64rem;
    color: var(--entity-auth-muted);
}

.entity-auth-panel__mode-switch[b-jbz3qqmiub] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.2rem;
    border: 1px solid var(--entity-auth-border);
    border-radius: var(--entity-auth-radius);
    background: color-mix(in srgb, var(--s-color-surface, #f1f1f1) 50%, var(--entity-auth-surface) 50%);
}

/* ─── Split Layout ─── */
.entity-auth-panel__split[b-jbz3qqmiub] {
    display: grid;
    grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
    gap: 0.55rem;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.entity-auth-panel__split-pane[b-jbz3qqmiub] {
    border: 1px solid var(--entity-auth-border);
    border-radius: var(--entity-auth-radius);
    background: var(--entity-auth-surface);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* ─── Detail Header ─── */
.entity-auth-panel__detail-header[b-jbz3qqmiub] {
    padding: 0.5rem 0.6rem;
    border-bottom: 1px solid var(--entity-auth-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--s-color-surface, #f1f1f1) 60%, var(--entity-auth-surface) 40%), var(--entity-auth-surface));
}

.entity-auth-panel__detail-title[b-jbz3qqmiub] {
    font-size: 0.82rem;
    font-weight: 800;
    display: block;
}

.entity-auth-panel__detail-sub[b-jbz3qqmiub] {
    font-size: 0.66rem;
    color: var(--entity-auth-muted);
}

/* ─── Empty ─── */
.entity-auth-panel__empty[b-jbz3qqmiub] {
    padding: 1.2rem 1rem;
    text-align: center;
    color: var(--entity-auth-muted);
    font-size: 0.76rem;
    border: 1px dashed var(--entity-auth-border-strong);
    border-radius: var(--entity-auth-radius);
}

/* ─── Responsive ─── */
@media (max-width: 900px) {
    .entity-auth-panel__split[b-jbz3qqmiub] {
        grid-template-columns: 1fr;
    }

    .entity-auth-panel__toolbar[b-jbz3qqmiub] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/PermissionToggle.razor.rz.scp.css */
.perm-toggle[b-3ejtokovle] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}

.perm-toggle__btn[b-3ejtokovle] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    padding: 0.28rem 0.42rem;
    font-size: 0.67rem;
    font-weight: 700;
    min-height: 1.65rem;
    border: 1px solid var(--entity-auth-border-strong, color-mix(in srgb, var(--s-color-primary, #171717), transparent 72%));
    border-radius: var(--s-border-radius-small, 0.45rem);
    background: var(--s-color-card, #ffffff);
    color: var(--s-color-body-text, #171717);
    cursor: pointer;
    transition: background-color 0.14s ease, color 0.14s ease, border-color 0.14s ease;
    white-space: nowrap;
}

.perm-toggle__btn:hover[b-3ejtokovle] {
    border-color: var(--s-color-primary, #171717);
}

.perm-toggle__btn--active[b-3ejtokovle] {
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #ffffff);
    border-color: var(--s-color-primary, #171717);
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/RuleMatrix.razor.rz.scp.css */
.rule-matrix[b-8cgqfq5nsy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.rule-matrix__header[b-8cgqfq5nsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid var(--entity-auth-border, color-mix(in srgb, var(--s-color-primary, #171717), transparent 88%));
    background: linear-gradient(180deg, color-mix(in srgb, var(--s-color-surface, #f1f1f1) 60%, var(--s-color-card, #fff) 40%), var(--s-color-card, #fff));
}

.rule-matrix__header-left[b-8cgqfq5nsy] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rule-matrix__header-right[b-8cgqfq5nsy] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rule-matrix__count[b-8cgqfq5nsy] {
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--s-color-label, #525252);
}

.rule-matrix__bulk-label[b-8cgqfq5nsy] {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--s-color-label, #525252);
    white-space: nowrap;
}

.rule-matrix__search[b-8cgqfq5nsy] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.55rem;
    border-bottom: 1px solid var(--entity-auth-border, color-mix(in srgb, var(--s-color-primary, #171717), transparent 88%));
    background: var(--s-color-card, #fff);
    flex-shrink: 0;
}

.rule-matrix__search-icon[b-8cgqfq5nsy] {
    font-size: 0.72rem;
    color: var(--s-color-label, #525252);
    flex-shrink: 0;
}

.rule-matrix__search-input[b-8cgqfq5nsy] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 0.72rem;
    padding: 0.22rem 0;
    background: transparent;
    color: var(--s-color-body-text, #171717);
    min-width: 0;
}

.rule-matrix__search-input[b-8cgqfq5nsy]::placeholder {
    color: var(--s-color-label, #525252);
    opacity: 0.7;
}

.rule-matrix__search-clear[b-8cgqfq5nsy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--s-color-label, #525252);
    padding: 0.1rem;
    font-size: 0.82rem;
    border-radius: 50%;
    transition: background-color 0.12s;
}

.rule-matrix__search-clear:hover[b-8cgqfq5nsy] {
    background: color-mix(in srgb, var(--s-color-primary, #171717), transparent 90%);
}

.rule-matrix__count--total[b-8cgqfq5nsy] {
    opacity: 0.55;
}

.rule-matrix__list[b-8cgqfq5nsy] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.rule-matrix__row[b-8cgqfq5nsy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: var(--datatable-row-size, 0.45rem 0.6rem);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-row-color, var(--s-color-card, #fff));
}

.rule-matrix__list .rule-matrix__row:first-child[b-8cgqfq5nsy] { border-top: none; }

.rule-matrix__cell-info[b-8cgqfq5nsy] {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    min-width: 0;
    flex: 1;
}

.rule-matrix__cell-title[b-8cgqfq5nsy] {
    font-weight: 800;
    font-size: 0.76rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rule-matrix__cell-meta[b-8cgqfq5nsy] {
    font-size: 0.66rem;
    color: var(--s-color-label, #525252);
    line-height: 1.2;
}

.rule-matrix__cell-perm[b-8cgqfq5nsy] {
    flex-shrink: 0;
}

.rule-matrix__empty[b-8cgqfq5nsy] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--s-color-label, #525252);
    font-size: 0.76rem;
}

body.s-datatable-striped .rule-matrix__list .rule-matrix__row:nth-child(even)[b-8cgqfq5nsy] {
    --s-row-color: var(--s-color-muted);
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/SubjectPicker.razor.rz.scp.css */
.subject-picker[b-el07rwmk6a] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    max-height: calc(100vh - 12rem);
}

.subject-picker__tabs[b-el07rwmk6a] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.22rem;
    border: 1px solid var(--entity-auth-border, color-mix(in srgb, var(--s-color-primary, #171717), transparent 88%));
    border-radius: var(--s-border-radius-default, 0.8rem);
    background: var(--s-color-card, #fff);
    flex-wrap: nowrap;
    margin: 0.35rem 0.45rem 0;
}

.subject-picker__tab[b-el07rwmk6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    flex: 1 1 0;
    min-width: 0;
    padding: 0.22rem 0.32rem;
    font-size: 0.62rem;
    font-weight: 800;
    border: 1px solid var(--entity-auth-border-strong, color-mix(in srgb, var(--s-color-primary, #171717), transparent 72%));
    border-radius: var(--s-border-radius-small, 0.45rem);
    background: var(--s-color-card, #fff);
    color: var(--s-color-body-text, #171717);
    cursor: pointer;
    transition: background-color 0.14s, color 0.14s, border-color 0.14s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subject-picker__tab i[b-el07rwmk6a] { font-size: 0.7rem; flex-shrink: 0; }

.subject-picker__tab strong[b-el07rwmk6a] {
    font-size: 0.56rem;
    color: var(--s-color-label, #525252);
}

.subject-picker__tab--active[b-el07rwmk6a] {
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #fff);
    border-color: var(--s-color-primary, #171717);
}

.subject-picker__tab--active strong[b-el07rwmk6a] { color: inherit; }

.subject-picker__tab:hover[b-el07rwmk6a] { border-color: var(--s-color-primary, #171717); }

.subject-picker__search[b-el07rwmk6a] {
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid var(--entity-auth-border, color-mix(in srgb, var(--s-color-primary, #171717), transparent 88%));
}

.subject-picker__search-input[b-el07rwmk6a] {
    border-radius: var(--s-border-radius-small, 0.45rem);
    font-size: 0.72rem;
}

.subject-picker__list[b-el07rwmk6a] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.subject-picker__item[b-el07rwmk6a] {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    width: 100%;
    text-align: left;
    padding: var(--datatable-row-size, 0.45rem 0.6rem);
    border: none;
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-row-color, var(--s-color-card, #fff));
    color: var(--s-color-body-text, #171717);
    font-size: var(--datatable-row-font-size, 0.74rem);
    cursor: pointer;
    transition: background-color 0.14s, color 0.14s;
}

.subject-picker__list .subject-picker__item:first-child[b-el07rwmk6a] { border-top: none; }

.subject-picker__item:hover[b-el07rwmk6a] { background: color-mix(in srgb, var(--s-color-primary, #171717), transparent 94%); }

.subject-picker__item--active[b-el07rwmk6a] {
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #fff);
}

.subject-picker__item--active:hover[b-el07rwmk6a] {
    background: var(--s-color-primary, #171717);
}

.subject-picker__name[b-el07rwmk6a] { font-weight: 800; line-height: 1.2; }

.subject-picker__meta[b-el07rwmk6a] {
    font-size: 0.66rem;
    color: var(--s-color-label, #525252);
    line-height: 1.2;
}

.subject-picker__item--active .subject-picker__meta[b-el07rwmk6a] { color: inherit; }

.subject-picker__name-row[b-el07rwmk6a] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.subject-picker__name-row .subject-picker__name[b-el07rwmk6a] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject-picker__rule-badge[b-el07rwmk6a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.58rem;
    font-weight: 800;
    border-radius: 999px;
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #fff);
    flex-shrink: 0;
    line-height: 1;
}

.subject-picker__item--active .subject-picker__rule-badge[b-el07rwmk6a] {
    background: var(--s-color-primary-foreground, #fff);
    color: var(--s-color-primary, #171717);
}

.subject-picker__empty[b-el07rwmk6a] {
    padding: 0.9rem;
    text-align: center;
    color: var(--s-color-label, #525252);
    font-size: 0.7rem;
}

body.s-datatable-striped .subject-picker__list .subject-picker__item:nth-child(even)[b-el07rwmk6a] {
    --s-row-color: var(--s-color-muted);
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/EntityAuthorizationPage.razor.rz.scp.css */
.entity-auth-page[b-gt8if93148] {
    --entity-auth-surface: var(--s-color-card, #ffffff);
    --entity-auth-surface-soft: color-mix(in srgb, var(--s-color-surface, #f1f1f1) 75%, var(--entity-auth-surface) 25%);
    --entity-auth-foreground: var(--s-color-body-text, #171717);
    --entity-auth-muted: var(--s-color-label, #525252);
    --entity-auth-border: color-mix(in srgb, var(--s-color-primary, #171717), transparent 88%);
    --entity-auth-border-strong: color-mix(in srgb, var(--s-color-primary, #171717), transparent 72%);
    --entity-auth-radius: var(--s-border-radius-default, 0.8rem);
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.85rem;
    color: var(--entity-auth-foreground);
    height: calc(100vh - 4rem);
    overflow: hidden;
}

/* ─── Header ─── */
.entity-auth-page__header[b-gt8if93148] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.entity-auth-page__header-left[b-gt8if93148] {
    flex: 1;
    min-width: 0;
}

.entity-auth-page__header-actions[b-gt8if93148] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.entity-auth-page__title[b-gt8if93148] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
}

.entity-auth-page__subtitle[b-gt8if93148] {
    margin: 0.25rem 0 0;
    color: var(--entity-auth-muted);
    max-width: 50rem;
    line-height: 1.35;
    font-size: 0.78rem;
}

.entity-auth-page__definition-select[b-gt8if93148] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 12rem;
}

.entity-auth-page__save-button[b-gt8if93148] {
    min-width: 5.5rem;
    align-self: flex-end;
}

.entity-auth-page__field-label[b-gt8if93148] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--entity-auth-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ─── 2-Column Workspace ─── */
.entity-auth-page__workspace[b-gt8if93148] {
    display: grid;
    grid-template-columns: minmax(20rem, 26rem) minmax(30rem, 1fr);
    gap: 0.65rem;
    align-items: start;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* SubjectFirst: single column (entity grid hidden) */
.entity-auth-page__workspace--subject-first[b-gt8if93148] {
    grid-template-columns: 1fr;
}

.entity-auth-page__card[b-gt8if93148] {
    border: 1px solid var(--entity-auth-border);
    border-radius: var(--entity-auth-radius);
    background: var(--entity-auth-surface);
    box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--s-color-primary, #171717), transparent 95%);
    overflow: hidden;
}

.entity-auth-page__card--left[b-gt8if93148] {
    position: sticky;
    top: 0.75rem;
    max-height: calc(100vh - 8rem);
    display: flex;
    flex-direction: column;
}

.entity-auth-page__card--right[b-gt8if93148] {
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.entity-auth-page__card-header[b-gt8if93148] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.55rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--entity-auth-border);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--entity-auth-surface-soft), var(--entity-auth-surface) 20%),
        var(--entity-auth-surface)
    );
}

.entity-auth-page__card-body[b-gt8if93148] {
    padding: 0;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.entity-auth-page__card-body--panel[b-gt8if93148] {
    padding: 0.65rem;
}

.entity-auth-page__badge[b-gt8if93148] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--entity-auth-border-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--entity-auth-surface-soft), var(--entity-auth-surface) 30%);
    color: var(--entity-auth-foreground);
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.24rem 0.5rem;
    white-space: nowrap;
}

.entity-auth-page__selector-host[b-gt8if93148] {
    min-height: 0;
}

.entity-auth-page__empty-state[b-gt8if93148],
.entity-auth-page__empty-inline[b-gt8if93148] {
    border: 1px dashed var(--entity-auth-border-strong);
    border-radius: var(--entity-auth-radius);
    background: color-mix(in srgb, var(--entity-auth-surface-soft), var(--entity-auth-surface) 15%);
    color: var(--entity-auth-muted);
    text-align: center;
}

.entity-auth-page__empty-state[b-gt8if93148] { padding: 1.5rem; }
.entity-auth-page__empty-inline[b-gt8if93148] { padding: 1rem; font-size: 0.78rem; }

/* ─── Responsive ─── */
@media (max-width: 1199.98px) {
    .entity-auth-page__workspace[b-gt8if93148] {
        grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    }

    .entity-auth-page__card--left[b-gt8if93148] {
        position: static;
        max-height: none;
    }
}

@media (max-width: 899.98px) {
    .entity-auth-page__workspace[b-gt8if93148] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .entity-auth-page[b-gt8if93148] { padding: 0.5rem; }
    .entity-auth-page__header[b-gt8if93148] { flex-direction: column; align-items: stretch; }
}
/* /Pages/StockManagement/Components/Cart/CartItem.razor.rz.scp.css */
td[b-njc4m6wci5] {
    border: 1px solid var(--s-color-border);
    padding: var(--s-space-2) var(--s-space-4);
    text-align: center;
    font-size: 9px;
}

td.cart-table-product-name[b-njc4m6wci5] {
    min-width: calc(var(--rem-scale) * 7rem);
}

.number[b-njc4m6wci5] {
    text-align: right;
}

.product-row:hover[b-njc4m6wci5] {
    background-color: rgba(58, 134, 255, 0.05);
}

.product-name[b-njc4m6wci5] {
    font-weight: 600;
}


.color-mavi[b-njc4m6wci5] {
    background-color: #3a86ff;
}

.color-pembe[b-njc4m6wci5] {
    background-color: #ff77e9;
}

.quantity-control[b-njc4m6wci5] {
    display: flex;
    align-items: center;
    max-width: 120px;
    flex-wrap: nowrap;
}

.quantity-control button[b-njc4m6wci5] {
    width: auto;
    background-color: transparent;
}

.quantity-input[b-njc4m6wci5] {
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px;
    border-radius: 4px;
}


.remove-item[b-njc4m6wci5] {
    cursor: pointer;
    font-size: var(--s-font-size-16);
    transition: all 0.2s ease;
}

.price-original[b-njc4m6wci5] {
    text-decoration: line-through;
    color: #999;
}

.price-discount[b-njc4m6wci5] {
    color: #ff5a5f;
    font-weight: 600;
}

.price-vatrate[b-njc4m6wci5] {
    font-weight: 600;
    color: var(--text-color);
}

.price-final[b-njc4m6wci5] {
    font-weight: 600;
    color: var(--text-color);
}

.border-right-cell:not(:last-child)[b-njc4m6wci5] {
    border-right-width: 1px;
}

.cart-item-remove[b-njc4m6wci5] {
    background-color: transparent;
    border-color: transparent;
}

.cart-item-discounts[b-njc4m6wci5] {
    display: flex;
    font-size: 11px;
    border-color: inherit;
}

.cart-item-discounts span[b-njc4m6wci5] {
    border-color: inherit;
}
/* /Pages/StockManagement/Components/Cart/CartItemNew.razor.rz.scp.css */
.basket-product[b-3ontl2tjtv] {
    border-top: 0;
    border-radius: 0;
    border-bottom-width: 1px;
}

.basket-product:first-child[b-3ontl2tjtv] {
    border-top-left-radius: var(--s-border-radius-default);
    border-top-right-radius: var(--s-border-radius-default);
}

.basket-product:last-child[b-3ontl2tjtv] {
    border-bottom-left-radius: var(--s-border-radius-default);
    border-bottom-right-radius: var(--s-border-radius-default)
}

.basket-product-content[b-3ontl2tjtv] {
    padding: 8px 12px;
}

.basket-product-main[b-3ontl2tjtv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (min-width:1024px) {
    .basket-product-main[b-3ontl2tjtv] {
        align-items: start;
    }
}

.basket-product-image[b-3ontl2tjtv] {
    width: 48px;
    height: 48px;
    border-width: 1px;
    border-radius: var(--s-border-radius-default);
    flex-shrink: 0;
}

.basket-product-image img[b-3ontl2tjtv] {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.basket-product-info[b-3ontl2tjtv] {
    flex: 1;
    min-width: 0;
}

.basket-product-name[b-3ontl2tjtv] {
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-medium);
    display: flex;
    flex-direction: column;
    max-width: calc(100% - calc(var(--rem-scale) * 4rem));
}

.basket-product-name-quantity-label[b-3ontl2tjtv] {
    font-weight: var(--s-font-weight-normal);
    font-size: var(--s-font-size-12);
}

@media screen and (min-width:1024px) {
    .basket-product-name[b-3ontl2tjtv] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-4);
    }
}

.product-features[b-3ontl2tjtv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4) var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.product-features-desktop[b-3ontl2tjtv] {
    display: none;
}

@media screen and (min-width:1024px) {
    .product-features-desktop[b-3ontl2tjtv] {
        display: flex;
        margin-top: var(--s-space-4);
        margin-bottom: 0;
    }

    .product-features-mobile[b-3ontl2tjtv] {
        display: none;
    }
}

.product-features-mobile[b-3ontl2tjtv] {
    margin-top: var(--s-space-8);
}

.product-features p[b-3ontl2tjtv],
.product-discounts p[b-3ontl2tjtv] {
    gap: var(--s-space-4);
    font-size: var(--s-font-size-12);
    margin: 0;
    flex-shrink: 0;
}

.product-features span:last-child[b-3ontl2tjtv],
.product-discounts span:last-child[b-3ontl2tjtv] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
}

.product-features span:first-child[b-3ontl2tjtv]:after,
.product-discounts span:first-child[b-3ontl2tjtv]:after {
    content: ": ";
}

.product-features span:first-child[b-3ontl2tjtv],
.product-discounts span:first-child[b-3ontl2tjtv] {
    color: var(--s-color-muted-foreground);
}

.basket-product-actions[b-3ontl2tjtv] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-right: auto;
}

@media screen and (min-width:1024px) {
    .basket-product-actions[b-3ontl2tjtv] {
        margin-right: 0;
        margin-left: auto;
    }
}

.basket-product-quantity[b-3ontl2tjtv] {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}

.basket-product-package-info[b-3ontl2tjtv] {
    font-size: var(--s-font-size-12);
    text-align: left;
}

@media screen and (min-width:1024px) {
    .basket-product-package-info[b-3ontl2tjtv] {
        text-align: center;
    }
}

.basket-product-package-info span:first-child[b-3ontl2tjtv] {
    color: var(--s-color-muted-foreground);
}

.basket-product-input[b-3ontl2tjtv] {
    border-radius: var(--s-border-radius-default);
    border-width: 1px;
    max-width: calc(var(--rem-scale) * 14rem);
    align-items: center;
}



.basket-product-input[b-3ontl2tjtv] {
    font-weight: var(--s-font-weight-medium);
}

.basket-product-input button[b-3ontl2tjtv] {
    background-color: transparent;
    border-radius: 0;
    height: calc(var(--rem-scale) * 2.8rem);
}

.basket-product-input>button[b-3ontl2tjtv] {
    border-right-width: 1px;
}

.basket-product-input>button+input+button[b-3ontl2tjtv] {
    border-left-width: 1px;
    border-right-width: 0;
}

.basket-product-delete[b-3ontl2tjtv] {
    align-self: flex-end;
    position: absolute;
    top: var(--s-space-8);
    right: var(--s-space-12);
}

@media screen and (min-width:1024px) {
    .basket-product-delete[b-3ontl2tjtv] {
        position: static;
    }
}

.basket-product-pricing[b-3ontl2tjtv] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;

}


.basket-product-bottom[b-3ontl2tjtv] {
    display: flex;
    justify-content: space-between;

    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (min-width:1024px) {

    .basket-product-pricing[b-3ontl2tjtv] {
        padding-left: calc(var(--rem-scale) * 5.6rem);
    }

    .basket-product-bottom[b-3ontl2tjtv] {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: var(--s-space-4) var(--s-space-8);
        align-items: end;
        margin-top: var(--s-space-4);
    }
}

.product-price-details[b-3ontl2tjtv] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4) var(--s-space-8);
    width: 100%;
    flex-wrap: wrap;
    margin-top: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

@media screen and (min-width:1024px) {
    .product-price-details[b-3ontl2tjtv] {
        margin-top: var(--s-space-4);
        max-width: calc(100% - calc(var(--rem-scale) * 19rem));
    }
}

.product-price-details svg[b-3ontl2tjtv],
.product-price-details p[b-3ontl2tjtv] {
    flex-shrink: 0;
}


.price-item[b-3ontl2tjtv] {
    display: flex;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    color: var(--s-color-body-text);
}

.price-item span:first-child[b-3ontl2tjtv] {
    color: var(--s-color-muted-foreground);
}

.price-item span:last-child[b-3ontl2tjtv] {
    font-weight: var(--s-font-weight-medium)
}

.price-item span:first-child[b-3ontl2tjtv]:after {
    content: ":";
}

.price-total[b-3ontl2tjtv] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    display: flex;
    margin: 0;
    flex-direction: column;
    text-align: center;
}

@media screen and (min-width:1024px) {
    .price-total[b-3ontl2tjtv] {
        flex-direction: row;
        text-align: unset;
        font-size: var(--s-font-size-14);
        gap: var(--s-space-4);
        align-items: end;
    }
}

.price-total span:first-child[b-3ontl2tjtv] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.price-total span:first-child[b-3ontl2tjtv]:after {
    content: ":";
}

.price-total-amount[b-3ontl2tjtv] {
    font-size: var(--s-font-size-14);
}

.product-discounts[b-3ontl2tjtv] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4) var(--s-space-8);
    flex-wrap: wrap;
    width: 100%;
    margin-top: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

@media screen and (min-width:1024px) {
    .product-discounts[b-3ontl2tjtv] {
        margin-top: var(--s-space-4);
    }
}

.product-discounts p[b-3ontl2tjtv],
.product-discounts svg[b-3ontl2tjtv] {
    flex-shrink: 0;
}

.basket-product-actions-desktop[b-3ontl2tjtv] {
    display: none;
}


.basket-product-quantity-with-price[b-3ontl2tjtv] {
    display: flex;
    gap: var(--s-space-4);
    align-items: end;
    margin-top: var(--s-space-8);
    flex-shrink: 0;
}

@media screen and (min-width:1024px) {
    .basket-product-actions-desktop[b-3ontl2tjtv] {
        display: flex;
    }

    .basket-product-actions-mobile[b-3ontl2tjtv] {
        display: none;
    }

    .basket-product-quantity-with-price[b-3ontl2tjtv] {
        margin-top: 0
    }
}
/* /Pages/StockManagement/Components/Cart/CartModal.razor.rz.scp.css */
table[b-5lk8ctypma] {
    border-collapse: collapse;
    width: 100%;
}

th[b-5lk8ctypma],
td[b-5lk8ctypma] {
    border: 1px solid var(--bs-border-color);
    padding: var(--s-space-2) var(--s-space-4);
    text-align: center;
    font-size: 9px;
}

th[b-5lk8ctypma] {
    font-weight: bold;
}

.main-header[b-5lk8ctypma] {
    background-color: #e6f3ff;
}

.sub-header[b-5lk8ctypma] {
    background-color: #f0f8ff;
    font-size: 9px;
}

.form-control[b-5lk8ctypma] {
    font-size: 9px !important;
}

.cart-summary-note[b-5lk8ctypma] {
    background-color: white;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-top: 15px;
}

.cart-summary[b-5lk8ctypma] {
    border: 1px #f0f0f0 solid;
    background-color: white;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    margin-top: 15px;
    overflow: hidden;
}

.cart-summary-header[b-5lk8ctypma] {
    background-color: #f0f5ff;
    padding: 5px 20px;
    border-bottom: 1px solid #e0e8ff;
}

.cart-summary-title[b-5lk8ctypma] {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}

.cart-summary-body[b-5lk8ctypma] {
    padding: 0;
}

.cart-summary-title i[b-5lk8ctypma] {
    font-size: 18px;
}

.account-border-bottom[b-5lk8ctypma] {
    border-bottom: 1px solid #c9c4c4;
}

.summary-item[b-5lk8ctypma] {
    display: flex;
    justify-content: space-between;
    padding: 5px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
}

.summary-label[b-5lk8ctypma] {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.summary-label i[b-5lk8ctypma] {
    margin-right: 8px;
    width: 20px;

    text-align: center;
}

.summary-value[b-5lk8ctypma] {
    font-weight: 600;
}

.summary-container[b-5lk8ctypma] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.summary[b-5lk8ctypma] {
    display: flex;
}

.grand-total[b-5lk8ctypma] {
    padding: 18px 20px;
    border-bottom: none;
}

.grand-total .summary-label[b-5lk8ctypma],
.grand-total .summary-value[b-5lk8ctypma] {
    font-size: 15px;
    font-weight: 700;
    color: #2b2d42;
}

.weight-icon[b-5lk8ctypma] {
    color: #6c757d;
}

.price-icon[b-5lk8ctypma] {
    color: #6c757d;
}

.discount-icon[b-5lk8ctypma] {
    color: #ff5a5f;
}

.total-icon[b-5lk8ctypma] {
    color: #28a745;
}

.discount-value[b-5lk8ctypma] {
    color: #ff5a5f;
}

.action-btn[b-5lk8ctypma] {
    font-size: 12px;
    font-weight: 600;
}

.btn-continue[b-5lk8ctypma] {
    background-color: white;
    border: 2px solid #ddd;
}

.btn-continue:hover[b-5lk8ctypma] {
    background-color: #f0f0f0;
    border-color: #ccc;
}


.border-right-cell:not(:last-child)[b-5lk8ctypma] {
    border-right: 1px solid #c7c7c7;
}


.basket[b-5lk8ctypma] {
    display: flex;
    gap: var(--s-space-16);
    align-items: start;
    flex-direction: column;
}

@media screen and (min-width:1024px) {
    .basket[b-5lk8ctypma] {
        flex-direction: row;
    }
}

.basket-products[b-5lk8ctypma] {
    width: 100%;
    flex: 1;
}

.basket-summary[b-5lk8ctypma] {
    position: sticky;
    max-width: 100%;
    width: 100%;
    top: var(--s-space-4)
}

@media screen and (min-width:1024px) {
    .basket-summary[b-5lk8ctypma] {
        max-width: 33.3%;
    }
}

.currency-based-amouns-tabs[b-5lk8ctypma] {
    display: flex;
    gap: 4px;
    font-size: 14px;
    padding: 4px;
    background-color: var(--s-color-muted);
    width: max-content;
    border-radius: 10px;
}

.currency-based-amouns-tabs button[b-5lk8ctypma] {
    padding: 4px 8px;
    font-weight: 500;
    border-radius: var(--s-border-radius-default);
}

.currency-based-amouns-tabs button.active[b-5lk8ctypma] {
    background-color: white;
}

.empty-cart[b-5lk8ctypma] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s-border-radius-default);
    max-width: 56rem;
    text-align: center;
    margin-inline: auto;
    width: 100%;
}


.cart-view-switch-items[b-5lk8ctypma] {
    display: none;
    flex-direction: row;
    background-color: var(--s-color-secondary);
    gap: var(--s-space-2);
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-default);
}

@media screen and (min-width:1440px) {
    .cart-view-switch-items[b-5lk8ctypma] {
        display: flex;
    }
}

.cart-view-switch-items button[b-5lk8ctypma] {
    background-color: transparent;
    border-color: transparent;
    height: calc(var(--rem-scale) * 2.8rem);
}

.cart-view-switch-items button.active[b-5lk8ctypma] {
    background-color: var(--s-color-white);
}

.cart-view-table[b-5lk8ctypma] {
    display: none;
}

@media screen and (min-width:1440px) {
    .cart-active-view-list .cart-view-table[b-5lk8ctypma] {
        display: none;
    }

    .cart-active-view-table .cart-view-list[b-5lk8ctypma] {
        display: flex;
    }

    .cart-active-view-table .cart-view-list[b-5lk8ctypma] {
        display: none;
    }

    .cart-active-view-table .cart-view-table[b-5lk8ctypma] {
        display: block;
    }
}
/* /Pages/StockManagement/Components/Filter/StockFilter.razor.rz.scp.css */
.filter-container[b-ixkkq4l7st] {
    display: flex;
    gap: var(--s-space-16);
}

.filter-header[b-ixkkq4l7st] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.filter-header h5[b-ixkkq4l7st] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

.search-input[b-ixkkq4l7st] {
    position: relative;
}

.search-icon[b-ixkkq4l7st] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-gray-500);
    font-size: 0.875rem;
    z-index: 1;
    pointer-events: none;
}

.search-input input[b-ixkkq4l7st] {
    padding-left: 2.25rem !important;
    height: 32px;
}

.search-input input[b-ixkkq4l7st]::placeholder {
    color: var(--bs-gray-500);
    font-size: 0.813rem;
}

.filter-container select[b-ixkkq4l7st],
.filter-container input[b-ixkkq4l7st] {
    width: 100%;
    font-size: 0.813rem;
    padding: 0.25rem 0.5rem;
    min-height: 32px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0.25rem;
}

.price-range[b-ixkkq4l7st] {
    margin-top: 0.5rem;
}

.price-inputs[b-ixkkq4l7st] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.price-inputs .input-group[b-ixkkq4l7st] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.price-inputs input[b-ixkkq4l7st] {
    min-width: 0;
}

.price-inputs select[b-ixkkq4l7st] {
    width: 100%;
}

.price-label[b-ixkkq4l7st] {
    font-size: 0.813rem;
    color: var(--bs-gray-600);
}

.btn-apply[b-ixkkq4l7st] {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.813rem;
    background-color: transparent;
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    border-radius: 0.25rem;
}

.btn-clear[b-ixkkq4l7st] {
    background: none;
    border: none;
    color: var(--bs-gray-500);
    font-size: 0.875rem;
    padding: 0;
}

.btn-clear:hover[b-ixkkq4l7st] {
    color: var(--bs-danger);
}

.active-filters[b-ixkkq4l7st] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: var(--bs-gray-100);
    border-radius: 0.25rem;
}

.active-filters-header[b-ixkkq4l7st] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.filter-tags[b-ixkkq4l7st] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.filter-tag[b-ixkkq4l7st] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background-color: var(--bs-primary);
    color: white;
    border-radius: 0.25rem;
}

/* Scrollbar özelleştirmesi */
.filter-container[b-ixkkq4l7st]::-webkit-scrollbar {
    width: 5px;
}

.filter-container[b-ixkkq4l7st]::-webkit-scrollbar-track {
    background: var(--bs-gray-100);
}

.filter-container[b-ixkkq4l7st]::-webkit-scrollbar-thumb {
    background: var(--bs-gray-300);
    border-radius: 3px;
}

/* Fiyat slider'ı için yeni stiller */
.price-slider[b-ixkkq4l7st] {
    padding: 0.5rem 0.25rem;
}

.price-slider .range-slider[b-ixkkq4l7st] {
    width: 100%;
    height: 4px;
    background: var(--bs-gray-200);
    border-radius: 2px;
    position: relative;
    margin: 1rem 0;
}

.price-slider .range-selected[b-ixkkq4l7st] {
    height: 100%;
    position: absolute;
    background: var(--bs-primary);
    border-radius: 2px;
}

.price-slider .range-input[b-ixkkq4l7st] {
    position: relative;
    height: 30px;
    margin-top: -15px;
}

.price-slider .range-input input[b-ixkkq4l7st] {
    position: absolute;
    width: 100%;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.price-slider .range-input input[b-ixkkq4l7st]::-webkit-slider-thumb {
    pointer-events: auto;
    margin-top: 0;
    z-index: 2;
}

.price-slider .range-input input[b-ixkkq4l7st]::-moz-range-thumb {
    pointer-events: auto;
    z-index: 2;
}

.price-values[b-ixkkq4l7st] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.813rem;
}

.price-values span[b-ixkkq4l7st] {
    color: var(--bs-gray-600);
}

/* Range Slider Styles */
.range-slider[b-ixkkq4l7st] {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 1rem 0;
    background: var(--bs-gray-200);
    border-radius: 3px;
}

.range-selected[b-ixkkq4l7st] {
    height: 100%;
    position: absolute;
    background-color: var(--bs-primary);
    border-radius: 3px;
}

.range-input[b-ixkkq4l7st] {
    position: relative;
    height: 5px;
}

.range-input input[b-ixkkq4l7st] {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.range-input input[b-ixkkq4l7st]::-webkit-slider-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 2px solid var(--bs-primary);
    background-color: white;
    pointer-events: auto;
    -webkit-appearance: none;
    cursor: pointer;
}

.range-input input[b-ixkkq4l7st]::-moz-range-thumb {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 2px solid var(--bs-primary);
    background-color: white;
    pointer-events: auto;
    -moz-appearance: none;
    cursor: pointer;
}

/* Aktif filtre etiketleri için yeni stiller */
.active-filter-tags[b-ixkkq4l7st] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.filter-tag[b-ixkkq4l7st] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    border-radius: 1rem;
    border: 1px solid var(--bs-gray-200);
}

.filter-tag .tag-text[b-ixkkq4l7st] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-tag i[b-ixkkq4l7st] {
    font-size: 0.875rem;
    color: var(--bs-gray-500);
    cursor: pointer;
    padding: 2px;
    margin-left: 2px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.filter-tag i:hover[b-ixkkq4l7st] {
    color: var(--bs-danger);
    background-color: var(--bs-gray-200);
}

.custom-combobox[b-ixkkq4l7st] {
    width: 500px !important;
}

.filter-actions[b-ixkkq4l7st] {
    display: flex;
    width: max-content;
    margin-left: auto;
    gap: var(--s-space-8);
}
/* /Pages/StockManagement/Components/StockSpec/StockSpecModal.razor.rz.scp.css */
.modal-content-container[b-sfhzsy4msy] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab-content[b-sfhzsy4msy] {
    flex: 1;
    overflow-y: auto;
    max-height: calc(700px - 120px);
}

.nav-tabs[b-sfhzsy4msy] {
    flex-shrink: 0;
}

.form-group[b-sfhzsy4msy] {
    margin-bottom: 1rem;
}

textarea.form-control[b-sfhzsy4msy] {
    min-height: 120px;
    resize: vertical;
}

.html-content-preview[b-sfhzsy4msy] {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    min-height: 100px;
}
/* /Pages/StockManagement/Components/Stock/StockCard.razor.rz.scp.css */
.product-container[b-crps5qpbjh] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.product-card[b-crps5qpbjh] {
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    transition: all 0.3s ease;
    border-width: 1px;
}

.image-container[b-crps5qpbjh] {
    height: 140px;
    background: linear-gradient(135deg, #f9f9f9 0%, #efefef 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.product-image[b-crps5qpbjh] {
    max-height: 100%;
    max-width: 100%;
    transition: transform 0.5s ease;
}

.product-details[b-crps5qpbjh] {
    padding: 10px;
}


.options-container[b-crps5qpbjh] {
    margin-bottom: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.options-container select[b-crps5qpbjh] {
    width: 100%;
}

.custom-select[b-crps5qpbjh] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #e0e5ec;
    border-radius: 8px;
    background-color: #f8fafc;
    font-size: 0.75rem;
    color: #555;
    transition: all 0.2s;
}

.custom-select:focus[b-crps5qpbjh] {
    border-color: #2ea4e7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1);
}

.price-cart-section[b-crps5qpbjh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 3px;
    padding: 8px;
    background: var(--s-color-surface);
    border-radius: var(--s-border-radius-default);
    border-width: 1px;
}

.price-info[b-crps5qpbjh] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.current-price-cp[b-crps5qpbjh] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #28a745;
}

.current-price[b-crps5qpbjh] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #28a745;
}

.old-price[b-crps5qpbjh] {
    font-size: 0.60rem;
    text-decoration: line-through;
    color: #50565c;
}

.cart-controls[b-crps5qpbjh] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
    width: 100%;
}

.quantity-input[b-crps5qpbjh] {
    width: 50%;
    height: 35px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.75rem;
}

.quantity-input:focus[b-crps5qpbjh] {
    border-color: #2ea4e7;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-add-cart[b-crps5qpbjh] {
    background: #2ea4e7;
    color: white;
    border: none;
    border-radius: 8px;
    width: 50%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
}

.btn-add-cart:hover[b-crps5qpbjh] {
    background: #2ea4e7;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.btn-add-cart:hover[b-crps5qpbjh] {
    background: #0056b3;
    transform: translateY(-1px);
}

.detail-link[b-crps5qpbjh] {
    color: #555;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 500;
}

.detail-link:hover[b-crps5qpbjh] {
    color: #2ea4e7;
}

.product-meta[b-crps5qpbjh] {
    font-size: 0.85rem;
    color: #6c757d;
    margin-bottom: 15px;
    height: 5px;
}

.product-meta i[b-crps5qpbjh] {
    width: 12px;
    text-align: center;
    margin-right: 4px;
}

.product-tag[b-crps5qpbjh] {
    color: #6c757d;
    font-size: 10px;
}

.product-title[b-crps5qpbjh] {
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.unitMultiplier-container[b-crps5qpbjh] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 7px;
    flex-direction: column;
    justify-content: flex-end;
    font-size: var(--s-font-size-12);
}

.price-container[b-crps5qpbjh] {
    height: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}

.discounted-price[b-crps5qpbjh] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-primary);
    font-weight: var(--s-font-weight-semibold);
}

.original-price[b-crps5qpbjh] {
    font-size: var(--s-font-size-12);
    text-decoration: line-through;
    color: var(--s-color-muted-foreground)
}
/* /Pages/StockManagement/Components/Stock/StockCompact.razor.rz.scp.css */
.product-card[b-ensmj6jknx] {
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
    margin-bottom: 16px;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.product-card:hover[b-ensmj6jknx] {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-container[b-ensmj6jknx] {
    width: calc(var(--rem-scale) * 7.2rem);
    height: calc(var(--rem-scale) * 7.2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    border-radius: var(--s-border-radius-small);
    border-width: 1px;
}

.product-image[b-ensmj6jknx] {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: contain;
    height: 100%;
}

.product-title[b-ensmj6jknx] {

    font-weight: 600;
    margin-bottom: 4px;
    font-size: 16px;
}

.product-code[b-ensmj6jknx] {
    color: #6c757d;
    font-size: 13px;
}

.product-section[b-ensmj6jknx] {
    color: #6c757d;
    font-size: 10px;
}

.price[b-ensmj6jknx] {

    font-weight: 700;
    font-size: 18px;
}

.stock-badge[b-ensmj6jknx] {
    background-color: #78c350;
    color: white;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
}

.form-select[b-ensmj6jknx],
.form-control[b-ensmj6jknx] {
    border-color: #dee2e6;
    font-size: 0.75rem;
}

.form-select:focus[b-ensmj6jknx],
.form-control:focus[b-ensmj6jknx] {
    border-color: #2ea4e7;
    box-shadow: 0 0 0 0.2rem rgba(46, 164, 231, 0.25);
}

.detail-link[b-ensmj6jknx] {

    text-decoration: none;
    font-size: 14px;
    margin-left: 8px;
}

.detail-link:hover[b-ensmj6jknx] {
    text-decoration: underline;

}
/* /Pages/StockManagement/Pages/StockDetails/StockDetail.razor.rz.scp.css */
.product-description[b-v4y1yiepvy] {
    border-left: 4px solid #2fa4e7;
}

.info-card[b-v4y1yiepvy] {
    transition: all 0.2s ease;
    background-color: #fff;
}

.info-card:hover[b-v4y1yiepvy] {
    transform: translateY(-2px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.info-card .bi[b-v4y1yiepvy] {
    font-size: 1.2rem;
}

.info-card strong[b-v4y1yiepvy] {
    display: block;
    font-size: 1.1rem;
}

.info-card .text-muted[b-v4y1yiepvy] {
    font-size: 0.9rem;

}

.form-select[b-v4y1yiepvy] {
    font-size: 12px;
}


.thumbnail-container[b-v4y1yiepvy] {
    position: relative;
    padding: 0 20px;
}

.thumbnail-slider[b-v4y1yiepvy] {
    width: 100%;
}

.thumbnail-item[b-v4y1yiepvy] {
    width: 70px;
    height: 70px;
    cursor: pointer;
    flex-shrink: 0;
}

.thumbnail-item img[b-v4y1yiepvy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.active-thumbnail[b-v4y1yiepvy] {
    border-width: 1px;
}

.thumbnail-nav[b-v4y1yiepvy] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

.thumbnail-nav-prev[b-v4y1yiepvy] {
    left: 0;
}

.thumbnail-nav-next[b-v4y1yiepvy] {
    right: 0;
}

.main-image-container[b-v4y1yiepvy] {
    position: relative;
    overflow: hidden;
    border-radius: var(--s-border-radius-default);

}

.main-image[b-v4y1yiepvy] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.add-to-cart-btn:active[b-v4y1yiepvy] {
    transform: translateY(0);
}

.price-container[b-v4y1yiepvy] {
    display: flex;
    align-items: center;
}

.discounted-price[b-v4y1yiepvy] {
    font-size: var(--s-font-size-16);
    font-weight: var(--s-font-weight-semibold);
    padding-right: 5px;
}

.original-price[b-v4y1yiepvy] {
    font-size: 14px;
    text-decoration: line-through;
    color: #adb5bd;
}

.unitMultiplier-container[b-v4y1yiepvy] {
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--s-space-8);
    flex-direction: column;
}

.unitMultiplier-container small[b-v4y1yiepvy] {
    font-size: var(--s-font-size-12);
}

.product-options[b-v4y1yiepvy] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.product-options>.s-form-field[b-v4y1yiepvy] {
    min-width: calc(var(--rem-scale) * 12rem);
}

@media screen and (min-width:1024px) {
    .product-container[b-v4y1yiepvy] {
        max-width: calc(var(--rem-scale) * 102.4rem);
        margin: auto;
    }
}

#productTabs[b-v4y1yiepvy] {
    display: flex;
    flex-direction: row;
    background-color: #f1f1f1;
    gap: var(--s-space-2);
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-default);
    max-width: max-content;
}

#productTabs button.active[b-v4y1yiepvy] {
    background-color: var(--s-color-white);
}

#productTabs button:not(:hover):not(.active)[b-v4y1yiepvy] {
    background-color: transparent;
    border-color: transparent;
}

.product-grid[b-v4y1yiepvy] {
    display: flex;
    gap: var(--s-space-12);
    flex-direction: column;
}

.product-documents-wrapper[b-v4y1yiepvy] {
    flex-direction: column;
}

@media screen and (min-width:560px) {
    .product-grid[b-v4y1yiepvy] {
        flex-direction: row;
        gap: var(--s-space-24);
    }

    .main-image-container[b-v4y1yiepvy] {
        /* max-width: calc(var(--rem-scale) * 30rem); */
    }
}

@media screen and (min-width:900px) {
    .product-documents-wrapper[b-v4y1yiepvy] {
        flex-direction: row;
    }
}

.product-quantity-input[b-v4y1yiepvy]::-webkit-inner-spin-button,
.product-quantity-input[b-v4y1yiepvy]::-webkit-outer-spin-button {
    opacity: 1;
}

.product-quantity-input[b-v4y1yiepvy] {}
/* /Pages/StockManagement/Pages/StockOrders/StockOrder.razor.rz.scp.css */
.stock-order-container[b-3b79fe08kv] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--bs-white);
    overflow: hidden;
}

.stock-order-container>.d-flex[b-3b79fe08kv] {
    flex-shrink: 0;
}

.stock-content[b-3b79fe08kv] {
    flex: 1;
    display: grid;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width:1024px) {
    .stock-content[b-3b79fe08kv] {
        grid-template-columns: calc(var(--rem-scale) * 28rem) 1fr;
    }
}

.stock-order-title[b-3b79fe08kv] {
    font-size: 1.7rem;
}

.stock-order-count-item[b-3b79fe08kv] {
    display: flex;
    align-items: center;
    margin: 0px;
}

.stock-order-count-item.desktop[b-3b79fe08kv] {
    display: none;
}

.stock-order-count-item.mobile[b-3b79fe08kv] {
    position: absolute;
    top: calc(var(--rem-scale) * 1.8rem);
    transform: translateY(-50%);
    font-size: var(--s-font-size-14)
}

@media screen and (min-width:1024px) {
    .stock-order-count-item.desktop[b-3b79fe08kv] {
        display: flex;
    }

    .stock-order-count-item.mobile[b-3b79fe08kv] {
        display: none;
    }
}

.filter-wrapper[b-3b79fe08kv] {
    position: relative;
    overflow: auto;
    padding-inline: var(--s-space-16);
    padding-top: var(--s-space-16);
}

@media screen and (min-width:1024px) {
    .filter-wrapper[b-3b79fe08kv] {
        border-right-width: 1px;
        padding-bottom: var(--s-space-16);
    }
}

.filter-mobile[b-3b79fe08kv] {
    position: relative;
}

.filter-mobile details[open] summary .lucide-chevron-down-icon[b-3b79fe08kv] {
    transform: scaleY(-1);
}

.filter-mobile summary[b-3b79fe08kv] {
    width: max-content;
    margin-left: auto;
}

.filter-mobile .filter-mobile-wrapper[b-3b79fe08kv] {
    padding: var(--s-space-12);
    border-width: 1px;
    border-radius: var(--s-border-radius-default);
    margin-top: var(--s-space-12);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-24);
}


.filter-desktop[b-3b79fe08kv] {
    display: none;
}

.filter-desktop[b-3b79fe08kv],
.filter-mobile[b-3b79fe08kv] {
    flex-direction: column;
    gap: calc(var(--rem-scale) * 2.4rem);
}

@media screen and (min-width:1024px) {
    .filter-desktop[b-3b79fe08kv] {
        display: flex;
    }

    .filter-mobile[b-3b79fe08kv] {
        display: none;
    }
}

.products-wrapper[b-3b79fe08kv] {
    position: relative;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1rem;
}

.products-header[b-3b79fe08kv] {
    flex-shrink: 0;
}

.products-scroll[b-3b79fe08kv] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.products-scroll .row[b-3b79fe08kv] {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 1rem;
}


.campaign-details .info-card[b-3b79fe08kv] {
    background-color: #fff;
    transition: all 0.2s ease;
}

.campaign-details .info-card:hover[b-3b79fe08kv] {
    transform: translateY(-2px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.campaign-details .bi[b-3b79fe08kv] {
    font-size: 1.2rem;
}

.campaign-details strong[b-3b79fe08kv] {
    display: block;
    font-size: 1.1rem;
    color: #2fa4e7;
}

.campaign-details .text-muted[b-3b79fe08kv] {
    font-size: 0.9rem;
}

.campaign-details .alert[b-3b79fe08kv] {
    border-left: 4px solid #2fa4e7;
}

.product-list[b-3b79fe08kv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--rem-scale) * 25rem), 1fr));
    gap: var(--s-space-8)
}

.product-list.single-list[b-3b79fe08kv] {
    grid-template-columns: repeat(2, calc(var(--rem-scale) * 25rem));
}

@media screen and (min-width:1024px) {
    .product-list[b-3b79fe08kv] {
        gap: var(--s-space-16)
    }
}
/* /Pages/WatManagment/WatExpenses/Templates/WatExpenseImageCellTemplate.razor.rz.scp.css */
/* /Shared/GlobalSearchModal.razor.rz.scp.css */
.global-search-modal-header[b-w1396s0907] {
    display: flex;
    align-items: center;
    padding-inline: var(--s-space-12);
    border-bottom-width: 1px;
    background-color: var(--s-color-white);
}

.global-search-modal-header input[b-w1396s0907] {
    height: calc(var(--rem-scale) * 4.8rem);
    padding-block: var(--s-space-12);
    padding-inline: var(--s-space-8);
    border: 0;
    outline: 0;
    background-color: var(--s-color-white);
    box-shadow: none;
}

.global-search-modal-header button[b-w1396s0907] {
    margin-left: auto;
    flex-shrink: 0;
    width: calc(var(--rem-scale) * 1.6);
    height: calc(var(--rem-scale) * 1.6);
    background-color: transparent;
}

.global-search-modal-header .lucide-search-icon[b-w1396s0907] {
    width: calc(var(--rem-scale) * 2rem);
    color: var(--s-color-muted-foreground);
    height: calc(var(--rem-scale) * 2rem);
}

.global-search-modal-content[b-w1396s0907] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: calc(var(--rem-scale) * 29rem)
}

.global-search-modal-item[b-w1396s0907] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-12) var(--s-space-16);
    text-decoration: none;
    color: var(--s-color-sidebar-accent-foreground);
    transition: background-color 0.2s ease;
}

.global-search-modal-item:hover[b-w1396s0907] {
    background-color: var(--s-color-sidebar-accent);
    color: var(--s-color-sidebar-accent-foreground);
}

.global-search-modal-item svg[b-w1396s0907] {
    color: var(--s-color-muted-foreground);
}

.global-search-modal-item span[b-w1396s0907] {
    flex: 1;
}

.global-search-modal-item strong[b-w1396s0907] {
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-body-text);
}

.global-search-modal-item .lucide-arrow-right-icon[b-w1396s0907] {
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    opacity: 0.5;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.global-search-modal-item:hover .lucide-arrow-right-icon[b-w1396s0907] {
    opacity: 1;
    transform: translateX(2px);
}

.global-search-no-results[b-w1396s0907] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--s-space-32);
    text-align: center;
    color: var(--s-color-muted-foreground);
    min-height: 200px;
}




.global-search-no-results p[b-w1396s0907] {
    font-size: var(--s-font-size-16);
    font-weight: 500;
    color: var(--s-color-foreground);
}
/* /Shared/Header.razor.rz.scp.css */
.navbar.header-navbar[b-8vduh9f8x8] {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    background-color: inherit;
    border-radius: 0;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
}

.header-navbar .navbar-toggler[b-8vduh9f8x8] {
    outline: none;
    border-radius: 0;
    padding-left: .75rem;
    padding-right: .75rem;
    box-shadow: none;
    align-self: stretch;
}

.header-navbar .navbar-toggler .navbar-toggler-icon[b-8vduh9f8x8] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
    height: 2rem;
    width: 2rem;
}

.title[b-8vduh9f8x8] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-8vduh9f8x8] {
        font-size: inherit;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-4su45htu7u] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-4su45htu7u] .page-layout,
[b-4su45htu7u] .page-layout > .dxbl-gridlayout-root,
[b-4su45htu7u] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-4su45htu7u] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-4su45htu7u] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-4su45htu7u] .fit-width {
    max-width: 100%;
}

[b-4su45htu7u] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/Notifications/Index.razor.rz.scp.css */
.notifications-page[b-qap28xlj6l] {
    font-family: var(--s-font-family-body);
    color: var(--s-color-foreground);
}

.notification-card[b-qap28xlj6l] {
    background-color: var(--s-color-white);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

[data-theme='dark'] .notification-card[b-qap28xlj6l] {
    background-color: #171717;
    border-color: #262626;
}

.notification-list-item[b-qap28xlj6l] {
    padding: var(--s-space-16);
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.2s;
    background-color: transparent;
}

.notification-list-item:last-child[b-qap28xlj6l] {
    border-bottom: 0;
}

.notification-list-item:hover[b-qap28xlj6l] {
    background-color: var(--s-color-sidebar-accent);
}

.notification-list-item.unread[b-qap28xlj6l] {
    background-color: var(--s-color-surface);
}

.notification-title[b-qap28xlj6l] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--s-color-foreground);
    margin-bottom: 0.25rem;
}

.notification-body[b-qap28xlj6l] {
    font-size: 0.9rem;
    color: var(--s-color-muted-foreground);
}

.notification-meta[b-qap28xlj6l] {
    font-size: 0.8rem;
    color: var(--s-color-muted-foreground);
}

.page-header h4[b-qap28xlj6l] {
    font-family: var(--s-font-family-heading);
    color: var(--s-color-foreground);
    font-weight: 600;
}

.badge-new[b-qap28xlj6l] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    border-radius: var(--s-border-radius-small);
}

.btn-theme-outline[b-qap28xlj6l] {
    border: 1px solid var(--s-color-primary);
    color: var(--s-color-primary);
    background-color: transparent;
    transition: all 0.2s;
}

.btn-theme-outline:hover[b-qap28xlj6l] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.pagination .page-link[b-qap28xlj6l] {
    color: var(--s-color-primary);
    background-color: var(--s-color-white);
    border-color: var(--s-color-border);
}

.pagination .page-item.active .page-link[b-qap28xlj6l] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

[data-theme='dark'] .pagination .page-link[b-qap28xlj6l] {
    background-color: #171717;
    border-color: #262626;
}
/* /Shared/Notifications/NotificationBell.razor.rz.scp.css */
.notification-drawer[b-chh58c5jbl] {
    border-radius: var(--s-border-radius-default);
    height: auto;
    max-width: calc(var(--rem-scale) * 38rem);
    position: fixed;
    top: calc(var(--rem-scale) * 3.6rem);
    right: calc(var(--rem-scale) * 2rem);

    width: min(100%, calc(100% - calc(var(--rem-scale) * 3.6rem)));
    background-color: var(--s-color-white);
    border-width: 1px;
    border-style: solid;
    border-color: var(--s-color-border);
    padding: var(--s-space-12);
    max-height: calc(100vh - calc(var(--rem-scale) * 6.5rem));
    overflow: auto;
    z-index: 100;

    /* Animation */
    transform: translateX(calc(100% + calc(var(--rem-scale) * 2rem)));
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.notification-drawer.active[b-chh58c5jbl] {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

[data-theme='dark'] .notification-drawer[b-chh58c5jbl] {
    background-color: #171717;
    border-color: #262626;
}

.notification-drawer-close[b-chh58c5jbl] {
    position: absolute;
    top: calc(var(--rem-scale) * 0.2rem);
    right: calc(var(--rem-scale) * 0.3rem);
    width: calc(var(--rem-scale) * 2.4rem);
    height: calc(var(--rem-scale) * 2.4rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
    border: 0;
    background-color: transparent;
    color: var(--s-color-foreground);
    cursor: pointer;
    transition: all 0.2s ease;
}

.notification-drawer-close:hover[b-chh58c5jbl] {
    background-color: var(--s-color-accent);
}

.notification-item[b-chh58c5jbl] {
    display: flex;
    padding: var(--s-space-8);
    align-items: center;
    border-radius: var(--s-border-radius-default);
    transition: background-color 0.2s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--s-color-border);
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-6);
}

.notification-item:last-child[b-chh58c5jbl] {
    margin-bottom: 0;
}

.notification-item:hover[b-chh58c5jbl] {
    background-color: var(--s-color-sidebar-accent);
}

.notification-item.unread[b-chh58c5jbl] {
    background-color: var(--s-color-surface);
}

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

.notification-content[b-chh58c5jbl] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.notification-title[b-chh58c5jbl] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--s-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-body[b-chh58c5jbl] {
    font-size: 0.8125rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-time[b-chh58c5jbl] {
    font-size: 0.7rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.notification-footer[b-chh58c5jbl] {
    padding-top: var(--s-space-8);
    margin-top: var(--s-space-4);
    border-top: 1px solid var(--s-color-border);
    text-align: center;
}

.drawer-header[b-chh58c5jbl] {
    margin-bottom: var(--s-space-8);
    padding-bottom: var(--s-space-4);
    border-bottom: 1px solid var(--s-color-border);
}
/* /Shared/ThemeEditor.razor.rz.scp.css */
.theme-options[b-btbade1nmy] {
    border-radius: var(--s-border-radius-default);
    height: auto;
    max-width: calc(var(--rem-scale) * 28rem);
    position: fixed;
    top: calc(var(--rem-scale) * 3.6rem);
    right: calc(var(--rem-scale) * 2rem);

    width: min(100%, calc(100% - calc(var(--rem-scale) * 3.6rem)));
    background-color: #fff;
    border-width: 1px;
    padding: var(--s-space-16);
    max-height: calc(100vh - calc(var(--rem-scale) * 6.5rem));
    overflow: auto;
    z-index: 100;

    /* Animation */
    transform: translateX(calc(100% + calc(var(--rem-scale) * 2rem)));
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
}

.theme-options.active[b-btbade1nmy] {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.theme-options *[b-btbade1nmy] {
    color: #171717;
    background-color: transparent;
}

.theme-options-close[b-btbade1nmy] {
    position: absolute;
    top: var(--s-space-12);
    right: var(--s-space-12);
    width: calc(var(--rem-scale) * 3.2rem);
    height: calc(var(--rem-scale) * 3.2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
    border: 1px solid var(--s-color-border);
    background-color: var(--s-color-white);
    cursor: pointer;
    transition: all 0.2s ease;
    top: calc(var(--rem-scale) * 0.2rem);
    right: calc(var(--rem-scale) * 0.3rem);
    border: 0;
}

.theme-options-close:hover[b-btbade1nmy] {
    background-color: #e3e3e3;
}

.theme-options-header[b-btbade1nmy] {
    margin-bottom: var(--s-space-16);
}

.theme-option[b-btbade1nmy] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-16);
}

.theme-option-sidebar[b-btbade1nmy] {
    display: none;
}


.sidebar-colors[b-btbade1nmy] {
    display: flex;
    gap: var(--s-space-8);
}

.sidebar-color-item[b-btbade1nmy] {
    flex: 1;
}

.sidebar-color-label[b-btbade1nmy] {
    display: block;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-muted-foreground);
}

.color-picker[b-btbade1nmy] {
    width: 100%;
    height: calc(var(--rem-scale) * 3rem);

    border: 1px solid var(--s-color-border);
    cursor: pointer;
}

.theme-editor-buttons[b-btbade1nmy] {
    display: flex;
    flex-direction: row;
    gap: var(--s-space-8);
}


.theme-options button[b-btbade1nmy] {
    background-color: #fff;
    color: #171717;
}

.theme-editor-buttons button[b-btbade1nmy] {
    font-weight: var(--s-font-weight-normal);
    border-color: #e8e8e8;
}

.theme-editor-buttons button:hover[b-btbade1nmy] {
    background-color: #e8e8e8e6;
}


.theme-editor-buttons button.active[b-btbade1nmy] {
    border-color: var(--s-color-input);
    background-color: #e8e8e8e6;
}


.theme-editor-buttons button.square[b-btbade1nmy] {
    padding-inline: 0;
    padding-block: 0;
    width: calc(var(--rem-scale) * 3.6rem);
}

.theme-editor-buttons button[data-table-size][b-btbade1nmy] {
    flex-direction: column;
    position: relative;
    border-radius: calc(var(--rem-scale) * 0.4rem)
}


.theme-editor-buttons button[data-table-size="xs"][b-btbade1nmy] {
    --table-seperator-height: calc(var(--rem-scale) * 1rem)
}

.theme-editor-buttons button[data-table-size="sm"][b-btbade1nmy] {
    --table-seperator-height: calc(var(--rem-scale) * 1.4rem)
}

.theme-editor-buttons button[data-table-size="md"][b-btbade1nmy] {
    --table-seperator-height: calc(var(--rem-scale) * 1.8rem)
}

.theme-editor-buttons button[data-table-size="lg"][b-btbade1nmy] {
    --table-seperator-height: calc(var(--rem-scale) *2.2rem)
}

.theme-editor-buttons button[data-table-size="xl"][b-btbade1nmy] {
    --table-seperator-height: calc(var(--rem-scale) * 2.6rem)
}



.theme-editor-buttons button[data-table-size][b-btbade1nmy]:after {
    content: "";
    position: absolute;
    width: calc(var(--rem-scale) * 1.6rem);
    height: var(--table-seperator-height, 1rem);
    border-inline: 1px solid;
    z-index: 1;
    border-color: gray;
    display: inline;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.theme-editor-buttons button[data-table-size] span[b-btbade1nmy] {
    height: 1px;
    border-bottom: 1px;
    background-color: gray;
    width: 100%;
    position: relative;
}


.theme-editor-buttons-tabs[b-btbade1nmy] {
    display: flex;
    flex-direction: row;
    background-color: #f1f1f1;
    gap: var(--s-space-2);
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-default)
}


.theme-editor-buttons-tabs button[b-btbade1nmy] {
    width: 100%;
}

.theme-editor-buttons-tabs button:not(.active)[b-btbade1nmy] {
    background-color: transparent;
    border-color: transparent;
}

.theme-editor-buttons-tabs button:not(.active):hover[b-btbade1nmy] {
    background-color: #e8e8e8e6;
}

.content-width-options[b-btbade1nmy] {
    display: none;
}

.theme-slider[b-btbade1nmy] {
    width: 100%;
}

@media screen and (min-width: 1700px) {
    .content-width-options[b-btbade1nmy] {
        display: flex;
    }
}