/* _content/Jadbot.Common.JadUI.Library/Components/JadAccordion.razor.rz.scp.css */
.jad-accordion[b-gjmxjivu8d] {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--border-default, #3A3A3A);
}

.jad-accordion-item[b-gjmxjivu8d] {
    border-bottom: 1px solid var(--border-subtle, #2A2A2A);
}

.jad-accordion-item:last-child[b-gjmxjivu8d] {
    border-bottom: none;
}

.jad-accordion-header[b-gjmxjivu8d] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 16px;
    background: var(--surface-primary, #1A1A1A);
    border: none;
    color: var(--text-primary, #fff);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: left;
}

.jad-accordion-header:hover[b-gjmxjivu8d] {
    background: var(--surface-hover, #2E2E2E);
}

.jad-accordion-header:focus-visible[b-gjmxjivu8d] {
    outline: 2px solid var(--accent-primary, #33B5E5);
    outline-offset: -2px;
}

.jad-accordion-icon[b-gjmxjivu8d] {
    flex-shrink: 0;
    color: var(--text-muted, #606060);
}

.jad-accordion-title[b-gjmxjivu8d] {
    flex: 1;
}

.jad-accordion-chevron[b-gjmxjivu8d] {
    flex-shrink: 0;
    color: var(--text-muted, #606060);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.jad-accordion-item--expanded .jad-accordion-chevron[b-gjmxjivu8d] {
    transform: rotate(180deg);
}

.jad-accordion-panel[b-gjmxjivu8d] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.jad-accordion-item--expanded .jad-accordion-panel[b-gjmxjivu8d] {
    grid-template-rows: 1fr;
}

.jad-accordion-panel--animating .jad-accordion-panel[b-gjmxjivu8d] {
    overflow: hidden;
}

.jad-accordion-body[b-gjmxjivu8d] {
    overflow: hidden;
    padding: 0 16px;
}

.jad-accordion-item--expanded .jad-accordion-body[b-gjmxjivu8d] {
    padding: 12px 16px 16px;
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-accordion-header[b-gjmxjivu8d] {
        padding: 12px 14px;
        font-size: 13px;
    }

    .jad-accordion-item--expanded .jad-accordion-body[b-gjmxjivu8d] {
        padding: 10px 14px 14px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadAlert.razor.rz.scp.css */
.jad-alert[b-r7uhstzo20] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 13px;
}

.jad-alert-icon[b-r7uhstzo20] {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
}

.jad-alert-content[b-r7uhstzo20] {
    flex: 1;
}

.jad-alert-title[b-r7uhstzo20] {
    font-weight: 600;
    margin-bottom: 2px;
}

.jad-alert-close[b-r7uhstzo20] {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    opacity: 0.6;
}

.jad-alert-close:hover[b-r7uhstzo20] {
    opacity: 1;
}

.jad-alert--info[b-r7uhstzo20] {
    background: rgba(33, 150, 243, 0.1);
    border-color: rgba(33, 150, 243, 0.3);
    color: #64b5f6;
}

.jad-alert--success[b-r7uhstzo20] {
    background: rgba(76, 175, 80, 0.1);
    border-color: rgba(76, 175, 80, 0.3);
    color: #81c784;
}

.jad-alert--warning[b-r7uhstzo20] {
    background: rgba(255, 152, 0, 0.1);
    border-color: rgba(255, 152, 0, 0.3);
    color: #ffb74d;
}

.jad-alert--danger[b-r7uhstzo20] {
    background: rgba(244, 67, 54, 0.1);
    border-color: rgba(244, 67, 54, 0.3);
    color: #e57373;
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadAvatar.razor.rz.scp.css */
.jad-avatar[b-v19xoi7g6f] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--surface-tertiary, #2A2A2A);
}

.jad-avatar--xs[b-v19xoi7g6f] {
    width: 24px;
    height: 24px;
    font-size: 10px;
}

.jad-avatar--sm[b-v19xoi7g6f] {
    width: 32px;
    height: 32px;
    font-size: 12px;
}

.jad-avatar--md[b-v19xoi7g6f] {
    width: 40px;
    height: 40px;
    font-size: 14px;
}

.jad-avatar--lg[b-v19xoi7g6f] {
    width: 56px;
    height: 56px;
    font-size: 18px;
}

.jad-avatar--xl[b-v19xoi7g6f] {
    width: 72px;
    height: 72px;
    font-size: 24px;
}

.jad-avatar-img[b-v19xoi7g6f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jad-avatar-initials[b-v19xoi7g6f] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #fff;
    user-select: none;
}

.jad-avatar-icon[b-v19xoi7g6f] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-muted, #606060);
}

.jad-avatar-status[b-v19xoi7g6f] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28%;
    height: 28%;
    min-width: 8px;
    min-height: 8px;
    border-radius: 50%;
    border: 2px solid var(--surface-primary, #1A1A1A);
}

.jad-avatar-status--online[b-v19xoi7g6f] {
    background: var(--success, #4caf50);
}

.jad-avatar-status--away[b-v19xoi7g6f] {
    background: var(--warning, #ff9800);
}

.jad-avatar-status--busy[b-v19xoi7g6f] {
    background: var(--danger, #f44336);
}

.jad-avatar-status--offline[b-v19xoi7g6f] {
    background: var(--text-muted, #606060);
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadBadge.razor.rz.scp.css */
.jad-badge[b-uxzhxh95rg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.jad-badge--default[b-uxzhxh95rg] {
    background: var(--surface-secondary, #252525);
    color: var(--text-secondary, #A0A0A0);
}

.jad-badge--primary[b-uxzhxh95rg] {
    background: var(--accent-primary, #33B5E5);
    color: #fff;
}

.jad-badge--success[b-uxzhxh95rg] {
    background: var(--success, #4caf50);
    color: #fff;
}

.jad-badge--warning[b-uxzhxh95rg] {
    background: var(--warning, #ff9800);
    color: #000;
}

.jad-badge--danger[b-uxzhxh95rg] {
    background: var(--danger, #f44336);
    color: #fff;
}

.jad-badge--info[b-uxzhxh95rg] {
    background: var(--info, #2196f3);
    color: #fff;
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadBreadcrumb.razor.rz.scp.css */
.jad-breadcrumb[b-5z3wz9wpfr] {
    font-size: 13px;
    color: var(--text-secondary, #A0A0A0);
}

.jad-breadcrumb-list[b-5z3wz9wpfr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jad-breadcrumb-item[b-5z3wz9wpfr] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.jad-breadcrumb-link[b-5z3wz9wpfr] {
    color: var(--text-secondary, #A0A0A0);
    text-decoration: none;
    padding: 2px 4px;
    border-radius: 3px;
    transition: color 0.15s, background 0.15s;
    white-space: nowrap;
}

.jad-breadcrumb-link:hover[b-5z3wz9wpfr] {
    color: var(--accent-primary, #33B5E5);
    background: var(--surface-hover, #2E2E2E);
    text-decoration: none;
}

.jad-breadcrumb-text[b-5z3wz9wpfr] {
    color: var(--text-primary, #fff);
    font-weight: 500;
    padding: 2px 4px;
    white-space: nowrap;
}

.jad-breadcrumb-icon[b-5z3wz9wpfr] {
    display: inline-flex;
    align-items: center;
}

.jad-breadcrumb-separator[b-5z3wz9wpfr] {
    color: var(--text-muted, #606060);
    display: inline-flex;
    align-items: center;
    padding: 0 2px;
    user-select: none;
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-breadcrumb[b-5z3wz9wpfr] {
        font-size: 12px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadButton.razor.rz.scp.css */
.jad-btn[b-i2j7eqgxa7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    user-select: none;
    font-family: inherit;
}

/* Sizes */
.jad-btn--sm[b-i2j7eqgxa7] {
    padding: 4px 10px;
    font-size: 12px;
    min-height: 28px;
}

.jad-btn--md[b-i2j7eqgxa7] {
    padding: 6px 14px;
    font-size: 13px;
    min-height: 36px;
}

.jad-btn--lg[b-i2j7eqgxa7] {
    padding: 10px 20px;
    font-size: 15px;
    min-height: 44px;
}

/* Variants */
.jad-btn--primary[b-i2j7eqgxa7] {
    background: var(--accent-primary, #33B5E5);
    color: #fff;
    border-color: var(--accent-primary, #33B5E5);
}

.jad-btn--primary:hover:not(:disabled)[b-i2j7eqgxa7] {
    background: var(--accent-primary-hover, #4FC3F7);
    border-color: var(--accent-primary-hover, #4FC3F7);
}

.jad-btn--secondary[b-i2j7eqgxa7] {
    background: var(--surface-secondary, #1E1E1E);
    color: var(--text-primary, #fff);
    border-color: var(--border-default, #3A3A3A);
}

.jad-btn--secondary:hover:not(:disabled)[b-i2j7eqgxa7] {
    background: var(--surface-hover, #2E2E2E);
}

.jad-btn--outline[b-i2j7eqgxa7] {
    background: transparent;
    color: var(--text-primary, #fff);
    border-color: var(--border-default, #3A3A3A);
}

.jad-btn--outline:hover:not(:disabled)[b-i2j7eqgxa7] {
    background: var(--surface-hover, #2E2E2E);
    border-color: var(--accent-primary, #33B5E5);
}

.jad-btn--ghost[b-i2j7eqgxa7] {
    background: transparent;
    color: var(--text-secondary, #A0A0A0);
    border-color: transparent;
}

.jad-btn--ghost:hover:not(:disabled)[b-i2j7eqgxa7] {
    background: var(--surface-hover, #2E2E2E);
    color: var(--text-primary, #fff);
}

.jad-btn--danger[b-i2j7eqgxa7] {
    background: var(--error, #FF5252);
    color: #fff;
    border-color: var(--error, #FF5252);
}

.jad-btn--danger:hover:not(:disabled)[b-i2j7eqgxa7] {
    background: var(--bearish-hover, #FF6B6B);
    border-color: var(--bearish-hover, #FF6B6B);
}

/* Disabled */
.jad-btn:disabled[b-i2j7eqgxa7] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Loading */
.jad-btn.loading[b-i2j7eqgxa7] {
    pointer-events: none;
}

.jad-btn-spinner[b-i2j7eqgxa7] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: jad-spin-b-i2j7eqgxa7 0.75s linear infinite;
}

@keyframes jad-spin-b-i2j7eqgxa7 {
    to {
        transform: rotate(360deg);
    }
}

/* Mobile touch targets */
@media (max-width: 768px) {
    .jad-btn--sm[b-i2j7eqgxa7] {
        min-height: 36px;
        padding: 6px 12px;
    }

    .jad-btn--md[b-i2j7eqgxa7] {
        min-height: 40px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadCard.razor.rz.scp.css */
.jad-card[b-y4whizhkxu] {
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 8px;
    overflow: hidden;
}

.jad-card-header[b-y4whizhkxu] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-subtle, #2A2A2A);
    font-weight: 600;
    font-size: 14px;
}

.jad-card-body[b-y4whizhkxu] {
    padding: 16px;
}

.jad-card-footer[b-y4whizhkxu] {
    padding: 12px 16px;
    border-top: 1px solid var(--border-subtle, #2A2A2A);
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadCheckbox.razor.rz.scp.css */
.jad-checkbox[b-2ygwbrgpa5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    min-height: 28px;
}

.jad-checkbox input[b-2ygwbrgpa5] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.jad-checkbox-box[b-2ygwbrgpa5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    background: var(--surface-primary, #1E1E1E);
    color: transparent;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.jad-checkbox input:checked + .jad-checkbox-box[b-2ygwbrgpa5] {
    background: var(--accent-primary, #33B5E5);
    border-color: var(--accent-primary, #33B5E5);
    color: #fff;
}

.jad-checkbox input:focus-visible + .jad-checkbox-box[b-2ygwbrgpa5] {
    outline: 2px solid var(--accent-primary, #33B5E5);
    outline-offset: 2px;
}

.jad-checkbox input:disabled + .jad-checkbox-box[b-2ygwbrgpa5] {
    opacity: 0.4;
}

.jad-checkbox-label[b-2ygwbrgpa5] {
    font-size: 13px;
    color: var(--text-primary, #fff);
}

@media (max-width: 768px) {
    .jad-checkbox-box[b-2ygwbrgpa5] {
        width: 24px;
        height: 24px;
    }

    .jad-checkbox-label[b-2ygwbrgpa5] {
        font-size: 14px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadChip.razor.rz.scp.css */
.jad-chip[b-10obyzbnm1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    background: var(--surface-tertiary, #2A2A2A);
    color: var(--text-secondary, #A0A0A0);
    border: 1px solid transparent;
    transition: all 0.15s ease;
    user-select: none;
    max-width: 100%;
}

.jad-chip--clickable[b-10obyzbnm1] {
    cursor: pointer;
}

.jad-chip--clickable:hover[b-10obyzbnm1] {
    background: var(--surface-hover, #3A3A3A);
    color: var(--text-primary, #fff);
}

.jad-chip--clickable:focus-visible[b-10obyzbnm1] {
    outline: 2px solid var(--accent-primary, #33B5E5);
    outline-offset: 2px;
}

.jad-chip--primary[b-10obyzbnm1] {
    background: var(--accent-primary, #33B5E5);
    color: #fff;
}

.jad-chip--primary.jad-chip--clickable:hover[b-10obyzbnm1] {
    background: #4cc3f0;
}

.jad-chip--success[b-10obyzbnm1] {
    background: var(--success, #4caf50);
    color: #fff;
}

.jad-chip--success.jad-chip--clickable:hover[b-10obyzbnm1] {
    background: #66bb6a;
}

.jad-chip--warning[b-10obyzbnm1] {
    background: var(--warning, #ff9800);
    color: #000;
}

.jad-chip--warning.jad-chip--clickable:hover[b-10obyzbnm1] {
    background: #ffa726;
}

.jad-chip--error[b-10obyzbnm1] {
    background: var(--danger, #f44336);
    color: #fff;
}

.jad-chip--error.jad-chip--clickable:hover[b-10obyzbnm1] {
    background: #ef5350;
}

.jad-chip--outline[b-10obyzbnm1] {
    background: transparent;
    border-color: var(--border-default, #3A3A3A);
    color: var(--text-secondary, #A0A0A0);
}

.jad-chip--outline.jad-chip--clickable:hover[b-10obyzbnm1] {
    border-color: var(--accent-primary, #33B5E5);
    color: var(--accent-primary, #33B5E5);
}

.jad-chip-label[b-10obyzbnm1] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jad-chip-icon[b-10obyzbnm1] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.jad-chip-remove[b-10obyzbnm1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 -4px 0 0;
    background: none;
    border: none;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s, background 0.15s;
    flex-shrink: 0;
}

.jad-chip-remove:hover[b-10obyzbnm1] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-chip[b-10obyzbnm1] {
        padding: 4px 10px;
        font-size: 12px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDatePicker.razor.rz.scp.css */
.jad-datepicker[b-ermn6zda9x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jad-datepicker-label[b-ermn6zda9x] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary, #A0A0A0);
    text-transform: uppercase;
}

.jad-datepicker-input[b-ermn6zda9x] {
    padding: 6px 10px;
    font-size: 13px;
    font-family: inherit;
    background: var(--surface-primary, #1E1E1E);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #FFFFFF);
    outline: none;
    min-height: 36px;
    transition: border-color 0.15s ease;
}

.jad-datepicker-input:focus[b-ermn6zda9x] {
    border-color: var(--accent-primary, #33B5E5);
}

.jad-datepicker-input:disabled[b-ermn6zda9x] {
    opacity: 0.5;
}

.jad-datepicker-input.error[b-ermn6zda9x] {
    border-color: var(--error, #FF5252);
}

.jad-datepicker-error[b-ermn6zda9x] {
    font-size: 11px;
    color: var(--error, #FF5252);
}

/* WebKit datetime-local styling */
.jad-datepicker-input[b-ermn6zda9x]::-webkit-calendar-picker-indicator {
    filter: invert(0.6);
    cursor: pointer;
}

@media (max-width: 768px) {
    .jad-datepicker-input[b-ermn6zda9x] {
        padding: 8px 12px;
        font-size: 14px; /* Prevents iOS zoom on focus */
        min-height: 40px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDivider.razor.rz.scp.css */
.jad-divider[b-aox9cxvu1o] {
    border: none;
    margin: 0;
    flex-shrink: 0;
    background: var(--border-default, #3A3A3A);
}

.jad-divider--horizontal[b-aox9cxvu1o] {
    width: 100%;
    height: 1px;
    margin: 12px 0;
}

.jad-divider--vertical[b-aox9cxvu1o] {
    width: 1px;
    height: 100%;
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
}

.jad-divider--with-text[b-aox9cxvu1o] {
    display: flex;
    align-items: center;
    background: transparent;
    gap: 12px;
}

.jad-divider--with-text[b-aox9cxvu1o]::before,
.jad-divider--with-text[b-aox9cxvu1o]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border-default, #3A3A3A);
}

.jad-divider-text[b-aox9cxvu1o] {
    font-size: 12px;
    color: var(--text-muted, #606060);
    white-space: nowrap;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Variants */
.jad-divider--primary[b-aox9cxvu1o],
.jad-divider--primary[b-aox9cxvu1o]::before,
.jad-divider--primary[b-aox9cxvu1o]::after {
    background: var(--accent-primary, #33B5E5);
}

.jad-divider--success[b-aox9cxvu1o],
.jad-divider--success[b-aox9cxvu1o]::before,
.jad-divider--success[b-aox9cxvu1o]::after {
    background: var(--success, #4caf50);
}

.jad-divider--warning[b-aox9cxvu1o],
.jad-divider--warning[b-aox9cxvu1o]::before,
.jad-divider--warning[b-aox9cxvu1o]::after {
    background: var(--warning, #ff9800);
}

.jad-divider--error[b-aox9cxvu1o],
.jad-divider--error[b-aox9cxvu1o]::before,
.jad-divider--error[b-aox9cxvu1o]::after {
    background: var(--error, #f44336);
}

.jad-divider--primary.jad-divider--with-text[b-aox9cxvu1o],
.jad-divider--success.jad-divider--with-text[b-aox9cxvu1o],
.jad-divider--warning.jad-divider--with-text[b-aox9cxvu1o],
.jad-divider--error.jad-divider--with-text[b-aox9cxvu1o] {
    background: transparent;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .jad-divider[b-aox9cxvu1o] {
        transition: none;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockLayout.razor.rz.scp.css */
.jad-dock-layout[b-hsy3vz39am] {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockPanel.razor.rz.scp.css */
/* JadDockPanel — Isolated CSS */

.jad-dock-panel[b-1yyhfr0nuq] {
    display: flex;
    flex-direction: column;
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    height: 100%;
}

.jad-dock-panel--maximized[b-1yyhfr0nuq] {
    position: absolute;
    inset: 0;
    z-index: 1000;
    border-radius: 0;
}

.jad-dock-panel--minimized[b-1yyhfr0nuq] {
    height: auto;
}

.jad-dock-panel--minimized .jad-dock-panel__content[b-1yyhfr0nuq],
.jad-dock-panel--minimized .jad-dock-panel__resize-handle[b-1yyhfr0nuq] {
    display: none;
}

.jad-dock-panel--floating[b-1yyhfr0nuq] {
    position: absolute;
    box-shadow: 0 0 0 1px var(--accent-primary, #33B5E5),
    0 8px 32px rgba(0, 0, 0, 0.5),
    0 20px 60px rgba(0, 0, 0, 0.35);
    z-index: 500;
    border-radius: 8px;
    animation: polaris-float-lift-b-1yyhfr0nuq 0.2s ease-out;
}

.jad-dock-panel__header[b-1yyhfr0nuq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    height: var(--polaris-panel-header-height, 28px);
    background: var(--surface-secondary, #252525);
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    flex-shrink: 0;
    user-select: none;
    cursor: default;
}

.jad-dock-panel--floating .jad-dock-panel__header[b-1yyhfr0nuq] {
    cursor: grab;
    background: var(--surface-tertiary, #1E2A30);
    border-bottom-color: var(--accent-primary, #33B5E5);
}

.jad-dock-panel--floating .jad-dock-panel__header:active[b-1yyhfr0nuq] {
    cursor: grabbing;
}

.jad-dock-panel--floating .jad-dock-panel__title[b-1yyhfr0nuq] {
    color: var(--accent-primary, #33B5E5);
}

@keyframes polaris-float-lift-b-1yyhfr0nuq {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.jad-dock-panel__icon[b-1yyhfr0nuq] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
}

.jad-dock-panel__title[b-1yyhfr0nuq] {
    flex: 1;
    font-size: var(--jad-text-xs, 11px);
    font-weight: 600;
    color: var(--text-primary, #FFFFFF);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jad-dock-panel__actions[b-1yyhfr0nuq] {
    display: flex;
    gap: 2px;
    align-items: center;
}

.jad-dock-panel__action-btn[b-1yyhfr0nuq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 3px;
    color: var(--text-secondary, #A0A0A0);
    cursor: pointer;
    transition: background var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);
}

.jad-dock-panel__action-btn:hover[b-1yyhfr0nuq] {
    background: var(--surface-hover, #2E2E2E);
    color: var(--text-primary, #FFFFFF);
}

.jad-dock-panel__action-btn--close:hover[b-1yyhfr0nuq] {
    background: var(--danger, #f44336);
    color: var(--text-inverse, #000000);
}

.jad-dock-panel__content[b-1yyhfr0nuq] {
    flex: 1;
    overflow: auto;
    position: relative;
}

/* Resize handles */
.jad-dock-panel__resize-handle[b-1yyhfr0nuq] {
    position: absolute;
    z-index: 10;
    opacity: 0;
    transition: opacity var(--transition-fast, 0.15s ease);
}

.jad-dock-panel:hover .jad-dock-panel__resize-handle[b-1yyhfr0nuq] {
    opacity: 1;
}

.jad-dock-panel__resize-handle--n[b-1yyhfr0nuq] {
    top: 0;
    left: 8px;
    right: 8px;
    height: 4px;
    cursor: n-resize;
}

.jad-dock-panel__resize-handle--s[b-1yyhfr0nuq] {
    bottom: 0;
    left: 8px;
    right: 8px;
    height: 4px;
    cursor: s-resize;
}

.jad-dock-panel__resize-handle--e[b-1yyhfr0nuq] {
    top: 8px;
    right: 0;
    bottom: 8px;
    width: 4px;
    cursor: e-resize;
}

.jad-dock-panel__resize-handle--w[b-1yyhfr0nuq] {
    top: 8px;
    left: 0;
    bottom: 8px;
    width: 4px;
    cursor: w-resize;
}

.jad-dock-panel__resize-handle--ne[b-1yyhfr0nuq] {
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    cursor: ne-resize;
}

.jad-dock-panel__resize-handle--nw[b-1yyhfr0nuq] {
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    cursor: nw-resize;
}

.jad-dock-panel__resize-handle--se[b-1yyhfr0nuq] {
    bottom: 0;
    right: 0;
    width: 8px;
    height: 8px;
    cursor: se-resize;
}

.jad-dock-panel__resize-handle--sw[b-1yyhfr0nuq] {
    bottom: 0;
    left: 0;
    width: 8px;
    height: 8px;
    cursor: sw-resize;
}

/* Panel dimmed while being dragged */
.jad-dock-panel--dragging[b-1yyhfr0nuq] {
    opacity: 0.35;
    filter: grayscale(0.6);
    transition: opacity 0.2s ease, filter 0.2s ease;
}

/* Mobile: thicker header */
@media (pointer: coarse) {
    .jad-dock-panel__header[b-1yyhfr0nuq] {
        height: var(--polaris-panel-header-height-touch, 40px);
        padding: 0 14px;
    }

    .jad-dock-panel__action-btn[b-1yyhfr0nuq] {
        width: 28px;
        height: 28px;
    }

    .jad-dock-panel__resize-handle[b-1yyhfr0nuq] {
        opacity: 1;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockSidebar.razor.rz.scp.css */
.jad-dock-sidebar[b-foc2koo8cn] {
    display: flex;
    flex-direction: column;
    background: var(--surface-secondary, #252525);
    border-right: 1px solid var(--border-default, #3A3A3A);
    height: 100%;
    width: 240px;
    transition: width var(--transition-fast, 0.15s ease);
    overflow: hidden;
}

.jad-dock-sidebar--collapsed[b-foc2koo8cn] {
    width: 56px;
}

.jad-dock-sidebar__header[b-foc2koo8cn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    min-height: 48px;
}

.jad-dock-sidebar__title[b-foc2koo8cn] {
    font-size: var(--jad-text-sm, 13px);
    font-weight: 600;
    color: var(--text-primary, #FFFFFF);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jad-dock-sidebar__toggle[b-foc2koo8cn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 4px;
    color: var(--text-secondary, #A0A0A0);
    cursor: pointer;
    transition: background var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);
    flex-shrink: 0;
}

.jad-dock-sidebar__toggle:hover[b-foc2koo8cn] {
    background: var(--surface-hover, #2E2E2E);
    color: var(--text-primary, #FFFFFF);
}

.jad-dock-sidebar__items[b-foc2koo8cn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    overflow-y: auto;
}

.jad-dock-sidebar__item[b-foc2koo8cn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--text-secondary, #A0A0A0);
    font-size: var(--jad-text-xs, 11px);
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: background var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);
    white-space: nowrap;
}

.jad-dock-sidebar__item:hover[b-foc2koo8cn] {
    background: var(--surface-hover, #2E2E2E);
    color: var(--text-primary, #FFFFFF);
}

.jad-dock-sidebar__item--active[b-foc2koo8cn] {
    background: var(--surface-primary, #1A1A1A);
    color: var(--accent-primary, #33B5E5);
    border-left: 3px solid var(--accent-primary, #33B5E5);
}

.jad-dock-sidebar__item-icon[b-foc2koo8cn] {
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.jad-dock-sidebar__item-label[b-foc2koo8cn] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.jad-dock-sidebar--collapsed .jad-dock-sidebar__item[b-foc2koo8cn] {
    justify-content: center;
    padding: 10px;
}

.jad-dock-sidebar--collapsed .jad-dock-sidebar__item--active[b-foc2koo8cn] {
    border-left: none;
    border-bottom: 3px solid var(--accent-primary, #33B5E5);
}

/* Mobile overlay */
@media (max-width: 768px) {
    .jad-dock-sidebar[b-foc2koo8cn] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 1000;
        transform: translateX(-100%);
        transition: transform var(--transition-normal, 0.2s ease);
    }

    .jad-dock-sidebar--visible[b-foc2koo8cn] {
        transform: translateX(0);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockSplitter.razor.rz.scp.css */
/* JadDockSplitter — Isolated CSS */

.jad-dock-splitter[b-ifuk4vwktg] {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jad-dock-splitter--horizontal[b-ifuk4vwktg] {
    flex-direction: row;
}

.jad-dock-splitter--vertical[b-ifuk4vwktg] {
    flex-direction: column;
}

.jad-dock-splitter__pane[b-ifuk4vwktg] {
    overflow: auto;
    position: relative;
}

.jad-dock-splitter__pane--first[b-ifuk4vwktg] {
    background: var(--surface-primary, #1A1A1A);
}

.jad-dock-splitter__pane--second[b-ifuk4vwktg] {
    background: var(--surface-secondary, #252525);
}

.jad-dock-splitter__divider[b-ifuk4vwktg] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--border-default, #3A3A3A);
    flex-shrink: 0;
    position: relative;
    transition: background var(--transition-fast, 0.15s ease);
    outline: none;
}

.jad-dock-splitter__divider:hover[b-ifuk4vwktg],
.jad-dock-splitter__divider:focus[b-ifuk4vwktg] {
    background: var(--accent-primary, #33B5E5);
}

.jad-dock-splitter--horizontal .jad-dock-splitter__divider[b-ifuk4vwktg] {
    width: var(--polaris-splitter-size, 8px);
    height: 100%;
    cursor: col-resize;
}

.jad-dock-splitter--vertical .jad-dock-splitter__divider[b-ifuk4vwktg] {
    height: var(--polaris-splitter-size, 8px);
    width: 100%;
    cursor: row-resize;
}

.jad-dock-splitter__divider-grip[b-ifuk4vwktg] {
    background: var(--border-strong, #4A4A4A);
    border-radius: 2px;
    pointer-events: none;
}

.jad-dock-splitter--horizontal .jad-dock-splitter__divider-grip[b-ifuk4vwktg] {
    width: 2px;
    height: 24px;
}

.jad-dock-splitter--vertical .jad-dock-splitter__divider-grip[b-ifuk4vwktg] {
    width: 24px;
    height: 2px;
}

.jad-dock-splitter__divider:hover .jad-dock-splitter__divider-grip[b-ifuk4vwktg],
.jad-dock-splitter__divider:focus .jad-dock-splitter__divider-grip[b-ifuk4vwktg] {
    background: var(--text-primary, #FFFFFF);
}

/* Mobile: thicker divider for touch */
@media (pointer: coarse) {
    .jad-dock-splitter--horizontal .jad-dock-splitter__divider[b-ifuk4vwktg] {
        width: var(--polaris-splitter-size-touch, 16px);
    }

    .jad-dock-splitter--vertical .jad-dock-splitter__divider[b-ifuk4vwktg] {
        height: var(--polaris-splitter-size-touch, 16px);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockStatusBar.razor.rz.scp.css */
.jad-dock-statusbar[b-gxxg50rhg3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
    padding: 0 16px;
    background: var(--surface-secondary, #252525);
    border-top: 1px solid var(--border-default, #3A3A3A);
    font-size: var(--jad-text-2xs, 9px);
    color: var(--text-secondary, #A0A0A0);
    flex-shrink: 0;
    gap: 16px;
}

.jad-dock-statusbar__left[b-gxxg50rhg3],
.jad-dock-statusbar__center[b-gxxg50rhg3],
.jad-dock-statusbar__right[b-gxxg50rhg3] {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    overflow: hidden;
}

.jad-dock-statusbar__center[b-gxxg50rhg3] {
    flex: 1;
    justify-content: center;
}

.jad-dock-statusbar__right[b-gxxg50rhg3] {
    justify-content: flex-end;
}

@media (pointer: coarse) {
    .jad-dock-statusbar[b-gxxg50rhg3] {
        height: 40px;
        font-size: var(--jad-text-xs, 11px);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDockTabGroup.razor.rz.scp.css */
/* JadDockTabGroup — Isolated CSS */

.jad-dock-tab-group[b-6jxc81skk9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.jad-dock-tab-bar[b-6jxc81skk9] {
    display: flex;
    gap: 1px;
    background: var(--surface-secondary, #252525);
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    flex-shrink: 0;
    min-height: 32px;
}

.jad-dock-tab-bar[b-6jxc81skk9]::-webkit-scrollbar {
    height: 4px;
}

.jad-dock-tab-bar[b-6jxc81skk9]::-webkit-scrollbar-thumb {
    background: var(--border-default, #3A3A3A);
    border-radius: 2px;
}

.jad-dock-tab-btn[b-6jxc81skk9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: var(--surface-secondary, #252525);
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-secondary, #A0A0A0);
    font-size: var(--jad-text-xs, 11px);
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease), border-color var(--transition-fast, 0.15s ease);
    position: relative;
    user-select: none;
}

.jad-dock-tab-btn:hover[b-6jxc81skk9] {
    background: var(--surface-hover, #2E2E2E);
    color: var(--text-primary, #FFFFFF);
}

.jad-dock-tab-btn--active[b-6jxc81skk9] {
    background: var(--surface-primary, #1A1A1A);
    color: var(--text-primary, #FFFFFF);
    border-bottom-color: var(--accent-primary, #33B5E5);
}

.jad-dock-tab-btn--pinned[b-6jxc81skk9] {
    font-style: italic;
}

.jad-dock-tab-btn--modified .jad-dock-tab-label[b-6jxc81skk9] {
    font-weight: 600;
}

.jad-dock-tab-icon[b-6jxc81skk9] {
    font-size: 12px;
    line-height: 1;
}

.jad-dock-tab-label[b-6jxc81skk9] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jad-dock-tab-modified-indicator[b-6jxc81skk9] {
    color: var(--accent-primary, #33B5E5);
    font-size: 8px;
    line-height: 1;
}

.jad-dock-tab-close[b-6jxc81skk9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-left: 2px;
    opacity: 0.6;
    transition: opacity var(--transition-fast, 0.15s ease), background var(--transition-fast, 0.15s ease);
    cursor: pointer;
}

.jad-dock-tab-close:hover[b-6jxc81skk9] {
    opacity: 1;
    background: var(--danger, #f44336);
    color: var(--text-inverse, #000000);
}

.jad-dock-tab-btn--active .jad-dock-tab-close:hover[b-6jxc81skk9] {
    color: var(--text-inverse, #000000);
}

.jad-dock-tab-content[b-6jxc81skk9] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.jad-dock-tab-panel[b-6jxc81skk9] {
    height: 100%;
    overflow: auto;
    animation: jad-dock-tab-fade-in-b-6jxc81skk9 0.15s ease;
}

@keyframes jad-dock-tab-fade-in-b-6jxc81skk9 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Mobile: larger tabs */
@media (pointer: coarse) {
    .jad-dock-tab-btn[b-6jxc81skk9] {
        padding: 10px 14px;
        font-size: var(--jad-text-sm, 13px);
        min-height: 40px;
    }

    .jad-dock-tab-close[b-6jxc81skk9] {
        width: 20px;
        height: 20px;
        opacity: 1;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDrawer.razor.rz.scp.css */
.jad-drawer-backdrop[b-2nnmmmxyic] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 48;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.jad-drawer-backdrop--open[b-2nnmmmxyic] {
    opacity: 1;
    pointer-events: auto;
}

.jad-drawer[b-2nnmmmxyic] {
    position: fixed;
    z-index: 49;
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    box-shadow: var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.4));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

/* Position */
.jad-drawer--left[b-2nnmmmxyic] {
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    border-right-width: 1px;
    border-left-width: 0;
}

.jad-drawer--right[b-2nnmmmxyic] {
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    border-left-width: 1px;
    border-right-width: 0;
}

.jad-drawer--top[b-2nnmmmxyic] {
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    border-bottom-width: 1px;
    border-top-width: 0;
}

.jad-drawer--bottom[b-2nnmmmxyic] {
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    border-top-width: 1px;
    border-bottom-width: 0;
}

.jad-drawer--open[b-2nnmmmxyic] {
    transform: translate(0);
}

/* Sizes */
.jad-drawer--sm[b-2nnmmmxyic] {
    width: 280px;
}

.jad-drawer--md[b-2nnmmmxyic] {
    width: 360px;
}

.jad-drawer--lg[b-2nnmmmxyic] {
    width: 480px;
}

.jad-drawer--xl[b-2nnmmmxyic] {
    width: 640px;
}

.jad-drawer--full[b-2nnmmmxyic] {
    width: 100%;
}

/* Top/bottom sizes */
.jad-drawer--top.jad-drawer--sm[b-2nnmmmxyic],
.jad-drawer--bottom.jad-drawer--sm[b-2nnmmmxyic] {
    height: 200px;
    width: auto;
}

.jad-drawer--top.jad-drawer--md[b-2nnmmmxyic],
.jad-drawer--bottom.jad-drawer--md[b-2nnmmmxyic] {
    height: 320px;
    width: auto;
}

.jad-drawer--top.jad-drawer--lg[b-2nnmmmxyic],
.jad-drawer--bottom.jad-drawer--lg[b-2nnmmmxyic] {
    height: 440px;
    width: auto;
}

.jad-drawer--top.jad-drawer--xl[b-2nnmmmxyic],
.jad-drawer--bottom.jad-drawer--xl[b-2nnmmmxyic] {
    height: 560px;
    width: auto;
}

.jad-drawer--top.jad-drawer--full[b-2nnmmmxyic],
.jad-drawer--bottom.jad-drawer--full[b-2nnmmmxyic] {
    height: 100%;
    width: auto;
}

/* Header */
.jad-drawer-header[b-2nnmmmxyic] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    font-weight: 600;
    font-size: 15px;
    color: var(--text-primary, #fff);
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
}

/* Body */
.jad-drawer-body[b-2nnmmmxyic] {
    flex: 1;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Footer */
.jad-drawer-footer[b-2nnmmmxyic] {
    padding: 12px 16px;
    border-top: 1px solid var(--border-default, #3A3A3A);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* Close button */
.jad-drawer-close[b-2nnmmmxyic] {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    color: var(--text-secondary, #A0A0A0);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 2;
}

.jad-drawer-close:hover[b-2nnmmmxyic] {
    color: var(--text-primary, #fff);
    background: var(--surface-hover, #2E2E2E);
}

/* Mobile: full width for left/right drawers */
@media (max-width: 768px) {
    .jad-drawer--left[b-2nnmmmxyic],
    .jad-drawer--right[b-2nnmmmxyic] {
        width: 100% !important;
        max-width: 100%;
    }

    .jad-drawer--top[b-2nnmmmxyic],
    .jad-drawer--bottom[b-2nnmmmxyic] {
        height: auto !important;
        max-height: 80vh;
    }

    .jad-drawer-header[b-2nnmmmxyic] {
        padding: 10px 12px;
        min-height: 44px;
    }

    .jad-drawer-body[b-2nnmmmxyic] {
        padding: 12px;
    }

    .jad-drawer-footer[b-2nnmmmxyic] {
        padding: 10px 12px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .jad-drawer-backdrop[b-2nnmmmxyic],
    .jad-drawer[b-2nnmmmxyic] {
        transition: none;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadDropdown.razor.rz.scp.css */
.jad-dropdown[b-2xr0n3hppq] {
    position: relative;
    display: inline-block;
}

.jad-dropdown-trigger[b-2xr0n3hppq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: var(--surface-secondary, #252525);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 6px;
    color: var(--text-secondary, #A0A0A0);
    font-size: 14px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.jad-dropdown-trigger:hover[b-2xr0n3hppq] {
    background: var(--surface-hover, #2E2E2E);
    border-color: var(--border-hover, #4A4A4A);
    color: var(--text-primary, #fff);
}

.jad-dropdown-trigger:focus-visible[b-2xr0n3hppq] {
    outline: 2px solid var(--accent-primary, #33B5E5);
    outline-offset: 2px;
}

.jad-dropdown-menu[b-2xr0n3hppq] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 100;
    min-width: 160px;
    max-width: min(90vw, 320px);
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    padding: 4px;
    overflow: hidden;
    animation: jad-dropdown-enter-b-2xr0n3hppq 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.jad-dropdown--open .jad-dropdown-menu[b-2xr0n3hppq] {
    display: block;
}

@keyframes jad-dropdown-enter-b-2xr0n3hppq {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-dropdown-menu[b-2xr0n3hppq] {
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: auto;
        top: auto;
        max-width: none;
        animation: jad-dropdown-enter-mobile-b-2xr0n3hppq 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes jad-dropdown-enter-mobile-b-2xr0n3hppq {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadInput.razor.rz.scp.css */
.jad-input-wrap[b-wrv7bn5xcc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jad-input-label[b-wrv7bn5xcc] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary, #A0A0A0);
}

.jad-input[b-wrv7bn5xcc] {
    padding: 8px 12px;
    background: var(--surface-secondary, #252525);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #fff);
    font-size: 13px;
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
}

.jad-input:focus[b-wrv7bn5xcc] {
    outline: none;
    border-color: var(--accent-primary, #33B5E5);
    box-shadow: 0 0 0 2px var(--accent-primary-20, rgba(51, 181, 229, 0.2));
}

.jad-input[b-wrv7bn5xcc]::placeholder {
    color: var(--text-muted, #606060);
}

.jad-input:disabled[b-wrv7bn5xcc] {
    opacity: 0.5;
    cursor: not-allowed;
}

.jad-input-helper[b-wrv7bn5xcc] {
    font-size: 11px;
    color: var(--text-muted, #606060);
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadModal.razor.rz.scp.css */
.jad-modal-overlay[b-ju5d0427ac] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.jad-modal-overlay.in[b-ju5d0427ac] {
    opacity: 1;
}

.jad-modal[b-ju5d0427ac] {
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    max-height: calc(100vh - 40px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(10px);
    opacity: 0;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

.jad-modal-overlay.in .jad-modal[b-ju5d0427ac] {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.jad-modal--sm[b-ju5d0427ac] {
    width: 100%;
    max-width: 360px;
}

.jad-modal--md[b-ju5d0427ac] {
    width: 100%;
    max-width: 520px;
}

.jad-modal--lg[b-ju5d0427ac] {
    width: 100%;
    max-width: 720px;
}

.jad-modal--xl[b-ju5d0427ac] {
    width: 100%;
    max-width: 960px;
}

.jad-modal--full[b-ju5d0427ac] {
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-width: none;
}

.jad-modal-header[b-ju5d0427ac] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px 0;
    flex-shrink: 0;
}

.jad-modal-title[b-ju5d0427ac] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

.jad-modal-close[b-ju5d0427ac] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--text-muted, #606060);
    font-size: 22px;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
    padding: 0;
    margin: -4px -8px -4px 0;
}

.jad-modal-close:hover[b-ju5d0427ac] {
    color: var(--text-primary, #fff);
    background: var(--surface-hover, #2E2E2E);
}

.jad-modal-body[b-ju5d0427ac] {
    padding: 16px 24px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.jad-modal-footer[b-ju5d0427ac] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 24px 18px;
    flex-shrink: 0;
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-modal-overlay[b-ju5d0427ac] {
        padding: 0;
        align-items: flex-end;
        background: rgba(0, 0, 0, 0.7);
    }

    .jad-modal[b-ju5d0427ac] {
        border-radius: 16px 16px 0 0;
        max-height: 90vh;
        transform: translateY(100%);
    }

    .jad-modal-overlay.in .jad-modal[b-ju5d0427ac] {
        transform: translateY(0);
    }

    .jad-modal--sm[b-ju5d0427ac],
    .jad-modal--md[b-ju5d0427ac],
    .jad-modal--lg[b-ju5d0427ac],
    .jad-modal--xl[b-ju5d0427ac] {
        max-width: none;
        width: 100%;
    }

    .jad-modal-header[b-ju5d0427ac] {
        padding: 16px 20px 0;
    }

    .jad-modal-body[b-ju5d0427ac] {
        padding: 14px 20px;
    }

    .jad-modal-footer[b-ju5d0427ac] {
        padding: 0 20px 16px;
        flex-direction: column-reverse;
    }

    .jad-modal-footer > *[b-ju5d0427ac] {
        width: 100%;
    }
}

/* === Reduced motion === */
@media (prefers-reduced-motion: reduce) {
    .jad-modal-overlay[b-ju5d0427ac],
    .jad-modal[b-ju5d0427ac] {
        transition: none;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadProgress.razor.rz.scp.css */
.jad-progress[b-3u9y3ckxeq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.jad-progress-label[b-3u9y3ckxeq] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
    font-weight: 500;
}

.jad-progress-track[b-3u9y3ckxeq] {
    width: 100%;
    height: 6px;
    background: var(--surface-tertiary, #2A2A2A);
    border-radius: 3px;
    overflow: hidden;
}

.jad-progress-bar[b-3u9y3ckxeq] {
    height: 100%;
    border-radius: 3px;
    background: var(--accent-primary, #33B5E5);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.jad-progress--success .jad-progress-bar[b-3u9y3ckxeq] {
    background: var(--success, #4caf50);
}

.jad-progress--warning .jad-progress-bar[b-3u9y3ckxeq] {
    background: var(--warning, #ff9800);
}

.jad-progress--error .jad-progress-bar[b-3u9y3ckxeq] {
    background: var(--danger, #f44336);
}

.jad-progress--indeterminate .jad-progress-track[b-3u9y3ckxeq] {
    position: relative;
    overflow: hidden;
}

.jad-progress--indeterminate .jad-progress-bar[b-3u9y3ckxeq] {
    width: 40%;
    position: absolute;
    animation: jad-progress-indeterminate-b-3u9y3ckxeq 1.2s ease-in-out infinite;
}

@keyframes jad-progress-indeterminate-b-3u9y3ckxeq {
    0% {
        left: -40%;
    }

    50% {
        left: 20%;
    }

    100% {
        left: 100%;
    }
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-progress-track[b-3u9y3ckxeq] {
        height: 5px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadRadio.razor.rz.scp.css */
.jad-radio[b-5cgc6ojda9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    color: var(--text-primary, #fff);
    min-height: 28px;
}

.jad-radio input[type="radio"][b-5cgc6ojda9] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.jad-radio-dot[b-5cgc6ojda9] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--border-strong, #4A4A4A);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color 0.15s ease;
}

.jad-radio input[type="radio"]:checked + .jad-radio-dot[b-5cgc6ojda9] {
    border-color: var(--accent-primary, #33B5E5);
}

.jad-radio-inner[b-5cgc6ojda9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent-primary, #33B5E5);
    transform: scale(0);
    transition: transform 0.15s ease;
}

.jad-radio input[type="radio"]:checked + .jad-radio-dot .jad-radio-inner[b-5cgc6ojda9] {
    transform: scale(1);
}

.jad-radio-label[b-5cgc6ojda9] {
    font-size: 13px;
    color: var(--text-primary, #fff);
}

/* Disabled */
.jad-radio--disabled[b-5cgc6ojda9] {
    opacity: 0.5;
    cursor: not-allowed;
}

.jad-radio--disabled .jad-radio-dot[b-5cgc6ojda9] {
    border-color: var(--border-default, #3A3A3A);
}

/* Group layouts */
.jad-radio-group[b-5cgc6ojda9] {
    display: flex;
    gap: 16px;
}

.jad-radio-group--vertical[b-5cgc6ojda9] {
    flex-direction: column;
    gap: 8px;
}

.jad-radio-group--horizontal[b-5cgc6ojda9] {
    flex-direction: row;
    flex-wrap: wrap;
}

/* Focus */
.jad-radio input[type="radio"]:focus-visible + .jad-radio-dot[b-5cgc6ojda9] {
    outline: 2px solid var(--accent-primary, #33B5E5);
    outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .jad-radio-dot[b-5cgc6ojda9],
    .jad-radio-inner[b-5cgc6ojda9] {
        transition: none;
    }
}

/* Mobile touch targets */
@media (max-width: 768px) {
    .jad-radio[b-5cgc6ojda9] {
        min-height: 36px;
        gap: 12px;
    }

    .jad-radio-dot[b-5cgc6ojda9] {
        width: 22px;
        height: 22px;
    }

    .jad-radio-inner[b-5cgc6ojda9] {
        width: 10px;
        height: 10px;
    }

    .jad-radio-label[b-5cgc6ojda9] {
        font-size: 14px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadSelect.razor.rz.scp.css */
.jad-select[b-dkdga3t3pn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.jad-select-label[b-dkdga3t3pn] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary, #A0A0A0);
    text-transform: uppercase;
}

.jad-select-input[b-dkdga3t3pn] {
    padding: 6px 10px;
    font-size: 13px;
    font-family: inherit;
    background: var(--surface-primary, #1E1E1E);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #FFFFFF);
    outline: none;
    min-height: 36px;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.jad-select-input:focus[b-dkdga3t3pn] {
    border-color: var(--accent-primary, #33B5E5);
}

.jad-select-input:disabled[b-dkdga3t3pn] {
    opacity: 0.5;
    cursor: not-allowed;
}

.jad-select-input.error[b-dkdga3t3pn] {
    border-color: var(--error, #FF5252);
}

.jad-select-input--sm[b-dkdga3t3pn] {
    padding: 4px 8px;
    font-size: 12px;
    min-height: 28px;
}

.jad-select-error[b-dkdga3t3pn] {
    font-size: 11px;
    color: var(--error, #FF5252);
}

@media (max-width: 768px) {
    .jad-select-input[b-dkdga3t3pn] {
        padding: 8px 12px;
        font-size: 14px; /* Prevents iOS zoom on focus */
        min-height: 40px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadSkeleton.razor.rz.scp.css */
.jad-skeleton[b-kl3866xevl] {
    display: inline-block;
    background: var(--surface-tertiary, #2A2A2A);
    border-radius: 4px;
}

.jad-skeleton--circle[b-kl3866xevl],
.jad-skeleton--avatar[b-kl3866xevl] {
    border-radius: 50%;
}

.jad-skeleton--pulse[b-kl3866xevl] {
    animation: jad-skeleton-pulse-b-kl3866xevl 1.8s ease-in-out infinite;
}

.jad-skeleton--wave[b-kl3866xevl] {
    position: relative;
    overflow: hidden;
}

.jad-skeleton--wave[b-kl3866xevl]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
    animation: jad-skeleton-wave-b-kl3866xevl 1.6s ease-in-out infinite;
}

@keyframes jad-skeleton-pulse-b-kl3866xevl {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.45;
    }
}

@keyframes jad-skeleton-wave-b-kl3866xevl {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadSlider.razor.rz.scp.css */
.jad-slider[b-hvqwkkzszf] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    min-width: 120px;
}

.jad-slider-label[b-hvqwkkzszf] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
    font-weight: 500;
}

.jad-slider-track-wrapper[b-hvqwkkzszf] {
    position: relative;
    display: flex;
    align-items: center;
    height: 24px;
}

.jad-slider-track[b-hvqwkkzszf] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    background: var(--surface-secondary, #252525);
    border-radius: 2px;
    overflow: hidden;
}

.jad-slider-fill[b-hvqwkkzszf] {
    height: 100%;
    background: var(--accent-primary, #33B5E5);
    border-radius: 2px;
    transition: width 0.05s linear, height 0.05s linear;
}

.jad-slider-input[b-hvqwkkzszf] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}

.jad-slider-input:disabled[b-hvqwkkzszf] {
    cursor: not-allowed;
}

/* Visual thumb (via CSS on the track wrapper using input range styling) */
.jad-slider-track-wrapper[b-hvqwkkzszf]::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: var(--thumb-pos, 0%);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: var(--text-primary, #fff);
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    transition: left 0.05s linear, bottom 0.05s linear;
}

.jad-slider-value[b-hvqwkkzszf] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
    font-variant-numeric: tabular-nums;
    min-width: 32px;
    text-align: right;
}

/* Vertical */
.jad-slider--vertical[b-hvqwkkzszf] {
    flex-direction: row;
    align-items: center;
    height: 160px;
    width: auto;
    min-width: auto;
}

.jad-slider--vertical .jad-slider-track-wrapper[b-hvqwkkzszf] {
    width: 24px;
    height: 100%;
    justify-content: center;
}

.jad-slider--vertical .jad-slider-track[b-hvqwkkzszf] {
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: 4px;
    height: auto;
}

.jad-slider--vertical .jad-slider-input[b-hvqwkkzszf] {
    width: 24px;
    height: 100%;
    writing-mode: vertical-lr;
    direction: rtl;
}

.jad-slider--vertical .jad-slider-track-wrapper[b-hvqwkkzszf]::before {
    left: 50%;
    top: auto;
    bottom: var(--thumb-pos, 0%);
    transform: translate(-50%, 50%);
}

/* Disabled */
.jad-slider:has(.jad-slider-input:disabled) .jad-slider-fill[b-hvqwkkzszf] {
    background: var(--border-default, #3A3A3A);
}

.jad-slider:has(.jad-slider-input:disabled) .jad-slider-track-wrapper[b-hvqwkkzszf]::before {
    background: var(--border-strong, #4A4A4A);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .jad-slider-fill[b-hvqwkkzszf],
    .jad-slider-track-wrapper[b-hvqwkkzszf]::before {
        transition: none;
    }
}

/* Mobile touch targets */
@media (max-width: 768px) {
    .jad-slider-track-wrapper[b-hvqwkkzszf] {
        height: 32px;
    }

    .jad-slider-track-wrapper[b-hvqwkkzszf]::before {
        width: 20px;
        height: 20px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadSpinner.razor.rz.scp.css */
.jad-spinner[b-u8gnjs01id] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.jad-spinner-ring[b-u8gnjs01id] {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid var(--border-default, #3A3A3A);
    border-top-color: var(--accent-primary, #33B5E5);
    animation: jad-spinner-rotate-b-u8gnjs01id 0.75s linear infinite;
}

.jad-spinner--sm .jad-spinner-ring[b-u8gnjs01id] {
    width: 16px;
    height: 16px;
}

.jad-spinner--md .jad-spinner-ring[b-u8gnjs01id] {
    width: 24px;
    height: 24px;
}

.jad-spinner--lg .jad-spinner-ring[b-u8gnjs01id] {
    width: 36px;
    height: 36px;
    border-width: 3px;
}

@keyframes jad-spinner-rotate-b-u8gnjs01id {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadSwitch.razor.rz.scp.css */
.jad-switch[b-77zpolykkz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.jad-switch-input[b-77zpolykkz] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.jad-switch-track[b-77zpolykkz] {
    width: 36px;
    height: 20px;
    background: var(--surface-secondary, #252525);
    border-radius: 999px;
    position: relative;
    transition: background 0.2s;
    border: 1px solid var(--border-default, #3A3A3A);
}

.jad-switch-input:checked + .jad-switch-track[b-77zpolykkz] {
    background: var(--accent-primary, #33B5E5);
    border-color: var(--accent-primary, #33B5E5);
}

.jad-switch-input:disabled + .jad-switch-track[b-77zpolykkz] {
    opacity: 0.4;
}

.jad-switch-thumb[b-77zpolykkz] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}

.jad-switch-input:checked + .jad-switch-track .jad-switch-thumb[b-77zpolykkz] {
    transform: translateX(16px);
}

.jad-switch-label[b-77zpolykkz] {
    font-size: 13px;
    color: var(--text-primary, #fff);
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadTable.razor.rz.scp.css */
/* ===== JadTable Core Styles ===== */

.jad-table-wrapper[b-hia6koh0m5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    height: 100%;
}

/* ===== Toolbar ===== */
.jad-table-toolbar[b-hia6koh0m5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0;
    flex-wrap: wrap;
}

.jad-table-search-wrap[b-hia6koh0m5] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.jad-table-search-icon[b-hia6koh0m5] {
    position: absolute;
    left: 10px;
    font-size: 12px;
    color: var(--text-muted, #606060);
    pointer-events: none;
    z-index: 1;
}

.jad-table-search[b-hia6koh0m5] {
    width: 100%;
    padding: 6px 28px 6px 30px;
    background: var(--surface-secondary, #252525);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #fff);
    font-size: 13px;
    transition: border-color 0.15s;
}

.jad-table-search:focus[b-hia6koh0m5] {
    outline: none;
    border-color: var(--accent-primary, #33B5E5);
}

.jad-table-search[b-hia6koh0m5]::placeholder {
    color: var(--text-muted, #606060);
}

.jad-table-search-clear[b-hia6koh0m5] {
    position: absolute;
    right: 6px;
    background: none;
    border: none;
    color: var(--text-muted, #606060);
    cursor: pointer;
    font-size: 11px;
    padding: 2px 4px;
    line-height: 1;
}

.jad-table-search-clear:hover[b-hia6koh0m5] {
    color: var(--text-primary, #fff);
}

.jad-table-page-size[b-hia6koh0m5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.jad-select-sm[b-hia6koh0m5] {
    padding: 5px 8px;
    background: var(--surface-secondary, #252525);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #fff);
    font-size: 12px;
    cursor: pointer;
}

.jad-table-page-size-label[b-hia6koh0m5] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
}

.jad-table-toolbar-custom[b-hia6koh0m5] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ===== Scroll Container ===== */
.jad-table-scroll[b-hia6koh0m5] {
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 6px;
}

/* ===== Table ===== */
.jad-table[b-hia6koh0m5] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
}

/* Header */
.jad-table thead th[b-hia6koh0m5] {
    padding: 10px 12px;
    background: var(--surface-secondary, #252525);
    color: var(--text-secondary, #A0A0A0);
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    position: sticky;
    top: 0;
    z-index: 10;
    user-select: none;
}

.jad-table thead th.sortable[b-hia6koh0m5] {
    cursor: pointer;
}

.jad-table thead th.sortable:hover[b-hia6koh0m5] {
    color: var(--text-primary, #fff);
    background: var(--surface-hover, #2E2E2E);
}

.jad-table thead th.sorted[b-hia6koh0m5] {
    color: var(--accent-primary, #33B5E5);
}

.jad-table thead th.sticky-left[b-hia6koh0m5] {
    position: sticky;
    left: 0;
    z-index: 11;
    background: var(--surface-secondary, #252525);
}

.jad-table thead th.sticky-right[b-hia6koh0m5] {
    position: sticky;
    right: 0;
    z-index: 11;
    background: var(--surface-secondary, #252525);
}

.jad-table-header-text[b-hia6koh0m5] {
    margin-right: 4px;
}

.jad-table-sort[b-hia6koh0m5] {
    font-size: 9px;
    opacity: 0.6;
    display: inline-block;
}

/* Body */
.jad-table tbody td[b-hia6koh0m5] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-subtle, #2A2A2A);
    color: var(--text-primary, #fff);
    vertical-align: middle;
    background: var(--surface-primary, #1A1A1A);
}

.jad-table tbody tr:last-child td[b-hia6koh0m5] {
    border-bottom: none;
}

.jad-table-row[b-hia6koh0m5] {
    transition: background 0.08s;
}

.jad-table-row:hover[b-hia6koh0m5] {
    background: var(--surface-hover, #2E2E2E);
}

.jad-table-row:hover td[b-hia6koh0m5] {
    background: var(--surface-hover, #2E2E2E);
}

/* Loading State */
.jad-table-loading tbody td[b-hia6koh0m5] {
    pointer-events: none;
}

.jad-table-row-skeleton td[b-hia6koh0m5] {
    padding: 10px 12px;
}

.jad-skeleton-cell[b-hia6koh0m5] {
    height: 14px;
    background: linear-gradient(
        90deg,
        var(--surface-secondary, #252525) 25%,
        var(--surface-hover, #2E2E2E) 50%,
        var(--surface-secondary, #252525) 75%
    );
    background-size: 200% 100%;
    border-radius: 3px;
    animation: jad-skeleton-shimmer-b-hia6koh0m5 1.5s infinite;
}

@keyframes jad-skeleton-shimmer-b-hia6koh0m5 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Empty State */
.jad-table-empty[b-hia6koh0m5] {
    text-align: center;
    color: var(--text-muted, #606060);
    padding: 32px !important;
    font-size: 14px;
}

/* ===== Pagination Wrap ===== */
.jad-table-pagination-wrap[b-hia6koh0m5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
    flex-wrap: wrap;
}

.jad-table-item-count[b-hia6koh0m5] {
    font-size: 12px;
    color: var(--text-secondary, #A0A0A0);
    white-space: nowrap;
}

/* ===== Density Modes ===== */
.jad-table-wrapper[data-density="compact"] .jad-table thead th[b-hia6koh0m5] {
    padding: 6px 10px;
    font-size: 10px;
}

.jad-table-wrapper[data-density="compact"] .jad-table tbody td[b-hia6koh0m5] {
    padding: 4px 10px;
    font-size: 12px;
}

.jad-table-wrapper[data-density="comfortable"] .jad-table thead th[b-hia6koh0m5] {
    padding: 14px 16px;
    font-size: 12px;
}

.jad-table-wrapper[data-density="comfortable"] .jad-table tbody td[b-hia6koh0m5] {
    padding: 12px 16px;
    font-size: 14px;
}

/* ===== Table Filter Select ===== */
.jad-table-filter-select[b-hia6koh0m5] {
    min-width: 80px;
    max-width: 140px;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .jad-table-toolbar[b-hia6koh0m5] {
        gap: 8px;
    }

    .jad-table-search-wrap[b-hia6koh0m5] {
        max-width: none;
        width: 100%;
    }

    .jad-table thead th[b-hia6koh0m5] {
        padding: 10px;
        font-size: 10px;
    }

    .jad-table tbody td[b-hia6koh0m5] {
        padding: 8px 10px;
        font-size: 12px;
    }

    .jad-table-pagination-wrap[b-hia6koh0m5] {
        justify-content: center;
    }

    .jad-table-item-count[b-hia6koh0m5] {
        display: none;
    }
}

/* ===== Multi-Select ===== */
.jad-table-select-col[b-hia6koh0m5] {
    width: 36px;
    min-width: 36px;
    text-align: center;
    padding: 8px 4px !important;
}

.jad-table-select-col input[type="checkbox"][b-hia6koh0m5] {
    cursor: pointer;
    width: 16px;
    height: 16px;
    accent-color: var(--accent-primary, #33B5E5);
}

.jad-table-row-selected td[b-hia6koh0m5] {
    background: var(--accent-primary-alpha, rgba(51, 181, 229, 0.08)) !important;
}

/* ===== Column Resize ===== */
.jad-table-resize-handle[b-hia6koh0m5] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
    background: transparent;
    transition: background 0.15s;
    z-index: 12;
}

.jad-table-resize-handle:hover[b-hia6koh0m5] {
    background: var(--accent-primary, #33B5E5);
}

.jad-table thead th[b-hia6koh0m5] {
    position: relative;
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadTablePagination.razor.rz.scp.css */
.jad-table-pagination[b-mq89y0b9la] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
}

.jad-table-page-btn[b-mq89y0b9la] {
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-secondary, #252525);
    border: 1px solid var(--border-default, #3A3A3A);
    border-radius: 4px;
    color: var(--text-primary, #fff);
    cursor: pointer;
    font-size: 13px;
    transition: all 0.12s;
    padding: 0 8px;
}

.jad-table-page-btn:hover:not(:disabled)[b-mq89y0b9la] {
    background: var(--surface-hover, #2E2E2E);
    border-color: var(--accent-primary, #33B5E5);
}

.jad-table-page-btn:disabled[b-mq89y0b9la] {
    opacity: 0.25;
    cursor: not-allowed;
}

.jad-table-page-active[b-mq89y0b9la] {
    background: var(--accent-primary, #33B5E5) !important;
    border-color: var(--accent-primary, #33B5E5) !important;
    color: #fff !important;
    font-weight: 600;
}

.jad-table-page-ellipsis[b-mq89y0b9la] {
    color: var(--text-muted, #606060);
    font-size: 12px;
    padding: 0 4px;
    user-select: none;
}

@media (max-width: 768px) {
    .jad-table-page-btn[b-mq89y0b9la] {
        min-width: 40px;
        height: 40px;
        font-size: 15px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadTabs.razor.rz.scp.css */
.jad-tabs[b-oe4x2d533s] {
    display: flex;
    flex-direction: column;
}

.jad-tabs-header[b-oe4x2d533s] {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid var(--border-default, #3A3A3A);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.jad-tab-btn[b-oe4x2d533s] {
    padding: 10px 16px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-secondary, #A0A0A0);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.jad-tab-btn:hover[b-oe4x2d533s] {
    color: var(--text-primary, #fff);
}

.jad-tab-btn--active[b-oe4x2d533s] {
    color: var(--accent-primary, #33B5E5);
    border-bottom-color: var(--accent-primary, #33B5E5);
}

.jad-tabs-body[b-oe4x2d533s] {
    padding: 16px 0;
}

.jad-tab-panel[b-oe4x2d533s] {
    animation: jad-tab-fade-in-b-oe4x2d533s 0.2s;
}

@keyframes jad-tab-fade-in-b-oe4x2d533s {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadTextArea.razor.rz.scp.css */
.jad-textarea[b-nctmadba3n] {
    min-height: 80px;
    resize: vertical;
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadToast.razor.rz.scp.css */
.jad-toast[b-ojqorss3xi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 8px;
    background: var(--surface-primary, #1A1A1A);
    border: 1px solid var(--border-default, #3A3A3A);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 420px;
    min-width: 280px;
    transform: translateX(120%);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
    pointer-events: auto;
}

.jad-toast--enter[b-ojqorss3xi] {
    transform: translateX(120%);
    opacity: 0;
}

.jad-toast--leave[b-ojqorss3xi] {
    transform: translateX(120%);
    opacity: 0;
    transition: transform 0.25s ease-in, opacity 0.25s ease;
}

.jad-toast:not(.jad-toast--enter):not(.jad-toast--leave)[b-ojqorss3xi] {
    transform: translateX(0);
    opacity: 1;
}

.jad-toast--info[b-ojqorss3xi] {
    border-left: 3px solid var(--accent-primary, #33B5E5);
}

.jad-toast--success[b-ojqorss3xi] {
    border-left: 3px solid var(--success, #4caf50);
}

.jad-toast--warning[b-ojqorss3xi] {
    border-left: 3px solid var(--warning, #ff9800);
}

.jad-toast--error[b-ojqorss3xi] {
    border-left: 3px solid var(--danger, #f44336);
}

.jad-toast-icon[b-ojqorss3xi] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: white;
    margin-top: 1px;
}

.jad-toast--info .jad-toast-icon[b-ojqorss3xi] {
    background: var(--accent-primary, #33B5E5);
}

.jad-toast--success .jad-toast-icon[b-ojqorss3xi] {
    background: var(--success, #4caf50);
}

.jad-toast--warning .jad-toast-icon[b-ojqorss3xi] {
    background: var(--warning, #ff9800);
}

.jad-toast--error .jad-toast-icon[b-ojqorss3xi] {
    background: var(--danger, #f44336);
}

.jad-toast-content[b-ojqorss3xi] {
    flex: 1;
    min-width: 0;
}

.jad-toast-title[b-ojqorss3xi] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #fff);
    margin-bottom: 2px;
}

.jad-toast-message[b-ojqorss3xi] {
    font-size: 13px;
    color: var(--text-secondary, #A0A0A0);
    line-height: 1.5;
}

.jad-toast-close[b-ojqorss3xi] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 4px;
    color: var(--text-muted, #606060);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0;
    margin: -2px -6px -2px 0;
    transition: color 0.15s, background 0.15s;
}

.jad-toast-close:hover[b-ojqorss3xi] {
    color: var(--text-primary, #fff);
    background: var(--surface-hover, #2E2E2E);
}

/* === Mobile === */
@media (max-width: 640px) {
    .jad-toast[b-ojqorss3xi] {
        max-width: calc(100vw - 32px);
        min-width: unset;
        padding: 12px 14px;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadToolbar.razor.rz.scp.css */
.jad-toolbar[b-s3khevi9ko] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    background: var(--surface-primary, #1A1A1A);
    min-height: 44px;
    box-sizing: border-box;
}

.jad-toolbar--bordered[b-s3khevi9ko] {
    border-bottom: 1px solid var(--border-default, #3A3A3A);
}

.jad-toolbar--compact[b-s3khevi9ko] {
    padding: 4px 8px;
    min-height: 36px;
    gap: 6px;
}

.jad-toolbar-start[b-s3khevi9ko],
.jad-toolbar-end[b-s3khevi9ko] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.jad-toolbar-center[b-s3khevi9ko] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    justify-content: center;
}

.jad-toolbar-start:only-child[b-s3khevi9ko],
.jad-toolbar-center:only-child[b-s3khevi9ko],
.jad-toolbar-end:only-child[b-s3khevi9ko] {
    justify-content: flex-start;
}

/* Position variants */
.jad-toolbar--sticky[b-s3khevi9ko] {
    position: sticky;
    top: 0;
    z-index: 40;
}

.jad-toolbar--fixed[b-s3khevi9ko] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 40;
}

/* Mobile: wrap on small screens */
@media (max-width: 768px) {
    .jad-toolbar[b-s3khevi9ko] {
        flex-wrap: wrap;
        gap: 6px;
        padding: 6px 8px;
    }

    .jad-toolbar-center[b-s3khevi9ko] {
        justify-content: flex-start;
        width: 100%;
        order: 3;
    }

    .jad-toolbar-start[b-s3khevi9ko] {
        order: 1;
    }

    .jad-toolbar-end[b-s3khevi9ko] {
        order: 2;
        margin-left: auto;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .jad-toolbar[b-s3khevi9ko] {
        transition: none;
    }
}
/* _content/Jadbot.Common.JadUI.Library/Components/JadTooltip.razor.rz.scp.css */
.jad-tooltip[b-jm0myoq98i] {
    position: relative;
    display: inline-block;
}

.jad-tooltip-popup[b-jm0myoq98i] {
    position: absolute;
    z-index: 1000;
    padding: 6px 12px;
    background: var(--surface-tooltip, #333);
    color: var(--text-primary, #fff);
    font-size: 12px;
    border-radius: 6px;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    animation: jad-tooltip-enter-b-jm0myoq98i 0.15s ease;
    max-width: 280px;
    white-space: normal;
    line-height: 1.4;
}

.jad-tooltip--top[b-jm0myoq98i] {
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
}

.jad-tooltip--top[b-jm0myoq98i]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--surface-tooltip, #333);
}

.jad-tooltip--bottom[b-jm0myoq98i] {
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
}

.jad-tooltip--bottom[b-jm0myoq98i]::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: var(--surface-tooltip, #333);
}

.jad-tooltip--left[b-jm0myoq98i] {
    right: calc(100% + 6px);
    top: 50%;
    transform: translateY(-50%);
}

.jad-tooltip--left[b-jm0myoq98i]::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: var(--surface-tooltip, #333);
}

.jad-tooltip--right[b-jm0myoq98i] {
    left: calc(100% + 6px);
    top: 50%;
    transform: translateY(-50%);
}

.jad-tooltip--right[b-jm0myoq98i]::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-right-color: var(--surface-tooltip, #333);
}

@keyframes jad-tooltip-enter-b-jm0myoq98i {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* === Reduced motion === */
@media (prefers-reduced-motion: reduce) {
    .jad-tooltip-popup[b-jm0myoq98i] {
        animation: none;
    }
}