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

/* /Pages/ActivityManagement/Components/ActivitySchedulerToolbar.razor.rz.scp.css */
[b-k4c4w5y3nk] .activity-user-selection-panel {
    min-width: 500px;
    max-width: 640px;
}

[b-k4c4w5y3nk] .activity-user-selection-listbox {
    height: 440px;
}

[b-k4c4w5y3nk] .activity-user-selection-listbox .dxbl-listbox-item {
    min-height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
}

[b-k4c4w5y3nk] .activity-user-selection-listbox .dxbl-listbox-item-text {
    line-height: 1.35;
}

[b-k4c4w5y3nk] .activity-user-selection-listbox .dxbl-listbox-filter {
    margin-bottom: 8px;
}
/* /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-kkl0tlvjgb] {
    display: flex;
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-accent);
    overflow-x: auto;
    overflow-y: hidden;
}

.tab[b-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    color: var(--s-color-body-text);
}

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

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

.calendar-toggle-section[b-kkl0tlvjgb] {
    margin-bottom: 8px;
    padding-top: 0;
    padding-bottom: 0;
}

.modal-content[b-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    display: flex;
    justify-content: space-between;
}

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

.participant-input-group[b-kkl0tlvjgb] {
    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-kkl0tlvjgb], .participant-container.open .participant-input-group[b-kkl0tlvjgb] {
    border-color: var(--s-color-primary);
}

.participant-dropdown-btn[b-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
    max-height: 80px;
    overflow-y: auto;
    align-items: center;
}

.participant-tag[b-kkl0tlvjgb] {
    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-kkl0tlvjgb] {
    filter: brightness(110%);
}

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

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

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

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

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

/* Solvo Inputs integration */
[b-kkl0tlvjgb] .solvo-text-box, [b-kkl0tlvjgb] .solvo-combo-box, [b-kkl0tlvjgb] .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-5358xgor7i] {
    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-5358xgor7i] {
    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-5358xgor7i] .dxbl-sc,
[b-5358xgor7i] .dxbl-sc-view,
[b-5358xgor7i] .dxbl-sc-header,
[b-5358xgor7i] .dxbl-sc-header-row,
[b-5358xgor7i] .dxbl-sc-header-indent,
[b-5358xgor7i] .dxbl-sc-timescale,
[b-5358xgor7i] .dxbl-sc-timescale-container,
[b-5358xgor7i] .dxbl-sc-all-day-container,
[b-5358xgor7i] .dxbl-sc-all-day-cells,
[b-5358xgor7i] .dxbl-sc-cells,
[b-5358xgor7i] .dxbl-sc-spacer,
[b-5358xgor7i] .dxbl-sc-view-scroll-container,
[b-5358xgor7i] [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-5358xgor7i] .dxbl-sc-header-cells,
[b-5358xgor7i] .dxbl-sc-time-label-container,
[b-5358xgor7i] .dxbl-sc-time-label {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
}

/* Support for older or alternate prefixes */
[b-5358xgor7i] [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-5358xgor7i] .dxbl-sc-today {
    background-color: var(--s-color-accent) !important;
}

[b-5358xgor7i] .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-5358xgor7i] .dxbl-sc-time-indicator,
[b-5358xgor7i] .dxbl-sc-time-indicator-arrow {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

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

/* Toolbar Styling */
[b-5358xgor7i] .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-5358xgor7i] .dxbl-toolbar .dxbl-btn {
    color: var(--s-color-body-text) !important;
}

[b-5358xgor7i] .dxbl-btn-primary, 
[b-5358xgor7i] .dxbl-active .dxbl-btn,
[b-5358xgor7i] .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-5358xgor7i] .dxbl-sc {
    border-radius: var(--s-border-radius-default) !important;
    border: 1px solid var(--s-color-border) !important;
    overflow: hidden !important; 
}

[b-5358xgor7i] .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-5358xgor7i] .dxbl-sc-scrollable-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

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

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

/* Dialogs, Tooltips & Local Layout */
[b-5358xgor7i] .dxbl-flyout-dialog,
[b-5358xgor7i] .dxbl-modal-content,
[b-5358xgor7i] .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-5358xgor7i] .dxbl-sc-apt-compact-form .dxbl-fl-item {
    padding-bottom: 16px !important;
}

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

/* Tooltip Consistency */
[b-5358xgor7i] .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-h0elo7h6ek] {
    overflow: auto;
    height: 85vh !important;
    font-family: var(--s-font-family-body);
}

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

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

.activity-info-card[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    color: var(--s-color-body-text);
    margin-bottom: 1rem;
    font-weight: 600;
}

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

.activity-info-item[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    border-bottom: none;
}

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

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

.activity-note-card[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    font-weight: 600;
    color: var(--s-color-body-text);
    margin-bottom: 0.5rem;
}

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

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

.activity-section-title[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    background: var(--s-color-surface);
    border-radius: var(--s-border-radius-small);
    overflow: hidden;
    border: 1px solid var(--s-color-border);
}

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

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

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

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

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

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

.meeting-link-badge[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    opacity: 0.8;
    color: var(--s-color-primary-foreground);
    text-decoration: none;
}

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

.activity-back-btn[b-h0elo7h6ek] {
    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-h0elo7h6ek] {
    background-color: var(--s-color-border);
    color: var(--s-color-body-text);
    text-decoration: none;
}

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

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

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

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

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

.themed-header[b-h0elo7h6ek] {
    border-bottom-color: var(--s-color-border) !important;
}
/* /Pages/AysMobileManagement/Compenents/Auths/AysMobilUserFilterFormModal.razor.rz.scp.css */
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-medium) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal .dxbl-popup-header,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal .dxbl-popup-footer {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal .dxbl-popup-content {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .s-form-label {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-label, var(--s-color-body-text));
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-text-edit,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-text-edit-input,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-combobox,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-checkbox {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.35 !important;
    color: var(--s-color-body-text);
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-text-edit-input,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-combobox-input {
    min-height: 1.75rem;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-text-edit,
[b-fllxw78sn1] .ays-mobil-user-filter-form-modal-body .dxbl-combobox {
    background-color: var(--s-color-input-bg, var(--s-color-card));
    border-color: var(--s-color-border);
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-value-wrap {
    max-width: 280px;
}

[b-fllxw78sn1] .ays-mobil-user-filter-form-modal .dxbl-btn {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}
/* /Pages/AysMobileManagement/Compenents/Auths/AysMobilUserFiltersModal.razor.rz.scp.css */
[b-dz9wfmj1ye] .ays-mobil-user-filters-modal {
    width: 700px !important;
    max-width: 700px !important;
    min-width: 700px !important;
    height: 480px !important;
    max-height: 480px !important;
    min-height: 480px !important;
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-medium) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    overflow: hidden !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal-body {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    overflow: hidden !important;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-loading {
    flex: 1 1 auto;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .dxbl-popup-header,
[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .dxbl-popup-footer {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.35;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .dxbl-popup-header .dxbl-popup-title {
    font-family: Tahoma, sans-serif !important;
    font-size: 11pt !important;
    font-weight: 700;
    color: var(--s-color-body-text) !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .dxbl-popup-content {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    overflow: hidden !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .ays-mobil-user-filters-toolbar {
    flex-shrink: 0;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-muted-foreground);
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .ays-mobil-user-filters-toolbar strong {
    color: var(--s-color-body-text);
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap.s-datatable {
    overflow-x: hidden !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-scroll-viewer,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-scroll-viewer-content,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap dxbl-virtual-scroll-viewer {
    overflow-x: hidden !important;
    max-width: 100%;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid.s-card {
    overflow: hidden;
    width: 100%;
    height: 320px;
    max-height: 320px;
    min-height: 320px;
    --dxbl-grid-border-radius: var(--s-border-radius-medium);
    --datatable-row-font-size: 8pt;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.35;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid {
    width: 100% !important;
    max-width: 100%;
    height: 320px;
    max-height: 320px;
    border-color: var(--s-color-border);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-filler-cell,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-filler-header-cell,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap col.dxbl-grid-filler-col {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-table {
    width: 100% !important;
    max-width: 100%;
    table-layout: fixed;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-header-row th,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-data-row td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-header-row th,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-header-row .dxbl-grid-header-content {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    background-color: var(--s-color-table-header, var(--s-color-muted));
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-data-row td,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-data-row .dxbl-grid-cell,
[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid .dxbl-grid-table {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.35 !important;
    color: var(--s-color-body-text);
    background-color: var(--s-color-card);
    border-color: var(--s-color-border);
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-grid-data-row {
    min-height: 1.75rem;
}

body.s-datatable-striped[b-dz9wfmj1ye]  .ays-mobil-user-filters-grid-wrap .dxbl-grid-data-row:nth-child(even) td {
    background-color: var(--s-color-table-striped-row, var(--s-color-muted));
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-btn.ays-mobil-filter-action-btn {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    min-height: auto !important;
    padding: 0 6px !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.2 !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-btn.ays-mobil-filter-action-btn--edit {
    color: var(--s-color-primary) !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-btn.ays-mobil-filter-action-btn--delete {
    color: var(--s-color-danger, #dc3545) !important;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-grid-wrap .dxbl-btn.ays-mobil-filter-action-btn:hover {
    text-decoration: underline;
    opacity: 0.9;
}

[b-dz9wfmj1ye] .ays-mobil-user-filters-modal .dxbl-btn:not(.ays-mobil-filter-action-btn) {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}
/* /Pages/AysMobileManagement/Compenents/AysMobileUsersPopup.razor.rz.scp.css */
.ays-mobile-users-popup-loading[b-enk4sivl3r] {
    min-height: 180px;
}
/* /Pages/AysMobileManagement/Compenents/Routes/RouteFilterPanel.razor.rz.scp.css */
.ays-route-filters[b-emm980oc21] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    padding: 2px 6px;
    color: var(--s-color-body-text);
}

.ays-route-filter-label[b-emm980oc21] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-label);
}

.ays-route-filter-hint[b-emm980oc21] {
    font-size: 0.7rem;
    line-height: 1.3;
    color: var(--s-color-muted-foreground);
}

.ays-route-filter-row[b-emm980oc21] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.5rem;
    min-width: 0;
}

.ays-route-filter-lb-wrap[b-emm980oc21] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 0;
}

.ays-route-filter-lb-wrap > .ays-route-filter-label[b-emm980oc21] {
    margin-bottom: 0 !important;
    padding-bottom: 1px;
    line-height: 1.1;
}

.ays-route-filter-account[b-emm980oc21] {
    flex: 0 0 260px;
    width: 260px;
    min-width: 260px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .ays-route-filter-row[b-emm980oc21] {
        flex-wrap: wrap;
    }

    .ays-route-filter-lb-wrap[b-emm980oc21] {
        flex: 1 1 calc(50% - 0.25rem);
        max-width: none;
    }

    .ays-route-filter-account[b-emm980oc21] {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
        max-width: 320px;
        margin-left: 0;
    }
}

/* Listbox panels */
[b-emm980oc21] .ays-route-filter-listbox {
    min-height: 128px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    display: flex;
    flex-direction: column;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-search-area,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-search {
    flex-shrink: 0;
    padding: 0 2px !important;
    margin: 0 !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-search-area .dxbl-text-edit,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-search .dxbl-text-edit {
    min-height: 20px !important;
    height: 20px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-emm980oc21] .ays-route-filter-listbox,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox,
[b-emm980oc21] .ays-route-filter-listbox table {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-content,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-scroll-viewer-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-item,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-item td,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-cell {
    padding: 0 2px !important;
    line-height: 1.1 !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-body-text);
    min-height: 0 !important;
    height: auto !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-list-editor-header,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-list-editor-header th,
[b-emm980oc21] .ays-route-filter-listbox thead th {
    padding: 0 2px !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    font-weight: 600;
    line-height: 1.1 !important;
}

/* Kod kolonu (checkbox sonrası 2. sütun) ~8 karakter */
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-item td:nth-child(2),
[b-emm980oc21] .ays-route-filter-listbox thead th:nth-child(2) {
    width: 52px !important;
    max-width: 52px !important;
    min-width: 52px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-checkbox {
    transform: scale(0.85);
    transform-origin: center left;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-item:hover,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-accent);
}

/* Listbox search box */
[b-emm980oc21] .ays-route-filter-listbox .dxbl-text-edit,
[b-emm980oc21] .ays-route-filter-listbox .dxbl-input-editor {
    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-emm980oc21] .ays-route-filter-listbox .dxbl-text-edit-input {
    color: var(--s-color-body-text) !important;
    background-color: transparent !important;
}

[b-emm980oc21] .ays-route-filter-listbox .dxbl-text-edit-input::placeholder {
    color: var(--s-color-input-placeholder) !important;
}

/* Text filters — s-input + dark theme fallback */
[b-emm980oc21] .ays-route-filter-input.dxbl-text-edit,
[b-emm980oc21] .ays-route-filter-input {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    height: calc(var(--rem-scale) * 3.2rem);
    min-height: calc(var(--rem-scale) * 3.2rem);
    padding: var(--s-space-2) var(--s-space-8);
    border: 1px solid var(--s-color-input) !important;
    border-radius: var(--s-border-radius-default) !important;
    background-color: var(--s-color-input-bg) !important;
    color: var(--s-color-body-text) !important;
}

[b-emm980oc21] .ays-route-filter-input .dxbl-text-edit-input {
    color: var(--s-color-body-text) !important;
    background-color: transparent !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-emm980oc21] .ays-route-filter-input .dxbl-text-edit-input::placeholder {
    color: var(--s-color-input-placeholder) !important;
}

[b-emm980oc21] .ays-route-filter-input:focus-within {
    border-color: var(--s-color-ring) !important;
}

/* Filter type combobox */
[b-emm980oc21] .ays-route-filter-select.dxbl-combobox,
[b-emm980oc21] .ays-route-filter-select {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    height: calc(var(--rem-scale) * 3.2rem);
    min-height: calc(var(--rem-scale) * 3.2rem);
    border: 1px solid var(--s-color-input) !important;
    border-radius: var(--s-border-radius-default) !important;
    background-color: var(--s-color-input-bg) !important;
    color: var(--s-color-body-text) !important;
}

[b-emm980oc21] .ays-route-filter-select .dxbl-text-edit-input {
    color: var(--s-color-body-text) !important;
    background-color: transparent !important;
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-emm980oc21] .ays-route-filter-select .dxbl-edit-btn-dropdown,
[b-emm980oc21] .ays-route-filter-select .dxbl-btn-group {
    background-color: transparent !important;
    border-radius: 0 var(--s-border-radius-default) var(--s-border-radius-default) 0 !important;
}

[b-emm980oc21] .ays-route-filter-select:focus-within {
    border-color: var(--s-color-ring) !important;
}

/* Action buttons */
[b-emm980oc21] .ays-route-filter-buttons .ays-route-filter-btn.dxbl-btn,
[b-emm980oc21] .ays-route-filter-buttons .dxbl-btn {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    font-weight: normal !important;
    border-radius: var(--s-border-radius-default) !important;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

[b-emm980oc21] .ays-route-filter-buttons .dxbl-btn.dxbl-btn-success {
    background-color: #43ac6a !important;
    color: #fff !important;
    border-color: #43ac6a !important;
}

[b-emm980oc21] .ays-route-filter-buttons .s-button-secondary.dxbl-btn,
[b-emm980oc21] .ays-route-filter-buttons .dxbl-btn.dxbl-btn-secondary {
    background-color: var(--s-color-secondary) !important;
    color: var(--s-color-secondary-foreground) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-emm980oc21] .ays-route-filter-buttons .dxbl-btn.dxbl-btn-info {
    background-color: #5bc0de !important;
    color: #fff !important;
    border-color: #5bc0de !important;
}

[b-emm980oc21] .ays-route-filter-buttons .s-button-destructive.dxbl-btn,
[b-emm980oc21] .ays-route-filter-buttons .dxbl-btn.dxbl-btn-danger {
    background-color: var(--s-color-destructive) !important;
    color: var(--s-color-destructive-foreground) !important;
    border-color: var(--s-color-destructive) !important;
}
/* /Pages/AysMobileManagement/Compenents/Routes/RouteGrid.razor.rz.scp.css */
/* Theme Editor köşe yuvarlama: SolvoGrid ile aynı s-card + overflow clip */
[b-l0p4j569y4] .ays-route-list-grid.s-card {
    overflow: hidden;
    --dxbl-grid-border-radius: var(--s-border-radius-medium);
}

/* Read-only cells: no edit focus ring */
[b-l0p4j569y4] .ays-route-list-grid .dxbl-grid-data-row td.dxbl-readonly,
[b-l0p4j569y4] .ays-route-list-grid .dxbl-grid-data-row td[data-readonly="true"] {
    cursor: default;
}

[b-l0p4j569y4] .ays-route-list-grid .dxbl-grid-data-row td.dxbl-readonly.dxbl-focused,
[b-l0p4j569y4] .ays-route-list-grid .dxbl-grid-data-row td.dxbl-readonly:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

[b-l0p4j569y4] .ays-route-list-grid {
    height: calc(80vh - 180px - 40px);
    max-height: calc(80vh - 180px - 40px);
}
/* /Pages/AysMobileManagement/Compenents/Routes/RouteToolbar.razor.rz.scp.css */
.ays-route-toolbar[b-2fimgrbvu0] {
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    color: var(--s-color-body-text);
}

[b-2fimgrbvu0] .ays-route-toolbar .ays-route-toolbar-btn.dxbl-btn,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    border-radius: var(--s-border-radius-default) !important;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

[b-2fimgrbvu0] .ays-route-toolbar .s-button-outline.dxbl-btn,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-secondary,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-info {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text) !important;
    border: 1px solid var(--s-color-border) !important;
}

[b-2fimgrbvu0] .ays-route-toolbar .s-button-outline.dxbl-btn:hover,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-secondary:hover,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-info:hover {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-accent-foreground) !important;
}

[b-2fimgrbvu0] .ays-route-toolbar .s-button-destructive-outline.dxbl-btn,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-danger {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-destructive) !important;
    border: 1px solid var(--s-color-destructive) !important;
}

[b-2fimgrbvu0] .ays-route-toolbar .s-button-destructive-outline.dxbl-btn:hover,
[b-2fimgrbvu0] .ays-route-toolbar .dxbl-btn.dxbl-btn-outline-danger:hover {
    background-color: color-mix(in srgb, var(--s-color-destructive) 12%, var(--s-color-card)) !important;
}
/* /Pages/AysMobileManagement/Pages/Auths/AuthList.razor.rz.scp.css */
.ays-auth-list[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-body-text);
}

.ays-auth-list h3[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 11pt !important;
    color: var(--s-color-body-text);
}

.ays-auth-list .ays-auth-list-user-label[b-5r8saxakam],
.ays-auth-list .ays-auth-list-db-label[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

.ays-auth-list .ays-auth-list-user-name[b-5r8saxakam] {
    color: var(--s-color-body-text);
}

[b-5r8saxakam] .ays-auth-list-selector-row .ays-auth-list-user-combo {
    width: 165px;
    min-width: 140px;
    max-width: 180px;
}

[b-5r8saxakam] .ays-auth-list-selector-row .ays-auth-list-db-combo {
    width: 220px;
    min-width: 180px;
    max-width: 260px;
}

.ays-auth-list .form-check-label[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-body-text);
}

.ays-auth-list .accordion-body input[type="checkbox"].form-check-input[b-5r8saxakam] {
    appearance: auto;
    -webkit-appearance: checkbox;
    accent-color: var(--s-color-primary);
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    vertical-align: middle;
}

.ays-auth-list .accordion-item[b-5r8saxakam] {
    background-color: var(--s-color-card);
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
}

.ays-auth-list .accordion-button[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: none;
}

.ays-auth-list .accordion-button:not(.collapsed)[b-5r8saxakam] {
    background-color: var(--s-color-muted, var(--s-color-table-striped-row));
    color: var(--s-color-body-text);
}

.ays-auth-list .accordion-button:focus[b-5r8saxakam] {
    border-color: var(--s-color-border);
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--s-color-primary) 25%, transparent);
}

.ays-auth-list .accordion-body[b-5r8saxakam] {
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
}

.ays-auth-list .ays-auth-list-row-label[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    color: var(--s-color-body-text);
}

.ays-auth-list .form-control[b-5r8saxakam],
.ays-auth-list .form-select[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
    line-height: 1.35;
    min-height: 1.75rem;
    background-color: var(--s-color-input-bg, var(--s-color-card));
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
}

.ays-auth-list .form-control:focus[b-5r8saxakam],
.ays-auth-list .form-select:focus[b-5r8saxakam] {
    background-color: var(--s-color-input-bg, var(--s-color-card));
    color: var(--s-color-body-text);
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--s-color-primary) 20%, transparent);
}

.ays-auth-list .btn[b-5r8saxakam] {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

.ays-auth-list .btn-outline-secondary[b-5r8saxakam] {
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
    background-color: var(--s-color-card);
}

.ays-auth-list .btn-outline-secondary:hover:not(:disabled)[b-5r8saxakam] {
    background-color: var(--s-color-muted, var(--s-color-table-striped-row));
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
}

.ays-auth-list .btn-success[b-5r8saxakam] {
    background-color: var(--s-color-success, var(--s-color-primary));
    border-color: var(--s-color-success, var(--s-color-primary));
    color: var(--s-color-on-primary, #fff);
}
/* /Pages/AysMobileManagement/Pages/Customers/CustomerCardList.razor.rz.scp.css */
.customer-card[b-ff2yxpi3ez] {
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
}
.customer-card .card-body[b-ff2yxpi3ez] {
     overflow: hidden;
}

.customer-card p[b-ff2yxpi3ez] {
     max-height: 120px;
     overflow: hidden;
     text-overflow: ellipsis;
}
/* /Pages/AysMobileManagement/Pages/Routes/RouteList.razor.rz.scp.css */
.ays-route-container[b-bgbolhpx76] {
    color: var(--s-color-body-text);
}

.ays-route-page-header[b-bgbolhpx76] {
    min-height: 31px;
}

.ays-route-page-title[b-bgbolhpx76] {
    font-family: Tahoma, sans-serif !important;
    font-size: 11pt !important;
    line-height: 1.3;
    font-weight: 700;
    padding: 0.25rem 0;
    color: var(--s-color-body-text);
    white-space: nowrap;
}

.ays-route-db-name[b-bgbolhpx76] {
    font-family: Tahoma, sans-serif;
    font-size: 9pt;
    font-weight: 600;
    line-height: 1.5;
    color: var(--s-color-body-text);
    min-height: 28px;
    display: inline-flex;
    align-items: center;
}

.solvo-entity-grid-toolbar.ays-route-grid-toolbar .s-button-small[b-bgbolhpx76] {
    min-height: 28px;
    padding: 2px 8px;
    white-space: nowrap;
}

[b-bgbolhpx76](.ays-route-list-grid .root-row-check) {
    accent-color: var(--s-color-primary);
    cursor: pointer;
}

[b-bgbolhpx76](.ays-route-list-grid .ays-day-check) {
    accent-color: var(--s-color-success, var(--s-color-primary));
    cursor: pointer;
}

/* Filtre paneli: sabit 8pt; route grid boyutu global .s-datatable (datatable.css) + Theme Editor */
[b-bgbolhpx76] .ays-route-filters {
    font-family: Tahoma, sans-serif !important;
    font-size: 8pt !important;
}

[b-bgbolhpx76] .ays-route-list-grid,
[b-bgbolhpx76] .ays-route-grid-wrap.s-datatable {
    font-family: Tahoma, sans-serif;
}
/* /Pages/AysMobileManagement/Pages/Users/Templates/AysMobileUserPasswordCellTemplate.razor.rz.scp.css */
.ays-mobile-user-password-cell[b-402f9gvqbc] {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: var(--s-space-4, 0.25rem);
}

.ays-mobile-user-password-value[b-402f9gvqbc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ays-mobile-user-password-toggle[b-402f9gvqbc] {
    flex: 0 0 auto;
    padding: 0.125rem 0.25rem;
    border: 0;
    border-radius: var(--s-radius-sm, 0.25rem);
    background: transparent;
    color: var(--s-color-muted-foreground, #64748b);
    cursor: pointer;
}

.ays-mobile-user-password-toggle:hover[b-402f9gvqbc],
.ays-mobile-user-password-toggle:focus-visible[b-402f9gvqbc] {
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    color: var(--s-color-primary);
    outline: none;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountLimit/BusinessAccountLimitCard.razor.rz.scp.css */
.container[b-ufdfz3el13] {
    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-ufdfz3el13] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
    border-bottom: 1px solid #eee;
}

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

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

.value[b-ufdfz3el13] {
    color: #333;
    text-align: right;
    flex: 1;
    font-weight: bold;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountLimitDetail/BusinessAccountLimitDetail.razor.rz.scp.css */
.balance-card[b-uawspvl45f] {
    background: linear-gradient(135deg, #c9e0f1 0%, #c9e0f1 100%);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #e1ecf7;
}

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

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

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

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

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

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

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

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

.summary-value[b-w9fkcxkmz5] {
    font-weight: 600;
}
/* /Pages/BusinessAccountManagement/Components/BusinessAccountStatement/BusinessAccountStatementCard.razor.rz.scp.css */
.text-fs[b-4ymy68ruqt] {
    font-size: 0.60rem;
}
.status-badge[b-4ymy68ruqt] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 8px;
}

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

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

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

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

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

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

.activity-feed[b-ylick9xyp4]::-webkit-scrollbar-thumb:hover {
    background: var(--s-color-muted-foreground);
}

.activity-item[b-ylick9xyp4] {
    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-ylick9xyp4] {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

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

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

.activity-type-badge[b-ylick9xyp4] {
    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-ylick9xyp4] {
    font-size: 0.65rem;
    color: var(--s-color-body-text);
    font-weight: 500;
}

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

.activity-event-icon[b-ylick9xyp4] {
    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-ylick9xyp4] {
    font-size: 0.7rem;
    line-height: 1.35;
    margin-bottom: 0.4rem;
    color: var(--s-color-body-text);
}


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

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

.activity-content .stage-current[b-ylick9xyp4] {
    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-ylick9xyp4] {
    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: var(--s-color-primary-foreground);
    filter: saturate(0.8);
}

.activity-footer[b-ylick9xyp4] {
    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-ylick9xyp4] {
    width: 0.65rem;
    height: 0.65rem;
    border-width: 0.125em;
}
/* /Pages/BusinessItemManagement/Components/AddStageNoteModal.razor.rz.scp.css */
.stage-modal-container[b-b7zxw0lbkt] {
    padding: 0.5rem;
}

.transition-flow[b-b7zxw0lbkt] {
    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-b7zxw0lbkt] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

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

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

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

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

.flow-arrow[b-b7zxw0lbkt] {
    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-b7zxw0lbkt] {
    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-b7zxw0lbkt] {
    font-size: 1rem;
}

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

.quick-note-btn[b-b7zxw0lbkt] {
    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-b7zxw0lbkt] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: var(--s-color-accent);
}

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

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

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

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

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

.btn-action[b-uwedpgusu2] {
    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-uwedpgusu2] {
    font-size: 0.55rem;
    margin-right: 0.15rem;
}

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

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

/* Tamamla butonu */
.btn-complete[b-uwedpgusu2] {
    background-color: var(--bs-success, #198754);
    color: var(--s-color-primary-foreground);
}

.btn-complete:hover:not(:disabled)[b-uwedpgusu2] {
    background-color: color-mix(in srgb, var(--bs-success, #198754) 85%, black);
}

/* İptal butonu */
.btn-cancel[b-uwedpgusu2] {
    background-color: var(--s-color-destructive);
    color: var(--s-color-destructive-foreground);
}

.btn-cancel:hover:not(:disabled)[b-uwedpgusu2] {
    background-color: var(--s-color-destructive-hover);
}

/* Yeniden planla butonu (varsa) */
.btn-reschedule[b-uwedpgusu2] {
    background-color: var(--bs-info, #0dcaf0);
    color: var(--s-color-primary-foreground);
}

.btn-reschedule:hover:not(:disabled)[b-uwedpgusu2] {
    background-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 85%, black);
}

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

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

.activity-type-badge[b-q663orchj7] {
    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-q663orchj7] {
    font-size: 0.6rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.activity-event-icon[b-q663orchj7] {
    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-i8jtlnusdx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.filter-btn[b-i8jtlnusdx] {
    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-i8jtlnusdx] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.filter-btn-success[b-i8jtlnusdx] {
    color: var(--bs-success, #198754);
    border-color: var(--bs-success, #198754);
    background-color: transparent;
}

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

.filter-btn-success.active[b-i8jtlnusdx] {
    background-color: var(--bs-success, #198754);
    color: var(--s-color-primary-foreground);
    box-shadow: 0 2px 5px rgba(25, 135, 84, 0.3);
}

.filter-clear-btn[b-i8jtlnusdx] {
    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-i8jtlnusdx] {
    background-color: var(--s-color-accent);
    color: var(--s-color-destructive);
    border-color: var(--s-color-destructive);
}
/* /Pages/BusinessItemManagement/Components/StageFormResponseChoiceModal.razor.rz.scp.css */
.ai-choice-container[b-fqx035kstr] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.35rem 0.1rem 0.25rem;
}

.ai-choice-header[b-fqx035kstr] {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    margin-bottom: 0.15rem;
}

.ai-choice-header i[b-fqx035kstr] {
    color: var(--s-color-success, var(--s-color-primary));
    font-size: 1.25rem;
    margin-top: 0.1rem;
}

.ai-choice-header small[b-fqx035kstr] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
}

.ai-choice-title[b-fqx035kstr] {
    margin: 0 0 0.2rem;
    font-size: 0.86rem;
    font-weight: 700;
}

.ai-choice-actions[b-fqx035kstr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ai-choice-actions--single[b-fqx035kstr] {
    grid-template-columns: 1fr;
}

.ai-choice-btn[b-fqx035kstr] {
    min-height: 108px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-secondary) 50%, var(--s-color-surface));
    padding: 0.85rem 0.65rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--s-color-body-text);
    transition: all 0.2s ease;
}

.ai-choice-btn--selected[b-fqx035kstr] {
    color: var(--s-color-primary-foreground, #ffffff);
    border-color: color-mix(in srgb, var(--s-color-success, #16a34a) 55%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-success, #16a34a) 78%, var(--s-color-primary));
}

.ai-choice-btn:hover:not(:disabled)[b-fqx035kstr] {
    transform: translateY(-1px);
    box-shadow: 0 2px 10px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
}

.ai-choice-contact[b-fqx035kstr] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-secondary) 28%, var(--s-color-surface));
    padding: 0.55rem 0.65rem 0.5rem;
    margin-top: 0.1rem;
}

.ai-choice-contact__name-block[b-fqx035kstr] {
    margin-bottom: 0.45rem;
}

.ai-choice-contact__label[b-fqx035kstr] {
    display: block;
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    margin-bottom: 0.12rem;
    letter-spacing: 0.02em;
}

.ai-choice-contact__name[b-fqx035kstr] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.ai-choice-contact__phone-block[b-fqx035kstr] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ai-choice-contact--blurred[b-fqx035kstr] {
    filter: blur(1.25px);
    opacity: 0.58;
    pointer-events: none;
    user-select: none;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.ai-choice-contact__phone-input[b-fqx035kstr] {
    max-width: 100%;
    font-size: 0.78rem;
}

.ai-choice-contact__phone-input[b-fqx035kstr]  input,
.ai-choice-contact__phone-input[b-fqx035kstr]  .dxbl-text-edit-input {
    font-size: 0.78rem !important;
    min-height: 1.65rem;
}

.ai-choice-contact__hint[b-fqx035kstr] {
    color: var(--s-color-muted-foreground);
    font-size: 0.62rem;
}
/* /Pages/BusinessItemManagement/Components/UpdateOutcomeStatusModal.razor.rz.scp.css */
[b-tx9pyrmd5b] .lost-outcome-modal.dxbl-popup {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: min(560px, calc(100vw - 48px)) !important;
    min-width: min(520px, calc(100vw - 48px)) !important;
}

[b-tx9pyrmd5b] .lost-outcome-modal .dxbl-popup-dialog {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: min(560px, calc(100vw - 48px)) !important;
    min-width: min(520px, calc(100vw - 48px)) !important;
}

@media (max-width: 1300px) {
    [b-tx9pyrmd5b] .lost-outcome-modal.dxbl-popup,
    [b-tx9pyrmd5b] .lost-outcome-modal .dxbl-popup-dialog {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        min-width: calc(100vw - 24px) !important;
    }
}
/* /Pages/BusinessItemManagement/Pages/BusinessItem/Components/Steps/BulkSelectedCustomersGrid.razor.rz.scp.css */
.bulk-selected-datatable[b-z8cc8i7u9f] {
    --datatable-row-size: var(--s-space-1) var(--s-space-3);
    --datatable-row-font-size: var(--s-font-size-12);
}

.bulk-selected-datatable[b-z8cc8i7u9f]  .dxbl-grid-header-row th {
    height: calc(var(--rem-scale) * 3.2rem);
    padding-inline: var(--s-space-6);
}

.bulk-selected-datatable[b-z8cc8i7u9f]  .dxbl-grid-table > tbody > tr > td {
    line-height: 1.2;
    vertical-align: middle;
}

.bulk-selected-datatable[b-z8cc8i7u9f]  .bulk-cell-entity-editor .dxbl-text-edit {
    min-height: calc(var(--rem-scale) * 2.8rem);
}

.bulk-selected-datatable[b-z8cc8i7u9f]  .bulk-cell-entity-editor .dxbl-text-edit-input {
    min-height: calc(var(--rem-scale) * 2.6rem);
    padding-block: 0;
}

.bulk-line-remove-btn[b-z8cc8i7u9f] {
    width: calc(var(--rem-scale) * 1.8rem);
    height: calc(var(--rem-scale) * 1.8rem);
    font-size: var(--s-font-size-10);
}
/* /Pages/BusinessItemManagement/Pages/BusinessItem/Components/Steps/StepBulkCustomerSelection.razor.rz.scp.css */
.wizard-step-content.bulk-customer-step[b-mpxx5w7zp5] {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    font-size: 11px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.bulk-customer-grid[b-mpxx5w7zp5] {
    display: block;
    width: 100%;
    height: auto;
}

.bulk-customer-grid--single[b-mpxx5w7zp5] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.bulk-grid-section[b-mpxx5w7zp5] {
    display: block;
    height: auto;
    min-height: 0;
}

.bulk-customer-grid--single .bulk-grid-section[b-mpxx5w7zp5] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.bulk-grid-section--picker[b-mpxx5w7zp5] {
    margin-bottom: 12px;
}

.bulk-grid-section--selected[b-mpxx5w7zp5] {
    margin-top: 8px;
}

.bulk-section-header[b-mpxx5w7zp5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.bulk-section-heading[b-mpxx5w7zp5] {
    font-size: 13px;
    font-weight: 700;
    color: var(--s-color-muted-foreground);
}

.bulk-picker-scroll[b-mpxx5w7zp5],
.bulk-selected-scroll[b-mpxx5w7zp5] {
    min-height: 0;
    height: auto;
}

.bulk-customer-grid--single .bulk-picker-scroll[b-mpxx5w7zp5],
.bulk-customer-grid--single .bulk-selected-scroll[b-mpxx5w7zp5] {
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    overflow: hidden !important;
}

.bulk-picker-scroll[b-mpxx5w7zp5] {
    overflow: visible !important;
    max-height: none;
}

.bulk-selected-scroll[b-mpxx5w7zp5] {
    overflow: visible !important;
    max-height: none;
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
    background: var(--s-color-surface);
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .position-absolute.top-0.start-0.w-100.h-100.d-flex.justify-content-center.align-items-center {
    inset: 0;
    z-index: 10;
    background: color-mix(in srgb, var(--s-color-surface) 72%, transparent) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .bulk-picker-entity-grid {
    height: min(52vh, 520px);
    max-height: none;
    min-height: 0;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .bulk-picker-dx-grid,
.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid {
    height: min(52vh, 520px) !important;
    max-height: none !important;
}

.bulk-customer-grid--single .bulk-picker-scroll[b-mpxx5w7zp5]  .bulk-picker-entity-grid,
.bulk-customer-grid--single .bulk-picker-scroll[b-mpxx5w7zp5]  .bulk-picker-dx-grid,
.bulk-customer-grid--single .bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid {
    height: 100% !important;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-scroll-viewer {
    max-height: 100%;
    overflow: auto !important;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-scroll-viewer:not(.dxbl-grid-scroll-viewer) {
    overflow: hidden !important;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td {
    pointer-events: none;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td:first-child,
.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td:first-child *,
.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td.dxbl-grid-command-cell,
.bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td.dxbl-grid-command-cell * {
    pointer-events: auto;
}

.bulk-selected-scroll > .s-datatable[b-mpxx5w7zp5] {
    height: min(34vh, 360px);
    max-height: none;
    overflow: hidden;
}

.bulk-customer-grid--single .bulk-selected-scroll > .s-datatable[b-mpxx5w7zp5] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.bulk-selected-scroll[b-mpxx5w7zp5]  .bulk-selected-customers-grid.dxbl-grid,
.bulk-selected-customers-grid[b-mpxx5w7zp5]  .dxbl-grid {
    height: min(34vh, 360px) !important;
    max-height: none !important;
}

.bulk-customer-grid--single .bulk-selected-scroll[b-mpxx5w7zp5]  .bulk-selected-customers-grid.dxbl-grid,
.bulk-customer-grid--single .bulk-selected-customers-grid[b-mpxx5w7zp5]  .dxbl-grid {
    height: 100% !important;
}

.bulk-selected-scroll[b-mpxx5w7zp5]  .dxbl-grid-scroll-viewer {
    overflow: auto !important;
    max-height: 100%;
}

.bulk-selected-scroll[b-mpxx5w7zp5]  .dxbl-scroll-viewer:not(.dxbl-grid-scroll-viewer) {
    overflow: hidden !important;
}

.bulk-picker-scroll[b-mpxx5w7zp5]  td,
.bulk-picker-scroll[b-mpxx5w7zp5]  th,
.bulk-selected-customers-grid[b-mpxx5w7zp5]  td,
.bulk-selected-customers-grid[b-mpxx5w7zp5]  th {
    font-size: inherit;
}

.bulk-selected-customers-grid[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr > td {
    border-bottom: 1px solid var(--s-color-border);
}

.bulk-selected-customers-grid[b-mpxx5w7zp5]  .dxbl-grid-table > tbody > tr:hover > td {
    background-color: var(--s-color-accent);
}

.bulk-line-remove-btn[b-mpxx5w7zp5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid var(--s-color-border);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    font-size: 0.7rem;
}

.bulk-selected-empty[b-mpxx5w7zp5] {
    padding: 8px;
    text-align: center;
    font-size: 0.85rem;
}

@media (max-width: 991px) {
    .bulk-picker-scroll[b-mpxx5w7zp5] {
        max-height: none;
    }

    .bulk-picker-scroll[b-mpxx5w7zp5]  .bulk-picker-entity-grid,
    .bulk-picker-scroll[b-mpxx5w7zp5]  .dxbl-grid {
        height: 48vh !important;
        max-height: none !important;
    }

    .bulk-selected-scroll[b-mpxx5w7zp5] {
        max-height: none;
    }

    .bulk-selected-customers-grid[b-mpxx5w7zp5]  .dxbl-grid {
        height: 32vh !important;
        max-height: none !important;
    }
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/BusinessItemDetail.razor.rz.scp.css */
/* ============================================================
   BusinessItemDetail — Redesigned Layout
   Clean, card-based SaaS detail screen
   ============================================================ */

/* ===== Page Container ===== */
.detail-container[b-ccsn37kud1] {
    overflow: auto;
    font-family: var(--s-font-family-body);
    padding: 0 4px;
}

/* ===== Full-page spinner ===== */
@keyframes detail-spin-b-ccsn37kud1 {
    to { transform: rotate(360deg); }
}

.detail-page-spinner[b-ccsn37kud1] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--s-color-border, #e5e7eb);
    border-top-color: var(--s-color-primary, #3b82f6);
    border-radius: 50%;
    animation: detail-spin-b-ccsn37kud1 0.7s linear infinite;
}

/* ===== Top Navigation / Breadcrumb Bar ===== */
.detail-navbar[b-ccsn37kud1] {
    background-color: var(--s-color-surface);
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    padding: 8px 16px;
    margin-bottom: 16px;
}

/* ===== Stage Bar Container ===== */
.stage-bar-card[b-ccsn37kud1] {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

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

.stage-bar-loading[b-ccsn37kud1] {
    width: 50%;
    min-height: calc(var(--rem-scale) * 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s-space-6) var(--s-space-10);
    border: 1px dashed var(--s-color-border);
    border-radius: 10px;
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

/* ===== Outcome buttons (Won / Lost) ===== */
.item-button[b-ccsn37kud1] {
    flex-shrink: 0;
}

/* ===== Stage chevron items ===== */
.stage-item[b-ccsn37kud1] {
    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-ccsn37kud1] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%);
}

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

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

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

/* ===== Info Card — shared card surface ===== */
.info-card[b-ccsn37kud1] {
    background: var(--s-color-surface);
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 12px;
    border: 1px solid var(--s-color-border);
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
}

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

/* ===== Inline field layout ===== */
.bi-field[b-ccsn37kud1] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: calc(var(--rem-scale) * 3.2rem);
    padding: 2px 0;
}

.bi-field__label[b-ccsn37kud1] {
    flex: 0 0 90px;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    opacity: 0.55;
    text-align: left;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

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

/* ===== Form input styles ===== */
[b-ccsn37kud1] .business-item-form.edit {
    border: 1px solid var(--s-color-muted-foreground) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-surface) !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

[b-ccsn37kud1] .business-item-form.edit:focus-within {
    border-color: var(--s-color-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--s-color-primary) 10%, transparent) !important;
}

[b-ccsn37kud1] .business-item-form {
    border: 1px solid var(--s-color-border) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-white) !important;
    box-shadow: none !important;
    padding: 0 10px !important;
    color: var(--s-color-body-text) !important;
    font-weight: 600 !important;
}

[b-ccsn37kud1] .business-item-form .dxbl-text-edit-input {
    padding: 6px 10px !important;
}

/* ===== TABS — Modern underline style ===== */
[b-ccsn37kud1] .bi-detail-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid var(--s-color-border);
}

[b-ccsn37kud1] .bi-detail-tabs .nav-item {
    margin: 0;
}

[b-ccsn37kud1] .bi-detail-tabs .bi-tab-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--s-color-muted-foreground);
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

[b-ccsn37kud1] .bi-detail-tabs .bi-tab-link:hover {
    color: var(--s-color-body-text);
}

[b-ccsn37kud1] .bi-detail-tabs .bi-tab-link.active {
    color: var(--s-color-body-text);
    font-weight: 600;
    border-bottom-color: var(--s-color-primary);
}

[b-ccsn37kud1] .bi-detail-tabs .bi-tab-link i {
    font-size: 0.82rem;
    opacity: 0.7;
}

[b-ccsn37kud1] .bi-detail-tabs .bi-tab-link.active i {
    opacity: 1;
}

/* ===== Tab content area ===== */
.bi-tab-content[b-ccsn37kud1] {
    padding-top: 16px;
}

.bi-tab-content .tab-panel[b-ccsn37kud1] {
    animation: biTabFadeIn-b-ccsn37kud1 0.18s ease-out;
}

@keyframes biTabFadeIn-b-ccsn37kud1 {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ===== Badge — Customer Type ===== */
.bi-detail-badge[b-ccsn37kud1] {
    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-ccsn37kud1] {
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
}

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

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

[b-ccsn37kud1] .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-ccsn37kud1] .bi-detail-btn--save:hover {
    opacity: 0.9;
}

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

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

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

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

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

/* ===== Description Tab ===== */
.description-view[b-ccsn37kud1] {
    min-height: 80px;
    cursor: text;
    padding: 12px;
    border-radius: 8px;
    border: 1px dashed transparent;
    transition: border-color 0.15s, background-color 0.15s;
}

.description-view:hover[b-ccsn37kud1] {
    border-color: var(--s-color-border);
    background-color: var(--s-color-accent);
}

/* ===== Relation Grid Container ===== */
[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid {
    height: 22vh;
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    --dxbl-grid-bg: var(--s-color-surface);
    --dxbl-grid-border-color: var(--s-color-border);
    border-radius: 8px;
}

[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid-toolbar-container,
[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid-top-panel,
[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid-bottom-panel {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
    color: var(--s-color-body-text) !important;
}

[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid-header-row,
[b-ccsn37kud1] .business-item-relation-tab-grid-container .dxbl-grid-header-row th {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    --dxbl-grid-header-color: var(--s-color-body-text);
}

[b-ccsn37kud1] .business-item-relation-tab-grid-container tbody td {
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    background-color: var(--s-color-surface) !important;
}

[b-ccsn37kud1] .business-item-relation-tab-grid-container tbody tr:hover td {
    background-color: var(--s-color-accent) !important;
}

/* ===== Textarea (Description edit) ===== */
[b-ccsn37kud1] .s-textarea {
    --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);
    --dxbl-text-edit-placeholder-color: var(--s-color-muted-foreground);
}

[b-ccsn37kud1] .s-textarea textarea,
[b-ccsn37kud1] .s-textarea .dxbl-memo-textarea {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
    border-radius: 8px !important;
}

/* ===== Stage Transitions Tab ===== */
.stage-log-feed[b-ccsn37kud1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stage-log-card[b-ccsn37kud1] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-left: 3px solid var(--s-color-primary);
    background: var(--s-color-surface);
    border-radius: 0 8px 8px 0;
    border-top: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border);
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.15s ease;
}

.stage-log-card:hover[b-ccsn37kud1] {
    background: var(--s-color-accent);
}

.stage-log-body[b-ccsn37kud1] {
    flex: 1;
    min-width: 0;
    font-size: 0.78rem;
    line-height: 1.5;
}

.stage-log-meta[b-ccsn37kud1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    padding-top: 2px;
}

.stage-log-time[b-ccsn37kud1] {
    font-size: 0.65rem;
    color: var(--s-color-muted-foreground, #6c757d);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ============================================================
   Notes / Activity Panel (Right Column)
   ============================================================ */

/* ===== Notes Header ===== */
.notes-header[b-ccsn37kud1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--s-color-border);
}

.notes-title[b-ccsn37kud1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

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

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

.notes-refresh-btn[b-ccsn37kud1] {
    background: none;
    border: none;
    padding: 4px 6px;
    border-radius: 6px;
    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-ccsn37kud1] {
    color: var(--s-color-primary);
    background: var(--s-color-accent);
}

/* ===== Add Note Toggle Button ===== */
.note-add-toggle-btn[b-ccsn37kud1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: var(--s-font-size-12);
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--s-color-border);
    background: transparent;
    color: var(--s-color-body-text);
    transition: all 0.15s ease;
}

.note-add-toggle-btn:hover[b-ccsn37kud1] {
    background: var(--s-color-accent);
}

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

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

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

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

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

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

.fmt-btn[b-ccsn37kud1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.7rem;
    border-radius: 6px;
    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-ccsn37kud1] {
    background: var(--s-color-surface);
    color: var(--s-color-primary);
}

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

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

.color-dot[b-ccsn37kud1] {
    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-ccsn37kud1] {
    transform: scale(1.25);
    border-color: var(--s-color-primary);
}

/* ===== Contenteditable Editor ===== */
.note-composer-editor[b-ccsn37kud1] {
    width: 100%;
    min-height: 100px;
    padding: 12px;
    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-ccsn37kud1]::before {
    content: attr(data-placeholder);
    color: var(--s-color-muted-foreground);
    opacity: 0.6;
    pointer-events: none;
}

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

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

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

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

.note-cancel-btn[b-ccsn37kud1] {
    padding: 5px 12px;
    border-radius: 6px;
    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-ccsn37kud1] {
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
}

.note-submit-btn[b-ccsn37kud1] {
    padding: 5px 14px;
    border-radius: 6px;
    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-ccsn37kud1] {
    opacity: 0.88;
}

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

/* ===== Action Icons ===== */
.action-icons .icon[b-ccsn37kud1] {
    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);
}

/* ===== Activity Feed Theme Overrides ===== */
.activity-feed[b-ccsn37kud1] {
    max-height: 600px;
    overflow-y: auto;
}

.activity-item[b-ccsn37kud1] {
    display: flex;
    margin-bottom: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--s-color-border);
    border-left: 3px solid;
    transition: background-color 0.12s ease;
}

.activity-item:hover[b-ccsn37kud1] {
    background: var(--s-color-accent) !important;
}

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

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

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

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

/* text-muted in dark mode */
[b-ccsn37kud1] .text-muted {
    color: var(--s-color-muted-foreground) !important;
}

/* ===== Empty state styling ===== */
.bi-empty-state[b-ccsn37kud1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    color: var(--s-color-muted-foreground);
}

.bi-empty-state i[b-ccsn37kud1] {
    font-size: 2rem;
    margin-bottom: 8px;
    opacity: 0.25;
}

.bi-empty-state span[b-ccsn37kud1] {
    font-size: 0.78rem;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/BusinessItemFiles.razor.rz.scp.css */
.bi-files-table[b-smqjw2gkf7] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--s-font-family-body);
}

.bi-files-table thead th[b-smqjw2gkf7] {
    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-smqjw2gkf7] {
    border-bottom: 1px solid var(--s-color-border);
    transition: background-color 0.15s ease;
}

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

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

.bi-files-table tbody td[b-smqjw2gkf7] {
    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-smqjw2gkf7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

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

.bi-files-table .bi-file-name-cell a[b-smqjw2gkf7] {
    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-smqjw2gkf7] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

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

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

[b-smqjw2gkf7] .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-smqjw2gkf7] .bi-file-delete-btn:hover {
    background-color: var(--s-color-destructive) !important;
    color: var(--s-color-destructive-foreground) !important;
}

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

.bi-files-empty[b-smqjw2gkf7] {
    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 */
/* ============================================================
   BusinessItemInfoCard — Redesigned Styles
   Clean field layout with modern card design
   ============================================================ */

/* Card container */
.info-card[b-qz0kjk4hpf] {
    background: var(--s-color-surface);
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 12px;
    border: 1px solid var(--s-color-border);
    font-family: var(--s-font-family-body);
}

/* Card header with actions */
.bi-info-header[b-qz0kjk4hpf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--s-color-border);
}

.bi-info-header__title[b-qz0kjk4hpf] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    display: flex;
    align-items: center;
    gap: 8px;
}

.bi-info-header__title i[b-qz0kjk4hpf] {
    opacity: 0.5;
}

.bi-info-header__actions[b-qz0kjk4hpf] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bi-info-header__buttons[b-qz0kjk4hpf] {
    flex-shrink: 0;
}

/* Yapay zeka arama durumu — Güncelle solunda, theme token uyumlu */
.phonelya-call-inline[b-qz0kjk4hpf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 8px;
    border: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-secondary) 55%, var(--s-color-surface));
    color: var(--s-color-body-text);
    max-width: 100%;
}

.phonelya-call-inline__icon[b-qz0kjk4hpf] {
    color: var(--s-color-success, var(--s-color-primary));
    font-size: 0.9rem;
    flex-shrink: 0;
}

.phonelya-call-inline__label[b-qz0kjk4hpf] {
    font-size: var(--s-font-size-10, 0.68rem);
    font-weight: var(--s-font-weight-semibold, 600);
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.phonelya-call-status[b-qz0kjk4hpf] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1.35;
    white-space: nowrap;
    border: 1px solid transparent;
}

.phonelya-call-status--success[b-qz0kjk4hpf] {
    color: var(--s-color-success, #15803d);
    background-color: color-mix(in srgb, var(--s-color-success, #16a34a) 14%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-success, #16a34a) 32%, var(--s-color-border));
}

.phonelya-call-status--danger[b-qz0kjk4hpf] {
    color: var(--s-color-destructive-hover, #b91c1c);
    background-color: color-mix(in srgb, var(--s-color-destructive-hover, #dc2626) 12%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-destructive-hover, #dc2626) 28%, var(--s-color-border));
}

.phonelya-call-status--muted[b-qz0kjk4hpf] {
    color: var(--s-color-muted-foreground);
    background-color: color-mix(in srgb, var(--s-color-muted) 70%, var(--s-color-surface));
    border-color: var(--s-color-border);
}

.phonelya-call-inline__btn[b-qz0kjk4hpf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--s-color-success, #16a34a) 45%, var(--s-color-border));
    border-radius: 6px;
    background: color-mix(in srgb, var(--s-color-success, #16a34a) 18%, var(--s-color-surface));
    color: var(--s-color-success, var(--s-color-primary));
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.phonelya-call-inline__btn:hover:not(:disabled)[b-qz0kjk4hpf] {
    background: color-mix(in srgb, var(--s-color-success, #16a34a) 28%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-success, #16a34a) 55%, var(--s-color-border));
}

.phonelya-call-inline__btn:disabled[b-qz0kjk4hpf] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* ===== Field layout — labels above inputs ===== */
.bi-field-v2[b-qz0kjk4hpf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.bi-field-v2__label[b-qz0kjk4hpf] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

.bi-field-v2__value[b-qz0kjk4hpf] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    padding: 7px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--s-color-white);
    border-radius: 8px;
    border: 1px solid var(--s-color-border);
    min-height: 34px;
    display: flex;
    align-items: center;
    transition: background-color 0.12s ease;
}

.bi-field-v2__value:hover[b-qz0kjk4hpf] {
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-white));
}

/* Form input wrapper */
[b-qz0kjk4hpf] .bi-field-v2__input {
    flex: 1;
    min-width: 0;
}

/* Edit mode */
[b-qz0kjk4hpf] .business-item-form.edit {
    border: 1px solid var(--s-color-border) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-accent) !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

[b-qz0kjk4hpf] .business-item-form.edit:focus-within {
    border-color: var(--s-color-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--s-color-primary) 10%, transparent) !important;
}

/* Read mode */
[b-qz0kjk4hpf] .business-item-form {
    border: 1px solid var(--s-color-border) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-white) !important;
    box-shadow: none !important;
    padding: 0 10px !important;
    color: var(--s-color-body-text) !important;
    font-weight: 600 !important;
}

[b-qz0kjk4hpf] .business-item-form .dxbl-text-edit-input {
    padding: 6px 10px !important;
}

/* ===== Dark Theme: DX form input overrides ===== */
[b-qz0kjk4hpf] .bi-field-v2__input .dxbl-text-edit,
[b-qz0kjk4hpf] .business-item-form.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);
    --dxbl-text-edit-placeholder-color: var(--s-color-muted-foreground);
    --dxbl-text-edit-focused-border-color: var(--s-color-primary);
}

/* Read-mode DX inputs — stronger contrast */
[b-qz0kjk4hpf] .business-item-form:not(.edit) {
    --dxbl-text-edit-bg: var(--s-color-white);
    --dxbl-text-edit-color: var(--s-color-body-text);
}

[b-qz0kjk4hpf] .business-item-form:not(.edit) input,
[b-qz0kjk4hpf] .business-item-form:not(.edit) .dxbl-text-edit-input {
    background-color: var(--s-color-white) !important;
    color: var(--s-color-body-text) !important;
    font-weight: 600 !important;
}

[b-qz0kjk4hpf] .bi-field-v2__input input,
[b-qz0kjk4hpf] .bi-field-v2__input .dxbl-text-edit-input {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
}

[b-qz0kjk4hpf] .dxbl-listbox,
[b-qz0kjk4hpf] .dxbl-dropdown-area {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-qz0kjk4hpf] .dxbl-listbox-item:hover,
[b-qz0kjk4hpf] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
}

/* ===== Buttons — modern & minimal ===== */
[b-qz0kjk4hpf] .bi-detail-btn {
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    padding: 5px 14px !important;
    border-radius: 8px !important;
    transition: all 0.12s ease !important;
    letter-spacing: 0.01em !important;
}

[b-qz0kjk4hpf] .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-qz0kjk4hpf] .bi-detail-btn--save:hover {
    background-color: var(--s-color-primary-hover) !important;
    border-color: var(--s-color-primary-hover) !important;
}

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

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

[b-qz0kjk4hpf] .bi-detail-btn--edit {
    background-color: transparent !important;
    color: var(--s-color-muted-foreground) !important;
    border: 1px solid var(--s-color-border) !important;
    font-weight: 400 !important;
}

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

[b-qz0kjk4hpf] .bi-detail-btn--view {
    background-color: transparent !important;
    color: var(--s-color-primary) !important;
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 40%, transparent) !important;
    font-weight: 400 !important;
}

[b-qz0kjk4hpf] .bi-detail-btn--view:hover {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, transparent) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/CompanyInfoCard.razor.rz.scp.css */
/* ============================================================
   CompanyInfoCard — Redesigned Styles
   Section-based card with labels above inputs
   ============================================================ */

/* Card container */
.company-card[b-xqju7kfv9c] {
    padding: 4px 0;
}

/* Section grouping */
.company-section[b-xqju7kfv9c] {
    margin-bottom: 20px;
}

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

.company-section__header[b-xqju7kfv9c] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--s-color-body-text);
    margin-bottom: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid var(--s-color-border);
    border-left: 3px solid var(--s-color-primary);
    font-weight: 600;
    font-size: 0.82rem;
}

.company-section__header i[b-xqju7kfv9c] {
    opacity: 0.6;
    font-size: 0.85rem;
}

/* ===== Field layout — labels above inputs ===== */
.bi-field[b-xqju7kfv9c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.bi-field__label[b-xqju7kfv9c] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}

.bi-field__value[b-xqju7kfv9c] {
    flex: 1;
    min-width: 0;
    color: var(--s-color-body-text);
    font-weight: 600;
    font-size: 0.82rem;
    padding: 7px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: var(--s-color-white);
    border-radius: 8px;
    border: 1px solid var(--s-color-border);
    min-height: 34px;
    display: flex;
    align-items: center;
    transition: background-color 0.12s ease;
}

.bi-field__value:hover[b-xqju7kfv9c] {
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-white));
}

/* Compact variant — for location fields */
.bi-field--compact[b-xqju7kfv9c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.bi-field__label--compact[b-xqju7kfv9c] {
    /* same as base label */
}

/* Stacked variant — label + content full width (textarea) */
.bi-field--stacked[b-xqju7kfv9c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.bi-field--stacked .bi-field__label[b-xqju7kfv9c] {
    /* top-aligned in stacked mode */
}

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

/* Read mode - all input types */
[b-xqju7kfv9c] .business-item-form {
    flex: 1;
    min-width: 0;
    height: calc(var(--rem-scale) * 3.2rem);
    border: 1px solid var(--s-color-border) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-white) !important;
    box-shadow: none !important;
    padding: 0 10px !important;
    transition: background-color 0.12s ease;
    color: var(--s-color-body-text) !important;
    font-weight: 600 !important;
}

[b-xqju7kfv9c] .business-item-form .dxbl-text-edit-input {
    padding: 6px 10px !important;
}

/* Edit mode - all input types */
[b-xqju7kfv9c] .business-item-form.edit {
    border: 1px solid var(--s-color-border) !important;
    border-radius: 8px !important;
    background-color: var(--s-color-accent) !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

[b-xqju7kfv9c] .business-item-form.edit:focus-within {
    border-color: var(--s-color-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--s-color-primary) 10%, transparent) !important;
}

/* ===== Dark Theme: DX form input overrides ===== */
[b-xqju7kfv9c] .bi-field__input .dxbl-text-edit,
[b-xqju7kfv9c] .business-item-form.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);
    --dxbl-text-edit-placeholder-color: var(--s-color-muted-foreground);
    --dxbl-text-edit-focused-border-color: var(--s-color-primary);
}

/* Read-mode DX inputs — stronger contrast */
[b-xqju7kfv9c] .business-item-form:not(.edit) {
    --dxbl-text-edit-bg: var(--s-color-white);
    --dxbl-text-edit-color: var(--s-color-body-text);
}

[b-xqju7kfv9c] .business-item-form:not(.edit) input,
[b-xqju7kfv9c] .business-item-form:not(.edit) .dxbl-text-edit-input,
[b-xqju7kfv9c] .business-item-form:not(.edit) .dxbl-memo-textarea {
    background-color: var(--s-color-white) !important;
    color: var(--s-color-body-text) !important;
    font-weight: 600 !important;
}

[b-xqju7kfv9c] .bi-field__input input,
[b-xqju7kfv9c] .bi-field__input .dxbl-text-edit-input {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
}

[b-xqju7kfv9c] .dxbl-listbox,
[b-xqju7kfv9c] .dxbl-dropdown-area {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-xqju7kfv9c] .dxbl-listbox-item:hover,
[b-xqju7kfv9c] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-body-text) !important;
}

/* Buttons */
[b-xqju7kfv9c] .bi-detail-btn {
    padding: 5px 14px !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
}

[b-xqju7kfv9c] .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-xqju7kfv9c] .bi-detail-btn--save:hover {
    opacity: 0.9;
}

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

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

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

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

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

[b-xqju7kfv9c] .bi-detail-btn--convert:hover {
    background-color: var(--s-color-accent) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemDetail/Components/StageBar.razor.rz.scp.css */
/* ============================================================
   StageBar — Redesigned Stepper
   Clean horizontal stepper with chevron arrows
   ============================================================ */

.stage-bar[b-u6lgakqzf7] {
    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-u6lgakqzf7] {
    background-color: var(--s-color-secondary);
    color: var(--s-color-secondary-foreground);
    padding: 6px 14px;
    font-size: 0.65rem;
    font-weight: 600;
    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.2s ease;
    cursor: pointer;
    min-width: 120px;
    height: 28px;
    border: 1px solid var(--s-color-border);
    margin-right: -8px;
    flex-shrink: 1;
}

/* First item — no left chevron */
.stage-item:first-child[b-u6lgakqzf7] {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
    border-radius: 6px 0 0 6px;
}

/* Last item — no right chevron */
.stage-item:last-child[b-u6lgakqzf7] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%);
    border-radius: 0 6px 6px 0;
}

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

/* Active stage */
.stage-item.active[b-u6lgakqzf7] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border-color: var(--s-color-primary);
    cursor: default;
}

/* Completed stages */
.stage-item.completed[b-u6lgakqzf7] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    border-color: var(--s-color-border);
}

/* Readonly (not owner) */
.stage-item.readonly[b-u6lgakqzf7] {
    cursor: default;
}

.stage-item.readonly:hover:not(.active)[b-u6lgakqzf7] {
    transform: none;
}

/* Border pseudo-element */
.stage-item[b-u6lgakqzf7]::before {
    content: '';
    position: absolute;
    inset: -1px;
    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:first-child[b-u6lgakqzf7]::before {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
}

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

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

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

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

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

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

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

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

.bss-sidebar-caption[b-qdqzh0d2xy] {
    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-qdqzh0d2xy],
.bss-icon-bg span[b-qdqzh0d2xy] {
    color: white;
}

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

/* Sayı badge */
.bss-count-badge[b-qdqzh0d2xy] {
    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-qdqzh0d2xy] {
    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-qdqzh0d2xy] {
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
    position: relative;
}

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

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

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

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

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

/* Action Buttons */
.bss-action-btn[b-qdqzh0d2xy] {
    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-qdqzh0d2xy] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

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

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

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

/* Kart */
.bss-card[b-qdqzh0d2xy] {
    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-qdqzh0d2xy] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-color: var(--s-color-primary);
}

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

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

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

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

/* Badges - tema uyumlu */
.bss-badge[b-qdqzh0d2xy] {
    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-qdqzh0d2xy] {
    background: #f0f9ff;
    color: #0369a1;
}

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

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

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

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

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

/* Spinner */
.spinner-border.text-primary[b-qdqzh0d2xy] {
    color: var(--s-color-primary) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemType/BusinessItemType.razor.rz.scp.css */
/* /Pages/BusinessItemManagement/Pages/BusinessItemTypeCatalog/BusinessItemTypeCatalog.razor.rz.scp.css */
.bit-catalog-container[b-4muafcy5zs] {
    padding: 1.25rem;
    height: calc(100vh - 60px);
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}

/* Büyük ekranlar için container genişlik sınırlaması */
@media (min-width: 1920px) {
    .bit-catalog-container[b-4muafcy5zs] {
        max-width: 1800px;
    }
}

@media (min-width: 2560px) {
    .bit-catalog-container[b-4muafcy5zs] {
        max-width: 2200px;
    }
}

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

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

/* Mobil responsive */
@media (max-width: 768px) {
    .bit-catalog-container > .d-flex[b-4muafcy5zs] {
        flex-direction: column;
        gap: 1rem;
    }

    .bit-sidebar[b-4muafcy5zs] {
        width: 100%;
        min-width: unset;
        max-width: unset;
        max-height: 200px;
    }

    .bit-card-grid[b-4muafcy5zs] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 0.5rem;
    }
}

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

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

.bit-sidebar-caption[b-4muafcy5zs] {
    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-4muafcy5zs],
.bit-icon-bg span[b-4muafcy5zs] {
    color: white;
}

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

/* Sayı badge */
.bit-count-badge[b-4muafcy5zs] {
    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-4muafcy5zs] {
    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-4muafcy5zs] {
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
    position: relative;
}

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

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

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

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

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

/* Action Buttons */
.bit-action-btn[b-4muafcy5zs] {
    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-4muafcy5zs] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

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

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

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

/* Responsive Grid - Büyük ekranlar için */
@media (min-width: 1440px) {
    .bit-card-grid[b-4muafcy5zs] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        max-width: 1200px;
    }
}

@media (min-width: 1920px) {
    .bit-card-grid[b-4muafcy5zs] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        max-width: 1400px;
    }
}

@media (min-width: 2560px) {
    .bit-card-grid[b-4muafcy5zs] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        max-width: 1600px;
    }
}

/* Kart */
.bit-card[b-4muafcy5zs] {
    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-4muafcy5zs] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-color: var(--s-color-primary);
}

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

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

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

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

/* Badges - tema uyumlu */
.bit-badge[b-4muafcy5zs] {
    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-4muafcy5zs] {
    background: #f0f9ff;
    color: #0369a1;
}

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

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

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

.bit-group-icon[b-4muafcy5zs] {
    flex-shrink: 0;
}

/* Custom Table for Theme */
.s-table[b-4muafcy5zs] {
    --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-4muafcy5zs] {
    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-4muafcy5zs] {
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
}

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

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

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

/* Spinner */
.spinner-border.text-primary[b-4muafcy5zs] {
    color: var(--s-color-primary) !important;
}
/* /Pages/BusinessItemManagement/Pages/BusinessItemTypeCatalog/Components/UpsertTypeModal.razor.rz.scp.css */
:deep(.upsert-type-flow-combobox .dxbl-edit)[b-7qun0bsnsj] {
    border-color: var(--s-color-border);
    background-color: var(--s-color-input-background, var(--s-color-surface-1));
    color: var(--s-color-text);
    border-radius: var(--s-border-radius-medium);
    min-height: 38px;
}

:deep(.upsert-type-flow-combobox .dxbl-edit:hover)[b-7qun0bsnsj] {
    border-color: var(--s-color-primary);
}

:deep(.upsert-type-flow-combobox.dxbl-focused .dxbl-edit)[b-7qun0bsnsj],
:deep(.upsert-type-flow-combobox .dxbl-edit.dxbl-focused)[b-7qun0bsnsj] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 25%, transparent);
}

:deep(.upsert-type-flow-combobox .dxbl-placeholder)[b-7qun0bsnsj],
:deep(.upsert-type-flow-combobox .dxbl-edit-btn)[b-7qun0bsnsj] {
    color: var(--s-color-text-muted);
}

:deep(.upsert-type-flow-combobox-dropdown)[b-7qun0bsnsj],
:deep(.upsert-type-flow-combobox-dropdown .dxbl-listbox)[b-7qun0bsnsj],
:deep(.upsert-type-flow-combobox-dropdown .dxbl-scroll-viewer)[b-7qun0bsnsj] {
    background-color: var(--s-color-surface-1);
    border-color: var(--s-color-border);
    color: var(--s-color-text);
}

:deep(.upsert-type-flow-combobox-dropdown .dxbl-listbox-item)[b-7qun0bsnsj] {
    color: var(--s-color-text);
}

:deep(.upsert-type-flow-combobox-dropdown .dxbl-listbox-item.dxbl-listbox-item-active)[b-7qun0bsnsj],
:deep(.upsert-type-flow-combobox-dropdown .dxbl-listbox-item.dxbl-state-hover)[b-7qun0bsnsj] {
    background-color: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
}

.upsert-type-option-label[b-7qun0bsnsj] {
    align-items: center;
    color: var(--s-color-text);
    display: inline-flex;
    font-size: 0.85rem;
    gap: 0.35rem;
}

.upsert-type-info-icon[b-7qun0bsnsj] {
    color: var(--s-color-text-muted);
    cursor: help;
    font-size: 0.85rem;
    line-height: 1;
    outline: none;
    position: relative;
}

.upsert-type-info-icon:hover[b-7qun0bsnsj] {
    color: var(--s-color-primary);
}

.upsert-type-info-icon[b-7qun0bsnsj]::after {
    background: var(--s-color-surface-inverse, #1f2937);
    border-radius: var(--s-border-radius-medium);
    bottom: calc(100% + 8px);
    box-shadow: var(--s-shadow-lg, 0 12px 28px rgba(15, 23, 42, 0.18));
    color: var(--s-color-text-inverse, #fff);
    content: attr(data-tooltip);
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 400;
    left: 50%;
    line-height: 1.35;
    max-width: min(360px, 70vw);
    min-width: 260px;
    opacity: 0;
    padding: 0.55rem 0.65rem;
    pointer-events: none;
    position: absolute;
    text-align: left;
    transform: translate(-50%, 4px);
    transition: opacity 120ms ease, transform 120ms ease;
    visibility: hidden;
    white-space: normal;
    z-index: 1080;
}

.upsert-type-info-icon[b-7qun0bsnsj]::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--s-color-surface-inverse, #1f2937);
    bottom: calc(100% + 2px);
    content: "";
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity 120ms ease;
    visibility: hidden;
    z-index: 1081;
}

.upsert-type-info-icon:hover[b-7qun0bsnsj]::after,
.upsert-type-info-icon:hover[b-7qun0bsnsj]::before,
.upsert-type-info-icon:focus[b-7qun0bsnsj]::after,
.upsert-type-info-icon:focus[b-7qun0bsnsj]::before,
.upsert-type-info-icon:focus-visible[b-7qun0bsnsj]::after,
.upsert-type-info-icon:focus-visible[b-7qun0bsnsj]::before {
    opacity: 1;
    visibility: visible;
}

.upsert-type-info-icon:hover[b-7qun0bsnsj]::after,
.upsert-type-info-icon:focus[b-7qun0bsnsj]::after,
.upsert-type-info-icon:focus-visible[b-7qun0bsnsj]::after {
    transform: translate(-50%, 0);
}

/* /Pages/CampaignManagement/Campaigns/Components/ActiveCampaign/ActiveCampaignCard.razor.rz.scp.css */
.align-center[b-easloygt2k] {
    align-items: center;
}

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

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

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

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

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

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

.info-grid[b-s1wlm5sgyb] {
    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-s1wlm5sgyb] {
    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-s1wlm5sgyb] {
    font-size: 20px;
    line-height: 1;
}

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

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

.info-box p[b-s1wlm5sgyb] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}
/* /Pages/CustomerManagement/Customers/Components/MiniQuickCreate/MiniQuickCustomerCreateModal.razor.rz.scp.css */
.mini-quick-create-modal-body[b-eumc1mygv5] {
    padding: var(--s-space-4, .5rem) var(--s-space-5, .625rem);
    overflow-y: auto;
}

.mini-quick-create[b-eumc1mygv5] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.mini-quick-create__section[b-eumc1mygv5] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-3, .35rem);
    padding: var(--s-space-3, .35rem) 0;
}

.mini-quick-create__section:last-child[b-eumc1mygv5] {
    padding-bottom: 0;
}

.mini-quick-create__section:first-child[b-eumc1mygv5] {
    padding-top: 0;
}

.mini-quick-create__section h3[b-eumc1mygv5] {
    margin: 0 0 var(--s-space-2, .25rem);
    color: var(--s-color-foreground);
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    text-align: center;
}

.mini-quick-create__grid[b-eumc1mygv5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-3, .35rem) var(--s-space-5, .625rem);
}

.mini-quick-create__grid--triple[b-eumc1mygv5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mini-quick-create__field[b-eumc1mygv5] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.mini-quick-create__field--wide[b-eumc1mygv5] {
    grid-column: 1 / -1;
}

.mini-quick-create__field label[b-eumc1mygv5] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
}

.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-text-edit),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-spin-edit),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-dropdown-box),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-combo-box) {
    width: 100%;
    max-width: 100%;
    min-height: 1.45rem;
}

.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-text-edit-input),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-spin-edit-input),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-dropdown-box-input),
.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-combo-box-input) {
    min-height: 1.45rem;
    padding-top: .05rem;
    padding-bottom: .05rem;
    font-size: .74rem;
}

.mini-quick-create--compact[b-eumc1mygv5] (.dxbl-btn) {
    min-height: 1.45rem;
    min-width: 1.45rem;
}

@media (max-width: 900px) {
    .mini-quick-create__grid--triple[b-eumc1mygv5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .mini-quick-create__grid[b-eumc1mygv5],
    .mini-quick-create__grid--triple[b-eumc1mygv5] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CustomerManagement/Customers/CustomerCardDetail/Components/CustomerCardShell.razor.rz.scp.css */
.cc-shell[b-q1xf395fvw] {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-8) var(--s-space-12);
    color: var(--s-color-body-text);
    background: var(--s-color-accent);
}

.cc-shell[b-q1xf395fvw]  .cc-shell-state {
    display: grid;
    min-height: 45vh;
    place-items: center;
}

.cc-shell[b-q1xf395fvw]  .cc-toolbar,
.cc-shell[b-q1xf395fvw]  .cc-header,
.cc-shell[b-q1xf395fvw]  .cc-tabs,
.cc-shell[b-q1xf395fvw]  .cc-tab-content,
.cc-shell[b-q1xf395fvw]  .cc-section-block,
.cc-shell[b-q1xf395fvw]  .cc-metric,
.cc-shell[b-q1xf395fvw]  .cc-file-card {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--s-color-border) 24%, transparent);
}

.cc-shell[b-q1xf395fvw]  .cc-toolbar,
.cc-shell[b-q1xf395fvw]  .cc-toolbar-actions,
.cc-shell[b-q1xf395fvw]  .cc-view-toggle,
.cc-shell[b-q1xf395fvw]  .cc-header-eyebrow,
.cc-shell[b-q1xf395fvw]  .cc-meta,
.cc-shell[b-q1xf395fvw]  .cc-compact-toolbar,
.cc-shell[b-q1xf395fvw]  .cc-section-heading {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
}

.cc-shell[b-q1xf395fvw]  .cc-toolbar,
.cc-shell[b-q1xf395fvw]  .cc-compact-toolbar {
    justify-content: space-between;
}

.cc-shell[b-q1xf395fvw]  .cc-toolbar {
    padding: var(--s-space-5) var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-button {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    cursor: pointer;
    font-size: .88rem;
    font-weight: 700;
    padding: 0 var(--s-space-6);
    text-decoration: none;
    transition: border-color .15s, color .15s, background .15s;
}

.cc-shell[b-q1xf395fvw]  .cc-button:hover,
.cc-shell[b-q1xf395fvw]  .cc-button.active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-button-primary {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.cc-shell[b-q1xf395fvw]  .cc-button-primary:hover {
    background: color-mix(in srgb, var(--s-color-primary) 88%, var(--s-color-surface));
    color: var(--s-color-primary-foreground);
}

.cc-shell[b-q1xf395fvw]  .cc-icon-button {
    width: 2.35rem;
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-button:focus-visible,
.cc-shell[b-q1xf395fvw]  .cc-tab:focus-visible {
    outline: 2px solid var(--s-color-ring);
    outline-offset: 2px;
}

.cc-shell[b-q1xf395fvw]  .cc-header {
    display: grid;
    grid-template-columns: 5.75rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-10);
    min-height: 8.25rem;
    padding: var(--s-space-12) var(--s-space-14);
    border-left: 4px solid var(--s-color-primary);
    overflow: hidden;
}

.cc-shell[b-q1xf395fvw]  .cc-header.compact {
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: var(--s-space-8);
    min-height: 7.5rem;
    padding: var(--s-space-10) var(--s-space-12);
}

.cc-shell[b-q1xf395fvw]  .cc-image {
    display: grid;
    overflow: hidden;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-surface));
    color: var(--s-color-primary);
    font-size: 1.45rem;
    font-weight: 850;
}

.cc-shell[b-q1xf395fvw]  .cc-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cc-shell[b-q1xf395fvw]  .cc-header-main {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-header-eyebrow,
.cc-shell[b-q1xf395fvw]  .cc-meta,
.cc-shell[b-q1xf395fvw]  .cc-tabs {
    flex-wrap: wrap;
}

.cc-shell[b-q1xf395fvw]  .cc-title {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 1.55rem;
    font-weight: 850;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-header.compact .cc-title {
    font-size: 1.34rem;
}

.cc-shell[b-q1xf395fvw]  .cc-subtitle {
    color: var(--s-color-muted-foreground);
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-header-type,
.cc-shell[b-q1xf395fvw]  .cc-metric-label,
.cc-shell[b-q1xf395fvw]  .cc-field-label,
.cc-shell[b-q1xf395fvw]  .cc-grid-muted {
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.cc-shell[b-q1xf395fvw]  .cc-code {
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .78rem;
    padding: var(--s-space-2) var(--s-space-4);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-chip,
.cc-shell[b-q1xf395fvw]  .cc-status-pill {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
    font-size: .84rem;
    font-weight: 650;
    line-height: 1.2;
    padding: var(--s-space-3) var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-chip i {
    color: var(--s-color-muted-foreground);
    flex-shrink: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-status-pill.strong {
    border-color: color-mix(in srgb, var(--s-color-primary) 38%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-surface));
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-pill-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-kpi-strip,
.cc-shell[b-q1xf395fvw]  .cc-money-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-money-grid {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.cc-shell[b-q1xf395fvw]  .cc-metric {
    display: grid;
    min-width: 0;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-5);
    min-height: 5.35rem;
    padding: var(--s-space-7) var(--s-space-8);
}

.cc-shell[b-q1xf395fvw]  .cc-metric-icon {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-surface));
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-metric-value {
    margin-top: var(--s-space-2);
    color: var(--s-color-body-text);
    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-metric-hint {
    margin-top: var(--s-space-2);
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
}

.cc-shell[b-q1xf395fvw]  .cc-tabs {
    overflow-x: auto;
    gap: 0;
    padding: var(--s-space-3) var(--s-space-5);
    scrollbar-width: none;
    border-bottom: 2px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
}

.cc-shell[b-q1xf395fvw]  .cc-tab {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-3);
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: .88rem;
    font-weight: 700;
    min-height: 2.75rem;
    padding: var(--s-space-3) var(--s-space-5);
    margin-bottom: -2px;
    white-space: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-tab:hover,
.cc-shell[b-q1xf395fvw]  .cc-tab.active {
    border-bottom-color: var(--s-color-primary);
    color: var(--s-color-body-text);
}

.cc-shell[b-q1xf395fvw]  .cc-tab-count {
    display: inline-grid;
    min-width: 1.3rem;
    height: 1.3rem;
    place-items: center;
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-muted-foreground);
    font-size: .72rem;
    font-weight: 850;
    padding: 0 var(--s-space-2);
}

.cc-shell[b-q1xf395fvw]  .cc-tab.active .cc-tab-count {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.cc-shell[b-q1xf395fvw]  .cc-tab-content {
    padding: var(--s-space-9);
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
}

.cc-shell[b-q1xf395fvw]  .cc-tab-panel[hidden] {
    display: none;
}

.cc-shell[b-q1xf395fvw]  .cc-section {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.cc-shell[b-q1xf395fvw]  .cc-panel {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-section-block {
    box-shadow: none;
    padding: var(--s-space-8);
}

.cc-shell[b-q1xf395fvw]  .cc-section-heading {
    margin-bottom: var(--s-space-6);
    color: var(--s-color-body-text);
    font-size: .95rem;
    font-weight: 850;
}

.cc-shell[b-q1xf395fvw]  .cc-section-heading i {
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-grid.compact {
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}

.cc-shell[b-q1xf395fvw]  .cc-description-grid {
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
}

.cc-shell[b-q1xf395fvw]  .cc-field {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 70%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-accent) 55%, var(--s-color-surface));
    padding: var(--s-space-5) var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-field-value {
    margin-top: var(--s-space-3);
    color: var(--s-color-body-text);
    font-size: .95rem;
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-field-value.empty {
    color: var(--s-color-muted-foreground);
    font-weight: 500;
}

.cc-shell[b-q1xf395fvw]  .cc-empty,
.cc-shell[b-q1xf395fvw]  .cc-loader,
.cc-shell[b-q1xf395fvw]  .cc-error {
    display: grid;
    min-height: 14rem;
    place-items: center;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
    color: var(--s-color-muted-foreground);
    padding: var(--s-space-12);
    text-align: center;
}

.cc-shell[b-q1xf395fvw]  .cc-error {
    border-style: solid;
    color: var(--s-color-body-text);
}

.cc-shell[b-q1xf395fvw]  .cc-loader i,
.cc-shell[b-q1xf395fvw]  .cc-empty i,
.cc-shell[b-q1xf395fvw]  .cc-error i {
    display: inline-block;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-primary);
    font-size: 1.65rem;
}

.cc-shell[b-q1xf395fvw]  .cc-loader i {
    animation: ccSpin-b-q1xf395fvw 1s linear infinite;
}

@keyframes ccSpin-b-q1xf395fvw {
    to {
        transform: rotate(360deg);
    }
}

.cc-shell[b-q1xf395fvw]  .cc-compact-toolbar {
    border-bottom: 1px solid var(--s-color-border);
    padding-bottom: var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-file-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-file-card {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: var(--s-space-5);
    color: var(--s-color-body-text);
    padding: var(--s-space-7);
    text-decoration: none;
}

.cc-shell[b-q1xf395fvw]  .cc-file-icon {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-surface));
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-file-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2);
}

.cc-shell[b-q1xf395fvw]  .cc-file-content strong,
.cc-shell[b-q1xf395fvw]  .cc-file-content span {
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-file-content span {
    color: var(--s-color-muted-foreground);
    font-size: .82rem;
}

@media (max-width: 1100px) {
    .cc-shell[b-q1xf395fvw]  .cc-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .cc-shell[b-q1xf395fvw] {
        padding: var(--s-space-5);
    }

    .cc-shell[b-q1xf395fvw]  .cc-header,
    .cc-shell[b-q1xf395fvw]  .cc-header.compact {
        grid-template-columns: 1fr;
        padding: var(--s-space-7);
    }

    .cc-shell[b-q1xf395fvw]  .cc-image {
        width: 5rem;
    }

    .cc-shell[b-q1xf395fvw]  .cc-tab-content {
        padding: var(--s-space-6);
    }
}

@media (max-width: 620px) {
    .cc-shell[b-q1xf395fvw] {
        gap: var(--s-space-5);
        padding: var(--s-space-4);
    }

    .cc-shell[b-q1xf395fvw]  .cc-toolbar,
    .cc-shell[b-q1xf395fvw]  .cc-toolbar-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cc-shell[b-q1xf395fvw]  .cc-button,
    .cc-shell[b-q1xf395fvw]  .cc-button-primary {
        width: 100%;
    }

    .cc-shell[b-q1xf395fvw]  .cc-icon-button {
        width: 100%;
    }

    .cc-shell[b-q1xf395fvw]  .cc-kpi-strip,
    .cc-shell[b-q1xf395fvw]  .cc-metric,
    .cc-shell[b-q1xf395fvw]  .cc-file-card {
        grid-template-columns: 1fr;
    }

    .cc-shell[b-q1xf395fvw]  .cc-grid,
    .cc-shell[b-q1xf395fvw]  .cc-grid.compact {
        grid-template-columns: 1fr;
    }
}

/* Enterprise ERP header refinement: current header has no avatar column, so the
   identity and KPI areas must own the two real grid columns. */
.cc-shell[b-q1xf395fvw] {
    gap: var(--s-space-6);
    padding: var(--s-space-8) var(--s-space-12);
}

.cc-shell[b-q1xf395fvw]  .cc-header,
.cc-shell[b-q1xf395fvw]  .cc-header.compact {
    position: sticky;
    z-index: 5;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(25rem, .78fr);
    align-items: stretch;
    column-gap: var(--s-space-3);
    row-gap: var(--s-space-4);
    min-height: 5.35rem;
    padding: var(--s-space-5) var(--s-space-6);
    border: 1px solid color-mix(in srgb, var(--s-color-border) 78%, transparent);
    border-left: 4px solid var(--s-color-primary);
    border-radius: var(--s-border-radius-default);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 92%, var(--s-color-muted)),
        var(--s-color-card, var(--s-color-surface))
    );
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-border) 36%, transparent);
    overflow: hidden;
}

.cc-shell[b-q1xf395fvw]  .cc-header-main {
    display: grid;
    min-width: 0;
    align-content: center;
    justify-content: start;
    justify-self: stretch;
    gap: var(--s-space-1);
    text-align: left;
}

.cc-shell[b-q1xf395fvw]  .cc-title-row,
.cc-shell[b-q1xf395fvw]  .cc-header-lower,
.cc-shell[b-q1xf395fvw]  .cc-header-field,
.cc-shell[b-q1xf395fvw]  .cc-critical-content,
.cc-shell[b-q1xf395fvw]  .cc-side-field {
    min-width: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-title-row {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--s-space-3);
    flex-wrap: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-header-actions {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--s-space-1);
    margin-right: var(--s-space-1);
}

.cc-shell[b-q1xf395fvw]  .cc-header-action,
.cc-shell[b-q1xf395fvw]  .cc-theme-control-button {
    display: inline-flex;
    width: 1.9rem;
    height: 1.9rem;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 82%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 86%, var(--s-color-muted));
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: .9rem;
    transition: border-color .15s, color .15s, background .15s;
}

.cc-shell[b-q1xf395fvw]  .cc-header-action:hover,
.cc-shell[b-q1xf395fvw]  .cc-theme-control-button:hover {
    border-color: color-mix(in srgb, var(--s-color-border) 54%, var(--s-color-primary));
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-header-action:focus-visible,
.cc-shell[b-q1xf395fvw]  .cc-theme-control-button:focus-visible {
    outline: 2px solid var(--s-color-ring);
    outline-offset: 2px;
}

.cc-shell[b-q1xf395fvw]  .cc-title,
.cc-shell[b-q1xf395fvw]  .cc-header.compact .cc-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 1.38rem;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.12;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-code {
    flex-shrink: 0;
    border-color: color-mix(in srgb, var(--s-color-border) 74%, transparent);
    background: color-mix(in srgb, var(--s-color-muted) 64%, var(--s-color-card, var(--s-color-surface)));
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.15;
    padding: 1px var(--s-space-3);
}

.cc-shell[b-q1xf395fvw]  .cc-title-row .cc-status-pill {
    flex-shrink: 0;
    padding: 1px var(--s-space-3);
    font-size: .72rem;
    font-weight: 650;
}

.cc-shell[b-q1xf395fvw]  .cc-theme-controls,
.cc-shell[b-q1xf395fvw]  .cc-theme-mode-switcher,
.cc-shell[b-q1xf395fvw]  .cc-theme-picker {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--s-space-1);
}

.cc-shell[b-q1xf395fvw]  .cc-theme-controls {
    position: absolute;
    z-index: 6;
    top: var(--s-space-3);
    right: var(--s-space-3);
}

.cc-shell[b-q1xf395fvw]  .cc-header-lower {
    display: grid;
    gap: var(--s-space-1);
}

.cc-shell[b-q1xf395fvw]  .cc-subtitle {
    overflow: hidden;
    color: var(--s-color-muted-foreground);
    font-size: .82rem;
    font-weight: 500;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cc-shell[b-q1xf395fvw]  .cc-header-fields {
    display: grid;
    grid-template-columns: repeat(6, minmax(4.9rem, 1fr));
    gap: var(--s-space-1) var(--s-space-4);
    margin-top: var(--s-space-2);
}

.cc-shell[b-q1xf395fvw]  .cc-header-field,
.cc-shell[b-q1xf395fvw]  .cc-critical-content,
.cc-shell[b-q1xf395fvw]  .cc-side-field {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-1);
}

.cc-shell[b-q1xf395fvw]  .cc-header-field span,
.cc-shell[b-q1xf395fvw]  .cc-critical-content span,
.cc-shell[b-q1xf395fvw]  .cc-side-field span,
.cc-shell[b-q1xf395fvw]  .cc-field-label {
    color: var(--s-color-muted-foreground);
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.cc-shell[b-q1xf395fvw]  .cc-header-field strong,
.cc-shell[b-q1xf395fvw]  .cc-critical-content strong,
.cc-shell[b-q1xf395fvw]  .cc-side-field strong {
    color: var(--s-color-body-text);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.cc-shell[b-q1xf395fvw]  .cc-critical-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(6.4rem, 1fr));
    align-self: center;
    gap: 0;
    min-width: 0;
    padding: var(--s-space-2);
    border: 1px solid color-mix(in srgb, var(--s-color-border) 76%, transparent);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-muted) 56%, var(--s-color-card, var(--s-color-surface)));
}

.cc-shell[b-q1xf395fvw]  .cc-critical-card {
    display: grid;
    min-width: 0;
    min-height: 3.25rem;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-3);
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--s-color-border) 70%, transparent);
    border-radius: 0;
    background: transparent;
    padding: var(--s-space-2) var(--s-space-3);
}

.cc-shell[b-q1xf395fvw]  .cc-critical-card:first-child {
    border-left: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-critical-icon {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
    font-size: .88rem;
}

@media (max-width: 1200px) {
    .cc-shell[b-q1xf395fvw]  .cc-header,
    .cc-shell[b-q1xf395fvw]  .cc-header.compact {
        grid-template-columns: 1fr;
    }

    .cc-shell[b-q1xf395fvw]  .cc-critical-strip {
        grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    }
}

@media (max-width: 900px) {
    .cc-shell[b-q1xf395fvw]  .cc-title-row {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cc-shell[b-q1xf395fvw]  .cc-title,
    .cc-shell[b-q1xf395fvw]  .cc-header.compact .cc-title,
    .cc-shell[b-q1xf395fvw]  .cc-subtitle {
        white-space: normal;
    }

    .cc-shell[b-q1xf395fvw]  .cc-header-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ERP tab fields: compact vertical key-value layout for business card tabs. */
.cc-shell[b-q1xf395fvw]  .cc-workspace {
    display: grid;
    align-items: start;
}

.cc-shell[b-q1xf395fvw]  .cc-main-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-side-panel,
.cc-shell[b-q1xf395fvw]  .cc-tab-shell,
.cc-shell[b-q1xf395fvw]  .cc-report-shell,
.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card,
.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card.no-title {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 84%, transparent);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 1px 4px color-mix(in srgb, var(--s-color-border) 26%, transparent);
}

.cc-shell[b-q1xf395fvw]  .cc-side-panel {
    position: sticky;
    top: 8.75rem;
    overflow: auto;
    max-height: calc(100vh - 10rem);
    padding: var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-side-title {
    margin-bottom: var(--s-space-5);
    color: var(--s-color-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.cc-shell[b-q1xf395fvw]  .cc-side-fields {
    display: grid;
    gap: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-side-field {
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 68%, transparent);
    padding: var(--s-space-3) 0;
}

.cc-shell[b-q1xf395fvw]  .cc-side-field:last-child {
    border-bottom: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-tab-shell,
.cc-shell[b-q1xf395fvw]  .cc-report-shell {
    overflow: hidden;
    padding: var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-tab-shell-header,
.cc-shell[b-q1xf395fvw]  .cc-report-header,
.cc-shell[b-q1xf395fvw]  .cc-collapse-button {
    display: flex;
    align-items: center;
}

.cc-shell[b-q1xf395fvw]  .cc-tab-shell-header,
.cc-shell[b-q1xf395fvw]  .cc-report-header {
    justify-content: space-between;
    gap: var(--s-space-5);
    margin: calc(var(--s-space-5) * -1) calc(var(--s-space-5) * -1) var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-5);
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 82%, transparent);
    background: color-mix(in srgb, var(--s-color-muted) 72%, var(--s-color-card, var(--s-color-surface)));
}

.cc-shell[b-q1xf395fvw]  .cc-section-heading {
    margin-bottom: 0;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-collapse-button {
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: .78rem;
    font-weight: 800;
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-collapse-button:hover {
    background: color-mix(in srgb, var(--s-color-primary) 7%, transparent);
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-tabs,
.cc-shell[b-q1xf395fvw]  .cc-report-tabs {
    display: flex;
    overflow-x: auto;
    flex-wrap: wrap;
    gap: var(--s-space-2);
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-tab {
    min-height: 2.2rem;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: .8rem;
    font-weight: 650;
    margin-bottom: 0;
    padding: var(--s-space-2) var(--s-space-4);
}

.cc-shell[b-q1xf395fvw]  .cc-tab.active {
    position: relative;
    border-color: transparent;
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
    font-weight: 700;
}

.cc-shell[b-q1xf395fvw]  .cc-tab.active::after {
    position: absolute;
    right: var(--s-space-3);
    bottom: 0;
    left: var(--s-space-3);
    height: 2px;
    border-radius: 999px;
    background: var(--s-color-primary);
    content: "";
}

.cc-shell[b-q1xf395fvw]  .cc-tab:hover:not(.active) {
    background: color-mix(in srgb, var(--s-color-muted) 72%, transparent);
    color: var(--s-color-body-text);
}

.cc-shell[b-q1xf395fvw]  .cc-business-content {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-detail-stack,
.cc-shell[b-q1xf395fvw]  .cc-report-content {
    display: grid;
    gap: var(--s-space-4);
    margin-top: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-detail-stack.multi-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cc-shell[b-q1xf395fvw]  .cc-detail-stack.single-group {
    grid-template-columns: minmax(0, 1fr);
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card {
    overflow: hidden;
    padding: var(--s-space-5);
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card.no-title {
    padding-top: var(--s-space-4);
}

.cc-shell[b-q1xf395fvw]  .cc-field-group-title {
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    margin: calc(var(--s-space-5) * -1) calc(var(--s-space-5) * -1) var(--s-space-3);
    padding: var(--s-space-4) var(--s-space-5);
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 78%, transparent);
    background: color-mix(in srgb, var(--s-color-muted) 62%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-body-text);
    font-size: .82rem;
    font-weight: 800;
}

.cc-shell[b-q1xf395fvw]  .cc-field-group-title i {
    color: var(--s-color-primary);
}

.cc-shell[b-q1xf395fvw]  .cc-field-grid {
    display: grid;
    gap: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field {
    display: grid;
    grid-template-columns: minmax(8.5rem, .38fr) minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-4);
    min-height: 2.45rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 78%, transparent);
    border-radius: 0;
    background: transparent;
    padding: var(--s-space-2) 0;
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field:last-child {
    border-bottom: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-value {
    min-height: 2rem;
    margin-top: 0;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 72%, transparent);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-input-bg, var(--s-color-card, var(--s-color-surface)));
    box-shadow: none;
    color: var(--s-color-body-text);
    font-size: .82rem;
    font-weight: 650;
    line-height: 1.35;
    padding: var(--s-space-2) var(--s-space-3);
}

.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-value.empty {
    border-color: color-mix(in srgb, var(--s-color-border) 82%, transparent);
    background: color-mix(in srgb, var(--s-color-muted) 48%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-muted-foreground);
    font-weight: 500;
}

.cc-shell[b-q1xf395fvw]  .cc-report-content > .cc-empty {
    border-color: color-mix(in srgb, var(--s-color-border) 78%, transparent);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
}

/* Soft ERP refinement: keep sidebar, tabs and content lighter without changing
   the data model or tab architecture. */
.cc-shell[b-q1xf395fvw]  .cc-tab-shell,
.cc-shell[b-q1xf395fvw]  .cc-report-shell,
.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card,
.cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field-group-card.no-title {
    border-color: color-mix(in srgb, var(--s-color-border) 88%, transparent);
    box-shadow: 0 1px 8px color-mix(in srgb, var(--s-color-border) 18%, transparent);
}

@media (max-width: 900px) {
    .cc-shell[b-q1xf395fvw]  .cc-detail-stack.multi-group {
        grid-template-columns: 1fr;
    }

    .cc-shell[b-q1xf395fvw]  .cc-business-content .cc-field {
        grid-template-columns: 1fr;
    }
}

/* Wider left summary for the modern customer detail layout. */
.cc-shell[b-q1xf395fvw]  .cc-workspace {
    grid-template-columns: minmax(21rem, 24rem) minmax(0, 1fr);
    gap: var(--s-space-6);
}

.cc-shell[b-q1xf395fvw]  .cc-side-panel {
    min-width: 21rem;
}

.cc-shell[b-q1xf395fvw]  .cc-side-field {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.16fr);
    align-items: baseline;
    column-gap: var(--s-space-5);
}

@media (max-width: 1050px) {
    .cc-shell[b-q1xf395fvw]  .cc-workspace {
        grid-template-columns: 1fr;
    }

    .cc-shell[b-q1xf395fvw]  .cc-side-panel {
        min-width: 0;
    }
}

/* ThemeEditor grid integration: Customer Detail maps global datatable knobs onto this screen. */
.cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-grid-border-color: var(--datatable-border-color, var(--s-color-border));
    --cc-row-padding-block: var(--s-space-4);
    --cc-row-padding-inline: var(--s-space-4);
    --cc-row-min-height: 2.45rem;
    --cc-field-value-min-height: 2rem;
    --cc-row-font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    --cc-panel-padding: var(--s-space-5);
    --cc-row-striped-bg: var(--s-color-table-striped-row);
    --cc-input-bg: var(--s-color-input-bg, var(--s-color-card, var(--s-color-surface)));
}

body.s-datatable-size-xxs .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-1);
    --cc-row-padding-inline: var(--s-space-2);
    --cc-row-min-height: 1.6rem;
    --cc-field-value-min-height: 1.45rem;
    --cc-panel-padding: var(--s-space-3);
}

body.s-datatable-size-xs .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-2);
    --cc-row-padding-inline: var(--s-space-3);
    --cc-row-min-height: 1.85rem;
    --cc-field-value-min-height: 1.65rem;
    --cc-panel-padding: var(--s-space-4);
}

body.s-datatable-size-sm .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-3);
    --cc-row-padding-inline: var(--s-space-3);
    --cc-row-min-height: 2.1rem;
    --cc-field-value-min-height: 1.8rem;
    --cc-panel-padding: var(--s-space-4);
}

body.s-datatable-size-md .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-4);
    --cc-row-padding-inline: var(--s-space-4);
    --cc-row-min-height: 2.45rem;
    --cc-field-value-min-height: 2rem;
    --cc-panel-padding: var(--s-space-5);
}

body.s-datatable-size-lg .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-6);
    --cc-row-padding-inline: var(--s-space-5);
    --cc-row-min-height: 2.85rem;
    --cc-field-value-min-height: 2.3rem;
    --cc-panel-padding: var(--s-space-6);
}

body.s-datatable-size-xl .cc-shell.s-datatable[b-q1xf395fvw] {
    --cc-row-padding-block: var(--s-space-8);
    --cc-row-padding-inline: var(--s-space-6);
    --cc-row-min-height: 3.25rem;
    --cc-field-value-min-height: 2.65rem;
    --cc-panel-padding: var(--s-space-8);
}

.cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-panel,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-tab-shell,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-report-shell,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-group-card,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-group-card.no-title {
    border-color: var(--cc-grid-border-color);
}

.cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-panel,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-tab-shell,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-report-shell,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-group-card {
    padding: var(--cc-panel-padding);
}

.cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-field,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field {
    min-height: var(--cc-row-min-height);
    border-color: var(--cc-grid-border-color);
    font-size: var(--cc-row-font-size);
    padding-block: var(--cc-row-padding-block);
    padding-inline: var(--cc-row-padding-inline);
}

.cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-field span,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-field strong,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-label,
.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-value {
    font-size: var(--cc-row-font-size);
}

.cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-value {
    min-height: var(--cc-field-value-min-height);
    border-color: var(--cc-grid-border-color);
    background: var(--cc-input-bg);
    padding-block: max(var(--s-space-1), calc(var(--cc-row-padding-block) / 2));
    padding-inline: var(--cc-row-padding-inline);
}

body.s-datatable-striped .cc-shell.s-datatable[b-q1xf395fvw]  .cc-side-field:nth-child(even),
body.s-datatable-striped .cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field:nth-child(even) {
    background: var(--cc-row-striped-bg);
}

body.s-datatable-striped .cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field:nth-child(even) .cc-field-value {
    background: color-mix(in srgb, var(--cc-row-striped-bg) 68%, var(--cc-input-bg));
}

body.s-datatable-no-inline-styles .cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-value {
    min-height: auto;
    border-color: transparent;
    background: transparent;
    padding-inline: 0;
}

body:not(.s-datatable-no-inline-styles) .cc-shell.s-datatable[b-q1xf395fvw]  .cc-business-content .cc-field-value {
    border-width: 1px;
}

.cc-shell[b-q1xf395fvw]  .cc-grid-panel {
    overflow: hidden;
    border: 1px solid var(--cc-grid-border-color, var(--datatable-border-color, var(--s-color-border)));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 1px 4px color-mix(in srgb, var(--s-color-border) 18%, transparent);
    padding: 0;
}

.cc-shell[b-q1xf395fvw]  .cc-grid-panel.fullscreen {
    z-index: 1085;
    padding: var(--s-space-3);
}

.cc-shell[b-q1xf395fvw]  .cc-grid-panel .cc-compact-toolbar {
    min-height: calc(var(--datatable-row-size, 30px) + 0.25rem);
    border: 0;
    border-bottom: 1px solid var(--cc-grid-border-color, var(--datatable-border-color, var(--s-color-border)));
    border-radius: 0;
    background: color-mix(in srgb, var(--s-color-muted) 72%, var(--s-color-card, var(--s-color-surface)));
    padding: var(--s-space-2) var(--s-space-3) var(--s-space-2) var(--s-space-4);
}

.cc-shell[b-q1xf395fvw]  .cc-detail-grid .dxbl-grid-header-row > th,
.cc-shell[b-q1xf395fvw]  .cc-detail-grid .dxbl-grid-header-row > td {
    border-color: var(--cc-grid-border-color, var(--datatable-border-color, var(--s-color-border)));
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 88%, var(--s-color-muted));
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, .75rem));
    font-weight: var(--s-font-weight-bold, 700);
}

.cc-shell[b-q1xf395fvw]  .cc-detail-grid .dxbl-grid-table td {
    border-color: var(--cc-grid-border-color, var(--datatable-border-color, var(--s-color-border)));
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, .75rem));
    font-weight: var(--s-font-weight-semibold, 600);
}

.cc-shell[b-q1xf395fvw]  .cc-detail-grid .cc-grid-zebra-row > td {
    background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card, var(--s-color-surface))));
}

.cc-shell[b-q1xf395fvw]  .cc-detail-grid .dxbl-grid-table tbody tr:hover > td {
    background: var(--s-color-datatable-hover, color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface))));
}

.cc-shell[b-q1xf395fvw]  .cc-file-link {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--s-space-2);
    color: var(--s-color-primary);
    font-weight: var(--s-font-weight-bold, 700);
    text-decoration: none;
}

.cc-shell[b-q1xf395fvw]  .cc-file-link:hover {
    text-decoration: underline;
}
/* /Pages/CustomerManagement/Customers/CustomerCardDetail/CustomerCardDetail.razor.rz.scp.css */
.customer-card-detail-page[b-376lk6j74d] {
    color: var(--s-color-body-text);
}

.cc-tab-content[b-376lk6j74d] {
    min-width: 0;
}
/* /Pages/CustomerManagement/Customers/QuickCreate/QuickCustomerCreate.razor.rz.scp.css */
.quick-customer-create[b-h3zgik3gmx] {
    --qcc-footer-safe-area: calc(var(--s-space-6) + calc(var(--rem-scale, 1) * 4.5rem));
    --qcc-tab-scroll-height: calc(100dvh - calc(var(--rem-scale, 1) * 52rem));
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: calc(100dvh - calc(var(--rem-scale, 1) * 11.4rem));
    min-height: calc(var(--rem-scale, 1) * 20rem);
    overflow: hidden;
    background: var(--s-color-accent);
    font-family: var(--s-font-family-body, inherit);
    font-size: var(--datatable-row-font-size);
}

.quick-customer-create__panel[b-h3zgik3gmx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(var(--rem-scale, 1) * 90rem);
    height: 100%;
    min-height: 0;
    border-radius: var(--s-border-radius-large);
    border: var(--qcc-frame-border-width, 1px) solid var(--qcc-frame-border-color, var(--s-color-border));
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--s-color-body-text) 5%, transparent),
        0 12px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
    overflow: hidden;
}

.quick-customer-create__header[b-h3zgik3gmx] {
    flex: none;
    padding: var(--s-space-4) var(--s-space-6);
    background: var(--s-color-surface);
}

.quick-customer-create__title[b-h3zgik3gmx] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
    text-align: center;
    color: var(--s-color-body-text);
}

.quick-customer-create__main[b-h3zgik3gmx] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-customer-create__loading-panel[b-h3zgik3gmx] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-customer-create__loading-panel[b-h3zgik3gmx] (.dxbl-loading-panel-container),
.quick-customer-create__loading-panel[b-h3zgik3gmx] (.dxbl-loading-panel-content) {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-customer-create__loading-placeholder[b-h3zgik3gmx] {
    flex: 1 1 auto;
    min-height: 10rem;
}

.quick-customer-create__body[b-h3zgik3gmx] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    padding: var(--s-space-4) var(--s-space-6);
    overflow: hidden;
}

.quick-customer-create__basic-section[b-h3zgik3gmx] {
    flex: 0 0 auto;
    padding-bottom: var(--s-space-3);
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-block: var(--s-space-3);
    gap: var(--s-space-3);
}

.quick-customer-create__tabs-section[b-h3zgik3gmx]::before,
.quick-customer-create__tabs-section[b-h3zgik3gmx]::after {
    content: "";
    display: block;
    flex: none;
    height: 1px;
    margin-inline: var(--s-space-8);
    background: color-mix(in srgb, var(--s-color-border) 42%, transparent);
    pointer-events: none;
}

.quick-customer-create__tabs-host[b-h3zgik3gmx] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Shared tab/form layout: wwwroot/css/pages/quick-customer-create.css */

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs .dxbl-tabs-item),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs .dxbl-tabs-text) {
    font-size: var(--datatable-row-font-size);
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.quick-customer-create__tabs),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs-tablist),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs > .dxbl-tabs-tablist),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs > dxbl-tab-list),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs dxbl-tab-list) {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-height: min-content;
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs dxbl-tab-list) {
    margin-bottom: var(--s-space-2) !important;
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.s-tabs dxbl-scroll-viewer) {
    padding: var(--s-space-2) var(--s-space-3);
    margin-inline: 0;
    max-width: 100%;
    background-color: color-mix(in srgb, var(--s-color-muted) 35%, var(--s-color-surface));
    border-radius: var(--s-border-radius-default);
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs > .dxbl-tabs-content) {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs-content-panel),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs-page) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs-page[hidden]),
.quick-customer-create__tabs-section[b-h3zgik3gmx] (.dxbl-tabs-content-panel[hidden]) {
    display: none !important;
}

.quick-customer-create__footer[b-h3zgik3gmx] {
    flex: none;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-6);
    background: var(--s-color-surface);
    z-index: 5;
}

.quick-customer-create__cancel-link[b-h3zgik3gmx],
.quick-customer-create__save-btn[b-h3zgik3gmx] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--rem-scale, 1) * 12rem);
    height: calc(var(--rem-scale, 1) * 2.85rem);
    padding: 0 var(--s-space-6);
    border-radius: var(--s-border-radius-default);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    line-height: 1;
}

.quick-customer-create__cancel-link[b-h3zgik3gmx] {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 90%, transparent);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.quick-customer-create__save-btn:disabled[b-h3zgik3gmx] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .quick-customer-create[b-h3zgik3gmx] {
        --qcc-footer-safe-area: calc(var(--s-space-8) + calc(var(--rem-scale, 1) * 10rem));
        --qcc-tab-scroll-height: calc(100dvh - calc(var(--rem-scale, 1) * 46rem));
    }

    .quick-customer-create__body[b-h3zgik3gmx] {
        padding: var(--s-space-3);
    }

    .quick-customer-create__tabs-section[b-h3zgik3gmx]::before,
    .quick-customer-create__tabs-section[b-h3zgik3gmx]::after {
        margin-inline: var(--s-space-4);
    }

    .quick-customer-create__footer[b-h3zgik3gmx] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .quick-customer-create__cancel-link[b-h3zgik3gmx],
    .quick-customer-create__save-btn[b-h3zgik3gmx] {
        width: 100%;
    }
}
/* /Pages/CustomerManagement/Customers/Templates/CustomerViewToolbarTemplate.razor.rz.scp.css */
.customer-view-filter-panel[b-bhplbwd5wp] {
    width: min(760px, 92vw);
    padding: var(--s-space-8, 1rem);
}

.customer-view-filter-grid[b-bhplbwd5wp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: var(--s-space-6, .75rem);
}

.customer-view-filter-field[b-bhplbwd5wp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-3, .35rem);
}

.customer-view-filter-field label[b-bhplbwd5wp] {
    color: var(--s-color-muted-foreground);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 0;
}

.customer-view-filter-actions[b-bhplbwd5wp] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-4, .5rem);
    margin-top: var(--s-space-7, 1rem);
}
/* /Pages/DealerManagement/DealerCampaigns/ApplyCampaign/Components/CampaignParticipationDiscount.razor.rz.scp.css */
.text-sm[b-pqcswhj8ws] {
    font-size: 0.60rem;
}

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

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

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

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

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

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

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

    .info-grid[b-kc6eu80f37] {
        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-kc6eu80f37] {
        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-kc6eu80f37] {
        font-size: 20px;
        line-height: 1;
    }

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

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

    .info-box p[b-kc6eu80f37] {
        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-bv82y5ionc] {
    font-size: 0.60rem;
}

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

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


.custom-drop-zone[b-bv82y5ionc] {
    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-bv82y5ionc] {
        border-style: solid;
    }

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

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


.drop-file-icon[b-bv82y5ionc] {
    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-bv82y5ionc] {
    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-0wnv99dfwn] {
    font-size: 0.60rem;
}

.campaign-status[b-0wnv99dfwn] {
    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-0wnv99dfwn] {
    display: flex;
    gap: var(--s-space-16);
    flex-direction: column;
}

@media screen and (min-width:1024px) {
    .campaign-detail-wrapper[b-0wnv99dfwn] {
        flex-direction: row;
    }
}
/* /Pages/DealerManagement/Dealers/Components/DealerInformation/DealerInformationCard.razor.rz.scp.css */
.text-sm[b-k6v0njni6d] {
    font-size: 0.60rem;
}
/* /Pages/DealerManagement/Dealers/DealerB2BDashboard.razor.rz.scp.css */
.dealer-dashboard[b-wukwmjfjuh] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 100%;
    padding: var(--s-space-16);
    color: var(--s-color-body-text);
}

.dashboard-metrics[b-wukwmjfjuh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-space-16);
}

.dashboard-metric[b-wukwmjfjuh] {
    --dashboard-accent: var(--s-color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    min-height: calc(var(--rem-scale) * 10rem);
    padding: var(--s-space-16) var(--s-space-20);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-left: 4px solid var(--dashboard-accent);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    text-decoration: none;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.dashboard-metric:hover[b-wukwmjfjuh],
.dashboard-metric:focus-visible[b-wukwmjfjuh] {
    border-color: color-mix(in srgb, var(--dashboard-accent) 55%, var(--datatable-border-color, var(--s-color-border)));
    color: var(--s-color-body-text);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--s-color-body-text) 10%, transparent);
    transform: translateY(-1px);
    outline: none;
}

.dashboard-metric--approved[b-wukwmjfjuh] {
    --dashboard-accent: color-mix(in srgb, var(--s-color-primary) 70%, var(--s-color-secondary));
}

.dashboard-metric--balance[b-wukwmjfjuh] {
    --dashboard-accent: color-mix(in srgb, var(--s-color-primary) 35%, var(--s-color-destructive));
}

.dashboard-metric--limit[b-wukwmjfjuh] {
    --dashboard-accent: color-mix(in srgb, var(--s-color-primary) 60%, var(--s-color-muted-foreground));
}

.dashboard-metric__content[b-wukwmjfjuh] {
    display: grid;
    gap: var(--s-space-8);
    min-width: 0;
}

.dashboard-metric__label[b-wukwmjfjuh] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-medium);
    line-height: 1.35;
}

.dashboard-metric__value[b-wukwmjfjuh] {
    overflow-wrap: anywhere;
    font-size: var(--s-font-size-20);
    font-weight: var(--s-font-weight-semibold);
    line-height: 1.2;
}

.dashboard-metric__icon[b-wukwmjfjuh] {
    flex: 0 0 auto;
    color: var(--dashboard-accent);
    font-size: calc(var(--rem-scale) * 2.8rem);
    line-height: 1;
    opacity: 0.9;
}

.dashboard-panels[b-wukwmjfjuh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--rem-scale) * 42rem)), 1fr));
    gap: var(--s-space-16);
    align-items: stretch;
}

.dashboard-panel[b-wukwmjfjuh] {
    display: flex;
    flex-direction: column;
    min-height: calc(var(--rem-scale) * 28rem);
    overflow: hidden;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
}

.dashboard-panel__header[b-wukwmjfjuh] {
    flex: 0 0 auto;
    padding: var(--s-space-16) var(--s-space-16) var(--s-space-12);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.dashboard-panel__title-link[b-wukwmjfjuh] {
    color: var(--s-color-body-text);
    text-decoration: none;
}

.dashboard-panel__title-link:hover[b-wukwmjfjuh],
.dashboard-panel__title-link:focus-visible[b-wukwmjfjuh] {
    color: var(--s-color-primary);
    outline: none;
}

.dashboard-panel__title-link h3[b-wukwmjfjuh] {
    margin: 0;
}

.dashboard-panel__body[b-wukwmjfjuh] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    padding: 0 var(--s-space-16) var(--s-space-16);
    scrollbar-width: thin;
}

.dashboard-panel__body[b-wukwmjfjuh]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dashboard-panel__body[b-wukwmjfjuh]::-webkit-scrollbar-thumb {
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-muted-foreground) 45%, transparent);
}

.dashboard-empty[b-wukwmjfjuh] {
    max-width: calc(var(--rem-scale) * 64rem);
}

[b-wukwmjfjuh] .s-card-content-lg {
    padding: 0;
}

[b-wukwmjfjuh] .s-card-footer {
    display: flex;
    justify-content: center;
    padding: var(--s-space-12) 0 0;
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
}

[b-wukwmjfjuh] .s-card-footer a {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
    text-decoration: none;
}

[b-wukwmjfjuh] .s-card-footer a:hover,
[b-wukwmjfjuh] .s-card-footer a:focus-visible {
    color: var(--s-color-primary);
    outline: none;
}

[b-wukwmjfjuh] .table-responsive,
[b-wukwmjfjuh] .table-container,
[b-wukwmjfjuh] .scroll-area {
    max-width: 100%;
    overflow: auto;
}

[b-wukwmjfjuh] table.s-table {
    width: 100%;
    min-width: max-content;
    margin: 0;
    border-collapse: collapse;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
}

[b-wukwmjfjuh] table.s-table th,
[b-wukwmjfjuh] table.s-table td {
    padding: var(--datatable-row-size);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    vertical-align: middle;
    white-space: nowrap;
}

[b-wukwmjfjuh] table.s-table th {
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
}

[b-wukwmjfjuh] table.s-table td {
    color: var(--s-color-body-text);
}

body.s-datatable-striped .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table tbody tr:nth-child(odd) {
    background: var(--s-color-table-striped-row);
}

body.s-datatable-no-inline-styles .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table th,
body.s-datatable-no-inline-styles .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table td {
    border-left: 0;
    border-right: 0;
}

body:not(.s-datatable-no-inline-styles) .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table th + th,
body:not(.s-datatable-no-inline-styles) .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table td + td {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
}

body.s-datatable-contrast-middle .dealer-dashboard.s-datatable .dashboard-metric[b-wukwmjfjuh],
body.s-datatable-contrast-middle .dealer-dashboard.s-datatable .dashboard-panel[b-wukwmjfjuh],
body.s-datatable-contrast-high .dealer-dashboard.s-datatable .dashboard-metric[b-wukwmjfjuh],
body.s-datatable-contrast-high .dealer-dashboard.s-datatable .dashboard-panel[b-wukwmjfjuh] {
    box-shadow: none;
}

body.s-datatable-contrast-high .dealer-dashboard.s-datatable .dashboard-metric[b-wukwmjfjuh],
body.s-datatable-contrast-high .dealer-dashboard.s-datatable .dashboard-panel[b-wukwmjfjuh],
body.s-datatable-contrast-high .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table th,
body.s-datatable-contrast-high .dealer-dashboard.s-datatable[b-wukwmjfjuh]  table.s-table td,
body.s-datatable-contrast-high .dealer-dashboard.s-datatable[b-wukwmjfjuh]  .home-report-limit-item {
    border-color: var(--datatable-border-color, var(--s-color-table-border-contrast-high));
}

[b-wukwmjfjuh] .home-report-limits {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
}

[b-wukwmjfjuh] .home-report-limit-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-12);
    padding: var(--datatable-row-size);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
}

[b-wukwmjfjuh] .home-report-limit-item:last-child {
    border-bottom: 0;
}

[b-wukwmjfjuh] .home-report-limit-item p {
    margin: 0;
}

[b-wukwmjfjuh] .home-report-limit-item p:last-child {
    font-weight: var(--s-font-weight-semibold);
    text-align: right;
}

body.s-datatable-striped .dealer-dashboard.s-datatable[b-wukwmjfjuh]  .home-report-limit-item:nth-child(odd) {
    background: var(--s-color-table-striped-row);
}

[b-wukwmjfjuh] .alert {
    width: min(100%, calc(var(--rem-scale) * 32rem));
    margin: var(--s-space-16) auto;
    padding: var(--s-space-12) var(--s-space-16);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size) !important;
    text-align: center;
}

@media (max-width: 1200px) {
    .dashboard-metrics[b-wukwmjfjuh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .dealer-dashboard[b-wukwmjfjuh] {
        padding: var(--s-space-12);
    }

    .dashboard-metrics[b-wukwmjfjuh] {
        grid-template-columns: 1fr;
    }

    .dashboard-metric[b-wukwmjfjuh] {
        min-height: auto;
    }

    .dashboard-panel[b-wukwmjfjuh] {
        min-height: calc(var(--rem-scale) * 24rem);
    }
}
/* /Pages/DealerManagement/Dealers/DealerDashboard.razor.rz.scp.css */
.text-fs[b-pe6dts46pv] {
    font-size: 0.60rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.s-home-quick-links[b-pe6dts46pv] {
    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-pe6dts46pv] {
    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-pe6dts46pv] {
    background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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




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

.type-btn[b-8n50vzu3m0] {
    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-8n50vzu3m0] {
        border-right: none;
    }

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

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



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



[b-jqao76ibhl] .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-jqao76ibhl] .spinner-btn-icon {
    width: 1.1rem !important;
    height: 1.1rem !important;
    border-width: 0.15em !important;
    vertical-align: middle !important;
}



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



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



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



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



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



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



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



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



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



[b-jqao76ibhl] .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-jqao76ibhl] .upload-box-simple:hover {
        background-color: #e9ecef;
        border-color: #adb5bd;
    }



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



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



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



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



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



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



[b-jqao76ibhl] .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-jqao76ibhl] .type-btn-group {
    display: flex;
    gap: 0;
    border: 1px solid #ced4da;
    border-radius: 4px;
    overflow: hidden;
}



[b-jqao76ibhl] .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-jqao76ibhl] .type-btn:last-child {
        border-right: none;
    }



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



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



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

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

@keyframes spinner_AtaB-b-jqao76ibhl {

    100% {
        transform: rotate(360deg);
    }
}
/* /Pages/LicenseManagement/LicenseDashboard.razor.rz.scp.css */
.license-dashboard[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-20);
    --ld-panel-padding-y: var(--s-space-10);
    --ld-table-padding-y: var(--s-space-10);
    --ld-table-padding-x: var(--s-space-8);
    --ld-row-font-size: var(--datatable-row-font-size, var(--s-font-size-13));
    --ld-list-gap: var(--s-space-8);
    --ld-alert-padding: var(--s-space-10);
    --ld-alert-date-width: calc(var(--rem-scale) * 9.6rem);
    --ld-widget-gap: var(--s-space-10);
    --ld-widget-title-font-size: var(--s-font-size-15, .9375rem);
    --ld-toolbar-control-height: 32px;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding-bottom: calc(var(--rem-scale) * 5rem);
}

.s-app-content:not(.main-full-width) .license-dashboard[b-mnppkj3b1o] {
    max-width: 1480px;
    margin-inline: auto;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__header,
.license-dashboard__header[b-mnppkj3b1o] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--s-space-16);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-filter,
.license-dashboard__dealer-filter[b-mnppkj3b1o] {
    display: flex;
    min-width: 280px;
    flex-direction: column;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__header-actions,
.license-dashboard__header-actions[b-mnppkj3b1o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo,
.license-dashboard__dealer-combo[b-mnppkj3b1o] {
    width: 100%;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-text-edit,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-text-edit {
    min-height: var(--ld-toolbar-control-height);
    --dxbl-text-edit-bg: var(--s-color-surface);
    --dxbl-text-edit-color: var(--s-color-text);
    --dxbl-text-edit-border-color: var(--s-color-border);
    --dxbl-text-edit-placeholder-color: var(--s-color-text-secondary);
    --dxbl-text-edit-focused-border-color: var(--s-color-primary);
    background-color: var(--s-color-surface);
    color: var(--s-color-text);
    border-color: var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-text-edit:hover,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-text-edit:hover,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-text-edit:focus-within,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-text-edit:focus-within {
    border-color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-edit-main-group,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-edit-main-group,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-text-edit-input,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-text-edit-input,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo input,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo input {
    background-color: transparent;
    color: var(--s-color-text);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-text-edit-input::placeholder,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-text-edit-input::placeholder,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo input::placeholder,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo input::placeholder {
    color: var(--s-color-text-secondary);
    opacity: 1;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-edit-btn,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-edit-btn,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__dealer-combo .dxbl-btn,
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo .dxbl-btn {
    background-color: transparent;
    color: var(--s-color-text);
    border-color: var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-controls,
.license-dashboard__cache-controls[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-select,
.license-dashboard__cache-select[b-mnppkj3b1o] {
    display: flex;
    width: 112px;
    flex-direction: column;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-combo,
.license-dashboard__cache-combo[b-mnppkj3b1o] {
    width: 100%;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-refresh,
.license-dashboard__cache-refresh[b-mnppkj3b1o] {
    display: inline-flex;
    width: 34px;
    height: calc(var(--ld-toolbar-control-height) - 2px);
    min-height: calc(var(--ld-toolbar-control-height) - 2px);
    margin: 1px 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-text);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-refresh:not(:disabled):hover,
.license-dashboard__cache-refresh:not(:disabled):hover[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-refresh:focus-visible,
.license-dashboard__cache-refresh:focus-visible[b-mnppkj3b1o] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-refresh:disabled,
.license-dashboard__cache-refresh:disabled[b-mnppkj3b1o] {
    cursor: not-allowed;
    opacity: .55;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__cache-refresh-icon--spin,
.license-dashboard__cache-refresh-icon--spin[b-mnppkj3b1o] {
    animation: license-dashboard-spin-b-mnppkj3b1o .8s linear infinite;
}

@keyframes license-dashboard-spin-b-mnppkj3b1o {
    to {
        transform: rotate(360deg);
    }
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__refreshing,
.license-dashboard__refreshing[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__loading,
.license-dashboard__loading[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    color: var(--s-color-text-secondary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__loading,
.license-dashboard__loading[b-mnppkj3b1o] {
    width: min(560px, 100%);
    max-width: 560px;
    padding: var(--s-space-24);
}

.license-dashboard--loading[b-mnppkj3b1o] {
    min-height: calc(100vh - 160px);
    align-items: center;
    justify-content: center;
}

.license-dashboard--loading[b-mnppkj3b1o]  .license-dashboard__loading,
.license-dashboard--loading .license-dashboard__loading[b-mnppkj3b1o] {
    justify-content: center;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__loading-icon,
.license-dashboard__loading-icon[b-mnppkj3b1o],
.license-dashboard-error__icon[b-mnppkj3b1o] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-surface-secondary);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-24);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
.license-dashboard__metric-grid[b-mnppkj3b1o] {
    display: grid;
    grid-template-columns: minmax(270px, 1.35fr) minmax(190px, .9fr) minmax(220px, 1fr) minmax(300px, 1.45fr);
    gap: var(--ld-widget-gap);
    align-items: stretch;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group,
.license-dashboard-metric-group[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    min-height: 172px;
    overflow: hidden;
    flex-direction: column;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__header,
.license-dashboard-metric-group__header[b-mnppkj3b1o] {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--ld-panel-padding-x) var(--s-space-8);
    border-bottom: 1px solid var(--s-color-border);
    color: var(--s-color-text);
    font-size: var(--ld-widget-title-font-size);
    font-weight: 600;
    line-height: 1.25;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__header i,
.license-dashboard-metric-group__header i[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__header svg,
.license-dashboard-metric-group__header svg[b-mnppkj3b1o] {
    flex: 0 0 auto;
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts,
.license-dashboard-metric-group__facts[b-mnppkj3b1o] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-4);
    padding: var(--s-space-10) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--compact,
.license-dashboard-metric-group__facts--compact[b-mnppkj3b1o] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--commerce,
.license-dashboard-metric-group__facts--commerce[b-mnppkj3b1o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--list,
.license-dashboard-metric-group__facts--list[b-mnppkj3b1o] {
    grid-template-columns: 1fr;
    gap: var(--s-space-8);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--usage,
.license-dashboard-metric-group__facts--usage[b-mnppkj3b1o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact,
.license-dashboard-metric-group__fact[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: var(--s-space-5);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--wide,
.license-dashboard-metric-group__fact--wide[b-mnppkj3b1o] {
    grid-column: 1 / -1;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--inline,
.license-dashboard-metric-group__fact--inline[b-mnppkj3b1o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-8);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--link,
.license-dashboard-metric-group__fact--link[b-mnppkj3b1o] {
    margin: calc(var(--s-space-4) * -1);
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-small);
    color: inherit;
    text-decoration: none;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--link:hover,
.license-dashboard-metric-group__fact--link:hover[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--link:focus-visible,
.license-dashboard-metric-group__fact--link:focus-visible[b-mnppkj3b1o] {
    background: var(--s-color-surface-secondary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--link strong,
.license-dashboard-metric-group__fact--link strong[b-mnppkj3b1o] {
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact span,
.license-dashboard-metric-group__fact span[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact small,
.license-dashboard-metric-group__fact small[b-mnppkj3b1o] {
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
    line-height: 1.3;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact strong,
.license-dashboard-metric-group__fact strong[b-mnppkj3b1o] {
    overflow: hidden;
    color: var(--s-color-text);
    font-size: var(--s-font-size-32, 2rem);
    font-weight: 700;
    line-height: 1.05;
    white-space: nowrap;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--money strong,
.license-dashboard-metric-group__fact--money strong[b-mnppkj3b1o] {
    font-size: var(--s-font-size-26, 1.625rem);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact--accent strong,
.license-dashboard-metric-group__fact--accent strong[b-mnppkj3b1o] {
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions,
.license-dashboard-metric-group__actions[b-mnppkj3b1o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: auto;
    border-top: 1px solid var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__link,
.license-dashboard-metric-group__link[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    padding: var(--s-space-8) var(--ld-panel-padding-x) var(--s-space-10);
    font-size: var(--s-font-size-13);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__link span,
.license-dashboard-metric-group__link span[b-mnppkj3b1o] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__link svg,
.license-dashboard-metric-group__link svg[b-mnppkj3b1o] {
    flex: 0 0 auto;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions .license-dashboard-metric-group__link + .license-dashboard-metric-group__link,
.license-dashboard-metric-group__actions .license-dashboard-metric-group__link + .license-dashboard-metric-group__link[b-mnppkj3b1o] {
    border-left: 1px solid var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group--risk .license-dashboard-metric-group__header i,
.license-dashboard-metric-group--risk .license-dashboard-metric-group__header i[b-mnppkj3b1o] {
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric,
.license-dashboard-metric[b-mnppkj3b1o] {
    min-height: 136px;
    overflow: hidden;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__content,
.license-dashboard-metric__content[b-mnppkj3b1o] {
    display: flex;
    min-height: 96px;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__label,
.license-dashboard-metric__label[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-14);
    line-height: 1.35;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__label i,
.license-dashboard-metric__label i[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__label svg,
.license-dashboard-metric__label svg[b-mnppkj3b1o] {
    flex: 0 0 auto;
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric strong,
.license-dashboard-metric strong[b-mnppkj3b1o] {
    color: var(--s-color-text);
    font-size: var(--s-font-size-28);
    font-weight: 700;
    line-height: 1.05;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__description {
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
    line-height: 1.25;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric--risk .license-dashboard-metric__label i,
.license-dashboard-metric--risk .license-dashboard-metric__label i[b-mnppkj3b1o] {
    color: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric__link,
.license-dashboard-metric__link[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-6);
    text-decoration: none;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics,
.license-dashboard__analytics[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid,
.license-dashboard__data-grid[b-mnppkj3b1o] {
    display: grid;
    gap: var(--ld-widget-gap);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics,
.license-dashboard__analytics[b-mnppkj3b1o] {
    grid-auto-flow: row dense;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics > *,
.license-dashboard__analytics > *[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics .license-dashboard-panel,
.license-dashboard__analytics .license-dashboard-panel[b-mnppkj3b1o] {
    grid-column: span 4;
}

/* Aktif cihaz ve kullanim panelleri ayni sutunda alt alta durur; modul ve ek
   kullanici panelleri onlarin yanina gelir. */
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__usage-stack,
.license-dashboard__usage-stack[b-mnppkj3b1o] {
    grid-column: span 4;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    min-width: 0;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__usage-stack > *,
.license-dashboard__usage-stack > *[b-mnppkj3b1o] {
    flex: 0 0 auto;
}

/* Satir listeleri tek sutunda kalir, aralarindaki bosluk minimuma iner. */
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel--compact .license-dashboard-bars,
.license-dashboard-panel--compact .license-dashboard-bars[b-mnppkj3b1o] {
    gap: var(--s-space-8);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid,
.license-dashboard__data-grid[b-mnppkj3b1o] {
    grid-auto-flow: row dense;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid > *,
.license-dashboard__data-grid > *[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid .license-dashboard-panel,
.license-dashboard__data-grid .license-dashboard-panel[b-mnppkj3b1o] {
    grid-column: span 6;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel,
.license-dashboard-panel[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    min-height: 236px;
    flex-direction: column;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel--wide,
.license-dashboard-panel--wide[b-mnppkj3b1o] {
    grid-column: span 6;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel__header,
.license-dashboard-panel__header[b-mnppkj3b1o] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--s-space-10) var(--ld-panel-padding-x) var(--ld-panel-padding-y);
    border-bottom: 1px solid var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel__header h2,
.license-dashboard-panel__header h2[b-mnppkj3b1o] {
    margin: 0;
    color: var(--s-color-text);
    font-size: var(--ld-widget-title-font-size);
    font-weight: 600;
    line-height: 1.25;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel__title,
.license-dashboard-panel__title[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-4);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel__title p,
.license-dashboard-panel__title p[b-mnppkj3b1o] {
    margin: 0;
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
    line-height: 1.35;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-panel__footer,
.license-dashboard-panel__footer[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-6);
    margin-top: auto;
    padding: var(--s-space-12) var(--ld-panel-padding-x);
    border-top: 1px solid var(--s-color-border);
    text-decoration: none;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard__tooltip,
.license-dashboard__tooltip[b-mnppkj3b1o] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    padding: var(--s-space-8);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars,
.license-dashboard-bars[b-mnppkj3b1o] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding: var(--s-space-12) var(--ld-panel-padding-x) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars--metric,
.license-dashboard-bars--metric[b-mnppkj3b1o] {
    flex: 1 1 auto;
    gap: var(--s-space-10);
    padding-top: var(--s-space-10);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars__row,
.license-dashboard-bars__row[b-mnppkj3b1o] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars__meta,
.license-dashboard-bars__meta[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    color: var(--s-color-text);
    font-size: var(--s-font-size-14);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars__track,
.license-dashboard-bars__track[b-mnppkj3b1o] {
    height: 8px;
    overflow: hidden;
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface-secondary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-bars__track span,
.license-dashboard-bars__track span[b-mnppkj3b1o] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--s-color-primary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend,
.license-dashboard-trend[b-mnppkj3b1o] {
    min-height: 220px;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__chart,
.license-dashboard-trend__chart[b-mnppkj3b1o] {
    display: grid;
    min-height: 174px;
    grid-template-columns: repeat(auto-fit, minmax(34px, 1fr));
    align-items: end;
    gap: var(--s-space-8);
    padding: var(--s-space-12) var(--ld-panel-padding-x) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__item,
.license-dashboard-trend__item[b-mnppkj3b1o] {
    display: grid;
    min-width: 0;
    height: 100%;
    grid-template-rows: minmax(104px, 1fr) auto;
    gap: var(--s-space-6);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__bar-wrap,
.license-dashboard-trend__bar-wrap[b-mnppkj3b1o] {
    position: relative;
    display: flex;
    min-height: 104px;
    align-items: flex-end;
    justify-content: center;
    border-bottom: 1px solid var(--s-color-border);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__bar-wrap::before,
.license-dashboard-trend__bar-wrap[b-mnppkj3b1o]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: var(--s-color-border);
    opacity: .55;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__bar,
.license-dashboard-trend__bar[b-mnppkj3b1o] {
    display: block;
    width: min(42px, 68%);
    min-height: 2px;
    border-radius: var(--s-border-radius-small) var(--s-border-radius-small) 0 0;
    background: linear-gradient(180deg, var(--s-color-primary), color-mix(in srgb, var(--s-color-primary) 62%, var(--s-color-surface)));
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__value,
.license-dashboard-trend__value[b-mnppkj3b1o] {
    position: absolute;
    bottom: calc(100% + var(--s-space-3));
    left: 50%;
    z-index: 1;
    max-width: 100%;
    transform: translateX(-50%);
    color: var(--s-color-text);
    font-size: var(--s-font-size-11);
    font-weight: 600;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__item:hover .license-dashboard-trend__value,
.license-dashboard-trend__item:hover .license-dashboard-trend__value[b-mnppkj3b1o] {
    opacity: 1;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-trend__label,
.license-dashboard-trend__label[b-mnppkj3b1o] {
    overflow: hidden;
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage,
.license-dashboard-usage[b-mnppkj3b1o] {
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: 1fr auto;
    gap: var(--s-space-12);
    padding: var(--s-space-14) var(--ld-panel-padding-x) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rates,
.license-dashboard-usage__rates[b-mnppkj3b1o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-10);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card,
.license-dashboard-usage__rate-card[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: var(--s-space-4);
    padding: var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface-secondary);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card span,
.license-dashboard-usage__rate-card span[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card small,
.license-dashboard-usage__rate-card small[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card em,
.license-dashboard-usage__rate-card em[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__facts span,
.license-dashboard-usage__facts span[b-mnppkj3b1o] {
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
    line-height: 1.35;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card em,
.license-dashboard-usage__rate-card em[b-mnppkj3b1o] {
    margin-top: var(--s-space-2);
    font-size: var(--s-font-size-11);
    font-style: normal;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rate-card strong,
.license-dashboard-usage__rate-card strong[b-mnppkj3b1o] {
    color: var(--s-color-primary);
    font-size: var(--s-font-size-26, 1.625rem);
    line-height: 1.05;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__facts,
.license-dashboard-usage__facts[b-mnppkj3b1o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-10);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__facts div,
.license-dashboard-usage__facts div[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-4);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__facts strong,
.license-dashboard-usage__facts strong[b-mnppkj3b1o] {
    color: var(--s-color-text);
    font-size: var(--s-font-size-24);
    line-height: 1.1;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table-wrap,
.license-dashboard-table-wrap[b-mnppkj3b1o] {
    overflow-x: auto;
    padding: 0 var(--ld-panel-padding-x) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table,
.license-dashboard-table[b-mnppkj3b1o] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: var(--ld-row-font-size);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table th,
.license-dashboard-table th[b-mnppkj3b1o] {
    font-size: var(--ld-row-font-size);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table th,
.license-dashboard-table th[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table td,
.license-dashboard-table td[b-mnppkj3b1o] {
    padding: var(--ld-table-padding-y) var(--ld-table-padding-x);
    border-bottom: 1px solid var(--s-color-border);
    text-align: left;
    vertical-align: middle;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-table th,
.license-dashboard-table th[b-mnppkj3b1o] {
    color: var(--s-color-text-secondary);
    font-weight: 600;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert-list,
.license-dashboard-alert-list[b-mnppkj3b1o] {
    display: flex;
    flex-direction: column;
    gap: var(--ld-list-gap);
    padding: 0 var(--ld-panel-padding-x) var(--ld-panel-padding-x);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert,
.license-dashboard-alert[b-mnppkj3b1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--ld-alert-padding);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    color: var(--s-color-text);
    font-size: var(--ld-row-font-size);
    text-decoration: none;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert div,
.license-dashboard-alert div[b-mnppkj3b1o] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert strong,
.license-dashboard-alert strong[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert span,
.license-dashboard-alert span[b-mnppkj3b1o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert__customer,
.license-dashboard-alert__customer[b-mnppkj3b1o] {
    color: var(--s-color-text);
    font-size: var(--ld-row-font-size);
    font-weight: 400;
    line-height: 1.35;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert div span,
.license-dashboard-alert div span[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert > span,
.license-dashboard-alert > span[b-mnppkj3b1o] {
    color: var(--s-color-text-secondary);
    font-size: var(--s-font-size-12);
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-alert > span,
.license-dashboard-alert > span[b-mnppkj3b1o] {
    min-width: var(--ld-alert-date-width);
    text-align: right;
}

.license-dashboard[b-mnppkj3b1o]  .license-dashboard-empty,
.license-dashboard-empty[b-mnppkj3b1o] {
    display: flex;
    min-height: 120px;
    align-items: center;
    justify-content: center;
    padding: var(--s-space-20);
    color: var(--s-color-text-secondary);
    text-align: center;
}

.license-dashboard-error[b-mnppkj3b1o] {
    max-width: 720px;
    margin: var(--s-space-40) auto 0;
}

.license-dashboard-error__content[b-mnppkj3b1o] {
    display: flex;
    gap: var(--s-space-20);
    align-items: flex-start;
}

.license-dashboard-error__body[b-mnppkj3b1o] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.license-dashboard-error__actions[b-mnppkj3b1o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    margin-top: var(--s-space-12);
}

.license-dashboard-error__actions a[b-mnppkj3b1o] {
    text-decoration: none;
}

.license-dashboard[b-mnppkj3b1o]  .s-home-quick-links,
.s-home-quick-links[b-mnppkj3b1o] {
    position: fixed;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    bottom: max(4px, env(safe-area-inset-bottom));
    left: 50%;
    width: 100%;
    max-width: calc(100% - 32px);
    padding: var(--s-space-6) var(--s-space-8);
    z-index: 99;
    transform: translateX(-50%);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-surface);
    box-shadow: var(--s-shadow-md);
}

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

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

.license-dashboard[b-mnppkj3b1o]  .s-home-quick-links i,
.s-home-quick-links i[b-mnppkj3b1o],
.license-dashboard[b-mnppkj3b1o]  .s-home-quick-links svg,
.s-home-quick-links svg[b-mnppkj3b1o] {
    margin-bottom: var(--s-space-4);
    font-size: var(--s-space-16);
}

body.s-datatable-size-xxs .license-dashboard.s-datatable[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-8);
    --ld-panel-padding-y: var(--s-space-4);
    --ld-table-padding-y: var(--s-space-4);
    --ld-table-padding-x: var(--s-space-4);
    --ld-list-gap: var(--s-space-4);
    --ld-alert-padding: var(--s-space-6);
    --ld-alert-date-width: calc(var(--rem-scale) * 8rem);
}

body.s-datatable-size-xs .license-dashboard.s-datatable[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-10);
    --ld-panel-padding-y: var(--s-space-6);
    --ld-table-padding-y: var(--s-space-6);
    --ld-table-padding-x: var(--s-space-5);
    --ld-list-gap: var(--s-space-5);
    --ld-alert-padding: var(--s-space-7);
    --ld-alert-date-width: calc(var(--rem-scale) * 8.4rem);
}

body.s-datatable-size-sm .license-dashboard.s-datatable[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-14);
    --ld-panel-padding-y: var(--s-space-8);
    --ld-table-padding-y: var(--s-space-8);
    --ld-table-padding-x: var(--s-space-6);
    --ld-list-gap: var(--s-space-6);
    --ld-alert-padding: var(--s-space-8);
    --ld-alert-date-width: calc(var(--rem-scale) * 9rem);
}

body.s-datatable-size-lg .license-dashboard.s-datatable[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-24);
    --ld-panel-padding-y: var(--s-space-12);
    --ld-table-padding-y: var(--s-space-12);
    --ld-table-padding-x: var(--s-space-10);
    --ld-list-gap: var(--s-space-10);
    --ld-alert-padding: var(--s-space-12);
    --ld-alert-date-width: calc(var(--rem-scale) * 10.6rem);
}

body.s-datatable-size-xl .license-dashboard.s-datatable[b-mnppkj3b1o] {
    --ld-panel-padding-x: var(--s-space-28);
    --ld-panel-padding-y: var(--s-space-14);
    --ld-table-padding-y: var(--s-space-14);
    --ld-table-padding-x: var(--s-space-12);
    --ld-list-gap: var(--s-space-12);
    --ld-alert-padding: var(--s-space-14);
    --ld-alert-date-width: calc(var(--rem-scale) * 11.4rem);
}

body.s-datatable-striped .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table tbody tr:nth-child(odd) td,
body.s-datatable-striped .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert:nth-child(odd) {
    background: var(--s-color-table-striped-row);
}

body.s-datatable-no-inline-styles .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table th,
body.s-datatable-no-inline-styles .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table td,
body.s-datatable-no-inline-styles .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert {
    border-inline-width: 0;
}

body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table th,
body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table td,
body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table-wrap,
body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert-list,
body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert,
body.s-datatable-contrast-middle .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-panel__footer {
    border-color: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table th,
body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table td,
body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-table-wrap,
body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert-list,
body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-alert,
body.s-datatable-contrast-high .license-dashboard.s-datatable[b-mnppkj3b1o]  .license-dashboard-panel__footer {
    border-color: var(--s-color-table-border-contrast-high);
}

@media screen and (max-width: 1180px) {
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
    .license-dashboard__metric-grid[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics,
    .license-dashboard__analytics[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics > *,
    .license-dashboard__analytics > *[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics .license-dashboard-panel,
    .license-dashboard__analytics .license-dashboard-panel[b-mnppkj3b1o] {
        grid-column: span 1;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics > :last-child:nth-child(odd),
    .license-dashboard__analytics > :last-child:nth-child(odd)[b-mnppkj3b1o] {
        grid-column: 1 / -1;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--usage,
    .license-dashboard-metric-group__facts--usage[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 992px) {
    .license-dashboard__header[b-mnppkj3b1o] {
        flex-direction: column;
    }

    .license-dashboard__header-actions[b-mnppkj3b1o] {
        width: 100%;
        justify-content: flex-start;
    }

    .license-dashboard__dealer-filter[b-mnppkj3b1o] {
        width: 100%;
        min-width: 0;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
    .license-dashboard__metric-grid[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics,
    .license-dashboard__analytics[b-mnppkj3b1o],
    .license-dashboard__data-grid[b-mnppkj3b1o] {
        grid-template-columns: 1fr;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid > *,
    .license-dashboard__data-grid > *[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics > *,
    .license-dashboard__analytics > *[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__analytics .license-dashboard-panel,
    .license-dashboard__analytics .license-dashboard-panel[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__data-grid .license-dashboard-panel,
    .license-dashboard__data-grid .license-dashboard-panel[b-mnppkj3b1o] {
        grid-column: 1 / -1;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts,
    .license-dashboard-metric-group__facts[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-usage__rates,
    .license-dashboard-usage__rates[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--compact,
    .license-dashboard-metric-group__facts--compact[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--commerce,
    .license-dashboard-metric-group__facts--commerce[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--usage,
    .license-dashboard-metric-group__facts--usage[b-mnppkj3b1o] {
        grid-template-columns: 1fr;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions,
    .license-dashboard-metric-group__actions[b-mnppkj3b1o] {
        grid-template-columns: 1fr;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions .license-dashboard-metric-group__link + .license-dashboard-metric-group__link,
    .license-dashboard-metric-group__actions .license-dashboard-metric-group__link + .license-dashboard-metric-group__link[b-mnppkj3b1o] {
        border-top: 1px solid var(--s-color-border);
        border-left: 0;
    }
}

@media screen and (min-width: 768px) {
    .license-dashboard[b-mnppkj3b1o] {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 640px) {
    .license-dashboard[b-mnppkj3b1o] {
        gap: var(--s-space-14);
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
    .license-dashboard__metric-grid[b-mnppkj3b1o] {
        grid-template-columns: 1fr;
    }

    .license-dashboard-panel__header[b-mnppkj3b1o] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
    .license-dashboard__metric-grid[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts,
    .license-dashboard-metric-group__facts[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--compact,
    .license-dashboard-metric-group__facts--compact[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--commerce,
    .license-dashboard-metric-group__facts--commerce[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions,
    .license-dashboard-metric-group__actions[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .license-dashboard[b-mnppkj3b1o] {
        padding-bottom: calc(var(--rem-scale) * 8rem + env(safe-area-inset-bottom));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard__metric-grid,
    .license-dashboard__metric-grid[b-mnppkj3b1o] {
        grid-template-columns: 1fr;
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts,
    .license-dashboard-metric-group__facts[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--compact,
    .license-dashboard-metric-group__facts--compact[b-mnppkj3b1o],
    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__facts--commerce,
    .license-dashboard-metric-group__facts--commerce[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__actions,
    .license-dashboard-metric-group__actions[b-mnppkj3b1o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-dashboard[b-mnppkj3b1o]  .license-dashboard-metric-group__fact strong,
    .license-dashboard-metric-group__fact strong[b-mnppkj3b1o] {
        font-size: var(--s-font-size-28, 1.75rem);
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/CurrentAssignments.razor.rz.scp.css */
.table-responsive[b-bxr7bqr4zb] {
    max-height: 200px;
    overflow-y: auto;
}

.compact-table th[b-bxr7bqr4zb] {
    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-bxr7bqr4zb] {
    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-o7qlt6dzs9] {
    height: 100%;
    display: flex;
    flex-direction: column;
    container-type: inline-size;
}

.assignment-search[b-o7qlt6dzs9] {
    position: relative;
    display: flex;
    align-items: center;
    width: min(100%, 18rem);
    margin-bottom: var(--s-space-8);
}

.assignment-search > i[b-o7qlt6dzs9] {
    position: absolute;
    left: var(--s-space-12);
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

.assignment-search input[b-o7qlt6dzs9] {
    width: 100%;
    min-height: 2rem;
    padding-left: var(--s-space-32);
}

.assignment-list[b-o7qlt6dzs9] {
    flex: 1;
    overflow-y: auto;
    max-height: clamp(20rem, 56vh, 38rem);
    max-height: clamp(20rem, 56dvh, 38rem);
    border-width: 1px;
    border-radius: 0.375rem;
    padding: var(--s-space-8);
}

.assignment-item[b-o7qlt6dzs9] {
    padding: var(--s-space-6) var(--s-space-10);
    border-width: 1px;
    border-radius: var(--s-border-radius-small);
    margin-bottom: var(--s-space-4);
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--s-color-body-text);
}

.assignment-item:last-child[b-o7qlt6dzs9] {
    margin-bottom: 0;
}

.assignment-empty-search[b-o7qlt6dzs9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: 7rem;
    color: var(--s-color-muted-foreground);
}

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

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

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

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

.assignment-title-row[b-o7qlt6dzs9] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    min-width: 0;
}

.assignment-name-row[b-o7qlt6dzs9] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
}

.assignment-module-name[b-o7qlt6dzs9] {
    min-width: 0;
}

.assignment-type-badge[b-o7qlt6dzs9] {
    flex-shrink: 0;
    margin-left: 0;
}

.prerequisite-info[b-o7qlt6dzs9] {
    min-width: 0;
    font-size: var(--s-font-size-11);
    line-height: 1.15;
}

.prerequisite-info > span[b-o7qlt6dzs9] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

body[data-theme="dark"] .assignment-item.intermediate-item.selected[b-o7qlt6dzs9] {
    background-color: #4a4027;
    border-color: #a3a3a3;
}

@container (min-width: 44rem) {
    .assignment-title-row[b-o7qlt6dzs9] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-8);
    }

    .assignment-name-row[b-o7qlt6dzs9] {
        flex: 1 1 auto;
    }

    .prerequisite-info[b-o7qlt6dzs9] {
        flex: 0 1 42%;
        margin-left: auto;
        text-align: right;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .assignment-list[b-o7qlt6dzs9] {
        max-height: clamp(18rem, 48vh, 30rem);
        max-height: clamp(18rem, 48dvh, 30rem);
    }
}

@media (max-width: 768px) {
    .assignment-search[b-o7qlt6dzs9] {
        width: 100%;
    }

    .assignment-list[b-o7qlt6dzs9] {
        max-height: clamp(15rem, 42vh, 24rem);
        max-height: clamp(15rem, 42dvh, 24rem);
    }

    .assignment-item[b-o7qlt6dzs9] {
        padding: var(--s-space-8);
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/ModuleSettingsModal.razor.rz.scp.css */
.table-responsive[b-3jcc2fug26] {
    max-height: 200px;
    overflow-y: auto;
}

.compact-table th[b-3jcc2fug26] {
    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-3jcc2fug26] {
    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-wdxz36vws4] {
    --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-wdxz36vws4] {
    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-wdxz36vws4] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* scroll edecek liste -------------------------------------------- */
.order-items-scroll-list[b-wdxz36vws4] {
    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-wdxz36vws4] {
    background-color: transparent;
    color: var(--s-color-body-text);
    padding-inline: 0;
}

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



.license-quantity-input-wrapper[b-wdxz36vws4] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 5.25rem;
    min-height: 2rem;
    overflow: hidden;
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-input-bg);
}

.license-quantity-input-wrapper:focus-within[b-wdxz36vws4] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 1px var(--s-color-ring);
}

.license-quantity-input-wrapper button[b-wdxz36vws4] {
    width: 1.75rem;
    min-width: 1.75rem;
    min-height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: var(--s-color-body-text);
    flex-shrink: 0;
}

.license-quantity-input-wrapper button:hover[b-wdxz36vws4] {
    background: var(--s-color-muted);
}

.license-quantity-input[b-wdxz36vws4] {
    width: 1.75rem;
    min-width: 0;
    min-height: 2rem;
    border: 0;
    border-inline: 1px solid var(--s-color-input);
    border-radius: 0;
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    padding: var(--s-space-2) var(--s-space-4);
    outline: 0;
    -moz-appearance: textfield;
}

.license-quantity-input:focus-visible[b-wdxz36vws4] {
    box-shadow: none;
}

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

@media (max-width: 768px) {
    .license-quantity-input-wrapper[b-wdxz36vws4] {
        min-height: 2.25rem;
    }

    .license-quantity-input-wrapper button[b-wdxz36vws4],
    .license-quantity-input[b-wdxz36vws4] {
        min-height: 2.25rem;
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/Components/PackageAssignmentList.razor.rz.scp.css */
.assignment-list-container[b-5rczbnwnsq] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.assignment-list[b-5rczbnwnsq] {
    flex: 1;
    overflow-y: auto;
    max-height: clamp(20rem, 56vh, 38rem);
    max-height: clamp(20rem, 56dvh, 38rem);
    border-width: 1px;
    border-radius: 0.375rem;
    padding: var(--s-space-8);
}

.assignment-item[b-5rczbnwnsq] {
    padding: var(--s-space-6) var(--s-space-10);
    border-width: 1px;
    border-radius: var(--s-border-radius-small);
    margin-bottom: var(--s-space-4);
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--s-color-body-text);
}

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

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

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

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

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

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

@media (min-width: 769px) and (max-width: 1199px) {
    .assignment-list[b-5rczbnwnsq] {
        max-height: clamp(18rem, 48vh, 30rem);
        max-height: clamp(18rem, 48dvh, 30rem);
    }
}

@media (max-width: 768px) {
    .assignment-list[b-5rczbnwnsq] {
        max-height: clamp(15rem, 42vh, 24rem);
        max-height: clamp(15rem, 42dvh, 24rem);
    }

    .assignment-item[b-5rczbnwnsq] {
        padding: var(--s-space-8);
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/LicenseCreate.razor.rz.scp.css */
.license-create-grid[b-0pnkym7ip6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--s-space-16);
}

.license-create-primary[b-0pnkym7ip6] {
    min-width: 0;
}

[b-0pnkym7ip6] .license-assignment-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-0pnkym7ip6] .license-assignment-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.license-assignment-tab-body[b-0pnkym7ip6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: var(--s-space-12) 0 0;
}

@media (min-width: 1300px) {
    .license-create-grid[b-0pnkym7ip6] {
        grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr);
    }
}

.existing-license-message[b-0pnkym7ip6],
.existing-license-heading[b-0pnkym7ip6] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-12);
}

.existing-license-message[b-0pnkym7ip6] {
    margin-bottom: var(--s-space-16);
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-destructive);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-destructive);
    background: color-mix(in srgb, var(--s-color-destructive) 8%, var(--s-color-card));
}

.existing-license-message span[b-0pnkym7ip6],
.existing-license-heading p[b-0pnkym7ip6] {
    display: block;
    margin-top: var(--s-space-4);
    color: var(--s-color-muted-foreground);
}

.existing-license-panel[b-0pnkym7ip6] {
    margin-bottom: var(--s-space-16);
    padding: var(--s-space-20);
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 4%, var(--s-color-card));
}

.existing-license-heading h5[b-0pnkym7ip6],
.existing-license-heading p[b-0pnkym7ip6] {
    margin-bottom: 0;
}

.existing-license-heading > i[b-0pnkym7ip6] {
    margin-top: var(--s-space-4);
    color: var(--s-color-primary);
    font-size: 1.25rem;
}

.existing-license-list[b-0pnkym7ip6] {
    display: grid;
    gap: var(--s-space-12);
    margin-top: var(--s-space-16);
}

.existing-license-item[b-0pnkym7ip6] {
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) minmax(14rem, 2fr) auto;
    align-items: center;
    gap: var(--s-space-16);
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.existing-license-key span[b-0pnkym7ip6] {
    display: block;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: 0.75rem;
}

.existing-license-key strong[b-0pnkym7ip6] {
    letter-spacing: 0.04em;
}

.existing-license-meta[b-0pnkym7ip6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

@media (max-width: 768px) {
    .existing-license-item[b-0pnkym7ip6] {
        grid-template-columns: 1fr;
    }

    .existing-license-item button[b-0pnkym7ip6] {
        width: 100%;
    }
}

@media (max-width: 760px) {
    [b-0pnkym7ip6] .license-assignment-tabs {
        padding: var(--s-space-8) var(--s-space-8) 0;
    }

    .license-assignment-tab-body[b-0pnkym7ip6] {
        padding-top: var(--s-space-8);
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/LicenseDetail.razor.rz.scp.css */
/* License Detail Page Styles */
.license-detail-container[b-61n8v5yp8m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}




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

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

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

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

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

[b-61n8v5yp8m] .license-assignment-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-61n8v5yp8m] .license-assignment-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.license-assignment-tab-body[b-61n8v5yp8m] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: var(--s-space-12) 0 0;
}

.license-detail-container[b-61n8v5yp8m]  .dxbl-tabs-tablist {
    background-color: var(--s-color-tabs-background);
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
}

.license-detail-container[b-61n8v5yp8m]  .dxbl-tabs-item {
    color: var(--s-color-body-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Animation for changes indicator */
@keyframes pulse-b-61n8v5yp8m {
    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-61n8v5yp8m] {
    animation: pulse-b-61n8v5yp8m 2s infinite;
}

@media (max-width: 760px) {
    [b-61n8v5yp8m] .license-assignment-tabs {
        padding: var(--s-space-8) var(--s-space-8) 0;
    }

    .license-assignment-tab-body[b-61n8v5yp8m] {
        padding-top: var(--s-space-8);
    }
}
/* /Pages/LicenseManagement/Pages/Licenses/Templates/LicenseIsActiveCellTemplate.razor.rz.scp.css */
/* Lisans listesinde Durum kolonu: onay kutusu yerine renkli metin */
.license-status-label[b-ja5ewftay3] {
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.35em;
}

.license-status-label--active[b-ja5ewftay3] {
    color: var(--s-color-success, #16a34a);
    background-color: color-mix(in srgb, var(--s-color-success, #16a34a) 14%, transparent);
}

.license-status-label--passive[b-ja5ewftay3] {
    color: var(--s-color-danger, #dc2626);
    background-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 14%, transparent);
}
/* /Pages/OdataGridPage.razor.rz.scp.css */
[b-f2iflcqwoz]::global(#root:has(.odata-grid-page)) {
    height: 100dvh;
    align-items: stretch;
    overflow: hidden;
}

[b-f2iflcqwoz]::global(#root:has(.odata-grid-page) main) {
    height: 100dvh !important;
    min-height: 0;
    padding-bottom: 0;
    overflow: hidden !important;
}

[b-f2iflcqwoz]::global(#root:has(.odata-grid-page) .s-app-header) {
    flex: 0 0 auto;
}

[b-f2iflcqwoz]::global(#root:has(.odata-grid-page) .s-app-content) {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.odata-grid-page[b-f2iflcqwoz] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.odata-grid-page[b-f2iflcqwoz]  .odata-grid-page__grid {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}

.odata-grid-page[b-f2iflcqwoz]  .odata-grid-page__grid > .s-datatable-header {
    flex: 0 0 auto;
}

.odata-grid-page[b-f2iflcqwoz]  .odata-grid-page__grid > .dxbl-grid {
    width: 100%;
    min-height: 0;
}
/* /Pages/OrderManagement/Components/Order/OrderCard.razor.rz.scp.css */
.text-fs[b-2toh7di7zk] {
    font-size: 0.60rem;
}
.order-status[b-2toh7di7zk] {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 8px;
}
.status-pending[b-2toh7di7zk] {
    background-color: #fff3cd;
    color: #856404;
}
.status-shipped[b-2toh7di7zk] {
    background-color: #d4edda;
    color: #155724;
}

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

.status-cancelled[b-2toh7di7zk] {
    background-color: #f8d7da;
    color: #721c24;
}
/* /Pages/OrderManagement/Pages/MikroOrderApprovals/Components/MikroOrderApprovalConfigurationModal.razor.rz.scp.css */
.moa-config-modal[b-p5vx0x8m3k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 0.85rem;
    max-height: calc(100vh - 150px);
    min-height: 0;
}

.moa-config-scroll[b-p5vx0x8m3k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(100vh - 260px);
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.moa-config-inline-warning[b-p5vx0x8m3k],
.moa-config-summary[b-p5vx0x8m3k] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid var(--bs-border-color);
}

.moa-config-inline-warning[b-p5vx0x8m3k] {
    border-color: rgba(var(--bs-warning-rgb), 0.65);
    background: rgba(var(--bs-warning-rgb), 0.12);
    color: var(--bs-warning-text-emphasis);
}

.moa-config-summary-warning[b-p5vx0x8m3k] {
    border-color: rgba(var(--bs-warning-rgb), 0.65);
    background: rgba(var(--bs-warning-rgb), 0.08);
    color: var(--bs-warning-text-emphasis);
}

.moa-config-summary-ready[b-p5vx0x8m3k] {
    border-color: rgba(var(--bs-success-rgb), 0.55);
    background: rgba(var(--bs-success-rgb), 0.08);
    color: var(--bs-success-text-emphasis);
}

.moa-config-empty[b-p5vx0x8m3k] {
    padding: 12px;
    color: var(--bs-secondary-color);
}

.moa-config-group[b-p5vx0x8m3k] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.moa-config-group h3[b-p5vx0x8m3k] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
}

.moa-config-list[b-p5vx0x8m3k] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--bs-border-color);
}

.moa-config-row[b-p5vx0x8m3k] {
    display: grid;
    grid-template-columns: minmax(180px, 0.85fr) minmax(160px, 0.75fr) minmax(220px, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid var(--bs-border-color);
}

.moa-config-row:last-child[b-p5vx0x8m3k] {
    border-bottom: 0;
}

.moa-config-row-missing[b-p5vx0x8m3k] {
    background: rgba(var(--bs-warning-rgb), 0.08);
}

.moa-config-name[b-p5vx0x8m3k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-weight: 600;
}

.moa-config-name small[b-p5vx0x8m3k] {
    color: var(--bs-danger);
    font-size: 0.68rem;
}

.moa-config-value[b-p5vx0x8m3k] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bs-secondary-color);
}

.moa-config-status[b-p5vx0x8m3k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.moa-config-status span[b-p5vx0x8m3k] {
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .moa-config-modal[b-p5vx0x8m3k] {
        max-height: calc(100vh - 120px);
    }

    .moa-config-scroll[b-p5vx0x8m3k] {
        max-height: calc(100vh - 230px);
    }

    .moa-config-row[b-p5vx0x8m3k] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .moa-config-value[b-p5vx0x8m3k] {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Pages/OrderManagement/Pages/MikroOrderApprovals/MikroOrderApprovalCatalog.razor.rz.scp.css */
.moa-page[b-h8sqblcgvt] {
    height: calc(100dvh - 116px);
    max-height: calc(100dvh - 116px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
}

.moa-page.s-datatable[b-h8sqblcgvt] {
    --datatable-border-color: var(--s-color-border);
}

.moa-toolbar[b-h8sqblcgvt] {
    display: flex;
    align-items: end;
    gap: 8px;
    flex-wrap: wrap;
    padding: 8px;
    border: 1px solid var(--datatable-border-color);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    border-radius: var(--s-border-radius-default);
}

.moa-toolbar-primary[b-h8sqblcgvt],
.moa-toolbar-secondary[b-h8sqblcgvt] {
    display: flex;
    align-items: end;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.moa-toolbar-primary[b-h8sqblcgvt] {
    flex: 1 1 auto;
}

.moa-toolbar-secondary[b-h8sqblcgvt] {
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: auto;
    min-width: max-content;
}

.moa-filter[b-h8sqblcgvt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 132px;
}

.moa-filter-range[b-h8sqblcgvt] {
    min-width: 164px;
}

.moa-filter-branches[b-h8sqblcgvt] {
    min-width: 220px;
    flex: 0 1 280px;
}

.moa-filter label[b-h8sqblcgvt] {
    font-size: 0.75rem;
    color: var(--s-color-muted-foreground);
    margin: 0;
}

.moa-check[b-h8sqblcgvt] {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding-inline: 6px;
}

.moa-config-button[b-h8sqblcgvt] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--s-color-border);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    padding: 4px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: var(--s-border-radius-small);
}

.moa-config-button-warning[b-h8sqblcgvt] {
    border-color: rgba(var(--bs-warning-rgb), 0.65);
    background: rgba(var(--bs-warning-rgb), 0.12);
    color: var(--bs-warning-text-emphasis);
}

.moa-config-button-ready[b-h8sqblcgvt] {
    border-color: rgba(var(--bs-success-rgb), 0.5);
    background: rgba(var(--bs-success-rgb), 0.08);
    color: var(--bs-success-text-emphasis);
}

.moa-actions[b-h8sqblcgvt] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    white-space: nowrap;
}

.moa-action-button[b-h8sqblcgvt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 12px;
    border: 1px solid var(--s-color-primary);
    border-radius: var(--s-border-radius-sm);
    background: var(--s-color-card);
    color: var(--s-color-primary);
    font-size: var(--datatable-row-font-size, 0.8125rem);
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.moa-action-button:hover[b-h8sqblcgvt],
.moa-action-button:focus[b-h8sqblcgvt] {
    background: var(--s-color-primary-light);
    color: var(--s-color-primary);
}

.moa-action-button:disabled[b-h8sqblcgvt] {
    cursor: not-allowed;
    opacity: 0.55;
}

[b-h8sqblcgvt] .moa-action-button.dxbl-btn {
    min-height: 30px;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary) !important;
}

[b-h8sqblcgvt] .moa-action-button .dxbl-btn-caption,
[b-h8sqblcgvt] .moa-action-button .dxbl-image,
[b-h8sqblcgvt] .moa-action-button i {
    color: var(--s-color-primary) !important;
}

.moa-action-chevron[b-h8sqblcgvt] {
    font-size: 0.72rem;
}

.moa-action-menu-body[b-h8sqblcgvt] {
    padding: 0;
}

.moa-action-menu[b-h8sqblcgvt] {
    min-width: 190px;
    padding: 6px;
}

.moa-action-menu-item[b-h8sqblcgvt] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 32px;
    padding: 6px 9px;
    border: 0;
    border-radius: var(--s-border-radius-sm);
    background: transparent;
    color: var(--s-color-body-text);
    font-size: 0.8125rem;
    text-align: left;
}

.moa-action-menu-item:hover[b-h8sqblcgvt],
.moa-action-menu-item:focus[b-h8sqblcgvt] {
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
}

.moa-get-button[b-h8sqblcgvt] {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
}

.moa-get-button:hover[b-h8sqblcgvt],
.moa-get-button:focus[b-h8sqblcgvt] {
    background-color: var(--s-color-primary-hover) !important;
    border-color: var(--s-color-primary-hover) !important;
    color: var(--s-color-primary-foreground) !important;
}

.moa-get-button:disabled[b-h8sqblcgvt],
.moa-get-button.dxbl-disabled[b-h8sqblcgvt] {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
    color: var(--s-color-primary-foreground) !important;
    opacity: 0.62;
}

[b-h8sqblcgvt] .moa-get-button,
[b-h8sqblcgvt] .moa-get-button .dxbl-btn-caption,
[b-h8sqblcgvt] .moa-get-button .dxbl-image,
[b-h8sqblcgvt] .moa-get-button i {
    color: var(--s-color-primary-foreground) !important;
}

.moa-config-count[b-h8sqblcgvt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding-inline: 5px;
    border-radius: 999px;
    background: var(--bs-warning);
    color: var(--bs-black);
    font-size: 0.7rem;
    line-height: 1;
}

.moa-tabbar[b-h8sqblcgvt] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    background: color-mix(in srgb, var(--s-color-card) 94%, var(--s-color-primary));
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    padding: 4px 8px 4px 4px;
}

.moa-tabs[b-h8sqblcgvt] {
    min-width: 0;
    flex: 1 1 auto;
}

.moa-selection-action[b-h8sqblcgvt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
    flex: 0 0 auto;
}

.moa-grid-loading-host[b-h8sqblcgvt] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.moa-grid-loading-overlay[b-h8sqblcgvt] {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.45);
}

.moa-grid-loading-panel[b-h8sqblcgvt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 11rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--s-color-border, #d8dee8);
    border-radius: 8px;
    background: var(--s-color-surface, #ffffff);
    box-shadow: 0 8px 24px rgba(16, 24, 40, 0.14);
    color: var(--s-color-text, #1f2937);
    font-size: 0.875rem;
    font-weight: 600;
}

.moa-grid-shell[b-h8sqblcgvt] {
    --moa-grid-row-height: 24px;
    --moa-grid-chrome-height: 126px;
    flex: 0 1 auto;
    height: clamp(260px, calc((var(--moa-visible-row-count, 18) * var(--moa-grid-row-height)) + var(--moa-grid-chrome-height)), 100%);
    max-height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.moa-grid[b-h8sqblcgvt] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    background: var(--s-color-card);
}

[b-h8sqblcgvt] .moa-grid,
[b-h8sqblcgvt] .moa-grid .dxbl-grid,
[b-h8sqblcgvt] .moa-grid .dxbl-scroll-viewer {
    height: 100%;
    min-height: 0;
}

[b-h8sqblcgvt] .moa-grid .dxbl-scroll-viewer {
    overflow: auto;
}

.moa-count[b-h8sqblcgvt] {
    color: var(--s-color-muted-foreground);
    font-size: 0.85rem;
    white-space: nowrap;
}

.moa-message[b-h8sqblcgvt] {
    display: inline-flex;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    color: var(--s-color-muted-foreground);
}

.moa-message-success[b-h8sqblcgvt] {
    color: var(--bs-success);
    font-weight: 600;
}

.moa-message-failed[b-h8sqblcgvt] {
    color: var(--bs-danger);
    font-weight: 600;
}

[b-h8sqblcgvt] .moa-row-success {
    background-color: rgba(var(--bs-success-rgb), 0.08) !important;
}

[b-h8sqblcgvt] .moa-row-failed {
    background-color: rgba(var(--bs-danger-rgb), 0.08) !important;
}

[b-h8sqblcgvt] .moa-grid .moa-row-success > td {
    background-color: rgba(var(--bs-success-rgb), 0.08) !important;
}

[b-h8sqblcgvt] .moa-grid .moa-row-failed > td {
    background-color: rgba(var(--bs-danger-rgb), 0.08) !important;
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-tablist {
    gap: 10px;
    column-gap: 10px;
    background: transparent;
    border-color: transparent;
    padding: 0;
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item,
[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item .dxbl-tabs-text {
    color: var(--s-color-body-text);
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item {
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    font-weight: 600;
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item + .dxbl-tabs-item {
    margin-inline-start: 8px;
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item.dxbl-active,
[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text {
    background: color-mix(in srgb, var(--s-color-primary) 14%, var(--s-color-card));
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

[b-h8sqblcgvt] .moa-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    background: var(--s-color-tab-hover);
    border-color: var(--s-color-primary);
}

[b-h8sqblcgvt] .moa-toolbar .dxbl-text-edit {
    background: var(--s-color-input-bg) !important;
    color: var(--s-color-body-text);
    border-color: var(--s-color-input);
}

[b-h8sqblcgvt] .moa-toolbar .dxbl-text-edit-input {
    color: var(--s-color-body-text);
}

[b-h8sqblcgvt] .moa-toolbar .dxbl-text-edit-input::placeholder {
    color: var(--s-color-input-placeholder);
}

[b-h8sqblcgvt] .moa-toolbar .dxbl-edit-btn,
[b-h8sqblcgvt] .moa-toolbar .dxbl-btn {
    color: var(--s-color-body-text);
}

[b-h8sqblcgvt] .moa-grid,
[b-h8sqblcgvt] .moa-grid .dxbl-grid,
[b-h8sqblcgvt] .moa-grid .dxbl-scroll-viewer,
[b-h8sqblcgvt] .moa-grid .dxbl-scroll-viewer-content,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-table {
    --dxbl-grid-bg: var(--s-color-card);
    --dxbl-grid-color: var(--s-color-body-text);
    --dxbl-grid-border-color: var(--datatable-border-color);
    background: var(--s-color-card) !important;
    color: var(--s-color-body-text);
    border-color: var(--datatable-border-color);
}

[b-h8sqblcgvt] .moa-grid .dxbl-grid-header-row,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-header-row th,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-filter-row,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-filter-row td,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-bottom-panel,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-empty-row,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-empty-cell {
    background: var(--s-color-card) !important;
    color: var(--s-color-body-text);
    border-color: var(--datatable-border-color);
}

[b-h8sqblcgvt] .moa-grid tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row) {
    --s-row-color: var(--s-color-card);
}

[b-h8sqblcgvt] .moa-grid tbody td {
    background: var(--s-row-color, var(--s-color-card)) !important;
    color: var(--s-color-body-text);
    border-color: var(--datatable-border-color);
}

[b-h8sqblcgvt] .moa-grid tfoot td,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-footer-row td {
    background: color-mix(in srgb, var(--s-color-card) 92%, var(--s-color-primary)) !important;
    border-top: 2px solid color-mix(in srgb, var(--s-color-primary) 36%, var(--datatable-border-color));
    color: var(--s-color-body-text);
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

[b-h8sqblcgvt] .moa-grid tfoot td:first-child,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-footer-row td:first-child {
    text-align: left;
}

[b-h8sqblcgvt] .moa-grid .dxbl-grid-header-content,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-header-content span,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-empty-cell,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-empty-data {
    color: var(--s-color-body-text);
}

[b-h8sqblcgvt] .moa-grid .dxbl-grid-filter-menu-funnel-btn,
[b-h8sqblcgvt] .moa-grid .dxbl-grid-header-filter-button {
    color: var(--s-color-muted-foreground);
}

[b-h8sqblcgvt] .moa-grid .dxbl-text-edit,
[b-h8sqblcgvt] .moa-grid .dxbl-spin-edit {
    background: var(--s-color-input-bg) !important;
    color: var(--s-color-body-text);
    border-color: var(--s-color-input);
}

[b-h8sqblcgvt] .moa-grid .dxbl-text-edit-input {
    color: var(--s-color-body-text);
}

[b-h8sqblcgvt] .moa-grid .dxbl-grid-horizontal-scrollbar,
[b-h8sqblcgvt] .moa-grid .dxbl-scroll-viewer-scrollbar {
    background: color-mix(in srgb, var(--s-color-card) 80%, var(--s-color-border));
}

body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-filter-row, .moa-row-success, .moa-row-failed):nth-of-type(odd) {
    --s-row-color: var(--s-color-table-striped-row);
}

body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid .dxbl-grid-table > tbody > tr.dxbl-grid-data-row:not(.moa-row-success, .moa-row-failed):nth-of-type(odd),
body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid tbody tr[role="row"]:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-filter-row, .moa-row-success, .moa-row-failed):nth-of-type(odd),
body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-filter-row, .moa-row-success, .moa-row-failed):nth-of-type(odd) {
    --dxbl-grid-bg: var(--s-color-table-striped-row);
    --dxbl-grid-cell-bg: var(--s-color-table-striped-row);
    --dxbl-grid-focused-row-bg: var(--s-color-table-striped-row);
    --s-row-color: var(--s-color-table-striped-row);
    background: var(--s-color-table-striped-row) !important;
    background-color: var(--s-color-table-striped-row) !important;
}

body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid .dxbl-grid-table > tbody > tr.dxbl-grid-data-row:not(.moa-row-success, .moa-row-failed):nth-of-type(odd) > td,
body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid .dxbl-grid-table > tbody > tr.dxbl-grid-data-row:not(.moa-row-success, .moa-row-failed):nth-of-type(odd) > td > *,
body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid tbody tr[role="row"]:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-filter-row, .moa-row-success, .moa-row-failed):nth-of-type(odd) > td[role="gridcell"],
body.s-datatable-striped .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid tbody tr:not(.dxbl-grid-empty-row, .dxbl-grid-header-row, .dxbl-grid-filter-row, .moa-row-success, .moa-row-failed):nth-of-type(odd) > td {
    --dxbl-grid-bg: var(--s-color-table-striped-row);
    --dxbl-grid-cell-bg: var(--s-color-table-striped-row);
    background: var(--s-color-table-striped-row) !important;
    background-color: var(--s-color-table-striped-row) !important;
    box-shadow: inset 0 0 0 9999px var(--s-color-table-striped-row) !important;
}

body.s-datatable-contrast-middle .moa-page.s-datatable[b-h8sqblcgvt] {
    --datatable-border-color: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .moa-page.s-datatable[b-h8sqblcgvt] {
    --datatable-border-color: var(--s-color-table-border-contrast-high);
}

body.s-datatable-no-inline-styles .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid td,
body.s-datatable-no-inline-styles .moa-page.s-datatable[b-h8sqblcgvt]  .moa-grid th {
    border-inline-width: 0;
}

body[data-theme="dark"] .moa-grid-loading-overlay[b-h8sqblcgvt] {
    background: rgba(0, 0, 0, 0.35);
}

body[data-theme="dark"] .moa-toolbar[b-h8sqblcgvt],
body[data-theme="dark"] .moa-grid-shell[b-h8sqblcgvt],
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-scroll-viewer,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-scroll-viewer-content,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-table,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-header-row,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-header-row th,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-filter-row,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-filter-row td,
body[data-theme="dark"][b-h8sqblcgvt]  .moa-grid .dxbl-grid-bottom-panel {
    background: color-mix(in srgb, var(--s-color-card) 88%, var(--s-color-surface)) !important;
}

@media (max-width: 900px) {
    .moa-tabbar[b-h8sqblcgvt] {
        align-items: stretch;
        flex-direction: column;
    }

    .moa-selection-action[b-h8sqblcgvt] {
        width: 100%;
        justify-content: space-between;
    }

    .moa-toolbar-primary[b-h8sqblcgvt],
    .moa-toolbar-secondary[b-h8sqblcgvt] {
        width: 100%;
    }

    .moa-toolbar-secondary[b-h8sqblcgvt] {
        justify-content: flex-start;
        margin-left: 0;
    }

    .moa-filter[b-h8sqblcgvt],
    .moa-filter-range[b-h8sqblcgvt] {
        flex: 1 1 148px;
        min-width: 0;
    }
}
/* /Pages/OrderManagement/Pages/OrderDetails/ManualOrderDetail.razor.rz.scp.css */
.manual-order-page[b-legtkrjrq3] {
    --offer-panel-bg: var(--s-color-card, #ffffff);
    --offer-panel-text: var(--s-color-card-foreground, var(--s-color-body-text, #0f172a));
    --offer-field-bg: var(--s-color-input-bg, var(--s-color-muted, #f8fafc));
    --offer-focused-row-bg: color-mix(in srgb, var(--s-color-primary, #2563eb) 15%, var(--offer-panel-bg));
    --offer-hero-theme-reserve: 112px;
    --offer-hero-bg: color-mix(in srgb, var(--s-color-primary, #111827) 92%, var(--s-color-body-text, #0f172a) 8%);
    --offer-hero-fg: var(--s-color-primary-foreground, #ffffff);
    --offer-hero-muted: color-mix(in srgb, var(--offer-hero-fg) 72%, transparent);
    --offer-hero-chip-bg: color-mix(in srgb, var(--offer-hero-fg) 10%, transparent);
    --offer-edit-bg: color-mix(in srgb, var(--s-color-primary, #111827) 8%, var(--s-color-card, #ffffff));
    --offer-edit-focus-bg: color-mix(in srgb, var(--s-color-primary, #111827) 14%, var(--s-color-card, #ffffff));
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 56px);
    background: var(--s-color-surface, #f8fafc);
    color: var(--s-color-body-text, #0f172a);
    font-family: var(--s-font-family-body, inherit);
}

.manual-order-loading[b-legtkrjrq3] {
    flex: 1;
    min-height: 0;
}

.manual-order-shell[b-legtkrjrq3] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4, 0.5rem);
    min-height: 0;
    padding: var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
    min-height: 66px;
    border-radius: var(--s-border-radius-medium, 8px);
    padding: var(--s-space-4, 0.5rem) var(--s-space-5, 0.625rem);
    background: var(--offer-hero-bg);
    color: var(--offer-hero-fg);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-theme {
    position: absolute;
    z-index: 4;
    top: var(--s-space-3, 0.375rem);
    right: var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-main {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: var(--s-space-4, 0.5rem);
    min-width: 0;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-back-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 28%, transparent);
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--offer-hero-fg) 9%, transparent);
    color: var(--offer-hero-fg);
    line-height: 1;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-title {
    min-width: 0;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero h1 {
    margin: 0;
    color: var(--offer-hero-fg) !important;
    font-size: clamp(1.2rem, 1.5vw, 1.55rem);
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero span {
    display: inline-flex;
    margin-top: 2px;
    color: var(--offer-hero-muted) !important;
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-side {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    padding-right: var(--offer-hero-theme-reserve);
    align-items: flex-end;
    justify-content: flex-end;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-chip {
    min-width: 94px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 20%, transparent);
    border-radius: var(--s-border-radius-small, 6px);
    padding: var(--s-space-2, 0.25rem) var(--s-space-4, 0.5rem);
    background: var(--offer-hero-chip-bg);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-chip small {
    display: block;
    color: var(--offer-hero-muted) !important;
    font-size: var(--s-font-size-10, 0.625rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-chip strong {
    display: block;
    margin-top: 1px;
    color: var(--offer-hero-fg) !important;
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-controls {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 18%, transparent);
    border-radius: 999px;
    padding: 2px;
    background: color-mix(in srgb, var(--offer-hero-fg) 8%, transparent);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-mode,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-settings {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-button {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--offer-hero-fg);
    padding: 0;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-button svg,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-theme-button i {
    width: 13px;
    height: 13px;
    font-size: 13px;
    line-height: 1;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel {
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--offer-panel-bg);
    box-shadow: none;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
    min-height: 46px;
    padding: var(--s-space-4, 0.5rem) var(--s-space-7, 0.875rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-title span {
    display: block;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-title small {
    display: block;
    margin-top: 2px;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-3, 0.375rem);
    flex-wrap: wrap;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-collapse-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: 50% !important;
    background: var(--offer-field-bg);
    color: var(--s-color-muted-foreground, #64748b);
    line-height: 1;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-collapsed-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-3, 0.375rem);
    flex: 1 1 auto;
    min-width: 0;
    margin-inline: var(--s-space-5, 0.625rem);
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-collapsed-summary span {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1.2;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-summary-chip {
    padding: 2px var(--s-space-4, 0.5rem);
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: 999px;
    background: var(--offer-field-bg);
    color: var(--s-color-muted-foreground, #475569);
    white-space: nowrap;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-summary-name {
    color: var(--s-color-body-text, #0f172a);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(46vw, 460px);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-splitter {
    --stock-sales-offer-header-splitter-height: clamp(232px, 30vh, 300px);
    border: none;
    background: transparent;
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-pane {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-pane > .stock-sales-offer-customer-card,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-pane > .stock-sales-offer-document-card {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-card,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-card,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-panel,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel {
    position: relative;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--offer-panel-bg);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text, #0f172a) 6%, transparent);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-card,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-card {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-card-heading {
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    min-height: 34px;
    padding-bottom: var(--s-space-4, 0.5rem);
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border, #dbe3ef) 82%, transparent);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-card-heading i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--s-color-primary, #111827) 10%, var(--offer-panel-bg));
    color: var(--s-color-primary, #111827);
    font-size: 0.875rem;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-card-heading strong {
    display: block;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
    line-height: 1.15;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-card-heading small {
    display: block;
    margin-top: 1px;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-form-grid,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-row,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-grid {
    display: grid;
    gap: var(--s-space-4, 0.5rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-row {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 128px);
    align-items: end;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-project-grid {
    grid-template-columns: minmax(0, 1fr);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-field,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-readonly-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-readonly-wide {
    grid-column: 1 / -1;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-field label,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-readonly-field label {
    margin: 0;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-readonly-field span {
    min-height: 28px;
    border-bottom: 1px dashed var(--s-color-border, #e2e8f0);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    line-height: 28px;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-select,
.manual-order-page[b-legtkrjrq3]  .s-input {
    min-height: 2.4rem;
    background: var(--offer-field-bg);
    font-size: var(--s-font-size-12, 0.75rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-card textarea {
    min-height: 72px;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-check {
    min-height: 30px;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines {
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines.fullscreen {
    position: fixed;
    z-index: 1050;
    inset: var(--s-space-3, 0.375rem);
    display: flex;
    flex-direction: column;
    background: var(--offer-panel-bg);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines.fullscreen .stock-sales-offer-lines-splitter {
    --stock-sales-offer-lines-splitter-height: calc(100dvh - 78px);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines-splitter {
    --stock-sales-offer-lines-splitter-height: clamp(435px, calc(100dvh - 372px), 660px);
    min-height: var(--stock-sales-offer-lines-splitter-height);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines-splitter-header-collapsed {
    --stock-sales-offer-lines-splitter-height: clamp(510px, calc(100dvh - 205px), 760px);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-host {
    --stock-sales-offer-grid-height: clamp(210px, 32vh, 390px);
    min-height: 0;
    padding: 0 var(--s-space-5, 0.625rem) var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-host-header-collapsed {
    --stock-sales-offer-grid-height: clamp(300px, 48vh, 550px);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-toolbar {
    min-height: 34px;
    padding: 2px 6px;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    background: var(--offer-panel-bg);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-toolbar .dxbl-toolbar-item {
    min-height: 28px;
    margin-right: 4px;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-toolbar .dxbl-btn {
    min-height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-toolbar-count {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--s-space-4, 0.5rem);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid {
    border-color: var(--datatable-border-color, var(--s-color-border, #dbe3ef));
    border-radius: 0;
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid .dxbl-grid-header-row th {
    height: 24px;
    background: var(--s-color-surface, #ffffff);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid .dxbl-grid-table td,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid td {
    line-height: 1.2;
    vertical-align: middle;
}

.manual-order-page[b-legtkrjrq3]  .editable-cell {
    display: block;
    min-height: 22px;
    border-radius: var(--s-border-radius-small, 6px);
    padding: 2px var(--s-space-2, 0.25rem);
    background: var(--offer-edit-bg);
}

.manual-order-page[b-legtkrjrq3]  .editable-cell-edit {
    min-width: 0;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-row-delete-button {
    width: 24px;
    height: 24px;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small, 6px);
    background: transparent;
    color: var(--s-color-danger, #dc2626);
    padding: 0;
    line-height: 1;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lower-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.24fr);
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lower-layout-summary-only {
    grid-template-columns: minmax(280px, 420px);
    justify-content: flex-end;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-splitter {
    border: none;
    background: transparent;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-detail-pane,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-summary-pane {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-detail-pane {
    padding-right: var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-summary-pane {
    padding-left: var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-detail-pane > .stock-sales-offer-detail-panel,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-summary-pane > .stock-sales-offer-total-panel {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-panel,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel {
    padding: var(--s-space-5, 0.625rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel h3 {
    position: relative;
    margin: 0 0 var(--s-space-7, 0.875rem);
    padding-left: var(--s-space-5, 0.625rem);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 999px;
    background: var(--s-color-primary, #111827);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-tabs {
    display: flex;
    flex-direction: column;
    min-height: 188px;
    height: 100%;
    max-height: clamp(205px, 31vh, 325px);
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-tabbar {
    display: flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    overflow-x: auto;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    padding: 0 0 var(--s-space-3, 0.375rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-tab-button {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    min-height: 28px;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small, 6px);
    background: transparent;
    color: var(--s-color-muted-foreground, #64748b);
    padding: 0 var(--s-space-4, 0.5rem);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    white-space: nowrap;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-tab-button.active {
    border-color: color-mix(in srgb, var(--s-color-primary, #111827) 62%, var(--s-color-border, #dbe3ef));
    color: var(--s-color-primary, #111827);
    background: color-mix(in srgb, var(--s-color-primary, #111827) 12%, var(--offer-panel-bg));
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-tab-button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-content {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    padding-top: var(--s-space-3, 0.375rem);
    overflow: hidden;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-empty {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-3, 0.375rem);
    min-height: 126px;
    border: 1px dashed var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--s-color-muted, #f8fafc) 58%, transparent);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel dl {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4, 0.5rem);
    margin: 0;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel dl div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel dt {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-medium, 500);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel dd {
    margin: 0;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grand-total {
    margin-top: var(--s-space-2, 0.25rem);
    padding-top: var(--s-space-5, 0.625rem);
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grand-total dt,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grand-total dd {
    color: var(--s-color-body-text, #0f172a);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-content {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-7, 0.875rem);
    color: var(--s-color-body-text, #0f172a);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-intro,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item-main span,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-source {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-group {
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--s-color-card, #ffffff);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-group h4 {
    margin: 0;
    padding: var(--s-space-5, 0.625rem) var(--s-space-7, 0.875rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.36fr);
    gap: var(--s-space-6, 0.75rem);
    padding: var(--s-space-5, 0.625rem) var(--s-space-7, 0.875rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item + .stock-sales-offer-settings-item {
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item-main,
.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item-meta {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item-main strong {
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-value {
    align-self: flex-start;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-small, 6px);
    padding: 2px var(--s-space-4, 0.5rem);
    background: var(--s-color-input-bg, var(--s-color-muted, #f8fafc));
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

@media (max-height: 820px) {
    .manual-order-page[b-legtkrjrq3] {
        min-height: 100dvh;
    }

    .manual-order-shell[b-legtkrjrq3] {
        gap: var(--s-space-2, 0.25rem);
        padding: var(--s-space-2, 0.25rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero {
        min-height: 54px;
        padding: var(--s-space-3, 0.375rem) var(--s-space-4, 0.5rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-title {
        min-height: 36px;
        padding: var(--s-space-2, 0.25rem) var(--s-space-5, 0.625rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-layout,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lower-layout {
        gap: var(--s-space-3, 0.375rem);
        padding: var(--s-space-3, 0.375rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-splitter {
        --stock-sales-offer-header-splitter-height: clamp(196px, 30vh, 252px);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-pane,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-detail-pane,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-bottom-summary-pane {
        padding: var(--s-space-3, 0.375rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-card,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-card,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-detail-panel,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-total-panel {
        padding: var(--s-space-3, 0.375rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lines-splitter {
        --stock-sales-offer-lines-splitter-height: clamp(360px, calc(100dvh - 330px), 560px);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-grid-host {
        --stock-sales-offer-grid-height: clamp(138px, 19vh, 190px);
        padding: 0 var(--s-space-3, 0.375rem) var(--s-space-3, 0.375rem);
    }
}

@media (max-width: 1280px) {
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-header-layout,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-lower-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .manual-order-shell[b-legtkrjrq3] {
        padding: var(--s-space-5, 0.625rem);
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-side {
        align-items: flex-start;
        min-width: 0;
        padding-right: 0;
        width: 100%;
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-hero-metrics,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-panel-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-form-grid,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-customer-row,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-project-grid,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-grid,
    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-document-grid-two {
        grid-template-columns: 1fr;
    }

    .manual-order-page[b-legtkrjrq3]  .stock-sales-offer-settings-item {
        grid-template-columns: 1fr;
    }
}
/* /Pages/OrderManagement/Pages/OrderDetails/OrderDetail.razor.rz.scp.css */
.info-grid[b-pwork1d9qg] {
    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-pwork1d9qg] {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

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

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

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

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

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

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

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

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

.campaign-badge[b-pwork1d9qg] {
    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-pwork1d9qg] {
    margin-right: 5px;
}

.campaign-card[b-pwork1d9qg] {
    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-pwork1d9qg] {
    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-pwork1d9qg] {
    flex-grow: 1;
}

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

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

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

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

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

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

.order-card[b-pwork1d9qg] {
    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-pwork1d9qg] {
    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-pwork1d9qg] {
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
}

.order-status[b-pwork1d9qg] {
    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-pwork1d9qg] {
    padding: 2rem;
}

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

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

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

.order-products th[b-pwork1d9qg] {
    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-pwork1d9qg] {
    display: none;
}

.order-products td[b-pwork1d9qg] {
    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-pwork1d9qg] {
    background-color: rgba(58, 134, 255, 0.05);
}

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

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

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

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

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

.cart-summary[b-pwork1d9qg] {
    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-pwork1d9qg] {
    background-color: #f0f5ff;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e8ff;
}

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

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

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



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

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

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

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

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

.btn-update:hover[b-pwork1d9qg] {
    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-pwork1d9qg] {
    border-right: 1px solid #c7c7c7;
}

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

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

.payment-summary-vertical[b-pwork1d9qg] {
    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-pwork1d9qg] {
    background: linear-gradient(135deg, #4f46e5, #7c3aed);
    color: white;
    padding: 0.45rem;
    text-align: center;
}

.payment-summary-title[b-pwork1d9qg] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.payment-summary-body[b-pwork1d9qg] {
    padding: 0;
}


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

.summary-label[b-pwork1d9qg] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    font-size: var(--s-font-size-12);
}

.summary-label i[b-pwork1d9qg] {
    width: 20px;
    display: none;
    text-align: center;
}

.summary-item.grand-total .summary-label[b-pwork1d9qg],
.summary-item.grand-total .summary-value[b-pwork1d9qg] {
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
}

.weight-item[b-pwork1d9qg] {
    background: #f8fafc;
}

.weight-item .summary-label[b-pwork1d9qg],
.weight-item .summary-value[b-pwork1d9qg] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12)
}


.order-detail-wrapper[b-pwork1d9qg] {
    display: flex;
    gap: var(--s-space-14);
    align-items: start;
    flex-direction: row-reverse;
    flex-direction: column;
}

.order-detail-status[b-pwork1d9qg] {
    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-pwork1d9qg] {
    padding: 8px 12px;
}

.basket-product-main[b-pwork1d9qg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (min-width:1024px) {
    .basket-product-main[b-pwork1d9qg] {
        align-items: start;
    }
}

.basket-product-image[b-pwork1d9qg] {
    width: 48px;
    height: 48px;
    border-width: 1px;
    border-radius: var(--s-border-radius-default);
    flex-shrink: 0;
}

.basket-product-image img[b-pwork1d9qg] {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.basket-product-info[b-pwork1d9qg] {
    flex: 1;
    min-width: 0;
}

.basket-product-name[b-pwork1d9qg] {
    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-pwork1d9qg] {
    font-weight: var(--s-font-weight-normal);
    font-size: var(--s-font-size-12);
}

@media screen and (min-width:1024px) {
    .basket-product-name[b-pwork1d9qg] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-4);
    }
}

.product-features[b-pwork1d9qg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4) var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.product-features-desktop[b-pwork1d9qg] {
    display: none;
}

@media screen and (min-width:1024px) {
    .product-features-desktop[b-pwork1d9qg] {
        display: flex;
        margin-top: var(--s-space-4);
        margin-bottom: 0;
    }

    .product-features-mobile[b-pwork1d9qg] {
        display: none;
    }
}

.product-features-mobile[b-pwork1d9qg] {
    margin-top: var(--s-space-8);
}

.product-features p[b-pwork1d9qg],
.product-discounts p[b-pwork1d9qg] {
    gap: var(--s-space-4);
    font-size: var(--s-font-size-12);
    margin: 0;
    flex-shrink: 0;
}

.product-features span:last-child[b-pwork1d9qg],
.product-discounts span:last-child[b-pwork1d9qg] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
}

.product-features span:first-child[b-pwork1d9qg]:after,
.product-discounts span:first-child[b-pwork1d9qg]:after {
    content: ": ";
}

.product-features span:first-child[b-pwork1d9qg],
.product-discounts span:first-child[b-pwork1d9qg] {
    color: var(--s-color-muted-foreground);
}

.basket-product-actions[b-pwork1d9qg] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-right: auto;
}

@media screen and (min-width:1024px) {
    .basket-product-actions[b-pwork1d9qg] {
        margin-right: 0;
        margin-left: auto;
    }
}

.basket-product-quantity[b-pwork1d9qg] {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}

.basket-product-package-info[b-pwork1d9qg] {
    font-size: var(--s-font-size-12);
    text-align: left;
}

@media screen and (min-width:1024px) {
    .basket-product-package-info[b-pwork1d9qg] {
        text-align: center;
    }
}

.basket-product-package-info span:first-child[b-pwork1d9qg] {
    color: var(--s-color-muted-foreground);
}

.basket-product-input[b-pwork1d9qg] {
    border-radius: var(--s-border-radius-default);
    border-width: 1px;
    max-width: calc(var(--rem-scale) * 14rem);
}



.basket-product-input[b-pwork1d9qg] {
    font-weight: var(--s-font-weight-medium);
}

.basket-product-input button[b-pwork1d9qg] {
    background-color: transparent;
    border-radius: 0;
    height: calc(var(--rem-scale) * 2.8rem);
}

.basket-product-input>button[b-pwork1d9qg] {
    border-right-width: 1px;
}

.basket-product-input>button+input+button[b-pwork1d9qg] {
    border-left-width: 1px;
    border-right-width: 0;
}

.basket-product-delete[b-pwork1d9qg] {
    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-pwork1d9qg] {
        position: static;
    }
}

.basket-product-pricing[b-pwork1d9qg] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;

}


.basket-product-bottom[b-pwork1d9qg] {
    display: flex;
    justify-content: space-between;

    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (min-width:1024px) {

    .basket-product-pricing[b-pwork1d9qg] {
        padding-left: calc(var(--rem-scale) * 5.6rem);
    }

    .basket-product-bottom[b-pwork1d9qg] {
        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-pwork1d9qg] {
    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-pwork1d9qg] {
        margin-top: var(--s-space-4);
        max-width: calc(100% - calc(var(--rem-scale) * 19rem));
    }
}

.product-price-details svg[b-pwork1d9qg],
.product-price-details p[b-pwork1d9qg] {
    flex-shrink: 0;
}


.price-item[b-pwork1d9qg] {
    display: flex;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    color: var(--s-color-body-text);
}

.price-item span:first-child[b-pwork1d9qg] {
    color: var(--s-color-muted-foreground);
}

.price-item span:last-child[b-pwork1d9qg] {
    font-weight: var(--s-font-weight-medium)
}

.price-item span:first-child[b-pwork1d9qg]:after {
    content: ":";
}

.price-total[b-pwork1d9qg] {
    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-pwork1d9qg] {
        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-pwork1d9qg] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.price-total span:first-child[b-pwork1d9qg]:after {
    content: ":";
}

.price-total-amount[b-pwork1d9qg] {
    font-size: var(--s-font-size-14);
}

.product-discounts[b-pwork1d9qg] {
    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-pwork1d9qg] {
        margin-top: var(--s-space-4);
    }
}

.product-discounts p[b-pwork1d9qg],
.product-discounts svg[b-pwork1d9qg] {
    flex-shrink: 0;
}

.basket-product-actions-desktop[b-pwork1d9qg] {
    display: none;
}


.basket-product-quantity-with-price[b-pwork1d9qg] {
    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-pwork1d9qg] {
        display: flex;
    }

    .basket-product-actions-mobile[b-pwork1d9qg] {
        display: none;
    }

    .basket-product-quantity-with-price[b-pwork1d9qg] {
        margin-top: 0
    }
}

.order-detail-page[b-pwork1d9qg] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    color: var(--s-color-body-text);
}

.order-detail-header[b-pwork1d9qg] {
    padding-block: var(--s-space-4);
}

.order-detail-card[b-pwork1d9qg],
.order-detail-page .s-card[b-pwork1d9qg] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
}

.order-detail-page .s-card-collapsible summary[b-pwork1d9qg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    padding: var(--s-space-12) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.order-detail-page .s-card-collapsible summary h6[b-pwork1d9qg],
.order-detail-page .s-card-content-title[b-pwork1d9qg] {
    margin: 0;
    color: var(--s-color-body-text);
}

.order-detail-page .s-card-content[b-pwork1d9qg] {
    padding: var(--s-space-12) var(--s-space-16);
}

.order-detail-page .info-grid[b-pwork1d9qg] {
    gap: var(--s-space-12);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.order-detail-page .info-item[b-pwork1d9qg],
.order-detail-page .summary-item[b-pwork1d9qg] {
    padding: var(--datatable-row-size, var(--s-space-8) 0);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.order-detail-page .info-label[b-pwork1d9qg],
.order-detail-page .summary-label[b-pwork1d9qg] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.order-detail-page .info-value[b-pwork1d9qg],
.order-detail-page .summary-value[b-pwork1d9qg],
.order-detail-page .price[b-pwork1d9qg],
.order-detail-page .product-name[b-pwork1d9qg] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
}

.order-detail-page .summary-item.grand-total .summary-label[b-pwork1d9qg],
.order-detail-page .summary-item.grand-total .summary-value[b-pwork1d9qg] {
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-14)), var(--s-font-size-14));
}

.order-detail-page .summary-label[b-pwork1d9qg],
.order-detail-page .summary-value[b-pwork1d9qg] {
    font-weight: var(--s-font-weight-semibold);
}

.order-detail-page .campaign-badge[b-pwork1d9qg],
.order-detail-page .note-card[b-pwork1d9qg] {
    border-color: color-mix(in srgb, var(--s-color-primary) 25%, var(--datatable-border-color, var(--s-color-border)));
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card));
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.order-detail-page .note-card[b-pwork1d9qg] {
    padding: var(--s-space-12);
    border-left: 4px solid var(--s-color-primary);
}

.order-detail-page .note-title[b-pwork1d9qg],
.order-detail-page .note-content[b-pwork1d9qg] {
    color: var(--s-color-body-text);
}

.order-products-card .s-card-content[b-pwork1d9qg] {
    padding: var(--s-space-16);
}

.order-products-table-wrap[b-pwork1d9qg] {
    overflow: auto;
    scrollbar-width: thin;
}

.order-detail-page .order-products[b-pwork1d9qg] {
    width: 100%;
    min-width: max-content;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.order-detail-page .order-products th[b-pwork1d9qg],
.order-detail-page .order-products td[b-pwork1d9qg] {
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-8));
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    vertical-align: middle;
}

.order-detail-page .order-products th[b-pwork1d9qg] {
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: 0;
    text-transform: uppercase;
}

.order-detail-page .order-products .product-row:hover[b-pwork1d9qg] {
    background-color: var(--s-color-datatable-hover);
}

.order-detail-page .order-products .product-row:hover td[b-pwork1d9qg] {
    background-color: var(--s-color-datatable-hover);
}

.order-detail-page .price-original[b-pwork1d9qg] {
    color: var(--s-color-muted-foreground);
    text-decoration: none;
}

.discount-breakdown[b-pwork1d9qg] {
    display: flex;
    gap: 0;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.discount-breakdown--header[b-pwork1d9qg] {
    margin-top: var(--s-space-4);
    font-weight: var(--s-font-weight-normal);
}

.discount-breakdown-cell[b-pwork1d9qg] {
    flex: 1;
    padding: var(--s-space-2);
}

.order-detail-page .border-right-cell:not(:last-child)[b-pwork1d9qg] {
    border-right: 1px solid var(--datatable-border-color, var(--s-color-border));
}

body.s-datatable-striped .order-detail-page.s-datatable .summary-item:nth-child(even)[b-pwork1d9qg],
body.s-datatable-striped .order-detail-page.s-datatable .order-products tbody tr:nth-child(odd) td[b-pwork1d9qg] {
    background-color: var(--s-color-table-striped-row);
}

body.s-datatable-no-inline-styles .order-detail-page.s-datatable .order-products th[b-pwork1d9qg],
body.s-datatable-no-inline-styles .order-detail-page.s-datatable .order-products td[b-pwork1d9qg],
body.s-datatable-no-inline-styles .order-detail-page.s-datatable .border-right-cell:not(:last-child)[b-pwork1d9qg] {
    border-left-width: 0;
    border-right-width: 0;
}

body:not(.s-datatable-no-inline-styles) .order-detail-page.s-datatable .summary-item > div + div[b-pwork1d9qg] {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding-left: var(--s-space-8);
}

body.s-datatable-contrast-middle .order-detail-page.s-datatable .order-detail-card[b-pwork1d9qg],
body.s-datatable-contrast-middle .order-detail-page.s-datatable .s-card[b-pwork1d9qg],
body.s-datatable-contrast-high .order-detail-page.s-datatable .order-detail-card[b-pwork1d9qg],
body.s-datatable-contrast-high .order-detail-page.s-datatable .s-card[b-pwork1d9qg] {
    box-shadow: none;
}

@media screen and (min-width:1024px) {
    .order-detail-page .info-grid details summary svg[b-pwork1d9qg] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .order-detail-page .info-item[b-pwork1d9qg],
    .order-detail-page .summary-item[b-pwork1d9qg] {
        gap: var(--s-space-8);
        flex-direction: column;
        align-items: flex-start;
    }

    .order-detail-page .info-label[b-pwork1d9qg],
    .order-detail-page .info-value[b-pwork1d9qg] {
        flex-basis: auto;
        text-align: left;
    }

    body:not(.s-datatable-no-inline-styles) .order-detail-page.s-datatable .info-item > div + div[b-pwork1d9qg],
    body:not(.s-datatable-no-inline-styles) .order-detail-page.s-datatable .summary-item > div + div[b-pwork1d9qg] {
        border-left: 0;
        padding-left: 0;
    }
}
/* /Pages/Organization/Hierarchy/Components/HierarchyCopySchemaPopup.razor.rz.scp.css */
.oh-empty-state-card[b-4gnp1kw02n] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 180px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    text-align: center;
    padding: 1rem;
}

.oh-section-kicker[b-4gnp1kw02n] {
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.oh-section-title[b-4gnp1kw02n] {
    margin: 0.2rem 0 0;
    color: var(--s-color-body-text);
    font-size: 1rem;
    font-weight: 700;
}

.oh-inline-actions[b-4gnp1kw02n] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.oh-copy-layout[b-4gnp1kw02n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 500px;
}

@media (min-width: 992px) {
    .oh-copy-layout[b-4gnp1kw02n] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(290px, 0.85fr);
    }
}

.oh-copy-intro[b-4gnp1kw02n] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent) 36%, var(--s-color-background, #fff));
    color: var(--s-color-body-text);
    margin-bottom: 0.5rem;
    grid-column: 1 / -1;
}

.oh-copy-panel[b-4gnp1kw02n] {
    border: 1px solid var(--s-color-border);
    border-radius: 18px;
    background: var(--s-color-background, #fff);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.oh-copy-panel-header[b-4gnp1kw02n] {
    padding: 1rem 1rem 0.9rem;
    border-bottom: 1px solid var(--s-color-border);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.oh-copy-summary[b-4gnp1kw02n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.75rem;
    padding: 0.9rem 1rem 0;
}

.oh-copy-summary-item[b-4gnp1kw02n] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent) 42%, var(--s-color-background, #fff));
}

.oh-copy-summary-item span[b-4gnp1kw02n] {
    color: var(--s-color-muted-foreground);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.oh-copy-summary-item strong[b-4gnp1kw02n] {
    color: var(--s-color-body-text);
    font-size: 1rem;
}

.oh-copy-tree-wrapper[b-4gnp1kw02n],
.oh-copy-target-list[b-4gnp1kw02n] {
    padding: 1rem;
    overflow: auto;
    min-height: 0;
    max-height: 500px;
}

[b-4gnp1kw02n] .oh-copy-tree {
    list-style: none;
    padding-left: 1rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.oh-copy-target-list[b-4gnp1kw02n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
}

.oh-copy-target-item[b-4gnp1kw02n] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: var(--s-color-card, #fff);
    color: var(--s-color-body-text);
    cursor: pointer;
    transition: all 0.2s ease;
}

.oh-copy-target-item:hover[b-4gnp1kw02n] {
    border-color: color-mix(in srgb, var(--s-color-primary) 60%, var(--s-color-border));
}

.oh-copy-target-item.is-selected[b-4gnp1kw02n] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card, #fff));
}

.oh-copy-target-item input[type="checkbox"][b-4gnp1kw02n] {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
}

.oh-copy-target-item-text[b-4gnp1kw02n] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.oh-copy-target-item-text strong[b-4gnp1kw02n] {
    font-size: 0.95rem;
}

.oh-copy-target-item-text small[b-4gnp1kw02n] {
    color: var(--s-color-muted-foreground);
    font-size: 0.8rem;
}
/* /Pages/Organization/Hierarchy/Components/HierarchyOrgChartWorkspace.razor.rz.scp.css */
/* CSS Org Chart Layout inspired by generic pure CSS org charts */

.oh-org-chart-wrapper[b-jskejlh6gm] {
    overflow: auto;
    padding: 2rem;
    min-height: 500px;
    background: var(--s-color-background, #fff);
    border: 1px solid var(--s-color-border, #e2e8f0);
    border-radius: var(--s-border-radius-default, 8px);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center;
}

.org-pool-note[b-jskejlh6gm] {
    font-size: 0.7rem;
}

.org-pool-tabs[b-jskejlh6gm] {
    min-height: 0;
    font-size: 0.84rem;
    display: flex;
    flex-direction: column;
}

.org-pool-scroll[b-jskejlh6gm] {
    height: clamp(34rem, 72vh, 58rem);
    max-height: none;
    min-height: 34rem;
    padding-right: 4px;
}

.org-pool-empty[b-jskejlh6gm] {
    font-size: 0.75rem;
    border: 1px dashed var(--s-color-border, #ccc);
    border-radius: 8px;
}

.org-pool-item[b-jskejlh6gm] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    width: 100%;
    padding: 0.48rem 0.62rem;
    border-radius: 9px;
    background: var(--s-color-card, #fff);
    cursor: grab;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
    text-align: left;
    font-size: 0.83rem;
    line-height: 1.25;
}

.org-pool-item-title[b-jskejlh6gm] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.org-pool-item:hover[b-jskejlh6gm] {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.org-pool-toolbar-button[b-jskejlh6gm],
.org-pool-item-action[b-jskejlh6gm] {
    border: 1px solid var(--s-color-border, #d7dde6);
    background: var(--s-color-card, #fff);
    color: var(--s-color-body-text, #1f2937);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.org-pool-toolbar-button[b-jskejlh6gm] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.org-pool-item-action[b-jskejlh6gm] {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    cursor: pointer;
}

.org-pool-toolbar-button:hover[b-jskejlh6gm],
.org-pool-item-action:hover[b-jskejlh6gm] {
    border-color: var(--s-color-primary, #2563eb);
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 10%, white);
    color: var(--s-color-primary, #2563eb);
}

.org-pool-item-action i[b-jskejlh6gm] {
    font-size: 0.72rem;
}

.org-pool-item--department[b-jskejlh6gm] {
    border: 1px solid #f97316;
    color: var(--s-color-body-text, #1f2937);
    background: #fffaf0;
}

.org-pool-item--department i[b-jskejlh6gm] {
    color: #ea580c;
}

.org-pool-item--position[b-jskejlh6gm] {
    border: 1px solid #93c5fd;
    color: var(--s-color-body-text, #1f2937);
    background: #eff6ff;
}

.org-pool-item--position i[b-jskejlh6gm] {
    color: #2563eb;
}

.org-root-drop-zone[b-jskejlh6gm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 88px;
    border: 1px dashed var(--s-color-border, #cbd5e1);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent, #f8fafc) 36%, white);
    color: var(--s-color-muted-foreground, #64748b);
    text-align: center;
    padding: 1rem;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.org-root-drop-zone i[b-jskejlh6gm] {
    font-size: 1.15rem;
}

.org-root-drop-zone strong[b-jskejlh6gm] {
    color: var(--s-color-body-text, #0f172a);
}

.org-root-drop-zone span[b-jskejlh6gm] {
    font-size: 0.82rem;
}

.org-root-drop-zone.is-active[b-jskejlh6gm] {
    border-color: var(--s-color-primary, #2563eb);
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 8%, white);
}

/* Base Tree Rules */
[b-jskejlh6gm] .tree {
    display: inline-block;
    white-space: nowrap;
}

[b-jskejlh6gm] .tree ul {
    padding-top: 20px;
    position: relative;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    padding-left: 0;
}

[b-jskejlh6gm] .tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 8px 0 8px;
    transition: all 0.5s;
}

[b-jskejlh6gm] .tree li::before,
[b-jskejlh6gm] .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 2px solid #cbd5e1;
    width: 50%;
    height: 20px;
}

[b-jskejlh6gm] .tree li::after {
    right: auto;
    left: 50%;
    border-left: 2px solid #cbd5e1;
}

[b-jskejlh6gm] .tree li:only-child::after,
[b-jskejlh6gm] .tree li:only-child::before {
    display: none;
}

[b-jskejlh6gm] .tree li:only-child {
    padding-top: 0;
}

[b-jskejlh6gm] .tree li:first-child::before,
[b-jskejlh6gm] .tree li:last-child::after {
    border: 0 none;
}

[b-jskejlh6gm] .tree li:first-child::after {
    border-radius: 5px 0 0 0;
}

[b-jskejlh6gm] .tree li:last-child::before {
    border-right: 2px solid #cbd5e1;
    border-radius: 0 5px 0 0;
}

[b-jskejlh6gm] .tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 2px solid #cbd5e1;
    width: 0;
    height: 20px;
}

[b-jskejlh6gm] .org-node-shell {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
}

[b-jskejlh6gm] .org-node-box {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    padding: 10px 16px;
    border-radius: 8px;
    color: #333;
    background-color: white;
    font-family: inherit;
    font-size: 0.85rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    cursor: grab;
    min-width: 150px;
    min-height: 84px;
    position: relative;
}

[b-jskejlh6gm] .org-node-box:hover {
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    z-index: 10;
}

[b-jskejlh6gm] .org-node-box:active {
    cursor: grabbing;
}

[b-jskejlh6gm] .org-node-box.is-drop-active {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
    border-color: var(--s-color-primary, #2563eb);
}

[b-jskejlh6gm] .org-node-remove {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

[b-jskejlh6gm] .org-node-remove:hover {
    background: #ef4444;
    color: white;
    transform: scale(1.04);
}

[b-jskejlh6gm] .org-node-remove i {
    font-size: 0.7rem;
}

[b-jskejlh6gm] .org-node-child-drop {
    min-width: 132px;
    padding: 0.35rem 0.75rem;
    border: 1px dashed #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

[b-jskejlh6gm] .org-node-child-drop.is-active {
    border-color: var(--s-color-primary, #2563eb);
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 8%, white);
    color: var(--s-color-primary, #2563eb);
}

[b-jskejlh6gm] .org-node-icon {
    font-size: 1.25rem;
    margin-bottom: 4px;
}

[b-jskejlh6gm] .org-node-title {
    font-weight: bold;
    max-width: 148px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2;
}

[b-jskejlh6gm] .org-node-type {
    font-size: 0.7rem;
    margin-top: 4px;
    opacity: 0.8;
}

[b-jskejlh6gm] .node-department {
    border-color: #f97316;
    background-color: #fffaf0;
    border-top: 4px solid #f97316;
}

[b-jskejlh6gm] .node-department .org-node-icon {
    color: #ea580c;
}

[b-jskejlh6gm] .node-position {
    border-color: #3b82f6;
    background-color: #eff6ff;
    border-top: 4px solid #3b82f6;
    font-weight: normal;
}

[b-jskejlh6gm] .node-position .org-node-title {
    font-weight: 500;
}

[b-jskejlh6gm] .node-position .org-node-icon {
    color: #2563eb;
}

[b-jskejlh6gm] .node-branch {
    border-color: #10b981;
    background-color: #ecfdf5;
    border-top: 4px solid #10b981;
}

[b-jskejlh6gm] .node-branch .org-node-icon {
    color: #059669;
}

@media (min-width: 992px) {
    .oh-org-pool-column[b-jskejlh6gm],
    .oh-org-canvas-column[b-jskejlh6gm] {
        display: flex;
    }

    .oh-org-pool-column[b-jskejlh6gm] {
        flex: 0 0 245px;
        width: 245px;
        max-width: 245px;
    }

    .oh-org-canvas-column[b-jskejlh6gm] {
        flex: 1 1 calc(100% - 245px);
        width: calc(100% - 245px);
        max-width: calc(100% - 245px);
    }

    .oh-org-pool-column .oh-designer-card[b-jskejlh6gm],
    .oh-org-canvas-column .oh-designer-card[b-jskejlh6gm] {
        width: 100%;
    }
}
/* /Pages/Organization/Hierarchy/HierarchyCatalog.razor.rz.scp.css */
.oh-page[b-dre3poyfdw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.5rem;
    min-height: 100vh;
    background: linear-gradient(180deg, #fffaf5 0%, #ffffff 18%);
}

.oh-header[b-dre3poyfdw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.oh-header-main[b-dre3poyfdw],
.oh-header-actions[b-dre3poyfdw] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.oh-header-main[b-dre3poyfdw] {
    flex: 1 1 auto;
}

.oh-back-button[b-dre3poyfdw] {
    flex: 0 0 auto;
    margin-top: 0.05rem;
}

.oh-title[b-dre3poyfdw] {
    margin: 0;
    color: var(--s-color-body-text);
}

.oh-subtitle[b-dre3poyfdw] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.92rem;
}

.oh-loading-panel[b-dre3poyfdw],
.oh-empty-state-card[b-dre3poyfdw],
[b-dre3poyfdw] .oh-empty-state-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 180px;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    text-align: center;
    padding: 1rem;
}

.oh-loading-panel[b-dre3poyfdw] {
    min-height: 120px;
    border-style: solid;
}

.oh-shell[b-dre3poyfdw] {
    display: grid;
    grid-template-columns: minmax(215px, 235px) minmax(0, 1fr);
    gap: 0.95rem;
    min-height: 0;
}

.oh-sidebar[b-dre3poyfdw],
.oh-main[b-dre3poyfdw] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
}

.oh-sidebar[b-dre3poyfdw] {
    position: sticky;
    top: 1rem;
    align-self: start;
}

.oh-main-summary[b-dre3poyfdw] {
    overflow: hidden;
    padding: 0.85rem;
}

.oh-main-header[b-dre3poyfdw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.oh-main-subtitle[b-dre3poyfdw] {
    margin: 0.35rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.9rem;
    max-width: 56ch;
}

.oh-context-strip[b-dre3poyfdw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.oh-context-item[b-dre3poyfdw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent) 34%, var(--s-color-card));
}

.oh-context-item span[b-dre3poyfdw] {
    color: var(--s-color-muted-foreground);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.oh-context-item strong[b-dre3poyfdw] {
    color: var(--s-color-body-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.oh-main-tabs[b-dre3poyfdw] {
    display: inline-flex;
    gap: var(--s-space-2);
    flex-wrap: wrap;
    margin-top: 0.85rem;
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-default);
    background-color: #f1f1f1;
    align-self: flex-start;
}

.oh-management-grid[b-dre3poyfdw] {
    display: grid;
    grid-template-columns: minmax(360px, 1.08fr) minmax(360px, 1fr);
    gap: 1rem;
    align-items: start;
}

.oh-management-column[b-dre3poyfdw] {
    min-width: 0;
}

.oh-workspace-tab[b-dre3poyfdw] {
    border: 1px solid var(--s-color-border);
    background: transparent;
    color: var(--s-color-body-text);
    padding: 0.55rem 0.95rem;
    border-radius: 999px;
    font-weight: 600;
}

.oh-workspace-tab.is-active[b-dre3poyfdw] {
    background: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.oh-guide-card[b-dre3poyfdw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-accent) 40%, var(--s-color-card));
}

.oh-guide-text[b-dre3poyfdw] {
    margin: 0.2rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.86rem;
    max-width: 70ch;
}

[b-dre3poyfdw] .oh-designer-card {
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    padding: 0.9rem;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035);
}

.oh-sidebar[b-dre3poyfdw]  .oh-designer-card {
    padding: 0.75rem;
}

[b-dre3poyfdw] .oh-designer-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

[b-dre3poyfdw] .oh-section-kicker {
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.oh-sidebar[b-dre3poyfdw]  .oh-section-kicker {
    font-size: 0.72rem;
}

[b-dre3poyfdw] .oh-section-title {
    margin: 0.2rem 0 0;
    color: var(--s-color-body-text);
    font-size: 1rem;
    font-weight: 700;
}

.oh-sidebar[b-dre3poyfdw]  .oh-section-title {
    font-size: 0.92rem;
}

[b-dre3poyfdw] .oh-section-note {
    margin: 0.35rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.84rem;
    max-width: 52ch;
}

.oh-sidebar[b-dre3poyfdw]  .oh-section-note {
    font-size: 0.76rem;
}

[b-dre3poyfdw] .oh-company-row,
[b-dre3poyfdw] .oh-position-toolbar,
[b-dre3poyfdw] .oh-inline-chip-group,
[b-dre3poyfdw] .oh-inline-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

[b-dre3poyfdw] .oh-branch-actions-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
}

[b-dre3poyfdw] .oh-branch-actions-grid > button {
    width: 100%;
    justify-content: center;
}

[b-dre3poyfdw] .oh-company-row {
    flex-direction: column;
    align-items: stretch;
}

[b-dre3poyfdw] .oh-company-row .form-select,
[b-dre3poyfdw] .oh-company-row select {
    width: 100%;
}

[b-dre3poyfdw] .oh-inline-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.72rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    color: var(--s-color-body-text);
    font-size: 0.82rem;
}

[b-dre3poyfdw] .oh-field {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: var(--s-color-body-text);
    font-size: 0.88rem;
}

[b-dre3poyfdw] .oh-branch-list {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

[b-dre3poyfdw] .oh-branch-list--stacked {
    flex-direction: column;
    flex-wrap: nowrap;
}

[b-dre3poyfdw] .oh-branch-pill {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.45rem;
    width: 100%;
    border: 1px solid var(--s-color-border);
    background: linear-gradient(135deg, var(--s-color-card), color-mix(in srgb, var(--s-color-accent) 50%, var(--s-color-card)));
    color: var(--s-color-body-text);
    padding: 0.48rem 0.62rem;
    border-radius: 12px;
    text-align: left;
    transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

[b-dre3poyfdw] .oh-branch-pill:hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 60%, var(--s-color-border));
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

[b-dre3poyfdw] .oh-branch-pill.is-active {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 11%, var(--s-color-card));
}

[b-dre3poyfdw] .oh-branch-pill-text {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    font-weight: 700;
    font-size: 0.84rem;
}

[b-dre3poyfdw] .oh-branch-pill-text small {
    color: var(--s-color-muted-foreground);
    font-size: 0.66rem;
    font-weight: 500;
}

[b-dre3poyfdw] .oh-branch-pill-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

[b-dre3poyfdw] .oh-pill-badge,
[b-dre3poyfdw] .oh-pill-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    border-radius: 999px;
    font-size: 0.64rem;
    padding: 0.08rem 0.34rem;
}

[b-dre3poyfdw] .oh-pill-badge {
    background: color-mix(in srgb, var(--s-color-success) 16%, transparent);
    color: var(--s-color-success);
}

[b-dre3poyfdw] .oh-pill-count {
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
}

[b-dre3poyfdw] .dept-page__grid,
[b-dre3poyfdw] .pos-page__grid {
    min-height: 620px;
}

[b-dre3poyfdw] .dept-page__panel,
[b-dre3poyfdw] .pos-page__panel {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-background);
    overflow: hidden;
}

[b-dre3poyfdw] .dept-page__panel-header,
[b-dre3poyfdw] .pos-page__panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--s-color-border);
}

[b-dre3poyfdw] .dept-page__panel-title,
[b-dre3poyfdw] .pos-page__panel-title {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 0.98rem;
    font-weight: 700;
}

[b-dre3poyfdw] .dept-page__panel-body,
[b-dre3poyfdw] .pos-page__panel-body {
    padding: 0.95rem;
}

[b-dre3poyfdw] .dept-page__info-alert,
[b-dre3poyfdw] .pos-page__info-alert {
    margin-bottom: 0.85rem;
}

[b-dre3poyfdw] .dept-page__tree-wrapper,
[b-dre3poyfdw] .pos-page__tree-wrapper {
    min-height: 400px;
}


[b-dre3poyfdw] .oh-branch-modal-body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-dre3poyfdw] .oh-branch-modal-company {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent) 46%, var(--s-color-card));
}

[b-dre3poyfdw] .oh-schema-summary {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.9rem;
}

[b-dre3poyfdw] .oh-schema-tree {
    list-style: none;
    margin: 0;
    padding-left: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

[b-dre3poyfdw] .oh-schema-tree:first-of-type {
    padding-left: 0;
}

[b-dre3poyfdw] .oh-schema-node {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-dre3poyfdw] .oh-schema-node-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: color-mix(in srgb, var(--s-color-accent) 40%, var(--s-color-background));
}

[b-dre3poyfdw] .oh-schema-node-title {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--s-color-body-text);
    font-weight: 600;
}

[b-dre3poyfdw] .oh-schema-node-type {
    color: var(--s-color-muted-foreground);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 1199px) {
    .oh-shell[b-dre3poyfdw],
    .oh-management-grid[b-dre3poyfdw],
    [b-dre3poyfdw] .oh-copy-layout {
        grid-template-columns: 1fr;
    }

    .oh-sidebar[b-dre3poyfdw] {
        position: static;
    }
}

@media (max-width: 767px) {
    .oh-page[b-dre3poyfdw] {
        padding: 1rem;
    }

    .oh-header[b-dre3poyfdw],
    .oh-main-header[b-dre3poyfdw],
    .oh-header-main[b-dre3poyfdw],
    .oh-header-actions[b-dre3poyfdw] {
        flex-direction: column;
    }

    .oh-context-strip[b-dre3poyfdw] {
        grid-template-columns: 1fr;
    }

    .oh-guide-card[b-dre3poyfdw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .oh-main-tabs[b-dre3poyfdw] {
        width: 100%;
    }

    .oh-workspace-tab[b-dre3poyfdw] {
        flex: 1 1 auto;
        text-align: center;
    }
}
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentClientError.razor.rz.scp.css */
.failed-container[b-3lcs7j5vup] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}

.error-card[b-3lcs7j5vup] {
    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-3lcs7j5vup] {
    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-3lcs7j5vup] {
        font-size: 2.5rem;
    }

.error-details[b-3lcs7j5vup] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
}

.btn-danger[b-3lcs7j5vup] {
    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-3lcs7j5vup] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
    }

.btn-outline-secondary[b-3lcs7j5vup] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-3lcs7j5vup] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
    }

.troubleshooting[b-3lcs7j5vup] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

    .troubleshooting ul[b-3lcs7j5vup] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .troubleshooting li[b-3lcs7j5vup] {
        margin-bottom: 8px;
    }
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentFail.razor.rz.scp.css */
.failed-container[b-r4ardck02s] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}

.error-card[b-r4ardck02s] {
    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-r4ardck02s] {
    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-r4ardck02s] {
        font-size: 2.5rem;
    }

.error-details[b-r4ardck02s] {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;
}

.btn-danger[b-r4ardck02s] {
    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-r4ardck02s] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(220, 53, 69, 0.4);
    }

.btn-outline-secondary[b-r4ardck02s] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-r4ardck02s] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(108, 117, 125, 0.3);
    }

.troubleshooting[b-r4ardck02s] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

    .troubleshooting ul[b-r4ardck02s] {
        margin-bottom: 0;
        padding-left: 20px;
    }

    .troubleshooting li[b-r4ardck02s] {
        margin-bottom: 8px;
    }
/* /Pages/PaymentManagement/Components/PaymentRedirects/PaymentSuccess.razor.rz.scp.css */
.success-container[b-nx1rcp3va6] {
    height: 85vh !important;
    font-size: 0.75rem;
    overflow: auto;
}
.success-card[b-nx1rcp3va6] {
    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-nx1rcp3va6] {
    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-nx1rcp3va6] {
        font-size: 2.5rem;
    }

.order-details[b-nx1rcp3va6] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.btn-primary[b-nx1rcp3va6] {
    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-nx1rcp3va6] {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
    }

.btn-outline-secondary[b-nx1rcp3va6] {
    border: 2px solid #6c757d;
    border-radius: 25px;
    padding: 4px 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-secondary:hover[b-nx1rcp3va6] {
        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-11ua0xea9f] {
    height: 24px;
    object-fit: contain;
    margin-right: 8px;
}

.card-type-icon[b-11ua0xea9f] {
    height: 20px;
    margin-left: 4px;
}

.bank-info[b-11ua0xea9f] {
    display: flex;
    align-items: center;
    margin-top: 8px;
    color: #6c757d;
}

.info-content[b-11ua0xea9f] {
    width: 360px;
    margin: 0px 20px;
}

.payment-form[b-11ua0xea9f] {
    width: 100%;
    max-width: calc(var(--rem-scale) * 45rem);
    margin-inline: auto;
}

.payment-form-content[b-11ua0xea9f] {
    display: flex;
    gap: var(--s-space-24);
    flex-direction: column;
}


.credit-card-inner[b-11ua0xea9f] {
    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-11ua0xea9f] {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
}

.card-brand-logo[b-11ua0xea9f] {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 40px;
    width: auto;
}

.card-chip[b-11ua0xea9f] {
    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-11ua0xea9f] {
    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-11ua0xea9f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.card-holder[b-11ua0xea9f],
.card-expires[b-11ua0xea9f] {
    text-transform: uppercase;
    font-size: var(--s-font-size-12);
}

.card-holder-name[b-11ua0xea9f],
.card-expires-value[b-11ua0xea9f] {
    font-size: var(--s-font-size-12);
}

.card-brand[b-11ua0xea9f] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2em;
    font-weight: bold;
}

.installment-label[b-11ua0xea9f] {
    display: flex;
    align-items: center;
    font-size: var(--s-font-size-14);
    gap: var(--s-space-8);
    padding-left: var(--s-space-4);
}
/* /Pages/Pos/TerminalConnection/PosTerminalConnectionPage.razor.rz.scp.css */
.printer-connection-page[b-fmax2d3yzw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    color: var(--s-text, #1f2933);
}

.connection-header[b-fmax2d3yzw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.connection-header h1[b-fmax2d3yzw] {
    margin: 0;
    font-size: 22px;
}

.connection-header p[b-fmax2d3yzw] {
    margin: 4px 0 0;
    color: var(--s-muted-text, #687384);
}

.header-actions[b-fmax2d3yzw],
.connection-actions[b-fmax2d3yzw],
.form-actions[b-fmax2d3yzw],
.connection-code[b-fmax2d3yzw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.connection-card[b-fmax2d3yzw],
.empty-state[b-fmax2d3yzw],
.connection-row[b-fmax2d3yzw] {
    border: 1px solid var(--s-border, #d9dde3);
    border-radius: 8px;
    background: var(--s-surface, #fff);
}

.connection-card[b-fmax2d3yzw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
}

.form-grid[b-fmax2d3yzw] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: 12px;
}

.form-field[b-fmax2d3yzw] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
}

.form-actions[b-fmax2d3yzw] {
    justify-content: flex-end;
}

.connection-main span[b-fmax2d3yzw],
.connection-scope span[b-fmax2d3yzw],
.connection-meta span[b-fmax2d3yzw] {
    color: var(--s-muted-text, #687384);
}

.connection-code strong[b-fmax2d3yzw] {
    line-height: 1;
}

.create-code-button[b-fmax2d3yzw] {
    min-width: 132px;
}

.connection-list[b-fmax2d3yzw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.connection-list h2[b-fmax2d3yzw] {
    margin: 4px 0;
    font-size: 16px;
}

.connection-row[b-fmax2d3yzw] {
    display: grid;
    grid-template-columns: 16px minmax(180px, 1fr) minmax(280px, 1.4fr) minmax(160px, 0.8fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.status-dot[b-fmax2d3yzw] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.status-dot.online[b-fmax2d3yzw] {
    background: var(--s-success, #1f9d55);
}

.status-dot.standby[b-fmax2d3yzw] {
    background: var(--s-warning, #d97706);
}

.status-dot.offline[b-fmax2d3yzw] {
    background: var(--s-danger, #d64545);
}

.connection-main[b-fmax2d3yzw],
.connection-scope[b-fmax2d3yzw],
.connection-meta[b-fmax2d3yzw] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.connection-main span[b-fmax2d3yzw],
.connection-scope span[b-fmax2d3yzw],
.connection-meta span[b-fmax2d3yzw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state[b-fmax2d3yzw] {
    padding: 18px;
}

.s-btn.danger[b-fmax2d3yzw] {
    color: var(--s-danger, #d64545);
}

@media (max-width: 1200px) {
    .form-grid[b-fmax2d3yzw] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .connection-row[b-fmax2d3yzw] {
        grid-template-columns: 16px 1fr;
    }

    .connection-actions[b-fmax2d3yzw] {
        grid-column: 2;
    }
}

@media (max-width: 700px) {
    .connection-header[b-fmax2d3yzw],
    .header-actions[b-fmax2d3yzw],
    .form-actions[b-fmax2d3yzw] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-grid[b-fmax2d3yzw] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Detail/PosOperatorDetailCard.razor.rz.scp.css */
.pod-card[b-2u8zgpi8bi] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0;
    overflow: hidden;
    background: var(--s-color-card);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Detail/PosOperatorDetailHeader.razor.rz.scp.css */
/* Kullanici detay kartindaki (ud-header) iskeletin POS karsiligi; olculer
   tema token'larindan gelir, sabit px yok. */
.pod-header[b-oihkfmh9pm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-16);
    flex-wrap: wrap;
    padding: var(--s-space-16) var(--s-space-20);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.pod-header-left[b-oihkfmh9pm] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    min-width: 0;
}

.pod-avatar[b-oihkfmh9pm] {
    display: grid;
    place-items: center;
    width: calc(var(--rem-scale) * 4.4rem);
    height: calc(var(--rem-scale) * 4.4rem);
    flex: 0 0 auto;
    border-radius: 999px;
    background: linear-gradient(145deg, var(--s-color-primary), color-mix(in srgb, var(--s-color-primary) 72%, var(--s-color-card)));
    color: var(--s-color-primary-foreground);
    font-size: var(--s-font-size-16);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: .02em;
}

.pod-identity[b-oihkfmh9pm] {
    display: grid;
    gap: var(--s-space-2);
    min-width: 0;
}

.pod-title-row[b-oihkfmh9pm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-2);
}

.pod-name[b-oihkfmh9pm] {
    margin: 0;
    font-size: var(--s-font-size-18);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.pod-type-chip[b-oihkfmh9pm] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-1);
    padding: var(--s-space-1) var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
}

.pod-meta[b-oihkfmh9pm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-2) var(--s-space-5);
    min-width: 0;
}

.pod-meta-item[b-oihkfmh9pm] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    min-width: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pod-meta-item > span[b-oihkfmh9pm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pod-header-actions[b-oihkfmh9pm] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    .pod-header[b-oihkfmh9pm] {
        padding: var(--s-space-12);
    }

    .pod-avatar[b-oihkfmh9pm] {
        width: calc(var(--rem-scale) * 3.8rem);
        height: calc(var(--rem-scale) * 3.8rem);
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Detail/PosOperatorDetailTabPanel.razor.rz.scp.css */
.pod-content[b-almk4tscfc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0;
    background: var(--s-color-card);
}

[b-almk4tscfc] .pod-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-almk4tscfc] .pod-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-almk4tscfc] .pod-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.pod-tab-body[b-almk4tscfc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: var(--s-space-12);
    background: var(--s-color-card);
}

@media (max-width: 760px) {
    [b-almk4tscfc] .pod-tabs {
        padding: var(--s-space-8) var(--s-space-8) 0;
    }

    .pod-tab-body[b-almk4tscfc] {
        padding: var(--s-space-8);
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosAccessCopyPanel.razor.rz.scp.css */
.pos-access-copy-shell[b-6zj0mfp9lb] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: var(--s-space-4);
    gap: var(--s-space-4);
}

/* ---- Akış şeridi ---- */

.pos-access-copy-flow[b-6zj0mfp9lb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-3);
    flex: 0 0 auto;
    padding: var(--s-space-3) var(--s-space-4);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
}

.pos-access-flow-chip[b-6zj0mfp9lb] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    padding: var(--s-space-2) var(--s-space-4);
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 22%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.pos-access-flow-chip i[b-6zj0mfp9lb] {
    color: var(--s-color-primary);
}

.pos-access-flow-chip strong[b-6zj0mfp9lb] {
    font-variant-numeric: tabular-nums;
}

.pos-access-flow-arrow[b-6zj0mfp9lb] {
    color: var(--s-color-muted-foreground);
}

.pos-access-copy-flow small[b-6zj0mfp9lb] {
    margin-left: auto;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

/* ---- İki sütunlu düzen ---- */

.pos-access-copy-layout[b-6zj0mfp9lb] {
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr);
    gap: var(--s-space-6);
    flex: 1 1 auto;
    min-height: 0;
}

.pos-access-copy-layout section[b-6zj0mfp9lb] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.pos-access-copy-layout header[b-6zj0mfp9lb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-3);
    flex: 0 0 auto;
    margin-bottom: var(--s-space-3);
}

.pos-access-copy-layout header > div:first-child[b-6zj0mfp9lb] {
    display: grid;
    gap: var(--s-space-1);
}

.pos-access-copy-layout h3[b-6zj0mfp9lb] {
    margin: 0;
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.pos-access-copy-layout small[b-6zj0mfp9lb] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-access-copy-target-tools[b-6zj0mfp9lb] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    min-width: 0;
}

.pos-access-bulk-actions[b-6zj0mfp9lb] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    white-space: nowrap;
}

.pos-access-bulk-actions button[b-6zj0mfp9lb] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--s-color-primary);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.pos-access-bulk-actions button:hover[b-6zj0mfp9lb] {
    opacity: .8;
}

.pos-access-bulk-actions span[b-6zj0mfp9lb] {
    color: var(--s-color-muted-foreground);
}

/* ---- Grup listesi ---- */

.pos-access-copy-section-list[b-6zj0mfp9lb] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    overflow: auto;
    min-height: 0;
    padding-right: var(--s-space-1);
}

/* Ayar gruplari bolum listesinin altinda ikincil bir blok: kendi basligi var
   ama gorsel olarak ust listeye bagli kalmali. */
.pos-access-copy-group-block[b-6zj0mfp9lb] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: var(--s-space-8);
    padding-top: var(--s-space-8);
    border-top: 1px solid var(--s-color-border);
}

.pos-access-copy-group-block h4[b-6zj0mfp9lb] {
    margin: 0;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--s-color-muted-foreground);
}

.pos-access-check-row[b-6zj0mfp9lb] {
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    margin: 0;
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-6));
    min-height: calc(var(--rem-scale) * 3.6rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card);
    cursor: pointer;
    transition: border-color .12s ease, background-color .12s ease;
}

.pos-access-check-row:hover[b-6zj0mfp9lb] {
    background: var(--s-color-datatable-hover);
}

.pos-access-check-row.is-selected[b-6zj0mfp9lb] {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card));
}

.pos-access-check-row input[type="checkbox"][b-6zj0mfp9lb] {
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    flex: 0 0 auto;
    cursor: pointer;
}

.pos-access-check-row i[b-6zj0mfp9lb] {
    color: var(--s-color-muted-foreground);
}

.pos-access-check-row.is-selected i[b-6zj0mfp9lb] {
    color: var(--s-color-primary);
}

/* ---- Hedef kayıt tablosu ---- */

.pos-access-copy-target-table[b-6zj0mfp9lb] {
    display: grid;
    align-content: start;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.pos-access-target-row[b-6zj0mfp9lb] {
    position: relative;
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1.4fr) minmax(0, .8fr) 1.6rem;
    align-items: center;
    gap: var(--s-space-3);
    margin: 0;
    padding: var(--datatable-row-size, var(--s-space-3) var(--s-space-4));
    min-height: calc(var(--rem-scale) * 4.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-card);
    cursor: pointer;
    transition: background-color .12s ease, box-shadow .12s ease;
}

.pos-access-target-row:last-child[b-6zj0mfp9lb] {
    border-bottom: 0;
}

.pos-access-target-row:not(.is-header):hover[b-6zj0mfp9lb] {
    background: var(--s-color-datatable-hover);
}

.pos-access-target-row.is-selected[b-6zj0mfp9lb] {
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card));
    box-shadow: inset 3px 0 0 var(--s-color-primary);
}

.pos-access-target-row.is-header[b-6zj0mfp9lb] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: calc(var(--rem-scale) * 3.4rem);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    background: var(--s-color-surface);
    cursor: default;
}

.pos-access-target-row input[type="checkbox"][b-6zj0mfp9lb] {
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    flex: 0 0 auto;
    cursor: pointer;
}

.pos-access-target-row strong[b-6zj0mfp9lb],
.pos-access-target-meta[b-6zj0mfp9lb],
.pos-access-target-cell[b-6zj0mfp9lb],
.pos-access-target-cell span[b-6zj0mfp9lb] {
    min-width: 0;
}

.pos-access-target-meta[b-6zj0mfp9lb] {
    display: contents;
}

.pos-access-target-row strong[b-6zj0mfp9lb],
.pos-access-target-cell span[b-6zj0mfp9lb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-access-target-row strong[b-6zj0mfp9lb] {
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-body-text);
}

.pos-access-target-cell[b-6zj0mfp9lb] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-access-target-cell i[b-6zj0mfp9lb] {
    flex: 0 0 auto;
    color: var(--s-color-muted-foreground);
}

.pos-access-target-check[b-6zj0mfp9lb] {
    margin-left: auto;
    color: var(--s-color-primary);
    opacity: 0;
    transform: scale(.8);
    transition: opacity .12s ease, transform .12s ease;
}

.pos-access-target-row.is-selected .pos-access-target-check[b-6zj0mfp9lb] {
    opacity: 1;
    transform: scale(1);
}

/* ---- Arama ve boş durum ---- */

.pos-access-search[b-6zj0mfp9lb] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: min(240px, 30vw);
}

.pos-access-search i[b-6zj0mfp9lb] {
    position: absolute;
    left: var(--s-space-3);
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

.pos-access-search .s-input[b-6zj0mfp9lb] {
    width: 100%;
    padding-left: calc(var(--s-space-3) + 18px);
}

.pos-access-empty[b-6zj0mfp9lb] {
    flex: 1 1 auto;
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-3);
    color: var(--s-color-muted-foreground);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
}

.pos-access-empty i[b-6zj0mfp9lb] {
    font-size: calc(var(--rem-scale) * 2.4rem);
    opacity: .6;
}

/* ---- Tema zebra anahtarı (ThemeEditor "Tablo satırları") ---- */

body.s-datatable-striped .pos-access-check-row:nth-child(odd):not(.is-selected)[b-6zj0mfp9lb],
body.s-datatable-striped .pos-access-copy-target-table.s-datatable .pos-access-target-row:nth-child(even):not(.is-header):not(.is-selected):not(:hover)[b-6zj0mfp9lb] {
    background: var(--s-color-table-striped-row);
}

.pos-access-target-filterbar[b-6zj0mfp9lb] {
    display: grid;
    gap: var(--s-space-3);
    margin-bottom: var(--s-space-3);
}

.pos-access-target-filter-tools[b-6zj0mfp9lb] {
    display: grid;
    grid-template-columns: minmax(180px, .7fr) minmax(260px, 1.3fr);
    gap: var(--s-space-3);
    align-items: center;
}

[b-6zj0mfp9lb] .pos-access-warehouse-filter {
    width: 100%;
}

.pos-access-search[b-6zj0mfp9lb] {
    width: 100%;
    min-width: 0;
}

/* Tablet: iki kolon kalir ama sol ray daralir, grup listesi kendi icinde
   kaydirilir; modal yuksekligi tasmaz. */
@media (max-width: 1024px) {
    .pos-access-copy-layout[b-6zj0mfp9lb] {
        grid-template-columns: minmax(190px, .7fr) minmax(0, 1.3fr);
    }

    .pos-access-copy-group-block .pos-access-copy-section-list[b-6zj0mfp9lb] {
        max-height: calc(var(--rem-scale) * 32rem);
    }
}

@media (max-width: 760px) {
    .pos-access-copy-layout[b-6zj0mfp9lb] {
        grid-template-columns: 1fr;
    }

    /* Tek kolona duserken grup listesi ekrani doldurmasin. */
    .pos-access-copy-sections .pos-access-copy-section-list[b-6zj0mfp9lb] {
        max-height: calc(var(--rem-scale) * 24rem);
    }

    .pos-access-copy-header[b-6zj0mfp9lb],
    .pos-access-copy-target-tools[b-6zj0mfp9lb] {
        flex-direction: column;
        align-items: stretch;
    }

    .pos-access-copy-flow small[b-6zj0mfp9lb] {
        margin-left: 0;
        width: 100%;
    }

    .pos-access-search[b-6zj0mfp9lb] {
        min-width: 0;
        width: 100%;
    }

    .pos-access-target-filter-tools[b-6zj0mfp9lb] {
        grid-template-columns: 1fr;
    }

    .pos-access-target-row[b-6zj0mfp9lb] {
        grid-template-columns: 1.6rem minmax(0, 1fr) 1.6rem;
        grid-template-rows: auto auto;
    }

    .pos-access-target-row.is-header[b-6zj0mfp9lb] {
        display: none;
    }

    .pos-access-target-row > input[type="checkbox"][b-6zj0mfp9lb] {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .pos-access-target-row > strong[b-6zj0mfp9lb] {
        grid-column: 2;
        grid-row: 1;
    }

    .pos-access-target-meta[b-6zj0mfp9lb] {
        display: flex;
        grid-column: 2;
        grid-row: 2;
        flex-wrap: wrap;
        gap: var(--s-space-2) var(--s-space-4);
    }

    .pos-access-target-check[b-6zj0mfp9lb] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

/* ---- Gruplar paneli aç/kapa ---- */

/* Grup listesi kapaliyken hedefler tum genisligi kullanir. */
.pos-access-copy-layout.is-sections-collapsed[b-6zj0mfp9lb] {
    grid-template-columns: minmax(0, 1fr);
}

.pos-access-copy-layout section[hidden][b-6zj0mfp9lb] {
    display: none;
}

/* Sayac chip'i ayni zamanda ac/kapa dugmesi; buton gorunumu chip'ten sapmasin. */
button.pos-access-flow-chip.is-toggle[b-6zj0mfp9lb] {
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

button.pos-access-flow-chip.is-toggle:hover[b-6zj0mfp9lb] {
    background: color-mix(in srgb, var(--s-color-primary) 14%, var(--s-color-card));
}

button.pos-access-flow-chip.is-toggle:focus-visible[b-6zj0mfp9lb] {
    outline: 0;
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) var(--s-color-ring);
}

/* ---- Filtre satiri hizalamasi ---- */

.pos-access-target-filterbar[b-6zj0mfp9lb] {
    display: grid;
    gap: var(--s-space-3);
    margin-bottom: var(--s-space-3);
}

.pos-access-target-filter-tools[b-6zj0mfp9lb] {
    padding-inline: var(--s-space-1);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosAccessProfileEditor.razor.rz.scp.css */
.pos-access-layout[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
    flex: 1 1 auto;
    min-height: 0;
    margin-top: var(--s-space-6);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    background: var(--s-color-card);
}

/* Tek bölüm ve grup yoksa sol menü çizilmez; liste tam genişliğe yayılır. */
.pos-access-layout.is-nav-hidden[b-auop4lk0g4] {
    grid-template-columns: minmax(0, 1fr);
}

/* İkinci blok (Gruplar) başlığı ilkine yapışmasın. */
.pos-access-nav-label + .pos-access-nav-label[b-auop4lk0g4],
.pos-access-section-nav button + .pos-access-nav-label[b-auop4lk0g4] {
    margin-top: var(--s-space-3);
}

/* ---- Sol grup navigasyonu ---- */

/* Arka plan bilerek --s-color-surface DEĞİL: markalı temalarda o değer
   tonlu geliyor ve kolonun tamamını kaplayınca göz yoruyordu. Kolon içerikle
   aynı yüzeyde duruyor, ayrımı sağ kenarlık yapıyor; renk yalnızca seçili
   satırın ikonunda ve sol çubuğunda kalıyor. */
.pos-access-section-nav[b-auop4lk0g4] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-1);
    padding: var(--s-space-3);
    background: var(--s-color-card);
    border-right: 1px solid var(--datatable-border-color, var(--s-color-border));
    overflow: auto;
}

.pos-access-nav-label[b-auop4lk0g4] {
    padding: var(--s-space-2) var(--s-space-2) var(--s-space-1);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .68rem);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pos-access-section-nav button[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-3);
    width: 100%;
    padding: var(--s-space-3);
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.pos-access-nav-icon[b-auop4lk0g4] {
    display: grid;
    place-items: center;
    width: calc(var(--rem-scale) * 2.6rem);
    height: calc(var(--rem-scale) * 2.6rem);
    flex: 0 0 auto;
    border-radius: var(--s-border-radius-small);
    /* Kolon artık kart zemininde; ikon karesi muted olmazsa görünmez oluyor. */
    background: var(--s-color-muted);
    border: 1px solid var(--s-color-border);
    color: var(--s-color-muted-foreground);
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.pos-access-nav-icon i[b-auop4lk0g4] {
    font-size: var(--s-font-size-14);
    line-height: 1;
}

.pos-access-nav-title[b-auop4lk0g4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-access-section-nav button:hover[b-auop4lk0g4] {
    background: var(--s-color-datatable-hover);
    border-color: var(--s-color-border);
}

/* Seçili satır renkli blok değil: nötr bir dolgu + sol tarafta ince marka
   çubuğu. Böylece hangi tema seçilirse seçilsin kolon sakin kalıyor. */
.pos-access-section-nav button.is-active[b-auop4lk0g4] {
    background: var(--s-color-muted);
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
    box-shadow: inset 3px 0 0 var(--s-color-primary);
}

.pos-access-section-nav button.is-active .pos-access-nav-icon[b-auop4lk0g4] {
    background: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.pos-access-count-badge[b-auop4lk0g4] {
    padding: var(--s-space-1) var(--s-space-3);
    border-radius: 999px;
    background: var(--s-color-muted);
    border: 1px solid var(--s-color-border);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-medium);
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.pos-access-section-nav button.is-active .pos-access-count-badge[b-auop4lk0g4] {
    background: var(--s-color-card);
    border-color: var(--s-color-border);
    color: var(--s-color-body-text);
}

/* ---- Sağ içerik ---- */

.pos-access-section-content[b-auop4lk0g4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    padding: var(--s-space-4);
    overflow: hidden;
}

.pos-access-section-header[b-auop4lk0g4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-3);
    flex: 0 0 auto;
    margin-bottom: var(--s-space-3);
}

.pos-access-section-header > div:first-child[b-auop4lk0g4] {
    display: grid;
    gap: var(--s-space-1);
}

.pos-access-section-header h3[b-auop4lk0g4] {
    margin: 0;
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.pos-access-section-nav small:not(.pos-access-count-badge)[b-auop4lk0g4],
.pos-access-section-header small[b-auop4lk0g4],
.pos-access-target-row small[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-access-section-actions[b-auop4lk0g4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--s-space-2);
}

.pos-access-bulk-actions[b-auop4lk0g4] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    white-space: nowrap;
}

.pos-access-bulk-actions button[b-auop4lk0g4] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--s-color-primary);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

.pos-access-bulk-actions button:hover[b-auop4lk0g4] {
    opacity: .8;
}

.pos-access-bulk-actions span[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
}

.pos-access-search[b-auop4lk0g4] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: min(240px, 30vw);
}

.pos-access-search i[b-auop4lk0g4] {
    position: absolute;
    left: var(--s-space-3);
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

.pos-access-search .s-input[b-auop4lk0g4] {
    width: 100%;
    padding-left: calc(var(--s-space-3) + 18px);
}

.pos-access-group-filter[b-auop4lk0g4] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: min(190px, 24vw);
    margin: 0;
}

.pos-access-group-filter i[b-auop4lk0g4] {
    position: absolute;
    left: var(--s-space-3);
    z-index: 1;
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

.pos-access-group-filter .s-select[b-auop4lk0g4] {
    width: 100%;
    padding-left: calc(var(--s-space-3) + 18px);
}

/* ---- Liste zeminleri (tema tablo kontrastı: --datatable-border-color) ---- */

.pos-access-permission-grid[b-auop4lk0g4],
.pos-access-permission-table[b-auop4lk0g4],
.pos-access-selection-list[b-auop4lk0g4],
.pos-access-key-list[b-auop4lk0g4] {
    /* Az kayıtlı gruplarda liste, panelin altında büyük bir boşluk bırakmasın diye
       kalan yüksekliği doldurur; satırlar align-content ile üstte kalır. */
    flex: 1 1 auto;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: auto;
    min-height: 0;
}

/* ---- İzin grid'i (2 sütun) ---- */

.pos-access-permission-grid[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    flex: 0 1 auto;
    max-height: min(52vh, 520px);
}

.pos-access-permission-table[b-auop4lk0g4] {
    display: grid;
    align-content: start;
    overflow: auto;
    max-height: none;
}

.pos-access-permission-row[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-3);
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-6));
    min-height: calc(var(--rem-scale) * 3.6rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    background: transparent;
    box-shadow:
        0 1px 0 var(--datatable-border-color, var(--s-color-border));
    transition: background-color .12s ease;
}

/* Satır yüksekliği ve yazı boyu ThemeEditor'ın "Tablo satırları" ayarından gelir. */
.pos-access-permission-table .pos-access-permission-row[b-auop4lk0g4] {
    grid-template-columns: minmax(190px, .9fr) minmax(280px, 1.6fr) minmax(100px, .45fr);
    min-height: 0;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.pos-access-permission-table.has-row-actions .pos-access-permission-row[b-auop4lk0g4] {
    grid-template-columns:
        minmax(160px, .9fr)
        minmax(220px, 1.6fr)
        minmax(90px, .45fr)
        calc(var(--rem-scale) * 3rem);
}

.pos-access-permission-row.is-header[b-auop4lk0g4] {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 0;
    padding-top: var(--s-space-2);
    padding-bottom: var(--s-space-2);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Teknik anahtar ikincil kalır ama #737373 fazla siliktı; secondary-foreground
   açıkta #303030, koyuda #fafafa. */
.pos-access-permission-key[b-auop4lk0g4] {
    overflow: hidden;
    color: var(--s-color-secondary-foreground);
    font-size: var(--s-font-size-12);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-access-permission-row.is-toggle[b-auop4lk0g4] {
    cursor: pointer;
    margin: 0;
}

.pos-access-permission-row:hover[b-auop4lk0g4] {
    background: var(--s-color-datatable-hover);
}

.pos-access-permission-row label[b-auop4lk0g4],
.pos-access-permission-row > span[b-auop4lk0g4] {
    overflow-wrap: anywhere;
    margin: 0;
}

.pos-access-permission-row .form-check-input[b-auop4lk0g4] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    border-color: var(--s-color-input);
}

.pos-access-permission-row .form-check-input:checked[b-auop4lk0g4] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.pos-access-permission-row .s-input[b-auop4lk0g4] {
    justify-self: end;
    width: calc(var(--rem-scale) * 11rem);
    text-align: end;
}

.pos-access-dependent-setting:has(.s-input:disabled)[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
}

.pos-access-dependent-setting .s-input:disabled[b-auop4lk0g4] {
    cursor: not-allowed;
    opacity: .65;
}

/* ---- Seçim listesi (2 sütun) ---- */

.pos-access-selection-list[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
}

.pos-access-target-row[b-auop4lk0g4] {
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    margin: 0;
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-6));
    min-height: calc(var(--rem-scale) * 3.6rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    cursor: pointer;
    background: transparent;
    box-shadow: 0 1px 0 var(--datatable-border-color, var(--s-color-border));
    transition: background-color .12s ease;
}

.pos-access-selection-list .pos-access-target-row:nth-child(odd)[b-auop4lk0g4] {
    box-shadow:
        inset -1px 0 0 var(--datatable-border-color, var(--s-color-border)),
        0 1px 0 var(--datatable-border-color, var(--s-color-border));
}

.pos-access-target-row:hover[b-auop4lk0g4] {
    background: var(--s-color-datatable-hover);
}

.pos-access-target-row input[type="checkbox"][b-auop4lk0g4] {
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    flex: 0 0 auto;
    cursor: pointer;
}

.pos-access-target-row span[b-auop4lk0g4] {
    display: grid;
    min-width: 0;
}

.pos-access-target-row strong[b-auop4lk0g4] {
    font-weight: var(--s-font-weight-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---- Anahtar/değer listesi ---- */

.pos-access-key-list[b-auop4lk0g4] {
    display: grid;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.pos-access-key-row[b-auop4lk0g4] {
    display: grid;
    /* Her satır kendi grid'i olduğu için ilk ve son kolon sabit genişlikte:
       başlık satırı ile veri satırları ancak böyle hizalanır. */
    /* Aktif / Anahtar / Aciklama / Deger. Dar offcanvas'ta da tasmamasi icin
       minimumlar kucuk; genisleyince fr oranlari calisiyor. */
    grid-template-columns:
        calc(var(--rem-scale) * 4.6rem)
        minmax(100px, 1fr)
        minmax(90px, 1fr)
        minmax(120px, 1.1fr);
    align-items: center;
    gap: var(--s-space-3);
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-6));
    min-height: 36px;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    background: transparent;
    box-shadow: 0 1px 0 var(--datatable-border-color, var(--s-color-border));
    transition: background-color .12s ease;
}

.pos-access-key-list.has-row-actions .pos-access-key-row[b-auop4lk0g4] {
    grid-template-columns:
        calc(var(--rem-scale) * 4.6rem)
        minmax(100px, 1fr)
        minmax(90px, 1fr)
        minmax(120px, 1.1fr)
        calc(var(--rem-scale) * 3rem);
}

/* Anahtar artik alan degil, okunur kimlik. */
.pos-access-key-text[b-auop4lk0g4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-card-foreground);
    font-family: var(--s-font-family-monospace, monospace);
}

.pos-access-description-cell[b-auop4lk0g4] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-muted-foreground);
}

/* Kutu olculeri hover'da degismemeli; yoksa uzerine gelince satir buyuyor. */
.pos-access-row-action[b-auop4lk0g4] {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: calc(var(--rem-scale) * 3rem);
    height: calc(var(--rem-scale) * 3rem);
    padding: 0;
    align-self: center;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    transition: background-color .12s ease, color .12s ease, border-color .12s ease;
}

.pos-access-row-action i[b-auop4lk0g4] {
    line-height: 1;
}

.pos-access-row-action:hover[b-auop4lk0g4] {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, transparent);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

.pos-access-key-row:not(.is-header):hover[b-auop4lk0g4] {
    background: var(--s-color-datatable-hover);
}

/* Tablet: anahtar/deger sigsin diye minimumlar daralir, aksiyon kolonu kalir. */
/* Tablet: aciklama kolonu dusuyor, anahtar ve deger kaliyor. */
@media (max-width: 1024px) {
    .pos-access-key-row[b-auop4lk0g4] {
        grid-template-columns:
            calc(var(--rem-scale) * 4.6rem)
            minmax(90px, 1fr)
            minmax(100px, 1.1fr);
    }

    .pos-access-key-list.has-row-actions .pos-access-key-row[b-auop4lk0g4] {
        grid-template-columns:
            calc(var(--rem-scale) * 4.6rem)
            minmax(90px, 1fr)
            minmax(100px, 1.1fr)
            calc(var(--rem-scale) * 3rem);
    }

    .pos-access-key-row > .pos-access-description-cell[b-auop4lk0g4],
    .pos-access-key-row.is-header > span:nth-child(3)[b-auop4lk0g4] {
        display: none;
    }
}

.pos-access-key-row.is-header[b-auop4lk0g4] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: var(--s-space-2);
    padding-bottom: var(--s-space-2);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pos-access-key-row input[type="checkbox"][b-auop4lk0g4] {
    width: calc(var(--rem-scale) * 1.6rem);
    height: calc(var(--rem-scale) * 1.6rem);
    cursor: pointer;
}

.pos-access-key-row .s-input.is-incomplete[b-auop4lk0g4] {
    border-color: var(--s-color-destructive);
}

/* Açıklama satırın asıl okunan bilgisi: en güçlü metin rengiyle ve biraz kalın.
   --s-color-card-foreground tema duyarlı (açıkta siyah, koyuda beyaza yakın) ve
   --s-color-body-text'in aksine marka rengine bağlı değil, bu yüzden silik durmaz. */
.pos-access-permission-label[b-auop4lk0g4] {
    display: grid;
    gap: var(--s-space-1);
    color: var(--s-color-card-foreground);
    font-weight: var(--s-font-weight-medium);
}

.pos-access-permission-label small[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-regular, 400);
}

.pos-access-key-cell[b-auop4lk0g4],
.pos-access-value-cell[b-auop4lk0g4] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.pos-access-value-cell .s-input[b-auop4lk0g4],
.pos-access-value-cell .s-select[b-auop4lk0g4],
.pos-access-value-cell textarea[b-auop4lk0g4] {
    width: 100%;
}

.pos-access-value-cell > small[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
}

.pos-access-value-cell textarea[b-auop4lk0g4] {
    min-height: calc(var(--rem-scale) * 2.8rem);
    height: calc(var(--rem-scale) * 2.8rem);
    resize: none;
    white-space: nowrap;
    overflow: hidden;
}

.pos-access-inline-toggle[b-auop4lk0g4] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    margin: 0;
}

/* ---- Kontrol yüksekliği ----
   Checkbox 14px, number input 30px olunca satırlar zıplıyordu; DURUM
   sütunundaki her kontrol aynı yüksekliği kaplasın ve satırlar eşitlensin. */

.pos-access-permission-table[b-auop4lk0g4] {
    --pos-access-control-height: calc(var(--rem-scale) * 3rem);
}

.pos-access-permission-table .pos-access-permission-row:not(.is-header)[b-auop4lk0g4] {
    min-height: var(--pos-access-control-height);
}

.pos-access-permission-row .s-input[b-auop4lk0g4],
.pos-access-permission-row .s-select[b-auop4lk0g4],
.pos-access-permission-row .pos-access-inline-toggle[b-auop4lk0g4] {
    height: var(--pos-access-control-height);
    align-self: center;
}

.pos-access-key-row.is-read-only[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
}

.pos-access-key-row :disabled[b-auop4lk0g4] {
    cursor: not-allowed;
    opacity: .7;
}

/* ---- Tema zebra anahtarı (ThemeEditor "Tablo satırları") ---- */

/* Yetki ve anahtar listeleri tek sütun: başlık ilk çocuk olduğu için zebra çift
   sıradan başlar. Hedef listesi 2 sütunlu grid olduğundan bir satır iki çocuk
   demek; zebranın satır bazlı olması için 4n+1/4n+2 gerekir. */
body.s-datatable-striped .pos-access-permission-row:not(.is-header):nth-child(even)[b-auop4lk0g4],
body.s-datatable-striped .pos-access-key-row:not(.is-header):nth-child(even)[b-auop4lk0g4],
body.s-datatable-striped .pos-access-selection-list .pos-access-target-row:nth-child(4n + 1)[b-auop4lk0g4],
body.s-datatable-striped .pos-access-selection-list .pos-access-target-row:nth-child(4n + 2)[b-auop4lk0g4] {
    background: var(--s-color-table-striped-row);
}

body.s-datatable-striped .pos-access-permission-row:hover[b-auop4lk0g4],
body.s-datatable-striped .pos-access-target-row:hover[b-auop4lk0g4],
body.s-datatable-striped .pos-access-key-row:not(.is-header):hover[b-auop4lk0g4] {
    background: var(--s-color-datatable-hover);
}

/* ---- Tema tablo stili (ThemeEditor "Tablo stilleri": Basit / Detaylı) ----
   "Basit" body'ye s-datatable-no-inline-styles ekler ve dinamik grid'de dikey
   kolon çizgilerini kaldırır. "Detaylı" seçildiğinde (sınıf yokken) burada da
   kolon ayraçları görünsün. */

body:not(.s-datatable-no-inline-styles) .pos-access-permission-table .pos-access-permission-row > *:not(:last-child)[b-auop4lk0g4],
body:not(.s-datatable-no-inline-styles) .pos-access-key-list .pos-access-key-row > *:not(:last-child)[b-auop4lk0g4] {
    border-right: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding-right: var(--s-space-3);
}

/* 2 sütunlu hedef listesinde tek çocuk sol kolondur; ayraç yalnızca "Detaylı"da. */
body.s-datatable-no-inline-styles .pos-access-selection-list .pos-access-target-row:nth-child(odd)[b-auop4lk0g4] {
    box-shadow: 0 1px 0 var(--datatable-border-color, var(--s-color-border));
}

/* ---- Boş durum ---- */

.pos-access-empty[b-auop4lk0g4] {
    flex: 1 1 auto;
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-3);
    color: var(--s-color-muted-foreground);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
}

.pos-access-empty i[b-auop4lk0g4] {
    font-size: calc(var(--rem-scale) * 2.4rem);
    opacity: .6;
}

@media (max-width: 760px) {
    .pos-access-layout[b-auop4lk0g4] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .pos-access-section-nav[b-auop4lk0g4] {
        flex-direction: row;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    }

    .pos-access-nav-label[b-auop4lk0g4] {
        display: none;
    }

    .pos-access-section-nav button[b-auop4lk0g4] {
        min-width: 170px;
    }

    .pos-access-section-header[b-auop4lk0g4],
    .pos-access-section-actions[b-auop4lk0g4] {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-access-search[b-auop4lk0g4] {
        min-width: 0;
        width: 100%;
    }

    .pos-access-group-filter[b-auop4lk0g4] {
        min-width: 0;
        width: 100%;
    }

    .pos-access-permission-grid[b-auop4lk0g4],
    .pos-access-permission-table[b-auop4lk0g4],
    .pos-access-selection-list[b-auop4lk0g4] {
        grid-template-columns: 1fr;
    }

    .pos-access-permission-row:nth-child(odd)[b-auop4lk0g4],
    .pos-access-selection-list .pos-access-target-row:nth-child(odd)[b-auop4lk0g4] {
        box-shadow: 0 1px 0 var(--datatable-border-color, var(--s-color-border));
    }

    .pos-access-permission-table .pos-access-permission-row[b-auop4lk0g4] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pos-access-permission-table .pos-access-permission-row.is-header[b-auop4lk0g4] {
        display: none;
    }

    .pos-access-permission-key[b-auop4lk0g4] {
        grid-column: 1 / 3;
    }

    body.s-datatable-striped .pos-access-permission-row:nth-child(4n + 1)[b-auop4lk0g4],
    body.s-datatable-striped .pos-access-permission-row:nth-child(4n + 2)[b-auop4lk0g4] {
        background: transparent;
    }

    body.s-datatable-striped .pos-access-permission-row:nth-child(odd)[b-auop4lk0g4],
    body.s-datatable-striped .pos-access-target-row:nth-child(odd)[b-auop4lk0g4] {
        background: var(--s-color-table-striped-row);
    }

    .pos-access-key-row[b-auop4lk0g4],
    .pos-access-key-list.has-row-actions .pos-access-key-row[b-auop4lk0g4] {
        grid-template-columns:
            calc(var(--rem-scale) * 4.6rem)
            minmax(0, 1fr)
            calc(var(--rem-scale) * 3rem);
        min-height: auto;
    }

    .pos-access-key-row > input[type="checkbox"][b-auop4lk0g4] {
        grid-column: 1;
        grid-row: 1;
    }

    .pos-access-key-text[b-auop4lk0g4] {
        grid-column: 2;
        grid-row: 1;
    }

    .pos-access-row-action[b-auop4lk0g4] {
        grid-column: 3;
        grid-row: 1;
    }

    /* Aciklama anahtarin altina, deger en alta. */
    .pos-access-description-cell[b-auop4lk0g4] {
        grid-column: 2 / 4;
        grid-row: 2;
        white-space: normal;
    }

    .pos-access-value-cell[b-auop4lk0g4] {
        grid-column: 2 / 4;
        grid-row: 3;
    }

    /* Satırlar sarıldığı için kolon başlığı hizasını koruyamaz. */
    .pos-access-key-row.is-header[b-auop4lk0g4] {
        display: none;
    }
}
.pos-access-layout.is-read-only input:disabled[b-auop4lk0g4],
.pos-access-layout.is-read-only select:disabled[b-auop4lk0g4],
.pos-access-layout.is-read-only textarea:disabled[b-auop4lk0g4] {
    opacity: 1;
    color: var(--s-color-body-text);
    background: transparent;
    cursor: default;
}

.pos-access-target-row.is-read-only > i[b-auop4lk0g4] {
    color: var(--s-color-muted-foreground);
}

.pos-access-target-row.is-read-only > i.is-selected[b-auop4lk0g4],
.pos-access-read-status.is-enabled[b-auop4lk0g4] {
    color: var(--s-color-primary);
}

.pos-access-detail-table[b-auop4lk0g4] {
    overflow: auto;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius);
}

.pos-access-detail-row[b-auop4lk0g4] {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 1fr) minmax(9rem, 1.1fr);
    gap: var(--s-space-8);
    align-items: center;
    min-height: 2.25rem;
    padding: var(--datatable-row-size);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
}

.pos-access-detail-row.is-header[b-auop4lk0g4] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    font-weight: var(--s-font-weight-semibold);
}

.pos-access-detail-row:not(.is-header):nth-child(odd)[b-auop4lk0g4] {
    background: var(--s-color-table-striped-row);
}

.pos-access-detail-row code[b-auop4lk0g4],
.pos-access-detail-row span[b-auop4lk0g4],
.pos-access-detail-row strong[b-auop4lk0g4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-access-read-status[b-auop4lk0g4] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

@media (max-width: 760px) {
    .pos-access-detail-row[b-auop4lk0g4] {
        grid-template-columns: minmax(8rem, 1fr) minmax(8rem, 1fr);
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosAccessProfileModal.razor.rz.scp.css */
[b-65dxngkqqf] .pos-access-offcanvas-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--s-color-card);
}

@media (max-width: 760px) {
    [b-65dxngkqqf] .pos-access-offcanvas-body {
        overflow: auto;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosAccessProfileWorkspace.razor.rz.scp.css */
.pos-access-panel-content[b-gf8qsh7w6b] {
    --datatable-row-size: var(--s-space-4) var(--s-space-6);
    --datatable-row-font-size: var(--s-font-size-12);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--s-color-card);
    color: var(--s-color-body-text);
}

.pos-access-shell[b-gf8qsh7w6b] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pos-access-panel-footer[b-gf8qsh7w6b] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    min-height: calc(var(--s-space-20) + var(--s-space-16));
    padding: var(--s-space-8) var(--s-space-16);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

.pos-access-panel-footer-actions[b-gf8qsh7w6b],
.pos-access-header-actions[b-gf8qsh7w6b] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
}

.pos-access-panel-footer-context[b-gf8qsh7w6b] {
    min-width: 0;
}

.pos-access-mode-badge[b-gf8qsh7w6b] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    padding: var(--s-space-2) var(--s-space-4);
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 22%, var(--s-color-border));
    border-radius: var(--s-border-radius);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    font-size: var(--s-font-size-12);
    font-weight: 600;
}

/* Genel sekme = form + altinda ikincil eylemler. ::deep sart: form ve buton
   ayri bilesenlerde ciziliyor. */
[b-gf8qsh7w6b] .pos-access-general-tab {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    min-height: 0;
}

[b-gf8qsh7w6b] .pos-access-general-actions {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

[b-gf8qsh7w6b] .pos-access-general-actions small {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-access-state[b-gf8qsh7w6b] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2);
    color: var(--s-color-muted-foreground);
}

@media (max-width: 760px) {
    .pos-access-panel-content[b-gf8qsh7w6b] {
        overflow: auto;
    }

    .pos-access-panel-footer-context[b-gf8qsh7w6b] {
        display: none;
    }

    .pos-access-panel-footer[b-gf8qsh7w6b] {
        justify-content: flex-end;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosOperatorCloneModal.razor.rz.scp.css */
.pos-operator-clone[b-jelghx4fwg] {
    display: grid;
    gap: var(--s-space-4);
}

.pos-operator-clone .s-form-field[b-jelghx4fwg] {
    display: grid;
    gap: var(--s-space-2);
    margin: 0;
}

.pos-operator-clone .s-form-label[b-jelghx4fwg] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-operator-clone small[b-jelghx4fwg] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
}

.pos-operator-clone input[readonly][b-jelghx4fwg] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosOperatorCredentialModal.razor.rz.scp.css */
.pos-operator-credential-modal[b-vga9n7j00u] {
    display: grid;
    gap: var(--s-space-4);
}

.pos-operator-credential-modal p[b-vga9n7j00u] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-operator-credential-modal label[b-vga9n7j00u] {
    display: grid;
    gap: var(--s-space-2);
    margin: 0;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosOperatorDefinitionCard.razor.rz.scp.css */
.pos-operator-card[b-6xwcuiv5pa] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-3, 0.75rem);
    padding: var(--s-space-3, 0.75rem);
}

.pos-operator-card-state[b-6xwcuiv5pa] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2, 0.5rem);
    color: var(--s-color-text-muted);
}

.pos-operator-card-footer[b-6xwcuiv5pa] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--s-space-2, 0.5rem);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosOperatorDefinitionDetails.razor.rz.scp.css */
.pos-definition-detail-grid[b-q9p15161yk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    column-gap: var(--s-space-20);
    row-gap: var(--s-space-16);
    width: min(100%, calc(var(--rem-scale) * 108rem));
    min-width: 0;
    margin: 0 auto;
    padding: var(--s-space-8);
}

.pos-definition-detail-grid dt[b-q9p15161yk],
.pos-definition-detail-grid dd[b-q9p15161yk] {
    margin: 0;
}

.pos-definition-detail-grid dt[b-q9p15161yk] {
    margin-bottom: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-definition-detail-grid > div[b-q9p15161yk] {
    min-width: 0;
    padding: var(--s-space-8) 0;
}

.pos-definition-detail-grid dd[b-q9p15161yk] {
    overflow: hidden;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-13, .8125rem);
    font-weight: var(--s-font-weight-medium);
    text-overflow: ellipsis;
}

@media (max-width: 760px) {
    .pos-definition-detail-grid[b-q9p15161yk] {
        grid-template-columns: 1fr;
        gap: var(--s-space-12);
        padding-inline: 0;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosOperatorDefinitionForm.razor.rz.scp.css */
.pos-operator-form[b-d6s9x2ii1k] {
    --pos-operator-control-height: calc(var(--rem-scale) * 3.6rem);

    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    width: min(100%, calc(var(--rem-scale) * 108rem));
    margin-inline: auto;
    padding: var(--s-space-8);
    color: var(--s-color-body-text);
}

.pos-operator-form-grid[b-d6s9x2ii1k] {
    display: grid;
    /* 12 kolon taban: kod, ad ve depo ayni satirda ucer kolon kaplar. */
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-content: start;
    column-gap: var(--s-space-20);
    row-gap: var(--s-space-16);
    min-width: 0;
}

.pos-operator-form .s-form-field[b-d6s9x2ii1k] {
    display: grid;
    align-content: start;
    gap: var(--s-space-4);
    min-width: 0;
    margin: 0;
}

.pos-operator-form .s-form-label[b-d6s9x2ii1k] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-operator-form small[b-d6s9x2ii1k] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    line-height: 1.35;
}

.pos-operator-form input[readonly][b-d6s9x2ii1k] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-operator-form-grid > *[b-d6s9x2ii1k] {
    grid-column: span 6;
}

.pos-operator-form-grid .pos-operator-form-wide[b-d6s9x2ii1k] {
    grid-column: 1 / -1;
}

.pos-operator-form-grid .pos-operator-form-third[b-d6s9x2ii1k] {
    grid-column: span 4;
}

.pos-operator-form-toggles[b-d6s9x2ii1k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-space-16);
    min-height: var(--pos-operator-control-height);
    padding-top: var(--s-space-4);
}

.pos-operator-toggle[b-d6s9x2ii1k] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-operator-form .form-check-input[type="checkbox"][b-d6s9x2ii1k] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    border-color: var(--s-color-input);
    background-color: var(--s-color-input-bg);
}

.pos-operator-form .form-check-input[type="checkbox"]:checked[b-d6s9x2ii1k] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.pos-operator-form .form-check-input[type="checkbox"]:focus-visible[b-d6s9x2ii1k] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) var(--s-color-ring);
    outline: 0;
}

.pos-operator-form-warning[b-d6s9x2ii1k] {
    margin: 0;
    font-size: var(--s-font-size-12);
}

.pos-operator-terminal-tags[b-d6s9x2ii1k] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-2);
}

.pos-operator-terminal-tag[b-d6s9x2ii1k] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-1);
    max-width: 100%;
    padding: var(--s-space-1) var(--s-space-3);
    overflow: hidden;
    border-radius: 999px;
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-10, .7rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-operator-terminal-tag i[b-d6s9x2ii1k] {
    color: var(--s-color-muted-foreground);
}

@media (max-width: 640px) {
    .pos-operator-form[b-d6s9x2ii1k] {
        gap: var(--s-space-12);
        padding-inline: 0;
    }

    .pos-operator-form-grid[b-d6s9x2ii1k] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-space-12);
    }

    .pos-operator-form-grid > *[b-d6s9x2ii1k],
    .pos-operator-form-grid .pos-operator-form-wide[b-d6s9x2ii1k],
    .pos-operator-form-grid .pos-operator-form-third[b-d6s9x2ii1k] {
        grid-column: auto;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosSettingRowCopyPanel.razor.rz.scp.css */
.pos-row-copy[b-lgwa5v8t7s] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    min-height: 0;
}

/* Kopyalanacak satırın kendisi: diyalog açıldığında ilk okunan bilgi.
   Tek çerçeve yeter; içeride ayrıca kutu çizilmiyor. */
.pos-row-copy-entry[b-lgwa5v8t7s] {
    display: grid;
    gap: var(--s-space-2);
    padding: var(--s-space-8) var(--s-space-12);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-muted);
}

.pos-row-copy-entry-title[b-lgwa5v8t7s] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    overflow-wrap: anywhere;
}

/* Etiket + deger cifti: dar ekranda alt alta, genisleyince yan yana. */
.pos-row-copy-entry dl[b-lgwa5v8t7s] {
    display: grid;
    gap: var(--s-space-4);
    margin: 0;
}

.pos-row-copy-entry dl > div[b-lgwa5v8t7s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-1);
}

.pos-row-copy-entry dt[b-lgwa5v8t7s] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pos-row-copy-entry dd[b-lgwa5v8t7s] {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    overflow-wrap: anywhere;
}

.pos-row-copy-entry dd code[b-lgwa5v8t7s] {
    font-family: var(--s-font-family-monospace, monospace);
    color: var(--s-color-secondary-foreground);
}

@media (min-width: 560px) {
    .pos-row-copy-entry dl > div[b-lgwa5v8t7s] {
        grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
        align-items: baseline;
        gap: var(--s-space-8);
    }
}

.pos-row-copy-toolbar[b-lgwa5v8t7s] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.pos-row-copy-toolbar .s-select[b-lgwa5v8t7s] {
    flex: 0 1 calc(var(--rem-scale) * 26rem);
    min-width: 0;
}

.pos-row-copy-search[b-lgwa5v8t7s] {
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    flex: 1 1 calc(var(--rem-scale) * 26rem);
    margin: 0;
    min-width: 0;
    color: var(--s-color-muted-foreground);
}

.pos-row-copy-search .s-input[b-lgwa5v8t7s] {
    flex: 1 1 auto;
    min-width: 0;
}

.pos-row-copy-summary[b-lgwa5v8t7s] {
    margin-left: auto;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    white-space: nowrap;
}

/* Zebra ve kenarlıklar tema tablosundan gelsin; grid kendi çerçevesini
   çizmesin diye dış kutuyu tek bir ince çizgiye indiriyoruz. */
.pos-row-copy-grid[b-lgwa5v8t7s] {
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius);
}

[b-lgwa5v8t7s] .pos-row-copy-dxgrid {
    border: 0;
}

[b-lgwa5v8t7s] .pos-row-copy-dxgrid .dxbl-grid-table > tbody > tr:nth-child(odd) > td {
    background: var(--s-color-table-striped-row);
}

[b-lgwa5v8t7s] .pos-row-copy-dxgrid .dxbl-grid-table > tbody > tr:hover > td {
    background: var(--s-color-datatable-hover);
}

@media (max-width: 760px) {
    .pos-row-copy-summary[b-lgwa5v8t7s] {
        margin-left: 0;
        width: 100%;
    }

    .pos-row-copy-toolbar .s-select[b-lgwa5v8t7s],
    .pos-row-copy-search[b-lgwa5v8t7s] {
        flex: 1 1 100%;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosTerminalDefinitionCard.razor.rz.scp.css */
.pos-operator-card[b-lvqykakt2j] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-3, 0.75rem);
    padding: var(--s-space-3, 0.75rem);
}

.pos-operator-card-state[b-lvqykakt2j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2, 0.5rem);
    color: var(--s-color-text-muted);
}

.pos-operator-card-footer[b-lvqykakt2j] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--s-space-2, 0.5rem);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/PosTerminalDefinitionForm.razor.rz.scp.css */
.pos-operator-form[b-lv5kxzq5ql] {
    --pos-operator-control-height: calc(var(--rem-scale) * 3.6rem);

    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    width: min(100%, calc(var(--rem-scale) * 108rem));
    margin-inline: auto;
    padding: var(--s-space-8);
    color: var(--s-color-body-text);
}

/* 12 kolonluk taban: yarim span 6, ucte bir span 4, ceyrek span 3, tam 1/-1.
   Ceyrek gerekli cunku Depo + Kasa Tipi ikisi birlikte bir yarim alan kapliyor
   ve Aciklama ayni satirda kalan diger yarim. */
.pos-operator-form-grid[b-lv5kxzq5ql] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-content: start;
    column-gap: var(--s-space-20);
    row-gap: var(--s-space-16);
    min-width: 0;
}

.pos-operator-form .s-form-field[b-lv5kxzq5ql] {
    display: grid;
    align-content: start;
    gap: var(--s-space-4);
    min-width: 0;
    margin: 0;
}

.pos-operator-form .s-form-label[b-lv5kxzq5ql] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-operator-form small[b-lv5kxzq5ql] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    line-height: 1.35;
}

.pos-operator-form input[readonly][b-lv5kxzq5ql] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-operator-form-grid > *[b-lv5kxzq5ql] {
    grid-column: span 6;
}

.pos-operator-form-grid .pos-operator-form-wide[b-lv5kxzq5ql] {
    grid-column: 1 / -1;
}

.pos-operator-form-grid .pos-operator-form-third[b-lv5kxzq5ql] {
    grid-column: span 4;
}

.pos-operator-form-grid .pos-operator-form-quarter[b-lv5kxzq5ql] {
    grid-column: span 3;
}

/* Jeton uzun ve okunur; buton alanla ayni satirda kalmali. */
.pos-terminal-token[b-lv5kxzq5ql] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6, 0.375rem);
    min-width: 0;
}

.pos-terminal-token .s-input[b-lv5kxzq5ql] {
    width: calc(var(--rem-scale) * 16rem);
    max-width: 200px;
    flex: 0 0 auto;
    font-family: var(--s-font-family-monospace, monospace);
    font-size: var(--s-font-size-12);
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
}

.pos-terminal-token-actions[b-lv5kxzq5ql] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--s-space-6, 0.375rem);
}

.pos-terminal-token[b-lv5kxzq5ql]  .dxbl-btn {
    padding-block: calc(var(--rem-scale) * 0.35rem);
    padding-inline: calc(var(--rem-scale) * 0.75rem);
    white-space: nowrap;
}

.pos-operator-form-toggles[b-lv5kxzq5ql] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-space-16);
    min-height: var(--pos-operator-control-height);
    padding-top: var(--s-space-4);
}

.pos-operator-toggle[b-lv5kxzq5ql] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-operator-form .form-check-input[type="checkbox"][b-lv5kxzq5ql] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    border-color: var(--s-color-input);
    background-color: var(--s-color-input-bg);
}

.pos-operator-form .form-check-input[type="checkbox"]:checked[b-lv5kxzq5ql] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.pos-operator-form .form-check-input[type="checkbox"]:focus-visible[b-lv5kxzq5ql] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) var(--s-color-ring);
    outline: 0;
}

.pos-operator-form-warning[b-lv5kxzq5ql] {
    margin: 0;
    font-size: var(--s-font-size-12);
}

.pos-terminal-identity-tags[b-lv5kxzq5ql],
.pos-operator-terminal-tags[b-lv5kxzq5ql] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-2);
}

.pos-operator-terminal-tag[b-lv5kxzq5ql] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-1);
    max-width: 100%;
    padding: var(--s-space-1) var(--s-space-3);
    overflow: hidden;
    border-radius: 999px;
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-10, .7rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-operator-terminal-tag i[b-lv5kxzq5ql] {
    color: var(--s-color-muted-foreground);
}

/* Tablet: uclu ve ceyrek satirlar sigmiyor, hepsi ikiliye dusuyor. */
@media (max-width: 1024px) {
    .pos-operator-form-grid .pos-operator-form-third[b-lv5kxzq5ql],
    .pos-operator-form-grid .pos-operator-form-quarter[b-lv5kxzq5ql] {
        grid-column: span 6;
    }
}

@media (max-width: 640px) {
    .pos-operator-form[b-lv5kxzq5ql] {
        gap: var(--s-space-12);
        padding-inline: 0;
    }

    .pos-operator-form-grid[b-lv5kxzq5ql] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-space-12);
    }

    .pos-operator-form-grid > *[b-lv5kxzq5ql],
    .pos-operator-form-grid .pos-operator-form-wide[b-lv5kxzq5ql],
    .pos-operator-form-grid .pos-operator-form-third[b-lv5kxzq5ql],
    .pos-operator-form-grid .pos-operator-form-quarter[b-lv5kxzq5ql] {
        grid-column: auto;
    }

    .pos-terminal-token[b-lv5kxzq5ql] {
        flex-wrap: wrap;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Tsm/PosTsmDeviceAccessFields.razor.rz.scp.css */
.pos-tsm-access[b-f2c1fs0cli] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-16);
    margin-top: var(--s-space-10);
}

@media (max-width: 640px) {
    .pos-tsm-access[b-f2c1fs0cli] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pos-tsm-access-pane[b-f2c1fs0cli] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

.pos-tsm-access-head[b-f2c1fs0cli] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-10);
    padding: var(--s-space-12) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-muted);
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    letter-spacing: .02em;
}

.pos-tsm-access-head small[b-f2c1fs0cli] {
    min-width: calc(var(--rem-scale) * 3.6rem);
    padding: var(--s-space-2) var(--s-space-10);
    border-radius: 999px;
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-medium);
    text-align: center;
}

.pos-tsm-access-all[b-f2c1fs0cli] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    margin: 0;
    padding: var(--s-space-12) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
}

.pos-tsm-access-list[b-f2c1fs0cli] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-height: calc(var(--rem-scale) * 12rem);
    max-height: calc(var(--rem-scale) * 26rem);
    padding: var(--s-space-10);
    overflow: auto;
}

.pos-tsm-access-row[b-f2c1fs0cli] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    margin: 0;
    padding: var(--s-space-8) var(--s-space-10);
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-tsm-access-row:hover[b-f2c1fs0cli] {
    border-color: var(--s-color-border);
    background: var(--s-color-datatable-hover);
}

.pos-tsm-access-row:has(input:checked)[b-f2c1fs0cli] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    font-weight: var(--s-font-weight-medium);
}

.pos-tsm-access-row span[b-f2c1fs0cli] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-tsm-access input[type="checkbox"][b-f2c1fs0cli] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    accent-color: var(--s-color-primary);
    cursor: pointer;
}

.pos-tsm-access-empty[b-f2c1fs0cli] {
    padding: var(--s-space-12) var(--s-space-10);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Tsm/PosTsmDeviceDefinitionCard.razor.rz.scp.css */
.pos-operator-card[b-jrk5ys1rwn] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.pos-operator-card-state[b-jrk5ys1rwn] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    color: var(--s-color-text-muted);
}

.pos-operator-card-footer[b-jrk5ys1rwn] {
    display: flex;
    justify-content: flex-end;
    width: min(100%, 720px);
    margin-inline: auto;
    padding-top: var(--s-space-20);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/Components/Tsm/PosTsmDeviceDefinitionForm.razor.rz.scp.css */
.pos-operator-form[b-tta3r3z59r] {
    --pos-operator-control-height: calc(var(--rem-scale) * 3.6rem);

    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    width: min(100%, calc(var(--rem-scale) * 108rem));
    margin-inline: auto;
    padding: var(--s-space-8);
    color: var(--s-color-body-text);
}

/* 12 kolon taban: varsayilan alan yarim (6), ucluye ayrilan alanlar 4 kolon.
   Alanlar alt bilesenlerde ciziliyor, bu yuzden ::deep sart. */
.pos-operator-form-grid[b-tta3r3z59r] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-content: start;
    column-gap: var(--s-space-20);
    row-gap: var(--s-space-16);
    min-width: 0;
}

.pos-operator-form-grid[b-tta3r3z59r]  .s-form-field {
    display: grid;
    align-content: start;
    gap: var(--s-space-4);
    min-width: 0;
    margin: 0;
    grid-column: span 6;
}

.pos-operator-form-grid[b-tta3r3z59r]  .pos-operator-form-third {
    grid-column: span 4;
}

.pos-operator-form-grid[b-tta3r3z59r]  .s-form-label {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-operator-form-grid[b-tta3r3z59r]  .pos-operator-form-wide {
    grid-column: 1 / -1;
}

.pos-operator-form-grid[b-tta3r3z59r]  input[readonly] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-operator-form-toggles[b-tta3r3z59r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-space-16);
    min-height: var(--pos-operator-control-height);
    padding-top: var(--s-space-4);
}

.pos-operator-toggle[b-tta3r3z59r] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-operator-form .form-check-input[type="checkbox"][b-tta3r3z59r] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    border-color: var(--s-color-input);
    background-color: var(--s-color-input-bg);
}

.pos-operator-form .form-check-input[type="checkbox"]:checked[b-tta3r3z59r] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.pos-operator-form .form-check-input[type="checkbox"]:focus-visible[b-tta3r3z59r] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) var(--s-color-ring);
    outline: 0;
}

.pos-operator-form-warning[b-tta3r3z59r] {
    margin: 0;
    font-size: var(--s-font-size-12);
}

@media (max-width: 640px) {
    .pos-operator-form[b-tta3r3z59r] {
        gap: var(--s-space-12);
        padding-inline: 0;
    }

    .pos-operator-form-grid[b-tta3r3z59r] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-space-12);
    }

    .pos-operator-form-grid[b-tta3r3z59r]  .s-form-field,
    .pos-operator-form-grid[b-tta3r3z59r]  .pos-operator-form-third,
    .pos-operator-form-grid[b-tta3r3z59r]  .pos-operator-form-wide {
        grid-column: auto;
    }
}
/* /Pages/PosSyncManagement/Pages/AccessProfiles/PosAccessProfilePage.razor.rz.scp.css */
.pos-access-profile-page[b-0qx9idnc0e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    height: calc(100dvh - var(--s-space-24) - var(--s-space-16));
    min-height: 32rem;
    color: var(--s-color-body-text);
}

.pos-access-page-workspace[b-0qx9idnc0e] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-card);
    box-shadow: var(--s-shadow-sm);
}

.pos-access-page-state[b-0qx9idnc0e] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-12);
    flex: 1 1 auto;
    min-height: 24rem;
    padding: var(--s-space-24);
    text-align: center;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-card);
}

.pos-access-page-state h1[b-0qx9idnc0e],
.pos-access-page-state p[b-0qx9idnc0e] {
    margin: 0;
}

.pos-access-page-state h1[b-0qx9idnc0e] {
    font-size: var(--s-font-size-18);
}

.pos-access-page-state p[b-0qx9idnc0e] {
    max-width: 32rem;
    color: var(--s-color-muted-foreground);
}

.pos-access-page-state-icon[b-0qx9idnc0e] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    font-size: var(--s-font-size-20);
}

@media (max-width: 760px) {
    .pos-access-profile-page[b-0qx9idnc0e] {
        height: calc(100dvh - var(--s-space-12));
        min-height: 24rem;
    }

    .pos-access-page-workspace[b-0qx9idnc0e] {
        border-radius: 0;
    }
}
/* /Pages/PosSyncManagement/Pages/Documents/Templates/PosDocumentToolbar.razor.rz.scp.css */
.pos-document-toolbar-inline-field[b-sux0j0m73u] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.pos-document-toolbar-inline-field.is-warehouse[b-sux0j0m73u] {
    min-width: 180px;
}

.pos-document-toolbar-inline-field.is-terminal[b-sux0j0m73u] {
    min-width: 180px;
}

.pos-document-toolbar-inline-field[b-sux0j0m73u]  .s-select.dxbl-text-edit,
.pos-document-toolbar-search-input[b-sux0j0m73u],
.pos-document-toolbar-select[b-sux0j0m73u] {
    border-color: var(--s-color-border);
    border-radius: var(--s-radius-sm, 4px);
    background-color: var(--s-color-input-bg, var(--s-color-surface));
    color: var(--s-color-body-text, var(--s-color-text));
}

.pos-document-toolbar-inline-field[b-sux0j0m73u]  .s-select.dxbl-text-edit:focus-within,
.pos-document-toolbar-search-input:focus[b-sux0j0m73u],
.pos-document-toolbar-select:focus-visible[b-sux0j0m73u] {
    border-color: var(--s-color-primary);
    outline: 2px solid color-mix(in srgb, var(--s-color-primary) 24%, transparent);
    outline-offset: 1px;
}

.pos-document-toolbar-inline-field[b-sux0j0m73u]  .s-select.dxbl-text-edit:hover,
.pos-document-toolbar-search-input:hover[b-sux0j0m73u],
.pos-document-toolbar-select:hover[b-sux0j0m73u] {
    border-color: color-mix(in srgb, var(--s-color-primary) 48%, var(--s-color-border));
}

.pos-document-toolbar-select[b-sux0j0m73u] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-4) var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-sm, 4px);
    background-color: var(--s-color-surface);
    color: var(--s-color-text);
    white-space: nowrap;
}

.pos-document-toolbar-select-icon[b-sux0j0m73u] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.pos-document-toolbar-select-lead[b-sux0j0m73u] {
    opacity: 0.7;
}

.pos-document-toolbar-search-field[b-sux0j0m73u] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 210px;
}

.pos-document-toolbar-search-icon[b-sux0j0m73u] {
    position: absolute;
    left: var(--s-space-8);
    opacity: 0.6;
    pointer-events: none;
}

.pos-document-toolbar-search-input[b-sux0j0m73u] {
    width: 100%;
    padding-left: var(--s-space-28);
    padding-right: var(--s-space-28);
}

.pos-document-toolbar-search-apply[b-sux0j0m73u] {
    position: absolute;
    right: var(--s-space-4);
    border: 0;
    background: transparent;
    color: var(--s-color-text);
    opacity: 0.6;
}

.pos-document-toolbar-search-apply:hover[b-sux0j0m73u] {
    opacity: 1;
}

.pos-document-toolbar-clear-button[disabled][b-sux0j0m73u] {
    opacity: 0.4;
}

.pos-document-toolbar-date-panel[b-sux0j0m73u] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    padding: var(--s-space-12);
}

.pos-document-toolbar-date-preset[b-sux0j0m73u] {
    text-align: left;
    border: 0;
    border-radius: var(--s-radius-sm, 4px);
    padding: var(--s-space-8) var(--s-space-12);
    background: transparent;
    color: var(--s-color-text);
}

.pos-document-toolbar-date-preset:hover[b-sux0j0m73u] {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
}

.pos-document-toolbar-date-preset.is-selected[b-sux0j0m73u] {
    background-color: color-mix(in srgb, var(--s-color-primary) 16%, transparent);
    font-weight: 600;
}

.pos-document-toolbar-date-range[b-sux0j0m73u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-space-8);
    margin-top: var(--s-space-8);
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

.pos-document-toolbar-date-range label[b-sux0j0m73u] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    font-size: 0.75rem;
}

.pos-document-toolbar-date-actions[b-sux0j0m73u] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: var(--s-space-12);
}
/* /Pages/PosSyncManagement/Pages/ExtraMaterials/Components/PosExtraMaterialCard.razor.rz.scp.css */
.pos-extra-card[b-xfd0vnsm7p] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 100%;
}

.pos-extra-loading[b-xfd0vnsm7p] {
    display: grid;
    place-items: center;
    padding: var(--s-space-24);
}

/* Sekme seridi Terminal/Garson detay kartiyla ayni desende
   (PosOperatorDetailTabPanel); tema renkleri disardan gelir. */
[b-xfd0vnsm7p] .pos-extra-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-xfd0vnsm7p] .pos-extra-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.pos-extra-tab-body[b-xfd0vnsm7p] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding: var(--s-space-12) 0 0;
}

/* Sekme icerigi gizlenirken kaldirilmiyor: DevExpress girdileri yeniden
   olusturuldugunda odagi ve maskeyi kaybediyor. */
.pos-extra-tab-panel.is-hidden[b-xfd0vnsm7p] {
    display: none;
}

.pos-extra-form-grid[b-xfd0vnsm7p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
    gap: var(--s-space-16);
}

.pos-extra-form-wide[b-xfd0vnsm7p] {
    grid-column: 1 / -1;
}

.pos-extra-hint[b-xfd0vnsm7p] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-extra-stock-picker[b-xfd0vnsm7p] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.pos-extra-stock-picker > .s-input[b-xfd0vnsm7p] {
    flex: 1 1 auto;
    min-width: 0;
}

.pos-extra-stock-picker-button[b-xfd0vnsm7p] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-extra-stock-picker-button:hover[b-xfd0vnsm7p] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.pos-extra-check[b-xfd0vnsm7p] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.pos-extra-section-header[b-xfd0vnsm7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    margin-bottom: var(--s-space-12);
}

.pos-extra-assignment-list[b-xfd0vnsm7p] {
    display: grid;
    gap: var(--s-space-6);
}

.pos-extra-assignment-row[b-xfd0vnsm7p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem auto;
    align-items: end;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
}

.pos-extra-assignment-stock[b-xfd0vnsm7p] {
    display: grid;
    min-width: 0;
}

.pos-extra-assignment-stock strong[b-xfd0vnsm7p],
.pos-extra-assignment-stock span[b-xfd0vnsm7p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-extra-assignment-stock span[b-xfd0vnsm7p] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-extra-icon[b-xfd0vnsm7p] {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-extra-icon.is-danger:hover[b-xfd0vnsm7p] {
    border-color: var(--s-color-danger);
    color: var(--s-color-danger);
}

.pos-extra-card-footer[b-xfd0vnsm7p] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

@media (max-width: 575px) {
    .pos-extra-assignment-row[b-xfd0vnsm7p] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pos-extra-assignment-quantity[b-xfd0vnsm7p] {
        grid-column: 1 / -1;
    }
}
/* /Pages/PosSyncManagement/Pages/ExtraMaterials/Components/PosExtraMaterialTransferModal.razor.rz.scp.css */
.extra-material-transfer-content[b-0y3qvn03ec] {
    display: grid;
    gap: var(--s-space-16);
    padding: var(--s-space-20);
    color: var(--s-color-body-text);
}

.extra-material-transfer-message[b-0y3qvn03ec] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-12);
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-surface));
}

.extra-material-transfer-message div[b-0y3qvn03ec] {
    display: grid;
    gap: var(--s-space-4);
}

.extra-material-transfer-message p[b-0y3qvn03ec] {
    margin: 0;
    color: var(--s-color-muted-foreground);
}

.extra-material-transfer-summary[b-0y3qvn03ec],
.extra-material-transfer-groups header[b-0y3qvn03ec],
.extra-material-transfer-groups li[b-0y3qvn03ec],
.extra-material-transfer-groups label[b-0y3qvn03ec] {
    display: flex;
    align-items: center;
}

.extra-material-transfer-summary[b-0y3qvn03ec],
.extra-material-transfer-groups header[b-0y3qvn03ec],
.extra-material-transfer-groups li[b-0y3qvn03ec] {
    justify-content: space-between;
    gap: var(--s-space-12);
}

.extra-material-transfer-groups[b-0y3qvn03ec] {
    display: grid;
    align-content: start;
    gap: var(--s-space-12);
    max-height: min(30rem, 55vh);
    overflow: auto;
    scrollbar-gutter: stable;
}

.extra-material-transfer-groups section[b-0y3qvn03ec] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
}

.extra-material-transfer-groups header[b-0y3qvn03ec],
.extra-material-transfer-groups li[b-0y3qvn03ec] {
    padding: var(--s-space-12) var(--s-space-16);
}

.extra-material-transfer-groups header[b-0y3qvn03ec] {
    background: var(--s-color-muted);
}

.extra-material-transfer-groups label[b-0y3qvn03ec] {
    gap: var(--s-space-8);
}

.extra-material-transfer-groups ul[b-0y3qvn03ec] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.extra-material-transfer-groups li + li[b-0y3qvn03ec] {
    border-top: 1px solid var(--s-color-border);
}

.extra-material-transfer-groups small[b-0y3qvn03ec] {
    color: var(--s-color-muted-foreground);
}

@media (max-width: 560px) {
    .extra-material-transfer-content[b-0y3qvn03ec] {
        padding: var(--s-space-16);
    }

    .extra-material-transfer-groups li[b-0y3qvn03ec] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/PosSyncManagement/Pages/ExtraMaterials/Components/PosExtraMaterialWarehousePriceEditor.razor.rz.scp.css */
.pos-extra-price-editor[b-pqwzwuy6pl] {
    display: grid;
    gap: var(--s-space-16);
}

.pos-extra-price-hint[b-pqwzwuy6pl] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-extra-price-rows[b-pqwzwuy6pl],
.pos-extra-price-picker[b-pqwzwuy6pl] {
    display: grid;
    gap: var(--s-space-12);
}

.pos-extra-price-rows-header[b-pqwzwuy6pl],
.pos-extra-price-picker-header[b-pqwzwuy6pl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8);
}

/* Baslik olmadiginda (ekleme akisi) kapatma simgesi sagda kalsin. */
.pos-extra-price-rows-header > :first-child[b-pqwzwuy6pl],
.pos-extra-price-picker-header > strong[b-pqwzwuy6pl] {
    margin-right: auto;
}

.pos-extra-price-add[b-pqwzwuy6pl] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    white-space: nowrap;
}

.pos-extra-price-row-list[b-pqwzwuy6pl],
.pos-extra-price-picker-list[b-pqwzwuy6pl] {
    display: grid;
    gap: var(--s-space-6);
}

.pos-extra-price-picker-list[b-pqwzwuy6pl] {
    max-height: 18rem;
    overflow: auto;
    padding-right: var(--s-space-4);
}

.pos-extra-price-row[b-pqwzwuy6pl] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) 7rem auto auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
}

/* Genel fiyat kaldirilamaz; satir kendi zeminiyle ayrisir. */
.pos-extra-price-row.is-general[b-pqwzwuy6pl] {
    background: color-mix(in srgb, var(--s-color-border) 14%, transparent);
}

.pos-extra-price-spacer[b-pqwzwuy6pl] {
    width: 1.85rem;
}

.pos-extra-price-warehouse-number[b-pqwzwuy6pl] {
    color: var(--s-color-muted-foreground);
    font-variant-numeric: tabular-nums;
}

.pos-extra-price-warehouse-name[b-pqwzwuy6pl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-extra-price-icon[b-pqwzwuy6pl] {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-extra-price-icon:hover[b-pqwzwuy6pl] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.pos-extra-price-icon.is-danger:hover[b-pqwzwuy6pl] {
    border-color: var(--s-color-danger);
    color: var(--s-color-danger);
}

.pos-extra-price-picker-row[b-pqwzwuy6pl] {
    display: grid;
    grid-template-columns: auto 3rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.pos-extra-price-picker-row:hover[b-pqwzwuy6pl] {
    border-color: var(--s-color-primary);
}

.pos-extra-price-picker-row.is-selected[b-pqwzwuy6pl] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.pos-extra-price-picker-actions[b-pqwzwuy6pl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
}

@media (max-width: 575px) {
    .pos-extra-price-row[b-pqwzwuy6pl] {
        grid-template-columns: 3rem minmax(0, 1fr) auto auto;
    }

    .pos-extra-price-row[b-pqwzwuy6pl]  .pos-extra-price-input {
        grid-column: 1 / -1;
    }
}
/* /Pages/PosSyncManagement/Pages/ExtraMaterials/Components/PosExtraMaterialWarehousePricePanel.razor.rz.scp.css */
.pos-extra-price-panel[b-7e2uy949y2] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 100%;
}

.pos-extra-price-panel-loading[b-7e2uy949y2] {
    display: grid;
    place-items: center;
    padding: var(--s-space-24);
}

.pos-extra-price-scope[b-7e2uy949y2] {
    display: grid;
    gap: var(--s-space-4);
    padding: var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
}

.pos-extra-price-scope small[b-7e2uy949y2] {
    color: var(--s-color-muted-foreground);
}

.pos-extra-price-panel-footer[b-7e2uy949y2] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/GeneralSettings/Components/PosGeneralSettingCategoryFilter.razor.rz.scp.css */
.pos-general-setting-category-filter-anchor[b-a6x7inh9ut] {
    display: inline-flex;
}

.pos-general-setting-category-filter-panel[b-a6x7inh9ut] {
    display: grid;
    gap: var(--s-space-12);
    padding: var(--s-space-16);
}

[b-a6x7inh9ut] .pos-general-setting-category-filter-list {
    min-height: 180px;
}

.pos-general-setting-category-filter-actions[b-a6x7inh9ut] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
}
/* /Pages/PosSyncManagement/Pages/GeneralSettings/Components/PosGeneralSettingPanel.razor.rz.scp.css */
.pos-general-setting-panel[b-mz669edrli] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    min-height: 100%;
    font-family: var(--s-font-family-body);
}

.pos-general-setting-panel-state[b-mz669edrli] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    padding: var(--s-space-20);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-general-setting-definition[b-mz669edrli] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--s-space-8);
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.pos-general-setting-definition > div[b-mz669edrli] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    min-width: 0;
}

.pos-general-setting-definition span[b-mz669edrli] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.pos-general-setting-definition strong[b-mz669edrli] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    overflow-wrap: anywhere;
}

.pos-general-setting-definition-wide[b-mz669edrli] {
    grid-column: 1 / -1;
}

.pos-general-setting-definition-wide strong[b-mz669edrli] {
    font-weight: var(--s-font-weight-normal);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
}

.pos-general-setting-value-editor[b-mz669edrli] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.pos-general-setting-value-editor .s-form-label[b-mz669edrli] {
    margin: 0;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-label, var(--s-color-body-text));
}

.pos-general-setting-panel-footer[b-mz669edrli] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherAdjustment.razor.rz.scp.css */
.pos-gift-voucher-overlay[b-wrha7ihqr6] { position: fixed; inset: 0; z-index: 1050; display: grid; place-items: center; background: color-mix(in srgb, var(--s-color-foreground) 28%, transparent); }
.pos-gift-voucher-panel[b-wrha7ihqr6] { width: min(34rem, 92vw); padding: var(--s-space-20); border: 1px solid var(--s-color-border); border-radius: var(--s-border-radius-default); background: var(--s-color-surface); }
label[b-wrha7ihqr6] { display: grid; gap: var(--s-space-4); margin-top: var(--s-space-10); }
footer[b-wrha7ihqr6] { display: flex; justify-content: flex-end; gap: var(--s-space-8); margin-top: var(--s-space-16); }
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherBulkUpdate.razor.rz.scp.css */
.pos-gift-voucher-overlay[b-c5o38vpc9t] { position: fixed; inset: 0; z-index: 1050; display: grid; place-items: center; background: color-mix(in srgb, var(--s-color-foreground) 28%, transparent); }
.pos-gift-voucher-panel[b-c5o38vpc9t] { width: min(62rem, 94vw); max-height: 90vh; overflow: auto; padding: var(--s-space-20); border: 1px solid var(--s-color-border); border-radius: var(--s-border-radius-default); background: var(--s-color-surface); }
.pos-gift-voucher-bulk-fields[b-c5o38vpc9t] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-space-10); }
label[b-c5o38vpc9t] { display: grid; gap: var(--s-space-4); }
footer[b-c5o38vpc9t] { display: flex; justify-content: flex-end; gap: var(--s-space-8); margin-top: var(--s-space-16); }
.pos-gift-voucher-panel[b-c5o38vpc9t]  .dxbl-grid-scroll-viewer { max-height: 24rem; overflow: auto; }
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherForm.razor.rz.scp.css */
.pos-gift-voucher-overlay[b-5rgw9ghfyd] { position: fixed; inset: 0; z-index: 1050; display: grid; place-items: center; background: color-mix(in srgb, var(--s-color-foreground) 28%, transparent); }
.pos-gift-voucher-panel[b-5rgw9ghfyd] { width: min(48rem, 92vw); max-height: 90vh; overflow: auto; padding: var(--s-space-20); border: 1px solid var(--s-color-border); border-radius: var(--s-border-radius-default); background: var(--s-color-surface); }
.pos-gift-voucher-form-grid[b-5rgw9ghfyd] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-space-12); }
.pos-gift-voucher-form-grid label[b-5rgw9ghfyd] { display: grid; gap: var(--s-space-4); color: var(--s-color-body-text); }
.pos-gift-voucher-check[b-5rgw9ghfyd] { display: flex !important; align-items: center; }
.pos-gift-voucher-hint[b-5rgw9ghfyd] { color: var(--s-color-muted-foreground); }
.pos-gift-voucher-validation[b-5rgw9ghfyd] { color: var(--s-color-danger); }
footer[b-5rgw9ghfyd] { display: flex; justify-content: flex-end; gap: var(--s-space-8); margin-top: var(--s-space-16); }
.pos-gift-voucher-form-grid[b-5rgw9ghfyd]  .dxbl-text-edit { width: 100%; }
@media (max-width: 767px) { .pos-gift-voucher-form-grid[b-5rgw9ghfyd] { grid-template-columns: 1fr; } }
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherImport.razor.rz.scp.css */
.pos-gift-voucher-import[b-9y0npbb2qg] {
    display: grid;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
}

.pos-gift-voucher-import h2[b-9y0npbb2qg],
.pos-gift-voucher-import h3[b-9y0npbb2qg],
.pos-gift-voucher-import p[b-9y0npbb2qg] {
    margin: 0;
}

.pos-gift-voucher-import-step[b-9y0npbb2qg],
.pos-gift-voucher-import-preview[b-9y0npbb2qg],
.pos-gift-voucher-legacy[b-9y0npbb2qg] {
    display: grid;
    gap: var(--s-space-12);
}

.pos-gift-voucher-import-actions[b-9y0npbb2qg] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-8);
}

.pos-gift-voucher-legacy[b-9y0npbb2qg] {
    padding-top: var(--s-space-20);
    border-top: 1px solid var(--s-color-border);
}

.pos-gift-voucher-import-errors[b-9y0npbb2qg] {
    margin: 0;
    padding: var(--s-space-12) var(--s-space-24);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-danger) 8%, transparent);
}

.pos-gift-voucher-import-success[b-9y0npbb2qg] {
    padding: var(--s-space-12);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-success) 10%, transparent);
}

.pos-gift-voucher-import[b-9y0npbb2qg]  .dxbl-grid-scroll-viewer {
    max-height: 30rem;
    overflow: auto;
}
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherImportMapping.razor.rz.scp.css */
.pos-gift-voucher-import-mapping[b-ks93r66zk2] {
    display: grid;
    gap: var(--s-space-12);
}

.pos-gift-voucher-import-mapping h3[b-ks93r66zk2],
.pos-gift-voucher-import-mapping p[b-ks93r66zk2] {
    margin: 0;
}

.pos-gift-voucher-import-mapping[b-ks93r66zk2]  .grid-excel-import-mapping {
    max-height: 24rem;
    overflow: auto;
}
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherList.razor.rz.scp.css */
.pos-gift-voucher-list[b-qmpsedn339] { min-width: 0; }
.pos-gift-voucher-list[b-qmpsedn339]  .s-datatable { min-width: 0; }
/* /Pages/PosSyncManagement/Pages/GiftVouchers/Components/PosGiftVoucherMovements.razor.rz.scp.css */
.pos-gift-voucher-movements[b-6z4c9j751r] { display: grid; gap: var(--s-space-12); padding: var(--s-space-16); border: 1px solid var(--s-color-border); border-radius: var(--s-border-radius-default); background: var(--s-color-surface); }
.pos-gift-voucher-movements h2[b-6z4c9j751r], .pos-gift-voucher-movements p[b-6z4c9j751r] { margin: 0; }
.pos-gift-voucher-movement-context[b-6z4c9j751r], .pos-gift-voucher-pager[b-6z4c9j751r] { display: flex; align-items: center; gap: var(--s-space-8); }
.pos-gift-voucher-pager[b-6z4c9j751r] { justify-content: flex-end; }
.pos-gift-voucher-movements[b-6z4c9j751r]  .dxbl-grid-scroll-viewer { max-height: 38rem; overflow: auto; }
/* /Pages/PosSyncManagement/Pages/GiftVouchers/PosGiftVoucherCatalog.razor.rz.scp.css */
.pos-gift-voucher-page[b-tkkgg8j8lt] {
    display: grid;
    gap: var(--s-space-16);
    min-width: 0;
    color: var(--s-color-body-text, var(--s-color-foreground));
}

.pos-gift-voucher-header h1[b-tkkgg8j8lt],
.pos-gift-voucher-header p[b-tkkgg8j8lt] { margin: 0; }
.pos-gift-voucher-header p[b-tkkgg8j8lt] { color: var(--s-color-muted-foreground); }

.pos-gift-voucher-tabs[b-tkkgg8j8lt] {
    display: flex;
    gap: var(--s-space-4);
    border-bottom: 1px solid var(--s-color-border);
}

.pos-gift-voucher-tab[b-tkkgg8j8lt] {
    padding: var(--s-space-10) var(--s-space-16);
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--s-color-muted-foreground);
    background: transparent;
}

.pos-gift-voucher-tab.is-active[b-tkkgg8j8lt] {
    border-bottom-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.pos-gift-voucher-workspace[b-tkkgg8j8lt],
.pos-gift-voucher-panel[b-tkkgg8j8lt] {
    width: 100%;
    min-width: 0;
}

.pos-gift-voucher-panel.is-hidden[b-tkkgg8j8lt] { display: none; }
.pos-gift-voucher-workspace[b-tkkgg8j8lt]  .dxbl-grid-scroll-viewer { overflow: auto; }
/* /Pages/PosSyncManagement/Pages/License/PosLicense.razor.rz.scp.css */
/* Durum renkleri projede hicbir yerde tanimli degil; sayfa kapsaminda
   tanimlanir ki ThemeEditor token'larindan turesin ve koyu temada da dogru
   ciksin. Bkz. PosTransfer.razor.css icindeki ayni desen. */
.lic-page[b-0w0fdvg4je] {
    --lic-success: #15803d;
    --lic-warning: #b45309;
    --lic-danger: var(--s-color-destructive);
    --lic-accent-soft: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    --lic-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    --lic-shadow-hover: 0 6px 18px color-mix(in srgb, var(--s-color-primary) 14%, transparent);
    --lic-transition: .18s cubic-bezier(.4, 0, .2, 1);
}

[data-theme="dark"] .lic-page[b-0w0fdvg4je] {
    --lic-success: #4ade80;
    --lic-warning: #fbbf24;
    --lic-accent-soft: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    --lic-shadow: 0 1px 2px rgb(0 0 0 / .5);
    --lic-shadow-hover: 0 8px 24px rgb(0 0 0 / .55);
}

.lic-page[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-24);
    padding: var(--s-space-24);
    max-width: 1320px;
    color: var(--s-color-card-foreground);
}

.lic-header[b-0w0fdvg4je] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-16);
    flex-wrap: wrap;
    padding-bottom: var(--s-space-16);
    border-bottom: 1px solid var(--s-color-border);
}

.lic-header-text h1[b-0w0fdvg4je] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--s-color-card-foreground);
}

.lic-header-text p[b-0w0fdvg4je] {
    margin: var(--s-space-4) 0 0;
    font-size: .875rem;
    color: var(--s-color-muted-foreground);
}

/* Sekme cubugu ThemeEditor'daki .theme-editor-buttons-tabs desenini izler:
   muted zeminli kapsayici + s-button-outline butonlar, aktif olan kart zeminli. */
.lic-tabs[b-0w0fdvg4je] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--s-space-2);
    padding: var(--s-space-4);
    width: fit-content;
    max-width: 100%;
    background-color: var(--s-color-muted);
    border-radius: var(--s-border-radius-default);
    overflow-x: auto;
}

.lic-tabs button[b-0w0fdvg4je] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    white-space: nowrap;
    transition: color var(--lic-transition), background-color var(--lic-transition), box-shadow var(--lic-transition);
}

.lic-tabs button:not(.active)[b-0w0fdvg4je] {
    background-color: transparent;
    border-color: transparent;
}

.lic-tabs button:not(.active):hover[b-0w0fdvg4je] {
    background-color: var(--s-color-secondary-hover);
}

.lic-tabs button.active[b-0w0fdvg4je] {
    background-color: var(--s-color-card);
    border-color: var(--s-color-primary);
    color: var(--s-color-body-text);
    box-shadow: var(--lic-shadow);
}

.lic-tab-count[b-0w0fdvg4je] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    font-size: .6875rem;
    text-align: center;
}

.lic-page[b-0w0fdvg4je]  .lic-button {
    transition: transform var(--lic-transition), box-shadow var(--lic-transition);
}

.lic-page[b-0w0fdvg4je]  .lic-button:hover {
    transform: translateY(-1px);
}

.lic-summary[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: var(--s-space-16);
}

.lic-summary-item[b-0w0fdvg4je] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-16) var(--s-space-20);
    border-radius: 12px;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    box-shadow: var(--lic-shadow);
    overflow: hidden;
    transition: box-shadow var(--lic-transition), transform var(--lic-transition), border-color var(--lic-transition);
}

.lic-summary-item[b-0w0fdvg4je]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--s-color-primary);
    opacity: .35;
    transition: opacity var(--lic-transition), width var(--lic-transition);
}

.lic-summary-item:hover[b-0w0fdvg4je] {
    transform: translateY(-2px);
    box-shadow: var(--lic-shadow-hover);
    border-color: color-mix(in srgb, var(--s-color-primary) 25%, var(--s-color-border));
}

.lic-summary-item:hover[b-0w0fdvg4je]::before {
    opacity: .9;
    width: 4px;
}

.lic-summary-label[b-0w0fdvg4je] {
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--s-color-muted-foreground);
}

.lic-summary-value[b-0w0fdvg4je] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--s-color-card-foreground);
}

.lic-status[b-0w0fdvg4je] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    font-size: 1.125rem;
    font-weight: 700;
}

.lic-status i[b-0w0fdvg4je] {
    font-size: 1.125rem;
}

.lic-status-ok[b-0w0fdvg4je] {
    color: var(--lic-success);
}

.lic-status-warn[b-0w0fdvg4je] {
    color: var(--lic-warning);
}

.lic-status-bad[b-0w0fdvg4je] {
    color: var(--lic-danger);
}

.lic-summary-item:has(.lic-status-ok)[b-0w0fdvg4je]::before {
    background: var(--lic-success);
}

.lic-summary-item:has(.lic-status-warn)[b-0w0fdvg4je]::before {
    background: var(--lic-warning);
}

.lic-summary-item:has(.lic-status-bad)[b-0w0fdvg4je]::before {
    background: var(--lic-danger);
}

.lic-alert[b-0w0fdvg4je] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-12);
    padding: var(--s-space-16) var(--s-space-20);
    border-radius: 12px;
    background: var(--s-color-info-muted);
    border: 1px solid color-mix(in srgb, var(--s-color-info) 35%, transparent);
    color: var(--s-color-card-foreground);
    font-size: .875rem;
}

.lic-alert i[b-0w0fdvg4je] {
    color: var(--s-color-info);
    font-size: 1.05rem;
}

/* Sekme icerigi tek panelden olustugu icin satirlar genis ekranda iki sutuna
   akar; boylece panel yatayda gerilip bilgi cifti aralari acilmaz. */
.lic-panel-body-grid[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    column-gap: var(--s-space-32);
    align-content: start;
}

.lic-panel[b-0w0fdvg4je] {
    border: 1px solid var(--s-color-border);
    border-radius: 14px;
    background: var(--s-color-card);
    box-shadow: var(--lic-shadow);
    overflow: hidden;
    transition: box-shadow var(--lic-transition), border-color var(--lic-transition);
}

.lic-panel:hover[b-0w0fdvg4je] {
    box-shadow: var(--lic-shadow-hover);
    border-color: color-mix(in srgb, var(--s-color-primary) 20%, var(--s-color-border));
}

.lic-panel-head[b-0w0fdvg4je] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    padding: var(--s-space-16) var(--s-space-20);
    border-bottom: 1px solid var(--s-color-border);
    background: var(--lic-accent-soft);
}

.lic-panel-head h2[b-0w0fdvg4je] {
    margin: 0;
    font-size: .9375rem;
    font-weight: 700;
    letter-spacing: -.005em;
    flex: 1 1 auto;
    color: var(--s-color-card-foreground);
}

.lic-panel-head i[b-0w0fdvg4je] {
    font-size: 1.05rem;
    color: var(--s-color-primary);
    opacity: .8;
}

.lic-chip[b-0w0fdvg4je] {
    padding: 2px var(--s-space-12);
    border-radius: 999px;
    font-size: .8125rem;
    font-weight: 700;
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.lic-panel-body[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    padding: var(--s-space-20);
}

.lic-row[b-0w0fdvg4je] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-space-20);
    font-size: .875rem;
    padding-bottom: var(--s-space-12);
    border-bottom: 1px dashed var(--s-color-border);
}

.lic-row:last-of-type[b-0w0fdvg4je] {
    padding-bottom: 0;
    border-bottom: none;
}

.lic-row > span[b-0w0fdvg4je] {
    color: var(--s-color-muted-foreground);
    flex: 0 0 auto;
    font-weight: 500;
}

.lic-row > strong[b-0w0fdvg4je] {
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
    color: var(--s-color-card-foreground);
}

.lic-field[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.lic-field-label[b-0w0fdvg4je] {
    font-size: .875rem;
    font-weight: 500;
    color: var(--s-color-muted-foreground);
}

.lic-field-label-required[b-0w0fdvg4je]::after {
    content: " *";
    color: var(--lic-danger);
}

.lic-mono[b-0w0fdvg4je] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    line-height: 1.6;
    padding: var(--s-space-12);
    border-radius: 10px;
    background: var(--s-color-muted);
    border: 1px solid var(--s-color-border);
    color: var(--s-color-card-foreground);
    overflow-wrap: anywhere;
    transition: border-color var(--lic-transition), background-color var(--lic-transition);
}

.lic-mono:hover[b-0w0fdvg4je] {
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
}

.lic-hint[b-0w0fdvg4je] {
    margin: 0;
    font-size: .8125rem;
    line-height: 1.5;
    color: var(--s-color-muted-foreground);
}

.lic-activation-form[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-16);
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 24%, var(--s-color-border));
    border-radius: 12px;
    background: var(--lic-accent-soft);
}

.lic-activate[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--s-space-12);
    align-items: center;
    margin-top: var(--s-space-8);
}

.lic-activate-input[b-0w0fdvg4je] {
    min-width: 0;
}

.lic-page[b-0w0fdvg4je]  .lic-button-primary {
    min-width: 148px;
    font-weight: 700;
}

.lic-activation-required[b-0w0fdvg4je] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    font-size: .75rem;
    color: var(--s-color-muted-foreground);
}

.lic-activation-required i[b-0w0fdvg4je] {
    color: var(--s-color-primary);
}

.lic-page[b-0w0fdvg4je]  .lic-spin {
    animation: lic-spin-b-0w0fdvg4je .8s linear infinite;
}

@keyframes lic-spin-b-0w0fdvg4je {
    to {
        transform: rotate(360deg);
    }
}

.lic-modules[b-0w0fdvg4je] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lic-module[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: 130px 1fr auto;
    align-items: center;
    gap: var(--s-space-16);
    padding: var(--s-space-12) var(--s-space-20);
    border-bottom: 1px solid var(--s-color-border);
    font-size: .875rem;
    transition: background-color var(--lic-transition), padding-left var(--lic-transition);
}

.lic-module:last-child[b-0w0fdvg4je] {
    border-bottom: none;
}

.lic-module:hover[b-0w0fdvg4je] {
    background: var(--lic-accent-soft);
    padding-left: var(--s-space-24);
}

.lic-module-code[b-0w0fdvg4je] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .75rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
}

.lic-module-name[b-0w0fdvg4je] {
    font-weight: 600;
    overflow-wrap: anywhere;
    color: var(--s-color-card-foreground);
}

.lic-module-qty[b-0w0fdvg4je] {
    justify-self: end;
    min-width: 46px;
    text-align: center;
    padding: 3px var(--s-space-12);
    border-radius: 999px;
    font-weight: 700;
    background: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
    transition: background-color var(--lic-transition), color var(--lic-transition), transform var(--lic-transition);
}

.lic-module:hover .lic-module-qty[b-0w0fdvg4je] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    transform: scale(1.06);
}

.lic-placeholder[b-0w0fdvg4je] {
    padding: var(--s-space-24);
    border: 1px dashed var(--s-color-border);
    border-radius: 12px;
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
}

.lic-activations-panel:hover[b-0w0fdvg4je] {
    box-shadow: var(--lic-shadow);
    border-color: var(--s-color-border);
}

.lic-activations-head > div[b-0w0fdvg4je] {
    flex: 1 1 auto;
    min-width: 0;
}

.lic-activations-head h2[b-0w0fdvg4je] {
    margin-bottom: var(--s-space-4);
}

.lic-activations-head p[b-0w0fdvg4je] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: .8125rem;
}

.lic-activation-list[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--s-space-16);
    padding: var(--s-space-20);
}

.lic-device-card[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-width: 0;
    padding: var(--s-space-20);
    border: 1px solid var(--s-color-border);
    border-radius: 12px;
    background: var(--s-color-card);
    transition: border-color var(--lic-transition), box-shadow var(--lic-transition), transform var(--lic-transition);
}

.lic-device-card:hover[b-0w0fdvg4je] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
    box-shadow: var(--lic-shadow-hover);
}

.lic-device-current[b-0w0fdvg4je] {
    border-color: color-mix(in srgb, var(--lic-success) 45%, var(--s-color-border));
    background: color-mix(in srgb, var(--lic-success) 4%, var(--s-color-card));
}

.lic-device-title[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-12);
}

.lic-device-title h3[b-0w0fdvg4je] {
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.lic-device-title > div > span[b-0w0fdvg4je] {
    display: block;
    margin-top: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: .75rem;
}

.lic-device-icon[b-0w0fdvg4je] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--lic-accent-soft);
    color: var(--s-color-primary);
}

.lic-current-badge[b-0w0fdvg4je] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: 3px var(--s-space-8);
    border-radius: 999px;
    background: color-mix(in srgb, var(--lic-success) 12%, var(--s-color-card));
    color: var(--lic-success);
    font-size: .6875rem;
    font-weight: 700;
    white-space: nowrap;
}

.lic-device-hardware[b-0w0fdvg4je] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-width: 0;
}

.lic-device-hardware span[b-0w0fdvg4je],
.lic-device-details dt[b-0w0fdvg4je] {
    color: var(--s-color-muted-foreground);
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lic-device-hardware code[b-0w0fdvg4je] {
    padding: var(--s-space-8) var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
    background: var(--s-color-muted);
    color: var(--s-color-card-foreground);
    font-size: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lic-device-details[b-0w0fdvg4je] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-12);
    margin: 0;
}

.lic-device-details > div[b-0w0fdvg4je] {
    min-width: 0;
}

.lic-device-details dd[b-0w0fdvg4je] {
    margin: var(--s-space-4) 0 0;
    color: var(--s-color-card-foreground);
    font-size: .8125rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.lic-device-actions[b-0w0fdvg4je] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

.lic-empty-state[b-0w0fdvg4je] {
    display: grid;
    place-items: center;
    gap: var(--s-space-12);
    min-height: 180px;
    padding: var(--s-space-24);
    color: var(--s-color-muted-foreground);
    text-align: center;
}

.lic-empty-state i[b-0w0fdvg4je] {
    font-size: 2rem;
    color: var(--s-color-primary);
    opacity: .55;
}

.lic-empty-state p[b-0w0fdvg4je] {
    margin: 0;
}

@media (max-width: 640px) {
    .lic-page[b-0w0fdvg4je] {
        padding: var(--s-space-16);
        gap: var(--s-space-20);
    }

    .lic-header-text h1[b-0w0fdvg4je] {
        font-size: 1.25rem;
    }

    .lic-tabs[b-0w0fdvg4je] {
        width: 100%;
    }

    .lic-tab[b-0w0fdvg4je] {
        flex: 1 0 auto;
    }

    .lic-activations-head[b-0w0fdvg4je] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .lic-activations-head[b-0w0fdvg4je]  .lic-button {
        width: 100%;
    }

    .lic-activation-list[b-0w0fdvg4je] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--s-space-16);
    }

    .lic-device-title[b-0w0fdvg4je] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .lic-current-badge[b-0w0fdvg4je] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .lic-device-details[b-0w0fdvg4je] {
        grid-template-columns: 1fr;
    }

    .lic-device-actions[b-0w0fdvg4je]  .lic-remove-button {
        width: 100%;
    }

    .lic-module[b-0w0fdvg4je] {
        grid-template-columns: 1fr auto;
        row-gap: var(--s-space-4);
    }

    .lic-module-code[b-0w0fdvg4je] {
        grid-column: 1 / -1;
    }

    .lic-module:hover[b-0w0fdvg4je] {
        padding-left: var(--s-space-20);
    }

    .lic-row[b-0w0fdvg4je] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--s-space-4);
    }

    .lic-row > strong[b-0w0fdvg4je] {
        text-align: left;
    }

    .lic-activate[b-0w0fdvg4je] {
        grid-template-columns: 1fr;
    }

    .lic-page[b-0w0fdvg4je]  .lic-button-primary {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lic-page *[b-0w0fdvg4je] {
        transition: none !important;
    }

    .lic-summary-item:hover[b-0w0fdvg4je],
    .lic-button:hover[b-0w0fdvg4je],
    .lic-module:hover .lic-module-qty[b-0w0fdvg4je] {
        transform: none;
    }

    .lic-page[b-0w0fdvg4je]  .lic-spin {
        animation: none;
    }
}
/* /Pages/PosSyncManagement/Pages/PaymentDefinitions/Components/PosPaymentDefinitionCard.razor.rz.scp.css */
.pos-payment-card[b-fo0wa9n234] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.pos-payment-card-state[b-fo0wa9n234] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    color: var(--s-color-text-muted);
}

.pos-payment-card-footer[b-fo0wa9n234] {
    display: flex;
    justify-content: flex-end;
    width: min(100%, 760px);
    margin-inline: auto;
    padding-top: var(--s-space-20);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
}
/* /Pages/PosSyncManagement/Pages/PaymentDefinitions/Components/PosPaymentDefinitionForm.razor.rz.scp.css */
.pos-payment-form[b-wub6cjo4t1] {
    --pos-payment-control-height: calc(var(--rem-scale) * 3.6rem);

    display: flex;
    flex-direction: column;
    /* Sekme seridi kart kenarina dayansin diye dis bosluk yok; ic bosluk
       .pos-payment-tab-body'de. */
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    width: min(100%, 760px);
    margin-inline: auto;
}

/* 6 kolonluk taban: yarim alan span 3, ucte bir alan span 2. Tip + Odeme No +
   Odeme Adi ilk satirda ucerli, Cins + Hesap Kodu ikiserli. */
.pos-payment-form-grid[b-wub6cjo4t1] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--s-space-16);
}

.pos-payment-form-grid > *[b-wub6cjo4t1] {
    grid-column: span 3;
}

.pos-payment-form-grid .pos-payment-form-wide[b-wub6cjo4t1] {
    grid-column: 1 / -1;
}

.pos-payment-form-grid .pos-payment-form-third[b-wub6cjo4t1] {
    grid-column: span 2;
}

/* Sekme serididi terminal/garson kartlariyla birebir ayni tema; DevExpress
   elemanlari RenderTreeBuilder ile ciziliyor, o yuzden ::deep sart. */
[b-wub6cjo4t1] .pos-payment-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-wub6cjo4t1] .pos-payment-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.pos-payment-tab-body[b-wub6cjo4t1] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 0;
    padding: var(--s-space-12);
}

@media (max-width: 760px) {
    [b-wub6cjo4t1] .pos-payment-tabs {
        padding: var(--s-space-8) var(--s-space-8) 0;
    }

    .pos-payment-tab-body[b-wub6cjo4t1] {
        padding: var(--s-space-8);
    }
}

/* Tablet: uclu satir sigmiyor, ikiliye dusuyor. */
@media (max-width: 1024px) {
    .pos-payment-form-grid .pos-payment-form-third[b-wub6cjo4t1] {
        grid-column: span 3;
    }
}

@media (max-width: 640px) {
    .pos-payment-form-grid[b-wub6cjo4t1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-payment-form-grid > *[b-wub6cjo4t1],
    .pos-payment-form-grid .pos-payment-form-wide[b-wub6cjo4t1],
    .pos-payment-form-grid .pos-payment-form-third[b-wub6cjo4t1] {
        grid-column: auto;
    }
}

.pos-payment-form-grid .s-form-field[b-wub6cjo4t1] {
    display: grid;
    align-content: start;
    gap: var(--s-space-8);
    margin: 0;
}

.pos-payment-form-grid .s-form-label[b-wub6cjo4t1] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s-space-10);
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-payment-form-wide[b-wub6cjo4t1] {
    grid-column: 1 / -1;
}

.pos-payment-form-grid input[readonly][b-wub6cjo4t1] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-payment-hint[b-wub6cjo4t1] {
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-11);
}

.pos-payment-count[b-wub6cjo4t1] {
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-regular);
}

.pos-payment-scope[b-wub6cjo4t1] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-12);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-background);
}

.pos-payment-scope-all[b-wub6cjo4t1] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-10);
    margin: 0;
    padding-bottom: var(--s-space-8);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
}

.pos-payment-scope-list[b-wub6cjo4t1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(var(--rem-scale) * 20rem), 1fr));
    gap: var(--s-space-8);
    max-height: calc(var(--rem-scale) * 22rem);
    overflow-y: auto;
}

.pos-payment-scope-row[b-wub6cjo4t1] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-10);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-payment-scope-empty[b-wub6cjo4t1] {
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-12);
}

.pos-payment-form-toggles[b-wub6cjo4t1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-space-24);
    min-height: var(--pos-payment-control-height);
    padding-top: var(--s-space-20);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.pos-payment-toggle[b-wub6cjo4t1] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-10);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.pos-payment-form input[type="checkbox"][b-wub6cjo4t1] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    border-color: var(--s-color-input);
    background-color: var(--s-color-input-bg);
}

.pos-payment-form .form-check-input[type="checkbox"]:checked[b-wub6cjo4t1] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.pos-payment-form .form-check-input[type="checkbox"]:focus-visible[b-wub6cjo4t1] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) var(--s-color-ring);
    outline: 0;
}

.pos-payment-form-note[b-wub6cjo4t1],
.pos-payment-form-warning[b-wub6cjo4t1] {
    margin: 0;
    font-size: var(--s-font-size-12);
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosQuickSaleCategoryEditorModal.razor.rz.scp.css */
.quick-sale-category-editor[b-1s05y2s3cb] {
    display: grid;
    gap: var(--s-space-16);
}

.quick-sale-category-editor .s-form-field[b-1s05y2s3cb] {
    display: grid;
    gap: var(--s-space-4);
    margin: 0;
}

.quick-sale-category-editor .s-form-label[b-1s05y2s3cb] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.quick-sale-category-editor-toggle[b-1s05y2s3cb] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

.quick-sale-category-editor-toggle input[type="checkbox"][b-1s05y2s3cb] {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosQuickSaleCloneModal.razor.rz.scp.css */
.quick-sale-clone-modal[b-qgnhqpdupg] {
    display: grid;
    gap: var(--s-space-16);
    color: var(--s-color-body-text);
}

.quick-sale-clone-source[b-qgnhqpdupg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-12);
    padding: var(--s-space-16);
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 32%, var(--s-color-border));
    border-radius: var(--s-border-radius-md, .5rem);
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card-bg, var(--s-color-body-bg)));
}

.quick-sale-clone-source > span[b-qgnhqpdupg] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--s-border-radius-md, .5rem);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
}

.quick-sale-clone-source > div[b-qgnhqpdupg] {
    display: grid;
    min-width: 0;
    gap: var(--s-space-4);
}

.quick-sale-clone-source small[b-qgnhqpdupg],
.quick-sale-clone-source > div > span[b-qgnhqpdupg] {
    color: var(--s-color-secondary-text, var(--s-color-body-text));
}

.quick-sale-clone-source strong[b-qgnhqpdupg] {
    overflow-wrap: anywhere;
}

.quick-sale-clone-modal > p[b-qgnhqpdupg],
.quick-sale-clone-terminals p[b-qgnhqpdupg] {
    margin: 0;
    color: var(--s-color-secondary-text, var(--s-color-body-text));
}

.quick-sale-clone-modal label[b-qgnhqpdupg] {
    display: grid;
    gap: var(--s-space-6);
}

.quick-sale-clone-fields[b-qgnhqpdupg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, .45fr);
    gap: var(--s-space-12);
}

.quick-sale-clone-terminals[b-qgnhqpdupg] {
    display: grid;
    gap: var(--s-space-8);
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-md, .5rem);
    background: color-mix(in srgb, var(--s-color-primary) 4%, var(--s-color-card-bg, var(--s-color-body-bg)));
}

.quick-sale-clone-terminals > div:first-child[b-qgnhqpdupg] {
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-12);
}

.quick-sale-clone-terminal-list[b-qgnhqpdupg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-8);
    max-height: 14rem;
    overflow: auto;
}

.quick-sale-clone-terminal-list label[b-qgnhqpdupg],
.quick-sale-clone-printer-option[b-qgnhqpdupg] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    padding: var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-sm, .35rem);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

.quick-sale-clone-printer-option span[b-qgnhqpdupg] {
    display: grid;
    gap: var(--s-space-4);
}

.quick-sale-clone-printer-option small[b-qgnhqpdupg] {
    color: var(--s-color-secondary-text, var(--s-color-body-text));
}

@media (max-width: 640px) {
    .quick-sale-clone-fields[b-qgnhqpdupg],
    .quick-sale-clone-terminal-list[b-qgnhqpdupg] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosQuickSaleImportAysModal.razor.rz.scp.css */
.quick-sale-import-modal[b-s6nvrayqqz] {
    display: grid;
    gap: var(--s-space-12, 0.75rem);
    color: var(--s-color-body-text);
}

.quick-sale-import-modal p[b-s6nvrayqqz] {
    margin: 0;
    color: var(--s-color-muted-foreground);
}

.quick-sale-import-summary[b-s6nvrayqqz] {
    display: grid;
    gap: var(--s-space-4, 0.25rem);
    padding: var(--s-space-12, 0.75rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-surface);
}

.quick-sale-import-summary small[b-s6nvrayqqz] {
    overflow-wrap: anywhere;
    color: var(--s-color-muted-foreground);
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosQuickSaleProductEditorModal.razor.rz.scp.css */
.quick-sale-product-form[b-ynfpan6mjh] {
    display: grid;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.quick-sale-product-form label[b-ynfpan6mjh] {
    display: grid;
    gap: var(--s-space-8);
    color: var(--s-color-body-text);
}

.quick-sale-product-active[b-ynfpan6mjh] {
    grid-template-columns: auto 1fr;
    align-items: center;
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosQuickSaleScreenSettingsCard.razor.rz.scp.css */
.quick-sale-settings-card[b-9m8ahq18y3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    color: var(--s-color-body-text);
}

/* Terminal ve odeme kartlariyla ayni sekme temasi. DevExpress sekmeleri
   RenderTreeBuilder ile ciziliyor, bu yuzden ::deep sart. */
[b-9m8ahq18y3] .quick-sale-settings-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-9m8ahq18y3] .quick-sale-settings-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.quick-sale-settings-tab-body[b-9m8ahq18y3] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}

.quick-sale-settings-tab-body > .quick-sale-settings-section:last-child[b-9m8ahq18y3] {
    border-bottom: 0;
}

.quick-sale-settings-loading[b-9m8ahq18y3] {
    display: grid;
    place-items: center;
    min-height: 8rem;
}

.quick-sale-settings-section[b-9m8ahq18y3] {
    flex: 0 0 auto;
    display: grid;
    gap: var(--s-space-12);
    padding: var(--s-space-16) var(--s-space-20);
    border-bottom: 1px solid var(--s-color-border);
}

.quick-sale-settings-section h3[b-9m8ahq18y3],
.quick-sale-settings-section p[b-9m8ahq18y3] {
    margin: 0;
}

.quick-sale-settings-section h3[b-9m8ahq18y3] {
    display: flex;
    justify-content: space-between;
    font-size: .86rem;
    font-weight: 700;
}

.quick-sale-settings-section p[b-9m8ahq18y3] {
    color: var(--s-color-secondary-text, var(--s-color-body-text));
    font-size: .78rem;
}

.quick-sale-settings-section label[b-9m8ahq18y3] {
    display: grid;
    gap: var(--s-space-6);
    font-size: .76rem;
}

.quick-sale-settings-section input[b-9m8ahq18y3],
.quick-sale-settings-section select[b-9m8ahq18y3] {
    width: 100%;
}

.quick-sale-two-fields[b-9m8ahq18y3] {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: var(--s-space-10);
}

.quick-sale-checkbox[b-9m8ahq18y3] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.quick-sale-terminal-section[b-9m8ahq18y3] {
    min-height: 0;
}

.quick-sale-terminal-list[b-9m8ahq18y3] {
    display: grid;
    gap: var(--s-space-8);
}

.quick-sale-operator-list[b-9m8ahq18y3] {
    display: grid;
    gap: var(--s-space-8);
    max-height: 14rem;
    overflow: auto;
}

.quick-sale-terminal-row[b-9m8ahq18y3] {
    display: grid;
    gap: var(--s-space-8);
    padding: var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-md, .5rem);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

.quick-sale-pattern-input[b-9m8ahq18y3] {
    min-height: 4rem;
    resize: vertical;
}

.quick-sale-pattern-preview[b-9m8ahq18y3] {
    display: block;
    padding: var(--s-space-10);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-md, .5rem);
    color: var(--s-color-body-text);
    white-space: pre-line;
    background: color-mix(in srgb, var(--s-color-primary) 6%, transparent);
}

.quick-sale-settings-card-footer[b-9m8ahq18y3] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: var(--s-space-12) var(--s-space-20);
    border-top: 1px solid var(--s-color-border);
}

.quick-sale-settings-card-footer button[b-9m8ahq18y3] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
}

@media (max-width: 760px) {
    [b-9m8ahq18y3] .quick-sale-settings-tabs {
        padding: var(--s-space-8) var(--s-space-8) 0;
    }

    .quick-sale-settings-section[b-9m8ahq18y3] {
        padding: var(--s-space-12);
    }

    .quick-sale-two-fields[b-9m8ahq18y3] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/Components/PosRestaurantMenuEditorModal.razor.rz.scp.css */
.restaurant-menu-editor[b-e9fqztgrwy] { display: grid; gap: var(--s-space-20); }
.restaurant-menu-editor section[b-e9fqztgrwy] { display: grid; gap: var(--s-space-12); }
.restaurant-menu-editor h3[b-e9fqztgrwy] { margin: 0; }
.restaurant-menu-section-heading[b-e9fqztgrwy], .restaurant-menu-add-warehouse[b-e9fqztgrwy] { display: flex; align-items: center; justify-content: space-between; gap: var(--s-space-12); }
.restaurant-menu-section-heading > div[b-e9fqztgrwy] { display: grid; gap: var(--s-space-4); }
.restaurant-menu-cashier-product[b-e9fqztgrwy] { padding: var(--s-space-16); border: 1px solid var(--s-color-border); border-radius: var(--s-radius-medium); background: color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-surface)); }
.restaurant-menu-product-card[b-e9fqztgrwy] { display: flex; align-items: center; gap: var(--s-space-12); padding: var(--s-space-12); border-radius: var(--s-radius-medium); background: var(--s-color-surface); }
.restaurant-menu-product-card > .bi[b-e9fqztgrwy] { font-size: 1.35rem; color: var(--s-color-primary); }
.restaurant-menu-product-card > div[b-e9fqztgrwy] { display: grid; }
.restaurant-menu-status[b-e9fqztgrwy], .restaurant-menu-warehouse-chips > span[b-e9fqztgrwy] { border-radius: 999px; padding: var(--s-space-4) var(--s-space-10); background: var(--s-color-surface-container); }
.restaurant-menu-status.is-ready[b-e9fqztgrwy] { color: var(--s-color-success); }
.restaurant-menu-status.is-draft[b-e9fqztgrwy] { color: var(--s-color-warning); }
.restaurant-menu-status.is-invalid[b-e9fqztgrwy] { color: var(--s-color-danger); }
.restaurant-menu-warehouse-chips[b-e9fqztgrwy] { display: flex; flex-wrap: wrap; gap: var(--s-space-8); }
.restaurant-menu-warehouse-chips > span[b-e9fqztgrwy] { display: inline-flex; align-items: center; gap: var(--s-space-4); }
.restaurant-menu-warehouse-chips button[b-e9fqztgrwy], .restaurant-menu-group-actions button[b-e9fqztgrwy] { border: 0; background: transparent; color: inherit; }
.restaurant-menu-add-warehouse .s-select[b-e9fqztgrwy] { flex: 1; }
.restaurant-menu-limit-warning[b-e9fqztgrwy] { display: flex; align-items: center; gap: var(--s-space-8); padding: var(--s-space-12); border: 1px solid var(--s-color-warning); border-radius: var(--s-radius-medium); color: var(--s-color-warning); background: color-mix(in srgb, var(--s-color-warning) 8%, var(--s-color-surface)); }
.restaurant-menu-groups[b-e9fqztgrwy] { display: grid; gap: var(--s-space-8); }
.restaurant-menu-group[b-e9fqztgrwy] { display: grid; grid-template-columns: auto minmax(150px, .7fr) minmax(280px, 1.5fr) 110px auto; align-items: end; gap: var(--s-space-8); padding: var(--s-space-12); border: 1px solid var(--s-color-border); border-radius: var(--s-radius-medium); }
.restaurant-menu-group.is-legacy[b-e9fqztgrwy] { background: var(--s-color-surface-container); }
.restaurant-menu-order[b-e9fqztgrwy] { align-self: center; font-weight: 700; }
.restaurant-menu-legacy-source[b-e9fqztgrwy] { display: grid; grid-column: span 2; align-self: center; }
.restaurant-menu-group label[b-e9fqztgrwy] { display: grid; gap: var(--s-space-4); }
.restaurant-menu-source-value[b-e9fqztgrwy] { min-width: 0; }
.restaurant-menu-group-actions[b-e9fqztgrwy] { display: flex; align-items: center; align-self: center; }
.restaurant-menu-group-actions .is-danger[b-e9fqztgrwy] { color: var(--s-color-danger); }
@media (max-width: 768px) {
    .restaurant-menu-section-heading[b-e9fqztgrwy], .restaurant-menu-add-warehouse[b-e9fqztgrwy] { align-items: stretch; flex-direction: column; }
    .restaurant-menu-group[b-e9fqztgrwy] { grid-template-columns: auto 1fr; align-items: stretch; }
    .restaurant-menu-source-type[b-e9fqztgrwy], .restaurant-menu-source-value[b-e9fqztgrwy], .restaurant-menu-maximum[b-e9fqztgrwy], .restaurant-menu-legacy-source[b-e9fqztgrwy] { grid-column: 2; }
    .restaurant-menu-group-actions[b-e9fqztgrwy] { grid-column: 2; justify-content: flex-end; }
}
/* /Pages/PosSyncManagement/Pages/QuickSaleLayouts/PosQuickSaleLayoutDesigner.razor.rz.scp.css */
.quick-sale-designer[b-tni1ulob96] {
    /* Kategori ve urun kutucuklarinin cercevesi tema kenarligindan daha
       belirgin: govde rengine dogru karistirildigi icin acik/koyu temada
       ayni oranda gorunuyor. */
    --quick-sale-tile-border: color-mix(in srgb, var(--s-color-border) 55%, var(--s-color-body-text));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: var(--s-space-16);
    height: calc(100dvh - 5.5rem);
    min-height: 38rem;
    padding: var(--s-space-16);
    color: var(--s-color-body-text);
}

.quick-sale-header[b-tni1ulob96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-16);
}

.quick-sale-title[b-tni1ulob96] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
}

.quick-sale-title > span[b-tni1ulob96] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--s-border-radius-lg, .75rem);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    font-size: 1.25rem;
}

.quick-sale-title h1[b-tni1ulob96],
.quick-sale-title p[b-tni1ulob96] {
    margin: 0;
}

.quick-sale-title h1[b-tni1ulob96] {
    font-size: 1.15rem;
    font-weight: 700;
}

.quick-sale-title p[b-tni1ulob96] {
    color: var(--s-color-secondary-text, var(--s-color-body-text));
    font-size: .78rem;
}

.quick-sale-header-actions[b-tni1ulob96] {
    display: flex;
    gap: var(--s-space-8);
}

.quick-sale-header-actions button[b-tni1ulob96] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
}

/* Ekran listesi dinamik gride, ayarlar offcanvas'a tasindi: tuval tek kolon
   ve tam genislikte. */
.quick-sale-workspace[b-tni1ulob96] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-lg, .75rem);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

.quick-sale-layout-panel[b-tni1ulob96] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

.quick-sale-layout-panel[b-tni1ulob96] {
    display: flex;
    flex-direction: column;
    background: var(--s-color-body-bg);
}

.quick-sale-layout-panel > *[b-tni1ulob96] {
    width: 100%;
    box-sizing: border-box;
}

.quick-sale-category-actions button[b-tni1ulob96],
.quick-sale-product-actions button[b-tni1ulob96] {
    display: grid;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-sm, .35rem);
    color: var(--s-color-body-text);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

.quick-sale-category-actions[b-tni1ulob96] {
    display: flex;
    gap: var(--s-space-6);
}

.quick-sale-layout-body[b-tni1ulob96] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10.5rem;
    flex: 1 1 auto;
    min-height: 0;
}

.quick-sale-product-area[b-tni1ulob96] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.quick-sale-category-rail[b-tni1ulob96] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-width: 0;
    padding: var(--s-space-8);
    overflow-y: auto;
    border-left: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card-bg, var(--s-color-body-bg)) 94%, var(--s-color-primary) 6%);
}

.quick-sale-category-tab[b-tni1ulob96] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--quick-sale-tile-border, var(--s-color-border));
    border-radius: var(--s-border-radius-md, .5rem);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

/* Urun kartlarindaki sira rozetinin aynisi; kategori adiyla cakismasin diye
   basligin soluna bosluk birakiliyor. */
.quick-sale-category-order[b-tni1ulob96] {
    position: absolute;
    top: .2rem;
    left: .2rem;
    display: grid;
    place-items: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 .2rem;
    border-radius: 999px;
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 45%, transparent);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}


.quick-sale-category-tab > button[b-tni1ulob96] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--s-space-6);
    width: 100%;
    min-height: 2.15rem;
    /* Sol tarafta sira rozetine yer birakiliyor. */
    padding: var(--s-space-6) var(--s-space-8) var(--s-space-6) 1.6rem;
    border: 0;
    color: var(--s-color-body-text);
    text-align: left;
    background: transparent;
}

.quick-sale-category-tab > button strong[b-tni1ulob96] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
}

.quick-sale-category-tab.is-selected[b-tni1ulob96] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.quick-sale-category-tab.is-dragging[b-tni1ulob96] {
    opacity: .45;
}

.quick-sale-category-tab.is-drop-target[b-tni1ulob96] {
    box-shadow: inset 0 0 0 2px var(--s-color-primary);
}

/* Dort aksiyon var (duzenle, yukari, asagi, sil); uc kolonda sonuncusu alt
   satira kayiyordu. */
.quick-sale-category-tab .quick-sale-category-actions[b-tni1ulob96] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--quick-sale-tile-border, var(--s-color-border));
}

.quick-sale-category-tab .quick-sale-category-actions button[b-tni1ulob96] {
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 1.55rem;
    background: transparent;
}

.quick-sale-category-tab .quick-sale-category-actions button + button[b-tni1ulob96] {
    border-left: 1px solid var(--s-color-border);
}

.quick-sale-category-tab .quick-sale-category-actions .bi[b-tni1ulob96] {
    font-size: .7rem;
}

.quick-sale-category-insert[b-tni1ulob96] {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1rem;
    margin: 0 auto;
    padding: 0;
    border: 1px dashed var(--s-color-border);
    border-radius: 999px;
    color: var(--s-color-primary);
    line-height: 1;
    background: transparent;
}

.quick-sale-category-insert > span[b-tni1ulob96] {
    display: block;
    font-size: .72rem;
    line-height: 1;
}

.quick-sale-category-rail > .quick-sale-add-category[b-tni1ulob96] {
    min-height: 2rem;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-md, .5rem);
    color: var(--s-color-primary);
    background: transparent;
}

/* Dis cerceveye gore ic bosluk kucultuldu: onizleme kasadaki gorunume
   yaklassin diye kutucuklar birbirine daha yakin duruyor. */
.quick-sale-product-grid[b-tni1ulob96] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    grid-auto-rows: 7.5rem;
    gap: var(--s-space-8);
    align-content: start;
    padding: var(--s-space-8);
    overflow: auto;
}

.quick-sale-product-card[b-tni1ulob96],
.quick-sale-add-product[b-tni1ulob96] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--quick-sale-tile-border, var(--s-color-border));
    border-radius: var(--s-border-radius-lg, .75rem);
    background: var(--s-color-card-bg, var(--s-color-body-bg));
}

.quick-sale-product-card:hover[b-tni1ulob96],
.quick-sale-add-product:hover[b-tni1ulob96] {
    border-color: color-mix(in srgb, var(--s-color-primary) 55%, var(--s-color-border));
}

.quick-sale-product-card.is-passive[b-tni1ulob96] {
    opacity: .55;
}

.restaurant-menu-card.is-draft[b-tni1ulob96] {
    border-style: dashed;
}

.restaurant-menu-card.is-ready[b-tni1ulob96] {
    border-color: var(--s-color-success);
}

.restaurant-menu-card.is-invalid[b-tni1ulob96] {
    border-color: var(--s-color-danger);
}

.restaurant-menu-card-status[b-tni1ulob96] {
    font-size: .72rem;
    font-weight: 700;
    color: var(--s-color-warning);
}

.restaurant-menu-card.is-ready .restaurant-menu-card-status[b-tni1ulob96] {
    color: var(--s-color-success);
}

.restaurant-menu-card.is-invalid .restaurant-menu-card-status[b-tni1ulob96] {
    color: var(--s-color-danger);
}

.quick-sale-product-card[draggable="true"][b-tni1ulob96] {
    cursor: grab;
}

.quick-sale-product-card.is-dragging[b-tni1ulob96] {
    cursor: grabbing;
    opacity: .45;
    transform: scale(.97);
}

.quick-sale-product-card.is-drop-target[b-tni1ulob96] {
    border-color: var(--s-color-primary);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 55%, transparent);
}

/* Fon daha silik: kutucugun kendisi degil icindeki urun adi one ciksin. */
.quick-sale-product-main[b-tni1ulob96] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-3);
    width: 100%;
    height: calc(100% - 1.6rem);
    /* Yan bosluk dar: metin kutucugun genisligini kullansin. */
    padding: var(--s-space-8) var(--s-space-3);
    border: 0;
    color: var(--s-color-body-text);
    background: color-mix(in srgb, var(--s-color-primary) 2%, transparent);
}

.quick-sale-product-main strong[b-tni1ulob96] {
    display: -webkit-box;
    max-width: 100%;
    padding-inline: var(--s-space-2);
    overflow: hidden;
    font-size: .76rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.quick-sale-inline-name[b-tni1ulob96] {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
    font-size: .76rem;
}

.quick-sale-product-main small[b-tni1ulob96] {
    color: var(--s-color-muted-foreground);
    font-size: .65rem;
}

/* Kutucuk icindeki ikonlar (restoran menusu vb.) kucultuldu. */
.quick-sale-product-main .bi[b-tni1ulob96] {
    font-size: .9rem;
}

/* Sira numarasi bir rozet degil, kose isareti: yer kaplamasin diye kucuk ve
   silik, ayrica akisin disinda duruyor. */
/* Sira numarasi kasada dugmenin kacinci sirada oldugunu soyler; silik kose
   yazisi yerine okunur bir rozet. */
.quick-sale-product-order[b-tni1ulob96] {
    position: absolute;
    top: .2rem;
    left: .2rem;
    display: grid;
    place-items: center;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 .2rem;
    border-radius: 999px;
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 45%, transparent);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.quick-sale-product-card.is-passive .quick-sale-product-order[b-tni1ulob96] {
    color: var(--s-color-muted-foreground);
    background: color-mix(in srgb, var(--s-color-body-text) 12%, transparent);
    box-shadow: none;
}

/* Dort aksiyon var (duzenle, sola, saga, sil); uc kolonda sonuncusu alt
   satira dusuyordu. */
.quick-sale-product-actions[b-tni1ulob96] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 1.6rem;
    border-top: 1px solid var(--quick-sale-tile-border, var(--s-color-border));
}

.quick-sale-product-actions .bi[b-tni1ulob96] {
    font-size: .7rem;
}

.quick-sale-product-actions button[b-tni1ulob96] {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.quick-sale-product-actions button + button[b-tni1ulob96] {
    border-left: 1px solid var(--s-color-border);
}

.quick-sale-add-product[b-tni1ulob96] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-6);
    border-style: dashed;
    color: var(--s-color-primary);
    background: transparent;
}

.quick-sale-add-product small[b-tni1ulob96] {
    color: var(--s-color-secondary-text, var(--s-color-body-text));
}

.quick-sale-empty[b-tni1ulob96] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: var(--s-space-12);
    min-height: 20rem;
    padding: var(--s-space-24);
    text-align: center;
}

.quick-sale-empty > span:not(.spinner-border)[b-tni1ulob96] {
    color: var(--s-color-primary);
    font-size: 2rem;
}

.quick-sale-empty h2[b-tni1ulob96],
.quick-sale-empty p[b-tni1ulob96] {
    margin: 0;
}

.quick-sale-empty.compact[b-tni1ulob96] {
    min-height: 12rem;
}

.is-danger[b-tni1ulob96] {
    color: var(--s-color-danger) !important;
}

button:disabled[b-tni1ulob96] {
    cursor: not-allowed;
    opacity: .45;
}

@media (max-width: 860px) {
    .quick-sale-designer[b-tni1ulob96] {
        grid-template-rows: auto auto minmax(0, 1fr);
        height: calc(100dvh - 4.5rem);
        min-height: 34rem;
        padding: var(--s-space-10);
    }

    .quick-sale-header[b-tni1ulob96] {
        align-items: flex-start;
    }

    .quick-sale-title p[b-tni1ulob96] {
        display: none;
    }

    .quick-sale-header-actions button[b-tni1ulob96] {
        min-width: 2.5rem;
        justify-content: center;
    }

    .quick-sale-header-actions button:not(.s-button-primary)[b-tni1ulob96] {
        font-size: 0;
    }

    .quick-sale-header-actions button span[b-tni1ulob96] {
        font-size: 1rem;
    }

    .quick-sale-workspace[b-tni1ulob96] {
        display: block;
    }

    /* Ayarlar artik offcanvas icinde; mobilde de gorunur kalmali. */
    .quick-sale-layout-panel[b-tni1ulob96] {
        height: 100%;
        border: 0;
    }

    .quick-sale-product-grid[b-tni1ulob96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 7rem;
        padding: var(--s-space-12);
    }

    .quick-sale-layout-body[b-tni1ulob96] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .quick-sale-category-rail[b-tni1ulob96] {
        grid-row: 1;
        flex-direction: row;
        align-items: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        border-left: 0;
        border-bottom: 1px solid var(--s-color-border);
    }

    .quick-sale-category-tab[b-tni1ulob96] {
        flex: 0 0 10rem;
    }

    .quick-sale-category-insert[b-tni1ulob96] {
        flex: 0 0 1.25rem;
        align-self: center;
        margin: auto 0;
    }

    .quick-sale-category-rail > .quick-sale-add-category[b-tni1ulob96] {
        flex: 0 0 8rem;
    }
}

@media (max-width: 420px) {
    .quick-sale-title h1[b-tni1ulob96] {
        font-size: 1rem;
    }

    .quick-sale-product-grid[b-tni1ulob96] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PosSyncManagement/Pages/RestaurantHalls/Components/PosRestaurantHallCopyPanel.razor.rz.scp.css */
.pos-restaurant-hall-copy[b-94yhjkqy5a] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    min-height: 100%;
}

.pos-restaurant-hall-copy-loading[b-94yhjkqy5a] {
    display: grid;
    place-items: center;
    padding: var(--s-space-24);
}

.pos-restaurant-hall-copy-scope[b-94yhjkqy5a] {
    display: grid;
    gap: var(--s-space-4);
    padding: var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
}

.pos-restaurant-hall-copy-scope small[b-94yhjkqy5a],
.pos-restaurant-hall-copy-empty[b-94yhjkqy5a] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-restaurant-hall-copy-empty[b-94yhjkqy5a] {
    margin: 0;
}

.pos-restaurant-hall-copy-header[b-94yhjkqy5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
}

.pos-restaurant-hall-copy-list[b-94yhjkqy5a] {
    display: grid;
    gap: var(--s-space-6);
    max-height: 22rem;
    overflow: auto;
    padding-right: var(--s-space-4);
}

.pos-restaurant-hall-copy-row[b-94yhjkqy5a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.pos-restaurant-hall-copy-row:hover[b-94yhjkqy5a] {
    border-color: var(--s-color-primary);
}

.pos-restaurant-hall-copy-row.is-selected[b-94yhjkqy5a] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.pos-restaurant-hall-copy-name[b-94yhjkqy5a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-restaurant-hall-copy-footer[b-94yhjkqy5a] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/RestaurantHalls/Components/PosRestaurantHallPanel.razor.rz.scp.css */
.pos-restaurant-hall-panel[b-633b7scu2t] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    gap: var(--s-space-20);
}

/* 6 kolonluk taban: yarim alan span 3, ucte bir alan span 2, tam genislik
   1/-1. Depo + Salon Adi + Masa Sayisi ilk satirda ucerli duruyor. */
.pos-restaurant-hall-form[b-633b7scu2t] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.pos-restaurant-hall-form > *[b-633b7scu2t] {
    grid-column: span 3;
}

.pos-restaurant-hall-wide[b-633b7scu2t] {
    grid-column: 1 / -1;
}

.pos-restaurant-hall-third[b-633b7scu2t] {
    grid-column: span 2;
}

/* Etiketli alanlarla ayni satiri paylasiyor: hucrenin altina yaslanip input
   yuksekligini alinca onay kutusu yanindaki kutucukla ayni hizaya oturuyor. */
.pos-restaurant-hall-toggle[b-633b7scu2t] {
    display: flex;
    align-items: center;
    align-self: end;
    gap: var(--s-space-12);
    min-height: calc(var(--rem-scale) * 3.6rem);
}

.pos-restaurant-hall-access[b-633b7scu2t] {
    display: grid;
    gap: var(--s-space-12);
}

.pos-restaurant-hall-access-title[b-633b7scu2t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.pos-restaurant-hall-access-title small[b-633b7scu2t] {
    color: var(--s-color-text-subtle);
}

.pos-restaurant-hall-empty-hint[b-633b7scu2t] {
    color: var(--s-color-text-subtle);
}

[b-633b7scu2t] .pos-restaurant-hall-list {
    max-height: 14rem;
    min-height: 8rem;
    overflow: auto;
}

.pos-restaurant-hall-state[b-633b7scu2t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-12);
    min-height: 12rem;
}

.pos-restaurant-hall-footer[b-633b7scu2t] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-12);
    margin-top: auto;
    padding: var(--s-space-16) var(--s-space-20);
    border-top: 1px solid var(--s-color-border);
}

/* Tablet: uclu satir sigmiyor, ikiliye dusuyor. */
@media (max-width: 1024px) {
    .pos-restaurant-hall-third[b-633b7scu2t] {
        grid-column: span 3;
    }
}

@media (max-width: 720px) {
    .pos-restaurant-hall-form[b-633b7scu2t] {
        grid-template-columns: 1fr;
        gap: var(--s-space-12);
        padding: var(--s-space-12);
    }

    .pos-restaurant-hall-form > *[b-633b7scu2t],
    .pos-restaurant-hall-wide[b-633b7scu2t],
    .pos-restaurant-hall-third[b-633b7scu2t] {
        grid-column: auto;
    }
}

/* Sekme şeridi Terminal/Garson detay kartıyla aynı desende
   (PosOperatorDetailTabPanel); tema renkleri dışarıdan gelir. */
[b-633b7scu2t] .pos-restaurant-hall-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item i {
    color: var(--s-color-muted-foreground);
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-633b7scu2t] .pos-restaurant-hall-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.pos-restaurant-hall-tab-body[b-633b7scu2t] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    padding-top: var(--s-space-12);
}

.pos-restaurant-hall-tab-panel[b-633b7scu2t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    min-height: 0;
}

.pos-restaurant-hall-tab-panel.is-hidden[b-633b7scu2t] {
    display: none;
}
/* /Pages/PosSyncManagement/Pages/RestaurantHalls/Templates/PosRestaurantHallViewToolbarTemplate.razor.rz.scp.css */
.pos-restaurant-hall-new[b-7ktm09yznr] {
    border: 1px solid var(--s-color-primary);
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground) !important;
}

.pos-restaurant-hall-new > i[b-7ktm09yznr],
.pos-restaurant-hall-new > span[b-7ktm09yznr] {
    color: inherit !important;
}
/* /Pages/PosSyncManagement/Pages/StockSalesOptions/Components/PosStockSalePropertyCard.razor.rz.scp.css */
.pos-property-card[b-lvifepc96q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--s-color-body-text);
}

.pos-property-form-grid[b-lvifepc96q] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-space-16);
    row-gap: var(--s-space-12);
    padding: var(--s-space-16);
}

.pos-property-form-grid > *[b-lvifepc96q] {
    grid-column: span 6;
}

.pos-property-form-grid .pos-property-form-wide[b-lvifepc96q] {
    grid-column: 1 / -1;
}

.pos-property-form-grid .pos-property-form-half[b-lvifepc96q] {
    grid-column: span 4;
}

.pos-property-form-grid .s-form-field[b-lvifepc96q] {
    display: grid;
    align-content: start;
    gap: var(--s-space-6);
    margin: 0;
}

.pos-property-form-grid .s-form-label[b-lvifepc96q] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-property-form-grid input[readonly][b-lvifepc96q] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-property-text[b-lvifepc96q] {
    min-height: 4.5rem;
    resize: vertical;
}

.pos-property-hint[b-lvifepc96q] {
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-11);
}

.pos-property-card-footer[b-lvifepc96q] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: var(--s-space-12) var(--s-space-16);
    border-top: 1px solid var(--s-color-border);
}

.pos-property-card-footer button[b-lvifepc96q] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
}

@media (max-width: 760px) {
    .pos-property-form-grid[b-lvifepc96q] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--s-space-12);
    }

    .pos-property-form-grid > *[b-lvifepc96q],
    .pos-property-form-grid .pos-property-form-wide[b-lvifepc96q],
    .pos-property-form-grid .pos-property-form-half[b-lvifepc96q] {
        grid-column: auto;
    }
}

.pos-property-lines[b-lvifepc96q] {
    display: grid;
    gap: var(--s-space-8);
    margin-top: var(--s-space-20);
}

.pos-property-lines-header[b-lvifepc96q] {
    display: grid;
    gap: var(--s-space-4);
}

.pos-property-line-list[b-lvifepc96q] {
    display: grid;
}

.pos-property-line[b-lvifepc96q] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-border) 45%, transparent);
}

.pos-property-line.is-dragging[b-lvifepc96q] {
    opacity: .5;
}

.pos-property-line.is-drop-target[b-lvifepc96q] {
    box-shadow: inset 0 0 0 2px var(--s-color-primary);
}

.pos-property-line-handle[b-lvifepc96q] {
    cursor: grab;
    color: var(--s-color-text-muted);
}

.pos-property-line-order[b-lvifepc96q] {
    min-width: 1.5rem;
    padding: 0 var(--s-space-6);
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-primary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 45%, transparent);
    font-size: .72rem;
    font-weight: 700;
    text-align: center;
}

.pos-property-line-actions[b-lvifepc96q] {
    display: flex;
    gap: var(--s-space-4);
}

.pos-property-line-actions button[b-lvifepc96q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: var(--s-radius-6);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-property-line-actions button:hover:not(:disabled)[b-lvifepc96q] {
    background: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
}

.pos-property-line-actions button:disabled[b-lvifepc96q] {
    opacity: .35;
    cursor: default;
}

.pos-property-line-actions .pos-property-line-remove:hover[b-lvifepc96q] {
    background: color-mix(in srgb, var(--s-color-danger) 16%, transparent);
    color: var(--s-color-danger);
}

/* Satir arasindaki + hedefi: normalde ince bir serit, uzerine gelince belirir. */
.pos-property-insert[b-lvifepc96q] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--s-space-16);
}

.pos-property-insert-button[b-lvifepc96q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--s-color-text-muted);
    opacity: 0;
    cursor: pointer;
    transition: opacity .12s ease;
}

.pos-property-insert:hover .pos-property-insert-button[b-lvifepc96q],
.pos-property-insert-button:focus-visible[b-lvifepc96q] {
    opacity: 1;
    background: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
    color: var(--s-color-primary);
}

.pos-property-insert-button.is-tail[b-lvifepc96q] {
    width: auto;
    padding: var(--s-space-6) var(--s-space-12);
    border-radius: var(--s-radius-6);
    opacity: 1;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 40%, transparent);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-11);
}

@media (max-width: 640px) {
    .pos-property-line[b-lvifepc96q] {
        grid-template-columns: auto auto 1fr;
        row-gap: var(--s-space-6);
    }

    .pos-property-line-actions[b-lvifepc96q] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

/* Combobox + filtreli arama simgesi. */
.pos-property-stock-picker[b-lvifepc96q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-6);
}

.pos-property-stock-picker-button[b-lvifepc96q] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-property-stock-picker-button:hover[b-lvifepc96q] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

/* Duzenlemede yalnizca secilen not degistirilebilir; digerleri sirayi
   gorebilmek icin listede kalir ama okunur gorunur. */
.pos-property-line.is-readonly .pos-property-line-text[b-lvifepc96q] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: default;
}

.pos-property-line.is-readonly .pos-property-line-remove[b-lvifepc96q] {
    opacity: .35;
    cursor: default;
}
/* /Pages/PosSyncManagement/Pages/StockSalesOptions/Components/PosStockVariantCard.razor.rz.scp.css */
.pos-variant-card[b-fi2i4y84kv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    color: var(--s-color-body-text);
}

/* Terminal/odeme kartlariyla ayni sekme temasi; DevExpress sekmeleri
   RenderTreeBuilder ile ciziliyor, ::deep sart. */
[b-fi2i4y84kv] .pos-variant-tabs {
    flex: 0 0 auto;
    padding: var(--s-space-12) var(--s-space-16) 0;
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-card) 96%, var(--s-color-muted));
}

[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-tablist {
    gap: var(--s-space-4);
    border-color: transparent;
    background: transparent;
}

[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-item {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-card);
}

[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-item.dxbl-active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-item.dxbl-active .dxbl-tabs-text,
[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-item.dxbl-active i {
    color: var(--s-color-primary);
}

[b-fi2i4y84kv] .pos-variant-tabs .dxbl-tabs-item:not(.dxbl-active):hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: var(--s-color-tab-hover);
}

.pos-variant-tab-body[b-fi2i4y84kv] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 0;
    padding: var(--s-space-16);
    overflow: auto;
}

.pos-variant-loading[b-fi2i4y84kv] {
    display: grid;
    place-items: center;
    min-height: 8rem;
}

/* 12 kolon taban: carpan, fiyat ve sira ayni satirda ucer kolon. */
.pos-variant-form-grid[b-fi2i4y84kv] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--s-space-16);
    row-gap: var(--s-space-12);
    min-width: 0;
}

.pos-variant-form-grid > *[b-fi2i4y84kv] {
    grid-column: span 6;
}

.pos-variant-form-grid .pos-variant-form-wide[b-fi2i4y84kv] {
    grid-column: 1 / -1;
}

.pos-variant-form-grid .pos-variant-form-third[b-fi2i4y84kv] {
    grid-column: span 4;
}

.pos-variant-form-grid .s-form-field[b-fi2i4y84kv] {
    display: grid;
    align-content: start;
    gap: var(--s-space-6);
    margin: 0;
}

.pos-variant-form-grid .s-form-label[b-fi2i4y84kv] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
}

.pos-variant-form-grid input[readonly][b-fi2i4y84kv] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.pos-variant-hint[b-fi2i4y84kv] {
    margin: 0;
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-11);
}

.pos-variant-warning[b-fi2i4y84kv] {
    margin: 0;
    padding: var(--s-space-8) var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-warning) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-warning) 40%, transparent);
    font-size: var(--s-font-size-11);
}

.pos-variant-warehouse-section[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-12);
}

/* Dar panelde tek, genisledikce iki, en fazla uc depo yan yana.
   calc((100% - 2*gap) / 3) her kolonu en az ucte bir yaptigi icin
   auto-fit dorde cikamiyor; genis ekranda hucreler sikismiyor. */
.pos-variant-warehouse-list[b-fi2i4y84kv] {
    --pos-variant-warehouse-gap: var(--s-space-6, .375rem);
    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(max(13rem, calc((100% - 2 * var(--pos-variant-warehouse-gap)) / 3)), 1fr));
    gap: var(--pos-variant-warehouse-gap);
}

.pos-variant-warehouse-row[b-fi2i4y84kv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-4) var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.pos-variant-warehouse-row.is-selected[b-fi2i4y84kv] {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card));
}

.pos-variant-warehouse-toggle[b-fi2i4y84kv] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-width: 0;
    margin: 0;
    font-size: var(--s-font-size-12);
}

/* Uzun depo adi satiri uc satira cikarip hucreyi sismesin; tam adi
   title'da duruyor. */
.pos-variant-warehouse-toggle > span[b-fi2i4y84kv] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pos-variant-card-footer[b-fi2i4y84kv] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: var(--s-space-12) var(--s-space-16);
    border-top: 1px solid var(--s-color-border);
}

.pos-variant-card-footer button[b-fi2i4y84kv] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
}

@media (max-width: 760px) {
    .pos-variant-tab-body[b-fi2i4y84kv] {
        padding: var(--s-space-12);
    }

    .pos-variant-form-grid[b-fi2i4y84kv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-variant-form-grid > *[b-fi2i4y84kv],
    .pos-variant-form-grid .pos-variant-form-wide[b-fi2i4y84kv],
    .pos-variant-form-grid .pos-variant-form-third[b-fi2i4y84kv] {
        grid-column: auto;
    }

    .pos-variant-warehouse-row[b-fi2i4y84kv] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- Coklu varyant satirlari --- */

.pos-variant-lines[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-8);
    margin-top: var(--s-space-20);
}

.pos-variant-lines-header[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-4);
}

.pos-variant-line-list[b-fi2i4y84kv] {
    display: grid;
}

.pos-variant-line[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-8);
    padding: var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-border) 45%, transparent);
}

.pos-variant-line.is-dragging[b-fi2i4y84kv] {
    opacity: .5;
}

.pos-variant-line.is-drop-target[b-fi2i4y84kv] {
    box-shadow: inset 0 0 0 2px var(--s-color-primary);
}

/* Son kolon aksiyonlar icin: onceden sablonda yeri yoktu ve aksiyonlar
   tam genislik kaplayip her varyanta fazladan bir satir ekliyordu. */
.pos-variant-line-main[b-fi2i4y84kv] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--s-space-8);
}

.pos-variant-line-handle[b-fi2i4y84kv] {
    padding-bottom: var(--s-space-6);
    cursor: grab;
    color: var(--s-color-text-muted);
}

/* span varsayilan olarak inline; min-width/text-align ile ortalanmiyordu.
   inline-grid + place-items rakami hem yatay hem dikey ortaliyor. */
.pos-variant-line-order[b-fi2i4y84kv] {
    display: inline-grid;
    place-items: center;
    min-width: 1.5rem;
    height: 1.5rem;
    margin-bottom: var(--s-space-6);
    padding: 0 var(--s-space-4);
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-primary) 18%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 45%, transparent);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
}

.pos-variant-line .s-form-field[b-fi2i4y84kv] {
    display: grid;
    align-content: start;
    gap: var(--s-space-6);
    margin: 0;
    min-width: 0;
}

.pos-variant-line .s-form-label[b-fi2i4y84kv] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-medium);
}

.pos-variant-line-actions[b-fi2i4y84kv] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    justify-content: flex-end;
}

.pos-variant-line-actions button[b-fi2i4y84kv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 var(--s-space-6);
    border: none;
    border-radius: var(--s-radius-6);
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-11);
    cursor: pointer;
}

.pos-variant-line-actions button:hover:not(:disabled)[b-fi2i4y84kv] {
    background: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
}

.pos-variant-line-actions button:disabled[b-fi2i4y84kv] {
    opacity: .35;
    cursor: default;
}

.pos-variant-line-warehouse-badge[b-fi2i4y84kv] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    margin-right: auto;
    padding: 0 var(--s-space-8);
    height: 1.75rem;
    border-radius: var(--s-radius-6);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-border) 55%, transparent);
    color: var(--s-color-text-muted);
    font-size: var(--s-font-size-11);
}

.pos-variant-line-actions .pos-variant-line-remove:hover[b-fi2i4y84kv] {
    background: color-mix(in srgb, var(--s-color-danger) 16%, transparent);
    color: var(--s-color-danger);
}

/* Satir arasindaki + hedefi: normalde gizli, uzerine gelince belirir. */
.pos-variant-insert[b-fi2i4y84kv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--s-space-16);
}

.pos-variant-insert-button[b-fi2i4y84kv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--s-color-text-muted);
    opacity: 0;
    cursor: pointer;
    transition: opacity .12s ease;
}

.pos-variant-insert:hover .pos-variant-insert-button[b-fi2i4y84kv],
.pos-variant-insert-button:focus-visible[b-fi2i4y84kv] {
    opacity: 1;
    background: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
    color: var(--s-color-primary);
}

.pos-variant-insert-button.is-tail[b-fi2i4y84kv] {
    width: auto;
    padding: var(--s-space-6) var(--s-space-12);
    border-radius: var(--s-radius-6);
    opacity: 1;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 40%, transparent);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-11);
}

/* Dar ekranda ad tek satiri kaplar, sayilar altta yan yana, aksiyonlar
   yine ayni satirin sagina yaslanir; alt alta uc satir olmaz. */
@media (max-width: 720px) {
    .pos-variant-line-main[b-fi2i4y84kv] {
        grid-template-columns: auto auto minmax(0, 1fr) auto;
    }

    .pos-variant-line-name[b-fi2i4y84kv] {
        grid-column: 3 / -1;
    }

    .pos-variant-line-number[b-fi2i4y84kv] {
        grid-column: span 2;
    }

    .pos-variant-line-actions[b-fi2i4y84kv] {
        grid-column: 4;
        grid-row: 2;
    }
}

/* Sekmeler arasi gecis: DOM'da kalip gizleniyor ki depo secimi ve
   varyant satirlari sekme degistirince sifirlanmasin. */
/* Ayni ozgulluk seviyesinde kaldigi icin .pos-variant-warehouse-tab'in
   display:grid kurali bunu eziyordu; sinif adiyla birlikte yaziliyor. */
.pos-variant-lines.is-hidden[b-fi2i4y84kv],
.pos-variant-warehouse-tab.is-hidden[b-fi2i4y84kv] {
    display: none;
}

.pos-variant-warehouse-tab[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-12);
    margin-top: var(--s-space-16);
}

.pos-variant-warehouse-group[b-fi2i4y84kv] {
    display: grid;
    gap: var(--s-space-8);
    padding: var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-color-border) 45%, transparent);
}

.pos-variant-warehouse-group-header[b-fi2i4y84kv] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.pos-variant-warehouse-group-header:hover strong[b-fi2i4y84kv] {
    color: var(--s-color-primary);
}

.pos-variant-warehouse-group-header .pos-variant-line-order[b-fi2i4y84kv] {
    margin-bottom: 0;
}

.pos-variant-warehouse-group-header .pos-variant-line-warehouse-badge[b-fi2i4y84kv] {
    margin-left: auto;
    margin-right: 0;
}

/* Combobox + filtreli arama simgesi. */
.pos-variant-stock-picker[b-fi2i4y84kv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-6);
}

.pos-variant-stock-picker-button[b-fi2i4y84kv] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-variant-stock-picker-button:hover[b-fi2i4y84kv] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

/* Duzenlemede yalnizca tiklanan varyant degistirilebilir; digerleri sirayi
   gorebilmek icin listelenir ama okunur kalir. */
.pos-variant-line.is-readonly .s-input[b-fi2i4y84kv] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: default;
}

.pos-variant-line.is-readonly .pos-variant-line-remove[b-fi2i4y84kv] {
    opacity: .35;
    cursor: default;
}
/* /Pages/PosSyncManagement/Pages/StockSalesOptions/Components/PosStockVariantWarehousePricePanel.razor.rz.scp.css */
.pos-variant-price-panel[b-91xif34yu9] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    min-height: 100%;
}

.pos-variant-price-loading[b-91xif34yu9] {
    display: grid;
    place-items: center;
    padding: var(--s-space-24);
}

.pos-variant-price-scope[b-91xif34yu9] {
    display: grid;
    gap: var(--s-space-4);
    padding: var(--s-space-12);
    border-radius: var(--s-radius-6);
    background: color-mix(in srgb, var(--s-color-border) 12%, transparent);
}

.pos-variant-price-scope small[b-91xif34yu9] {
    color: var(--s-color-muted-foreground);
}

.pos-variant-price-hint[b-91xif34yu9] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-variant-price-rows-header[b-91xif34yu9],
.pos-variant-price-picker-header[b-91xif34yu9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-8);
}

/* Baslik olmadiginda (ekleme akisi) kapatma simgesi sagda kalsin. */
.pos-variant-price-rows-header > :first-child[b-91xif34yu9],
.pos-variant-price-picker-header > strong[b-91xif34yu9] {
    margin-right: auto;
}

/* Panelin birincil eylemi: kart acildiginda kullanicinin ilk yapacagi is
   depoya fiyat girmek, bu yuzden dolgulu ve belirgin. */
.pos-variant-price-add[b-91xif34yu9] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    white-space: nowrap;
}

.pos-variant-price-row-list[b-91xif34yu9],
.pos-variant-price-picker-list[b-91xif34yu9] {
    display: grid;
    gap: var(--s-space-6);
}

.pos-variant-price-picker-list[b-91xif34yu9] {
    max-height: 18rem;
    overflow: auto;
    padding-right: var(--s-space-4);
}

.pos-variant-price-row[b-91xif34yu9] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) 7rem auto auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
}

.pos-variant-price-warehouse-number[b-91xif34yu9] {
    color: var(--s-color-muted-foreground);
    font-variant-numeric: tabular-nums;
}

.pos-variant-price-warehouse-name[b-91xif34yu9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-variant-price-icon[b-91xif34yu9] {
    display: inline-grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
}

.pos-variant-price-icon:hover[b-91xif34yu9] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.pos-variant-price-icon.is-danger:hover[b-91xif34yu9] {
    border-color: var(--s-color-danger);
    color: var(--s-color-danger);
}

.pos-variant-price-picker[b-91xif34yu9] {
    display: grid;
    gap: var(--s-space-12);
}

.pos-variant-price-picker-row[b-91xif34yu9] {
    display: grid;
    grid-template-columns: auto 3rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-6);
    background: var(--s-color-card);
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.pos-variant-price-picker-row:hover[b-91xif34yu9] {
    border-color: var(--s-color-primary);
}

.pos-variant-price-picker-row.is-selected[b-91xif34yu9] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.pos-variant-price-picker-actions[b-91xif34yu9],
.pos-variant-price-panel-footer[b-91xif34yu9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
}

.pos-variant-price-panel-footer[b-91xif34yu9] {
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

@media (max-width: 575px) {
    .pos-variant-price-row[b-91xif34yu9] {
        grid-template-columns: 3rem minmax(0, 1fr) auto auto;
    }

    .pos-variant-price-row[b-91xif34yu9]  .pos-variant-price-input {
        grid-column: 1 / -1;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxBulkEditorModal.razor.rz.scp.css */
/* DevExpress modal kutusu `max-width: fit-content` ile icerige yapisiyor, o
   yuzden diyalogun genisligi ekrana degil icerige gore oynuyordu (1100px
   ekranda 467px'e dusuyordu). Genislik burada aciktan veriliyor ki kutu her
   ekranda ayni oranda dursun. */
.pos-tax-bulk-content[b-atalncdpfa] {
    display: grid;
    gap: var(--s-space-12, 0.75rem);
    width: min(62rem, 86vw);
    padding: var(--s-space-16, 1rem);
    color: var(--s-color-body-text, var(--s-color-foreground));
}

/* Genis ekranda iki adim yan yana; boylece diyalog uzun bir seride donusmuyor
   ve hedef listesi kaydirilmadan goruluyor. Bolunme adim sinirindan gecer:
   giris cumlesi ve ozet her zaman tam genislik. */
@media (min-width: 1200px) {
    .pos-tax-bulk-content[b-atalncdpfa] {
        width: min(72rem, 90vw);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--s-space-16, 1rem);
    }

    .pos-tax-bulk-lead[b-atalncdpfa],
    .pos-tax-bulk-summary[b-atalncdpfa] {
        grid-column: 1 / -1;
    }

    .pos-tax-bulk-source-table[b-atalncdpfa] {
        max-height: 16rem;
    }

    .pos-tax-bulk-target-list[b-atalncdpfa] {
        max-height: 22rem;
    }
}

.pos-tax-bulk-lead[b-atalncdpfa] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-modal-section[b-atalncdpfa] {
    display: grid;
    align-content: start;
    gap: var(--s-space-12, 0.75rem);
    min-width: 0;
    padding: var(--s-space-16, 1rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-surface);
}

.pos-tax-modal-section h3[b-atalncdpfa] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8, 0.5rem);
    margin: 0;
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-14, 0.875rem);
    line-height: 1.3;
}

.pos-tax-bulk-step[b-atalncdpfa] {
    display: inline-grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--s-border-radius-full, 999px);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 700;
}

.pos-tax-bulk-count[b-atalncdpfa] {
    margin-left: auto;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 500;
}

.pos-tax-modal-section label[b-atalncdpfa] {
    display: grid;
    gap: var(--s-space-4, 0.25rem);
    min-width: 0;
}

.pos-tax-modal-section label > span[b-atalncdpfa] {
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 600;
}

.pos-tax-bulk-note[b-atalncdpfa] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-bulk-note.is-warning[b-atalncdpfa] {
    color: var(--s-color-warning, var(--s-color-danger));
}

/* Kaynak terminalin eslestirmeleri: kopyalanacak satirlar dugmeye basmadan
   goruluyor. */
.pos-tax-bulk-source-table[b-atalncdpfa] {
    display: grid;
    gap: 1px;
    max-height: 12rem;
    overflow: auto;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-border);
}

.pos-tax-bulk-source-head[b-atalncdpfa],
.pos-tax-bulk-source-row[b-atalncdpfa] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(0, 1fr));
    gap: var(--s-space-8, 0.5rem);
    padding: var(--s-space-6, 0.375rem) var(--s-space-10, 0.625rem);
    background: var(--s-color-card);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-bulk-source-head[b-atalncdpfa] {
    position: sticky;
    top: 0;
    background: var(--s-color-muted);
    font-weight: 600;
}

.pos-tax-bulk-source-row span[b-atalncdpfa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-tax-bulk-target-tools[b-atalncdpfa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s-space-8, 0.5rem);
}

.pos-tax-bulk-target-tools > .s-input[b-atalncdpfa] {
    flex: 1 1 12rem;
    min-width: 0;
}

.pos-tax-bulk-target-list[b-atalncdpfa] {
    display: grid;
    gap: var(--s-space-10, 0.625rem);
    max-height: 16rem;
    overflow: auto;
    padding-right: var(--s-space-4, 0.25rem);
}

.pos-tax-bulk-target-group[b-atalncdpfa] {
    display: grid;
    gap: var(--s-space-4, 0.25rem);
}

.pos-tax-bulk-target-warehouse[b-atalncdpfa] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 600;
}

.pos-tax-bulk-target[b-atalncdpfa] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-8, 0.5rem);
    padding: var(--s-space-6, 0.375rem) var(--s-space-8, 0.5rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-card);
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.pos-tax-bulk-target:hover[b-atalncdpfa] {
    border-color: var(--s-color-primary);
}

.pos-tax-bulk-target.is-selected[b-atalncdpfa] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.pos-tax-bulk-summary[b-atalncdpfa] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8, 0.5rem);
    padding: var(--s-space-10, 0.625rem) var(--s-space-16, 1rem);
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-surface));
    font-size: var(--s-font-size-12, 0.75rem);
}

@media (max-width: 767px) {
    .pos-tax-bulk-content[b-atalncdpfa] {
        padding: var(--s-space-12, 0.75rem);
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxGlobalEditorPanel.razor.rz.scp.css */
.pos-tax-modal-content[b-uoblkgzc38] {
    display: grid;
    gap: var(--s-space-8, 0.75rem);
}

.pos-tax-modal-section[b-uoblkgzc38] {
    padding: var(--s-space-8, 0.75rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-surface);
}

.pos-tax-modal-section h3[b-uoblkgzc38] {
    margin: 0 0 var(--s-space-6, 0.75rem);
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-14, 0.875rem);
}

.pos-tax-modal-form[b-uoblkgzc38] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-6, 0.75rem);
}

.pos-tax-provider-mapping-card[b-uoblkgzc38] {
    display: grid;
    gap: var(--s-space-4, 0.5rem);
    padding: var(--s-space-6, 0.75rem) 0;
    border-top: 1px solid var(--s-color-border);
}

.pos-tax-provider-mapping-card:first-of-type[b-uoblkgzc38] {
    padding-top: 0;
    border-top: 0;
}

.pos-tax-provider-mapping-header[b-uoblkgzc38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-4, 0.5rem);
}

.pos-tax-provider-mapping-header > strong[b-uoblkgzc38] {
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-13, 0.8125rem);
}

.pos-tax-modal-form label:not(.pos-tax-modal-checkbox)[b-uoblkgzc38] {
    display: grid;
    gap: var(--s-space-2, 0.25rem);
}

.pos-tax-modal-form label > span[b-uoblkgzc38] {
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 600;
}

.pos-tax-modal-checkbox[b-uoblkgzc38] {
    display: flex;
    align-items: center;
    gap: var(--s-space-3, 0.375rem);
    align-self: end;
    min-height: 2rem;
}

@media (max-width: 640px) {
    .pos-tax-modal-form[b-uoblkgzc38] {
        grid-template-columns: 1fr;
    }
}

/* Modal yerine sagdan acilan panel: govde akar, kaydet alt cubukta sabit. */
.pos-tax-panel-footer[b-uoblkgzc38] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    padding: var(--s-space-12) 0 0;
    border-top: 1px solid var(--s-color-border);
}

.pos-tax-panel-footer button[b-uoblkgzc38] {
    min-width: 6rem;
}

@media (max-width: 640px) {
    .pos-tax-panel-footer[b-uoblkgzc38] {
        flex-direction: column-reverse;
    }

    .pos-tax-panel-footer button[b-uoblkgzc38] {
        width: 100%;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxGlobalWorkspace.razor.rz.scp.css */
.pos-tax-provider-mapping-list[b-9796u3o7c5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-2, 0.25rem);
}

.pos-tax-provider-mapping-item[b-9796u3o7c5] {
    display: inline-flex;
    gap: var(--s-space-2, 0.25rem);
    padding: var(--s-space-1, 0.125rem) var(--s-space-3, 0.375rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-sm, 0.25rem);
    color: var(--s-color-body-text, var(--s-color-foreground));
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxImportAysModal.razor.rz.scp.css */
.pos-tax-import-modal[b-hthytq9lcb] {
    display: grid;
    gap: var(--s-space-8, 0.75rem);
}

.pos-tax-import-summary[b-hthytq9lcb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-6, 0.75rem);
}

.pos-tax-import-summary > div[b-hthytq9lcb] {
    display: grid;
    align-content: start;
    gap: var(--s-space-2, 0.25rem);
    padding: var(--s-space-6, 0.75rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.5rem);
    background: var(--s-color-surface);
}

.pos-tax-import-summary span[b-hthytq9lcb],
.pos-tax-import-summary small[b-hthytq9lcb] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-import-summary small[b-hthytq9lcb] {
    display: block;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .pos-tax-import-summary[b-hthytq9lcb] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxMappingFilterPanel.razor.rz.scp.css */
.pos-tax-filter-panel[b-k227qsc0q9] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
    align-items: end;
    gap: var(--s-space-12, 0.75rem);
    min-width: 0;
    padding: var(--s-space-12, 0.75rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-surface);
}

.pos-tax-filter-context[b-k227qsc0q9],
.pos-tax-filter-query[b-k227qsc0q9] {
    display: grid;
    align-items: end;
    gap: var(--s-space-12, 0.75rem);
    min-width: 0;
}

.pos-tax-filter-context[b-k227qsc0q9] {
    grid-template-columns: repeat(3, minmax(10rem, 1fr));
}

.pos-tax-filter-query[b-k227qsc0q9] {
    grid-template-columns: minmax(10rem, 0.7fr) minmax(14rem, 1.3fr);
}

.pos-tax-filter-control[b-k227qsc0q9] {
    display: grid;
    gap: var(--s-space-6, 0.375rem);
    min-width: 0;
    margin: 0;
}

.pos-tax-filter-control > span[b-k227qsc0q9] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 600;
}

.pos-tax-filter-control[b-k227qsc0q9]  .s-select,
.pos-tax-filter-control[b-k227qsc0q9]  .s-input {
    width: 100%;
}

@media (max-width: 1279px) {
    .pos-tax-filter-panel[b-k227qsc0q9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .pos-tax-filter-panel[b-k227qsc0q9],
    .pos-tax-filter-context[b-k227qsc0q9],
    .pos-tax-filter-query[b-k227qsc0q9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-tax-filter-panel[b-k227qsc0q9] {
        padding: var(--s-space-16, 1rem);
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxMappingGrid.razor.rz.scp.css */
.pos-tax-mapping-grid-shell[b-rgjhtpcakp] {
    min-width: 0;
    background: var(--s-color-surface);
    color: var(--s-color-body-text, var(--s-color-foreground));
}

@media (max-width: 767px) {
    .pos-tax-mapping-grid-shell[b-rgjhtpcakp] {
        display: none;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxMappingMobileList.razor.rz.scp.css */
.pos-tax-mapping-mobile[b-yrqhiwhcbu] {
    display: none;
}

@media (max-width: 767px) {
    .pos-tax-mapping-mobile[b-yrqhiwhcbu] {
        display: grid;
        gap: var(--s-space-16, 1rem);
    }

    .pos-tax-mapping-card[b-yrqhiwhcbu] {
        display: grid;
        gap: var(--s-space-16, 1rem);
        padding: var(--s-space-20, 1.25rem);
        border: 1px solid var(--s-color-border);
        border-radius: var(--s-border-radius-default, 0.5rem);
        background: var(--s-color-surface);
    }

    .pos-tax-mapping-card header[b-yrqhiwhcbu] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: var(--s-space-12, 0.75rem);
    }

    .pos-tax-mapping-card header div[b-yrqhiwhcbu],
    .pos-tax-mapping-card dl[b-yrqhiwhcbu],
    .pos-tax-mapping-card dl div[b-yrqhiwhcbu] {
        display: grid;
        gap: var(--s-space-6, 0.375rem);
        margin: 0;
    }

    .pos-tax-mapping-card header span[b-yrqhiwhcbu],
    .pos-tax-mapping-card dt[b-yrqhiwhcbu] {
        color: var(--s-color-muted-foreground);
        font-size: var(--s-font-size-12, 0.75rem);
    }

    .pos-tax-mapping-card dd[b-yrqhiwhcbu] {
        margin: 0;
        color: var(--s-color-body-text, var(--s-color-foreground));
    }

    .pos-tax-mobile-action[b-yrqhiwhcbu] {
        min-height: 2.75rem;
        width: 100%;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxMappingWorkspace.razor.rz.scp.css */
.pos-tax-mapping-layout[b-tw4ack15uw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--s-space-12, 0.75rem);
    min-width: 0;
}

.pos-tax-mapping-results[b-tw4ack15uw] {
    display: grid;
    min-width: 0;
    overflow: hidden;
}

.pos-tax-loading[b-tw4ack15uw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-10, 0.625rem);
    min-height: 12rem;
    color: var(--s-color-muted-foreground);
}

@media (max-width: 767px) {
    .pos-tax-mapping-results[b-tw4ack15uw]  .pos-tax-mapping-grid {
        display: none;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxTerminalEditorPanel.razor.rz.scp.css */
.pos-tax-terminal-panel[b-9d017dpegl] {
    display: grid;
    gap: var(--s-space-12);
    align-content: start;
    padding: var(--s-space-16);
}

.pos-tax-selected-tax[b-9d017dpegl],
.pos-tax-terminal-form[b-9d017dpegl] {
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius);
    background: var(--s-color-card);
}

.pos-tax-selected-tax[b-9d017dpegl] {
    display: grid;
    gap: var(--s-space-2);
}

.pos-tax-selected-tax span[b-9d017dpegl],
.pos-tax-selected-tax small[b-9d017dpegl] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.pos-tax-selected-tax strong[b-9d017dpegl] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
    overflow-wrap: anywhere;
}

/* Offcanvas dar olduğu için alanlar tek kolon; geniş ekranda ikiye çıkıyor. */
.pos-tax-terminal-form[b-9d017dpegl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-12);
}

.pos-tax-terminal-form h3[b-9d017dpegl] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
}

.pos-tax-terminal-form label:not(.pos-tax-terminal-checkbox)[b-9d017dpegl] {
    display: grid;
    gap: var(--s-space-2);
    min-width: 0;
}

.pos-tax-terminal-form label > span[b-9d017dpegl] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
}

.pos-tax-terminal-checkbox[b-9d017dpegl] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    margin: 0;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

.pos-tax-terminal-panel-footer[b-9d017dpegl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding: var(--s-space-12) var(--s-space-16);
    border-top: 1px solid var(--s-color-border);
}

@media (min-width: 520px) {
    .pos-tax-terminal-form[b-9d017dpegl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/Components/PosTaxTransferConfirmationModal.razor.rz.scp.css */
.pos-tax-transfer-content[b-kl7fi5quxd] {
    display: grid;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.pos-tax-transfer-message[b-kl7fi5quxd] {
    display: flex;
    gap: var(--s-space-12);
    align-items: flex-start;
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-medium);
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-surface));
    color: var(--s-color-body-text);
}

.pos-tax-transfer-message p[b-kl7fi5quxd] {
    margin: 0;
}

.pos-tax-transfer-groups[b-kl7fi5quxd] {
    display: grid;
    grid-auto-rows: max-content;
    align-content: start;
    gap: var(--s-space-16);
    max-height: min(28rem, 52vh);
    overflow: auto;
    scrollbar-gutter: stable;
}

.pos-tax-transfer-groups section[b-kl7fi5quxd] {
    min-height: max-content;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium, 0.5rem);
    overflow: hidden;
}

.pos-tax-transfer-groups header[b-kl7fi5quxd],
.pos-tax-transfer-groups li[b-kl7fi5quxd] {
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--s-space-12) var(--s-space-16);
}

.pos-tax-transfer-groups header[b-kl7fi5quxd] {
    background: var(--s-color-surface-secondary);
}

.pos-tax-transfer-groups ul[b-kl7fi5quxd] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pos-tax-transfer-groups li + li[b-kl7fi5quxd] {
    border-top: 1px solid var(--s-color-border);
}

.pos-tax-transfer-groups small[b-kl7fi5quxd] {
    color: var(--s-color-muted-foreground);
}

@media (max-width: 767px) {
    .pos-tax-transfer-content[b-kl7fi5quxd] {
        padding: var(--s-space-16);
    }

    .pos-tax-transfer-groups header[b-kl7fi5quxd],
    .pos-tax-transfer-groups li[b-kl7fi5quxd] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/PosSyncManagement/Pages/TaxConfigurations/PosTaxConfigurationCatalog.razor.rz.scp.css */
.pos-tax-management[b-jbyl56l1am] {
    display: grid;
    gap: var(--s-space-8, 0.75rem);
    min-width: 0;
    color: var(--s-color-body-text, var(--s-color-foreground));
}

.pos-tax-page-header[b-jbyl56l1am] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s-space-12, 0.75rem);
}

.pos-tax-page-identity[b-jbyl56l1am] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10, 0.625rem);
    min-width: 0;
}

.pos-tax-page-icon[b-jbyl56l1am] {
    display: grid;
    place-items: center;
    flex: none;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--s-border-radius-medium, 0.5rem);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    font-size: var(--s-font-size-16, 1rem);
}

.pos-tax-page-header h1[b-jbyl56l1am] {
    margin: 0;
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--s-font-size-18, 1.125rem);
    line-height: 1.25;
}

.pos-tax-page-header p[b-jbyl56l1am] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-section-tabs {
    width: fit-content;
    max-width: 100%;
}

.pos-tax-shell[b-jbyl56l1am] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--s-space-8, 0.5rem);
    min-width: 0;
}

.pos-tax-active-workspace[b-jbyl56l1am] {
    min-width: 0;
    overflow: hidden;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-workspace {
    display: grid;
    gap: var(--s-space-8, 0.75rem);
    min-width: 0;
    padding: var(--s-space-10, 0.75rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 0.75rem);
    background: var(--s-color-surface);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-workspace-bar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--s-space-8, 0.75rem);
    min-width: 0;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-summary {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
    white-space: nowrap;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--s-space-6, 0.375rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-icon-button {
    padding-right: var(--s-space-8, 0.5rem);
    padding-left: var(--s-space-8, 0.5rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-filter-bar {
    align-items: end;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-filters {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: var(--s-space-8, 0.5rem);
    min-width: 0;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-provider-switch {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-1, 0.125rem);
    padding: var(--s-space-2, 0.125rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-surface);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-provider-option {
    min-height: 1.875rem;
    padding: 0 var(--s-space-10, 0.625rem);
    border: 0;
    border-radius: var(--s-border-radius-small, 0.375rem);
    color: var(--s-color-muted-foreground);
    background: transparent;
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 600;
    cursor: pointer;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-provider-option:hover {
    color: var(--s-color-body-text, var(--s-color-foreground));
    background: var(--s-color-muted);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-provider-option.is-active {
    color: var(--s-color-primary-foreground);
    background: var(--s-color-primary);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-filter-control {
    display: grid;
    gap: var(--s-space-2, 0.125rem);
    min-width: 0;
    margin: 0;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-filter-control > span {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: 600;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid {
    height: clamp(22rem, calc(100vh - 13rem), 56rem);
    min-width: 0;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-scroll-viewer {
    height: 100%;
    overflow: auto;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-table,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-scroll-viewer {
    --dxbl-grid-bg: var(--s-color-surface);
    --dxbl-grid-color: var(--s-color-body-text, var(--s-color-foreground));
    --dxbl-grid-border-color: var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-surface);
    color: var(--s-color-body-text, var(--s-color-foreground));
    border-color: var(--datatable-border-color, var(--s-color-border));
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-header-row,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-header-row th,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-bottom-panel,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-empty-row,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-empty-cell {
    background: var(--s-color-surface);
    color: var(--s-color-body-text, var(--s-color-foreground));
    border-color: var(--datatable-border-color, var(--s-color-border));
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-header-content,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-header-content span,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid tbody td,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-group-row td,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-empty-data {
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-header-content,
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-group-row td {
    font-weight: var(--s-font-weight-semibold, 600);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-grid .dxbl-grid-group-row td {
    background: var(--s-color-muted);
}

/* Dinamik gridlerdeki gibi islem ikonu hucrede ortali dursun. */
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2, 0.125rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-action {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: var(--s-border-radius-small, 0.375rem);
    color: var(--s-color-muted-foreground);
    background: transparent;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-action:hover {
    color: var(--s-color-primary);
    background: var(--s-color-muted);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-action.is-destructive:hover {
    color: var(--s-color-destructive);
}

/* Henüz eşleştirilmemiş satır: yapılacak iş var, ikon öne çıksın. */
.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-action.is-unmapped {
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-row-action.is-unmapped:hover {
    background: color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-status {
    display: inline-flex;
    align-items: center;
    padding: var(--s-space-2, 0.125rem) var(--s-space-8, 0.5rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-full, 999px);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-status.is-active {
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, transparent);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-status.is-unmapped {
    border-style: dashed;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--s-border-radius-full, 999px);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    font-size: var(--s-font-size-11, 0.6875rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-flag.is-on {
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-flag.is-unset {
    background: transparent;
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-empty {
    display: flex;
    align-items: center;
    gap: var(--s-space-8, 0.5rem);
    margin: 0;
    padding: var(--s-space-14, 0.875rem) var(--s-space-16, 1rem);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default, 0.5rem);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 0.75rem);
}

.pos-tax-shell[b-jbyl56l1am]  .pos-tax-empty .bi {
    color: var(--s-color-primary);
    font-size: var(--s-font-size-16, 1rem);
}

@media (max-width: 1023px) {
    .pos-tax-page-header[b-jbyl56l1am] {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-workspace-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-toolbar {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .pos-tax-management[b-jbyl56l1am] {
        overflow-x: clip;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-section-tabs {
        width: 100%;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-workspace {
        padding: var(--s-space-16, 1rem);
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-toolbar {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-toolbar .dxbl-btn {
        min-height: 2.75rem;
        width: 100%;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-filters {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-tax-shell[b-jbyl56l1am]  .pos-tax-provider-switch {
        width: fit-content;
    }

}
/* /Pages/PosSyncManagement/Pages/Terminals/Templates/PosTerminalConnectionCellTemplate.razor.rz.scp.css */
.pos-terminal-connection[b-58o20or0ig] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2, 0.375rem);
    white-space: nowrap;
}

.pos-terminal-connection-dot[b-58o20or0ig] {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex: 0 0 auto;
    background-color: var(--s-color-muted-foreground, #9ca3af);
}

.pos-terminal-connection-text[b-58o20or0ig] {
    color: var(--s-color-text-secondary, inherit);
}

.pos-terminal-connection-connected .pos-terminal-connection-dot[b-58o20or0ig] {
    background-color: var(--s-color-success, #16a34a);
    box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--s-color-success, #16a34a) 22%, transparent);
}

.pos-terminal-connection-disconnected .pos-terminal-connection-dot[b-58o20or0ig] {
    background-color: var(--s-color-warning, #d97706);
    box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--s-color-warning, #d97706) 22%, transparent);
}

.pos-terminal-connection-never .pos-terminal-connection-dot[b-58o20or0ig] {
    background-color: var(--s-color-muted-foreground, #9ca3af);
}
/* /Pages/PosSyncManagement/Pages/Transfers/Components/PosTransferAutomationPanel.razor.rz.scp.css */
.apa-layout[b-2x1s7ejb2p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-12);
    align-items: start;
}

.apa-layout:has(.apa-editor-panel)[b-2x1s7ejb2p] {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
}

.apa-list-panel[b-2x1s7ejb2p],
.apa-editor-panel[b-2x1s7ejb2p] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.apa-panel-head[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
}

.apa-panel-title[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.apa-panel-title h5[b-2x1s7ejb2p] {
    margin: 0;
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-card-foreground);
}

.apa-panel-title span[b-2x1s7ejb2p] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

.apa-panel-icon[b-2x1s7ejb2p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

.apa-panel-actions[b-2x1s7ejb2p] {
    display: flex;
    gap: var(--s-space-6);
}

.apa-state[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    padding: var(--s-space-24);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.apa-empty[b-2x1s7ejb2p] {
    flex-direction: column;
}

.apa-empty i[b-2x1s7ejb2p] {
    font-size: var(--s-font-size-24);
    opacity: 0.4;
}

.apa-rule-list[b-2x1s7ejb2p] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.apa-rule[b-2x1s7ejb2p] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    padding: var(--s-space-10) var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-left: 3px solid var(--s-color-muted-foreground);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.apa-rule.is-active[b-2x1s7ejb2p] {
    border-left-color: var(--s-color-primary);
}

.apa-rule.is-selected[b-2x1s7ejb2p] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 25%, transparent);
}

.apa-rule-head[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
}

.apa-rule-name[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-width: 0;
}

.apa-rule-name strong[b-2x1s7ejb2p] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-card-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apa-badge[b-2x1s7ejb2p] {
    padding: 1px var(--s-space-6);
    border-radius: var(--s-border-radius-full);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    text-transform: uppercase;
}

.apa-badge.is-on[b-2x1s7ejb2p] {
    background: color-mix(in srgb, var(--s-color-primary) 15%, transparent);
    color: var(--s-color-primary);
}

.apa-badge.is-off[b-2x1s7ejb2p] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.apa-rule-actions[b-2x1s7ejb2p] {
    display: flex;
    gap: var(--s-space-4);
}

.apa-icon-btn[b-2x1s7ejb2p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-input-bg, var(--s-color-card));
    color: var(--s-color-muted-foreground);
    cursor: pointer;
}

.apa-icon-btn:hover:not(:disabled)[b-2x1s7ejb2p] {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 40%, var(--s-color-border));
}

.apa-icon-btn:disabled[b-2x1s7ejb2p] {
    opacity: 0.5;
    cursor: default;
}

.apa-rule-meta[b-2x1s7ejb2p],
.apa-rule-status[b-2x1s7ejb2p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-10);
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

.apa-rule-meta i[b-2x1s7ejb2p] {
    margin-right: 2px;
}

.apa-rule-meta .is-pending[b-2x1s7ejb2p] {
    color: var(--s-color-primary);
}

.apa-rule-meta .is-paused[b-2x1s7ejb2p] {
    color: var(--s-color-destructive);
}

.apa-rule-status strong[b-2x1s7ejb2p] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
}

.apa-link[b-2x1s7ejb2p] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--s-color-primary);
    font-size: var(--s-font-size-11);
    cursor: pointer;
}

.apa-rule-summary[b-2x1s7ejb2p] {
    font-family: var(--s-font-family-mono, monospace);
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

.apa-rule-error[b-2x1s7ejb2p] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-destructive);
}

.apa-paused-list[b-2x1s7ejb2p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-6);
}

.apa-paused-item[b-2x1s7ejb2p] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: 2px var(--s-space-8);
    border-radius: var(--s-border-radius-full);
    background: color-mix(in srgb, var(--s-color-destructive) 10%, transparent);
    color: var(--s-color-destructive);
    font-size: var(--s-font-size-11);
}

@media (max-width: 1100px) {
    .apa-layout:has(.apa-editor-panel)[b-2x1s7ejb2p] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.apa-layout.is-compact:has(.apa-editor-panel)[b-2x1s7ejb2p] {
    grid-template-columns: minmax(0, 1fr);
}

.apa-filter-hint[b-2x1s7ejb2p] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-6) var(--s-space-10);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-11);
}
/* /Pages/PosSyncManagement/Pages/Transfers/Components/PosTransferAutomationRuleEditor.razor.rz.scp.css */
.apr-editor[b-vzpwy3fr5f] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
}

.apr-head[b-vzpwy3fr5f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.apr-head h5[b-vzpwy3fr5f] {
    margin: 0;
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-card-foreground);
}

.apr-close[b-vzpwy3fr5f] {
    border: 0;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
}

.apr-field[b-vzpwy3fr5f] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-width: 0;
}

.apr-row[b-vzpwy3fr5f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-8);
}

.apr-label[b-vzpwy3fr5f] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-label, var(--s-color-body-text));
}

.apr-hint[b-vzpwy3fr5f] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

.apr-choices[b-vzpwy3fr5f] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
}

.apr-choice[b-vzpwy3fr5f] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-full);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.apr-choice.is-active[b-vzpwy3fr5f] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    color: var(--s-color-primary);
}

.apr-choice input[b-vzpwy3fr5f] {
    display: none;
}

.apr-terminals[b-vzpwy3fr5f]  .aps-terminal-selector,
.apr-resources[b-vzpwy3fr5f]  .aps-resource-selector {
    max-height: 320px;
}

.apr-checkbox[b-vzpwy3fr5f] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.apr-footer[b-vzpwy3fr5f] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    padding-top: var(--s-space-8);
    border-top: 1px solid var(--s-color-border);
}
/* /Pages/PosSyncManagement/Pages/Transfers/Components/PosTransferBatchDetailPanel.razor.rz.scp.css */
/* Giden kutusu tablosunun tema bağımlı kuralları burada durur: ThemeEditor
   anahtarları body üzerinde sınıf olarak yaşıyor ve sayfanın scoped dosyasında
   ::deep önüne konan bir seçici scope niteliğini body'ye yapıştırıp kuralı ölü
   bırakıyor. Satırlar bu bileşenin kendi işaretlemesi olduğu için burada
   yazılan kurallar doğru elemana iniyor. Veri grubu listesi artık
   PosTransferDatasetResultGrid bileşeninde. */

/* ---- Tema zebra anahtarı (ThemeEditor "Tablo satırları") ---- */

body.s-datatable-striped .aps-outbox-row:nth-child(even)[b-6fk9a6dr82] {
    background: var(--s-color-table-striped-row);
}

.aps-outbox-row:hover[b-6fk9a6dr82] {
    background: var(--s-color-datatable-hover);
}

.aps-dataset-rows .aps-row-error[b-6fk9a6dr82] {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(90px, auto) minmax(200px, 2fr);
    gap: var(--s-space-8);
    align-items: start;
}

.aps-callback-row-key[b-6fk9a6dr82],
.aps-callback-error-code[b-6fk9a6dr82],
.aps-callback-error-message[b-6fk9a6dr82] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.aps-callback-error-code[b-6fk9a6dr82] {
    color: var(--s-color-danger);
    font-size: var(--s-font-size-10, 10px);
}

.aps-callback-error-message[b-6fk9a6dr82] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-11, 11px);
    white-space: pre-wrap;
}

.aps-callback-detail-unavailable[b-6fk9a6dr82] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-6);
    margin: var(--s-space-4) var(--s-space-8) var(--s-space-8);
    padding: var(--s-space-6) var(--s-space-8);
    border: 1px solid color-mix(in srgb, var(--s-color-warning) 45%, transparent);
    border-radius: var(--s-border-radius-4);
    background: var(--s-color-warning-soft);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-11, 11px);
}

@media (max-width: 900px) {
    .aps-dataset-rows .aps-row-error[b-6fk9a6dr82] {
        grid-template-columns: 1fr;
        gap: var(--s-space-3);
    }
}
/* /Pages/PosSyncManagement/Pages/Transfers/Components/PosTransferDatasetResultGrid.razor.rz.scp.css */
/* Sayı hücrelerinin hizası ve renkleri PosTransfer.razor.css içinde sayfa
   düzeyinde tanımlı; burada yalnızca bu bileşenin kendi işaretlemesi kalır. */

.aps-dataset-grid-wrapper[b-51ycwke8vv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

/* Tam ekran, panelin kaydırma kutusundan çıkıp sayfayı kaplar. */
.aps-dataset-grid-wrapper.is-fullscreen[b-51ycwke8vv] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    padding: var(--s-space-16);
    background: var(--s-color-body-bg);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid {
    max-height: 420px;
}

.aps-dataset-grid-wrapper.is-fullscreen[b-51ycwke8vv]  .aps-dataset-grid {
    max-height: none;
    height: 100%;
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-name {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-name small {
    color: var(--s-color-muted-foreground);
}

/* Gönderim türü renkleri: tabloyu değiştirmek veri kaybı riski taşıdığı için ayrı renkte. */
.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-apply-mode {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-apply-mode.is-upsert {
    color: var(--s-color-success);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-apply-mode.is-scoped {
    color: var(--s-color-info);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-apply-mode.is-destructive {
    color: var(--s-color-warning);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-detail {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding: var(--s-space-12) var(--s-space-16);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-detail-keys {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-group {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-space-8);
}

.aps-dataset-grid-wrapper[b-51ycwke8vv]  .aps-dataset-grid-group > span {
    color: var(--s-color-muted-foreground);
}
/* /Pages/PosSyncManagement/Pages/Transfers/Components/PosTransferHistoryPanel.razor.rz.scp.css */
/* Aktarım geçmişi listesinin tema bağımlı kuralları. ThemeEditor anahtarları
   body üzerinde sınıf olarak yaşadığı için bu kurallar sayfanın scoped
   dosyasında yazılamaz: ::deep önüne konan seçici scope niteliğini body'ye
   yapıştırır ve kural ölür. Yerleşim/renk temeli PosTransfer.razor.css içinde. */

/* ---- Tema zebra anahtarı (ThemeEditor "Tablo satırları") ---- */

/* Gün başlıkları satırların arasına girdiği için sayım yalnız kayıt satırları
   üzerinden yapılır; aksi halde her gün grubunda zebra faz değiştiriyor. */
body.s-datatable-striped .aps-history-row:nth-child(even of .aps-history-row)[b-lamnvula8t] {
    background: var(--s-color-table-striped-row);
}

.aps-history-row:hover:not(.is-selected)[b-lamnvula8t] {
    background: var(--s-color-datatable-hover);
}

/* Seçili ve detayı yüklenen kayıt zebranın üstünde kalır. */
body.s-datatable-striped .aps-history-row.is-selected[b-lamnvula8t],
body.s-datatable-striped .aps-history-row.is-pending-detail[b-lamnvula8t] {
    background: var(--s-color-primary-soft, var(--s-color-muted));
}

/* ---- Tema kenar keskinliği (ThemeEditor "Tablo kenarlıkları") ---- */

/* Yüksek kontrastta 1px'lik kenar tek tek kutular yerine sürekli bir ızgara
   gibi okunsun diye satır aralığı kapanır ve komşu kenarlar tek çizgiye iner;
   normal kontrastta kartvari yumuşak görünüm korunur. */
body.s-datatable-contrast-high .aps-history-list[b-lamnvula8t],
body.s-datatable-contrast-middle .aps-history-list[b-lamnvula8t] {
    gap: 0;
}

body.s-datatable-contrast-high .aps-history-row[b-lamnvula8t],
body.s-datatable-contrast-middle .aps-history-row[b-lamnvula8t] {
    border-radius: 0;
    border-top-width: 0;
}

body.s-datatable-contrast-high .aps-history-row:first-of-type[b-lamnvula8t],
body.s-datatable-contrast-middle .aps-history-row:first-of-type[b-lamnvula8t] {
    border-top-width: 1px;
}

/* Gün başlığı yapışkan olduğu için altındaki ilk satırla arasında da çizgi
   kalmalı; aksi halde başlık listeye yapışık duruyor. */
body.s-datatable-contrast-high .aps-history-day[b-lamnvula8t],
body.s-datatable-contrast-middle .aps-history-day[b-lamnvula8t] {
    box-shadow: inset 0 -1px 0 var(--datatable-border-color);
}

.aps-history-auto[b-lamnvula8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: var(--s-space-4);
    border-radius: var(--s-border-radius-full);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
    font-size: var(--s-font-size-11);
}

.aps-history-chip.is-automatic.is-active[b-lamnvula8t] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}
/* /Pages/PosSyncManagement/Pages/Transfers/PosTransfer.razor.rz.scp.css */
.aps-page[b-mw3f3e1nqo] {
    --datatable-border-color: var(--s-color-border);
    box-sizing: border-box;
    height: calc(100dvh - 96px);
    min-height: 0;
    max-height: calc(100dvh - 96px);
    padding: var(--s-space-16);
    color: var(--s-color-body-text);
    background: var(--s-color-background);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    gap: 12px;
    overflow: hidden;
}

.aps-topbar[b-mw3f3e1nqo],
.aps-commandbar[b-mw3f3e1nqo],
.aps-send-summary[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-resource-selector,
[b-mw3f3e1nqo] .aps-preview,
[b-mw3f3e1nqo] .aps-terminal-selector,
[b-mw3f3e1nqo] .aps-result-panel,
[b-mw3f3e1nqo] .aps-history-panel,
[b-mw3f3e1nqo] .aps-batch-detail {
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.aps-topbar[b-mw3f3e1nqo] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(0, auto);
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
}

.aps-toolbar-title[b-mw3f3e1nqo],
.aps-metrics[b-mw3f3e1nqo],
.aps-command-summary[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-section-header,
[b-mw3f3e1nqo] .aps-panel-title,
[b-mw3f3e1nqo] .aps-status-pill,
[b-mw3f3e1nqo] .aps-terminal-meta {
    display: flex;
    align-items: center;
}

.aps-toolbar-title[b-mw3f3e1nqo] {
    gap: 12px;
    min-width: 0;
}

.aps-header-actions[b-mw3f3e1nqo],
.aps-view-switch[b-mw3f3e1nqo] {
    display: flex;
    align-items: center;
}

.aps-header-actions[b-mw3f3e1nqo] {
    justify-content: flex-end;
    gap: 8px;
}

.aps-view-switch[b-mw3f3e1nqo] {
    min-height: 32px;
    padding: 2px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
}

.aps-view-button[b-mw3f3e1nqo] {
    min-height: 26px;
    padding: 0 11px;
    border: 0;
    border-radius: calc(var(--s-border-radius-default) - 2px);
    background: transparent;
    color: var(--s-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--datatable-row-font-size, 12px);
    white-space: nowrap;
}

.aps-view-button.is-active[b-mw3f3e1nqo] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.aps-toolbar-title > div[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-panel-title > div {
    min-width: 0;
}

.aps-title-icon[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-panel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-primary);
    background: var(--s-color-input-bg);
    flex: 0 0 auto;
}

.aps-title-icon[b-mw3f3e1nqo] {
    width: 38px;
    height: 38px;
    font-size: 15px;
}

[b-mw3f3e1nqo] .aps-panel-icon {
    width: 26px;
    height: 26px;
    font-size: 12px;
}

.aps-toolbar-title h4[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-section-header h5 {
    margin: 0;
    color: var(--s-color-body-text);
    font-weight: 600;
    letter-spacing: 0;
}

.aps-toolbar-title h4[b-mw3f3e1nqo] {
    font-size: 16px;
}

[b-mw3f3e1nqo] .aps-section-header h5 {
    font-size: 13px;
}

.aps-toolbar-title span[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-section-header span,
.aps-stock-selection span[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-terminal-meta,
[b-mw3f3e1nqo] .aps-terminal-subtitle,
.aps-metric span[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-correlation span,
[b-mw3f3e1nqo] .aps-result-stats span {
    font-size: var(--datatable-row-font-size, 12px);
    color: var(--s-color-muted-foreground);
}

.aps-metrics[b-mw3f3e1nqo] {
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.aps-metric[b-mw3f3e1nqo] {
    min-width: 108px;
    padding: 8px 10px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: grid;
    gap: 3px;
}

.aps-metric strong[b-mw3f3e1nqo] {
    color: var(--s-color-body-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
}

.aps-commandbar[b-mw3f3e1nqo] {
    padding: 10px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
}

.aps-command-summary[b-mw3f3e1nqo] {
    gap: 8px;
    align-self: center;
    min-width: 0;
}

.aps-command-summary span[b-mw3f3e1nqo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, 12px);
}

.aps-toolbar-actions[b-mw3f3e1nqo] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.aps-mode-switch[b-mw3f3e1nqo] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 2px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
}

.aps-mode-button[b-mw3f3e1nqo] {
    min-height: 26px;
    padding: 0 11px;
    border: 0;
    border-radius: calc(var(--s-border-radius-default) - 2px);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, 12px);
    white-space: nowrap;
}

.aps-mode-button.is-active[b-mw3f3e1nqo] {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.aps-mode-button:disabled[b-mw3f3e1nqo],
[b-mw3f3e1nqo] button:disabled {
    opacity: 0.45;
}

.aps-action-button[b-mw3f3e1nqo],
.aps-send-button[b-mw3f3e1nqo],
[b-mw3f3e1nqo] .aps-action-button,
[b-mw3f3e1nqo] .aps-send-button {
    min-height: 32px;
    white-space: nowrap;
}

/* Yalnızca "Seçili Stoklar" kapsamında açılır; bandın altına iner. */
.aps-stock-selection[b-mw3f3e1nqo] {
    margin: 0 10px 10px;
    padding: 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: grid;
    gap: 4px;
}

.aps-stock-selection label[b-mw3f3e1nqo] {
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    font-weight: 600;
}

.aps-stock-selection-actions[b-mw3f3e1nqo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.aps-workspace[b-mw3f3e1nqo] {
    min-height: 0;
    overflow: hidden;
}

.aps-transfer-grid[b-mw3f3e1nqo] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, 0.85fr) minmax(420px, 1.15fr);
    /* Eylem bandı üstte tam genişlik, seçim panelleri altında. */
    grid-template-rows: auto minmax(280px, 1fr) auto;
    gap: 12px;
}

.aps-send-summary[b-mw3f3e1nqo] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Kimlik, sayaçlar, kapsam ve eylem tek satırda; dar ekranda banda sarar. */
.aps-send-bar[b-mw3f3e1nqo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 8px 10px;
}

.aps-send-identity[b-mw3f3e1nqo] {
    flex: 1 1 240px;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.aps-send-headline[b-mw3f3e1nqo] {
    min-width: 0;
    display: grid;
    gap: 1px;
    line-height: 1.3;
}

.aps-send-headline-top[b-mw3f3e1nqo] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.aps-send-headline h5[b-mw3f3e1nqo] {
    margin: 0;
    overflow: hidden;
    color: var(--s-color-body-text);
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aps-send-plan[b-mw3f3e1nqo] {
    overflow: hidden;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11, 11px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sayaçlar kart değil, satır içi rozet: etiket ve değer yan yana. */
.aps-send-counts[b-mw3f3e1nqo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.aps-send-counts > span[b-mw3f3e1nqo] {
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

.aps-send-counts small[b-mw3f3e1nqo] {
    color: var(--s-color-muted-foreground);
    font-size: 10px;
}

.aps-send-counts strong[b-mw3f3e1nqo] {
    color: var(--s-color-body-text);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.aps-send-summary .aps-mode-switch[b-mw3f3e1nqo] {
    min-height: 28px;
}

.aps-send-summary .aps-mode-button[b-mw3f3e1nqo] {
    min-height: 22px;
}

/* Paket ön izlemesi sonraki iterasyon için kodda tutuluyor; bu ekranda geçici
   olarak yerleşimden çıkarılarak seçim panellerine daha fazla alan bırakılıyor. */
.aps-preview.is-temporarily-hidden[b-mw3f3e1nqo] {
    display: none;
}

.aps-tracking-grid[b-mw3f3e1nqo] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(330px, 0.75fr) minmax(520px, 1.65fr);
    gap: 12px;
    overflow: hidden;
}

[b-mw3f3e1nqo] .aps-resource-selector,
[b-mw3f3e1nqo] .aps-preview,
[b-mw3f3e1nqo] .aps-terminal-selector,
[b-mw3f3e1nqo] .aps-result-panel,
[b-mw3f3e1nqo] .aps-history-panel,
[b-mw3f3e1nqo] .aps-batch-detail {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-mw3f3e1nqo] .aps-resource-selector,
[b-mw3f3e1nqo] .aps-terminal-selector {
    min-height: 280px;
}

[b-mw3f3e1nqo] .aps-preview {
    min-height: 230px;
}

[b-mw3f3e1nqo] .aps-section-header {
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 7px 10px;
    line-height: 1.3;
    border-bottom: 1px solid var(--datatable-border-color);
}

[b-mw3f3e1nqo] .aps-panel-title {
    gap: 9px;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-status-pill {
    gap: 6px;
    min-height: 24px;
    padding: 0 7px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, 12px);
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-resource-filterbar,
[b-mw3f3e1nqo] .aps-terminal-filter-row {
    display: grid;
    grid-template-columns: minmax(150px, .75fr) minmax(190px, 1.25fr);
    gap: 6px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--datatable-border-color);
}

/* Toplu seçim eylemleri filtrelerle aynı banda sığar; ayrı eylem satırı kalmadı.
   Grid yerine flex: düğme etiketleri kırpılamadığı için dar panelde bant yatay
   taşıyordu, sarma ile taşma yerine alt satıra iniyorlar. */
[b-mw3f3e1nqo] .aps-resource-filterbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

[b-mw3f3e1nqo] .aps-resource-filterbar .aps-resource-search {
    flex: 2 1 150px;
}

[b-mw3f3e1nqo] .aps-terminal-branch-filter {
    width: 100%;
}

/* Şube filtresi gizlendiğinde (legacy AYS) arama tek başına kalır ve tam
   genişliğe yayılır; yoksa ızgaranın ikinci kolonu boş duruyordu. */
[b-mw3f3e1nqo] .aps-terminal-filter-row.is-single {
    grid-template-columns: minmax(0, 1fr);
}

/* Eski AYS gönderim ekranının iki panelli düzeni: solda depo, sağda kasa.
   Depo kolonu dar ve sabit; kasa kolonu kalan yeri alır. Dar ekranda alt alta
   iner, depo listesi kısalır ki kasa listesi ekran dışına itilmesin. */
[b-mw3f3e1nqo] .aps-terminal-panes {
    display: grid;
    grid-template-columns: minmax(150px, 240px) minmax(0, 1fr);
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px;
}

@media (max-width: 720px) {
    [b-mw3f3e1nqo] .aps-terminal-panes {
        grid-template-columns: minmax(0, 1fr);
    }

    [b-mw3f3e1nqo] .aps-terminal-store-pane .aps-terminal-pane-list {
        max-height: 150px;
    }
}

[b-mw3f3e1nqo] .aps-terminal-pane {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

[b-mw3f3e1nqo] .aps-terminal-pane-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 5px 8px;
    border-bottom: 1px solid var(--datatable-border-color);
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
}

[b-mw3f3e1nqo] .aps-terminal-pane-head small {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, .7rem);
    font-weight: var(--s-font-weight-normal);
}

[b-mw3f3e1nqo] .aps-terminal-pane-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-height: 0;
    max-height: min(52dvh, 470px);
    padding: 4px;
    overflow: auto;
}

/* Kasa listesi tek kolonda uzuyordu; 15rem'lik hucrelerle panel genisledikce
   kendiliginden 2-3-4 kolona cikiyor. auto-fill sabit hucre genisligi verdigi
   icin tek kasa kalinca satiri kaplamiyor. */
[b-mw3f3e1nqo] .aps-terminal-pane-list.is-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    align-content: start;
    gap: 4px;
}

@media (max-width: 520px) {
    [b-mw3f3e1nqo] .aps-terminal-pane-list.is-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Depo satırında sayaç ikinci satıra iniyor; ad tek satırda kalsın. */
[b-mw3f3e1nqo] .aps-terminal-store-pane .aps-terminal-row strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-resource-search,
[b-mw3f3e1nqo] .aps-terminal-search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-resource-search i,
[b-mw3f3e1nqo] .aps-terminal-search i {
    position: absolute;
    left: 9px;
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

[b-mw3f3e1nqo] .aps-resource-search .s-input,
[b-mw3f3e1nqo] .aps-terminal-search .s-input {
    width: 100%;
    min-width: 0;
    padding-left: 29px;
}

[b-mw3f3e1nqo] .aps-resource-table-wrap {
    flex: 1 1 0;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

/* collapse modunda <tr> yarıcap almiyor (hucreler kenarlik paylasiyor).
   separate + sifir aralikla gorunum ayni kaliyor ama bas/son hucreye
   yarıcap verilebiliyor, boylece satir tema kose ayarina uyuyor. */
[b-mw3f3e1nqo] .aps-resource-data-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--datatable-row-font-size, 12px);
}

[b-mw3f3e1nqo] .aps-resource-data-table tbody td:first-child {
    border-start-start-radius: var(--s-border-radius-default);
    border-end-start-radius: var(--s-border-radius-default);
}

[b-mw3f3e1nqo] .aps-resource-data-table tbody td:last-child {
    border-start-end-radius: var(--s-border-radius-default);
    border-end-end-radius: var(--s-border-radius-default);
}

[b-mw3f3e1nqo] .aps-resource-data-table th,
[b-mw3f3e1nqo] .aps-resource-data-table td {
    min-width: 0;
    padding: var(--datatable-row-size, var(--s-space-6) var(--s-space-8));
    border-bottom: 1px solid var(--datatable-border-color);
    vertical-align: middle;
    text-align: start;
    overflow-wrap: anywhere;
}

[b-mw3f3e1nqo] .aps-resource-data-table th:nth-child(2) {
    width: 31%;
}

[b-mw3f3e1nqo] .aps-resource-data-table th:nth-child(3) {
    width: 20%;
}

[b-mw3f3e1nqo] .aps-resource-data-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-surface);
    font-size: var(--s-font-size-10, 10px);
    font-weight: var(--s-font-weight-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

[b-mw3f3e1nqo] .aps-resource-data-table tbody tr {
    background: var(--s-color-card);
    /* Satirin tamami secimi degistiriyor; imlec bunu belli etmeli. */
    cursor: pointer;
    transition: background-color .15s ease, box-shadow .15s ease;
}

body.s-datatable-striped .aps-page.s-datatable[b-mw3f3e1nqo]  .aps-resource-data-table tbody tr:nth-child(even) {
    background: var(--s-color-table-striped-row, var(--s-color-card));
}

[b-mw3f3e1nqo] .aps-resource-data-table tbody tr:hover,
[b-mw3f3e1nqo] .aps-resource-data-table tbody tr.is-selected {
    background: var(--s-color-primary-soft, var(--s-color-muted));
}

/* Secili satirda soldaki dikey serit kaldirildi; arka plan vurgusu zaten
   secimi gosteriyor ve serit satiri optik olarak kaydiriyordu. */

[b-mw3f3e1nqo] .aps-resource-selection-column {
    width: 38px;
    text-align: center !important;
}

[b-mw3f3e1nqo] .aps-resource-selection-column input {
    width: 15px;
    height: 15px;
    accent-color: var(--s-color-primary);
}

[b-mw3f3e1nqo] .aps-resource-name-cell {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-resource-name-cell > span:last-child {
    display: grid;
    gap: 2px;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-resource-name-cell strong {
    display: block;
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
    overflow-wrap: anywhere;
}

[b-mw3f3e1nqo] .aps-resource-name-cell small,
[b-mw3f3e1nqo] .aps-resource-no-tables {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, 10px);
}

[b-mw3f3e1nqo] .aps-resource-group-cell {
    display: block;
    color: var(--s-color-muted-foreground);
    overflow-wrap: anywhere;
}

[b-mw3f3e1nqo] .aps-resource-table-code-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-3);
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-resource-table-code-list code {
    max-width: 100%;
    padding: 2px 5px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
    background: var(--s-color-input-bg);
    font-family: var(--s-font-family-monospace, monospace);
    font-size: var(--s-font-size-10, 10px);
    overflow-wrap: anywhere;
    white-space: normal;
}

[b-mw3f3e1nqo] .aps-icon-command,
[b-mw3f3e1nqo] .aps-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 8px;
    white-space: nowrap;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, 12px);
}

[b-mw3f3e1nqo] .aps-icon-button {
    width: 30px;
    padding: 0;
}

[b-mw3f3e1nqo] .aps-resource-list,
[b-mw3f3e1nqo] .aps-preview-table,
[b-mw3f3e1nqo] .aps-history-list {
    min-height: 0;
    overflow: auto;
}

[b-mw3f3e1nqo] .aps-batch-detail-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Satırlar inceldiği için tavan yükseldi: aynı kutuda iki katına yakın kayıt görünür. */
[b-mw3f3e1nqo] .aps-resource-list {
    max-height: min(56dvh, 520px);
}

[b-mw3f3e1nqo] .aps-preview-table {
    max-height: 300px;
}

[b-mw3f3e1nqo] .aps-resource-list {
    padding: 6px;
    display: grid;
    align-content: start;
    gap: 8px;
}

[b-mw3f3e1nqo] .aps-resource-group {
    display: grid;
    gap: 3px;
}

[b-mw3f3e1nqo] .aps-resource-group-title,
[b-mw3f3e1nqo] .aps-detail-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    font-weight: 700;
}

[b-mw3f3e1nqo] .aps-resource-group-title {
    padding: 2px 4px;
}

[b-mw3f3e1nqo] .aps-resource-group-title small,
[b-mw3f3e1nqo] .aps-detail-section-title small {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
    text-align: center;
}

/* Tek satır: onay kutusu, simge, ad + açıklama. Ad ve açıklama alt alta iken
   satır 48px'ti; aynı bilgi 30px'e sığıyor. */
[b-mw3f3e1nqo] .aps-resource-row {
    display: grid;
    grid-template-columns: 15px 16px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 4px 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    cursor: pointer;
}

[b-mw3f3e1nqo] .aps-resource-row-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-mw3f3e1nqo] .aps-resource-row.is-selected,
[b-mw3f3e1nqo] .aps-terminal-row.is-selected,
[b-mw3f3e1nqo] .aps-history-row.is-selected {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary-soft, var(--s-color-muted));
}

[b-mw3f3e1nqo] .aps-resource-row input,
[b-mw3f3e1nqo] .aps-terminal-check {
    width: 15px;
    height: 15px;
    accent-color: var(--s-color-primary);
}

/* Satırda yalnızca ad kaldı; açıklama title'a taşındı. */
[b-mw3f3e1nqo] .aps-resource-row strong {
    min-width: 0;
    overflow: hidden;
    font-size: var(--datatable-row-font-size, 12px);
    color: var(--s-color-body-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-resource-table-codes {
    overflow: hidden;
    color: var(--s-color-muted-foreground);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-preview-head,
[b-mw3f3e1nqo] .aps-preview-row {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(210px, 1.3fr) 90px;
    align-items: center;
    column-gap: 12px;
    min-width: 500px;
    border-bottom: 1px solid var(--datatable-border-color);
}

[b-mw3f3e1nqo] .aps-preview-head {
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 36px;
    padding: 0 12px;
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    font-weight: 600;
}

[b-mw3f3e1nqo] .aps-preview-row {
    min-height: 40px;
    padding: 0 12px;
    background: var(--s-color-card);
    font-size: var(--datatable-row-font-size, 12px);
}

/* Kuyruk satırlarının zebrası ThemeEditor anahtarına taşındı; koşulsuz şerit,
   "Tablo satırları" kapalıyken de çizgili bir tablo bırakıyordu. */
[b-mw3f3e1nqo] .aps-preview-row:nth-child(odd) {
    background: var(--s-color-input-bg);
}

[b-mw3f3e1nqo] .aps-row-code {
    color: var(--s-color-body-text);
    font-weight: 600;
}

[b-mw3f3e1nqo] .aps-row-name,
[b-mw3f3e1nqo] .aps-row-count {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-row-count {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Eski AYS ekranındaki "Kasalar / Tümünü Seç" başlığının karşılığı; listenin
   üstünde sabit bir bant. Satırlarla aynı ızgara ölçüsünü kullanır ki onay
   kutuları alt alta hizalansın. */
[b-mw3f3e1nqo] .aps-terminal-select-all {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 8px;
    border-bottom: 1px solid var(--datatable-border-color);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
}

/* Kısmi seçim: onay kutusu boş görünür, sayaç panel başlığında durduğu için
   bandın kendisi vurgulanır. */
[b-mw3f3e1nqo] .aps-terminal-select-all.is-partial {
    color: var(--s-color-primary);
    font-weight: var(--s-font-weight-semibold);
}

[b-mw3f3e1nqo] .aps-terminal-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    min-height: 26px;
    padding: 2px 6px;
    gap: 6px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    cursor: pointer;
    overflow: hidden;
}

body.s-datatable-striped .aps-page.s-datatable[b-mw3f3e1nqo]  .aps-terminal-row:nth-child(even) {
    background: var(--s-color-table-striped-row, var(--s-color-card));
}

[b-mw3f3e1nqo] .aps-terminal-check-wrap {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-mw3f3e1nqo] .aps-terminal-main {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 8px;
    min-width: 0;
    line-height: 1.3;
}

[b-mw3f3e1nqo] .aps-terminal-main strong {
    flex: 0 1 auto;
}

/* Şube ve sürüm ikincil: dar kolonda önce bu kısalır. */
[b-mw3f3e1nqo] .aps-terminal-subtitle {
    flex: 1 1 auto;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-terminal-main strong,
[b-mw3f3e1nqo] .aps-terminal-subtitle,
[b-mw3f3e1nqo] .aps-correlation strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-terminal-main strong {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, 12px);
}

[b-mw3f3e1nqo] .aps-terminal-meta {
    flex: 0 0 auto;
    gap: 4px;
    min-width: 0;
}

/* Izgara hucresinde ad ile kod tek satirda kalmali: sarma acik kalirsa kod
   ikinci satira dusup hucre yuksekligini iki katina cikariyor. Uzun adda ad
   kisalir, kod hep gorunur; kasayi ayirt eden deger o. */
[b-mw3f3e1nqo] .aps-terminal-pane-list.is-grid .aps-terminal-main {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

[b-mw3f3e1nqo] .aps-terminal-pane-list.is-grid .aps-terminal-main strong {
    flex: 1 1 auto;
}

[b-mw3f3e1nqo] .aps-terminal-meta span {
    max-width: 100%;
    min-height: 17px;
    padding: 0 5px;
    font-size: 10px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-result-body {
    padding: 10px;
    display: grid;
    gap: 8px;
}

[b-mw3f3e1nqo] .aps-correlation {
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: grid;
    gap: 3px;
}

[b-mw3f3e1nqo] .aps-correlation strong {
    font-family: var(--s-font-family-monospace, monospace);
    font-size: var(--datatable-row-font-size, 12px);
}

[b-mw3f3e1nqo] .aps-result-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

[b-mw3f3e1nqo] .aps-result-stats div {
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: grid;
    gap: 2px;
}

[b-mw3f3e1nqo] .aps-result-stats strong {
    overflow: hidden;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, 12px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-history-list {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    padding: 5px;
    display: grid;
    align-content: start;
    gap: 3px;
}

/* İki satır: üstte ad ve durum, altta saat ve sayaçlar. Üç satırlık kayıt
   listeyi gereksiz uzatıyordu. */
[b-mw3f3e1nqo] .aps-history-row {
    width: 100%;
    display: grid;
    direction: ltr;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "primary counts status";
    gap: 0 8px;
    padding: 3px 6px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    text-align: left;
}

[b-mw3f3e1nqo] .aps-history-primary {
    min-width: 0;
    display: grid;
    grid-area: primary;
}

[b-mw3f3e1nqo] .aps-history-primary strong {
    overflow: hidden;
    font-size: var(--datatable-row-font-size, 12px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-history-status {
    grid-area: status;
    align-self: center;
    justify-self: end;
    width: fit-content;
    min-height: 19px;
    padding: 1px 6px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-history-status.is-applied,
[b-mw3f3e1nqo] .aps-history-status.is-published {
    color: var(--s-color-success, var(--s-color-primary));
}

[b-mw3f3e1nqo] .aps-history-status.is-failed,
[b-mw3f3e1nqo] .aps-history-status.is-partiallyfailed,
[b-mw3f3e1nqo] .aps-history-status.is-retry {
    color: var(--s-color-danger, var(--s-color-body-text));
}

/* Saat de bu satırda: ayrı bir alt başlık satırına gerek kalmadı. */
[b-mw3f3e1nqo] .aps-history-counts {
    grid-area: counts;
    justify-self: end;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 2px 8px;
    min-width: 0;
    color: var(--s-color-muted-foreground);
    font-size: 10px;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-history-counts time {
    font-variant-numeric: tabular-nums;
}

[b-mw3f3e1nqo] .aps-batch-detail-body {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Dört kutu yerine sarabilen satır içi rozet: gönderim bandındaki sayaçlarla aynı dil. */
[b-mw3f3e1nqo] .aps-batch-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

[b-mw3f3e1nqo] .aps-batch-summary > span {
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-batch-summary small {
    color: var(--s-color-muted-foreground);
    font-size: 10px;
}

[b-mw3f3e1nqo] .aps-batch-summary strong {
    overflow: hidden;
    color: var(--s-color-body-text);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-error-banner,
[b-mw3f3e1nqo] .aps-inline-error {
    padding: 7px 8px;
    border: 1px solid var(--s-color-danger, var(--datatable-border-color));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-danger, var(--s-color-body-text));
    font-size: 11px;
}

[b-mw3f3e1nqo] .aps-error-banner {
    display: flex;
    gap: 7px;
}

[b-mw3f3e1nqo] .aps-detail-section-title {
    padding: 3px 1px;
}

[b-mw3f3e1nqo] .aps-terminal-tabs {
    display: flex;
    flex: 0 0 auto;
    gap: 5px;
    min-width: 0;
    padding-bottom: 2px;
    overflow-x: auto;
    overflow-y: hidden;
}

[b-mw3f3e1nqo] .aps-terminal-tab {
    min-height: 28px;
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

[b-mw3f3e1nqo] .aps-terminal-tab.is-active {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary-soft);
}

[b-mw3f3e1nqo] .aps-item-list {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 5px;
    overflow: hidden;
}

[b-mw3f3e1nqo] .aps-item-row {
    width: 100%;
    min-height: 0;
    padding: 7px 8px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[b-mw3f3e1nqo] .aps-item-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* Kasa adı ve adres kodu yan yana: ayrı satırda durmalarını gerektiren bir şey yok. */
[b-mw3f3e1nqo] .aps-item-heading > span:first-child {
    min-width: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 6px;
}

[b-mw3f3e1nqo] .aps-item-heading strong {
    font-size: var(--datatable-row-font-size, 12px);
}

[b-mw3f3e1nqo] .aps-item-heading small {
    color: var(--s-color-muted-foreground);
    font-size: 11px;
}

/* Sayaçlar ve uygulama biçimi aynı satırı paylaşır. */
[b-mw3f3e1nqo] .aps-item-facts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
}

[b-mw3f3e1nqo] .aps-item-metrics {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--s-color-muted-foreground);
    font-size: 11px;
}

[b-mw3f3e1nqo] .aps-item-metrics strong {
    color: var(--s-color-body-text);
}

[b-mw3f3e1nqo] .aps-delivery-pipeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

[b-mw3f3e1nqo] .aps-delivery-step {
    min-width: 0;
    min-height: 58px;
    padding: 7px;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 3px 6px;
    align-items: center;
}

[b-mw3f3e1nqo] .aps-delivery-step.is-success {
    border-color: var(--s-color-success, var(--datatable-border-color));
}

[b-mw3f3e1nqo] .aps-delivery-step.is-warning {
    border-color: var(--s-color-warning, var(--datatable-border-color));
}

[b-mw3f3e1nqo] .aps-delivery-step.is-error {
    border-color: var(--s-color-danger, var(--datatable-border-color));
}

[b-mw3f3e1nqo] .aps-delivery-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: var(--s-color-muted-foreground);
}

[b-mw3f3e1nqo] .aps-delivery-step.is-success .aps-delivery-icon {
    color: var(--s-color-success, var(--s-color-primary));
}

[b-mw3f3e1nqo] .aps-delivery-step.is-warning .aps-delivery-icon {
    color: var(--s-color-warning, var(--s-color-body-text));
}

[b-mw3f3e1nqo] .aps-delivery-step.is-error .aps-delivery-icon {
    color: var(--s-color-danger, var(--s-color-body-text));
}

[b-mw3f3e1nqo] .aps-delivery-copy {
    min-width: 0;
    display: grid;
    gap: 1px;
}

[b-mw3f3e1nqo] .aps-delivery-copy strong,
[b-mw3f3e1nqo] .aps-delivery-copy small,
[b-mw3f3e1nqo] .aps-delivery-step time {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-delivery-copy strong {
    color: var(--s-color-body-text);
    font-size: 11px;
}

[b-mw3f3e1nqo] .aps-delivery-copy small,
[b-mw3f3e1nqo] .aps-delivery-step time,
[b-mw3f3e1nqo] .aps-delivery-note {
    color: var(--s-color-muted-foreground);
    font-size: 10px;
}

[b-mw3f3e1nqo] .aps-delivery-step time {
    grid-column: 2;
}

[b-mw3f3e1nqo] .aps-delivery-note {
    display: flex;
    align-items: center;
    gap: 5px;
}

[b-mw3f3e1nqo] .aps-dataset-result {
    padding: 7px;
    border-left: 3px solid var(--s-color-primary);
    background: var(--s-color-input-bg);
    display: grid;
    gap: 5px;
}

[b-mw3f3e1nqo] .aps-dataset-result > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
}

[b-mw3f3e1nqo] .aps-dataset-result span {
    color: var(--s-color-muted-foreground);
}

[b-mw3f3e1nqo] .aps-row-error {
    border-top: 1px solid var(--datatable-border-color);
    padding-top: 5px;
}

[b-mw3f3e1nqo] .aps-row-error summary {
    display: grid;
    grid-template-columns: minmax(100px, 0.7fr) minmax(130px, 0.9fr) minmax(0, 2fr);
    gap: 8px;
    color: var(--s-color-body-text);
    font-size: 11px;
    cursor: pointer;
}

[b-mw3f3e1nqo] .aps-row-error summary > * {
    min-width: 0;
    overflow-wrap: anywhere;
}

[b-mw3f3e1nqo] .aps-row-error pre {
    max-height: 130px;
    margin: 6px 0 0;
    padding: 7px;
    overflow: auto;
    border: 1px solid var(--datatable-border-color);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: 10px;
    white-space: pre-wrap;
}

[b-mw3f3e1nqo] .aps-outbox-table {
    max-height: min(34dvh, 22rem);
    overflow-x: auto;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
}

[b-mw3f3e1nqo] .aps-outbox-head,
[b-mw3f3e1nqo] .aps-outbox-row {
    min-width: 600px;
    display: grid;
    grid-template-columns: minmax(150px, 1fr) 100px 60px minmax(220px, 1.4fr);
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 8px;
    border-bottom: 1px solid var(--datatable-border-color);
    font-size: 11px;
}

[b-mw3f3e1nqo] .aps-outbox-head {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-weight: 600;
}

[b-mw3f3e1nqo] .aps-outbox-row > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-empty,
[b-mw3f3e1nqo] .aps-result-empty {
    flex: 1;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, 12px);
    text-align: center;
}

[b-mw3f3e1nqo] .aps-empty-compact {
    min-height: 90px;
}

@media (max-width: 1360px) {
    .aps-page[b-mw3f3e1nqo] {
        height: auto;
        min-height: 100dvh;
        max-height: none;
        overflow: visible;
    }

    .aps-page.is-history[b-mw3f3e1nqo] {
        height: calc(100dvh - 96px);
        min-height: 0;
        max-height: calc(100dvh - 96px);
        overflow: hidden;
    }

    .aps-tracking-grid[b-mw3f3e1nqo] {
        grid-template-columns: minmax(300px, 0.7fr) minmax(500px, 1.3fr);
        min-height: 420px;
    }
}

@media (max-width: 900px) {
    .aps-page.is-history[b-mw3f3e1nqo] {
        height: auto;
        min-height: 100dvh;
        max-height: none;
        overflow: visible;
    }

    .aps-topbar[b-mw3f3e1nqo],
    .aps-transfer-grid[b-mw3f3e1nqo],
    .aps-tracking-grid[b-mw3f3e1nqo] {
        grid-template-columns: 1fr;
    }

    .aps-transfer-grid[b-mw3f3e1nqo] {
        grid-template-rows: auto;
    }

    .aps-header-actions[b-mw3f3e1nqo] {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    /* Dar ekranda bant satırlara ayrılır; her blok tam genişlik alır. */
    .aps-send-identity[b-mw3f3e1nqo],
    .aps-send-field[b-mw3f3e1nqo],
    .aps-send-action[b-mw3f3e1nqo] {
        flex: 1 1 100%;
    }

    .aps-send-action[b-mw3f3e1nqo] {
        margin-left: 0;
    }

    .aps-view-switch[b-mw3f3e1nqo],
    .aps-header-actions .aps-action-button[b-mw3f3e1nqo],
    .aps-send-summary .aps-mode-switch[b-mw3f3e1nqo],
    .aps-action-button[b-mw3f3e1nqo],
    .aps-send-button[b-mw3f3e1nqo],
    .aps-send-all-button[b-mw3f3e1nqo],
    [b-mw3f3e1nqo] .aps-action-button,
    [b-mw3f3e1nqo] .aps-send-button {
        width: 100%;
    }

    /* aps-send-all-button da esnemeli; yoksa width:100% ile tüm satırı kapıp
       birincil gönder düğmesini içeriğine sıkıştırıyor. */
    .aps-view-button[b-mw3f3e1nqo],
    .aps-mode-button[b-mw3f3e1nqo],
    .aps-action-button[b-mw3f3e1nqo],
    .aps-send-button[b-mw3f3e1nqo],
    .aps-send-all-button[b-mw3f3e1nqo] {
        flex: 1;
    }

    [b-mw3f3e1nqo] .aps-resource-selector,
    [b-mw3f3e1nqo] .aps-preview,
    [b-mw3f3e1nqo] .aps-terminal-selector,
    [b-mw3f3e1nqo] .aps-history-panel,
    [b-mw3f3e1nqo] .aps-batch-detail {
        min-height: 300px;
    }

    [b-mw3f3e1nqo] .aps-history-panel {
        max-height: min(55dvh, 34rem);
    }

    [b-mw3f3e1nqo] .aps-delivery-pipeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .aps-page[b-mw3f3e1nqo] {
        padding: var(--s-space-8);
        gap: 8px;
    }

    .aps-topbar[b-mw3f3e1nqo],
    .aps-send-bar[b-mw3f3e1nqo],
    [b-mw3f3e1nqo] .aps-section-header,
    [b-mw3f3e1nqo] .aps-result-body {
        padding: 8px;
    }

    .aps-title-icon[b-mw3f3e1nqo] {
        display: none;
    }

    [b-mw3f3e1nqo] .aps-result-stats,
    [b-mw3f3e1nqo] .aps-batch-summary {
        grid-template-columns: 1fr;
    }

    [b-mw3f3e1nqo] .aps-section-header {
        align-items: flex-start;
        flex-direction: column;
    }

    /* Yalnızca panel başlığındaki rozet; gönderim bandındaki rozet başlığa bitişik kalır. */
    [b-mw3f3e1nqo] .aps-section-header .aps-status-pill {
        width: 100%;
        justify-content: center;
    }

    .aps-stock-selection[b-mw3f3e1nqo] {
        margin: 0 8px 8px;
    }

    [b-mw3f3e1nqo] .aps-preview-head,
    [b-mw3f3e1nqo] .aps-preview-row {
        min-width: 480px;
    }

    [b-mw3f3e1nqo] .aps-row-error summary {
        grid-template-columns: 1fr;
    }

    [b-mw3f3e1nqo] .aps-resource-filterbar,
    [b-mw3f3e1nqo] .aps-terminal-filter-row {
        grid-template-columns: 1fr;
    }

    [b-mw3f3e1nqo] .aps-delivery-pipeline {
        grid-template-columns: 1fr;
    }
}

/* =========================================================================
   Durum renkleri
   --s-color-success / --s-color-warning / --s-color-danger token'lari bu
   projede yuzlerce yerde kullaniliyor ama hicbir yerde tanimli degil; tum
   kurallar sessizce yedek degere dusuyor. Ekranin durum renkleri calissin
   diye token'lar sayfa kapsaminda tanimlanir (koyu tema dahil).
   ========================================================================= */

.aps-page[b-mw3f3e1nqo] {
    --s-color-success: #15803d;
    --s-color-success-soft: color-mix(in srgb, #15803d 10%, transparent);
    --s-color-warning: #b45309;
    --s-color-warning-soft: color-mix(in srgb, #b45309 12%, transparent);
    --s-color-danger: var(--s-color-destructive);
    --s-color-danger-soft: color-mix(in srgb, var(--s-color-destructive) 10%, transparent);
    --s-color-primary-soft: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
}

[data-theme="dark"] .aps-page[b-mw3f3e1nqo] {
    --s-color-success: #4ade80;
    --s-color-success-soft: color-mix(in srgb, #4ade80 18%, transparent);
    --s-color-warning: #fbbf24;
    --s-color-warning-soft: color-mix(in srgb, #fbbf24 18%, transparent);
    --s-color-danger-soft: color-mix(in srgb, var(--s-color-destructive) 20%, transparent);
    --s-color-primary-soft: color-mix(in srgb, var(--s-color-primary) 14%, transparent);
}

/* ---- Kaynak listesi: genislik izin verdigi kadar kolon ---- */

/* Açıklama kalktığı için kolon daralabildi: aynı genişliğe daha çok kaynak sığıyor. */
[b-mw3f3e1nqo] .aps-resource-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    align-content: start;
    gap: var(--s-space-3);
}

/* ---- Gonderim alani: etiketli alanlar, tek baskin eylem ---- */

.aps-send-field[b-mw3f3e1nqo] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.aps-send-field-label[b-mw3f3e1nqo] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11, 11px);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

.aps-send-summary .aps-mode-button.is-active[b-mw3f3e1nqo] {
    border: 1px solid var(--s-color-primary);
    color: var(--s-color-primary);
    background: var(--s-color-primary-soft);
    font-weight: var(--s-font-weight-semibold);
}

/* Baskın eylem bandın sağ ucunda kalır. */
.aps-send-action[b-mw3f3e1nqo] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.aps-send-all-button[b-mw3f3e1nqo],
.aps-send-summary .aps-send-button[b-mw3f3e1nqo] {
    min-height: 28px;
    white-space: nowrap;
}

/* ---- Aktarim gecmisi: filtre cipleri, arama, gun basliklari ---- */

[b-mw3f3e1nqo] .aps-history-toolbar {
    display: grid;
    gap: var(--s-space-6);
    padding: var(--s-space-8);
    border-bottom: 1px solid var(--datatable-border-color);
}

[b-mw3f3e1nqo] .aps-history-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

[b-mw3f3e1nqo] .aps-history-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    min-height: calc(var(--rem-scale) * 2.8rem);
    padding: 0 var(--s-space-8);
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-full, 999px);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-card);
    font-size: var(--s-font-size-11, 11px);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
}

[b-mw3f3e1nqo] .aps-history-chip small {
    min-width: calc(var(--rem-scale) * 1.8rem);
    padding: 0 var(--s-space-3);
    border-radius: var(--s-border-radius-full, 999px);
    background: var(--s-color-muted);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

[b-mw3f3e1nqo] .aps-history-chip:hover {
    color: var(--s-color-body-text);
    border-color: var(--s-color-primary);
}

[b-mw3f3e1nqo] .aps-history-chip.is-active {
    color: var(--s-color-primary);
    border-color: var(--s-color-primary);
    background: var(--s-color-primary-soft);
    font-weight: var(--s-font-weight-semibold);
}

[b-mw3f3e1nqo] .aps-history-chip.is-applied.is-active {
    color: var(--s-color-success);
    border-color: var(--s-color-success);
    background: var(--s-color-success-soft);
}

[b-mw3f3e1nqo] .aps-history-chip.is-failed.is-active {
    color: var(--s-color-danger);
    border-color: var(--s-color-danger);
    background: var(--s-color-danger-soft);
}

[b-mw3f3e1nqo] .aps-history-search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-history-search i {
    position: absolute;
    left: var(--s-space-6);
    color: var(--s-color-muted-foreground);
    pointer-events: none;
}

[b-mw3f3e1nqo] .aps-history-search .s-input {
    width: 100%;
    padding-left: calc(var(--s-space-6) + 18px);
}

[b-mw3f3e1nqo] .aps-history-day {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--s-space-4) var(--s-space-6);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-surface);
    font-size: var(--s-font-size-10, 10px);
    font-weight: var(--s-font-weight-bold);
    letter-spacing: .06em;
    text-transform: uppercase;
}

[b-mw3f3e1nqo] .aps-history-counts .is-failed {
    color: var(--s-color-danger);
}

/* ---- Geçmiş satırları durum rengiyle ayrışır ---- */

[b-mw3f3e1nqo] .aps-history-row {
    border-left-width: 3px;
    border-left-color: var(--datatable-border-color);
}

[b-mw3f3e1nqo] .aps-history-row.is-applied {
    border-left-color: var(--s-color-success);
}

[b-mw3f3e1nqo] .aps-history-row.is-published {
    border-left-color: var(--s-color-info);
}

[b-mw3f3e1nqo] .aps-history-row.is-pending {
    border-left-color: var(--s-color-muted-foreground);
}

[b-mw3f3e1nqo] .aps-history-row.is-partiallyfailed {
    border-left-color: var(--s-color-warning);
}

[b-mw3f3e1nqo] .aps-history-row.is-failed {
    border-left-color: var(--s-color-danger);
}

/* Durum etiketi yalnız metin rengi değil, okunur bir badge. */
[b-mw3f3e1nqo] .aps-history-status.is-applied {
    color: var(--s-color-success);
    border-color: var(--s-color-success);
    background: var(--s-color-success-soft);
}

[b-mw3f3e1nqo] .aps-history-status.is-published {
    color: var(--s-color-info);
    border-color: var(--s-color-info);
    background: var(--s-color-info-muted);
}

[b-mw3f3e1nqo] .aps-history-status.is-partiallyfailed,
[b-mw3f3e1nqo] .aps-history-status.is-retry {
    color: var(--s-color-warning);
    border-color: var(--s-color-warning);
    background: var(--s-color-warning-soft);
}

[b-mw3f3e1nqo] .aps-history-status.is-failed {
    color: var(--s-color-danger);
    border-color: var(--s-color-danger);
    background: var(--s-color-danger-soft);
}

/* ---- Yenile sırasında bekleme geri bildirimi ---- */

[b-mw3f3e1nqo] .aps-history-list.is-busy {
    opacity: .55;
    pointer-events: none;
    transition: opacity .15s ease;
}

[b-mw3f3e1nqo] .aps-icon-button.is-busy {
    color: var(--s-color-primary);
}

/* Tıklanan satır, detay yüklenirken anında geri bildirim verir. */
[b-mw3f3e1nqo] .aps-history-row.is-pending-detail {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary-soft);
}

[b-mw3f3e1nqo] .aps-history-row .spinner-border-sm {
    width: calc(var(--rem-scale) * 1.4rem);
    height: calc(var(--rem-scale) * 1.4rem);
    margin-right: var(--s-space-4);
    border-width: 2px;
    vertical-align: -1px;
}

[b-mw3f3e1nqo] .aps-batch-detail-body.is-busy {
    opacity: .5;
    pointer-events: none;
    transition: opacity .15s ease;
}

[b-mw3f3e1nqo] .aps-history-duration {
    color: var(--s-color-muted-foreground);
}

/* ---- Musteriye donuk asama etiketleri ---- */

[b-mw3f3e1nqo] .aps-stage-track {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: var(--s-space-6);
}

/* Rozet tek satır: başlık ve saat alt alta dururken her kasa kaydı 20px daha uzuyordu. */
[b-mw3f3e1nqo] .aps-stage-badge {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-space-4);
    min-width: 0;
    padding: var(--s-space-3) var(--s-space-8);
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-full, 999px);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-card);
    font-size: var(--s-font-size-11, 11px);
}

[b-mw3f3e1nqo] .aps-stage-badge i {
    font-size: var(--s-font-size-12, 12px);
    line-height: 1;
}

[b-mw3f3e1nqo] .aps-stage-copy {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-space-6);
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-stage-copy strong {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-stage-copy small {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-stage-elapsed {
    padding: 0 var(--s-space-4);
    border-radius: var(--s-border-radius-full, 999px);
    background: var(--s-color-muted);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-done {
    border-color: var(--s-color-success);
    background: var(--s-color-success-soft);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-done i {
    color: var(--s-color-success);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-warning {
    border-color: var(--s-color-warning);
    background: var(--s-color-warning-soft);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-warning i {
    color: var(--s-color-warning);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-error {
    border-color: var(--s-color-danger);
    background: var(--s-color-danger-soft);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-error i {
    color: var(--s-color-danger);
}

[b-mw3f3e1nqo] .aps-stage-badge.is-waiting {
    border-style: dashed;
}

/* ---- Veri grubu tablosu: hangi tablodan kac satir ---- */

[b-mw3f3e1nqo] .aps-dataset-table {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--datatable-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow-x: auto;
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

[b-mw3f3e1nqo] .aps-dataset-head,
[b-mw3f3e1nqo] .aps-dataset-row {
    display: grid;
    grid-template-columns: minmax(10rem, 1.6fr) minmax(9rem, 1fr) repeat(4, minmax(4.5rem, 0.6fr));
    align-items: center;
    gap: var(--s-space-6);
    /* Satır yüksekliği ThemeEditor'daki "Tablo boyutu" ayarını izler; sayfa kökü
       s-datatable olduğu için değişken buraya kadar iner. */
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-8));
    font-size: var(--datatable-row-font-size, 12px);
}

/* Başlık uzun listede kayarken de görünür kalır: hangi sütunun ne olduğunu
   aramak için yukarı dönmek gerekmiyor. */
[b-mw3f3e1nqo] .aps-dataset-head {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-surface);
    font-size: var(--s-font-size-10, 10px);
    font-weight: var(--s-font-weight-bold);
    letter-spacing: .04em;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 var(--datatable-border-color);
}

/* Sayı sütunlarının başlıkları sola, değerleri sağa yaslıydı; etiket ile rakam
   aynı eksende değildi. Başlık da sayının hizasına çekildi. */
[b-mw3f3e1nqo] .aps-dataset-head > span:nth-child(n + 3) {
    text-align: end;
}

[b-mw3f3e1nqo] .aps-dataset-row {
    border-top: 1px solid var(--datatable-border-color);
}

/* Zebra ve satır vurgusu body sınıfına bağlı olduğu için panelin kendi scoped
   dosyasında duruyor; ::deep önüne konan seçici scope niteliğini body'ye
   yapıştırıp kuralı ölü bırakır. Bkz. PosTransferBatchDetailPanel.razor.css */

[b-mw3f3e1nqo] .aps-dataset-row > span:first-child {
    display: grid;
    gap: 1px;
    min-width: 0;
}

[b-mw3f3e1nqo] .aps-dataset-row small {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, 10px);
    overflow-wrap: anywhere;
}

[b-mw3f3e1nqo] .aps-dataset-number {
    font-variant-numeric: tabular-nums;
    text-align: end;
}

[b-mw3f3e1nqo] .aps-dataset-number.is-applied {
    color: var(--s-color-success);
    font-weight: var(--s-font-weight-semibold);
}

[b-mw3f3e1nqo] .aps-dataset-number.is-failed {
    color: var(--s-color-danger);
    font-weight: var(--s-font-weight-semibold);
}

[b-mw3f3e1nqo] .aps-dataset-number.is-zero {
    color: var(--s-color-muted-foreground);
    opacity: .65;
}

[b-mw3f3e1nqo] .aps-dataset-head-sent,
[b-mw3f3e1nqo] .aps-dataset-row-sent {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(4.5rem, 0.5fr);
}

[b-mw3f3e1nqo] .aps-dataset-drill {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-8) var(--s-space-6);
    border-top: 1px solid var(--datatable-border-color);
}

[b-mw3f3e1nqo] .aps-dataset-rows {
    display: grid;
    gap: var(--s-space-3);
    padding: 0 var(--s-space-8) var(--s-space-8);
}

/* ---- Izleme bilgisi ve teknik ayrinti dugmesi ---- */

.aps-detail-header-actions[b-mw3f3e1nqo] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

[b-mw3f3e1nqo] .aps-batch-trace {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-8);
}

[b-mw3f3e1nqo] .aps-trace-item {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s-space-4);
    min-width: 0;
    max-width: 100%;
}

[b-mw3f3e1nqo] .aps-trace-item small {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10, 10px);
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-trace-item code {
    overflow: hidden;
    max-width: 34ch;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-11, 11px);
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mw3f3e1nqo] .aps-icon-command.is-active {
    color: var(--s-color-primary);
    border-color: var(--s-color-primary);
    background: var(--s-color-primary-soft);
}

/* Yeniden gönderim düzeltici bir eylem: teknik ayrıntı düğmesiyle karışmasın diye
   uyarı rengini taşır, ama başlıkta baskın durmaması için dolgusuz kalır. */
[b-mw3f3e1nqo] .aps-icon-command.is-retry {
    color: var(--s-color-warning);
    border-color: var(--s-color-warning);
    background: color-mix(in srgb, var(--s-color-warning) 10%, transparent);
}

[b-mw3f3e1nqo] .aps-icon-command.is-retry:hover:not(:disabled) {
    background: color-mix(in srgb, var(--s-color-warning) 20%, transparent);
}

[b-mw3f3e1nqo] .aps-icon-command:disabled {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 720px) {
    [b-mw3f3e1nqo] .aps-resource-list {
        grid-template-columns: minmax(0, 1fr);
    }

    [b-mw3f3e1nqo] .aps-dataset-head {
        display: none;
    }

    [b-mw3f3e1nqo] .aps-dataset-row {
        grid-template-columns: minmax(9rem, 1fr) minmax(8rem, .8fr) repeat(4, minmax(3.5rem, auto));
    }

    [b-mw3f3e1nqo] .aps-history-row {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "primary status"
            "counts counts";
        gap: 3px 10px;
        padding: 5px 8px;
    }

    [b-mw3f3e1nqo] .aps-history-status {
        grid-area: status;
        justify-self: end;
    }

    [b-mw3f3e1nqo] .aps-history-counts {
        grid-area: counts;
        justify-self: start;
        flex-wrap: wrap;
        gap: 2px 10px;
        font-size: 11px;
        white-space: normal;
    }

    [b-mw3f3e1nqo] .aps-stage-track {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Kaynak satırındaki otomatik aktarım simgesi: kural sayısı rozetle gösterilir,
   tıklama satır seçimini değiştirmeden sağ paneli açar. */
[b-mw3f3e1nqo] .aps-resource-automation-column {
    width: 48px;
    text-align: center !important;
}

[b-mw3f3e1nqo] .aps-resource-automation-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    cursor: pointer;
}

[b-mw3f3e1nqo] .aps-resource-automation-btn:hover {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 40%, var(--s-color-border));
}

[b-mw3f3e1nqo] .aps-resource-automation-btn.has-rules {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 40%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
}

[b-mw3f3e1nqo] .aps-resource-automation-count {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: var(--s-border-radius-full);
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground, #fff);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    line-height: 16px;
    text-align: center;
}

[b-mw3f3e1nqo] .aps-automation-offcanvas-body {
    display: flex;
    flex-direction: column;
}

[b-mw3f3e1nqo] .aps-resource-automation-btn.is-excluded {
    opacity: 0.35;
    cursor: default;
}
/* /Pages/PosSyncManagement/Pages/WarehouseErpSettings/Components/PosWarehouseErpSettingPanel.razor.rz.scp.css */
.pos-wh-erp-panel[b-ls4dgxowgg] {
    display: grid;
    gap: var(--s-space-12);
    align-content: start;
    padding: var(--s-space-16);
}

.pos-wh-erp-loading[b-ls4dgxowgg] {
    display: flex;
    justify-content: center;
    padding: var(--s-space-24);
}

.pos-wh-erp-scope[b-ls4dgxowgg] {
    display: grid;
    gap: var(--s-space-2);
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius);
    background: var(--s-color-card);
}

.pos-wh-erp-scope strong[b-ls4dgxowgg] {
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
    overflow-wrap: anywhere;
}

.pos-wh-erp-scope small[b-ls4dgxowgg] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

/* Offcanvas dar olduğu için alanlar tek kolon; geniş ekranda ikiye çıkıyor. */
.pos-wh-erp-group[b-ls4dgxowgg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-12);
    padding: var(--s-space-12);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius);
    background: var(--s-color-card);
}

.pos-wh-erp-group h4[b-ls4dgxowgg] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--s-color-card-foreground);
    font-size: var(--s-font-size-14);
}

.pos-wh-erp-field[b-ls4dgxowgg] {
    display: grid;
    gap: var(--s-space-2);
    min-width: 0;
}

.pos-wh-erp-field > .s-form-label[b-ls4dgxowgg] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
}

.pos-wh-erp-actions[b-ls4dgxowgg] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8);
    margin-top: auto;
    padding-top: var(--s-space-12);
    border-top: 1px solid var(--s-color-border);
}

@media (min-width: 520px) {
    .pos-wh-erp-group[b-ls4dgxowgg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Printer/Connection/PrinterConnectionPage.razor.rz.scp.css */
.printer-connection-page[b-15vxjqifdd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    color: var(--s-text, #1f2933);
}

.connection-header[b-15vxjqifdd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.connection-header h1[b-15vxjqifdd] {
    margin: 0;
    font-size: 22px;
}

.connection-header p[b-15vxjqifdd] {
    margin: 4px 0 0;
    color: var(--s-muted-text, #687384);
}

.header-actions[b-15vxjqifdd],
.connection-actions[b-15vxjqifdd],
.form-actions[b-15vxjqifdd],
.connection-code[b-15vxjqifdd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.connection-card[b-15vxjqifdd],
.empty-state[b-15vxjqifdd],
.connection-row[b-15vxjqifdd] {
    border: 1px solid var(--s-border, #d9dde3);
    border-radius: 8px;
    background: var(--s-surface, #fff);
}

.connection-card[b-15vxjqifdd] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
}

.form-grid[b-15vxjqifdd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 12px;
}

.form-field[b-15vxjqifdd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
    font-size: 12px;
}

.form-actions[b-15vxjqifdd] {
    justify-content: flex-end;
}

.connection-main span[b-15vxjqifdd],
.connection-scope span[b-15vxjqifdd],
.connection-meta span[b-15vxjqifdd] {
    color: var(--s-muted-text, #687384);
}

.connection-code strong[b-15vxjqifdd] {
    line-height: 1;
}

.create-code-button[b-15vxjqifdd] {
    min-width: 132px;
}

.connection-list[b-15vxjqifdd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.connection-list h2[b-15vxjqifdd] {
    margin: 4px 0;
    font-size: 16px;
}

.connection-row[b-15vxjqifdd] {
    display: grid;
    grid-template-columns: 16px minmax(180px, 1fr) minmax(260px, 1.4fr) minmax(120px, 0.6fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.status-dot[b-15vxjqifdd] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.status-dot.online[b-15vxjqifdd] {
    background: var(--s-success, #1f9d55);
}

.status-dot.offline[b-15vxjqifdd] {
    background: var(--s-danger, #d64545);
}

.connection-main[b-15vxjqifdd],
.connection-scope[b-15vxjqifdd],
.connection-meta[b-15vxjqifdd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.connection-main span[b-15vxjqifdd],
.connection-scope span[b-15vxjqifdd],
.connection-meta span[b-15vxjqifdd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state[b-15vxjqifdd] {
    padding: 18px;
}

.s-btn.danger[b-15vxjqifdd] {
    color: var(--s-danger, #d64545);
}

@media (max-width: 1200px) {
    .form-grid[b-15vxjqifdd] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .connection-row[b-15vxjqifdd] {
        grid-template-columns: 16px 1fr;
    }

    .connection-actions[b-15vxjqifdd] {
        grid-column: 2;
    }
}

@media (max-width: 700px) {
    .connection-header[b-15vxjqifdd],
    .header-actions[b-15vxjqifdd],
    .form-actions[b-15vxjqifdd] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-grid[b-15vxjqifdd] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Projects/Activity/EditTaskCanvas.razor.rz.scp.css */
.user-image[b-0lscokvjti] {
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.user-name[b-0lscokvjti] {
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    min-width: fit-content;
}

.user-name-after[b-0lscokvjti] {
    font-size: 10px;
    margin-top: 5px;
    margin-left: 10px;
    min-width: fit-content;
}

.comment[b-0lscokvjti] {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}

.edit-area .row[b-0lscokvjti] {
    padding-top: 3px;
    padding-bottom: 3px;
}

.font-size-15[b-0lscokvjti] {
    font-size: 15px;
}

.font-size-13[b-0lscokvjti] {
    font-size: 13px;
}

.title[b-0lscokvjti] {
    font-weight: 600;
}

.offcanvas[b-0lscokvjti] {
    background: #edeff8;
}

.edit-canvas .offcanvas-footer[b-0lscokvjti] {
    padding: 0px;
    height: 90px;
}

.offcanvas-header[b-0lscokvjti] {
    padding-bottom: 0px;
    padding-top: 10px;
    padding-left: 5px;
}

.offcanvas-body[b-0lscokvjti] {
    overflow-x: hidden;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
}

.comment-time[b-0lscokvjti] {
    font-size: 10px;
    margin-top: 10px;
    width: 100%;
    text-align: right;
}

.comment-area[b-0lscokvjti] {
    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-0lscokvjti] {
    padding-left: 60px !important;
}

.attach-button[b-0lscokvjti] {
    width: max-content !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

.accordion-item[b-0lscokvjti] {
    border: none !important;
    background: transparent;
}

.accordion-button[b-0lscokvjti] {
    padding: 0px !important;
    font-size: 13px;
    color: var(--bs-primary);
    background: transparent;
}

    .accordion-button[b-0lscokvjti]::after {
        margin-left: unset;
    }

.sub-comment-divider[b-0lscokvjti] {
    border-top: 0.2px solid #c4bfbf;
    padding-bottom: 10px;
}

.task-update-button[b-0lscokvjti] {
    font-size: 15px;
    width: max-content;
    margin-right: 10px;
}

.task-detail-tabs[b-0lscokvjti] {
    padding-left: 0px;
    padding-right: 0px;
}

.task-detail-tabs .dxbl-tabs-tablist[b-0lscokvjti] {
    background-color: ghostwhite
}

.task-detail-tabs .tab-page[b-0lscokvjti] {
    padding-left: 5px;
    padding-right: 5px;
}

.task-detail-tabs .dxbl-tabs-content-pane[b-0lscokvjti] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.task-update-area[b-0lscokvjti] {
    border: solid 2px #bdaeae;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 8px;
    margin-top: 5px;
}
/* /Pages/Projects/Identities/Roles/Components/RoleMenuPermissionPanel.razor.rz.scp.css */
.role-menu-page__panel[b-1fgm2lcpre] {
    display: flex;
    flex-direction: column;
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    overflow: hidden;
    min-height: 0;
}

.role-menu-page__panel-header[b-1fgm2lcpre] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-14, 0.875rem);
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-muted-background);
    flex-shrink: 0;
}

.role-menu-page__panel-icon[b-1fgm2lcpre] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-primary);
}

.role-menu-page__panel-title[b-1fgm2lcpre] {
    margin: 0;
    font-weight: 600;
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    flex: 1;
    color: var(--s-color-body-text);
}

.role-menu-page__panel-body[b-1fgm2lcpre] {
    flex: 1;
    overflow-y: auto;
    padding: var(--s-space-12) var(--s-space-14, 0.875rem);
    min-height: 0;
}

.role-menu-page__tree-wrapper[b-1fgm2lcpre] {
    min-height: 0;
}

.role-menu-page__loading-space[b-1fgm2lcpre] {
    min-height: 250px;
}
/* /Pages/Projects/Identities/Roles/Components/RoleMenuPreviewPanel.razor.rz.scp.css */
.role-menu-page__panel[b-bgbw4t2a8f] {
    display: flex;
    flex-direction: column;
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    overflow: hidden;
    min-height: 0;
}

.role-menu-page__panel-header[b-bgbw4t2a8f] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-14, 0.875rem);
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-muted-background);
    flex-shrink: 0;
}

.role-menu-page__panel-icon[b-bgbw4t2a8f] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-primary);
}

.role-menu-page__panel-title[b-bgbw4t2a8f] {
    margin: 0;
    font-weight: 600;
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    flex: 1;
    color: var(--s-color-body-text);
}

.role-menu-page__toggle-btn[b-bgbw4t2a8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-primary);
    cursor: pointer;
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    transition: background-color 0.15s ease, border-color 0.15s ease;
    margin-left: auto;
}

.role-menu-page__toggle-btn:hover[b-bgbw4t2a8f] {
    background-color: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    border-color: var(--s-color-primary);
}

.role-menu-page__panel-body[b-bgbw4t2a8f] {
    flex: 1;
    overflow-y: auto;
    padding: var(--s-space-12) var(--s-space-14, 0.875rem);
    min-height: 0;
}

.role-menu-page__loading-space[b-bgbw4t2a8f] {
    min-height: 250px;
}

.role-menu-page__empty-state[b-bgbw4t2a8f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: var(--s-space-24) var(--s-space-12);
    color: var(--s-color-muted-foreground);
}

.role-menu-page__empty-icon[b-bgbw4t2a8f] {
    font-size: 2.25rem;
    margin-bottom: var(--s-space-10);
    opacity: 0.5;
}

.role-menu-page__empty-text[b-bgbw4t2a8f] {
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    margin: 0;
    text-align: center;
}
/* /Pages/Projects/Identities/Roles/Components/RoleMenuSidebar.razor.rz.scp.css */
.role-menu-page__sidebar[b-qidays4dwz] {
    min-width: 252px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-14, 0.875rem);
    padding-right: var(--s-space-14, 0.875rem);
    min-height: 0;
    overflow: hidden;
}

.role-menu-page__sidebar-section[b-qidays4dwz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.role-menu-page__sidebar-section--roles[b-qidays4dwz] {
    flex: 1;
    min-height: 0;
}

.role-menu-page__sidebar-caption[b-qidays4dwz] {
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 var(--s-space-6);
}

.role-menu-page__sidebar-loading[b-qidays4dwz],
.role-menu-page__sidebar-message[b-qidays4dwz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-height: 36px;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    padding: var(--s-space-8) var(--s-space-10);
}

.role-menu-page__sidebar-loading--compact[b-qidays4dwz] {
    justify-content: center;
}

.role-menu-page__company-item[b-qidays4dwz],
.role-menu-page__role-tab[b-qidays4dwz] {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.role-menu-page__company-item[b-qidays4dwz] {
    gap: var(--s-space-8);
    padding: var(--s-space-8) var(--s-space-10);
}

.role-menu-page__role-tab[b-qidays4dwz] {
    gap: var(--s-space-8);
    min-height: 34px;
    padding: 5px var(--s-space-8);
}

.role-menu-page__company-item:hover[b-qidays4dwz],
.role-menu-page__role-tab:hover[b-qidays4dwz] {
    background-color: var(--s-color-surface);
    border-color: var(--s-color-border);
}

.role-menu-page__company-item.selected[b-qidays4dwz],
.role-menu-page__role-tab.selected[b-qidays4dwz] {
    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));
}

.role-menu-page__company-item.selected .role-menu-page__company-name[b-qidays4dwz],
.role-menu-page__role-tab.selected .role-menu-page__role-title[b-qidays4dwz] {
    font-weight: 600;
}

.role-menu-page__company-icon[b-qidays4dwz],
.role-menu-page__role-icon[b-qidays4dwz] {
    width: 24px;
    height: 24px;
    border-radius: var(--s-border-radius-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
}

.role-menu-page__company-name[b-qidays4dwz] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-menu-page__count-badge[b-qidays4dwz] {
    min-width: 28px;
    border-radius: 999px;
    padding: 2px var(--s-space-6);
    background-color: var(--s-color-muted-background);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: 600;
    text-align: center;
}

.role-menu-page__search-box[b-qidays4dwz] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-6) var(--s-space-10);
    border: 1px solid var(--s-surface-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.role-menu-page__search-box:focus-within[b-qidays4dwz] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.role-menu-page__search-input[b-qidays4dwz] {
    min-width: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
}

.role-menu-page__search-input[b-qidays4dwz]::placeholder {
    color: var(--s-color-muted-foreground);
}

.role-menu-page__search-clear[b-qidays4dwz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: var(--s-font-size-10);
}

.role-menu-page__search-clear:hover[b-qidays4dwz] {
    background-color: var(--s-color-muted-background);
    color: var(--s-color-body-text);
}

.role-menu-page__role-tabs[b-qidays4dwz] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
}

.role-menu-page__role-text[b-qidays4dwz] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.role-menu-page__role-title[b-qidays4dwz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-body-text);
}

@media (max-width: 992px) {
    .role-menu-page__sidebar[b-qidays4dwz] {
        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);
        max-height: none;
    }

    .role-menu-page__role-tabs[b-qidays4dwz] {
        max-height: 260px;
        overflow-y: auto;
    }
}
/* /Pages/Projects/Identities/Roles/RoleMenu.razor.rz.scp.css */
.role-menu-page[b-42bj1kkdtx] {
    height: calc(100vh - var(--s-topbar-height, 4.5rem));
    min-height: 0;
    overflow: hidden;
    padding: var(--s-surface-padding, var(--s-space-16));
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
}

.role-menu-page__layout[b-42bj1kkdtx] {
    display: flex;
    gap: var(--s-space-16);
    min-height: 0;
    height: 100%;
}

.role-menu-page__sidebar[b-42bj1kkdtx] {
    min-width: 252px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-14, 0.875rem);
    padding-right: var(--s-space-14, 0.875rem);
    min-height: 0;
    overflow: hidden;
}

.role-menu-page__sidebar-section[b-42bj1kkdtx] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.role-menu-page__sidebar-section--roles[b-42bj1kkdtx] {
    flex: 1;
    min-height: 0;
}

.role-menu-page__sidebar-caption[b-42bj1kkdtx] {
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 var(--s-space-6);
}

.role-menu-page__sidebar-loading[b-42bj1kkdtx],
.role-menu-page__sidebar-message[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-height: 36px;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    padding: var(--s-space-8) var(--s-space-10);
}

.role-menu-page__sidebar-loading--compact[b-42bj1kkdtx] {
    justify-content: center;
}

.role-menu-page__company-item[b-42bj1kkdtx],
.role-menu-page__role-tab[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.role-menu-page__company-item[b-42bj1kkdtx] {
    gap: var(--s-space-8);
    padding: var(--s-space-8) var(--s-space-10);
}

.role-menu-page__role-tab[b-42bj1kkdtx] {
    gap: var(--s-space-8);
    min-height: 34px;
    padding: 5px var(--s-space-8);
}

.role-menu-page__company-item:hover[b-42bj1kkdtx],
.role-menu-page__role-tab:hover[b-42bj1kkdtx] {
    background-color: var(--s-color-surface);
    border-color: var(--s-color-border);
}

.role-menu-page__company-item.selected[b-42bj1kkdtx],
.role-menu-page__role-tab.selected[b-42bj1kkdtx] {
    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));
}

.role-menu-page__company-item.selected .role-menu-page__company-name[b-42bj1kkdtx],
.role-menu-page__role-tab.selected .role-menu-page__role-title[b-42bj1kkdtx] {
    font-weight: 600;
}

.role-menu-page__company-icon[b-42bj1kkdtx],
.role-menu-page__role-icon[b-42bj1kkdtx] {
    width: 24px;
    height: 24px;
    border-radius: var(--s-border-radius-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
}

.role-menu-page__company-name[b-42bj1kkdtx] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-menu-page__count-badge[b-42bj1kkdtx] {
    min-width: 28px;
    border-radius: 999px;
    padding: 2px var(--s-space-6);
    background-color: var(--s-color-muted-background);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: 600;
    text-align: center;
}

.role-menu-page__search-box[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-6) var(--s-space-10);
    border: 1px solid var(--s-surface-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.role-menu-page__search-box:focus-within[b-42bj1kkdtx] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.role-menu-page__search-input[b-42bj1kkdtx] {
    min-width: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
}

.role-menu-page__search-input[b-42bj1kkdtx]::placeholder {
    color: var(--s-color-muted-foreground);
}

.role-menu-page__search-clear[b-42bj1kkdtx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: var(--s-font-size-10);
}

.role-menu-page__search-clear:hover[b-42bj1kkdtx] {
    background-color: var(--s-color-muted-background);
    color: var(--s-color-body-text);
}

.role-menu-page__role-tabs[b-42bj1kkdtx] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding-right: 2px;
}

.role-menu-page__role-text[b-42bj1kkdtx] {
    display: flex;
    flex: 1;
    min-width: 0;
}

.role-menu-page__role-title[b-42bj1kkdtx] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.role-menu-page__role-title[b-42bj1kkdtx] {
    color: var(--s-color-body-text);
}

.role-menu-page__content[b-42bj1kkdtx] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-14, 0.875rem);
    min-width: 0;
    min-height: 0;
}

.role-menu-page__content-header[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
}

.role-menu-page__title[b-42bj1kkdtx] {
    font-weight: 600;
    font-size: var(--s-font-size-18, 1.125rem);
    margin: 0;
    color: var(--s-color-body-text);
}

.role-menu-page__subtitle[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    margin-top: 4px;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
}

.role-menu-page__workspace[b-42bj1kkdtx] {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr);
    gap: var(--s-surface-gap, var(--s-space-12));
    min-height: 0;
    flex: 1;
}

.role-menu-page__panel[b-42bj1kkdtx] {
    display: flex;
    flex-direction: column;
    border-radius: var(--s-border-radius-medium);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    overflow: hidden;
    min-height: 0;
}

.role-menu-page__panel-header[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-14, 0.875rem);
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-muted-background);
    flex-shrink: 0;
}

.role-menu-page__panel-icon[b-42bj1kkdtx] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-primary);
}

.role-menu-page__panel-title[b-42bj1kkdtx] {
    margin: 0;
    font-weight: 600;
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    flex: 1;
    color: var(--s-color-body-text);
}

.role-menu-page__toggle-btn[b-42bj1kkdtx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-primary);
    cursor: pointer;
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    transition: background-color 0.15s ease, border-color 0.15s ease;
    margin-left: auto;
}

.role-menu-page__toggle-btn:hover[b-42bj1kkdtx] {
    background-color: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    border-color: var(--s-color-primary);
}

.role-menu-page__panel-body[b-42bj1kkdtx] {
    flex: 1;
    overflow-y: auto;
    padding: var(--s-space-12) var(--s-space-14, 0.875rem);
    min-height: 0;
}

.role-menu-page__tree-wrapper[b-42bj1kkdtx] {
    min-height: 0;
}

.role-menu-page__loading-space[b-42bj1kkdtx] {
    min-height: 250px;
}

.role-menu-page__empty-state[b-42bj1kkdtx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: var(--s-space-24) var(--s-space-12);
    color: var(--s-color-muted-foreground);
}

.role-menu-page__empty-icon[b-42bj1kkdtx] {
    font-size: 2.25rem;
    margin-bottom: var(--s-space-10);
    opacity: 0.5;
}

.role-menu-page__empty-text[b-42bj1kkdtx] {
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    margin: 0;
    text-align: center;
}

@media (max-width: 1200px) {
    .role-menu-page__workspace[b-42bj1kkdtx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 992px) {
    .role-menu-page__layout[b-42bj1kkdtx] {
        flex-direction: column;
    }

    .role-menu-page__sidebar[b-42bj1kkdtx] {
        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);
        max-height: none;
    }

    .role-menu-page__role-tabs[b-42bj1kkdtx] {
        max-height: 260px;
        overflow-y: auto;
    }
}
/* /Pages/Proposal/ProposalContainer.razor.rz.scp.css */
/* /Pages/Proposal/ProposalOverview.razor.rz.scp.css */
#sales-proposal[b-02fmz0a6bo]{
    padding:16px;
}

#sales-proposal .card[b-02fmz0a6bo] {
    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-02fmz0a6bo] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 20px !important;
}

#sales-proposal .header-info h5[b-02fmz0a6bo] {
    margin: 0 !important;
    font-size: 24px !important;
}

#sales-proposal .header-info p[b-02fmz0a6bo] {
    margin: 0 !important;
    font-size: 16px !important;
    color: #6c757d !important;
}

#sales-proposal .status-badge[b-02fmz0a6bo] {
    padding: 5px 10px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
}

#sales-proposal .detail-item[b-02fmz0a6bo] {
    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-02fmz0a6bo] {
    border-bottom: none !important;
}

#sales-proposal .detail-item span[b-02fmz0a6bo] {
    font-weight: bold !important;
}

#sales-proposal .right-align[b-02fmz0a6bo] {
    text-align: right !important;
}

#sales-proposal .left-panel[b-02fmz0a6bo], #sales-proposal .right-panel[b-02fmz0a6bo] {
    border-radius: 10px !important;
}

#sales-proposal .left-panel[b-02fmz0a6bo] {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    margin-right: 20px !important;
    font-size: 12px !important;
}

#sales-proposal .right-panel[b-02fmz0a6bo] {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
}

#sales-proposal .left-panel[b-02fmz0a6bo], #sales-proposal .right-panel[b-02fmz0a6bo] {
    flex: 1 !important;
    padding: 10px !important;
    min-width: 250p !important;
}

#sales-proposal .detail-item[b-02fmz0a6bo] {
    margin-bottom: 10px !important;
}

#sales-proposal table[b-02fmz0a6bo] {
    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-02fmz0a6bo], #sales-proposal table td[b-02fmz0a6bo] {
    padding: 10px !important;
    text-align: left !important;
    border-bottom: 1px solid #e9ecef !important;
}

#sales-proposal table th[b-02fmz0a6bo] {
    background-color: #f8f9fa !important;
    font-weight: bold !important;
}

#sales-proposal table tr:last-child td[b-02fmz0a6bo] {
    border-bottom: none !important;
}

#sales-proposal hr[b-02fmz0a6bo] {
    border: none !important;
    border-top: 1px solid #e9ecef !important;
    margin: 0 !important;
}

#sales-proposal .row-header[b-02fmz0a6bo] {
    font-weight: bold !important;
}

@media (max-width: 768px) {
    #sales-proposal .d-flex.flex-wrap .left-panel[b-02fmz0a6bo],
    #sales-proposal .d-flex.flex-wrap .right-panel[b-02fmz0a6bo] {
        flex-basis: 100% !important;
    }
}
/* /Pages/Proposal/StockRequestDates/StockRequestDateModal.razor.rz.scp.css */
.mb-2 p[b-clrnpxpvzs] {
    margin-bottom: 0; /* Varsayılan margin'i kaldırıyoruz */
}

.fs-6.fw-bold[b-clrnpxpvzs] {
    margin-top: 0.5rem; /* İkinci paragrafın üstüne biraz boşluk ekliyoruz */
}

/* Styles scoped to the custom-card-container */
.custom-card-container[b-clrnpxpvzs] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between the cards */
}

.custom-card-container .card[b-clrnpxpvzs] {
    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-clrnpxpvzs] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-card-container .card .card-text[b-clrnpxpvzs] {
    margin-bottom: 0.5rem;
    font-size: 12px;
}

.custom-card-container .card .btn[b-clrnpxpvzs] {
    font-size: 12px;
    padding: 5px 10px;
}

/* Button hover effects */
.custom-card-container .btn-outline-secondary:hover[b-clrnpxpvzs] {
    background-color: #6c757d;
    color: #fff;
}

.custom-card-container .btn-outline-danger:hover[b-clrnpxpvzs] {
    background-color: #dc3545;
    color: #fff;
}

/* Styling for the empty state message */
.custom-card-container .text-center[b-clrnpxpvzs] {
    width: 100%;
    font-size: 14px;
    padding: 20px;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/Approver/RevisionApprovalHistory.razor.rz.scp.css */
.revision-approval-history[b-uu55u8mx10] {
    max-width: 100%;
    overflow-x: auto;
}

.compact-table[b-uu55u8mx10] {
    border-collapse: collapse;
}

.compact-table th[b-uu55u8mx10],
.compact-table td[b-uu55u8mx10] {
    padding: 6px 10px;
    vertical-align: middle;
}

.compact-table td:first-child[b-uu55u8mx10] {
    width: 40%;
    white-space: nowrap;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/PropasalLines/Components/RevisionStatusPopover.razor.rz.scp.css */
.revision-icon-container[b-l5x33swk13] {
    position: relative;
    display: inline-block;
}

.revision-popover[b-l5x33swk13] {
    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-l5x33swk13] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.25rem;
}

.revision-popover-body[b-l5x33swk13] {
    font-size: 0.85rem;
    max-height: 150px;
    overflow-y: auto;
}
/* /Pages/ProposalManagement/Pages/SalesProposals/PropasalLines/PropasalLineGridComponent.razor.rz.scp.css */
.no-hover:hover[b-n23a6tu55c] {
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}

.non-clickable[b-n23a6tu55c] {
    pointer-events: none; /* Tıklanabilirliği devre dışı bırakır */
    cursor: default; /* Fare imlecini varsayılan yapar */
}

.badge-xs[b-n23a6tu55c] {
    font-size: 8px; /* Daha küçük yazı boyutu */
    padding: 1px 2px; /* Daha küçük iç boşluk */
}
/* /Pages/ProposalManagement/Pages/TechnicalOffers/StockSalesOffer/Components/StockSalesOfferSettingsModal.razor.rz.scp.css */
.stock-sales-offer-settings-content[b-h51126son4] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-7, 0.875rem);
    color: var(--s-color-body-text, #0f172a);
}

.stock-sales-offer-settings-intro[b-h51126son4] {
    margin: 0;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-medium, 500);
}

.stock-sales-offer-settings-group[b-h51126son4] {
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--s-color-card, #ffffff);
}

.stock-sales-offer-settings-group h4[b-h51126son4] {
    margin: 0;
    padding: var(--s-space-5, 0.625rem) var(--s-space-7, 0.875rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.stock-sales-offer-settings-list[b-h51126son4] {
    display: flex;
    flex-direction: column;
}

.stock-sales-offer-settings-item[b-h51126son4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 0.36fr);
    gap: var(--s-space-6, 0.75rem);
    padding: var(--s-space-5, 0.625rem) var(--s-space-7, 0.875rem);
}

.stock-sales-offer-settings-item + .stock-sales-offer-settings-item[b-h51126son4] {
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-settings-item-main[b-h51126son4],
.stock-sales-offer-settings-item-meta[b-h51126son4] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.stock-sales-offer-settings-item-main strong[b-h51126son4] {
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.stock-sales-offer-settings-item-main span[b-h51126son4],
.stock-sales-offer-settings-source[b-h51126son4] {
    overflow: hidden;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-sales-offer-settings-value[b-h51126son4] {
    align-self: flex-start;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-small, 6px);
    padding: 2px var(--s-space-4, 0.5rem);
    background: var(--s-color-input-bg, var(--s-color-muted, #f8fafc));
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-settings-empty[b-h51126son4] {
    border: 1px dashed var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    padding: var(--s-space-8, 1rem);
    color: var(--s-color-muted-foreground, #64748b);
    text-align: center;
}

@media (max-width: 860px) {
    .stock-sales-offer-settings-item[b-h51126son4] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ProposalManagement/Pages/TechnicalOffers/StockSalesOffer/Components/StockSalesOfferToolbar.razor.rz.scp.css */
.stock-sales-offer-toolbar[b-i4e6i8a5lq] {
    display: flex;
    align-items: center;
    gap: var(--s-space-5, 0.625rem);
    min-height: 54px;
    padding: var(--s-space-5, 0.625rem) var(--s-space-7, 0.875rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    background: var(--s-color-card, #ffffff);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--s-color-body-text, #0f172a) 6%, transparent);
}

.stock-sales-offer-toolbar-group[b-i4e6i8a5lq] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    min-width: 0;
}

.stock-sales-offer-toolbar-main[b-i4e6i8a5lq] {
    flex-wrap: wrap;
}

.stock-sales-offer-toolbar-meta[b-i4e6i8a5lq] {
    justify-content: flex-end;
}

.stock-sales-offer-toolbar-spacer[b-i4e6i8a5lq] {
    flex: 1 1 auto;
}

.stock-sales-offer-toolbar-divider[b-i4e6i8a5lq] {
    width: 1px;
    height: 30px;
    background: var(--s-color-border, #e2e8f0);
}

[b-i4e6i8a5lq] .stock-sales-offer-toolbar-button.dxbl-btn,
[b-i4e6i8a5lq] .stock-sales-offer-toolbar-menu .dxbl-btn {
    min-height: 34px;
    border-radius: var(--s-border-radius-small, 6px);
    padding-inline: var(--s-space-5, 0.625rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

[b-i4e6i8a5lq] .stock-sales-offer-toolbar-button .dxbl-btn-caption {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

[b-i4e6i8a5lq] .stock-sales-offer-toolbar-button .dxbl-image,
[b-i4e6i8a5lq] .stock-sales-offer-toolbar-button .dxbl-image:not(:empty) {
    margin-right: var(--s-space-3, 0.375rem);
}

[b-i4e6i8a5lq] .stock-sales-offer-toolbar-button-primary.dxbl-btn {
    box-shadow: none;
}

.stock-sales-offer-shortcut-hint[b-i4e6i8a5lq] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-3, 0.375rem);
    min-height: 32px;
    border: 1px solid var(--s-color-border, #e2e8f0);
    border-radius: var(--s-border-radius-small, 6px);
    padding: 0 var(--s-space-5, 0.625rem);
    background: color-mix(in srgb, var(--s-color-muted, #f8fafc) 76%, var(--s-color-card, #ffffff));
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-count[b-i4e6i8a5lq] {
    display: flex;
    align-items: center;
    min-height: 32px;
    border: 1px solid var(--s-color-border, #e2e8f0);
    border-radius: var(--s-border-radius-small, 6px);
    background: var(--s-color-surface, #f8fafc);
    padding-inline: var(--s-space-5, 0.625rem);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

@media (max-width: 860px) {
    .stock-sales-offer-toolbar[b-i4e6i8a5lq] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .stock-sales-offer-toolbar-divider[b-i4e6i8a5lq],
    .stock-sales-offer-toolbar-spacer[b-i4e6i8a5lq] {
        display: none;
    }

    .stock-sales-offer-toolbar-main[b-i4e6i8a5lq],
    .stock-sales-offer-toolbar-meta[b-i4e6i8a5lq] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Pages/ProposalManagement/Pages/TechnicalOffers/StockSalesOffer/StockSalesOffer.razor.rz.scp.css */
.stock-sales-offer-page[b-ilp5190j2m] {
    --offer-panel-bg: var(--s-color-card, #ffffff);
    --offer-panel-text: var(--s-color-card-foreground, var(--s-color-body-text, #0f172a));
    --offer-field-bg: var(--s-color-input-bg, var(--s-color-muted, #f8fafc));
    --offer-focused-row-bg: color-mix(in srgb, var(--s-color-primary, #2563eb) 15%, var(--offer-panel-bg));
    --offer-hero-theme-reserve: 112px;
    --offer-hero-bg: color-mix(in srgb, var(--s-color-primary, #111827) 92%, var(--s-color-body-text, #0f172a) 8%);
    --offer-hero-fg: var(--s-color-primary-foreground, #ffffff);
    --offer-hero-muted: color-mix(in srgb, var(--offer-hero-fg) 72%, transparent);
    --offer-hero-chip-bg: color-mix(in srgb, var(--offer-hero-fg) 10%, transparent);
    --offer-edit-bg: color-mix(in srgb, var(--s-color-primary, #111827) 8%, var(--s-color-card, #ffffff));
    --offer-edit-focus-bg: color-mix(in srgb, var(--s-color-primary, #111827) 14%, var(--s-color-card, #ffffff));
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 56px);
    background: var(--s-color-surface, #f8fafc);
    color: var(--s-color-body-text, #0f172a);
    font-family: var(--s-font-family-body, inherit);
}

.stock-sales-offer-loading[b-ilp5190j2m] {
    flex: 1;
    min-height: 0;
}

.stock-sales-offer-shell[b-ilp5190j2m] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4, 0.5rem);
    min-height: 0;
    padding: var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar {
    flex: 0 0 auto !important;
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    min-height: 52px;
    padding: var(--s-space-4, 0.5rem) var(--s-space-6, 0.75rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    background: var(--offer-panel-bg);
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-group {
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    min-width: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-main {
    flex-wrap: wrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-meta {
    justify-content: flex-end;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-spacer {
    flex: 1 1 auto;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-divider {
    width: 1px;
    height: 28px;
    background: var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-button.dxbl-btn,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-menu .dxbl-btn {
    min-height: 32px;
    border-radius: var(--s-border-radius-small, 6px);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-button .dxbl-btn-caption {
    display: inline-flex;
    align-items: center;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-button-primary.dxbl-btn {
    box-shadow: 0 8px 18px color-mix(in srgb, var(--s-color-primary, #111827) 14%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-shortcut-hint {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-3, 0.375rem);
    min-height: 30px;
    border: 1px solid var(--s-color-border, #e2e8f0);
    border-radius: var(--s-border-radius-small, 6px);
    padding: 0 var(--s-space-5, 0.625rem);
    background: color-mix(in srgb, var(--s-color-muted, #f8fafc) 76%, var(--offer-panel-bg));
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-count {
    display: flex;
    align-items: center;
    min-height: 30px;
    border: 1px solid var(--s-color-border, #e2e8f0);
    border-radius: var(--s-border-radius-small, 6px);
    background: var(--s-color-surface, #f8fafc);
    padding-inline: var(--s-space-5, 0.625rem);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
    min-height: 66px;
    border-radius: var(--s-border-radius-medium, 8px);
    padding: var(--s-space-4, 0.5rem) var(--s-space-5, 0.625rem);
    background: var(--offer-hero-bg);
    color: var(--offer-hero-fg);
    box-shadow: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-theme {
    position: absolute;
    z-index: 4;
    top: var(--s-space-3, 0.375rem);
    right: var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-main {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: var(--s-space-4, 0.5rem);
    min-width: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-back-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 28%, transparent);
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--offer-hero-fg) 9%, transparent);
    color: var(--offer-hero-fg);
    line-height: 1;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-back-button:hover,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-back-button:focus-visible {
    border-color: color-mix(in srgb, var(--offer-hero-fg) 48%, transparent);
    background: color-mix(in srgb, var(--offer-hero-fg) 16%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-title {
    min-width: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero h1 {
    margin: 0;
    color: var(--offer-hero-fg) !important;
    font-size: clamp(1.2rem, 1.5vw, 1.55rem);
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero span {
    display: inline-flex;
    margin-top: 2px;
    color: var(--offer-hero-muted) !important;
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-side {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    padding-right: var(--offer-hero-theme-reserve);
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    gap: var(--s-space-4, 0.5rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-3, 0.375rem);
    flex-wrap: wrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-button.dxbl-btn {
    min-height: 30px;
    border-radius: var(--s-border-radius-small, 6px);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-button.dxbl-btn {
    border-color: color-mix(in srgb, #ffffff 34%, transparent) !important;
    color: var(--offer-hero-fg) !important;
    background: color-mix(in srgb, #ffffff 10%, transparent) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-button-primary.dxbl-btn {
    border-color: color-mix(in srgb, var(--offer-hero-fg) 88%, transparent) !important;
    background: var(--offer-hero-fg) !important;
    color: var(--offer-hero-bg) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-button .dxbl-btn-caption,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-button .dxbl-image {
    color: inherit !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-controls {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 18%, transparent);
    border-radius: 999px;
    padding: 2px;
    background: color-mix(in srgb, var(--offer-hero-fg) 8%, transparent);
    backdrop-filter: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-mode {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-settings {
    display: inline-flex;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-button {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--offer-hero-fg);
    padding: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-button svg {
    width: 13px;
    height: 13px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-button i {
    font-size: 13px;
    line-height: 1;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-theme-button:hover {
    border-color: color-mix(in srgb, var(--offer-hero-fg) 22%, transparent);
    background: color-mix(in srgb, var(--offer-hero-fg) 12%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-metrics {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-chip {
    min-width: 94px;
    border: 1px solid color-mix(in srgb, var(--offer-hero-fg) 20%, transparent);
    border-radius: var(--s-border-radius-small, 6px);
    padding: var(--s-space-2, 0.25rem) var(--s-space-4, 0.5rem);
    background: var(--offer-hero-chip-bg);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-chip small {
    display: block;
    color: var(--offer-hero-muted) !important;
    font-size: var(--s-font-size-10, 0.625rem);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-chip strong {
    display: block;
    margin-top: 1px;
    color: var(--offer-hero-fg) !important;
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-chip-soft {
    min-width: 70px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel {
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--offer-panel-bg);
    box-shadow: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
    min-height: 46px;
    padding: var(--s-space-4, 0.5rem) var(--s-space-7, 0.875rem);
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-title span {
    display: block;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-title small {
    display: block;
    margin-top: 2px;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    letter-spacing: 0;
    text-transform: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-collapsed-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-3, 0.375rem);
    flex: 1 1 auto;
    min-width: 0;
    margin-inline: var(--s-space-5, 0.625rem);
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-collapsed-summary span {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    letter-spacing: 0;
    line-height: 1.2;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-summary-chip {
    padding: 2px var(--s-space-4, 0.5rem);
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: 999px;
    background: var(--offer-field-bg);
    color: var(--s-color-muted-foreground, #475569);
    white-space: nowrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-summary-name {
    color: var(--s-color-body-text, #0f172a);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(38vw, 360px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-summary-contact {
    color: var(--s-color-muted-foreground, #64748b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(22vw, 220px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-summary-currency {
    margin-left: auto;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-3, 0.375rem);
    flex-wrap: wrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-actions .dxbl-btn {
    min-height: 30px;
    border-radius: var(--s-border-radius-small, 6px);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-add-button.dxbl-btn {
    border-color: color-mix(in srgb, var(--s-color-primary, #111827) 88%, var(--s-color-border, #dbe3ef)) !important;
    background: var(--s-color-primary, #111827) !important;
    color: var(--s-color-primary-foreground, #ffffff) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-add-button .dxbl-btn-caption,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-add-button .dxbl-image {
    color: inherit !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-toolbar {
    min-height: 34px;
    padding: 2px 6px;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    background: var(--offer-panel-bg);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-toolbar .dxbl-toolbar-item {
    min-height: 28px;
    margin-right: 4px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-toolbar .dxbl-toolbar-item:last-child {
    margin-right: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-toolbar .dxbl-btn {
    min-height: 28px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-toolbar-count {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--s-space-4, 0.5rem);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-collapse-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: 50% !important;
    background: var(--offer-field-bg);
    color: var(--s-color-muted-foreground, #64748b);
    line-height: 1;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-collapse-button:hover,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-collapse-button:focus-visible {
    border-color: var(--s-color-primary, #2563eb);
    background: var(--s-color-primary-soft, rgba(37, 99, 235, 0.08));
    color: var(--s-color-primary, #2563eb);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-status {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--s-space-6, 0.75rem);
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: 999px;
    background: var(--s-color-muted, #f1f5f9);
    color: var(--s-color-muted-foreground, #475569);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-splitter {
    --stock-sales-offer-header-splitter-height: clamp(232px, 30vh, 300px);
    border: none;
    background: transparent;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-pane {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-pane > .stock-sales-offer-customer-card,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-pane > .stock-sales-offer-document-card {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-card,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-card,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel {
    position: relative;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-medium, 8px);
    background: var(--offer-panel-bg);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text, #0f172a) 6%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-card {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-card {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading {
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    min-height: 34px;
    padding-bottom: var(--s-space-4, 0.5rem);
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border, #dbe3ef) 82%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--s-color-primary, #111827) 10%, var(--offer-panel-bg));
    color: var(--s-color-primary, #111827);
    font-size: 0.875rem;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading div {
    min-width: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading strong {
    display: block;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
    line-height: 1.15;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading small {
    display: block;
    margin-top: 1px;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1.2;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-form-grid,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-row,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid {
    display: grid;
    gap: var(--s-space-4, 0.5rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-row {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 128px);
    align-items: end;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-project-grid {
    grid-template-columns: minmax(0, 1fr);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid-two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-readonly-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field-wide,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-readonly-wide {
    grid-column: 1 / -1;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field label,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-readonly-field label {
    margin: 0;
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field .dxbl-text-edit,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-select.dxbl-text-edit {
    min-height: 2.4rem;
    border-color: var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-small, 6px);
    background-color: var(--offer-field-bg);
    color: var(--s-color-body-text, #0f172a);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field .dxbl-text-edit-input,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-select .dxbl-text-edit-input {
    min-height: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-text-edit {
    min-width: 96px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-text-edit,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-text-edit.dxbl-disabled,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-disabled .dxbl-text-edit {
    background-color: var(--offer-field-bg) !important;
    opacity: 1;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-text-edit-input {
    background-color: transparent !important;
    color: var(--s-color-body-text, #0f172a) !important;
    -webkit-text-fill-color: var(--s-color-body-text, #0f172a);
    opacity: 1;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-edit-btn,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-currency-field .dxbl-btn {
    color: var(--s-color-muted-foreground, #64748b);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field textarea,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field input {
    font-size: var(--s-font-size-13, 0.8125rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-card textarea {
    min-height: 74px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-4, 0.5rem) var(--s-space-6, 0.75rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-readonly-field span {
    min-height: 28px;
    border-bottom: 1px dashed var(--s-color-border, #dbe3ef);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    line-height: 28px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-secure-note {
    display: flex;
    align-items: center;
    gap: var(--s-space-4, 0.5rem);
    border: 1px solid color-mix(in srgb, var(--s-color-warning, #f59e0b) 36%, var(--s-color-border, #e2e8f0));
    border-radius: var(--s-border-radius-small, 6px);
    padding: var(--s-space-3, 0.375rem) var(--s-space-5, 0.625rem);
    background: color-mix(in srgb, var(--s-color-warning, #f59e0b) 8%, var(--s-color-surface, #ffffff));
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host {
    --stock-sales-offer-grid-height: clamp(220px, 28vh, 330px);
    --stock-sales-offer-grid-header-height: 26px;
    --stock-sales-offer-grid-cell-min-height: 17px;
    --stock-sales-offer-grid-editor-line-height: 14px;
    --datatable-row-size: 0 var(--s-space-1, 0.125rem);
    --datatable-row-font-size: var(--s-font-size-11, 0.6875rem);
    min-height: 0;
    max-height: calc(var(--stock-sales-offer-grid-height) + 8px);
    padding: 0 var(--s-space-6, 0.75rem) var(--s-space-5, 0.625rem);
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host-header-collapsed {
    --stock-sales-offer-grid-height: clamp(330px, 52vh, 560px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines.fullscreen {
    top: var(--s-space-4, 0.5rem) !important;
    right: var(--s-space-4, 0.5rem) !important;
    bottom: var(--s-space-4, 0.5rem) !important;
    left: var(--s-space-4, 0.5rem) !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh - 1rem);
    overflow: hidden;
    background: var(--offer-panel-bg);
    color: var(--s-color-body-text, #0f172a);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines.fullscreen .stock-sales-offer-grid-host {
    --stock-sales-offer-grid-height: calc(100vh - 285px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter {
    --stock-sales-offer-lines-splitter-height: clamp(430px, calc(100dvh - 410px), 680px);
    border: none;
    background: var(--offer-panel-bg);
    color: var(--s-color-body-text, #0f172a);
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter-header-collapsed {
    --stock-sales-offer-lines-splitter-height: clamp(520px, calc(100dvh - 235px), 790px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines.fullscreen .stock-sales-offer-lines-splitter {
    --stock-sales-offer-lines-splitter-height: calc(100vh - 118px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-grid-pane,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-bottom-pane {
    min-height: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-grid-host {
    --stock-sales-offer-grid-height: 100%;
    height: 100%;
    max-height: none;
    padding: 0 var(--s-space-6, 0.75rem) var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-lower-layout {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-detail-panel,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-total-panel {
    min-height: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-detail-tabs {
    max-height: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter .stock-sales-offer-detail-content {
    max-height: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-splitter {
    border: none;
    background: transparent;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-detail-pane,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-summary-pane {
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-detail-pane {
    padding-right: var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-summary-pane {
    padding-left: var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-detail-pane > .stock-sales-offer-detail-panel,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-bottom-summary-pane > .stock-sales-offer-total-panel {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid {
    border-color: var(--datatable-border-color, var(--s-color-border, #dbe3ef));
    border-radius: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-header-row th {
    height: var(--stock-sales-offer-grid-header-height);
    background: var(--s-color-surface, #ffffff);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-table td,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td {
    line-height: 1.2;
    vertical-align: middle;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host.s-datatable tbody td.grid-cell,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host.s-datatable tbody td[role="gridcell"],
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host.s-datatable tbody td.dxbl-grid-command-cell {
    padding: var(--datatable-row-size);
}

::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-table tbody tr:nth-child(even) td,
::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid tbody tr:nth-child(even) td {
    background-color: color-mix(in srgb, var(--s-color-table-striped-row, var(--s-color-muted, #f5f7fb)) 76%, transparent) !important;
}

::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-table tbody tr:nth-child(odd) td,
::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid tbody tr:nth-child(odd) td {
    background-color: var(--offer-panel-bg) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-focused-cell-canvas,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-focused-row-canvas,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dx-grid-focused-cell-canvas {
    display: none !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-focused-row,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-focused-row td,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
    background-color: var(--offer-focused-row-bg) !important;
    color: var(--s-color-body-text, #0f172a) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] {
    padding: 0 !important;
    vertical-align: middle !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] .editable-cell-edit {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: var(--stock-sales-offer-grid-cell-min-height);
    height: 100%;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] .dxbl-text-edit,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] dxbl-masked-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: var(--stock-sales-offer-grid-cell-min-height);
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] .dxbl-text-edit-input {
    width: 100%;
    min-height: var(--stock-sales-offer-grid-cell-min-height);
    padding: 2px 6px;
    border-radius: 0;
    background-color: var(--offer-edit-bg) !important;
    line-height: var(--stock-sales-offer-grid-editor-line-height);
    text-align: right;
    box-sizing: border-box;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] .dxbl-text-edit-input:focus {
    background-color: var(--offer-edit-focus-bg) !important;
    outline: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid td[data-edit-cell] .editable-cell-edit-text .dxbl-text-edit-input {
    text-align: left;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .editable-cell {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: var(--stock-sales-offer-grid-cell-min-height);
    cursor: text;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .editable-cell.text-end {
    justify-content: flex-end;
    text-align: right;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid .editable-cell.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-unit-select.dxbl-text-edit {
    width: 100%;
    min-height: var(--stock-sales-offer-grid-cell-min-height);
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

::global(body.s-datatable-size-xxs) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-xxs) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 22px;
    --stock-sales-offer-grid-cell-min-height: 14px;
    --stock-sales-offer-grid-editor-line-height: 13px;
    --datatable-row-size: 0 var(--s-space-1, 0.125rem);
    --datatable-row-font-size: var(--s-font-size-10, 0.625rem);
}

::global(body.s-datatable-size-xs) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-xs) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 23px;
    --stock-sales-offer-grid-cell-min-height: 15px;
    --stock-sales-offer-grid-editor-line-height: 13px;
    --datatable-row-size: 0 var(--s-space-1, 0.125rem);
    --datatable-row-font-size: var(--s-font-size-11, 0.6875rem);
}

::global(body.s-datatable-size-sm) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-sm) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 25px;
    --stock-sales-offer-grid-cell-min-height: 16px;
    --stock-sales-offer-grid-editor-line-height: 14px;
    --datatable-row-size: 0 var(--s-space-1, 0.125rem);
}

::global(body.s-datatable-size-md) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-md) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 27px;
    --stock-sales-offer-grid-cell-min-height: 18px;
    --stock-sales-offer-grid-editor-line-height: 15px;
    --datatable-row-size: 0 var(--s-space-2, 0.25rem);
}

::global(body.s-datatable-size-lg) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-lg) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 29px;
    --stock-sales-offer-grid-cell-min-height: 20px;
    --stock-sales-offer-grid-editor-line-height: 17px;
    --datatable-row-size: 0 var(--s-space-2, 0.25rem);
}

::global(body.s-datatable-size-xl) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host,
::global(body.s-datatable-size-xl) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-grid-header-height: 31px;
    --stock-sales-offer-grid-cell-min-height: 22px;
    --stock-sales-offer-grid-editor-line-height: 18px;
    --datatable-row-size: var(--s-space-1, 0.125rem) var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2, 0.25rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-actions .dxbl-btn {
    --dxbl-btn-padding-x: 0;
    --dxbl-btn-padding-y: 0;
    width: 24px;
    min-width: 24px;
    height: 22px;
    min-height: 22px;
    border-radius: var(--s-border-radius-small, 6px);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 22px;
    min-height: 22px;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small, 6px);
    background: transparent;
    color: var(--s-color-danger, #dc2626);
    padding: 0;
    line-height: 1;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-delete-button:hover,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-delete-button:focus-visible {
    border-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 30%, transparent);
    background: color-mix(in srgb, var(--s-color-danger, #dc2626) 10%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-row-delete-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lower-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.24fr);
    gap: var(--s-space-5, 0.625rem);
    padding: var(--s-space-5, 0.625rem);
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lower-layout-summary-only {
    grid-template-columns: minmax(280px, 420px);
    justify-content: flex-end;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel {
    padding: var(--s-space-5, 0.625rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel h3,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel h3 {
    position: relative;
    margin: 0 0 var(--s-space-7, 0.875rem);
    padding-left: var(--s-space-5, 0.625rem);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: none;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel h3::before,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    width: 3px;
    border-radius: 999px;
    background: var(--s-color-primary, #111827);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-6, 0.75rem) var(--s-space-10, 1.25rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid label {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid span {
    min-height: 28px;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    line-height: 28px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tabs {
    display: flex;
    flex-direction: column;
    min-height: 188px;
    height: 100%;
    max-height: clamp(205px, 31vh, 325px);
    min-width: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tabbar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    min-width: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    padding: 0 0 var(--s-space-3, 0.375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tab-button {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
    min-height: 28px;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small, 6px);
    background: transparent;
    color: var(--s-color-muted-foreground, #64748b);
    padding: 0 var(--s-space-4, 0.5rem);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
    white-space: nowrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tab-button:hover,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tab-button:focus-visible {
    border-color: color-mix(in srgb, var(--s-color-primary, #111827) 28%, var(--s-color-border, #dbe3ef));
    color: var(--s-color-primary, #111827);
    background: color-mix(in srgb, var(--s-color-primary, #111827) 8%, var(--offer-panel-bg));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tab-button.active {
    border-color: color-mix(in srgb, var(--s-color-primary, #111827) 62%, var(--s-color-border, #dbe3ef));
    color: var(--s-color-primary, #111827);
    background: color-mix(in srgb, var(--s-color-primary, #111827) 12%, var(--offer-panel-bg));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tab-button:disabled {
    cursor: not-allowed;
    opacity: 0.48;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-content {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    max-height: clamp(168px, 27vh, 285px);
    min-width: 0;
    padding-top: var(--s-space-3, 0.375rem);
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-empty,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-loading {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-3, 0.375rem);
    min-height: 126px;
    border: 1px dashed var(--s-color-border, #dbe3ef);
    border-radius: var(--s-border-radius-small, 6px);
    background: color-mix(in srgb, var(--s-color-muted, #f8fafc) 58%, transparent);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-loading {
    position: absolute;
    z-index: 2;
    inset: var(--s-space-3, 0.375rem) 0 0;
    min-height: auto;
    background: color-mix(in srgb, var(--offer-panel-bg) 82%, transparent);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
    --stock-sales-offer-detail-grid-height: clamp(132px, 22vh, 236px);
    --stock-sales-offer-grid-header-height: 24px;
    --stock-sales-offer-grid-cell-min-height: 16px;
    --datatable-row-size: 0 var(--s-space-1, 0.125rem);
    --datatable-row-font-size: var(--s-font-size-11, 0.6875rem);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    max-height: calc(var(--stock-sales-offer-detail-grid-height) + 66px);
    width: 100%;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-warning,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-note {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--s-space-3, 0.375rem);
    min-height: 28px;
    border: 1px solid color-mix(in srgb, var(--s-color-warning, #f59e0b) 45%, var(--s-color-border, #dbe3ef));
    border-radius: var(--s-border-radius-small, 6px);
    margin-bottom: var(--s-space-3, 0.375rem);
    padding: 0 var(--s-space-4, 0.5rem);
    background: color-mix(in srgb, var(--s-color-warning, #f59e0b) 10%, var(--offer-panel-bg));
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-note {
    border-color: color-mix(in srgb, var(--s-color-primary, #111827) 22%, var(--s-color-border, #dbe3ef));
    background: color-mix(in srgb, var(--s-color-primary, #111827) 6%, var(--offer-panel-bg));
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-toolbar {
    min-height: 32px;
    padding: 2px 6px;
    border-bottom: 1px solid var(--s-color-border, #e2e8f0);
    background: var(--offer-panel-bg);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-toolbar .dxbl-toolbar-item {
    min-height: 26px;
    margin-right: 4px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-toolbar .dxbl-btn {
    min-height: 26px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table {
    flex: 1 1 auto !important;
    height: var(--stock-sales-offer-detail-grid-height);
    min-height: 118px;
    max-height: var(--stock-sales-offer-detail-grid-height);
    border-color: var(--datatable-border-color, var(--s-color-border, #dbe3ef));
    border-radius: 0;
    overflow: hidden;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table .dxbl-grid-header-row th {
    height: var(--stock-sales-offer-grid-header-height);
    background: var(--s-color-surface, #ffffff);
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table .dxbl-grid-table td,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table td {
    line-height: 1.2;
    vertical-align: middle;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell.s-datatable tbody td.grid-cell,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell.s-datatable tbody td[role="gridcell"],
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell.s-datatable tbody td.dxbl-grid-command-cell {
    padding: var(--datatable-row-size);
}

::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table .dxbl-grid-table tbody tr:nth-child(even) td,
::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table tbody tr:nth-child(even) td {
    background-color: color-mix(in srgb, var(--s-color-table-striped-row, var(--s-color-muted, #f5f7fb)) 76%, transparent) !important;
}

::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table .dxbl-grid-table tbody tr:nth-child(odd) td,
::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-table tbody tr:nth-child(odd) td {
    background-color: var(--offer-panel-bg) !important;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-money {
    display: block;
    width: 100%;
    text-align: right;
    white-space: nowrap;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-pager {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-4, 0.5rem);
    min-height: 30px;
    border: 1px solid var(--s-color-border, #dbe3ef);
    border-top: none;
    padding: 2px var(--s-space-4, 0.5rem);
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dl {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4, 0.5rem);
    margin: 0;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dl div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dt {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-medium, 500);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dd {
    margin: 0;
    color: var(--s-color-body-text, #0f172a);
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-semibold, 600);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grand-total {
    margin-top: var(--s-space-2, 0.25rem);
    padding-top: var(--s-space-5, 0.625rem);
    border-top: 1px solid var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grand-total dt,
.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grand-total dd {
    color: var(--s-color-body-text, #0f172a);
    font-weight: 800;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grand-total dt {
    font-size: var(--s-font-size-13, 0.8125rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grand-total dd {
    font-size: var(--s-font-size-15, 0.9375rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-alternate-total-heading {
    margin-top: var(--s-space-2, 0.25rem);
    padding-top: var(--s-space-4, 0.5rem);
    border-top: 1px dashed var(--s-color-border, #e2e8f0);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-alternate-total-heading dd {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-12, 0.75rem);
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-alternate-total dd {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
}

.stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-alternate-total small {
    color: var(--s-color-muted-foreground, #64748b);
    font-size: var(--s-font-size-11, 0.6875rem);
    font-weight: var(--s-font-weight-medium, 500);
    white-space: nowrap;
}

::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid span,
::global(body.s-datatable-striped) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dl div {
    background: color-mix(in srgb, var(--s-color-table-striped-row, var(--s-color-muted, #f5f5f5)) 72%, transparent);
}

::global(body.s-datatable-no-inline-styles) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid span,
::global(body.s-datatable-no-inline-styles) .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-readonly-field span {
    border-bottom-color: transparent;
}

@media (max-height: 820px) {
    .stock-sales-offer-page[b-ilp5190j2m] {
        min-height: 100dvh;
    }

    .stock-sales-offer-shell[b-ilp5190j2m] {
        gap: var(--s-space-2, 0.25rem);
        padding: var(--s-space-2, 0.25rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero {
        min-height: 54px;
        padding: var(--s-space-3, 0.375rem) var(--s-space-4, 0.5rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero h1 {
        font-size: 1.25rem;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-title {
        min-height: 36px;
        padding: var(--s-space-2, 0.25rem) var(--s-space-5, 0.625rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-layout {
        gap: var(--s-space-3, 0.375rem);
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-splitter {
        --stock-sales-offer-header-splitter-height: clamp(196px, 30vh, 252px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-pane {
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-card,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-card {
        gap: var(--s-space-3, 0.375rem);
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-card-heading {
        min-height: 28px;
        padding-bottom: var(--s-space-2, 0.25rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-form-grid,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-row,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid {
        gap: var(--s-space-2, 0.25rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-field .dxbl-text-edit,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-select.dxbl-text-edit {
        min-height: 2.1rem;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-card textarea {
        min-height: 48px;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-secure-note {
        padding: var(--s-space-2, 0.25rem) var(--s-space-4, 0.5rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host {
        --stock-sales-offer-grid-height: clamp(138px, 19vh, 190px);
        padding: 0 var(--s-space-3, 0.375rem) var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-grid-host-header-collapsed {
        --stock-sales-offer-grid-height: clamp(235px, 39vh, 380px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter {
        --stock-sales-offer-lines-splitter-height: clamp(360px, calc(100dvh - 330px), 560px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lines-splitter-header-collapsed {
        --stock-sales-offer-lines-splitter-height: clamp(430px, calc(100dvh - 190px), 660px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lower-layout {
        gap: var(--s-space-3, 0.375rem);
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel {
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-panel h3,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel h3 {
        margin-bottom: var(--s-space-4, 0.5rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid {
        gap: var(--s-space-2, 0.25rem) var(--s-space-6, 0.75rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-tabs {
        min-height: 156px;
        max-height: clamp(170px, 28vh, 226px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-content {
        max-height: clamp(136px, 23vh, 192px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid-shell {
        --stock-sales-offer-detail-grid-height: clamp(112px, 18vh, 156px);
        max-height: calc(var(--stock-sales-offer-detail-grid-height) + 58px);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid span {
        min-height: 22px;
        line-height: 22px;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-total-panel dl {
        gap: var(--s-space-2, 0.25rem);
    }
}

@media (max-width: 1280px) {
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-header-layout {
        grid-template-columns: 1fr;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-lower-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .stock-sales-offer-shell[b-ilp5190j2m] {
        padding: var(--s-space-5, 0.625rem);
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-divider,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-spacer {
        display: none;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-main,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-toolbar-meta {
        width: 100%;
        justify-content: flex-start;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-side {
        align-items: flex-start;
        min-width: 0;
        padding-right: 0;
        width: 100%;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-hero-metrics,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-panel-actions {
        justify-content: flex-start;
        width: 100%;
    }

    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-form-grid,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-customer-row,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-project-grid,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-document-grid-two,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-info-grid,
    .stock-sales-offer-page[b-ilp5190j2m]  .stock-sales-offer-detail-grid {
        grid-template-columns: 1fr;
    }
}
/* /Pages/ProposalManagement/Pages/TechnicalOffers/Templates/TechnicalOfferHistoryModal.razor.rz.scp.css */
.technical-offer-history-modal[b-lvpvk3987n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-8, 1rem);
    color: var(--s-color-body-text, var(--s-color-foreground));
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
}

.technical-offer-history-filter-row[b-lvpvk3987n] {
    display: grid;
    grid-template-columns: minmax(16rem, 1.8fr) minmax(9rem, 0.9fr) minmax(9rem, 0.9fr) auto;
    align-items: end;
    gap: var(--s-space-6, 0.75rem);
}

.technical-offer-history-field[b-lvpvk3987n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.25rem);
}

.technical-offer-history-field span[b-lvpvk3987n],
.technical-offer-history-field label[b-lvpvk3987n] {
    margin: 0;
    color: var(--s-color-muted-foreground, #6b7280);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    font-weight: 700;
    letter-spacing: 0;
}

.technical-offer-history-field[b-lvpvk3987n] (.dxbl-text-edit) {
    height: calc(var(--rem-scale) * 3.2rem);
    min-height: calc(var(--rem-scale) * 3.2rem);
    border-color: var(--s-color-input, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
}

.technical-offer-history-filter-actions[b-lvpvk3987n] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-4, 0.5rem);
}

.technical-offer-history-table-shell[b-lvpvk3987n] {
    min-height: calc(var(--rem-scale) * 18rem);
    max-height: min(calc(var(--rem-scale) * 46rem), calc(100vh - 18rem));
    overflow: auto;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
}

.technical-offer-history-table[b-lvpvk3987n] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
}

.technical-offer-history-table th[b-lvpvk3987n],
.technical-offer-history-table td[b-lvpvk3987n] {
    padding: var(--s-space-4, 0.5rem) var(--s-space-5, 0.625rem);
    border-bottom: 1px solid var(--s-color-border);
    text-align: left;
    vertical-align: middle;
}

.technical-offer-history-table th[b-lvpvk3987n] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--s-color-card, var(--s-color-white));
    color: var(--s-color-muted-foreground, #6b7280);
    font-weight: 700;
    white-space: nowrap;
}

.technical-offer-history-table tbody tr:hover[b-lvpvk3987n] {
    background: var(--s-color-accent, rgba(0, 0, 0, 0.04));
}

.technical-offer-history-row-locked[b-lvpvk3987n] {
    opacity: 0.72;
}

.technical-offer-history-main-text[b-lvpvk3987n] {
    max-width: 26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.technical-offer-history-number[b-lvpvk3987n] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.technical-offer-history-actions-cell[b-lvpvk3987n] {
    width: 5.5rem;
    text-align: right;
    white-space: nowrap;
}

.technical-offer-history-link[b-lvpvk3987n] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--s-color-primary);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.technical-offer-history-icon-button[b-lvpvk3987n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--rem-scale) * 2.4rem);
    height: calc(var(--rem-scale) * 2.4rem);
    margin-inline-start: var(--s-space-2, 0.25rem);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 0.25rem);
    background: var(--s-color-card, var(--s-color-white));
    color: var(--s-color-body-text, var(--s-color-foreground));
    cursor: pointer;
}

.technical-offer-history-icon-button:hover:not(:disabled)[b-lvpvk3987n] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.technical-offer-history-icon-button:disabled[b-lvpvk3987n] {
    opacity: 0.5;
    cursor: not-allowed;
}

.technical-offer-history-state[b-lvpvk3987n] {
    display: grid;
    min-height: calc(var(--rem-scale) * 18rem);
    place-items: center;
    color: var(--s-color-muted-foreground, #6b7280);
    font-weight: 600;
}

.technical-offer-history-pager[b-lvpvk3987n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-6, 0.75rem);
    color: var(--s-color-muted-foreground, #6b7280);
    font-weight: 600;
}

.technical-offer-history-pager-actions[b-lvpvk3987n] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2, 0.25rem);
}

@media (max-width: 960px) {
    .technical-offer-history-filter-row[b-lvpvk3987n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .technical-offer-history-field-customer[b-lvpvk3987n] {
        grid-column: 1 / -1;
    }

    .technical-offer-history-filter-actions[b-lvpvk3987n] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .technical-offer-history-filter-row[b-lvpvk3987n] {
        grid-template-columns: 1fr;
    }

    .technical-offer-history-filter-actions[b-lvpvk3987n] {
        justify-content: stretch;
    }

    .technical-offer-history-filter-actions[b-lvpvk3987n] (.dxbl-btn) {
        flex: 1 1 0;
    }

    .technical-offer-history-pager[b-lvpvk3987n] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/ProposalManagement/Pages/TechnicalOffers/Templates/TechnicalOfferRowActionTemplate.razor.rz.scp.css */
    .technical-offer-row-action-button[b-eu0e3w2l9q] {
        --dxbl-btn-padding-x: 0;
        --dxbl-btn-padding-y: 0.02rem;
        width: 22px;
        min-width: 22px;
        min-height: 20px;
        height: 20px;
        margin-inline-end: 2px;
        border-radius: 4px;
        border-width: 1px;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .technical-offer-row-action-icon[b-eu0e3w2l9q] {
        margin-inline-end: 0;
        font-size: 11px;
    }

/* /Pages/ProposalManagement/Pages/TechnicalOffers/Templates/TechnicalOfferToolbarTemplate.razor.rz.scp.css */
    .technical-offer-toolbar-item[b-5c5nf8h641] {
        padding-inline: var(--s-space-2, 0.25rem);
    }

    .technical-offer-toolbar-inline-field[b-5c5nf8h641] {
        display: flex;
        align-items: center;
        height: calc(var(--rem-scale) * 3.2rem);
        min-width: 0;
    }

    .technical-offer-toolbar-leading-group[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
        gap: var(--s-space-3, 0.35rem);
        min-width: 0;
    }

    .technical-offer-fixed-rates[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
        gap: var(--s-space-3, 0.35rem);
        height: calc(var(--rem-scale) * 3.2rem);
        max-width: clamp(9rem, 14vw, 15rem);
        overflow: hidden;
        color: var(--s-color-body-text, var(--s-color-foreground, #111827));
        font-size: var(--s-font-size-12, 0.78rem);
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
    }

    .technical-offer-fixed-rate[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
        gap: var(--s-space-1, 0.125rem);
        min-width: 0;
        opacity: 1;
    }

    .technical-offer-fixed-rate-flag[b-5c5nf8h641] {
        flex: 0 0 auto;
        font-size: var(--s-font-size-14, 0.9rem);
        line-height: 1;
    }

    .technical-offer-fixed-rate-value[b-5c5nf8h641] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        font-variant-numeric: tabular-nums;
    }

    .technical-offer-toolbar-status-dropdown[b-5c5nf8h641] {
        width: clamp(7.5rem, 9vw, 9.5rem);
    }

    .technical-offer-toolbar-erp-status-dropdown[b-5c5nf8h641] {
        width: clamp(7.5rem, 9vw, 9.5rem);
    }

    .technical-offer-toolbar-erp-send-dropdown[b-5c5nf8h641] {
        width: clamp(9rem, 11vw, 11.5rem);
    }

    .technical-offer-toolbar-select[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--s-space-6, 0.75rem);
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        max-width: 100%;
        padding: var(--s-space-2, 0.25rem) var(--s-space-8, 0.5rem);
        border: 1px solid var(--s-color-input, var(--s-color-border));
        border-radius: var(--s-border-radius-default);
        background-color: var(--s-color-input-bg, var(--s-color-white));
        color: var(--s-color-body-text, var(--s-color-foreground));
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        line-height: calc(var(--rem-scale) * 1.6rem);
        text-align: left;
        cursor: pointer;
        box-shadow: none;
    }

    .technical-offer-toolbar-select span[b-5c5nf8h641] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .technical-offer-toolbar-select:focus-visible[b-5c5nf8h641],
    .technical-offer-toolbar-select:focus[b-5c5nf8h641] {
        border-color: var(--s-color-input, var(--s-color-border));
        box-shadow: none;
        outline: none;
    }

    .technical-offer-toolbar-select-icon[b-5c5nf8h641] {
        flex: 0 0 auto;
        font-size: var(--s-font-size-12, 0.8rem);
    }

    .technical-offer-toolbar-select-panel[b-5c5nf8h641] {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        flex-direction: column;
        gap: var(--s-space-2, 0.25rem);
        padding: 0;
        border: 0;
        border-radius: 0;
        background: var(--s-color-card, var(--s-color-white));
        box-shadow: none;
        color: var(--s-color-body-text, var(--s-color-foreground));
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    }

    .technical-offer-toolbar-select-search[b-5c5nf8h641] {
        display: flex;
        align-items: center;
        gap: var(--s-space-4, 0.5rem);
        width: 100%;
        height: calc(var(--rem-scale) * 3.2rem);
        margin: 0 0 var(--s-space-3, 0.35rem);
        padding: 0 var(--s-space-6, 0.75rem);
        border: 1px solid var(--s-color-input, var(--s-color-border));
        border-radius: var(--s-border-radius-default);
        background-color: var(--s-color-input-bg, var(--s-color-white));
        color: var(--s-color-muted-foreground, #6b7280);
    }

    .technical-offer-toolbar-select-search i[b-5c5nf8h641] {
        flex: 0 0 auto;
        font-size: var(--s-font-size-14, 0.9rem);
    }

    .technical-offer-toolbar-search-input[b-5c5nf8h641] {
        width: 100%;
        min-width: 0;
        height: 100%;
        padding: 0;
        border: 0;
        outline: none;
        background: transparent;
        color: var(--s-color-body-text, var(--s-color-foreground));
        font: inherit;
    }

    .technical-offer-toolbar-search-input:focus[b-5c5nf8h641] {
        outline: none;
        box-shadow: none;
    }

    .technical-offer-toolbar-option-list[b-5c5nf8h641] {
        display: flex;
        flex-direction: column;
        gap: var(--s-space-2, 0.25rem);
        max-height: calc(var(--rem-scale) * 18rem);
        overflow-y: auto;
    }

    .technical-offer-toolbar-select-option[b-5c5nf8h641] {
        display: flex;
        align-items: center;
        gap: var(--s-space-4, 0.5rem);
        width: 100%;
        min-height: calc(var(--rem-scale) * 2.6rem);
        margin: 0;
        padding: var(--s-space-3, 0.35rem) var(--s-space-4, 0.5rem);
        border: 0;
        border-radius: var(--s-border-radius-small, 0.25rem);
        background: transparent;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
    }

    .technical-offer-toolbar-select-option:hover[b-5c5nf8h641] {
        background: var(--s-color-accent, rgba(0, 0, 0, 0.05));
    }

    .technical-offer-toolbar-select-option input[b-5c5nf8h641] {
        flex: 0 0 auto;
        width: calc(var(--rem-scale) * 1.4rem);
        height: calc(var(--rem-scale) * 1.4rem);
        accent-color: var(--s-color-primary);
    }

    .technical-offer-toolbar-select-option-all[b-5c5nf8h641] {
        font-weight: 700;
    }

    .technical-offer-toolbar-empty-option[b-5c5nf8h641] {
        padding: var(--s-space-6, 0.75rem) var(--s-space-4, 0.5rem);
        color: var(--s-color-muted-foreground, #6b7280);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    }

    [b-5c5nf8h641](.technical-offer-toolbar-converted-checkbox) {
        min-height: calc(var(--rem-scale) * 3.2rem);
        color: var(--s-color-body-text, var(--s-color-foreground));
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        font-weight: 600;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
    }

    .technical-offer-toolbar-toggle[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--s-space-3, 0.35rem);
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        max-width: clamp(10rem, 13vw, 13.5rem);
        padding: var(--s-space-2, 0.25rem) var(--s-space-6, 0.75rem);
        border: 1px solid var(--s-color-input, var(--s-color-border));
        border-radius: var(--s-border-radius-default);
        background-color: var(--s-color-input-bg, var(--s-color-white));
        color: var(--s-color-body-text, var(--s-color-foreground));
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        font-weight: 600;
        line-height: calc(var(--rem-scale) * 1.6rem);
        white-space: nowrap;
        cursor: pointer;
    }

    .technical-offer-toolbar-toggle span[b-5c5nf8h641] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .technical-offer-toolbar-toggle:focus-visible[b-5c5nf8h641],
    .technical-offer-toolbar-toggle:focus[b-5c5nf8h641] {
        border-color: var(--s-color-primary);
        outline: none;
        box-shadow: none;
    }

    .technical-offer-toolbar-toggle-active[b-5c5nf8h641] {
        border-color: var(--s-color-primary);
        background-color: var(--s-color-primary-soft, var(--s-color-accent));
        color: var(--s-color-primary);
    }

    .technical-offer-toolbar-filter-anchor[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
    }

    [b-5c5nf8h641](.technical-offer-toolbar-filter.dxbl-btn) {
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        border: 1px solid var(--s-color-primary);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    }

    [b-5c5nf8h641](.technical-offer-toolbar-history.dxbl-btn) {
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        border: 1px solid var(--s-color-primary);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        white-space: nowrap;
    }

    .technical-offer-toolbar-history-anchor[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
    }

    .technical-offer-toolbar-merge-anchor[b-5c5nf8h641] {
        display: inline-flex;
        align-items: center;
    }

    [b-5c5nf8h641](.technical-offer-toolbar-merge.dxbl-btn) {
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        border: 1px solid var(--s-color-primary);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        white-space: nowrap;
    }

    [b-5c5nf8h641](.technical-offer-toolbar-merge-icon.dxbl-btn) {
        width: calc(var(--rem-scale) * 3.2rem);
        min-width: calc(var(--rem-scale) * 3.2rem);
        padding-inline: 0;
        justify-content: center;
    }

    [b-5c5nf8h641](.technical-offer-toolbar-history-icon.dxbl-btn) {
        width: calc(var(--rem-scale) * 3.2rem);
        min-width: calc(var(--rem-scale) * 3.2rem);
        padding-inline: 0;
        justify-content: center;
    }

    .technical-offer-toolbar-filter-panel[b-5c5nf8h641] {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        padding: var(--s-space-8, 1rem);
        border: 1px solid var(--s-color-border);
        border-radius: var(--s-border-radius-default);
        background: var(--s-color-card, var(--s-color-white));
        box-shadow: 0 calc(var(--rem-scale) * 1.2rem) calc(var(--rem-scale) * 2.8rem) rgba(15, 23, 42, 0.14);
        color: var(--s-color-body-text, var(--s-color-foreground));
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    }

    .technical-offer-toolbar-filter-grid[b-5c5nf8h641] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--s-space-8, 1rem);
        row-gap: var(--s-space-6, 0.75rem);
    }

    .technical-offer-toolbar-field[b-5c5nf8h641] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: var(--s-space-2, 0.25rem);
    }

    .technical-offer-toolbar-field label[b-5c5nf8h641] {
        margin: 0;
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        font-weight: 700;
        letter-spacing: 0;
        line-height: calc(var(--rem-scale) * 1.6rem);
        color: var(--s-color-muted-foreground, #6b7280);
    }

    .technical-offer-toolbar-field[b-5c5nf8h641] (.dxbl-text-edit) {
        height: calc(var(--rem-scale) * 3.2rem);
        min-height: calc(var(--rem-scale) * 3.2rem);
        border-color: var(--s-color-input, var(--s-color-border));
        border-radius: var(--s-border-radius-default);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        --dxbl-text-edit-border-color: var(--s-color-input, var(--s-color-border));
        --dxbl-text-edit-bg: var(--s-color-input-bg, var(--s-color-white));
        --dxbl-text-edit-color: var(--s-color-body-text);
    }

    .technical-offer-toolbar-field[b-5c5nf8h641] (.dxbl-text-edit-input) {
        min-height: 0;
        padding: 0 var(--s-space-2, 0.25rem);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
        line-height: calc(var(--rem-scale) * 1.6rem);
    }

    .technical-offer-toolbar-field-wide[b-5c5nf8h641] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .technical-offer-toolbar-actions[b-5c5nf8h641] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: var(--s-space-4, 0.5rem);
        margin-top: var(--s-space-8, 1rem);
        padding-top: var(--s-space-6, 0.75rem);
        border-top: 1px solid var(--s-color-border);
    }

    .technical-offer-toolbar-actions[b-5c5nf8h641] (.dxbl-btn) {
        min-width: calc(var(--rem-scale) * 8rem);
        height: calc(var(--rem-scale) * 3.2rem);
        font-size: var(--datatable-row-font-size, var(--s-font-size-12, 0.8rem));
    }

    @media (max-width: 900px) {
        .technical-offer-toolbar-status-dropdown[b-5c5nf8h641] {
            width: min(26vw, 9.5rem);
        }

        .technical-offer-toolbar-erp-status-dropdown[b-5c5nf8h641] {
            width: min(26vw, 9.5rem);
        }

        .technical-offer-toolbar-erp-send-dropdown[b-5c5nf8h641] {
            width: min(30vw, 11.5rem);
        }
    }

    @media (max-width: 640px) {
        .technical-offer-toolbar-filter-grid[b-5c5nf8h641] {
            grid-template-columns: 1fr;
        }

        .technical-offer-toolbar-field-wide[b-5c5nf8h641] {
            grid-column: auto;
            width: 100%;
        }

        .technical-offer-toolbar-actions[b-5c5nf8h641] {
            flex-direction: column-reverse;
            align-items: stretch;
        }

        .technical-offer-toolbar-actions[b-5c5nf8h641] (.dxbl-btn) {
            width: 100%;
        }
    }

/* /Pages/PurchaseManagement/Pages/PurchaseRequestLines/PurchaseRequestLineListByPurchaseRequestId.razor.rz.scp.css */
.parent-row[b-j9plv67siq] {
    background-color: #94caff !important;
    font-weight: bold;
}

.disabled-row[b-j9plv67siq] {
    opacity: 0.7;
    pointer-events: none;
}

.child-row[b-j9plv67siq] {
    background-color: white !important;
}

.child-row td[b-j9plv67siq] {
    padding-left: 20px !important;
    border-left: 3px solid #e6f3ff !important;
}

[data-no-edit=true][b-j9plv67siq] {
    pointer-events: none;
}

.parent-row .dxbs-gridview .dxbs-table > tbody > tr > td[b-j9plv67siq] {
    color: #6c757d;
}

.parent-row-icon[b-j9plv67siq], .child-row-icon[b-j9plv67siq] {
    margin-right: 5px;
}

.parent-row-icon[b-j9plv67siq] {
    color: #0d6efd;
}

.child-row-icon[b-j9plv67siq] {
    color: #20c997;
}


.parent-row[b-j9plv67siq] {
    background-color: #f8f9fa !important;
    font-weight: bold;
}

.disabled-row[b-j9plv67siq] {
    opacity: 0.7;
    pointer-events: none;
}

.child-row[b-j9plv67siq] {
    background-color: white !important;
}

.child-cell[b-j9plv67siq] {
    padding-left: 25px !important;
    border-left: 3px solid #e6f3ff !important;
}

[data-no-edit=true][b-j9plv67siq] {
    pointer-events: none;
}

.parent-row .dxbs-gridview .dxbs-table > tbody > tr > td[b-j9plv67siq] {
    color: #6c757d;
}

.parent-row-icon[b-j9plv67siq], .child-row-icon[b-j9plv67siq] {
    margin-right: 5px;
}

.parent-row-icon[b-j9plv67siq] {
    color: #0d6efd;
}

.child-row-icon[b-j9plv67siq] {
    color: #20c997;
}

.header-switcher .dxbs-tb-button .dxbs-tb-caption[b-j9plv67siq],
.header-switcher .dxbs-tb-split-button .dxbs-tb-caption[b-j9plv67siq] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/Compenents/Modals/StockMultiSelectModal.razor.rz.scp.css */
[b-7fkrm9qqie]::global(.stock-multi-select-modal-body) {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    padding: var(--s-space-4, 0.5rem);
}

.stock-multi-select-modal-content[b-7fkrm9qqie] {
    height: min(72dvh, 760px);
    max-height: calc(100dvh - 156px);
    min-height: 360px;
    min-width: 0;
    overflow: hidden;
}

.stock-multi-select-modal-mode-row[b-7fkrm9qqie] {
    margin-bottom: var(--s-space-4, 0.5rem);
}

.stock-multi-select-modal-content[b-7fkrm9qqie]  .solvo-entity-grid-server-search {
    padding: var(--s-space-3, 0.375rem) var(--s-space-4, 0.5rem) !important;
}

.stock-multi-select-modal-content[b-7fkrm9qqie]  .solvo-entity-grid-toolbar {
    min-height: 30px;
    padding: 2px 4px;
}

@media (max-height: 820px) {
    [b-7fkrm9qqie]::global(.stock-multi-select-modal-body) {
        padding: var(--s-space-3, 0.375rem);
    }

    .stock-multi-select-modal-content[b-7fkrm9qqie] {
        height: min(68dvh, 620px);
        max-height: calc(100dvh - 140px);
        min-height: 320px;
    }
}

/* Ray + grid yan yana. Ray cizilmediginde tek cocuk kaldigi icin
   yerlesim eskisiyle ayni kaliyor. */
.stock-multi-select-modal-workspace[b-7fkrm9qqie] {
    display: flex;
    align-items: stretch;
    gap: .75rem;
    min-height: 0;
}

.stock-multi-select-modal-workspace > :last-child:not(.stock-filter-rail)[b-7fkrm9qqie] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 900px) {
    .stock-multi-select-modal-workspace[b-7fkrm9qqie] {
        flex-direction: column;
    }
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/Compenents/Operations/SaveOrderModal.razor.rz.scp.css */
.order-save-modal[b-mpi92xg865] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12, 0.75rem);
    padding: var(--s-space-16, 1rem);
    background: var(--s-color-surface, var(--bs-tertiary-bg));
}

.order-save-section[b-mpi92xg865] {
    padding: var(--s-space-14, 0.875rem) var(--s-space-16, 1rem);
    border: 1px solid var(--s-color-border, var(--bs-border-color));
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-card, var(--bs-body-bg));
}

.order-save-section-header[b-mpi92xg865] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-12, 0.75rem);
    margin-bottom: var(--s-space-12, 0.75rem);
}

.order-save-section-title[b-mpi92xg865] {
    color: var(--s-color-foreground, var(--bs-body-color));
    font-size: var(--s-font-size-14, 0.875rem);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1.2;
}

.order-save-section-subtitle[b-mpi92xg865] {
    margin-top: var(--s-space-2, 0.125rem);
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: var(--s-font-size-12, 0.75rem);
    line-height: 1.35;
}

.order-save-field-label[b-mpi92xg865] {
    display: block;
    margin-bottom: var(--s-space-6, 0.375rem);
    color: var(--s-color-body-text, var(--bs-body-color));
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-medium, 500);
}

.order-save-input[b-mpi92xg865] {
    width: 100%;
}

.order-save-choice-grid[b-mpi92xg865] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-10, 0.625rem);
}

.order-save-warehouse-options[b-mpi92xg865] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10, 0.625rem);
}

.order-save-choice[b-mpi92xg865] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-10, 0.625rem);
    width: 100%;
    min-height: calc(var(--rem-scale, 10px) * 5.2);
    margin: 0;
    padding: var(--s-space-12, 0.75rem);
    border: 1px solid var(--s-color-border, var(--bs-border-color));
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-white, var(--bs-body-bg));
    color: var(--s-color-body-text, var(--bs-body-color));
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.order-save-choice:hover[b-mpi92xg865] {
    border-color: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 45%, var(--s-color-border, var(--bs-border-color)));
    background: var(--s-color-secondary-hover, var(--bs-tertiary-bg));
}

.order-save-choice:has(input:checked)[b-mpi92xg865] {
    border-color: var(--s-color-primary, var(--bs-primary));
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 8%, var(--s-color-white, var(--bs-body-bg)));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 16%, transparent);
}

.order-save-choice .form-check-input[b-mpi92xg865] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    cursor: pointer;
}

.order-save-choice-content[b-mpi92xg865] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.125rem);
}

.order-save-choice-title[b-mpi92xg865] {
    color: var(--s-color-foreground, var(--bs-body-color));
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-medium, 500);
    line-height: 1.25;
}

.order-save-choice-caption[b-mpi92xg865] {
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: var(--s-font-size-11, 0.6875rem);
    line-height: 1.35;
}

.order-save-choice-stacked[b-mpi92xg865] {
    flex-direction: column;
}

.order-save-choice-row[b-mpi92xg865] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-10, 0.625rem);
    width: 100%;
}

.order-save-nested-field[b-mpi92xg865] {
    display: block;
    width: 100%;
    padding-left: calc(var(--s-space-24, 1.5rem) + 0.25rem);
}

.order-save-info[b-mpi92xg865] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-6, 0.375rem);
    margin-top: var(--s-space-12, 0.75rem);
    padding: var(--s-space-10, 0.625rem) var(--s-space-12, 0.75rem);
    border: 1px solid color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 22%, var(--s-color-border, var(--bs-border-color)));
    border-radius: var(--s-border-radius-small, 0.375rem);
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 7%, var(--s-color-card, var(--bs-body-bg)));
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: var(--s-font-size-12, 0.75rem);
    line-height: 1.4;
}

.order-save-info i[b-mpi92xg865] {
    color: var(--s-color-primary, var(--bs-primary));
    margin-top: 0.1rem;
}

[b-mpi92xg865](.order-save-input.dxbl-text-edit),
[b-mpi92xg865](.order-save-input .dxbl-text-edit) {
    border-color: var(--s-color-input, var(--s-color-border, var(--bs-border-color)));
    border-radius: var(--s-border-radius-small, 0.375rem);
    background: var(--s-color-input-bg, var(--s-color-white, var(--bs-body-bg)));
    color: var(--s-color-body-text, var(--bs-body-color));
}

[b-mpi92xg865](.order-save-input.dxbl-text-edit:focus-within),
[b-mpi92xg865](.order-save-input .dxbl-text-edit:focus-within) {
    border-color: var(--s-color-ring, var(--s-color-primary, var(--bs-primary)));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-ring, var(--s-color-primary, var(--bs-primary))) 24%, transparent);
}

@media (max-width: 640px) {
    .order-save-modal[b-mpi92xg865] {
        padding: var(--s-space-12, 0.75rem);
    }

    .order-save-choice-grid[b-mpi92xg865] {
        grid-template-columns: 1fr;
    }

    .order-save-nested-field[b-mpi92xg865] {
        padding-left: 0;
    }
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/Compenents/Operations/SavePurchaseTermModal.razor.rz.scp.css */
.purchase-term-save-modal[b-bmiu30l7qm] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12, 0.75rem);
    padding: var(--s-space-16, 1rem);
    background: var(--s-color-surface, var(--bs-tertiary-bg));
}

.purchase-term-save-section[b-bmiu30l7qm] {
    padding: var(--s-space-14, 0.875rem) var(--s-space-16, 1rem);
    border: 1px solid var(--s-color-border, var(--bs-border-color));
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-card, var(--bs-body-bg));
}

.purchase-term-save-section-header[b-bmiu30l7qm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-12, 0.75rem);
    margin-bottom: var(--s-space-12, 0.75rem);
}

.purchase-term-save-section-title[b-bmiu30l7qm] {
    color: var(--s-color-foreground, var(--bs-body-color));
    font-size: var(--s-font-size-14, 0.875rem);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1.2;
}

.purchase-term-save-section-subtitle[b-bmiu30l7qm] {
    margin-top: var(--s-space-2, 0.125rem);
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: var(--s-font-size-12, 0.75rem);
    line-height: 1.35;
}

.purchase-term-save-field-label[b-bmiu30l7qm] {
    display: block;
    margin-bottom: var(--s-space-6, 0.375rem);
    color: var(--s-color-body-text, var(--bs-body-color));
    font-size: var(--s-font-size-12, 0.75rem);
    font-weight: var(--s-font-weight-medium, 500);
}

.purchase-term-save-input[b-bmiu30l7qm] {
    width: 100%;
}

.purchase-term-save-check-row[b-bmiu30l7qm] {
    display: flex;
    align-items: center;
    margin-top: var(--s-space-12, 0.75rem);
    padding: var(--s-space-10, 0.625rem) var(--s-space-12, 0.75rem);
    border: 1px solid var(--s-color-border, var(--bs-border-color));
    border-radius: var(--s-border-radius-small, 0.375rem);
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 5%, var(--s-color-card, var(--bs-body-bg)));
    color: var(--s-color-body-text, var(--bs-body-color));
    font-size: var(--s-font-size-12, 0.75rem);
}

.purchase-term-save-options-section[b-bmiu30l7qm] {
    padding-block: var(--s-space-12, 0.75rem);
}

.purchase-term-save-choice-grid[b-bmiu30l7qm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-10, 0.625rem);
}

.purchase-term-save-choice[b-bmiu30l7qm] {
    display: flex;
    align-items: flex-start;
    gap: var(--s-space-10, 0.625rem);
    width: 100%;
    min-height: calc(var(--rem-scale, 10px) * 5.2);
    margin: 0;
    padding: var(--s-space-12, 0.75rem);
    border: 1px solid var(--s-color-border, var(--bs-border-color));
    border-radius: var(--s-border-radius-default, 0.5rem);
    background: var(--s-color-white, var(--bs-body-bg));
    color: var(--s-color-body-text, var(--bs-body-color));
    cursor: pointer;
    transition: border-color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
}

.purchase-term-save-choice:hover[b-bmiu30l7qm] {
    border-color: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 45%, var(--s-color-border, var(--bs-border-color)));
    background: var(--s-color-secondary-hover, var(--bs-tertiary-bg));
}

.purchase-term-save-choice:has(input:checked)[b-bmiu30l7qm] {
    border-color: var(--s-color-primary, var(--bs-primary));
    background: color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 8%, var(--s-color-white, var(--bs-body-bg)));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary, var(--bs-primary)) 16%, transparent);
}

.purchase-term-save-choice .form-check-input[b-bmiu30l7qm] {
    flex: 0 0 auto;
    margin-top: 0.15rem;
    cursor: pointer;
}

.purchase-term-save-choice-content[b-bmiu30l7qm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-2, 0.125rem);
}

.purchase-term-save-choice-title[b-bmiu30l7qm] {
    color: var(--s-color-foreground, var(--bs-body-color));
    font-size: var(--s-font-size-13, 0.8125rem);
    font-weight: var(--s-font-weight-medium, 500);
    line-height: 1.25;
}

.purchase-term-save-choice-caption[b-bmiu30l7qm] {
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: var(--s-font-size-11, 0.6875rem);
    line-height: 1.35;
}

[b-bmiu30l7qm](.purchase-term-save-input.dxbl-text-edit),
[b-bmiu30l7qm](.purchase-term-save-input .dxbl-text-edit) {
    border-color: var(--s-color-input, var(--s-color-border, var(--bs-border-color)));
    border-radius: var(--s-border-radius-small, 0.375rem);
    background: var(--s-color-input-bg, var(--s-color-white, var(--bs-body-bg)));
    color: var(--s-color-body-text, var(--bs-body-color));
}

[b-bmiu30l7qm](.purchase-term-save-input.dxbl-text-edit:focus-within),
[b-bmiu30l7qm](.purchase-term-save-input .dxbl-text-edit:focus-within) {
    border-color: var(--s-color-ring, var(--s-color-primary, var(--bs-primary)));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-ring, var(--s-color-primary, var(--bs-primary))) 24%, transparent);
}

@media (max-width: 640px) {
    .purchase-term-save-modal[b-bmiu30l7qm] {
        padding: var(--s-space-12, 0.75rem);
    }

    .purchase-term-save-choice-grid[b-bmiu30l7qm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/Compenents/PurchaseTermRequestToolbar.razor.rz.scp.css */
.pt-toolbar[b-0wfy2hucul] {
    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-0wfy2hucul] {
    display: flex;
    align-items: center;
    margin-left: 8px;
    padding-left: 10px;
    border-left: 1px solid #d7dee8;
}

.ptr-grid-font-group[b-0wfy2hucul] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background-color: #ffffff;
}

.ptr-font-size-btn[b-0wfy2hucul] {
    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-0wfy2hucul] {
    border-left: 1px solid #e2e8f0;
}

.ptr-font-size-btn:hover[b-0wfy2hucul] {
    background-color: #f1f5f9;
}

.ptr-font-size-btn.active[b-0wfy2hucul] {
    background-color: #e7efff;
    color: #1447e6;
}

.ptr-font-icon[b-0wfy2hucul] {
    line-height: 1;
}

.ptr-font-icon-original[b-0wfy2hucul] {
    font-size: 0.78rem;
}

.ptr-font-icon-sm[b-0wfy2hucul] {
    font-size: 0.72rem;
}

.ptr-font-icon-md[b-0wfy2hucul] {
    font-size: 0.85rem;
}

.ptr-font-icon-ml[b-0wfy2hucul] {
    font-size: 0.98rem;
}

:global(body[data-theme="dark"]) .pt-toolbar[b-0wfy2hucul] {
    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-0wfy2hucul] {
    border-left-color: rgba(148, 163, 184, 0.28);
}

:global(body[data-theme="dark"]) .ptr-grid-font-group[b-0wfy2hucul] {
    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-0wfy2hucul] {
    color: #dbe4f0;
}

:global(body[data-theme="dark"]) .ptr-font-size-btn + .ptr-font-size-btn[b-0wfy2hucul] {
    border-left-color: rgba(148, 163, 184, 0.22);
}

:global(body[data-theme="dark"]) .ptr-font-size-btn:hover[b-0wfy2hucul] {
    background-color: rgba(51, 65, 85, 0.6);
}

:global(body[data-theme="dark"]) .ptr-font-size-btn.active[b-0wfy2hucul] {
    background-color: rgba(59, 130, 246, 0.22);
    color: #bfdbfe;
}

@media (max-width: 1400px) {
    .ptr-grid-font-switcher[b-0wfy2hucul] {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/PurchaseTermRequest.razor.rz.scp.css */
.page-container[b-3u48qah1e5] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.header-bar[b-3u48qah1e5],
.info-bar[b-3u48qah1e5] {
    flex-shrink: 0;
}

.grid-wrapper[b-3u48qah1e5] {
    flex: 1;
    overflow-y: auto;
    margin-top: 6px;
}

.sticky-preview-area[b-3u48qah1e5] {
    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-3u48qah1e5] {
    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-3u48qah1e5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.price-change-toolbar .toolbar-item label[b-3u48qah1e5] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
}

.purchase-term-request-page[b-3u48qah1e5] {
    --purchase-term-grid-font-size: inherit;
    --purchase-term-grid-zebra-bg: var(--s-color-table-striped-row);
}

.purchase-term-request-page.purchase-term-grid-font-original[b-3u48qah1e5] {
    --purchase-term-grid-font-size: inherit;
}

.purchase-term-request-page.purchase-term-grid-font-sm[b-3u48qah1e5] {
    --purchase-term-grid-font-size: 0.75rem;
}

.purchase-term-request-page.purchase-term-grid-font-md[b-3u48qah1e5] {
    --purchase-term-grid-font-size: 0.82rem;
}

.purchase-term-request-page.purchase-term-grid-font-ml[b-3u48qah1e5] {
    --purchase-term-grid-font-size: 0.9rem;
}

.purchase-term-request-page[b-3u48qah1e5]  :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-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table th,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-grid-table td,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-toolbar,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-toolbar .dxbl-btn,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-text-edit-input,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) .dxbl-checkbox-label {
    font-size: inherit;
}

.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) td[data-edit-cell] .editable-cell-edit,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) td[data-edit-cell] dxbl-masked-input.dxbl-text-edit,
.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) td[data-edit-cell] .dxbl-text-edit {
    box-sizing: border-box;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
}

.purchase-term-request-page[b-3u48qah1e5]  :is(.purchase-term-lines-grid, .purchase-term-order-grid, .purchase-term-price-grid) td[data-edit-cell] .dxbl-text-edit-input {
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 2px !important;
    line-height: 1 !important;
}

:global(body.s-datatable-striped) .purchase-term-request-page[b-3u48qah1e5]  :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);
}

:global(body.s-datatable-striped) .purchase-term-request-page[b-3u48qah1e5]  :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(--s-row-color, var(--purchase-term-grid-zebra-bg)) !important;
}
/* /Pages/PurchaseManagement/Pages/PurchaseTerm/PurchaseTermRequest/PurchaseTermRequestLinesGrid.razor.rz.scp.css */
.dxbl-grid-focused-cell-canvas[b-qduz41zwli],
.dxbl-grid-focused-row-canvas[b-qduz41zwli],
.dx-grid-focused-cell-canvas[b-qduz41zwli] {
    display: none !important;
}

.salesorder-grid td.dxbl-grid-cell.cell-editable:focus[b-qduz41zwli],
.salesorder-grid td.dxbl-grid-cell.cell-changed:focus[b-qduz41zwli],
.salesorder-grid td.dxbl-grid-cell.cell-editable:focus-within[b-qduz41zwli],
.salesorder-grid td.dxbl-grid-cell.cell-changed:focus-within[b-qduz41zwli] {
    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;
}

.mikro-comparison-modal[b-qduz41zwli] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: calc(90vh - 96px);
    min-height: min(420px, calc(90vh - 96px));
    min-width: 0;
    overflow: hidden;
}

.mikro-comparison-loading[b-qduz41zwli] {
    padding: 1rem;
    color: var(--bs-secondary-color, #6c757d);
}

.mikro-comparison-summary[b-qduz41zwli] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 1rem;
    font-weight: 600;
}

.mikro-comparison-grid-shell[b-qduz41zwli] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.mikro-comparison-pivot-grid[b-qduz41zwli] {
    min-width: 3900px;
}

.mikro-comparison-pivot-grid[b-qduz41zwli]  .dxbl-grid-table {
    min-width: 3900px;
}

.mikro-comparison-pivot-grid[b-qduz41zwli]  .dxbl-grid-cell {
    vertical-align: top;
}

.mikro-comparison-pivot-cell[b-qduz41zwli] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    text-align: right;
}

.mikro-comparison-pivot-cell-important[b-qduz41zwli] {
    font-weight: 700;
}

.mikro-comparison-pivot-cell-different[b-qduz41zwli] {
    color: #dc3545;
}

.mikro-comparison-pivot-value-row[b-qduz41zwli] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: baseline;
    gap: 0.35rem;
}

.mikro-comparison-pivot-label[b-qduz41zwli] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.72rem;
    font-weight: 600;
    text-align: left;
}

.mikro-comparison-pivot-value[b-qduz41zwli] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mikro-comparison-status[b-qduz41zwli] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.15rem 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.mikro-comparison-status-match[b-qduz41zwli] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

.mikro-comparison-status-different[b-qduz41zwli] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.mikro-comparison-status-missing[b-qduz41zwli] {
    background: rgba(255, 193, 7, 0.18);
    color: #8a6d00;
}

.mikro-comparison-important-field[b-qduz41zwli] {
    font-weight: 700;
}
/* /Pages/Purchases/Proposal/SubmitSupplierOfferModal.razor.rz.scp.css */
div[dxbl-grid-summary-item][b-82aqen9xi7] {
    font-weight: bold;
    text-align: right;
}

.grid-max-height[b-82aqen9xi7] {
    max-height: 400px; /* İstediğiniz maksimum yüksekliği burada belirleyebilirsiniz */
    overflow-y: auto;
}
/* /Pages/Shared/DetailGrids/ErpDetailGrid.razor.rz.scp.css */
.edg-grid-panel[b-swt3ogl285] {
    min-height: 0;
    overflow: hidden;
}

.edg-grid-panel.fullscreen[b-swt3ogl285] {
    position: fixed;
    inset: 0.75rem;
    z-index: 1060;
    display: flex;
    flex-direction: column;
    background: var(--s-color-card);
    box-shadow: 0 1rem 3rem rgba(15, 23, 42, 0.24);
}

.edg-compact-toolbar[b-swt3ogl285] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-2, 0.5rem);
    min-width: 0;
    width: 100%;
    padding: 0.25rem 0.35rem;
    background: var(--s-color-card);
}

.edg-grid-toolbar-title[b-swt3ogl285] {
    display: flex;
    align-items: center;
    gap: var(--s-space-1, 0.25rem);
    min-width: 0;
    color: var(--s-color-body-text);
    white-space: nowrap;
}

.edg-grid-toolbar-title strong[b-swt3ogl285] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.edg-table-muted[b-swt3ogl285] {
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    font-weight: 600;
}

.edg-grid-empty[b-swt3ogl285] {
    display: flex;
    min-height: 5rem;
    align-items: center;
    justify-content: center;
    color: var(--s-color-muted-foreground);
    font-size: 0.86rem;
    font-weight: 600;
}

[b-swt3ogl285] .edg-grid-toolbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0 !important;
    overflow: visible;
    background: transparent;
    border: 0;
    padding: 0;
}

[b-swt3ogl285] .edg-grid-toolbar-actions.dxbl-toolbar {
    gap: var(--s-space-1);
}

[b-swt3ogl285] .edg-grid-toolbar-actions .dxbl-toolbar-item {
    margin: 0;
}

[b-swt3ogl285] .edg-grid-toolbar-date-range {
    --sc-grid-toolbar-control-height: calc(var(--datatable-row-size, 30px) + 0px);
    min-width: 26.25rem;
    max-width: 28rem;
    padding: 0;
}

[b-swt3ogl285] .edg-grid-toolbar-date-range .solvo-toolbar-date-range,
[b-swt3ogl285] .edg-grid-toolbar-date-range .dxbl-text-edit,
[b-swt3ogl285] .edg-grid-toolbar-date-range .dxbl-btn {
    height: var(--sc-grid-toolbar-control-height);
    min-height: var(--sc-grid-toolbar-control-height);
    font-size: var(--datatable-row-font-size, 0.8rem);
}

[b-swt3ogl285] .edg-data-grid {
    width: 100%;
    min-height: 0;
    background: var(--s-color-card);
    color: var(--s-color-body-text);
}

[b-swt3ogl285] .edg-data-grid .dxbl-grid,
[b-swt3ogl285] .edg-data-grid .dxbl-scroll-viewer {
    height: 100%;
    min-height: 0;
}

[b-swt3ogl285] .edg-data-grid .dxbl-scroll-viewer {
    overflow: auto;
}

[b-swt3ogl285] .edg-data-grid .dxbl-grid-table {
    background: var(--s-color-card);
    color: var(--s-color-body-text);
}

[b-swt3ogl285] .edg-data-grid .dxbl-grid-header-row > th,
[b-swt3ogl285] .edg-data-grid .dxbl-grid-header-row > td {
    background: color-mix(in srgb, var(--s-color-card) 88%, var(--s-color-surface));
    color: var(--s-color-body-text);
    border-color: var(--datatable-border-color, var(--s-color-border));
    font-size: var(--datatable-row-font-size, 0.8rem);
}

[b-swt3ogl285] .edg-data-grid .dxbl-grid-table td {
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    border-color: var(--datatable-border-color, var(--s-color-border));
    font-size: var(--datatable-row-font-size, 0.8rem);
}

body.s-datatable-striped .edg-grid-panel[b-swt3ogl285]  .edg-data-grid .edg-grid-zebra-row > td,
body.s-datatable-striped .edg-grid-panel[b-swt3ogl285]  .edg-data-grid .sc-grid-zebra-row > td,
body.s-datatable-striped .edg-grid-panel[b-swt3ogl285]  .edg-data-grid .cc-grid-zebra-row > td,
body.s-datatable-striped .edg-grid-panel[b-swt3ogl285]  .edg-data-grid .rc-list-grid-zebra-row > td {
    background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-card) 94%, var(--s-color-primary))) !important;
}

[b-swt3ogl285] .edg-data-grid .dxbl-grid-table tbody tr:hover > td {
    background: var(--s-color-tab-hover, color-mix(in srgb, var(--s-color-card) 90%, var(--s-color-primary))) !important;
}

body.s-datatable-no-inline-styles[b-swt3ogl285]  .edg-data-grid td,
body.s-datatable-no-inline-styles[b-swt3ogl285]  .edg-data-grid th {
    border-inline-width: 0;
}

@media (max-width: 900px) {
    .edg-compact-toolbar[b-swt3ogl285] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-swt3ogl285] .edg-grid-toolbar-actions {
        justify-content: flex-start;
        width: 100%;
    }

    [b-swt3ogl285] .edg-grid-toolbar-date-range {
        min-width: min(100%, 22rem);
        max-width: 100%;
    }
}
/* /Pages/Shared/Pages/AutomationForms/AutomationFormAddOrUpdate.razor.rz.scp.css */
/* ====================================================
   AutomationFormAddOrUpdate — Custom Split Layout
   Left: Settings Sidebar | Right: Tab Content
   ==================================================== */

/* ── Root container ── */
.af-container[b-g4tsl58utl] {
    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-g4tsl58utl] {
    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-g4tsl58utl] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 16px 14px;
    border-bottom: 1px solid var(--s-color-border);
}

.af-sidebar-brand-icon[b-g4tsl58utl] {
    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-g4tsl58utl] {
    font-weight: 600;
    font-size: 0.84rem;
    color: var(--s-color-body-text);
    line-height: 1.3;
}

.af-sidebar-subtitle[b-g4tsl58utl] {
    font-size: 0.72rem;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
}

/* Scrollable body */
.af-sidebar-body[b-g4tsl58utl] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Field groups */
.af-field-group[b-g4tsl58utl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.af-label[b-g4tsl58utl] {
    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-g4tsl58utl] {
    font-size: 0.8rem;
    color: var(--s-color-muted-foreground);
}

.af-input[b-g4tsl58utl] {
    width: 100%;
}

/* Stats row */
.af-sidebar-stats[b-g4tsl58utl] {
    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-g4tsl58utl] {
    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-g4tsl58utl] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #6366f1;
    line-height: 1;
}

.af-stat-label[b-g4tsl58utl] {
    font-size: 0.68rem;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
    text-align: center;
}

/* Sidebar footer + action buttons */
.af-sidebar-footer[b-g4tsl58utl] {
    flex-shrink: 0;
}

.af-actions[b-g4tsl58utl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 16px;
}

[b-g4tsl58utl] .af-btn-save .dxbl-btn {
    width: 100%;
    justify-content: center;
}

[b-g4tsl58utl] .af-btn-cancel .dxbl-btn {
    width: 100%;
    justify-content: center;
}

[b-g4tsl58utl] .af-btn-delete .dxbl-btn {
    width: 100%;
    justify-content: center;
}

/* ====================================================
   RIGHT CONTENT AREA
   ==================================================== */
.af-content[b-g4tsl58utl] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--s-color-surface);
}

.af-content-header[b-g4tsl58utl] {
    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-g4tsl58utl] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.af-placeholder[b-g4tsl58utl] {
    color: var(--s-color-muted-foreground);
    font-style: italic;
    font-weight: 400;
}

.af-tabs-wrapper[b-g4tsl58utl] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.af-tab-content[b-g4tsl58utl] {
    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-g4tsl58utl] .af-btn-save,
[b-g4tsl58utl] .af-btn-cancel,
[b-g4tsl58utl] .af-btn-delete {
    display: block;
    width: 100%;
}

[b-g4tsl58utl] .af-btn-save .dxbl-btn,
[b-g4tsl58utl] .af-btn-cancel .dxbl-btn,
[b-g4tsl58utl] .af-btn-delete .dxbl-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
}

/* Input sync */
[b-g4tsl58utl] .dxbl-input-editor,
[b-g4tsl58utl] .dxbl-text-edit,
[b-g4tsl58utl] .dxbl-combobox,
[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-tabs-item > div > div:nth-child(2) {
    display: none !important;
}

[b-g4tsl58utl] .dxbl-tabs-item > div > div:first-child {
    padding: 8px 16px;
    display: flex;
    align-items: center;
}

[b-g4tsl58utl] .dxbl-tabs-item.dxbl-active > div {
    border-bottom: 2px solid var(--s-color-primary);
    color: var(--s-color-primary);
}

/* Label styles */
[b-g4tsl58utl] .dxbl-fl-cpt {
    color: var(--s-color-label);
    font-size: var(--s-font-size-14);
}

/* DX Button sizes */
[b-g4tsl58utl] .dxbl-btn {
    border-radius: var(--s-border-radius-default);
    font-size: var(--s-font-size-14);
}

/* bg-white → design token */
[b-g4tsl58utl] .bg-white {
    background-color: var(--s-color-surface) !important;
}

/* DxTabs: make tab page body fill remaining height and scroll */
[b-g4tsl58utl] .dxbl-tabs {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    height: 100%;
}

[b-g4tsl58utl] .dxbl-tabs > .dxbl-tabs-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}

[b-g4tsl58utl] .dxbl-tabs-page {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* Ensure buttons in focused grid rows are visible */
[b-g4tsl58utl] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn {
    opacity: 1 !important;
    visibility: visible !important;
}

[b-g4tsl58utl] .dxbl-grid tr.dxbl-grid-focused-row .dxbl-btn i,
[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-btn-text.s-button-secondary {
    color: var(--s-color-muted-foreground);
}

[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-grid {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-g4tsl58utl] .dxbl-grid-header,
[b-g4tsl58utl] .dxbl-grid-header-content,
[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-grid-table tbody td {
    color: var(--s-color-body-text) !important;
    border-color: var(--s-color-border) !important;
}

[b-g4tsl58utl] .dxbl-grid-table tbody tr {
    background-color: var(--s-color-surface) !important;
}

[b-g4tsl58utl] .dxbl-grid-table tbody tr:hover {
    background-color: var(--s-color-secondary-hover) !important;
}

[b-g4tsl58utl] .dxbl-grid tr.dxbl-grid-focused-row {
    background-color: var(--s-color-accent) !important;
    color: var(--s-color-accent-foreground) !important;
}

/* DxToolbar */
[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-tabs,
[b-g4tsl58utl] .dxbl-tabs-tablist,
[b-g4tsl58utl] .dxbl-tabs-header,
[b-g4tsl58utl] .dxbl-tabs-nav-container,
[b-g4tsl58utl] .dxbl-tabs-scroll-container,
[b-g4tsl58utl] .dxbl-tabs-nav {
    background-color: var(--s-color-surface) !important;
}

[b-g4tsl58utl] .dxbl-tabs-panel {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
}

[b-g4tsl58utl] .dxbl-tabs-item > div {
    color: var(--s-color-muted-foreground) !important;
}

[b-g4tsl58utl] .dxbl-tabs-item.dxbl-active > div {
    color: var(--s-color-primary) !important;
}

[b-g4tsl58utl] .dxbl-tabs-content {
    background-color: var(--s-color-surface) !important;
}

[b-g4tsl58utl] .dxbl-tabs-page {
    background-color: var(--s-color-surface) !important;
}

/* Inputs inside the grid (CellDisplayTemplate editors) */
[b-g4tsl58utl] .dxbl-grid .dxbl-input-editor,
[b-g4tsl58utl] .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-g4tsl58utl] .dxbl-grid-footer {
    background-color: var(--s-color-surface) !important;
    border-color: var(--s-color-border) !important;
}

/* Popup/Dropdown dark theme */
[b-g4tsl58utl] .dxbl-popup-body,
[b-g4tsl58utl] .dxbl-popup-header,
[b-g4tsl58utl] .dxbl-popup-footer {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-g4tsl58utl] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

/* Listbox dropdown items */
[b-g4tsl58utl] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
}

[b-g4tsl58utl] .dxbl-listbox-item:hover {
    background-color: var(--s-color-secondary-hover) !important;
}
/* /Pages/Shared/Pages/AutomationForms/AutomationFormNewViewer.razor.rz.scp.css */
.a4-container[b-nli4nr4y18] {
    width: 210mm;
    min-height: 297mm;
    padding: 50px !important;
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
    position: relative;
    box-sizing: border-box;
}

.header-section h3[b-nli4nr4y18] {
    font-size: 11pt !important;
    font-weight: 600 !important;
}

.info-row[b-nli4nr4y18] {
    display: flex;
    align-items: baseline;
    margin-bottom: 4px;
}

.info-label[b-nli4nr4y18] {
    font-weight: 400;
    width: 140px;
    min-width: 140px;
    color: var(--s-color-body-text);
    font-size: 9pt;
    font-family: var(--s-font-family-body);
}

.info-value[b-nli4nr4y18] {
    font-weight: 400;
    color: var(--s-color-body-text);
    font-size: 9pt;
    font-family: var(--s-font-family-body);
    min-height: 18px;
    padding-left: 5px;
}

.static-info-section[b-nli4nr4y18] {
    font-size: 9pt;
}

.af-party-summary[b-nli4nr4y18] {
    max-width: 100%;
    line-height: 1.35;
}

.af-party-company[b-nli4nr4y18] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2.7em;
    font-size: 9pt;
    font-weight: 500;
    text-transform: uppercase;
}

.af-party-contact[b-nli4nr4y18] {
    overflow: hidden;
    margin-top: 2px;
    font-size: 9pt;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.field-item[b-nli4nr4y18] {
    margin-bottom: 13px;
    break-inside: avoid;
    page-break-inside: avoid;
}

.af-sticky-save[b-nli4nr4y18] {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 1000;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    border-radius: var(--s-border-radius-default);
}

.af-page-number[b-nli4nr4y18] {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    opacity: 0.3;
}

.form-label-custom[b-nli4nr4y18] {
    font-weight: 400;
    color: var(--s-color-body-text);
    font-size: 9pt;
    font-family: var(--s-font-family-body);
    line-height: 1.3;
}

/* Radio button grubu */
.af-radio-group[b-nli4nr4y18] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    align-items: center;
}

.af-radio-option[b-nli4nr4y18] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font-size: 9pt;
    font-weight: 400;
    color: var(--s-color-body-text);
    font-family: var(--s-font-family-body);
    margin: 0;
}

.af-radio-option input[type="radio"][b-nli4nr4y18] {
    margin: 0;
    cursor: pointer;
    accent-color: var(--s-color-primary);
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.af-radio-option input[type="radio"]:disabled[b-nli4nr4y18] {
    cursor: default;
}

/* Theme-aware border-bottom */
.border-bottom-theme[b-nli4nr4y18] {
    border-bottom: 1px solid var(--s-color-border) !important;
}

/* ========================================
   DevExpress Form Components — Theme Overrides
   ======================================== */

[b-nli4nr4y18] .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-nli4nr4y18] .dxbl-edit-input,
[b-nli4nr4y18] .dxbl-text {
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-nli4nr4y18] .dxbl-editor-focus .dxbl-input-editor {
    border-color: var(--s-color-ring) !important;
}

[b-nli4nr4y18] .dxbl-combobox .dxbl-input-editor,
[b-nli4nr4y18] .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-nli4nr4y18] .dxbl-checkbox-check-element {
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-small) !important;
}

[b-nli4nr4y18] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

[b-nli4nr4y18] .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-nli4nr4y18] .dxbl-btn-primary:hover {
    background-color: var(--s-color-primary-hover) !important;
}

/* Önceki kullanıcıların readonly yanıtları — görsel olarak ayrışsın */
.previous-answer-container[b-nli4nr4y18] {
    background-color: #f0f0f0 !important;
    border-left: 3px solid #9e9e9e !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin-bottom: 4px !important;
}

[b-nli4nr4y18] .previous-answer-container .dxbl-input-editor.dxbl-readonly,
[b-nli4nr4y18] .previous-answer-container .dxbl-combobox.dxbl-readonly .dxbl-input-editor,
[b-nli4nr4y18] .previous-answer-container .dxbl-memo.dxbl-readonly .dxbl-input-editor {
    background-color: #e8e8e8 !important;
    color: #333333 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

[b-nli4nr4y18] .previous-answer-container .dxbl-edit-input,
[b-nli4nr4y18] .previous-answer-container .dxbl-text {
    color: #333333 !important;
    font-weight: 500 !important;
}

[b-nli4nr4y18] .previous-answer-container .af-radio-option input[type="radio"]:disabled + span {
    color: #333333 !important;
    font-weight: 500 !important;
}

.previous-answer-container label.form-label-custom[b-nli4nr4y18] {
    color: #757575 !important;
    font-weight: 400 !important;
    font-size: 9pt !important;
}

/* Diğer kullanıcıların yanıtları — koyu gri, okunur alanlar */
.other-user-answer[b-nli4nr4y18] {
    background-color: #f5f5f5 !important;
    border-left: 3px solid #9e9e9e !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    opacity: 0.85;
}

[b-nli4nr4y18] .other-user-answer .dxbl-input-editor,
[b-nli4nr4y18] .other-user-answer .dxbl-combobox .dxbl-input-editor,
[b-nli4nr4y18] .other-user-answer .dxbl-memo .dxbl-input-editor {
    background-color: #eeeeee !important;
    color: #555555 !important;
    font-weight: 400 !important;
}

[b-nli4nr4y18] .other-user-answer .dxbl-edit-input,
[b-nli4nr4y18] .other-user-answer .dxbl-text {
    color: #555555 !important;
    font-weight: 400 !important;
}

[b-nli4nr4y18] .other-user-answer .af-radio-option input[type="radio"]:disabled + span {
    color: #555555 !important;
    font-weight: 400 !important;
}

.af-submitting-overlay[b-nli4nr4y18] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}

.af-submitting-card[b-nli4nr4y18] {
    min-width: 220px;
    background: var(--s-bg-surface, #fff);
    color: var(--s-color-body-text, #212529);
}

.af-submitting-spinner[b-nli4nr4y18] {
    width: 2.5rem;
    height: 2.5rem;
    color: var(--s-color-primary, #0d6efd);
}

.af-submitting-label[b-nli4nr4y18] {
    font-size: 0.95rem;
    font-weight: 500;
}
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormFieldsTab.razor.rz.scp.css */
/* Satır Ekle butonu — grid scroll olsa bile sabit kalır */
.af-fields-header[b-q5u9820cy4] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 8px 0 6px;
    background-color: var(--s-color-page-bg, #fff);
    border-bottom: 1px solid var(--s-color-border);
    margin-bottom: 4px;
}

.af-fields-scroll[b-q5u9820cy4] {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 19rem);
}


.drag-over-row[b-q5u9820cy4] {
    border-top: 2px solid var(--s-color-primary) !important;
}

.automation-fields-grid .dxbl-grid-table tbody tr:hover td[b-q5u9820cy4] {
    background-color: var(--s-color-accent) !important;
    color: inherit !important;
}

.automation-fields-grid .dxbl-grid-table tbody tr.dxbl-grid-focused-row td[b-q5u9820cy4] {
    background-color: var(--s-color-accent) !important;
    color: inherit !important;
}

.drag-handle[b-q5u9820cy4] {
    cursor: grab;
    text-align: center;
    padding: 4px;
    user-select: none;
}

    .drag-handle:active[b-q5u9820cy4] {
        cursor: grabbing;
    }
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormOptionEditor/AutomationFormEntityOptionEditor.razor.rz.scp.css */
/* ── Entity Option Editor Modal Body ── */
.aeoe-body[b-cfbioan5v3] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 8px 4px;
}

/* ── Field groups ── */
.aeoe-field-group[b-cfbioan5v3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.aeoe-label[b-cfbioan5v3] {
    font-size: var(--s-font-size-14);
    font-weight: 600;
    color: var(--s-color-label);
}

/* ── Inputs: theme-compatible border-radius ── */
[b-cfbioan5v3] .aeoe-input .dxbl-input-editor,
[b-cfbioan5v3] .aeoe-input .dxbl-text-edit,
[b-cfbioan5v3] .aeoe-input .dxbl-combobox,
[b-cfbioan5v3] .aeoe-input .dxbl-tagbox,
[b-cfbioan5v3] .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-cfbioan5v3] .aeoe-input .dxbl-input-editor:focus-within,
[b-cfbioan5v3] .aeoe-input .dxbl-text-edit:focus-within,
[b-cfbioan5v3] .aeoe-input .dxbl-combobox:focus-within,
[b-cfbioan5v3] .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-cfbioan5v3] .dxbl-popup-window {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── Checkbox theme ── */
[b-cfbioan5v3] .aeoe-field-group .dxbl-checkbox-label {
    font-size: var(--s-font-size-14);
    color: var(--s-color-body-text);
}

/* ── Popup Theme Overrides ── */
[b-cfbioan5v3] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

[b-cfbioan5v3] .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-cfbioan5v3] .dxbl-popup-body {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-cfbioan5v3] .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-cfbioan5v3] .dxbl-btn {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── ComboBox dropdown dark theme ── */
[b-cfbioan5v3] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.4;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

[b-cfbioan5v3] .dxbl-listbox-item:hover,
[b-cfbioan5v3] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-secondary-hover) !important;
}

/* ── Close button dark theme ── */
[b-cfbioan5v3] .dxbl-popup-header-button {
    color: var(--s-color-body-text) !important;
}

/* ── TagBox chips dark theme ── */
[b-cfbioan5v3] .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-i70h9760vc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 2px;
}

/* ── Add row ── */
.aoe-add-row[b-i70h9760vc] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.aoe-input[b-i70h9760vc] {
    flex: 1;
}

/* ── List area ── */
.aoe-list-wrapper[b-i70h9760vc] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-surface);
    overflow: hidden;
}

[b-i70h9760vc] .aoe-listbox {
    width: 100%;
    border: none;
    background-color: transparent !important;
}

/* ── Individual item ── */
.aoe-list-item[b-i70h9760vc] {
    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-i70h9760vc] {
    border-bottom: none;
}

.aoe-list-item:hover[b-i70h9760vc] {
    background-color: var(--s-color-secondary-hover);
}

.aoe-order-btns[b-i70h9760vc] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.aoe-item-text[b-i70h9760vc] {
    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-i70h9760vc] .aoe-input .dxbl-input-editor,
[b-i70h9760vc] .aoe-input .dxbl-text-edit,
[b-i70h9760vc] .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-i70h9760vc] .aoe-input .dxbl-input-editor:focus-within,
[b-i70h9760vc] .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-i70h9760vc] .dxbl-popup-dialog {
    border-radius: var(--s-border-radius-default) !important;
    overflow: hidden;
}

[b-i70h9760vc] .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-i70h9760vc] .dxbl-popup-body {
    background-color: var(--s-color-surface) !important;
    color: var(--s-color-body-text) !important;
}

[b-i70h9760vc] .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-i70h9760vc] .dxbl-btn {
    border-radius: var(--s-border-radius-default) !important;
}

/* ── ListBox items dark theme ── */
[b-i70h9760vc] .dxbl-listbox-item {
    color: var(--s-color-body-text) !important;
    background-color: transparent !important;
}

[b-i70h9760vc] .dxbl-listbox-item:hover,
[b-i70h9760vc] .dxbl-listbox-item.dxbl-active {
    background-color: var(--s-color-secondary-hover) !important;
}

/* ── Close button dark theme ── */
[b-i70h9760vc] .dxbl-popup-header-button {
    color: var(--s-color-body-text) !important;
}
/* /Pages/Shared/Pages/AutomationForms/Components/AutomationFormViewer.razor.rz.scp.css */
.a4-container[b-jrfanbs288] {
    width: 210mm;
    min-height: 297mm;
    padding: 50px !important;
    font-family: var(--s-font-family-body);
    color: var(--s-color-body-text);
    position: relative;
    box-sizing: border-box;
}

/* Scrollable wrapper — hem sayfa 1 hem sayfa 2 içerir */
.af-scroll-wrapper[b-jrfanbs288] {
    width: 210mm;
    margin: 2rem auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 80px);
    padding-bottom: 80px;
}

/* Sayfalama ayracı */
.af-page-divider[b-jrfanbs288] {
    display: flex;
    align-items: center;
    margin: 2rem 0;
    gap: 1rem;
}

.af-page-divider[b-jrfanbs288]::before,
.af-page-divider[b-jrfanbs288]::after {
    content: '';
    flex: 1;
    height: 2px;
    background-color: #e53e3e;
}

.af-page-divider span[b-jrfanbs288] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #e53e3e;
    white-space: nowrap;
    padding: 0 0.5rem;
}

/* PDF yazdır butonu */
.af-print-btn[b-jrfanbs288] {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 1001;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 8px 16px;
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border: none;
    border-radius: var(--s-border-radius-small);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    transition: opacity 0.15s;
}

.af-print-btn:hover[b-jrfanbs288] { opacity: 0.88; }

.info-row[b-jrfanbs288] {
    display: flex;
    align-items: baseline;
    margin-bottom: 4px;
}

.info-label[b-jrfanbs288] {
    font-weight: 400;
    font-size: 9pt;
    width: 140px;
    min-width: 140px;
    color: var(--s-color-body-text);
}

.info-value[b-jrfanbs288] {
    font-weight: 400;
    font-size: 9pt;
    color: var(--s-color-body-text);
    min-height: 18px;
    padding-left: 5px;
}

.static-info-section[b-jrfanbs288] {
    font-size: 9pt;
}

.af-party-summary[b-jrfanbs288] {
    max-width: 100%;
    line-height: 1.35;
}

.af-party-company[b-jrfanbs288] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    min-height: 2.7em;
    font-size: 9pt;
    font-weight: 500;
    text-transform: uppercase;
}

.af-party-contact[b-jrfanbs288] {
    overflow: hidden;
    margin-top: 2px;
    font-size: 9pt;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.field-item[b-jrfanbs288] {
    margin-bottom: 13px;
    break-inside: avoid;
    page-break-inside: avoid;
}

.af-response-value[b-jrfanbs288] {
    min-height: 34px;
    padding: 6px 10px;
    line-height: 1.25;
    font-size: 9pt;
}

.af-sticky-save[b-jrfanbs288] {
    position: fixed;
    bottom: 28px;
    right: 28px;
    z-index: 1000;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    border-radius: var(--s-border-radius-default);
}

.af-page-number[b-jrfanbs288] {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    opacity: 0.3;
}

.form-label-custom[b-jrfanbs288] {
    font-weight: 400;
    color: var(--s-color-body-text);
    font-size: 9pt;
    line-height: 1.3;
}

.header-section h3[b-jrfanbs288] {
    font-size: 11pt !important;
    font-weight: 600 !important;
}

.border-bottom-theme[b-jrfanbs288] {
    border-bottom: 1px solid var(--s-color-border) !important;
}

/* Radio button grubu */
.af-radio-group[b-jrfanbs288] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    align-items: center;
}

.af-radio-option[b-jrfanbs288] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font-size: 9pt;
    font-weight: 400;
    color: var(--s-color-body-text);
    margin: 0;
}

.af-radio-option input[type="radio"][b-jrfanbs288] {
    margin: 0;
    cursor: pointer;
    accent-color: var(--s-color-primary);
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.af-radio-option input[type="radio"]:disabled[b-jrfanbs288] {
    cursor: default;
}

/* ========================================
   DevExpress Form Components — Theme Overrides
   ======================================== */

[b-jrfanbs288] .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-jrfanbs288] .dxbl-edit-input,
[b-jrfanbs288] .dxbl-text {
    color: var(--s-color-body-text) !important;
    font-family: var(--s-font-family-body) !important;
}

[b-jrfanbs288] .dxbl-editor-focus .dxbl-input-editor {
    border-color: var(--s-color-ring) !important;
}

[b-jrfanbs288] .dxbl-combobox .dxbl-input-editor,
[b-jrfanbs288] .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-jrfanbs288] .dxbl-checkbox-check-element {
    border-color: var(--s-color-border) !important;
    border-radius: var(--s-border-radius-small) !important;
}

[b-jrfanbs288] .dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--s-color-primary) !important;
    border-color: var(--s-color-primary) !important;
}

[b-jrfanbs288] .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-jrfanbs288] .dxbl-btn-primary:hover {
    background-color: var(--s-color-primary-hover) !important;
}

@media print {
    .af-scroll-wrapper[b-jrfanbs288] {
        overflow: visible;
        margin: 0;
        padding: 0;
        max-height: none;
    }
    .af-print-btn[b-jrfanbs288], .af-sticky-save[b-jrfanbs288], .af-page-divider[b-jrfanbs288] {
        display: none !important;
    }
    .a4-container[b-jrfanbs288] {
        page-break-after: always;
    }

    .field-item[b-jrfanbs288] {
        break-inside: avoid;
        page-break-inside: avoid;
        margin-bottom: 11px;
    }

    .af-response-value[b-jrfanbs288] {
        min-height: 30px;
        padding: 5px 9px;
    }

    /* DevExpress component buttons ve iconları gizle */
    [b-jrfanbs288] .dxbl-dropdown-button,
    [b-jrfanbs288] .dxbl-date-edit-button,
    [b-jrfanbs288] .dxbl-editor-button,
    [b-jrfanbs288] .dxbl-spin-button,
    [b-jrfanbs288] .dxbl-clear-button,
    [b-jrfanbs288] .dxbl-combobox-button,
    [b-jrfanbs288] .dxbl-editor-buttons-container {
        display: none !important;
    }

    /* Input alanlarını sadece metin olarak göster */
    [b-jrfanbs288] .dxbl-input-editor {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    [b-jrfanbs288] .dxbl-combobox .dxbl-input-editor,
    [b-jrfanbs288] .dxbl-date-edit .dxbl-input-editor {
        border: none !important;
        background: transparent !important;
    }
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpDefinitionSidebar.razor.rz.scp.css */
.erp-sidebar[b-jbixjyp5bc] {
    display: flex;
    flex-direction: column;
    padding: var(--s-space-8);
    gap: var(--s-space-6);
}

.erp-sidebar__title[b-jbixjyp5bc] {
    padding: var(--s-space-6) var(--s-space-8);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    letter-spacing: 0.08em;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
}

.erp-sidebar__list[b-jbixjyp5bc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-width: 0;
}

.erp-sidebar__item[b-jbixjyp5bc] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    width: 100%;
    min-height: calc(var(--rem-scale) * 4rem);
    padding: var(--s-space-8) var(--s-space-10);
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    text-align: left;
    color: var(--s-color-body-text);
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.erp-sidebar__item:hover[b-jbixjyp5bc] {
    background: var(--s-color-muted);
}

.erp-sidebar__item.is-active[b-jbixjyp5bc] {
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, transparent);
    background: var(--s-color-accent);
    color: var(--s-color-primary);
}

.erp-sidebar__mark[b-jbixjyp5bc] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: calc(var(--rem-scale) * 2.8rem);
    height: calc(var(--rem-scale) * 2.8rem);
    border-radius: var(--s-border-radius-small);
    color: #fff;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-bold);
    line-height: 1;
}

.erp-sidebar__mark--mikro[b-jbixjyp5bc] { background: linear-gradient(150deg, #e0453c, #a81f18); }
.erp-sidebar__mark--logo[b-jbixjyp5bc] { background: linear-gradient(150deg, #2f9e63, #14663c); }
.erp-sidebar__mark--ays[b-jbixjyp5bc] { background: linear-gradient(150deg, #4f7ce4, #23458f); }
.erp-sidebar__mark--sap[b-jbixjyp5bc] { background: linear-gradient(150deg, #3aa5d8, #16628a); }
.erp-sidebar__mark--netsis[b-jbixjyp5bc] { background: linear-gradient(150deg, #f0913a, #b45c09); }
.erp-sidebar__mark--dynamics[b-jbixjyp5bc] { background: linear-gradient(150deg, #6f6bd8, #383499); }

.erp-sidebar__mark--tone-1[b-jbixjyp5bc] { background: linear-gradient(150deg, #8d63c8, #4f2f84); }
.erp-sidebar__mark--tone-2[b-jbixjyp5bc] { background: linear-gradient(150deg, #3f9d92, #175c54); }
.erp-sidebar__mark--tone-3[b-jbixjyp5bc] { background: linear-gradient(150deg, #c2607f, #7d2543); }
.erp-sidebar__mark--tone-4[b-jbixjyp5bc] { background: linear-gradient(150deg, #5d83b8, #2a4a74); }
.erp-sidebar__mark--tone-5[b-jbixjyp5bc] { background: linear-gradient(150deg, #b98634, #74500e); }
.erp-sidebar__mark--tone-6[b-jbixjyp5bc] { background: linear-gradient(150deg, #5f8f53, #2e5626); }

.erp-sidebar__item-name[b-jbixjyp5bc] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-13)), var(--s-font-size-13));
    font-weight: var(--s-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-sidebar__status[b-jbixjyp5bc] {
    flex: 0 0 auto;
    width: calc(var(--rem-scale) * 0.7rem);
    height: calc(var(--rem-scale) * 0.7rem);
    border-radius: 50%;
    background: var(--s-color-muted-foreground);
    opacity: 0.45;
}

.erp-sidebar__status.is-ready[b-jbixjyp5bc] {
    background: var(--s-color-success, #2f9e63);
    opacity: 1;
}

.erp-sidebar__empty[b-jbixjyp5bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 5.5rem);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    margin: var(--s-space-8);
}

@media (max-width: 1199.98px) {
    .erp-sidebar[b-jbixjyp5bc] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-8);
        overflow-x: auto;
    }

    .erp-sidebar__title[b-jbixjyp5bc] {
        display: none;
    }

    .erp-sidebar__list[b-jbixjyp5bc] {
        flex-direction: row;
        gap: var(--s-space-6);
    }

    .erp-sidebar__item[b-jbixjyp5bc] {
        width: auto;
        flex: 0 0 auto;
        min-height: calc(var(--rem-scale) * 3.4rem);
        border-color: var(--datatable-border-color, var(--s-color-border));
    }

    .erp-sidebar__item-name[b-jbixjyp5bc] {
        white-space: nowrap;
    }
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpJobsPanel.razor.rz.scp.css */
.erp-jobs__group[b-r59gh2yyk1] {
    padding: var(--s-space-14) var(--s-space-16) 0;
}

.erp-jobs__group-title[b-r59gh2yyk1] {
    margin-bottom: var(--s-space-8);
    color: var(--s-color-label);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-bold);
    text-transform: uppercase;
}

.erp-jobs__cards[b-r59gh2yyk1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, calc(var(--rem-scale) * 32rem)), 1fr));
    gap: var(--s-space-10);
    padding-bottom: var(--s-space-4);
}

.erp-jobs__card[b-r59gh2yyk1] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    background: var(--s-color-card);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 6%, transparent);
}

.erp-jobs__card-header[b-r59gh2yyk1] {
    padding: var(--datatable-row-size, var(--s-space-10) var(--s-space-12));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.erp-jobs__card-header > div[b-r59gh2yyk1] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
}

.erp-jobs__card-header strong[b-r59gh2yyk1] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-jobs__direction[b-r59gh2yyk1] {
    flex-shrink: 0;
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    padding: var(--s-space-1) var(--s-space-6);
}

.erp-jobs__card-description[b-r59gh2yyk1] {
    margin: var(--s-space-4) 0 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    line-height: 1.35;
}

.erp-jobs__no-params[b-r59gh2yyk1] {
    padding: var(--datatable-row-size, var(--s-space-10) var(--s-space-12));
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-jobs__params[b-r59gh2yyk1] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--datatable-row-size, var(--s-space-10) var(--s-space-12));
}

.erp-jobs__param-row[b-r59gh2yyk1] {
    display: grid;
    grid-template-columns: minmax(calc(var(--rem-scale) * 9rem), 0.75fr) minmax(calc(var(--rem-scale) * 8rem), 1fr);
    align-items: center;
    gap: var(--s-space-8);
}

.erp-jobs__param-label[b-r59gh2yyk1] {
    margin: 0;
    color: var(--s-color-label);
    cursor: help;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-jobs__param-input[b-r59gh2yyk1] {
    font-family: Consolas, "Courier New", monospace;
    min-height: calc(var(--rem-scale) * 3.2rem);
    border-color: var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-jobs__switch[b-r59gh2yyk1] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-medium);
}

.erp-jobs__switch input[b-r59gh2yyk1] {
    accent-color: var(--s-color-primary);
}

.erp-jobs__card-status[b-r59gh2yyk1] {
    min-height: calc(var(--rem-scale) * 2.8rem);
    padding: 0 var(--s-space-12) var(--s-space-10);
}

.erp-jobs__status[b-r59gh2yyk1] {
    display: inline-flex;
    padding: var(--s-space-2) var(--s-space-8);
    border-radius: var(--s-border-radius-default);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-jobs__status--saving[b-r59gh2yyk1] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.erp-jobs__status--saved[b-r59gh2yyk1] {
    background: var(--s-color-success-bg, var(--s-color-muted));
    color: var(--s-color-success, var(--s-color-body-text));
}

.erp-jobs__status--error[b-r59gh2yyk1] {
    background: var(--s-color-danger-bg, var(--s-color-muted));
    color: var(--s-color-danger, var(--s-color-body-text));
}

.erp-jobs__empty[b-r59gh2yyk1] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 5.5rem);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    margin: var(--s-space-16);
}

body.s-datatable-no-inline-styles .erp-jobs__card[b-r59gh2yyk1],
body.s-datatable-contrast-middle .erp-jobs__card[b-r59gh2yyk1],
body.s-datatable-contrast-high .erp-jobs__card[b-r59gh2yyk1] {
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .erp-jobs__cards[b-r59gh2yyk1],
    .erp-jobs__param-row[b-r59gh2yyk1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpManagementToolbar.razor.rz.scp.css */
.erp-toolbar[b-19crc6ljdj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--s-space-10) var(--s-space-14);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    flex-wrap: wrap;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
}

.erp-toolbar__heading[b-19crc6ljdj] {
    min-width: 0;
}

.erp-toolbar__title[b-19crc6ljdj] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    margin: 0;
    color: var(--s-color-body-text);
    font-size: max(var(--s-font-size-16), calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.2rem));
    font-weight: var(--s-font-weight-semibold);
}

.erp-toolbar__title i[b-19crc6ljdj] {
    color: var(--s-color-muted-foreground);
    font-size: max(var(--s-font-size-16), var(--datatable-row-font-size, var(--s-font-size-14)));
}

.erp-toolbar__subtitle[b-19crc6ljdj] {
    margin: var(--s-space-2) 0 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-toolbar__actions[b-19crc6ljdj] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.erp-toolbar__search[b-19crc6ljdj] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    width: min(calc(var(--rem-scale) * 28rem), 72vw);
    padding: 0 var(--s-space-10);
    border: 1px solid var(--datatable-border-color, var(--s-color-input));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-muted-foreground);
}

.erp-toolbar__search:focus-within[b-19crc6ljdj] {
    border-color: var(--s-color-ring);
}

.erp-toolbar__search-input[b-19crc6ljdj] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-toolbar__search-input[b-19crc6ljdj]::placeholder {
    color: var(--s-color-input-placeholder);
}

.erp-toolbar__clear[b-19crc6ljdj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    padding: 0;
}

.erp-toolbar__clear:hover[b-19crc6ljdj] {
    color: var(--s-color-body-text);
}

.erp-toolbar__refresh[b-19crc6ljdj] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    white-space: nowrap;
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

body.s-datatable-no-inline-styles .erp-toolbar[b-19crc6ljdj] {
    box-shadow: none;
}

@media (max-width: 767.98px) {
    .erp-toolbar[b-19crc6ljdj],
    .erp-toolbar__actions[b-19crc6ljdj] {
        align-items: stretch;
        width: 100%;
    }

    .erp-toolbar__search[b-19crc6ljdj],
    .erp-toolbar__refresh[b-19crc6ljdj] {
        width: 100%;
    }
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpScriptsPanel.razor.rz.scp.css */
.erp-scripts__list[b-qibj4e3ps6] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    padding: var(--s-space-14) var(--s-space-16) var(--s-space-16);
}

.erp-scripts__card[b-qibj4e3ps6] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    background: var(--s-color-card);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 6%, transparent);
}

.erp-scripts__toggle[b-qibj4e3ps6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-12);
    width: 100%;
    border: 0;
    background: transparent;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding: var(--datatable-row-size, var(--s-space-10) var(--s-space-12));
    color: var(--s-color-body-text);
}

.erp-scripts__toggle:hover[b-qibj4e3ps6] {
    background: var(--s-color-accent);
}

.erp-scripts__title[b-qibj4e3ps6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
}

.erp-scripts__name[b-qibj4e3ps6] {
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-scripts__summary[b-qibj4e3ps6] {
    margin-top: var(--s-space-2);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
}

.erp-scripts__toggle-label[b-qibj4e3ps6] {
    flex-shrink: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-bold);
}

.erp-scripts__body[b-qibj4e3ps6] {
    padding: var(--datatable-row-size, var(--s-space-10) var(--s-space-12) var(--s-space-12));
}

.erp-scripts__meta-grid[b-qibj4e3ps6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--rem-scale) * 15rem), 1fr));
    gap: var(--s-space-6);
    margin-bottom: var(--s-space-10);
}

.erp-scripts__metric[b-qibj4e3ps6] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    padding: var(--datatable-row-size, var(--s-space-6) var(--s-space-8));
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
}

.erp-scripts__metric strong[b-qibj4e3ps6] {
    color: var(--s-color-label);
    font-size: var(--s-font-size-10);
}

.erp-scripts__metric span[b-qibj4e3ps6] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-scripts__field[b-qibj4e3ps6] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    margin-top: var(--s-space-8);
}

.erp-scripts__field label[b-qibj4e3ps6] {
    color: var(--s-color-label);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-scripts__textarea[b-qibj4e3ps6] {
    min-height: 15rem;
    resize: vertical;
    font-family: Consolas, "Courier New", monospace;
    border-color: var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-scripts__status[b-qibj4e3ps6] {
    min-height: calc(var(--rem-scale) * 2.4rem);
    padding-top: var(--s-space-8);
}

.erp-scripts__status-pill[b-qibj4e3ps6] {
    display: inline-flex;
    padding: var(--s-space-2) var(--s-space-8);
    border-radius: var(--s-border-radius-default);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-scripts__status-pill--saving[b-qibj4e3ps6] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.erp-scripts__status-pill--saved[b-qibj4e3ps6] {
    background: var(--s-color-success-bg, var(--s-color-muted));
    color: var(--s-color-success, var(--s-color-body-text));
}

.erp-scripts__status-pill--error[b-qibj4e3ps6] {
    background: var(--s-color-danger-bg, var(--s-color-muted));
    color: var(--s-color-danger, var(--s-color-body-text));
}

.erp-scripts__empty[b-qibj4e3ps6] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 5.5rem);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    margin: var(--s-space-16);
}

body.s-datatable-no-inline-styles .erp-scripts__card[b-qibj4e3ps6],
body.s-datatable-contrast-middle .erp-scripts__card[b-qibj4e3ps6],
body.s-datatable-contrast-high .erp-scripts__card[b-qibj4e3ps6] {
    box-shadow: none;
}
/* /Pages/Shared/Pages/ErpManagement/Components/ErpSettingsPanel.razor.rz.scp.css */
.erp-settings[b-httj1i4hh7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--s-space-12);
    padding: var(--s-space-14) var(--s-space-16) var(--s-space-16);
}

.erp-settings__group[b-httj1i4hh7] {
    /* Panel kendi genişliğini bilir; alan ızgarası kaç kolona açılacağına buna göre karar verir. */
    container-type: inline-size;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

.erp-settings__group-head[b-httj1i4hh7] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-muted);
}

.erp-settings__group-icon[b-httj1i4hh7] {
    display: grid;
    place-items: center;
    width: calc(var(--rem-scale) * 2.6rem);
    height: calc(var(--rem-scale) * 2.6rem);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    color: var(--s-color-primary);
    font-size: var(--s-font-size-12);
}

.erp-settings__group-title[b-httj1i4hh7] {
    margin: 0;
    flex: 1 1 auto;
    color: var(--s-color-body-text);
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-13)), var(--s-font-size-13));
    font-weight: var(--s-font-weight-bold);
}

.erp-settings__group-count[b-httj1i4hh7] {
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-11));
    white-space: nowrap;
}

/* Kart dolgusu; --datatable-row-size TABLO HÜCRESİ dolgusudur (~5px) ve burada
   kullanılırsa alanlar panel kenarına yapışır. */
.erp-settings__fields[b-httj1i4hh7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-16) var(--s-space-20);
    padding: var(--s-space-16);
}

.erp-settings__field[b-httj1i4hh7] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
    min-width: 0;
}

/* Dar panelde her alan tam satir; genis panelde asagidaki span kurallari devreye girer. */
.erp-settings__field--span-4[b-httj1i4hh7],
.erp-settings__field--span-6[b-httj1i4hh7],
.erp-settings__field--span-8[b-httj1i4hh7],
.erp-settings__field--span-12[b-httj1i4hh7] {
    grid-column: 1 / -1;
}

.erp-settings__field-label[b-httj1i4hh7] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    margin: 0;
    min-width: 0;
}

.erp-settings__field-name[b-httj1i4hh7] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-settings__field-key[b-httj1i4hh7] {
    color: var(--s-color-muted-foreground);
    font-family: var(--s-font-family-monospace, ui-monospace, Consolas, monospace);
    font-size: var(--s-font-size-10);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-settings__field-info[b-httj1i4hh7] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    cursor: help;
}

.erp-settings__choices[b-httj1i4hh7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.erp-settings__choice[b-httj1i4hh7] {
    padding: var(--s-space-2) var(--s-space-10);
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.erp-settings__choice:hover[b-httj1i4hh7],
.erp-settings__choice:focus-visible[b-httj1i4hh7] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    outline: none;
}

.erp-settings__choice.is-chosen[b-httj1i4hh7] {
    border-color: var(--s-color-primary);
    background: var(--s-color-accent);
    color: var(--s-color-primary);
}

.erp-settings__control[b-httj1i4hh7] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
}

/* Yükseklik, yazı tipi, kenarlık ve köşe yuvarlaması .s-input'tan gelir;
   burada sadece ızgara içinde daralabilmesi sağlanır (ThemeEditor ayarları korunur). */
.erp-settings__input[b-httj1i4hh7] {
    flex: 1 1 auto;
    min-width: 0;
}

.erp-settings__field.is-dirty .erp-settings__input[b-httj1i4hh7] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-input-bg));
}

.erp-settings__icon-button[b-httj1i4hh7] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: calc(var(--rem-scale) * 3.6rem);
    height: calc(var(--rem-scale) * 3.6rem);
    padding: 0;
    border: 1px solid var(--s-color-input);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-input-bg);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-14);
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.erp-settings__icon-button:hover[b-httj1i4hh7],
.erp-settings__icon-button:focus-visible[b-httj1i4hh7] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
    outline: none;
}

.erp-settings__icon-button--lock[aria-pressed="true"][b-httj1i4hh7] {
    border-color: var(--s-color-primary);
    background: var(--s-color-accent);
    color: var(--s-color-primary);
}

.erp-settings__field-message[b-httj1i4hh7] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    line-height: 1.35;
}

.erp-settings__field-message--error[b-httj1i4hh7] {
    color: var(--s-color-destructive);
}

.erp-settings__field-message--saved[b-httj1i4hh7] {
    color: var(--s-color-primary);
}

.erp-settings__notice[b-httj1i4hh7] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    margin: 0;
    padding: var(--s-space-8) var(--s-space-10);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
}

.erp-settings__savebar[b-httj1i4hh7] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    flex-wrap: wrap;
    padding: var(--s-space-10) var(--s-space-16);
    border-top: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-accent);
}

.erp-settings__savebar-title[b-httj1i4hh7] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-settings__savebar-detail[b-httj1i4hh7] {
    flex: 0 1 auto;
    min-width: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-settings__savebar-spacer[b-httj1i4hh7] {
    flex: 1 1 auto;
}

.erp-settings__save[b-httj1i4hh7] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.erp-settings__empty[b-httj1i4hh7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 5.5rem);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    margin: var(--s-space-16);
}

/* Geniş ekranda paneller yan yana: Bağlantı | Kimlik ve erişim, Firma ve dönem | Sürüm. */
@media (min-width: 1400px) {
    .erp-settings[b-httj1i4hh7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 2400px) {
    .erp-settings[b-httj1i4hh7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Panel yeterince genisse 12 kolonluk izgaraya gecilir; kac panel yan yana
   oldugu fark etmez, olcu panelin kendi genisligidir. */
@container (min-width: 620px) {
    .erp-settings__fields[b-httj1i4hh7] {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .erp-settings__field--span-4[b-httj1i4hh7] {
        grid-column: span 4;
    }

    .erp-settings__field--span-6[b-httj1i4hh7] {
        grid-column: span 6;
    }

    .erp-settings__field--span-8[b-httj1i4hh7] {
        grid-column: span 8;
    }

    .erp-settings__field--span-12[b-httj1i4hh7],
    .erp-settings__notice[b-httj1i4hh7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .erp-settings[b-httj1i4hh7] {
        padding: var(--s-space-10) var(--s-space-10) var(--s-space-12);
    }

    .erp-settings__savebar[b-httj1i4hh7] {
        padding: var(--s-space-10);
    }

    .erp-settings__savebar-detail[b-httj1i4hh7] {
        display: none;
    }
}
/* /Pages/Shared/Pages/ErpManagement/ErpManagementCatalog.razor.rz.scp.css */
.erp-management[b-4oaesatue8] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding: var(--s-space-16);
    height: 100%;
    color: var(--s-color-body-text);
}

.erp-management__description[b-4oaesatue8] {
    margin: var(--s-space-2) 0 0;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    color: var(--s-color-muted-foreground);
}

.erp-management__layout[b-4oaesatue8] {
    display: grid;
    grid-template-columns: minmax(calc(var(--rem-scale) * 20rem), calc(var(--rem-scale) * 24rem)) 1fr;
    gap: var(--s-space-12);
    min-height: calc(var(--rem-scale) * 34rem);
    flex: 1;
    min-width: 0;
}

[b-4oaesatue8] .erp-sidebar,
.erp-management__content[b-4oaesatue8] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
}

.erp-management__content[b-4oaesatue8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.erp-management__content-header[b-4oaesatue8] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    flex-wrap: wrap;
    padding: var(--s-space-12) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.erp-management__mark[b-4oaesatue8] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: calc(var(--rem-scale) * 3.4rem);
    height: calc(var(--rem-scale) * 3.4rem);
    border-radius: var(--s-border-radius-small);
    color: #fff;
    font-size: var(--s-font-size-14);
    font-weight: var(--s-font-weight-bold);
    line-height: 1;
}

.erp-management__mark--mikro[b-4oaesatue8] { background: linear-gradient(150deg, #e0453c, #a81f18); }
.erp-management__mark--logo[b-4oaesatue8] { background: linear-gradient(150deg, #2f9e63, #14663c); }
.erp-management__mark--ays[b-4oaesatue8] { background: linear-gradient(150deg, #4f7ce4, #23458f); }
.erp-management__mark--sap[b-4oaesatue8] { background: linear-gradient(150deg, #3aa5d8, #16628a); }
.erp-management__mark--netsis[b-4oaesatue8] { background: linear-gradient(150deg, #f0913a, #b45c09); }
.erp-management__mark--dynamics[b-4oaesatue8] { background: linear-gradient(150deg, #6f6bd8, #383499); }

.erp-management__mark--tone-1[b-4oaesatue8] { background: linear-gradient(150deg, #8d63c8, #4f2f84); }
.erp-management__mark--tone-2[b-4oaesatue8] { background: linear-gradient(150deg, #3f9d92, #175c54); }
.erp-management__mark--tone-3[b-4oaesatue8] { background: linear-gradient(150deg, #c2607f, #7d2543); }
.erp-management__mark--tone-4[b-4oaesatue8] { background: linear-gradient(150deg, #5d83b8, #2a4a74); }
.erp-management__mark--tone-5[b-4oaesatue8] { background: linear-gradient(150deg, #b98634, #74500e); }
.erp-management__mark--tone-6[b-4oaesatue8] { background: linear-gradient(150deg, #5f8f53, #2e5626); }

.erp-management__heading[b-4oaesatue8] {
    flex: 1 1 calc(var(--rem-scale) * 18rem);
    min-width: 0;
}

.erp-management__title[b-4oaesatue8] {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: max(var(--s-font-size-16), calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.2rem));
    font-weight: var(--s-font-weight-semibold);
}

.erp-management__badge[b-4oaesatue8] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-4) var(--s-space-10);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

.erp-management__badge.is-ready[b-4oaesatue8] {
    background: color-mix(in srgb, var(--s-color-success, #2f9e63) 14%, var(--s-color-card));
    color: var(--s-color-success, #14663c);
}

.erp-management__test[b-4oaesatue8] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    white-space: nowrap;
}

.erp-management__probes[b-4oaesatue8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-muted);
}

.erp-management__probe-title[b-4oaesatue8] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

.erp-management__probes.is-ok .erp-management__probe-title[b-4oaesatue8] {
    color: var(--s-color-success, #14663c);
}

.erp-management__probes.is-failed .erp-management__probe-title[b-4oaesatue8] {
    color: var(--s-color-destructive);
}

.erp-management__probe[b-4oaesatue8] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    max-width: 100%;
    padding: var(--s-space-2) var(--s-space-8);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    overflow: hidden;
}

.erp-management__probe > span[b-4oaesatue8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.erp-management__probe.is-ok[b-4oaesatue8] {
    border-color: color-mix(in srgb, var(--s-color-success, #2f9e63) 40%, transparent);
    color: var(--s-color-success, #14663c);
}

.erp-management__probe.is-failed[b-4oaesatue8] {
    border-color: color-mix(in srgb, var(--s-color-destructive) 40%, transparent);
    color: var(--s-color-destructive);
}

.erp-management__tabs[b-4oaesatue8] {
    display: flex;
    gap: var(--s-space-4);
    padding: var(--s-space-10) var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    overflow-x: auto;
}

.erp-management__tab[b-4oaesatue8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-muted);
    color: var(--s-color-body-text);
    border-radius: var(--s-border-radius-default);
    padding: var(--s-space-4) var(--s-space-12);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.erp-management__tab:hover[b-4oaesatue8],
.erp-management__tab:focus-visible[b-4oaesatue8] {
    border-color: color-mix(in srgb, var(--s-color-primary) 45%, var(--datatable-border-color, var(--s-color-border)));
    color: var(--s-color-primary);
    outline: none;
}

.erp-management__tab.is-active[b-4oaesatue8] {
    border-color: var(--s-color-primary);
    background: var(--s-color-accent);
    color: var(--s-color-primary);
}

.erp-management__tab-count[b-4oaesatue8] {
    padding: 0 var(--s-space-6);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
}

.erp-management__empty[b-4oaesatue8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 5.5rem);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    margin: var(--s-space-8);
}

.erp-management__empty--large[b-4oaesatue8] {
    min-height: calc(var(--rem-scale) * 12rem);
    margin: var(--s-space-16);
}

body.s-datatable-striped .erp-management.s-datatable[b-4oaesatue8]  .erp-scripts__card:nth-child(even),
body.s-datatable-striped .erp-management.s-datatable[b-4oaesatue8]  .erp-jobs__card:nth-child(even) {
    background-color: var(--s-color-table-striped-row);
}

body.s-datatable-no-inline-styles .erp-management.s-datatable[b-4oaesatue8]  .erp-settings__group,
body.s-datatable-no-inline-styles .erp-management.s-datatable[b-4oaesatue8]  .erp-scripts__card,
body.s-datatable-no-inline-styles .erp-management.s-datatable[b-4oaesatue8]  .erp-jobs__card,
body.s-datatable-no-inline-styles .erp-management.s-datatable .erp-management__content[b-4oaesatue8],
body.s-datatable-no-inline-styles .erp-management.s-datatable[b-4oaesatue8]  .erp-sidebar {
    box-shadow: none;
}

body.s-datatable-contrast-middle .erp-management.s-datatable .erp-management__content[b-4oaesatue8],
body.s-datatable-contrast-middle .erp-management.s-datatable[b-4oaesatue8]  .erp-sidebar,
body.s-datatable-contrast-middle .erp-management.s-datatable[b-4oaesatue8]  .erp-settings__group,
body.s-datatable-contrast-middle .erp-management.s-datatable[b-4oaesatue8]  .erp-scripts__card,
body.s-datatable-contrast-middle .erp-management.s-datatable[b-4oaesatue8]  .erp-jobs__card,
body.s-datatable-contrast-high .erp-management.s-datatable .erp-management__content[b-4oaesatue8],
body.s-datatable-contrast-high .erp-management.s-datatable[b-4oaesatue8]  .erp-sidebar,
body.s-datatable-contrast-high .erp-management.s-datatable[b-4oaesatue8]  .erp-settings__group,
body.s-datatable-contrast-high .erp-management.s-datatable[b-4oaesatue8]  .erp-scripts__card,
body.s-datatable-contrast-high .erp-management.s-datatable[b-4oaesatue8]  .erp-jobs__card {
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .erp-management__layout[b-4oaesatue8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .erp-management[b-4oaesatue8] {
        padding: var(--s-space-8);
    }

    .erp-management__content-header[b-4oaesatue8] {
        padding: var(--s-space-10) var(--s-space-12);
    }

    .erp-management__tabs[b-4oaesatue8] {
        padding: var(--s-space-8) var(--s-space-10);
    }
}
/* /Pages/Shared/Pages/ErpManagement/Pages/Fetch/ErpFetch.razor.rz.scp.css */
/* Sayfa yerleşimi burada; bileşenlerin içi ::deep ile biçimlenir.
   Ölçüler ThemeEditor değişkenlerinden gelir, ekran kendi ölçüsünü dayatmaz. */

.erp-fetch[b-lpd9sd5zwn] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    padding: var(--s-space-16);
    height: 100%;
    color: var(--s-color-body-text);
}

.erp-fetch__console[b-lpd9sd5zwn] {
    display: grid;
    grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) minmax(0, 20rem);
    gap: var(--s-space-12);
    align-items: start;
    flex: 1;
    min-width: 0;
}

.erp-fetch__main[b-lpd9sd5zwn],
[b-lpd9sd5zwn] .erp-fetch__topbar,
[b-lpd9sd5zwn] .erp-fetch__packages,
[b-lpd9sd5zwn] .erp-fetch__activity {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.erp-fetch__main[b-lpd9sd5zwn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* ---------- toolbar ---------- */

[b-lpd9sd5zwn] .erp-fetch__topbar {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    flex-wrap: wrap;
    padding: var(--s-space-12) var(--s-space-16);
}

[b-lpd9sd5zwn] .erp-fetch__title {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__title h4 {
    margin: 0;
    font-size: max(var(--s-font-size-16), calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.2rem));
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

[b-lpd9sd5zwn] .erp-fetch__title span {
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--rem-scale) * 3.4rem);
    height: calc(var(--rem-scale) * 3.4rem);
    flex: 0 0 auto;
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__actions {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    flex-wrap: wrap;
    margin-left: auto;
}

[b-lpd9sd5zwn] .erp-fetch__source {
    display: inline-flex;
    gap: var(--s-space-2);
    padding: var(--s-space-2);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
}

[b-lpd9sd5zwn] .erp-fetch__source-button {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-4) var(--s-space-10);
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__source-button.is-active {
    background: var(--s-color-card);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__refresh {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

/* ---------- pane başlıkları ---------- */

[b-lpd9sd5zwn] .erp-fetch__pane-head {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
    padding: var(--s-space-10) var(--s-space-14);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-muted);
}

[b-lpd9sd5zwn] .erp-fetch__pane-head h5 {
    margin: 0;
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-13)), var(--s-font-size-13));
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-body-text);
}

[b-lpd9sd5zwn] .erp-fetch__pane-spacer {
    flex: 1 1 auto;
}

[b-lpd9sd5zwn] .erp-fetch__count {
    padding: 0 var(--s-space-6);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
}

/* ---------- paket listesi ---------- */

[b-lpd9sd5zwn] .erp-fetch__packages {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

[b-lpd9sd5zwn] .erp-fetch__package-list {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    padding: var(--s-space-6);
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__package {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-8);
    width: 100%;
    padding: var(--s-space-8) var(--s-space-8);
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    text-align: left;
    color: var(--s-color-body-text);
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

[b-lpd9sd5zwn] .erp-fetch__package:hover {
    background: var(--s-color-muted);
}

[b-lpd9sd5zwn] .erp-fetch__package.is-selected {
    background: var(--s-color-accent);
    border-color: color-mix(in srgb, var(--s-color-primary) 32%, transparent);
}

[b-lpd9sd5zwn] .erp-fetch__package-icon {
    display: grid;
    place-items: center;
    width: calc(var(--rem-scale) * 2.8rem);
    height: calc(var(--rem-scale) * 2.8rem);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

[b-lpd9sd5zwn] .erp-fetch__package.is-selected .erp-fetch__package-icon {
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, transparent);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__package-body {
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__package-body strong {
    display: block;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__package-body small {
    display: block;
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- durum noktası ve rozetler ---------- */

[b-lpd9sd5zwn] .erp-fetch__dot {
    display: inline-block;
    flex: 0 0 auto;
    width: calc(var(--rem-scale) * 0.7rem);
    height: calc(var(--rem-scale) * 0.7rem);
    border-radius: 50%;
    background: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__dot.is-muted { opacity: 0.4; }
[b-lpd9sd5zwn] .erp-fetch__dot.is-success { background: var(--s-color-success, #2f9e63); }
[b-lpd9sd5zwn] .erp-fetch__dot.is-warning { background: var(--s-color-warning, #c07f19); }
[b-lpd9sd5zwn] .erp-fetch__dot.is-danger { background: var(--s-color-destructive); }

[b-lpd9sd5zwn] .erp-fetch__dot.is-running {
    background: var(--s-color-primary);
    box-shadow: 0 0 0 calc(var(--rem-scale) * 0.3rem) color-mix(in srgb, var(--s-color-primary) 22%, transparent);
}

[b-lpd9sd5zwn] .erp-fetch__pill {
    display: inline-flex;
    align-items: center;
    padding: var(--s-space-2) var(--s-space-8);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
}

[b-lpd9sd5zwn] .erp-fetch__pill.is-success {
    background: color-mix(in srgb, var(--s-color-success, #2f9e63) 14%, var(--s-color-card));
    border-color: transparent;
    color: var(--s-color-success, #14663c);
}

[b-lpd9sd5zwn] .erp-fetch__pill.is-warning {
    background: color-mix(in srgb, var(--s-color-warning, #c07f19) 16%, var(--s-color-card));
    border-color: transparent;
    color: var(--s-color-warning, #8a5a0b);
}

[b-lpd9sd5zwn] .erp-fetch__pill.is-danger {
    background: color-mix(in srgb, var(--s-color-destructive) 14%, var(--s-color-card));
    border-color: transparent;
    color: var(--s-color-destructive);
}

[b-lpd9sd5zwn] .erp-fetch__pill.is-running {
    background: var(--s-color-accent);
    border-color: transparent;
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__stage-pill {
    display: inline-flex;
    align-items: center;
    padding: var(--s-space-2) var(--s-space-8);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

/* ---------- orta pano: adımlar ve koşu detayı ---------- */

[b-lpd9sd5zwn] .erp-fetch__link {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-2) var(--s-space-6);
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__link:hover {
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__back {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-2) var(--s-space-8);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__back:hover {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__mode {
    display: inline-flex;
    gap: var(--s-space-2);
    padding: var(--s-space-2);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

[b-lpd9sd5zwn] .erp-fetch__mode-button {
    padding: var(--s-space-4) var(--s-space-10);
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__mode-button.is-active {
    background: var(--s-color-accent);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__start {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

[b-lpd9sd5zwn] .erp-fetch__summary {
    display: flex;
    align-items: center;
    gap: var(--s-space-16);
    flex-wrap: wrap;
    padding: var(--s-space-10) var(--s-space-14);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

[b-lpd9sd5zwn] .erp-fetch__metric small {
    display: block;
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__metric strong {
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-14)), var(--s-font-size-14));
    font-variant-numeric: tabular-nums;
}

[b-lpd9sd5zwn] .erp-fetch__metric.is-warning strong {
    color: var(--s-color-warning, #8a5a0b);
}

[b-lpd9sd5zwn] .erp-fetch__warning {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-4) var(--s-space-10);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-warning, #c07f19) 14%, var(--s-color-card));
    color: var(--s-color-warning, #8a5a0b);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
}

[b-lpd9sd5zwn] .erp-fetch__scroll {
    overflow: auto;
    min-width: 0;
    /* Sabit tavan yerine pencere yuksekligi: uzun paketlerde liste asagi dogru akar. */
    max-height: calc(100vh - calc(var(--rem-scale) * 24rem));
    min-height: calc(var(--rem-scale) * 18rem);
}

[b-lpd9sd5zwn] .erp-fetch__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

[b-lpd9sd5zwn] .erp-fetch__table th {
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: left;
    padding: var(--datatable-row-size, var(--s-space-8) var(--s-space-10));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__table td {
    padding: var(--datatable-row-size, var(--s-space-8) var(--s-space-10));
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    vertical-align: middle;
}

[b-lpd9sd5zwn] .erp-fetch__table tbody tr:last-child td {
    border-bottom: 0;
}

[b-lpd9sd5zwn] .erp-fetch__table tbody tr.is-unselected {
    opacity: 0.55;
}

[b-lpd9sd5zwn] .erp-fetch__table strong {
    font-weight: var(--s-font-weight-semibold);
}

[b-lpd9sd5zwn] .erp-fetch__table small {
    display: block;
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__col-check { width: calc(var(--rem-scale) * 3rem); }
[b-lpd9sd5zwn] .erp-fetch__col-stage { width: calc(var(--rem-scale) * 10rem); }
[b-lpd9sd5zwn] .erp-fetch__col-source { max-width: calc(var(--rem-scale) * 30rem); }
[b-lpd9sd5zwn] .erp-fetch__col-progress { width: calc(var(--rem-scale) * 9rem); }

[b-lpd9sd5zwn] .erp-fetch__col-number {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__col-number small {
    text-align: right;
}

[b-lpd9sd5zwn] .erp-fetch__source-value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--s-font-family-monospace, ui-monospace, Consolas, monospace);
    font-size: var(--s-font-size-10);
}

[b-lpd9sd5zwn] .erp-fetch__jobkey {
    font-family: var(--s-font-family-monospace, ui-monospace, Consolas, monospace);
}

[b-lpd9sd5zwn] .erp-fetch__step-name {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
}

[b-lpd9sd5zwn] .erp-fetch__muted {
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__error {
    margin: var(--s-space-10) var(--s-space-14) 0;
    padding: var(--s-space-8) var(--s-space-10);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-destructive) 12%, var(--s-color-card));
    color: var(--s-color-destructive);
    font-size: var(--s-font-size-10);
}

[b-lpd9sd5zwn] .erp-fetch__error-text {
    display: block;
    color: var(--s-color-destructive);
    font-size: var(--s-font-size-10);
}

/* ---------- sağ pano: çalışma ---------- */

[b-lpd9sd5zwn] .erp-fetch__activity {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

[b-lpd9sd5zwn] .erp-fetch__activity-tabs {
    display: flex;
    gap: var(--s-space-2);
    padding: var(--s-space-6) var(--s-space-8) 0;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

[b-lpd9sd5zwn] .erp-fetch__activity-tab {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-6) var(--s-space-10);
    border: 0;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__activity-tab.is-active {
    color: var(--s-color-primary);
    border-bottom-color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__activity-body {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    padding: var(--s-space-12);
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__live-head {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

[b-lpd9sd5zwn] .erp-fetch__progress {
    height: calc(var(--rem-scale) * 0.6rem);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
    overflow: hidden;
}

[b-lpd9sd5zwn] .erp-fetch__progress > span {
    display: block;
    height: 100%;
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-primary);
    transition: width 0.4s ease;
}

[b-lpd9sd5zwn] .erp-fetch__tiles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-8);
}

[b-lpd9sd5zwn] .erp-fetch__tile {
    padding: var(--s-space-8) var(--s-space-10);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-muted);
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__tile small {
    display: block;
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__tile strong {
    font-size: max(var(--datatable-row-font-size, var(--s-font-size-14)), var(--s-font-size-14));
    font-variant-numeric: tabular-nums;
}

[b-lpd9sd5zwn] .erp-fetch__tile.is-danger strong {
    color: var(--s-color-destructive);
}

[b-lpd9sd5zwn] .erp-fetch__live-steps {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__live-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-6) 0;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    font-size: var(--s-font-size-10);
}

[b-lpd9sd5zwn] .erp-fetch__live-step:last-child {
    border-bottom: 0;
}

[b-lpd9sd5zwn] .erp-fetch__live-step-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__live-detail {
    align-self: flex-start;
    min-height: calc(var(--rem-scale) * 3rem);
    font-size: var(--s-font-size-10);
}

[b-lpd9sd5zwn] .erp-fetch__history {
    display: flex;
    flex-direction: column;
    overflow: auto;
    max-height: calc(100vh - calc(var(--rem-scale) * 22rem));
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__history-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-8) var(--s-space-12);
    border: 0;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: transparent;
    text-align: left;
    color: var(--s-color-body-text);
}

[b-lpd9sd5zwn] .erp-fetch__history-row:hover {
    background: var(--s-color-muted);
}

[b-lpd9sd5zwn] .erp-fetch__history-row.is-selected {
    background: var(--s-color-accent);
    box-shadow: inset 3px 0 0 var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__history-body {
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__history-body strong {
    display: block;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__history-body small,
[b-lpd9sd5zwn] .erp-fetch__history-metrics small {
    display: block;
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

[b-lpd9sd5zwn] .erp-fetch__history-metrics {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

[b-lpd9sd5zwn] .erp-fetch__history-metrics strong {
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-semibold);
}

/* ---------- boş durumlar ---------- */

[b-lpd9sd5zwn] .erp-fetch__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: calc(var(--rem-scale) * 6rem);
    margin: var(--s-space-10);
    padding: var(--s-space-10);
    border: 1px dashed var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

[b-lpd9sd5zwn] .erp-fetch__empty--pane {
    min-height: calc(var(--rem-scale) * 14rem);
    margin: var(--s-space-16);
}

/* ---------- responsive ---------- */

/* Üçüncü pano için yer kalmadığında alta iner, tam genişlikte devam eder. */
@media (max-width: 1399.98px) {
    .erp-fetch__console[b-lpd9sd5zwn] {
        grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
    }

    [b-lpd9sd5zwn] .erp-fetch__activity {
        grid-column: 1 / -1;
    }

    [b-lpd9sd5zwn] .erp-fetch__tiles {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .erp-fetch__console[b-lpd9sd5zwn] {
        grid-template-columns: minmax(0, 1fr);
    }

    [b-lpd9sd5zwn] .erp-fetch__packages {
        flex-direction: column;
    }

    [b-lpd9sd5zwn] .erp-fetch__package-list {
        flex-direction: row;
        overflow-x: auto;
        gap: var(--s-space-6);
    }

    [b-lpd9sd5zwn] .erp-fetch__package {
        width: auto;
        flex: 0 0 auto;
        grid-template-columns: auto minmax(0, 1fr);
        border-color: var(--datatable-border-color, var(--s-color-border));
    }

    [b-lpd9sd5zwn] .erp-fetch__package .erp-fetch__dot {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .erp-fetch[b-lpd9sd5zwn] {
        padding: var(--s-space-8);
    }

    [b-lpd9sd5zwn] .erp-fetch__actions {
        margin-left: 0;
        width: 100%;
    }

    [b-lpd9sd5zwn] .erp-fetch__tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-lpd9sd5zwn] .erp-fetch__col-source,
    [b-lpd9sd5zwn] .erp-fetch__col-stage {
        display: none;
    }
}

/* ---------- tablo hizası ----------
   Sayısal başlık da hücreyle aynı yöne yaslanmalı; aksi halde başlık solda,
   değer sağda kalıp sütun dengesiz görünüyor. */

[b-lpd9sd5zwn] .erp-fetch__table th.erp-fetch__col-number {
    text-align: right;
}

[b-lpd9sd5zwn] .erp-fetch__col-number {
    width: calc(var(--rem-scale) * 8rem);
}

[b-lpd9sd5zwn] .erp-fetch__table th.erp-fetch__col-progress {
    text-align: left;
}

/* ---------- ThemeEditor tablo ayarları ----------
   Düz <table> için çizgili satır, kontrast ve kenarlık kurallarını global
   datatable.css zaten uyguluyor (body table:not(.dxbl-sc-table) tbody tr).
   Burada yalnızca tablo olmayan liste, tabloymuş gibi okunduğu için eşleniyor. */

body.s-datatable-striped .erp-fetch.s-datatable[b-lpd9sd5zwn]  .erp-fetch__history-row:nth-child(odd) {
    background-color: var(--s-color-table-striped-row);
}

body.s-datatable-striped .erp-fetch.s-datatable[b-lpd9sd5zwn]  .erp-fetch__history-row.is-selected {
    background-color: var(--s-color-accent);
}

/* ---------- tek satırlık adım hücresi ----------
   Ad ve teknik anahtar alt alta iki satır yerine yan yana; anahtar tema
   ölçeğinden küçük bir yazıyla, taşarsa kısalarak. */

[b-lpd9sd5zwn] .erp-fetch__col-step {
    min-width: calc(var(--rem-scale) * 22rem);
}

[b-lpd9sd5zwn] .erp-fetch__step-name,
[b-lpd9sd5zwn] .erp-fetch__col-step {
    white-space: nowrap;
}

[b-lpd9sd5zwn] .erp-fetch__step-name {
    display: flex;
    align-items: baseline;
    gap: var(--s-space-6);
    min-width: 0;
}

[b-lpd9sd5zwn] .erp-fetch__step-title {
    font-weight: var(--s-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-lpd9sd5zwn] .erp-fetch__jobkey {
    flex: 0 0 auto;
    color: var(--s-color-muted-foreground);
    font-family: var(--s-font-family-monospace, ui-monospace, Consolas, monospace);
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-12)) * 0.82);
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-lpd9sd5zwn] .erp-fetch__col-step > .erp-fetch__step-title,
[b-lpd9sd5zwn] .erp-fetch__col-step > .erp-fetch__jobkey {
    display: inline;
}

[b-lpd9sd5zwn] .erp-fetch__col-step > .erp-fetch__jobkey {
    margin-left: var(--s-space-6);
}

/* Satirin herhangi bir yerine tiklayarak secim degistirilir. */
[b-lpd9sd5zwn] .erp-fetch__row {
    cursor: pointer;
}

[b-lpd9sd5zwn] .erp-fetch__row:hover {
    background-color: var(--s-color-muted);
}

[b-lpd9sd5zwn] .erp-fetch__table--steps .erp-fetch__col-number {
    width: calc(var(--rem-scale) * 9rem);
}

/* ---------- mod yardımı ---------- */

[b-lpd9sd5zwn] .erp-fetch__mode-group {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

[b-lpd9sd5zwn] .erp-fetch__info {
    display: grid;
    place-items: center;
    width: calc(var(--rem-scale) * 2.6rem);
    height: calc(var(--rem-scale) * 2.6rem);
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

[b-lpd9sd5zwn] .erp-fetch__info:hover,
[b-lpd9sd5zwn] .erp-fetch__info.is-open {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

[b-lpd9sd5zwn] .erp-fetch__popover {
    position: absolute;
    top: calc(100% + var(--s-space-6));
    right: 0;
    z-index: 20;
    width: calc(var(--rem-scale) * 34rem);
    max-width: 80vw;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-12);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    box-shadow: 0 8px 24px -12px color-mix(in srgb, var(--s-color-body-text) 45%, transparent);
    text-align: left;
    white-space: normal;
}

[b-lpd9sd5zwn] .erp-fetch__popover strong {
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-bold);
}

[b-lpd9sd5zwn] .erp-fetch__popover p {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

[b-lpd9sd5zwn] .erp-fetch__popover b {
    color: var(--s-color-primary);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
}

[b-lpd9sd5zwn] .erp-fetch__popover span {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    line-height: 1.45;
}

/* Baslikta duran "tumunu sec" kutusu satirdakilerle ayni hizada dursun. */
[b-lpd9sd5zwn] .erp-fetch__table th.erp-fetch__col-check {
    text-align: left;
    vertical-align: middle;
}

[b-lpd9sd5zwn] .erp-fetch__table th.erp-fetch__col-check input {
    display: block;
    margin: 0;
    cursor: pointer;
}
/* /Pages/Shared/Pages/Identities/UserGroups/UserGroupCatalog.razor.rz.scp.css */
.user-group-page[b-8xyb98fuu9] {
    padding: 1rem;
}

.user-group-page__panel[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
    margin: 0;
    color: var(--s-color-body-text, var(--bs-body-color));
    font-size: 1.2rem;
    font-weight: 700;
}

.user-group-page__subtitle[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    min-width: 3.5rem;
}

.user-group-page__search-shell[b-8xyb98fuu9] {
    padding: 1rem 1.25rem 0;
}

.user-group-page__search-input[b-8xyb98fuu9] {
    border-radius: 0.85rem;
}

.user-group-page__catalog-list[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
    font-weight: 600;
}

.user-group-page__catalog-meta[b-8xyb98fuu9],
.user-group-page__empty-state[b-8xyb98fuu9] {
    color: var(--s-color-muted-foreground, var(--bs-secondary-color));
    font-size: 0.9rem;
}

.user-group-page__empty-state[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
}

.user-group-page__field[b-8xyb98fuu9] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.user-group-page__member-header[b-8xyb98fuu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.user-group-page__selector-shell[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    display: flex;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.user-group-page__selection-pill[b-8xyb98fuu9],
.user-group-page__status-pill[b-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
    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-8xyb98fuu9] {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .user-group-page[b-8xyb98fuu9] {
        padding: 0.5rem;
    }

    .user-group-page__panel-header[b-8xyb98fuu9],
    .user-group-page__detail-body[b-8xyb98fuu9],
    .user-group-page__catalog-list[b-8xyb98fuu9],
    .user-group-page__search-shell[b-8xyb98fuu9] {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .user-group-page__member-header[b-8xyb98fuu9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-group-page__actions[b-8xyb98fuu9] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/EntityPermissions/UserEntityPermissionCopyModal.razor.rz.scp.css */
.uepc-modal[b-y3lz70dx5b] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    height: min(48rem, calc(100dvh - 7rem));
    min-height: 0;
    max-height: calc(100dvh - 7rem);
    overflow: hidden;
}

.uepc-loading[b-y3lz70dx5b],
.uepc-empty[b-y3lz70dx5b] {
    min-height: min(22rem, calc(100dvh - 14rem));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
    text-align: center;
}

.uepc-empty i[b-y3lz70dx5b] {
    font-size: 2rem;
    color: var(--s-color-warning, #f59e0b);
}

.uepc-summary[b-y3lz70dx5b] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(8rem, 0.7fr));
    gap: var(--s-space-8);
}

.uepc-summary > div[b-y3lz70dx5b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.uepc-summary__label[b-y3lz70dx5b] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
}

.uepc-summary strong[b-y3lz70dx5b] {
    color: var(--s-color-body-text);
    font-size: 0.9rem;
}

.uepc-grid[b-y3lz70dx5b] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
    gap: var(--s-space-10);
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.uepc-panel[b-y3lz70dx5b] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    overflow: hidden;
}

.uepc-panel__header[b-y3lz70dx5b] {
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-8);
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--s-color-border);
}

.uepc-panel__header h5[b-y3lz70dx5b] {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 800;
    color: var(--s-color-body-text);
}

.uepc-panel__header p[b-y3lz70dx5b] {
    margin: 0.16rem 0 0;
    max-width: 34rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    line-height: 1.35;
}

.uepc-panel__actions[b-y3lz70dx5b] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    white-space: nowrap;
}

.uepc-panel__actions button[b-y3lz70dx5b] {
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    padding: 0.3rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 700;
}

.uepc-search[b-y3lz70dx5b] {
    width: calc(100% - 1.6rem);
    margin: 0.75rem 0.8rem 0;
    padding: 0.52rem 0.7rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    color: var(--s-color-body-text);
    background-color: var(--s-color-card);
    font-size: 0.78rem;
}

.uepc-target-filters[b-y3lz70dx5b] {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.38fr) minmax(8.5rem, 0.38fr) minmax(0, 1fr);
    gap: 0.45rem;
    padding: 0.65rem 0.8rem 0;
}

.uepc-target-filters .uepc-search[b-y3lz70dx5b] {
    width: 100%;
    margin: 0;
}

.uepc-select[b-y3lz70dx5b] {
    width: 100%;
    min-width: 0;
    padding: 0.52rem 0.7rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    color: var(--s-color-body-text);
    background-color: var(--s-color-card);
    font-size: 0.78rem;
}

.uepc-list[b-y3lz70dx5b] {
    flex: 1;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow: auto;
    padding: 0.75rem 0.8rem 0.9rem;
}

.uepc-list__empty[b-y3lz70dx5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-muted-foreground);
    font-size: 0.8rem;
    text-align: center;
}

.uepc-group-card[b-y3lz70dx5b],
.uepc-target[b-y3lz70dx5b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    cursor: pointer;
}

.uepc-group-card[b-y3lz70dx5b] {
    margin-bottom: 0.45rem;
    padding: 0.62rem 0.75rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    transition: border-color 0.14s ease, background-color 0.14s ease;
}

.uepc-group-card:hover[b-y3lz70dx5b] {
    border-color: color-mix(in srgb, var(--s-color-primary, #f97316) 38%, var(--s-color-border));
    background-color: color-mix(in srgb, var(--s-color-primary, #f97316) 5%, var(--s-color-card));
}

.uepc-group-card__body[b-y3lz70dx5b],
.uepc-target__body[b-y3lz70dx5b] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
}

.uepc-group-card__body[b-y3lz70dx5b] {
    gap: 0.14rem;
}

.uepc-group-card__body strong[b-y3lz70dx5b],
.uepc-target__body strong[b-y3lz70dx5b] {
    color: var(--s-color-body-text);
    font-size: 0.8rem;
    line-height: 1.25;
}

.uepc-group-card__body strong[b-y3lz70dx5b] {
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uepc-group-card__body small[b-y3lz70dx5b],
.uepc-target__body small[b-y3lz70dx5b] {
    color: var(--s-color-muted-foreground);
    font-size: 0.7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uepc-group-card__count[b-y3lz70dx5b] {
    margin-left: auto;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: 0.62rem;
    font-weight: 800;
}

.uepc-target[b-y3lz70dx5b] {
    margin-top: 0.35rem;
    padding: 0.42rem 0.55rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-card);
}

.uepc-target__body[b-y3lz70dx5b] {
    flex-direction: row;
    align-items: center;
    gap: 0.55rem;
}

.uepc-target__identity[b-y3lz70dx5b] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    min-width: 0;
    flex: 1;
}

.uepc-target__identity strong[b-y3lz70dx5b],
.uepc-target__identity small[b-y3lz70dx5b] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uepc-target__identity strong[b-y3lz70dx5b] {
    flex: 0 1 auto;
    max-width: 48%;
}

.uepc-target__identity small[b-y3lz70dx5b] {
    flex: 1 1 auto;
}

.uepc-target__role[b-y3lz70dx5b],
.uepc-target__branch[b-y3lz70dx5b] {
    flex: 0 0 auto;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: 0.64rem;
    font-weight: 800;
}

.uepc-target__role[b-y3lz70dx5b] {
    max-width: 8.5rem;
    background-color: color-mix(in srgb, var(--s-color-primary, #f97316) 8%, var(--s-color-muted));
    color: var(--s-color-body-text);
}

.uepc-permission-pill[b-y3lz70dx5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 1.55rem;
    width: fit-content;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background-color: var(--s-color-muted, #f3f4f6);
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.uepc-permission-pill--allow[b-y3lz70dx5b] {
    background-color: color-mix(in srgb, var(--s-color-success, #16a34a) 14%, transparent);
    color: var(--s-color-success, #15803d);
}

.uepc-permission-pill--deny[b-y3lz70dx5b] {
    background-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 12%, transparent);
    color: var(--s-color-danger, #b91c1c);
}

.uepc-row-copy[b-y3lz70dx5b] {
    flex: 1;
    min-height: 0;
    max-height: min(38vh, 20rem);
    overflow: auto;
    padding: 0.9rem;
}

.uepc-row-copy__card[b-y3lz70dx5b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    min-height: 8rem;
    padding: 1rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: color-mix(in srgb, var(--s-color-primary, #f97316) 4%, var(--s-color-card));
}

.uepc-row-copy__eyebrow[b-y3lz70dx5b] {
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.uepc-row-copy__card strong[b-y3lz70dx5b] {
    color: var(--s-color-body-text);
    font-size: 0.9rem;
    font-weight: 800;
}

.uepc-row-copy__card small[b-y3lz70dx5b] {
    color: var(--s-color-muted-foreground);
    font-size: 0.75rem;
}

.uepc-result[b-y3lz70dx5b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--s-color-success, #16a34a) 24%, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: color-mix(in srgb, var(--s-color-success, #16a34a) 7%, var(--s-color-card));
    color: var(--s-color-body-text);
}

.uepc-result__warnings[b-y3lz70dx5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.uepc-result__warnings span[b-y3lz70dx5b] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-warning, #f59e0b) 13%, transparent);
    color: var(--s-color-warning, #b45309);
    font-size: 0.72rem;
    font-weight: 700;
}

@media (max-width: 920px) {
    .uepc-summary[b-y3lz70dx5b],
    .uepc-grid[b-y3lz70dx5b] {
        grid-template-columns: 1fr;
    }

    .uepc-modal[b-y3lz70dx5b] {
        height: auto;
        max-height: calc(100dvh - 5rem);
        overflow: auto;
    }

    .uepc-list[b-y3lz70dx5b],
    .uepc-row-copy[b-y3lz70dx5b] {
        height: 18rem;
        min-height: 18rem;
    }

    .uepc-target-filters[b-y3lz70dx5b],
    .uepc-target__body[b-y3lz70dx5b],
    .uepc-target__identity[b-y3lz70dx5b] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .uepc-target__identity strong[b-y3lz70dx5b] {
        max-width: none;
    }

    .uepc-target__branch[b-y3lz70dx5b] {
        max-width: none;
        width: fit-content;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/EntityPermissions/UserEntityPermissionEditor.razor.rz.scp.css */
.uepe-editor[b-857063rf6e] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    overflow: hidden;
}

.uepe-editor__header[b-857063rf6e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--s-color-border);
    background-color: color-mix(in srgb, var(--s-color-primary) 3%, transparent);
}

.uepe-editor__title-row[b-857063rf6e] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.uepe-editor__title[b-857063rf6e] {
    margin: 0;
    font-size: 0.925rem;
    font-weight: 700;
    color: var(--s-color-body-text);
    letter-spacing: -0.01em;
}

.uepe-editor__subtitle[b-857063rf6e] {
    margin: 4px 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
}

.uepe-editor__actions[b-857063rf6e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.uepe-editor__readonly-note[b-857063rf6e] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    max-width: 24rem;
    text-align: right;
}

.uepe-editor__summary[b-857063rf6e] {
    display: flex;
    align-items: center;
    gap: var(--s-space-10);
    flex-wrap: wrap;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.uepe-editor__summary strong[b-857063rf6e] {
    color: var(--s-color-body-text);
    margin-left: 4px;
    font-weight: 700;
}

.uepe-editor__permission[b-857063rf6e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
}

.uepe-editor__permission--allow[b-857063rf6e] {
    background-color: color-mix(in srgb, var(--s-color-success, #10b981) 14%, transparent);
    color: var(--s-color-success, #047857);
}

.uepe-editor__permission--deny[b-857063rf6e] {
    background-color: color-mix(in srgb, var(--s-color-danger, #ef4444) 14%, transparent);
    color: var(--s-color-danger, #b91c1c);
}

.uepe-editor__empty[b-857063rf6e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: 20rem;
    color: var(--s-color-muted-foreground);
}

.uepe-editor :deep(.uepm-matrix)[b-857063rf6e] {
    min-height: 0;
    flex: 1;
}

.uepe-editor__empty i[b-857063rf6e] {
    font-size: 2rem;
    opacity: 0.6;
}

@media (max-width: 900px) {
    .uepe-editor__header[b-857063rf6e] {
        flex-direction: column;
    }

    .uepe-editor__actions[b-857063rf6e] {
        width: 100%;
        justify-content: flex-start;
    }

    .uepe-editor__readonly-note[b-857063rf6e] {
        text-align: left;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/EntityPermissions/UserEntityPermissionMatrix.razor.rz.scp.css */
.uepm-matrix[b-a021ns66jb] {
    --uepm-control-font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    --uepm-control-height: max(1.55rem, calc(var(--uepm-control-font-size) * 2.55));
    --uepm-row-padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-4));
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
    overflow: hidden;
    font-size: var(--uepm-control-font-size);
}

.uepm-matrix__toolbar[b-a021ns66jb],
.uepm-matrix__header[b-a021ns66jb],
.uepm-matrix__row[b-a021ns66jb] {
    display: grid;
    gap: var(--s-space-12);
    align-items: center;
}

.uepm-matrix__header[b-a021ns66jb],
.uepm-matrix__row[b-a021ns66jb] {
    grid-template-columns: minmax(16rem, 1fr) minmax(7rem, max-content) minmax(4.5rem, max-content) minmax(3rem, max-content);
}

.uepm-matrix__toolbar[b-a021ns66jb] {
    grid-template-columns: minmax(16rem, 1fr) auto auto auto;
    padding: var(--s-space-6) var(--s-space-12);
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
}

.uepm-matrix__search[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: var(--uepm-control-height);
    padding: 0 var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-background);
    transition: border-color 0.15s ease;
}

.uepm-matrix__search:focus-within[b-a021ns66jb] {
    border-color: var(--s-color-ring);
}

.uepm-matrix__search i[b-a021ns66jb],
.uepm-matrix__search button[b-a021ns66jb] {
    color: var(--s-color-muted-foreground);
    font-size: var(--uepm-control-font-size);
}

.uepm-matrix__search input[b-a021ns66jb] {
    flex: 1;
    min-width: 0;
    height: var(--uepm-control-height);
    border: none;
    outline: none;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: var(--uepm-control-font-size);
    font-family: var(--s-font-family-body);
}

.uepm-matrix__search input[b-a021ns66jb]::placeholder {
    color: var(--s-color-input-placeholder);
}

.uepm-matrix__search button[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.uepm-matrix__search button:hover[b-a021ns66jb] {
    color: var(--s-color-body-text);
}

.uepm-matrix__result-count[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--uepm-control-height) * 1.75);
    height: var(--uepm-control-height);
    padding: 0 0.65rem;
    border-radius: 999px;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: var(--uepm-control-font-size);
    font-weight: 700;
    white-space: nowrap;
}

.uepm-matrix__bulk[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.3rem;
    padding: 0.18rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, transparent);
    color: var(--s-color-muted-foreground);
    font-size: var(--uepm-control-font-size);
    font-weight: 600;
}

.uepm-matrix__bulk-label[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.45rem;
    color: var(--s-color-body-text);
    font-size: var(--uepm-control-font-size);
    font-weight: 800;
    white-space: nowrap;
}

.uepm-matrix__bulk-action[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: var(--uepm-control-height);
    border: 1px solid transparent;
    border-radius: calc(var(--s-border-radius-default) - 2px);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    padding: 0.24rem 0.55rem;
    font-size: var(--uepm-control-font-size);
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.14s ease, color 0.14s ease, background-color 0.14s ease;
}

.uepm-matrix__bulk-action:hover:not(:disabled)[b-a021ns66jb],
.uepm-matrix__bulk-action:focus-visible[b-a021ns66jb] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.uepm-matrix__bulk-action--allow:hover:not(:disabled)[b-a021ns66jb],
.uepm-matrix__bulk-action--allow:focus-visible[b-a021ns66jb] {
    border-color: var(--s-color-success, #10b981);
    color: var(--s-color-success, #047857);
}

.uepm-matrix__bulk-action--deny:hover:not(:disabled)[b-a021ns66jb],
.uepm-matrix__bulk-action--deny:focus-visible[b-a021ns66jb] {
    border-color: var(--s-color-danger, #ef4444);
    color: var(--s-color-danger, #b91c1c);
}

.uepm-matrix__bulk-action:disabled[b-a021ns66jb] {
    opacity: 0.45;
    cursor: not-allowed;
}

.uepm-matrix__filters[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.15rem;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-muted) 42%, transparent);
}

.uepm-matrix__filters-label[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--s-color-muted-foreground);
    padding-left: 0.6rem;
    padding-right: 0.2rem;
    font-size: var(--uepm-control-font-size);
    font-weight: 600;
}

.uepm-matrix__divider[b-a021ns66jb] {
    width: 1px;
    height: 1.25rem;
    background-color: var(--s-color-border);
    margin: 0 0.25rem;
}

.uepm-matrix__filter[b-a021ns66jb] {
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--s-color-muted-foreground);
    padding: 0.28rem 0.62rem;
    font-size: var(--uepm-control-font-size);
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.14s ease, color 0.14s ease;
}

.uepm-matrix__filter:hover[b-a021ns66jb],
.uepm-matrix__filter--active[b-a021ns66jb] {
    background-color: var(--s-color-card);
    color: var(--s-color-primary);
    box-shadow: var(--s-shadow-xs, 0 1px 2px rgb(15 23 42 / 8%));
}

.uepm-matrix__header[b-a021ns66jb] {
    padding: var(--s-space-6) var(--s-space-12);
    border-bottom: 1px solid var(--s-color-border);
    background-color: color-mix(in srgb, var(--s-color-primary) 3%, transparent);
    color: var(--s-color-muted-foreground);
    font-size: calc(var(--uepm-control-font-size) * 0.9);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.uepm-matrix__body[b-a021ns66jb] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    overscroll-behavior: contain;
}

.uepm-matrix__row[b-a021ns66jb] {
    padding: var(--uepm-row-padding);
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
    transition: background-color 0.1s ease;
}

.uepm-matrix__row:hover[b-a021ns66jb] {
    background-color: color-mix(in srgb, var(--s-color-muted) 40%, transparent);
}

.uepm-matrix__row--dirty[b-a021ns66jb] {
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

.uepm-matrix__entity[b-a021ns66jb] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.uepm-matrix__entity-name[b-a021ns66jb] {
    font-size: var(--uepm-control-font-size);
    font-weight: 600;
    color: var(--s-color-body-text);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uepm-matrix__direct[b-a021ns66jb] {
    min-width: 0;
}

.uepm-matrix__checkbox[b-a021ns66jb] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
    min-height: var(--uepm-control-height);
    color: var(--s-color-body-text);
    cursor: pointer;
    user-select: none;
}

.uepm-matrix__checkbox input[b-a021ns66jb] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.uepm-matrix__checkbox-box[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: calc(var(--uepm-control-height) * 0.76);
    height: calc(var(--uepm-control-height) * 0.76);
    border: 1px solid var(--s-color-border);
    border-radius: 0.32rem;
    background-color: var(--s-color-card);
    color: #ffffff;
    font-size: var(--uepm-control-font-size);
    transition: background-color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.uepm-matrix__checkbox-box i[b-a021ns66jb] {
    opacity: 0;
}

.uepm-matrix__checkbox:hover .uepm-matrix__checkbox-box[b-a021ns66jb],
.uepm-matrix__checkbox input:focus-visible + .uepm-matrix__checkbox-box[b-a021ns66jb] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 12%, transparent);
}

.uepm-matrix__checkbox input:checked + .uepm-matrix__checkbox-box[b-a021ns66jb] {
    border-color: var(--s-color-success, #10b981);
    background-color: var(--s-color-success, #10b981);
}

.uepm-matrix__checkbox input:checked + .uepm-matrix__checkbox-box i[b-a021ns66jb] {
    opacity: 1;
}

.uepm-matrix__checkbox input:disabled + .uepm-matrix__checkbox-box[b-a021ns66jb],
.uepm-matrix__checkbox input:disabled ~ .uepm-matrix__checkbox-text[b-a021ns66jb] {
    opacity: 0.55;
    cursor: not-allowed;
}

.uepm-matrix__checkbox-text[b-a021ns66jb] {
    min-width: 3.6rem;
    overflow: hidden;
    color: var(--s-color-muted-foreground);
    font-size: var(--uepm-control-font-size);
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uepm-matrix__source-badge[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.uepm-matrix__permission-icon[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--uepm-control-height);
    height: var(--uepm-control-height);
    border-radius: 999px;
    font-size: var(--uepm-control-font-size);
}

.uepm-matrix__actions[b-a021ns66jb] {
    display: flex;
    justify-content: flex-end;
}

.uepm-matrix__copy-action[b-a021ns66jb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--uepm-control-height);
    height: var(--uepm-control-height);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: var(--uepm-control-font-size);
    transition: border-color 0.14s ease, color 0.14s ease, background-color 0.14s ease;
}

.uepm-matrix__copy-action:hover:not(:disabled)[b-a021ns66jb],
.uepm-matrix__copy-action:focus-visible[b-a021ns66jb] {
    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));
}

.uepm-matrix__copy-action:disabled[b-a021ns66jb] {
    cursor: not-allowed;
    opacity: 0.38;
}

.uepm-matrix__permission-icon--allow[b-a021ns66jb] {
    background-color: color-mix(in srgb, var(--s-color-success, #10b981) 14%, transparent);
    color: var(--s-color-success, #047857);
}

.uepm-matrix__permission-icon--deny[b-a021ns66jb] {
    background-color: color-mix(in srgb, var(--s-color-danger, #ef4444) 13%, transparent);
    color: var(--s-color-danger, #b91c1c);
}

.uepm-matrix__source-badge--default[b-a021ns66jb] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.uepm-matrix__source-badge--role[b-a021ns66jb] {
    background-color: color-mix(in srgb, #3b82f6 14%, transparent);
    color: #1d4ed8;
}

.uepm-matrix__source-badge--group[b-a021ns66jb] {
    background-color: color-mix(in srgb, #8b5cf6 14%, transparent);
    color: #6d28d9;
}

.uepm-matrix__source-badge--user[b-a021ns66jb] {
    background-color: color-mix(in srgb, #14b8a6 14%, transparent);
    color: #0f766e;
}

.uepm-matrix__source-badge--bypass[b-a021ns66jb] {
    background-color: color-mix(in srgb, #f59e0b 14%, transparent);
    color: #b45309;
}

.uepm-matrix__empty[b-a021ns66jb] {
    padding: 2rem 1rem;
    color: var(--s-color-muted-foreground);
    text-align: center;
    font-size: 0.82rem;
}

@media (max-width: 1100px) {
    .uepm-matrix__header[b-a021ns66jb],
    .uepm-matrix__row[b-a021ns66jb] {
        grid-template-columns: minmax(12rem, 1fr) minmax(7rem, max-content) minmax(4.5rem, max-content) minmax(3rem, max-content);
    }
}

@media (max-width: 900px) {
    .uepm-matrix__toolbar[b-a021ns66jb] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .uepm-matrix__divider[b-a021ns66jb] {
        display: none;
    }

    .uepm-matrix__bulk[b-a021ns66jb] {
        justify-content: flex-start;
        width: fit-content;
        flex-wrap: wrap;
    }

    .uepm-matrix__filters[b-a021ns66jb] {
        justify-content: flex-start;
        width: fit-content;
    }

    .uepm-matrix__header[b-a021ns66jb] {
        display: none;
    }

    .uepm-matrix__row[b-a021ns66jb] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/EntityPermissions/UserEntityPermissionsTab.razor.rz.scp.css */
.uep-shell[b-aa23cd53nr] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.uep-shell__header[b-aa23cd53nr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--s-space-10) var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.uep-shell__title[b-aa23cd53nr] {
    margin: 0;
    font-size: 0.925rem;
    font-weight: 700;
    color: var(--s-color-body-text);
    letter-spacing: -0.01em;
}

.uep-shell__subtitle[b-aa23cd53nr] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
    max-width: 60rem;
}

.uep-shell__readonly-pill[b-aa23cd53nr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-warning, #f59e0b) 12%, transparent);
    color: var(--s-color-warning, #b45309);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.uep-shell__header-actions[b-aa23cd53nr] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.uep-shell__copy-btn[b-aa23cd53nr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--s-color-primary, #f97316) 40%, var(--s-color-border));
    border-radius: 999px;
    background-color: var(--s-color-primary, #f97316);
    color: var(--s-color-primary-foreground, #fff);
    padding: 0.45rem 0.8rem;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.uep-shell__copy-btn:disabled[b-aa23cd53nr] {
    cursor: not-allowed;
    opacity: 0.55;
}

.uep-shell__layout[b-aa23cd53nr] {
    display: grid;
    grid-template-columns: minmax(20rem, 24rem) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--s-space-12);
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.uep-shell__summary[b-aa23cd53nr],
.uep-shell__editor[b-aa23cd53nr] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

.uep-shell__empty[b-aa23cd53nr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: 22rem;
    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);
}

.uep-shell__empty i[b-aa23cd53nr] {
    font-size: 2rem;
    opacity: 0.6;
}

@media (max-width: 1100px) {
    .uep-shell[b-aa23cd53nr] {
        overflow: auto;
    }

    .uep-shell__layout[b-aa23cd53nr] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .uep-shell__summary[b-aa23cd53nr] {
        height: clamp(18rem, calc(100dvh - 28rem), 24rem);
        max-height: 24rem;
    }

    .uep-shell__editor[b-aa23cd53nr] {
        height: clamp(24rem, calc(100dvh - 22rem), 42rem);
        max-height: 42rem;
    }
}

@media (max-width: 768px) {
    .uep-shell__header[b-aa23cd53nr] {
        flex-direction: column;
    }

    .uep-shell__header-actions[b-aa23cd53nr] {
        justify-content: flex-start;
    }

    .uep-shell__readonly-pill[b-aa23cd53nr] {
        white-space: normal;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/EntityPermissions/UserEntityPermissionSummaryList.razor.rz.scp.css */
.ueps-list[b-tddo5iol34] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    overflow: hidden;
}

.ueps-list__header[b-tddo5iol34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--s-color-border);
    background-color: color-mix(in srgb, var(--s-color-primary) 4%, transparent);
}

.ueps-list__title[b-tddo5iol34] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--s-color-body-text);
    letter-spacing: -0.01em;
}

.ueps-list__count[b-tddo5iol34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 700;
}

.ueps-list__body[b-tddo5iol34] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.ueps-list__item[b-tddo5iol34] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 0.5rem 0.85rem;
    border: none;
    border-bottom: 1px solid var(--s-color-border);
    background-color: transparent;
    color: var(--s-color-body-text);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ueps-list__item:hover[b-tddo5iol34] {
    background-color: color-mix(in srgb, var(--s-color-primary) 5%, transparent);
}

.ueps-list__item--active[b-tddo5iol34] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    box-shadow: inset 4px 0 0 var(--s-color-primary);
}

.ueps-list__item-main[b-tddo5iol34] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.15rem;
}

.ueps-list__item-title[b-tddo5iol34] {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ueps-list__item-meta[b-tddo5iol34] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.ueps-list__item-meta-separator[b-tddo5iol34] {
    color: var(--s-color-border-strong, var(--s-color-border));
}

.ueps-list__permission[b-tddo5iol34] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.ueps-list__permission--allow[b-tddo5iol34] {
    background-color: color-mix(in srgb, var(--s-color-success, #10b981) 14%, transparent);
    color: var(--s-color-success, #047857);
}

.ueps-list__permission--deny[b-tddo5iol34] {
    background-color: color-mix(in srgb, var(--s-color-danger, #ef4444) 14%, transparent);
    color: var(--s-color-danger, #b91c1c);
}

@media (max-width: 1100px) {
    .ueps-list__body[b-tddo5iol34] {
        max-height: 100%;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/ReportPermissions/UserReportPermissionCopyModal.razor.rz.scp.css */
.urpc-modal[b-2wa50p577z] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    min-height: 34rem;
}

.urpc-empty[b-2wa50p577z] {
    display: flex;
    min-height: 26rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
    text-align: center;
}

.urpc-empty i[b-2wa50p577z] {
    font-size: 2rem;
}

.urpc-summary[b-2wa50p577z] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--s-space-8);
}

.urpc-summary > div[b-2wa50p577z] {
    min-width: 0;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.urpc-summary span[b-2wa50p577z] {
    display: block;
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.urpc-summary strong[b-2wa50p577z] {
    display: block;
    overflow: hidden;
    color: var(--s-color-body-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.urpc-grid[b-2wa50p577z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 0.95fr);
    gap: var(--s-space-12);
    min-height: 0;
}

.urpc-panel[b-2wa50p577z] {
    display: flex;
    min-width: 0;
    min-height: 28rem;
    max-height: 34rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.urpc-panel__header[b-2wa50p577z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-8);
    padding: 0.85rem 0.9rem;
    border-bottom: 1px solid var(--s-color-border);
}

.urpc-panel__header h5[b-2wa50p577z] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 800;
}

.urpc-panel__header p[b-2wa50p577z] {
    margin: 0.2rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    line-height: 1.35;
}

.urpc-actions[b-2wa50p577z] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.urpc-actions button[b-2wa50p577z] {
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background-color: var(--s-color-background);
    color: var(--s-color-body-text);
    padding: 0.35rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 800;
}

.urpc-search[b-2wa50p577z] {
    margin: 0.75rem 0.85rem 0.6rem;
    padding: 0.48rem 0.65rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-background);
    color: var(--s-color-body-text);
    font-size: 0.78rem;
    outline: none;
}

.urpc-target-filters[b-2wa50p577z] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.34fr) minmax(8rem, 0.34fr) minmax(12rem, 1fr);
    gap: 0.45rem;
    padding: 0.65rem 0.85rem 0.6rem;
}

.urpc-target-filters .urpc-search[b-2wa50p577z] {
    width: 100%;
    margin: 0;
}

.urpc-select[b-2wa50p577z] {
    width: 100%;
    min-width: 0;
    padding: 0.48rem 0.65rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-background);
    color: var(--s-color-body-text);
    font-size: 0.78rem;
}

.urpc-filter-strip[b-2wa50p577z] {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    padding: 0 0.85rem 0.6rem;
}

.urpc-filter-badge[b-2wa50p577z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background-color: var(--s-color-background);
    color: var(--s-color-body-text);
    padding: 0.3rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.urpc-filter-badge--active[b-2wa50p577z] {
    border-color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary, #8b5cf6) 12%, transparent);
    color: var(--s-color-primary);
}

.urpc-filter-badge small[b-2wa50p577z] {
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    background-color: var(--s-color-card);
}

.urpc-list[b-2wa50p577z] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    padding: 0 0.85rem 0.85rem;
}

.urpc-group[b-2wa50p577z] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 0.65rem;
}

.urpc-group__header[b-2wa50p577z],
.urpc-permission[b-2wa50p577z],
.urpc-target[b-2wa50p577z] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-background);
}

.urpc-group__header[b-2wa50p577z] {
    padding: 0.55rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 900;
}

.urpc-group__header small[b-2wa50p577z] {
    margin-left: auto;
    padding: 0.08rem 0.45rem;
    border-radius: 999px;
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
}

.urpc-permission[b-2wa50p577z] {
    padding: 0.55rem 0.65rem;
}

.urpc-permission__body[b-2wa50p577z],
.urpc-target__body[b-2wa50p577z] {
    min-width: 0;
    flex: 1;
}

.urpc-permission__body strong[b-2wa50p577z],
.urpc-permission__body small[b-2wa50p577z],
.urpc-target__body strong[b-2wa50p577z],
.urpc-target__body small[b-2wa50p577z] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.urpc-permission__body strong[b-2wa50p577z],
.urpc-target__body strong[b-2wa50p577z] {
    color: var(--s-color-body-text);
    font-size: 0.78rem;
    font-weight: 800;
}

.urpc-permission__body small[b-2wa50p577z],
.urpc-target__body small[b-2wa50p577z] {
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
}

.urpc-pill[b-2wa50p577z] {
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-primary, #8b5cf6) 10%, transparent);
    color: var(--s-color-primary);
    padding: 0.2rem 0.45rem;
    font-size: 0.64rem;
    font-weight: 900;
    white-space: nowrap;
}

.urpc-target[b-2wa50p577z] {
    padding: 0.42rem 0.55rem;
    margin-bottom: 0.35rem;
}

.urpc-target__body[b-2wa50p577z] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.urpc-target__identity[b-2wa50p577z] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    min-width: 0;
    flex: 1;
}

.urpc-target__identity strong[b-2wa50p577z],
.urpc-target__identity small[b-2wa50p577z] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.urpc-target__identity strong[b-2wa50p577z] {
    flex: 0 1 auto;
    max-width: 42%;
}

.urpc-target__identity small[b-2wa50p577z] {
    flex: 1 1 auto;
}

.urpc-target__role[b-2wa50p577z],
.urpc-target__branch[b-2wa50p577z] {
    flex: 0 0 auto;
    max-width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.16rem 0.42rem;
    border-radius: 999px;
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: 0.64rem;
    font-weight: 800;
}

.urpc-target__role[b-2wa50p577z] {
    max-width: 7.5rem;
    background-color: color-mix(in srgb, var(--s-color-primary, #8b5cf6) 8%, var(--s-color-card));
    color: var(--s-color-body-text);
}

.urpc-list__empty[b-2wa50p577z] {
    display: flex;
    min-height: 12rem;
    align-items: center;
    justify-content: center;
    color: var(--s-color-muted-foreground);
    font-size: 0.8rem;
}

.urpc-result[b-2wa50p577z] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--s-color-success, #22a447) 40%, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: color-mix(in srgb, var(--s-color-success, #22a447) 10%, transparent);
    color: var(--s-color-body-text);
}

@media (max-width: 920px) {
    .urpc-summary[b-2wa50p577z],
    .urpc-grid[b-2wa50p577z] {
        grid-template-columns: 1fr;
    }

    .urpc-target-filters[b-2wa50p577z],
    .urpc-target__body[b-2wa50p577z],
    .urpc-target__identity[b-2wa50p577z] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .urpc-target__identity strong[b-2wa50p577z] {
        max-width: none;
    }

    .urpc-target__role[b-2wa50p577z],
    .urpc-target__branch[b-2wa50p577z] {
        max-width: none;
        width: fit-content;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/ReportPermissions/UserReportPermissionsTab.razor.rz.scp.css */
.urp-shell[b-4eqentp7ou] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    height: calc(100vh - 15.5rem);
    min-height: 30rem;
    overflow: hidden;
}

.urp-header[b-4eqentp7ou] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: 0.75rem 1rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.urp-header h4[b-4eqentp7ou] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.urp-header p[b-4eqentp7ou] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
}

.urp-header__actions[b-4eqentp7ou] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.urp-readonly[b-4eqentp7ou] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-warning, #f59e0b) 12%, transparent);
    color: var(--s-color-warning, #b45309);
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
}

.urp-copy-btn[b-4eqentp7ou] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--s-color-primary, #8b5cf6) 45%, var(--s-color-border));
    border-radius: 999px;
    background-color: var(--s-color-primary, #8b5cf6);
    color: var(--s-color-primary-foreground, #fff);
    padding: 0.45rem 0.8rem;
    font-size: 0.74rem;
    font-weight: 600;
    white-space: nowrap;
}

.urp-copy-btn:disabled[b-4eqentp7ou] {
    cursor: not-allowed;
    opacity: 0.55;
}

.urp-summary[b-4eqentp7ou] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.urp-summary__item[b-4eqentp7ou] {
    display: inline-flex;
    min-width: 0;
    max-width: 14rem;
    align-items: center;
    gap: var(--s-space-4);
    padding: 0.32rem 0.55rem;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    background-color: var(--s-color-background);
    color: var(--s-color-muted-foreground);
    font-size: 0.7rem;
    white-space: nowrap;
}

.urp-summary__value[b-4eqentp7ou] {
    min-width: 0;
    overflow: hidden;
    color: var(--s-color-body-text);
    font-weight: 600;
    text-overflow: ellipsis;
}

.urp-layout[b-4eqentp7ou] {
    display: grid;
    grid-template-columns: minmax(22rem, 0.9fr) minmax(30rem, 1.1fr);
    gap: var(--s-space-12);
    flex: 1;
    min-height: 0;
}

.urp-panel[b-4eqentp7ou] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.urp-panel__header[b-4eqentp7ou] {
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-8);
    padding: 0.85rem 1rem 0.55rem;
}

.urp-panel__header h5[b-4eqentp7ou] {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
}

.urp-panel__header p[b-4eqentp7ou] {
    margin: 0.2rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    line-height: 1.35;
}

.urp-search[b-4eqentp7ou] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 1rem 0.6rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-background);
    color: var(--s-color-muted-foreground);
}

.urp-search input[b-4eqentp7ou] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--s-color-body-text);
    font-size: 0.78rem;
}

.urp-search button[b-4eqentp7ou] {
    border: 0;
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.urp-report-content[b-4eqentp7ou] {
    display: grid;
    grid-template-columns: 12.5rem minmax(0, 1fr);
    gap: var(--s-space-8);
    flex: 1;
    min-height: 0;
    padding: 0 1rem 1rem;
}

.urp-category-tabs[b-4eqentp7ou] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    gap: var(--s-space-4);
    overflow: auto;
    padding-right: var(--s-space-4);
    border-right: 1px solid var(--s-color-border);
}

.urp-category-tab[b-4eqentp7ou] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--s-space-6);
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-default);
    background-color: transparent;
    color: var(--s-color-body-text);
    padding: 0.42rem 0.5rem;
    text-align: left;
}

.urp-category-tab:hover[b-4eqentp7ou],
.urp-category-tab.is-active[b-4eqentp7ou] {
    border-color: color-mix(in srgb, var(--s-color-primary, #8b5cf6) 45%, var(--s-color-border));
    background-color: color-mix(in srgb, var(--s-color-primary, #8b5cf6) 10%, var(--s-color-card));
}

.urp-category-tab__icon[b-4eqentp7ou] {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    font-size: 0.82rem;
}

.urp-category-tab__name[b-4eqentp7ou] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.urp-category-tab__count[b-4eqentp7ou] {
    min-width: 1.65rem;
    border-radius: 999px;
    background-color: var(--s-color-background);
    color: var(--s-color-muted-foreground);
    padding: 0.12rem 0.35rem;
    font-size: 0.68rem;
    text-align: center;
}

.urp-report-list-shell[b-4eqentp7ou] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}

.urp-report-list-shell .urp-search[b-4eqentp7ou] {
    margin: 0 0 0.6rem;
}

.urp-list[b-4eqentp7ou] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.urp-list table[b-4eqentp7ou] {
    width: 100%;
    border-collapse: collapse;
}

.urp-list th[b-4eqentp7ou] {
    position: sticky;
    z-index: 1;
    top: 0;
    padding: 0.45rem 0.75rem;
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.urp-list th:not(:first-child)[b-4eqentp7ou],
.urp-list td:not(:first-child)[b-4eqentp7ou] {
    width: 6rem;
    text-align: center;
}

.urp-list td[b-4eqentp7ou] {
    padding: var(--datatable-row-size, 0.42rem 0.75rem);
    border-top: 1px solid color-mix(in srgb, var(--s-color-border) 70%, transparent);
    background-color: var(--s-row-color, transparent);
    font-size: var(--datatable-row-font-size, 0.78rem);
    vertical-align: middle;
}

.urp-resource-title[b-4eqentp7ou] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-body-text);
    font-size: 0.78rem;
    font-weight: 500;
}

.urp-list__empty[b-4eqentp7ou],
.urp-empty[b-4eqentp7ou] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: 16rem;
    color: var(--s-color-muted-foreground);
    font-size: 0.82rem;
}

.urp-auth-check[b-4eqentp7ou],
.urp-radio[b-4eqentp7ou] {
    display: inline-grid;
    place-items: center;
    margin: 0;
    padding: 0.28rem 0.55rem;
    cursor: pointer;
}

.urp-auth-check input[b-4eqentp7ou],
.urp-radio input[b-4eqentp7ou] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.urp-auth-check span[b-4eqentp7ou] {
    display: inline-grid;
    width: 1.2rem;
    height: 1.2rem;
    place-items: center;
    border: 1px solid #ef4444;
    border-radius: 0.3rem;
    color: transparent;
    background-color: color-mix(in srgb, #ef4444 8%, transparent);
}

.urp-auth-check--on span[b-4eqentp7ou] {
    border-color: #22a447;
    background-color: #22a447;
    color: #fff;
}

.urp-auth-check input:disabled + span[b-4eqentp7ou],
.urp-radio input:disabled + span[b-4eqentp7ou] {
    opacity: 0.55;
}

.urp-radio span[b-4eqentp7ou] {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #f87171;
    border-radius: 999px;
    background-color: color-mix(in srgb, #f87171 8%, transparent);
}

.urp-radio input:checked + span[b-4eqentp7ou] {
    border: 5px solid #22a447;
    background-color: #fff;
}

.urp-layout-toggle[b-4eqentp7ou] {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    min-width: 6.8rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--s-color-primary, #8b5cf6) 35%, var(--s-color-border));
    border-radius: 0.45rem;
}

.urp-layout-toggle__button[b-4eqentp7ou] {
    border: 0;
    background-color: transparent;
    color: var(--s-color-muted-foreground);
    padding: 0.26rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 600;
}

.urp-layout-toggle__button--active[b-4eqentp7ou] {
    background-color: var(--s-color-primary, #8b5cf6);
    color: var(--s-color-primary-foreground, #fff);
}

.urp-layout-toggle__button:disabled[b-4eqentp7ou] {
    opacity: 0.55;
}

@media (max-width: 1200px) {
    .urp-shell[b-4eqentp7ou] {
        height: auto;
        overflow: visible;
    }

    .urp-layout[b-4eqentp7ou] {
        grid-template-columns: 1fr;
    }

    .urp-report-content[b-4eqentp7ou] {
        grid-template-columns: 1fr;
    }

    .urp-category-tabs[b-4eqentp7ou] {
        min-height: auto;
        flex-direction: row;
        overflow-x: auto;
        padding-right: 0;
        padding-bottom: var(--s-space-4);
        border-right: 0;
        border-bottom: 1px solid var(--s-color-border);
    }

    .urp-category-tab[b-4eqentp7ou] {
        min-width: 11rem;
    }

    .urp-panel[b-4eqentp7ou] {
        min-height: 24rem;
    }
}

@media (max-width: 768px) {
    .urp-header[b-4eqentp7ou] {
        flex-direction: column;
    }

    .urp-header__actions[b-4eqentp7ou] {
        justify-content: flex-start;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/SetPasswordModal.razor.rz.scp.css */
/* =====================================================
   SetPasswordModal — Scoped CSS
   Tema token'ları ile tam uyumlu, dark mode ready
   ===================================================== */

/* ===== Form Container ===== */
.spm-form[b-o0hsc98p8m] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16, 16px);
    padding: 1.25rem 1.5rem;
}

/* ===== Info Alert ===== */
.spm-alert[b-o0hsc98p8m] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: var(--s-border-radius-default, 8px);
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 20%, transparent);
    background-color: color-mix(in srgb, var(--s-color-primary) 5%, transparent);
}

.spm-alert-icon[b-o0hsc98p8m] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
    font-size: 0.85rem;
}

.spm-alert-text[b-o0hsc98p8m] {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--s-color-muted-foreground);
}

/* ===== Field Group ===== */
.spm-field-group[b-o0hsc98p8m] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.spm-label[b-o0hsc98p8m] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--s-color-body-text);
    letter-spacing: -0.01em;
}

.spm-label i[b-o0hsc98p8m] {
    font-size: 0.82rem;
    color: var(--s-color-muted-foreground);
}

/* ===== Password Input Wrapper ===== */
.spm-password-wrapper[b-o0hsc98p8m] {
    position: relative;
    display: flex;
    align-items: center;
}

.spm-password-wrapper :deep(.dxbl-text-edit)[b-o0hsc98p8m] {
    width: 100%;
}

.spm-password-wrapper :deep(input)[b-o0hsc98p8m] {
    padding-right: 2.5rem !important;
}

.spm-toggle-btn[b-o0hsc98p8m] {
    position: absolute;
    right: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border: none;
    border-radius: var(--s-border-radius-small, 4px);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
    z-index: 1;
    font-size: 0.85rem;
}

.spm-toggle-btn:hover[b-o0hsc98p8m] {
    color: var(--s-color-body-text);
    background-color: var(--s-color-accent);
}

/* ===== Validation ===== */
.spm-validation[b-o0hsc98p8m] {
    font-size: 0.72rem;
    color: var(--s-color-danger, #dc2626);
    margin-top: 0.15rem;
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserAccountActionButtons.razor.rz.scp.css */
.uaa-actions[b-o3eyvjn43d] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    width: max-content;
}

.uaa-btn[b-o3eyvjn43d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--s-border-radius-default);
    background-color: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
}

.uaa-btn:hover:not(:disabled)[b-o3eyvjn43d] {
    background-color: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.uaa-btn:disabled[b-o3eyvjn43d] {
    opacity: 0.45;
    cursor: not-allowed;
}

.uaa-btn-confirm[b-o3eyvjn43d] {
    color: var(--s-color-primary);
}

.uaa-btn-delete[b-o3eyvjn43d] {
    color: var(--s-color-destructive);
}

.uaa-btn-delete:hover:not(:disabled)[b-o3eyvjn43d] {
    background-color: rgba(220, 38, 38, 0.1);
    color: var(--s-color-destructive);
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserCatalogExportGrid.razor.rz.scp.css */
.uc-export-grid-host[b-heu5azsyx5] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserContactOrganizationTab.razor.rz.scp.css */
.ucp-card[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

.ucp-header[b-zz6od4j1sd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
}

.ucp-header-actions[b-zz6od4j1sd],
.ucp-title-row[b-zz6od4j1sd],
.ucp-actions[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ucp-title[b-zz6od4j1sd] {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 0.925rem;
    font-weight: 700;
}

.ucp-subtitle[b-zz6od4j1sd] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
}

.ucp-status[b-zz6od4j1sd] {
    display: inline-flex;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
}

.ucp-status.is-linked[b-zz6od4j1sd] {
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

.ucp-status.is-muted[b-zz6od4j1sd] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.ucp-body[b-zz6od4j1sd],
.ucp-editor[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
}

.ucp-summary-grid[b-zz6od4j1sd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ucp-summary-item[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
}

.ucp-summary-item:nth-child(odd)[b-zz6od4j1sd] {
    border-right: 1px solid var(--s-color-border);
}

.ucp-summary-icon[b-zz6od4j1sd],
.ucp-linked-item-icon[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    color: var(--s-color-primary);
    flex-shrink: 0;
}

.ucp-summary-text[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.ucp-summary-text span[b-zz6od4j1sd],
.ucp-block-title[b-zz6od4j1sd],
.ucp-field > span[b-zz6od4j1sd] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ucp-summary-text strong[b-zz6od4j1sd] {
    color: var(--s-color-body-text);
    font-size: 0.85rem;
    font-weight: 700;
}

.ucp-current-block[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    background: color-mix(in srgb, var(--s-color-muted) 30%, transparent);
}

.ucp-linked-list[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ucp-linked-item[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.85rem;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
}

.ucp-linked-item.is-edit[b-zz6od4j1sd] {
    justify-content: space-between;
}

.ucp-linked-item-info[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    flex: 1;
    min-width: 0;
}

.ucp-linked-item-info strong[b-zz6od4j1sd] {
    color: var(--s-color-body-text);
    font-size: 0.82rem;
    font-weight: 700;
}

.ucp-linked-item-info span[b-zz6od4j1sd] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
}

.ucp-linked-item-contact[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.ucp-contact-tag[b-zz6od4j1sd] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-muted) 50%, transparent);
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
}

.ucp-editor-section[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
}

.ucp-editor-section.is-disabled[b-zz6od4j1sd] {
    opacity: 0.45;
    pointer-events: none;
}

.ucp-section-title[b-zz6od4j1sd] {
    color: var(--s-color-body-text);
    font-size: 0.8rem;
    font-weight: 700;
}

.ucp-form-grid[b-zz6od4j1sd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 0.85rem;
}

.ucp-field[b-zz6od4j1sd] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ucp-field.is-wide[b-zz6od4j1sd] {
    grid-column: 1 / -1;
}

.ucp-checkbox[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--s-color-body-text);
    font-size: 0.82rem;
}

.ucp-divider[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1.25rem;
}

.ucp-divider[b-zz6od4j1sd]::before,
.ucp-divider[b-zz6od4j1sd]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--s-color-border);
}

.ucp-divider span[b-zz6od4j1sd],
.ucp-muted[b-zz6od4j1sd] {
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
}

.ucp-empty[b-zz6od4j1sd],
.ucp-empty-state[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    color: var(--s-color-muted-foreground);
}

.ucp-empty[b-zz6od4j1sd] {
    min-height: 200px;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.ucp-empty-state[b-zz6od4j1sd] {
    padding: 1rem 1.25rem;
    background: color-mix(in srgb, var(--s-color-muted) 25%, transparent);
    border-top: 1px dashed var(--s-color-border);
}

.ucp-empty-state i[b-zz6od4j1sd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    color: var(--s-color-primary);
    flex-shrink: 0;
}

.ucp-empty-state strong[b-zz6od4j1sd] {
    color: var(--s-color-body-text);
    font-size: 0.85rem;
}

.ucp-empty-state p[b-zz6od4j1sd] {
    margin: 0.15rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
}

@media (max-width: 992px) {
    .ucp-header[b-zz6od4j1sd],
    .ucp-linked-item.is-edit[b-zz6od4j1sd] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ucp-summary-grid[b-zz6od4j1sd],
    .ucp-form-grid[b-zz6od4j1sd] {
        grid-template-columns: 1fr;
    }

    .ucp-summary-item:nth-child(odd)[b-zz6od4j1sd] {
        border-right: none;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserEmployeeOrganizationTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   UserEmployeeOrganizationTab — Redesigned Card
   ═══════════════════════════════════════════════════════ */

.ueo-card[b-1s09yrc5ju] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 100%;
    width: 100%;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

/* ── Header ───────────────────────────────────────────── */

.ueo-header[b-1s09yrc5ju] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
    background: var(--s-color-card);
}

.ueo-header-actions[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-shrink: 0;
}

.ueo-title-row[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ueo-title[b-1s09yrc5ju] {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 0.925rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.ueo-subtitle[b-1s09yrc5ju] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
}

.ueo-status[b-1s09yrc5ju] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.ueo-status.is-linked[b-1s09yrc5ju] {
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

.ueo-status.is-muted[b-1s09yrc5ju] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

/* ── Body / Editor ────────────────────────────────────── */

.ueo-body[b-1s09yrc5ju],
.ueo-editor[b-1s09yrc5ju] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

/* ── Summary Grid — Key/Value pairs ──────────────────── */

.ueo-summary-grid[b-1s09yrc5ju] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
}

.ueo-summary-item[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
    background: transparent;
    transition: background-color 0.15s ease;
    border: none;
    border-radius: 0;
}

.ueo-summary-item:nth-child(odd)[b-1s09yrc5ju] {
    border-right: 1px solid var(--s-color-border);
}

.ueo-summary-item:hover[b-1s09yrc5ju] {
    background: color-mix(in srgb, var(--s-color-muted) 40%, transparent);
}

.ueo-summary-icon[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    color: var(--s-color-primary);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.ueo-summary-text[b-1s09yrc5ju] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.ueo-summary-text span[b-1s09yrc5ju] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ueo-summary-text strong[b-1s09yrc5ju] {
    color: var(--s-color-body-text);
    font-size: 0.85rem;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.3;
}

/* ── Current Assignments Block ────────────────────────── */

.ueo-current-block[b-1s09yrc5ju] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    background: color-mix(in srgb, var(--s-color-muted) 30%, transparent);
    border: none;
    border-radius: 0;
}

.ueo-block-title[b-1s09yrc5ju] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ueo-chip-list[b-1s09yrc5ju] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ueo-chip[b-1s09yrc5ju] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    color: var(--s-color-body-text);
    font-size: 0.74rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.ueo-chip:hover[b-1s09yrc5ju] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

/* ── Empty State ──────────────────────────────────────── */

.ueo-empty-state[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    margin: 0;
    background: color-mix(in srgb, var(--s-color-muted) 25%, transparent);
    border: none;
    border-radius: 0;
    border-top: 1px dashed var(--s-color-border);
}

.ueo-empty-state i[b-1s09yrc5ju] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    color: var(--s-color-primary);
    font-size: 1rem;
    flex-shrink: 0;
}

.ueo-empty-state strong[b-1s09yrc5ju] {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--s-color-body-text);
    font-size: 0.85rem;
}

.ueo-empty-state p[b-1s09yrc5ju] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.5;
}

/* ── Editor / Form ────────────────────────────────────── */

.ueo-form-grid[b-1s09yrc5ju] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 0.85rem;
    padding: 1rem 1.25rem;
}

.ueo-field[b-1s09yrc5ju] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--s-color-body-text);
    font-size: 0.85rem;
}

.ueo-field > span[b-1s09yrc5ju] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ueo-field-span-2[b-1s09yrc5ju] {
    grid-column: span 2;
}

.ueo-actions[b-1s09yrc5ju] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-muted) 20%, transparent);
}

/* ── Loading / Error states ───────────────────────────── */

.ueo-empty[b-1s09yrc5ju] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    color: var(--s-color-muted-foreground);
    text-align: center;
    padding: 2rem;
}

.ueo-empty i[b-1s09yrc5ju] {
    font-size: 1.5rem;
    opacity: 0.5;
}

/* ── Responsive ───────────────────────────────────────── */

@media (max-width: 992px) {
    .ueo-header[b-1s09yrc5ju] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ueo-header-actions[b-1s09yrc5ju] {
        justify-content: flex-start;
    }

    .ueo-summary-grid[b-1s09yrc5ju] {
        grid-template-columns: 1fr;
    }

    .ueo-summary-item:nth-child(odd)[b-1s09yrc5ju] {
        border-right: none;
    }

    .ueo-form-grid[b-1s09yrc5ju] {
        grid-template-columns: 1fr;
    }

    .ueo-field-span-2[b-1s09yrc5ju] {
        grid-column: span 1;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserErpConnectionsTab.razor.rz.scp.css */
.uerp-container[b-8010roauzm] {
    padding: var(--s-space-16);
    background-color: transparent;
    color: var(--s-color-body-text);
    font-family: var(--s-font-family-body);
    width: 100%;
}

.uerp-toolbar[b-8010roauzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    margin-bottom: 12px;
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
}

.uerp-page-title[b-8010roauzm] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    font-size: var(--s-font-size-15, 15px);
    font-weight: 700;
    color: var(--s-color-body-text);
}

.uerp-page-title i[b-8010roauzm] {
    color: var(--s-color-muted-foreground);
    font-size: 16px;
}

.uerp-page-subtitle[b-8010roauzm] {
    margin: 2px 0 0;
    font-size: var(--s-font-size-11, 11px);
    color: var(--s-color-muted-foreground);
}

.uerp-toolbar-btn[b-8010roauzm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 11px;
    border: 1px solid var(--s-color-border);
    border-radius: 6px;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    cursor: pointer;
    font-size: var(--s-font-size-11, 11px);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.uerp-toolbar-btn:hover:not(:disabled)[b-8010roauzm] {
    background-color: var(--s-color-accent);
}

.uerp-toolbar-btn:disabled[b-8010roauzm] {
    cursor: not-allowed;
    opacity: 0.55;
}

.uerp-btn-primary[b-8010roauzm] {
    color: var(--s-color-primary);
    border-color: rgba(var(--s-color-primary-rgb), 0.35);
}

.uerp-btn-primary:hover:not(:disabled)[b-8010roauzm] {
    background-color: rgba(var(--s-color-primary-rgb), 0.07);
}

.uerp-state[b-8010roauzm] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12, 12px);
}

.uerp-empty[b-8010roauzm] {
    flex-direction: column;
}

.uerp-empty i[b-8010roauzm] {
    font-size: 28px;
    opacity: 0.45;
}

.uerp-grid[b-8010roauzm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    gap: 12px;
    align-items: start;
}

.uerp-grid-single[b-8010roauzm] {
    grid-template-columns: minmax(0, 1fr);
}

.uerp-card[b-8010roauzm] {
    min-width: 0;
    width: 100%;
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
    overflow: hidden;
}

.uerp-card-header[b-8010roauzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--s-color-border);
}

.uerp-card-heading[b-8010roauzm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.uerp-logo[b-8010roauzm] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--s-color-primary-rgb), 0.11);
    color: var(--s-color-primary);
    font-weight: 800;
    font-size: var(--s-font-size-12, 12px);
    flex-shrink: 0;
}

.uerp-name[b-8010roauzm] {
    font-size: var(--s-font-size-14, 14px);
    font-weight: 700;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uerp-key[b-8010roauzm] {
    margin-top: 1px;
    font-family: monospace;
    font-size: var(--s-font-size-10, 10px);
    color: var(--s-color-muted-foreground);
}

.uerp-card-badges[b-8010roauzm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;
}

.uerp-badge[b-8010roauzm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid var(--s-color-border);
    font-size: var(--s-font-size-10, 10px);
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.uerp-badge-primary[b-8010roauzm] {
    color: var(--s-color-primary);
    border-color: rgba(var(--s-color-primary-rgb), 0.35);
    background-color: rgba(var(--s-color-primary-rgb), 0.07);
}

.uerp-badge-success[b-8010roauzm] {
    color: var(--s-color-success, #059669);
    border-color: color-mix(in srgb, var(--s-color-success, #059669) 35%, transparent);
    background-color: color-mix(in srgb, var(--s-color-success, #059669) 8%, transparent);
}

.uerp-badge-warning[b-8010roauzm] {
    color: var(--s-color-warning, #b45309);
    border-color: color-mix(in srgb, var(--s-color-warning, #b45309) 35%, transparent);
    background-color: color-mix(in srgb, var(--s-color-warning, #b45309) 9%, transparent);
}

.uerp-badge-muted[b-8010roauzm] {
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-muted);
}

.uerp-section[b-8010roauzm] {
    padding: 12px 14px;
}

.uerp-section + .uerp-section[b-8010roauzm] {
    border-top: 1px solid var(--s-color-border);
}

.uerp-section-title[b-8010roauzm] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: var(--s-color-label);
    font-size: var(--s-font-size-10, 10px);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.uerp-param-list[b-8010roauzm] {
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid var(--s-color-border);
    border-radius: 8px;
    overflow: hidden;
}

.uerp-param-row[b-8010roauzm] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 0.58fr);
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid var(--s-color-border);
    background-color: var(--s-color-card);
}

.uerp-param-row:last-child[b-8010roauzm] {
    border-bottom: 0;
}

.uerp-param-row:nth-child(even)[b-8010roauzm] {
    background-color: var(--s-color-muted);
}

.uerp-param-label[b-8010roauzm] {
    min-width: 0;
    color: var(--s-color-label);
    font-size: var(--s-font-size-10, 10px);
    font-weight: 800;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uerp-param-value[b-8010roauzm] {
    min-width: 0;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12, 12px);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uerp-inline-empty[b-8010roauzm] {
    padding: 12px;
    color: var(--s-color-muted-foreground);
    background-color: var(--s-color-muted);
    border-radius: 8px;
    font-size: var(--s-font-size-12, 12px);
}

.uerp-credential-section[b-8010roauzm] {
    background-color: color-mix(in srgb, var(--s-color-card) 94%, var(--s-color-muted));
}

.uerp-credential-row[b-8010roauzm] {
    display: grid;
    grid-template-columns: minmax(170px, 0.34fr) minmax(0, 0.66fr);
    gap: 16px;
    align-items: center;
    padding: 9px 0;
}

.uerp-credential-row + .uerp-credential-row[b-8010roauzm] {
    border-top: 1px solid var(--s-color-border);
}

.uerp-credential-info[b-8010roauzm] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.uerp-credential-editor[b-8010roauzm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.uerp-param-editor[b-8010roauzm] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.uerp-text-input[b-8010roauzm] {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    padding: 5px 9px;
    border: 1px solid var(--s-color-border);
    border-radius: 6px;
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12, 12px);
    outline: none;
}

.uerp-text-input:focus[b-8010roauzm] {
    border-color: var(--s-color-ring);
}

.uerp-text-input:disabled[b-8010roauzm] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 920px) {
    .uerp-toolbar[b-8010roauzm],
    .uerp-card-header[b-8010roauzm],
    .uerp-credential-row[b-8010roauzm] {
        align-items: stretch;
        flex-direction: column;
    }

    .uerp-grid[b-8010roauzm] {
        grid-template-columns: 1fr;
    }

    .uerp-credential-row[b-8010roauzm] {
        display: flex;
    }

    .uerp-credential-editor[b-8010roauzm],
    .uerp-param-editor[b-8010roauzm] {
        grid-template-columns: 1fr;
    }

    .uerp-param-row[b-8010roauzm] {
        grid-template-columns: 1fr;
        gap: 2px;
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserOptionEntityAuthorizedComboBox.razor.rz.scp.css */
.uot-auth-option[b-antw2za5nr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.uot-auth-option--blocked[b-antw2za5nr] {
    color: var(--s-color-danger, #dc2626);
}

.uot-auth-option-badge[b-antw2za5nr] {
    flex: 0 0 auto;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.1);
    color: var(--s-color-danger, #dc2626);
    font-size: 10px;
    font-weight: 700;
}

.uot-auth-warning[b-antw2za5nr] {
    margin-top: 4px;
    color: var(--s-color-danger, #dc2626);
    font-size: 11px;
    line-height: 1.3;
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserOptionsTab.razor.rz.scp.css */
/* =====================================================
   UserOptionsTab.razor.css
   Pattern: birebir RecurringJobCatalog.razor.css

   ThemeEditor uyumu:
   - Tüm ölçüler s-token (rem) tabanlı: font ölçeği ile birlikte ölçeklenir.
   - Tablo boyutu/satır/kontrast: .s-datatable değişkenleri üzerinden.
   - Renkler: --s-color-* token'ları; vurgu renkleri color-mix ile
     --s-color-primary'den türetilir (renk şeması değişince uyum sağlar).
   ===================================================== */

/* ===== Container ===== */
.uot-container[b-4a0xu1ic1j] {
    box-sizing: border-box;
    padding: var(--s-space-8);
    width: 100%;
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    font-family: var(--s-font-family-body);
    background-color: transparent;
    overflow: hidden;
}

/* ===== Toolbar ===== */
.uot-toolbar[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--s-space-8) var(--s-space-12);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 10px);
    margin-bottom: var(--s-space-8);
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: var(--s-space-8);
}

.uot-page-title[b-4a0xu1ic1j] {
    color: var(--s-color-body-text);
    margin: 0;
    font-size: var(--s-font-size-16);
    font-weight: var(--s-font-weight-semibold);
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.uot-page-title i[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-18);
    color: var(--s-color-muted-foreground);
}

.uot-toolbar-actions[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.uot-toolbar-btn[b-4a0xu1ic1j] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-5);
    padding: var(--s-space-4) var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 6px);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    font-family: var(--s-font-family-body);
}

.uot-btn-primary[b-4a0xu1ic1j] {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, transparent);
}

.uot-btn-primary:hover[b-4a0xu1ic1j] {
    background-color: color-mix(in srgb, var(--s-color-primary) 7%, transparent);
}

.uot-btn-success[b-4a0xu1ic1j] {
    color: var(--s-color-success, #059669);
    border-color: color-mix(in srgb, var(--s-color-success, #059669) 30%, transparent);
}

.uot-btn-success:hover[b-4a0xu1ic1j] {
    background-color: color-mix(in srgb, var(--s-color-success, #059669) 8%, transparent);
}

.uot-btn-danger[b-4a0xu1ic1j] {
    color: var(--s-color-danger, #dc2626);
    border-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 30%, transparent);
}

.uot-btn-danger:hover[b-4a0xu1ic1j] {
    background-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 8%, transparent);
}

.uot-toolbar-btn:disabled[b-4a0xu1ic1j] {
    opacity: 0.5;
    cursor: not-allowed;
}

.uot-selection-count[b-4a0xu1ic1j] {
    display: inline-flex;
    align-items: center;
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    border-radius: var(--s-border-radius-small, 5px);
    padding: var(--s-space-1) var(--s-space-7);
}

/* ===== Search ===== */
.uot-search-box[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-5);
    padding: var(--s-space-3) var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 6px);
    background-color: var(--s-color-input-bg);
    width: calc(var(--rem-scale) * 30rem);
    max-width: 100%;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.uot-search-box:focus-within[b-4a0xu1ic1j] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-ring) 34%, transparent);
}

.uot-search-icon[b-4a0xu1ic1j] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    flex-shrink: 0;
}

.uot-search-input[b-4a0xu1ic1j] {
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--s-font-size-12);
    font-family: var(--s-font-family-body);
    width: 100%;
    color: var(--s-color-body-text);
}

.uot-search-input[b-4a0xu1ic1j]::placeholder {
    color: var(--s-color-input-placeholder);
}

.uot-search-clear[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: var(--s-font-size-11);
    line-height: 1;
}

.uot-search-clear:hover[b-4a0xu1ic1j] {
    color: var(--s-color-body-text);
}

/* ===== Body ===== */
.uot-body[b-4a0xu1ic1j] {
    display: flex;
    flex: 1;
    min-height: 0;
    max-height: 100%;
    gap: 0;
    overflow: hidden;
}

/* ===== Group List (Sol Sidebar) ===== */
.uot-group-list[b-4a0xu1ic1j] {
    min-width: calc(var(--rem-scale) * 24rem);
    max-width: calc(var(--rem-scale) * 26rem);
    min-height: 0;
    padding-right: var(--s-space-10);
    overflow-y: auto;
    overscroll-behavior: contain;
    border-right: 1px solid var(--s-color-border);
    background-color: transparent;
}

.uot-group-item[b-4a0xu1ic1j] {
    cursor: pointer;
    border-radius: var(--s-border-radius-small, 6px);
    transition: all 0.12s ease;
    margin-bottom: var(--s-space-1);
    color: var(--s-color-body-text);
}

.uot-group-item:hover[b-4a0xu1ic1j] {
    background-color: var(--s-color-accent);
}

.uot-group-item.selected[b-4a0xu1ic1j] {
    background-color: var(--s-color-accent);
    box-shadow: inset 3px 0 0 var(--s-color-primary);
}

.uot-group-item.selected .uot-group-name[b-4a0xu1ic1j] {
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.uot-group-item.selected .uot-group-icon[b-4a0xu1ic1j] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.uot-tag-filter-item.selected .uot-tag-badge[b-4a0xu1ic1j] {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.uot-group-row[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-4) var(--s-space-8);
    min-width: 0;
}

.uot-group-row .uot-group-count[b-4a0xu1ic1j],
.uot-sidebar-tag-row .uot-group-count[b-4a0xu1ic1j] {
    margin-left: auto;
    flex-shrink: 0;
}

.uot-group-name[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-12);
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uot-group-icon[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 3.2rem);
    height: calc(var(--rem-scale) * 3.2rem);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.uot-group-icon i[b-4a0xu1ic1j] {
    color: #fff;
    font-size: var(--s-font-size-12);
}

/* "Tümü" ikonu tema birincil rengini takip eder */
.uot-group-icon-all[b-4a0xu1ic1j] {
    background-color: var(--s-color-primary);
}

.uot-group-icon-all i[b-4a0xu1ic1j] {
    color: var(--s-color-primary-foreground);
}

.uot-group-count[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    padding: var(--s-space-1) var(--s-space-6);
    border-radius: 999px;
}

.uot-sidebar-section-title[b-4a0xu1ic1j] {
    margin: var(--s-space-10) var(--s-space-8) var(--s-space-4);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.uot-sidebar-tag-row[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-4) var(--s-space-8);
    min-width: 0;
}

/* ===== Content (Sağ) ===== */
.uot-content[b-4a0xu1ic1j] {
    flex: 1;
    padding-left: var(--s-space-12);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

.uot-content > .uot-list[b-4a0xu1ic1j] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}

.uot-content > .uot-list[b-4a0xu1ic1j]::-webkit-scrollbar {
    width: calc(var(--rem-scale) * 0.8rem);
}

.uot-content > .uot-list[b-4a0xu1ic1j]::-webkit-scrollbar-thumb {
    background-color: var(--s-color-muted-foreground);
    border-radius: 999px;
}

/* ===== Content Header ===== */
.uot-content-header[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    margin-bottom: var(--s-space-8);
    gap: var(--s-space-4);
    min-height: calc(var(--rem-scale) * 3.2rem);
    flex: 0 0 auto;
}

.uot-content-cat-label[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.uot-active-tag-clear[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 2.4rem);
    height: calc(var(--rem-scale) * 2.4rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--s-color-border);
    border-radius: 50%;
    background: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-10);
    cursor: pointer;
}

.uot-active-tag-clear:hover[b-4a0xu1ic1j] {
    color: var(--s-color-body-text);
    background: var(--s-color-accent);
}

.uot-select-all-row[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

/* ===== GRID / LIST ===== */
.uot-list[b-4a0xu1ic1j] {
    --uot-list-column-gap: var(--s-space-8);
    /* Kolon ölçüleri: font ölçeğiyle birlikte büyür/küçülür */
    --uot-col-check: calc(var(--rem-scale) * 3.8rem);
    --uot-col-name: minmax(calc(var(--rem-scale) * 18rem), 1.55fr);
    --uot-col-key: minmax(calc(var(--rem-scale) * 14.4rem), 1fr);
    --uot-col-cat: calc(var(--rem-scale) * 18rem);
    --uot-col-tags: minmax(calc(var(--rem-scale) * 15.5rem), calc(var(--rem-scale) * 19rem));
    --uot-col-val: calc(var(--rem-scale) * 26rem);
    --uot-col-editable: calc(var(--rem-scale) * 14.5rem);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
    background-color: var(--s-color-card);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    margin-bottom: 0;
    min-width: 0;
}

/* ---- Header ---- */
.uot-list-header[b-4a0xu1ic1j] {
    display: grid;
    position: sticky;
    top: 0;
    z-index: 2;
    grid-template-columns: var(--uot-col-name) var(--uot-col-key) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
    gap: var(--uot-list-column-gap);
    align-items: center;
    min-height: calc(var(--rem-scale) * 4.4rem);
    padding: var(--s-space-6) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.uot-header-title[b-4a0xu1ic1j] {
    display: block;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-bold);
    line-height: 1.15;
    color: var(--s-color-body-text);
}

.uot-lh-subdesc[b-4a0xu1ic1j] {
    display: block;
    margin-top: var(--s-space-1);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-muted-foreground);
    opacity: 0.85;
    text-transform: none;
    letter-spacing: 0;
}

.uot-list-header.uot-lh-with-cat[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-name) var(--uot-col-key) var(--uot-col-cat) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

.uot-list-header.uot-lh-with-check[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-check) var(--uot-col-name) var(--uot-col-key) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

.uot-list-header.uot-lh-with-check.uot-lh-with-cat[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-check) var(--uot-col-name) var(--uot-col-key) var(--uot-col-cat) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

/* ---- Row ---- */
.uot-list-row[b-4a0xu1ic1j] {
    display: grid;
    grid-template-columns: var(--uot-col-name) var(--uot-col-key) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
    gap: var(--uot-list-column-gap);
    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));
    background-color: var(--s-row-color, var(--s-color-card));
    transition: background-color 0.1s ease;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    color: var(--s-color-body-text);
    font-family: var(--s-font-family-body);
}

.uot-list-row.uot-row-with-cat[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-name) var(--uot-col-key) var(--uot-col-cat) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

.uot-list-row.uot-row-with-check[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-check) var(--uot-col-name) var(--uot-col-key) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

.uot-list-row.uot-row-with-check.uot-row-with-cat[b-4a0xu1ic1j] {
    grid-template-columns: var(--uot-col-check) var(--uot-col-name) var(--uot-col-key) var(--uot-col-cat) var(--uot-col-tags) var(--uot-col-val) var(--uot-col-editable);
}

.uot-list-row:last-child[b-4a0xu1ic1j] {
    border-bottom: none;
}

.uot-list-row:hover[b-4a0xu1ic1j] {
    background-color: var(--s-color-datatable-hover);
}

.uot-row-selected[b-4a0xu1ic1j] {
    background-color: color-mix(in srgb, var(--s-color-primary) 5%, transparent) !important;
}

/* Sütun hizalamaları */
.uot-lh-check[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uot-select-all-cell[b-4a0xu1ic1j] {
    cursor: pointer;
}

.uot-lh-name[b-4a0xu1ic1j] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-1);
    overflow: hidden;
    padding-right: var(--s-space-8);
    justify-content: center;
}

.uot-lh-cat[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 var(--s-space-4);
}

.uot-lh-tags[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
    padding: 0 var(--s-space-6) 0 0;
}

.uot-lh-val[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    padding: var(--s-space-2) var(--s-space-6);
    box-sizing: border-box;
}

.uot-lh-val[b-4a0xu1ic1j]  > * {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.uot-lh-val[b-4a0xu1ic1j]  .s-input,
.uot-lh-val[b-4a0xu1ic1j]  .s-textarea,
.uot-lh-val[b-4a0xu1ic1j]  .dxbl-text-edit,
.uot-lh-val[b-4a0xu1ic1j]  .dxbl-spin-edit,
.uot-lh-val[b-4a0xu1ic1j]  .dxbl-combobox {
    width: 100%;
    min-height: calc(var(--rem-scale) * 3.2rem);
}

.uot-lh-val[b-4a0xu1ic1j]  input,
.uot-lh-val[b-4a0xu1ic1j]  .dxbl-edit-input {
    padding-left: var(--s-space-8) !important;
    padding-right: var(--s-space-8) !important;
    box-sizing: border-box;
}

.uot-lh-editable[b-4a0xu1ic1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.15;
}

.uot-lh-val[b-4a0xu1ic1j]  .dxbl-fl-form {
    margin: 0 !important;
}

.uot-lh-val[b-4a0xu1ic1j]  .dxbl-fl-group-item-container {
    padding: 0 !important;
}

.uot-lh-val[b-4a0xu1ic1j]  .dxbl-checkbox {
    display: flex;
    justify-content: flex-start;
}

.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor .dxbl-fl-form,
.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor .dxbl-fl-group,
.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor .dxbl-fl-group-body,
.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor .dxbl-fl-group-item,
.uot-lh-val[b-4a0xu1ic1j]  .uot-percent-editor .dxbl-fl-group-item-container {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* Metin bilgileri */
.uot-opt-name[b-4a0xu1ic1j] {
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Açıklama: soluk ama okunur */
.uot-opt-desc[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
    font-weight: var(--s-font-weight-normal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Kategori pill — renk tek değişkenden türetilir (dark mode dahil) */
.uot-cat-pill[b-4a0xu1ic1j] {
    --uot-cat-color: var(--s-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    padding: var(--s-space-1) var(--s-space-7);
    border-radius: var(--s-border-radius-small, 5px);
    border: 1px solid color-mix(in srgb, var(--uot-cat-color) 35%, transparent);
    background-color: color-mix(in srgb, var(--uot-cat-color) 10%, transparent);
    color: var(--uot-cat-color);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
    line-height: 1.6;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uot-tag-cell[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-3);
    min-width: 0;
    max-width: 100%;
    max-height: calc(var(--rem-scale) * 2.9rem);
    overflow: hidden;
}

/* ===== Etiket chip sistemi =====
   Renk tek değişkenden (--uot-tag-color) türetilir; tema ve
   dark mode ile uyumlu yumuşak (soft) görünüm. */
.uot-tag-badge[b-4a0xu1ic1j],
.uot-tag-edit-btn[b-4a0xu1ic1j],
.uot-tag-add-btn[b-4a0xu1ic1j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-4);
    border: 0;
    font-family: var(--s-font-family-body);
    line-height: 1.25;
    cursor: pointer;
    transition: filter 0.12s ease, opacity 0.12s ease, transform 0.12s ease;
}

.uot-tag-badge[b-4a0xu1ic1j] {
    --uot-tag-color: var(--s-color-muted-foreground);
    max-width: calc(var(--rem-scale) * 13rem);
    min-height: calc(var(--rem-scale) * 2.2rem);
    padding: var(--s-space-3) var(--s-space-7);
    border-radius: 999px;
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    color: var(--uot-tag-color);
    background-color: color-mix(in srgb, var(--uot-tag-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--uot-tag-color) 30%, transparent);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uot-tag-chip[b-4a0xu1ic1j] {
    min-width: 0;
    max-width: calc(var(--rem-scale) * 10rem);
    min-height: calc(var(--rem-scale) * 2rem);
    padding: var(--s-space-2) var(--s-space-6);
    font-size: var(--s-font-size-10);
}

.uot-tag-badge:hover[b-4a0xu1ic1j],
.uot-tag-edit-btn:hover[b-4a0xu1ic1j],
.uot-tag-add-btn:hover[b-4a0xu1ic1j] {
    filter: brightness(0.96);
    background-color: color-mix(in srgb, var(--uot-tag-color, var(--s-color-muted-foreground)) 16%, transparent);
}

.uot-tag-edit-btn[b-4a0xu1ic1j],
.uot-tag-add-btn[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 2.2rem);
    height: calc(var(--rem-scale) * 2.2rem);
    flex: 0 0 calc(var(--rem-scale) * 2.2rem);
    border: 1px solid var(--s-color-border);
    border-radius: 50%;
    background: var(--s-color-card);
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

.uot-tag-add-btn[b-4a0xu1ic1j] {
    border-style: dashed;
}

/* Satır üzerine gelmeden etiket düzenleme butonları gizli — görsel gürültüyü azaltır */
.uot-list-row .uot-tag-edit-btn[b-4a0xu1ic1j],
.uot-list-row .uot-tag-add-btn[b-4a0xu1ic1j] {
    opacity: 0;
}

.uot-list-row:hover .uot-tag-edit-btn[b-4a0xu1ic1j],
.uot-list-row:hover .uot-tag-add-btn[b-4a0xu1ic1j],
.uot-list-row:focus-within .uot-tag-edit-btn[b-4a0xu1ic1j],
.uot-list-row:focus-within .uot-tag-add-btn[b-4a0xu1ic1j] {
    opacity: 1;
}

.uot-tag-edit-btn:disabled[b-4a0xu1ic1j],
.uot-tag-add-btn:disabled[b-4a0xu1ic1j] {
    opacity: 0.45;
    cursor: not-allowed;
}

.uot-tag-modal[b-4a0xu1ic1j] {
    padding: var(--s-space-14);
}

.uot-tag-modal-head[b-4a0xu1ic1j] {
    padding-bottom: var(--s-space-10);
    margin-bottom: var(--s-space-10);
    border-bottom: 1px solid var(--s-color-border);
}

.uot-tag-label[b-4a0xu1ic1j] {
    display: block;
    margin-bottom: var(--s-space-5);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.uot-tag-input[b-4a0xu1ic1j] {
    width: 100%;
    min-height: calc(var(--rem-scale) * 4rem);
    padding: var(--s-space-6) var(--s-space-9);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 6px);
    background: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    font-family: var(--s-font-family-body);
    outline: none;
}

.uot-tag-input:focus[b-4a0xu1ic1j] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-ring) 34%, transparent);
}

.uot-tag-modal-current[b-4a0xu1ic1j],
.uot-tag-suggestions[b-4a0xu1ic1j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-6);
    margin-top: var(--s-space-8);
}

.uot-tag-chip-editing[b-4a0xu1ic1j] {
    max-width: none;
    min-height: calc(var(--rem-scale) * 2.4rem);
    padding: var(--s-space-4) var(--s-space-8);
    font-size: var(--s-font-size-11);
}

.uot-tag-empty[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
}

.uot-tag-suggestion[b-4a0xu1ic1j] {
    max-width: none;
    min-height: calc(var(--rem-scale) * 2.5rem);
    padding: var(--s-space-4) var(--s-space-8);
    font-size: var(--s-font-size-11);
}

.uot-sidebar-tag-row .uot-tag-badge[b-4a0xu1ic1j] {
    max-width: calc(var(--rem-scale) * 17rem);
    min-height: calc(var(--rem-scale) * 2.4rem);
    padding: var(--s-space-4) var(--s-space-8);
    font-size: var(--s-font-size-11);
}

/* Key sütunu — daha görünür, sola hizalı */
.uot-lh-key[b-4a0xu1ic1j] {
    overflow: hidden;
    padding: 0 var(--s-space-8) 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.uot-key-text[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-body-text);
    font-family: monospace;
    font-weight: var(--s-font-weight-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.85;
}

/* Native readonly checkbox — selection mode'da bool değerler için */
.uot-lh-val[b-4a0xu1ic1j]  .uot-readonly-check {
    width: calc(var(--rem-scale) * 1.7rem);
    height: calc(var(--rem-scale) * 1.7rem);
    cursor: not-allowed;
    accent-color: var(--s-color-primary);
    opacity: 0.75;
}

.uot-lh-val[b-4a0xu1ic1j]  .uot-save-error {
    margin-top: var(--s-space-4);
    color: var(--s-color-danger, #dc2626);
    font-size: var(--s-font-size-11);
    line-height: 1.25;
}

.uot-editable-check[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 1.8rem);
    height: calc(var(--rem-scale) * 1.8rem);
    accent-color: var(--s-color-primary);
    cursor: pointer;
}

/* ===== ARAMA — Tree Görünümü ===== */
.uot-search-group[b-4a0xu1ic1j] {
    margin-bottom: var(--s-space-12);
    flex: 0 0 auto;
}

.uot-search-group:last-child[b-4a0xu1ic1j] {
    margin-bottom: 0;
}

.uot-search-group-header[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-6) var(--s-space-4);
    margin-bottom: var(--s-space-6);
    font-weight: var(--s-font-weight-semibold);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
}

.uot-search-cat-icon[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 2.6rem) !important;
    height: calc(var(--rem-scale) * 2.6rem) !important;
    flex-shrink: 0;
}

.uot-search-cat-name[b-4a0xu1ic1j] {
    font-weight: var(--s-font-weight-bold);
}

/* =====================================================
   ThemeEditor Entegrasyonu
   ===================================================== */

body.s-datatable-striped .uot-list-row:nth-child(even)[b-4a0xu1ic1j] {
    --s-row-color: var(--s-color-table-striped-row);
    background-color: var(--s-row-color);
}

body:not(.s-datatable-no-inline-styles) .uot-list[b-4a0xu1ic1j] {
    --uot-list-column-gap: 0;
}

body:not(.s-datatable-no-inline-styles) .uot-list-header > span + span[b-4a0xu1ic1j],
body:not(.s-datatable-no-inline-styles) .uot-list-row > span + span[b-4a0xu1ic1j] {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding-left: var(--s-space-8);
}

body.s-datatable-contrast-middle .uot-list[b-4a0xu1ic1j],
body.s-datatable-contrast-middle .uot-list-header[b-4a0xu1ic1j],
body.s-datatable-contrast-middle .uot-list-row[b-4a0xu1ic1j] {
    border-color: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .uot-list[b-4a0xu1ic1j],
body.s-datatable-contrast-high .uot-list-header[b-4a0xu1ic1j],
body.s-datatable-contrast-high .uot-list-row[b-4a0xu1ic1j] {
    border-color: var(--s-color-table-border-contrast-high);
}

body.s-datatable-no-inline-styles .uot-list-row[b-4a0xu1ic1j] {
    border-inline-width: 0;
}

/* ===================================
   Aktarım Özeti Modal Layout
   =================================== */
.uot-summary-layout[b-4a0xu1ic1j] {
    display: flex;
    height: calc(var(--rem-scale) * 55rem);
    overflow: hidden;
}

.uot-summary-users[b-4a0xu1ic1j] {
    width: calc(var(--rem-scale) * 32rem);
    min-width: calc(var(--rem-scale) * 26rem);
    flex-shrink: 0;
    border-right: 1px solid var(--s-color-border);
    display: flex;
    flex-direction: column;
    padding: var(--s-space-12);
}

.uot-summary-diff[b-4a0xu1ic1j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--s-space-12);
    min-width: 0;
}

/* Panel başlığı: seçilen kullanıcı adı büyük üstte, alt satırda label */
.uot-summary-panel-title[b-4a0xu1ic1j] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    margin-bottom: var(--s-space-10);
    flex-shrink: 0;
}

/* Seçilen kullanıcı adı — büyük ve belirgin, analiz yazısının üstünde */
.uot-diff-selected-user[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-16);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-body-text);
    line-height: 1.2;
}

/* "DEĞİŞİM ANALİZİ" label */
.uot-diff-subtitle[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-label);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
}

/* Sol panel başlığı — flat */
.uot-summary-users .uot-summary-panel-title[b-4a0xu1ic1j] {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-4);
    font-size: var(--s-font-size-10);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-label);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.uot-summary-scroll[b-4a0xu1ic1j] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.uot-summary-user-card[b-4a0xu1ic1j] {
    padding: var(--s-space-7) var(--s-space-10);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 6px);
    cursor: pointer;
    transition: all 0.15s ease;
    margin-bottom: var(--s-space-4);
}

.uot-summary-user-card:hover[b-4a0xu1ic1j] {
    background-color: var(--s-color-accent);
}

.uot-summary-user-card.active[b-4a0xu1ic1j] {
    border-color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, transparent);
}

.uot-su-name[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.uot-su-email[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-10);
    color: var(--s-color-label);
}

.uot-su-meta[b-4a0xu1ic1j] {
    margin-top: var(--s-space-2);
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Diff row */
.uot-diff-row[b-4a0xu1ic1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    padding: var(--s-space-8);
    border-bottom: 1px solid var(--s-color-border);
    min-height: calc(var(--rem-scale) * 5.2rem);
}

.uot-diff-row:last-child[b-4a0xu1ic1j] {
    border-bottom: none;
}

.uot-diff-row:hover[b-4a0xu1ic1j] {
    background-color: var(--s-color-accent);
}

.uot-diff-name[b-4a0xu1ic1j] {
    flex: 1;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-body-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Değer stack: ortalı, boxed */
.uot-diff-value-stack[b-4a0xu1ic1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s-space-3);
    min-width: calc(var(--rem-scale) * 17rem);
    max-width: calc(var(--rem-scale) * 24rem);
    flex-shrink: 0;
}

/* Eski değer kutusu */
.uot-diff-old-box[b-4a0xu1ic1j] {
    width: 100%;
    padding: var(--s-space-3) var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small, 5px);
    background-color: var(--s-color-muted);
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.7;
}

/* Ok işareti */
.uot-diff-arrow[b-4a0xu1ic1j] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
    line-height: 1;
}

/* Yeni değer kutusu */
.uot-diff-new-box[b-4a0xu1ic1j] {
    width: 100%;
    padding: var(--s-space-3) var(--s-space-10);
    border: 1px solid var(--s-color-primary);
    border-radius: var(--s-border-radius-small, 5px);
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, transparent);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-bold);
    color: var(--s-color-body-text);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uot-summary-placeholder[b-4a0xu1ic1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--s-color-muted-foreground);
    opacity: 0.4;
    text-align: center;
    font-size: var(--s-font-size-12);
}

.uot-summary-placeholder i[b-4a0xu1ic1j] {
    font-size: var(--s-font-size-30);
    margin-bottom: var(--s-space-8);
    display: block;
}

/* ===== Dark Mode Overrides ===== */
[data-theme="dark"] .uot-container[b-4a0xu1ic1j],
[data-theme="dark"] .uot-group-list[b-4a0xu1ic1j],
[data-theme="dark"] .uot-content[b-4a0xu1ic1j] {
    background-color: transparent;
}

[data-theme="dark"] .uot-group-item[b-4a0xu1ic1j] {
    color: var(--s-color-body-text);
}

[data-theme="dark"] .uot-list[b-4a0xu1ic1j] {
    background-color: var(--s-color-card);
}

[data-theme="dark"] .uot-list-header[b-4a0xu1ic1j] {
    background-color: var(--s-color-muted);
}

[data-theme="dark"] .uot-toolbar[b-4a0xu1ic1j] {
    background-color: var(--s-color-card);
}

[data-theme="dark"] .uot-tag-badge[b-4a0xu1ic1j] {
    color: color-mix(in srgb, var(--uot-tag-color) 70%, #ffffff);
    background-color: color-mix(in srgb, var(--uot-tag-color) 18%, transparent);
    border-color: color-mix(in srgb, var(--uot-tag-color) 45%, transparent);
}

[data-theme="dark"] .uot-cat-pill[b-4a0xu1ic1j] {
    color: color-mix(in srgb, var(--uot-cat-color) 70%, #ffffff);
    background-color: color-mix(in srgb, var(--uot-cat-color) 18%, transparent);
    border-color: color-mix(in srgb, var(--uot-cat-color) 45%, transparent);
}

[data-theme="dark"] .uot-diff-old-box[b-4a0xu1ic1j] {
    background-color: var(--s-color-muted);
    border-color: var(--s-color-border);
    color: var(--s-color-muted-foreground);
}

[data-theme="dark"] .uot-diff-new-box[b-4a0xu1ic1j] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .uot-body[b-4a0xu1ic1j] {
        flex-direction: column;
    }

    .uot-group-list[b-4a0xu1ic1j] {
        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: var(--s-space-6);
        margin-bottom: var(--s-space-8);
        gap: var(--s-space-4);
    }

    .uot-group-item[b-4a0xu1ic1j] {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .uot-content[b-4a0xu1ic1j] {
        padding-left: 0;
    }

    .uot-search-box[b-4a0xu1ic1j] {
        width: 100%;
    }

    .uot-list-row[b-4a0xu1ic1j],
    .uot-list-header[b-4a0xu1ic1j] {
        grid-template-columns: 1fr calc(var(--rem-scale) * 21.5rem) !important;
    }

    .uot-lh-key[b-4a0xu1ic1j],
    .uot-lh-cat[b-4a0xu1ic1j],
    .uot-lh-tags[b-4a0xu1ic1j] {
        display: none;
    }

    .uot-summary-layout[b-4a0xu1ic1j] {
        flex-direction: column;
        height: auto;
    }

    .uot-summary-users[b-4a0xu1ic1j] {
        width: 100%;
        min-width: auto;
        border-right: none;
        border-bottom: 1px solid var(--s-color-border);
    }
}
/* /Pages/Shared/Pages/Identities/Users/Components/UserRepresentativeOrganizationTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   UserRepresentativeOrganizationTab — Redesigned Card
   ═══════════════════════════════════════════════════════ */

.urp-card[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 100%;
    width: 100%;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    overflow: hidden;
}

/* ── Header ───────────────────────────────────────────── */

.urp-header[b-d1lfvncv52] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
    background: var(--s-color-card);
}

.urp-header-actions[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-shrink: 0;
}

.urp-title-row[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.urp-title[b-d1lfvncv52] {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 0.925rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.urp-subtitle[b-d1lfvncv52] {
    margin: 0.25rem 0 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.45;
}

.urp-status[b-d1lfvncv52] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.urp-status.is-linked[b-d1lfvncv52] {
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    color: var(--s-color-primary);
}

.urp-status.is-muted[b-d1lfvncv52] {
    background: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

/* ── Body / Editor ────────────────────────────────────── */

.urp-body[b-d1lfvncv52],
.urp-editor[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

/* ── Summary Grid ─────────────────────────────────────── */

.urp-summary-grid[b-d1lfvncv52] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 0;
}

.urp-summary-item[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 1.25rem;
    border-bottom: 1px solid var(--s-color-border);
    background: transparent;
    transition: background-color 0.15s ease;
    border: none;
    border-radius: 0;
}

.urp-summary-item:nth-child(odd)[b-d1lfvncv52] {
    border-right: 1px solid var(--s-color-border);
}

.urp-summary-item:hover[b-d1lfvncv52] {
    background: color-mix(in srgb, var(--s-color-muted) 40%, transparent);
}

.urp-summary-icon[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
    color: var(--s-color-primary);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.urp-summary-text[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.urp-summary-text span[b-d1lfvncv52] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.urp-summary-text strong[b-d1lfvncv52] {
    color: var(--s-color-body-text);
    font-size: 0.85rem;
    font-weight: 600;
    word-break: break-word;
    line-height: 1.3;
}

/* ── Linked Representatives Block ─────────────────────── */

.urp-current-block[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.85rem 1.25rem;
    background: color-mix(in srgb, var(--s-color-muted) 30%, transparent);
    border: none;
    border-radius: 0;
}

.urp-block-title[b-d1lfvncv52] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.urp-linked-list[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.urp-linked-item[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.85rem;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    transition: all 0.15s ease;
}

.urp-linked-item + .urp-linked-item[b-d1lfvncv52] {
    margin-top: 0.4rem;
}

.urp-linked-item:hover[b-d1lfvncv52] {
    border-color: color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
}

.urp-linked-item-icon[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    color: var(--s-color-primary);
    font-size: 0.75rem;
    flex-shrink: 0;
}

.urp-linked-item-info[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    flex: 1;
    min-width: 0;
}

.urp-linked-item-info strong[b-d1lfvncv52] {
    color: var(--s-color-body-text);
    font-size: 0.82rem;
    font-weight: 600;
}

.urp-linked-item-info span[b-d1lfvncv52] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
}

.urp-linked-item-info .urp-inline-code[b-d1lfvncv52] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-muted) 60%, transparent);
    color: var(--s-color-body-text);
    font-size: 0.68rem;
    font-weight: 600;
}

/* ── Contact tags on linked items ─────────────────────── */

.urp-linked-item-contact[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.urp-contact-tag[b-d1lfvncv52] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--s-color-muted) 50%, transparent);
    color: var(--s-color-muted-foreground);
    font-size: 0.68rem;
    white-space: nowrap;
}

.urp-contact-tag i[b-d1lfvncv52] {
    font-size: 0.65rem;
}

.urp-linked-item.is-edit[b-d1lfvncv52] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

/* ── Editor Sections ──────────────────────────────────── */

.urp-editor-section[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    transition: opacity 0.2s ease;
}

.urp-editor-section.is-disabled[b-d1lfvncv52] {
    opacity: 0.4;
    pointer-events: none;
}

.urp-section-title[b-d1lfvncv52] {
    color: var(--s-color-body-text);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* ── Divider ──────────────────────────────────────────── */

.urp-divider[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1.25rem;
}

.urp-divider[b-d1lfvncv52]::before,
.urp-divider[b-d1lfvncv52]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--s-color-border);
}

.urp-divider span[b-d1lfvncv52] {
    color: var(--s-color-muted-foreground);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Empty State ──────────────────────────────────────── */

.urp-empty-state[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.25rem;
    margin: 0;
    background: color-mix(in srgb, var(--s-color-muted) 25%, transparent);
    border: none;
    border-radius: 0;
    border-top: 1px dashed var(--s-color-border);
}

.urp-empty-state i[b-d1lfvncv52] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, transparent);
    color: var(--s-color-primary);
    font-size: 1rem;
    flex-shrink: 0;
}

.urp-empty-state strong[b-d1lfvncv52] {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--s-color-body-text);
    font-size: 0.85rem;
}

.urp-empty-state p[b-d1lfvncv52] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: 0.78rem;
    line-height: 1.5;
}

/* ── Form Grid ────────────────────────────────────────── */

.urp-form-grid[b-d1lfvncv52] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 0.85rem;
    width: 100%;
}

.urp-field[b-d1lfvncv52] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--s-color-body-text);
    font-size: 0.85rem;
}

.urp-field > span[b-d1lfvncv52] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.urp-actions[b-d1lfvncv52] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

/* ── Loading / Error states ───────────────────────────── */

.urp-empty[b-d1lfvncv52] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    color: var(--s-color-muted-foreground);
    text-align: center;
    padding: 2rem;
}

.urp-empty i[b-d1lfvncv52] {
    font-size: 1.5rem;
    opacity: 0.5;
}

.urp-muted[b-d1lfvncv52] {
    color: var(--s-color-muted-foreground);
    font-size: 0.82rem;
    padding: 0.5rem 0;
}

/* ── Responsive ───────────────────────────────────────── */

@media (max-width: 992px) {
    .urp-header[b-d1lfvncv52] {
        flex-direction: column;
        align-items: flex-start;
    }

    .urp-header-actions[b-d1lfvncv52] {
        justify-content: flex-start;
    }

    .urp-summary-grid[b-d1lfvncv52] {
        grid-template-columns: 1fr;
    }

    .urp-summary-item:nth-child(odd)[b-d1lfvncv52] {
        border-right: none;
    }

    .urp-form-grid[b-d1lfvncv52] {
        grid-template-columns: 1fr;
    }

    .urp-linked-item.is-edit[b-d1lfvncv52] {
        flex-direction: column;
        align-items: flex-start;
    }

    .urp-linked-item-contact[b-d1lfvncv52] {
        margin-top: 0.25rem;
    }
}
/* /Pages/Shared/Pages/Identities/Users/UserCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.uc-container[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    height: 100%;
    padding: var(--s-space-16);
}

/* ===== Toolbar ===== */
.uc-toolbar[b-uaf72ojobk] {
    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-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.uc-page-title[b-uaf72ojobk] {
    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-uaf72ojobk] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.uc-page-subtitle[b-uaf72ojobk] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
}

.uc-toolbar-actions[b-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: nowrap;
    flex: 1;
    justify-content: flex-end;
}

/* ===== Search ===== */
.uc-search-box[b-uaf72ojobk] {
    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-uaf72ojobk] {
    border-color: var(--s-color-ring);
}

.uc-search-box i[b-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.uc-search-input[b-uaf72ojobk] {
    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-uaf72ojobk]::placeholder {
    color: var(--s-color-input-placeholder);
}

.uc-search-clear[b-uaf72ojobk] {
    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-uaf72ojobk] {
    color: var(--s-color-body-text);
}

/* ===== Toolbar Buttons ===== */
.uc-toolbar-btn[b-uaf72ojobk] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-5);
    padding: var(--s-space-4) var(--s-space-12); /* Match search box padding vertical */
    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-uaf72ojobk] {
    background-color: var(--s-color-accent);
}

.uc-toolbar-btn:disabled[b-uaf72ojobk] {
    opacity: 0.6;
    cursor: not-allowed;
}

.uc-toolbar-btn-primary[b-uaf72ojobk] {
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.uc-toolbar-btn-primary:hover[b-uaf72ojobk] {
    background-color: var(--s-color-primary-hover);
}

/* ===== Content Area ===== */
.uc-content[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    min-height: 0;
}

.uc-content-header[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-view-controls[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-view-btn[b-uaf72ojobk],
.uc-page-btn[b-uaf72ojobk],
.uc-page-nav[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-page-nav[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-page-nav:hover:not(:disabled)[b-uaf72ojobk] {
    color: var(--s-color-body-text);
}

.uc-view-btn[b-uaf72ojobk],
.uc-page-btn[b-uaf72ojobk] {
    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-uaf72ojobk] {
    color: var(--s-color-body-text);
}

.uc-toggle-btn.active[b-uaf72ojobk],
.uc-view-btn.active[b-uaf72ojobk],
.uc-page-btn.active[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-empty-state[b-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    --uc-list-actions-width: calc(var(--rem-scale) * 23rem);
    --uc-list-columns: minmax(0, 1.8fr) minmax(0, 0.9fr) minmax(0, 0.85fr) minmax(0, 1.25fr) minmax(0, 1.45fr) minmax(0, 1.15fr) minmax(0, 0.9fr) minmax(var(--uc-list-actions-width), var(--uc-list-actions-width));
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    overflow: hidden;
    background-color: var(--s-color-card);
    font-size: var(--datatable-row-font-size, var(--s-font-size-13));
}

.uc-list-header[b-uaf72ojobk],
.uc-list-row[b-uaf72ojobk] {
    display: grid;
    grid-template-columns: var(--uc-list-columns);
    gap: var(--uc-list-column-gap, var(--s-space-8));
    align-items: center;
}

.uc-list-header[b-uaf72ojobk] {
    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: 0.82em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
}

.uc-list-header-filter[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.uc-column-filter[b-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    padding: 2px var(--s-space-6);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-input-bg);
}

.uc-column-filter i[b-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
    font-size: 9px;
}

.uc-column-filter-input[b-uaf72ojobk] {
    width: 100%;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    color: var(--s-color-body-text);
    font-size: 0.92em;
    text-transform: none;
}

.uc-column-filter-input[b-uaf72ojobk]::placeholder {
    color: var(--s-color-input-placeholder);
}

.uc-column-filter-clear[b-uaf72ojobk] {
    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: 8px;
}

.uc-list-row[b-uaf72ojobk] {
    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;
    cursor: pointer;
}

.uc-list-row:last-child[b-uaf72ojobk] {
    border-bottom: none;
}

body.s-datatable-striped .uc-list-row:nth-child(even)[b-uaf72ojobk] {
    --s-row-color: var(--s-color-table-striped-row);
    background-color: var(--s-row-color);
}

.uc-list-row:hover[b-uaf72ojobk] {
    background-color: var(--s-color-datatable-hover);
}

.uc-list-row:focus-visible[b-uaf72ojobk] {
    outline: 2px solid var(--s-color-ring);
    outline-offset: -2px;
}

/* ===== User Cell (Avatar + Name + Badges) ===== */
.uc-list-user[b-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    min-width: 0;
}

.uc-list-user-copy[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.uc-user-name[b-uaf72ojobk] {
    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-uaf72ojobk],
.uc-list-user-type[b-uaf72ojobk],
.uc-list-email[b-uaf72ojobk],
.uc-list-branch[b-uaf72ojobk],
.uc-list-date[b-uaf72ojobk],
.uc-page-summary[b-uaf72ojobk] {
    color: var(--s-color-label);
}

.uc-list-role[b-uaf72ojobk],
.uc-list-user-type[b-uaf72ojobk],
.uc-list-email[b-uaf72ojobk],
.uc-list-branch[b-uaf72ojobk],
.uc-list-date[b-uaf72ojobk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.uc-list-email[b-uaf72ojobk] {
    font-size: inherit;
}

.uc-list-user-type[b-uaf72ojobk] {
    display: flex;
    align-items: center;
}

.uc-list-organization[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.uc-org-line[b-uaf72ojobk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-body-text);
    font-size: 0.92em;
}

.uc-org-primary[b-uaf72ojobk] {
    font-weight: 600;
}

.uc-org-muted[b-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
}

/* ===== Badges ===== */
.uc-badges[b-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.uc-status-badge[b-uaf72ojobk],
.uc-domain-badge[b-uaf72ojobk],
.uc-user-type-badge[b-uaf72ojobk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px var(--s-space-8);
    border-radius: 999px;
    font-size: 0.8em;
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.uc-status-badge[b-uaf72ojobk] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.uc-status-badge.is-active[b-uaf72ojobk] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.uc-status-badge.is-passive[b-uaf72ojobk] {
    background-color: rgba(204, 0, 0, 0.08);
    color: var(--s-color-destructive);
}

.uc-status-badge.is-confirmed[b-uaf72ojobk] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.uc-status-badge.is-pending[b-uaf72ojobk] {
    background-color: rgba(234, 179, 8, 0.1);
    color: #b45309;
}

.uc-domain-badge[b-uaf72ojobk] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.uc-user-type-badge[b-uaf72ojobk] {
    background-color: rgba(var(--s-color-primary-rgb, 79, 70, 229), 0.1);
    color: var(--s-color-primary);
}

/* ===== Action Buttons (List view) ===== */
.uc-list-actions[b-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: flex-end;
    justify-self: end;
    min-width: max-content;
}

.uc-action-btn[b-uaf72ojobk] {
    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: var(--datatable-row-font-size, var(--s-font-size-13));
    transition: all 0.12s ease;
}

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

.uc-action-btn:disabled[b-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
    opacity: 0.4;
    cursor: not-allowed;
}

.uc-action-btn:disabled:hover[b-uaf72ojobk] {
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.uc-action-btn-confirm[b-uaf72ojobk] {
    color: #b45309;
}

.uc-action-btn-confirm:hover[b-uaf72ojobk] {
    background-color: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.uc-action-btn-details[b-uaf72ojobk] {
    color: var(--s-color-primary);
}

.uc-action-btn-details:hover[b-uaf72ojobk] {
    background-color: rgba(var(--s-color-primary-rgb, 79, 70, 229), 0.1);
    color: var(--s-color-primary);
}

.uc-card-action-details[b-uaf72ojobk] {
    color: var(--s-color-primary);
}

.uc-card-action-details:hover[b-uaf72ojobk] {
    background-color: rgba(var(--s-color-primary-rgb, 79, 70, 229), 0.1);
    color: var(--s-color-primary);
}


/* ===== Avatar ===== */
.uc-avatar[b-uaf72ojobk] {
    width: 2.5em;
    height: 2.5em;
    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: var(--datatable-row-font-size, var(--s-font-size-13));
    font-weight: 600;
}

.uc-avatar span[b-uaf72ojobk] {
    font-size: 0.78em;
}

.uc-avatar img[b-uaf72ojobk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Varsayılan Profil özel stilleri */
.uc-avatar-default[b-uaf72ojobk] {
    background-color: var(--s-color-muted) !important;
    color: var(--s-color-muted-foreground) !important;
    font-size: 14px !important;
}

.uc-default-profile-row[b-uaf72ojobk] {
    border-left: 3px solid var(--s-color-primary);
    background: rgba(var(--s-color-primary-rgb, 59, 130, 246), 0.03);
}

.uc-card-default-profile[b-uaf72ojobk] {
    border-left: 3px solid var(--s-color-primary);
    background: rgba(var(--s-color-primary-rgb, 59, 130, 246), 0.03);
}

.uc-avatar-card[b-uaf72ojobk] {
    width: 40px;
    height: 40px;
    font-size: 13px;
}

/* ====================================================
   CARD GRID VIEW — Spacious, theme-aware
   ==================================================== */
.uc-card-grid[b-uaf72ojobk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--s-space-14);
}

.uc-card[b-uaf72ojobk] {
    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-uaf72ojobk] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
    transform: translateY(-2px);
}

/* Theme-aware left accent border */
.uc-card-active[b-uaf72ojobk] {
    border-left: 3px solid var(--s-color-primary);
}

.uc-card-passive[b-uaf72ojobk] {
    border-left: 3px solid var(--s-color-muted-foreground);
    opacity: 0.85;
}

/* ===== Card Top (Avatar + Identity + Domain) ===== */
.uc-card-top[b-uaf72ojobk] {
    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-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.uc-card-title[b-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
    flex-shrink: 0;
    margin-top: 2px;
}

.uc-card-info-copy[b-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* ===== Card Metadata ===== */
.uc-card-metadata[b-uaf72ojobk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 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-uaf72ojobk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.uc-card-meta-label[b-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    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-uaf72ojobk] {
    font-size: 11px;
    font-weight: 500;
}

.uc-card-action:hover[b-uaf72ojobk] {
    background-color: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.uc-card-action:disabled[b-uaf72ojobk] {
    opacity: 0.35;
    cursor: not-allowed;
}

.uc-card-action:disabled:hover[b-uaf72ojobk] {
    background: transparent;
    color: var(--s-color-muted-foreground);
}

/* ===== Pagination ===== */
.uc-pager[b-uaf72ojobk] {
    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-uaf72ojobk] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.uc-page-btn[b-uaf72ojobk] {
    font-size: 12px;
    font-weight: 500;
}

.uc-page-nav:disabled[b-uaf72ojobk] {
    color: var(--s-color-muted-foreground);
    opacity: 0.4;
    cursor: not-allowed;
}

.uc-page-summary[b-uaf72ojobk] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
}

/* ====================================================
   RESPONSIVE
   ==================================================== */
@media (max-width: 992px) {
    .uc-list[b-uaf72ojobk] {
        --uc-list-actions-width: calc(var(--rem-scale) * 22rem);
        --uc-list-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(var(--uc-list-actions-width), var(--uc-list-actions-width));
    }

    .uc-list-header[b-uaf72ojobk],
    .uc-list-row[b-uaf72ojobk] {
        grid-template-columns: var(--uc-list-columns);
    }

    .uc-list-header span:nth-child(4)[b-uaf72ojobk],
    .uc-list-header span:nth-child(5)[b-uaf72ojobk],
    .uc-list-header span:nth-child(7)[b-uaf72ojobk],
    .uc-list-row .uc-list-organization[b-uaf72ojobk],
    .uc-list-row .uc-list-date[b-uaf72ojobk],
    .uc-list-row .uc-list-email[b-uaf72ojobk] {
        display: none;
    }
}

@media (max-width: 768px) {
    .uc-container[b-uaf72ojobk] {
        padding: var(--s-space-12);
    }

    .uc-toolbar[b-uaf72ojobk],
    .uc-content-header[b-uaf72ojobk],
    .uc-pager[b-uaf72ojobk] {
        align-items: stretch;
    }

    .uc-content-header[b-uaf72ojobk],
    .uc-pager[b-uaf72ojobk] {
        flex-direction: column;
    }

    .uc-toolbar-actions[b-uaf72ojobk] {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-8);
        width: 100%;
    }

    .uc-search-box[b-uaf72ojobk] {
        flex: 1;
        min-width: 0;
    }

    .uc-toolbar-btn[b-uaf72ojobk] {
        justify-content: center;
        white-space: nowrap;
    }

    .uc-status-toggles[b-uaf72ojobk],
    .uc-view-controls[b-uaf72ojobk],
    .uc-page-list[b-uaf72ojobk] {
        width: 100%;
        justify-content: center;
    }

    .uc-list-header[b-uaf72ojobk] {
        display: none;
    }

    .uc-list-row[b-uaf72ojobk] {
        grid-template-columns: 1fr;
        gap: var(--s-space-8);
    }

    .uc-list-role[b-uaf72ojobk],
    .uc-list-email[b-uaf72ojobk],
    .uc-list-branch[b-uaf72ojobk],
    .uc-list-date[b-uaf72ojobk],
    .uc-list-domain[b-uaf72ojobk] {
        white-space: normal;
    }

    .uc-card-grid[b-uaf72ojobk] {
        grid-template-columns: 1fr;
    }

    .uc-card-metadata[b-uaf72ojobk] {
        grid-template-columns: 1fr;
    }

    .uc-list-actions[b-uaf72ojobk],
    .uc-card-footer[b-uaf72ojobk] {
        flex-wrap: wrap;
    }

    .uc-content-header[b-uaf72ojobk] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Shared/Pages/Identities/Users/UserDetails.razor.rz.scp.css */
.ud-container[b-n6d5hu71gt] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    height: 100dvh;
    max-height: 100dvh;
    padding: var(--s-space-16);
    background-color: var(--s-color-background);
    overflow: hidden;
}

.ud-loading[b-n6d5hu71gt], .ud-error[b-n6d5hu71gt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.ud-header[b-n6d5hu71gt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--s-space-16) var(--s-space-20);
    background-color: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
}

.ud-header-left[b-n6d5hu71gt] {
    display: flex;
    align-items: center;
    gap: var(--s-space-16);
}

.ud-avatar[b-n6d5hu71gt] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}

.ud-user-info[b-n6d5hu71gt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ud-fullname[b-n6d5hu71gt] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--s-color-body-text);
}

.ud-meta[b-n6d5hu71gt] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    font-size: 13px;
    color: var(--s-color-muted-foreground);
}

.ud-meta span[b-n6d5hu71gt] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ud-meta i[b-n6d5hu71gt] {
    font-size: 14px;
}

.ud-back-btn[b-n6d5hu71gt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--s-space-8) var(--s-space-16);
    background-color: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.ud-edit-btn[b-n6d5hu71gt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: var(--s-space-8) var(--s-space-16);
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    border: 1px solid var(--s-color-primary);
    border-radius: var(--s-border-radius-default);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.ud-edit-btn:hover[b-n6d5hu71gt] {
    filter: brightness(0.98);
}

.ud-back-btn:hover[b-n6d5hu71gt] {
    background-color: var(--s-color-muted);
}

.ud-header-actions[b-n6d5hu71gt] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ud-content[b-n6d5hu71gt] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.ud-content[b-n6d5hu71gt]  .dxbl-tabs,
.ud-content[b-n6d5hu71gt]  .dxbl-tabs > *,
.ud-content[b-n6d5hu71gt]  .dxbs-tabs {
    background-color: transparent !important;
}

.ud-content[b-n6d5hu71gt]  .dxbl-tabs-content,
.ud-content[b-n6d5hu71gt]  .dxbl-tabs-tab-panel,
.ud-content[b-n6d5hu71gt]  .tab-content,
.ud-content[b-n6d5hu71gt]  .tab-pane {
    background-color: transparent !important;
}

.ud-org-grid[b-n6d5hu71gt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.ud-tab-body[b-n6d5hu71gt] {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: 1px solid var(--s-color-border);
    border-top: none;
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
    padding: var(--s-space-12);
    flex: 1;
    min-height: 0;
    color: var(--s-color-body-text);
    overflow: hidden;
    overscroll-behavior: contain;
}

.ud-placeholder[b-n6d5hu71gt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--s-color-muted-foreground);
    gap: var(--s-space-8);
}

.ud-placeholder i[b-n6d5hu71gt] {
    font-size: 48px;
    opacity: 0.5;
}

/* =====================================================================
   DxTabs — Her zaman aktif, tema token'ları dark/light otomatik yönetir
   ===================================================================== */

/* Outer wrapper — DxTabs'in her seviyesini transparent yap */
[b-n6d5hu71gt] .dxbl-tabs {
    background-color: transparent !important;
}

[b-n6d5hu71gt] .dxbs-tabs {
    background-color: transparent !important;
    border-bottom-color: var(--s-color-border);
}

/* Tab bar arka planı — card rengi (dark modda karanlık, light modda açık) */
[b-n6d5hu71gt] .dxbl-tabs-tab-container,
[b-n6d5hu71gt] .nav-tabs {
    background-color: var(--s-color-card) !important;
    border-color: var(--s-color-border) !important;
}

/* Tab içerik paneli — transparan */
[b-n6d5hu71gt] .dxbl-tabs-content,
[b-n6d5hu71gt] .dxbl-tabs-tab-panel,
[b-n6d5hu71gt] .dxbl-tab,
[b-n6d5hu71gt] .tab-content,
[b-n6d5hu71gt] .tab-pane {
    background-color: transparent !important;
    color: var(--s-color-body-text) !important;
}

/* Bireysel tab butonları */
[b-n6d5hu71gt] .dxbl-tabs-tab,
[b-n6d5hu71gt] .nav-tabs .nav-item .nav-link {
    background-color: transparent !important;
    color: var(--s-color-muted-foreground) !important;
}

[b-n6d5hu71gt] .nav-tabs .nav-link {
    transition: all 0.2s;
}

[b-n6d5hu71gt] .dxbl-tabs-tab.dxbl-active,
[b-n6d5hu71gt] .nav-tabs .nav-item .nav-link.active {
    color: var(--s-color-primary) !important;
    background-color: transparent !important;
    border-color: transparent transparent var(--s-color-primary) transparent;
    border-bottom-width: 2px;
}

/* DxTabs altındaki tüm doğrudan child'ları da kapsıyoruz */
[b-n6d5hu71gt] .dxbl-tabs > * {
    background-color: transparent !important;
}

/* ud-tab-body — içerik wrapper */
.ud-tab-body[b-n6d5hu71gt] {
    background-color: transparent !important;
}

@media (max-width: 1200px) {
    .ud-org-grid[b-n6d5hu71gt] {
        grid-template-columns: 1fr;
    }
}

/* /Pages/Shared/Pages/MenuManagement/MenuCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.mc-container[b-9qmlmdk6dv] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ===== Toolbar ===== */
.mc-toolbar[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    font-size: 20px;
    opacity: 0.85;
}

.mc-toolbar-actions[b-9qmlmdk6dv] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mc-toolbar-btn[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    background: var(--s-color-primary);
    color: #fff;
}

.mc-btn-primary:hover[b-9qmlmdk6dv] {
    opacity: 0.85;
}

.mc-btn-secondary[b-9qmlmdk6dv] {
    background: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
}

.mc-btn-secondary:hover[b-9qmlmdk6dv] {
    background: var(--s-color-muted);
}

/* ===== Search ===== */
.mc-search-box[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.mc-search-input[b-9qmlmdk6dv] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    width: 100%;
    color: var(--s-color-body-text);
}

.mc-search-input[b-9qmlmdk6dv]::placeholder {
    color: var(--s-color-input-placeholder);
}

.mc-search-clear[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    color: var(--s-color-body-text);
}

/* ===== Body ===== */
.mc-body[b-9qmlmdk6dv] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

/* ===== Group List (Left Sidebar) ===== */
.mc-group-list[b-9qmlmdk6dv] {
    min-width: 220px;
    max-width: 260px;
    padding-right: 12px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.mc-group-item[b-9qmlmdk6dv] {
    cursor: pointer;
    border-radius: var(--s-border-radius-default, 8px);
    transition: all 0.15s ease;
    margin-bottom: 2px;
}

.mc-group-item:hover[b-9qmlmdk6dv] {
    background-color: var(--s-color-accent);
}

.mc-group-item.selected[b-9qmlmdk6dv] {
    background-color: var(--s-color-accent);
}

.mc-group-item.selected .mc-group-name[b-9qmlmdk6dv] {
    font-weight: 600;
    color: var(--s-color-primary);
}

.mc-group-name[b-9qmlmdk6dv] {
    font-size: 13px;
    color: var(--s-color-body-text);
    max-width: 140px;
}

.mc-group-url[b-9qmlmdk6dv] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    max-width: 140px;
}

.mc-badge-count[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    flex: 1;
    padding-left: 16px;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mc-content-title[b-9qmlmdk6dv] {
    font-size: 16px;
    color: var(--s-color-body-text);
}

/* ===== Stats ===== */
.mc-stats[b-9qmlmdk6dv] {
    display: flex;
    gap: 8px;
}

.mc-stat-badge[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    flex: 1;
    min-height: 0;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
}

[b-9qmlmdk6dv] .mc-treelist {
    height: 100%;
}

[b-9qmlmdk6dv] .mc-row-root {
    background-color: var(--s-color-muted) !important;
    font-weight: 600;
}

[b-9qmlmdk6dv] .mc-row-root:hover {
    background-color: var(--s-color-accent) !important;
}

.mc-tree-icon[b-9qmlmdk6dv] {
    color: var(--s-color-primary);
    font-size: 14px;
}

.mc-url-badge[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    display: flex;
    align-items: center;
    gap: 2px;
    justify-content: center;
}

.mc-action-btn[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    background-color: var(--s-color-accent);
    color: var(--s-color-primary);
}

.mc-action-add-child:hover[b-9qmlmdk6dv] {
    background-color: var(--s-color-accent);
    color: var(--s-color-primary);
}

.mc-action-delete:hover[b-9qmlmdk6dv] {
    background-color: var(--s-color-accent);
    color: var(--s-color-destructive);
}

/* ===== Modal ===== */
.mc-modal-overlay[b-9qmlmdk6dv] {
    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-9qmlmdk6dv 0.2s ease;
}

@keyframes mc-fade-in-b-9qmlmdk6dv {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mc-modal[b-9qmlmdk6dv] {
    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-9qmlmdk6dv 0.25s ease;
}

@keyframes mc-slide-in-b-9qmlmdk6dv {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.mc-modal-header[b-9qmlmdk6dv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--s-color-border);
}

.mc-modal-title[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.mc-modal-body[b-9qmlmdk6dv] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

.mc-modal-footer[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    margin-bottom: 16px;
}

.mc-form-row[b-9qmlmdk6dv] {
    display: flex;
    gap: 12px;
}

.mc-form-half[b-9qmlmdk6dv] {
    flex: 1;
}

.mc-form-label[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    outline: none;
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 3px var(--s-color-ring);
}

.mc-form-input[b-9qmlmdk6dv]::placeholder {
    color: var(--s-color-input-placeholder);
}

/* Language inputs */
.mc-lang-inputs[b-9qmlmdk6dv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mc-lang-input-row[b-9qmlmdk6dv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mc-lang-badge[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    flex: 1;
}

/* ===== Range Slider ===== */
.mc-range-slider[b-9qmlmdk6dv] {
    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-9qmlmdk6dv]::-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-9qmlmdk6dv]::-webkit-slider-thumb:hover {
    transform: scale(1.15);
}

.mc-range-slider[b-9qmlmdk6dv]::-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-9qmlmdk6dv]::-moz-range-track {
    height: 6px;
    background: var(--s-color-border);
    border-radius: 3px;
}

.mc-range-labels[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px var(--s-color-ring);
}

.mc-icon-search-input[b-9qmlmdk6dv] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    width: 100%;
    color: var(--s-color-body-text);
}

.mc-icon-search-input[b-9qmlmdk6dv]::placeholder {
    color: var(--s-color-input-placeholder);
}

.mc-icon-palette[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    border-color: var(--s-color-primary);
    background: var(--s-color-accent);
    transform: scale(1.1);
}

.mc-icon-cell.selected[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.mc-icon-manual[b-9qmlmdk6dv] {
    flex: 1;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px !important;
}

.mc-icon-preview[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] .mc-form-combo {
    font-size: 13px !important;
}

[b-9qmlmdk6dv] .mc-form-spin {
    font-size: 13px !important;
}

/* Modal buttons */
.mc-modal-btn[b-9qmlmdk6dv] {
    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-9qmlmdk6dv] {
    background: var(--s-color-accent);
    color: var(--s-color-accent-foreground);
    border: 1px solid var(--s-color-border);
}

.mc-modal-btn-cancel:hover[b-9qmlmdk6dv] {
    background: var(--s-color-muted);
}

.mc-modal-btn-save[b-9qmlmdk6dv] {
    background: var(--s-color-primary);
    color: #fff;
}

.mc-modal-btn-save:hover[b-9qmlmdk6dv] {
    opacity: 0.85;
}

.mc-modal-btn-save:disabled[b-9qmlmdk6dv] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Dark mode scrollbar ===== */
.mc-icon-palette[b-9qmlmdk6dv]::-webkit-scrollbar,
.mc-modal-body[b-9qmlmdk6dv]::-webkit-scrollbar,
.mc-group-list[b-9qmlmdk6dv]::-webkit-scrollbar {
    width: 6px;
}

.mc-icon-palette[b-9qmlmdk6dv]::-webkit-scrollbar-track,
.mc-modal-body[b-9qmlmdk6dv]::-webkit-scrollbar-track,
.mc-group-list[b-9qmlmdk6dv]::-webkit-scrollbar-track {
    background: transparent;
}

.mc-icon-palette[b-9qmlmdk6dv]::-webkit-scrollbar-thumb,
.mc-modal-body[b-9qmlmdk6dv]::-webkit-scrollbar-thumb,
.mc-group-list[b-9qmlmdk6dv]::-webkit-scrollbar-thumb {
    background: var(--s-color-border);
    border-radius: 3px;
}

.mc-icon-palette[b-9qmlmdk6dv]::-webkit-scrollbar-thumb:hover,
.mc-modal-body[b-9qmlmdk6dv]::-webkit-scrollbar-thumb:hover,
.mc-group-list[b-9qmlmdk6dv]::-webkit-scrollbar-thumb:hover {
    background: var(--s-color-muted-foreground);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .mc-body[b-9qmlmdk6dv] {
        flex-direction: column;
    }

    .mc-group-list[b-9qmlmdk6dv] {
        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-9qmlmdk6dv] {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .mc-content[b-9qmlmdk6dv] {
        padding-left: 0;
    }

    .mc-toolbar[b-9qmlmdk6dv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .mc-modal[b-9qmlmdk6dv] {
        width: 95vw;
    }

    .mc-form-row[b-9qmlmdk6dv] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Parameter/ApplicationParameter/ApplicationParameterCatalog.razor.rz.scp.css */
.apc-container[b-a3rkp5aubs] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.apc-toolbar[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    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-a3rkp5aubs] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.apc-toolbar-actions[b-a3rkp5aubs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.apc-toolbar-btn[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    background-color: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-search-box[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    border-color: var(--s-color-ring);
}

.apc-search-input[b-a3rkp5aubs] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    width: 100%;
    color: var(--s-color-body-text);
}

.apc-search-input[b-a3rkp5aubs]::placeholder {
    color: var(--s-color-input-placeholder);
}

.apc-search-clear[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    color: var(--s-color-body-text);
}

.apc-body[b-a3rkp5aubs] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

.apc-group-list[b-a3rkp5aubs] {
    min-width: 210px;
    max-width: 240px;
    padding-right: 10px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.apc-group-item[b-a3rkp5aubs] {
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.12s ease;
    margin-bottom: 1px;
}

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

.apc-group-item.selected[b-a3rkp5aubs] {
    background-color: var(--s-color-accent);
}

.apc-group-item.selected .apc-group-name[b-a3rkp5aubs] {
    font-weight: 600;
    color: var(--s-color-body-text);
}

.apc-group-name[b-a3rkp5aubs] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-group-icon[b-a3rkp5aubs] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.apc-group-icon i[b-a3rkp5aubs] {
    color: #fff;
    font-size: 12px;
}

.apc-group-count[b-a3rkp5aubs] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    padding: 1px 6px;
    border-radius: 999px;
}

.apc-content[b-a3rkp5aubs] {
    flex: 1;
    padding-left: 12px;
    overflow-y: auto;
    min-height: 0;
}

.apc-content-header[b-a3rkp5aubs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

.apc-stats[b-a3rkp5aubs] {
    display: flex;
    gap: 8px;
}

.apc-stat-badge[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    display: flex;
    gap: 2px;
    background: var(--s-color-muted);
    border-radius: 6px;
    padding: 2px;
}

.apc-view-btn[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    color: var(--s-color-body-text);
}

.apc-view-btn.active[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    --apc-list-column-gap: var(--s-space-10);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
}

.apc-list-header[b-a3rkp5aubs] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1.5fr) 110px;
    gap: 0 var(--apc-list-column-gap);
    align-items: center;
    padding: var(--s-space-4) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: 0.78em;
    font-weight: 600;
    color: var(--s-color-body-text);
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.apc-col-status[b-a3rkp5aubs] {
    text-align: right;
}

.apc-list-row[b-a3rkp5aubs] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1.5fr) 110px;
    align-items: stretch;
    gap: 0 var(--apc-list-column-gap);
    padding: var(--datatable-row-size, 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);
    font-size: inherit;
    color: var(--s-color-body-text);
}

.apc-list-row:last-child[b-a3rkp5aubs] {
    border-bottom: none;
}

.apc-list-row:hover[b-a3rkp5aubs] {
    background-color: var(--s-color-datatable-hover);
}

body.s-datatable-striped .apc-list-row:nth-child(even)[b-a3rkp5aubs] {
    --s-row-color: var(--s-color-table-striped-row);
    background-color: var(--s-row-color);
}

body:not(.s-datatable-no-inline-styles) .apc-list[b-a3rkp5aubs] {
    --apc-list-column-gap: 0;
}

body:not(.s-datatable-no-inline-styles) .apc-list-header > span + span[b-a3rkp5aubs],
body:not(.s-datatable-no-inline-styles) .apc-list-row > div + div[b-a3rkp5aubs] {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding-left: var(--s-space-8);
}

body.s-datatable-contrast-middle .apc-list[b-a3rkp5aubs],
body.s-datatable-contrast-middle .apc-list-header[b-a3rkp5aubs],
body.s-datatable-contrast-middle .apc-list-row[b-a3rkp5aubs] {
    border-color: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .apc-list[b-a3rkp5aubs],
body.s-datatable-contrast-high .apc-list-header[b-a3rkp5aubs],
body.s-datatable-contrast-high .apc-list-row[b-a3rkp5aubs] {
    border-color: var(--s-color-table-border-contrast-high);
}

.apc-parameter-meta[b-a3rkp5aubs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.apc-parameter-title[b-a3rkp5aubs] {
    font-size: 13px;
    font-weight: 600;
    color: var(--s-color-body-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apc-parameter-key[b-a3rkp5aubs] {
    font-size: 11px;
    color: var(--s-color-label);
    font-family: Consolas, Monaco, monospace;
    overflow-wrap: anywhere;
}

.apc-parameter-tags[b-a3rkp5aubs] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.apc-tag[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    border-style: dashed;
}

.apc-parameter-description[b-a3rkp5aubs] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    line-height: 1.4;
    max-height: 34px;
    overflow: hidden;
}

.apc-value-editor[b-a3rkp5aubs] {
    width: 100%;
    display: flex;
    min-height: 100%;
}

.apc-value-editor-singleline[b-a3rkp5aubs] {
    align-items: center;
}

.apc-value-editor-multiline[b-a3rkp5aubs] {
    align-items: flex-start;
}

.apc-value-input[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    min-height: calc(var(--rem-scale) * 3.6rem);
    resize: none;
}

.apc-toggle-editor[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    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-a3rkp5aubs] {
    font-size: 12px;
    color: var(--s-color-label);
}

.apc-color-editor[b-a3rkp5aubs] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.apc-color-picker[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    flex: 1;
}

.apc-status-col[b-a3rkp5aubs] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 32px;
}

.apc-status[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    color: #0369a1;
    background: rgba(14, 165, 233, 0.14);
    border-color: rgba(14, 165, 233, 0.3);
}

.apc-status-saved[b-a3rkp5aubs] {
    color: #0f766e;
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(16, 185, 129, 0.3);
}

.apc-status-error[b-a3rkp5aubs] {
    color: var(--s-color-destructive);
    background: rgba(220, 38, 38, 0.12);
    border-color: rgba(220, 38, 38, 0.28);
}

.apc-card-grid[b-a3rkp5aubs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}

.apc-card[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    border-color: var(--s-color-ring);
}

.apc-card-header[b-a3rkp5aubs] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: start;
}

.apc-card-title[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.apc-card-key[b-a3rkp5aubs] {
    font-family: Consolas, Monaco, monospace;
    font-size: 11px;
    color: var(--s-color-label);
    overflow-wrap: anywhere;
}

.apc-card-description[b-a3rkp5aubs] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    line-height: 1.4;
    min-height: 30px;
}

.apc-card-input[b-a3rkp5aubs] {
    min-height: 88px;
}

.apc-card-status[b-a3rkp5aubs] {
    display: flex;
    justify-content: flex-end;
}

/* ========================================
   Icon Picker
   ======================================== */

.apc-icon-editor[b-a3rkp5aubs] {
    position: relative;
    width: 100%;
}

.apc-icon-preview[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    border-color: var(--s-color-ring);
}

.apc-icon-preview>i:first-child[b-a3rkp5aubs] {
    font-size: 18px;
    color: var(--s-color-primary);
    min-width: 22px;
    text-align: center;
}

.apc-icon-value[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    transition: transform 0.2s ease;
}

.apc-icon-dropdown[b-a3rkp5aubs] {
    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-a3rkp5aubs 0.15s ease;
}

@keyframes apc-dropdown-in-b-a3rkp5aubs {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.apc-icon-dropdown-search[b-a3rkp5aubs] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--s-color-border);
}

.apc-icon-dropdown-search i[b-a3rkp5aubs] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.apc-icon-dropdown-search input[b-a3rkp5aubs] {
    flex: 1;
    min-width: 0;
}

.apc-icon-dropdown-grid[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    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-a3rkp5aubs] {
    background: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-icon-dropdown-item.selected[b-a3rkp5aubs] {
    background: var(--s-color-primary);
    color: #fff;
    border-color: var(--s-color-primary);
}

/* ========================================
   JSON Editor
   ======================================== */

.apc-json-editor[b-a3rkp5aubs] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
}

.apc-json-toolbar[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    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-a3rkp5aubs] {
    font-size: 12px;
}

.apc-json-format-btn[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
    background: var(--s-color-accent);
    border-color: var(--s-color-border);
}

.apc-json-format-btn i[b-a3rkp5aubs] {
    font-size: 11px;
}

.apc-json-textarea[b-a3rkp5aubs] {
    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-a3rkp5aubs] {
        flex-direction: column;
    }

    .apc-group-list[b-a3rkp5aubs] {
        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-a3rkp5aubs] {
        padding-left: 0;
    }

    .apc-list-header[b-a3rkp5aubs],
    .apc-list-row[b-a3rkp5aubs] {
        grid-template-columns: 1fr;
    }

    .apc-col-status[b-a3rkp5aubs],
    .apc-status-col[b-a3rkp5aubs] {
        justify-content: flex-start;
        text-align: left;
    }

    body:not(.s-datatable-no-inline-styles) .apc-list-header > span + span[b-a3rkp5aubs],
    body:not(.s-datatable-no-inline-styles) .apc-list-row > div + div[b-a3rkp5aubs] {
        border-left: none;
        padding-left: 0;
    }
}
/* /Pages/Shared/Pages/Parameter/ServiceConfiguration/ServiceConfigurationCatalog.razor.rz.scp.css */
.scc-container[b-yhbsy5bgpm] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.scc-toolbar[b-yhbsy5bgpm] {
    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;
}

.scc-page-title[b-yhbsy5bgpm] {
    color: var(--s-color-body-text);
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.scc-page-title i[b-yhbsy5bgpm] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.scc-toolbar-actions[b-yhbsy5bgpm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.scc-toolbar-btn[b-yhbsy5bgpm] {
    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;
}

.scc-search-box[b-yhbsy5bgpm] {
    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: 260px;
}

.scc-search-box:focus-within[b-yhbsy5bgpm] {
    border-color: var(--s-color-ring);
}

.scc-search-input[b-yhbsy5bgpm] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    width: 100%;
    color: var(--s-color-body-text);
}

.scc-search-input[b-yhbsy5bgpm]::placeholder {
    color: var(--s-color-input-placeholder);
}

.scc-search-clear[b-yhbsy5bgpm] {
    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;
}

.scc-body[b-yhbsy5bgpm] {
    display: flex;
    flex: 1;
    min-height: 0;
}

.scc-group-list[b-yhbsy5bgpm] {
    min-width: 210px;
    max-width: 240px;
    padding-right: 10px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.scc-group-item[b-yhbsy5bgpm] {
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.12s ease;
    margin-bottom: 1px;
}

.scc-group-item:hover[b-yhbsy5bgpm],
.scc-group-item.selected[b-yhbsy5bgpm] {
    background-color: var(--s-color-accent);
}

.scc-group-item.selected .scc-group-name[b-yhbsy5bgpm] {
    font-weight: 600;
    color: var(--s-color-body-text);
}

.scc-group-name[b-yhbsy5bgpm] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scc-group-icon[b-yhbsy5bgpm] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.scc-group-icon i[b-yhbsy5bgpm] {
    color: #fff;
    font-size: 12px;
}

.scc-group-count[b-yhbsy5bgpm] {
    font-size: 10px;
    color: var(--s-color-muted-foreground);
    background: var(--s-color-muted);
    padding: 1px 6px;
    border-radius: 999px;
}

.scc-content[b-yhbsy5bgpm] {
    flex: 1;
    padding-left: 12px;
    overflow-y: auto;
    min-height: 0;
}

.scc-content-header[b-yhbsy5bgpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

.scc-stat-badge[b-yhbsy5bgpm] {
    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-muted-foreground);
}

.scc-view-controls[b-yhbsy5bgpm] {
    display: flex;
    gap: 2px;
    background: var(--s-color-muted);
    border-radius: 6px;
    padding: 2px;
}

.scc-view-btn[b-yhbsy5bgpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    background: transparent;
    color: var(--s-color-muted-foreground);
}

.scc-view-btn.active[b-yhbsy5bgpm] {
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.scc-list[b-yhbsy5bgpm] {
    --scc-list-column-gap: var(--s-space-10);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: hidden;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
}

.scc-list-header[b-yhbsy5bgpm] {
    display: grid;
    grid-template-columns: minmax(240px, 2fr) 140px minmax(200px, 1.5fr) 110px;
    gap: 0 var(--scc-list-column-gap);
    align-items: center;
    padding: var(--s-space-4) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: 0.78em;
    font-weight: 600;
    color: var(--s-color-body-text);
    text-transform: uppercase;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.scc-list-row[b-yhbsy5bgpm] {
    display: grid;
    grid-template-columns: minmax(240px, 2fr) 140px minmax(200px, 1.5fr) 110px;
    align-items: center;
    gap: 0 var(--scc-list-column-gap);
    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);
    color: var(--s-color-body-text);
}

.scc-list-row:last-child[b-yhbsy5bgpm] {
    border-bottom: none;
}

.scc-list-row:hover[b-yhbsy5bgpm] {
    background-color: var(--s-color-datatable-hover);
}

body.s-datatable-striped .scc-list-row:nth-child(even)[b-yhbsy5bgpm] {
    background-color: var(--s-color-table-striped-row);
}

.scc-col-actions[b-yhbsy5bgpm] {
    text-align: right;
}

.scc-service-title[b-yhbsy5bgpm] {
    font-size: 13px;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.scc-service-key[b-yhbsy5bgpm] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    font-family: var(--s-font-family-mono, monospace);
}

.scc-service-description[b-yhbsy5bgpm] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scc-type-badge[b-yhbsy5bgpm] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500;
    background-color: var(--s-color-muted);
    color: var(--s-color-body-text);
}

.scc-config-keys[b-yhbsy5bgpm] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.scc-config-chip[b-yhbsy5bgpm] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 10px;
    background-color: var(--s-color-muted);
    color: var(--s-color-body-text);
    border: 1px solid var(--s-color-border);
}

.scc-config-chip-encrypted[b-yhbsy5bgpm] {
    border-color: rgba(234, 88, 12, 0.35);
    color: #c2410c;
}

.scc-no-configs[b-yhbsy5bgpm] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
}

.scc-action-btn[b-yhbsy5bgpm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border: 1px solid var(--s-color-border);
    border-radius: 6px;
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    font-size: 11px;
    cursor: pointer;
}

.scc-action-btn:hover[b-yhbsy5bgpm] {
    background-color: var(--s-color-accent);
}

.scc-card-grid[b-yhbsy5bgpm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
}

.scc-card[b-yhbsy5bgpm] {
    border: 1px solid var(--s-color-border);
    border-radius: 10px;
    background: var(--s-color-card);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.scc-card-header[b-yhbsy5bgpm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.scc-card-title[b-yhbsy5bgpm] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.scc-card-key[b-yhbsy5bgpm] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    font-family: var(--s-font-family-mono, monospace);
}

.scc-card-description[b-yhbsy5bgpm] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
}

.scc-card-config-label[b-yhbsy5bgpm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    font-weight: 600;
    color: var(--s-color-muted-foreground);
    text-transform: uppercase;
}

.scc-card-footer[b-yhbsy5bgpm] {
    margin-top: auto;
    padding-top: 4px;
}
/* /Pages/Shared/Pages/Parameter/ServiceConfiguration/ServiceConfigurationEditModal.razor.rz.scp.css */
.scc-edit-form[b-nxsevbj02c] {
    max-height: calc(100vh - 230px);
    overflow-y: auto;
    padding: var(--s-space-4) var(--s-space-6) 0 var(--s-space-2);
    font-family: var(--s-font-family-body);
}

.scc-edit-label[b-nxsevbj02c] {
    display: block;
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-label, var(--s-color-body-text));
    margin-bottom: var(--s-space-4);
}

.scc-edit-hint[b-nxsevbj02c] {
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
    margin-top: var(--s-space-4);
}

.scc-edit-input-readonly[b-nxsevbj02c] {
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
    cursor: not-allowed;
}

.scc-edit-select[b-nxsevbj02c] {
    width: 100%;
}

.scc-edit-description[b-nxsevbj02c] {
    min-height: 56px;
}

.scc-edit-checkbox[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    margin-bottom: 0;
    cursor: pointer;
    white-space: nowrap;
}

.scc-edit-loading[b-nxsevbj02c] {
    min-height: 240px;
}

.scc-edit-key-group[b-nxsevbj02c] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.scc-edit-key-prefix[b-nxsevbj02c] {
    font-family: var(--s-font-family-mono, monospace);
    font-size: var(--s-font-size-12);
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.scc-editor-head[b-nxsevbj02c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-6);
}

.scc-editor-head .scc-edit-label[b-nxsevbj02c] {
    margin-bottom: 0;
}

.scc-editor-tabs[b-nxsevbj02c] {
    display: inline-flex;
    padding: 2px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-muted);
}

.scc-editor-tab[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-2) var(--s-space-8);
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
    font-weight: var(--s-font-weight-medium);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.scc-editor-tab.active[b-nxsevbj02c] {
    background: var(--s-color-card);
    color: var(--s-color-primary);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-foreground) 12%, transparent);
}

.scc-params[b-nxsevbj02c] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    max-height: 240px;
    overflow-y: auto;
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
}

.scc-params-empty[b-nxsevbj02c] {
    padding: var(--s-space-12);
    text-align: center;
    font-size: var(--s-font-size-12);
    color: var(--s-color-muted-foreground);
}

.scc-param-row[b-nxsevbj02c] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr) auto;
    align-items: center;
    gap: var(--s-space-8);
    padding: var(--s-space-4) var(--s-space-6);
    border-radius: var(--s-border-radius-small);
}

.scc-param-row:hover[b-nxsevbj02c] {
    background: color-mix(in srgb, var(--s-color-primary) 5%, transparent);
}

.scc-param-key[b-nxsevbj02c] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.scc-param-label[b-nxsevbj02c] {
    font-size: var(--s-font-size-12);
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-body-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scc-param-required[b-nxsevbj02c] {
    margin-left: 2px;
    color: var(--s-color-destructive);
}

.scc-param-code[b-nxsevbj02c] {
    font-family: var(--s-font-family-mono, monospace);
    font-size: var(--s-font-size-10);
    color: var(--s-color-muted-foreground);
}

.scc-param-value[b-nxsevbj02c] {
    min-width: 0;
}

.scc-param-switch[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
    margin: 0;
    cursor: pointer;
}

.scc-param-actions[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    min-width: 56px;
    justify-content: flex-end;
}

.scc-param-chip[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: var(--s-border-radius-full);
    color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 12%, transparent);
    font-size: var(--s-font-size-11);
}

.scc-param-btn[b-nxsevbj02c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-input-bg, var(--s-color-card));
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.scc-param-btn:hover[b-nxsevbj02c] {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 40%, var(--s-color-border));
}

.scc-param-btn-danger:hover[b-nxsevbj02c] {
    color: var(--s-color-destructive);
    border-color: color-mix(in srgb, var(--s-color-destructive) 40%, var(--s-color-border));
}

.scc-param-add[b-nxsevbj02c] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 2fr) auto auto;
    align-items: center;
    gap: var(--s-space-8);
    margin-top: var(--s-space-8);
}

.scc-param-add-btn[b-nxsevbj02c] {
    white-space: nowrap;
}

.scc-edit-key-preview[b-nxsevbj02c] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    min-height: 28px;
    padding: 0 var(--s-space-6);
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-muted);
    font-size: var(--s-font-size-12);
    color: var(--s-color-body-text);
}

.scc-edit-key-preview strong[b-nxsevbj02c] {
    font-family: var(--s-font-family-mono, monospace);
    font-weight: var(--s-font-weight-semibold);
}
/* /Pages/Shared/Pages/Reporting/Components/CustomDateRangePicker.razor.rz.scp.css */
.custom-range[b-3lhkvt0vkn] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.custom-range-inputs[b-3lhkvt0vkn] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.custom-range-input[b-3lhkvt0vkn] {
    width: auto;
    min-width: 9.5rem;
}

.custom-range-separator[b-3lhkvt0vkn] {
    color: var(--s-color-text-secondary);
}

.custom-range-note[b-3lhkvt0vkn] {
    font-size: 0.75rem;
    color: var(--s-color-text-secondary);
}

.custom-range-note.is-error[b-3lhkvt0vkn] {
    color: var(--s-color-danger);
}
/* /Pages/Shared/Pages/Reporting/Components/CustomDateRangePopover.razor.rz.scp.css */
.report-custom-date-popover[b-5dsqa3e3xi] {
    padding: var(--s-space-16);
}
/* /Pages/Shared/Pages/Reporting/Dashboards/Components/DashboardAuthorizationPanel.razor.rz.scp.css */
.dash-auth-panel[b-i98wnhgc9y] {
    --dash-auth-primary: var(--s-color-primary, #7c3aed);
    --dash-auth-foreground: var(--s-color-foreground, #0f172a);
    --dash-auth-surface: var(--s-color-surface, #ffffff);
    --dash-auth-muted: var(--s-color-muted, #f8f5ff);
    --dash-auth-muted-foreground: var(--s-color-muted-foreground, #64748b);
    --dash-auth-border: color-mix(in srgb, var(--dash-auth-primary), transparent 78%);
    --dash-auth-allow: #16a34a;
    --dash-auth-deny: #dc2626;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-height: 30rem;
    color: var(--dash-auth-foreground);
    font-size: 0.76rem;
}

.dash-auth-panel__tabs[b-i98wnhgc9y] {
    display: inline-flex;
    gap: 0.3rem;
    align-self: flex-start;
    padding: 0.25rem;
    border: 1px solid var(--dash-auth-border);
    border-radius: 0.55rem;
    background: var(--dash-auth-surface);
}

.dash-auth-panel__tab-button[b-i98wnhgc9y] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid var(--dash-auth-border);
    border-radius: 0.45rem;
    background: var(--dash-auth-surface);
    color: var(--dash-auth-foreground);
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 800;
}

.dash-auth-panel__tab-button strong[b-i98wnhgc9y] {
    font-size: 0.66rem;
    color: var(--dash-auth-muted-foreground);
}

.dash-auth-panel__tab-button--active[b-i98wnhgc9y] {
    background: var(--dash-auth-primary);
    border-color: var(--dash-auth-primary);
    color: #ffffff;
}

.dash-auth-panel__tab-button--active strong[b-i98wnhgc9y] {
    color: #ffffff;
}

.dash-auth-panel__section[b-i98wnhgc9y] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    padding: 0.55rem;
    border: 1px solid var(--dash-auth-border);
    border-radius: 0.65rem;
    background: var(--dash-auth-surface);
}

.dash-auth-panel__header[b-i98wnhgc9y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    margin-bottom: 0.45rem;
}

.dash-auth-panel__header h6[b-i98wnhgc9y] {
    margin: 0 0 0.08rem;
    font-size: 0.82rem;
    font-weight: 900;
}

.dash-auth-panel__header p[b-i98wnhgc9y] {
    margin: 0;
    font-size: 0.66rem;
    color: var(--dash-auth-muted-foreground);
}

.dash-auth-panel__search[b-i98wnhgc9y] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.45rem;
    padding: 0.3rem 0.45rem;
    border: 1px solid var(--dash-auth-border);
    border-radius: 0.45rem;
    background: var(--dash-auth-surface);
    color: var(--dash-auth-muted-foreground);
}

.dash-auth-panel__search input[b-i98wnhgc9y] {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--dash-auth-foreground);
    font-size: 0.72rem;
}

.dash-auth-panel__search button[b-i98wnhgc9y] {
    width: 1.45rem;
    height: 1.45rem;
    border: none;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--dash-auth-muted-foreground);
    cursor: pointer;
}

.dash-auth-panel__bulk-check[b-i98wnhgc9y],
.dash-auth-panel__row-check[b-i98wnhgc9y],
.dash-auth-panel__row-radio[b-i98wnhgc9y] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.dash-auth-panel__bulk-check[b-i98wnhgc9y] {
    font-size: 0.66rem;
    font-weight: 900;
    color: var(--dash-auth-muted-foreground);
    text-transform: uppercase;
}

.dash-auth-panel__bulk-check input[b-i98wnhgc9y],
.dash-auth-panel__row-check input[b-i98wnhgc9y],
.dash-auth-panel__row-radio input[b-i98wnhgc9y] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dash-auth-panel__checkbox[b-i98wnhgc9y],
.dash-auth-panel__radio[b-i98wnhgc9y] {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dash-auth-deny), transparent 32%);
    border-radius: 0.38rem;
    background: color-mix(in srgb, var(--dash-auth-deny), var(--dash-auth-surface) 92%);
    color: transparent;
}

.dash-auth-panel__radio[b-i98wnhgc9y] {
    border-radius: 50%;
}

.dash-auth-panel__bulk-check input:checked + .dash-auth-panel__checkbox[b-i98wnhgc9y],
.dash-auth-panel__row-check input:checked + .dash-auth-panel__checkbox[b-i98wnhgc9y] {
    background: var(--dash-auth-allow);
    border-color: var(--dash-auth-allow);
    color: #ffffff;
}

.dash-auth-panel__row-radio input:checked + .dash-auth-panel__radio[b-i98wnhgc9y] {
    border-color: var(--dash-auth-primary);
    background: radial-gradient(circle at center, var(--dash-auth-primary) 0 38%, transparent 42%);
}

.dash-auth-panel__row-radio input:disabled + .dash-auth-panel__radio[b-i98wnhgc9y] {
    opacity: 0.45;
    cursor: not-allowed;
}

.dash-auth-panel__matrix[b-i98wnhgc9y] {
    flex: 1 1 auto;
    min-height: 21rem;
    max-height: 44rem;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--dash-auth-primary), transparent 88%);
    border-radius: 0.55rem;
    background: var(--dash-auth-muted);
}

.dash-auth-panel__table[b-i98wnhgc9y] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.dash-auth-panel__table th[b-i98wnhgc9y],
.dash-auth-panel__table td[b-i98wnhgc9y] {
    padding: 0.32rem 0.42rem;
    border-top: 1px solid color-mix(in srgb, var(--dash-auth-primary), transparent 90%);
    text-align: left;
    vertical-align: middle;
}

.dash-auth-panel__table thead th[b-i98wnhgc9y] {
    position: sticky;
    top: 0;
    z-index: 1;
    border-top: none;
    background: color-mix(in srgb, var(--dash-auth-muted), var(--dash-auth-surface) 55%);
    color: var(--dash-auth-muted-foreground);
    font-size: 0.61rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dash-auth-panel__table th:not(:first-child)[b-i98wnhgc9y],
.dash-auth-panel__table td:not(:first-child)[b-i98wnhgc9y] {
    width: 7rem;
    text-align: center;
}

.dash-auth-panel__table th:last-child[b-i98wnhgc9y],
.dash-auth-panel__table td:last-child[b-i98wnhgc9y] {
    width: 9rem;
}

.dash-auth-panel__subject[b-i98wnhgc9y] {
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.15;
}

.dash-auth-panel__meta[b-i98wnhgc9y] {
    margin-top: 0.02rem;
    color: var(--dash-auth-muted-foreground);
    font-size: 0.63rem;
    line-height: 1.1;
}

.dash-auth-panel__empty[b-i98wnhgc9y] {
    padding: 1rem;
    border-radius: 0.55rem;
    background: var(--dash-auth-muted);
    color: var(--dash-auth-muted-foreground);
    text-align: center;
}

.dash-auth-panel__layout-toggle[b-i98wnhgc9y] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 7.8rem;
    padding: 0.15rem;
    border: 1px solid var(--dash-auth-border);
    border-radius: 0.45rem;
    background: var(--dash-auth-surface);
}

.dash-auth-panel__layout-button[b-i98wnhgc9y] {
    min-width: 0;
    height: 1.35rem;
    border: none;
    border-radius: 0.32rem;
    background: transparent;
    color: var(--dash-auth-muted-foreground);
    font-size: 0.62rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.dash-auth-panel__layout-button--active[b-i98wnhgc9y] {
    background: var(--dash-auth-primary);
    color: #ffffff;
}

.dash-auth-panel__layout-button:disabled[b-i98wnhgc9y] {
    opacity: 0.45;
    cursor: not-allowed;
}
/* /Pages/Shared/Pages/Reporting/Dashboards/Components/DashboardDesignerCanvas.razor.rz.scp.css */
.dd-panel[b-3due4ai8bm] {
    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-3due4ai8bm] {
    margin: 0;
    color: var(--s-color-body-text);
}

.dd-canvas[b-3due4ai8bm] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.dd-canvas-header[b-3due4ai8bm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--s-color-muted-foreground);
}

.dd-canvas-empty[b-3due4ai8bm] {
    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-grid[b-3due4ai8bm] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: row dense;
    align-items: stretch;
    gap: var(--s-space-8);
}

.dd-widget-card[b-3due4ai8bm] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    display: flex;
    flex-direction: column;
    cursor: grab;
    background-color: var(--s-color-card);
    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, opacity 160ms ease;
}

.dd-widget-card:hover[b-3due4ai8bm] {
    border-color: color-mix(in srgb, var(--s-color-primary) 34%, var(--s-color-border));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
}

.dd-widget-card.selected[b-3due4ai8bm] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 20%, transparent);
}

.dd-widget-card.dragging[b-3due4ai8bm] {
    opacity: 0.58;
    transform: scale(0.99);
}

.dd-widget-card.drop-target[b-3due4ai8bm] {
    border-color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--s-color-primary) 18%, transparent),
        0 14px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
    transform: translateY(-2px);
}

.dd-widget-card-header[b-3due4ai8bm] {
    min-height: 42px;
    border-bottom: 1px solid var(--s-color-border);
    padding: var(--s-space-6) var(--s-space-8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-6);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card)) 0%,
        var(--s-color-card) 100%);
}

.dd-widget-copy[b-3due4ai8bm] {
    min-width: 0;
    flex: 1;
}

.dd-widget-title[b-3due4ai8bm] {
    font-weight: 600;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dd-widget-meta[b-3due4ai8bm] {
    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-actions[b-3due4ai8bm] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    flex-shrink: 0;
}

.dd-drag-handle[b-3due4ai8bm] {
    color: var(--s-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 28px;
}

.dd-mini-btn[b-3due4ai8bm],
.dd-remove-btn[b-3due4ai8bm] {
    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-3due4ai8bm],
.dd-remove-btn:hover[b-3due4ai8bm] {
    color: var(--s-color-primary);
    background-color: var(--s-color-surface);
}

.dd-widget-skeleton[b-3due4ai8bm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    min-height: 0;
}

.dd-skeleton-toolbar[b-3due4ai8bm] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-4);
}

.dd-skeleton-toolbar span[b-3due4ai8bm] {
    width: 34px;
    height: 7px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-primary) 14%, var(--s-color-border));
}

.dd-skeleton-body[b-3due4ai8bm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-5);
}

.dd-skeleton-body span[b-3due4ai8bm] {
    width: var(--dd-skeleton-line, 70%);
    height: 8px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-border));
}

.dd-skeleton-body.table span:nth-child(odd)[b-3due4ai8bm] {
    width: 92%;
}

.dd-skeleton-body.chart[b-3due4ai8bm] {
    justify-content: end;
    flex-direction: row;
    align-items: end;
    gap: var(--s-space-4);
}

.dd-skeleton-body.chart span[b-3due4ai8bm] {
    width: 10%;
    min-width: 12px;
    height: 58%;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
}

.dd-skeleton-body.chart span:nth-child(2)[b-3due4ai8bm] {
    height: 72%;
}

.dd-skeleton-body.chart span:nth-child(3)[b-3due4ai8bm] {
    height: 42%;
}

.dd-skeleton-body.chart span:nth-child(4)[b-3due4ai8bm] {
    height: 64%;
}

.dd-skeleton-body.chart span:nth-child(5)[b-3due4ai8bm] {
    height: 48%;
}

.dd-skeleton-body.kpi span:first-child[b-3due4ai8bm] {
    width: 46%;
    height: 22px;
}

@media (max-width: 1280px) {
    .dd-widget-card[b-3due4ai8bm] {
        grid-column: 1 / -1 !important;
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/Components/DashboardDesignerToolbar.razor.rz.scp.css */
.dd-toolbar[b-28bw1vps4d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-10);
    flex-wrap: wrap;
}

.dd-title-block[b-28bw1vps4d] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
    flex-wrap: wrap;
}

.dd-back-btn[b-28bw1vps4d] {
    gap: var(--s-space-6);
    flex-shrink: 0;
}

.dd-title[b-28bw1vps4d] {
    margin: 0;
    color: var(--s-color-primary);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.dd-chip[b-28bw1vps4d] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    line-height: 1.35;
    background-color: var(--s-color-surface);
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.dd-chip-published[b-28bw1vps4d] {
    color: var(--s-color-primary-foreground);
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.dd-chip-draft[b-28bw1vps4d] {
    color: var(--s-color-body-text);
}

.dd-chip-unsaved[b-28bw1vps4d] {
    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-28bw1vps4d] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
    align-items: center;
}
/* /Pages/Shared/Pages/Reporting/Dashboards/Components/DashboardTableGrid.razor.rz.scp.css */
.dashboard-table-grid[b-6v6rm7dwmm] {
    min-height: 0;
    height: 100%;
}

.dashboard-table-grid__toolbar[b-6v6rm7dwmm] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-4);
    width: 100%;
}

[b-6v6rm7dwmm] .dashboard-table-grid .dxbl-grid {
    height: 100%;
}
/* /Pages/Shared/Pages/Reporting/Dashboards/Components/DashboardWidgetLibrary.razor.rz.scp.css */
.dd-panel[b-4bmrzhpjre] {
    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-4bmrzhpjre] {
    margin: 0 0 var(--s-space-8);
    color: var(--s-color-body-text);
}

.dd-library-list[b-4bmrzhpjre] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-6);
}

.dd-library-item[b-4bmrzhpjre] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
}

/* Yalnizca ekleme butonu. Onceden "button" idi ve goz butonunu da yakaliyordu;
   justify-content: flex-start, .dd-library-info'nun place-items: center'inin
   yatay yarisini eziyor ve ikonu sola yasliyordu. Scoped CSS ozgullugu daha
   yuksek oldugu icin .dd-library-info'ya ne eklenirse eklensin duzelmiyordu. */
.dd-library-list .dd-library-add[b-4bmrzhpjre] {
    flex: 1 1 auto;
    justify-content: flex-start;
    text-align: left;
    gap: var(--s-space-4);
}

.dd-library-info[b-4bmrzhpjre] {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: 14px;
    line-height: 0;
}

.dd-library-info > i[b-4bmrzhpjre] {
    display: block;
    line-height: 0;
}

.dd-library-info > i[b-4bmrzhpjre]::before {
    display: block;
    line-height: 1;
}

.dd-library-info:hover[b-4bmrzhpjre],
.dd-library-item.is-previewing .dd-library-info[b-4bmrzhpjre] {
    color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.dd-library-popover[b-4bmrzhpjre] {
    position: absolute;
    top: 0;
    left: calc(100% + var(--s-space-8));
    z-index: 30;
    background: var(--s-color-card);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    box-shadow: 0 8px 24px rgb(0 0 0 / 14%);
}

.dd-library-popover-close[b-4bmrzhpjre] {
    position: absolute;
    top: var(--s-space-4);
    right: var(--s-space-4);
    width: 24px;
    height: 24px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    line-height: 0;
}

.dd-library-popover-close > i[b-4bmrzhpjre] {
    display: block;
    line-height: 0;
}

.dd-library-popover-close > i[b-4bmrzhpjre]::before {
    display: block;
    line-height: 1;
}

.dd-library-popover-close:hover[b-4bmrzhpjre] {
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
}

/* Dar ekranda yana sigmaz; ogenin altina alinir. */
@media (max-width: 992px) {
    .dd-library-popover[b-4bmrzhpjre] {
        left: 0;
        top: calc(100% + var(--s-space-4));
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardCatalog.razor.rz.scp.css */
.dc-container[b-797wy8jhpk] {
    padding: var(--s-space-16);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
}

.dc-header[b-797wy8jhpk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-10);
    flex-wrap: wrap;
}

.dc-title[b-797wy8jhpk] {
    margin: 0;
    font-weight: 700;
    color: var(--s-color-primary);
}

.dc-subtitle[b-797wy8jhpk] {
    margin: var(--s-space-4) 0 0;
    color: var(--s-color-muted-foreground);
}

.dc-header-actions[b-797wy8jhpk] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.dc-state[b-797wy8jhpk],
.dc-empty[b-797wy8jhpk] {
    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-797wy8jhpk] {
    font-size: 1.2rem;
}

.dc-grid[b-797wy8jhpk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--s-space-10);
}

.dc-card[b-797wy8jhpk] {
    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;
    cursor: pointer;
}

.dc-card:hover[b-797wy8jhpk],
.dc-card:focus-visible[b-797wy8jhpk] {
    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);
    outline: none;
}

.dc-card-top[b-797wy8jhpk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-space-6);
}

.dc-card-title[b-797wy8jhpk] {
    margin: 0;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.dc-card-meta[b-797wy8jhpk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dc-card-meta span[b-797wy8jhpk] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.dc-icon-actions[b-797wy8jhpk] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--s-space-4);
    flex: 0 0 auto;
}

.dc-icon-button[b-797wy8jhpk] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    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;
    line-height: 1;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
    cursor: pointer;
}

.dc-icon-button:hover:not(:disabled)[b-797wy8jhpk],
.dc-icon-button:focus-visible:not(:disabled)[b-797wy8jhpk] {
    color: var(--s-color-primary);
    border-color: color-mix(in srgb, var(--s-color-primary) 42%, var(--s-color-border));
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

.dc-delete-icon-button[b-797wy8jhpk] {
    color: var(--s-color-destructive);
    border-color: color-mix(in srgb, var(--s-color-destructive) 32%, var(--s-color-border));
}

.dc-delete-icon-button:hover:not(:disabled)[b-797wy8jhpk],
.dc-delete-icon-button:focus-visible:not(:disabled)[b-797wy8jhpk] {
    color: var(--s-color-destructive-foreground);
    border-color: var(--s-color-destructive);
    background-color: var(--s-color-destructive);
}

.dc-icon-button:disabled[b-797wy8jhpk] {
    cursor: not-allowed;
    opacity: 0.5;
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardDesigner.razor.rz.scp.css */
.dd-root[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    padding: var(--s-space-16);
}

.dd-toolbar[b-qwdqvjtu1t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-10);
    flex-wrap: wrap;
}

.dd-title-block[b-qwdqvjtu1t] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    min-width: 0;
    flex-wrap: wrap;
}

.dd-back-btn[b-qwdqvjtu1t] {
    gap: var(--s-space-6);
    flex-shrink: 0;
}

.dd-title[b-qwdqvjtu1t] {
    margin: 0;
    color: var(--s-color-primary);
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.dd-chip[b-qwdqvjtu1t] {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 11px;
    line-height: 1.35;
    background-color: var(--s-color-surface);
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.dd-chip-published[b-qwdqvjtu1t] {
    color: var(--s-color-primary-foreground);
    background-color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.dd-chip-draft[b-qwdqvjtu1t] {
    color: var(--s-color-body-text);
}

.dd-chip-unsaved[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    display: flex;
    gap: var(--s-space-6);
    flex-wrap: wrap;
    align-items: center;
}

.dd-validation-panel[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
    color: var(--s-color-body-text);
    font-size: 12px;
}

.dd-loading[b-qwdqvjtu1t],
.dd-error[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: 220px minmax(720px, 1fr) minmax(440px, 0.42fr);
    gap: var(--s-space-10);
    min-height: calc(100vh - 180px);
}

.dd-panel[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    margin: 0 0 var(--s-space-8);
    color: var(--s-color-body-text);
}

.dd-canvas[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.dd-canvas-header[b-qwdqvjtu1t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--s-color-muted-foreground);
}

.dd-canvas-empty[b-qwdqvjtu1t],
.dd-mini-empty[b-qwdqvjtu1t] {
    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-grid[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: row dense;
    align-items: stretch;
    gap: var(--s-space-8);
}

.dd-widget-card[b-qwdqvjtu1t] {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    display: flex;
    flex-direction: column;
    cursor: grab;
    background-color: var(--s-color-card);
    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, opacity 160ms ease;
}

.dd-widget-card:hover[b-qwdqvjtu1t] {
    border-color: color-mix(in srgb, var(--s-color-primary) 34%, var(--s-color-border));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
}

.dd-widget-card.selected[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 20%, transparent);
}

.dd-widget-card.dragging[b-qwdqvjtu1t] {
    opacity: 0.58;
    transform: scale(0.99);
}

.dd-widget-card.drop-target[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--s-color-primary) 18%, transparent),
        0 14px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
    transform: translateY(-2px);
}

.dd-widget-card-header[b-qwdqvjtu1t] {
    min-height: 42px;
    border-bottom: 1px solid var(--s-color-border);
    padding: var(--s-space-6) var(--s-space-8);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-6);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card)) 0%,
        var(--s-color-card) 100%);
}

.dd-widget-copy[b-qwdqvjtu1t] {
    min-width: 0;
    flex: 1;
}

.dd-widget-title[b-qwdqvjtu1t] {
    font-weight: 600;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dd-widget-meta[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dd-widget-actions[b-qwdqvjtu1t] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    flex-shrink: 0;
}

.dd-drag-handle[b-qwdqvjtu1t] {
    color: var(--s-color-muted-foreground);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 28px;
}

.dd-mini-btn[b-qwdqvjtu1t],
.dd-remove-btn[b-qwdqvjtu1t] {
    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-qwdqvjtu1t],
.dd-remove-btn:hover[b-qwdqvjtu1t] {
    color: var(--s-color-primary);
    background-color: var(--s-color-surface);
}

.dd-widget-skeleton[b-qwdqvjtu1t] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-8);
    min-height: 0;
}

.dd-skeleton-toolbar[b-qwdqvjtu1t] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-4);
}

.dd-skeleton-toolbar span[b-qwdqvjtu1t] {
    width: 34px;
    height: 7px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-primary) 14%, var(--s-color-border));
}

.dd-skeleton-body[b-qwdqvjtu1t] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-5);
}

.dd-skeleton-body span[b-qwdqvjtu1t] {
    width: var(--dd-skeleton-line, 70%);
    height: 8px;
    border-radius: 999px;
    background-color: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-border));
}

.dd-skeleton-body.table span:nth-child(odd)[b-qwdqvjtu1t] {
    width: 92%;
}

.dd-skeleton-body.chart[b-qwdqvjtu1t] {
    justify-content: end;
    flex-direction: row;
    align-items: end;
    gap: var(--s-space-4);
}

.dd-skeleton-body.chart span[b-qwdqvjtu1t] {
    width: 10%;
    min-width: 12px;
    height: 58%;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
}

.dd-skeleton-body.chart span:nth-child(2)[b-qwdqvjtu1t] {
    height: 72%;
}

.dd-skeleton-body.chart span:nth-child(3)[b-qwdqvjtu1t] {
    height: 42%;
}

.dd-skeleton-body.chart span:nth-child(4)[b-qwdqvjtu1t] {
    height: 64%;
}

.dd-skeleton-body.chart span:nth-child(5)[b-qwdqvjtu1t] {
    height: 48%;
}

.dd-skeleton-body.kpi span:first-child[b-qwdqvjtu1t] {
    width: 46%;
    height: 22px;
}

.dd-layout-settings[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-6);
}

.dd-layout-field-wide[b-qwdqvjtu1t] {
    grid-column: 1 / -1;
}

.dd-layout-field[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dd-field-label[b-qwdqvjtu1t] {
    display: flex;
    align-items: baseline;
    gap: var(--s-space-3);
    flex-wrap: wrap;
}

.dd-label-note[b-qwdqvjtu1t] {
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    font-weight: 400;
}

.dd-column-span-grid[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--s-space-2);
}

.dd-column-span-option[b-qwdqvjtu1t] {
    min-height: 30px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 var(--s-space-2);
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.dd-column-span-option strong[b-qwdqvjtu1t] {
    font-size: 13px;
    line-height: 1;
}

.dd-column-span-option span[b-qwdqvjtu1t] {
    display: none;
}

.dd-column-span-option:hover[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
}

.dd-column-span-option.selected[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.dd-inspector[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    overflow: auto;
}

.dd-inspector-tabs[b-qwdqvjtu1t] {
    display: flex;
    gap: var(--s-space-4);
    flex-wrap: wrap;
}

.dd-tab[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-inspector-section input[type="checkbox"][b-qwdqvjtu1t] {
    margin-right: 6px;
}

.dd-report-key-row[b-qwdqvjtu1t] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
}

.dd-report-key-row .s-select[b-qwdqvjtu1t] {
    min-width: 0;
    flex: 1;
}

.dd-report-edit-link[b-qwdqvjtu1t] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.dd-checkbox-row[b-qwdqvjtu1t] {
    display: flex;
    gap: var(--s-space-8);
    align-items: center;
    flex-wrap: wrap;
}

.dd-textarea[b-qwdqvjtu1t] {
    min-height: 72px;
}

.dd-param-card[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    width: 100%;
}

.dd-preset-panel[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-preset-list[b-qwdqvjtu1t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.dd-date-preset-checks[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
}

.dd-date-preset-check[b-qwdqvjtu1t] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    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) !important;
    padding: 2px 5px;
    font-size: 11px;
    line-height: 1.2;
    min-width: 0;
}

.dd-date-preset-check span[b-qwdqvjtu1t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-default-preset-row[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.dd-default-preset-copy strong[b-qwdqvjtu1t] {
    font-size: 12px;
    color: var(--s-color-body-text);
}

.dd-default-preset-copy span[b-qwdqvjtu1t] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dd-summary-panel[b-qwdqvjtu1t] {
    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) 3%, var(--s-color-card));
}

.dd-summary-title[b-qwdqvjtu1t] {
    font-size: 12px;
    font-weight: 600;
    color: var(--s-color-body-text);
}

.dd-summary-list[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    max-height: 220px;
    overflow: auto;
}

.dd-summary-row[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--s-space-6);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    padding: 5px 7px;
}

.dd-summary-field[b-qwdqvjtu1t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--s-color-body-text);
    font-size: 12px;
}

.dd-summary-op[b-qwdqvjtu1t] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-3);
    color: var(--s-color-body-text) !important;
    white-space: nowrap;
}

.dd-summary-manual[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    border-top: 1px dashed var(--s-color-border);
    padding-top: var(--s-space-6);
}

.dd-summary-manual-row[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: var(--s-space-4);
    align-items: center;
}

.dd-param-grid[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-6);
}

.dd-param-field[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dd-param-hint[b-qwdqvjtu1t] {
    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-qwdqvjtu1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dd-section-header[b-qwdqvjtu1t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-6);
}

.dd-hint[b-qwdqvjtu1t] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

@media (max-width: 1280px) {
    .dd-layout[b-qwdqvjtu1t] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .dd-param-grid[b-qwdqvjtu1t] {
        grid-template-columns: 1fr;
    }

    .dd-widget-card[b-qwdqvjtu1t] {
        grid-column: 1 / -1 !important;
    }

    .dd-layout-settings[b-qwdqvjtu1t] {
        grid-template-columns: 1fr;
    }

    .dd-column-span-grid[b-qwdqvjtu1t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dd-date-preset-checks[b-qwdqvjtu1t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Grafik turu secimi: acilir liste + secili turun onizlemesi yan yana. */
.dd-chart-kind-row[b-qwdqvjtu1t] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.dd-chart-kind-row .s-select[b-qwdqvjtu1t] {
    flex: 1 1 auto;
    min-width: 0;
}

/* Galeri: tur adlari tek basina anlasilmadigi icin cizimle birlikte. */
.dd-chart-kind-gallery[b-qwdqvjtu1t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: var(--s-space-6);
    margin-top: var(--s-space-8);
}

.dd-chart-kind-item[b-qwdqvjtu1t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-6);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: transparent;
    cursor: pointer;
    font-size: var(--s-font-size-11);
    color: var(--s-color-muted-foreground);
    text-align: center;
}

.dd-chart-kind-item:hover[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
    color: var(--s-color-body-text);
}

.dd-chart-kind-item.is-selected[b-qwdqvjtu1t] {
    border-color: var(--s-color-primary);
    color: var(--s-color-body-text);
    background: color-mix(in srgb, var(--s-color-primary) 8%, transparent);
}

/* Ust siradaki .dd-tab'lardan gorsel olarak ayrilmasi gerekiyor: bunlar ayni
   sekmenin alt gruplari. Segment seridi olarak, yapisik ve daha sessiz. */
.dd-subtabs[b-qwdqvjtu1t] {
    display: flex;
    gap: 2px;
    padding: 2px;
    margin-bottom: var(--s-space-4);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-surface);
    /* Dar panelde dorde bolunmus serit tasiyor; yatay kayabilsin. */
    overflow-x: auto;
    scrollbar-width: thin;
}

.dd-subtab[b-qwdqvjtu1t] {
    flex: 1 1 0;
    min-width: max-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 4px 8px;
    border: 0;
    border-radius: calc(var(--s-border-radius-default) - 1px);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
}

.dd-subtab > i[b-qwdqvjtu1t] {
    font-size: 12px;
    line-height: 1;
}

.dd-subtab:hover:not(:disabled)[b-qwdqvjtu1t] {
    color: var(--s-color-body-text);
}

.dd-subtab.active[b-qwdqvjtu1t] {
    background-color: var(--s-color-card);
    color: var(--s-color-primary);
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}

.dd-subtab:disabled[b-qwdqvjtu1t] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Cok dar panelde etiketler sigmiyor; ikon secimi anlatmaya yetiyor. */
@media (max-width: 360px) {
    .dd-subtab:not(.active) > span[b-qwdqvjtu1t] {
        display: none;
    }
}
/* /Pages/Shared/Pages/Reporting/Dashboards/DashboardViewer.razor.rz.scp.css */
.dv-root[b-d2k40lz2ig] {
    padding: var(--s-space-16);
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
}

.dv-toolbar[b-d2k40lz2ig] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.dv-title[b-d2k40lz2ig] {
    margin: 0;
    color: var(--s-color-primary);
    font-weight: 700;
}

.dv-subtitle[b-d2k40lz2ig] {
    margin-top: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-toolbar-actions[b-d2k40lz2ig] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    flex-wrap: wrap;
}

.dv-dashboard-select[b-d2k40lz2ig] {
    min-width: 13rem;
    max-width: 18rem;
    height: 2rem;
    font-size: 0.78rem;
}

.dv-controls-shell[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    gap: 0;
}

.dv-controls-header[b-d2k40lz2ig] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.dv-controls-copy[b-d2k40lz2ig] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.dv-controls-copy strong[b-d2k40lz2ig] {
    color: var(--s-color-body-text);
    font-size: 13px;
}

.dv-controls-copy span[b-d2k40lz2ig] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-controls-toggle[b-d2k40lz2ig] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

.dv-toolbar-options[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    color: var(--s-color-body-text);
}

.dv-interval[b-d2k40lz2ig] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
}

.dv-interval span[b-d2k40lz2ig] {
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.dv-interval input[b-d2k40lz2ig] {
    width: 90px;
    padding: 4px 8px;
}

.dv-interval-select[b-d2k40lz2ig] {
    min-width: 120px;
}

.dv-filters[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
}

.dv-filter-item :deep(.dv-filter-combo)[b-d2k40lz2ig],
.dv-filter-item :deep(.dv-filter-combo .dxbl-combobox)[b-d2k40lz2ig],
.dv-filter-item :deep(.dv-filter-combo .dxbl-text-edit)[b-d2k40lz2ig] {
    width: 100%;
}

.dv-preset-panel[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dv-preset-list[b-d2k40lz2ig] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4);
}

.dv-filter-item label[b-d2k40lz2ig] {
    font-size: 12px;
    color: var(--s-color-muted-foreground);
}

.dv-filter-hint[b-d2k40lz2ig] {
    font-size: 11px;
    color: var(--s-color-muted-foreground);
    min-height: 16px;
}

.dv-filter-empty[b-d2k40lz2ig] {
    color: var(--s-color-muted-foreground);
}

.dv-state[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: row dense;
    align-items: stretch;
    gap: var(--s-space-10);
}

.dv-widget[b-d2k40lz2ig] {
    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: 230px;
    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-d2k40lz2ig] {
    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-d2k40lz2ig] {
    border-bottom: 1px solid var(--s-color-border);
    padding: var(--s-space-6) var(--s-space-8);
    display: flex;
    justify-content: space-between;
    gap: var(--s-space-4);
    align-items: center;
    min-height: 44px;
    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-d2k40lz2ig] {
    min-width: 0;
    flex: 1;
}

.dv-widget-title[b-d2k40lz2ig] {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--s-color-body-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.dv-widget-meta[b-d2k40lz2ig] {
    margin-top: 2px;
    display: flex;
    gap: var(--s-space-4);
    flex-wrap: wrap;
    font-size: 11px;
    line-height: 1.15;
    color: var(--s-color-muted-foreground);
}

.dv-widget-report-key[b-d2k40lz2ig] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-widget-status[b-d2k40lz2ig] {
    display: inline-flex;
    gap: var(--s-space-2);
    align-items: center;
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    line-height: 1.1;
    flex-shrink: 0;
}

.dv-widget-header-tools[b-d2k40lz2ig] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    min-width: 0;
    flex-shrink: 0;
}

.dv-widget-date-select[b-d2k40lz2ig] {
    width: 118px;
    min-height: 26px;
    padding: 2px 24px 2px 8px;
    font-size: 11px;
    line-height: 1.15;
}

.dv-chip[b-d2k40lz2ig] {
    border: 1px solid var(--s-color-border);
    border-radius: 999px;
    padding: 2px 8px;
    background-color: var(--s-color-surface);
}

.dv-widget-body[b-d2k40lz2ig] {
    position: relative;
    flex: 1;
    min-height: 170px;
    padding: var(--s-space-8);
    overflow: hidden;
}

.dv-widget.is-loading .dv-widget-body[b-d2k40lz2ig] {
    filter: saturate(0.8);
}

.dv-widget-empty[b-d2k40lz2ig],
.dv-widget-error[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    color: #dc2626;
}

.dv-widget-overlay[b-d2k40lz2ig] {
    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-d2k40lz2ig] {
    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-d2k40lz2ig 220ms ease both;
    animation-delay: var(--dv-widget-stagger, 0ms);
}

.dv-widget-loader-spinner[b-d2k40lz2ig] {
    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-d2k40lz2ig 0.8s linear infinite;
}

.dv-table-wrap[b-d2k40lz2ig] {
    overflow: auto;
    padding: 0;
}

.dv-table-wrap table[b-d2k40lz2ig] {
    width: 100%;
    font-size: 11px;
}

.dv-table-wrap th[b-d2k40lz2ig],
.dv-table-wrap td[b-d2k40lz2ig] {
    white-space: nowrap;
}

@keyframes dv-widget-spin-b-d2k40lz2ig {
    to {
        transform: rotate(360deg);
    }
}

@keyframes dv-widget-loader-in-b-d2k40lz2ig {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 768px) {
    .dv-grid[b-d2k40lz2ig] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .dv-widget[b-d2k40lz2ig] {
        grid-column: 1 / -1 !important;
    }
}

/* Widget basliginda veri kaynagi rozeti. */
.dv-chip-source[b-d2k40lz2ig] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

.dv-chip-source-internal[b-d2k40lz2ig] {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-primary) 25%, var(--s-color-border));
    color: var(--s-color-primary);
}

.dv-chip-source-erp[b-d2k40lz2ig] {
    background-color: color-mix(in srgb, var(--s-color-warning, #b45309) 10%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-warning, #b45309) 30%, var(--s-color-border));
    color: var(--s-color-warning, #b45309);
}

.dv-chip-source-external[b-d2k40lz2ig] {
    background-color: color-mix(in srgb, var(--s-color-success, #15803d) 10%, var(--s-color-surface));
    border-color: color-mix(in srgb, var(--s-color-success, #15803d) 30%, var(--s-color-border));
    color: var(--s-color-success, #15803d);
}
/* /Pages/Shared/Pages/Reporting/ReportAccessDenied.razor.rz.scp.css */
.report-access-denied-page[b-i3ggw6qkt6] {
    min-height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}

.report-access-denied-card[b-i3ggw6qkt6] {
    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-i3ggw6qkt6] {
    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-i3ggw6qkt6] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #b45309;
    margin-bottom: 10px;
}

.report-access-denied-title[b-i3ggw6qkt6] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--bs-dark, #0f172a);
}

.report-access-denied-text[b-i3ggw6qkt6] {
    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-i3ggw6qkt6] {
    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-i3ggw6qkt6] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.report-access-denied-key strong[b-i3ggw6qkt6] {
    font-size: 0.95rem;
    color: #0f172a;
}

.report-access-denied-actions[b-i3ggw6qkt6] {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .report-access-denied-page[b-i3ggw6qkt6] {
        min-height: calc(100vh - 120px);
        padding: 20px 12px;
    }

    .report-access-denied-card[b-i3ggw6qkt6] {
        padding: 24px 18px;
        border-radius: 20px;
    }

    .report-access-denied-title[b-i3ggw6qkt6] {
        font-size: 1.3rem;
    }

    .report-access-denied-actions[b-i3ggw6qkt6] {
        flex-direction: column;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportCatalog.razor.rz.scp.css */
.rc-container[b-eqqzptdcym] {
    --rc-toolbar-control-height: 28px;
    padding: var(--s-surface-padding, var(--s-space-16));
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.rc-catalog-layout[b-eqqzptdcym] {
    display: flex;
    flex: 1;
    min-height: 0;
}

.rc-catalog-content[b-eqqzptdcym] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}

.rc-catalog-header[b-eqqzptdcym] {
    flex: 0 0 auto;
}

.rc-catalog-body[b-eqqzptdcym] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.rc-catalog-body--list[b-eqqzptdcym] {
    display: flex;
    overflow: hidden;
}

.rc-list-grid-slot[b-eqqzptdcym] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.group-list[b-eqqzptdcym] {
    min-width: 228px;
    max-width: 244px;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    overflow-y: auto;
}

.rc-sidebar-caption[b-eqqzptdcym] {
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    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-eqqzptdcym] {
    background-color: #6366f1;
}

.rc-group-item-content[b-eqqzptdcym] {
    gap: var(--s-space-6);
    padding: var(--s-space-4) var(--s-space-6);
}

.rc-category-icon[b-eqqzptdcym] {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.rc-category-icon-glyph[b-eqqzptdcym] {
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
}

.group-item[b-eqqzptdcym] {
    cursor: pointer;
    border-radius: var(--s-border-radius-default);
    border: 1px solid transparent;
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.group-item:hover[b-eqqzptdcym] {
    background-color: var(--s-color-surface);
    border-color: var(--s-color-border);
}

.group-item.selected[b-eqqzptdcym] {
    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-eqqzptdcym] {
    font-weight: 600;
}

.rc-search-box[b-eqqzptdcym] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    height: var(--rc-toolbar-control-height);
    padding: 0 var(--s-space-8);
    border: 1px solid var(--s-surface-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    min-width: 240px;
    box-sizing: border-box;
}

.rc-search-box:focus-within[b-eqqzptdcym] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-primary) 16%, transparent);
}

.rc-filter-toggle[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    height: var(--rc-toolbar-control-height);
    box-sizing: border-box;
}

.rc-filter-chip-group[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-primary) 20%, var(--s-color-border));
}

.rc-new-report-btn[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--rc-toolbar-control-height);
    width: var(--rc-toolbar-control-height);
    height: var(--rc-toolbar-control-height);
    padding: 0;
    border: 1px solid var(--s-color-primary);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--s-color-primary) 26%, transparent);
}

.rc-new-report-btn:hover[b-eqqzptdcym] {
    background: color-mix(in srgb, var(--s-color-primary) 88%, var(--s-color-card));
}

.rc-view-toggle[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    height: var(--rc-toolbar-control-height);
    box-sizing: border-box;
}

.rc-view-toggle-btn[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    font-weight: 500;
    width: 24px;
    height: 22px;
    padding: 0;
    line-height: 1.35;
    white-space: nowrap;
}

.rc-view-toggle-btn:hover[b-eqqzptdcym] {
    color: var(--s-color-body-text);
    background-color: var(--s-color-muted-background);
}

.rc-view-toggle-btn.selected[b-eqqzptdcym] {
    color: var(--s-color-primary);
    background-color: color-mix(in srgb, var(--s-color-primary) 18%, var(--s-color-card));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 42%, transparent);
}

.rc-filter-toggle-btn[b-eqqzptdcym] {
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    font-weight: 500;
    height: 22px;
    padding: 0 var(--s-space-8);
    line-height: 1.35;
    white-space: nowrap;
}

.rc-filter-toggle-btn:hover[b-eqqzptdcym] {
    color: var(--s-color-body-text);
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
}

.rc-filter-toggle-btn.selected[b-eqqzptdcym] {
    color: var(--s-color-primary);
    background-color: var(--s-color-card);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 28%, transparent);
}

.rc-search-input[b-eqqzptdcym] {
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    width: 100%;
    color: var(--s-color-body-text);
}

.rc-search-input[b-eqqzptdcym]::placeholder {
    color: var(--s-color-muted-foreground);
}

.rc-search-clear[b-eqqzptdcym] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    line-height: 1;
}

.rc-search-clear:hover[b-eqqzptdcym] {
    color: var(--s-color-body-text);
}

.rc-card-grid[b-eqqzptdcym] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--s-surface-gap, var(--s-space-8));
}

.rc-list-grid[b-eqqzptdcym] {
    min-width: 0;
}

.rc-container[b-eqqzptdcym]  .rc-list-grid {
    overflow: hidden;
}

.rc-container[b-eqqzptdcym]  .rc-list-grid-frame {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-card);
    overflow: clip;
}

.rc-container[b-eqqzptdcym]  .rc-list-grid-toolbar {
    min-height: 30px;
    padding: var(--s-space-6) var(--s-space-8);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.rc-container[b-eqqzptdcym]  .rc-list-grid-toolbar .dxbl-toolbar-item + .dxbl-toolbar-item {
    margin-left: var(--s-space-4);
}

.rc-container[b-eqqzptdcym]  .rc-list-grid-control .dxbl-grid-table > tbody > tr > td,
.rc-container[b-eqqzptdcym]  .rc-list-grid-control .dxbl-grid-table > thead > tr > th {
    padding: var(--datatable-row-size, var(--s-space-6) var(--s-space-8));
    font-size: var(--datatable-row-font-size, var(--s-surface-font-size, var(--s-font-size-14)));
}

[b-eqqzptdcym](.rc-list-grid-control) {
    border: 0;
    background-color: var(--s-color-card);
    font-size: var(--datatable-row-font-size, var(--s-surface-font-size, var(--s-font-size-14)));
}

[b-eqqzptdcym](.rc-list-grid-control .dxbl-grid-header) {
    background-color: var(--s-color-muted-background);
    color: var(--s-color-body-text);
}

[b-eqqzptdcym](.rc-list-grid-control .dxbl-grid-table > tbody > tr:hover > td) {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
}

.rc-list-actions[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

.rc-open[b-eqqzptdcym] {
    color: var(--s-color-primary);
}

.rc-open:hover[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
}

.rc-card[b-eqqzptdcym] {
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 22%, var(--s-surface-border-color, 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;
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
}

.rc-card:hover[b-eqqzptdcym] {
    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-eqqzptdcym] {
    border-style: dashed;
}

.rc-card-disabled:hover[b-eqqzptdcym] {
    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-eqqzptdcym] {
    flex: 1;
    padding: var(--s-space-10) var(--s-space-12) var(--s-space-8);
}

.rc-card-title[b-eqqzptdcym] {
    font-size: var(--s-surface-font-size, var(--s-font-size-14));
    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-eqqzptdcym] {
    border-top: 1px solid var(--s-surface-border-color, var(--s-color-border));
    padding: var(--s-space-4) var(--s-space-10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-8);
}

.rc-card-admin-actions[b-eqqzptdcym] {
    display: flex;
    gap: var(--s-space-4);
}

.rc-card-source[b-eqqzptdcym] {
    margin-left: auto;
}

.rc-admin-btn[b-eqqzptdcym] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--s-border-radius-default);
    background: transparent;
    cursor: pointer;
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    transition: all 0.15s ease;
}

.rc-admin-edit[b-eqqzptdcym] {
    color: var(--s-color-muted-foreground);
}

.rc-admin-edit:hover[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    color: var(--s-color-primary);
}

.rc-admin-delete[b-eqqzptdcym] {
    color: var(--s-color-muted-foreground);
}

.rc-admin-delete:hover[b-eqqzptdcym] {
    background-color: color-mix(in srgb, #dc2626 12%, var(--s-color-card));
    color: #dc2626;
}

.rc-card-action[b-eqqzptdcym] {
    font-size: var(--s-surface-compact-font-size, var(--s-font-size-12));
    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-eqqzptdcym] {
    gap: 8px;
}

.rc-badge[b-eqqzptdcym] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: var(--s-font-size-10);
    font-weight: 500;
    white-space: nowrap;
}

.rc-badge-table[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    color: var(--s-color-primary);
}

.rc-badge-pivot[b-eqqzptdcym] {
    background-color: color-mix(in srgb, #7c3aed 12%, var(--s-color-card));
    color: #7c3aed;
}

.rc-badge-chart[b-eqqzptdcym] {
    background-color: color-mix(in srgb, #d97706 12%, var(--s-color-card));
    color: #b45309;
}

.rc-badge-locked[b-eqqzptdcym] {
    background-color: color-mix(in srgb, #f59e0b 16%, var(--s-color-card));
    color: #b45309;
}

.rc-badge-dashboard-only[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    color: var(--s-color-primary);
}

.rc-badge-source[b-eqqzptdcym] {
    border: 1px solid transparent;
    min-height: 16px;
    padding: 0 var(--s-space-6);
    line-height: 1.15;
}

.rc-badge-source-mikro[b-eqqzptdcym] {
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-primary) 24%, var(--s-color-border));
    color: var(--s-color-primary);
}

.rc-badge-source-internal[b-eqqzptdcym] {
    background-color: var(--s-color-muted-background);
    border-color: var(--s-color-border);
    color: var(--s-color-muted-foreground);
}

@media (max-width: 992px) {
    .rc-container[b-eqqzptdcym] {
        height: auto;
        overflow: visible;
    }

    .rc-catalog-layout[b-eqqzptdcym] {
        flex-direction: column;
    }

    .rc-catalog-content[b-eqqzptdcym],
    .rc-catalog-body[b-eqqzptdcym],
    .rc-catalog-body--list[b-eqqzptdcym] {
        overflow: visible;
    }

    .group-list[b-eqqzptdcym] {
        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-utbrf0c6n1] {
    --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-body-text, var(--s-color-foreground, #0f172a));
    --report-auth-muted: var(--s-color-muted, #f5f5f5);
    --report-auth-muted-foreground: var(--s-color-muted-text, var(--s-color-muted-foreground, #737373));
    --report-auth-border: var(--datatable-border-color, var(--s-color-border));
    --report-auth-border-strong: var(--datatable-border-color, var(--s-color-border));
    --report-auth-allow: #16a34a;
    --report-auth-deny: #dc2626;
    --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: var(--datatable-row-font-size, var(--s-font-size-12));
    min-height: 0;
}

.report-auth-panel__tabs[b-utbrf0c6n1],
.report-auth-panel__section[b-utbrf0c6n1] {
    border: 1px solid var(--report-auth-border);
    border-radius: var(--report-auth-radius);
    background: var(--report-auth-surface);
}

.report-auth-panel__tabs[b-utbrf0c6n1] {
    padding: 0.3rem;
    display: inline-flex;
    gap: 0.3rem;
    align-self: flex-start;
}

.report-auth-panel__tab-button[b-utbrf0c6n1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: var(--s-space-4) var(--s-space-8);
    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;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: 700;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.report-auth-panel__tab-button strong[b-utbrf0c6n1] {
    font-size: 0.68rem;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__tab-button:hover[b-utbrf0c6n1] {
    transform: translateY(-1px);
    border-color: var(--report-auth-primary);
}

.report-auth-panel__tab-button--active[b-utbrf0c6n1] {
    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-utbrf0c6n1] {
    color: var(--report-auth-primary-foreground);
}

.report-auth-panel__section[b-utbrf0c6n1] {
    padding: var(--s-space-8);
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    min-height: 0;
}

.report-auth-panel__section-header[b-utbrf0c6n1] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.45rem;
}

.report-auth-panel__section-header h6[b-utbrf0c6n1] {
    margin: 0 0 0.08rem;
    font-size: 0.82rem;
    font-weight: 800;
}

.report-auth-panel__section-header p[b-utbrf0c6n1] {
    margin: 0;
    font-size: 0.67rem;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__search[b-utbrf0c6n1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.45rem;
    padding: 0.32rem 0.45rem;
    border: 1px solid var(--report-auth-border);
    border-radius: var(--report-auth-radius-small);
    background: var(--report-auth-surface);
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__search input[b-utbrf0c6n1] {
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--report-auth-foreground);
    font-size: 0.72rem;
}

.report-auth-panel__search button[b-utbrf0c6n1] {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: var(--report-auth-radius-small);
    background: transparent;
    color: var(--report-auth-muted-foreground);
    cursor: pointer;
}

.report-auth-panel__search button:hover[b-utbrf0c6n1] {
    background: color-mix(in srgb, var(--report-auth-primary), transparent 92%);
    color: var(--report-auth-foreground);
}

.report-auth-panel__bulk-checkbox[b-utbrf0c6n1],
.report-auth-panel__row-checkbox[b-utbrf0c6n1] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.report-auth-panel__bulk-checkbox[b-utbrf0c6n1] {
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--report-auth-muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0;
}

.report-auth-panel__bulk-checkbox input[b-utbrf0c6n1],
.report-auth-panel__row-checkbox input[b-utbrf0c6n1] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.report-auth-panel__checkbox-box[b-utbrf0c6n1] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--report-auth-border-strong);
    border-radius: var(--report-auth-radius-small);
    background: color-mix(in srgb, var(--report-auth-deny), var(--report-auth-surface) 92%);
    color: transparent;
    border-color: color-mix(in srgb, var(--report-auth-deny), transparent 34%);
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.report-auth-panel__bulk-checkbox input:checked + .report-auth-panel__checkbox-box[b-utbrf0c6n1],
.report-auth-panel__row-checkbox input:checked + .report-auth-panel__checkbox-box[b-utbrf0c6n1] {
    background: var(--report-auth-allow);
    border-color: var(--report-auth-allow);
    color: var(--report-auth-primary-foreground);
}

.report-auth-panel__bulk-checkbox input:focus-visible + .report-auth-panel__checkbox-box[b-utbrf0c6n1],
.report-auth-panel__row-checkbox input:focus-visible + .report-auth-panel__checkbox-box[b-utbrf0c6n1] {
    box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--report-auth-primary), transparent 76%);
}

.report-auth-panel__matrix[b-utbrf0c6n1] {
    min-height: 15rem;
    max-height: min(28rem, calc(100vh - 18rem));
    overflow: auto;
    border: 1px solid var(--report-auth-border);
    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-utbrf0c6n1] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.report-auth-panel__table thead th[b-utbrf0c6n1] {
    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-utbrf0c6n1],
.report-auth-panel__table td[b-utbrf0c6n1] {
    padding: var(--datatable-row-size, var(--s-space-4) var(--s-space-6));
    border-top: 1px solid var(--report-auth-border);
    text-align: left;
    vertical-align: middle;
}

.report-auth-panel__table th:last-child[b-utbrf0c6n1],
.report-auth-panel__table td:last-child[b-utbrf0c6n1] {
    width: 8rem;
    text-align: center;
}

.report-auth-panel__table th[b-utbrf0c6n1] {
    border-top: none;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--report-auth-muted-foreground);
}

.report-auth-panel__table tbody tr:hover[b-utbrf0c6n1] {
    background: color-mix(in srgb, var(--report-auth-primary), transparent 97%);
}

.report-auth-panel__subject[b-utbrf0c6n1] {
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: 700;
    line-height: 1.15;
}

.report-auth-panel__meta[b-utbrf0c6n1] {
    margin-top: 0.02rem;
    font-size: 0.64rem;
    color: var(--report-auth-muted-foreground);
    line-height: 1.1;
}

.report-auth-panel__empty-state[b-utbrf0c6n1] {
    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;
}

/* ThemeEditor table integration */
body.s-datatable-striped .report-auth-panel.s-datatable .report-auth-panel__table tbody tr:nth-child(odd)[b-utbrf0c6n1] {
    --s-row-color: var(--s-color-table-striped-row);
    background-color: var(--s-row-color);
}

body.s-datatable-contrast-middle .report-auth-panel.s-datatable[b-utbrf0c6n1] {
    --report-auth-border: var(--s-color-table-border-contrast-middle);
    --report-auth-border-strong: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .report-auth-panel.s-datatable[b-utbrf0c6n1] {
    --report-auth-border: var(--s-color-table-border-contrast-high);
    --report-auth-border-strong: var(--s-color-table-border-contrast-high);
}

body.s-datatable-no-inline-styles .report-auth-panel.s-datatable .report-auth-panel__table th[b-utbrf0c6n1],
body.s-datatable-no-inline-styles .report-auth-panel.s-datatable .report-auth-panel__table td[b-utbrf0c6n1] {
    border-inline-width: 0;
}

@media (max-width: 1100px) {
    .report-auth-panel__section-header[b-utbrf0c6n1] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 720px) {
    .report-auth-panel__tabs[b-utbrf0c6n1] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .report-auth-panel__tab-button[b-utbrf0c6n1] {
        justify-content: center;
    }

    .report-auth-panel__table[b-utbrf0c6n1],
    .report-auth-panel__table thead[b-utbrf0c6n1],
    .report-auth-panel__table tbody[b-utbrf0c6n1],
    .report-auth-panel__table th[b-utbrf0c6n1],
    .report-auth-panel__table td[b-utbrf0c6n1],
    .report-auth-panel__table tr[b-utbrf0c6n1] {
        display: block;
    }

    .report-auth-panel__table thead[b-utbrf0c6n1] {
        display: none;
    }

    .report-auth-panel__table tbody tr[b-utbrf0c6n1] {
        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-utbrf0c6n1] {
        border-top: none;
    }

    .report-auth-panel__table td[b-utbrf0c6n1] {
        border-top: none;
        padding: 0.18rem 0;
    }

    .report-auth-panel__table td:last-child[b-utbrf0c6n1] {
        width: auto;
        text-align: left;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportDefinitions/Components/ReportParameters/ReportParameterEditor.razor.rz.scp.css */
.report-parameter-modal[b-kctojcaiog] {
    max-width: 900px;
    width: 80vw;
}

/* Form uzadikca modal viewport'u asiyor, alttaki Kaydet/Iptal butonlari ekran
   disinda kaliyordu. Govde kendi icinde kaysin, cerceve ekranda kalsin. */
[b-kctojcaiog] .report-parameter-modal .dxbl-modal-body {
    max-height: min(72vh, 680px);
    overflow-y: auto;
}

@media (max-width: 992px) {
    .report-parameter-modal[b-kctojcaiog] {
        width: calc(100vw - 24px);
        max-width: none;
    }

    [b-kctojcaiog] .report-parameter-modal .dxbl-modal-body {
        max-height: 78vh;
    }
}
/* /Pages/Shared/Pages/Reporting/ReportDefinitions/ReportDefinitionUpsert.razor.rz.scp.css */
.report-upsert-container[b-a1rwl96ig7] {
    --report-upsert-border-color: var(--datatable-border-color, var(--s-color-border));
    --report-upsert-panel-background: var(--s-color-card);
    --report-upsert-content-gap: var(--s-space-10);
    --report-upsert-content-padding: var(--s-space-12);
    /* Basligin yuksekligini tahmin etmek yerine dikey flex: icerik kalan alani
       tam doldurur. Onceki calc(100vh - 140px) payi gercek baslikla (~80px)
       uyusmuyordu ve sayfanin altinda bos serit birakiyordu. */
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    background: var(--s-color-page-background, var(--s-color-surface));
}

.report-content[b-a1rwl96ig7] {
    display: flex;
    /* dvh: telefonda adres cubugu gizlenip gorununce 100vh sabit kaliyor ve
       ayni bosluk mobilde tekrar ediyordu. */
    flex: 1 1 auto;
    min-height: 0;
    gap: var(--report-upsert-content-gap);
    padding: var(--report-upsert-content-padding);
}

/* Sabit yuzde yerine sinirli genislik: genis ekranda gereksiz yer kaplamasin,
   dar ekranda okunamayacak kadar daralmasin. */
.report-sidebar-wrapper[b-a1rwl96ig7] {
    flex: 0 0 clamp(200px, 16%, 280px);
    min-width: 0;
    border: 1px solid var(--report-upsert-border-color);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--report-upsert-panel-background);
    overflow: hidden;
}

.report-sidebar-sqlEditor[b-a1rwl96ig7] {
    flex: 0 0 30%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--report-upsert-border-color);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--report-upsert-panel-background);
}

.report-main-content-wrapper[b-a1rwl96ig7] {
    flex: 1 1 50%;
    min-width: 0;
    border: 1px solid var(--report-upsert-border-color);
    border-radius: var(--s-border-radius-medium);
    background-color: var(--report-upsert-panel-background);
    overflow: hidden;
}

.sql-editor-memo[b-a1rwl96ig7] {
    flex: 1;
    min-height: 0;
    height: 100%;
}

[b-a1rwl96ig7] .sql-editor-memo,
[b-a1rwl96ig7] .sql-editor-memo .dxbl-text,
[b-a1rwl96ig7] .sql-editor-memo .dxbl-memo {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

[b-a1rwl96ig7] .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-a1rwl96ig7] {
    background-color: var(--s-color-surface);
    border-color: var(--report-upsert-border-color) !important;
}

.sql-fullscreen-btn[b-a1rwl96ig7],
.sql-header-btn[b-a1rwl96ig7] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--s-border-radius-default);
    border: 1px solid var(--report-upsert-border-color);
    background-color: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    color: var(--s-color-muted-foreground);
    font-size: 12px;
}

.sql-fullscreen-btn:hover[b-a1rwl96ig7],
.sql-header-btn:hover:not(:disabled)[b-a1rwl96ig7] {
    background-color: var(--s-color-surface);
    color: var(--s-color-primary);
    border-color: var(--s-color-primary);
}

.sql-header-btn:disabled[b-a1rwl96ig7] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sql-editor-fullscreen[b-a1rwl96ig7] {
    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-a1rwl96ig7] {
    border-bottom: 1px solid var(--s-color-border);
}

[b-a1rwl96ig7] .sql-editor-fullscreen .sql-editor-memo,
[b-a1rwl96ig7] .sql-editor-fullscreen .sql-editor-memo textarea {
    flex: 1 !important;
    height: 100% !important;
}

[b-a1rwl96ig7] .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(--report-upsert-border-color) !important;
}

/* ThemeEditor table integration: the report editor shell follows global density,
   contrast, inline-border, and radius controls through .s-datatable body classes. */
body.s-datatable-size-xxs .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-content-gap: var(--s-space-4);
    --report-upsert-content-padding: var(--s-space-4);
}

body.s-datatable-size-xs .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-content-gap: var(--s-space-6);
    --report-upsert-content-padding: var(--s-space-6);
}

body.s-datatable-size-sm .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-content-gap: var(--s-space-8);
    --report-upsert-content-padding: var(--s-space-8);
}

body.s-datatable-size-lg .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-content-gap: var(--s-space-12);
    --report-upsert-content-padding: var(--s-space-16);
}

body.s-datatable-size-xl .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-content-gap: var(--s-space-16);
    --report-upsert-content-padding: var(--s-space-20);
}

body.s-datatable-contrast-middle .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-border-color: var(--s-color-table-border-contrast-middle);
}

body.s-datatable-contrast-high .report-upsert-container.s-datatable[b-a1rwl96ig7] {
    --report-upsert-border-color: var(--s-color-table-border-contrast-high);
}

body.s-datatable-no-inline-styles .report-upsert-container.s-datatable .report-sidebar-wrapper[b-a1rwl96ig7],
body.s-datatable-no-inline-styles .report-upsert-container.s-datatable .report-sidebar-sqlEditor[b-a1rwl96ig7],
body.s-datatable-no-inline-styles .report-upsert-container.s-datatable .report-main-content-wrapper[b-a1rwl96ig7] {
    border-inline-width: 0;
}

.report-saving-overlay[b-a1rwl96ig7] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--s-color-body-text) 25%, transparent);
}

.report-saving-box[b-a1rwl96ig7] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12);
    padding: var(--s-space-16) var(--s-space-20);
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 10px 30px rgb(0 0 0 / 18%);
    font-size: var(--s-font-size-13);
}

/* iPad yatay ve alti: uc kolon tek kolona iner. Yukseklik viewport'a kilitli
   kalirsa paneller birbirini ezip icerik gorunmez oluyor; her panel kendi
   yuksekligini alir ve sayfa akar. */
@media (max-width: 1280px) {
    /* Dikey dizilimde paneller kendi yuksekliklerini alir ve sayfa akar;
       kapsayicinin viewport'a kilitlenmesi burada icerigi kirpiyordu. */
    .report-upsert-container[b-a1rwl96ig7] {
        height: auto;
        min-height: 100dvh;
    }

    .report-content[b-a1rwl96ig7] {
        flex-direction: column;
        flex: 0 0 auto;
        height: auto;
        min-height: 0;
    }

    .report-sidebar-wrapper[b-a1rwl96ig7],
    .report-sidebar-sqlEditor[b-a1rwl96ig7],
    .report-main-content-wrapper[b-a1rwl96ig7] {
        flex: 1 1 auto;
        width: 100%;
    }

    /* Dikey dizilimde SQL editorune sabit bir yukseklik gerekiyor; flex:auto
       ile textarea sifir yukseklige cokuyordu. */
    .report-sidebar-sqlEditor[b-a1rwl96ig7] {
        height: 60vh;
        min-height: 360px;
    }

    .report-main-content-wrapper[b-a1rwl96ig7] {
        min-height: 420px;
    }
}

/* Telefon: dokunmatik hedefler buyur, yatay tasma olmasin. */
@media (max-width: 768px) {
    .report-upsert-container.s-datatable[b-a1rwl96ig7] {
        --report-upsert-content-gap: var(--s-space-8);
        --report-upsert-content-padding: var(--s-space-8);
    }

    .report-content[b-a1rwl96ig7] {
        padding-inline: var(--s-space-6);
    }

    .report-sidebar-sqlEditor[b-a1rwl96ig7] {
        height: 48vh;
        min-height: 260px;
    }

    [b-a1rwl96ig7] .sql-editor-memo textarea {
        font-size: 13px !important;
    }

    .sql-fullscreen-btn[b-a1rwl96ig7],
    .sql-header-btn[b-a1rwl96ig7] {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .report-saving-box[b-a1rwl96ig7] {
        margin-inline: var(--s-space-16);
    }
}
/* /Pages/Shared/Pages/Reporting/ReportViewer.razor.rz.scp.css */
.report-viewer-shell[b-lq1jw4nljz] {
    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-lq1jw4nljz] {
    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-lq1jw4nljz] {
    padding: var(--s-space-12);
}

.report-cache-status[b-lq1jw4nljz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    align-items: center;
    margin-bottom: var(--s-space-10);
    padding: var(--s-space-8) var(--s-space-10);
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 22%, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card));
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.report-cache-status-item[b-lq1jw4nljz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

.report-cache-status-item span[b-lq1jw4nljz] {
    color: var(--s-color-muted-foreground);
}

.report-cache-status-item strong[b-lq1jw4nljz] {
    font-weight: var(--s-font-weight-semibold);
    color: var(--s-color-body-text);
}

.report-cache-status-warning[b-lq1jw4nljz] {
    color: var(--s-color-primary);
    font-weight: var(--s-font-weight-semibold);
}

.report-cache-status-actions[b-lq1jw4nljz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    margin-left: auto;
    flex-wrap: wrap;
}

.report-cache-bypass-control[b-lq1jw4nljz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    margin: 0;
    color: var(--s-color-body-text);
    cursor: pointer;
}

.report-cache-bypass-control input[b-lq1jw4nljz] {
    accent-color: var(--s-color-primary);
}

.report-cache-refresh-button[b-lq1jw4nljz] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
}

.report-cache-refresh-button:disabled[b-lq1jw4nljz] {
    opacity: 0.65;
    cursor: not-allowed;
}

[b-lq1jw4nljz] .report-filter-cache-bypass {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-8);
    margin: 0;
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
    cursor: pointer;
}

[b-lq1jw4nljz] .report-filter-cache-bypass input {
    accent-color: var(--s-color-primary);
}

[b-lq1jw4nljz] .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-lq1jw4nljz] .report-viewer-tabs .dxbl-tabs {
    background-color: transparent;
}

[b-lq1jw4nljz] .report-viewer-tabs .dxbl-tabs-item {
    color: var(--s-color-muted-foreground);
}

[b-lq1jw4nljz] .report-viewer-tabs .dxbl-active {
    color: var(--s-color-primary);
}

@media (max-width: 768px) {
    .report-viewer-shell[b-lq1jw4nljz],
    [b-lq1jw4nljz] .report-detail-header {
        margin: var(--s-space-8);
    }

    .report-viewer-body[b-lq1jw4nljz] {
        padding: var(--s-space-8);
    }
}

/* Rapor kaynagi rozeti: hangi veritabanindan/gateway'den geldigini basligin sag ustunde gosterir. */
[b-lq1jw4nljz] .report-data-source {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
    padding: var(--s-space-6) var(--s-space-10);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

[b-lq1jw4nljz] .report-data-source i {
    font-size: 0.85rem;
}

[b-lq1jw4nljz] .report-data-source-internal {
    background-color: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-primary) 25%, var(--s-color-border));
    color: var(--s-color-primary);
}

[b-lq1jw4nljz] .report-data-source-erp {
    background-color: color-mix(in srgb, var(--s-color-warning, #b45309) 10%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-warning, #b45309) 30%, var(--s-color-border));
    color: var(--s-color-warning, #b45309);
}

[b-lq1jw4nljz] .report-data-source-external {
    background-color: color-mix(in srgb, var(--s-color-success, #15803d) 10%, var(--s-color-card));
    border-color: color-mix(in srgb, var(--s-color-success, #15803d) 30%, var(--s-color-border));
    color: var(--s-color-success, #15803d);
}
/* /Pages/Shared/Pages/Reporting/SolvoPivotGrid.razor.rz.scp.css */
.pivot-cell-trend[b-byopdw07rd] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-6);
}

.pivot-cell-trend--up[b-byopdw07rd] {
    color: var(--s-color-success);
}

.pivot-cell-trend--down[b-byopdw07rd] {
    color: var(--s-color-danger);
}

.pivot-cell-trend--neutral[b-byopdw07rd] {
    color: inherit;
}
/* /Pages/Shared/Pages/Scheduling/RecurringJobParameter/ErpJobParameterChips.razor.rz.scp.css */
/* ====================================================
   ERP PARAMETER CHIPS
   ==================================================== */
.rjc-params-wrap[b-ksbs0x7j5d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-4);
    min-width: 0;
}

.rjc-param-summary[b-ksbs0x7j5d] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s-space-4);
    min-width: 0;
}

.rjc-param-actions[b-ksbs0x7j5d] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-2);
    flex-shrink: 0;
}

.rjc-chip[b-ksbs0x7j5d] {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 0.84em;
    line-height: 1;
    overflow: hidden;
    transition: all 0.12s ease;
    max-width: 100%;
}

.rjc-chip__key[b-ksbs0x7j5d] {
    padding: 3px 5px;
    font-weight: 600;
    font-size: 0.88em;
    text-transform: uppercase;
    letter-spacing: 0;
    white-space: nowrap;
}

.rjc-chip__val[b-ksbs0x7j5d] {
    padding: 3px 6px;
    font-weight: 700;
    font-size: 1em;
    white-space: nowrap;
}

.rjc-param-icon-btn[b-ksbs0x7j5d] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-sm, 4px);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    padding: 0;
    font-size: 12px;
    line-height: 1;
}

.rjc-param-icon-btn:hover[b-ksbs0x7j5d],
.rjc-param-icon-btn:focus-visible[b-ksbs0x7j5d] {
    color: var(--s-color-body-text);
    background-color: var(--s-color-accent);
    border-color: var(--s-color-border);
    outline: none;
}

.rjc-param-info[b-ksbs0x7j5d] {
    position: relative;
    display: inline-flex;
}

.rjc-param-popover[b-ksbs0x7j5d] {
    position: absolute;
    right: 0;
    top: calc(100% + var(--s-space-4));
    z-index: 30;
    display: none;
    min-width: 230px;
    max-width: min(320px, 70vw);
    padding: var(--s-space-8);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default, 8px);
    background: var(--s-color-popover, var(--s-color-card));
    color: var(--s-color-body-text);
    box-shadow: var(--s-shadow-lg, 0 12px 24px rgba(15, 23, 42, 0.14));
}

.rjc-param-info:hover .rjc-param-popover[b-ksbs0x7j5d],
.rjc-param-info:focus-within .rjc-param-popover[b-ksbs0x7j5d] {
    display: block;
}

.rjc-param-popover__title[b-ksbs0x7j5d] {
    display: block;
    margin-bottom: var(--s-space-6);
    font-size: 0.92em;
    font-weight: 700;
}

.rjc-param-popover__grid[b-ksbs0x7j5d] {
    display: grid;
    grid-template-columns: minmax(86px, auto) 1fr;
    gap: var(--s-space-4) var(--s-space-8);
    align-items: center;
    font-size: 0.9em;
}

.rjc-param-popover__grid > span[b-ksbs0x7j5d] {
    color: var(--s-color-label);
    white-space: nowrap;
}

.rjc-param-popover__grid > strong[b-ksbs0x7j5d] {
    color: var(--s-color-body-text);
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
}

.rjc-chip--start[b-ksbs0x7j5d] {
    background-color: rgba(14, 165, 233, 0.12);
}

.rjc-chip--start .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #0ea5e9;
    color: #ffffff;
}

.rjc-chip--start .rjc-chip__val[b-ksbs0x7j5d] {
    color: #0369a1;
}

.rjc-chip--min[b-ksbs0x7j5d] {
    background-color: rgba(34, 197, 94, 0.12);
}

.rjc-chip--min .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #22c55e;
    color: #ffffff;
}

.rjc-chip--min .rjc-chip__val[b-ksbs0x7j5d] {
    color: #15803d;
}

.rjc-chip--count[b-ksbs0x7j5d] {
    background-color: rgba(100, 116, 139, 0.12);
}

.rjc-chip--count .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #64748b;
    color: #ffffff;
}

.rjc-chip--count .rjc-chip__val[b-ksbs0x7j5d] {
    color: #475569;
}

.rjc-chip--time[b-ksbs0x7j5d] {
    background-color: rgba(99, 102, 241, 0.12);
}

.rjc-chip--time .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #6366f1;
    color: #ffffff;
}

.rjc-chip--time .rjc-chip__val[b-ksbs0x7j5d] {
    color: #4f46e5;
}

.rjc-chip--page[b-ksbs0x7j5d] {
    background-color: rgba(245, 158, 11, 0.1);
}

.rjc-chip--page .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #f59e0b;
    color: #ffffff;
}

.rjc-chip--page .rjc-chip__val[b-ksbs0x7j5d] {
    color: #d97706;
}

.rjc-chip--pull[b-ksbs0x7j5d] {
    background-color: rgba(20, 184, 166, 0.1);
}

.rjc-chip--pull .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #14b8a6;
    color: #ffffff;
}

.rjc-chip--pull .rjc-chip__val[b-ksbs0x7j5d] {
    color: #0d9488;
}

.rjc-chip--batch[b-ksbs0x7j5d] {
    background-color: rgba(236, 72, 153, 0.1);
}

.rjc-chip--batch .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: #e11d48;
    color: #ffffff;
}

.rjc-chip--batch .rjc-chip__val[b-ksbs0x7j5d] {
    color: #be185d;
}

.rjc-chip--default[b-ksbs0x7j5d] {
    background-color: var(--s-color-muted);
}

.rjc-chip--default .rjc-chip__key[b-ksbs0x7j5d] {
    background-color: var(--s-color-border);
    color: var(--s-color-label);
}

.rjc-chip--default .rjc-chip__val[b-ksbs0x7j5d] {
    color: var(--s-color-body-text);
}
/* /Pages/Shared/Pages/Scheduling/RecurringJobParameter/ErpJobParameterEditModal.razor.rz.scp.css */
.rjpem-switch-block[b-ndl2ivtir7] {
    margin-top: 2px;
}

.rjpem-switch-row[b-ndl2ivtir7] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    padding-left: 0;
    margin-bottom: 0;
}

.rjpem-switch-input[b-ndl2ivtir7] {
    flex-shrink: 0;
    float: none;
    margin: 0;
}

.rjpem-switch-label[b-ndl2ivtir7] {
    margin-bottom: 0;
    line-height: 1.2;
    color: var(--s-color-body-text);
}

.rjpem-switch-help[b-ndl2ivtir7] {
    margin-top: 6px;
    padding-left: 0;
}
/* /Pages/Shared/Pages/Scheduling/RecurringJobParameter/RecurringJobCatalog.razor.rz.scp.css */
/* ===== Container ===== */
.rjc-container[b-5hnt54cw9n] {
    padding: var(--s-space-16);
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ===== Toolbar ===== */
.rjc-toolbar[b-5hnt54cw9n] {
    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-5hnt54cw9n] {
    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-5hnt54cw9n] {
    font-size: 16px;
    color: var(--s-color-muted-foreground);
}

.rjc-toolbar-actions[b-5hnt54cw9n] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rjc-toolbar-btn[b-5hnt54cw9n] {
    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-5hnt54cw9n] { color: #059669; border-color: rgba(5, 150, 105, 0.3); }
.rjc-btn-success:hover[b-5hnt54cw9n] { background-color: rgba(5, 150, 105, 0.08); }
.rjc-btn-danger[b-5hnt54cw9n] { color: var(--s-color-destructive); border-color: rgba(204, 0, 0, 0.3); }
.rjc-btn-danger:hover[b-5hnt54cw9n] { background-color: rgba(204, 0, 0, 0.08); }

/* ===== Body ===== */
.rjc-body[b-5hnt54cw9n] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
}

/* ===== Group List (Left Sidebar) ===== */
.rjc-group-list[b-5hnt54cw9n] {
    min-width: 200px;
    max-width: 220px;
    padding-right: 10px;
    overflow-y: auto;
    border-right: 1px solid var(--s-color-border);
}

.rjc-group-item[b-5hnt54cw9n] {
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.12s ease;
    margin-bottom: 1px;
}

.rjc-group-item:hover[b-5hnt54cw9n] { background-color: var(--s-color-accent); }
.rjc-group-item.selected[b-5hnt54cw9n] { background-color: var(--s-color-accent); }
.rjc-group-item.selected .rjc-group-name[b-5hnt54cw9n] { font-weight: 600; color: var(--s-color-body-text); }

.rjc-group-name[b-5hnt54cw9n] { font-size: 12px; color: var(--s-color-muted-foreground); }

.rjc-group-icon[b-5hnt54cw9n] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rjc-group-icon i[b-5hnt54cw9n] { color: #fff; font-size: 12px; }

.rjc-group-count[b-5hnt54cw9n] {
    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-5hnt54cw9n] {
    flex: 1;
    padding-left: 12px;
    overflow-y: auto;
    min-height: 0;
}

/* ===== Content Header ===== */
.rjc-content-header[b-5hnt54cw9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 8px;
    flex-wrap: wrap;
}

.rjc-status-toggles[b-5hnt54cw9n] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: var(--s-color-muted);
    border-radius: 8px;
    padding: 3px;
}

.rjc-toggle-btn[b-5hnt54cw9n] {
    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-5hnt54cw9n] { color: var(--s-color-body-text); }
.rjc-toggle-btn.active[b-5hnt54cw9n] { 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-5hnt54cw9n] { color: #059669; }
.rjc-toggle-stopped.active[b-5hnt54cw9n] { color: var(--s-color-destructive); }
.rjc-toggle-count[b-5hnt54cw9n] { font-size: 10px; opacity: 0.7; }

.rjc-view-controls[b-5hnt54cw9n] { display: flex; gap: 2px; background: var(--s-color-muted); border-radius: 6px; padding: 2px; }
.rjc-view-btn[b-5hnt54cw9n] { 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-5hnt54cw9n] { color: var(--s-color-body-text); }
.rjc-view-btn.active[b-5hnt54cw9n] { 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-5hnt54cw9n] { 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-5hnt54cw9n] { border-color: var(--s-color-ring); }
.rjc-search-input[b-5hnt54cw9n] { border: none; outline: none; background: transparent; font-size: 12px; width: 100%; color: var(--s-color-body-text); }
.rjc-search-input[b-5hnt54cw9n]::placeholder { color: var(--s-color-input-placeholder); }
.rjc-search-clear[b-5hnt54cw9n] { 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-5hnt54cw9n] { color: var(--s-color-body-text); }

/* ====================================================
   COMPACT LIST VIEW — 6 columns
   ==================================================== */
.rjc-list[b-5hnt54cw9n] {
    --rjc-list-column-gap: var(--s-space-8);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default, 8px);
    overflow: visible;
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
}

.rjc-list-header[b-5hnt54cw9n] {
    display: grid;
    grid-template-columns: 32px minmax(220px, 0.9fr) 100px 150px minmax(320px, 1.45fr) auto;
    gap: 0 var(--rjc-list-column-gap);
    align-items: center;
    padding: var(--s-space-4) var(--s-space-8);
    background-color: var(--s-color-muted);
    font-size: 0.78em;
    font-weight: 600;
    color: var(--s-color-body-text);
    text-transform: uppercase;
    letter-spacing: 0;
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.rjc-list-row[b-5hnt54cw9n] {
    display: grid;
    grid-template-columns: 32px minmax(220px, 0.9fr) 100px 150px minmax(320px, 1.45fr) auto;
    gap: 0 var(--rjc-list-column-gap);
    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: inherit;
    color: var(--s-color-body-text);
}

.rjc-list-row:last-child[b-5hnt54cw9n] { border-bottom: none; }
.rjc-list-row:hover[b-5hnt54cw9n] { background-color: var(--s-color-datatable-hover); }
.rjc-list-row-stopped[b-5hnt54cw9n] { opacity: 0.85; }

body.s-datatable-striped .rjc-list-row:nth-child(even)[b-5hnt54cw9n] {
    --s-row-color: var(--s-color-table-striped-row);
    background-color: var(--s-row-color);
}

body:not(.s-datatable-no-inline-styles) .rjc-list[b-5hnt54cw9n] {
    --rjc-list-column-gap: 0;
}

body:not(.s-datatable-no-inline-styles) .rjc-list-header > span + span[b-5hnt54cw9n],
body:not(.s-datatable-no-inline-styles) .rjc-list-row > span + span[b-5hnt54cw9n] {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
    padding-left: var(--s-space-8);
}

.rjc-list-name[b-5hnt54cw9n] { 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-4); }
.rjc-list-desc[b-5hnt54cw9n] { 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-5hnt54cw9n] { display: flex; align-items: center; justify-content: center; }
.rjc-lh-name[b-5hnt54cw9n] { overflow: hidden; }
.rjc-lh-group[b-5hnt54cw9n] { overflow: hidden; }
.rjc-lh-cron[b-5hnt54cw9n] { 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-5hnt54cw9n] { overflow: visible; min-width: 0; padding-right: var(--s-space-2); }
.rjc-lh-actions[b-5hnt54cw9n] { display: flex; align-items: center; gap: var(--s-space-2); white-space: nowrap; }

/* ====================================================
   CARD GRID VIEW
   ==================================================== */
.rjc-card-grid[b-5hnt54cw9n] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.rjc-card[b-5hnt54cw9n] { 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-5hnt54cw9n] { box-shadow: 0 4px 12px rgba(0,0,0,0.06); transform: translateY(-1px); }
.rjc-card:has(.rjc-param-info:hover)[b-5hnt54cw9n],
.rjc-card:has(.rjc-param-info:focus-within)[b-5hnt54cw9n] { overflow: visible; z-index: 3; }
.rjc-card-active[b-5hnt54cw9n] { border-left: 3px solid #059669; }
.rjc-card-stopped[b-5hnt54cw9n] { border-left: 3px solid var(--s-color-destructive); }
.rjc-card-header[b-5hnt54cw9n] { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px 0; }
.rjc-card-status[b-5hnt54cw9n] { display: flex; align-items: center; }
.rjc-card-body[b-5hnt54cw9n] { flex: 1; padding: 4px 10px 6px; }
.rjc-card-title[b-5hnt54cw9n] { 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-5hnt54cw9n] { 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-5hnt54cw9n] { margin-top: 2px; }
.rjc-card-cron-label[b-5hnt54cw9n] { 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-5hnt54cw9n] { display: flex; flex-wrap: wrap; gap: 3px; }
.rjc-card-footer[b-5hnt54cw9n] { border-top: 1px solid var(--s-color-border); padding: 4px 10px; }
.rjc-card-actions[b-5hnt54cw9n] { display: flex; align-items: center; gap: 4px; }
.rjc-card-params-section[b-5hnt54cw9n] { margin-top: 6px; padding-top: 4px; border-top: 1px dashed var(--s-color-border); }

/* ====================================================
   SHARED INDICATORS & BADGES
   ==================================================== */
.rjc-indicator[b-5hnt54cw9n] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.rjc-indicator-active[b-5hnt54cw9n] { background-color: #059669; box-shadow: 0 0 4px rgba(5,150,105,0.5); animation: rjc-pulse-b-5hnt54cw9n 2s infinite; }
.rjc-indicator-stopped[b-5hnt54cw9n] { background-color: var(--s-color-destructive); opacity: 0.6; }

@keyframes rjc-pulse-b-5hnt54cw9n {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.rjc-card-group-badge[b-5hnt54cw9n] { 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-5hnt54cw9n] { 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-5hnt54cw9n] { color: var(--s-color-muted-foreground); font-size: 11px; }

/* ====================================================
   ACTION BUTTONS
   ==================================================== */
.rjc-action-btn[b-5hnt54cw9n] {
    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-5hnt54cw9n] { color: #059669; }
.rjc-action-start:hover[b-5hnt54cw9n] { background-color: rgba(5,150,105,0.1); }
.rjc-action-stop[b-5hnt54cw9n] { color: var(--s-color-destructive); }
.rjc-action-stop:hover[b-5hnt54cw9n] { background-color: rgba(204,0,0,0.08); }
.rjc-action-trigger[b-5hnt54cw9n] { color: #2563eb; }
.rjc-action-trigger:hover[b-5hnt54cw9n] { background-color: rgba(37,99,235,0.08); }
.rjc-action-edit[b-5hnt54cw9n] { color: var(--s-color-muted-foreground); margin-left: auto; }
.rjc-action-edit:hover[b-5hnt54cw9n] { background-color: var(--s-color-accent); color: var(--s-color-body-text); }

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .rjc-body[b-5hnt54cw9n] { flex-direction: column; }
    .rjc-group-list[b-5hnt54cw9n] { 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-5hnt54cw9n] { white-space: nowrap; flex-shrink: 0; }
    .rjc-content[b-5hnt54cw9n] { padding-left: 0; }
    .rjc-card-grid[b-5hnt54cw9n] { grid-template-columns: 1fr; }
    .rjc-list-header[b-5hnt54cw9n], .rjc-list-row[b-5hnt54cw9n] { grid-template-columns: 28px 1fr auto; }
    .rjc-lh-group[b-5hnt54cw9n], .rjc-lh-cron[b-5hnt54cw9n], .rjc-lh-params[b-5hnt54cw9n] { display: none; }
    .rjc-toolbar[b-5hnt54cw9n] { flex-direction: column; align-items: flex-start; }
    .rjc-content-header[b-5hnt54cw9n] { flex-direction: column; align-items: flex-start; }
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/EntityAuthorizationPanel.razor.rz.scp.css */
.entity-auth-panel[b-40b4gljdu0] {
    --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-40b4gljdu0] {
    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-40b4gljdu0],
.entity-auth-panel__toolbar-right[b-40b4gljdu0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.entity-auth-panel__default-group[b-40b4gljdu0] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}

.entity-auth-panel__label[b-40b4gljdu0] {
    font-size: 0.68rem;
    font-weight: 800;
    margin-right: 0.22rem;
    white-space: nowrap;
}

.entity-auth-panel__default-btn[b-40b4gljdu0],
.entity-auth-panel__mode-btn[b-40b4gljdu0] {
    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-40b4gljdu0],
.entity-auth-panel__mode-btn:hover[b-40b4gljdu0] {
    border-color: var(--entity-auth-primary);
}

.entity-auth-panel__default-btn--active[b-40b4gljdu0],
.entity-auth-panel__mode-btn--active[b-40b4gljdu0] {
    background: var(--entity-auth-primary);
    color: var(--entity-auth-primary-fg);
    border-color: var(--entity-auth-primary);
}

.entity-auth-panel__hint[b-40b4gljdu0] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-size: 0.64rem;
    color: var(--entity-auth-muted);
}

.entity-auth-panel__mode-switch[b-40b4gljdu0] {
    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-40b4gljdu0] {
    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-40b4gljdu0] {
    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-40b4gljdu0] {
    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-40b4gljdu0] {
    font-size: 0.82rem;
    font-weight: 800;
    display: block;
}

.entity-auth-panel__detail-sub[b-40b4gljdu0] {
    font-size: 0.66rem;
    color: var(--entity-auth-muted);
}

/* ─── Empty ─── */
.entity-auth-panel__empty[b-40b4gljdu0] {
    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-40b4gljdu0] {
        grid-template-columns: 1fr;
    }

    .entity-auth-panel__toolbar[b-40b4gljdu0] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/PermissionToggle.razor.rz.scp.css */
.perm-toggle[b-574ys0hp5v] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
}

.perm-toggle__btn[b-574ys0hp5v] {
    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-574ys0hp5v] {
    border-color: var(--s-color-primary, #171717);
}

.perm-toggle__btn--active[b-574ys0hp5v] {
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #ffffff);
    border-color: var(--s-color-primary, #171717);
}

.perm-toggle__btn:disabled[b-574ys0hp5v] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/RuleMatrix.razor.rz.scp.css */
.rule-matrix[b-um1qnxvq1c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.rule-matrix__header[b-um1qnxvq1c] {
    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-um1qnxvq1c] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rule-matrix__header-right[b-um1qnxvq1c] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.rule-matrix__count[b-um1qnxvq1c] {
    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-um1qnxvq1c] {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--s-color-label, #525252);
    white-space: nowrap;
}

.rule-matrix__search[b-um1qnxvq1c] {
    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-um1qnxvq1c] {
    font-size: 0.72rem;
    color: var(--s-color-label, #525252);
    flex-shrink: 0;
}

.rule-matrix__search-input[b-um1qnxvq1c] {
    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-um1qnxvq1c]::placeholder {
    color: var(--s-color-label, #525252);
    opacity: 0.7;
}

.rule-matrix__search-clear[b-um1qnxvq1c] {
    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-um1qnxvq1c] {
    background: color-mix(in srgb, var(--s-color-primary, #171717), transparent 90%);
}

.rule-matrix__count--total[b-um1qnxvq1c] {
    opacity: 0.55;
}

.rule-matrix__list[b-um1qnxvq1c] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.rule-matrix__row[b-um1qnxvq1c] {
    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-um1qnxvq1c] { border-top: none; }

.rule-matrix__cell-info[b-um1qnxvq1c] {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    min-width: 0;
    flex: 1;
}

.rule-matrix__cell-title[b-um1qnxvq1c] {
    font-weight: 800;
    font-size: 0.76rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rule-matrix__cell-meta[b-um1qnxvq1c] {
    font-size: 0.66rem;
    color: var(--s-color-label, #525252);
    line-height: 1.2;
}

.rule-matrix__cell-perm[b-um1qnxvq1c] {
    flex-shrink: 0;
}

.rule-matrix__empty[b-um1qnxvq1c] {
    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-um1qnxvq1c] {
    --s-row-color: var(--s-color-muted);
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/Components/SubjectPicker.razor.rz.scp.css */
.subject-picker[b-wpovcaefns] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    max-height: calc(100vh - 12rem);
}

.subject-picker__tabs[b-wpovcaefns] {
    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-wpovcaefns] {
    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-wpovcaefns] { font-size: 0.7rem; flex-shrink: 0; }

.subject-picker__tab strong[b-wpovcaefns] {
    font-size: 0.56rem;
    color: var(--s-color-label, #525252);
}

.subject-picker__tab--active[b-wpovcaefns] {
    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-wpovcaefns] { color: inherit; }

.subject-picker__tab:hover[b-wpovcaefns] { border-color: var(--s-color-primary, #171717); }

.subject-picker__search[b-wpovcaefns] {
    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-wpovcaefns] {
    border-radius: var(--s-border-radius-small, 0.45rem);
    font-size: 0.72rem;
}

.subject-picker__list[b-wpovcaefns] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.subject-picker__item[b-wpovcaefns] {
    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-wpovcaefns] { border-top: none; }

.subject-picker__item:hover[b-wpovcaefns] { background: color-mix(in srgb, var(--s-color-primary, #171717), transparent 94%); }

.subject-picker__item--active[b-wpovcaefns] {
    background: var(--s-color-primary, #171717);
    color: var(--s-color-primary-foreground, #fff);
}

.subject-picker__item--active:hover[b-wpovcaefns] {
    background: var(--s-color-primary, #171717);
}

.subject-picker__name[b-wpovcaefns] { font-weight: 800; line-height: 1.2; }

.subject-picker__meta[b-wpovcaefns] {
    font-size: 0.66rem;
    color: var(--s-color-label, #525252);
    line-height: 1.2;
}

.subject-picker__item--active .subject-picker__meta[b-wpovcaefns] { color: inherit; }

.subject-picker__name-row[b-wpovcaefns] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
}

.subject-picker__name-row .subject-picker__name[b-wpovcaefns] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject-picker__rule-badge[b-wpovcaefns] {
    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-wpovcaefns] {
    background: var(--s-color-primary-foreground, #fff);
    color: var(--s-color-primary, #171717);
}

.subject-picker__empty[b-wpovcaefns] {
    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-wpovcaefns] {
    --s-row-color: var(--s-color-muted);
}
/* /Pages/Shared/Pages/Security/EntityAuthorizations/EntityAuthorizationPage.razor.rz.scp.css */
.entity-auth-page[b-91i7dwofck] {
    --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-91i7dwofck] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.entity-auth-page__header-left[b-91i7dwofck] {
    flex: 1;
    min-width: 0;
}

.entity-auth-page__header-actions[b-91i7dwofck] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.entity-auth-page__title[b-91i7dwofck] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
}

.entity-auth-page__subtitle[b-91i7dwofck] {
    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-91i7dwofck] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 12rem;
}

.entity-auth-page__save-button[b-91i7dwofck] {
    min-width: 5.5rem;
    align-self: flex-end;
}

.entity-auth-page__field-label[b-91i7dwofck] {
    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-91i7dwofck] {
    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-91i7dwofck] {
    grid-template-columns: 1fr;
}

.entity-auth-page__card[b-91i7dwofck] {
    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-91i7dwofck] {
    position: sticky;
    top: 0.75rem;
    max-height: calc(100vh - 8rem);
    display: flex;
    flex-direction: column;
}

.entity-auth-page__card--right[b-91i7dwofck] {
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.entity-auth-page__card-header[b-91i7dwofck] {
    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-91i7dwofck] {
    padding: 0;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.entity-auth-page__card-body--panel[b-91i7dwofck] {
    padding: 0.65rem;
}

.entity-auth-page__badge[b-91i7dwofck] {
    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-91i7dwofck] {
    min-height: 0;
}

.entity-auth-page__empty-state[b-91i7dwofck],
.entity-auth-page__empty-inline[b-91i7dwofck] {
    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-91i7dwofck] { padding: 1.5rem; }
.entity-auth-page__empty-inline[b-91i7dwofck] { padding: 1rem; font-size: 0.78rem; }

/* ─── Responsive ─── */
@media (max-width: 1199.98px) {
    .entity-auth-page__workspace[b-91i7dwofck] {
        grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    }

    .entity-auth-page__card--left[b-91i7dwofck] {
        position: static;
        max-height: none;
    }
}

@media (max-width: 899.98px) {
    .entity-auth-page__workspace[b-91i7dwofck] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .entity-auth-page[b-91i7dwofck] { padding: 0.5rem; }
    .entity-auth-page__header[b-91i7dwofck] { flex-direction: column; align-items: stretch; }
}
/* /Pages/Shared/Pages/Security/PendingMails/Components/PendingMailBodyModal.razor.rz.scp.css */
.pending-mail-body-modal-body[b-bnfqqi8ydw] {
    min-height: clamp(420px, 72vh, 780px);
}

.pending-mail-body-frame[b-bnfqqi8ydw] {
    display: block;
    width: 100%;
    min-height: clamp(420px, 72vh, 780px);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-radius-md, 0.375rem);
    background: #fff;
}

.pending-mail-body-state[b-bnfqqi8ydw] {
    display: grid;
    min-height: 420px;
    place-items: center;
    color: var(--s-color-muted-foreground, #6b7280);
}

.pending-mail-body-state-error[b-bnfqqi8ydw] {
    color: var(--s-color-danger, #b42318);
}
/* /Pages/Shared/Pages/Security/PendingMails/Templates/PendingMailSubjectCellTemplate.razor.rz.scp.css */
.pending-mail-subject-cell[b-6ejhqla34d] {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--s-color-primary);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.pending-mail-subject-cell:hover[b-6ejhqla34d],
.pending-mail-subject-cell:focus-visible[b-6ejhqla34d] {
    text-decoration: underline;
}

.pending-mail-subject-cell:disabled[b-6ejhqla34d] {
    color: inherit;
    text-decoration: none;
    cursor: default;
}
/* /Pages/Shared/Pages/Security/PendingMails/Templates/PendingMailToolbarTemplate.razor.rz.scp.css */
.pending-mail-toolbar-filter-anchor[b-2a597nc917] {
    display: inline-flex;
    align-items: center;
}

.pending-mail-toolbar-filter-panel[b-2a597nc917] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: var(--s-space-16, 1rem);
}

.pending-mail-toolbar-filter-grid[b-2a597nc917] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--s-space-16, 1rem);
    row-gap: var(--s-space-12, 0.75rem);
}

.pending-mail-toolbar-field[b-2a597nc917] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-4, 0.25rem);
}

.pending-mail-toolbar-field label[b-2a597nc917] {
    color: var(--s-color-muted-foreground, #6b7280);
    font-size: 0.8rem;
    font-weight: 700;
}

.pending-mail-toolbar-field-wide[b-2a597nc917] {
    grid-column: 1 / -1;
}

.pending-mail-toolbar-actions[b-2a597nc917] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8, 0.5rem);
    margin-top: var(--s-space-16, 1rem);
    padding-top: var(--s-space-12, 0.75rem);
    border-top: 1px solid var(--s-color-border);
}

@@media (max-width: 640px) {
    .pending-mail-toolbar-filter-grid[b-2a597nc917] {
        grid-template-columns: 1fr;
    }

    .pending-mail-toolbar-field-wide[b-2a597nc917] {
        grid-column: auto;
    }

    .pending-mail-toolbar-actions[b-2a597nc917] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}
/* /Pages/Shared/Pages/Security/ServiceRequestLogs/ServiceRequestJsonBlock.razor.rz.scp.css */
.srl-json-block-wrap[b-zq3u3raj8u] {
    position: relative;
    min-width: 0;
}

.srl-json-block[b-zq3u3raj8u] {
    max-height: calc(var(--rem-scale) * 14rem);
    margin: 0;
    overflow: auto;
    padding: var(--s-space-8);
    padding-right: calc(var(--s-space-8) + 72px);
    border: 1px solid var(--srl-list-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background-color: var(--srl-list-code-bg, var(--s-color-muted));
    color: var(--s-color-body-text);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: var(--s-font-size-11);
    line-height: 1.45;
    white-space: pre;
}

.srl-copy-btn[b-zq3u3raj8u] {
    position: absolute;
    top: var(--s-space-6);
    right: var(--s-space-6);
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    min-height: 24px;
    padding: 2px var(--s-space-7);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-card);
    color: var(--s-color-muted-foreground);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

.srl-copy-btn:hover:not(:disabled)[b-zq3u3raj8u] {
    color: var(--s-color-body-text);
    background-color: var(--s-color-accent);
}

.srl-copy-btn:disabled[b-zq3u3raj8u] {
    opacity: 0.45;
    cursor: not-allowed;
}

.srl-response-body[b-zq3u3raj8u] {
    min-height: 58vh;
    max-height: none;
}

.srl-response-body .srl-json-block[b-zq3u3raj8u] {
    min-height: 58vh;
    max-height: none;
}
/* /Pages/Shared/Pages/Security/ServiceRequestLogs/ServiceRequestLogCatalog.razor.rz.scp.css */
.srl-container[b-2t5xphkl43] {
    --srl-list-column-gap: var(--s-space-10);
    --srl-list-row-padding: var(--datatable-row-size, var(--s-space-10)) var(--s-space-12);
    --srl-list-row-font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    --srl-list-border-color: var(--datatable-border-color, var(--s-color-border));
    --srl-list-row-bg: var(--s-color-card);
    --srl-list-code-bg: var(--s-color-muted);
    --srl-control-font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    --srl-control-height: calc(var(--srl-control-font-size) * 2.65);
    --srl-control-inline-padding: calc(var(--srl-control-font-size) * 0.8);

    display: flex;
    flex-direction: column;
    gap: var(--s-space-12);
    height: 100%;
    padding: var(--s-space-16);
}

.srl-toolbar[b-2t5xphkl43] {
    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);
}

.srl-toolbar-copy[b-2t5xphkl43] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.srl-page-title[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    margin: 0;
    font-size: max(var(--s-font-size-14), calc(var(--srl-control-font-size) + 0.2rem));
    font-weight: 600;
    color: var(--s-color-body-text);
}

.srl-page-title i[b-2t5xphkl43] {
    font-size: max(var(--s-font-size-14), calc(var(--srl-control-font-size) + 0.25rem));
    color: var(--s-color-muted-foreground);
}

.srl-page-subtitle[b-2t5xphkl43] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: max(var(--s-font-size-10), calc(var(--srl-control-font-size) - 0.1rem));
}

.srl-toolbar-actions[b-2t5xphkl43],
.srl-filter-row[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.srl-toolbar-actions[b-2t5xphkl43] {
    flex: 1;
    justify-content: flex-end;
}

.srl-search-box[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
    width: min(100%, calc(var(--srl-control-font-size) * 18));
    min-height: var(--srl-control-height);
    padding: calc(var(--srl-control-font-size) * 0.28) var(--srl-control-inline-padding);
    background-color: var(--s-color-input-bg);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
}

.srl-date-filter[b-2t5xphkl43],
.srl-date-input[b-2t5xphkl43],
.srl-date-preset-group[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    gap: var(--s-space-6);
}

.srl-date-filter[b-2t5xphkl43] {
    min-height: var(--srl-control-height);
    padding: calc(var(--srl-control-font-size) * 0.28) var(--srl-control-inline-padding);
    background-color: var(--s-color-input-bg);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
}

.srl-date-input i[b-2t5xphkl43],
.srl-date-separator[b-2t5xphkl43] {
    color: var(--s-color-muted-foreground);
    font-size: var(--srl-control-font-size);
}

.srl-date-input input[b-2t5xphkl43] {
    width: calc(10.5ch + var(--srl-control-font-size) * 1.4);
}

.srl-date-preset-group[b-2t5xphkl43] {
    gap: 2px;
    padding-left: var(--s-space-6);
    border-left: 1px solid var(--s-color-border);
}

.srl-date-preset-btn[b-2t5xphkl43] {
    min-height: calc(var(--srl-control-font-size) * 2);
    padding: 0 calc(var(--srl-control-font-size) * 0.58);
    border: none;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-size: max(var(--s-font-size-10), calc(var(--srl-control-font-size) - 0.1rem));
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.srl-date-preset-btn:hover[b-2t5xphkl43],
.srl-date-preset-btn.active[b-2t5xphkl43] {
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
}

.srl-search-box:focus-within[b-2t5xphkl43] {
    border-color: var(--s-color-ring);
}

.srl-search-box i[b-2t5xphkl43] {
    color: var(--s-color-muted-foreground);
    font-size: var(--srl-control-font-size);
}

.srl-search-input[b-2t5xphkl43] {
    width: 100%;
    min-width: 0;
    border: none;
    background: transparent;
    color: var(--s-color-body-text);
    outline: none;
    font-size: var(--srl-control-font-size);
    line-height: 1.2;
}

.srl-search-input[b-2t5xphkl43]::placeholder {
    color: var(--s-color-input-placeholder);
}

.srl-search-clear[b-2t5xphkl43],
.srl-icon-btn[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
}

.srl-search-clear[b-2t5xphkl43] {
    padding: 0;
    font-size: 10px;
}

.srl-toolbar-btn[b-2t5xphkl43],
.srl-page-nav[b-2t5xphkl43],
.srl-page-btn[b-2t5xphkl43],
.srl-toggle-btn[b-2t5xphkl43] {
    border: none;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    transition: all 0.15s ease;
}

.srl-toolbar-btn[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-5);
    min-height: var(--srl-control-height);
    padding: calc(var(--srl-control-font-size) * 0.28) var(--srl-control-inline-padding);
    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(--srl-control-font-size);
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.srl-toolbar-btn:hover[b-2t5xphkl43] {
    background-color: var(--s-color-accent);
}

.srl-toggle-group[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background-color: var(--s-color-muted);
    border-radius: var(--s-border-radius-default);
}

.srl-toggle-btn[b-2t5xphkl43] {
    padding: var(--s-space-6) var(--s-space-12);
    border-radius: var(--s-border-radius-small);
    font-size: 11px;
    font-weight: var(--s-font-weight-medium);
    white-space: nowrap;
}

.srl-toggle-btn:hover[b-2t5xphkl43],
.srl-page-nav:hover:not(:disabled)[b-2t5xphkl43],
.srl-page-btn:hover[b-2t5xphkl43],
.srl-icon-btn:hover:not(:disabled)[b-2t5xphkl43] {
    color: var(--s-color-body-text);
}

.srl-toggle-btn.active[b-2t5xphkl43],
.srl-page-btn.active[b-2t5xphkl43] {
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.srl-content[b-2t5xphkl43] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
    min-height: 0;
}

.srl-state[b-2t5xphkl43],
.srl-empty-state[b-2t5xphkl43],
.srl-response-state[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-8);
    min-height: calc(var(--rem-scale) * 12rem);
    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;
}

.srl-empty-state[b-2t5xphkl43] {
    flex-direction: column;
}

.srl-empty-state i[b-2t5xphkl43] {
    font-size: calc(var(--rem-scale) * 2rem);
    color: var(--s-color-muted-foreground);
}

.srl-list[b-2t5xphkl43] {
    overflow: auto;
    border: 1px solid var(--srl-list-border-color);
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
}

.srl-list-header[b-2t5xphkl43],
.srl-list-row[b-2t5xphkl43] {
    display: grid;
    grid-template-columns: 132px 150px 210px minmax(220px, 1fr) minmax(300px, 1.1fr) minmax(150px, 0.7fr) 52px;
    gap: 0 var(--srl-list-column-gap);
    align-items: start;
    min-width: 1280px;
}

.srl-list-header[b-2t5xphkl43] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: var(--srl-list-row-padding);
    background-color: var(--s-color-muted);
    border-bottom: 1px solid var(--srl-list-border-color);
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11);
    font-weight: 600;
    text-transform: uppercase;
}

.srl-list-row[b-2t5xphkl43] {
    padding: var(--srl-list-row-padding);
    border-bottom: 1px solid var(--srl-list-border-color);
    background-color: var(--srl-list-row-bg);
    color: var(--s-color-body-text);
    font-size: var(--srl-list-row-font-size);
}

.srl-list-row > span[b-2t5xphkl43],
.srl-list-row > details[b-2t5xphkl43] {
    align-self: center;
}

.srl-list-row:last-child[b-2t5xphkl43] {
    border-bottom: none;
}

.srl-date[b-2t5xphkl43],
.srl-url[b-2t5xphkl43],
.srl-error[b-2t5xphkl43],
.srl-response-size[b-2t5xphkl43],
.srl-duration[b-2t5xphkl43] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.srl-url[b-2t5xphkl43],
.srl-error[b-2t5xphkl43] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.srl-type-stack[b-2t5xphkl43],
.srl-type-line[b-2t5xphkl43],
.srl-response-line[b-2t5xphkl43],
.srl-request-cell[b-2t5xphkl43] {
    display: flex;
    gap: var(--s-space-4);
    min-width: 0;
}

.srl-type-stack[b-2t5xphkl43] {
    flex-direction: column;
}

.srl-type-line[b-2t5xphkl43] {
    flex-direction: row;
    align-items: center;
    gap: var(--s-space-6);
    white-space: nowrap;
}

.srl-response-line[b-2t5xphkl43] {
    align-items: center;
    gap: var(--s-space-6);
    white-space: nowrap;
}

.srl-badge[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 20px;
    padding: 2px var(--s-space-8);
    border-radius: var(--s-border-radius-small);
    border: 1px solid var(--s-color-border);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.srl-badge-method[b-2t5xphkl43],
.srl-badge-muted[b-2t5xphkl43] {
    background-color: var(--s-color-muted);
    color: var(--s-color-body-text);
}

.srl-badge-outgoing[b-2t5xphkl43] {
    background-color: color-mix(in srgb, var(--s-color-primary, #2563eb) 12%, transparent);
    color: var(--s-color-primary, #2563eb);
    border-color: color-mix(in srgb, var(--s-color-primary, #2563eb) 28%, var(--s-color-border));
}

.srl-badge-incoming[b-2t5xphkl43] {
    background-color: var(--s-color-accent);
    color: var(--s-color-body-text);
}

.srl-badge-success[b-2t5xphkl43] {
    background-color: color-mix(in srgb, var(--s-color-success, #16a34a) 12%, transparent);
    color: var(--s-color-success, #15803d);
    border-color: color-mix(in srgb, var(--s-color-success, #16a34a) 28%, var(--s-color-border));
}

.srl-badge-fail[b-2t5xphkl43] {
    background-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 12%, transparent);
    color: var(--s-color-danger, #b91c1c);
    border-color: color-mix(in srgb, var(--s-color-danger, #dc2626) 28%, var(--s-color-border));
}

.srl-badge-running[b-2t5xphkl43] {
    background-color: color-mix(in srgb, var(--s-color-warning, #f59e0b) 13%, transparent);
    color: var(--s-color-warning, #b45309);
    border-color: color-mix(in srgb, var(--s-color-warning, #f59e0b) 28%, var(--s-color-border));
}

.srl-request-label[b-2t5xphkl43] {
    color: var(--s-color-muted-foreground);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.srl-request-cell[b-2t5xphkl43] {
    display: block;
}

.srl-request-summary[b-2t5xphkl43] {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: var(--s-space-6);
    min-width: 0;
    list-style: none;
    cursor: pointer;
}

.srl-request-summary[b-2t5xphkl43]::-webkit-details-marker {
    display: none;
}

.srl-request-summary[b-2t5xphkl43]::marker {
    content: "";
}

.srl-request-summary-item[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    gap: var(--s-space-5);
    min-width: 0;
}

.srl-request-summary-item strong[b-2t5xphkl43] {
    flex: 0 0 auto;
    color: var(--s-color-muted-foreground);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.srl-request-summary-item code[b-2t5xphkl43],
.srl-request-cell code[b-2t5xphkl43] {
    display: block;
    overflow: hidden;
    padding: var(--s-space-4) var(--s-space-6);
    border-radius: var(--s-border-radius-small);
    background-color: var(--srl-list-code-bg);
    color: var(--s-color-body-text);
    font-size: 11px;
}

.srl-request-summary-item code[b-2t5xphkl43] {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.srl-request-cell[open] .srl-request-summary[b-2t5xphkl43] {
    margin-bottom: var(--s-space-8);
}

.srl-request-detail[b-2t5xphkl43] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s-space-8);
}

.srl-request-detail section[b-2t5xphkl43] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    min-width: 0;
}

.srl-json-block[b-2t5xphkl43] {
    max-height: calc(var(--rem-scale) * 14rem);
    margin: 0;
    overflow: auto;
    padding: var(--s-space-8);
    border: 1px solid var(--srl-list-border-color);
    border-radius: var(--s-border-radius-small);
    background-color: var(--srl-list-code-bg);
    color: var(--s-color-body-text);
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: var(--s-font-size-11);
    line-height: 1.45;
    white-space: pre;
}

.srl-actions[b-2t5xphkl43] {
    display: flex;
    justify-content: center;
}

.srl-icon-btn[b-2t5xphkl43] {
    width: 28px;
    height: 28px;
    border-radius: var(--s-border-radius-small);
}

.srl-icon-btn:disabled[b-2t5xphkl43] {
    opacity: 0.4;
    cursor: not-allowed;
}

.srl-pager[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-8);
    flex-wrap: wrap;
}

.srl-page-list[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background-color: var(--s-color-muted);
    border-radius: var(--s-border-radius-default);
}

.srl-page-btn[b-2t5xphkl43] {
    min-width: 28px;
    min-height: 26px;
    border-radius: var(--s-border-radius-small);
    font-size: 12px;
}

.srl-page-nav[b-2t5xphkl43] {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-6) var(--s-space-10);
    border-radius: var(--s-border-radius-small);
    font-size: 12px;
}

.srl-page-nav:disabled[b-2t5xphkl43] {
    opacity: 0.5;
    cursor: not-allowed;
}

.srl-page-summary[b-2t5xphkl43] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
}

.srl-response-meta[b-2t5xphkl43] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-10);
    margin-bottom: var(--s-space-10);
}

.srl-response-body[b-2t5xphkl43] {
    min-height: 58vh;
    max-height: none;
    white-space: pre;
}

body.s-datatable-size-xxs .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-column-gap: var(--s-space-4);
}

body.s-datatable-size-xs .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-column-gap: var(--s-space-6);
}

body.s-datatable-size-lg .srl-container.s-datatable[b-2t5xphkl43],
body.s-datatable-size-xl .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-column-gap: var(--s-space-12);
}

body.s-datatable-striped .srl-container.s-datatable .srl-list-row:nth-child(even)[b-2t5xphkl43] {
    --srl-list-row-bg: var(--s-color-table-striped-row);
}

body:not(.s-datatable-no-inline-styles) .srl-container.s-datatable .srl-list[b-2t5xphkl43] {
    border-color: var(--srl-list-border-color);
}

body:not(.s-datatable-no-inline-styles) .srl-container.s-datatable .srl-list-header > span + span[b-2t5xphkl43],
body:not(.s-datatable-no-inline-styles) .srl-container.s-datatable .srl-list-row > span + span[b-2t5xphkl43],
body:not(.s-datatable-no-inline-styles) .srl-container.s-datatable .srl-list-row > details + span[b-2t5xphkl43],
body:not(.s-datatable-no-inline-styles) .srl-container.s-datatable .srl-list-row > span + details[b-2t5xphkl43] {
    padding-left: var(--srl-list-column-gap);
    border-left: 1px solid var(--srl-list-border-color);
}

body.s-datatable-no-inline-styles .srl-container.s-datatable .srl-list[b-2t5xphkl43],
body.s-datatable-no-inline-styles .srl-container.s-datatable .srl-list-header[b-2t5xphkl43],
body.s-datatable-no-inline-styles .srl-container.s-datatable .srl-list-row[b-2t5xphkl43],
body.s-datatable-no-inline-styles .srl-container.s-datatable .srl-json-block[b-2t5xphkl43] {
    border-color: transparent;
}

body.s-datatable-contrast-middle .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-border-color: color-mix(in srgb, var(--s-color-border) 76%, var(--s-color-body-text));
}

body.s-datatable-contrast-high .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-border-color: color-mix(in srgb, var(--s-color-border) 52%, var(--s-color-body-text));
    --srl-list-code-bg: color-mix(in srgb, var(--s-color-muted) 86%, var(--s-color-body-text));
}

body.s-datatable-no-inline-styles .srl-container.s-datatable[b-2t5xphkl43] {
    --srl-list-border-color: transparent;
}

@media (max-width: 900px) {
    .srl-toolbar-actions[b-2t5xphkl43],
    .srl-search-box[b-2t5xphkl43],
    .srl-date-filter[b-2t5xphkl43] {
        width: 100%;
    }

    .srl-toolbar-actions[b-2t5xphkl43] {
        justify-content: stretch;
    }

    .srl-toolbar-btn[b-2t5xphkl43] {
        justify-content: center;
        width: 100%;
    }

    .srl-date-input[b-2t5xphkl43] {
        flex: 1;
    }

    .srl-date-input input[b-2t5xphkl43] {
        width: 100%;
    }

    .srl-date-preset-group[b-2t5xphkl43] {
        width: 100%;
        padding-left: 0;
        border-left: none;
        flex-wrap: wrap;
    }
}
/* /Pages/StockManagement/Components/Cart/CartItem.razor.rz.scp.css */
td[b-ixmd3zj0tm] {
    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-ixmd3zj0tm] {
    min-width: calc(var(--rem-scale) * 7rem);
    text-align: left;
}

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

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

.product-name[b-ixmd3zj0tm] {
    font-weight: 600;
}


.color-mavi[b-ixmd3zj0tm] {
    background-color: #3a86ff;
}

.color-pembe[b-ixmd3zj0tm] {
    background-color: #ff77e9;
}

.quantity-control[b-ixmd3zj0tm] {
    display: flex;
    align-items: center;
    max-width: 120px;
    flex-wrap: nowrap;
}

.quantity-control button[b-ixmd3zj0tm] {
    width: auto;
    background-color: transparent;
}

.quantity-input[b-ixmd3zj0tm] {
    width: 40px;
    height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px;
    border-radius: 4px;
}


.remove-item[b-ixmd3zj0tm] {
    cursor: pointer;
    font-size: var(--s-font-size-16);
    transition: all 0.2s ease;
}

.price-original[b-ixmd3zj0tm] {
    text-decoration: line-through;
    color: #999;
}

.price-discount[b-ixmd3zj0tm] {
    color: #ff5a5f;
    font-weight: 600;
}

.price-vatrate[b-ixmd3zj0tm] {
    font-weight: 600;
    color: var(--text-color);
}

.price-final[b-ixmd3zj0tm] {
    font-weight: 600;
    color: var(--text-color);
}

.border-right-cell:not(:last-child)[b-ixmd3zj0tm] {
    border-right-width: 1px;
}

.cart-item-remove[b-ixmd3zj0tm] {
    background-color: transparent;
    border-color: transparent;
}

.cart-item-discounts[b-ixmd3zj0tm] {
    display: flex;
    font-size: 11px;
    border-color: inherit;
}

.cart-item-discounts span[b-ixmd3zj0tm] {
    border-color: inherit;
}
/* /Pages/StockManagement/Components/Cart/CartItemNew.razor.rz.scp.css */
.basket-product[b-ppz9get5i6] {
    border-top: 0;
    border-radius: 0;
    border-bottom-width: 1px;
}

.basket-product:first-child[b-ppz9get5i6] {
    border-top-left-radius: var(--s-border-radius-default);
    border-top-right-radius: var(--s-border-radius-default);
}

.basket-product:last-child[b-ppz9get5i6] {
    border-bottom-left-radius: var(--s-border-radius-default);
    border-bottom-right-radius: var(--s-border-radius-default)
}

.basket-product-content[b-ppz9get5i6] {
    padding: 8px 12px;
}

.basket-product-main[b-ppz9get5i6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media screen and (min-width:1024px) {
    .basket-product-main[b-ppz9get5i6] {
        align-items: start;
    }
}

.basket-product-image[b-ppz9get5i6] {
    width: 48px;
    height: 48px;
    border-width: 1px;
    border-radius: var(--s-border-radius-default);
    flex-shrink: 0;
}

.basket-product-image img[b-ppz9get5i6] {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.basket-product-info[b-ppz9get5i6] {
    flex: 1;
    min-width: 0;
}

.basket-product-name[b-ppz9get5i6] {
    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-ppz9get5i6] {
    font-weight: var(--s-font-weight-normal);
    font-size: var(--s-font-size-12);
}

@media screen and (min-width:1024px) {
    .basket-product-name[b-ppz9get5i6] {
        flex-direction: row;
        align-items: center;
        gap: var(--s-space-4);
    }
}

.product-features[b-ppz9get5i6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-space-4) var(--s-space-8);
    color: var(--s-color-muted-foreground);
}

.product-features-desktop[b-ppz9get5i6] {
    display: none;
}

@media screen and (min-width:1024px) {
    .product-features-desktop[b-ppz9get5i6] {
        display: flex;
        margin-top: var(--s-space-4);
        margin-bottom: 0;
    }

    .product-features-mobile[b-ppz9get5i6] {
        display: none;
    }
}

.product-features-mobile[b-ppz9get5i6] {
    margin-top: var(--s-space-8);
}

.product-features p[b-ppz9get5i6],
.product-discounts p[b-ppz9get5i6] {
    gap: var(--s-space-4);
    font-size: var(--s-font-size-12);
    margin: 0;
    flex-shrink: 0;
}

.product-features span:last-child[b-ppz9get5i6],
.product-discounts span:last-child[b-ppz9get5i6] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-medium);
}

.product-features span:first-child[b-ppz9get5i6]:after,
.product-discounts span:first-child[b-ppz9get5i6]:after {
    content: ": ";
}

.product-features span:first-child[b-ppz9get5i6],
.product-discounts span:first-child[b-ppz9get5i6] {
    color: var(--s-color-muted-foreground);
}

.basket-product-actions[b-ppz9get5i6] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-right: auto;
}

@media screen and (min-width:1024px) {
    .basket-product-actions[b-ppz9get5i6] {
        margin-right: 0;
        margin-left: auto;
    }
}

.basket-product-quantity[b-ppz9get5i6] {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}

.basket-product-package-info[b-ppz9get5i6] {
    font-size: var(--s-font-size-12);
    text-align: left;
}

@media screen and (min-width:1024px) {
    .basket-product-package-info[b-ppz9get5i6] {
        text-align: center;
    }
}

.basket-product-package-info span:first-child[b-ppz9get5i6] {
    color: var(--s-color-muted-foreground);
}

.basket-product-input[b-ppz9get5i6] {
    border-radius: var(--s-border-radius-default);
    border-width: 1px;
    max-width: calc(var(--rem-scale) * 14rem);
    align-items: center;
}



.basket-product-input[b-ppz9get5i6] {
    font-weight: var(--s-font-weight-medium);
}

.basket-product-input button[b-ppz9get5i6] {
    background-color: transparent;
    border-radius: 0;
    height: calc(var(--rem-scale) * 2.8rem);
}

.basket-product-input>button[b-ppz9get5i6] {
    border-right-width: 1px;
}

.basket-product-input>button+input+button[b-ppz9get5i6] {
    border-left-width: 1px;
    border-right-width: 0;
}

.basket-product-delete[b-ppz9get5i6] {
    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-ppz9get5i6] {
        position: static;
    }
}

.basket-product-pricing[b-ppz9get5i6] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;

}


.basket-product-bottom[b-ppz9get5i6] {
    display: flex;
    justify-content: space-between;

    flex-direction: column;
    flex-wrap: wrap;
}

@media screen and (min-width:1024px) {

    .basket-product-pricing[b-ppz9get5i6] {
        padding-left: calc(var(--rem-scale) * 5.6rem);
    }

    .basket-product-bottom[b-ppz9get5i6] {
        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-ppz9get5i6] {
    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-ppz9get5i6] {
        margin-top: var(--s-space-4);
        max-width: calc(100% - calc(var(--rem-scale) * 19rem));
    }
}

.product-price-details svg[b-ppz9get5i6],
.product-price-details p[b-ppz9get5i6] {
    flex-shrink: 0;
}


.price-item[b-ppz9get5i6] {
    display: flex;
    gap: 4px;
    font-size: 12px;
    margin: 0;
    color: var(--s-color-body-text);
}

.price-item span:first-child[b-ppz9get5i6] {
    color: var(--s-color-muted-foreground);
}

.price-item span:last-child[b-ppz9get5i6] {
    font-weight: var(--s-font-weight-medium)
}

.price-item span:first-child[b-ppz9get5i6]:after {
    content: ":";
}

.price-total[b-ppz9get5i6] {
    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-ppz9get5i6] {
        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-ppz9get5i6] {
    color: var(--s-color-body-text);
    font-size: var(--s-font-size-12);
}

.price-total span:first-child[b-ppz9get5i6]:after {
    content: ":";
}

.price-total-amount[b-ppz9get5i6] {
    font-size: var(--s-font-size-14);
}

.product-discounts[b-ppz9get5i6] {
    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-ppz9get5i6] {
        margin-top: var(--s-space-4);
    }
}

.product-discounts p[b-ppz9get5i6],
.product-discounts svg[b-ppz9get5i6] {
    flex-shrink: 0;
}

.basket-product-actions-desktop[b-ppz9get5i6] {
    display: none;
}


.basket-product-quantity-with-price[b-ppz9get5i6] {
    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-ppz9get5i6] {
        display: flex;
    }

    .basket-product-actions-mobile[b-ppz9get5i6] {
        display: none;
    }

    .basket-product-quantity-with-price[b-ppz9get5i6] {
        margin-top: 0
    }
}
/* /Pages/StockManagement/Components/Cart/CartModal.razor.rz.scp.css */
table[b-bqltxubzkq] {
    border-collapse: collapse;
    width: 100%;
}

th[b-bqltxubzkq],
td[b-bqltxubzkq] {
    border: 1px solid var(--bs-border-color);
    padding: var(--s-space-2) var(--s-space-4);
    text-align: center;
    font-size: 9px;
}

th[b-bqltxubzkq] {
    font-weight: bold;
}

.main-header[b-bqltxubzkq] {
    background-color: #e6f3ff;
}

.sub-header[b-bqltxubzkq] {
    background-color: #f0f8ff;
    font-size: 9px;
}

.form-control[b-bqltxubzkq] {
    font-size: 9px !important;
}

.cart-summary-note[b-bqltxubzkq] {
    background-color: white;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-top: 15px;
}

.cart-summary[b-bqltxubzkq] {
    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-bqltxubzkq] {
    background-color: #f0f5ff;
    padding: 5px 20px;
    border-bottom: 1px solid #e0e8ff;
}

.cart-summary-title[b-bqltxubzkq] {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
}

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

.cart-summary-title i[b-bqltxubzkq] {
    font-size: 18px;
}

.account-border-bottom[b-bqltxubzkq] {
    border-bottom: 1px solid #c9c4c4;
}

.summary-item[b-bqltxubzkq] {
    display: flex;
    justify-content: space-between;
    padding: 5px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
}

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

.summary-label i[b-bqltxubzkq] {
    margin-right: 8px;
    width: 20px;

    text-align: center;
}

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

.summary-container[b-bqltxubzkq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.summary[b-bqltxubzkq] {
    display: flex;
}

.grand-total[b-bqltxubzkq] {
    padding: 18px 20px;
    border-bottom: none;
}

.grand-total .summary-label[b-bqltxubzkq],
.grand-total .summary-value[b-bqltxubzkq] {
    font-size: 15px;
    font-weight: 700;
    color: #2b2d42;
}

.weight-icon[b-bqltxubzkq] {
    color: #6c757d;
}

.price-icon[b-bqltxubzkq] {
    color: #6c757d;
}

.discount-icon[b-bqltxubzkq] {
    color: #ff5a5f;
}

.total-icon[b-bqltxubzkq] {
    color: #28a745;
}

.discount-value[b-bqltxubzkq] {
    color: #ff5a5f;
}

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

.btn-continue[b-bqltxubzkq] {
    background-color: white;
    border: 2px solid #ddd;
}

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


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


.basket[b-bqltxubzkq] {
    display: flex;
    gap: var(--s-space-16);
    align-items: start;
    flex-direction: column;
}

@media screen and (min-width:1024px) {
    .basket[b-bqltxubzkq] {
        flex-direction: row;
    }
}

.basket-products[b-bqltxubzkq] {
    width: 100%;
    flex: 1;
}

.basket-summary[b-bqltxubzkq] {
    position: sticky;
    max-width: 100%;
    width: 100%;
    top: var(--s-space-4)
}

@media screen and (min-width:1024px) {
    .basket-summary[b-bqltxubzkq] {
        max-width: 33.3%;
    }
}

.currency-based-amouns-tabs[b-bqltxubzkq] {
    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-bqltxubzkq] {
    padding: 4px 8px;
    font-weight: 500;
    border-radius: var(--s-border-radius-default);
}

.currency-based-amouns-tabs button.active[b-bqltxubzkq] {
    background-color: white;
}

.empty-cart[b-bqltxubzkq] {
    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-bqltxubzkq] {
    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-bqltxubzkq] {
        display: flex;
    }
}

.cart-view-switch-items button[b-bqltxubzkq] {
    background-color: transparent;
    border-color: transparent;
    height: calc(var(--rem-scale) * 2.8rem);
}

.cart-view-switch-items button.active[b-bqltxubzkq] {
    background-color: var(--s-color-white);
}

.cart-view-table[b-bqltxubzkq] {
    display: none;
}

@media screen and (min-width:1440px) {
    .cart-active-view-list .cart-view-table[b-bqltxubzkq] {
        display: none;
    }

    .cart-active-view-table .cart-view-list[b-bqltxubzkq] {
        display: flex;
    }

    .cart-active-view-table .cart-view-list[b-bqltxubzkq] {
        display: none;
    }

    .cart-active-view-table .cart-view-table[b-bqltxubzkq] {
        display: block;
    }
}
/* /Pages/StockManagement/Components/Filter/StockFilter.razor.rz.scp.css */
.filter-container[b-9sa9cix15y] {
    display: flex;
    gap: var(--s-space-16);
}

.filter-header[b-9sa9cix15y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.filter-header h5[b-9sa9cix15y] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
}

.search-input[b-9sa9cix15y] {
    position: relative;
}

.search-icon[b-9sa9cix15y] {
    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-9sa9cix15y] {
    padding-left: 2.25rem !important;
    height: 32px;
}

.search-input input[b-9sa9cix15y]::placeholder {
    color: var(--bs-gray-500);
    font-size: 0.813rem;
}

.filter-container select[b-9sa9cix15y],
.filter-container input[b-9sa9cix15y] {
    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-9sa9cix15y] {
    margin-top: 0.5rem;
}

.price-inputs[b-9sa9cix15y] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.price-inputs .input-group[b-9sa9cix15y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.price-inputs input[b-9sa9cix15y] {
    min-width: 0;
}

.price-inputs select[b-9sa9cix15y] {
    width: 100%;
}

.price-label[b-9sa9cix15y] {
    font-size: 0.813rem;
    color: var(--bs-gray-600);
}

.btn-apply[b-9sa9cix15y] {
    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-9sa9cix15y] {
    background: none;
    border: none;
    color: var(--bs-gray-500);
    font-size: 0.875rem;
    padding: 0;
}

.btn-clear:hover[b-9sa9cix15y] {
    color: var(--bs-danger);
}

.active-filters[b-9sa9cix15y] {
    margin-top: 1rem;
    padding: 0.75rem;
    background-color: var(--bs-gray-100);
    border-radius: 0.25rem;
}

.active-filters-header[b-9sa9cix15y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.filter-tags[b-9sa9cix15y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.filter-tag[b-9sa9cix15y] {
    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-9sa9cix15y]::-webkit-scrollbar {
    width: 5px;
}

.filter-container[b-9sa9cix15y]::-webkit-scrollbar-track {
    background: var(--bs-gray-100);
}

.filter-container[b-9sa9cix15y]::-webkit-scrollbar-thumb {
    background: var(--bs-gray-300);
    border-radius: 3px;
}

/* Fiyat slider'ı için yeni stiller */
.price-slider[b-9sa9cix15y] {
    padding: 0.5rem 0.25rem;
}

.price-slider .range-slider[b-9sa9cix15y] {
    width: 100%;
    height: 4px;
    background: var(--bs-gray-200);
    border-radius: 2px;
    position: relative;
    margin: 1rem 0;
}

.price-slider .range-selected[b-9sa9cix15y] {
    height: 100%;
    position: absolute;
    background: var(--bs-primary);
    border-radius: 2px;
}

.price-slider .range-input[b-9sa9cix15y] {
    position: relative;
    height: 30px;
    margin-top: -15px;
}

.price-slider .range-input input[b-9sa9cix15y] {
    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-9sa9cix15y]::-webkit-slider-thumb {
    pointer-events: auto;
    margin-top: 0;
    z-index: 2;
}

.price-slider .range-input input[b-9sa9cix15y]::-moz-range-thumb {
    pointer-events: auto;
    z-index: 2;
}

.price-values[b-9sa9cix15y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.813rem;
}

.price-values span[b-9sa9cix15y] {
    color: var(--bs-gray-600);
}

/* Range Slider Styles */
.range-slider[b-9sa9cix15y] {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 1rem 0;
    background: var(--bs-gray-200);
    border-radius: 3px;
}

.range-selected[b-9sa9cix15y] {
    height: 100%;
    position: absolute;
    background-color: var(--bs-primary);
    border-radius: 3px;
}

.range-input[b-9sa9cix15y] {
    position: relative;
    height: 5px;
}

.range-input input[b-9sa9cix15y] {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.range-input input[b-9sa9cix15y]::-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-9sa9cix15y]::-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-9sa9cix15y] {
    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-9sa9cix15y] {
    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-9sa9cix15y] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-tag i[b-9sa9cix15y] {
    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-9sa9cix15y] {
    color: var(--bs-danger);
    background-color: var(--bs-gray-200);
}

.custom-combobox[b-9sa9cix15y] {
    width: 500px !important;
}

.filter-actions[b-9sa9cix15y] {
    display: flex;
    width: max-content;
    margin-left: auto;
    gap: var(--s-space-8);
}
/* /Pages/StockManagement/Components/MiniQuickCreate/MiniQuickStockCreateModal.razor.rz.scp.css */
.mini-quick-create-offcanvas-body[b-9ndop8bpfb] {
    padding: 0 !important;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.mini-quick-create[b-9ndop8bpfb] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
}

.mini-quick-create__section[b-9ndop8bpfb] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-3, .35rem);
    padding: var(--s-space-4, .65rem) var(--s-space-5, 1rem);
    border-radius: 0 !important;
    border: none !important; /* Çerçeve yok! */
}

/* Zebra background pattern - edge to edge and darker contrast */
.mini-quick-create__section:nth-child(odd)[b-9ndop8bpfb] {
    background-color: color-mix(in srgb, var(--s-color-foreground, #000000) 6%, var(--s-color-card, #ffffff));
}

.mini-quick-create__section:nth-child(even)[b-9ndop8bpfb] {
    background-color: var(--s-color-card, #ffffff);
}

.mini-quick-create__section h3[b-9ndop8bpfb] {
    margin: 0 0 var(--s-space-1, .15rem);
    color: var(--s-color-foreground, var(--s-color-body-text));
    font-size: .84rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.3;
    text-align: left;
    padding-bottom: .25rem;
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-foreground, #000000) 12%, transparent);
}

.mini-quick-create__grid[b-9ndop8bpfb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-3, .35rem) var(--s-space-4, .5rem);
}

.mini-quick-create__grid--pair[b-9ndop8bpfb] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.mini-quick-create__unit-row[b-9ndop8bpfb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-4, .5rem);
}

.mini-quick-create__unit-row > .mini-quick-create__field[b-9ndop8bpfb] {
    min-width: 0;
}

.mini-quick-create__field[b-9ndop8bpfb] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .2rem;
}

.mini-quick-create__field--wide[b-9ndop8bpfb],
.mini-quick-create__field--full[b-9ndop8bpfb] {
    grid-column: 1 / -1;
}

.mini-quick-create__field label[b-9ndop8bpfb] {
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
}

.mini-quick-create__code-row[b-9ndop8bpfb] {
    display: flex;
    align-items: stretch;
    gap: var(--s-space-2, .25rem);
    min-width: 0;
}

.mini-quick-create__code-row[b-9ndop8bpfb] (.s-input) {
    flex: 1 1 auto;
    min-width: 0;
}

.mini-quick-create__code-generate-btn[b-9ndop8bpfb] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-1, .2rem);
    white-space: nowrap;
}

.mini-quick-create__code-generate-btn:disabled[b-9ndop8bpfb] {
    opacity: .75;
    cursor: wait;
}

.mini-quick-create__footer[b-9ndop8bpfb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s-space-3, .5rem);
    margin-top: auto;
    padding: var(--s-space-4, .65rem) var(--s-space-5, 1rem);
    border-top: 1px solid var(--s-color-border, rgba(0, 0, 0, 0.1));
    position: sticky;
    bottom: 0;
    background: var(--s-color-card, #ffffff);
    z-index: 2;
}

.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-text-edit),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-spin-edit),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-dropdown-box),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-combo-box) {
    width: 100%;
    max-width: 100%;
    min-height: 1.45rem;
}

.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-text-edit-input),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-spin-edit-input),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-dropdown-box-input),
.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-combo-box-input) {
    min-height: 1.45rem;
    padding-top: .05rem;
    padding-bottom: .05rem;
    font-size: .74rem;
}

.mini-quick-create--compact[b-9ndop8bpfb] (.dxbl-btn) {
    min-height: 1.45rem;
    min-width: 1.45rem;
}

@media (max-width: 520px) {
    .mini-quick-create__grid[b-9ndop8bpfb],
    .mini-quick-create__grid--pair[b-9ndop8bpfb],
    .mini-quick-create__unit-row[b-9ndop8bpfb] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/StockManagement/Components/Stock/StockCard.razor.rz.scp.css */
.product-container[b-uqeuc5ep4m] {
    display: flex;
    justify-content: center;
    padding: var(--s-space-12);
}

.product-card[b-uqeuc5ep4m] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: calc(var(--rem-scale) * 31rem);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.product-card:hover[b-uqeuc5ep4m],
.product-card:focus-within[b-uqeuc5ep4m] {
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, var(--datatable-border-color, var(--s-color-border)));
    box-shadow: 0 8px 22px color-mix(in srgb, var(--s-color-body-text) 10%, transparent);
    transform: translateY(-1px);
}

.image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 13.6rem);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: var(--s-color-muted);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.product-image[b-uqeuc5ep4m] {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.2s ease;
}

.product-details[b-uqeuc5ep4m] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: var(--s-space-12);
}

.options-container[b-uqeuc5ep4m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-12);
}

.options-container select[b-uqeuc5ep4m] {
    width: 100%;
}

.custom-select[b-uqeuc5ep4m],
.options-container .s-select[b-uqeuc5ep4m] {
    width: 100%;
    padding: var(--s-space-8) var(--s-space-12);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.custom-select:focus[b-uqeuc5ep4m],
.options-container .s-select:focus[b-uqeuc5ep4m] {
    border-color: var(--s-color-primary);
    outline: none;
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.price-cart-section[b-uqeuc5ep4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-12);
    margin-top: auto;
    margin-bottom: var(--s-space-4);
    padding: var(--s-space-8);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
}

.price-info[b-uqeuc5ep4m] {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.current-price-cp[b-uqeuc5ep4m],
.current-price[b-uqeuc5ep4m] {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-semibold);
}

.current-price-cp[b-uqeuc5ep4m] {
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.28rem);
    line-height: 1.15;
}

.current-price[b-uqeuc5ep4m] {
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.24rem);
    line-height: 1.15;
}

.old-price[b-uqeuc5ep4m] {
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-12);
    text-decoration: line-through;
}

.cart-controls[b-uqeuc5ep4m] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-shrink: 0;
    width: 100%;
}

.quantity-input[b-uqeuc5ep4m],
.cart-controls .s-input[b-uqeuc5ep4m] {
    width: 50%;
    min-height: calc(var(--rem-scale) * 3.5rem);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
    text-align: center;
}

.quantity-input:focus[b-uqeuc5ep4m],
.cart-controls .s-input:focus[b-uqeuc5ep4m] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.btn-add-cart[b-uqeuc5ep4m],
.cart-controls .s-button-primary[b-uqeuc5ep4m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    min-height: calc(var(--rem-scale) * 3.5rem);
    border: 0;
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
    transition: background-color 0.16s ease, transform 0.16s ease;
}

.btn-add-cart:hover[b-uqeuc5ep4m],
.cart-controls .s-button-primary:hover[b-uqeuc5ep4m] {
    background: var(--s-color-primary-hover);
    transform: translateY(-1px);
}

.detail-link[b-uqeuc5ep4m] {
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
    text-decoration: none;
    transition: color 0.16s ease;
}

.detail-link:hover[b-uqeuc5ep4m],
.detail-link:focus-visible[b-uqeuc5ep4m] {
    color: var(--s-color-primary);
    outline: none;
}

.product-meta[b-uqeuc5ep4m] {
    min-height: 0;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.product-meta i[b-uqeuc5ep4m] {
    width: calc(var(--rem-scale) * 1.2rem);
    margin-right: var(--s-space-4);
    text-align: center;
}

.product-tag[b-uqeuc5ep4m] {
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.product-title[b-uqeuc5ep4m] {
    margin-bottom: 0;
    display: -webkit-box;
    overflow: hidden;
    color: var(--s-color-body-text);
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.12rem);
    font-weight: var(--s-font-weight-normal);
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.unitMultiplier-container[b-uqeuc5ep4m] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--s-space-2);
    min-height: calc(var(--rem-scale) * 2.6rem);
    margin-bottom: var(--s-space-8);
    color: var(--s-color-destructive);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    line-height: 1.25;
}

.price-container[b-uqeuc5ep4m] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: calc(var(--rem-scale) * 2.4rem);
    margin-bottom: var(--s-space-2);
}

.price-container.mt-3[b-uqeuc5ep4m] {
    margin-top: var(--s-space-6) !important;
}

.discounted-price[b-uqeuc5ep4m] {
    color: var(--s-color-body-text);
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.28rem);
    font-weight: var(--s-font-weight-bold);
    line-height: 1.15;
}

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

body.s-datatable-no-inline-styles .product-card[b-uqeuc5ep4m] {
    box-shadow: none;
}

body.s-datatable-no-inline-styles .price-cart-section[b-uqeuc5ep4m] {
    padding-inline: var(--s-space-8);
    border-color: transparent;
    background: transparent;
}

body.s-datatable-contrast-middle .product-card[b-uqeuc5ep4m],
body.s-datatable-contrast-high .product-card[b-uqeuc5ep4m] {
    box-shadow: none;
}

body.s-datatable-size-xxs .image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 10rem);
}

body.s-datatable-size-xs .image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 11rem);
}

body.s-datatable-size-sm .image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 12rem);
}

body.s-datatable-size-lg .image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 15.5rem);
}

body.s-datatable-size-xl .image-container[b-uqeuc5ep4m] {
    height: calc(var(--rem-scale) * 17rem);
}

@media (max-width: 767.98px) {
    .options-container[b-uqeuc5ep4m] {
        grid-template-columns: 1fr;
    }

    .cart-controls[b-uqeuc5ep4m] {
        flex-wrap: wrap;
    }

    .cart-controls .s-input[b-uqeuc5ep4m],
    .cart-controls .s-button-primary[b-uqeuc5ep4m] {
        width: 100%;
    }
}
/* /Pages/StockManagement/Components/Stock/StockCompact.razor.rz.scp.css */
.stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 7.2rem);
    padding: var(--datatable-row-size, var(--s-space-12));
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-body-text) 8%, transparent);
    overflow: hidden;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.stock-compact-card:hover[b-92q0ttatj1],
.stock-compact-card:focus-within[b-92q0ttatj1] {
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, var(--datatable-border-color, var(--s-color-border)));
    box-shadow: 0 8px 22px color-mix(in srgb, var(--s-color-body-text) 10%, transparent);
    transform: translateY(-1px);
}

.stock-compact-card > .row[b-92q0ttatj1] {
    --bs-gutter-x: var(--s-space-16);
    --bs-gutter-y: var(--s-space-8);
}

.image-container[b-92q0ttatj1] {
    width: var(--stock-compact-image-size);
    height: var(--stock-compact-image-size);
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-muted);
}

.product-image[b-92q0ttatj1] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-title[b-92q0ttatj1] {
    margin: 0 0 var(--s-space-4);
    color: var(--s-color-body-text);
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.1rem);
    font-weight: var(--s-font-weight-normal);
    line-height: 1.3;
}

.product-code[b-92q0ttatj1],
.product-section[b-92q0ttatj1] {
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
}

.fs-060rem[b-92q0ttatj1],
.text-danger[b-92q0ttatj1] {
    color: var(--s-color-destructive) !important;
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    line-height: 1.35;
}

.price[b-92q0ttatj1] {
    color: var(--s-color-body-text);
    font-size: calc(var(--datatable-row-font-size, var(--s-font-size-14)) + 0.24rem);
    font-weight: var(--s-font-weight-semibold);
    line-height: 1.15;
}

.stock-badge[b-92q0ttatj1] {
    padding: var(--s-space-2) var(--s-space-8);
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
}

.stock-compact-controls[b-92q0ttatj1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: var(--s-space-8);
    min-width: max-content;
}

.stock-compact-actions-col[b-92q0ttatj1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.stock-compact-select[b-92q0ttatj1] {
    width: calc(var(--rem-scale) * 10rem);
}

.stock-compact-quantity[b-92q0ttatj1] {
    width: calc(var(--rem-scale) * 8.4rem);
    flex: 0 0 calc(var(--rem-scale) * 8.4rem);
}

.form-select[b-92q0ttatj1],
.form-control[b-92q0ttatj1] {
    min-height: calc(var(--rem-scale) * 3.2rem);
    border-color: var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-small);
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12));
    font-weight: var(--s-font-weight-normal);
}

.form-select:focus[b-92q0ttatj1],
.form-control:focus[b-92q0ttatj1] {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.detail-link[b-92q0ttatj1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--rem-scale) * 3.2rem);
    white-space: nowrap;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
    font-weight: var(--s-font-weight-normal);
    text-decoration: none;
}

.stock-compact-controls .add-btn[b-92q0ttatj1] {
    flex: 0 0 auto;
    min-height: calc(var(--rem-scale) * 3.2rem);
    font-weight: var(--s-font-weight-normal);
    white-space: nowrap;
}

.detail-link:hover[b-92q0ttatj1],
.detail-link:focus-visible[b-92q0ttatj1] {
    color: var(--s-color-primary);
    text-decoration: underline;
    outline: none;
}

body:not(.s-datatable-no-inline-styles) .stock-compact-card > .row > [class*="col"] + [class*="col"][b-92q0ttatj1] {
    border-left: 1px solid var(--datatable-border-color, var(--s-color-border));
}

body.s-datatable-no-inline-styles .stock-compact-card > .row > [class*="col"] + [class*="col"][b-92q0ttatj1] {
    border-left: 0;
}

body.s-datatable-contrast-middle .stock-compact-card[b-92q0ttatj1],
body.s-datatable-contrast-high .stock-compact-card[b-92q0ttatj1] {
    box-shadow: none;
}

body.s-datatable-size-xxs .stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 4.8rem);
}

body.s-datatable-size-xs .stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 5.6rem);
}

body.s-datatable-size-sm .stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 6.4rem);
}

body.s-datatable-size-lg .stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 8rem);
}

body.s-datatable-size-xl .stock-compact-card[b-92q0ttatj1] {
    --stock-compact-image-size: calc(var(--rem-scale) * 9.2rem);
}

@media (max-width: 767.98px) {
    .stock-compact-card > .row > [class*="col"] + [class*="col"][b-92q0ttatj1] {
        border-left: 0 !important;
    }

    .stock-compact-controls[b-92q0ttatj1],
    .stock-compact-select[b-92q0ttatj1],
    .stock-compact-quantity[b-92q0ttatj1],
    .stock-compact-controls .add-btn[b-92q0ttatj1] {
        width: 100%;
        flex-basis: auto;
    }

    .stock-compact-actions-col[b-92q0ttatj1],
    .stock-compact-controls[b-92q0ttatj1] {
        justify-content: stretch;
        min-width: 0;
    }

    .stock-compact-controls[b-92q0ttatj1] {
        flex-wrap: wrap;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockBarcodePreview.razor.rz.scp.css */
.stock-barcode-preview[b-6m3kwxgcvn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 52px;
    padding: 0;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.stock-barcode-preview--is-valid[b-6m3kwxgcvn],
.stock-barcode-preview--is-invalid[b-6m3kwxgcvn],
.stock-barcode-preview--is-empty[b-6m3kwxgcvn] {
    border: none !important;
    background: transparent !important;
}

.stock-barcode-preview__content[b-6m3kwxgcvn] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 8px;
}

.stock-barcode-preview__invalid-text[b-6m3kwxgcvn] {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--s-color-foreground, #000000);
    text-align: center;
    width: 100%;
    margin: auto 0;
}

.stock-barcode-preview__svg[b-6m3kwxgcvn] {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    min-width: 0;
    overflow: visible;
}

    .stock-barcode-preview__svg svg[b-6m3kwxgcvn],
    .stock-barcode-preview__svg[b-6m3kwxgcvn]  svg {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: 58px !important;
        min-width: 0 !important;
    }

        .stock-barcode-preview__svg svg text[b-6m3kwxgcvn],
        .stock-barcode-preview__svg[b-6m3kwxgcvn]  svg text {
            font-size: 11px !important;
            font-weight: 600 !important;
            font-family: inherit !important;
        }
/* /Pages/StockManagement/Components/StockForm/StockFormBarcodesTab.razor.rz.scp.css */
.quick-stock-create__tab-body[b-j84isvyfyh] {
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tab-scroll-pane[b-j84isvyfyh] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 0 1 auto;
    height: auto;
    min-height: 0;
    max-height: max(calc(var(--rem-scale, 1) * 10rem), var(--qsc-tab-scroll-height, calc(100dvh - 40rem)));
    padding: 0 var(--s-space-1) var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem)) 0;
    scroll-padding-bottom: var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem));
}

.quick-stock-create__section[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.quick-stock-create__section-head[b-j84isvyfyh] {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.quick-stock-create__add-btn[b-j84isvyfyh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2);
    min-width: calc(var(--rem-scale, 1) * 9rem);
    min-height: calc(var(--rem-scale, 1) * 2.25rem);
    padding: var(--s-space-1) var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    cursor: pointer;
}

.quick-stock-create__empty-hint[b-j84isvyfyh] {
    flex: 0 0 auto;
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size);
}

.quick-stock-create__item-list[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-3);
    width: 100%;
}

.quick-stock-create__item-card[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-2);
    padding: var(--s-space-3) 0;
    min-width: 0;
    width: 100%;
}

.quick-stock-create__item-card + .quick-stock-create__item-card[b-j84isvyfyh] {
    border-top: 1px solid var(--s-color-border);
    padding-top: var(--s-space-4);
    margin-top: var(--s-space-1);
}

.quick-stock-create__item-head[b-j84isvyfyh] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
}

.quick-stock-create__item-no[b-j84isvyfyh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-surface));
    color: var(--s-color-primary);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
}

.quick-stock-create__item-badge[b-j84isvyfyh] {
    font-size: var(--datatable-row-font-size);
    color: var(--s-color-muted-foreground);
}

.quick-stock-create__remove-btn[b-j84isvyfyh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    margin-left: auto;
}

.quick-stock-create__barcode-top-section[b-j84isvyfyh] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--s-space-2) var(--s-space-4);
    align-items: stretch;
    margin-bottom: var(--s-space-3);
}

.quick-stock-create__barcode-left-stack[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    width: 100%;
}

.quick-stock-create__barcode-right-preview[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.quick-stock-create__barcode-bottom-trio[b-j84isvyfyh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-2) var(--s-space-3);
    width: 100%;
}

.quick-stock-create__barcode-input-prominent[b-j84isvyfyh],
.quick-stock-create__barcode-input-prominent[b-j84isvyfyh] (input) {
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}

.quick-stock-create__field[b-j84isvyfyh] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-space-1);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__field-label[b-j84isvyfyh] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

.quick-stock-create__main-toggle[b-j84isvyfyh] {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: var(--datatable-row-font-size);
}

@media (max-width: 768px) {
    .quick-stock-create__barcode-top-section[b-j84isvyfyh] {
        grid-template-columns: 1fr;
    }

    .quick-stock-create__barcode-bottom-trio[b-j84isvyfyh] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormBasicSection.razor.rz.scp.css */
.quick-stock-create__basic[b-o0oh5ay77c] {
    width: 100%;
}

.quick-stock-create__basic-fields[b-o0oh5ay77c] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    width: 100%;
}

.quick-stock-create__field[b-o0oh5ay77c] {
    display: grid !important;
    grid-template-columns: minmax(5.5rem, 7.5rem) minmax(0, 1fr) !important;
    gap: var(--s-space-2) var(--s-space-3);
    align-items: center;
    min-width: 0;
    width: 100%;
}

.quick-stock-create__field--top[b-o0oh5ay77c] {
    align-items: start;
}

.quick-stock-create__field--top .quick-stock-create__label[b-o0oh5ay77c] {
    padding-top: var(--s-space-2);
}

.quick-stock-create__label[b-o0oh5ay77c] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-body-text);
    line-height: 1.3;
    white-space: nowrap;
}

.quick-stock-create__control[b-o0oh5ay77c] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.quick-stock-create__code-input-row[b-o0oh5ay77c] {
    display: flex;
    align-items: stretch;
    gap: var(--s-space-2);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__code-input-row[b-o0oh5ay77c] (.s-input) {
    flex: 0 0 70%;
    max-width: 70%;
    min-width: 0;
}

.quick-stock-create__code-generate-btn[b-o0oh5ay77c] {
    display: inline-flex;
    flex: 0 0 30%;
    max-width: 30%;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-1);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .quick-stock-create__field[b-o0oh5ay77c] {
        grid-template-columns: 1fr !important;
        gap: var(--s-space-1);
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormClassificationTab.razor.rz.scp.css */
.quick-stock-create__tab-body[b-7hsuxtpktl] {
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tab-scroll-pane[b-7hsuxtpktl] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 0 1 auto;
    height: auto;
    min-height: 0;
    max-height: max(calc(var(--rem-scale, 1) * 10rem), var(--qsc-tab-scroll-height, calc(100dvh - 40rem)));
    padding: 0 var(--s-space-1) var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem)) 0;
    scroll-padding-bottom: var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem));
}

.quick-stock-create__classification-grid[b-7hsuxtpktl],
.quick-stock-create__classification-group[b-7hsuxtpktl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-2) var(--s-space-4);
    width: 100%;
}

.quick-stock-create__short-desc-spec-row[b-7hsuxtpktl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-2) var(--s-space-4);
    width: 100%;
    align-items: flex-end;
}

.quick-stock-create__special-codes-trio[b-7hsuxtpktl],
.quick-stock-create__stock-levels-trio[b-7hsuxtpktl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-space-2) var(--s-space-2);
    width: 100%;
}

.quick-stock-create__short-desc-spec-row .quick-stock-create__field[b-7hsuxtpktl],
.quick-stock-create__special-codes-trio .quick-stock-create__field[b-7hsuxtpktl],
.quick-stock-create__stock-levels-trio .quick-stock-create__field[b-7hsuxtpktl] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-space-1);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__classification-group + .quick-stock-create__classification-group[b-7hsuxtpktl] {
    margin-top: 0;
}

.quick-stock-create__group-divider[b-7hsuxtpktl] {
    height: 1px;
    background-color: var(--s-color-border);
    margin: calc(var(--rem-scale, 1) * 0.85rem) calc(var(--rem-scale, 1) * 1.5rem);
    opacity: 0.75;
}

.quick-stock-create__checkbox-bar[b-7hsuxtpktl] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    gap: var(--s-space-4);
    margin-top: calc(var(--rem-scale, 1) * 0.35rem);
    margin-bottom: 0;
    padding-bottom: 0;
}

.quick-stock-create__classification-grid .quick-stock-create__field[b-7hsuxtpktl],
.quick-stock-create__classification-group .quick-stock-create__field[b-7hsuxtpktl] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-space-1);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__classification-grid .quick-stock-create__control--compact[b-7hsuxtpktl],
.quick-stock-create__classification-group .quick-stock-create__control--compact[b-7hsuxtpktl] {
    max-width: 100%;
}

.quick-stock-create__classification-grid .quick-stock-create__field--full[b-7hsuxtpktl],
.quick-stock-create__classification-group .quick-stock-create__field--full[b-7hsuxtpktl] {
    grid-column: 1 / -1;
}

.quick-stock-create__label[b-7hsuxtpktl],
.quick-stock-create__field-label[b-7hsuxtpktl] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-body-text);
    line-height: 1.3;
    white-space: nowrap;
}

.quick-stock-create__control[b-7hsuxtpktl] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

[b-7hsuxtpktl](.dxbl-text-edit-input),
[b-7hsuxtpktl](.dxbl-memo-edit),
[b-7hsuxtpktl](.dxbl-spin-edit-input),
[b-7hsuxtpktl](.dxbl-checkbox label) {
    font-size: var(--datatable-row-font-size);
}

@media (max-width: 768px) {
    .quick-stock-create__classification-grid[b-7hsuxtpktl],
    .quick-stock-create__classification-group[b-7hsuxtpktl],
    .quick-stock-create__short-desc-spec-row[b-7hsuxtpktl] {
        grid-template-columns: 1fr;
    }

    .quick-stock-create__special-codes-trio[b-7hsuxtpktl],
    .quick-stock-create__stock-levels-trio[b-7hsuxtpktl] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormGeneralTab.razor.rz.scp.css */
.quick-stock-create__tab-body[b-ja2jwo4h13] {
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tab-scroll-pane[b-ja2jwo4h13] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 0 1 auto;
    height: auto;
    min-height: 0;
    max-height: max(calc(var(--rem-scale, 1) * 10rem), var(--qsc-tab-scroll-height, calc(100dvh - 40rem)));
    padding: 0 var(--s-space-1) var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem)) 0;
    scroll-padding-bottom: var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem));
}

.quick-stock-create__classification-grid[b-ja2jwo4h13],
.quick-stock-create__classification-group[b-ja2jwo4h13] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-2) var(--s-space-4);
    width: 100%;
}

.quick-stock-create__group-divider[b-ja2jwo4h13] {
    height: 1px;
    background-color: var(--s-color-border);
    margin: calc(var(--rem-scale, 1) * 0.85rem) calc(var(--rem-scale, 1) * 1.5rem);
    opacity: 0.75;
}

.quick-stock-create__field[b-ja2jwo4h13] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-space-1);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__label[b-ja2jwo4h13],
.quick-stock-create__field-label[b-ja2jwo4h13] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-body-text);
    line-height: 1.3;
    white-space: nowrap;
}

.quick-stock-create__control[b-ja2jwo4h13] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

[b-ja2jwo4h13](.s-select),
[b-ja2jwo4h13](.s-input),
[b-ja2jwo4h13](.dxbl-text-edit) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 768px) {
    .quick-stock-create__classification-grid[b-ja2jwo4h13],
    .quick-stock-create__classification-group[b-ja2jwo4h13] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormImagesTab.razor.rz.scp.css */
.stock-images-tab[b-xadoi51kv4] {
    width: 100%;
    min-height: 250px;
    max-height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}
/* /Pages/StockManagement/Components/StockForm/StockFormPosPortalTab.razor.rz.scp.css */
.stock-pos-portal[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-20);
    padding: var(--s-space-20);
}

.stock-pos-portal__grid[b-gqh9r8zgxc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-16);
}

.stock-pos-portal__field[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.stock-pos-portal__field--wide[b-gqh9r8zgxc] {
    grid-column: 1 / -1;
}

.stock-pos-portal__label[b-gqh9r8zgxc] {
    color: var(--s-color-text-primary);
    font-weight: 600;
}

.stock-pos-portal__checks[b-gqh9r8zgxc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-16);
}

.stock-pos-portal__check[b-gqh9r8zgxc] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    color: var(--s-color-text-primary);
}

.stock-pos-portal__actions[b-gqh9r8zgxc] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-12);
}

.stock-pos-portal__notice[b-gqh9r8zgxc],
.stock-pos-portal__loading[b-gqh9r8zgxc] {
    padding: var(--s-space-20);
    color: var(--s-color-text-secondary);
}

[b-gqh9r8zgxc] .stock-pos-portal__memo .dxbl-text-edit-input {
    min-height: 5rem;
}

.stock-sales-options[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    padding-top: var(--s-space-20);
    border-top: 1px solid var(--s-color-border);
}

.stock-sales-options__heading[b-gqh9r8zgxc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s-space-16);
}

.stock-sales-options__heading h4[b-gqh9r8zgxc],
.stock-sales-options__heading p[b-gqh9r8zgxc] {
    margin: 0;
}

.stock-sales-options__heading p[b-gqh9r8zgxc] {
    color: var(--s-color-text-secondary);
}

.stock-sales-options__row[b-gqh9r8zgxc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6rem auto;
    gap: var(--s-space-12);
    align-items: center;
}

.stock-sales-options__variant[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-16);
    padding: var(--s-space-16);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: var(--s-color-surface);
}

.stock-sales-options__variant-grid[b-gqh9r8zgxc] {
    display: grid;
    grid-template-columns: 2fr repeat(3, minmax(7rem, 1fr));
    gap: var(--s-space-12);
}

.stock-sales-options__variant-grid label[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    color: var(--s-color-text-primary);
}

.stock-sales-options__warehouses[b-gqh9r8zgxc] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.stock-sales-options__warehouse[b-gqh9r8zgxc],
.stock-sales-options__warehouse-add[b-gqh9r8zgxc] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(8rem, 12rem) auto;
    gap: var(--s-space-8);
    align-items: center;
}

.stock-sales-options__warehouse-add[b-gqh9r8zgxc] {
    grid-template-columns: minmax(12rem, 1fr) auto;
}

.stock-sales-options__remove[b-gqh9r8zgxc] {
    align-self: flex-end;
}

@media (max-width: 768px) {
    .stock-pos-portal__grid[b-gqh9r8zgxc],
    .stock-pos-portal__checks[b-gqh9r8zgxc],
    .stock-sales-options__row[b-gqh9r8zgxc],
    .stock-sales-options__variant-grid[b-gqh9r8zgxc],
    .stock-sales-options__warehouse[b-gqh9r8zgxc],
    .stock-sales-options__warehouse-add[b-gqh9r8zgxc] {
        grid-template-columns: 1fr;
    }

    .stock-sales-options__heading[b-gqh9r8zgxc] {
        flex-direction: column;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormPricesTab.razor.rz.scp.css */
.quick-stock-create__tab-body[b-phi1xvg7qd] {
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tab-scroll-pane[b-phi1xvg7qd] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 0 1 auto;
    height: auto;
    min-height: 0;
    max-height: max(calc(var(--rem-scale, 1) * 10rem), var(--qsc-tab-scroll-height, calc(100dvh - 40rem)));
    padding: 0 var(--s-space-1) var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem)) 0;
    scroll-padding-bottom: var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem));
}

.quick-stock-create__section[b-phi1xvg7qd] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.quick-stock-create__section-head[b-phi1xvg7qd] {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.quick-stock-create__add-btn[b-phi1xvg7qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2);
    min-width: calc(var(--rem-scale, 1) * 9rem);
    min-height: calc(var(--rem-scale, 1) * 2.25rem);
    padding: var(--s-space-1) var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    cursor: pointer;
}

.quick-stock-create__empty-hint[b-phi1xvg7qd] {
    flex: 0 0 auto;
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size);
}

.quick-stock-create__item-list[b-phi1xvg7qd] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-3);
    width: 100%;
}

.quick-stock-create__item-card[b-phi1xvg7qd] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-2);
    padding: var(--s-space-3) 0;
    min-width: 0;
    width: 100%;
}

.quick-stock-create__item-card + .quick-stock-create__item-card[b-phi1xvg7qd] {
    border-top: 1px solid var(--s-color-border);
    padding-top: var(--s-space-4);
    margin-top: var(--s-space-1);
}

.quick-stock-create__item-head[b-phi1xvg7qd] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
}

.quick-stock-create__item-no[b-phi1xvg7qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-surface));
    color: var(--s-color-primary);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
}

.quick-stock-create__item-badge[b-phi1xvg7qd] {
    font-size: var(--datatable-row-font-size);
    color: var(--s-color-muted-foreground);
}

.quick-stock-create__remove-btn[b-phi1xvg7qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    margin-left: auto;
}

.quick-stock-create__item-grid[b-phi1xvg7qd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-space-2);
}

.quick-stock-create__item-grid--4[b-phi1xvg7qd] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--s-space-2) var(--s-space-3);
    width: 100%;
}

.quick-stock-create__field[b-phi1xvg7qd] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--s-space-1);
    min-width: 0;
    width: 100%;
}

.quick-stock-create__field-label[b-phi1xvg7qd] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

[b-phi1xvg7qd](.s-input),
[b-phi1xvg7qd](.s-select),
[b-phi1xvg7qd](.dxbl-text-edit),
[b-phi1xvg7qd](.dxbl-spin-edit) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 768px) {
    .quick-stock-create__item-grid[b-phi1xvg7qd],
    .quick-stock-create__item-grid--4[b-phi1xvg7qd] {
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/StockManagement/Components/StockForm/StockFormUnitsTab.razor.rz.scp.css */
.quick-stock-create__tab-body[b-t6qlzh182b] {
    min-width: 0;
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tab-scroll-pane[b-t6qlzh182b] {
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    flex: 0 1 auto;
    height: auto;
    min-height: 0;
    max-height: max(calc(var(--rem-scale, 1) * 10rem), var(--qsc-tab-scroll-height, calc(100dvh - 40rem)));
    padding: 0 var(--s-space-1) var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem)) 0;
    scroll-padding-bottom: var(--qsc-footer-safe-area, calc(var(--rem-scale, 1) * 1rem));
}

.quick-stock-create__section[b-t6qlzh182b] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.quick-stock-create__section-head[b-t6qlzh182b] {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.quick-stock-create__add-btn[b-t6qlzh182b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-2);
    min-width: calc(var(--rem-scale, 1) * 9rem);
    min-height: calc(var(--rem-scale, 1) * 2.25rem);
    padding: var(--s-space-1) var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    cursor: pointer;
}

.quick-stock-create__empty-hint[b-t6qlzh182b] {
    flex: 0 0 auto;
    margin: 0;
    color: var(--s-color-muted-foreground);
    font-size: var(--datatable-row-font-size);
}

.quick-stock-create__item-list[b-t6qlzh182b] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-3);
    width: 100%;
}

.quick-stock-create__item-card[b-t6qlzh182b] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: var(--s-space-2);
    padding: var(--s-space-3) 0;
    min-width: 0;
    width: 100%;
}

.quick-stock-create__item-card + .quick-stock-create__item-card[b-t6qlzh182b] {
    border-top: 1px solid var(--s-color-border);
    padding-top: var(--s-space-4);
    margin-top: var(--s-space-1);
}

.quick-stock-create__item-head[b-t6qlzh182b] {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
}

.quick-stock-create__item-no[b-t6qlzh182b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-surface));
    color: var(--s-color-primary);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
}

.quick-stock-create__item-badge[b-t6qlzh182b] {
    font-size: var(--datatable-row-font-size);
    color: var(--s-color-muted-foreground);
}

.quick-stock-create__conversion-badge[b-t6qlzh182b] {
    display: inline-flex;
    align-items: center;
    padding: var(--s-space-1, .15rem) var(--s-space-3, .45rem);
    border-radius: var(--s-border-radius-small, 4px);
    background-color: color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-card));
    border: 1px solid color-mix(in srgb, var(--s-color-primary) 30%, var(--s-color-border));
    color: var(--s-color-primary);
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
    margin-left: var(--s-space-2, .4rem);
}

.quick-stock-create__remove-btn[b-t6qlzh182b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    border-radius: var(--s-border-radius-small);
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    margin-left: auto;
}

.quick-stock-create__unit-card-body[b-t6qlzh182b] {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: var(--s-space-3) !important;
    width: 100% !important;
}

.quick-stock-create__unit-left-block[b-t6qlzh182b] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    flex: 0 0 11.5rem;
    min-width: 10rem;
}

.quick-stock-create__unit-right-block[b-t6qlzh182b] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.quick-stock-create__unit-weights-grid[b-t6qlzh182b] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--s-space-2) !important;
    width: 100% !important;
}

[b-t6qlzh182b](.solvo-dimension-grid) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--s-space-2) !important;
    width: 100% !important;
}

.quick-stock-create__field[b-t6qlzh182b] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--s-space-1) !important;
    min-width: 0 !important;
    width: 100% !important;
}

[b-t6qlzh182b](.solvo-dimension__field) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--s-space-1) !important;
    min-width: 0 !important;
    width: 100% !important;
}

.quick-stock-create__field-label[b-t6qlzh182b] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

[b-t6qlzh182b](.quick-stock-create__field-label) {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    color: var(--s-color-label, var(--s-color-muted-foreground));
}

[b-t6qlzh182b](.s-input),
[b-t6qlzh182b](.s-select),
[b-t6qlzh182b](.dxbl-text-edit),
[b-t6qlzh182b](.dxbl-spin-edit) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 768px) {
    .quick-stock-create__unit-card-body[b-t6qlzh182b] {
        flex-direction: column !important;
    }

    .quick-stock-create__unit-left-block[b-t6qlzh182b] {
        flex: 0 0 auto;
        width: 100%;
    }

    .quick-stock-create__unit-weights-grid[b-t6qlzh182b],
    [b-t6qlzh182b](.solvo-dimension-grid) {
        grid-template-columns: 1fr !important;
    }
}
/* /Pages/StockManagement/Components/StockSpec/StockSpecModal.razor.rz.scp.css */
.modal-content-container[b-tezjys6j0c] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tab-content[b-tezjys6j0c] {
    flex: 1;
    overflow-y: auto;
    max-height: calc(700px - 120px);
}

.nav-tabs[b-tezjys6j0c] {
    flex-shrink: 0;
}

.form-group[b-tezjys6j0c] {
    margin-bottom: 1rem;
}

textarea.form-control[b-tezjys6j0c] {
    min-height: 120px;
    resize: vertical;
}

.html-content-preview[b-tezjys6j0c] {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    min-height: 100px;
}
/* /Pages/StockManagement/Pages/QuickCreate/QuickStockCreate.razor.rz.scp.css */
.quick-stock-create[b-our5e3xrhz] {
    --qsc-footer-safe-area: calc(var(--s-space-6) + calc(var(--rem-scale, 1) * 4.5rem));
    --qsc-tab-scroll-height: calc(100dvh - calc(var(--rem-scale, 1) * 44rem));
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: calc(100dvh - calc(var(--rem-scale, 1) * 11.4rem));
    min-height: calc(var(--rem-scale, 1) * 20rem);
    overflow: hidden;
    background: var(--s-color-accent);
    font-family: var(--s-font-family-body, inherit);
    font-size: var(--datatable-row-font-size);
}

.quick-stock-create__panel[b-our5e3xrhz] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: 100%;
    max-width: calc(var(--rem-scale, 1) * 90rem);
    height: 100%;
    min-height: 0;
    border-radius: var(--s-border-radius-large);
    border: var(--qsc-frame-border-width, 1px) solid var(--qsc-frame-border-color, var(--s-color-border));
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--s-color-body-text) 5%, transparent),
        0 12px 32px color-mix(in srgb, var(--s-color-body-text) 9%, transparent);
    overflow: hidden;
}

.quick-stock-create__header[b-our5e3xrhz] {
    flex: none;
    padding: var(--s-space-4) var(--s-space-6);
    background: var(--s-color-surface);
}

.quick-stock-create__title[b-our5e3xrhz] {
    margin: 0;
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
    text-align: center;
    color: var(--s-color-body-text);
}

.quick-stock-create__main[b-our5e3xrhz] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__loading-panel[b-our5e3xrhz] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__loading-panel[b-our5e3xrhz] (.dxbl-loading-panel-container),
.quick-stock-create__loading-panel[b-our5e3xrhz] (.dxbl-loading-panel-content) {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__loading-placeholder[b-our5e3xrhz] {
    flex: 1 1 auto;
    min-height: 10rem;
}

.quick-stock-create__body[b-our5e3xrhz] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0;
    padding: var(--s-space-4) var(--s-space-6);
    overflow: hidden;
}

.quick-stock-create__basic-section[b-our5e3xrhz] {
    flex: 0 0 auto;
    padding-bottom: var(--s-space-3);
}

.quick-stock-create__tabs-section[b-our5e3xrhz] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-block: var(--s-space-3);
    gap: var(--s-space-3);
}

.quick-stock-create__tabs-section[b-our5e3xrhz]::before,
.quick-stock-create__tabs-section[b-our5e3xrhz]::after {
    content: "";
    display: block;
    flex: none;
    height: 1px;
    margin-inline: var(--s-space-8);
    background: color-mix(in srgb, var(--s-color-border) 42%, transparent);
    pointer-events: none;
}

.quick-stock-create__tabs-host[b-our5e3xrhz] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Shared tab/form layout: wwwroot/css/pages/quick-stock-create.css */

.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs .dxbl-tabs-item),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs .dxbl-tabs-text) {
    font-size: var(--datatable-row-font-size);
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.quick-stock-create__tabs),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs-tablist),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs > .dxbl-tabs-tablist),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs > dxbl-tab-list),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs dxbl-tab-list) {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-height: min-content;
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs dxbl-tab-list) {
    margin-bottom: var(--s-space-2) !important;
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.s-tabs dxbl-scroll-viewer) {
    padding: var(--s-space-2) var(--s-space-3);
    margin-inline: 0;
    max-width: 100%;
    background-color: color-mix(in srgb, var(--s-color-muted) 35%, var(--s-color-surface));
    border-radius: var(--s-border-radius-default);
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs > .dxbl-tabs-content) {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs-content-panel),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs-page) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs-page[hidden]),
.quick-stock-create__tabs-section[b-our5e3xrhz] (.dxbl-tabs-content-panel[hidden]) {
    display: none !important;
}

.quick-stock-create__footer[b-our5e3xrhz] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-6);
    background: var(--s-color-surface);
    z-index: 5;
}

.quick-stock-create__cancel-link[b-our5e3xrhz],
.quick-stock-create__save-btn[b-our5e3xrhz] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--rem-scale, 1) * 12rem);
    height: calc(var(--rem-scale, 1) * 2.85rem);
    padding: 0 var(--s-space-6);
    border-radius: var(--s-border-radius-default);
    font-size: var(--datatable-row-font-size);
    font-weight: var(--s-font-weight-medium, 500);
    line-height: 1;
}

.quick-stock-create__cancel-link[b-our5e3xrhz] {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 90%, transparent);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    cursor: pointer;
}

.quick-stock-create__save-btn:disabled[b-our5e3xrhz] {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .quick-stock-create[b-our5e3xrhz] {
        --qsc-footer-safe-area: calc(var(--s-space-8) + calc(var(--rem-scale, 1) * 10rem));
        --qsc-tab-scroll-height: calc(100dvh - calc(var(--rem-scale, 1) * 46rem));
    }

    .quick-stock-create__body[b-our5e3xrhz] {
        padding: var(--s-space-3);
    }

    .quick-stock-create__tabs-section[b-our5e3xrhz]::before,
    .quick-stock-create__tabs-section[b-our5e3xrhz]::after {
        margin-inline: var(--s-space-4);
    }

    .quick-stock-create__footer[b-our5e3xrhz] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .quick-stock-create__cancel-link[b-our5e3xrhz],
    .quick-stock-create__save-btn[b-our5e3xrhz] {
        width: 100%;
    }
}
/* /Pages/StockManagement/Pages/StockDetails/StockDetail.razor.rz.scp.css */
.product-description[b-occ46cuy39] {
    border-left: 4px solid #2fa4e7;
}

.info-card[b-occ46cuy39] {
    transition: all 0.2s ease;
    background-color: #fff;
}

.info-card:hover[b-occ46cuy39] {
    transform: translateY(-2px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.info-card .bi[b-occ46cuy39] {
    font-size: 1.2rem;
}

.info-card strong[b-occ46cuy39] {
    display: block;
    font-size: 1.1rem;
}

.info-card .text-muted[b-occ46cuy39] {
    font-size: 0.9rem;

}

.form-select[b-occ46cuy39] {
    font-size: 12px;
}


.thumbnail-container[b-occ46cuy39] {
    position: relative;
    padding: 0 20px;
}

.thumbnail-slider[b-occ46cuy39] {
    width: 100%;
}

.thumbnail-item[b-occ46cuy39] {
    width: 70px;
    height: 70px;
    cursor: pointer;
    flex-shrink: 0;
}

.thumbnail-item img[b-occ46cuy39] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.active-thumbnail[b-occ46cuy39] {
    border-width: 1px;
}

.thumbnail-nav[b-occ46cuy39] {
    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-occ46cuy39] {
    left: 0;
}

.thumbnail-nav-next[b-occ46cuy39] {
    right: 0;
}

.main-image-container[b-occ46cuy39] {
    position: relative;
    overflow: hidden;
    border-radius: var(--s-border-radius-default);

}

.main-image[b-occ46cuy39] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.add-to-cart-btn:active[b-occ46cuy39] {
    transform: translateY(0);
}

.price-container[b-occ46cuy39] {
    display: flex;
    align-items: center;
}

.discounted-price[b-occ46cuy39] {
    font-size: var(--s-font-size-16);
    font-weight: var(--s-font-weight-semibold);
    padding-right: 5px;
}

.original-price[b-occ46cuy39] {
    font-size: 14px;
    text-decoration: line-through;
    color: #adb5bd;
}

.unitMultiplier-container[b-occ46cuy39] {
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--s-space-8);
    flex-direction: column;
}

.unitMultiplier-container small[b-occ46cuy39] {
    font-size: var(--s-font-size-12);
}

.product-options[b-occ46cuy39] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
}

.product-options>.s-form-field[b-occ46cuy39] {
    min-width: calc(var(--rem-scale) * 12rem);
}

@media screen and (min-width:1024px) {
    .product-container[b-occ46cuy39] {
        width: 100%;
        max-width: none;
        margin: 0;
    }
}

#productTabs[b-occ46cuy39] {
    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-occ46cuy39] {
    background-color: var(--s-color-white);
}

#productTabs button:not(:hover):not(.active)[b-occ46cuy39] {
    background-color: transparent;
    border-color: transparent;
}

.product-grid[b-occ46cuy39] {
    display: flex;
    gap: var(--s-space-12);
    flex-direction: column;
}

.product-documents-wrapper[b-occ46cuy39] {
    flex-direction: column;
}

@media screen and (min-width:560px) {
    .product-grid[b-occ46cuy39] {
        flex-direction: row;
        gap: var(--s-space-24);
    }

    .main-image-container[b-occ46cuy39] {
        /* max-width: calc(var(--rem-scale) * 30rem); */
    }
}

@media screen and (min-width:900px) {
    .product-documents-wrapper[b-occ46cuy39] {
        flex-direction: row;
    }
}

.product-quantity-input[b-occ46cuy39]::-webkit-inner-spin-button,
.product-quantity-input[b-occ46cuy39]::-webkit-outer-spin-button {
    opacity: 1;
}

.product-quantity-input[b-occ46cuy39] {}
/* /Pages/StockManagement/Pages/StockOrders/StockOrder.razor.rz.scp.css */
.stock-order-container[b-ska9c6pby4] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--s-color-card);
    overflow: hidden;
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    border-radius: var(--s-border-radius-default);
    color: var(--s-color-body-text);
}

.stock-order-header[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-12);
    flex-shrink: 0;
    padding: var(--s-space-16);
    border-bottom: 1px solid var(--datatable-border-color, var(--s-color-border));
}

.stock-order-title-row[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    gap: var(--s-space-16);
    min-width: 0;
}

.stock-order-title-row h2[b-ska9c6pby4] {
    margin: 0;
}

.stock-order-actions[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    gap: var(--s-space-8);
    flex-shrink: 0;
}

.stock-content[b-ska9c6pby4] {
    flex: 1;
    display: grid;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width:1024px) {
    .stock-content[b-ska9c6pby4] {
        grid-template-columns: calc(var(--rem-scale) * 28rem) 1fr;
    }
}

.stock-order-title[b-ska9c6pby4] {
    font-size: 1.7rem;
}

.stock-order-count-item[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    margin: 0px;
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--s-font-size-14));
}

.stock-order-count-item.desktop[b-ska9c6pby4] {
    display: none;
}

.stock-order-count-item.mobile[b-ska9c6pby4] {
    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-ska9c6pby4] {
        display: flex;
    }

    .stock-order-count-item.mobile[b-ska9c6pby4] {
        display: none;
    }
}

.filter-wrapper[b-ska9c6pby4] {
    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-ska9c6pby4] {
        border-right: 1px solid var(--datatable-border-color, var(--s-color-border));
        padding-bottom: var(--s-space-16);
    }
}

.filter-mobile[b-ska9c6pby4] {
    position: relative;
}

.filter-mobile details[open] summary .lucide-chevron-down-icon[b-ska9c6pby4] {
    transform: scaleY(-1);
}

.filter-mobile summary[b-ska9c6pby4] {
    width: max-content;
    margin-left: auto;
}

.filter-mobile .filter-mobile-wrapper[b-ska9c6pby4] {
    padding: var(--s-space-12);
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    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-ska9c6pby4] {
    display: none;
}

.filter-desktop[b-ska9c6pby4],
.filter-mobile[b-ska9c6pby4] {
    flex-direction: column;
    gap: calc(var(--rem-scale) * 2.4rem);
}

@media screen and (min-width:1024px) {
    .filter-desktop[b-ska9c6pby4] {
        display: flex;
    }

    .filter-mobile[b-ska9c6pby4] {
        display: none;
    }
}

.products-wrapper[b-ska9c6pby4] {
    position: relative;
    border-radius: var(--s-border-radius-default);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: var(--s-space-16);
}

.products-header[b-ska9c6pby4] {
    flex-shrink: 0;
}

.products-scroll[b-ska9c6pby4] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.products-scroll .row[b-ska9c6pby4] {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 1rem;
}


.product-list[b-ska9c6pby4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(var(--rem-scale) * 21rem), 1fr));
    gap: var(--s-space-8);
}

.product-list.single-list[b-ska9c6pby4] {
    grid-template-columns: repeat(2, calc(var(--rem-scale) * 21rem));
}

.stock-compact-list[b-ska9c6pby4] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
}

.stock-order-pager[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--s-space-8);
    padding: var(--s-space-16) 0 var(--s-space-8);
}

.stock-order-page-list[b-ska9c6pby4] {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
}

.stock-order-page-btn[b-ska9c6pby4],
.stock-order-page-nav[b-ska9c6pby4] {
    border: 1px solid var(--datatable-border-color, var(--s-color-border));
    background: var(--s-color-card);
    color: var(--s-color-body-text);
    min-height: calc(var(--rem-scale) * 3.2rem);
    border-radius: var(--s-border-radius-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-4);
    font-size: var(--s-font-size-14);
}

.stock-order-page-btn[b-ska9c6pby4] {
    width: calc(var(--rem-scale) * 3.2rem);
}

.stock-order-page-nav[b-ska9c6pby4] {
    padding: 0 var(--s-space-12);
}

.stock-order-page-btn.active[b-ska9c6pby4] {
    background: var(--s-color-primary);
    border-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.stock-order-page-btn:disabled[b-ska9c6pby4],
.stock-order-page-nav:disabled[b-ska9c6pby4] {
    opacity: .55;
    cursor: not-allowed;
}

.stock-order-page-summary[b-ska9c6pby4] {
    font-size: var(--s-font-size-14);
    color: var(--s-color-muted-foreground);
}

@media screen and (min-width:1024px) {
    .product-list[b-ska9c6pby4] {
        gap: var(--s-space-16);
    }
}

@media screen and (min-width:1600px) {
    .product-list[b-ska9c6pby4] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

body.s-datatable-striped .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-compact-card:nth-child(even) {
    background-color: var(--s-color-table-striped-row);
}

body.s-datatable-contrast-middle .stock-order-container.s-datatable[b-ska9c6pby4],
body.s-datatable-contrast-middle .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-compact-card,
body.s-datatable-contrast-middle .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-card,
body.s-datatable-contrast-high .stock-order-container.s-datatable[b-ska9c6pby4],
body.s-datatable-contrast-high .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-compact-card,
body.s-datatable-contrast-high .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-card {
    box-shadow: none;
}

body.s-datatable-no-inline-styles .stock-order-container.s-datatable[b-ska9c6pby4]  .stock-compact-card > .row > [class*="col"] + [class*="col"] {
    border-left: 0;
}

@media (max-width: 767.98px) {
    .stock-order-header[b-ska9c6pby4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .stock-order-actions[b-ska9c6pby4] {
        width: 100%;
        justify-content: flex-end;
    }

    .products-wrapper[b-ska9c6pby4] {
        padding: var(--s-space-12);
    }
}
/* /Pages/Stocks/StockCardDetail/Components/StockCardShell.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Stock Card Detail — Shell Design System
   Philosophy: clean, spacious, scannable
   ═══════════════════════════════════════════════ */

/* ─── Shell root ─── */
.sc-shell[b-2id3egp7v5] {
    --sc-page-background: var(--s-color-accent);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-14);
    color: var(--s-color-body-text);
    background: var(--sc-page-background);
    animation: scFadeIn-b-2id3egp7v5 .4s ease-out;
}

@keyframes scFadeIn-b-2id3egp7v5 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sc-shell[b-2id3egp7v5]  .sc-shell-state {
    display: grid;
    min-height: 45vh;
    place-items: center;
}

/* ─── Shared surface ─── */
.sc-shell[b-2id3egp7v5]  .sc-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-header,
.sc-shell[b-2id3egp7v5]  .sc-tabs,
.sc-shell[b-2id3egp7v5]  .sc-tab-content,
.sc-shell[b-2id3egp7v5]  .sc-section-block,
.sc-shell[b-2id3egp7v5]  .sc-metric,
.sc-shell[b-2id3egp7v5]  .sc-file-card,
.sc-shell[b-2id3egp7v5]  .sc-recipe-card,
.sc-shell[b-2id3egp7v5]  .sc-spec-card {
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--s-color-border) 22%, transparent);
}

/* ─── Flex row helpers ─── */
.sc-shell[b-2id3egp7v5]  .sc-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-toolbar-actions,
.sc-shell[b-2id3egp7v5]  .sc-view-toggle,
.sc-shell[b-2id3egp7v5]  .sc-title-line,
.sc-shell[b-2id3egp7v5]  .sc-header-eyebrow,
.sc-shell[b-2id3egp7v5]  .sc-meta,
.sc-shell[b-2id3egp7v5]  .sc-filter-row,
.sc-shell[b-2id3egp7v5]  .sc-pager,
.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-section-heading {
    display: flex;
    align-items: center;
    gap: var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-pager,
.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar {
    justify-content: space-between;
}

/* ─── Toolbar ─── */
.sc-shell[b-2id3egp7v5]  .sc-toolbar {
    padding: var(--s-space-5) var(--s-space-6);
}

/* ─── Buttons ─── */
.sc-shell[b-2id3egp7v5]  .sc-button {
    display: inline-flex;
    min-height: 2.4rem;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    cursor: pointer;
    font-weight: 600;
    font-size: .88rem;
    padding: 0 var(--s-space-6);
    text-decoration: none;
    transition: border-color .15s, color .15s, background .15s;
}

.sc-shell[b-2id3egp7v5]  .sc-button:hover,
.sc-shell[b-2id3egp7v5]  .sc-button.active {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-button:focus-visible,
.sc-shell[b-2id3egp7v5]  .sc-tab:focus-visible,
.sc-shell[b-2id3egp7v5]  .sc-input:focus-visible {
    outline: 2px solid var(--s-color-ring);
    outline-offset: 2px;
}

.sc-shell[b-2id3egp7v5]  .sc-button-primary {
    border-color: var(--s-color-primary);
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.sc-shell[b-2id3egp7v5]  .sc-button-primary:hover {
    background: color-mix(in srgb, var(--s-color-primary) 88%, var(--s-color-surface));
    color: var(--s-color-primary-foreground);
}

.sc-shell[b-2id3egp7v5]  .sc-icon-button {
    width: 2.4rem;
    padding: 0;
}

/* ─── Header ─── */
.sc-shell[b-2id3egp7v5]  .sc-header {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: var(--s-space-8);
    padding: var(--s-space-10) var(--s-space-12);
    border-left: 3px solid var(--s-color-primary);
    position: relative;
    overflow: hidden;
}

.sc-shell[b-2id3egp7v5]  .sc-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, color-mix(in srgb, var(--s-color-primary) 3%, transparent), transparent 60%);
    pointer-events: none;
}

.sc-shell[b-2id3egp7v5]  .sc-header.compact {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: var(--s-space-6);
    padding: var(--s-space-8);
}

.sc-shell[b-2id3egp7v5]  .sc-header-main {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: var(--s-space-5);
    position: relative;
    z-index: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-header-eyebrow,
.sc-shell[b-2id3egp7v5]  .sc-title-line,
.sc-shell[b-2id3egp7v5]  .sc-meta,
.sc-shell[b-2id3egp7v5]  .sc-tabs,
.sc-shell[b-2id3egp7v5]  .sc-filter-row,
.sc-shell[b-2id3egp7v5]  .sc-flag-grid {
    flex-wrap: wrap;
}

/* ─── Labels / captions ─── */
.sc-shell[b-2id3egp7v5]  .sc-header-type,
.sc-shell[b-2id3egp7v5]  .sc-metric-label,
.sc-shell[b-2id3egp7v5]  .sc-field-label,
.sc-shell[b-2id3egp7v5]  .sc-section-title,
.sc-shell[b-2id3egp7v5]  .sc-table-muted {
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* ─── Avatar / image ─── */
.sc-shell[b-2id3egp7v5]  .sc-image {
    display: grid;
    overflow: hidden;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-medium);
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-surface));
    color: var(--s-color-primary);
    font-size: 1.5rem;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-header.compact .sc-image {
    font-size: 1.15rem;
}

.sc-shell[b-2id3egp7v5]  .sc-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─── Title ─── */
.sc-shell[b-2id3egp7v5]  .sc-title {
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.sc-shell[b-2id3egp7v5]  .sc-header.compact .sc-title {
    font-size: 1.2rem;
}

/* ─── Code chip ─── */
.sc-shell[b-2id3egp7v5]  .sc-code {
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .78rem;
    padding: var(--s-space-2) var(--s-space-4);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ─── Chip / pill ─── */
.sc-shell[b-2id3egp7v5]  .sc-chip,
.sc-shell[b-2id3egp7v5]  .sc-status-pill {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: var(--s-space-3);
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-body-text);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.2;
    padding: var(--s-space-3) var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-chip span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-chip i,
.sc-shell[b-2id3egp7v5]  .sc-status-pill i {
    color: var(--s-color-muted-foreground);
    flex-shrink: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-status-pill.strong {
    border-color: color-mix(in srgb, var(--s-color-primary) 35%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-surface));
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-pill-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--s-color-muted-foreground);
    flex-shrink: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-status-pill.strong .sc-pill-dot {
    background: currentColor;
}

/* ─── Boolean flag pills ─── */
.sc-shell[b-2id3egp7v5]  .sc-flag-grid .sc-status-pill {
    font-size: .82rem;
}

.sc-shell[b-2id3egp7v5]  .sc-flag-grid .sc-status-pill.strong {
    border-color: color-mix(in srgb, #22c55e 30%, var(--s-color-border));
    background: color-mix(in srgb, #22c55e 6%, var(--s-color-surface));
    color: #16a34a;
}

/* ─── KPI strip ─── */
.sc-shell[b-2id3egp7v5]  .sc-kpi-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-space-6);
    border: 0;
    background: transparent;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-metric {
    display: grid;
    min-width: 0;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-5);
    min-height: 5.5rem;
    padding: var(--s-space-7) var(--s-space-8);
    transition: box-shadow .25s ease, transform .25s ease;
}

.sc-shell[b-2id3egp7v5]  .sc-metric:hover {
    box-shadow: 0 4px 16px color-mix(in srgb, var(--s-color-border) 40%, transparent);
    transform: translateY(-2px);
}

.sc-shell[b-2id3egp7v5]  .sc-metric-icon {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-surface));
    color: var(--s-color-primary);
    transition: background .2s, color .2s;
}

.sc-shell[b-2id3egp7v5]  .sc-metric:hover .sc-metric-icon {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.sc-shell[b-2id3egp7v5]  .sc-metric-icon i {
    font-size: 1.15rem;
}

.sc-shell[b-2id3egp7v5]  .sc-metric-content {
    min-width: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-metric-value {
    margin-top: var(--s-space-2);
    color: var(--s-color-body-text);
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

/* ─── Tabs ─── */
.sc-shell[b-2id3egp7v5]  .sc-tabs {
    overflow-x: auto;
    gap: 0;
    padding: var(--s-space-3) var(--s-space-5);
    scrollbar-width: none;
    border-bottom: 2px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
}

.sc-shell[b-2id3egp7v5]  .sc-tabs::-webkit-scrollbar {
    display: none;
}

.sc-shell[b-2id3egp7v5]  .sc-tab {
    display: inline-flex;
    align-items: center;
    gap: var(--s-space-3);
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-weight: 600;
    font-size: .88rem;
    min-height: 2.75rem;
    padding: var(--s-space-3) var(--s-space-5);
    margin-bottom: -2px;
    white-space: nowrap;
    transition: color .15s, border-color .2s;
}

.sc-shell[b-2id3egp7v5]  .sc-tab:hover {
    color: var(--s-color-body-text);
    border-bottom-color: color-mix(in srgb, var(--s-color-primary) 25%, transparent);
    background: transparent;
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active {
    border-bottom-color: var(--s-color-primary);
    background: transparent;
    color: var(--s-color-body-text);
    font-weight: 750;
}

.sc-shell[b-2id3egp7v5]  .sc-tab i {
    font-size: .95rem;
}

.sc-shell[b-2id3egp7v5]  .sc-tab-label {
    display: none;
}

@media (min-width: 1000px) {
    .sc-shell[b-2id3egp7v5]  .sc-tab-label {
        display: inline;
    }
}

.sc-shell[b-2id3egp7v5]  .sc-tab-count {
    display: inline-grid;
    min-width: 1.3rem;
    height: 1.3rem;
    place-items: center;
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-accent);
    color: var(--s-color-muted-foreground);
    font-size: .72rem;
    font-weight: 800;
    padding: 0 var(--s-space-2);
}

.sc-shell[b-2id3egp7v5]  .sc-tab-count.has-count {
    color: var(--s-color-body-text);
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active .sc-tab-count {
    background: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

/* ─── Tab content ─── */
.sc-shell[b-2id3egp7v5]  .sc-tab-content {
    padding: var(--s-space-10);
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
    animation: scSlideUp-b-2id3egp7v5 .25s ease-out;
}

@keyframes scSlideUp-b-2id3egp7v5 {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.sc-shell[b-2id3egp7v5]  .sc-tab-panel[hidden] {
    display: none;
}

.sc-shell[b-2id3egp7v5]  .sc-panel {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

/* ─── Sections ─── */
.sc-shell[b-2id3egp7v5]  .sc-section {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-10);
}

.sc-shell[b-2id3egp7v5]  .sc-section-block {
    box-shadow: none;
    padding: var(--s-space-8);
    border-left: 3px solid color-mix(in srgb, var(--s-color-primary) 12%, var(--s-color-border));
    transition: border-color .25s ease;
}

.sc-shell[b-2id3egp7v5]  .sc-section-block:hover {
    border-left-color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-section-heading {
    margin-bottom: var(--s-space-7);
    color: var(--s-color-body-text);
    font-weight: 800;
    font-size: .95rem;
}

.sc-shell[b-2id3egp7v5]  .sc-section-heading i {
    color: var(--s-color-primary);
    font-size: 1.05rem;
}

/* ─── Field grids ─── */
.sc-shell[b-2id3egp7v5]  .sc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-grid.compact {
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
}

.sc-shell[b-2id3egp7v5]  .sc-description-grid {
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
}

/* ─── Info fields ─── */
.sc-shell[b-2id3egp7v5]  .sc-field {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 65%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-accent) 50%, var(--s-color-surface));
    padding: var(--s-space-5) var(--s-space-6);
    transition: border-color .15s, background .15s;
}

.sc-shell[b-2id3egp7v5]  .sc-field:hover {
    border-color: var(--s-color-border);
    background: var(--s-color-accent);
}

.sc-shell[b-2id3egp7v5]  .sc-field-label {
    text-transform: uppercase;
    letter-spacing: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-field-value {
    margin-top: var(--s-space-3);
    color: var(--s-color-body-text);
    font-weight: 700;
    font-size: .95rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.sc-shell[b-2id3egp7v5]  .sc-field-value.empty {
    color: var(--s-color-muted-foreground);
    font-weight: 500;
    font-style: italic;
}

/* ─── Flag grid ─── */
.sc-shell[b-2id3egp7v5]  .sc-flag-grid {
    display: flex;
    gap: var(--s-space-4);
}

/* ─── Tables ─── */
.sc-shell[b-2id3egp7v5]  .sc-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
}

.sc-shell[b-2id3egp7v5]  .sc-table {
    width: 100%;
    border-collapse: collapse;
}

.sc-shell[b-2id3egp7v5]  .sc-table th,
.sc-shell[b-2id3egp7v5]  .sc-table td {
    border-bottom: 1px solid var(--s-color-border);
    padding: var(--s-space-5) var(--s-space-6);
    text-align: left;
    vertical-align: middle;
}

.sc-shell[b-2id3egp7v5]  .sc-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--s-color-accent);
    color: var(--s-color-muted-foreground);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sc-shell[b-2id3egp7v5]  .sc-table tbody tr {
    transition: background .12s;
}

.sc-shell[b-2id3egp7v5]  .sc-table tbody tr:hover td {
    background: color-mix(in srgb, var(--s-color-accent) 55%, var(--s-color-surface));
}

/* ─── Empty / loader / error states ─── */
.sc-shell[b-2id3egp7v5]  .sc-empty,
.sc-shell[b-2id3egp7v5]  .sc-loader,
.sc-shell[b-2id3egp7v5]  .sc-error {
    display: grid;
    min-height: 14rem;
    place-items: center;
    border: 1px dashed var(--s-color-border);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-surface);
    color: var(--s-color-muted-foreground);
    padding: var(--s-space-12);
    text-align: center;
}

.sc-shell[b-2id3egp7v5]  .sc-error {
    border-style: solid;
    color: var(--s-color-body-text);
}

.sc-shell[b-2id3egp7v5]  .sc-loader i,
.sc-shell[b-2id3egp7v5]  .sc-empty i,
.sc-shell[b-2id3egp7v5]  .sc-error i {
    display: inline-block;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-primary);
    font-size: 1.75rem;
}

.sc-shell[b-2id3egp7v5]  .sc-loader i {
    animation: scSpin-b-2id3egp7v5 1s linear infinite;
}

@keyframes scSpin-b-2id3egp7v5 {
    to {
        transform: rotate(360deg);
    }
}

/* ─── Compact toolbar ─── */
.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar {
    border-bottom: 1px solid var(--s-color-border);
    padding-bottom: var(--s-space-5);
    margin-bottom: var(--s-space-3);
}

.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar strong {
    color: var(--s-color-body-text);
    font-size: 1rem;
}

/* ─── Inputs ─── */
.sc-shell[b-2id3egp7v5]  .sc-input {
    min-height: 2.5rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-surface);
    color: var(--s-color-body-text);
    padding: 0 var(--s-space-5);
    transition: border-color .15s;
}

.sc-shell[b-2id3egp7v5]  .sc-input:focus {
    border-color: var(--s-color-primary);
    outline: none;
}

/* ─── File / recipe grids ─── */
.sc-shell[b-2id3egp7v5]  .sc-file-grid,
.sc-shell[b-2id3egp7v5]  .sc-recipe-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: var(--s-space-6);
}

.sc-shell[b-2id3egp7v5]  .sc-file-card,
.sc-shell[b-2id3egp7v5]  .sc-recipe-card,
.sc-shell[b-2id3egp7v5]  .sc-spec-card {
    padding: var(--s-space-7);
    transition: border-color .15s, box-shadow .25s, transform .25s;
}

.sc-shell[b-2id3egp7v5]  .sc-file-card {
    color: var(--s-color-body-text);
    text-decoration: none;
}

.sc-shell[b-2id3egp7v5]  .sc-file-card:hover,
.sc-shell[b-2id3egp7v5]  .sc-recipe-card:hover,
.sc-shell[b-2id3egp7v5]  .sc-spec-card:hover {
    border-color: var(--s-color-primary);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--s-color-border) 35%, transparent);
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════ */

@media (max-width: 1200px) {
    .sc-shell[b-2id3egp7v5] {
        padding: var(--s-space-8) var(--s-space-10);
    }
}

@media (max-width: 1100px) {
    .sc-shell[b-2id3egp7v5]  .sc-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .sc-shell[b-2id3egp7v5] {
        padding: var(--s-space-6) var(--s-space-7);
    }

    .sc-shell[b-2id3egp7v5]  .sc-header,
    .sc-shell[b-2id3egp7v5]  .sc-header.compact {
        grid-template-columns: 1fr;
        padding: var(--s-space-7);
    }

    .sc-shell[b-2id3egp7v5]  .sc-image {
        width: 5.5rem;
    }

    .sc-shell[b-2id3egp7v5]  .sc-tab-content {
        padding: var(--s-space-7);
    }

    .sc-shell[b-2id3egp7v5]  .sc-section-block {
        padding: var(--s-space-6);
    }
}

@media (max-width: 620px) {
    .sc-shell[b-2id3egp7v5] {
        padding: var(--s-space-4);
        gap: var(--s-space-5);
    }

    .sc-shell[b-2id3egp7v5]  .sc-toolbar,
    .sc-shell[b-2id3egp7v5]  .sc-toolbar-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .sc-shell[b-2id3egp7v5]  .sc-button,
    .sc-shell[b-2id3egp7v5]  .sc-button-primary {
        width: 100%;
    }

    .sc-shell[b-2id3egp7v5]  .sc-icon-button {
        width: 100%;
    }

    .sc-shell[b-2id3egp7v5]  .sc-kpi-strip,
    .sc-shell[b-2id3egp7v5]  .sc-metric {
        grid-template-columns: 1fr;
    }

    .sc-shell[b-2id3egp7v5]  .sc-tab-content {
        padding: var(--s-space-5);
    }

    .sc-shell[b-2id3egp7v5]  .sc-section-block {
        padding: var(--s-space-5);
    }

    .sc-shell[b-2id3egp7v5]  .sc-grid {
        grid-template-columns: 1fr;
    }

    .sc-shell[b-2id3egp7v5]  .sc-field {
        padding: var(--s-space-4) var(--s-space-5);
    }
}

/* Stock 360 ERP layout: header, left general info, top business tabs,
   and lower operation tabs aligned with the customer card pattern. */
.sc-shell[b-2id3egp7v5] {
    gap: var(--s-space-6);
    padding: var(--s-space-8) var(--s-space-12);
    animation: none;
}

.sc-shell[b-2id3egp7v5]  .sc-header::before {
    display: none;
}

.sc-shell[b-2id3egp7v5]  .sc-header,
.sc-shell[b-2id3egp7v5]  .sc-header.compact {
    position: sticky;
    z-index: 5;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(25rem, .78fr);
    align-items: center;
    column-gap: var(--s-space-3);
    row-gap: var(--s-space-4);
    min-height: 4.75rem;
    padding: var(--s-space-4) var(--s-space-5);
    border: 1px solid color-mix(in srgb, var(--s-color-border) 78%, transparent);
    border-radius: var(--s-border-radius-default);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 92%, var(--s-color-muted)),
        var(--s-color-card, var(--s-color-surface))
    );
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-border) 36%, transparent);
    overflow: hidden;
}

.sc-shell[b-2id3egp7v5]  .sc-header-main {
    display: grid;
    width: 100%;
    min-width: 0;
    align-content: center;
    gap: var(--s-space-1);
    justify-self: stretch;
    justify-content: stretch;
    text-align: left;
}

.sc-shell[b-2id3egp7v5]  .sc-title-row,
.sc-shell[b-2id3egp7v5]  .sc-header-lower,
.sc-shell[b-2id3egp7v5]  .sc-header-field,
.sc-shell[b-2id3egp7v5]  .sc-critical-content,
.sc-shell[b-2id3egp7v5]  .sc-side-field {
    min-width: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-title-row {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: var(--s-space-2);
    flex-wrap: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-header-actions {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--s-space-1);
    margin-right: var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-header-action {
    display: inline-flex;
    width: 1.9rem;
    height: 1.9rem;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 82%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 86%, var(--s-color-muted));
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: .9rem;
    transition: border-color .15s, color .15s, background .15s;
}

.sc-shell[b-2id3egp7v5]  .sc-header-action:hover {
    border-color: color-mix(in srgb, var(--s-color-border) 54%, var(--s-color-primary));
    background: color-mix(in srgb, var(--s-color-primary) 8%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-header-action:focus-visible {
    outline: 2px solid var(--s-color-ring);
    outline-offset: 2px;
}

.sc-shell[b-2id3egp7v5]  .sc-title,
.sc-shell[b-2id3egp7v5]  .sc-header.compact .sc-title {
    flex: 0 1 auto;
    min-width: 0;
    max-width: min(38rem, 44vw);
    margin: 0;
    color: var(--s-color-body-text);
    font-size: 1.3rem;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.12;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-code {
    flex-shrink: 0;
    align-self: center;
    border-color: color-mix(in srgb, var(--s-color-border) 74%, transparent);
    background: color-mix(in srgb, var(--s-color-muted) 64%, var(--s-color-card, var(--s-color-surface)));
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.15;
    padding: 1px var(--s-space-3);
}

.sc-shell[b-2id3egp7v5]  .sc-title-row .sc-status-pill {
    flex-shrink: 0;
    padding: 1px var(--s-space-3);
    font-size: .72rem;
    font-weight: 650;
}

.sc-shell[b-2id3egp7v5]  .sc-header-fields {
    display: grid;
    grid-template-columns: repeat(6, minmax(4.6rem, 1fr));
    align-items: start;
    gap: var(--s-space-1) var(--s-space-4);
    margin-top: var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-header-field,
.sc-shell[b-2id3egp7v5]  .sc-critical-content,
.sc-shell[b-2id3egp7v5]  .sc-side-field {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-header-field span,
.sc-shell[b-2id3egp7v5]  .sc-critical-content span,
.sc-shell[b-2id3egp7v5]  .sc-side-field span,
.sc-shell[b-2id3egp7v5]  .sc-field-label {
    color: var(--s-color-muted-foreground);
    font-size: .68rem;
    font-weight: 650;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

.sc-shell[b-2id3egp7v5]  .sc-header-field strong,
.sc-shell[b-2id3egp7v5]  .sc-critical-content strong,
.sc-shell[b-2id3egp7v5]  .sc-side-field strong {
    color: var(--s-color-body-text);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.sc-shell[b-2id3egp7v5]  .sc-critical-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(6.4rem, 1fr));
    align-self: center;
    gap: 0;
    min-width: 0;
    min-height: 3.35rem;
    padding: var(--s-space-1) var(--s-space-2);
    border: 1px solid color-mix(in srgb, var(--s-color-border) 76%, transparent);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-muted) 56%, var(--s-color-card, var(--s-color-surface)));
}

.sc-shell[b-2id3egp7v5]  .sc-critical-card {
    display: grid;
    min-width: 0;
    min-height: 3.1rem;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: center;
    gap: var(--s-space-3);
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--s-color-border) 70%, transparent);
    border-radius: 0;
    background: transparent;
    padding: var(--s-space-2) var(--s-space-3);
}

.sc-shell[b-2id3egp7v5]  .sc-critical-card:first-child {
    border-left: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-critical-icon {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
    font-size: .88rem;
}

.sc-shell[b-2id3egp7v5]  .sc-workspace {
    display: grid;
    grid-template-columns: minmax(16.25rem, 18.75rem) minmax(0, 1fr);
    align-items: start;
    gap: var(--s-space-8);
}

.sc-shell[b-2id3egp7v5]  .sc-main-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--s-space-6);
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel,
.sc-shell[b-2id3egp7v5]  .sc-tab-shell,
.sc-shell[b-2id3egp7v5]  .sc-report-shell {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 82%, var(--s-color-body-text));
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 1px 2px color-mix(in srgb, var(--s-color-border) 42%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel {
    position: sticky;
    top: 9.75rem;
    overflow: auto;
    max-height: calc(100vh - 11rem);
    padding: var(--s-space-7);
}

.sc-shell[b-2id3egp7v5]  .sc-side-title {
    margin-bottom: var(--s-space-6);
    color: var(--s-color-primary);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
}

.sc-shell[b-2id3egp7v5]  .sc-side-fields {
    display: grid;
    gap: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-side-field {
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 55%, transparent);
    padding-bottom: var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-side-field:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell,
.sc-shell[b-2id3egp7v5]  .sc-report-shell {
    overflow: hidden;
    padding: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell-header,
.sc-shell[b-2id3egp7v5]  .sc-report-header,
.sc-shell[b-2id3egp7v5]  .sc-collapse-button {
    display: flex;
    align-items: center;
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell-header,
.sc-shell[b-2id3egp7v5]  .sc-report-header {
    justify-content: space-between;
    gap: var(--s-space-5);
    margin: calc(var(--s-space-5) * -1) calc(var(--s-space-5) * -1) var(--s-space-4);
    padding: var(--s-space-4) var(--s-space-5);
    border-bottom: 1px solid var(--s-color-border);
    background: color-mix(in srgb, var(--s-color-muted) 72%, var(--s-color-card, var(--s-color-surface)));
}

.sc-shell[b-2id3egp7v5]  .sc-section-heading {
    margin-bottom: 0;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button {
    justify-content: center;
    gap: var(--s-space-3);
    border: 0;
    background: transparent;
    color: var(--s-color-muted-foreground);
    cursor: pointer;
    font-size: .78rem;
    font-weight: 800;
    padding: var(--s-space-2) var(--s-space-3);
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button:hover {
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-tabs,
.sc-shell[b-2id3egp7v5]  .sc-report-tabs {
    display: flex;
    overflow-x: auto;
    flex-wrap: wrap;
    gap: var(--s-space-3);
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-tab {
    min-height: 2.4rem;
    border: 1px solid var(--s-color-border);
    border-radius: var(--s-border-radius-small);
    background: var(--s-color-card, var(--s-color-surface));
    color: var(--s-color-body-text);
    font-size: .8rem;
    font-weight: 650;
    margin-bottom: 0;
    padding: var(--s-space-3) var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-tab-label {
    display: inline;
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active {
    border-color: var(--s-color-primary);
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
    font-weight: 700;
}

.sc-shell[b-2id3egp7v5]  .sc-tab:hover:not(.active) {
    background: var(--s-color-secondary-hover);
    color: var(--s-color-body-text);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-detail-stack,
.sc-shell[b-2id3egp7v5]  .sc-report-content {
    display: grid;
    gap: var(--s-space-4);
    margin-top: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-report-content {
    margin-top: var(--s-space-3);
    padding-top: var(--s-space-3);
    border-top: 1px solid var(--s-color-border);
}

.sc-shell[b-2id3egp7v5]  .sc-field-group-card {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 72%, transparent);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-field-group-card.no-title {
    border: 0;
    background: transparent;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-field-group-title {
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    margin-bottom: var(--s-space-4);
    color: var(--s-color-body-text);
    font-size: .82rem;
    font-weight: 800;
}

.sc-shell[b-2id3egp7v5]  .sc-field-group-title i {
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: var(--s-space-3) var(--s-space-5);
    align-items: start;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: var(--s-space-1);
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value {
    display: flex;
    min-height: 2.15rem;
    align-items: center;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 78%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 92%, var(--s-color-muted));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 82%, transparent);
    color: var(--s-color-body-text);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.25;
    margin-top: 0;
    padding: var(--s-space-2) var(--s-space-3);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value.empty {
    color: var(--s-color-muted-foreground);
    font-weight: 500;
}

@media (max-width: 1400px) {
    .sc-shell[b-2id3egp7v5]  .sc-header,
    .sc-shell[b-2id3egp7v5]  .sc-header.compact {
        grid-template-columns: minmax(0, 1fr);
    }

    .sc-shell[b-2id3egp7v5]  .sc-critical-strip {
        grid-column: 1 / -1;
        grid-template-columns: repeat(5, minmax(7rem, 1fr));
    }
}

@media (max-width: 1050px) {
    .sc-shell[b-2id3egp7v5]  .sc-workspace {
        grid-template-columns: 1fr;
    }

    .sc-shell[b-2id3egp7v5]  .sc-side-panel {
        position: static;
        max-height: none;
    }
}

@media (max-width: 900px) {
    .sc-shell[b-2id3egp7v5] {
        padding: var(--s-space-6);
    }

    .sc-shell[b-2id3egp7v5]  .sc-header,
    .sc-shell[b-2id3egp7v5]  .sc-header.compact {
        position: static;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--s-space-4);
        padding: var(--s-space-5);
    }

    .sc-shell[b-2id3egp7v5]  .sc-title,
    .sc-shell[b-2id3egp7v5]  .sc-header.compact .sc-title {
        font-size: 1.18rem;
    }

    .sc-shell[b-2id3egp7v5]  .sc-header-fields,
    .sc-shell[b-2id3egp7v5]  .sc-critical-strip,
    .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sc-shell[b-2id3egp7v5]  .sc-critical-card:nth-child(odd) {
        border-left: 0;
    }
}

@media (max-width: 560px) {
    .sc-shell[b-2id3egp7v5]  .sc-header-fields,
    .sc-shell[b-2id3egp7v5]  .sc-critical-strip,
    .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
        grid-template-columns: 1fr;
    }

    .sc-shell[b-2id3egp7v5]  .sc-critical-card {
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--s-color-border) 70%, transparent);
    }

    .sc-shell[b-2id3egp7v5]  .sc-critical-card:first-child {
        border-top: 0;
    }
}

/* Soft ERP refinement aligned with CustomerCardDetail:
   lighter surfaces, tighter left summary, and calmer read-only fields. */
.sc-shell[b-2id3egp7v5]  .sc-workspace {
    grid-template-columns: minmax(15.5rem, 17rem) minmax(0, 1fr);
    gap: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel,
.sc-shell[b-2id3egp7v5]  .sc-tab-shell,
.sc-shell[b-2id3egp7v5]  .sc-report-shell,
.sc-shell[b-2id3egp7v5]  .sc-field-group-card,
.sc-shell[b-2id3egp7v5]  .sc-field-group-card.no-title {
    border-color: color-mix(in srgb, var(--s-color-border) 88%, var(--s-color-body-text));
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 1px 8px color-mix(in srgb, var(--s-color-border) 22%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel {
    top: 6.5rem;
    max-height: calc(100vh - 7.25rem);
    padding: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-side-title {
    display: flex;
    align-items: center;
    gap: var(--s-space-2);
    margin-bottom: var(--s-space-4);
    color: var(--s-color-body-text);
    font-size: .82rem;
    font-weight: 750;
}

.sc-shell[b-2id3egp7v5]  .sc-side-title::before {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: 999px;
    background: var(--s-color-primary);
    content: "";
}

.sc-shell[b-2id3egp7v5]  .sc-side-fields {
    gap: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, .82fr);
    align-items: baseline;
    gap: var(--s-space-3);
    border-bottom-color: color-mix(in srgb, var(--s-color-border) 82%, transparent);
    padding: var(--s-space-2) 0;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field span {
    color: var(--s-color-muted-foreground);
    font-size: .72rem;
    font-weight: 560;
    line-height: 1.2;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field strong {
    color: var(--s-color-body-text);
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.25;
    text-align: left;
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell-header,
.sc-shell[b-2id3egp7v5]  .sc-report-header {
    border-bottom-color: color-mix(in srgb, var(--s-color-border) 88%, transparent);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button {
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 88%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 92%, var(--s-color-muted));
    color: var(--s-color-muted-foreground);
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button:hover {
    border-color: color-mix(in srgb, var(--s-color-border) 70%, var(--s-color-primary));
    background: color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-tabs,
.sc-shell[b-2id3egp7v5]  .sc-report-tabs {
    border-top: 1px solid color-mix(in srgb, var(--s-color-border) 88%, transparent);
    background: transparent;
    gap: var(--s-space-2);
}

.sc-shell[b-2id3egp7v5]  .sc-tab {
    position: relative;
    border-color: transparent;
    background: transparent;
    color: var(--s-color-muted-foreground);
    font-weight: 650;
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active {
    border-color: transparent;
    background: color-mix(in srgb, var(--s-color-primary) 6%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active::after {
    position: absolute;
    right: var(--s-space-3);
    bottom: 0;
    left: var(--s-space-3);
    height: 2px;
    border-radius: 999px;
    background: var(--s-color-primary);
    content: "";
}

.sc-shell[b-2id3egp7v5]  .sc-tab:hover:not(.active) {
    border-color: transparent;
    background: color-mix(in srgb, var(--s-color-muted) 72%, transparent);
    color: var(--s-color-body-text);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field {
    min-height: 2.45rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--s-color-border) 82%, transparent);
    border-radius: 0;
    background: transparent;
    padding: var(--s-space-3) var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field:last-child {
    border-bottom: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value,
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value.empty {
    min-height: auto;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field:hover {
    border-bottom-color: color-mix(in srgb, var(--s-color-border) 72%, var(--s-color-primary));
    background: color-mix(in srgb, var(--s-color-primary) 3%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-report-content > .sc-empty {
    border-color: color-mix(in srgb, var(--s-color-border) 78%, transparent);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
}

/* Stock detail follows the same ThemeEditor contract as CustomerCardDetail:
   flat ERP surfaces, active font tokens, density, contrast and zebra rows. */
.sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-5);
    --sc-table-cell-padding-x: var(--s-space-6);
    --sc-table-font-size: .78rem;
    --sc-report-panel-padding: var(--s-space-6);
    --sc-report-content-padding: var(--s-space-5);
    --sc-report-field-padding-y: var(--s-space-4);
    --sc-report-field-padding-x: var(--s-space-5);
    --sc-report-row-min-height: 2.35rem;
    --sc-report-tab-min-height: 2rem;
    --sc-panel-frame-color: color-mix(in srgb, var(--s-color-border) 72%, var(--s-color-body-text));
    --sc-panel-frame-shadow: 0 6px 18px color-mix(in srgb, var(--s-color-border) 24%, transparent);
    --sc-grid-cell-border-color: color-mix(in srgb, var(--sc-panel-frame-color) 72%, transparent);
    --sc-grid-label-font-size: max(.68rem, calc(var(--sc-table-font-size) - .04rem));
    --sc-grid-value-font-size: max(.74rem, calc(var(--sc-table-font-size) + .04rem));
    --sc-grid-header-background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 94%, var(--s-color-muted));
    font-family: var(--s-font-family-body, "Geist", "Inter", "Segoe UI", sans-serif);
    background: color-mix(in srgb, var(--s-color-accent) 88%, var(--s-color-body-text) 4%);
}

body.s-datatable-size-xxs .sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-1);
    --sc-table-cell-padding-x: var(--s-space-3);
    --sc-table-font-size: .68rem;
    --sc-report-panel-padding: var(--s-space-3);
    --sc-report-content-padding: var(--s-space-3);
    --sc-report-field-padding-y: var(--s-space-2);
    --sc-report-field-padding-x: var(--s-space-3);
    --sc-report-row-min-height: 1.7rem;
    --sc-report-tab-min-height: 1.65rem;
}

body.s-datatable-size-xs .sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-2);
    --sc-table-cell-padding-x: var(--s-space-4);
    --sc-table-font-size: .72rem;
    --sc-report-panel-padding: var(--s-space-4);
    --sc-report-content-padding: var(--s-space-4);
    --sc-report-field-padding-y: var(--s-space-2);
    --sc-report-field-padding-x: var(--s-space-4);
    --sc-report-row-min-height: 1.95rem;
    --sc-report-tab-min-height: 1.75rem;
}

body.s-datatable-size-sm .sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-3);
    --sc-table-cell-padding-x: var(--s-space-4);
    --sc-table-font-size: .74rem;
    --sc-report-panel-padding: var(--s-space-5);
    --sc-report-content-padding: var(--s-space-4);
    --sc-report-field-padding-y: var(--s-space-3);
    --sc-report-field-padding-x: var(--s-space-4);
    --sc-report-row-min-height: 2.1rem;
    --sc-report-tab-min-height: 1.85rem;
}

body.s-datatable-size-lg .sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-7);
    --sc-table-cell-padding-x: var(--s-space-7);
    --sc-table-font-size: .84rem;
    --sc-report-panel-padding: var(--s-space-8);
    --sc-report-content-padding: var(--s-space-7);
    --sc-report-field-padding-y: var(--s-space-5);
    --sc-report-field-padding-x: var(--s-space-6);
    --sc-report-row-min-height: 2.75rem;
    --sc-report-tab-min-height: 2.35rem;
}

body.s-datatable-size-xl .sc-shell[b-2id3egp7v5] {
    --sc-table-cell-padding-y: var(--s-space-9);
    --sc-table-cell-padding-x: var(--s-space-8);
    --sc-table-font-size: .9rem;
    --sc-report-panel-padding: var(--s-space-10);
    --sc-report-content-padding: var(--s-space-8);
    --sc-report-field-padding-y: var(--s-space-6);
    --sc-report-field-padding-x: var(--s-space-7);
    --sc-report-row-min-height: 3.1rem;
    --sc-report-tab-min-height: 2.6rem;
}

body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5] {
    --sc-panel-frame-color: var(--s-color-table-border-contrast-middle, color-mix(in srgb, var(--s-color-border) 62%, var(--s-color-body-text)));
    --sc-panel-frame-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-table-border-contrast-middle, var(--s-color-border)) 16%, transparent);
    --sc-grid-cell-border-color: color-mix(in srgb, var(--sc-panel-frame-color) 86%, transparent);
    --sc-grid-header-background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 90%, var(--s-color-muted));
}

body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5] {
    --sc-panel-frame-color: var(--s-color-table-border-contrast-high, color-mix(in srgb, var(--s-color-border) 42%, var(--s-color-body-text)));
    --sc-panel-frame-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-table-border-contrast-high, var(--s-color-border)) 28%, transparent);
    --sc-grid-cell-border-color: var(--sc-panel-frame-color);
    --sc-grid-header-background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 84%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-header::before {
    display: none;
    content: none;
}

.sc-shell[b-2id3egp7v5]  .sc-header,
.sc-shell[b-2id3egp7v5]  .sc-header.compact {
    border: 1px solid color-mix(in srgb, var(--s-color-border) 68%, var(--s-color-body-text));
    border-left: 4px solid var(--s-color-primary);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 8px 24px color-mix(in srgb, var(--s-color-border) 34%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-title,
.sc-shell[b-2id3egp7v5]  .sc-header.compact .sc-title {
    color: color-mix(in srgb, var(--s-color-body-text) 94%, var(--s-color-primary));
    font-family: var(--s-font-family-heading, var(--s-font-family-body, "Geist", "Inter", "Segoe UI", sans-serif));
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-critical-strip {
    border-color: color-mix(in srgb, var(--s-color-primary) 18%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-critical-card {
    min-height: 3.1rem;
}

.sc-shell[b-2id3egp7v5]  .sc-critical-content span,
.sc-shell[b-2id3egp7v5]  .sc-header-field span {
    color: color-mix(in srgb, var(--s-color-muted-foreground) 82%, var(--s-color-body-text));
}

.sc-shell[b-2id3egp7v5]  .sc-critical-content strong,
.sc-shell[b-2id3egp7v5]  .sc-header-field strong {
    color: var(--s-color-body-text);
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-theme-controls {
    position: absolute;
    top: var(--s-space-4);
    right: calc(var(--s-space-8) + .25rem);
    z-index: 20;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--s-space-2);
    padding: .15rem;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 72%, transparent);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 94%, transparent);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--s-color-border) 24%, transparent);
    margin-left: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-title-row {
    padding-right: 5.75rem;
}

.sc-shell[b-2id3egp7v5]  .sc-theme-mode-switcher,
.sc-shell[b-2id3egp7v5]  .sc-theme-picker {
    display: inline-flex;
    align-items: center;
}

.sc-shell[b-2id3egp7v5]  .sc-theme-control-button {
    width: 1.9rem;
    height: 1.9rem;
    margin: 0;
    border: 1px solid color-mix(in srgb, var(--s-color-border) 76%, transparent);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
    color: color-mix(in srgb, var(--s-color-muted-foreground) 78%, var(--s-color-body-text));
    box-shadow: 0 1px 4px color-mix(in srgb, var(--s-color-border) 20%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-theme-control-button:hover {
    border-color: color-mix(in srgb, var(--s-color-primary) 52%, var(--s-color-border));
    background: color-mix(in srgb, var(--s-color-primary) 9%, var(--s-color-card, var(--s-color-surface)));
    color: var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-theme-control-button:focus-visible {
    outline: 2px solid var(--s-color-ring);
    outline-offset: 2px;
}

.sc-shell[b-2id3egp7v5]  .sc-theme-control-button svg {
    width: 1rem;
    height: 1rem;
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel,
.sc-shell[b-2id3egp7v5]  .sc-tab-shell,
.sc-shell[b-2id3egp7v5]  .sc-report-shell,
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card,
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card.no-title,
.sc-shell[b-2id3egp7v5]  .sc-section-block,
.sc-shell[b-2id3egp7v5]  .sc-metric,
.sc-shell[b-2id3egp7v5]  .sc-file-card,
.sc-shell[b-2id3egp7v5]  .sc-recipe-card,
.sc-shell[b-2id3egp7v5]  .sc-spec-card {
    border-color: var(--sc-panel-frame-color);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: var(--sc-panel-frame-shadow);
}

.sc-shell[b-2id3egp7v5]  .sc-side-panel {
    border-color: color-mix(in srgb, var(--s-color-primary) 16%, var(--s-color-border));
    padding: var(--s-space-6);
}

.sc-shell[b-2id3egp7v5]  .sc-side-title {
    min-height: calc(var(--sc-report-row-min-height) + .2rem);
    margin-bottom: 0;
    border: 1px solid var(--sc-grid-cell-border-color);
    border-bottom: 0;
    border-radius: var(--s-border-radius-default) var(--s-border-radius-default) 0 0;
    background: var(--sc-grid-header-background);
    padding: var(--sc-report-field-padding-y) var(--sc-report-field-padding-x);
    color: var(--s-color-body-text);
    font-size: var(--sc-grid-value-font-size);
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-side-title::before {
    display: none;
    content: none;
}

.sc-shell[b-2id3egp7v5]  .sc-side-fields {
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--sc-grid-cell-border-color);
    border-radius: 0 0 var(--s-border-radius-default) var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
}

.sc-shell[b-2id3egp7v5]  .sc-side-field {
    min-height: var(--sc-report-row-min-height);
    align-items: center;
    grid-template-columns: minmax(0, .95fr) minmax(0, .9fr);
    gap: var(--s-space-3);
    border-bottom: 1px solid var(--sc-grid-cell-border-color);
    padding: var(--sc-report-field-padding-y) var(--sc-report-field-padding-x);
}

.sc-shell[b-2id3egp7v5]  .sc-side-field:last-child {
    border-bottom: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field span,
.sc-shell[b-2id3egp7v5]  .sc-side-field strong {
    align-self: center;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field span,
.sc-shell[b-2id3egp7v5]  .sc-field-label,
.sc-shell[b-2id3egp7v5]  .sc-table-muted,
.sc-shell[b-2id3egp7v5]  .sc-metric-label {
    color: color-mix(in srgb, var(--s-color-muted-foreground) 76%, var(--s-color-body-text));
    font-size: var(--sc-grid-label-font-size);
    font-weight: var(--s-font-weight-semibold, 600);
    text-transform: none;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field strong,
.sc-shell[b-2id3egp7v5]  .sc-field-value,
.sc-shell[b-2id3egp7v5]  .sc-metric-value,
.sc-shell[b-2id3egp7v5]  .sc-table td,
.sc-shell[b-2id3egp7v5]  .sc-table strong {
    color: var(--s-color-body-text);
    font-size: var(--sc-grid-value-font-size);
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell,
.sc-shell[b-2id3egp7v5]  .sc-report-shell {
    overflow: hidden;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-tab-shell-header,
.sc-shell[b-2id3egp7v5]  .sc-report-header {
    min-height: 2.35rem;
    margin: 0;
    padding: var(--s-space-3) var(--s-space-5);
    border-bottom: 1px solid var(--sc-panel-frame-color);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-tabs,
.sc-shell[b-2id3egp7v5]  .sc-report-tabs {
    gap: var(--s-space-1);
    margin: 0;
    padding: var(--s-space-3) var(--s-space-4);
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--sc-panel-frame-color) 72%, transparent);
    border-radius: 0;
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 98%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-tab {
    min-height: var(--sc-report-tab-min-height);
    border-radius: var(--s-border-radius-small);
    padding: var(--s-space-2) var(--s-space-3);
    white-space: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-tab.active {
    background: color-mix(in srgb, var(--s-color-primary) 10%, var(--s-color-card, var(--s-color-surface)));
    box-shadow: inset 0 -2px 0 var(--s-color-primary);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content,
.sc-shell[b-2id3egp7v5]  .sc-report-content {
    margin-top: 0;
    border-top: 0;
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 94%, var(--s-color-muted));
    padding: var(--sc-report-content-padding);
}

.sc-shell[b-2id3egp7v5]  .sc-detail-stack,
.sc-shell[b-2id3egp7v5]  .sc-report-content {
    gap: var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-section-block {
    border: 1px solid color-mix(in srgb, var(--sc-panel-frame-color) 82%, transparent);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--sc-report-panel-padding);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--s-color-border) 16%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar {
    min-height: calc(var(--sc-report-row-min-height) + .45rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-4);
    border: 1px solid color-mix(in srgb, var(--sc-panel-frame-color) 84%, transparent);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--s-space-2) var(--s-space-3) var(--s-space-2) var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-compact-toolbar strong {
    color: var(--s-color-body-text);
    font-size: .9rem;
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar {
    --sc-grid-toolbar-control-height: calc(var(--rem-scale, .625) * 3.2rem);
    --sc-grid-toolbar-control-padding-x: var(--s-space-10, .625rem);
    display: flex;
    align-items: center;
    gap: var(--s-space-3);
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: visible;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-title {
    display: inline-flex;
    min-width: 0;
    max-width: min(18rem, 28%);
    flex: 0 1 auto;
    align-items: center;
    gap: var(--s-space-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions {
    min-width: 0 !important;
    max-width: 100%;
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    overflow: visible;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions.dxbl-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar {
    min-width: 0 !important;
    max-width: 100%;
    width: 100%;
    background: transparent;
    overflow: visible;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-item,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-btn {
    color: var(--s-color-body-text);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-items-container,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-items,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-adaptive-items-container,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-btn-toolbar,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-group {
    min-width: 0 !important;
    max-width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    overflow: visible;
    gap: var(--s-space-1);
    padding: 0;
    row-gap: var(--s-space-1);
    column-gap: var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-group-separator,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-placeholder {
    display: none;
    width: 0;
    min-width: 0;
    margin: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .toolbar-item {
    margin: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-item,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-toolbar-item-content {
    min-height: var(--sc-grid-toolbar-control-height);
    display: inline-flex;
    align-items: center;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-btn {
    min-height: var(--sc-grid-toolbar-control-height);
    height: var(--sc-grid-toolbar-control-height);
    align-items: center;
    padding-block: 0;
    padding-inline: var(--sc-grid-toolbar-control-padding-x);
    border-radius: var(--s-border-radius-small, 4px);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, .75rem));
    line-height: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-actions .dxbl-btn-caption {
    line-height: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .dxbl-text-edit {
    min-height: var(--sc-grid-toolbar-control-height);
    height: var(--sc-grid-toolbar-control-height);
    border-color: var(--s-color-border);
    border-radius: var(--s-border-radius-small, 4px);
    background: var(--s-color-card, var(--s-color-surface));
    color: var(--s-color-body-text);
    box-shadow: none;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .dxbl-text-edit-input {
    min-height: calc(var(--sc-grid-toolbar-control-height) - 2px);
    height: calc(var(--sc-grid-toolbar-control-height) - 2px);
    padding-inline: var(--sc-grid-toolbar-control-padding-x);
    font-size: var(--datatable-row-font-size, var(--s-font-size-12, .75rem));
    line-height: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .dxbl-edit-btn-dropdown,
.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .dxbl-btn {
    min-height: calc(var(--sc-grid-toolbar-control-height) - 2px);
    height: calc(var(--sc-grid-toolbar-control-height) - 2px);
    padding-block: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .dxbl-text-edit:focus-within {
    border-color: var(--s-color-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--s-color-primary) 18%, transparent);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range {
    min-width: 26.25rem;
    max-width: 28rem;
    flex: 0 0 auto;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .solvo-toolbar-date-range {
    width: 100%;
    justify-content: flex-end;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .solvo-toolbar-date-range-preset {
    width: 8.75rem;
    min-width: 8.75rem;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-toolbar-date-range .solvo-toolbar-date-range-date {
    width: 8.45rem;
    min-width: 8.45rem;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card {
    border-color: var(--sc-panel-frame-color);
    padding: var(--sc-report-panel-padding);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card.no-title {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
    gap: 0;
    overflow: hidden;
    border: 1px solid var(--sc-grid-cell-border-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field,
.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field {
    min-height: var(--sc-report-row-min-height);
    border: 0;
    border-right: 1px solid var(--sc-grid-cell-border-color);
    border-bottom: 1px solid var(--sc-grid-cell-border-color);
    border-radius: 0;
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--sc-report-field-padding-y) var(--sc-report-field-padding-x);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-label,
.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field-label {
    font-size: var(--sc-grid-label-font-size);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value,
.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field-value {
    margin-top: var(--s-space-1);
    font-size: var(--sc-grid-value-font-size);
}

.sc-shell[b-2id3egp7v5]  .sc-table-wrap {
    border-color: var(--sc-panel-frame-color);
}

.sc-shell[b-2id3egp7v5]  .sc-table {
    font-size: var(--sc-table-font-size);
}

.sc-shell[b-2id3egp7v5]  .sc-operation-grid-wrap {
    max-height: min(34rem, 52vh);
    overflow: auto;
    overscroll-behavior: contain;
}

.sc-shell[b-2id3egp7v5]  .sc-operation-grid-wrap .sc-table {
    min-width: 58rem;
    font-size: var(--datatable-row-font-size, var(--sc-table-font-size));
}

.sc-shell[b-2id3egp7v5]  .sc-table th {
    background: var(--sc-grid-header-background);
}

.sc-shell[b-2id3egp7v5]  .sc-table th,
.sc-shell[b-2id3egp7v5]  .sc-table td {
    border-right: 1px solid var(--sc-grid-cell-border-color);
    border-bottom-color: var(--sc-panel-frame-color);
    padding: var(--datatable-row-size, var(--sc-table-cell-padding-y) var(--sc-table-cell-padding-x));
    font-size: var(--datatable-row-font-size, var(--sc-table-font-size));
}

.sc-shell[b-2id3egp7v5]  .sc-table th:last-child,
.sc-shell[b-2id3egp7v5]  .sc-table td:last-child {
    border-right: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field:nth-child(even),
.sc-shell[b-2id3egp7v5]  .sc-table tr:nth-child(even) td {
    background: var(--s-color-card, var(--s-color-surface));
}

body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-side-field:nth-child(even),
body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-table tr:nth-child(even) td {
    background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card, var(--s-color-surface))));
}

.sc-shell[b-2id3egp7v5]  .sc-table-empty-row td {
    height: calc(var(--sc-report-row-min-height) * 2);
    text-align: center;
    color: var(--s-color-muted-foreground);
    font-weight: 600;
}

.sc-shell[b-2id3egp7v5]  .sc-side-field:hover,
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field:hover,
.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field:hover,
.sc-shell[b-2id3egp7v5]  .sc-table tr:hover td {
    background: var(--s-color-datatable-hover, color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface))));
}

body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5]  .sc-side-panel,
body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5]  .sc-tab-shell,
body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5]  .sc-report-shell,
body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5]  .sc-section-block,
body.s-datatable-contrast-middle .sc-shell[b-2id3egp7v5]  .sc-table-wrap,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-side-panel,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-tab-shell,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-report-shell,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-section-block,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-table-wrap {
    border-color: var(--sc-panel-frame-color);
}

body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-table th,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-table td,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-side-field,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field,
body.s-datatable-contrast-high .sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field {
    border-bottom-color: var(--sc-panel-frame-color);
}

@media (max-width: 900px) {
    .sc-shell[b-2id3egp7v5]  .sc-title-row {
        flex-wrap: wrap;
        padding-right: 0;
    }

    .sc-shell[b-2id3egp7v5]  .sc-theme-controls {
        position: static;
        padding: .1rem;
        margin-left: auto;
    }
}

/* Stock detail tab body refinement: less dense, closer to customer detail. */
.sc-shell[b-2id3egp7v5]  .sc-header-main {
    position: static;
}

.sc-shell[b-2id3egp7v5]  .sc-title-row {
    padding-right: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-theme-controls {
    top: var(--s-space-4);
    right: var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-critical-strip {
    padding-right: calc(var(--s-space-2) + 4.65rem);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content {
    overflow: hidden;
    border: 1px solid var(--sc-panel-frame-color);
    border-radius: var(--s-border-radius-small);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 96%, var(--s-color-muted));
    box-shadow: var(--sc-panel-frame-shadow);
    padding: var(--sc-report-content-padding);
}

.sc-shell[b-2id3egp7v5]  .sc-detail-stack.single-group,
.sc-shell[b-2id3egp7v5]  .sc-detail-stack.multi-group {
    gap: var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card,
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-card.no-title {
    overflow: hidden;
    border: 1px solid var(--sc-panel-frame-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: 0 1px 4px color-mix(in srgb, var(--s-color-border) 16%, transparent);
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-group-title {
    min-height: 2.35rem;
    margin: 0;
    border-bottom: 1px solid var(--sc-grid-cell-border-color);
    background: var(--sc-grid-header-background);
    color: var(--s-color-body-text);
    font-size: .84rem;
    font-weight: var(--s-font-weight-bold, 700);
    padding: var(--s-space-3) var(--s-space-5);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
    border: 0;
    border-radius: 0;
    grid-template-columns: repeat(2, minmax(20rem, 1fr));
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field {
    display: grid;
    min-height: var(--sc-report-row-min-height);
    grid-template-columns: minmax(8.75rem, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: var(--s-space-4);
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--sc-report-field-padding-y) var(--sc-report-field-padding-x);
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-label {
    min-width: 0;
    line-height: 1.25;
}

.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-value {
    min-width: 0;
    margin-top: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

.sc-shell[b-2id3egp7v5]  .sc-report-shell {
    background: var(--s-color-card, var(--s-color-surface));
}

.sc-shell[b-2id3egp7v5]  .sc-report-content {
    min-height: 9rem;
    border-top: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-report-content > .sc-empty {
    min-height: 7.5rem;
    border: 1px dashed color-mix(in srgb, var(--sc-panel-frame-color) 68%, transparent);
    border-radius: var(--s-border-radius-default);
    background: color-mix(in srgb, var(--s-color-card, var(--s-color-surface)) 98%, var(--s-color-muted));
}

.sc-shell[b-2id3egp7v5]  .sc-report-tabs {
    row-gap: var(--s-space-2);
}

.sc-shell[b-2id3egp7v5]  .sc-report-tabs .sc-tab {
    min-height: 2rem;
}

.sc-shell[b-2id3egp7v5]  .sc-panel {
    display: grid;
    gap: var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-workspace.sc-workspace-splitter {
    display: flex;
    flex-direction: row;
    grid-template-columns: none;
    align-items: stretch;
    gap: 0;
    background: var(--sc-page-background);
    overflow: visible;
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter dxbl-splitter,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter dxbl-splitter-pane,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter-pane,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter-pane-content {
    background: var(--sc-page-background);
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter-pane-content {
    min-width: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter dxbl-splitter-separator,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter-separator,
.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter .dxbl-splitter-separator-bar {
    background: var(--s-color-border);
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-splitter > dxbl-splitter-pane:first-of-type {
    min-width: 220px !important;
    max-width: 560px;
    flex-shrink: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-sidebar-pane,
.sc-shell[b-2id3egp7v5]  .sc-workspace-content-pane {
    min-width: 0;
    background: var(--sc-page-background);
    overflow: visible;
}

.sc-shell[b-2id3egp7v5]  .sc-main-content {
    background: var(--sc-page-background);
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-sidebar-pane {
    min-width: 220px;
}

.sc-shell[b-2id3egp7v5]  .sc-workspace-sidebar-pane .sc-side-panel {
    position: static;
    top: auto;
    width: 100%;
    margin-top: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-stack {
    display: grid;
    gap: var(--s-space-4);
    min-width: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-summary {
    margin-bottom: var(--s-space-1);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-panel {
    overflow: hidden;
    border: 1px solid var(--sc-panel-frame-color);
    border-radius: var(--s-border-radius-default);
    background: var(--s-color-card, var(--s-color-surface));
    box-shadow: var(--sc-panel-frame-shadow);
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-grid-panel.fullscreen {
    position: fixed;
    z-index: 1085;
    inset: var(--s-space-5);
    display: grid;
    background: var(--s-color-card, var(--s-color-surface));
    padding: var(--s-space-3);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-panel .sc-compact-toolbar {
    min-height: 2.35rem;
    border: 0;
    border-bottom: 1px solid var(--sc-panel-frame-color);
    border-radius: 0;
    background: var(--sc-grid-header-background);
    padding: var(--s-space-2) var(--s-space-3) var(--s-space-2) var(--s-space-4);
}

.sc-shell[b-2id3egp7v5]  .sc-grid-panel .dxbl-grid-toolbar-container {
    border: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid {
    width: 100%;
    min-height: 0;
    border: 0;
    background: var(--s-color-card, var(--s-color-surface));
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid .dxbl-grid-table {
    font-size: var(--datatable-row-font-size, var(--sc-table-font-size));
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid .dxbl-grid-header-row > th,
.sc-shell[b-2id3egp7v5]  .sc-stock-grid .dxbl-grid-header-row > td {
    border-color: var(--sc-grid-cell-border-color);
    background: var(--sc-grid-header-background);
    color: var(--s-color-body-text);
    font-size: var(--sc-grid-label-font-size);
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid .dxbl-grid-table td {
    border-color: var(--sc-panel-frame-color);
    color: var(--s-color-body-text);
    font-size: var(--datatable-row-font-size, var(--sc-table-font-size));
    font-weight: var(--s-font-weight-bold, 700);
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid .sc-grid-zebra-row > td {
    background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card, var(--s-color-surface))));
}

.sc-shell[b-2id3egp7v5]  .sc-stock-grid .dxbl-grid-table tbody tr:hover > td {
    background: var(--s-color-datatable-hover, color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface))));
}

.sc-shell[b-2id3egp7v5]  .sc-grid-empty {
    display: grid;
    min-height: 8rem;
    place-items: center;
    color: var(--s-color-muted-foreground);
    font-weight: var(--s-font-weight-semibold, 600);
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-collapse-button i {
    line-height: 1;
}

.sc-shell[b-2id3egp7v5]  .sc-recipe-lines-summary {
    display: grid;
    gap: var(--s-space-1);
    min-width: 0;
}

.sc-shell[b-2id3egp7v5]  .sc-recipe-lines-summary > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1280px) {
    .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .sc-shell[b-2id3egp7v5]  .sc-header-main {
        position: relative;
    }

    .sc-shell[b-2id3egp7v5]  .sc-theme-controls {
        position: static;
        padding: .1rem;
        margin-left: auto;
    }

    .sc-shell[b-2id3egp7v5]  .sc-critical-strip {
        padding-right: var(--s-space-2);
    }

    .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field {
        grid-template-columns: 1fr;
        gap: var(--s-space-1);
    }

    .sc-shell[b-2id3egp7v5]  .sc-workspace.sc-workspace-splitter {
        overflow-x: auto;
    }

    .sc-shell[b-2id3egp7v5]  .sc-workspace-content-pane {
        min-width: min(42rem, 100%);
    }
}

/* Zebra rows for two-column stock field grids.
   The component marks both cells in the same visual row with the same class. */
.sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field,
.sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field {
    background: var(--s-color-card, var(--s-color-surface));
}

body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field.sc-field-row-striped,
body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field.sc-field-row-striped {
    background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card, var(--s-color-surface))));
}

body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field:hover,
body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field:hover {
    background: var(--s-color-datatable-hover, color-mix(in srgb, var(--s-color-primary) 7%, var(--s-color-card, var(--s-color-surface))));
}

@media (max-width: 1280px) {
    body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field,
    body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field {
        background: var(--s-color-card, var(--s-color-surface));
    }

    body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-business-content .sc-field:nth-child(even),
    body.s-datatable-striped .sc-shell[b-2id3egp7v5]  .sc-report-content .sc-field:nth-child(even) {
        background: var(--s-color-table-striped-row, color-mix(in srgb, var(--s-color-primary) 5%, var(--s-color-card, var(--s-color-surface))));
    }
}
/* /Pages/Stocks/StockCardDetail/StockCardDetail.razor.rz.scp.css */
.stock-card-detail-page[b-5jvh745l1c] {
    color: var(--s-color-body-text);
}

.sc-tab-content[b-5jvh745l1c] {
    min-width: 0;
}
/* /Pages/Ticket/Designer/Components/LabelDesignerResetDialog.razor.rz.scp.css */
.ticket-designer-reset-overlay[b-jtm1h3z26q] {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .58);
}

.ticket-designer-reset-dialog[b-jtm1h3z26q] {
    width: min(420px, 100%);
    background: var(--s-color-white, #fff);
    color: var(--s-color-body-text, #172033);
    border-radius: var(--s-border-radius-default, 8px);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .24);
    overflow: hidden;
}

.ticket-designer-reset-dialog__header[b-jtm1h3z26q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--s-color-border, #d8dee8);
    background: var(--s-color-white, #fff);
    color: var(--s-color-body-text, #172033);
}

.ticket-designer-reset-dialog__header h2[b-jtm1h3z26q] {
    margin: 0;
    font-size: var(--s-font-size-16, 16px);
    font-weight: var(--s-font-weight-semibold, 600);
}

.ticket-designer-reset-dialog__close[b-jtm1h3z26q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: var(--s-border-radius-small, 6px);
    background: transparent;
    color: var(--s-color-muted-foreground, #667085);
    cursor: pointer;
}

.ticket-designer-reset-dialog__body[b-jtm1h3z26q] {
    padding: 18px;
    background: var(--s-color-white, #fff);
}

.ticket-designer-reset-dialog__body p[b-jtm1h3z26q] {
    margin: 0;
    color: var(--s-color-body-text, #172033);
    font-size: var(--s-font-size-14, 14px);
    line-height: 1.5;
}

.ticket-designer-reset-dialog__actions[b-jtm1h3z26q] {
    display: flex;
    justify-content: flex-end;
    gap: var(--s-space-8, 8px);
    padding: 0 18px 18px;
    background: var(--s-color-white, #fff);
}
/* /Pages/Ticket/Designer/Components/LabelDesignerToolbar.razor.rz.scp.css */
.ticket-designer-toolbar[b-uz1nq7c3wg] {
    --ticket-designer-action-height: 30px;
    --ticket-designer-main-action-width: 132px;
    --ticket-designer-reset-action-width: 76px;
    --ticket-designer-format-width: 108px;

    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto minmax(520px, 1fr);
    align-items: start;
    gap: var(--s-space-16, 16px);
    min-height: 52px;
    padding: var(--s-space-8, 8px) var(--s-space-20, 20px);
    border-bottom: 1px solid var(--s-color-border, #d8dee8);
    background: var(--s-color-white, #fff);
}

.ticket-designer-toolbar__identity[b-uz1nq7c3wg] {
    display: flex;
    align-items: center;
    gap: var(--s-space-12, 12px);
    min-width: 120px;
}

.ticket-designer-title[b-uz1nq7c3wg] {
    justify-self: center;
    margin: 0;
    padding-top: 0;
    color: var(--s-color-body-text, #172033);
    font-size: var(--s-font-size-16, 16px);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: var(--ticket-designer-action-height);
    text-align: center;
    white-space: nowrap;
}

.ticket-designer-toolbar__actions[b-uz1nq7c3wg] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--s-space-8, 8px);
    flex-wrap: wrap;
}

.ticket-designer-export-cluster[b-uz1nq7c3wg] {
    display: inline-flex;
    align-items: stretch;
    height: var(--ticket-designer-action-height);
    box-sizing: border-box;
}

.ticket-designer-action-button[b-uz1nq7c3wg] {
    box-sizing: border-box;
    appearance: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-6, 6px);
    width: var(--ticket-designer-main-action-width);
    height: var(--ticket-designer-action-height);
    min-height: var(--ticket-designer-action-height);
    margin: 0;
    padding: 0 var(--s-space-10, 10px);
    border: 1px solid transparent;
    border-radius: var(--s-border-radius-small, 6px);
    color: var(--s-color-white, #fff);
    cursor: pointer;
    font-size: var(--s-font-size-12, 12px);
    font-weight: var(--s-font-weight-semibold, 600);
    line-height: 1;
    white-space: nowrap;
}

.ticket-designer-action-button--export[b-uz1nq7c3wg] {
    background: var(--s-color-primary, #2563eb);
    border-color: var(--s-color-primary, #2563eb);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 8px rgba(37, 99, 235, .16);
}

.ticket-designer-action-button--back[b-uz1nq7c3wg] {
    width: var(--ticket-designer-reset-action-width);
    background: var(--s-color-surface-muted, #eef2f7);
    border-color: var(--s-color-border, #d8dee8);
    color: var(--s-color-body-text, #172033);
}

.ticket-designer-action-button--import[b-uz1nq7c3wg] {
    background: var(--s-color-success, #16a34a);
    border-color: var(--s-color-success, #16a34a);
    box-shadow: 0 3px 8px rgba(22, 163, 74, .16);
}

.ticket-designer-action-button--save[b-uz1nq7c3wg] {
    background: var(--s-color-success, #16a34a);
    border-color: var(--s-color-success, #16a34a);
    color: var(--s-color-success-foreground, #fff);
    box-shadow: 0 3px 8px rgba(22, 163, 74, .16);
}

.ticket-designer-action-button--reset[b-uz1nq7c3wg] {
    width: var(--ticket-designer-reset-action-width);
    background: var(--s-color-danger, #dc2626);
    border-color: var(--s-color-danger, #dc2626);
    box-shadow: 0 3px 8px rgba(220, 38, 38, .14);
}

.ticket-designer-action-button:disabled[b-uz1nq7c3wg],
.ticket-designer-action-button.is-disabled[b-uz1nq7c3wg] {
    cursor: default;
    opacity: .65;
}

.ticket-designer-file-input[b-uz1nq7c3wg],
[b-uz1nq7c3wg](.ticket-designer-file-input) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.ticket-designer-format-group[b-uz1nq7c3wg] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 0;
    width: var(--ticket-designer-format-width);
    height: var(--ticket-designer-action-height);
    min-height: var(--ticket-designer-action-height);
    padding: 2px;
    border: 1px solid var(--s-color-primary, #2563eb);
    border-left: 0;
    border-radius: 0 var(--s-border-radius-small, 6px) var(--s-border-radius-small, 6px) 0;
    background: color-mix(in srgb, var(--s-color-primary, #2563eb) 6%, var(--s-color-white, #fff));
}

.ticket-designer-format-option[b-uz1nq7c3wg] {
    box-sizing: border-box;
    appearance: none;
    flex: 1 1 0;
    width: 50%;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--s-color-primary, #2563eb);
    font-size: var(--s-font-size-12, 12px);
    font-weight: var(--s-font-weight-medium, 500);
    cursor: pointer;
}

@media (max-width: 980px) {
    .ticket-designer-toolbar[b-uz1nq7c3wg] {
        grid-template-columns: auto 1fr;
    }

    .ticket-designer-title[b-uz1nq7c3wg] {
        order: 3;
        grid-column: 1 / -1;
    }

    .ticket-designer-toolbar__actions[b-uz1nq7c3wg] {
        justify-content: flex-end;
    }
}

.ticket-designer-format-option.is-selected[b-uz1nq7c3wg] {
    background: var(--s-color-primary, #2563eb);
    color: var(--s-color-primary-foreground, #fff);
    box-shadow: 0 1px 4px rgba(15, 23, 42, .12);
}

.ticket-designer-format-option:disabled[b-uz1nq7c3wg] {
    cursor: default;
    opacity: .65;
}
/* /Pages/Ticket/Designer/LabelReportDesigner.razor.rz.scp.css */
.ticket-designer-page[b-vinhgnbeev] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 0;
    overflow: hidden;
    background: var(--s-color-surface, #fff);
    color: var(--s-color-body-text, #172033);
}

.ticket-designer-toast-host[b-vinhgnbeev] {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 2147483200;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(360px, calc(100vw - 36px));
    pointer-events: none;
}

.ticket-designer-toast[b-vinhgnbeev] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--s-color-border, #d8dee8);
    border-radius: var(--s-border-radius-default, 8px);
    background: var(--s-color-white, #fff);
    color: var(--s-color-body-text, #172033);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .18);
}

.ticket-designer-toast strong[b-vinhgnbeev] {
    font-size: var(--s-font-size-14, 14px);
    font-weight: var(--s-font-weight-semibold, 600);
}

.ticket-designer-toast span[b-vinhgnbeev] {
    font-size: var(--s-font-size-13, 13px);
    line-height: 1.45;
}

.ticket-designer-toast--success[b-vinhgnbeev] {
    border-left: 4px solid var(--s-color-success, #16a34a);
}

.ticket-designer-toast--danger[b-vinhgnbeev] {
    border-left: 4px solid var(--s-color-danger, #dc2626);
}

.ticket-designer-surface[b-vinhgnbeev] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ticket-designer-loading[b-vinhgnbeev] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s-space-10, 10px);
    background: color-mix(in srgb, var(--s-color-white, #fff) 72%, transparent);
    color: var(--s-color-body-text, #172033);
    font-size: var(--s-font-size-14, 14px);
    font-weight: var(--s-font-weight-medium, 500);
}

.ticket-designer-spinner[b-vinhgnbeev] {
    width: 24px;
    height: 24px;
    border: 3px solid color-mix(in srgb, var(--s-color-primary, #2563eb) 18%, transparent);
    border-top-color: var(--s-color-primary, #2563eb);
    border-radius: 50%;
    animation: ticket-designer-spin-b-vinhgnbeev .8s linear infinite;
}

@keyframes ticket-designer-spin-b-vinhgnbeev {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Ticket/Print/LabelDesignEditModal.razor.rz.scp.css */
[b-kb1v29v0zf](.label-design-modal-body) {
    padding: 14px 16px 0;
}

.label-design-edit[b-kb1v29v0zf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-row[b-kb1v29v0zf] {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    font-size: 12px;
}

.edit-row label[b-kb1v29v0zf],
.check-line[b-kb1v29v0zf] {
    color: var(--s-text, #1f2937);
}

.file-picker[b-kb1v29v0zf],
.printer-picker[b-kb1v29v0zf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 140px;
    align-items: center;
    gap: 8px;
}

.file-name-input[b-kb1v29v0zf],
.printer-select[b-kb1v29v0zf] {
    min-width: 0;
}

.file-select-button[b-kb1v29v0zf],
.list-printers-button[b-kb1v29v0zf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    min-height: 28px;
    width: 140px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    box-sizing: border-box;
}

[b-kb1v29v0zf](.hidden-file) {
    display: none;
}

.file-selected-text[b-kb1v29v0zf] {
    margin-left: 114px;
    color: var(--s-text-muted, #6b7280);
    font-size: 11px;
    display: none;
}

.check-line[b-kb1v29v0zf] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 114px;
    font-size: 12px;
}

.label-design-modal-actions[b-kb1v29v0zf] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin: 14px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid var(--s-border, #d9dde3);
    background: transparent;
}

[b-kb1v29v0zf](.label-design-button-warning) {
    color: #fff;
    border-color: #f59e0b;
    background-color: #f59e0b;
}

[b-kb1v29v0zf](.label-design-button-warning:hover) {
    border-color: #d97706;
    background-color: #d97706;
}
/* /Pages/Ticket/Print/LabelPrintPage.razor.rz.scp.css */
.label-print-page[b-0jioj06m81] {
    display: grid;
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
    min-height: calc(100vh - 72px);
    background: var(--s-surface, #f4f6f8);
    color: var(--s-text, #1f2933);
}

.label-print-sidebar[b-0jioj06m81] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-right: 1px solid var(--s-border, #d9dde3);
    background: var(--s-surface-muted, #eef1f4);
}

.label-print-panel[b-0jioj06m81] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--s-border, #d9dde3);
    border-radius: 6px;
    background: var(--s-surface, #fff);
}

.form-row[b-0jioj06m81] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    font-size: var(--datatable-row-font-size, 12px);
}

.form-row label[b-0jioj06m81],
.check-row label[b-0jioj06m81],
.grid-toolbar label[b-0jioj06m81] {
    margin: 0;
    font-weight: 500;
}

.s-input[b-0jioj06m81] {
    width: 100%;
    min-height: 28px;
    padding: 3px 6px;
    border: 1px solid var(--s-border, #cfd5dd);
    border-radius: 4px;
    background: var(--s-input-background, #fff);
    color: inherit;
    font-size: var(--datatable-row-font-size, 12px);
}

.s-input:disabled[b-0jioj06m81] {
    background-color: var(--s-surface-muted, #e2e8f0) !important;
    color: var(--s-muted-text, #94a3b8) !important;
    cursor: not-allowed;
    border-color: var(--s-border, #cbd5e1);
}

.input-with-action[b-0jioj06m81] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 4px;
}

.icon-btn[b-0jioj06m81] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 28px;
    border: 1px solid var(--s-border, #cfd5dd);
    border-radius: 4px;
    background: var(--s-button-background, #fff);
    color: inherit;
}

.icon-btn:disabled[b-0jioj06m81] {
    background-color: var(--s-surface-muted, #e2e8f0) !important;
    color: var(--s-muted-text, #94a3b8) !important;
    cursor: not-allowed;
    opacity: .58;
}

.icon-btn:hover:not(:disabled)[b-0jioj06m81] {
    background: var(--s-hover, #edf3ff);
}

.s-btn[b-0jioj06m81] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid var(--s-border, #cfd5dd);
    border-radius: 6px;
    background: var(--s-button-background, #fff);
    color: inherit;
    font-size: var(--datatable-row-font-size, 12px);
    font-weight: 600;
}

.s-btn.primary[b-0jioj06m81] {
    border-color: var(--s-primary, #276ef1);
    background: var(--s-primary, #276ef1);
    color: #fff;
}

.s-btn.secondary:hover:not(:disabled)[b-0jioj06m81] {
    background: var(--s-hover, #edf3ff);
}

.s-btn:disabled[b-0jioj06m81] {
    opacity: .58;
}

.s-btn.full[b-0jioj06m81] {
    width: 100%;
}

.button-grid[b-0jioj06m81],
.label-print-actions[b-0jioj06m81] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.check-row[b-0jioj06m81] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 0 2px;
    font-size: var(--datatable-row-font-size, 12px);
}

.label-print-keys[b-0jioj06m81] {
    min-height: 0;
    padding: 10px;
    border: 1px solid var(--s-border, #d9dde3);
    border-radius: 6px;
    background: var(--s-surface, #fff);
}

.keys-title[b-0jioj06m81] {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 12px;
}

.keys-list[b-0jioj06m81] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 150px;
    overflow: auto;
}

.keys-list span[b-0jioj06m81] {
    padding: 3px 6px;
    border: 1px solid var(--s-border, #d9dde3);
    border-radius: 4px;
    background: var(--s-surface-muted, #f4f6f8);
    font-family: Consolas, monospace;
    font-size: 11px;
}

.label-print-content[b-0jioj06m81] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.grid-toolbar[b-0jioj06m81] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 38px;
    padding: 4px 10px;
    border-bottom: 1px solid var(--s-border, #d9dde3);
    background: var(--s-surface, #fff);
    font-size: var(--datatable-row-font-size, 12px);
}

.stock-grid-shell[b-0jioj06m81] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #fff;
}

.stock-grid[b-0jioj06m81] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--datatable-row-font-size, 12px);
}

.stock-grid th[b-0jioj06m81],
.stock-grid td[b-0jioj06m81] {
    height: 32px;
    padding: 4px 8px;
    border-bottom: 1px solid var(--s-border, #e2e6eb);
    border-right: 1px solid var(--s-border, #e2e6eb);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-grid th:last-child[b-0jioj06m81],
.stock-grid td:last-child[b-0jioj06m81] {
    border-right: none;
}

.stock-grid th[b-0jioj06m81] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--s-surface-muted, #f4f6f8);
    text-align: left;
}

.grid-row-clickable[b-0jioj06m81] {
    cursor: pointer;
    user-select: none;
}

.grid-row-clickable:hover[b-0jioj06m81] {
    background-color: var(--s-hover, #edf3ff);
}

.select-column[b-0jioj06m81] {
    width: 36px;
    text-align: center;
}

.quantity-column[b-0jioj06m81] {
    width: 72px;
    text-align: center;
}

.barcode-column[b-0jioj06m81] {
    width: 110px;
}

.code-column[b-0jioj06m81] {
    width: 95px;
}

.name-column[b-0jioj06m81] {
    width: auto;
}

.unit-column[b-0jioj06m81] {
    width: 75px;
}

.price-column[b-0jioj06m81] {
    width: 85px;
}

.currency-column[b-0jioj06m81] {
    width: 110px;
}

.quantity-input[b-0jioj06m81] {
    width: 44px;
    min-height: 24px;
    padding: 2px 4px;
    border: 1px solid var(--s-border, #cfd5dd);
    border-radius: 4px;
    text-align: center;
    margin: 0 auto;
}

.empty-row[b-0jioj06m81] {
    color: var(--s-muted-text, #687384);
    text-align: center;
}

.connector-warning[b-0jioj06m81] {
    padding: 8px;
    border: 1px solid var(--s-warning, #d97706);
    border-radius: 4px;
    color: var(--s-warning, #d97706);
    font-size: var(--datatable-row-font-size, 12px);
    font-weight: 600;
}

@media (max-width: 900px) {
    .label-print-page[b-0jioj06m81] {
        grid-template-columns: 1fr;
    }

    .label-print-sidebar[b-0jioj06m81] {
        border-right: 0;
        border-bottom: 1px solid var(--s-border, #d9dde3);
    }
}
/* /Pages/Ticket/Print/LabelPrintStockSelectionModal.razor.rz.scp.css */
:global(.stock-selection-popup.dxbl-popup .dxbl-popup-dialog)[b-0ama297kuy] {
    max-height: 85dvh !important;
    overflow: hidden !important;
}

:global(.stock-selection-popup .dxbl-popup-content)[b-0ama297kuy] {
    max-height: 85dvh !important;
    overflow: hidden !important;
}

:global(.stock-selection-modal-body.dxbl-popup-body)[b-0ama297kuy] {
    padding: 0 !important;
    overflow: hidden !important;
}

.stock-selection-modal[b-0ama297kuy] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    height: 720px;
    max-height: calc(85dvh - 56px);
    min-height: 0;
    overflow: hidden;
    padding: 12px;
    box-sizing: border-box;
    background: var(--s-color-card, #fff);
}

.stock-selection-filters[b-0ama297kuy] {
    display: grid;
    grid-template-columns: 180px minmax(260px, 1fr) 126px;
    gap: 8px;
    align-items: end;
    min-height: 0;
}

.search-type-row[b-0ama297kuy],
.search-value-row[b-0ama297kuy] {
    min-width: 0;
}

.modal-form-row[b-0ama297kuy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--datatable-row-font-size, 12px);
}

.stock-selection-list-button[b-0ama297kuy] {
    width: 126px;
    min-height: 34px;
}

.modal-grid-toolbar[b-0ama297kuy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    font-size: var(--datatable-row-font-size, 12px);
}

.stock-selection-grid-shell[b-0ama297kuy] {
    position: relative;
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--s-color-border, #d9dde3);
    background: var(--s-color-card, #fff);
}

.stock-selection-grid[b-0ama297kuy] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: var(--datatable-row-font-size, 12px);
}

.stock-selection-grid th[b-0ama297kuy],
.stock-selection-grid td[b-0ama297kuy] {
    height: 32px;
    padding: 4px 8px;
    border-bottom: 1px solid var(--s-color-border, #e2e6eb);
    border-right: 1px solid var(--s-color-border, #e2e6eb);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-selection-grid th:last-child[b-0ama297kuy],
.stock-selection-grid td:last-child[b-0ama297kuy] {
    border-right: none;
}

.stock-selection-grid th[b-0ama297kuy] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--s-color-table-header, var(--s-color-muted, #f4f6f8));
    color: var(--s-color-body-text, #111827);
    text-align: left;
}

.grid-row-clickable[b-0ama297kuy] {
    cursor: pointer;
    user-select: none;
}

.grid-row-clickable:hover[b-0ama297kuy] {
    background-color: var(--s-color-table-row-hover, #edf3ff);
}

.select-column[b-0ama297kuy] {
    width: 36px;
    text-align: center;
}

.modal-barcode-column[b-0ama297kuy] {
    width: 110px;
}

.modal-code-column[b-0ama297kuy] {
    width: 95px;
}

.modal-name-column[b-0ama297kuy] {
    width: auto;
}

.modal-unit-column[b-0ama297kuy] {
    width: 50px;
}

.modal-price-column[b-0ama297kuy] {
    width: 65px;
}

.modal-date-column[b-0ama297kuy] {
    width: 115px;
}

.modal-group-column[b-0ama297kuy] {
    width: 120px;
}

.empty-row[b-0ama297kuy] {
    height: 72px;
    color: var(--s-color-muted-foreground, #64748b);
    text-align: center;
}

.stock-selection-footer[b-0ama297kuy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-height: 60px;
    padding-top: 12px;
    border-top: 1px solid var(--s-color-border, #d9dde3);
    background: var(--s-color-card, #fff);
}

.stock-selection-footer-button[b-0ama297kuy],
[b-0ama297kuy] .stock-selection-footer-button.dxbl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 38px;
    padding-inline: 18px;
    font-weight: 600;
}

[b-0ama297kuy] .stock-selection-footer-button .dxbl-btn-caption {
    line-height: 1.2;
}

[b-0ama297kuy] .stock-selection-list-button.dxbl-btn {
    width: 126px;
    min-height: 34px;
    font-weight: 700;
}

.stock-selection-loading[b-0ama297kuy] {
    position: absolute;
    inset: 36px 0 0;
    z-index: 2;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--s-color-card, #fff) 72%, transparent);
}

.stock-selection-spinner[b-0ama297kuy] {
    width: 34px;
    height: 34px;
    border: 3px solid var(--s-color-border, #d9dde3);
    border-top-color: var(--s-color-primary, #276ef1);
    border-radius: 50%;
    animation: stock-selection-spin-b-0ama297kuy .8s linear infinite;
}

@keyframes stock-selection-spin-b-0ama297kuy {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Users/ProfileErpSettings.razor.rz.scp.css */
.profile-erp-page-wrapper[b-iyhbl510lk] {
    display: flex;
    flex-direction: column;
    max-width: 1180px;
    width: 100%;
    margin-inline: auto;
    gap: var(--s-space-16);
    padding: var(--s-space-32) var(--s-space-24);
    margin-bottom: var(--s-space-32);
}

.profile-erp-header[b-iyhbl510lk] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-4);
    padding-inline: var(--s-space-16);
}

@media (max-width: 768px) {
    .profile-erp-page-wrapper[b-iyhbl510lk] {
        padding: var(--s-space-20) var(--s-space-12);
    }
}
/* /Pages/Users/Templates/UserSettingsAuthorizationViewAuthorizationCellTemplate.razor.rz.scp.css */
.user-settings-auth-permission[b-t2qcia341h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.user-settings-auth-permission--allow[b-t2qcia341h] {
    color: var(--bs-success);
    background: rgba(var(--bs-success-rgb), 0.12);
    border: 1px solid rgba(var(--bs-success-rgb), 0.25);
}

.user-settings-auth-permission--deny[b-t2qcia341h] {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), 0.12);
    border: 1px solid rgba(var(--bs-danger-rgb), 0.25);
}

.user-settings-auth-list-cell[b-t2qcia341h] {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
}

.user-settings-auth-boolean[b-t2qcia341h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    min-height: 1.5rem;
}

.user-settings-auth-boolean__checkbox[b-t2qcia341h] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    pointer-events: none;
    opacity: 1;
}

.user-settings-auth-list-cell__button[b-t2qcia341h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    min-width: 0;
    padding: 0.15rem 0.45rem;
    color: var(--s-color-body-text);
    background: var(--s-color-surface);
    border: 1px solid var(--s-color-border);
    border-radius: 6px;
    line-height: 1.25;
}

.user-settings-auth-list-cell__button:hover[b-t2qcia341h],
.user-settings-auth-list-cell__button:focus[b-t2qcia341h] {
    border-color: var(--s-color-primary);
    color: var(--s-color-primary);
}

.user-settings-auth-list-cell__preview[b-t2qcia341h] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-settings-auth-list-cell__count[b-t2qcia341h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 1.35rem;
    height: 1.2rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    color: var(--s-color-primary, var(--bs-primary));
    background: var(--s-color-primary-soft, rgba(var(--bs-primary-rgb), 0.12));
    font-size: 0.72rem;
    font-weight: 700;
}

[b-t2qcia341h](.user-settings-auth-list-cell__popover) {
    color: var(--s-color-body-text);
}

.user-settings-auth-list-cell__items[b-t2qcia341h] {
    display: grid;
    gap: 0.3rem;
    max-height: 260px;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-settings-auth-list-cell__items li[b-t2qcia341h] {
    padding: 0.25rem 0.35rem;
    border-bottom: 1px solid var(--s-color-border);
    word-break: break-word;
}

.user-settings-auth-list-cell__items li:last-child[b-t2qcia341h] {
    border-bottom: 0;
}

.user-settings-auth-empty[b-t2qcia341h] {
    color: var(--s-color-muted-foreground);
}
/* /Pages/WatManagment/WatExpenses/Templates/WatExpenseImageCellTemplate.razor.rz.scp.css */
/* /Shared/AccessDenied.razor.rz.scp.css */
.access-denied[b-yrlvyqwow1] {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--s-space-12);
    padding: var(--s-space-32);
}

.access-denied-icon[b-yrlvyqwow1] {
    width: var(--s-space-96);
    height: var(--s-space-96);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--s-color-muted);
    color: var(--s-color-muted-foreground);
}

.access-denied-icon svg[b-yrlvyqwow1] {
    width: var(--s-space-44);
    height: var(--s-space-44);
}

.access-denied-title[b-yrlvyqwow1] {
    margin: 0;
}

.access-denied-description[b-yrlvyqwow1] {
    margin: 0;
    max-width: calc(var(--rem-scale) * 48rem);
}

.access-denied-action[b-yrlvyqwow1] {
    margin-top: var(--s-space-8);
}
/* /Shared/AysLicenseBanner.razor.rz.scp.css */
.s-ays-license-banner[b-uwoxwihzdp] {
    padding: var(--s-space-12) var(--s-space-20);
    border-radius: var(--s-border-radius, 6px);
    margin-bottom: var(--s-space-12);
    font-weight: 500;
    border: 1px solid transparent;
}

.s-ays-license-banner--warning[b-uwoxwihzdp] {
    background: color-mix(in srgb, var(--s-color-warning) 12%, transparent);
    border-color: color-mix(in srgb, var(--s-color-warning) 40%, transparent);
    color: var(--s-color-warning);
}

.s-ays-license-banner--danger[b-uwoxwihzdp] {
    background: color-mix(in srgb, var(--s-color-danger) 12%, transparent);
    border-color: color-mix(in srgb, var(--s-color-danger) 40%, transparent);
    color: var(--s-color-danger);
}

.s-ays-license-banner[b-uwoxwihzdp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-space-16);
}

.s-ays-license-banner-link[b-uwoxwihzdp] {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}
/* /Shared/GlobalSearchModal.razor.rz.scp.css */
.global-search-modal-header[b-xwvlotpp08] {
    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-xwvlotpp08] {
    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-xwvlotpp08] {
    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-xwvlotpp08] {
    width: calc(var(--rem-scale) * 2rem);
    color: var(--s-color-muted-foreground);
    height: calc(var(--rem-scale) * 2rem);
}

.global-search-modal-content[b-xwvlotpp08] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: calc(var(--rem-scale) * 29rem)
}

.global-search-modal-item[b-xwvlotpp08] {
    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-xwvlotpp08] {
    background-color: var(--s-color-sidebar-accent);
    color: var(--s-color-sidebar-accent-foreground);
}

.global-search-modal-item svg[b-xwvlotpp08] {
    color: var(--s-color-muted-foreground);
}

.global-search-modal-item span[b-xwvlotpp08] {
    flex: 1;
}

.global-search-modal-item strong[b-xwvlotpp08] {
    font-weight: var(--s-font-weight-medium);
    color: var(--s-color-body-text);
}

.global-search-modal-item .lucide-arrow-right-icon[b-xwvlotpp08] {
    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-xwvlotpp08] {
    opacity: 1;
    transform: translateX(2px);
}

.global-search-no-results[b-xwvlotpp08] {
    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-xwvlotpp08] {
    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-j4so9obu5n] {
    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-j4so9obu5n] {
    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-j4so9obu5n] {
    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-j4so9obu5n] {
    font-size: 1.1rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 350px) {
    .title[b-j4so9obu5n] {
        font-size: inherit;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-ia1d32viwb] {
    height: 100%;
    overflow: hidden;
    background-color: inherit;
}
[b-ia1d32viwb] .page-layout,
[b-ia1d32viwb] .page-layout > .dxbl-gridlayout-root,
[b-ia1d32viwb] .layout-item {
    background-color: var(--bs-body-bg, var(--dxbl-body-bg, #fff));
}

[b-ia1d32viwb] .content {
    padding: 1.1rem 2rem 0 2rem;
    overflow: auto;
}

@media (max-width: 1199.98px) {
    [b-ia1d32viwb] .page-layout > .dxbl-gridlayout-root {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

[b-ia1d32viwb] .fit-width {
    max-width: 100%;
}

[b-ia1d32viwb] .mw-1100 {
    max-width: 1100px;
}
/* /Shared/Notifications/Index.razor.rz.scp.css */
.notifications-page[b-n7xi3057kj] {
    font-family: var(--s-font-family-body);
    color: var(--s-color-foreground);
}

.notification-card[b-n7xi3057kj] {
    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-n7xi3057kj] {
    background-color: #171717;
    border-color: #262626;
}

.notification-list-item[b-n7xi3057kj] {
    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-n7xi3057kj] {
    border-bottom: 0;
}

.notification-list-item:hover[b-n7xi3057kj] {
    background-color: var(--s-color-sidebar-accent);
}

.notification-list-item.unread[b-n7xi3057kj] {
    background-color: var(--s-color-surface);
}

.notification-title[b-n7xi3057kj] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--s-color-foreground);
    margin-bottom: 0.25rem;
}

.notification-body[b-n7xi3057kj] {
    font-size: 0.9rem;
    color: var(--s-color-muted-foreground);
}

.notification-meta[b-n7xi3057kj] {
    font-size: 0.8rem;
    color: var(--s-color-muted-foreground);
}

.page-header h4[b-n7xi3057kj] {
    font-family: var(--s-font-family-heading);
    color: var(--s-color-foreground);
    font-weight: 600;
}

.badge-new[b-n7xi3057kj] {
    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-n7xi3057kj] {
    border: 1px solid var(--s-color-primary);
    color: var(--s-color-primary);
    background-color: transparent;
    transition: all 0.2s;
}

.btn-theme-outline:hover[b-n7xi3057kj] {
    background-color: var(--s-color-primary);
    color: var(--s-color-primary-foreground);
}

.pagination .page-link[b-n7xi3057kj] {
    color: var(--s-color-primary);
    background-color: var(--s-color-white);
    border-color: var(--s-color-border);
}

.pagination .page-item.active .page-link[b-n7xi3057kj] {
    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-n7xi3057kj] {
    background-color: #171717;
    border-color: #262626;
}
/* /Shared/Notifications/NotificationBell.razor.rz.scp.css */
.notification-drawer[b-qj7j9c07cu] {
    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-qj7j9c07cu] {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

[data-theme='dark'] .notification-drawer[b-qj7j9c07cu] {
    background-color: #171717;
    border-color: #262626;
}

.notification-drawer-close[b-qj7j9c07cu] {
    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-qj7j9c07cu] {
    background-color: var(--s-color-accent);
}

.notification-item[b-qj7j9c07cu] {
    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-qj7j9c07cu] {
    margin-bottom: 0;
}

.notification-item:hover[b-qj7j9c07cu] {
    background-color: var(--s-color-sidebar-accent);
}

.notification-item.unread[b-qj7j9c07cu] {
    background-color: var(--s-color-surface);
}

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

.notification-content[b-qj7j9c07cu] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s-space-2);
}

.notification-title[b-qj7j9c07cu] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--s-color-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-body[b-qj7j9c07cu] {
    font-size: 0.8125rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-time[b-qj7j9c07cu] {
    font-size: 0.7rem;
    color: var(--s-color-muted-foreground);
    white-space: nowrap;
}

.notification-footer[b-qj7j9c07cu] {
    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-qj7j9c07cu] {
    margin-bottom: var(--s-space-8);
    padding-bottom: var(--s-space-4);
    border-bottom: 1px solid var(--s-color-border);
}
/* /Shared/StockPicker/StockAttributeFilterRail.razor.rz.scp.css */
.stock-filter-rail[b-pwzpj491sd] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: 15rem;
    min-height: 0;
    border-right: 1px solid var(--s-color-border, #dee2e6);
    background: var(--s-color-card, #fff);
    transition: width .12s ease;
}

.stock-filter-rail.is-collapsed[b-pwzpj491sd] {
    width: 2.5rem;
}

.stock-filter-rail-header[b-pwzpj491sd] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    border-bottom: 1px solid var(--s-color-border, #dee2e6);
}

.stock-filter-rail-title[b-pwzpj491sd] {
    flex: 1 1 auto;
    font-size: .8rem;
    font-weight: 600;
}

.stock-filter-rail-toggle[b-pwzpj491sd],
.stock-filter-rail-clear[b-pwzpj491sd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 .35rem;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: inherit;
    font-size: .75rem;
    cursor: pointer;
}

.stock-filter-rail-toggle:hover[b-pwzpj491sd],
.stock-filter-rail-clear:hover[b-pwzpj491sd] {
    background: color-mix(in srgb, var(--s-color-primary, #0d6efd) 14%, transparent);
    color: var(--s-color-primary, #0d6efd);
}

.stock-filter-rail-body[b-pwzpj491sd] {
    display: grid;
    align-content: start;
    gap: .5rem;
    padding: .5rem;
    overflow: auto;
    min-height: 0;
}

.stock-filter-rail-item[b-pwzpj491sd] {
    display: grid;
    gap: .2rem;
}

.stock-filter-rail-label[b-pwzpj491sd] {
    color: var(--s-color-text-muted, #6c757d);
    font-size: .7rem;
    font-weight: 500;
}

.stock-filter-rail-item.is-active .stock-filter-rail-label[b-pwzpj491sd] {
    color: var(--s-color-primary, #0d6efd);
}

@media (max-width: 900px) {
    .stock-filter-rail[b-pwzpj491sd] {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid var(--s-color-border, #dee2e6);
    }

    .stock-filter-rail.is-collapsed[b-pwzpj491sd] {
        width: 100%;
    }
}
/* /Shared/ThemeEditor.razor.rz.scp.css */
.theme-options[b-12ipxq0wia] {
    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: var(--s-color-card);
    color: var(--s-color-body-text);
    border: 1px solid var(--s-color-border);
    padding: var(--s-space-16);
    max-height: calc(100vh - calc(var(--rem-scale) * 6.5rem));
    overflow: auto;
    z-index: 100;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);

    /* 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-12ipxq0wia] {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.theme-options *[b-12ipxq0wia] {
    color: inherit;
}

.theme-options-close[b-12ipxq0wia] {
    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-card);
    color: var(--s-color-body-text);
    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-12ipxq0wia] {
    background-color: var(--s-color-secondary-hover);
}

.theme-options-header[b-12ipxq0wia] {
    margin-bottom: var(--s-space-16);
}

.theme-option[b-12ipxq0wia] {
    display: flex;
    flex-direction: column;
    gap: var(--s-space-8);
    margin-bottom: var(--s-space-16);
}

.theme-option-sidebar[b-12ipxq0wia] {
    display: none;
}


.sidebar-colors[b-12ipxq0wia] {
    display: flex;
    gap: var(--s-space-8);
}

.sidebar-color-item[b-12ipxq0wia] {
    flex: 1;
}

.sidebar-color-label[b-12ipxq0wia] {
    display: block;
    margin-bottom: var(--s-space-4);
    color: var(--s-color-muted-foreground);
}

.color-picker[b-12ipxq0wia] {
    width: 100%;
    height: calc(var(--rem-scale) * 3rem);

    border: 1px solid var(--s-color-border);
    cursor: pointer;
}

.theme-editor-buttons[b-12ipxq0wia] {
    display: flex;
    flex-direction: row;
    gap: var(--s-space-8);
}


.theme-options button[b-12ipxq0wia] {
    background-color: var(--s-color-card);
    color: var(--s-color-body-text);
    border-color: var(--s-color-border);
}

.theme-editor-buttons button[b-12ipxq0wia] {
    font-weight: var(--s-font-weight-normal);
    border-color: var(--s-color-border);
}

.theme-editor-buttons button:hover[b-12ipxq0wia] {
    background-color: var(--s-color-secondary-hover);
}


.theme-editor-buttons button.active[b-12ipxq0wia] {
    border-color: var(--s-color-primary);
    background-color: var(--s-color-secondary-hover);
    color: var(--s-color-body-text);
}


.theme-editor-buttons button.square[b-12ipxq0wia] {
    padding-inline: 0;
    padding-block: 0;
    width: calc(var(--rem-scale) * 3.6rem);
}

.theme-editor-buttons button[data-table-size][b-12ipxq0wia] {
    flex-direction: column;
    position: relative;
    border-radius: calc(var(--rem-scale) * 0.4rem)
}


.theme-editor-buttons button[data-table-size="xs"][b-12ipxq0wia] {
    --table-seperator-height: calc(var(--rem-scale) * 1rem)
}

.theme-editor-buttons button[data-table-size="sm"][b-12ipxq0wia] {
    --table-seperator-height: calc(var(--rem-scale) * 1.4rem)
}

.theme-editor-buttons button[data-table-size="md"][b-12ipxq0wia] {
    --table-seperator-height: calc(var(--rem-scale) * 1.8rem)
}

.theme-editor-buttons button[data-table-size="lg"][b-12ipxq0wia] {
    --table-seperator-height: calc(var(--rem-scale) *2.2rem)
}

.theme-editor-buttons button[data-table-size="xl"][b-12ipxq0wia] {
    --table-seperator-height: calc(var(--rem-scale) * 2.6rem)
}



.theme-editor-buttons button[data-table-size][b-12ipxq0wia]: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: var(--s-color-muted-foreground);
    display: inline;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.theme-editor-buttons button[data-table-size] span[b-12ipxq0wia] {
    height: 1px;
    border-bottom: 1px;
    background-color: var(--s-color-muted-foreground);
    width: 100%;
    position: relative;
}


.theme-editor-buttons-tabs[b-12ipxq0wia] {
    display: flex;
    flex-direction: row;
    background-color: var(--s-color-muted);
    gap: var(--s-space-2);
    padding: var(--s-space-4);
    border-radius: var(--s-border-radius-default)
}


.theme-editor-buttons-tabs button[b-12ipxq0wia] {
    width: 100%;
}

.theme-editor-buttons-tabs button:not(.active)[b-12ipxq0wia] {
    background-color: transparent;
    border-color: transparent;
}

.theme-editor-buttons-tabs button:not(.active):hover[b-12ipxq0wia] {
    background-color: var(--s-color-secondary-hover);
}

.theme-editor-buttons-tabs button.active[b-12ipxq0wia] {
    background-color: var(--s-color-card);
    border-color: var(--s-color-primary);
    color: var(--s-color-body-text);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.theme-select[b-12ipxq0wia] {
    background-color: var(--s-color-input-bg);
    color: var(--s-color-body-text);
    border-color: var(--s-color-input);
}

.theme-select:focus[b-12ipxq0wia] {
    border-color: var(--s-color-ring);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--s-color-ring) 34%, transparent);
}

.theme-option-label[b-12ipxq0wia] {
    color: var(--s-color-body-text);
}

#reset-theme-btn[b-12ipxq0wia] {
    background-color: var(--s-color-card) !important;
    color: var(--s-color-body-text);
    border-color: var(--s-color-border) !important;
}

#reset-theme-btn:hover[b-12ipxq0wia] {
    background-color: var(--s-color-secondary-hover) !important;
}

.content-width-options[b-12ipxq0wia] {
    display: none;
}

.theme-slider[b-12ipxq0wia] {
    width: 100%;
}

@media screen and (min-width: 1700px) {
    .content-width-options[b-12ipxq0wia] {
        display: flex;
    }
}

/* Cizgi yogunlugu kaydiraci */
.theme-stripe-strength[b-12ipxq0wia] {
    display: grid;
    gap: var(--s-space-4, .25rem);
}

.theme-stripe-strength .theme-range[b-12ipxq0wia] {
    width: 100%;
    margin: 0;
    accent-color: var(--s-color-primary);
    cursor: pointer;
}

.theme-stripe-strength .theme-range-scale[b-12ipxq0wia] {
    display: flex;
    justify-content: space-between;
    color: var(--s-color-muted-foreground);
    font-size: var(--s-font-size-11, .7rem);
}