/* /Components/Crud/Detail/DetailShell.razor.rz.scp.css */
/* DetailShell - read-only detail dialog chrome.
   Visual sibling of TabbedFormShell - same geometry, same shadows, same tab bar.
   Class prefix ds- (detail shell). Header element ALSO carries the tfs-header
   class so the global tfs-drag.js handler enables drag-by-header automatically. */

.ds-container[b-mrhd1k1h48] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 240px;
    max-height: calc(100vh - 80px);
    box-sizing: border-box;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.5;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: var(--tonal-shadow-3, 0 4px 8px rgba(32, 33, 36, 0.12));
    animation: ds-enter-b-mrhd1k1h48 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes ds-enter-b-mrhd1k1h48 {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header - reuses tfs-header class for drag interop. */
.ds-header[b-mrhd1k1h48] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    cursor: grab;
    user-select: none;
}

.ds-header.tfs-dragging[b-mrhd1k1h48] {
    cursor: grabbing;
}

.ds-label[b-mrhd1k1h48] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.ds-icon[b-mrhd1k1h48] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    color: #1f2937;
    flex-shrink: 0;
}

.ds-icon[b-mrhd1k1h48]  .material-icons,
.ds-icon .material-icons[b-mrhd1k1h48] {
    font-size: 22px;
}

.ds-title-block[b-mrhd1k1h48] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ds-title-text[b-mrhd1k1h48] {
    font-weight: 600;
    font-size: 17px;
    color: #111827;
    white-space: nowrap;
    letter-spacing: -0.02em;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ds-subtitle[b-mrhd1k1h48] {
    font-size: 12px;
    font-weight: 400;
    color: #6b7280;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.006em;
    font-variant-numeric: tabular-nums;
}

.ds-close-btn[b-mrhd1k1h48] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.ds-close-btn:hover[b-mrhd1k1h48] {
    background: #f3f4f6;
    color: #374151;
}

.ds-close-btn:active[b-mrhd1k1h48] {
    background: #e5e7eb;
    transform: scale(0.95);
}

.ds-close-btn[b-mrhd1k1h48]  .material-icons,
.ds-close-btn .material-icons[b-mrhd1k1h48] {
    font-size: 20px;
}

/* Tabs */
.ds-tabs[b-mrhd1k1h48] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    overflow-x: auto;
}

.ds-tab[b-mrhd1k1h48] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    white-space: nowrap;
    letter-spacing: -0.006em;
}

.ds-tab[b-mrhd1k1h48]  .material-icons,
.ds-tab .material-icons[b-mrhd1k1h48] {
    font-size: 16px;
}

.ds-tab:hover[b-mrhd1k1h48] {
    color: #374151;
    background: #f9fafb;
}

.ds-tab-active[b-mrhd1k1h48] {
    color: var(--primary-main);
    font-weight: 600;
}

.ds-tab-active[b-mrhd1k1h48]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-main);
    border-radius: 2px 2px 0 0;
}

.ds-tab-active:hover[b-mrhd1k1h48] {
    color: var(--primary-main);
    background: transparent;
}

/* Body */
.ds-body[b-mrhd1k1h48] {
    flex: 1 1 auto;
    padding: 20px 24px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.ds-tab-panel[b-mrhd1k1h48] {
    animation: ds-panel-enter-b-mrhd1k1h48 0.15s ease;
}

@keyframes ds-panel-enter-b-mrhd1k1h48 {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Skeleton loading state */
.ds-skeleton[b-mrhd1k1h48] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
}

.ds-skeleton-row[b-mrhd1k1h48] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ds-skeleton-label[b-mrhd1k1h48],
.ds-skeleton-value[b-mrhd1k1h48] {
    background: linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%);
    background-size: 200% 100%;
    animation: ds-shimmer-b-mrhd1k1h48 1.4s infinite linear;
    border-radius: 4px;
}

.ds-skeleton-label[b-mrhd1k1h48] {
    height: 10px;
    width: 30%;
}

.ds-skeleton-value[b-mrhd1k1h48] {
    height: 16px;
    width: 80%;
}

@keyframes ds-shimmer-b-mrhd1k1h48 {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

/* Grid for fields - rendered via DetailGrid component (uses .ds-grid class) */
.ds-body[b-mrhd1k1h48]  .ds-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
}

.ds-body[b-mrhd1k1h48]  .ds-grid--single {
    grid-template-columns: 1fr;
}

.ds-body[b-mrhd1k1h48]  .ds-grid--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 600px) {
    .ds-body[b-mrhd1k1h48]  .ds-grid,
    .ds-body[b-mrhd1k1h48]  .ds-grid--triple {
        grid-template-columns: 1fr;
    }
}

/* Section grouping */
.ds-body[b-mrhd1k1h48]  .ds-section {
    margin-bottom: 24px;
}

.ds-body[b-mrhd1k1h48]  .ds-section:last-child {
    margin-bottom: 0;
}

.ds-body[b-mrhd1k1h48]  .ds-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f0f0f3;
}

.ds-body[b-mrhd1k1h48]  .ds-section-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--primary-main);
}

.ds-body[b-mrhd1k1h48]  .ds-section-icon .material-icons {
    font-size: 18px;
}

.ds-body[b-mrhd1k1h48]  .ds-section-title {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    letter-spacing: -0.01em;
    text-transform: none;
    margin: 0;
}

/* Field item - rendered via DetailField component */
.ds-body[b-mrhd1k1h48]  .ds-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ds-body[b-mrhd1k1h48]  .ds-field--full {
    grid-column: 1 / -1;
}

.ds-body[b-mrhd1k1h48]  .ds-field-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value {
    font-size: 0.9rem;
    color: #1f2937;
    line-height: 1.5;
    word-break: break-word;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--mono {
    font-family: var(--font-mono);
    font-size: 0.85rem;
    color: #111827;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--money,
.ds-body[b-mrhd1k1h48]  .ds-field-value--number {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #111827;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--multiline {
    white-space: pre-wrap;
    background: #fafafa;
    border: 1px solid #f0f0f3;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.85rem;
    line-height: 1.55;
    max-height: 240px;
    overflow-y: auto;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--link {
    color: var(--primary-main);
    text-decoration: none;
    font-weight: 500;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--link:hover {
    text-decoration: underline;
}

.ds-body[b-mrhd1k1h48]  .ds-field-value--muted {
    color: #9ca3af;
    font-style: italic;
}

.ds-body[b-mrhd1k1h48]  .ds-field-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    color: #9ca3af;
    transition: all 0.15s ease;
    vertical-align: middle;
}

.ds-body[b-mrhd1k1h48]  .ds-field-copy:hover {
    background: #f3f4f6;
    color: var(--primary-main);
    border-color: #e5e7eb;
}

.ds-body[b-mrhd1k1h48]  .ds-field-copy .material-icons {
    font-size: 14px;
}

/* Badges - semantic presets only */
.ds-body[b-mrhd1k1h48]  .ds-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.01em;
    white-space: nowrap;
    width: fit-content;
}

.ds-body[b-mrhd1k1h48]  .ds-badge--success { background: #dcfce7; color: #16a34a; }
.ds-body[b-mrhd1k1h48]  .ds-badge--warning { background: #fef3c7; color: #d97706; }
.ds-body[b-mrhd1k1h48]  .ds-badge--danger  { background: #fee2e2; color: #dc2626; }
.ds-body[b-mrhd1k1h48]  .ds-badge--info    { background: #dbeafe; color: #2563eb; }
.ds-body[b-mrhd1k1h48]  .ds-badge--neutral { background: #f3f4f6; color: #4b5563; }

/* Chip list */
.ds-body[b-mrhd1k1h48]  .ds-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ds-body[b-mrhd1k1h48]  .ds-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 12px;
    background: #f3f4f6;
    color: #374151;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Footer */
.ds-footer[b-mrhd1k1h48] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: 12px;
}

.ds-footer-hint[b-mrhd1k1h48] {
    font-family: var(--font-sans);
    color: #9ca3af;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.006em;
}

.ds-footer-actions[b-mrhd1k1h48] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons */
.ds-btn[b-mrhd1k1h48] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    min-height: 34px;
    padding: 7px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    letter-spacing: 0.01em;
    border: none;
    outline: none;
    white-space: nowrap;
}

.ds-btn[b-mrhd1k1h48]  .material-icons,
.ds-btn .material-icons[b-mrhd1k1h48] {
    font-size: 16px;
}

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

.ds-btn-primary[b-mrhd1k1h48] {
    background: var(--primary-main);
    border: 1px solid var(--primary-main);
    color: #ffffff;
    font-weight: 600;
    box-shadow: none;
}

.ds-btn-primary:hover:not(:disabled)[b-mrhd1k1h48] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    box-shadow: none;
    transform: none;
}

.ds-btn-primary:active:not(:disabled)[b-mrhd1k1h48] {
    background: var(--primary-dark);
    transform: translateY(0);
}

.ds-btn-light[b-mrhd1k1h48] {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
    font-weight: 500;
    box-shadow: none;
}

.ds-btn-light:hover:not(:disabled)[b-mrhd1k1h48] {
    background: #f9fafb;
    color: #1f2937;
    border-color: #9ca3af;
}

.ds-btn-light:active:not(:disabled)[b-mrhd1k1h48] {
    background: #f3f4f6;
}

/* Material 3 override layer */
.ds-container[b-mrhd1k1h48] {
    max-height: calc(100vh - 48px);
    font-family: var(--font-sans);
    color: var(--text-primary);
    line-height: 1.45;
    background: var(--surface-elev-3, var(--bg-paper));
    border-radius: var(--shape-2xl);
    box-shadow: var(--tonal-shadow-3);
    animation: none;
}

.ds-header[b-mrhd1k1h48] { min-height: 56px; gap: 8px; padding: 8px 14px; border-bottom-color: var(--divider); background: var(--bg-paper); }
.ds-label[b-mrhd1k1h48] { gap: 8px; }
.ds-icon[b-mrhd1k1h48] { width: 32px; height: 32px; border-radius: var(--shape-xs); background: var(--primary-hover); color: var(--primary-main); }
.ds-icon[b-mrhd1k1h48]  .material-icons, .ds-icon .material-icons[b-mrhd1k1h48] { font-size: 18px; }
.ds-title-text[b-mrhd1k1h48] { color: var(--text-primary); font-size: 14px; letter-spacing: 0; line-height: 18px; }
.ds-subtitle[b-mrhd1k1h48] { color: var(--text-secondary); letter-spacing: 0; }
.ds-close-btn[b-mrhd1k1h48] { border-radius: var(--shape-xs); color: var(--text-secondary); }
.ds-close-btn:hover[b-mrhd1k1h48] { background: var(--primary-hover); color: var(--primary-main); }
.ds-close-btn:active[b-mrhd1k1h48] { background: var(--primary-selected); transform: none; }
.ds-close-btn[b-mrhd1k1h48]  .material-icons, .ds-close-btn .material-icons[b-mrhd1k1h48] { font-size: 18px; }
.ds-tabs[b-mrhd1k1h48] { padding: 0 14px; border-bottom-color: var(--divider); background: var(--bg-paper); }
.ds-tab-active[b-mrhd1k1h48] { color: var(--primary-main); }
.ds-tab-active[b-mrhd1k1h48]::after { background: var(--primary-main); }
.ds-tab-active:hover[b-mrhd1k1h48] { color: var(--primary-dark); }
.ds-body[b-mrhd1k1h48] { padding: 16px 14px; background: var(--bg-paper); }
.ds-body[b-mrhd1k1h48]  .ds-section { border-color: var(--divider); }
.ds-body[b-mrhd1k1h48]  .ds-section-header { border-bottom-color: var(--divider); }
.ds-body[b-mrhd1k1h48]  .ds-section-icon { background: var(--primary-hover); color: var(--primary-main); }
.ds-body[b-mrhd1k1h48]  .ds-section-title,
.ds-body[b-mrhd1k1h48]  .ds-field-label { color: var(--text-secondary); letter-spacing: 0; }
.ds-body[b-mrhd1k1h48]  .ds-field-value { color: var(--text-primary); }
.ds-body[b-mrhd1k1h48]  .ds-field-value--link { color: var(--primary-main); }
.ds-body[b-mrhd1k1h48]  .ds-field-copy:hover { color: var(--primary-main); background: var(--primary-hover); }
.ds-body[b-mrhd1k1h48]  .ds-badge--success { background: var(--success-bg); color: var(--success-dark); }
.ds-body[b-mrhd1k1h48]  .ds-badge--warning { background: var(--warning-bg); color: var(--warning-dark); }
.ds-body[b-mrhd1k1h48]  .ds-badge--danger { background: var(--error-bg); color: var(--error-dark); }
.ds-body[b-mrhd1k1h48]  .ds-badge--info { background: var(--info-bg); color: var(--info-dark); }
.ds-body[b-mrhd1k1h48]  .ds-badge--neutral { background: var(--bg-paper-16); color: var(--text-secondary); }
.ds-footer[b-mrhd1k1h48] { min-height: 48px; padding: 8px 14px; border-top-color: var(--divider); background: var(--bg-paper-2); }
.ds-footer-hint[b-mrhd1k1h48] { font-family: var(--font-sans); color: var(--text-secondary); letter-spacing: 0; }
.ds-btn[b-mrhd1k1h48] { min-height: 32px; padding: 4px 12px; border-radius: var(--shape-xs); font-family: var(--font-sans); font-size: 12px; letter-spacing: 0; }
.ds-btn-primary[b-mrhd1k1h48] { background: var(--primary-main); border-color: var(--primary-main); box-shadow: none; }
.ds-btn-primary:hover:not(:disabled)[b-mrhd1k1h48], .ds-btn-primary:active:not(:disabled)[b-mrhd1k1h48] { background: var(--primary-dark); border-color: var(--primary-dark); box-shadow: none; transform: none; }
.ds-btn-light[b-mrhd1k1h48] { background: var(--bg-paper); color: var(--primary-main); border-color: var(--divider-strong); }
.ds-btn-light:hover:not(:disabled)[b-mrhd1k1h48], .ds-btn-light:active:not(:disabled)[b-mrhd1k1h48] { background: var(--primary-hover); color: var(--primary-dark); border-color: var(--primary-main); }
/* /Components/Crud/EntityStatistics.razor.rz.scp.css */
.entity-statistics[b-er5bszd6bl] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--divider);
    background: var(--bg-paper);
}

.entity-stat-card[b-er5bszd6bl] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 106px;
    padding: 10px 14px 14px;
    border-right: 1px solid var(--divider);
    background: var(--bg-paper);
}

.entity-stat-card:last-child[b-er5bszd6bl] {
    border-right: 0;
}

.entity-stat-label[b-er5bszd6bl] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.entity-stat-value[b-er5bszd6bl] {
    margin-top: 5px;
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-stat-detail[b-er5bszd6bl],
.entity-stat-custom-content[b-er5bszd6bl] {
    margin-top: auto;
    color: var(--text-hint);
    font-size: 11px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.entity-stat-custom-content[b-er5bszd6bl] {
    white-space: normal;
}

.entity-stat-accent[b-er5bszd6bl] {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    background: var(--primary-main);
}

.entity-stat-card:nth-child(2) .entity-stat-accent[b-er5bszd6bl] { background: var(--success-main); }
.entity-stat-card:nth-child(3) .entity-stat-accent[b-er5bszd6bl] { background: var(--info-main); }
.entity-stat-card:nth-child(4) .entity-stat-accent[b-er5bszd6bl] { background: var(--warning-main); }
.entity-stat-card:nth-child(5) .entity-stat-accent[b-er5bszd6bl] { background: var(--error-main); }

@media (max-width: 900px) {
    .entity-stat-card[b-er5bszd6bl] {
        grid-column: span 6 !important;
        border-bottom: 1px solid var(--divider);
    }

    .entity-stat-card:nth-child(even)[b-er5bszd6bl] {
        border-right: 0;
    }

    .entity-stat-card:nth-last-child(-n + 2):nth-child(odd)[b-er5bszd6bl],
    .entity-stat-card:last-child[b-er5bszd6bl] {
        border-bottom: 0;
    }
}

@media (max-width: 560px) {
    .entity-stat-card[b-er5bszd6bl] {
        grid-column: span 12 !important;
        border-right: 0;
        border-bottom: 1px solid var(--divider);
    }

    .entity-stat-card:last-child[b-er5bszd6bl] {
        border-bottom: 0;
    }
}
/* /Components/Crud/ImplementStockFormDialog.razor.rz.scp.css */
/* ImplementStockFormDialog - tabbed dialog */

.tf-container[b-vaidafdt8g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    max-height: calc(100vh - 80px);
    box-sizing: border-box;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.5;
    background: #ffffff;
    border-radius: 28px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.04),
        0 8px 30px rgba(0, 0, 0, 0.08),
        0 24px 60px rgba(0, 0, 0, 0.04);
    animation: tf-enter-b-vaidafdt8g 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes tf-enter-b-vaidafdt8g {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header (also registered as .tfs-header so tfs-drag.js can pick it up) */
.tf-header[b-vaidafdt8g],
.tfs-header[b-vaidafdt8g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    cursor: grab;
    user-select: none;
}

.tf-label[b-vaidafdt8g] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.tf-label .tf-icon[b-vaidafdt8g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    color: #1f2937;
}

.tf-label .tf-icon[b-vaidafdt8g]  .material-icons {
    font-size: 22px;
}

.tf-label .tf-title-text[b-vaidafdt8g] {
    font-weight: 600;
    font-size: 17px;
    color: #111827;
    white-space: nowrap;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.tf-close-btn[b-vaidafdt8g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.tf-close-btn:hover[b-vaidafdt8g] {
    background: #f3f4f6;
    color: #374151;
}

.tf-close-btn:active[b-vaidafdt8g] {
    background: #e5e7eb;
    transform: scale(0.95);
}

.tf-close-btn[b-vaidafdt8g]  .material-icons {
    font-size: 20px;
}

/* Tabs */
.tf-tabs[b-vaidafdt8g] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.tf-tab[b-vaidafdt8g] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    white-space: nowrap;
    letter-spacing: -0.006em;
}

.tf-tab[b-vaidafdt8g]  .material-icons {
    font-size: 16px;
}

.tf-tab:hover[b-vaidafdt8g] {
    color: #374151;
    background: #f9fafb;
}

.tf-tab-active[b-vaidafdt8g] {
    color: var(--primary-main);
    font-weight: 600;
}

.tf-tab-active[b-vaidafdt8g]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-main);
    border-radius: 2px 2px 0 0;
}

.tf-tab-active:hover[b-vaidafdt8g] {
    color: var(--primary-main);
    background: transparent;
}

/* Body */
.tf-body[b-vaidafdt8g] {
    flex: 1 1 auto;
    padding: 20px;
    box-sizing: border-box;
}

.tf-tab-panel[b-vaidafdt8g] {
    animation: tf-panel-enter-b-vaidafdt8g 0.15s ease;
}

@keyframes tf-panel-enter-b-vaidafdt8g {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Fields */
.tf-field[b-vaidafdt8g] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
    position: relative;
}

.tf-field-label[b-vaidafdt8g] {
    font-weight: 500;
    font-size: 13px;
    color: #374151;
    letter-spacing: -0.006em;
}

.tf-required[b-vaidafdt8g] {
    color: #ef4444;
    font-weight: 600;
}

/* Tooltip - shown on field hover (no icon trigger) */
.tf-tooltip[b-vaidafdt8g] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 6px;
    z-index: 99999;
    min-width: 220px;
    max-width: 300px;
    padding: 8px 12px;
    background: #1f2937;
    color: #f9fafb;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: -0.006em;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    white-space: normal;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    transition-delay: 0.2s;
}

.tf-tooltip[b-vaidafdt8g]::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 14px;
    border: 5px solid transparent;
    border-bottom-color: #1f2937;
}

.tf-field:hover > .tf-tooltip[b-vaidafdt8g],
.tf-field:focus-within > .tf-tooltip[b-vaidafdt8g] {
    visibility: visible;
    opacity: 1;
}

/* Footer */
.tf-footer[b-vaidafdt8g] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: 12px;
}

.tf-footer-hint[b-vaidafdt8g] {
    font-family: var(--font-sans);
    color: #9ca3af;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.006em;
}

.tf-footer-actions[b-vaidafdt8g] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons */
.tf-btn[b-vaidafdt8g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    min-height: 34px;
    padding: 7px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    letter-spacing: 0.01em;
    border: none;
    outline: none;
    white-space: nowrap;
}

.tf-btn:disabled[b-vaidafdt8g] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.tf-btn-primary[b-vaidafdt8g] {
    background: var(--primary-main);
    border: 1px solid var(--primary-main);
    color: #ffffff;
    font-weight: 600;
    box-shadow: none;
}

.tf-btn-primary:hover:not(:disabled)[b-vaidafdt8g] {
    background: var(--primary-main);
    border-color: var(--primary-main);
    box-shadow: none;
    transform: translateY(-0.5px);
}

.tf-btn-primary:active:not(:disabled)[b-vaidafdt8g] {
    background: var(--primary-dark);
    transform: translateY(0);
}

.tf-btn-light[b-vaidafdt8g] {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
    font-weight: 500;
    box-shadow: none;
}

.tf-btn-light:hover:not(:disabled)[b-vaidafdt8g] {
    background: #f9fafb;
    color: #1f2937;
    border-color: #9ca3af;
}

.tf-btn-light:active:not(:disabled)[b-vaidafdt8g] {
    background: #f3f4f6;
}

/* Spinner */
@keyframes tf-spin-anim-b-vaidafdt8g {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.tf-spin[b-vaidafdt8g] {
    animation: tf-spin-anim-b-vaidafdt8g 0.8s linear infinite;
}

/* Radzen input overrides */
.tf-body[b-vaidafdt8g]  .rz-textbox,
.tf-body[b-vaidafdt8g]  .rz-inputtext,
.tf-body[b-vaidafdt8g]  .rz-spinner,
.tf-body[b-vaidafdt8g]  .rz-dropdown,
.tf-body[b-vaidafdt8g]  .rz-datepicker,
.tf-body[b-vaidafdt8g]  .rz-textarea {
    font-family: var(--font-sans);
    font-size: 13px;
}

@media (max-width: 720px) {
    .tf-header[b-vaidafdt8g] {
        padding: 14px 16px;
        gap: 8px;
    }

    .tf-label .tf-title-text[b-vaidafdt8g] {
        font-size: 15px;
    }

    .tf-tabs[b-vaidafdt8g] {
        padding: 0 16px;
        overflow-x: auto;
    }

    .tf-tab[b-vaidafdt8g] {
        padding: 8px 12px;
        font-size: 12px;
    }

    .tf-body[b-vaidafdt8g] {
        padding: 16px;
    }

    .tf-footer[b-vaidafdt8g] {
        padding: 10px 16px;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .tf-footer-actions[b-vaidafdt8g] {
        justify-content: flex-end;
    }
}
/* /Components/Crud/TabbedFormShell.razor.rz.scp.css */
/* TabbedFormShell - reusable CRUD dialog chrome.
   Merges TechnicianFormDialog structure with ReportFilterDialog input look. */

.tfs-container[b-suxw33ya25] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    max-height: calc(100vh - 80px);
    box-sizing: border-box;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.5;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: var(--tonal-shadow-3, 0 4px 8px rgba(32, 33, 36, 0.12));
    animation: tfs-enter-b-suxw33ya25 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes tfs-enter-b-suxw33ya25 {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header */
.tfs-header[b-suxw33ya25] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    cursor: grab;
    user-select: none;
}

.tfs-header.tfs-dragging[b-suxw33ya25] {
    cursor: grabbing;
}

.tfs-header .tfs-close-btn[b-suxw33ya25],
.tfs-header button[b-suxw33ya25] {
    cursor: pointer;
}

.tfs-label[b-suxw33ya25] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.tfs-label .tfs-icon[b-suxw33ya25] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    color: #1f2937;
}

.tfs-label .tfs-icon[b-suxw33ya25]  .material-icons,
.tfs-label .tfs-icon .material-icons[b-suxw33ya25] {
    font-size: 22px;
}

.tfs-label .tfs-title-text[b-suxw33ya25] {
    font-weight: 600;
    font-size: 17px;
    color: #111827;
    white-space: nowrap;
    letter-spacing: -0.02em;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tfs-close-btn[b-suxw33ya25] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.tfs-close-btn:hover[b-suxw33ya25] {
    background: #f3f4f6;
    color: #374151;
}

.tfs-close-btn:active[b-suxw33ya25] {
    background: #e5e7eb;
    transform: scale(0.95);
}

.tfs-close-btn[b-suxw33ya25]  .material-icons,
.tfs-close-btn .material-icons[b-suxw33ya25] {
    font-size: 20px;
}

/* Tabs */
.tfs-tabs[b-suxw33ya25] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.tfs-tab[b-suxw33ya25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    white-space: nowrap;
    letter-spacing: -0.006em;
}

.tfs-tab[b-suxw33ya25]  .material-icons,
.tfs-tab .material-icons[b-suxw33ya25] {
    font-size: 16px;
}

.tfs-tab:hover[b-suxw33ya25] {
    color: #374151;
    background: #f9fafb;
}

.tfs-tab-active[b-suxw33ya25] {
    color: var(--primary-main);
    font-weight: 600;
}

.tfs-tab-active[b-suxw33ya25]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-main);
    border-radius: 2px 2px 0 0;
}

.tfs-tab-active:hover[b-suxw33ya25] {
    color: var(--primary-main);
    background: transparent;
}

.tfs-tab-error[b-suxw33ya25]::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ef4444;
}

/* Body */
.tfs-body[b-suxw33ya25] {
    flex: 1 1 auto;
    padding: 20px 24px;
    box-sizing: border-box;
    /* No overflow:auto here - it would clip Radzen dropdown popups
       (rendered inline as siblings of the dropdown trigger). The container
       enforces max-height; if the dialog grows tall, the entire container
       scrolls instead, which keeps popups un-clipped. */
    overflow: visible;
}

.tfs-tab-panel[b-suxw33ya25] {
    animation: tfs-panel-enter-b-suxw33ya25 0.15s ease;
}

@keyframes tfs-panel-enter-b-suxw33ya25 {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Grid for fields */
.tfs-body[b-suxw33ya25]  .tfs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
}

.tfs-body[b-suxw33ya25]  .tfs-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    position: relative;
}

.tfs-body[b-suxw33ya25]  .tfs-field--full {
    grid-column: 1 / -1;
}

.tfs-body[b-suxw33ya25]  .tfs-field-label {
    font-weight: 500;
    font-size: 13px;
    color: #374151;
    letter-spacing: -0.006em;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.tfs-body[b-suxw33ya25]  .tfs-required {
    color: #ef4444;
    font-weight: 600;
}

.tfs-body[b-suxw33ya25]  .tfs-help-text {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
}

/* Tooltip - shown on field hover (no icon trigger). The tooltip span sits
   as a direct child of .tfs-field and appears below the field on hover. */
.tfs-body[b-suxw33ya25]  .tfs-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 6px;
    z-index: 99999;
    min-width: 220px;
    max-width: 320px;
    padding: 10px 14px;
    background: #1f2937;
    color: #f9fafb;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.006em;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    white-space: pre-line;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    transition-delay: 0.25s;
}

.tfs-body[b-suxw33ya25]  .tfs-tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 16px;
    border: 5px solid transparent;
    border-bottom-color: #1f2937;
}

.tfs-body[b-suxw33ya25]  .tfs-field:hover > .tfs-tooltip,
.tfs-body[b-suxw33ya25]  .tfs-field:focus-within > .tfs-tooltip {
    visibility: visible;
    opacity: 1;
}

/* Checkbox tile */
.tfs-body[b-suxw33ya25]  .tfs-checkbox-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #fafafa;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 13px;
    color: #374151;
}

.tfs-body[b-suxw33ya25]  .tfs-checkbox-wrap:hover {
    background: #f3f4f6;
    border-color: var(--primary-main);
}

/* DataBrowser picker */
.tfs-body[b-suxw33ya25]  .tfs-picker-wrap {
    display: flex;
    gap: 0;
    align-items: stretch;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-wrap .rz-textbox {
    flex: 1;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    border-right: none;
    border-radius: 8px 0 0 8px !important;
    transition: border-color 0.15s ease;
    background: #fafafa;
    font-size: 13px;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-wrap .rz-textbox:hover {
    border-color: #d1d5db;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-wrap .rz-textbox.has-value {
    border-color: #22c55e;
    background: #f0fdf4;
    font-weight: 600;
    color: #166534;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    padding: 0;
    background: #fafafa;
    border: 1.5px solid #e5e7eb;
    border-right: none;
    cursor: pointer;
    color: #9ca3af;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-clear:hover {
    background: #fef2f2;
    color: #ef4444;
    border-color: #ef4444;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-clear .material-icons {
    font-size: 15px;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    background: var(--primary-main);
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    color: white;
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-btn:hover {
    background: var(--primary-dark);
}

.tfs-body[b-suxw33ya25]  .tfs-picker-btn .material-icons {
    font-size: 17px;
}

/* Footer */
.tfs-footer[b-suxw33ya25] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: 12px;
}

.tfs-footer-hint[b-suxw33ya25] {
    font-family: var(--font-sans);
    color: #9ca3af;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.006em;
}

.tfs-footer-actions[b-suxw33ya25] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons */
.tfs-btn[b-suxw33ya25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    min-height: 34px;
    padding: 7px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    letter-spacing: 0.01em;
    border: none;
    outline: none;
    white-space: nowrap;
}

.tfs-btn:disabled[b-suxw33ya25] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.tfs-btn-primary[b-suxw33ya25] {
    background: var(--gray-900);
    border: 1px solid var(--gray-900);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22);
}

.tfs-btn-primary:hover:not(:disabled)[b-suxw33ya25] {
    background: var(--gray-800);
    border-color: var(--gray-800);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28);
    transform: translateY(-0.5px);
}

.tfs-btn-primary:active:not(:disabled)[b-suxw33ya25] {
    background: var(--gray-950);
    transform: translateY(0);
}

.tfs-btn-light[b-suxw33ya25] {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
    font-weight: 500;
    box-shadow: none;
}

.tfs-btn-light:hover:not(:disabled)[b-suxw33ya25] {
    background: #f9fafb;
    color: #1f2937;
    border-color: #9ca3af;
}

.tfs-btn-light:active:not(:disabled)[b-suxw33ya25] {
    background: #f3f4f6;
}

.tfs-btn-danger[b-suxw33ya25] {
    background: #ffffff;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.tfs-btn-danger:hover:not(:disabled)[b-suxw33ya25] {
    background: #fef2f2;
    border-color: #ef4444;
}

/* Spinner */
@keyframes tfs-spin-anim-b-suxw33ya25 {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.tfs-spin[b-suxw33ya25] {
    animation: tfs-spin-anim-b-suxw33ya25 0.8s linear infinite;
    font-size: 16px !important;
}

/* Radzen input overrides (ReportFilterDialog look-and-feel) */
.tfs-body[b-suxw33ya25]  .rz-textbox,
.tfs-body[b-suxw33ya25]  .rz-inputtext {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    padding: 0 12px !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
    letter-spacing: -0.006em !important;
}

.tfs-body[b-suxw33ya25]  .rz-textarea,
.tfs-body[b-suxw33ya25]  textarea.rz-inputtext {
    height: auto !important;
    min-height: 88px !important;
    padding: 10px 12px !important;
    line-height: 1.5 !important;
}

.tfs-body[b-suxw33ya25]  .rz-textbox:hover,
.tfs-body[b-suxw33ya25]  .rz-inputtext:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.tfs-body[b-suxw33ya25]  .rz-textbox:focus,
.tfs-body[b-suxw33ya25]  .rz-inputtext:focus,
.tfs-body[b-suxw33ya25]  .rz-state-focused .rz-inputtext {
    border-color: var(--primary-main) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--primary-focus) !important;
    outline: none !important;
}

.tfs-body[b-suxw33ya25]  .rz-textbox::placeholder,
.tfs-body[b-suxw33ya25]  .rz-inputtext::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Radzen dropdown / spinner / datepicker styling, mirrored from
   ReportFilterDialog. The inner .rz-inputtext reset is the key piece -
   without it Radzen draws its own border and background on the inner
   filter input, producing a visible "double overlay" inside the field. */

/* Reset the inner filter input that Radzen places inside dropdowns so it
   does not paint its own border on top of the outer dropdown border. */
.tfs-body[b-suxw33ya25]  .rz-dropdown .rz-inputtext {
    height: 100% !important;
    min-height: unset !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 8px !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    color: #1f2937 !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown.rz-state-focused {
    border-color: var(--primary-main) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px var(--primary-focus) !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-label {
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    padding: 0 12px !important;
    line-height: 1.4 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.006em !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-label.rz-placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-trigger {
    border: none !important;
    background: transparent !important;
    border-radius: 0 8px 8px 0 !important;
    color: #9ca3af !important;
    box-shadow: none !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-clear-icon {
    color: #9ca3af !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-clear-icon:hover {
    color: #6b7280 !important;
}

/* Hidden accessible helper — force out of flow so it doesn't add height */
.tfs-body[b-suxw33ya25]  .rz-helper-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* Spinner + datepicker - same chrome as dropdown */
.tfs-body[b-suxw33ya25]  .rz-spinner,
.tfs-body[b-suxw33ya25]  .rz-datepicker {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
}

.tfs-body[b-suxw33ya25]  .rz-spinner:hover,
.tfs-body[b-suxw33ya25]  .rz-datepicker:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.tfs-body[b-suxw33ya25]  .rz-spinner .rz-inputtext,
.tfs-body[b-suxw33ya25]  .rz-datepicker .rz-inputtext {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: unset !important;
}

.tfs-body[b-suxw33ya25]  .rz-datepicker-trigger {
    border: none !important;
    background: transparent !important;
    border-radius: 0 8px 8px 0 !important;
    color: #9ca3af !important;
    transition: color 0.15s ease !important;
}

.tfs-body[b-suxw33ya25]  .rz-datepicker-trigger:hover {
    color: var(--primary-main) !important;
}

.tfs-body[b-suxw33ya25]  .rz-chkbox-box {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    border: 1.5px solid #d1d5db !important;
    transition: all 0.15s ease !important;
}

.tfs-body[b-suxw33ya25]  .rz-chkbox-box.rz-state-active {
    background: var(--primary-main) !important;
    border-color: var(--primary-main) !important;
}

/* Validator messages */
.tfs-body[b-suxw33ya25]  .rz-message {
    color: #dc2626 !important;
    font-size: 12px !important;
    margin-top: 4px !important;
}

/* Mobile */
@media (max-width: 720px) {
    .tfs-header[b-suxw33ya25] {
        padding: 14px 16px;
        gap: 8px;
    }

    .tfs-label .tfs-title-text[b-suxw33ya25] {
        font-size: 15px;
    }

    .tfs-label .tfs-icon[b-suxw33ya25] {
        width: 32px;
        height: 32px;
    }

    .tfs-tabs[b-suxw33ya25] {
        padding: 0 16px;
        overflow-x: auto;
    }

    .tfs-tab[b-suxw33ya25] {
        padding: 8px 12px;
        font-size: 12px;
    }

    .tfs-body[b-suxw33ya25] {
        padding: 16px;
    }

    .tfs-body[b-suxw33ya25]  .tfs-grid {
        grid-template-columns: 1fr;
    }

    .tfs-footer[b-suxw33ya25] {
        padding: 10px 16px;
    }
}


/* Inline loading indicator */
.tfs-body[b-suxw33ya25]  .tfs-loading {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6b7280;
    padding: 6px 0;
}

/* Slider row (Lead interest score, etc.) */
.tfs-body[b-suxw33ya25]  .tfs-slider-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tfs-body[b-suxw33ya25]  .tfs-slider-value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 26px;
    padding: 0 8px;
    background: var(--primary-main);
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}

/* Material 3 semantic color normalization */
.tfs-tab-active[b-suxw33ya25],
.tfs-tab-active:hover[b-suxw33ya25] {
    color: var(--primary-main);
}

.tfs-tab-active[b-suxw33ya25]::after,
.tfs-body[b-suxw33ya25]  .tfs-picker-btn,
.tfs-body[b-suxw33ya25]  .tfs-slider-value,
.tfs-body[b-suxw33ya25]  .rz-chkbox-box.rz-state-active {
    background: var(--primary-main) !important;
    border-color: var(--primary-main) !important;
}

.tfs-body[b-suxw33ya25]  .tfs-picker-btn:hover {
    background: var(--primary-dark) !important;
}

.tfs-body[b-suxw33ya25]  .rz-textbox:focus,
.tfs-body[b-suxw33ya25]  .rz-inputtext:focus,
.tfs-body[b-suxw33ya25]  .rz-state-focused .rz-inputtext,
.tfs-body[b-suxw33ya25]  .rz-dropdown.rz-state-focused {
    border-color: var(--primary-main) !important;
    box-shadow: 0 0 0 2px var(--primary-focus-visible) !important;
}


/* Computed read-only value tile (e.g. Opportunity weighted value) */
.tfs-body[b-suxw33ya25]  .tfs-computed {
    padding: 9px 12px;
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
    border-radius: 8px;
    font-weight: 600;
    color: #166534;
    font-size: 13px;
    line-height: 1.4;
}

/* Material 3 override layer */
.tfs-container[b-suxw33ya25] {
    max-height: calc(100vh - 48px);
    font-family: var(--font-sans);
    color: var(--text-primary);
    line-height: 1.45;
    background: var(--surface-elev-3, var(--bg-paper));
    border-radius: var(--shape-2xl);
    box-shadow: var(--tonal-shadow-3);
    animation: none;
}

.tfs-header[b-suxw33ya25] {
    min-height: 56px;
    gap: 8px;
    padding: 8px 14px;
    border-bottom-color: var(--divider);
    background: var(--bg-paper);
}

.tfs-label[b-suxw33ya25] { gap: 8px; }

.tfs-label .tfs-icon[b-suxw33ya25] {
    width: 32px;
    height: 32px;
    border-radius: var(--shape-xs);
    background: var(--primary-hover);
    color: var(--primary-main);
}

.tfs-label .tfs-icon[b-suxw33ya25]  .material-icons,
.tfs-label .tfs-icon .material-icons[b-suxw33ya25] { font-size: 18px; }

.tfs-label .tfs-title-text[b-suxw33ya25] {
    color: var(--text-primary);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.tfs-close-btn[b-suxw33ya25] {
    border-radius: var(--shape-xs);
    color: var(--text-secondary);
}

.tfs-close-btn:hover[b-suxw33ya25] { background: var(--primary-hover); color: var(--primary-main); }
.tfs-close-btn:active[b-suxw33ya25] { background: var(--primary-selected); transform: none; }
.tfs-close-btn[b-suxw33ya25]  .material-icons, .tfs-close-btn .material-icons[b-suxw33ya25] { font-size: 18px; }

.tfs-tabs[b-suxw33ya25] { padding: 0 14px; border-bottom-color: var(--divider); background: var(--bg-paper); }
.tfs-tab-active[b-suxw33ya25] { color: var(--primary-main); }
.tfs-tab-active[b-suxw33ya25]::after { background: var(--primary-main); }
.tfs-tab-active:hover[b-suxw33ya25] { color: var(--primary-dark); }

.tfs-body[b-suxw33ya25] { padding: 16px 14px; background: var(--bg-paper); }
.tfs-body[b-suxw33ya25]  .tfs-field-label { color: var(--text-secondary); letter-spacing: 0; }

.tfs-body[b-suxw33ya25]  .rz-textbox,
.tfs-body[b-suxw33ya25]  .rz-inputtext,
.tfs-body[b-suxw33ya25]  .rz-dropdown,
.tfs-body[b-suxw33ya25]  .rz-spinner,
.tfs-body[b-suxw33ya25]  .rz-datepicker {
    height: 36px !important;
    min-height: 36px !important;
    border: 1px solid var(--divider-strong) !important;
    border-radius: var(--shape-xs) !important;
    background: var(--bg-paper) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-sans) !important;
    letter-spacing: 0 !important;
}

.tfs-body[b-suxw33ya25]  .rz-textbox:hover,
.tfs-body[b-suxw33ya25]  .rz-inputtext:hover,
.tfs-body[b-suxw33ya25]  .rz-dropdown:hover,
.tfs-body[b-suxw33ya25]  .rz-spinner:hover,
.tfs-body[b-suxw33ya25]  .rz-datepicker:hover { border-color: var(--primary-main) !important; }

.tfs-body[b-suxw33ya25]  .rz-textbox:focus,
.tfs-body[b-suxw33ya25]  .rz-inputtext:focus,
.tfs-body[b-suxw33ya25]  .rz-dropdown.rz-state-focused,
.tfs-body[b-suxw33ya25]  .rz-datepicker.rz-state-focused {
    border-color: var(--primary-main) !important;
    box-shadow: inset 0 0 0 1px var(--primary-main) !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown .rz-inputtext,
.tfs-body[b-suxw33ya25]  .rz-spinner .rz-inputtext,
.tfs-body[b-suxw33ya25]  .rz-datepicker .rz-inputtext {
    height: 100% !important;
    min-height: unset !important;
    border: none !important;
    box-shadow: none !important;
}

.tfs-body[b-suxw33ya25]  .rz-dropdown-label,
.tfs-body[b-suxw33ya25]  .rz-inputtext::placeholder { color: var(--text-primary) !important; letter-spacing: 0 !important; }
.tfs-body[b-suxw33ya25]  .rz-dropdown-label.rz-placeholder,
.tfs-body[b-suxw33ya25]  .rz-inputtext::placeholder { color: var(--text-disabled) !important; }
.tfs-body[b-suxw33ya25]  .rz-dropdown-trigger,
.tfs-body[b-suxw33ya25]  .rz-dropdown-clear-icon,
.tfs-body[b-suxw33ya25]  .rz-datepicker-trigger { color: var(--text-secondary) !important; border-radius: 0 !important; }
.tfs-body[b-suxw33ya25]  .rz-datepicker-trigger:hover,
.tfs-body[b-suxw33ya25]  .rz-dropdown-clear-icon:hover { color: var(--primary-main) !important; }

.tfs-body[b-suxw33ya25]  .rz-chkbox-box { border-radius: var(--shape-xs) !important; border-color: var(--divider-strong) !important; }
.tfs-body[b-suxw33ya25]  .rz-chkbox-box.rz-state-active { background: var(--primary-main) !important; border-color: var(--primary-main) !important; }

.tfs-footer[b-suxw33ya25] { min-height: 48px; padding: 8px 14px; border-top-color: var(--divider); background: var(--bg-paper-2); }
.tfs-footer-hint[b-suxw33ya25] { font-family: var(--font-sans); color: var(--text-secondary); letter-spacing: 0; }
.tfs-submit[b-suxw33ya25] { background: var(--primary-main); border-color: var(--primary-main); box-shadow: none; }
.tfs-submit:hover:not(:disabled)[b-suxw33ya25], .tfs-submit:active:not(:disabled)[b-suxw33ya25] { background: var(--primary-main); border-color: var(--primary-main); box-shadow: none; transform: none; }
.tfs-cancel[b-suxw33ya25] { color: var(--primary-main); border-color: transparent; background: transparent; }
.tfs-cancel:hover:not(:disabled)[b-suxw33ya25] { color: var(--primary-dark); border-color: transparent; background: var(--primary-hover); }
.tfs-body[b-suxw33ya25]  .tfs-slider-value { background: var(--primary-main); border-radius: var(--shape-xs); }
.tfs-body[b-suxw33ya25]  .tfs-computed { background: var(--success-bg); border-color: var(--success-lighter); border-radius: var(--shape-xs); color: var(--success-dark); }
/* /Components/Crud/TechnicianFormDialog.razor.rz.scp.css */
/* TechnicianFormDialog - DataBrowser-style tabbed dialog */

.tf-container[b-8n7mg3g5l1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    max-height: calc(100vh - 80px);
    box-sizing: border-box;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.5;
    background: #ffffff;
    border-radius: 28px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.04),
        0 8px 30px rgba(0, 0, 0, 0.08),
        0 24px 60px rgba(0, 0, 0, 0.04);
    animation: tf-enter-b-8n7mg3g5l1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes tf-enter-b-8n7mg3g5l1 {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header */
.tf-header[b-8n7mg3g5l1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.tf-label[b-8n7mg3g5l1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.tf-label .tf-icon[b-8n7mg3g5l1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    color: #1f2937;
}

.tf-label .tf-icon[b-8n7mg3g5l1]  .material-icons {
    font-size: 22px;
}

.tf-label .tf-title-text[b-8n7mg3g5l1] {
    font-weight: 600;
    font-size: 17px;
    color: #111827;
    white-space: nowrap;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.tf-close-btn[b-8n7mg3g5l1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.tf-close-btn:hover[b-8n7mg3g5l1] {
    background: #f3f4f6;
    color: #374151;
}

.tf-close-btn:active[b-8n7mg3g5l1] {
    background: #e5e7eb;
    transform: scale(0.95);
}

.tf-close-btn[b-8n7mg3g5l1]  .material-icons {
    font-size: 20px;
}

/* Tabs */
.tf-tabs[b-8n7mg3g5l1] {
    display: flex;
    gap: 0;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f3;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
}

.tf-tab[b-8n7mg3g5l1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    transition: color 0.15s ease;
    white-space: nowrap;
    letter-spacing: -0.006em;
}

.tf-tab[b-8n7mg3g5l1]  .material-icons {
    font-size: 16px;
}

.tf-tab:hover[b-8n7mg3g5l1] {
    color: #374151;
    background: #f9fafb;
}

.tf-tab-active[b-8n7mg3g5l1] {
    color: var(--primary-main);
    font-weight: 600;
}

.tf-tab-active[b-8n7mg3g5l1]::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--primary-main);
    border-radius: 2px 2px 0 0;
}

.tf-tab-active:hover[b-8n7mg3g5l1] {
    color: var(--primary-main);
    background: transparent;
}

/* Body */
.tf-body[b-8n7mg3g5l1] {
    flex: 1 1 auto;
    padding: 20px;
    box-sizing: border-box;
}

.tf-tab-panel[b-8n7mg3g5l1] {
    animation: tf-panel-enter-b-8n7mg3g5l1 0.15s ease;
}

@keyframes tf-panel-enter-b-8n7mg3g5l1 {
    from { opacity: 0; transform: translateX(8px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Fields */
.tf-field[b-8n7mg3g5l1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.tf-field-label[b-8n7mg3g5l1] {
    font-weight: 500;
    font-size: 13px;
    color: #374151;
    letter-spacing: -0.006em;
}

.tf-required[b-8n7mg3g5l1] {
    color: #ef4444;
    font-weight: 600;
}

/* Tooltip */
.tf-tooltip-wrap[b-8n7mg3g5l1] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    vertical-align: middle;
}

.tf-tooltip-icon[b-8n7mg3g5l1] {
    font-size: 15px !important;
    color: #9ca3af;
    cursor: help;
    transition: color 0.15s ease;
}

.tf-tooltip-wrap:hover .tf-tooltip-icon[b-8n7mg3g5l1] {
    color: var(--primary-main);
}

.tf-tooltip[b-8n7mg3g5l1] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: calc(100% + 8px);
    transform: translateX(-50%);
    z-index: 99999;
    min-width: 240px;
    max-width: 320px;
    padding: 10px 14px;
    background: #1f2937;
    color: #f9fafb;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.006em;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    white-space: pre-line;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.tf-tooltip[b-8n7mg3g5l1]::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: #1f2937;
}

.tf-tooltip-wrap:hover .tf-tooltip[b-8n7mg3g5l1] {
    visibility: visible;
    opacity: 1;
}

.tf-help-text[b-8n7mg3g5l1] {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
}

/* Checkbox */
.tf-checkbox-wrap[b-8n7mg3g5l1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #fafafa;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 13px;
    color: #374151;
}

.tf-checkbox-wrap:hover[b-8n7mg3g5l1] {
    background: #f3f4f6;
    border-color: var(--primary-main);
}

/* Picker (DataBrowser trigger) */
.tf-picker-wrap[b-8n7mg3g5l1] {
    display: flex;
    gap: 0;
    align-items: stretch;
}

.tf-picker-wrap[b-8n7mg3g5l1]  .rz-textbox {
    flex: 1;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    border-right: none;
    border-radius: 6px 0 0 6px !important;
    transition: border-color 0.15s ease;
    background: #fafafa;
    font-size: 13px;
}

.tf-picker-wrap[b-8n7mg3g5l1]  .rz-textbox:hover {
    border-color: #d1d5db;
}

.tf-picker-wrap[b-8n7mg3g5l1]  .rz-textbox.has-value {
    border-color: #22c55e;
    background: #f0fdf4;
    font-weight: 600;
    color: #166534;
}

.tf-picker-clear[b-8n7mg3g5l1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    padding: 0;
    background: #fafafa;
    border: 1.5px solid #e5e7eb;
    border-right: none;
    cursor: pointer;
    color: #9ca3af;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.tf-picker-clear:hover[b-8n7mg3g5l1] {
    background: #fef2f2;
    color: #ef4444;
    border-color: #ef4444;
}

.tf-picker-clear[b-8n7mg3g5l1]  .material-icons {
    font-size: 15px;
}

.tf-picker-btn[b-8n7mg3g5l1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    background: var(--primary-main);
    border: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    color: white;
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.tf-picker-btn:hover[b-8n7mg3g5l1] {
    background: var(--primary-dark);
}

.tf-picker-btn[b-8n7mg3g5l1]  .material-icons {
    font-size: 17px;
}

/* Footer */
.tf-footer[b-8n7mg3g5l1] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: 12px;
}

.tf-footer-hint[b-8n7mg3g5l1] {
    font-family: var(--font-sans);
    color: #9ca3af;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.006em;
}

.tf-footer-actions[b-8n7mg3g5l1] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons */
.tf-btn[b-8n7mg3g5l1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    min-height: 34px;
    padding: 7px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    letter-spacing: 0.01em;
    border: none;
    outline: none;
    white-space: nowrap;
}

.tf-btn:disabled[b-8n7mg3g5l1] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.tf-btn-primary[b-8n7mg3g5l1] {
    background: var(--primary-main);
    border: 1px solid var(--primary-main);
    color: #ffffff;
    font-weight: 600;
    box-shadow: none;
}

.tf-btn-primary:hover:not(:disabled)[b-8n7mg3g5l1] {
    background: var(--primary-main);
    border-color: var(--primary-main);
    box-shadow: none;
    transform: translateY(-0.5px);
}

.tf-btn-primary:active:not(:disabled)[b-8n7mg3g5l1] {
    background: var(--primary-dark);
    transform: translateY(0);
}

.tf-btn-light[b-8n7mg3g5l1] {
    background: #ffffff;
    color: #374151;
    border: 1px solid #d1d5db;
    font-weight: 500;
    box-shadow: none;
}

.tf-btn-light:hover:not(:disabled)[b-8n7mg3g5l1] {
    background: #f9fafb;
    color: #1f2937;
    border-color: #9ca3af;
}

.tf-btn-light:active:not(:disabled)[b-8n7mg3g5l1] {
    background: #f3f4f6;
}

/* Spinner */
@keyframes tf-spin-anim-b-8n7mg3g5l1 {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.tf-spin[b-8n7mg3g5l1] {
    animation: tf-spin-anim-b-8n7mg3g5l1 0.8s linear infinite;
}

/* Radzen input overrides */
.tf-body[b-8n7mg3g5l1]  .rz-textbox,
.tf-body[b-8n7mg3g5l1]  .rz-inputtext,
.tf-body[b-8n7mg3g5l1]  .rz-spinner,
.tf-body[b-8n7mg3g5l1]  .rz-dropdown,
.tf-body[b-8n7mg3g5l1]  .rz-datepicker,
.tf-body[b-8n7mg3g5l1]  .rz-textarea {
    font-family: var(--font-sans);
    font-size: 13px;
}

@media (max-width: 720px) {
    .tf-header[b-8n7mg3g5l1] {
        padding: 14px 16px;
        gap: 8px;
    }

    .tf-label .tf-title-text[b-8n7mg3g5l1] {
        font-size: 15px;
    }

    .tf-label .tf-icon[b-8n7mg3g5l1] {
        width: 32px;
        height: 32px;
    }

    .tf-tabs[b-8n7mg3g5l1] {
        padding: 0 16px;
        overflow-x: auto;
    }

    .tf-tab[b-8n7mg3g5l1] {
        padding: 8px 12px;
        font-size: 12px;
    }

    .tf-body[b-8n7mg3g5l1] {
        padding: 16px;
    }

    .tf-footer[b-8n7mg3g5l1] {
        padding: 10px 16px;
    }
}
/* /Components/DataBrowser/DataBrowser.razor.rz.scp.css */
/* DataBrowser - Material 3 lookup dialog */

.db-container[b-plsulzokxy] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    max-height: calc(100vh - 48px);
    box-sizing: border-box;
    font-family: var(--font-sans);
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.45;
    background: var(--bg-paper);
    overflow: hidden;
    border-radius: var(--shape-2xl);
    box-shadow: var(--tonal-shadow-3, none);
}

.db-header[b-plsulzokxy] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--divider);
    background: var(--bg-paper);
    flex: 0 0 auto;
    box-sizing: border-box;
}

.db-label[b-plsulzokxy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.db-label .db-icon[b-plsulzokxy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--shape-xs);
    background: var(--primary-hover);
    color: var(--primary-main);
}

.db-label .db-icon .material-icons[b-plsulzokxy] {
    font-size: 18px;
}

.db-label .title-text[b-plsulzokxy] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text-primary);
    white-space: nowrap;
    letter-spacing: 0;
    line-height: 18px;
}

/* Search field in header */
.db-search-field[b-plsulzokxy] {
    flex: 1;
    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.db-search-input[b-plsulzokxy] {
    width: 100%;
    height: 32px;
    border-radius: var(--shape-pill);
    padding: 0 32px 0 14px;
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 400;
    color: var(--text-primary);
    border: 1px solid var(--divider-strong);
    background: var(--bg-paper);
    box-shadow: none;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
    letter-spacing: 0;
    outline: none;
    box-sizing: border-box;
}

.db-search-input:hover[b-plsulzokxy] {
    border-color: var(--primary-main);
}

.db-search-input:focus[b-plsulzokxy] {
    border-color: var(--primary-main);
    background: var(--bg-paper);
    box-shadow: inset 0 0 0 1px var(--primary-main);
}

.db-search-input[b-plsulzokxy]::placeholder {
    color: var(--text-disabled);
    font-weight: 400;
}

.db-search-clear[b-plsulzokxy] {
    position: absolute;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    border-radius: var(--shape-pill);
    cursor: pointer;
    color: var(--text-secondary);
    padding: 0;
    transition: all 0.15s ease;
}

.db-search-clear:hover[b-plsulzokxy] {
    background: var(--primary-hover);
    color: var(--primary-main);
}

/* Close button */
.db-close-btn[b-plsulzokxy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: var(--shape-pill);
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
}

.db-close-btn:hover[b-plsulzokxy] {
    background: var(--primary-hover);
    color: var(--primary-main);
}

.db-close-btn:active[b-plsulzokxy] {
    background: var(--primary-selected);
}

.db-close-btn .material-icons[b-plsulzokxy] {
    font-size: 18px;
}

.db-grid-card[b-plsulzokxy] {
    background: var(--bg-default);
    border: 0;
    padding: 8px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    box-sizing: border-box;
}

/* Override AppDataGrid styles within DataBrowser context */
.db-grid-card[b-plsulzokxy]  .adg {
    border: 1px solid var(--divider);
    border-radius: var(--shape-xs);
    box-shadow: none;
    height: 100%;
    font-family: var(--font-sans) !important;
}

.db-grid-card[b-plsulzokxy]  .adg button,
.db-grid-card[b-plsulzokxy]  .adg input,
.db-grid-card[b-plsulzokxy]  .adg select,
.db-grid-card[b-plsulzokxy]  .adg textarea,
.db-grid-card[b-plsulzokxy]  .adg label,
.db-grid-card[b-plsulzokxy]  .adg th,
.db-grid-card[b-plsulzokxy]  .adg td,
.db-grid-card[b-plsulzokxy]  .adg .adg-pagination-summary,
.db-grid-card[b-plsulzokxy]  .adg .adg-empty-title,
.db-grid-card[b-plsulzokxy]  .adg .adg-empty-message {
    font-family: var(--font-sans) !important;
}

.db-grid-card[b-plsulzokxy]  .adg .material-icons,
.db-grid-card[b-plsulzokxy]  .adg .material-icons-outlined,
.db-grid-card[b-plsulzokxy]  .adg .material-symbols-outlined {
    font-family: 'Material Symbols', 'Material Icons' !important;
}

.db-grid-card[b-plsulzokxy]  .adg-th {
    background: var(--grid-header-bg) !important;
    border-bottom-color: var(--divider-strong) !important;
    color: var(--text-secondary) !important;
}

.db-grid-card[b-plsulzokxy]  .adg-td {
    background: var(--bg-paper) !important;
}

.db-grid-card[b-plsulzokxy]  .db-select-link {
    color: var(--primary-main);
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    display: inline;
    transition: color 0.15s ease;
    outline: none;
    line-height: inherit;
}

.db-grid-card[b-plsulzokxy]  .db-select-link:hover {
    color: var(--primary-dark);
    text-decoration: none;
}

.db-grid-card[b-plsulzokxy]  .db-select-link:focus {
    outline: none;
    color: var(--primary-dark);
}

.db-footer[b-plsulzokxy] {
    min-height: 48px;
    padding: 8px 14px;
    border-top: 1px solid var(--divider);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg-paper-2);
    flex: 0 0 auto;
    box-sizing: border-box;
    gap: 12px;
}

.db-summary[b-plsulzokxy] {
    font-family: var(--font-sans);
    color: var(--text-secondary);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
}

.db-summary strong[b-plsulzokxy] {
    color: var(--text-primary);
    font-weight: 600;
}

.db-footer-actions[b-plsulzokxy] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Footer buttons */
.db-btn[b-plsulzokxy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 500;
    border-radius: var(--shape-pill);
    min-height: 32px;
    padding: 4px 16px;
    cursor: pointer;
    transition: all 0.15s ease;
    letter-spacing: 0;
    border: none;
    outline: none;
    white-space: nowrap;
}

.db-btn:disabled[b-plsulzokxy] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

.db-btn-primary[b-plsulzokxy] {
    background: var(--primary-main);
    border: 1px solid var(--primary-main);
    color: var(--primary-contrast);
    font-weight: 600;
    box-shadow: none;
}

.db-btn-primary:hover:not(:disabled)[b-plsulzokxy] {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    box-shadow: none;
    transform: none;
}

.db-btn-primary:active:not(:disabled)[b-plsulzokxy] {
    background: var(--primary-dark);
    transform: translateY(0);
}

.db-btn-light[b-plsulzokxy] {
    background: var(--bg-paper);
    color: var(--primary-main);
    border: 1px solid var(--divider-strong);
    font-weight: 500;
    box-shadow: none;
}

.db-btn-light:hover:not(:disabled)[b-plsulzokxy] {
    background: var(--primary-hover);
    color: var(--primary-dark);
    border-color: var(--primary-main);
}

.db-btn-light:active:not(:disabled)[b-plsulzokxy] {
    background: var(--primary-selected);
}

@media (max-width: 720px) {
    .db-header[b-plsulzokxy] {
        padding: 14px 16px;
        gap: 8px;
    }

    .db-label .title-text[b-plsulzokxy] {
        font-size: 15px;
    }

    .db-label .db-icon[b-plsulzokxy] {
        width: 32px;
        height: 32px;
    }

    .db-search-input[b-plsulzokxy] {
        height: 36px;
        font-size: 13px;
    }

    .db-footer[b-plsulzokxy] {
        padding: 10px 16px;
    }
}
/* /Components/Enterprise/ActionToolbar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ActionToolbar - Enterprise UI Quick Actions Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.action-toolbar[b-4vcuv0h0je] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.toolbar-left[b-4vcuv0h0je] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.toolbar-right[b-4vcuv0h0je] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Bulk Actions */
.bulk-actions[b-4vcuv0h0je] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: 8px;
    border: 1px solid #bfdbfe;
    margin-right: 0.5rem;
}

.selected-count[b-4vcuv0h0je] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1d4ed8;
}

/* Override Radzen button spacing in toolbar */
.action-toolbar[b-4vcuv0h0je]  .rz-button {
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .action-toolbar[b-4vcuv0h0je] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .toolbar-left[b-4vcuv0h0je],
    .toolbar-right[b-4vcuv0h0je] {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .bulk-actions[b-4vcuv0h0je] {
        width: 100%;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}
/* /Components/Enterprise/ConfirmDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ConfirmDialog - Enterprise UI Confirmation Dialog Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.confirm-dialog[b-1t1vdl4srf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem;
}

/* Icon */
.dialog-icon[b-1t1vdl4srf] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.dialog-icon .material-icons[b-1t1vdl4srf] {
    font-size: 32px;
}

/* Variants */
.variant-warning .dialog-icon[b-1t1vdl4srf] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.variant-warning .dialog-icon .material-icons[b-1t1vdl4srf] {
    color: #b45309;
}

.variant-danger .dialog-icon[b-1t1vdl4srf] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
}

.variant-danger .dialog-icon .material-icons[b-1t1vdl4srf] {
    color: #dc2626;
}

.variant-info .dialog-icon[b-1t1vdl4srf] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.variant-info .dialog-icon .material-icons[b-1t1vdl4srf] {
    color: #2563eb;
}

/* Title */
.dialog-title[b-1t1vdl4srf] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

/* Message */
.dialog-message[b-1t1vdl4srf] {
    margin: 0 0 1.5rem 0;
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.5;
    max-width: 320px;
}

/* Details */
.dialog-details[b-1t1vdl4srf] {
    width: 100%;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    text-align: left;
}

/* Actions */
.dialog-actions[b-1t1vdl4srf] {
    display: flex;
    gap: 0.75rem;
    width: 100%;
    justify-content: center;
}

.dialog-actions[b-1t1vdl4srf]  .rz-button {
    min-width: 100px;
}
/* /Components/Enterprise/DataBrowserField.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   DataBrowserField - Enterprise UI Link Field Picker Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.data-browser-field[b-ymocsr5vm6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.field-input-wrap[b-ymocsr5vm6] {
    display: flex;
    align-items: stretch;
    border: 1px solid var(--divider-strong);
    border-radius: var(--shape-xs);
    background: var(--bg-paper);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.field-input-wrap:hover[b-ymocsr5vm6] {
    border-color: var(--primary-main);
}

.field-input-wrap:focus-within[b-ymocsr5vm6] {
    border-color: var(--primary-main);
    box-shadow: inset 0 0 0 1px var(--primary-main);
}

.data-browser-field.has-value .field-input-wrap[b-ymocsr5vm6] {
    border-color: var(--success-main);
    background: var(--success-bg);
}

.data-browser-field.required-missing .field-input-wrap[b-ymocsr5vm6] {
    border-color: var(--error-main);
}

/* Icon */
.field-icon[b-ymocsr5vm6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    flex-shrink: 0;
    background: var(--bg-paper-2);
    border-right: 1px solid var(--divider);
}

.data-browser-field.has-value .field-icon[b-ymocsr5vm6] {
    background: var(--success-lighter);
    border-right-color: var(--success-lighter);
}

.field-icon .material-icons[b-ymocsr5vm6] {
    font-size: 20px;
    color: var(--text-secondary);
}

.data-browser-field.has-value .field-icon .material-icons[b-ymocsr5vm6] {
    color: var(--success-dark);
}

/* Content */
.field-content[b-ymocsr5vm6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 0.75rem;
    min-width: 0;
    cursor: pointer;
}

.field-input[b-ymocsr5vm6] {
    border: none;
    background: transparent;
    font-size: 0.875rem;
    color: var(--text-primary);
    cursor: pointer;
    outline: none;
    padding: 0;
    width: 100%;
    font-weight: 500;
}

.field-input[b-ymocsr5vm6]::placeholder {
    color: var(--text-disabled);
    font-weight: 400;
}

.data-browser-field.has-value .field-input[b-ymocsr5vm6] {
    color: var(--success-dark);
    font-weight: 600;
}

.field-secondary[b-ymocsr5vm6] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.125rem;
}

.data-browser-field.has-value .field-secondary[b-ymocsr5vm6] {
    color: var(--success-main);
}

/* Clear Button */
.field-clear-btn[b-ymocsr5vm6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.field-clear-btn:hover[b-ymocsr5vm6] {
    background: var(--error-bg);
    color: var(--error-main);
}

.field-clear-btn .material-icons[b-ymocsr5vm6] {
    font-size: 16px;
}

/* Browse Button */
.field-browse-btn[b-ymocsr5vm6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    border: none;
    background: var(--primary-main);
    cursor: pointer;
    color: white;
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.field-browse-btn:hover[b-ymocsr5vm6] {
    background: var(--primary-dark);
}

.field-browse-btn .material-icons[b-ymocsr5vm6] {
    font-size: 18px;
}

/* Validation */
.field-validation[b-ymocsr5vm6] {
    font-size: 0.75rem;
    color: var(--error-main);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.field-validation[b-ymocsr5vm6]::before {
    content: "⚠";
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 640px) {
    .field-icon[b-ymocsr5vm6] {
        width: 40px;
    }
    
    .field-browse-btn[b-ymocsr5vm6] {
        width: 40px;
    }
    
    .field-input[b-ymocsr5vm6] {
        font-size: 0.8125rem;
    }
}
/* /Components/Enterprise/EChart.razor.rz.scp.css */
.echart[b-k3kfqvpkbx] {
    min-height: 220px;
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .echart[b-k3kfqvpkbx] {
        scroll-behavior: auto;
    }
}
/* /Components/Enterprise/EmptyState.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   EmptyState - Enterprise UI Empty State Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.empty-state[b-3j0802nfjb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
    max-width: 480px;
    margin: 0 auto;
}

.empty-state.compact[b-3j0802nfjb] {
    padding: 2rem 1.5rem;
}

/* Icon */
.empty-icon-wrap[b-3j0802nfjb] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.empty-state.compact .empty-icon-wrap[b-3j0802nfjb] {
    width: 72px;
    height: 72px;
    margin-bottom: 1rem;
}

.empty-icon[b-3j0802nfjb] {
    font-size: 48px;
    color: #94a3b8;
}

.empty-state.compact .empty-icon[b-3j0802nfjb] {
    font-size: 36px;
}

/* Title */
.empty-title[b-3j0802nfjb] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.empty-state.compact .empty-title[b-3j0802nfjb] {
    font-size: 1rem;
}

/* Message */
.empty-message[b-3j0802nfjb] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.5;
}

.empty-state.compact .empty-message[b-3j0802nfjb] {
    font-size: 0.8125rem;
}

/* Extra Content */
.empty-extra[b-3j0802nfjb] {
    margin-top: 1rem;
    width: 100%;
}

/* Help Text */
.empty-help[b-3j0802nfjb] {
    margin: 1.5rem 0 0 0;
    font-size: 0.75rem;
    color: #94a3b8;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 640px) {
    .empty-state[b-3j0802nfjb] {
        padding: 3rem 1.5rem;
    }
    
    .empty-icon-wrap[b-3j0802nfjb] {
        width: 80px;
        height: 80px;
    }
    
    .empty-icon[b-3j0802nfjb] {
        font-size: 40px;
    }
    
    .empty-title[b-3j0802nfjb] {
        font-size: 1.125rem;
    }
}
/* /Components/Enterprise/EnumDropdown.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   EnumDropdown - Enterprise UI Enum Dropdown Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.enum-dropdown-field[b-c8yimx78pg] {
    width: 100%;
}

.enum-option[b-c8yimx78pg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.125rem 0;
}

.enum-badge[b-c8yimx78pg] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.4;
}

/* Override Radzen dropdown item spacing */
.enum-dropdown-field[b-c8yimx78pg]  .rz-dropdown-item {
    padding: 0.5rem 0.75rem;
}

.enum-dropdown-field[b-c8yimx78pg]  .rz-dropdown-item:hover {
    background: #f1f5f9;
}

.enum-dropdown-field[b-c8yimx78pg]  .rz-dropdown-item.rz-state-highlight {
    background: #eff6ff;
}

/* Selected value in dropdown */
.enum-dropdown-field[b-c8yimx78pg]  .rz-dropdown-label {
    display: flex;
    align-items: center;
}
/* /Components/Enterprise/NextActionBanner.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   NextActionBanner - Enterprise UI Action Prompt Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.next-action-banner[b-ebq29gflsd] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-radius: var(--shape-xs);
    margin-bottom: 1rem;
    border: 1px solid;
}

/* Severity Variants */
.next-action-banner.severity-info[b-ebq29gflsd] {
    background: var(--info-bg);
    border-color: var(--info-lighter);
}

.next-action-banner.severity-warning[b-ebq29gflsd] {
    background: var(--warning-bg);
    border-color: var(--warning-lighter);
}

.next-action-banner.severity-danger[b-ebq29gflsd] {
    background: var(--error-bg);
    border-color: var(--error-lighter);
}

.next-action-banner.severity-success[b-ebq29gflsd] {
    background: var(--success-bg);
    border-color: var(--success-lighter);
}

/* Banner Icon */
.banner-icon[b-ebq29gflsd] {
    width: 40px;
    height: 40px;
    border-radius: var(--shape-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.severity-info .banner-icon[b-ebq29gflsd] {
    background: var(--info-lighter);
    color: var(--info-dark);
}

.severity-warning .banner-icon[b-ebq29gflsd] {
    background: var(--warning-lighter);
    color: var(--warning-dark);
}

.severity-danger .banner-icon[b-ebq29gflsd] {
    background: var(--error-lighter);
    color: var(--error-dark);
}

.severity-success .banner-icon[b-ebq29gflsd] {
    background: var(--success-lighter);
    color: var(--success-dark);
}

.banner-icon .material-icons[b-ebq29gflsd] {
    font-size: 22px;
}

/* Banner Content */
.banner-content[b-ebq29gflsd] {
    flex: 1;
    min-width: 0;
}

.banner-title[b-ebq29gflsd] {
    margin: 0 0 0.25rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
}

.banner-message[b-ebq29gflsd] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

/* Action Items */
.banner-items[b-ebq29gflsd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.action-item[b-ebq29gflsd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: var(--shape-xs);
    border: 1px solid var(--divider);
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-item:hover[b-ebq29gflsd] {
    background: var(--bg-paper);
    transform: none;
}

.item-icon[b-ebq29gflsd] {
    font-size: 16px;
    color: var(--text-secondary);
}

.item-text[b-ebq29gflsd] {
    flex: 1;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
}

.item-subtitle[b-ebq29gflsd] {
    font-size: 0.75rem;
    color: var(--text-disabled);
}

.item-arrow[b-ebq29gflsd] {
    font-size: 16px;
    color: var(--text-disabled);
}

.more-items[b-ebq29gflsd] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    padding-left: 0.5rem;
    font-style: italic;
}

/* Banner Actions */
.banner-actions[b-ebq29gflsd] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-shrink: 0;
}

.dismiss-btn[b-ebq29gflsd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: var(--shape-xs);
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.15s ease;
}

.dismiss-btn:hover[b-ebq29gflsd] {
    background: var(--action-hover);
    color: var(--primary-main);
}

.dismiss-btn .material-icons[b-ebq29gflsd] {
    font-size: 18px;
}

/* Responsive */
@media (max-width: 768px) {
    .next-action-banner[b-ebq29gflsd] {
        flex-direction: column;
    }
    
    .banner-actions[b-ebq29gflsd] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Enterprise/PageBody.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   PageBody - Enterprise UI Page Body Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.page-body-enterprise[b-r5npdywho4] {
    min-height: 300px;
}

/* Loading State */
.page-body-loading[b-r5npdywho4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

/* Error State */
.page-body-error[b-r5npdywho4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

.page-body-error .error-icon[b-r5npdywho4] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.page-body-error .error-icon .material-icons[b-r5npdywho4] {
    font-size: 40px;
    color: #dc2626;
}

.page-body-error .error-title[b-r5npdywho4] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.page-body-error .error-message[b-r5npdywho4] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.5;
}

/* Empty State */
.page-body-empty[b-r5npdywho4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

.page-body-empty .empty-icon[b-r5npdywho4] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.page-body-empty .empty-icon .material-icons[b-r5npdywho4] {
    font-size: 48px;
    color: #94a3b8;
}

.page-body-empty .empty-title[b-r5npdywho4] {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.page-body-empty .empty-message[b-r5npdywho4] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
    .page-body-loading[b-r5npdywho4],
    .page-body-error[b-r5npdywho4],
    .page-body-empty[b-r5npdywho4] {
        padding: 3rem 1.5rem;
    }
    
    .page-body-empty .empty-icon[b-r5npdywho4] {
        width: 80px;
        height: 80px;
    }
    
    .page-body-empty .empty-icon .material-icons[b-r5npdywho4] {
        font-size: 40px;
    }
}
/* /Components/Enterprise/PageHeader.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   PageHeader — Stripe-inspired Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.page-header-enterprise[b-ipukk1bosj] {
    margin-bottom: 1.5rem;
}

.page-header-content[b-ipukk1bosj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-header-left[b-ipukk1bosj] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
}

.page-header-icon[b-ipukk1bosj] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--gray-100);
    border: 1px solid var(--gray-200);
}

.page-header-icon .material-icons[b-ipukk1bosj] {
    font-size: 22px;
    color: var(--gray-600);
}

.page-header-text[b-ipukk1bosj] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.page-breadcrumbs[b-ipukk1bosj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    margin-bottom: 0.125rem;
}

.breadcrumb-link[b-ipukk1bosj] {
    color: var(--gray-500);
    text-decoration: none;
    transition: color 0.1s ease;
}

.breadcrumb-link:hover[b-ipukk1bosj] {
    color: var(--gray-900);
}

.breadcrumb-separator[b-ipukk1bosj] {
    color: var(--gray-300);
}

.breadcrumb-current[b-ipukk1bosj] {
    color: var(--gray-500);
}

.page-title[b-ipukk1bosj] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--gray-900);
    letter-spacing: -0.025em;
    line-height: 1.25;
}

.page-subtitle[b-ipukk1bosj] {
    margin: 0.125rem 0 0 0;
    font-size: 0.875rem;
    color: var(--gray-500);
    line-height: 1.4;
    font-weight: 400;
}

.page-header-actions[b-ipukk1bosj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.page-header-sub[b-ipukk1bosj] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gray-200);
}

/* Responsive */
@media (max-width: 768px) {
    .page-header-content[b-ipukk1bosj] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .page-header-icon[b-ipukk1bosj] {
        width: 36px;
        height: 36px;
    }
    
    .page-header-icon .material-icons[b-ipukk1bosj] {
        font-size: 18px;
    }
    
    .page-title[b-ipukk1bosj] {
        font-size: 1.25rem;
    }
    
    .page-header-actions[b-ipukk1bosj] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Enterprise/QuickFilterBar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   QuickFilterBar - Enterprise UI Filter Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.quick-filter-bar[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

/* Search Section */
.filter-search-section[b-5kbyjb9j65] {
    flex: 1;
    min-width: 280px;
}

.search-box[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.search-box:focus-within[b-5kbyjb9j65] {
    border-color: var(--gray-900);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12);
}

.search-icon[b-5kbyjb9j65] {
    color: #94a3b8;
    font-size: 20px;
}

.search-input[b-5kbyjb9j65] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    color: #1e293b;
    outline: none;
}

.search-input[b-5kbyjb9j65]::placeholder {
    color: #94a3b8;
}

.search-clear[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #94a3b8;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.search-clear:hover[b-5kbyjb9j65] {
    background: #fee2e2;
    color: #dc2626;
}

.search-clear .material-icons[b-5kbyjb9j65] {
    font-size: 16px;
}

/* Filter Controls */
.filter-controls-section[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.filter-item[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
}

.date-range-filter[b-5kbyjb9j65] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.date-separator[b-5kbyjb9j65] {
    color: #94a3b8;
    font-size: 0.75rem;
}

.clear-filters-btn[b-5kbyjb9j65] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 6px;
    font-size: 0.8125rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.clear-filters-btn:hover[b-5kbyjb9j65] {
    background: #f1f5f9;
    color: #475569;
}

.clear-filters-btn .material-icons[b-5kbyjb9j65] {
    font-size: 16px;
}

/* Advanced Toggle */
.advanced-toggle-btn[b-5kbyjb9j65] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 6px;
    font-size: 0.8125rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-left: auto;
}

.advanced-toggle-btn:hover[b-5kbyjb9j65] {
    background: #f1f5f9;
    color: var(--gray-900);
    border-color: var(--gray-900);
}

.advanced-toggle-btn .material-icons[b-5kbyjb9j65] {
    font-size: 16px;
}

/* Advanced Filters Panel */
.advanced-filters-panel[b-5kbyjb9j65] {
    padding: 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .quick-filter-bar[b-5kbyjb9j65] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-search-section[b-5kbyjb9j65] {
        min-width: 100%;
    }
    
    .filter-controls-section[b-5kbyjb9j65] {
        flex-wrap: wrap;
    }
    
    .date-range-filter[b-5kbyjb9j65] {
        width: 100%;
    }
    
    .advanced-toggle-btn[b-5kbyjb9j65] {
        margin-left: 0;
        justify-content: center;
    }
}
/* /Components/Enterprise/StatusBadge.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   StatusBadge - Enterprise UI Status Badge Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.status-badge[b-9qmjb5w7jz] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.4;
    text-transform: capitalize;
}

.badge-icon[b-9qmjb5w7jz] {
    font-size: inherit;
}
/* /Components/Enterprise/TabbedFormLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   TabbedFormLayout - Enterprise UI Tabbed Form Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.tabbed-form-layout[b-47wqpq4zcr] {
    display: flex;
    flex-direction: column;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-radius: var(--shape-xs);
    overflow: hidden;
}

/* Tab Header */
.tab-header[b-47wqpq4zcr] {
    background: var(--bg-paper-2);
    border-bottom: 1px solid var(--divider);
    padding: 0;
}

.tab-navigation[b-47wqpq4zcr] {
    display: flex;
    overflow-x: auto;
    padding: 0 1rem;
    gap: 0;
}

.tab-button[b-47wqpq4zcr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
}

.tab-button:hover:not(:disabled)[b-47wqpq4zcr] {
    color: var(--primary-main);
    background: var(--primary-hover);
}

.tab-button.active[b-47wqpq4zcr] {
    color: var(--primary-main);
    border-bottom-color: var(--primary-main);
    background: var(--bg-paper);
}

.tab-button:disabled[b-47wqpq4zcr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tab-button.has-errors[b-47wqpq4zcr] {
    color: var(--error-main);
}

.tab-button.has-errors.active[b-47wqpq4zcr] {
    border-bottom-color: var(--error-main);
}

.tab-button.is-complete:not(.active)[b-47wqpq4zcr] {
    color: var(--success-main);
}

.tab-step[b-47wqpq4zcr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--bg-paper-16);
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
}

.tab-button.active .tab-step[b-47wqpq4zcr] {
    background: var(--primary-main);
    color: var(--primary-contrast);
}

.tab-button.is-complete .tab-step[b-47wqpq4zcr] {
    background: var(--success-lighter);
    color: var(--success-dark);
}

.tab-button.has-errors .tab-step[b-47wqpq4zcr] {
    background: var(--error-lighter);
    color: var(--error-dark);
}

.tab-icon[b-47wqpq4zcr] {
    font-size: 18px;
}

.tab-text[b-47wqpq4zcr] {
    font-weight: inherit;
}

.tab-required[b-47wqpq4zcr] {
    color: var(--error-main);
    font-weight: 700;
}

.tab-error-icon[b-47wqpq4zcr] {
    font-size: 16px;
    color: var(--error-main);
}

.tab-complete-icon[b-47wqpq4zcr] {
    font-size: 16px;
    color: var(--success-main);
}

/* Progress Bar */
.tab-progress[b-47wqpq4zcr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--divider);
    background: var(--bg-paper);
}

.progress-bar[b-47wqpq4zcr] {
    flex: 1;
    height: 6px;
    background: var(--bg-paper-16);
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-47wqpq4zcr] {
    height: 100%;
    background: var(--primary-main);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.progress-text[b-47wqpq4zcr] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    white-space: nowrap;
}

/* Tab Content */
.tab-content[b-47wqpq4zcr] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    min-height: 300px;
}

/* Tab Footer */
.tab-footer[b-47wqpq4zcr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--divider);
    background: var(--bg-paper-2);
    position: sticky;
    bottom: 0;
}

.footer-left[b-47wqpq4zcr],
.footer-right[b-47wqpq4zcr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .tab-navigation[b-47wqpq4zcr] {
        padding: 0 0.5rem;
    }
    
    .tab-button[b-47wqpq4zcr] {
        padding: 0.75rem 1rem;
        font-size: 0.8125rem;
    }
    
    .tab-step[b-47wqpq4zcr] {
        width: 20px;
        height: 20px;
        font-size: 0.6875rem;
    }
    
    .tab-text[b-47wqpq4zcr] {
        display: none;
    }
    
    .tab-button.active .tab-text[b-47wqpq4zcr] {
        display: inline;
    }
    
    .tab-content[b-47wqpq4zcr] {
        padding: 1rem;
    }
    
    .tab-footer[b-47wqpq4zcr] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .footer-left[b-47wqpq4zcr],
    .footer-right[b-47wqpq4zcr] {
        width: 100%;
        justify-content: center;
    }
    
    .footer-right[b-47wqpq4zcr] {
        flex-wrap: wrap;
    }
}
/* /Components/Manager/AlertSignalRow.razor.rz.scp.css */
.mp-alert-row[b-xzyvxmtcb9] {
    --alert-color: var(--info-main);
    --alert-bg: var(--info-bg);
    --alert-border: var(--info-light);

    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-left: 3px solid var(--alert-color);
    border-radius: 0;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: background var(--motion-fast);
}

.mp-alert-row:hover[b-xzyvxmtcb9] {
    background: var(--alert-bg);
}

.mp-alert-row:focus-visible[b-xzyvxmtcb9] {
    outline: none;
    box-shadow: var(--ring-focus);
}

.mp-alert-row--error[b-xzyvxmtcb9] {
    --alert-color: var(--error-main);
    --alert-bg: var(--error-bg);
    --alert-border: var(--error-light);
}

.mp-alert-row--warning[b-xzyvxmtcb9] {
    --alert-color: var(--warning-main);
    --alert-bg: var(--warning-bg);
    --alert-border: var(--warning-light);
}

.mp-alert-row--info[b-xzyvxmtcb9] {
    --alert-color: var(--info-main);
    --alert-bg: var(--info-bg);
    --alert-border: var(--info-light);
}

.mp-alert-row--success[b-xzyvxmtcb9] {
    --alert-color: var(--success-main);
    --alert-bg: var(--success-bg);
    --alert-border: var(--success-light);
}

.mp-alert-row__icon[b-xzyvxmtcb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 1px;
    background: var(--alert-bg);
    color: var(--alert-color);
    flex: 0 0 auto;
}

.mp-alert-row__icon .material-icons[b-xzyvxmtcb9] {
    font-size: 16px;
}

.mp-alert-row__body[b-xzyvxmtcb9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

.mp-alert-row__label[b-xzyvxmtcb9] {
    color: var(--text-primary);
    margin: 0;
}

.mp-alert-row__description[b-xzyvxmtcb9] {
    color: var(--text-secondary);
    margin: 0;
}

.mp-alert-row__count[b-xzyvxmtcb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 20px;
    padding: 0 5px;
    border-radius: 1px;
    background: var(--alert-color);
    color: var(--common-white);
    font-size: 10px;
    font-weight: 600;
    flex: 0 0 auto;
}

.mp-alert-row__chevron[b-xzyvxmtcb9] {
    color: var(--text-disabled);
    font-size: 20px;
    flex: 0 0 auto;
    transition: transform var(--motion-fast), color var(--motion-fast);
}

.mp-alert-row:hover .mp-alert-row__chevron[b-xzyvxmtcb9] {
    color: var(--alert-color);
    transform: translateX(2px);
}
/* /Components/Manager/ChartCard.razor.rz.scp.css */
.mp-chart-card[b-t1neh0ol67] {
    display: flex;
    flex-direction: column;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    transition: border-color var(--motion-fast);
}

.mp-chart-card:hover[b-t1neh0ol67] {
    border-color: var(--divider-strong);
}

.mp-chart-card__head[b-t1neh0ol67] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 5px 8px;
    border-bottom: 1px solid var(--divider);
    background: var(--gray-100);
}

.mp-chart-card__titles[b-t1neh0ol67] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

.mp-chart-card__eyebrow[b-t1neh0ol67] {
    color: var(--text-secondary);
    font-size: 9px;
}

.mp-chart-card__title[b-t1neh0ol67] {
    color: var(--text-primary);
    margin: 0;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
}

.mp-chart-card__subtitle[b-t1neh0ol67] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 10px;
}

.mp-chart-card__actions[b-t1neh0ol67] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex: 0 0 auto;
}

.mp-chart-card__body[b-t1neh0ol67] {
    padding: 8px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mp-chart-card--compact .mp-chart-card__body[b-t1neh0ol67] { min-height: 190px; }
.mp-chart-card--standard .mp-chart-card__body[b-t1neh0ol67] { min-height: 250px; }
.mp-chart-card--tall .mp-chart-card__body[b-t1neh0ol67] { min-height: 310px; }
.mp-chart-card--auto .mp-chart-card__body[b-t1neh0ol67] { min-height: 0; }

.mp-chart-card__footer[b-t1neh0ol67] {
    padding: 5px 8px;
    border-top: 1px solid var(--divider);
    background: var(--bg-paper-2);
}

/* Empty state */
.mp-chart-card__empty[b-t1neh0ol67] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    color: var(--text-hint);
    padding: var(--sp-6);
    text-align: center;
}

.mp-chart-card__empty .material-icons[b-t1neh0ol67] {
    font-size: 36px;
    color: var(--text-disabled);
    opacity: 0.7;
}

/* Loading state - animated bars */
.mp-chart-card__loading[b-t1neh0ol67] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    min-height: 180px;
    padding: var(--sp-3);
}

.mp-chart-card__loading-bars[b-t1neh0ol67] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    height: 100%;
    width: 100%;
    max-width: 320px;
}

.mp-chart-card__loading-bars span[b-t1neh0ol67] {
    flex: 1;
    border-radius: var(--shape-xs) var(--shape-xs) 0 0;
    background: linear-gradient(180deg, var(--bg-paper-16) 0%, var(--bg-paper-2) 100%);
    animation: mp-chart-bar-pulse-b-t1neh0ol67 1.6s ease-in-out infinite;
}

.mp-chart-card__loading-bars span:nth-child(1)[b-t1neh0ol67] { animation-delay: 0s; }
.mp-chart-card__loading-bars span:nth-child(2)[b-t1neh0ol67] { animation-delay: 0.1s; }
.mp-chart-card__loading-bars span:nth-child(3)[b-t1neh0ol67] { animation-delay: 0.2s; }
.mp-chart-card__loading-bars span:nth-child(4)[b-t1neh0ol67] { animation-delay: 0.3s; }
.mp-chart-card__loading-bars span:nth-child(5)[b-t1neh0ol67] { animation-delay: 0.4s; }
.mp-chart-card__loading-bars span:nth-child(6)[b-t1neh0ol67] { animation-delay: 0.5s; }

@keyframes mp-chart-bar-pulse-b-t1neh0ol67 {
    0%, 100% { opacity: 0.5; transform: scaleY(0.85); }
    50% { opacity: 1; transform: scaleY(1); }
}

@media (max-width: 768px) {
    .mp-chart-card__head[b-t1neh0ol67] {
        padding: 5px 8px;
    }
    .mp-chart-card__body[b-t1neh0ol67] {
        padding: 6px;
    }
}
/* /Components/Manager/KpiCard.razor.rz.scp.css */
.mp-kpi-card[b-pf7tro58ok] {
    --kpi-accent: var(--chart-1);
    --kpi-accent-light: var(--chart-1-light);

    display: flex;
    min-width: 0;
    padding: 10px 14px 14px;
    background: var(--bg-paper);
    border-radius: 0;
    box-shadow: none;
    transition: background 0.2s ease;
    position: relative;
    min-height: 106px;
}

/* Accent slots map to chart palette */
.mp-kpi-card--accent-1[b-pf7tro58ok] { --kpi-accent: var(--chart-1); --kpi-accent-light: var(--chart-1-light); }
.mp-kpi-card--accent-2[b-pf7tro58ok] { --kpi-accent: var(--chart-2); --kpi-accent-light: var(--chart-2-light); }
.mp-kpi-card--accent-3[b-pf7tro58ok] { --kpi-accent: var(--chart-3); --kpi-accent-light: var(--chart-3-light); }
.mp-kpi-card--accent-4[b-pf7tro58ok] { --kpi-accent: var(--chart-4); --kpi-accent-light: var(--chart-4-light); }
.mp-kpi-card--accent-5[b-pf7tro58ok] { --kpi-accent: var(--chart-5); --kpi-accent-light: var(--chart-5-light); }
.mp-kpi-card--accent-6[b-pf7tro58ok] { --kpi-accent: var(--chart-6); --kpi-accent-light: var(--chart-6-light); }
.mp-kpi-card--accent-7[b-pf7tro58ok] { --kpi-accent: var(--chart-7); --kpi-accent-light: var(--chart-7-light); }
.mp-kpi-card--accent-8[b-pf7tro58ok] { --kpi-accent: var(--chart-8); --kpi-accent-light: var(--chart-8-light); }

.mp-kpi-card--clickable[b-pf7tro58ok] {
    cursor: pointer;
}

.mp-kpi-card--clickable:hover[b-pf7tro58ok] {
    background: var(--primary-hover);
}

.mp-kpi-card--clickable:focus-visible[b-pf7tro58ok] {
    outline: none;
    box-shadow: var(--ring-default), var(--elev-2), var(--ring-focus);
}

.mp-kpi-card__body[b-pf7tro58ok] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 1 1 auto;
}

.mp-kpi-card__label[b-pf7tro58ok] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.mp-kpi-card__value-row[b-pf7tro58ok] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    min-height: 29px;
}

.mp-kpi-card__value[b-pf7tro58ok] {
    color: var(--text-primary);
    margin: 0;
    word-break: break-word;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    white-space: nowrap;
}

.mp-kpi-card__meta[b-pf7tro58ok] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 16px;
    margin-top: 0;
    overflow: hidden;
}

.mp-kpi-card__sublabel[b-pf7tro58ok] {
    color: var(--text-hint);
    overflow: hidden;
    font-size: 11px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mp-kpi-card__trend[b-pf7tro58ok] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: var(--text-secondary);
}

.mp-kpi-card__trend .material-icons[b-pf7tro58ok] {
    font-size: 14px;
}

.mp-kpi-card__trend--up[b-pf7tro58ok] {
    background: transparent;
    color: var(--success-main);
}

.mp-kpi-card__trend--down[b-pf7tro58ok] {
    background: transparent;
    color: var(--error-main);
}

.mp-kpi-card__trend--flat[b-pf7tro58ok] {
    background: transparent;
    color: var(--text-secondary);
}

.mp-kpi-card__accent-rule[b-pf7tro58ok] {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    background: var(--kpi-accent);
}

/* Skeleton loading shimmer */
.mp-kpi-card__skeleton[b-pf7tro58ok] {
    height: 20px;
    width: 60%;
    border-radius: var(--shape-xs);
    background: linear-gradient(
        90deg,
        var(--bg-paper-16) 0%,
        var(--bg-paper-2) 50%,
        var(--bg-paper-16) 100%
    );
    background-size: 200% 100%;
    animation: mp-skeleton-shimmer-b-pf7tro58ok 1.4s ease-in-out infinite;
}

@keyframes mp-skeleton-shimmer-b-pf7tro58ok {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/Manager/MetricTile.razor.rz.scp.css */
.mp-metric-tile[b-al0d641g9t] {
    --tile-accent: var(--chart-1);
    --tile-accent-light: var(--chart-1-light);

    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    padding: var(--sp-5) var(--sp-6);
    background:
        radial-gradient(120% 100% at 100% 0%, var(--tile-accent-light) 0%, transparent 60%),
        var(--bg-paper);
    border-radius: var(--shape-lg);
    box-shadow: var(--ring-default), var(--elev-2);
    position: relative;
    overflow: hidden;
}

.mp-metric-tile--accent-1[b-al0d641g9t] { --tile-accent: var(--chart-1); --tile-accent-light: rgba(67,56,202,0.10); }
.mp-metric-tile--accent-2[b-al0d641g9t] { --tile-accent: var(--chart-2); --tile-accent-light: rgba(13,148,136,0.10); }
.mp-metric-tile--accent-3[b-al0d641g9t] { --tile-accent: var(--chart-3); --tile-accent-light: rgba(217,119,6,0.10); }
.mp-metric-tile--accent-4[b-al0d641g9t] { --tile-accent: var(--chart-4); --tile-accent-light: rgba(225,29,72,0.10); }
.mp-metric-tile--accent-5[b-al0d641g9t] { --tile-accent: var(--chart-5); --tile-accent-light: rgba(124,58,237,0.10); }
.mp-metric-tile--accent-6[b-al0d641g9t] { --tile-accent: var(--chart-6); --tile-accent-light: rgba(5,150,105,0.10); }
.mp-metric-tile--accent-7[b-al0d641g9t] { --tile-accent: var(--chart-7); --tile-accent-light: rgba(2,132,199,0.10); }
.mp-metric-tile--accent-8[b-al0d641g9t] { --tile-accent: var(--chart-8); --tile-accent-light: rgba(100,116,139,0.10); }

.mp-metric-tile__head[b-al0d641g9t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
}

.mp-metric-tile__head-text[b-al0d641g9t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.mp-metric-tile__label[b-al0d641g9t] {
    color: var(--text-secondary);
}

.mp-metric-tile__sublabel[b-al0d641g9t] {
    color: var(--text-hint);
}

.mp-metric-tile__icon[b-al0d641g9t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--shape-md);
    background: var(--bg-paper);
    color: var(--tile-accent);
    box-shadow: var(--ring-default);
    flex: 0 0 auto;
}

.mp-metric-tile__icon .material-icons[b-al0d641g9t] {
    font-size: 24px;
}

.mp-metric-tile__value-row[b-al0d641g9t] {
    display: flex;
    align-items: baseline;
    gap: var(--sp-3);
    flex-wrap: wrap;
}

.mp-metric-tile__value[b-al0d641g9t] {
    color: var(--text-primary);
    margin: 0;
    font-weight: 500;
}

.mp-metric-tile__trend[b-al0d641g9t] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 4px 10px;
    border-radius: var(--shape-pill);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.mp-metric-tile__trend .material-icons[b-al0d641g9t] {
    font-size: 16px;
}

.mp-metric-tile__trend--up[b-al0d641g9t] {
    background: var(--success-lighter);
    color: var(--success-dark);
}

.mp-metric-tile__trend--down[b-al0d641g9t] {
    background: var(--error-lighter);
    color: var(--error-dark);
}

.mp-metric-tile__trend--flat[b-al0d641g9t] {
    background: var(--bg-paper-16);
    color: var(--text-secondary);
}

.mp-metric-tile__caption[b-al0d641g9t] {
    color: var(--text-secondary);
    margin: 0;
}

.mp-metric-tile__footer[b-al0d641g9t] {
    margin-top: var(--sp-2);
    padding-top: var(--sp-3);
    border-top: 1px solid var(--divider);
}

.mp-metric-tile__skeleton[b-al0d641g9t] {
    height: 48px;
    width: 50%;
    border-radius: var(--shape-sm);
    background: linear-gradient(90deg, var(--bg-paper-16) 0%, var(--bg-paper-2) 50%, var(--bg-paper-16) 100%);
    background-size: 200% 100%;
    animation: mp-skeleton-shimmer 1.4s ease-in-out infinite;
}
/* /Components/Manager/PageHeader.razor.rz.scp.css */
.mp-page-header[b-u4ukwu2bhl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-2);
    padding: 6px 8px;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 6px;
}

.mp-page-header__left[b-u4ukwu2bhl] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
    min-width: 0;
    flex: 1 1 auto;
}

.mp-page-header__back[b-u4ukwu2bhl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background: var(--bg-paper-16);
    color: var(--text-secondary);
    text-decoration: none;
    transition: var(--motion-fast);
    flex: 0 0 auto;
    margin-top: 2px;
}

.mp-page-header__back:hover[b-u4ukwu2bhl] {
    background: var(--primary-lighter);
    color: var(--primary-main);
}

.mp-page-header__back .material-icons[b-u4ukwu2bhl] {
    font-size: 20px;
}

.mp-page-header__titles[b-u4ukwu2bhl] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.mp-page-header__eyebrow[b-u4ukwu2bhl] {
    color: var(--text-secondary);
    margin-bottom: 0;
    font-size: 9px;
    text-transform: uppercase;
}

.mp-page-header__title[b-u4ukwu2bhl] {
    color: var(--text-primary);
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    word-break: break-word;
}

.mp-page-header__subtitle[b-u4ukwu2bhl] {
    color: var(--text-secondary);
    margin: 0;
    max-width: 72ch;
    font-size: 11px;
    line-height: 15px;
}

.mp-page-header__right[b-u4ukwu2bhl] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .mp-page-header[b-u4ukwu2bhl] {
        flex-direction: column;
        align-items: stretch;
        padding: 6px;
    }

    .mp-page-header__title[b-u4ukwu2bhl] {
        font-size: 16px;
        line-height: 20px;
    }
}
/* /Components/Manager/Panels/OperationalHealthPanel.razor.rz.scp.css */
.ohp-grid[b-5p1h9dwaqu] {
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.2fr);
}

.ohp-block[b-5p1h9dwaqu],
.ohp-technicians[b-5p1h9dwaqu] {
    background: var(--bg-paper);
    border: 1px solid var(--divider);
}

.ohp-block h3[b-5p1h9dwaqu],
.ohp-section-head[b-5p1h9dwaqu] {
    border-bottom: 1px solid var(--divider);
    margin: 0;
    padding: 6px 8px;
    background: var(--gray-100);
}

.ohp-block h3[b-5p1h9dwaqu],
.ohp-section-head h3[b-5p1h9dwaqu] {
    color: var(--text-primary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.ohp-today-grid[b-5p1h9dwaqu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ohp-today-grid div[b-5p1h9dwaqu] {
    border-bottom: 1px solid var(--divider);
    border-right: 1px solid var(--divider);
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 58px;
    padding: 7px 8px;
}

.ohp-today-grid div:nth-child(2n)[b-5p1h9dwaqu] {
    border-right: 0;
}

.ohp-today-grid div:nth-last-child(-n+2)[b-5p1h9dwaqu] {
    border-bottom: 0;
}

.ohp-today-grid span[b-5p1h9dwaqu],
.ohp-section-head span[b-5p1h9dwaqu] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.ohp-today-grid strong[b-5p1h9dwaqu] {
    color: var(--text-primary);
    font-size: 17px;
}

.ohp-technicians[b-5p1h9dwaqu] {
    margin-top: 6px;
    overflow: hidden;
}

.ohp-section-head[b-5p1h9dwaqu] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.ohp-section-head h3[b-5p1h9dwaqu] {
    margin: 2px 0 0;
}

[b-5p1h9dwaqu] .mp-chart-card {
    border: 1px solid var(--divider);
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 850px) {
    .ohp-grid[b-5p1h9dwaqu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Manager/SectionHeader.razor.rz.scp.css */
.mp-section-header[b-lyzrw9f4uw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sp-3);
    margin: var(--sp-6) 0 var(--sp-3);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--divider);
}

.mp-section-header:first-child[b-lyzrw9f4uw] {
    margin-top: 0;
}

.mp-section-header__text[b-lyzrw9f4uw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.mp-section-header__eyebrow[b-lyzrw9f4uw] {
    color: var(--primary-main);
}

.mp-section-header__title[b-lyzrw9f4uw] {
    color: var(--text-primary);
    margin: 0;
    font-weight: 600;
}

.mp-section-header__description[b-lyzrw9f4uw] {
    color: var(--text-secondary);
    margin: 0;
    max-width: 80ch;
}

.mp-section-header__actions[b-lyzrw9f4uw] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .mp-section-header[b-lyzrw9f4uw] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Manager/StatPill.razor.rz.scp.css */
.mp-stat-pill[b-8ebjsmptyi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: var(--shape-pill);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    background: var(--bg-paper-16);
    color: var(--text-secondary);
    white-space: nowrap;
}

.mp-stat-pill .material-icons[b-8ebjsmptyi] {
    font-size: 14px;
}

.mp-stat-pill__label[b-8ebjsmptyi] {
    font-weight: 500;
}

.mp-stat-pill__value[b-8ebjsmptyi] {
    font-weight: 600;
    color: var(--text-primary);
}

.mp-stat-pill--neutral[b-8ebjsmptyi] {
    background: var(--bg-paper-16);
    color: var(--text-secondary);
}

.mp-stat-pill--primary[b-8ebjsmptyi] {
    background: var(--primary-lighter);
    color: var(--primary-dark);
}
.mp-stat-pill--primary .mp-stat-pill__value[b-8ebjsmptyi] { color: var(--primary-dark); }

.mp-stat-pill--success[b-8ebjsmptyi] {
    background: var(--success-lighter);
    color: var(--success-dark);
}
.mp-stat-pill--success .mp-stat-pill__value[b-8ebjsmptyi] { color: var(--success-dark); }

.mp-stat-pill--warning[b-8ebjsmptyi] {
    background: var(--warning-lighter);
    color: var(--warning-dark);
}
.mp-stat-pill--warning .mp-stat-pill__value[b-8ebjsmptyi] { color: var(--warning-dark); }

.mp-stat-pill--error[b-8ebjsmptyi] {
    background: var(--error-lighter);
    color: var(--error-dark);
}
.mp-stat-pill--error .mp-stat-pill__value[b-8ebjsmptyi] { color: var(--error-dark); }

.mp-stat-pill--info[b-8ebjsmptyi] {
    background: var(--info-lighter);
    color: var(--info-dark);
}
.mp-stat-pill--info .mp-stat-pill__value[b-8ebjsmptyi] { color: var(--info-dark); }
/* /Components/Manager/TrendChip.razor.rz.scp.css */
.mp-trend-chip[b-ofazmg5co9] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 8px;
    border-radius: var(--shape-pill);
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.mp-trend-chip .material-icons[b-ofazmg5co9] {
    font-size: 14px;
}

.mp-trend-chip--up[b-ofazmg5co9] {
    background: var(--success-lighter);
    color: var(--success-dark);
}

.mp-trend-chip--down[b-ofazmg5co9] {
    background: var(--error-lighter);
    color: var(--error-dark);
}

.mp-trend-chip--flat[b-ofazmg5co9] {
    background: var(--bg-paper-16);
    color: var(--text-secondary);
}
/* /Components/NepaliCalendar/NepaliCalendarPicker.razor.rz.scp.css */
.npc-popup[b-makfph4n0p] {
    background: var(--bg-paper);
    border: 1px solid var(--divider-strong);
    border-radius: var(--shape-xs);
    box-shadow: var(--elev-4);
    width: 280px;
    padding: 0;
    overflow: hidden;
    outline: none;
    animation: none;
}

@keyframes npc-enter-b-makfph4n0p {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)   scale(1);    }
}

/* Header */
.npc-header[b-makfph4n0p] {
    display: flex;
    align-items: center;
    padding: 10px 10px 8px;
    background: var(--primary-main);
    color: var(--primary-contrast);
    gap: 4px;
}

.npc-title[b-makfph4n0p] {
    flex: 1;
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.npc-nav-btn[b-makfph4n0p],
.npc-close-btn[b-makfph4n0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--shape-xs);
    background: transparent;
    color: rgba(255,255,255,0.8);
    cursor: pointer;
    padding: 0;
    transition: background 0.1s ease, color 0.1s ease;
    flex-shrink: 0;
}

.npc-nav-btn:hover[b-makfph4n0p],
.npc-close-btn:hover[b-makfph4n0p] {
    background: rgba(255,255,255,0.15);
    color: #ffffff;
}

.npc-nav-btn .material-icons[b-makfph4n0p],
.npc-close-btn .material-icons[b-makfph4n0p] {
    font-size: 18px;
}

/* Day-of-week header row */
.npc-dow-row[b-makfph4n0p] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 8px 8px 4px;
    background: var(--bg-paper-2);
    border-bottom: 1px solid var(--divider);
}

.npc-dow-cell[b-makfph4n0p] {
    text-align: center;
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 2px 0;
}

/* Day grid */
.npc-grid[b-makfph4n0p] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    padding: 8px;
}

.npc-day[b-makfph4n0p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--shape-xs);
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-size: 0.75rem;
    font-weight: 450;
    cursor: pointer;
    transition: background 0.1s ease, color 0.1s ease;
    margin: 0 auto;
    padding: 0;
    font-family: inherit;
}

.npc-day:hover[b-makfph4n0p] {
    background: var(--primary-hover);
    color: var(--primary-main);
}

.npc-day--empty[b-makfph4n0p] {
    background: transparent;
    cursor: default;
    pointer-events: none;
}

.npc-day--today[b-makfph4n0p] {
    box-shadow: inset 0 0 0 1px var(--primary-main);
    color: var(--primary-main);
    font-weight: 600;
}

.npc-day--today:hover[b-makfph4n0p] {
    background: var(--primary-hover);
}

.npc-day--selected[b-makfph4n0p] {
    background: var(--primary-main);
    color: var(--primary-contrast);
    font-weight: 600;
    box-shadow: none;
}

.npc-day--selected:hover[b-makfph4n0p] {
    background: var(--primary-dark);
    color: var(--primary-contrast);
}

/* If a day is both today and selected */
.npc-day--today.npc-day--selected[b-makfph4n0p] {
    background: var(--primary-main);
    box-shadow: inset 0 0 0 1px var(--primary-contrast);
}

/* Footer */
.npc-footer[b-makfph4n0p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 10px;
    border-top: 1px solid var(--divider);
}

.npc-today-btn[b-makfph4n0p] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--primary-main);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 3px 8px;
    border-radius: var(--shape-xs);
    font-family: inherit;
    transition: background 0.1s ease;
}

.npc-today-btn:hover[b-makfph4n0p] {
    background: var(--primary-hover);
}

.npc-footer-hint[b-makfph4n0p] {
    font-size: 0.6rem;
    color: var(--text-disabled);
    font-weight: 400;
}
/* /Components/Reports/ReportFilterDialog.razor.rz.scp.css */
/* ReportFilterDialog */

.rfd-panel[b-uz52r3zvwb] {
    background: #ffffff;
    border-radius: 28px;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    outline: none;
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.04),
        0 8px 30px rgba(0, 0, 0, 0.08),
        0 24px 60px rgba(0, 0, 0, 0.04);
    animation: rfd-enter-b-uz52r3zvwb 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes rfd-enter-b-uz52r3zvwb {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.rfd-header[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px 18px;
    border-bottom: 1px solid #f0f0f3;
}

.rfd-header-left[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rfd-header-icon[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: transparent;
    color: #1f2937;
    flex-shrink: 0;
}

.rfd-header-icon .material-icons[b-uz52r3zvwb] {
    font-size: 24px;
}

.rfd-header-text[b-uz52r3zvwb] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rfd-title[b-uz52r3zvwb] {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.rfd-subtitle[b-uz52r3zvwb] {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 13px;
    color: #9ca3af;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.006em;
}

.rfd-close-btn[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.rfd-close-btn:hover[b-uz52r3zvwb] {
    background: #f3f4f6;
    color: #374151;
}

.rfd-close-btn:active[b-uz52r3zvwb] {
    background: #e5e7eb;
    transform: scale(0.95);
}

.rfd-close-btn .material-icons[b-uz52r3zvwb] {
    font-size: 20px;
}

.rfd-body[b-uz52r3zvwb] {
    padding: 20px 24px 12px;
    min-height: 240px;
}

.rfd-grid[b-uz52r3zvwb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 16px;
}

.rfd-field[b-uz52r3zvwb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.rfd-field--full[b-uz52r3zvwb] {
    grid-column: 1 / -1;
}

.rfd-label[b-uz52r3zvwb] {
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    letter-spacing: 0.01em;
    line-height: 1;
    user-select: none;
}

.rfd-input-wrap[b-uz52r3zvwb] {
    width: 100%;
}


/* Text inputs, numeric inputs - scoped to NOT match inputs inside dropdowns */
.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    padding: 0 12px !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
    letter-spacing: -0.006em !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext:hover,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext:focus,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox:focus {
    border-color: var(--gray-900) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12) !important;
    outline: none !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext::placeholder,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Reset input styles when nested inside a dropdown (filter input) */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown .rz-inputtext {
    height: 100% !important;
    min-height: unset !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 8px !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    color: #1f2937 !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown.rz-state-focused {
    border-color: var(--gray-900) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.12) !important;
}

/* Dropdown selected label text */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-label {
    font-family: var(--font-sans) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1f2937 !important;
    padding: 0 12px !important;
    line-height: 38px !important;
    height: 100% !important;
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.006em !important;
}

/* Dropdown placeholder */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-label.rz-placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Dropdown trigger (chevron) */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-trigger {
    border-radius: 0 8px 8px 0 !important;
    color: #9ca3af !important;
}

/* Dropdown clear icon */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-clear-icon {
    color: #9ca3af !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-clear-icon:hover {
    color: #6b7280 !important;
}

/* Hidden accessible helper — force out of flow */
.rfd-input-wrap[b-uz52r3zvwb]  .rz-helper-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e5e7eb !important;
    background: #fafafa !important;
    box-shadow: none !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner:hover {
    border-color: #d1d5db !important;
    background: #ffffff !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner .rz-inputtext {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: unset !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-datepicker-trigger {
    border-radius: 0 8px 8px 0 !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    transition: color 0.15s ease !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-datepicker-trigger:hover {
    color: var(--gray-900) !important;
}

.rfd-checkbox-wrap[b-uz52r3zvwb] {
    padding-top: 4px;
}

.rfd-toggle[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.rfd-toggle-text[b-uz52r3zvwb] {
    font-family: var(--font-sans);
    font-size: 14px;
    color: #6b7280;
    font-weight: 400;
}

.rfd-toggle[b-uz52r3zvwb]  .rz-chkbox-box {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    border: 1.5px solid #d1d5db !important;
    transition: all 0.15s ease !important;
}

.rfd-toggle[b-uz52r3zvwb]  .rz-chkbox-box.rz-state-active {
    background: var(--gray-900) !important;
    border-color: var(--gray-900) !important;
}

.rfd-picker[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    height: 42px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.15s ease;
    overflow: hidden;
}

.rfd-picker:hover[b-uz52r3zvwb] {
    border-color: #d1d5db;
    background: #ffffff;
}

.rfd-picker--active[b-uz52r3zvwb] {
    border-color: var(--gray-900);
    background: #ffffff;
}

.rfd-picker--active:hover[b-uz52r3zvwb] {
    border-color: var(--gray-800);
    background: var(--gray-50);
}

.rfd-picker-value[b-uz52r3zvwb] {
    flex: 1;
    min-width: 0;
    padding: 0 12px;
    display: flex;
    align-items: center;
}

.rfd-picker-text[b-uz52r3zvwb] {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rfd-picker-placeholder[b-uz52r3zvwb] {
    font-family: var(--font-sans);
    font-size: 14px;
    color: #9ca3af;
    font-weight: 400;
}

.rfd-picker-actions[b-uz52r3zvwb] {
    display: flex;
    align-items: stretch;
    height: 100%;
    flex-shrink: 0;
}

.rfd-picker-btn[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.rfd-picker-btn .material-icons[b-uz52r3zvwb] {
    font-size: 16px;
}

.rfd-picker-btn--clear[b-uz52r3zvwb] {
    background: transparent;
    color: #9ca3af;
    border-left: 1px solid #e5e7eb;
}

.rfd-picker-btn--clear:hover[b-uz52r3zvwb] {
    background: #fef2f2;
    color: #ef4444;
}

.rfd-picker-btn--browse[b-uz52r3zvwb] {
    background: var(--gray-900);
    color: #ffffff;
    border-radius: 0 6px 6px 0;
}

.rfd-picker-btn--browse:hover[b-uz52r3zvwb] {
    background: var(--gray-800);
}

.rfd-picker-btn--browse:active[b-uz52r3zvwb] {
    background: var(--gray-950);
}

.rfd-footer[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 24px;
    border-top: 1px solid #f0f0f3;
    margin-top: 8px;
}

.rfd-footer-actions[b-uz52r3zvwb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rfd-btn[b-uz52r3zvwb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1;
    border: none;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.rfd-btn .material-icons[b-uz52r3zvwb] {
    font-size: 16px;
}

.rfd-btn--primary[b-uz52r3zvwb] {
    background: var(--gray-900);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.22);
}

.rfd-btn--primary:hover[b-uz52r3zvwb] {
    background: var(--gray-800);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28);
    transform: translateY(-0.5px);
}

.rfd-btn--primary:active[b-uz52r3zvwb] {
    background: var(--gray-950);
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

.rfd-btn--ghost[b-uz52r3zvwb] {
    background: #ffffff;
    color: #374151;
    font-weight: 500;
    border: 1px solid #d1d5db;
}

.rfd-btn--ghost:hover[b-uz52r3zvwb] {
    background: #f9fafb;
    color: #1f2937;
    border-color: #9ca3af;
}

.rfd-btn--ghost:active[b-uz52r3zvwb] {
    background: #f3f4f6;
}

@media (max-width: 560px) {
    .rfd-header[b-uz52r3zvwb] {
        padding: 16px 16px 12px;
    }

    .rfd-title[b-uz52r3zvwb] {
        font-size: 16px;
    }

    .rfd-body[b-uz52r3zvwb] {
        padding: 16px 16px 4px;
        min-height: 180px;
    }

    .rfd-grid[b-uz52r3zvwb] {
        grid-template-columns: 1fr;
    }

    .rfd-footer[b-uz52r3zvwb] {
        padding: 12px 16px;
    }

    .rfd-footer-actions[b-uz52r3zvwb] {
        width: 100%;
        justify-content: flex-end;
    }
}

/* Material 3 override layer */
.rfd-panel[b-uz52r3zvwb] {
    background: var(--bg-paper);
    border-radius: 0;
    color: var(--text-primary);
    font-family: var(--font-sans);
    box-shadow: none;
    animation: none;
}

.rfd-header[b-uz52r3zvwb] {
    min-height: 56px;
    padding: 8px 14px;
    border-bottom-color: var(--divider);
}

.rfd-header-left[b-uz52r3zvwb] { gap: 8px; }

.rfd-header-icon[b-uz52r3zvwb] {
    width: 32px;
    height: 32px;
    border-radius: var(--shape-xs);
    background: var(--primary-hover);
    color: var(--primary-main);
}

.rfd-header-icon .material-icons[b-uz52r3zvwb] { font-size: 18px; }

.rfd-title[b-uz52r3zvwb],
.rfd-subtitle[b-uz52r3zvwb],
.rfd-label[b-uz52r3zvwb],
.rfd-toggle-text[b-uz52r3zvwb],
.rfd-picker-text[b-uz52r3zvwb],
.rfd-picker-placeholder[b-uz52r3zvwb],
.rfd-btn[b-uz52r3zvwb] {
    font-family: var(--font-sans);
    letter-spacing: 0;
}

.rfd-title[b-uz52r3zvwb] {
    color: var(--text-primary);
    font-size: 14px;
    line-height: 18px;
}

.rfd-subtitle[b-uz52r3zvwb] {
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 14px;
}

.rfd-close-btn[b-uz52r3zvwb] {
    width: 32px;
    height: 32px;
    border-radius: var(--shape-xs);
    color: var(--text-secondary);
}

.rfd-close-btn:hover[b-uz52r3zvwb] {
    background: var(--primary-hover);
    color: var(--primary-main);
}

.rfd-close-btn:active[b-uz52r3zvwb] {
    background: var(--primary-selected);
    transform: none;
}

.rfd-close-btn .material-icons[b-uz52r3zvwb] { font-size: 18px; }

.rfd-body[b-uz52r3zvwb] {
    padding: 16px 14px 8px;
    min-height: 0;
}

.rfd-grid[b-uz52r3zvwb] { gap: 16px; }
.rfd-field[b-uz52r3zvwb] { gap: 6px; }

.rfd-label[b-uz52r3zvwb] {
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 16px;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner {
    height: 36px !important;
    min-height: 36px !important;
    border: 1px solid var(--divider-strong) !important;
    border-radius: var(--shape-xs) !important;
    background: var(--bg-paper) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-sans) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext:hover,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox:hover,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown:hover,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner:hover {
    border-color: var(--primary-main) !important;
    background: var(--bg-paper) !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  > .rz-inputtext:focus,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-textbox:focus,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown.rz-state-focused {
    border-color: var(--primary-main) !important;
    box-shadow: inset 0 0 0 1px var(--primary-main) !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown .rz-inputtext,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-spinner .rz-inputtext {
    border: none !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: unset !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-label,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown .rz-inputtext {
    color: var(--text-primary) !important;
    font-family: var(--font-sans) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-label.rz-placeholder,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-inputtext::placeholder {
    color: var(--text-disabled) !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-trigger,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-clear-icon,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-datepicker-trigger {
    color: var(--text-secondary) !important;
    border-radius: 0 !important;
}

.rfd-input-wrap[b-uz52r3zvwb]  .rz-datepicker-trigger:hover,
.rfd-input-wrap[b-uz52r3zvwb]  .rz-dropdown-clear-icon:hover { color: var(--primary-main) !important; }

.rfd-toggle[b-uz52r3zvwb]  .rz-chkbox-box {
    border-radius: var(--shape-xs) !important;
    border: 1px solid var(--divider-strong) !important;
}

.rfd-toggle[b-uz52r3zvwb]  .rz-chkbox-box.rz-state-active {
    background: var(--primary-main) !important;
    border-color: var(--primary-main) !important;
}

.rfd-toggle-text[b-uz52r3zvwb] { color: var(--text-primary); font-size: 13px; }

.rfd-picker[b-uz52r3zvwb] {
    height: 36px;
    border: 1px solid var(--divider-strong);
    border-radius: var(--shape-xs);
    background: var(--bg-paper);
}

.rfd-picker:hover[b-uz52r3zvwb],
.rfd-picker--active[b-uz52r3zvwb],
.rfd-picker--active:hover[b-uz52r3zvwb] {
    border-color: var(--primary-main);
    background: var(--bg-paper);
}

.rfd-picker-text[b-uz52r3zvwb] { color: var(--text-primary); font-size: 13px; }
.rfd-picker-placeholder[b-uz52r3zvwb] { color: var(--text-disabled); font-size: 13px; }

.rfd-picker-btn[b-uz52r3zvwb] { width: 36px; }

.rfd-picker-btn--clear[b-uz52r3zvwb] {
    color: var(--text-secondary);
    border-left-color: var(--divider);
}

.rfd-picker-btn--browse[b-uz52r3zvwb] {
    background: var(--primary-main);
    border-radius: 0;
}

.rfd-picker-btn--browse:hover[b-uz52r3zvwb],
.rfd-picker-btn--browse:active[b-uz52r3zvwb] { background: var(--primary-dark); }

.rfd-footer[b-uz52r3zvwb] {
    min-height: 48px;
    padding: 8px 14px;
    margin-top: 8px;
    border-top-color: var(--divider);
    background: var(--bg-paper-2);
}

.rfd-footer-actions[b-uz52r3zvwb] { gap: 6px; }

.rfd-btn[b-uz52r3zvwb] {
    min-height: 32px;
    padding: 4px 12px;
    border-radius: var(--shape-xs);
    font-size: 12px;
}

.rfd-btn--primary[b-uz52r3zvwb] {
    background: var(--primary-main);
    color: var(--primary-contrast);
    box-shadow: none;
}

.rfd-btn--primary:hover[b-uz52r3zvwb],
.rfd-btn--primary:active[b-uz52r3zvwb] {
    background: var(--primary-dark);
    box-shadow: none;
    transform: none;
}

.rfd-btn--ghost[b-uz52r3zvwb] {
    background: var(--bg-paper);
    color: var(--primary-main);
    border-color: var(--divider-strong);
}

.rfd-btn--ghost:hover[b-uz52r3zvwb],
.rfd-btn--ghost:active[b-uz52r3zvwb] {
    background: var(--primary-hover);
    color: var(--primary-dark);
    border-color: var(--primary-main);
}
/* /Components/Reports/ReportViewer.razor.rz.scp.css */
/* ============================================================================
   ReportViewer Component Styles
   Enterprise-grade report viewer with print-ready layout
   Jira-style: sticky header, viewport-filling scrollable grid, fixed pagination
   ============================================================================ */

.report-viewer-fullscreen[b-qj10v0xb1i] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px);
    min-height: 400px;
    overflow: hidden;
    position: relative;
}

/* Filter side panel backdrop */
.rvf-backdrop[b-qj10v0xb1i] {
    position: absolute;
    inset: 0;
    z-index: 49;
    background: rgba(15, 23, 42, 0.18);
    animation: rvf-fade-in-b-qj10v0xb1i 0.2s ease;
}

@keyframes rvf-fade-in-b-qj10v0xb1i {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Filter side panel */
.rvf-panel[b-qj10v0xb1i] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 360px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
    background: #ffffff;
}

.rvf-panel--open[b-qj10v0xb1i] {
    transform: translateX(0);
    box-shadow: -4px 0 32px rgba(0, 0, 0, 0.14), -1px 0 0 rgba(0, 0, 0, 0.06);
}

/* Override rfd-panel modal styling when rendered inside the drawer */
.rvf-panel[b-qj10v0xb1i]  .rfd-panel {
    height: 100%;
    flex: 1;
    border-radius: 0;
    box-shadow: none;
    animation: none;
    display: flex;
    flex-direction: column;
}

.rvf-panel[b-qj10v0xb1i]  .rfd-body {
    flex: 1;
    overflow-y: auto;
}

.report-sticky-header[b-qj10v0xb1i] {
    flex-shrink: 0;
    z-index: 10;
}

.report-header-row[b-qj10v0xb1i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 10px 14px;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-radius: var(--shape-md) var(--shape-md) 0 0;
}

.report-header-left[b-qj10v0xb1i] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.hero-icon-container[b-qj10v0xb1i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--shape-sm);
    background: var(--primary-container);
    color: var(--on-primary-container);
    flex-shrink: 0;
}

.hero-text[b-qj10v0xb1i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hero-text h2[b-qj10v0xb1i] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hero-subtitle[b-qj10v0xb1i] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-header-right[b-qj10v0xb1i] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.toolbar-record-count[b-qj10v0xb1i] {
    height: 20px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    color: var(--text-secondary);
    margin-right: 4px;
    padding-right: 10px;
    border-right: 1px solid var(--divider);
}

.report-active-filters[b-qj10v0xb1i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: var(--bg-paper);
    border: 1px solid var(--divider);
    border-top: none;
}

.filter-chip[b-qj10v0xb1i] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem 0.6rem;
    background: var(--primary-container);
    color: var(--on-primary-container);
    border-radius: var(--shape-pill);
    font-size: 0.78rem;
    font-weight: 500;
}

.filter-chip .rzi[b-qj10v0xb1i] {
    opacity: 0.7;
}

.filter-chip .rzi:hover[b-qj10v0xb1i] {
    opacity: 1;
}

.report-content[b-qj10v0xb1i] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--divider);
    border-top: none;
    border-radius: 0 0 var(--shape-md) var(--shape-md);
    background: var(--bg-paper);
    overflow: hidden;
}

/* Print header - hidden on screen, shown when printing */
.print-header[b-qj10v0xb1i] {
    display: none;
    text-align: center;
    padding: 1rem;
    border-bottom: 2px solid var(--primary-main);
    margin-bottom: 0.5rem;
}

.print-header h1[b-qj10v0xb1i] {
    font-size: 18px;
    color: var(--text-primary);
    margin-bottom: 2px;
}

.print-header h2[b-qj10v0xb1i] {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 4px;
}

.print-header .date-range[b-qj10v0xb1i] {
    font-size: 11px;
    color: var(--text-hint);
}

.report-loading[b-qj10v0xb1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: var(--text-secondary);
}

.report-empty[b-qj10v0xb1i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 0.5rem;
    color: var(--text-disabled);
}

.report-empty h4[b-qj10v0xb1i] {
    color: var(--text-secondary);
    margin: 0;
}

.report-empty p[b-qj10v0xb1i] {
    color: var(--text-disabled);
    font-size: 0.9rem;
}

[b-qj10v0xb1i] .report-appgrid {
    flex: 1;
    min-height: 0;
    border: none;
    border-radius: 0;
    font-size: 0.85rem;
}

/* Table wrapper: scrollbar theming for report context */
[b-qj10v0xb1i] .report-appgrid .adg-table-wrap::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-qj10v0xb1i] .report-appgrid .adg-table-wrap::-webkit-scrollbar-track {
    background: transparent;
}

[b-qj10v0xb1i] .report-appgrid .adg-table-wrap::-webkit-scrollbar-thumb {
    background: rgba(32, 33, 36, 0.15);
    border-radius: 3px;
}

[b-qj10v0xb1i] .report-appgrid .adg-table-wrap::-webkit-scrollbar-thumb:hover {
    background: rgba(32, 33, 36, 0.3);
}

[b-qj10v0xb1i] .report-appgrid .adg-thead .adg-th {
    background: var(--grid-header-bg);
    color: var(--text-secondary);
    font-weight: 600;
    font-size: var(--grid-header-font-size);
    border-color: var(--divider-strong);
}

[b-qj10v0xb1i] .report-appgrid .adg-thead .adg-th:hover {
    background: var(--primary-hover);
    color: var(--primary-main);
}

[b-qj10v0xb1i] .report-appgrid .adg-th-content .adg-th-text {
    color: inherit;
}

[b-qj10v0xb1i] .report-appgrid .adg-sort-indicator {
    color: var(--text-disabled);
}

[b-qj10v0xb1i] .report-appgrid .adg-sort-indicator.adg-sort-active {
    color: var(--primary-main);
}

[b-qj10v0xb1i] .report-appgrid .adg-sort-indicator .material-icons {
    color: inherit;
}

[b-qj10v0xb1i] .report-appgrid .adg-tbody .adg-tr:nth-child(even) {
    background-color: var(--bg-paper-2);
}

[b-qj10v0xb1i] .report-appgrid .adg-tbody .adg-tr:hover {
    background-color: var(--primary-hover);
}

[b-qj10v0xb1i] .report-appgrid .adg-td {
    font-size: 0.82rem;
}

[b-qj10v0xb1i] .report-appgrid .adg-td-serial .adg-serial {
    color: var(--text-secondary);
    font-size: 0.78rem;
}

[b-qj10v0xb1i] .report-appgrid .adg-pagination {
    border-top: 1px solid var(--divider);
    background: var(--bg-paper-2);
}

@media print {
    .report-viewer-fullscreen[b-qj10v0xb1i] {
        height: auto !important;
        overflow: visible !important;
    }

    .report-sticky-header[b-qj10v0xb1i],
    .report-header-row[b-qj10v0xb1i],
    .report-active-filters[b-qj10v0xb1i] {
        display: none !important;
    }

    .print-header[b-qj10v0xb1i] {
        display: block !important;
    }

    .report-content[b-qj10v0xb1i] {
        flex: none !important;
        overflow: visible !important;
        border: none;
        border-radius: 0;
    }

    [b-qj10v0xb1i] .report-appgrid .adg-pagination {
        display: none !important;
    }
}
/* /Layout/ConfigurationLayout.razor.rz.scp.css */
/* Configuration Layout -- Scoped styles */

/* Top bar flex container */
.app-topbar[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    height: 52px;
    width: 100%;
}

/* Left section */
.topbar-left[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.topbar-brand[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.1s;
}

.topbar-brand:hover[b-6ff61zc9g1] {
    background: var(--gray-50);
}

.topbar-brand-icon[b-6ff61zc9g1] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--gray-900);
}

/* Configuration brand icon -- slate gradient */
.config-brand-icon[b-6ff61zc9g1] {
    background: var(--primary-main);
}

.topbar-brand-text[b-6ff61zc9g1] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--gray-900);
    letter-spacing: 0;
    white-space: nowrap;
}

/* Center section (search) */
.topbar-center[b-6ff61zc9g1] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    min-width: 0;
}

/* Right section (actions) */
.topbar-right[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
}

.topbar-divider[b-6ff61zc9g1] {
    width: 1px;
    height: 20px;
    background: var(--gray-200);
    margin: 0 0.25rem;
}

/* Avatar in profile menu */
.topbar-avatar[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* Back to main app link */
.config-back-link[b-6ff61zc9g1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    margin: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-500);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.config-back-link:hover[b-6ff61zc9g1] {
    color: var(--gray-700);
    background: var(--gray-50);
    border-color: var(--gray-200);
}

.config-back-link .material-icons[b-6ff61zc9g1] {
    font-size: 16px;
}

/* Responsive */
@media (max-width: 768px) {
    .topbar-brand-text[b-6ff61zc9g1] {
        display: none;
    }

    .topbar-center[b-6ff61zc9g1] {
        padding: 0 0.25rem;
    }

    .topbar-divider[b-6ff61zc9g1] {
        display: none;
    }

    .app-topbar[b-6ff61zc9g1] {
        gap: 0.35rem;
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    .topbar-brand[b-6ff61zc9g1] {
        display: none;
    }
}
/* /Layout/CrmLayout.razor.rz.scp.css */
/* ========================================================================
   CRM LAYOUT — Scoped styles for CRM Module layout
   Inherits design system from MainLayout, adds CRM-specific overrides
   ======================================================================== */

/* Top bar flex container */
.app-topbar[b-imw6gygdae] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    height: 52px;
    width: 100%;
}

/* Left section */
.topbar-left[b-imw6gygdae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.topbar-brand[b-imw6gygdae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.1s;
}

.topbar-brand:hover[b-imw6gygdae] {
    background: var(--gray-50);
}

.topbar-brand-icon[b-imw6gygdae] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--gray-900);
}

/* CRM-specific brand icon color — teal/emerald gradient */
.crm-brand-icon[b-imw6gygdae] {
    background: var(--primary-main);
}

.topbar-brand-text[b-imw6gygdae] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--gray-900);
    letter-spacing: 0;
    white-space: nowrap;
}

/* Center section (search) */
.topbar-center[b-imw6gygdae] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    min-width: 0;
}

/* Right section (actions) */
.topbar-right[b-imw6gygdae] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
}

.topbar-divider[b-imw6gygdae] {
    width: 1px;
    height: 20px;
    background: var(--gray-200);
    margin: 0 0.25rem;
}

/* Avatar in profile menu */
.topbar-avatar[b-imw6gygdae] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* ========================================================================
   BACK TO MAIN APP LINK
   ======================================================================== */

.crm-back-link[b-imw6gygdae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    margin: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-500);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.crm-back-link:hover[b-imw6gygdae] {
    color: var(--gray-700);
    background: var(--gray-50);
    border-color: var(--gray-200);
}

.crm-back-link .material-icons[b-imw6gygdae] {
    font-size: 16px;
}

/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (max-width: 768px) {
    .topbar-brand-text[b-imw6gygdae] {
        display: none;
    }

    .topbar-center[b-imw6gygdae] {
        padding: 0 0.25rem;
    }

    .topbar-divider[b-imw6gygdae] {
        display: none;
    }

    .app-topbar[b-imw6gygdae] {
        gap: 0.35rem;
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    .topbar-brand[b-imw6gygdae] {
        display: none;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-topbar[b-ugcbg6nwka] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.75rem;
    height: var(--header-height);
    width: 100%;
    background: var(--shell-background);
    color: var(--shell-text);
}

/* Left section */
.topbar-left[b-ugcbg6nwka] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.topbar-brand[b-ugcbg6nwka] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.1s;
}

.topbar-brand:hover[b-ugcbg6nwka] {
    background: var(--shell-background-hover);
}

.topbar-brand-icon[b-ugcbg6nwka] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--shape-xs);
    background: var(--primary-main);
}

.topbar-brand-text[b-ugcbg6nwka] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--shell-text);
    letter-spacing: 0;
    white-space: nowrap;
}

/* Center section (search) */
.topbar-center[b-ugcbg6nwka] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    min-width: 0;
}

/* Right section (actions) */
.topbar-right[b-ugcbg6nwka] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
}

.topbar-divider[b-ugcbg6nwka] {
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, 0.24);
    margin: 0 0.25rem;
}

/* Avatar in profile menu */
.topbar-avatar[b-ugcbg6nwka] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* ========================================================================
   GENERIC LAYOUT STYLES
   ======================================================================== */

.page[b-ugcbg6nwka] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

.top-row[b-ugcbg6nwka] {
    background-color: #fff;
    border-bottom: 1px solid var(--gray-200);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (max-width: 768px) {
    .topbar-brand-text[b-ugcbg6nwka] {
        display: none;
    }

    .topbar-center[b-ugcbg6nwka] {
        padding: 0 0.25rem;
    }

    .topbar-divider[b-ugcbg6nwka] {
        display: none;
    }

    .app-topbar[b-ugcbg6nwka] {
        gap: 0.35rem;
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    .topbar-brand[b-ugcbg6nwka] {
        display: none;
    }
}

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

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

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

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

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

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

    .top-row[b-ugcbg6nwka], article[b-ugcbg6nwka] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/PublicSiteLayout.razor.rz.scp.css */
.public-site[b-do9690y2hp] {
    min-height: 100vh;
    background: var(--surface);
    color: var(--on-surface);
}

.public-app-bar[b-do9690y2hp] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--surface);
    border-bottom: 1px solid var(--outline-variant);
}

.public-app-bar-inner[b-do9690y2hp],
.public-footer-inner[b-do9690y2hp],
.public-footer-bottom[b-do9690y2hp] {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.public-app-bar-inner[b-do9690y2hp] {
    min-height: 68px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.public-brand[b-do9690y2hp],
.public-nav[b-do9690y2hp],
.public-actions[b-do9690y2hp],
.public-footer-links[b-do9690y2hp],
.public-footer-links div[b-do9690y2hp] {
    display: flex;
    align-items: center;
}

.public-brand[b-do9690y2hp] {
    gap: 8px;
    color: var(--on-surface);
    font-size: var(--m3-title-medium-size);
    font-weight: var(--m3-title-medium-weight);
    text-decoration: none;
    white-space: nowrap;
}

.public-brand-icon[b-do9690y2hp] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: var(--shape-sm);
    background: var(--primary-main);
    color: var(--on-primary);
    font-size: 19px;
}

.public-brand-badge[b-do9690y2hp] {
    margin-left: 4px;
    padding: 5px 9px;
    border-radius: var(--shape-sm);
    background: var(--surface-container-high);
    color: var(--on-surface-variant);
    font-size: var(--m3-label-small-size);
    font-weight: var(--m3-label-large-weight);
}

.public-nav[b-do9690y2hp] {
    gap: 24px;
    margin-left: auto;
}

.public-nav a[b-do9690y2hp],
.public-text-action[b-do9690y2hp],
.public-filled-action[b-do9690y2hp] {
    position: relative;
    border-radius: var(--shape-pill);
    color: var(--on-surface-variant);
    font-size: var(--m3-label-large-size);
    font-weight: var(--m3-label-large-weight);
    text-decoration: none;
}

.public-nav a[b-do9690y2hp] {
    padding: 10px 2px;
}

.public-nav a[b-do9690y2hp]::after,
.public-text-action[b-do9690y2hp]::after,
.public-filled-action[b-do9690y2hp]::after {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--on-surface);
    content: "";
    opacity: 0;
    transition: opacity .2s ease;
}

.public-nav a:hover[b-do9690y2hp]::after,
.public-text-action:hover[b-do9690y2hp]::after { opacity: var(--state-hover); }
.public-nav a:hover[b-do9690y2hp] { color: var(--primary-main); }

.public-actions[b-do9690y2hp] { gap: 4px; }
.public-text-action[b-do9690y2hp] { padding: 10px 16px; color: var(--primary-main); }
.public-filled-action[b-do9690y2hp] { padding: 10px 18px; background: var(--primary-main); color: var(--on-primary); }
.public-filled-action[b-do9690y2hp]::after { background: var(--on-primary); }
.public-filled-action:hover[b-do9690y2hp]::after { opacity: var(--state-hover); }

.public-footer[b-do9690y2hp] {
    border-top: 1px solid var(--outline-variant);
    background: var(--surface-container-low);
}

.public-footer-inner[b-do9690y2hp] {
    display: flex;
    justify-content: space-between;
    gap: 48px;
    padding-top: 40px;
    padding-bottom: 32px;
}

.public-footer-brand[b-do9690y2hp] { margin-bottom: 12px; }
.public-footer p[b-do9690y2hp] { max-width: 320px; margin: 0; color: var(--on-surface-variant); font-size: var(--m3-body-medium-size); }
.public-footer-links[b-do9690y2hp] { align-items: flex-start; gap: 56px; }
.public-footer-links div[b-do9690y2hp] { flex-direction: column; align-items: flex-start; gap: 10px; }
.public-footer-links span[b-do9690y2hp] { color: var(--on-surface); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }
.public-footer-links a[b-do9690y2hp] { color: var(--on-surface-variant); font-size: var(--m3-body-small-size); text-decoration: none; }
.public-footer-links a:hover[b-do9690y2hp] { color: var(--primary-main); }
.public-footer-bottom[b-do9690y2hp] { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid var(--outline-variant); color: var(--on-surface-variant); font-size: var(--m3-body-small-size); }

@media (max-width: 820px) {
    .public-app-bar-inner[b-do9690y2hp] { min-height: 60px; gap: 12px; padding-left: 16px; padding-right: 16px; }
    .public-nav[b-do9690y2hp], .public-brand-badge[b-do9690y2hp] { display: none; }
    .public-actions[b-do9690y2hp] { margin-left: auto; }
    .public-footer-inner[b-do9690y2hp] { flex-direction: column; gap: 28px; padding-left: 16px; padding-right: 16px; }
    .public-footer-bottom[b-do9690y2hp] { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 430px) {
    .public-text-action[b-do9690y2hp] { display: none; }
}
/* /Layout/ServiceLayout.razor.rz.scp.css */
/* ========================================================================
   SERVICE LAYOUT — Scoped styles for Service Module layout
   Inherits design system from MainLayout, adds service-specific overrides
   ======================================================================== */

/* Top bar flex container */
.app-topbar[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    height: 52px;
    width: 100%;
}

/* Left section */
.topbar-left[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.topbar-brand[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: background 0.1s;
}

.topbar-brand:hover[b-jk5nxq9avu] {
    background: var(--gray-50);
}

.topbar-brand-icon[b-jk5nxq9avu] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--gray-900);
}

/* Service-specific brand icon color */
.service-brand-icon[b-jk5nxq9avu] {
    background: var(--primary-main);
}

.topbar-brand-text[b-jk5nxq9avu] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--gray-900);
    letter-spacing: 0;
    white-space: nowrap;
}

/* Center section (search) */
.topbar-center[b-jk5nxq9avu] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    min-width: 0;
}

/* Right section (actions) */
.topbar-right[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-left: auto;
}

.topbar-divider[b-jk5nxq9avu] {
    width: 1px;
    height: 20px;
    background: var(--gray-200);
    margin: 0 0.25rem;
}

/* Avatar in profile menu */
.topbar-avatar[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* ========================================================================
   BACK TO MAIN APP LINK
   ======================================================================== */

.service-back-link[b-jk5nxq9avu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    margin: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-500);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.service-back-link:hover[b-jk5nxq9avu] {
    color: var(--gray-700);
    background: var(--gray-50);
    border-color: var(--gray-200);
}

.service-back-link .material-icons[b-jk5nxq9avu] {
    font-size: 16px;
}

/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (max-width: 768px) {
    .topbar-brand-text[b-jk5nxq9avu] {
        display: none;
    }

    .topbar-center[b-jk5nxq9avu] {
        padding: 0 0.25rem;
    }

    .topbar-divider[b-jk5nxq9avu] {
        display: none;
    }

    .app-topbar[b-jk5nxq9avu] {
        gap: 0.35rem;
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    .topbar-brand[b-jk5nxq9avu] {
        display: none;
    }
}
/* /Pages/About.razor.rz.scp.css */
.about-hero[b-qxcmcmy8li],
.about-mission[b-qxcmcmy8li],
.about-section[b-qxcmcmy8li],
.about-values[b-qxcmcmy8li],
.about-cta[b-qxcmcmy8li] {
    box-sizing: border-box;
    width: 100%;
    padding-right: max(24px, calc((100% - 1200px) / 2));
    padding-left: max(24px, calc((100% - 1200px) / 2));
}

.about-hero[b-qxcmcmy8li] {
    max-width: 880px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.about-hero > p[b-qxcmcmy8li],
.about-mission > div > p[b-qxcmcmy8li],
.about-section > p[b-qxcmcmy8li],
.about-values > div > p[b-qxcmcmy8li],
.about-cta > p[b-qxcmcmy8li] {
    margin: 0;
    color: var(--primary-main);
    font-size: var(--m3-label-large-size);
    font-weight: var(--m3-label-large-weight);
}

.about-hero h1[b-qxcmcmy8li],
.about-mission h2[b-qxcmcmy8li],
.about-section h2[b-qxcmcmy8li],
.about-values h2[b-qxcmcmy8li],
.about-cta h2[b-qxcmcmy8li] {
    margin: 12px 0;
    color: var(--on-surface);
    font-size: var(--m3-display-small-size);
    font-weight: var(--m3-display-small-weight);
    line-height: var(--m3-display-small-line);
    letter-spacing: 0;
}

.about-hero > span[b-qxcmcmy8li] {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    color: var(--on-surface-variant);
    font-size: var(--m3-title-medium-size);
    line-height: var(--m3-title-medium-line);
}

.about-mission[b-qxcmcmy8li] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    padding-top: 64px;
    padding-bottom: 64px;
    background: var(--surface-container-low);
}

.about-mission h2[b-qxcmcmy8li],
.about-section h2[b-qxcmcmy8li],
.about-values h2[b-qxcmcmy8li],
.about-cta h2[b-qxcmcmy8li] {
    font-size: var(--m3-headline-large-size);
    line-height: var(--m3-headline-large-line);
}

.about-mission > div:last-child > p[b-qxcmcmy8li] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: var(--m3-title-medium-size);
    line-height: var(--m3-title-medium-line);
}

.about-mission a[b-qxcmcmy8li],
.about-cta a[b-qxcmcmy8li] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 24px;
    color: var(--primary-main);
    font-size: var(--m3-label-large-size);
    font-weight: var(--m3-label-large-weight);
    text-decoration: none;
}

.about-section[b-qxcmcmy8li] {
    padding-top: 80px;
    padding-bottom: 80px;
}

.about-timeline[b-qxcmcmy8li] {
    display: grid;
    margin-top: 40px;
}

.about-timeline article[b-qxcmcmy8li] {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 24px;
    padding: 24px 0;
    border-top: 1px solid var(--outline-variant);
}

.about-timeline article:last-child[b-qxcmcmy8li] {
    border-bottom: 1px solid var(--outline-variant);
}

.about-timeline article > span[b-qxcmcmy8li] {
    color: var(--primary-main);
    font-size: var(--m3-title-large-size);
    font-weight: var(--m3-title-large-weight);
}

.about-timeline h3[b-qxcmcmy8li],
.about-value-grid h3[b-qxcmcmy8li] {
    margin: 0 0 8px;
    color: var(--on-surface);
    font-size: var(--m3-title-large-size);
}

.about-timeline p[b-qxcmcmy8li],
.about-value-grid p[b-qxcmcmy8li] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: var(--m3-body-medium-size);
    line-height: var(--m3-body-medium-line);
}

.about-values[b-qxcmcmy8li] {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 64px;
    padding-top: 64px;
    padding-bottom: 64px;
    background: var(--surface-container-low);
}

.about-value-grid[b-qxcmcmy8li] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.about-value-grid article[b-qxcmcmy8li] {
    padding: 24px;
    border-radius: var(--shape-md);
    background: var(--surface);
}

.about-value-grid .material-icons[b-qxcmcmy8li] {
    color: var(--primary-main);
}

.about-value-grid h3[b-qxcmcmy8li] {
    margin-top: 20px;
    font-size: var(--m3-title-medium-size);
}

.about-cta[b-qxcmcmy8li] {
    padding-top: 72px;
    padding-bottom: 72px;
    text-align: center;
}

.about-cta a[b-qxcmcmy8li] {
    min-height: 44px;
    padding: 0 20px;
    border-radius: var(--shape-pill);
    background: var(--primary-main);
    color: var(--on-primary);
}

@media (max-width: 760px) {
    .about-hero[b-qxcmcmy8li] {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .about-mission[b-qxcmcmy8li],
    .about-values[b-qxcmcmy8li] {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .about-value-grid[b-qxcmcmy8li] {
        grid-template-columns: 1fr;
    }

    .about-section[b-qxcmcmy8li] {
        padding-top: 56px;
        padding-bottom: 56px;
    }
}

@media (max-width: 560px) {
    .about-hero h1[b-qxcmcmy8li] {
        font-size: var(--m3-headline-large-size);
        line-height: var(--m3-headline-large-line);
    }

    .about-mission h2[b-qxcmcmy8li],
    .about-section h2[b-qxcmcmy8li],
    .about-values h2[b-qxcmcmy8li],
    .about-cta h2[b-qxcmcmy8li] {
        font-size: var(--m3-headline-medium-size);
        line-height: var(--m3-headline-medium-line);
    }
}
/* /Pages/AgreementFormPage.razor.rz.scp.css */
.agr-tabbed-page[b-49bvisajoa] {
    width: min(100%, 1120px);
    margin: 0 auto;
}

.agr-total-summary[b-49bvisajoa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 0.75rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    background: #fff;
}

.agr-total-summary__label[b-49bvisajoa] {
    display: block;
    color: var(--gray-500);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.agr-total-summary strong[b-49bvisajoa] {
    display: block;
    margin-top: 0.15rem;
    color: var(--gray-900);
    font-size: 1.5rem;
    line-height: 1.2;
}

.agr-total-summary__items[b-49bvisajoa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem 1rem;
    color: var(--gray-500);
    font-size: 0.75rem;
}

.dd-loading[b-49bvisajoa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 38px;
    padding: 0 0.75rem;
    border: 1px solid var(--gray-200);
    border-radius: 6px;
    background: var(--gray-50);
    color: var(--gray-500);
    font-size: 0.8125rem;
}

.browser-input-wrap[b-49bvisajoa] {
    display: flex;
    align-items: stretch;
}

.browser-input-wrap[b-49bvisajoa]  .rz-textbox {
    flex: 1;
    border: 1px solid var(--gray-300);
    border-right: 0;
    border-radius: 6px 0 0 6px !important;
    background: #fff;
}

.browser-input-wrap[b-49bvisajoa]  .rz-textbox.has-value {
    border-color: var(--success-500);
    background: var(--success-50);
    color: var(--success-700);
    font-weight: 600;
}

.picker-clear-btn[b-49bvisajoa],
.picker-btn[b-49bvisajoa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gray-300);
    cursor: pointer;
}

.picker-clear-btn[b-49bvisajoa] {
    width: 30px;
    border-right: 0;
    background: var(--gray-50);
    color: var(--gray-500);
}

.picker-clear-btn:hover[b-49bvisajoa] {
    background: var(--danger-50);
    color: var(--danger-700);
}

.picker-btn[b-49bvisajoa] {
    width: 38px;
    border-color: var(--gray-900);
    border-radius: 0 6px 6px 0;
    background: var(--gray-900);
    color: #fff;
}

.picker-btn:hover[b-49bvisajoa] {
    background: var(--gray-800);
}

.picker-clear-btn .material-icons[b-49bvisajoa],
.picker-btn .material-icons[b-49bvisajoa] {
    font-size: 17px;
}

.picker-hint-phone[b-49bvisajoa],
.picker-hint-code[b-49bvisajoa] {
    margin-top: 0.25rem;
    color: var(--gray-500);
    font-size: 0.75rem;
}

.agr-validation-message[b-49bvisajoa] {
    display: block;
    margin-top: 0.25rem;
    color: var(--danger-700);
    font-size: 0.75rem;
    font-weight: 500;
}

.agr-implements-section + .agr-implements-section[b-49bvisajoa] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--gray-200);
}

.agr-implements-heading[b-49bvisajoa] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-bottom: 0.75rem;
}

.agr-implements-heading strong[b-49bvisajoa] {
    color: var(--gray-900);
    font-size: 0.875rem;
}

.agr-implements-heading span[b-49bvisajoa] {
    color: var(--gray-500);
    font-size: 0.75rem;
}

.agr-implements-grid[b-49bvisajoa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 0.75rem;
}

.implement-item[b-49bvisajoa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0.75rem;
    border: 1px solid var(--gray-200);
    border-radius: 6px;
    background: var(--gray-50);
    color: var(--gray-700);
    cursor: pointer;
    font-size: 0.8125rem;
}

.implement-item:has(.rz-checkbox-box.rz-state-active)[b-49bvisajoa] {
    border-color: var(--gray-800);
    background: #fff;
}

.implement-item[b-49bvisajoa]  .rz-dropdown {
    flex-basis: 100%;
}

.page-loading[b-49bvisajoa],
.page-error[b-49bvisajoa] {
    padding: 4rem 1.5rem;
    color: var(--gray-500);
    text-align: center;
}

.page-loading .material-icons[b-49bvisajoa],
.page-error .material-icons[b-49bvisajoa] {
    display: block;
    margin-bottom: 0.75rem;
    color: var(--gray-400);
    font-size: 48px;
}

@media (max-width: 640px) {
    .agr-total-summary[b-49bvisajoa] {
        align-items: flex-start;
        flex-direction: column;
    }

    .agr-total-summary__items[b-49bvisajoa] {
        justify-content: flex-start;
    }
}
/* /Pages/AgreementsPage.razor.rz.scp.css */
.agreement-statistics[b-32z32mxptg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--divider);
    background: var(--bg-paper);
}

.agreement-stat-card[b-32z32mxptg] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 106px;
    padding: 10px 14px 14px;
    overflow: hidden;
    border: 0;
    border-right: 1px solid var(--divider);
    border-radius: 0;
    background: var(--bg-paper);
    box-shadow: none;
}

.agreement-stat-card:last-child[b-32z32mxptg] {
    border-right: 0;
}

.agreement-stat-card--risk[b-32z32mxptg] {
    border-color: var(--divider);
    background: var(--bg-paper);
}

.agreement-stat-label[b-32z32mxptg] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.agreement-stat-card strong[b-32z32mxptg] {
    margin-top: 5px;
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.agreement-stat-detail[b-32z32mxptg] {
    margin-top: auto;
    color: var(--text-hint);
    font-size: 11px;
    line-height: 16px;
}

.agreement-stat-icon[b-32z32mxptg] {
    position: absolute;
    display: none;
}

.agreement-stat-icon--portfolio[b-32z32mxptg] { background: var(--accent-100); color: var(--accent-700); }
.agreement-stat-icon--financed[b-32z32mxptg] { background: var(--success-50); color: var(--success-700); }
.agreement-stat-icon--rate[b-32z32mxptg] { background: var(--warning-50); color: var(--warning-700); }
.agreement-stat-icon--risk[b-32z32mxptg] { background: rgba(255, 255, 255, 0.12); color: #fff; }

.agreement-stat-progress[b-32z32mxptg] {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    width: auto;
    height: 3px;
    overflow: hidden;
    border-radius: 0;
    background: var(--bg-paper-16);
}

.agreement-stat-progress span[b-32z32mxptg] {
    display: block;
    height: 100%;
    border-radius: 0;
    background: var(--success-500);
}

.agreement-stat-action[b-32z32mxptg] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    align-self: flex-start;
    margin-top: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--primary-main);
    cursor: pointer;
    font: inherit;
    font-size: 11px;
    font-weight: 400;
}

.agreement-stat-action .material-icons[b-32z32mxptg] {
    font-size: 14px;
}

@media (max-width: 1100px) {
    .agreement-statistics[b-32z32mxptg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .agreement-stat-card:nth-child(2)[b-32z32mxptg] {
        border-right: 0;
    }

    .agreement-stat-card:nth-child(-n + 2)[b-32z32mxptg] {
        border-bottom: 1px solid var(--divider);
    }
}

@media (max-width: 560px) {
    .agreement-statistics[b-32z32mxptg] {
        grid-template-columns: 1fr;
    }

    .agreement-stat-card[b-32z32mxptg],
    .agreement-stat-card:nth-child(2)[b-32z32mxptg] {
        border-right: 0;
        border-bottom: 1px solid var(--divider);
    }

    .agreement-stat-card:last-child[b-32z32mxptg] {
        border-bottom: 0;
    }
}
/* /Pages/AgreementViewPage.razor.rz.scp.css */
/* Accrual row highlight - amber tint on each td so Radzen cell bg is overridden */
[b-v19l7o2jp9] tr.calc-accrual-row td {
    background-color: #fef3c7 !important;
}
/* /Pages/CreateEditTenant.razor.rz.scp.css */
.tenant-form-container[b-4i6w88imzr] {
    padding: 0.5rem 0.75rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
    color: var(--text-primary);
}

.rz-form-field[b-4i6w88imzr] {
    margin-bottom: 0.75rem;
}

.tenant-form-container[b-4i6w88imzr]  .rz-card {
    margin-bottom: 0.75rem !important;
    padding: 1rem !important;
    border: 1px solid var(--divider) !important;
    border-radius: 2px !important;
    background: var(--bg-paper) !important;
    box-shadow: none !important;
}

.tenant-form-container[b-4i6w88imzr]  .rz-form-field-label,
.tenant-form-container[b-4i6w88imzr]  .rz-form-field-label-text {
    color: var(--text-primary) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.tenant-form-container[b-4i6w88imzr]  .rz-textbox,
.tenant-form-container[b-4i6w88imzr]  .rz-textarea,
.tenant-form-container[b-4i6w88imzr]  .rz-dropdown,
.tenant-form-container[b-4i6w88imzr]  .rz-numeric {
    border-radius: 2px !important;
    border-color: var(--divider-strong) !important;
    background: var(--bg-paper) !important;
}

.tenant-form-container[b-4i6w88imzr]  .rz-textbox:focus,
.tenant-form-container[b-4i6w88imzr]  .rz-textarea:focus,
.tenant-form-container[b-4i6w88imzr]  .rz-dropdown:focus-within,
.tenant-form-container[b-4i6w88imzr]  .rz-numeric:focus-within {
    border-color: var(--primary-main) !important;
    box-shadow: var(--ring-focus) !important;
}

.tenant-form-container[b-4i6w88imzr]  .rz-button {
    border-radius: 2px !important;
    min-height: 32px;
}

.tenant-form-container[b-4i6w88imzr]  .rz-button.rz-primary {
    background: var(--primary-main) !important;
    border-color: var(--primary-main) !important;
}

@media (max-width: 640px) {
    .tenant-form-container[b-4i6w88imzr] {
        padding: 0.25rem 0.5rem 0.75rem;
    }
}
/* /Pages/CRM/CrmDashboardPage.razor.rz.scp.css */
/* Styles for this dashboard moved to wwwroot/css/dashboards.css for cross-dashboard consistency. */
/* /Pages/CRM/CrmPerformancePage.razor.rz.scp.css */
.crm-performance-metrics[b-cdfhqzo05g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--divider);
    background: var(--bg-paper);
}

.perf-card[b-cdfhqzo05g] {
    position: relative;
    min-width: 0;
    min-height: 106px;
    padding: 10px 14px 14px;
    border-right: 1px solid var(--divider);
    background: var(--bg-paper);
}

.perf-card:last-child[b-cdfhqzo05g] {
    border-right: 0;
}

.perf-card-label[b-cdfhqzo05g] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.perf-card-value[b-cdfhqzo05g] {
    margin: 5px 0 12px;
    color: var(--text-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.perf-card-bar[b-cdfhqzo05g] {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    overflow: hidden;
    background: var(--bg-paper-16);
}

.perf-card-bar-fill[b-cdfhqzo05g] {
    height: 100%;
    transition: width 0.2s ease;
}

@media (max-width: 900px) {
    .crm-performance-metrics[b-cdfhqzo05g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .perf-card:nth-child(2)[b-cdfhqzo05g] {
        border-right: 0;
    }

    .perf-card:nth-child(-n + 2)[b-cdfhqzo05g] {
        border-bottom: 1px solid var(--divider);
    }
}

@media (max-width: 560px) {
    .crm-performance-metrics[b-cdfhqzo05g] {
        grid-template-columns: 1fr;
    }

    .perf-card[b-cdfhqzo05g],
    .perf-card:nth-child(2)[b-cdfhqzo05g] {
        border-right: 0;
        border-bottom: 1px solid var(--divider);
    }

    .perf-card:last-child[b-cdfhqzo05g] {
        border-bottom: 0;
    }
}
/* /Pages/Home.razor.rz.scp.css */
/* ========================================================================
   Home / Dashboard Styles
   ======================================================================== */

/* Home Container */
.home-container[b-heqnm3s1jc] {
    animation: fadeIn-b-heqnm3s1jc 0.4s ease-out;
}

@keyframes fadeIn-b-heqnm3s1jc {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.welcome-banner[b-heqnm3s1jc] {
    margin-bottom: 0;
}

.dashboard-loading[b-heqnm3s1jc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.stat-card[b-heqnm3s1jc] {
    transition: all 0.2s ease;
}

.stat-card:hover[b-heqnm3s1jc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.stat-label[b-heqnm3s1jc] {
    color: var(--slate-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.7rem;
    font-weight: 600;
}

.stat-value[b-heqnm3s1jc] {
    margin-top: 0.5rem;
    font-weight: 700;
    color: var(--slate-900);
}

.stat-sub[b-heqnm3s1jc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.chart-card[b-heqnm3s1jc] {
    height: 100%;
}

.chart-empty[b-heqnm3s1jc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--slate-400);
    gap: 0.75rem;
}

.entity-mini-card[b-heqnm3s1jc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    border-radius: 8px;
    border: 1px solid var(--slate-200);
    transition: all 0.15s ease;
    background: #fff;
}

.entity-mini-card:hover[b-heqnm3s1jc] {
    background: var(--slate-50);
    border-color: var(--slate-300);
    transform: translateX(2px);
}

.mini-card-icon[b-heqnm3s1jc] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mini-card-value[b-heqnm3s1jc] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--slate-900);
}

.mini-card-label[b-heqnm3s1jc] {
    font-size: 0.7rem;
    color: var(--slate-500);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 500;
}

@media (max-width: 768px) {
    .stat-card[b-heqnm3s1jc] {
        margin-bottom: 0.5rem;
    }

    .mini-card-icon[b-heqnm3s1jc] {
        width: 32px;
        height: 32px;
    }
}

.rz-card[b-heqnm3s1jc] {
    animation: slideIn-b-heqnm3s1jc 0.3s ease-out backwards;
}

@keyframes slideIn-b-heqnm3s1jc {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.rz-row > .rz-col:nth-child(1) .rz-card[b-heqnm3s1jc] { animation-delay: 0.03s; }
.rz-row > .rz-col:nth-child(2) .rz-card[b-heqnm3s1jc] { animation-delay: 0.06s; }
.rz-row > .rz-col:nth-child(3) .rz-card[b-heqnm3s1jc] { animation-delay: 0.09s; }
.rz-row > .rz-col:nth-child(4) .rz-card[b-heqnm3s1jc] { animation-delay: 0.12s; }
/* /Pages/LandingPage.razor.rz.scp.css */
.welcome-hero[b-rf40s71fmw], .welcome-section[b-rf40s71fmw], .welcome-cta[b-rf40s71fmw] { padding: 80px max(24px, calc((100% - 1200px) / 2)); }
.welcome-hero[b-rf40s71fmw] { background: var(--surface); }
.welcome-hero-inner[b-rf40s71fmw] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); align-items: center; gap: 64px; }
.welcome-copy h1[b-rf40s71fmw], .welcome-section h2[b-rf40s71fmw], .welcome-cta h2[b-rf40s71fmw] { margin: 8px 0 16px; color: var(--on-surface); font-size: var(--m3-display-small-size); font-weight: var(--m3-display-small-weight); line-height: var(--m3-display-small-line-height); letter-spacing: 0; }
.welcome-copy h1 span[b-rf40s71fmw] { color: var(--primary-main); }
.welcome-eyebrow[b-rf40s71fmw] { margin: 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }
.welcome-lead[b-rf40s71fmw], .welcome-section-heading p[b-rf40s71fmw], .welcome-cta > p:not(.welcome-eyebrow)[b-rf40s71fmw] { max-width: 680px; margin: 0; color: var(--on-surface-variant); font-size: var(--m3-title-medium-size); line-height: var(--m3-title-medium-line-height); }
.welcome-actions[b-rf40s71fmw], .welcome-proof[b-rf40s71fmw] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.welcome-actions[b-rf40s71fmw] { margin-top: 32px; }
.welcome-primary[b-rf40s71fmw], .welcome-secondary[b-rf40s71fmw], .welcome-inline-link[b-rf40s71fmw] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 20px; border-radius: var(--shape-pill); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); text-decoration: none; }
.welcome-primary[b-rf40s71fmw] { background: var(--primary-main); color: var(--on-primary); box-shadow: var(--tonal-shadow-1); }.welcome-primary:hover[b-rf40s71fmw] { background: var(--primary-dark); color: var(--on-primary); }.welcome-secondary[b-rf40s71fmw], .welcome-inline-link[b-rf40s71fmw] { color: var(--primary-main); }.welcome-secondary:hover[b-rf40s71fmw] { background: var(--primary-container); color: var(--on-primary-container); }
.welcome-proof[b-rf40s71fmw] { margin-top: 32px; color: var(--on-surface-variant); font-size: var(--m3-body-small-size); }.welcome-proof span + span[b-rf40s71fmw]::before { display: inline-block; width: 3px; height: 3px; margin: 0 10px 2px 0; border-radius: 50%; background: var(--outline); content: ""; }
.welcome-operation-card[b-rf40s71fmw] { padding: 28px; border-radius: var(--shape-md); background: var(--surface-container-low); box-shadow: var(--tonal-shadow-2); }.operation-card-heading[b-rf40s71fmw], .operation-flow[b-rf40s71fmw], .operation-status[b-rf40s71fmw] { display: flex; align-items: center; }.operation-card-heading[b-rf40s71fmw] { gap: 10px; color: var(--on-surface); font-size: var(--m3-title-small-size); font-weight: var(--m3-title-small-weight); }.operation-card-heading .material-icons[b-rf40s71fmw], .operation-status .material-icons[b-rf40s71fmw] { color: var(--primary-main); }.operation-flow[b-rf40s71fmw] { justify-content: space-between; gap: 8px; margin: 40px 0; }.operation-flow span[b-rf40s71fmw] { display: grid; width: 76px; height: 76px; place-items: center; border-radius: 50%; background: var(--primary-container); color: var(--on-primary-container); font-size: var(--m3-label-medium-size); font-weight: var(--m3-label-medium-weight); }.operation-flow i[b-rf40s71fmw] { flex: 1; height: 1px; background: var(--outline); }.operation-status[b-rf40s71fmw] { gap: 8px; padding-top: 16px; border-top: 1px solid var(--outline-variant); color: var(--on-surface-variant); font-size: var(--m3-body-small-size); }
.welcome-section[b-rf40s71fmw] { background: var(--surface-container-low); }.welcome-platform[b-rf40s71fmw], .trust-section[b-rf40s71fmw] { background: var(--surface); }.welcome-section-heading[b-rf40s71fmw] { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 40px; }.welcome-section-heading h2[b-rf40s71fmw], .welcome-cta h2[b-rf40s71fmw] { font-size: var(--m3-headline-large-size); font-weight: var(--m3-headline-large-weight); line-height: var(--m3-headline-large-line-height); }.welcome-inline-link[b-rf40s71fmw] { flex: none; padding: 0; }
.solution-preview-grid[b-rf40s71fmw] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }.solution-preview[b-rf40s71fmw] { display: flex; flex-direction: column; min-height: 250px; padding: 20px; border-radius: var(--shape-md); background: var(--surface); box-shadow: var(--tonal-shadow-1); }.solution-preview-top[b-rf40s71fmw] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.solution-icon[b-rf40s71fmw] { color: var(--primary-main); }.solution-status[b-rf40s71fmw] { padding: 4px 8px; border-radius: var(--shape-pill); font-size: var(--m3-label-small-size); font-weight: var(--m3-label-small-weight); }.solution-status.available[b-rf40s71fmw] { background: var(--success-container); color: var(--on-success-container); }.solution-status.coming[b-rf40s71fmw] { background: var(--warning-container); color: var(--on-warning-container); }.solution-preview h3[b-rf40s71fmw], .capability-grid h3[b-rf40s71fmw], .trust-grid h3[b-rf40s71fmw] { margin: 20px 0 8px; color: var(--on-surface); font-size: var(--m3-title-medium-size); font-weight: var(--m3-title-medium-weight); }.solution-preview p[b-rf40s71fmw], .capability-grid p[b-rf40s71fmw], .trust-grid p[b-rf40s71fmw] { margin: 0; color: var(--on-surface-variant); font-size: var(--m3-body-small-size); line-height: var(--m3-body-small-line-height); }.solution-preview a[b-rf40s71fmw] { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; padding-top: 20px; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); text-decoration: none; }.solution-preview a .material-icons[b-rf40s71fmw] { font-size: 18px; }
.capability-grid[b-rf40s71fmw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.capability-grid article[b-rf40s71fmw], .trust-grid article[b-rf40s71fmw] { padding: 24px; border-radius: var(--shape-md); background: var(--surface-container-low); }.capability-grid .material-icons[b-rf40s71fmw], .trust-grid .material-icons[b-rf40s71fmw] { color: var(--primary-main); }.trust-section[b-rf40s71fmw] { display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 48px; }.trust-grid[b-rf40s71fmw] { display: grid; gap: 16px; }.trust-grid article[b-rf40s71fmw] { display: grid; grid-template-columns: auto 1fr; gap: 16px; }.trust-grid h3[b-rf40s71fmw] { margin-top: 0; }
.welcome-cta[b-rf40s71fmw] { text-align: center; background: var(--primary-container); }.welcome-cta > p:not(.welcome-eyebrow)[b-rf40s71fmw] { margin: 0 auto 24px; }
@media (max-width: 1050px) { .solution-preview-grid[b-rf40s71fmw] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .welcome-hero[b-rf40s71fmw], .welcome-section[b-rf40s71fmw], .welcome-cta[b-rf40s71fmw] { padding-top: 56px; padding-bottom: 56px; }.welcome-hero-inner[b-rf40s71fmw], .trust-section[b-rf40s71fmw] { grid-template-columns: 1fr; gap: 40px; }.welcome-section-heading[b-rf40s71fmw] { align-items: start; flex-direction: column; gap: 16px; }.capability-grid[b-rf40s71fmw] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .welcome-copy h1[b-rf40s71fmw] { font-size: var(--m3-headline-large-size); line-height: var(--m3-headline-large-line-height); }.welcome-section h2[b-rf40s71fmw], .welcome-cta h2[b-rf40s71fmw] { font-size: var(--m3-headline-medium-size); line-height: var(--m3-headline-medium-line-height); }.solution-preview-grid[b-rf40s71fmw], .capability-grid[b-rf40s71fmw] { grid-template-columns: 1fr; }.operation-flow span[b-rf40s71fmw] { width: 62px; height: 62px; } }
/* /Pages/Login.razor.rz.scp.css */
.auth-page[b-1lwypk99b8] { display: grid; min-height: calc(100vh - 68px); place-items: center; padding: 64px 24px; background: var(--surface-container-low); }.auth-shell[b-1lwypk99b8] { display: grid; width: min(100%, 1040px); grid-template-columns: minmax(0, .9fr) minmax(380px, .7fr); overflow: hidden; border-radius: var(--shape-2xl); background: var(--surface); box-shadow: var(--tonal-shadow-3); }.auth-context[b-1lwypk99b8] { position: relative; padding: 48px; overflow: hidden; background: var(--primary-container); }.auth-context[b-1lwypk99b8]::after { position: absolute; right: -84px; bottom: -84px; width: 280px; height: 280px; border: 36px solid var(--surface); border-radius: 50%; content: ""; opacity: .55; }.auth-context > *[b-1lwypk99b8] { position: relative; z-index: 1; }.auth-context-icon[b-1lwypk99b8] { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--primary-main); color: var(--on-primary); }.auth-eyebrow[b-1lwypk99b8] { margin: 24px 0 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.auth-context h1[b-1lwypk99b8] { max-width: 400px; margin: 12px 0; color: var(--on-primary-container); font-size: var(--m3-headline-large-size); font-weight: var(--m3-headline-large-weight); line-height: var(--m3-headline-large-line); }.auth-context > p:not(.auth-eyebrow)[b-1lwypk99b8], .auth-heading > p:not(.auth-eyebrow)[b-1lwypk99b8] { margin: 0; color: var(--on-surface-variant); font-size: var(--m3-body-large-size); line-height: var(--m3-body-large-line); }.auth-context ul[b-1lwypk99b8] { display: grid; gap: 14px; margin: 40px 0 0; padding: 0; list-style: none; color: var(--on-primary-container); font-size: var(--m3-body-medium-size); }.auth-context li[b-1lwypk99b8] { display: flex; align-items: center; gap: 10px; }.auth-context li .material-icons[b-1lwypk99b8] { color: var(--primary-main); font-size: 18px; }.auth-form-panel[b-1lwypk99b8] { padding: 48px; }.auth-heading[b-1lwypk99b8] { margin-bottom: 32px; }.auth-heading .auth-eyebrow[b-1lwypk99b8] { margin-top: 0; }.auth-heading h2[b-1lwypk99b8] { margin: 8px 0; color: var(--on-surface); font-size: var(--m3-headline-medium-size); font-weight: var(--m3-headline-medium-weight); line-height: var(--m3-headline-medium-line); }.auth-form-panel[b-1lwypk99b8]  .rz-form-field { width: 100%; }.auth-form-panel[b-1lwypk99b8]  .rz-form-field-label { color: var(--on-surface); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.auth-form-panel[b-1lwypk99b8]  .rz-textbox, .auth-form-panel[b-1lwypk99b8]  .rz-password { border-radius: var(--shape-sm); }.auth-options[b-1lwypk99b8] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.auth-options label[b-1lwypk99b8] { display: inline-flex; align-items: center; gap: 8px; color: var(--on-surface-variant); font-size: var(--m3-body-small-size); }.auth-options[b-1lwypk99b8]  a, .auth-switch a[b-1lwypk99b8], .auth-legal a[b-1lwypk99b8] { color: var(--primary-main); text-decoration: none; }.auth-submit[b-1lwypk99b8] { width: 100%; margin-top: 4px; }.auth-alert[b-1lwypk99b8] { margin-bottom: 16px; }.auth-switch[b-1lwypk99b8] { margin: 4px 0 0; color: var(--on-surface-variant); text-align: center; font-size: var(--m3-body-small-size); }.auth-switch a[b-1lwypk99b8] { font-weight: var(--m3-label-large-weight); }.auth-legal[b-1lwypk99b8] { margin: 28px 0 0; color: var(--on-surface-variant); font-size: var(--m3-label-small-size); line-height: var(--m3-label-small-line); }
@media (max-width: 820px) { .auth-page[b-1lwypk99b8] { padding: 40px 16px; }.auth-shell[b-1lwypk99b8] { max-width: 500px; grid-template-columns: 1fr; }.auth-context[b-1lwypk99b8] { padding: 32px; }.auth-context h1[b-1lwypk99b8] { font-size: var(--m3-headline-medium-size); line-height: var(--m3-headline-medium-line); }.auth-context ul[b-1lwypk99b8] { margin-top: 24px; }.auth-form-panel[b-1lwypk99b8] { padding: 32px; } }
@media (max-width: 480px) { .auth-page[b-1lwypk99b8] { padding: 24px 12px; }.auth-form-panel[b-1lwypk99b8], .auth-context[b-1lwypk99b8] { padding: 24px; }.auth-options[b-1lwypk99b8] { align-items: flex-start; flex-direction: column; gap: 12px; } }
/* /Pages/Manager/PerformanceKpiPage.razor.rz.scp.css */
.pkp-container[b-srfwh1srhx] {
    min-height: 100vh;
    padding: 0;
    background: var(--bg-default);
}

.pkp-context-bar[b-srfwh1srhx] {
    display: flex;
    min-height: 26px;
    align-items: center;
    gap: 14px;
    margin-bottom: 4px;
    padding: 4px 8px;
    overflow-x: auto;
    background: var(--gray-800);
    color: var(--shell-text-muted);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.pkp-context-bar__status[b-srfwh1srhx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--shell-text);
}

.pkp-context-bar__status i[b-srfwh1srhx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success-light);
}

.pkp-context-bar__snapshot[b-srfwh1srhx] {
    margin-left: auto;
    color: var(--shell-text);
}

.pkp-kpi-strip[b-srfwh1srhx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 6px;
    overflow: hidden;
    border: 1px solid var(--divider);
    border-radius: 0;
    background: var(--bg-paper);
}

.pkp-kpi-strip[b-srfwh1srhx]  .mp-kpi-card {
    min-height: 106px;
    padding: 10px 14px 14px;
    border: 0;
    border-right: 1px solid var(--divider);
    border-radius: 0;
    box-shadow: none;
}

.pkp-kpi-strip[b-srfwh1srhx]  .mp-kpi-card:last-child {
    border-right: 0;
}

.pkp-workspace[b-srfwh1srhx] {
    overflow: hidden;
    border: 1px solid var(--divider);
    border-radius: 0;
    background: var(--bg-paper);
}

.pkp-primary-tabs[b-srfwh1srhx],
.pkp-secondary-tabs[b-srfwh1srhx] {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    scrollbar-width: thin;
}

.pkp-primary-tabs[b-srfwh1srhx] {
    border-bottom: 1px solid var(--divider);
    background: var(--gray-100);
}

.pkp-secondary-tabs[b-srfwh1srhx] {
    min-height: 32px;
    border-bottom: 1px solid var(--divider);
    background: var(--bg-paper-2);
}

.pkp-tab[b-srfwh1srhx],
.pkp-subtab[b-srfwh1srhx] {
    position: relative;
    flex: 0 0 auto;
    min-height: 32px;
    padding: 6px 12px;
    border: 0;
    border-right: 1px solid var(--divider);
    border-radius: 0;
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    white-space: nowrap;
    cursor: pointer;
}

.pkp-subtab[b-srfwh1srhx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
}

.pkp-tab[b-srfwh1srhx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pkp-tab .material-icons[b-srfwh1srhx],
.pkp-subtab .material-icons[b-srfwh1srhx] {
    font-size: 14px;
}

.pkp-tab:hover[b-srfwh1srhx],
.pkp-subtab:hover:not(:disabled)[b-srfwh1srhx] {
    background: var(--action-hover);
    color: var(--text-primary);
}

.pkp-tab--active[b-srfwh1srhx],
.pkp-subtab--active[b-srfwh1srhx] {
    background: var(--bg-paper);
    color: var(--primary-main);
    font-weight: 600;
}

.pkp-tab--active[b-srfwh1srhx]::after,
.pkp-subtab--active[b-srfwh1srhx]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--primary-main);
    content: "";
}

.pkp-tab:focus-visible[b-srfwh1srhx],
.pkp-subtab:focus-visible[b-srfwh1srhx] {
    z-index: 1;
    outline: 2px solid var(--primary-main);
    outline-offset: -2px;
}

.pkp-subtab:disabled[b-srfwh1srhx] {
    cursor: not-allowed;
    opacity: 0.55;
}

.pkp-coming-soon[b-srfwh1srhx] {
    padding: 1px 5px;
    border: 1px solid var(--divider);
    border-radius: 1px;
    color: var(--text-hint);
    font-size: 9px;
}

.pkp-panel[b-srfwh1srhx] {
    min-height: 410px;
    padding: 6px;
}

.pkp-panel__header[b-srfwh1srhx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-2);
    margin: -6px -6px 6px;
    padding: 5px 9px;
    border-bottom: 1px solid var(--divider);
    background: var(--gray-100);
}

.pkp-panel__eyebrow[b-srfwh1srhx] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.pkp-panel__header h2[b-srfwh1srhx] {
    display: inline;
    margin: 0 6px 0 0;
    color: var(--text-primary);
    font-size: 15px;
    line-height: 22px;
}

.pkp-panel__header p[b-srfwh1srhx] {
    display: inline;
    max-width: none;
    margin: 0;
    color: var(--text-secondary);
    font-size: 12px;
}

.pkp-summary-grid[b-srfwh1srhx] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 6px;
}

.pkp-analysis-block[b-srfwh1srhx] {
    min-height: 280px;
    border: 1px solid var(--divider);
    background: var(--bg-paper);
}

.pkp-analysis-block h3[b-srfwh1srhx] {
    margin: 0;
    padding: 6px 8px;
    background: var(--gray-100);
    border-bottom: 1px solid var(--divider);
    font-size: 11px;
    text-transform: uppercase;
}

.pkp-analysis-block--overview dl[b-srfwh1srhx] {
    margin: 0;
}

.pkp-analysis-block--overview dl div[b-srfwh1srhx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: 7px 9px;
    border-bottom: 1px solid var(--divider);
}

.pkp-analysis-block--overview dl div:last-child[b-srfwh1srhx] {
    border-bottom: 0;
}

.pkp-analysis-block--overview dt[b-srfwh1srhx] {
    color: var(--text-secondary);
    font-size: 12px;
}

.pkp-analysis-block--overview dd[b-srfwh1srhx] {
    margin: 0;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.pkp-panel-placeholder[b-srfwh1srhx] {
    display: flex;
    min-height: 280px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: var(--sp-2);
    color: var(--text-secondary);
    text-align: center;
}

.pkp-panel-placeholder .material-icons[b-srfwh1srhx] {
    color: var(--primary-main);
    font-size: 32px;
}

.pkp-panel-placeholder strong[b-srfwh1srhx] {
    color: var(--text-primary);
}

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

    .pkp-kpi-strip[b-srfwh1srhx]  .mp-kpi-card:nth-child(2) {
        border-right: 0;
    }

    .pkp-kpi-strip[b-srfwh1srhx]  .mp-kpi-card:nth-child(-n+2) {
        border-bottom: 1px solid var(--divider);
    }

    .pkp-summary-grid[b-srfwh1srhx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .pkp-container[b-srfwh1srhx] {
        padding: 0;
    }

    .pkp-panel[b-srfwh1srhx] {
        padding: 4px;
    }

    .pkp-panel__header[b-srfwh1srhx] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pkp-tab[b-srfwh1srhx],
    .pkp-subtab[b-srfwh1srhx] {
        scroll-behavior: auto;
    }
}
/* /Pages/NepaliCalendarDemo.razor.rz.scp.css */
.ncd-backdrop[b-et6hiibwxl] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

.ncd-container[b-et6hiibwxl] {
    max-width: 760px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Page header */
.ncd-page-header[b-et6hiibwxl] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
}

.ncd-page-icon[b-et6hiibwxl] {
    font-size: 28px;
    color: var(--primary-main);
    margin-top: 2px;
}

.ncd-page-title[b-et6hiibwxl] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem;
}

.ncd-page-sub[b-et6hiibwxl] {
    font-size: 0.8125rem;
    color: #6b7280;
    margin: 0;
}

/* Cards */
.ncd-card[b-et6hiibwxl] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
}

.ncd-card-title[b-et6hiibwxl] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    margin-bottom: 1rem;
}

/* Date fields row */
.ncd-fields-row[b-et6hiibwxl] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ncd-field-wrap[b-et6hiibwxl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ncd-separator[b-et6hiibwxl] {
    font-size: 0.8125rem;
    color: #9ca3af;
    margin-top: 2.1rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.ncd-label[b-et6hiibwxl] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
}

/* Input anchor — relative parent for the popup */
.ncd-input-anchor[b-et6hiibwxl] {
    position: relative;
}

/* Popup positioned below the input */
.ncd-popup-anchor[b-et6hiibwxl] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 100;
}

/* BS hint below each field */
.ncd-bs-hint[b-et6hiibwxl] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.6875rem;
    color: #6b7280;
    font-variant-numeric: tabular-nums;
}

.ncd-hint-icon[b-et6hiibwxl] {
    font-size: 13px;
    color: #9ca3af;
}

/* Summary table */
.ncd-summary-card[b-et6hiibwxl] {}

.ncd-summary-table[b-et6hiibwxl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.ncd-summary-table th[b-et6hiibwxl] {
    text-align: left;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9ca3af;
    padding: 0 0.75rem 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.ncd-summary-table td[b-et6hiibwxl] {
    padding: 0.5rem 0.75rem 0.5rem 0;
    color: #374151;
    border-bottom: 1px solid #f9fafb;
    font-variant-numeric: tabular-nums;
}

.ncd-row-label[b-et6hiibwxl] {
    font-weight: 500;
    color: #6b7280 !important;
    font-size: 0.75rem !important;
    width: 60px;
}

.ncd-span-row td[b-et6hiibwxl] {
    font-weight: 500;
    color: var(--primary-main) !important;
}

/* How it works */
.ncd-how-card[b-et6hiibwxl] {}

.ncd-how-list[b-et6hiibwxl] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ncd-how-list li[b-et6hiibwxl] {
    font-size: 0.8125rem;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    line-height: 1.5;
}

.ncd-how-list li[b-et6hiibwxl]::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primary-main);
    flex-shrink: 0;
}

.ncd-inline-icon[b-et6hiibwxl] {
    font-size: 16px;
    vertical-align: middle;
    color: #6b7280;
}

kbd[b-et6hiibwxl] {
    display: inline-block;
    padding: 1px 6px;
    font-size: 0.6875rem;
    font-family: inherit;
    font-weight: 500;
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    color: #374151;
    box-shadow: 0 1px 0 #d1d5db;
}
/* /Pages/NotificationsPage.razor.rz.scp.css */
.notification-hub[b-15d174lpl8] {
    max-width: 1120px;
    margin: 0 auto;
    padding: 2rem 2rem 3rem;
}

.notification-hub-header[b-15d174lpl8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.notification-eyebrow[b-15d174lpl8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--gray-500);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.notification-eyebrow .material-icons[b-15d174lpl8] {
    color: var(--gray-700);
    font-size: 16px;
}

.notification-hub-header h1[b-15d174lpl8] {
    margin: 0.4rem 0 0.35rem;
    color: var(--gray-900);
    font-size: 2rem;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.notification-hub-header p[b-15d174lpl8] {
    margin: 0;
    color: var(--gray-500);
    font-size: 0.8125rem;
}

.notification-header-actions[b-15d174lpl8],
.notification-tabs[b-15d174lpl8],
.notification-toolbar[b-15d174lpl8],
.notification-action-button[b-15d174lpl8],
.notification-filter[b-15d174lpl8],
.notification-row-actions[b-15d174lpl8] {
    display: flex;
    align-items: center;
}

.notification-header-actions[b-15d174lpl8] {
    gap: 0.5rem;
}

.notification-action-button[b-15d174lpl8] {
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.4rem 0.7rem;
    border: 1px solid var(--gray-200);
    border-radius: 7px;
    background: #fff;
    color: var(--gray-700);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
}

.notification-action-button:hover[b-15d174lpl8] {
    border-color: var(--gray-300);
    background: var(--gray-50);
}

.notification-action-button .material-icons[b-15d174lpl8] {
    font-size: 16px;
}

.notification-action-button--quiet[b-15d174lpl8] {
    padding: 0.4rem;
}

.notification-summary-grid[b-15d174lpl8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.notification-summary-card[b-15d174lpl8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 76px;
    padding: 1rem;
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    background: #fff;
}

.notification-summary-card > .material-icons[b-15d174lpl8] {
    color: var(--gray-500);
    font-size: 20px;
}

.notification-summary-card div[b-15d174lpl8] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notification-summary-card strong[b-15d174lpl8] {
    color: var(--gray-900);
    font-size: 1.25rem;
    line-height: 1;
}

.notification-summary-card span:not(.material-icons)[b-15d174lpl8] {
    color: var(--gray-500);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.notification-summary-card--dark[b-15d174lpl8] {
    border-color: var(--gray-900);
    background: var(--gray-900);
}

.notification-summary-card--dark > .material-icons[b-15d174lpl8],
.notification-summary-card--dark strong[b-15d174lpl8],
.notification-summary-card--dark span:not(.material-icons)[b-15d174lpl8] {
    color: #fff;
}

.notification-summary-card--dark span:not(.material-icons)[b-15d174lpl8] {
    color: rgba(255, 255, 255, 0.62);
}

.notification-hub-panel[b-15d174lpl8] {
    overflow: hidden;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.notification-toolbar[b-15d174lpl8] {
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--gray-200);
}

.notification-toolbar-tools[b-15d174lpl8] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.notification-search[b-15d174lpl8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    width: 210px;
    padding: 0.35rem 0.5rem;
    border: 1px solid var(--gray-200);
    border-radius: 6px;
    color: var(--gray-400);
}

.notification-search:focus-within[b-15d174lpl8] {
    border-color: var(--gray-400);
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.04);
}

.notification-search .material-icons[b-15d174lpl8] {
    font-size: 16px;
}

.notification-search input[b-15d174lpl8] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--gray-800);
    font: inherit;
    font-size: 0.75rem;
}

.notification-tabs[b-15d174lpl8] {
    gap: 1.15rem;
    align-self: stretch;
}

.notification-tabs button[b-15d174lpl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 34px;
    padding: 0;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--gray-500);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
}

.notification-tabs button span[b-15d174lpl8] {
    color: var(--gray-400);
    font-size: 0.6875rem;
}

.notification-tabs button.active[b-15d174lpl8] {
    border-bottom-color: var(--gray-900);
    color: var(--gray-900);
}

.notification-tabs button.active span[b-15d174lpl8] {
    color: var(--gray-700);
}

.notification-filter[b-15d174lpl8] {
    gap: 0.35rem;
    color: var(--gray-400);
}

.notification-filter .material-icons[b-15d174lpl8] {
    font-size: 17px;
}

.notification-filter select[b-15d174lpl8] {
    padding: 0.35rem 1.6rem 0.35rem 0.45rem;
    border: 0;
    background: transparent;
    color: var(--gray-700);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
}

.notification-list[b-15d174lpl8] {
    display: flex;
    flex-direction: column;
}

.notification-row[b-15d174lpl8] {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid var(--gray-100);
    min-height: 78px;
    transition: background 0.15s ease;
}

.notification-row:last-child[b-15d174lpl8] {
    border-bottom: 0;
}

.notification-row:hover[b-15d174lpl8],
.notification-row--unread[b-15d174lpl8] {
    background: var(--gray-50);
}

.notification-row-main[b-15d174lpl8] {
    display: flex;
    align-items: flex-start;
    flex: 1;
    gap: 0.7rem;
    min-width: 0;
    padding: 0.8rem 1rem;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.notification-type-icon[b-15d174lpl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: var(--gray-100);
    color: var(--gray-700);
}

.notification-type-icon .material-icons[b-15d174lpl8] {
    font-size: 16px;
}

.notification-type-icon--urgent[b-15d174lpl8] {
    background: #f1f5f9;
    color: var(--gray-900);
}

.notification-type-icon--low[b-15d174lpl8] {
    background: var(--gray-50);
    color: var(--gray-400);
}

.notification-row-content[b-15d174lpl8] {
    min-width: 0;
    flex: 1;
}

.notification-row-meta[b-15d174lpl8] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--gray-400);
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.notification-status-dot[b-15d174lpl8] {
    display: none;
    width: 6px;
    height: 6px;
    margin-right: 0.15rem;
    border-radius: 50%;
    background: var(--gray-900);
}

.notification-row--unread .notification-status-dot[b-15d174lpl8] {
    display: inline-block;
}

.notification-dot-separator[b-15d174lpl8] {
    color: var(--gray-300);
}

.notification-row-content h2[b-15d174lpl8] {
    margin: 0.3rem 0 0.2rem;
    overflow: hidden;
    color: var(--gray-900);
    font-size: 0.8125rem;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-row-content p[b-15d174lpl8] {
    margin: 0;
    overflow: hidden;
    color: var(--gray-500);
    font-size: 0.75rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-row-link[b-15d174lpl8] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0.45rem;
    color: var(--gray-700);
    font-size: 0.6875rem;
    font-weight: 650;
}

.notification-row-link .material-icons[b-15d174lpl8] {
    font-size: 13px;
}

.notification-unread-indicator[b-15d174lpl8] {
    width: 7px;
    height: 7px;
    margin: 1.35rem 0.35rem 0 0;
    border-radius: 50%;
    background: var(--gray-900);
}

.notification-row-actions[b-15d174lpl8] {
    gap: 0.2rem;
    padding: 0 0.75rem 0 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.notification-row:hover .notification-row-actions[b-15d174lpl8],
.notification-row:focus-within .notification-row-actions[b-15d174lpl8] {
    opacity: 1;
}

.notification-row-actions button[b-15d174lpl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--gray-400);
    cursor: pointer;
}

.notification-row-actions button:hover[b-15d174lpl8] {
    background: var(--gray-200);
    color: var(--gray-800);
}

.notification-row-actions .material-icons[b-15d174lpl8] {
    font-size: 16px;
}

.notification-empty[b-15d174lpl8],
.notification-loading[b-15d174lpl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 300px;
    gap: 0.5rem;
    color: var(--gray-500);
    text-align: center;
}

.notification-loading .material-icons[b-15d174lpl8] {
    animation: notification-spin-b-15d174lpl8 1s linear infinite;
}

.notification-empty strong[b-15d174lpl8] {
    color: var(--gray-800);
    font-size: 0.875rem;
}

.notification-empty p[b-15d174lpl8] {
    margin: 0;
    color: var(--gray-400);
    font-size: 0.75rem;
}

.notification-empty-icon[b-15d174lpl8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 0.35rem;
    border-radius: 50%;
    background: var(--gray-100);
    color: var(--gray-400);
}

.notification-empty-icon .material-icons[b-15d174lpl8] {
    font-size: 25px;
}

.notification-empty--error .material-icons[b-15d174lpl8] {
    color: var(--gray-700);
    font-size: 25px;
}

.notification-primary-button[b-15d174lpl8] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.8rem;
    border: 0;
    border-radius: 7px;
    background: var(--gray-900);
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
}

@keyframes notification-spin-b-15d174lpl8 {
    to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
    .notification-hub[b-15d174lpl8] {
        padding: 1.25rem 1rem 2rem;
    }

    .notification-hub-header[b-15d174lpl8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .notification-header-actions[b-15d174lpl8] {
        width: 100%;
    }

    .notification-header-actions .notification-action-button:first-child[b-15d174lpl8] {
        flex: 1;
        justify-content: center;
    }

    .notification-summary-card[b-15d174lpl8] {
        min-height: 66px;
        padding: 0.75rem;
    }

    .notification-toolbar[b-15d174lpl8] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.5rem;
    }

    .notification-toolbar-tools[b-15d174lpl8],
    .notification-search[b-15d174lpl8] {
        width: 100%;
    }

    .notification-toolbar-tools[b-15d174lpl8] {
        justify-content: space-between;
    }

    .notification-filter[b-15d174lpl8] {
        width: 100%;
        border-top: 1px solid var(--gray-100);
        padding-top: 0.5rem;
    }

    .notification-filter select[b-15d174lpl8] {
        flex: 1;
    }
}

@media (max-width: 480px) {
    .notification-tabs[b-15d174lpl8] {
        gap: 0.75rem;
    }

    .notification-row-main[b-15d174lpl8] {
        gap: 0.65rem;
        padding: 0.85rem 0.75rem;
    }

    .notification-row-content p[b-15d174lpl8] {
        white-space: normal;
    }

    .notification-row-actions[b-15d174lpl8] {
        padding-right: 0.4rem;
        opacity: 1;
    }
}
/* /Pages/PricingPage.razor.rz.scp.css */
.pricing-hero[b-p18fh86ue4], .pricing-section[b-p18fh86ue4], .pricing-note[b-p18fh86ue4], .pricing-cta[b-p18fh86ue4] { padding-left: max(24px, calc((100% - 1200px) / 2)); padding-right: max(24px, calc((100% - 1200px) / 2)); }.pricing-hero[b-p18fh86ue4] { max-width: 840px; margin: 0 auto; padding-top: 80px; padding-bottom: 48px; text-align: center; }.pricing-hero > p[b-p18fh86ue4], .pricing-cta > p[b-p18fh86ue4] { margin: 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.pricing-hero h1[b-p18fh86ue4], .pricing-note h2[b-p18fh86ue4], .pricing-cta h2[b-p18fh86ue4] { margin: 12px 0; color: var(--on-surface); font-size: var(--m3-display-small-size); font-weight: var(--m3-display-small-weight); line-height: var(--m3-display-small-line-height); letter-spacing: 0; }.pricing-hero > span[b-p18fh86ue4] { color: var(--on-surface-variant); font-size: var(--m3-title-medium-size); line-height: var(--m3-title-medium-line-height); }.pricing-section[b-p18fh86ue4] { padding-top: 16px; padding-bottom: 80px; }.pricing-grid[b-p18fh86ue4] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }.plan-card[b-p18fh86ue4] { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 32px; border-radius: var(--shape-md); background: var(--surface-container-low); box-shadow: var(--tonal-shadow-1); }.plan-card.featured[b-p18fh86ue4] { background: var(--primary-container); outline: 2px solid var(--primary-main); }.plan-badge[b-p18fh86ue4] { position: absolute; top: -14px; right: 24px; padding: 5px 12px; border-radius: var(--shape-pill); background: var(--primary-main); color: var(--on-primary); font-size: var(--m3-label-small-size); font-weight: var(--m3-label-large-weight); }.plan-card h2[b-p18fh86ue4] { margin: 0; font-size: var(--m3-headline-small-size); }.plan-card p[b-p18fh86ue4] { margin: 6px 0; color: var(--on-surface-variant); font-size: var(--m3-body-medium-size); }.plan-price[b-p18fh86ue4] { display: flex; align-items: baseline; gap: 6px; margin: 28px 0 20px; }.plan-price strong[b-p18fh86ue4] { color: var(--on-surface); font-size: 40px; line-height: 1; }.plan-price span[b-p18fh86ue4] { color: var(--on-surface-variant); }.plan-filled[b-p18fh86ue4], .plan-outlined[b-p18fh86ue4] { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; border-radius: var(--shape-pill); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); text-decoration: none; }.plan-filled[b-p18fh86ue4] { background: var(--primary-main); color: var(--on-primary); }.plan-outlined[b-p18fh86ue4] { border: 1px solid var(--primary-main); color: var(--primary-main); }.plan-card ul[b-p18fh86ue4] { display: grid; gap: 12px; margin: 0; padding: 24px 0; border-top: 1px solid var(--outline-variant); border-bottom: 1px solid var(--outline-variant); list-style: none; }.plan-card li[b-p18fh86ue4] { display: flex; align-items: center; gap: 8px; color: var(--on-surface); font-size: var(--m3-body-small-size); }.plan-card li .material-icons[b-p18fh86ue4] { color: var(--primary-main); font-size: 18px; }.plan-card small[b-p18fh86ue4] { color: var(--on-surface-variant); font-size: var(--m3-body-small-size); line-height: var(--m3-body-small-line-height); }.pricing-note[b-p18fh86ue4] { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding-top: 56px; padding-bottom: 56px; background: var(--surface-container-low); }.pricing-note p[b-p18fh86ue4] { margin: 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.pricing-note h2[b-p18fh86ue4] { max-width: 720px; margin-bottom: 0; font-size: var(--m3-headline-large-size); line-height: var(--m3-headline-large-line-height); }.pricing-note a[b-p18fh86ue4] { display: inline-flex; align-items: center; gap: 4px; flex: none; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); text-decoration: none; }.pricing-cta[b-p18fh86ue4] { padding-top: 72px; padding-bottom: 72px; text-align: center; }.pricing-cta h2[b-p18fh86ue4] { font-size: var(--m3-headline-large-size); line-height: var(--m3-headline-large-line-height); }
@media (max-width: 800px) { .pricing-grid[b-p18fh86ue4] { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }.pricing-note[b-p18fh86ue4] { align-items: start; flex-direction: column; } }.pricing-hero[b-p18fh86ue4] { padding-top: 56px; }
@media (max-width: 560px) { .pricing-hero h1[b-p18fh86ue4] { font-size: var(--m3-headline-large-size); line-height: var(--m3-headline-large-line-height); }.pricing-note h2[b-p18fh86ue4], .pricing-cta h2[b-p18fh86ue4] { font-size: var(--m3-headline-medium-size); line-height: var(--m3-headline-medium-line-height); } }
/* /Pages/Register.razor.rz.scp.css */
.register-page[b-09z42yefch] { display: grid; min-height: calc(100vh - 68px); place-items: center; padding: 64px 24px; background: var(--surface-container-low); }.register-shell[b-09z42yefch] { display: grid; width: min(100%, 1120px); grid-template-columns: minmax(0, .9fr) minmax(430px, .8fr); overflow: hidden; border-radius: var(--shape-2xl); background: var(--surface); box-shadow: var(--tonal-shadow-3); }.register-context[b-09z42yefch] { position: relative; padding: 48px; overflow: hidden; background: var(--surface-elev-2); }.register-context[b-09z42yefch]::after { position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 40px solid var(--primary-container); border-radius: 50%; content: ""; }.register-context > *[b-09z42yefch] { position: relative; z-index: 1; }.register-context-icon[b-09z42yefch] { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--primary-main); color: var(--on-primary); }.register-eyebrow[b-09z42yefch] { margin: 24px 0 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.register-context h1[b-09z42yefch] { max-width: 430px; margin: 12px 0; color: var(--on-surface); font-size: var(--m3-headline-large-size); font-weight: var(--m3-headline-large-weight); line-height: var(--m3-headline-large-line); }.register-context > p:not(.register-eyebrow)[b-09z42yefch], .register-heading > p:not(.register-eyebrow)[b-09z42yefch] { margin: 0; color: var(--on-surface-variant); font-size: var(--m3-body-large-size); line-height: var(--m3-body-large-line); }.register-context ul[b-09z42yefch] { display: grid; gap: 14px; margin: 40px 0 0; padding: 0; list-style: none; color: var(--on-surface); font-size: var(--m3-body-medium-size); }.register-context li[b-09z42yefch] { display: flex; align-items: flex-start; gap: 10px; }.register-context li .material-icons[b-09z42yefch] { color: var(--primary-main); font-size: 18px; }.register-form-panel[b-09z42yefch] { padding: 48px; }.register-heading[b-09z42yefch] { margin-bottom: 28px; }.register-heading .register-eyebrow[b-09z42yefch] { margin-top: 0; }.register-heading h2[b-09z42yefch] { margin: 8px 0; color: var(--on-surface); font-size: var(--m3-headline-medium-size); font-weight: var(--m3-headline-medium-weight); line-height: var(--m3-headline-medium-line); }.name-row[b-09z42yefch] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.register-form-panel[b-09z42yefch]  .rz-form-field { width: 100%; }.register-form-panel[b-09z42yefch]  .rz-form-field-label { color: var(--on-surface); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.register-form-panel[b-09z42yefch]  .rz-textbox, .register-form-panel[b-09z42yefch]  .rz-password { border-radius: var(--shape-sm); }.register-submit[b-09z42yefch] { width: 100%; margin-top: 4px; }.register-switch[b-09z42yefch] { margin: 4px 0 0; color: var(--on-surface-variant); text-align: center; font-size: var(--m3-body-small-size); }.register-switch a[b-09z42yefch], .register-legal a[b-09z42yefch] { color: var(--primary-main); font-weight: var(--m3-label-large-weight); text-decoration: none; }.register-alert[b-09z42yefch] { margin-top: 16px; }.register-legal[b-09z42yefch] { margin: 24px 0 0; color: var(--on-surface-variant); font-size: var(--m3-label-small-size); line-height: var(--m3-label-small-line); }
@media (max-width: 900px) { .register-page[b-09z42yefch] { padding: 40px 16px; }.register-shell[b-09z42yefch] { max-width: 540px; grid-template-columns: 1fr; }.register-context[b-09z42yefch] { padding: 32px; }.register-context h1[b-09z42yefch] { font-size: var(--m3-headline-medium-size); line-height: var(--m3-headline-medium-line); }.register-context ul[b-09z42yefch] { margin-top: 24px; }.register-form-panel[b-09z42yefch] { padding: 32px; } }
@media (max-width: 480px) { .register-page[b-09z42yefch] { padding: 24px 12px; }.register-context[b-09z42yefch], .register-form-panel[b-09z42yefch] { padding: 24px; }.name-row[b-09z42yefch] { grid-template-columns: 1fr; } }
/* /Pages/Reports/PendingDuesReport.razor.rz.scp.css */
.pending-due-overdue[b-9meb4rw0hg],
.pending-due-upcoming[b-9meb4rw0hg] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    font-size: 0.6875rem;
    font-weight: 700;
}

.pending-due-overdue[b-9meb4rw0hg] {
    background: var(--danger-50);
    color: var(--danger-700);
}

.pending-due-upcoming[b-9meb4rw0hg] {
    background: var(--gray-100);
    color: var(--gray-600);
}
/* /Pages/SolutionsPage.razor.rz.scp.css */
.solutions-hero[b-fsog028jh3], .solutions-grid-section[b-fsog028jh3] { padding-left: max(24px, calc((100% - 1200px) / 2)); padding-right: max(24px, calc((100% - 1200px) / 2)); }
.solutions-hero[b-fsog028jh3] { max-width: 880px; padding-top: 80px; padding-bottom: 48px; text-align: center; }.solutions-hero > p[b-fsog028jh3] { margin: 0; color: var(--primary-main); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); text-transform: uppercase; }.solutions-hero h1[b-fsog028jh3] { margin: 12px 0; color: var(--on-surface); font-size: var(--m3-display-small-size); font-weight: var(--m3-display-small-weight); line-height: var(--m3-display-small-line-height); letter-spacing: 0; }.solutions-hero > span[b-fsog028jh3] { color: var(--on-surface-variant); font-size: var(--m3-title-medium-size); line-height: var(--m3-title-medium-line-height); }
.solutions-grid-section[b-fsog028jh3] { padding-top: 16px; padding-bottom: 80px; }.solutions-grid[b-fsog028jh3] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }.solution-card[b-fsog028jh3] { display: flex; flex-direction: column; padding: 28px; border-radius: var(--shape-md); background: var(--surface-container-low); box-shadow: var(--tonal-shadow-1); scroll-margin-top: 88px; }.solution-card-header[b-fsog028jh3] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.solution-card-header > .material-icons[b-fsog028jh3] { color: var(--primary-main); font-size: 32px; }.solution-status[b-fsog028jh3] { padding: 5px 10px; border-radius: var(--shape-pill); font-size: var(--m3-label-small-size); font-weight: var(--m3-label-small-weight); }.solution-status.available[b-fsog028jh3] { background: var(--success-container); color: var(--on-success-container); }.solution-status.coming[b-fsog028jh3] { background: var(--warning-container); color: var(--on-warning-container); }.solution-card h2[b-fsog028jh3] { margin: 24px 0 8px; color: var(--on-surface); font-size: var(--m3-headline-small-size); font-weight: var(--m3-headline-small-weight); line-height: var(--m3-headline-small-line-height); }.solution-description[b-fsog028jh3] { min-height: 48px; margin: 0; color: var(--on-surface-variant); font-size: var(--m3-body-medium-size); line-height: var(--m3-body-medium-line-height); }.solution-problem[b-fsog028jh3], .solution-capabilities[b-fsog028jh3] { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--outline-variant); }.solution-problem > span[b-fsog028jh3], .solution-capabilities > span[b-fsog028jh3] { color: var(--on-surface-variant); font-size: var(--m3-label-small-size); font-weight: var(--m3-label-large-weight); text-transform: uppercase; }.solution-problem p[b-fsog028jh3] { margin: 8px 0 0; color: var(--on-surface); font-size: var(--m3-body-small-size); line-height: var(--m3-body-small-line-height); }.solution-capabilities ul[b-fsog028jh3] { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }.solution-capabilities li[b-fsog028jh3] { display: flex; align-items: center; gap: 8px; color: var(--on-surface); font-size: var(--m3-body-small-size); }.solution-capabilities .material-icons[b-fsog028jh3] { color: var(--primary-main); font-size: 16px; }.solution-card-action[b-fsog028jh3], .solution-card-muted[b-fsog028jh3] { display: inline-flex; align-items: center; gap: 4px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--outline-variant); font-size: var(--m3-label-large-size); font-weight: var(--m3-label-large-weight); }.solution-card-action[b-fsog028jh3] { color: var(--primary-main); text-decoration: none; }.solution-card-muted[b-fsog028jh3] { color: var(--outline); }
@media (max-width: 920px) { .solutions-grid[b-fsog028jh3] { grid-template-columns: repeat(2, 1fr); } }.solutions-hero[b-fsog028jh3] { margin: 0 auto; }
@media (max-width: 600px) { .solutions-hero[b-fsog028jh3] { padding-top: 56px; }.solutions-hero h1[b-fsog028jh3] { font-size: var(--m3-headline-large-size); line-height: var(--m3-headline-large-line-height); }.solutions-grid[b-fsog028jh3] { grid-template-columns: 1fr; }.solutions-grid-section[b-fsog028jh3] { padding-bottom: 56px; } }
/* /Pages/TenantDetailPage.razor.rz.scp.css */
/* TenantDetailPage.razor.css — scoped styles */

.td-container[b-1xftygbgts] {
    width: 100%;
    margin: 0 auto;
}

/* Hero Header */
.td-hero[b-1xftygbgts] {
    background: var(--shell-background);
    border-radius: 16px;
    padding: 1.75rem 2rem;
    margin-bottom: 1.5rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    box-shadow: 0 8px 32px rgba(26,35,126,0.25);
}

.td-hero-left[b-1xftygbgts] { display: flex; align-items: center; gap: 1rem; }

.td-hero-icon[b-1xftygbgts] {
    width: 56px; height: 56px;
    background: rgba(255,255,255,0.15);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(4px);
}

.td-hero-icon .material-icons[b-1xftygbgts] { font-size: 28px; color: white; }
.td-hero-title[b-1xftygbgts] { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.2rem; letter-spacing: -0.3px; }
.td-hero-sub[b-1xftygbgts] { font-size: 0.85rem; opacity: 0.85; margin: 0; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.td-hero-actions[b-1xftygbgts] { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }

.slug-badge[b-1xftygbgts] {
    background: rgba(255,255,255,0.18);
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    border: 1px solid rgba(255,255,255,0.2);
}

.hero-status[b-1xftygbgts] {
    padding: 0.15rem 0.55rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.hero-status.active[b-1xftygbgts] { background: rgba(56,239,125,0.25); color: #b9f6ca; }
.hero-status.inactive[b-1xftygbgts] { background: rgba(239,83,80,0.25); color: #ffcdd2; }

/* Hero Buttons */
.hero-btn[b-1xftygbgts] {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.55rem 1.1rem; border-radius: 8px;
    font-size: 0.84rem; font-weight: 600; border: none;
    cursor: pointer; transition: all 0.2s ease; text-decoration: none;
}

.hero-btn.back[b-1xftygbgts] { background: rgba(255,255,255,0.15); color: white; border: 1px solid rgba(255,255,255,0.3); }
.hero-btn.back:hover[b-1xftygbgts] { background: rgba(255,255,255,0.25); }
.hero-btn.edit[b-1xftygbgts] { background: white; color: var(--primary-dark); }
.hero-btn.edit:hover[b-1xftygbgts] { background: #e8eaf6; }
.hero-btn.save[b-1xftygbgts] { background: #4caf50; color: white; }
.hero-btn.save:hover[b-1xftygbgts] { background: #43a047; }
.hero-btn.cancel[b-1xftygbgts] { background: rgba(255,255,255,0.15); color: white; border: 1px solid rgba(255,255,255,0.3); }
.hero-btn.cancel:hover[b-1xftygbgts] { background: rgba(255,255,255,0.25); }
.hero-btn .material-icons[b-1xftygbgts] { font-size: 16px; }

/* Summary Cards */
.summary-cards[b-1xftygbgts] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem; margin-bottom: 1.5rem;
}

.summary-card[b-1xftygbgts] {
    background: white; border-radius: 12px; padding: 1.1rem 1.25rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07); border: 1px solid #eef0f6;
    display: flex; align-items: center; gap: 0.9rem;
}

.sc-icon[b-1xftygbgts] { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sc-icon .material-icons[b-1xftygbgts] { font-size: 20px; color: white; }
.sc-body[b-1xftygbgts] { flex: 1; min-width: 0; }
.sc-label[b-1xftygbgts] { font-size: 0.68rem; color: #888; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-value[b-1xftygbgts] { font-size: 1.15rem; font-weight: 700; color: #1a1a2e; margin-top: 0.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Tab Panel */
.tab-panel-wrapper[b-1xftygbgts] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.07);
    border: 1px solid #eef0f6;
    overflow: hidden;
    margin-bottom: 1.5rem;
    width: 100%;
}

/* Detail Sections */
.detail-sections[b-1xftygbgts] { padding: 1.5rem; display: flex; flex-direction: column; gap: 1.25rem; width: 100%; }
.detail-section[b-1xftygbgts] { border: 1px solid #f0f2f8; border-radius: 10px; overflow: hidden; }

.ds-header[b-1xftygbgts] { display: flex; align-items: center; gap: 0.6rem; padding: 0.7rem 1rem; background: #f8f9ff; border-bottom: 1px solid #f0f2f8; }
.ds-icon[b-1xftygbgts] { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ds-icon .material-icons[b-1xftygbgts] { font-size: 15px; color: white; }
.ds-title[b-1xftygbgts] { font-size: 0.8rem; font-weight: 700; color: #333; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.ds-body[b-1xftygbgts] { padding: 1rem; }

/* Info Grid */
.info-grid[b-1xftygbgts] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.85rem 1.25rem; width: 100%; }
.info-item[b-1xftygbgts] { display: flex; flex-direction: column; gap: 0.15rem; }
.info-label[b-1xftygbgts] { font-size: 0.65rem; color: #999; text-transform: uppercase; letter-spacing: 0.4px; font-weight: 600; }
.info-value[b-1xftygbgts] { font-size: 0.88rem; color: #222; font-weight: 500; }
.info-value.empty[b-1xftygbgts] { color: #bbb; font-style: italic; font-weight: 400; }
.info-value.accent[b-1xftygbgts] { color: var(--primary-main); font-weight: 700; }
.info-value.success[b-1xftygbgts] { color: #2e7d32; font-weight: 700; }

/* Badges */
.badge[b-1xftygbgts] { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.65rem; border-radius: 20px; font-size: 0.76rem; font-weight: 600; }
.badge-yes[b-1xftygbgts] { background: #e8f5e9; color: #2e7d32; }
.badge-no[b-1xftygbgts]  { background: #fce4ec; color: #c62828; }
.badge-na[b-1xftygbgts]  { background: #f5f5f5; color: #757575; }

/* Edit Form Grid */
.edit-form-grid[b-1xftygbgts] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
}

.form-field[b-1xftygbgts] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.form-field.full-width[b-1xftygbgts] {
    grid-column: 1 / -1;
}

.form-field label[b-1xftygbgts] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.field-hint[b-1xftygbgts] {
    font-size: 0.68rem;
    color: #aaa;
    font-style: italic;
}

/* Sub Grid */
.sub-grid-wrapper[b-1xftygbgts] { padding: 1.25rem 1.5rem; width: 100%; overflow-x: auto; }
.sub-grid-header[b-1xftygbgts] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.5rem; }
.sub-grid-title[b-1xftygbgts] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 700; color: #333; }
.sub-grid-title .material-icons[b-1xftygbgts] { font-size: 18px; }
.count-badge[b-1xftygbgts] { background: var(--primary-lighter); color: var(--primary-main); font-size: 0.72rem; font-weight: 700; padding: 0.15rem 0.55rem; border-radius: 10px; }

/* Empty & Loading States */
.empty-sub[b-1xftygbgts] { text-align: center; padding: 2.5rem 1rem; color: #aaa; }
.empty-sub .material-icons[b-1xftygbgts] { font-size: 40px; display: block; margin-bottom: 0.5rem; opacity: 0.4; }
.empty-sub p[b-1xftygbgts] { margin: 0; font-size: 0.85rem; }

.loading-state[b-1xftygbgts], .error-state[b-1xftygbgts] { text-align: center; padding: 4rem 2rem; color: #aaa; }
.loading-state .material-icons[b-1xftygbgts], .error-state .material-icons[b-1xftygbgts] { font-size: 52px; display: block; margin-bottom: 1rem; opacity: 0.45; }
.error-state .material-icons[b-1xftygbgts] { color: #e53935; opacity: 0.7; }

/* Section Action Buttons */
.section-action-btn[b-1xftygbgts] {
    display: inline-flex; align-items: center; gap: 0.35rem;
    padding: 0.4rem 0.85rem; border-radius: 7px;
    font-size: 0.78rem; font-weight: 600; border: 1px solid #e0e0e0;
    cursor: pointer; background: white; color: #555;
    transition: all 0.2s ease;
}

.section-action-btn:hover[b-1xftygbgts] { background: #f5f5f5; border-color: #ccc; }
.section-action-btn:disabled[b-1xftygbgts] { opacity: 0.5; cursor: not-allowed; }
.section-action-btn .material-icons[b-1xftygbgts] { font-size: 16px; }

.section-action-btn.success[b-1xftygbgts] { color: #2e7d32; border-color: #a5d6a7; }
.section-action-btn.success:hover[b-1xftygbgts] { background: #e8f5e9; }
.section-action-btn.danger[b-1xftygbgts] { color: #c62828; border-color: #ef9a9a; }
.section-action-btn.danger:hover[b-1xftygbgts] { background: #fce4ec; }
.section-action-btn.warning[b-1xftygbgts] { color: #e65100; border-color: #ffcc80; }
.section-action-btn.warning:hover[b-1xftygbgts] { background: #fff3e0; }

/* Coming Soon Banner */
.coming-soon-banner[b-1xftygbgts] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem;
    margin-top: 1rem;
    background: #f8f9ff;
    border: 1px dashed #c5cae9;
    border-radius: 8px;
    color: #5c6bc0;
    font-size: 0.84rem;
}

.coming-soon-banner .material-icons[b-1xftygbgts] {
    font-size: 22px;
    opacity: 0.6;
}

/* Read-only Badge (SQL Console) */
.readonly-badge[b-1xftygbgts] {
    margin-left: auto;
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* SQL Result Table */
.sql-result-table[b-1xftygbgts] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-mono);
    font-size: 0.78rem;
}

.sql-result-table th[b-1xftygbgts] {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 0.4rem 0.6rem;
    text-align: left;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.sql-result-table td[b-1xftygbgts] {
    border: 1px solid #e8e8e8;
    padding: 0.3rem 0.6rem;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sql-result-table tbody tr:hover[b-1xftygbgts] {
    background: #f8f9fa;
}

/* Export entity selection */
.export-entity-selected[b-1xftygbgts] {
    background: #e3f2fd !important;
    border-color: #42a5f5 !important;
}

/* Horizon tenant workspace overrides */
.td-hero[b-1xftygbgts] {
    background: var(--shell-background);
    border-radius: var(--shape-sm);
    padding: 1.25rem 1.5rem;
    box-shadow: none;
}

.td-hero-icon[b-1xftygbgts],
.slug-badge[b-1xftygbgts],
.hero-btn.back[b-1xftygbgts],
.hero-btn.cancel[b-1xftygbgts] {
    border-radius: var(--shape-xs);
}

.hero-btn.edit[b-1xftygbgts] {
    color: var(--primary-dark);
}

.summary-card[b-1xftygbgts],
.tab-panel-wrapper[b-1xftygbgts] {
    border-radius: var(--shape-sm);
    border-color: var(--divider);
    box-shadow: var(--elev-1);
}

.ds-header[b-1xftygbgts] {
    background: var(--gray-50);
    border-bottom-color: var(--divider);
}

.ds-title[b-1xftygbgts],
.sc-value[b-1xftygbgts],
.info-value[b-1xftygbgts] {
    color: var(--text-primary);
}

.info-value.accent[b-1xftygbgts],
.count-badge[b-1xftygbgts] {
    color: var(--primary-main);
}

.count-badge[b-1xftygbgts] {
    background: var(--primary-lighter);
}

/* Responsive */
@media (max-width: 640px) {
    .td-hero[b-1xftygbgts] { flex-direction: column; align-items: flex-start; }
    .summary-cards[b-1xftygbgts] { grid-template-columns: 1fr 1fr; }
    .info-grid[b-1xftygbgts] { grid-template-columns: 1fr 1fr; }
    .edit-form-grid[b-1xftygbgts] { grid-template-columns: 1fr; }
    .sub-grid-wrapper[b-1xftygbgts] { padding: 1rem; }
}
/* /Pages/Tenants.razor.rz.scp.css */
.tenants-container[b-y6c3pzosyc] {
    padding: 1.5rem;
}

.stat-icon[b-y6c3pzosyc] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-card[b-y6c3pzosyc] {
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-y6c3pzosyc] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* /Pages/Users.razor.rz.scp.css */
.users-container[b-sh2e18khea] {
    padding: 0;
}

.user-avatar[b-sh2e18khea] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--rz-primary);
}

.user-info-stack[b-sh2e18khea] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-name[b-sh2e18khea] {
    font-weight: 600;
    color: var(--rz-text-color);
}

.user-email[b-sh2e18khea] {
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
}

.role-badge-container[b-sh2e18khea] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.permission-card[b-sh2e18khea] {
    transition: all 0.2s ease;
}

.permission-card:hover[b-sh2e18khea] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.permission-granted[b-sh2e18khea] {
    border-left: 4px solid var(--rz-success);
}

.permission-denied[b-sh2e18khea] {
    border-left: 4px solid var(--rz-text-disabled-color);
    opacity: 0.6;
}
/* /Shared/AppSwitcher.razor.rz.scp.css */
/* ========================================================================
   APP SWITCHER — Stripe-inspired monochrome
   ======================================================================== */

.appswitcher-wrapper[b-ejuo5kmr3d] {
    position: relative;
}

.appswitcher-dropdown[b-ejuo5kmr3d] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 300px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 20px -2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
    z-index: 9999;
    overflow: hidden;
    animation: appSlideDown-b-ejuo5kmr3d 0.12s ease-out;
}

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

.appswitcher-header[b-ejuo5kmr3d] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--gray-100);
}

.appswitcher-header-title[b-ejuo5kmr3d] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gray-900);
}

.appswitcher-grid[b-ejuo5kmr3d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.125rem;
    padding: 0.625rem 0.5rem;
}

.appswitcher-item[b-ejuo5kmr3d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.25rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.1s;
    position: relative;
}

.appswitcher-item:hover:not(.disabled)[b-ejuo5kmr3d] {
    background: var(--gray-50);
}

.appswitcher-item.disabled[b-ejuo5kmr3d] {
    opacity: 0.4;
    cursor: default;
}

.appswitcher-icon[b-ejuo5kmr3d] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gray-100);
    color: var(--gray-600);
    transition: background 0.1s;
}

.appswitcher-item:hover:not(.disabled) .appswitcher-icon[b-ejuo5kmr3d] {
    background: var(--gray-200);
    transform: none;
}

.appswitcher-label[b-ejuo5kmr3d] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--gray-600);
    text-align: center;
    line-height: 1.2;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.appswitcher-soon[b-ejuo5kmr3d] {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--gray-500);
    background: var(--gray-100);
    padding: 1px 4px;
    border-radius: 3px;
    line-height: 1.3;
}

.appswitcher-footer[b-ejuo5kmr3d] {
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--gray-100);
    text-align: center;
    font-size: 0.6875rem;
    color: var(--gray-400);
}

@media (max-width: 640px) {
    .appswitcher-dropdown[b-ejuo5kmr3d] {
        width: 260px;
        right: -20px;
    }

    .appswitcher-grid[b-ejuo5kmr3d] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Shared/GlobalSearch.razor.rz.scp.css */
/* ========================================================================
   GLOBAL SEARCH — Stripe-inspired Top Nav Search
   ======================================================================== */

.global-search-wrapper[b-v38vqi98oe] {
    position: relative;
    flex: 1;
    max-width: 480px;
    min-width: 200px;
    margin: 0 auto;
}

.global-search-box[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 6px;
    transition: all 0.15s ease;
}

.global-search-box.focused[b-v38vqi98oe] {
    background: #fff;
    border-color: var(--gray-400);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.03);
}

.gs-icon[b-v38vqi98oe] {
    color: var(--gray-400);
    font-size: 20px;
    flex-shrink: 0;
}

.gs-input[b-v38vqi98oe] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: var(--gray-900);
    font-size: 0.8125rem;
    font-weight: 400;
    letter-spacing: 0;
}

.gs-input[b-v38vqi98oe]::placeholder {
    color: var(--gray-400);
    font-weight: 400;
}

.gs-clear[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: var(--gray-200);
    color: var(--gray-500);
    cursor: pointer;
    padding: 0;
    transition: background 0.1s;
}

.gs-clear:hover[b-v38vqi98oe] {
    background: var(--gray-300);
}

.gs-shortcut[b-v38vqi98oe] {
    flex-shrink: 0;
}

.gs-shortcut kbd[b-v38vqi98oe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    font-size: 0.6875rem;
    font-family: inherit;
    color: var(--gray-400);
    background: var(--gray-100);
    border: 1px solid var(--gray-200);
    border-radius: 4px;
}

/* Dropdown */

.gs-dropdown[b-v38vqi98oe] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 20px -2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
    border: none;
    max-height: 400px;
    overflow-y: auto;
    z-index: 9999;
    padding: 0.375rem 0;
    animation: gsSlideDown-b-v38vqi98oe 0.12s ease-out;
}

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

.gs-loading[b-v38vqi98oe], .gs-empty[b-v38vqi98oe], .gs-hint[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem 1rem;
    color: var(--gray-400);
    font-size: 0.8125rem;
}

.gs-category-header[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--gray-400);
}

.gs-category-count[b-v38vqi98oe] {
    background: var(--gray-100);
    color: var(--gray-500);
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 0.625rem;
    font-weight: 600;
}

.gs-result-item[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background 0.08s;
}

.gs-result-item:hover[b-v38vqi98oe],
.gs-result-item.selected[b-v38vqi98oe] {
    background: var(--gray-50);
}

.gs-result-icon[b-v38vqi98oe] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gs-result-text[b-v38vqi98oe] {
    flex: 1;
    min-width: 0;
}

.gs-result-title[b-v38vqi98oe] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gs-result-subtitle[b-v38vqi98oe] {
    font-size: 0.6875rem;
    color: var(--gray-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gs-result-arrow[b-v38vqi98oe] {
    font-size: 16px;
    color: var(--gray-300);
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.1s;
}

.gs-result-item:hover .gs-result-arrow[b-v38vqi98oe] {
    opacity: 1;
}

/* Quick navigation */
.gs-quick-nav[b-v38vqi98oe] {
    padding: 0 1rem 0.75rem;
}

.gs-quick-title[b-v38vqi98oe] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--gray-400);
    margin-bottom: 0.5rem;
}

.gs-quick-links[b-v38vqi98oe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem;
}

.gs-quick-link[b-v38vqi98oe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    color: var(--gray-600);
    cursor: pointer;
    transition: background 0.08s;
    text-decoration: none;
}

.gs-quick-link:hover[b-v38vqi98oe] {
    background: var(--gray-50);
    color: var(--gray-900);
    text-decoration: none;
}

.gs-quick-link .material-icons[b-v38vqi98oe] {
    font-size: 18px;
    color: var(--gray-400);
}

/* Responsive */
@media (max-width: 768px) {
    .global-search-wrapper[b-v38vqi98oe] {
        max-width: 100%;
        min-width: 0;
    }

    .gs-input[b-v38vqi98oe]::placeholder {
        font-size: 0.8rem;
    }

    .gs-shortcut[b-v38vqi98oe] {
        display: none;
    }
}
/* /Shared/GradientCard.razor.rz.scp.css */
.gradient-feature-card[b-stka6mvzzm] {
    transition: all 0.3s ease;
    cursor: default;
    height: 100%;
}

.gradient-feature-card:hover[b-stka6mvzzm] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.gradient-icon[b-stka6mvzzm] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

/* Animation */
@keyframes fadeInScale-b-stka6mvzzm {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.gradient-feature-card[b-stka6mvzzm] {
    animation: fadeInScale-b-stka6mvzzm 0.4s ease-out backwards;
}
/* /Shared/ModuleCreateAction.razor.rz.scp.css */
.module-create-action[b-l6usyl2ze1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--primary-main);
    border-radius: var(--shape-pill);
    background: var(--primary-main);
    color: #ffffff;
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.module-create-action:hover[b-l6usyl2ze1] {
    border-color: var(--primary-dark);
    background: var(--primary-dark);
}

.module-create-action:focus-visible[b-l6usyl2ze1] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.module-create-action .material-icons[b-l6usyl2ze1] {
    font-family: 'Material Symbols', 'Material Icons';
    font-size: 16px;
}

@media (max-width: 640px) {
    .module-create-action span:last-child[b-l6usyl2ze1] {
        display: none;
    }

    .module-create-action[b-l6usyl2ze1] {
        width: 32px;
        justify-content: center;
        padding: 0;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
/* NavMenu styles are in wwwroot/css/app.css (global) */
/* Blazor CSS isolation cannot reliably style child components on a dark sidebar */
/* /Shared/NavMenuItem.razor.rz.scp.css */
/* NavMenuItem styles are in wwwroot/css/app.css (global) */
/* Blazor CSS isolation cannot reliably style child components on a dark sidebar */
/* /Shared/NotificationDropdown.razor.rz.scp.css */
/* ========================================================================
   NOTIFICATION DROPDOWN — Stripe-inspired monochrome
   ======================================================================== */

.notification-wrapper[b-dgov5h7wpq] {
    position: relative;
}

/* Top bar icon buttons — monochrome on white header */
.topbar-icon-btn[b-dgov5h7wpq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--gray-500);
    cursor: pointer;
    transition: all 0.1s ease;
    padding: 0;
}

.topbar-icon-btn:hover[b-dgov5h7wpq] {
    background: var(--gray-100);
    color: var(--gray-700);
}

.topbar-icon-btn .material-icons[b-dgov5h7wpq] {
    font-size: 20px;
}

.notif-badge[b-dgov5h7wpq] {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: #ef4444;
    color: #fff;
    font-size: 0.5625rem;
    font-weight: 600;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    line-height: 1;
}

/* Overlay for click-outside-to-close */
.notif-overlay[b-dgov5h7wpq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
}

/* Dropdown */
.notif-dropdown[b-dgov5h7wpq] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 340px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 20px -2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.04);
    z-index: 9999;
    overflow: hidden;
    animation: notifSlideDown-b-dgov5h7wpq 0.12s ease-out;
    outline: none;
}

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

.notif-header[b-dgov5h7wpq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--gray-100);
}

.notif-header-title[b-dgov5h7wpq] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--gray-900);
}

.notif-mark-all[b-dgov5h7wpq] {
    border: none;
    background: none;
    color: var(--gray-500);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    transition: color 0.1s;
}

.notif-mark-all:hover[b-dgov5h7wpq] {
    color: var(--gray-900);
}

.notif-body[b-dgov5h7wpq] {
    max-height: 320px;
    overflow-y: auto;
}

.notif-empty[b-dgov5h7wpq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--gray-400);
    font-size: 0.8125rem;
}

.notif-item[b-dgov5h7wpq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 0.08s;
    position: relative;
}

.notif-item:hover[b-dgov5h7wpq] {
    background: var(--gray-50);
}

.notif-item.unread[b-dgov5h7wpq] {
    background: var(--gray-50);
}

.notif-item.unread:hover[b-dgov5h7wpq] {
    background: var(--gray-100);
}

.notif-item-icon[b-dgov5h7wpq] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    color: #0284c7;
}

.notif-item-content[b-dgov5h7wpq] {
    flex: 1;
    min-width: 0;
}

.notif-item-title[b-dgov5h7wpq] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--gray-900);
    line-height: 1.3;
}

.notif-item-message[b-dgov5h7wpq] {
    font-size: 0.75rem;
    color: var(--gray-500);
    line-height: 1.4;
    margin-top: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notif-item-footer[b-dgov5h7wpq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.notif-item-time[b-dgov5h7wpq] {
    font-size: 0.6875rem;
    color: var(--gray-400);
}

.notif-item-date[b-dgov5h7wpq] {
    font-size: 0.625rem;
    color: var(--gray-400);
}

.notif-unread-dot[b-dgov5h7wpq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gray-900);
    flex-shrink: 0;
    margin-top: 8px;
}

.notif-footer[b-dgov5h7wpq] {
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--gray-100);
    text-align: center;
}

.notif-footer-link[b-dgov5h7wpq] {
    color: var(--gray-500);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.1s;
}

.notif-footer-link:hover[b-dgov5h7wpq] {
    color: var(--gray-900);
}

@media (max-width: 640px) {
    .notif-dropdown[b-dgov5h7wpq] {
        width: 290px;
        right: -40px;
    }
}
/* /Shared/StatCard.razor.rz.scp.css */
.stat-card-component[b-8a696tkkrl] {
    transition: box-shadow 0.15s ease;
    cursor: default;
}

.stat-card-component:hover[b-8a696tkkrl] {
    transform: none;
    box-shadow: var(--shadow-ring), var(--shadow-sm);
}

.stat-card-icon[b-8a696tkkrl] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gray-100);
    flex-shrink: 0;
}