/* ============================================
   FluentUI Component Styles
   ============================================ */

/* --- FluentButton --- */
fluent-button.menubutton::part(control) {
    background: #157FDC;
    border-radius: 10px;
    color: white;
    width: 300px;
    height: 70px;
}

fluent-button.linkbutton.neutral::part(control) {
    background: transparent;
    color: #00699D;
}

fluent-button.linkbutton::part(control) {
    border: none transparent;
}

/* --- FluentRadio --- */
fluent-radio::part(control) {
    width: 30px;
    height: 30px;
}

/* --- FluentCheckbox --- */
fluent-checkbox::part(control) {
    height: 30px;
    width: 30px;
}

fluent-checkbox.checked::part(control) {
    background: black;
    color: white;
}

/* --- FluentDialog --- */
fluent-dialog.offlinelock::part(control) {
    background-color: #AD0C10 !important;
    color: white;
}

fluent-dialog.offlinelock::part(positioning-region) {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

/* --- FluentCard --- */
fluent-card.fragebogencard {
    padding: 10px;
    width: 100%;
    border-radius: 8px;
    border: solid #00699D 2px;
    height: auto;
}


/* ============================================
   Disabled FluentUI Komponenten - Styles
   ============================================ */

/* FluentCheckbox disabled */
fluent-checkbox[disabled]::part(label),
fluent-checkbox:disabled::part(label),
fluent-checkbox.disabled::part(label) {
    opacity: 0.7 !important;
}

fluent-checkbox[disabled]::part(control),
fluent-checkbox:disabled::part(control) {
    opacity: 0.7 !important;
}

/* FluentRadio disabled */
fluent-radio[disabled]::part(label),
fluent-radio:disabled::part(label) {
    opacity: 0.7 !important;
}

fluent-radio[disabled]::part(control),
fluent-radio:disabled::part(control) {
    opacity: 0.7 !important;
}

/* FluentTextArea disabled - weniger ausgegraut */
fluent-text-area[disabled]::part(control),
fluent-text-area:disabled::part(control),
fluent-text-area.disabled::part(control),
fluent-text-area[disabled]::part(label),
fluent-text-area:disabled::part(label) {
    opacity: 0.7 !important;
}

/* FluentTextField disabled */
fluent-text-field[disabled]::part(control),
fluent-text-field:disabled::part(control),
fluent-text-field[disabled]::part(label),
fluent-text-field:disabled::part(label) {
    opacity: 0.7 !important;
}

/* FluentSelect disabled */
fluent-select[disabled]::part(control),
fluent-select:disabled::part(control),
fluent-select[disabled]::part(listbox),
fluent-select:disabled::part(listbox) {
    opacity: 0.7 !important;
}

fluent-select[disabled]::part(selected-value),
fluent-select:disabled::part(selected-value) {
    opacity: 0.7 !important;
}

/* FluentCombobox disabled */
fluent-combobox[disabled]::part(control),
fluent-combobox:disabled::part(control),
fluent-combobox[disabled]::part(listbox),
fluent-combobox:disabled::part(listbox) {
    opacity: 0.7 !important;
}

fluent-combobox[disabled]::part(selected-value),
fluent-combobox:disabled::part(selected-value) {
    opacity: 0.7 !important;
}

/* FluentLabel innerhalb von disabled fieldset */
fieldset[disabled] fluent-label,
fieldset:disabled fluent-label {
    opacity: 0.7 !important;
}

/* Allgemeine disabled Elemente in fieldset */
fieldset[disabled] {
    opacity: 0.85 !important;
}