@import '_content/Etask.Ui/Etask.Ui.6p002bnwv7.bundle.scp.css';

/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* ========================================
   ADMIN LAYOUT STYLES
   ======================================== */

/* Admin Container - Noto Sans für gesamten Admin-Bereich */
.admin-container[b-7s55ezh85q] {
    font-family: 'Noto Sans', sans-serif;
}

/* Admin Header (Angemeldet als + Logout Button) */
.admin-header[b-7s55ezh85q] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-header__user[b-7s55ezh85q] {
    font-size: 0.9rem;
    color: #6c757d;
}

/* Button Styles */
.admin-logout-button[b-7s55ezh85q],
.admin-login-button[b-7s55ezh85q] {
    font-family: 'Noto Sans', sans-serif;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}

.admin-logout-button[b-7s55ezh85q] {
    background: var(--surface-colors-background-subtle, #f5f5f5);
    color: var(--text-colors-general-text-default, #1a1a1a);
    border-color: var(--surface-colors-border-default, #ccc);
}

.admin-logout-button:hover[b-7s55ezh85q] {
    background: var(--surface-colors-background-default, #e5e5e5);
    border-color: var(--surface-colors-border-default, #999);
}

.admin-login-button[b-7s55ezh85q] {
    background: var(--text-colors-general-text-primary, #0066cc);
    color: #fff;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
}

.admin-login-button:hover[b-7s55ezh85q] {
    background: var(--text-colors-general-text-primary-hover, #0052a3);
}

.admin-logout-button:focus[b-7s55ezh85q],
.admin-login-button:focus[b-7s55ezh85q] {
    outline: 2px solid var(--surface-colors-border-focus, #0066cc);
    outline-offset: 2px;
}

/* Dark Mode Support */
html[etask-color-mode="dark"] .admin-header[b-7s55ezh85q] {
    background: #2a2a2a;
    border-bottom-color: #404040;
}

html[etask-color-mode="dark"] .admin-header__user[b-7s55ezh85q] {
    color: #a0a0a0;
}

html[etask-color-mode="dark"] .admin-logout-button[b-7s55ezh85q] {
    background: #3a3a3a;
    color: #e0e0e0;
    border-color: #555;
}

html[etask-color-mode="dark"] .admin-logout-button:hover[b-7s55ezh85q] {
    background: #4a4a4a;
    border-color: #666;
}

html[etask-color-mode="dark"] .admin-login-button[b-7s55ezh85q] {
    background: #4a9eff;
    color: #1a1a1a;
}

html[etask-color-mode="dark"] .admin-login-button:hover[b-7s55ezh85q] {
    background: #6bb3ff;
}
/* /Components/Pages/Admin/ArticleEditor.razor.rz.scp.css */
.meta-field[b-e27xgtos70] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-field__label[b-e27xgtos70] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--etask-text-secondary, #666);
}

.editor-toolbar[b-e27xgtos70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    gap: 0.75rem;
}

.editor-toolbar__left[b-e27xgtos70],
.editor-toolbar__right[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.editor-toggle[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
    font-size: 0.875rem;
}

.save-success[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background: var(--etask-success-bg, #e8f5e9);
    color: var(--etask-success-text, #2e7d32);
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

.save-error[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background: var(--etask-error-bg, #ffebee);
    color: var(--etask-error-text, #c62828);
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

.auto-content-preview[b-e27xgtos70] {
    padding: 1rem;
    background: var(--etask-background-secondary, #f5f5f5);
    border-radius: 4px;
    border: 1px solid var(--etask-border-color, #e0e0e0);
    max-height: 400px;
    overflow-y: auto;
    opacity: 0.85;
}

/* Hinweis-Banner bei AutoContent */
.auto-content-notice[b-e27xgtos70] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.875rem 1rem;
    margin-bottom: 1rem;
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-left: 4px solid #ffc107;
    border-radius: 6px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.auto-content-notice__icon[b-e27xgtos70] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.auto-content-notice__text a[b-e27xgtos70] {
    color: var(--etask-primary, #2d7ff9);
    font-weight: 600;
    text-decoration: underline;
}

.auto-content-notice__text a:hover[b-e27xgtos70] {
    color: #1a5ebf;
}

/* AutoContent-Block in der Live-Vorschau */
.tiptap-preview-auto-content[b-e27xgtos70] {
    padding: 0.75rem 1rem;
    opacity: 0.7;
    font-size: 0.9rem;
}

.content-separator[b-e27xgtos70] {
    border: none;
    border-top: 2px dashed #ccc;
    margin: 0.75rem 1rem;
}

.html-output[b-e27xgtos70] {
    padding: 1rem;
    border: 1px solid var(--etask-border-color, #ddd);
    border-radius: 4px;
    overflow-x: auto;
    background: var(--etask-background-secondary, #f5f5f5);
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ─── Cross-Link Styles ─────────────────────────────────────────────── */

.crosslink-section[b-e27xgtos70] {
    margin-bottom: 2rem;
}

.crosslink-section h3[b-e27xgtos70] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    color: var(--etask-text-primary, #212529);
}

.crosslink-section h4[b-e27xgtos70] {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: var(--etask-text-secondary, #666);
}

.alert[b-e27xgtos70] {
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.alert-warning[b-e27xgtos70] {
    background: #fff8e1;
    border: 1px solid #ffe082;
    color: #856404;
}

.alert-error[b-e27xgtos70] {
    background: #ffebee;
    border: 1px solid #ffcdd2;
    color: #c62828;
}

.suggestions-list[b-e27xgtos70] {
    margin-top: 1rem;
}

.suggestion-item[b-e27xgtos70] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 2px solid var(--etask-border-color, #e0e0e0);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.suggestion-item:hover:not(.already-linked)[b-e27xgtos70] {
    border-color: var(--etask-primary, #2d7ff9);
    background: var(--etask-background-hover, #f8f9fa);
}

.suggestion-item.selected[b-e27xgtos70] {
    border-color: var(--etask-primary, #2d7ff9);
    background: rgba(45, 127, 249, 0.05);
}

.suggestion-item.already-linked[b-e27xgtos70] {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--etask-background-disabled, #f5f5f5);
}

.suggestion-checkbox[b-e27xgtos70] {
    flex-shrink: 0;
    margin-top: 0.25rem;
}

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

.suggestion-title[b-e27xgtos70] {
    font-weight: 600;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.suggestion-category[b-e27xgtos70],
.suggestion-reason[b-e27xgtos70],
.suggestion-score[b-e27xgtos70] {
    font-size: 0.875rem;
    color: var(--etask-text-secondary, #666);
    margin-top: 0.25rem;
}

.suggestion-reason[b-e27xgtos70] {
    font-style: italic;
}

.suggestion-score[b-e27xgtos70] {
    color: var(--etask-success-text, #2e7d32);
    font-weight: 500;
}

.existing-links-list[b-e27xgtos70] {
    margin-top: 1rem;
}

/* ─── Manual Link Selection Styles ──────────────────────────────────── */

.manual-link-search-input[b-e27xgtos70] {
    background-color: white !important;
    color: #212529 !important;
    border: 1px solid #ced4da !important;
}

.manual-link-search-input:focus[b-e27xgtos70] {
    background-color: white !important;
    border-color: var(--etask-primary, #2d7ff9) !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(45, 127, 249, 0.25);
}

.manual-link-search-input[b-e27xgtos70]::placeholder {
    color: #6c757d;
}

.manual-link-selected[b-e27xgtos70] {
    background-color: #f0f9ff;
    border: 1px solid #0ea5e9;
    border-radius: 4px;
    padding: 1rem;
    margin: 1rem 0;
}

.manual-link-selected-header[b-e27xgtos70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.manual-link-selected-badge[b-e27xgtos70] {
    font-weight: 600;
    color: #0c4a6e;
    font-size: 0.875rem;
}

.manual-link-selected-title[b-e27xgtos70] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: var(--etask-text-primary, #212529);
}

/* ────────────────────────────────────────────────────────────────────── */

/* ─── Tag Selection Styles ──────────────────────────────────────────── */

.tag-suggestion[b-e27xgtos70] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: all 0.2s ease;
}

.tag-suggestion:hover[b-e27xgtos70] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tag-suggestion:active[b-e27xgtos70] {
    transform: scale(0.95);
}

.tag-badge[b-e27xgtos70] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.form-field__input:focus[b-e27xgtos70] {
    outline: 2px solid var(--etask-primary, #2d7ff9);
    outline-offset: 2px;
    border-color: var(--etask-primary, #2d7ff9);
}

/* Dark Mode Support für Tag-Auswahl */
html[etask-color-mode="dark"] .tag-suggestion[b-e27xgtos70] {
    background: #374151;
    color: #e5e7eb;
    border-color: #4b5563;
}

html[etask-color-mode="dark"] .tag-suggestion:hover[b-e27xgtos70] {
    border-color: #60a5fa;
}

/* ─── Delete Dialog Styles ──────────────────────────────────────────── */

.modal-backdrop[b-e27xgtos70] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    animation: fadeIn-b-e27xgtos70 0.2s ease;
}

.modal-dialog[b-e27xgtos70] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    animation: slideIn-b-e27xgtos70 0.3s ease;
}

.modal-content[b-e27xgtos70] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 90vw;
    max-width: 500px;
    overflow: hidden;
}

.modal-header[b-e27xgtos70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background: white;
}

.modal-header h2[b-e27xgtos70] {
    margin: 0;
    font-size: 1.25rem;
    color: #212529;
}

.modal-close[b-e27xgtos70] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.modal-close:hover[b-e27xgtos70] {
    background: #f5f5f5;
}

.modal-body[b-e27xgtos70] {
    padding: 1.5rem;
    background: white;
    color: #212529;
}

.modal-body label[b-e27xgtos70],
.modal-body .form-field__label[b-e27xgtos70] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #212529;
}

.modal-body input.form-field__input[b-e27xgtos70] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white;
    color: #212529;
}

.modal-body input.form-field__input[b-e27xgtos70]::placeholder {
    color: #6c757d;
}

.modal-body small[b-e27xgtos70] {
    color: #666;
}

.modal-footer[b-e27xgtos70] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f9fafb;
}

@keyframes fadeIn-b-e27xgtos70 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn-b-e27xgtos70 {
    from {
        transform: translate(-50%, -45%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

/* Dark Mode für Modal */
html[etask-color-mode="dark"] .modal-content[b-e27xgtos70] {
    background: #1f2937;
}

html[etask-color-mode="dark"] .modal-header[b-e27xgtos70] {
    border-bottom-color: #374151;
}

html[etask-color-mode="dark"] .modal-header h2[b-e27xgtos70] {
    color: #f3f4f6;
}

html[etask-color-mode="dark"] .modal-close[b-e27xgtos70] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .modal-close:hover[b-e27xgtos70] {
    background: #374151;
}

html[etask-color-mode="dark"] .modal-footer[b-e27xgtos70] {
    border-top-color: #374151;
    background: #111827;
}

html[etask-color-mode="dark"] .modal-body .form-field__label[b-e27xgtos70] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .modal-body .form-field__input[b-e27xgtos70] {
    background: #374151;
    color: #f3f4f6;
    border-color: #4b5563;
}

html[etask-color-mode="dark"] .modal-body .form-field__input[b-e27xgtos70]::placeholder {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .modal-body small[b-e27xgtos70] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .article-link-results[b-e27xgtos70] {
    background: #111827;
    border-color: #374151;
}

html[etask-color-mode="dark"] .article-link-result-item[b-e27xgtos70] {
    border-bottom-color: #374151;
}

html[etask-color-mode="dark"] .article-link-result-item:hover[b-e27xgtos70] {
    background: #1f2937;
}

html[etask-color-mode="dark"] .article-link-result-title[b-e27xgtos70] {
    color: #f3f4f6;
}

html[etask-color-mode="dark"] .article-link-result-ic[b-e27xgtos70] {
    background: #1e3a5f;
    color: #60a5fa;
}

html[etask-color-mode="dark"] .article-link-result-meta[b-e27xgtos70] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .article-link-result-slug[b-e27xgtos70] {
    color: #6b7280;
}

.existing-link-item[b-e27xgtos70] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--etask-border-color, #e0e0e0);
    border-radius: 6px;
    background: var(--etask-background-secondary, #f8f9fa);
}

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

.link-title[b-e27xgtos70] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.link-url[b-e27xgtos70] {
    font-size: 0.875rem;
    color: var(--etask-text-secondary, #666);
    font-family: monospace;
    margin-bottom: 0.25rem;
}

.link-meta[b-e27xgtos70] {
    font-size: 0.75rem;
    color: var(--etask-text-tertiary, #999);
}

.link-actions[b-e27xgtos70] {
    flex-shrink: 0;
}

/* ─── Image Edit Dialog Styles ──────────────────────────────────────── */

.modal-dialog-large .modal-content[b-e27xgtos70] {
    max-width: 800px;
}

.image-edit-layout[b-e27xgtos70] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.image-edit-preview[b-e27xgtos70] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.image-edit-form[b-e27xgtos70] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ─── Article Link Picker Dialog Styles ─────────────────────────────── */

.modal-dialog-medium .modal-content[b-e27xgtos70] {
    max-width: 600px;
}

.article-link-results[b-e27xgtos70] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #f9fafb;
}

.article-link-result-item[b-e27xgtos70] {
    width: 100%;
    padding: 1rem;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.article-link-result-item:hover[b-e27xgtos70] {
    background: white;
}

.article-link-result-item:last-child[b-e27xgtos70] {
    border-bottom: none;
}

.article-link-result-header[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.article-link-result-title[b-e27xgtos70] {
    font-weight: 600;
    color: #1f2937;
    flex: 1;
}

.article-link-result-ic[b-e27xgtos70] {
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 0.25rem;
    font-weight: 600;
}

.article-link-result-meta[b-e27xgtos70] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.813rem;
    color: #666;
}

.article-link-result-slug[b-e27xgtos70] {
    font-family: 'Courier New', monospace;
    color: #999;
}

@media (max-width: 768px) {
    .image-edit-layout[b-e27xgtos70] {
        grid-template-columns: 1fr;
    }
}

/* ─── Confluence Link Styles ────────────────────────────────────────── */

.confluence-link[b-e27xgtos70] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #0d6efd;
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.confluence-link:hover[b-e27xgtos70] {
    color: #0a58ca;
    background: rgba(13, 110, 253, 0.05);
    border-color: rgba(13, 110, 253, 0.2);
}

.confluence-link:active[b-e27xgtos70] {
    transform: scale(0.98);
}

.confluence-link svg[b-e27xgtos70] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.confluence-link:hover svg[b-e27xgtos70] {
    transform: translate(2px, -2px);
}

/* ─── Content Tasks ─────────────────────────────────────────────────── */

.task-badge[b-e27xgtos70] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--colors-ui-scales-red-60);
    color: white;
    border-radius: 10px;
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.article-task-list[b-e27xgtos70] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.article-task-item[b-e27xgtos70] {
    background: var(--surface-color-general-surface-subtle-contrast);
    border-radius: 0.5rem;
    padding: 1rem;
    border-left: 4px solid var(--colors-ui-scales-blue-60);
}

.article-task-item.task-in-progress[b-e27xgtos70] {
    border-left-color: var(--colors-ui-scales-turquoise-60);
}

.article-task-item.task-done[b-e27xgtos70] {
    border-left-color: var(--colors-ui-scales-green-60);
    opacity: 0.7;
}

.article-task-item .task-header[b-e27xgtos70] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.article-task-item h4[b-e27xgtos70] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
}

.article-task-item .task-status-badge[b-e27xgtos70] {
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.article-task-item .status-open[b-e27xgtos70] {
    background: var(--colors-ui-scales-blue-30);
    color: var(--colors-ui-scales-blue-90);
}

.article-task-item .status-progress[b-e27xgtos70] {
    background: var(--colors-ui-scales-turquoise-30);
    color: var(--colors-ui-scales-turquoise-90);
}

.article-task-item .status-review[b-e27xgtos70] {
    background: var(--colors-ui-scales-yellow-30);
    color: var(--colors-ui-scales-yellow-90);
}

.article-task-item .status-done[b-e27xgtos70] {
    background: var(--colors-ui-scales-green-30);
    color: var(--colors-ui-scales-green-90);
}

.article-task-item .status-cancelled[b-e27xgtos70] {
    background: var(--colors-ui-scales-gray-30);
    color: var(--colors-ui-scales-gray-90);
}

.article-task-item .task-actions[b-e27xgtos70] {
    display: flex;
    gap: 0.5rem;
}

.article-task-item .task-description[b-e27xgtos70] {
    margin-bottom: 0.75rem;
    color: var(--text-color-specific-text-secondary);
    white-space: pre-wrap;
}

.article-task-item .task-meta[b-e27xgtos70] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 0.875rem;
    color: var(--text-color-specific-text-secondary);
}

.article-task-item .task-meta strong[b-e27xgtos70] {
    font-weight: 600;
}

.article-task-item .task-overdue-label[b-e27xgtos70] {
    color: var(--colors-ui-scales-red-60);
    font-weight: 600;
}

@media (max-width: 768px) {
    .article-task-item .task-header[b-e27xgtos70] {
        flex-direction: column;
    }

    .article-task-item .task-meta[b-e27xgtos70] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* /Components/Pages/Admin/ArticleOverviewPage.razor.rz.scp.css */
.article-stat[b-ct3tvfvvi1] {
    text-align: center;
    padding: 0.5rem;
}

.article-stat__value[b-ct3tvfvvi1] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--etask-color-primary, #0066cc);
}

.filter-label[b-ct3tvfvvi1] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

.filter-select[b-ct3tvfvvi1] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--etask-color-surface-border, #d1d5db);
    border-radius: 4px;
    font-size: 0.9rem;
    background-color: #fff;
    color: var(--etask-color-surface-text, #111827);
    appearance: auto;
}

.filter-select:focus[b-ct3tvfvvi1] {
    outline: 2px solid var(--etask-color-primary, #0066cc);
    outline-offset: -1px;
}

.article-list__header[b-ct3tvfvvi1] {
    display: grid;
    grid-template-columns: 2fr 1fr 0.7fr 0.7fr 1fr 0.7fr;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 2px solid var(--etask-color-surface-border, #e5e7eb);
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

.article-list__row[b-ct3tvfvvi1] {
    display: grid;
    grid-template-columns: 2fr 1fr 0.7fr 0.7fr 1fr 0.7fr;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid var(--etask-color-surface-border, #e5e7eb);
    align-items: center;
}

.article-list__row:hover[b-ct3tvfvvi1] {
    background-color: var(--etask-color-surface-hover, #f9fafb);
}

.article-list__col[b-ct3tvfvvi1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-list__link[b-ct3tvfvvi1] {
    color: var(--etask-color-primary, #0066cc);
    text-decoration: none;
    font-weight: 500;
}

.article-list__link:hover[b-ct3tvfvvi1] {
    text-decoration: underline;
}

.article-paging[b-ct3tvfvvi1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.article-paging__info[b-ct3tvfvvi1] {
    font-size: 0.9rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

@media (max-width: 768px) {
    .article-list__header[b-ct3tvfvvi1] {
        display: none;
    }

    .article-list__row[b-ct3tvfvvi1] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        padding: 0.75rem 0;
    }

    .article-list__col[b-ct3tvfvvi1] {
        white-space: normal;
    }

    .article-list__col--title[b-ct3tvfvvi1] {
        font-weight: 600;
        font-size: 1rem;
    }
}
/* /Components/Pages/Admin/CategoryManagementPage.razor.rz.scp.css */
.category-row[b-ir3hszfrf9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    gap: 1rem;
    flex-wrap: wrap;
}

.category-row--child[b-ir3hszfrf9] {
    padding-left: 2rem;
    border-top: 1px solid var(--etask-color-surface-border, #e5e7eb);
}

.category-row__info[b-ir3hszfrf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
}

.category-row__name[b-ir3hszfrf9] {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-row__meta[b-ir3hszfrf9] {
    color: var(--etask-color-surface-text-secondary, #6b7280);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.category-row__actions[b-ir3hszfrf9] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.category-children[b-ir3hszfrf9] {
    border-top: 1px solid var(--etask-color-surface-border, #e5e7eb);
    margin-top: 0.5rem;
}
/* /Components/Pages/Admin/ConfluenceImportPage.razor.rz.scp.css */
/* Fortschrittsbalken */
.import-progress[b-kdfxvirgvv] {
    width: 100%;
    height: 1rem;
    background-color: var(--etask-surface-bg-secondary, #e9ecef);
    border-radius: 0.5rem;
    overflow: hidden;
}

.import-progress__bar[b-kdfxvirgvv] {
    height: 100%;
    background-color: var(--etask-primary, #0d6efd);
    border-radius: 0.5rem;
    transition: width 0.3s ease;
}

.import-progress__label[b-kdfxvirgvv] {
    margin-top: 0.25rem;
    text-align: right;
}

/* Log-Bereich */
.import-log[b-kdfxvirgvv] {
    max-height: 20rem;
    overflow-y: auto;
    font-family: monospace;
    font-size: 0.8125rem;
    line-height: 1.6;
    border: 1px solid var(--etask-border-color, #dee2e6);
    border-radius: 0.25rem;
    padding: 0.75rem;
    background: var(--etask-surface-bg-secondary, #f8f9fa);
}

.import-log__entry[b-kdfxvirgvv] {
    display: flex;
    gap: 0.75rem;
    padding: 0.125rem 0;
}

.import-log__time[b-kdfxvirgvv] {
    color: var(--etask-text-muted, #6c757d);
    flex-shrink: 0;
}

.import-log__entry--error .import-log__text[b-kdfxvirgvv] {
    color: var(--etask-danger, #dc3545);
    font-weight: 600;
}

.import-log__entry--success .import-log__text[b-kdfxvirgvv] {
    color: var(--etask-success, #198754);
    font-weight: 600;
}

/* Statistik-Kacheln */
.import-stat[b-kdfxvirgvv] {
    text-align: center;
    padding: 0.75rem;
}

.import-stat__value[b-kdfxvirgvv] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--etask-primary, #0d6efd);
    line-height: 1.2;
}
/* /Components/Pages/Admin/ContentTasksPage.razor.rz.scp.css */
.task-stats[b-myp0c1th5j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

/* Task-Karten zweispaltig anzeigen */
[b-myp0c1th5j] .grouped-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.coordinator-controls[b-myp0c1th5j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--surface-color-general-surface-subtle-contrast);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.view-toggle label[b-myp0c1th5j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

.action-buttons[b-myp0c1th5j] {
    display: flex;
    gap: 0.75rem;
}

.user-stats-grid[b-myp0c1th5j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.user-stat-card[b-myp0c1th5j] {
    background: var(--surface-color-general-surface-subtle);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 2px solid var(--border-and-stroke-color-default30);
    transition: all 0.2s ease;
}

.user-stat-card:hover[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-turquoise-60);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.user-stat-card.selected[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-turquoise-70);
    background: var(--colors-ui-scales-turquoise-20);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

.user-stat-card.has-overdue[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-red-60);
    background: rgba(239, 68, 68, 0.03);
}

.user-stat-name[b-myp0c1th5j] {
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
    color: var(--text-color-specific-text-primary);
}

.user-stat-numbers[b-myp0c1th5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.user-stat-numbers .stat-item[b-myp0c1th5j] {
    padding: 0.25rem 0.625rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.user-stat-numbers .stat-item.stat-open[b-myp0c1th5j] {
    background: var(--colors-ui-scales-blue-30);
    color: var(--colors-ui-scales-blue-90);
}

.user-stat-numbers .stat-item.stat-progress[b-myp0c1th5j] {
    background: var(--colors-ui-scales-turquoise-30);
    color: var(--colors-ui-scales-turquoise-90);
}

.user-stat-numbers .stat-item.stat-overdue[b-myp0c1th5j] {
    background: var(--colors-ui-scales-red-30);
    color: var(--colors-ui-scales-red-90);
}

.user-stat-numbers .stat-item.stat-done[b-myp0c1th5j] {
    background: var(--colors-ui-scales-green-30);
    color: var(--colors-ui-scales-green-90);
}

.stat-card[b-myp0c1th5j] {
    background: var(--surface-color-general-surface-subtle-contrast);
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    border: 2px solid transparent;
}

.stat-card h3[b-myp0c1th5j] {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}

.stat-card p[b-myp0c1th5j] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-color-specific-text-tertiary);
}

.stat-open[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-blue-60);
}

.stat-open h3[b-myp0c1th5j] {
    color: var(--colors-ui-scales-blue-60);
}

.stat-progress[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-turquoise-60);
}

.stat-progress h3[b-myp0c1th5j] {
    color: var(--colors-ui-scales-turquoise-60);
}

.stat-overdue[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-red-60);
}

.stat-overdue h3[b-myp0c1th5j] {
    color: var(--colors-ui-scales-red-60);
}

.stat-done[b-myp0c1th5j] {
    border-color: var(--colors-ui-scales-green-60);
}

.stat-done h3[b-myp0c1th5j] {
    color: var(--colors-ui-scales-green-60);
}

.task-filter[b-myp0c1th5j] {
    background: var(--surface-color-general-surface-subtle-contrast);
    padding: 1rem;
    border-radius: 0.5rem;
}

.task-filter label[b-myp0c1th5j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

/* Moderne Card-Content Styles */
.task-content[b-myp0c1th5j] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.task-status-line[b-myp0c1th5j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.task-status-badge[b-myp0c1th5j] {
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
}

.task-overdue-badge[b-myp0c1th5j] {
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--colors-ui-scales-red-30);
    color: var(--colors-ui-scales-red-90);
    white-space: nowrap;
}

.status-open[b-myp0c1th5j] {
    background: var(--colors-ui-scales-blue-30);
    color: var(--colors-ui-scales-blue-90);
}

.status-progress[b-myp0c1th5j] {
    background: var(--colors-ui-scales-turquoise-30);
    color: var(--colors-ui-scales-turquoise-90);
}

.status-review[b-myp0c1th5j] {
    background: var(--colors-ui-scales-yellow-30);
    color: var(--colors-ui-scales-yellow-90);
}

.status-done[b-myp0c1th5j] {
    background: var(--colors-ui-scales-green-30);
    color: var(--colors-ui-scales-green-90);
}

.status-cancelled[b-myp0c1th5j] {
    background: var(--colors-ui-scales-gray-30);
    color: var(--colors-ui-scales-gray-90);
}

.task-meta-grid[b-myp0c1th5j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}

.meta-item[b-myp0c1th5j] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-label[b-myp0c1th5j] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-color-specific-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.meta-value[b-myp0c1th5j] {
    font-size: 0.875rem;
    color: var(--text-color-specific-text-primary);
    font-weight: 500;
}

.ic-badge[b-myp0c1th5j] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: var(--colors-ui-scales-blue-20);
    color: var(--colors-ui-scales-blue-90);
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.overdue-text[b-myp0c1th5j] {
    color: var(--colors-ui-scales-red-60);
    font-weight: 600;
}

.task-actions-bottom[b-myp0c1th5j] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.task-description[b-myp0c1th5j] {
    padding: 0.875rem;
    background: var(--surface-color-general-surface-subtle);
    border-radius: 0.375rem;
    color: var(--text-color-specific-text-secondary);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.task-completed-badge[b-myp0c1th5j] {
    padding: 0.75rem 1rem;
    background: var(--colors-ui-scales-green-20);
    border-radius: 0.375rem;
    color: var(--colors-ui-scales-green-90);
    font-size: 0.875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .coordinator-controls[b-myp0c1th5j] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-buttons[b-myp0c1th5j] {
        width: 100%;
        justify-content: stretch;
    }

    .user-stats-grid[b-myp0c1th5j] {
        grid-template-columns: 1fr;
    }

    /* Task-Karten auf Mobile einspaltig */
    [b-myp0c1th5j] .grouped-list {
        grid-template-columns: 1fr;
    }

    .task-meta-grid[b-myp0c1th5j] {
        grid-template-columns: 1fr;
    }

    .task-actions-bottom[b-myp0c1th5j] {
        flex-direction: column;
    }

    .task-actions-bottom button[b-myp0c1th5j] {
        width: 100%;
    }

    .task-meta-grid[b-myp0c1th5j] {
        grid-template-columns: 1fr;
    }

    .task-actions-bottom[b-myp0c1th5j] {
        flex-direction: column;
    }

    .task-actions-bottom > *[b-myp0c1th5j] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/LinkCheckerPage.razor.rz.scp.css */
/* Link-Checker Page Styles */

.link-checker-page[b-1wuc24jy4h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.loading-spinner[b-1wuc24jy4h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-1wuc24jy4h] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2d7ff9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin-b-1wuc24jy4h 1s linear infinite;
}

@keyframes spin-b-1wuc24jy4h {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.import-section[b-1wuc24jy4h],
.actions-section[b-1wuc24jy4h],
.url-list-section[b-1wuc24jy4h] {
    padding: 1.5rem;
}

.import-section h2[b-1wuc24jy4h],
.actions-section h2[b-1wuc24jy4h],
.url-list-section h2[b-1wuc24jy4h] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827 !important;
}

.help-text[b-1wuc24jy4h] {
    color: #666;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.button-group[b-1wuc24jy4h] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
}

.status-text[b-1wuc24jy4h] {
    color: #666;
    font-style: italic;
}

.import-result[b-1wuc24jy4h],
.check-result[b-1wuc24jy4h] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 6px;
    background: #f0f9ff;
    border: 1px solid #0ea5e9;
}

.import-result.success[b-1wuc24jy4h] {
    background: #f0fdf4;
    border-color: #22c55e;
}

.import-result.has-errors[b-1wuc24jy4h] {
    background: #fef2f2;
    border-color: #ef4444;
}

.import-result p[b-1wuc24jy4h],
.check-result p[b-1wuc24jy4h] {
    margin: 0 0 0.5rem;
    font-weight: 600;
}

.import-result ul[b-1wuc24jy4h],
.check-result ul[b-1wuc24jy4h] {
    margin: 0.5rem 0 0;
    padding-left: 1.5rem;
}

.error-list[b-1wuc24jy4h] {
    color: #dc2626;
    font-size: 0.9rem;
}

/* Statistik */
.statistics-section[b-1wuc24jy4h] {
    padding: 1.5rem;
}

.statistics-section h2[b-1wuc24jy4h] {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827 !important;
}

.stats-grid[b-1wuc24jy4h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-item[b-1wuc24jy4h] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
}

.stat-item.success[b-1wuc24jy4h] {
    background: #f0fdf4;
    border-color: #22c55e;
}

.stat-item.error[b-1wuc24jy4h] {
    background: #fef2f2;
    border-color: #ef4444;
}

.stat-label[b-1wuc24jy4h] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.stat-value[b-1wuc24jy4h] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
}

.stat-item.success .stat-value[b-1wuc24jy4h] {
    color: #16a34a;
}

.stat-item.error .stat-value[b-1wuc24jy4h] {
    color: #dc2626;
}

.no-urls[b-1wuc24jy4h] {
    color: #666;
    text-align: center;
    padding: 2rem;
    font-style: italic;
}

.list-header[b-1wuc24jy4h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.list-header h2[b-1wuc24jy4h] {
    margin: 0;
}

.filter-section[b-1wuc24jy4h] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.filter-label[b-1wuc24jy4h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #374151;
    cursor: pointer;
    user-select: none;
}

.filter-label input[type="checkbox"][b-1wuc24jy4h] {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
}

.url-table-container[b-1wuc24jy4h] {
    overflow-x: auto;
}

.url-table[b-1wuc24jy4h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.url-table thead[b-1wuc24jy4h] {
    background: #ffffff;
    border-bottom: 2px solid #e5e7eb;
}

.url-table th[b-1wuc24jy4h] {
    text-align: left;
    padding: 0.75rem;
    font-weight: 600;
    color: #1f2937;
}

.url-table th.sortable[b-1wuc24jy4h] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}

.url-table th.sortable:hover[b-1wuc24jy4h] {
    background: #f3f4f6;
}

.url-table tbody tr[b-1wuc24jy4h] {
    border-bottom: 1px solid #e5e7eb;
    background: #ffffff;
}

.url-table tbody tr.working[b-1wuc24jy4h] {
    border-left: 4px solid #22c55e;
    background: #ffffff;
}

.url-table tbody tr.failing[b-1wuc24jy4h] {
    border-left: 4px solid #ef4444;
    background: #ffffff;
}

.url-table td[b-1wuc24jy4h] {
    padding: 0.75rem;
}

.url-cell[b-1wuc24jy4h] {
    max-width: 400px;
}

.url-link[b-1wuc24jy4h] {
    color: #2d7ff9;
    text-decoration: none;
    word-break: break-all;
}

.url-link:hover[b-1wuc24jy4h] {
    text-decoration: underline;
}

.redirect-info[b-1wuc24jy4h] {
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: #666;
    font-style: italic;
}

.status-cell[b-1wuc24jy4h] {
    min-width: 120px;
}

.status-badge[b-1wuc24jy4h] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-badge.success[b-1wuc24jy4h] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.error[b-1wuc24jy4h] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.pending[b-1wuc24jy4h] {
    background: #fef3c7;
    color: #92400e;
}

.error-message[b-1wuc24jy4h] {
    margin-top: 0.25rem;
    font-size: 0.85rem;
    color: #dc2626;
}

.status-code[b-1wuc24jy4h] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-code.success[b-1wuc24jy4h] {
    background: #dcfce7;
    color: #166534;
}

.status-code.redirect[b-1wuc24jy4h] {
    background: #dbeafe;
    color: #1e40af;
}

.status-code.client-error[b-1wuc24jy4h] {
    background: #fed7aa;
    color: #9a3412;
}

.status-code.server-error[b-1wuc24jy4h] {
    background: #fee2e2;
    color: #991b1b;
}

.status-code.unknown[b-1wuc24jy4h] {
    background: #f3f4f6;
    color: #374151;
}

.date-cell[b-1wuc24jy4h] {
    white-space: nowrap;
    font-size: 0.85rem;
    color: #666;
}

.notes-cell[b-1wuc24jy4h] {
    min-width: 200px;
    max-width: 300px;
}

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

.notes-edit[b-1wuc24jy4h] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.notes-actions[b-1wuc24jy4h] {
    display: flex;
    gap: 0.5rem;
}

.actions-cell[b-1wuc24jy4h] {
    white-space: nowrap;
}

.action-buttons[b-1wuc24jy4h] {
    display: flex;
    gap: 0.5rem;
}

/* Dark Mode */
html[etask-color-mode="dark"] .link-checker-page .spinner[b-1wuc24jy4h] {
    border-color: #374151;
    border-top-color: #60a5fa;
}

html[etask-color-mode="dark"] .link-checker-page .import-section h2[b-1wuc24jy4h],
html[etask-color-mode="dark"] .link-checker-page .actions-section h2[b-1wuc24jy4h],
html[etask-color-mode="dark"] .link-checker-page .url-list-section h2[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .help-text[b-1wuc24jy4h],
html[etask-color-mode="dark"] .link-checker-page .status-text[b-1wuc24jy4h] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-checker-page .filter-label[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .import-result[b-1wuc24jy4h],
html[etask-color-mode="dark"] .link-checker-page .check-result[b-1wuc24jy4h] {
    background: #1e3a5f;
    border-color: #3b82f6;
}

html[etask-color-mode="dark"] .link-checker-page .import-result.success[b-1wuc24jy4h] {
    background: #064e3b;
    border-color: #22c55e;
}

html[etask-color-mode="dark"] .link-checker-page .import-result.has-errors[b-1wuc24jy4h] {
    background: #7f1d1d;
    border-color: #ef4444;
}

html[etask-color-mode="dark"] .link-checker-page .import-result p[b-1wuc24jy4h],
html[etask-color-mode="dark"] .link-checker-page .check-result p[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .error-list[b-1wuc24jy4h] {
    color: #fca5a5;
}

/* Dark Mode - Statistik */
html[etask-color-mode="dark"] .link-checker-page .statistics-section h2[b-1wuc24jy4h] {
    color: #e5e7eb !important;
}

html[etask-color-mode="dark"] .link-checker-page .stat-item[b-1wuc24jy4h] {
    background: #1f2937;
    border-color: #374151;
}

html[etask-color-mode="dark"] .link-checker-page .stat-item.success[b-1wuc24jy4h] {
    background: #064e3b;
    border-color: #22c55e;
}

html[etask-color-mode="dark"] .link-checker-page .stat-item.error[b-1wuc24jy4h] {
    background: #7f1d1d;
    border-color: #ef4444;
}

html[etask-color-mode="dark"] .link-checker-page .stat-label[b-1wuc24jy4h] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-checker-page .stat-value[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .stat-item.success .stat-value[b-1wuc24jy4h] {
    color: #86efac;
}

html[etask-color-mode="dark"] .link-checker-page .stat-item.error .stat-value[b-1wuc24jy4h] {
    color: #fca5a5;
}

html[etask-color-mode="dark"] .link-checker-page .url-table thead[b-1wuc24jy4h] {
    background: #1f2937;
    border-bottom-color: #374151;
}

html[etask-color-mode="dark"] .link-checker-page .url-table th[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .url-table th.sortable:hover[b-1wuc24jy4h] {
    background: #374151;
}

html[etask-color-mode="dark"] .link-checker-page .url-table tbody tr[b-1wuc24jy4h] {
    border-bottom-color: #374151;
    background: #111827;
}

html[etask-color-mode="dark"] .link-checker-page .url-table tbody tr.working[b-1wuc24jy4h] {
    border-left: 4px solid #22c55e;
    background: #111827;
}

html[etask-color-mode="dark"] .link-checker-page .url-table tbody tr.failing[b-1wuc24jy4h] {
    border-left: 4px solid #ef4444;
    background: #111827;
}

html[etask-color-mode="dark"] .link-checker-page .url-table td[b-1wuc24jy4h] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-checker-page .url-link[b-1wuc24jy4h] {
    color: #60a5fa;
}

html[etask-color-mode="dark"] .link-checker-page .redirect-info[b-1wuc24jy4h] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-checker-page .error-message[b-1wuc24jy4h] {
    color: #fca5a5;
}

html[etask-color-mode="dark"] .link-checker-page .status-badge.success[b-1wuc24jy4h] {
    background: #064e3b;
    color: #86efac;
}

html[etask-color-mode="dark"] .link-checker-page .status-badge.error[b-1wuc24jy4h] {
    background: #7f1d1d;
    color: #fca5a5;
}

html[etask-color-mode="dark"] .link-checker-page .status-badge.pending[b-1wuc24jy4h] {
    background: #78350f;
    color: #fcd34d;
}

html[etask-color-mode="dark"] .link-checker-page .status-code.success[b-1wuc24jy4h] {
    background: #064e3b;
    color: #86efac;
}

html[etask-color-mode="dark"] .link-checker-page .status-code.redirect[b-1wuc24jy4h] {
    background: #1e3a8a;
    color: #93c5fd;
}

html[etask-color-mode="dark"] .link-checker-page .status-code.client-error[b-1wuc24jy4h] {
    background: #78350f;
    color: #fdba74;
}

html[etask-color-mode="dark"] .link-checker-page .status-code.server-error[b-1wuc24jy4h] {
    background: #7f1d1d;
    color: #fca5a5;
}

html[etask-color-mode="dark"] .link-checker-page .status-code.unknown[b-1wuc24jy4h] {
    background: #374151;
    color: #d1d5db;
}

html[etask-color-mode="dark"] .link-checker-page .date-cell[b-1wuc24jy4h] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-checker-page .no-urls[b-1wuc24jy4h] {
    color: #9ca3af;
}
/* /Components/Pages/Admin/MediaGalleryPage.razor.rz.scp.css */
/* ===== Media Gallery Admin Page ===== */

.upload-area[b-xjl25k8ctw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.error-message[b-xjl25k8ctw] {
    color: #c0392b;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem;
    background: #fef5f5;
    border-left: 3px solid #c0392b;
    border-radius: 4px;
}

.success-message[b-xjl25k8ctw] {
    color: #27ae60;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem;
    background: #f0fdf4;
    border-left: 3px solid #27ae60;
    border-radius: 4px;
}

/* Statistik */
.stat-box[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 0;
}

.stat-value[b-xjl25k8ctw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--etask-primary, #2d7ff9);
}

.stat-label[b-xjl25k8ctw] {
    font-size: 0.8rem;
    color: #788a94;
    margin-top: 0.25rem;
}

/* Galerie-Grid */
.media-gallery-grid[b-xjl25k8ctw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

/* Toolbar: Sortierung & Filter */
.gallery-toolbar[b-xjl25k8ctw] {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.gallery-toolbar__group[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.gallery-toolbar__label[b-xjl25k8ctw] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #788a94;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.gallery-toolbar__select[b-xjl25k8ctw] {
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #333;
    cursor: pointer;
    min-width: 200px;
    transition: border-color 0.15s;
}

.gallery-toolbar__select:focus[b-xjl25k8ctw] {
    border-color: var(--etask-primary, #2d7ff9);
    outline: none;
}

.gallery-toolbar__count[b-xjl25k8ctw] {
    font-size: 0.8rem;
    color: #788a94;
    margin-left: auto;
    padding-bottom: 0.4rem;
}

.media-gallery-card[b-xjl25k8ctw] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.15s;
}

.media-gallery-card:hover[b-xjl25k8ctw] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.media-gallery-card__preview[b-xjl25k8ctw] {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    min-height: 140px;
    cursor: pointer;
    transition: background 0.15s;
}

.media-gallery-card__preview:hover[b-xjl25k8ctw] {
    background: #eaeaea;
}

.media-gallery-card__preview:focus-visible[b-xjl25k8ctw] {
    outline: 2px solid var(--etask-primary, #2d7ff9);
    outline-offset: -2px;
}

.media-gallery-card__preview img[b-xjl25k8ctw] {
    max-width: 100%;
    max-height: 160px;
    object-fit: contain;
    border-radius: 4px;
}

.media-gallery-card__info[b-xjl25k8ctw] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.media-gallery-card__name[b-xjl25k8ctw] {
    font-weight: 600;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media-gallery-card__meta[b-xjl25k8ctw] {
    font-size: 0.75rem;
    color: #788a94;
}

.media-gallery-card__unused[b-xjl25k8ctw] {
    font-size: 0.75rem;
    color: #b0b0b0;
    font-style: italic;
}

.usage-badge[b-xjl25k8ctw] {
    font-size: 0.75rem;
    color: #27ae60;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    background: #f0fdf4;
    border-radius: 4px;
    display: inline-block;
}

.media-gallery-card__alttext[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-top: 1px solid #f0f0f0;
}

.media-gallery-card__alttext label[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.alttext-label[b-xjl25k8ctw] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #788a94;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.media-gallery-card__alttext input[b-xjl25k8ctw] {
    width: 100%;
    padding: 0.3rem 0.5rem;
    font-size: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.media-gallery-card__alttext input:focus[b-xjl25k8ctw] {
    border-color: var(--etask-primary, #2d7ff9);
    outline: none;
}

.media-gallery-card__actions[b-xjl25k8ctw] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 1rem 0.75rem;
    border-top: 1px solid #f0f0f0;
}

/* Responsive */
@media (max-width: 600px) {
    .media-gallery-grid[b-xjl25k8ctw] {
        grid-template-columns: 1fr;
    }

    .media-gallery-card__preview[b-xjl25k8ctw] {
        min-height: 100px;
    }

    .media-gallery-card__preview img[b-xjl25k8ctw] {
        max-height: 120px;
    }

    .gallery-toolbar[b-xjl25k8ctw] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .gallery-toolbar__select[b-xjl25k8ctw] {
        min-width: unset;
        width: 100%;
    }

    .gallery-toolbar__count[b-xjl25k8ctw] {
        margin-left: 0;
    }
}

/* Lightbox */
.lightbox-overlay[b-xjl25k8ctw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

.lightbox-close[b-xjl25k8ctw] {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 2.5rem;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
    z-index: 10000;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background 0.15s;
}

.lightbox-close:hover[b-xjl25k8ctw],
.lightbox-close:focus-visible[b-xjl25k8ctw] {
    background: rgba(255, 255, 255, 0.15);
}

/* Navigation Buttons */
.lightbox-nav[b-xjl25k8ctw] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
    transition: all 0.2s;
}

.lightbox-nav:hover[b-xjl25k8ctw],
.lightbox-nav:focus-visible[b-xjl25k8ctw] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-50%) scale(1.1);
}

.lightbox-nav--prev[b-xjl25k8ctw] {
    left: 2rem;
}

.lightbox-nav--next[b-xjl25k8ctw] {
    right: 2rem;
}

.lightbox-content[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    max-width: 90vw;
    max-height: 90vh;
    cursor: default;
}

.lightbox-content img[b-xjl25k8ctw] {
    max-width: 85vw;
    max-height: 65vh;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.4);
}

.lightbox-info[b-xjl25k8ctw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: 85vw;
}

.lightbox-caption[b-xjl25k8ctw] {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
}

.lightbox-counter[b-xjl25k8ctw] {
    color: #999;
    font-size: 0.85rem;
    font-family: 'Consolas', monospace;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    .success-message[b-xjl25k8ctw] {
        background: #1f3a25;
        color: #9ae6b4;
    }

    .error-message[b-xjl25k8ctw] {
        background: #3a1f1f;
        color: #feb2b2;
    }

    .usage-badge[b-xjl25k8ctw] {
        background: #1f3a25;
        color: #9ae6b4;
    }

    .gallery-toolbar__select[b-xjl25k8ctw] {
        background: #2d3748;
        color: #e2e8f0;
        border-color: #4a5568;
    }

    .gallery-toolbar__select:focus[b-xjl25k8ctw] {
        border-color: var(--etask-primary, #2d7ff9);
    }

    .media-gallery-card[b-xjl25k8ctw] {
        background: #2d3748;
        border-color: #4a5568;
    }

    .media-gallery-card__preview[b-xjl25k8ctw] {
        background: #1a202c;
    }

    .media-gallery-card__name[b-xjl25k8ctw] {
        color: #e2e8f0;
    }

    .media-gallery-card__alttext[b-xjl25k8ctw] {
        border-top-color: #4a5568;
    }

    .media-gallery-card__alttext input[b-xjl25k8ctw] {
        background: #1a202c;
        color: #e2e8f0;
        border-color: #4a5568;
    }

    .media-gallery-card__alttext input:focus[b-xjl25k8ctw] {
        border-color: var(--etask-primary, #2d7ff9);
    }

    .media-gallery-card__actions[b-xjl25k8ctw] {
        border-top-color: #4a5568;
    }
}

/* Alt-Texte in Lightbox */
.lightbox-alttexts[b-xjl25k8ctw] {
    width: 100%;
    max-width: 85vw;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.lightbox-alttexts--empty[b-xjl25k8ctw] {
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    color: #ffa500;
    font-size: 0.875rem;
}

.lightbox-alttext[b-xjl25k8ctw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.lightbox-alttext strong[b-xjl25k8ctw] {
    color: #aaa;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.lightbox-alttext span[b-xjl25k8ctw] {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Metadaten in Lightbox */
.lightbox-meta[b-xjl25k8ctw] {
    width: 100%;
    max-width: 85vw;
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    color: #888;
    flex-wrap: wrap;
    justify-content: center;
}

.lightbox-meta span[b-xjl25k8ctw] {
    display: inline-block;
}

/* Responsive Lightbox */
@media (max-width: 768px) {
    .lightbox-nav[b-xjl25k8ctw] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .lightbox-nav--prev[b-xjl25k8ctw] {
        left: 1rem;
    }

    .lightbox-nav--next[b-xjl25k8ctw] {
        right: 1rem;
    }

    .lightbox-close[b-xjl25k8ctw] {
        top: 0.5rem;
        right: 0.5rem;
        font-size: 2rem;
    }

    .lightbox-content img[b-xjl25k8ctw] {
        max-width: 90vw;
        max-height: 60vh;
    }

    .lightbox-info[b-xjl25k8ctw],
    .lightbox-alttexts[b-xjl25k8ctw],
    .lightbox-meta[b-xjl25k8ctw] {
        max-width: 90vw;
    }

    .lightbox-alttexts[b-xjl25k8ctw] {
        padding: 0.75rem;
    }
}
/* /Components/Pages/Admin/RedirectManagementPage.razor.rz.scp.css */
.filter-label[b-u2vgct8j15] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

.filter-select[b-u2vgct8j15] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--etask-color-surface-border, #d1d5db);
    border-radius: 4px;
    font-size: 0.9rem;
    background-color: #fff;
    color: var(--etask-color-surface-text, #111827);
    appearance: auto;
}

.filter-select:focus[b-u2vgct8j15] {
    outline: 2px solid var(--etask-color-primary, #0066cc);
    outline-offset: -1px;
}

html[etask-color-mode="dark"] .filter-select[b-u2vgct8j15] {
    background-color: var(--etask-color-surface-background, #1f2937);
    border-color: var(--etask-color-surface-border, #374151);
    color: var(--etask-color-surface-text, #f3f4f6);
}

.redirect-table[b-u2vgct8j15] {
    overflow-x: auto;
}

.redirect-table table[b-u2vgct8j15] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.redirect-table th[b-u2vgct8j15] {
    text-align: left;
    padding: 0.75rem;
    background: var(--surface-colors-background-subtle, #f8f9fa);
    border-bottom: 2px solid var(--surface-colors-border-default, #e0e0e0);
    font-weight: 600;
    color: var(--text-colors-general-text-default, #212529);
}

.redirect-table td[b-u2vgct8j15] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--surface-colors-border-default, #e0e0e0);
    vertical-align: middle;
}

.redirect-table tbody tr:hover[b-u2vgct8j15] {
    background: var(--surface-colors-background-hover, #f8f9fa);
}

.redirect-table code[b-u2vgct8j15] {
    background: var(--surface-colors-background-subtle, #f5f5f5);
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.8125rem;
    color: var(--text-colors-general-text-default, #333);
}

.source-badge[b-u2vgct8j15] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--surface-colors-background-subtle, #e9ecef);
    color: var(--text-colors-general-text-default, #495057);
}

.status-badge[b-u2vgct8j15] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.permanent[b-u2vgct8j15] {
    background: #d4edda;
    color: #155724;
}

.status-badge.temporary[b-u2vgct8j15] {
    background: #fff3cd;
    color: #856404;
}

.action-buttons[b-u2vgct8j15] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pagination[b-u2vgct8j15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
}

.pagination-info[b-u2vgct8j15] {
    font-size: 0.875rem;
    color: var(--text-colors-general-text-subtle, #666);
}

.error-message[b-u2vgct8j15] {
    padding: 0.75rem;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    color: #721c24;
    font-size: 0.875rem;
}

/* Modal Styles */
.modal-backdrop[b-u2vgct8j15] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    animation: fadeIn-b-u2vgct8j15 0.2s ease;
}

.modal-dialog[b-u2vgct8j15] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    animation: slideIn-b-u2vgct8j15 0.3s ease;
}

.modal-content[b-u2vgct8j15] {
    background: var(--surface-colors-background-default, white);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 90vw;
    max-width: 600px;
    overflow: hidden;
}

.modal-header[b-u2vgct8j15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--surface-colors-border-default, #e0e0e0);
}

.modal-header h2[b-u2vgct8j15] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text-colors-general-text-default, #212529);
}

.modal-close[b-u2vgct8j15] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--text-colors-general-text-subtle, #666);
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.modal-close:hover[b-u2vgct8j15] {
    background: var(--surface-colors-background-subtle, #f5f5f5);
}

.modal-body[b-u2vgct8j15] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

.modal-footer[b-u2vgct8j15] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 1px solid var(--surface-colors-border-default, #e0e0e0);
    background: var(--surface-colors-background-subtle, #f9fafb);
}

@keyframes fadeIn-b-u2vgct8j15 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn-b-u2vgct8j15 {
    from {
        transform: translate(-50%, -45%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

/* Dark Mode Support */
html[etask-color-mode="dark"] .redirect-table th[b-u2vgct8j15] {
    background: #1f2937;
    border-bottom-color: #374151;
    color: #f3f4f6;
}

html[etask-color-mode="dark"] .redirect-table td[b-u2vgct8j15] {
    border-bottom-color: #374151;
}

html[etask-color-mode="dark"] .redirect-table tbody tr:hover[b-u2vgct8j15] {
    background: #1f2937;
}

html[etask-color-mode="dark"] .redirect-table code[b-u2vgct8j15] {
    background: #374151;
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .source-badge[b-u2vgct8j15] {
    background: #374151;
    color: #d1d5db;
}

html[etask-color-mode="dark"] .modal-content[b-u2vgct8j15] {
    background: #1f2937;
}

html[etask-color-mode="dark"] .modal-header[b-u2vgct8j15] {
    border-bottom-color: #374151;
}

html[etask-color-mode="dark"] .modal-header h2[b-u2vgct8j15] {
    color: #f3f4f6;
}

html[etask-color-mode="dark"] .modal-close[b-u2vgct8j15] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .modal-close:hover[b-u2vgct8j15] {
    background: #374151;
}

html[etask-color-mode="dark"] .modal-footer[b-u2vgct8j15] {
    border-top-color: #374151;
    background: #111827;
}
/* /Components/Pages/Admin/TagManagementPage.razor.rz.scp.css */
.filter-label[b-a8cx8in7h1] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

.filter-select[b-a8cx8in7h1] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--etask-color-surface-border, #d1d5db);
    border-radius: 4px;
    font-size: 0.9rem;
    background-color: #fff;
    color: var(--etask-color-surface-text, #111827);
    appearance: auto;
}

.filter-select:focus[b-a8cx8in7h1] {
    outline: 2px solid var(--etask-color-primary, #0066cc);
    outline-offset: -1px;
}

html[etask-color-mode="dark"] .filter-select[b-a8cx8in7h1] {
    background-color: var(--etask-color-surface-background, #1f2937);
    border-color: var(--etask-color-surface-border, #374151);
    color: var(--etask-color-surface-text, #f3f4f6);
}

.tag-table[b-a8cx8in7h1] {
    overflow-x: auto;
}

.tag-table table[b-a8cx8in7h1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tag-table th[b-a8cx8in7h1] {
    text-align: left;
    padding: 0.75rem;
    background: var(--surface-colors-background-subtle, #f8f9fa);
    border-bottom: 2px solid var(--surface-colors-border-default, #e0e0e0);
    font-weight: 600;
    color: var(--text-colors-general-text-default, #212529);
}

.tag-table tbody tr[b-a8cx8in7h1] {
    border-bottom: 1px solid var(--surface-colors-border-default, #e0e0e0);
}

.tag-table td[b-a8cx8in7h1] {
    padding: 0.75rem;
    vertical-align: middle;
}

.tag-table tbody tr:hover[b-a8cx8in7h1] {
    background: var(--surface-colors-background-hover, #f8f9fa);
}

.tag-table code[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #f5f5f5);
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.8125rem;
    color: var(--text-colors-general-text-default, #333);
}

.category-badge[b-a8cx8in7h1] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    background: var(--surface-colors-background-subtle, #e9ecef);
    color: var(--text-colors-general-text-default, #495057);
}

.color-preview[b-a8cx8in7h1] {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid var(--surface-colors-border-default, #ddd);
    vertical-align: middle;
    margin-right: 0.5rem;
}

.article-count-link[b-a8cx8in7h1] {
    color: var(--etask-color-primary, #0066cc);
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.article-count-link:hover[b-a8cx8in7h1] {
    background-color: var(--surface-colors-background-hover, #f0f4ff);
    text-decoration: underline;
}

html[etask-color-mode="dark"] .article-count-link:hover[b-a8cx8in7h1] {
    background-color: var(--surface-colors-background-hover, #1e3a5f);
}

.pagination[b-a8cx8in7h1] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.pagination-info[b-a8cx8in7h1] {
    font-size: 0.875rem;
    color: var(--etask-color-surface-text-secondary, #6b7280);
}

.error-message[b-a8cx8in7h1] {
    padding: 0.75rem;
    background-color: #fee;
    border: 1px solid #fcc;
    border-radius: 4px;
    color: #c00;
    font-size: 0.875rem;
}

/* Modal Styles */
.modal-overlay[b-a8cx8in7h1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-a8cx8in7h1] {
    background: var(--surface-colors-background-default, #ffffff);
    border-radius: 8px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.modal-content-small[b-a8cx8in7h1] {
    max-width: 400px;
}

.modal-header[b-a8cx8in7h1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--surface-colors-border-default, #e5e7eb);
}

.modal-header h2[b-a8cx8in7h1] {
    margin: 0;
    font-size: 1.25rem;
    color: var(--text-colors-general-text-default, #111827);
}

.modal-close[b-a8cx8in7h1] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--text-colors-general-text-secondary, #6b7280);
    cursor: pointer;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-close:hover[b-a8cx8in7h1] {
    color: var(--text-colors-general-text-default, #111827);
}

.modal-body[b-a8cx8in7h1] {
    padding: 1.5rem;
}

.modal-footer[b-a8cx8in7h1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid var(--surface-colors-border-default, #e5e7eb);
}

/* Dark Mode */
html[etask-color-mode="dark"] .tag-table th[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #1f2937);
    border-bottom-color: var(--surface-colors-border-default, #374151);
    color: var(--text-colors-general-text-default, #f3f4f6);
}

html[etask-color-mode="dark"] .tag-table tbody tr[b-a8cx8in7h1] {
    border-bottom-color: var(--surface-colors-border-default, #374151);
}

html[etask-color-mode="dark"] .tag-table tbody tr:hover[b-a8cx8in7h1] {
    background: var(--surface-colors-background-hover, #1f2937);
}

html[etask-color-mode="dark"] .tag-table code[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #374151);
    color: var(--text-colors-general-text-default, #f3f4f6);
}

html[etask-color-mode="dark"] .category-badge[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #374151);
    color: var(--text-colors-general-text-default, #f3f4f6);
}

html[etask-color-mode="dark"] .color-preview[b-a8cx8in7h1] {
    border-color: var(--surface-colors-border-default, #4b5563);
}

html[etask-color-mode="dark"] .modal-content[b-a8cx8in7h1] {
    background: var(--surface-colors-background-default, #111827);
}

html[etask-color-mode="dark"] .modal-header[b-a8cx8in7h1] {
    border-bottom-color: var(--surface-colors-border-default, #374151);
}

html[etask-color-mode="dark"] .modal-header h2[b-a8cx8in7h1] {
    color: var(--text-colors-general-text-default, #f3f4f6);
}

html[etask-color-mode="dark"] .modal-footer[b-a8cx8in7h1] {
    border-top-color: var(--surface-colors-border-default, #374151);
}

html[etask-color-mode="dark"] .error-message[b-a8cx8in7h1] {
    background-color: #3f1f1f;
    border-color: #7f3f3f;
    color: #ffaaaa;
}

.form-textarea[b-a8cx8in7h1] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid var(--etask-color-surface-border, #d1d5db);
    border-radius: 4px;
    font-size: 0.9rem;
    font-family: inherit;
    background-color: #fff;
    color: var(--etask-color-surface-text, #111827);
    resize: vertical;
}

.form-textarea:focus[b-a8cx8in7h1] {
    outline: 2px solid var(--etask-color-primary, #0066cc);
    outline-offset: -1px;
}

html[etask-color-mode="dark"] .form-textarea[b-a8cx8in7h1] {
    background-color: var(--etask-color-surface-background, #1f2937);
    border-color: var(--etask-color-surface-border, #374151);
    color: var(--etask-color-surface-text, #f3f4f6);
}

/* Sort Order Buttons */
.sort-arrow-button[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #f3f4f6);
    border: 1px solid var(--surface-colors-border-default, #d1d5db);
    border-radius: 3px;
    padding: 0.125rem 0.375rem;
    font-size: 0.65rem;
    line-height: 1;
    cursor: pointer;
    color: var(--text-colors-general-text-default, #374151);
    transition: all 0.15s ease;
}

.sort-arrow-button:hover:not(:disabled)[b-a8cx8in7h1] {
    background: var(--etask-color-primary, #0066cc);
    border-color: var(--etask-color-primary, #0066cc);
    color: white;
}

.sort-arrow-button:active:not(:disabled)[b-a8cx8in7h1] {
    transform: scale(0.95);
}

.sort-arrow-button:disabled[b-a8cx8in7h1] {
    opacity: 0.3;
    cursor: not-allowed;
}

html[etask-color-mode="dark"] .sort-arrow-button[b-a8cx8in7h1] {
    background: var(--surface-colors-background-subtle, #374151);
    border-color: var(--surface-colors-border-default, #4b5563);
    color: var(--text-colors-general-text-default, #f3f4f6);
}

html[etask-color-mode="dark"] .sort-arrow-button:hover:not(:disabled)[b-a8cx8in7h1] {
    background: var(--etask-color-primary, #1d4ed8);
    border-color: var(--etask-color-primary, #1d4ed8);
}

/* /Components/Pages/Admin/VideoGalleryPage.razor.rz.scp.css */
/* ===== Video Gallery Admin Page ===== */

.upload-area[b-26r70inye8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.upload-info[b-26r70inye8] {
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #333;
}

.upload-info p[b-26r70inye8] {
    margin: 0 0 0.5rem;
}

.upload-info p:last-child[b-26r70inye8] {
    margin-bottom: 0;
}

.upload-progress[b-26r70inye8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 6px;
    color: #333;
}

.error-message[b-26r70inye8] {
    color: #c0392b;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem;
    background: #fef5f5;
    border-left: 3px solid #c0392b;
    border-radius: 4px;
}

.success-message[b-26r70inye8] {
    color: #27ae60;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.75rem;
    background: #f0fdf4;
    border-left: 3px solid #27ae60;
    border-radius: 4px;
}

/* Statistik */
.stat-box[b-26r70inye8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem 0;
}

.stat-value[b-26r70inye8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--etask-primary, #2d7ff9);
}

.stat-label[b-26r70inye8] {
    font-size: 0.8rem;
    color: #788a94;
    margin-top: 0.25rem;
    text-align: center;
}

/* Galerie-Grid */
.video-gallery-grid[b-26r70inye8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

/* Toolbar: Sortierung & Filter */
.gallery-toolbar[b-26r70inye8] {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.gallery-toolbar__group[b-26r70inye8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.gallery-toolbar__label[b-26r70inye8] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #788a94;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.gallery-toolbar__select[b-26r70inye8] {
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #333;
    cursor: pointer;
    min-width: 200px;
    transition: border-color 0.15s;
}

.gallery-toolbar__select:focus[b-26r70inye8] {
    border-color: var(--etask-primary, #2d7ff9);
    outline: none;
}

.gallery-toolbar__count[b-26r70inye8] {
    font-size: 0.8rem;
    color: #788a94;
    margin-left: auto;
    padding-bottom: 0.4rem;
}

/* Video Gallery Card */
.video-gallery-card[b-26r70inye8] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.15s;
}

.video-gallery-card:hover[b-26r70inye8] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Video-Vorschau */
.video-gallery-card__preview[b-26r70inye8] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.video-gallery-card__preview img[b-26r70inye8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-placeholder[b-26r70inye8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.video-duration[b-26r70inye8] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Video-Informationen */
.video-gallery-card__info[b-26r70inye8] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.video-gallery-card__title[b-26r70inye8] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-gallery-card__meta[b-26r70inye8] {
    font-size: 0.8rem;
    color: #788a94;
}

.video-gallery-card__unused[b-26r70inye8] {
    font-size: 0.75rem;
    color: #c0392b;
    font-weight: 500;
}

.usage-badge[b-26r70inye8] {
    font-size: 0.75rem;
    color: #27ae60;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    background: #f0fdf4;
    border-radius: 4px;
    display: inline-block;
}

/* Metadaten bearbeiten */
.video-gallery-card__metadata[b-26r70inye8] {
    padding: 0 1rem 1rem;
}

.video-gallery-card__metadata label[b-26r70inye8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metadata-label[b-26r70inye8] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #788a94;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.video-gallery-card__metadata input[b-26r70inye8] {
    padding: 0.5rem;
    font-size: 0.875rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #333;
    transition: border-color 0.15s;
}

.video-gallery-card__metadata input:focus[b-26r70inye8] {
    border-color: var(--etask-primary, #2d7ff9);
    outline: none;
}

/* Aktionen */
.video-gallery-card__actions[b-26r70inye8] {
    padding: 0 1rem 1rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    .upload-info[b-26r70inye8] {
        background: #2d3748;
        color: #e2e8f0;
    }

    .upload-progress[b-26r70inye8] {
        background: #2d3748;
        color: #e2e8f0;
    }

    .error-message[b-26r70inye8] {
        background: #3a1f1f;
        color: #feb2b2;
    }

    .success-message[b-26r70inye8] {
        background: #1f3a25;
        color: #9ae6b4;
    }

    .usage-badge[b-26r70inye8] {
        background: #1f3a25;
        color: #9ae6b4;
    }

    .gallery-toolbar__select[b-26r70inye8] {
        background: #2d3748;
        color: #e2e8f0;
        border-color: #4a5568;
    }

    .gallery-toolbar__select:focus[b-26r70inye8] {
        border-color: var(--etask-primary, #2d7ff9);
    }

    .video-gallery-card[b-26r70inye8] {
        background: #2d3748;
        border-color: #4a5568;
    }

    .video-gallery-card__preview[b-26r70inye8] {
        background: #1a202c;
    }

    .video-gallery-card__title[b-26r70inye8] {
        color: #e2e8f0;
    }

    .video-gallery-card__metadata input[b-26r70inye8] {
        background: #1a202c;
        color: #e2e8f0;
        border-color: #4a5568;
    }

    .video-gallery-card__metadata input:focus[b-26r70inye8] {
        border-color: var(--etask-primary, #2d7ff9);
    }
}

/* Responsive */
@media screen and (max-width: 768px) {
    .video-gallery-grid[b-26r70inye8] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .gallery-toolbar[b-26r70inye8] {
        flex-direction: column;
        align-items: stretch;
    }

    .gallery-toolbar__count[b-26r70inye8] {
        margin-left: 0;
        padding-bottom: 0;
    }
}
/* /Components/Pages/ArticleGraphPage.razor.rz.scp.css */
/* Graph Page - spezifische Styles, sollten NICHT andere Seiten beeinflussen */

[b-qoph3orwqp] .article-network-graph-page {
    /* Kein globales height/max-height mehr! */
}

.graph-toolbar[b-qoph3orwqp] {
    padding: 1rem 1.5rem;
    background: white;
    border-bottom: 2px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.toolbar-controls[b-qoph3orwqp] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.btn[b-qoph3orwqp] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-qoph3orwqp] {
    background: #3b82f6;
    color: white;
}

.btn-primary:hover[b-qoph3orwqp] {
    background: #2563eb;
}

.btn-secondary[b-qoph3orwqp] {
    background: #64748b;
    color: white;
}

.btn-secondary:hover[b-qoph3orwqp] {
    background: #475569;
}

.form-select[b-qoph3orwqp] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: white;
    cursor: pointer;
}

.form-control[b-qoph3orwqp] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    width: 250px;
}

.search-input[b-qoph3orwqp] {
    flex: 1;
    max-width: 400px;
}

.switch[b-qoph3orwqp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.switch input[type="checkbox"][b-qoph3orwqp] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

.cytoscape-container[b-qoph3orwqp] {
    flex: 1;
    min-height: 400px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    margin: 1rem;
    border-radius: 0.5rem;
    position: relative;
}

.loading-overlay[b-qoph3orwqp] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
}

.spinner[b-qoph3orwqp] {
    width: 50px;
    height: 50px;
    border: 4px solid #e2e8f0;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-qoph3orwqp 1s linear infinite;
    margin: 0 auto 1rem;
}

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

.alert[b-qoph3orwqp] {
    padding: 1rem;
    margin: 1rem;
    border-radius: 0.375rem;
    border: 1px solid;
}

.alert-error[b-qoph3orwqp] {
    background: #fee2e2;
    border-color: #ef4444;
    color: #7f1d1d;
}

.graph-stats[b-qoph3orwqp] {
    padding: 0.75rem 1.5rem;
    background: white;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: 2rem;
    font-size: 0.875rem;
    color: #64748b;
}

.icon[b-qoph3orwqp] {
    font-size: 1.125rem;
}

/* Cytoscape Highlight-Klasse */
::v-deep .highlighted[b-qoph3orwqp] {
    border-width: 4px !important;
    border-color: #fbbf24 !important;
}
/* /Components/Pages/ArticlePage.razor.rz.scp.css */
.article-sidebar[b-ufxyzpi4gk] {
    top: 1rem;
    position: sticky;
    width: 19.5625rem;
}

@media (max-width: 1024px) {
    .article-sidebar[b-ufxyzpi4gk] {
        width: 100%;
        position: relative;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Component styles moved to app.css */



/* /Components/Pages/SearchPage.razor.rz.scp.css */
.filter-content[b-x6u1g6v1eq] {
    min-width: 14rem;
}
/* /Components/Pages/SettingsPage.razor.rz.scp.css */
/* /Components/Procedures/GenerateProcedureDialog.razor.rz.scp.css */
.generate-procedure-container[b-f9hja9dzcn] {
    padding: 1.5rem;
    max-height: 70vh;
    overflow-y: auto;
}

.generating-state[b-f9hja9dzcn] {
    text-align: center;
    padding: 3rem 2rem;
}

.generating-state .spinner[b-f9hja9dzcn] {
    width: 50px;
    height: 50px;
    margin: 0 auto 1.5rem;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-f9hja9dzcn 1s linear infinite;
}

@keyframes spin-b-f9hja9dzcn {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.generating-state h3[b-f9hja9dzcn] {
    color: #0056b3;
    margin-bottom: 1rem;
}

.generating-state p[b-f9hja9dzcn] {
    color: #666;
    margin-bottom: 0.5rem;
}

.result-preview h3[b-f9hja9dzcn] {
    color: #28a745;
    margin-bottom: 1.5rem;
}

.error-state[b-f9hja9dzcn] {
    text-align: center;
    padding: 2rem;
}

.error-state h3[b-f9hja9dzcn] {
    color: #dc3545;
    margin-bottom: 1rem;
}

.error-state p[b-f9hja9dzcn] {
    color: #666;
}

.form-section[b-f9hja9dzcn] {
    margin-bottom: 1.5rem;
}

.form-section label[b-f9hja9dzcn] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #333;
}

.form-control[b-f9hja9dzcn] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.95rem;
}

.form-control:focus[b-f9hja9dzcn] {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

.error-message[b-f9hja9dzcn] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.steps-preview[b-f9hja9dzcn] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
}

.step-preview-item[b-f9hja9dzcn] {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    background: white;
}

.step-preview-item:last-child[b-f9hja9dzcn] {
    border-bottom: none;
}

.step-header[b-f9hja9dzcn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: #333;
}

.optional-badge[b-f9hja9dzcn] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: #ffc107;
    color: #000;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.media-badge[b-f9hja9dzcn] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: #17a2b8;
    color: white;
    border-radius: 4px;
    font-size: 0.75rem;
}

.link-badge[b-f9hja9dzcn] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: #6c757d;
    color: white;
    border-radius: 4px;
    font-size: 0.75rem;
}

.step-content[b-f9hja9dzcn] {
    color: #555;
    line-height: 1.6;
    padding-left: 1.5rem;
}

.step-content p[b-f9hja9dzcn] {
    margin-bottom: 0.5rem;
}

.step-content ul[b-f9hja9dzcn] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.step-hint[b-f9hja9dzcn] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    border-radius: 4px;
    font-size: 0.9rem;
    color: #856404;
}

.dialog-actions[b-f9hja9dzcn] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 1px solid #ddd;
    background: #f8f9fa;
}

.btn[b-f9hja9dzcn] {
    padding: 0.5rem 1.25rem;
    border: none;
    border-radius: 4px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn:disabled[b-f9hja9dzcn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-f9hja9dzcn] {
    background: #007bff;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-f9hja9dzcn] {
    background: #0056b3;
}

.btn-secondary[b-f9hja9dzcn] {
    background: #6c757d;
    color: white;
}

.btn-secondary:hover:not(:disabled)[b-f9hja9dzcn] {
    background: #5a6268;
}
/* /Components/Shared/EntityNavigationBox.razor.rz.scp.css */
.portal-link-input[b-rkh9u5qypa] {
    margin-right: 5rem;
}

@media (max-width: 1024px) {
    .portal-link-input[b-rkh9u5qypa] {
        margin-right: 0;
    }
}
/* /Components/Shared/ImageGallery.razor.rz.scp.css */
/* ===== Image Gallery Modal ===== */
.image-gallery-overlay[b-6l4uyra583] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.image-gallery-dialog[b-6l4uyra583] {
    background: var(--tt-bg, #fff);
    color: var(--tt-text, #1a1a1a);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 800px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.image-gallery-header[b-6l4uyra583] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
}

.image-gallery-header h2[b-6l4uyra583] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.image-gallery-close[b-6l4uyra583] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--tt-text, #1a1a1a);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    line-height: 1;
}

.image-gallery-close:hover[b-6l4uyra583] {
    background: var(--tt-bg-hover, #efefef);
}

/* Tabs */
.image-gallery-tabs[b-6l4uyra583] {
    display: flex;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
    padding: 0 1.25rem;
}

.image-gallery-tabs button[b-6l4uyra583] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.75rem 1rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--tt-text, #1a1a1a);
    opacity: 0.7;
    transition: opacity 0.15s, border-color 0.15s;
}

.image-gallery-tabs button:hover[b-6l4uyra583] {
    opacity: 1;
}

.image-gallery-tabs button.active[b-6l4uyra583] {
    opacity: 1;
    border-bottom-color: var(--tt-accent, #2d7ff9);
    font-weight: 600;
}

/* Search Box */
.image-gallery-search[b-6l4uyra583] {
    position: relative;
    padding: 1rem 1.25rem 1.25rem;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
    background: var(--tt-bg, #fff);
}

.image-gallery-search-input[b-6l4uyra583] {
    width: 100%;
    padding: 0.875rem 2.75rem 0.875rem 1rem;
    border: 2px solid var(--tt-border, #e0e0e0);
    border-radius: 8px;
    font-size: 0.9375rem;
    background: var(--tt-bg, #fff);
    color: var(--tt-text, #1a1a1a);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.image-gallery-search-input[b-6l4uyra583]::placeholder {
    color: var(--tt-text, #1a1a1a);
    opacity: 0.5;
}

.image-gallery-search-input:focus[b-6l4uyra583] {
    outline: none;
    border-color: var(--tt-accent, #2d7ff9);
    box-shadow: 0 0 0 3px rgba(45, 127, 249, 0.12);
}

.image-gallery-search-clear[b-6l4uyra583] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--tt-bg-hover, #efefef);
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: var(--tt-text, #1a1a1a);
    opacity: 0.6;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    border-radius: 6px;
    transition: opacity 0.15s, background 0.15s;
}

.image-gallery-search-clear:hover[b-6l4uyra583] {
    opacity: 1;
    background: var(--tt-border, #e0e0e0);
}

/* Gallery Grid */
.image-gallery-grid[b-6l4uyra583] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.75rem;
    padding: 1.25rem;
    overflow-y: auto;
    flex: 1;
    min-height: 200px;
}

.image-gallery-item[b-6l4uyra583] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid var(--tt-border, #e0e0e0);
    border-radius: 8px;
    padding: 0.5rem;
    cursor: pointer;
    background: var(--tt-bg-secondary, #f7f7f5);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.image-gallery-item:hover[b-6l4uyra583] {
    border-color: var(--tt-accent, #2d7ff9);
    box-shadow: 0 2px 8px rgba(45, 127, 249, 0.15);
}

.image-gallery-item.selected[b-6l4uyra583] {
    border-color: var(--tt-accent, #2d7ff9);
    box-shadow: 0 0 0 2px rgba(45, 127, 249, 0.3);
}

.image-gallery-item img[b-6l4uyra583] {
    width: 100%;
    height: 90px;
    object-fit: contain;
    border-radius: 4px;
}

.image-gallery-item-name[b-6l4uyra583] {
    font-size: 0.7rem;
    margin-top: 0.375rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: var(--tt-text, #1a1a1a);
}

.image-gallery-item-usage[b-6l4uyra583] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: var(--tt-accent, #2d7ff9);
    color: #fff;
    font-size: 0.625rem;
    padding: 1px 5px;
    border-radius: 8px;
    font-weight: 600;
}

/* Upload */
.image-gallery-upload[b-6l4uyra583] {
    padding: 2rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.image-gallery-error[b-6l4uyra583] {
    color: #c0392b;
    font-size: 0.875rem;
}

.image-gallery-loading[b-6l4uyra583],
.image-gallery-empty[b-6l4uyra583] {
    padding: 3rem 1.25rem;
    text-align: center;
    color: var(--tt-text, #1a1a1a);
    opacity: 0.6;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Footer */
.image-gallery-footer[b-6l4uyra583] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--tt-border, #e0e0e0);
    gap: 1rem;
}

.image-gallery-selected-info[b-6l4uyra583] {
    display: flex;
    flex-direction: column;
    font-size: 0.8rem;
    gap: 0.125rem;
}

.image-gallery-actions[b-6l4uyra583] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}

.image-gallery-actions button[b-6l4uyra583] {
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    border: 1px solid var(--tt-border, #e0e0e0);
    transition: background 0.15s;
}

.image-gallery-actions .btn-secondary[b-6l4uyra583] {
    background: var(--tt-bg-secondary, #f7f7f5);
    color: var(--tt-text, #1a1a1a);
}

.image-gallery-actions .btn-secondary:hover[b-6l4uyra583] {
    background: var(--tt-bg-hover, #efefef);
}

.image-gallery-actions .btn-primary[b-6l4uyra583] {
    background: var(--tt-accent, #2d7ff9);
    color: #fff;
    border-color: var(--tt-accent, #2d7ff9);
}

.image-gallery-actions .btn-primary:hover:not(:disabled)[b-6l4uyra583] {
    opacity: 0.9;
}

.image-gallery-actions .btn-primary:disabled[b-6l4uyra583] {
    opacity: 0.5;
    cursor: default;
}

/* Responsive */
@media (max-width: 600px) {
    .image-gallery-dialog[b-6l4uyra583] {
        max-height: 95vh;
    }

    .image-gallery-grid[b-6l4uyra583] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .image-gallery-item img[b-6l4uyra583] {
        height: 70px;
    }
}
/* /Components/Shared/LinkFixDialog.razor.rz.scp.css */
/* Link Fix Dialog Styles */

.link-fix-dialog[b-upopd9giih] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.url-info[b-upopd9giih] {
    padding: 1rem;
    background: #f9fafb;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.url-info h3[b-upopd9giih] {
    margin: 0 0 0.75rem;
    font-size: 1.125rem;
    color: #111827;
}

.url-display[b-upopd9giih] {
    font-family: 'Courier New', monospace;
    background: #ffffff;
    padding: 0.75rem;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    word-break: break-all;
    color: #1f2937;
}

.error-info[b-upopd9giih] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 4px;
    color: #991b1b;
    font-size: 0.9rem;
}

.article-search-section[b-upopd9giih] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.article-search-section h3[b-upopd9giih] {
    margin: 0;
    font-size: 1.125rem;
    color: #111827;
}

.help-text[b-upopd9giih] {
    color: #6b7280;
    font-size: 0.9rem;
    margin: 0;
}

.search-status[b-upopd9giih] {
    color: #6b7280;
    font-style: italic;
    padding: 0.5rem;
}

.article-search-results[b-upopd9giih] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.article-search-result[b-upopd9giih] {
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    background: #ffffff;
}

.article-search-result:hover[b-upopd9giih] {
    border-color: #2d7ff9;
    background: #f0f9ff;
}

.article-search-result.selected[b-upopd9giih] {
    border-color: #2d7ff9;
    background: #dbeafe;
    box-shadow: 0 0 0 2px rgba(45, 127, 249, 0.1);
}

.article-title[b-upopd9giih] {
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.25rem;
}

.article-slug[b-upopd9giih] {
    font-size: 0.85rem;
    color: #6b7280;
    font-family: 'Courier New', monospace;
}

.search-no-results[b-upopd9giih] {
    padding: 1rem;
    text-align: center;
    color: #6b7280;
    font-style: italic;
}

.selected-article[b-upopd9giih] {
    padding: 1rem;
    background: #dbeafe;
    border: 2px solid #2d7ff9;
    border-radius: 6px;
    color: #1e40af;
}

.selected-article strong[b-upopd9giih] {
    color: #1e3a8a;
}

.selected-article small[b-upopd9giih] {
    font-size: 0.85rem;
    color: #3b82f6;
}

.fix-dialog-buttons[b-upopd9giih] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.fix-message[b-upopd9giih] {
    padding: 1rem;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
}

.fix-message.success[b-upopd9giih] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #22c55e;
}

.fix-message.error[b-upopd9giih] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #ef4444;
}

/* Redirect Status */
.redirect-status[b-upopd9giih] {
    padding: 0.75rem;
    border-radius: 6px;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.redirect-status.checking[b-upopd9giih] {
    background: #f3f4f6;
    border: 1px solid #d1d5db;
    color: #6b7280;
    font-style: italic;
}

.redirect-status.exists[b-upopd9giih] {
    background: #dbeafe;
    border: 1px solid #60a5fa;
    color: #1e40af;
}

.redirect-status.new[b-upopd9giih] {
    background: #fef3c7;
    border: 1px solid #fbbf24;
    color: #92400e;
}

.redirect-status small[b-upopd9giih] {
    display: block;
    margin-top: 0.5rem;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    opacity: 0.9;
}

/* Dark Mode */
html[etask-color-mode="dark"] .link-fix-dialog .url-info[b-upopd9giih] {
    background: #1f2937;
    border-color: #374151;
}

html[etask-color-mode="dark"] .link-fix-dialog .url-info h3[b-upopd9giih] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-fix-dialog .url-display[b-upopd9giih] {
    background: #111827;
    border-color: #4b5563;
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-fix-dialog .error-info[b-upopd9giih] {
    background: #7f1d1d;
    border-color: #991b1b;
    color: #fca5a5;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-search-section h3[b-upopd9giih] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-fix-dialog .help-text[b-upopd9giih],
html[etask-color-mode="dark"] .link-fix-dialog .search-status[b-upopd9giih] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-search-result[b-upopd9giih] {
    background: #1f2937;
    border-color: #374151;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-search-result:hover[b-upopd9giih] {
    border-color: #60a5fa;
    background: #1e3a5f;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-search-result.selected[b-upopd9giih] {
    border-color: #60a5fa;
    background: #1e40af;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-title[b-upopd9giih] {
    color: #e5e7eb;
}

html[etask-color-mode="dark"] .link-fix-dialog .article-slug[b-upopd9giih] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-fix-dialog .search-no-results[b-upopd9giih] {
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-fix-dialog .selected-article[b-upopd9giih] {
    background: #1e40af;
    border-color: #60a5fa;
    color: #93c5fd;
}

html[etask-color-mode="dark"] .link-fix-dialog .selected-article strong[b-upopd9giih] {
    color: #bfdbfe;
}

html[etask-color-mode="dark"] .link-fix-dialog .selected-article small[b-upopd9giih] {
    color: #93c5fd;
}

html[etask-color-mode="dark"] .link-fix-dialog .fix-dialog-buttons[b-upopd9giih] {
    border-top-color: #374151;
}

html[etask-color-mode="dark"] .link-fix-dialog .fix-message.success[b-upopd9giih] {
    background: #064e3b;
    color: #86efac;
    border-color: #22c55e;
}

html[etask-color-mode="dark"] .link-fix-dialog .fix-message.error[b-upopd9giih] {
    background: #7f1d1d;
    color: #fca5a5;
    border-color: #ef4444;
}

html[etask-color-mode="dark"] .link-fix-dialog .redirect-status.checking[b-upopd9giih] {
    background: #1f2937;
    border-color: #4b5563;
    color: #9ca3af;
}

html[etask-color-mode="dark"] .link-fix-dialog .redirect-status.exists[b-upopd9giih] {
    background: #1e3a5f;
    border-color: #60a5fa;
    color: #93c5fd;
}

html[etask-color-mode="dark"] .link-fix-dialog .redirect-status.new[b-upopd9giih] {
    background: #78350f;
    border-color: #fbbf24;
    color: #fde68a;
}
/* /Components/Shared/ProcedureEditorDialog.razor.rz.scp.css */
/* Kompakte Schritt-Darstellung */
.step-row-compact[b-naxfczkgwd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--etask-border-color, #e0e0e0);
    border-radius: 4px;
    background: var(--etask-background, #fff);
    transition: background 0.2s;
}

.step-row-compact:hover[b-naxfczkgwd] {
    background: var(--etask-background-secondary, #f5f5f5);
}

.step-row-compact__number[b-naxfczkgwd] {
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--etask-accent, #2d7ff9);
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 0.8rem;
}

.step-row-compact__content[b-naxfczkgwd] {
    flex: 1;
    min-width: 0;
}

.step-row-compact__title[b-naxfczkgwd] {
    display: block;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--etask-text, #1a1a1a);
    font-size: 1rem;
    line-height: 1.5;
}

.step-row-compact__actions[b-naxfczkgwd] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* Kompakte Action-Buttons in Schritt-Zeilen */
.step-row-compact__actions[b-naxfczkgwd]  button {
    min-width: 2rem !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
}

/* Volle Breite für Formular-Felder in Schritt-Dialogen */
.procedure-step-form[b-naxfczkgwd] {
    width: 100%;
}

.procedure-step-form > *[b-naxfczkgwd] {
    width: 100%;
}

/* TipTap Editor für Schritte */
.tiptap-label[b-naxfczkgwd] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.step-tiptap-editor[b-naxfczkgwd] {
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 1rem;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
}

.step-tiptap-editor:focus-within[b-naxfczkgwd] {
    outline: none;
    border-color: var(--etask-primary, #2d7ff9);
    box-shadow: 0 0 0 3px rgba(45, 127, 249, 0.1);
}

/* ProseMirror Styles */
.step-tiptap-editor .ProseMirror[b-naxfczkgwd] {
    outline: none;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.step-tiptap-editor .ProseMirror > *[b-naxfczkgwd] {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.step-tiptap-editor .ProseMirror p[b-naxfczkgwd] {
    margin: 0 0 0.75rem;
}

.step-tiptap-editor .ProseMirror h1[b-naxfczkgwd],
.step-tiptap-editor .ProseMirror h2[b-naxfczkgwd],
.step-tiptap-editor .ProseMirror h3[b-naxfczkgwd] {
    margin: 1.5rem 0 0.75rem;
    font-weight: 700;
}

.step-tiptap-editor .ProseMirror h1[b-naxfczkgwd] {
    font-size: 1.75rem;
}

.step-tiptap-editor .ProseMirror h2[b-naxfczkgwd] {
    font-size: 1.5rem;
}

.step-tiptap-editor .ProseMirror h3[b-naxfczkgwd] {
    font-size: 1.25rem;
}

.step-tiptap-editor .ProseMirror ul[b-naxfczkgwd],
.step-tiptap-editor .ProseMirror ol[b-naxfczkgwd] {
    margin: 0.75rem 0;
    padding-left: 1.5rem;
}

.step-tiptap-editor .ProseMirror li[b-naxfczkgwd] {
    margin-bottom: 0.25rem;
}

.step-tiptap-editor .ProseMirror strong[b-naxfczkgwd] {
    font-weight: 700;
}

.step-tiptap-editor .ProseMirror em[b-naxfczkgwd] {
    font-style: italic;
}

.step-tiptap-editor .ProseMirror code[b-naxfczkgwd] {
    background: #f3f4f6;
    padding: 0.125rem 0.25rem;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.875em;
}

.step-tiptap-editor .ProseMirror blockquote[b-naxfczkgwd] {
    border-left: 4px solid #e5e7eb;
    margin: 1rem 0;
    padding-left: 1rem;
    color: #6b7280;
}

/* Placeholder */
.step-tiptap-editor .ProseMirror p.is-editor-empty:first-child[b-naxfczkgwd]::before {
    content: "Beschreiben Sie den Schritt...";
    color: #9ca3af;
    pointer-events: none;
    height: 0;
    float: left;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
    .tiptap-label[b-naxfczkgwd] {
        color: #e5e7eb;
    }

    .step-tiptap-editor[b-naxfczkgwd] {
        background: #1f2937;
        border-color: #374151;
        color: #e5e7eb;
    }

    .step-tiptap-editor:focus-within[b-naxfczkgwd] {
        border-color: var(--etask-primary, #2d7ff9);
    }

    .step-tiptap-editor .ProseMirror code[b-naxfczkgwd] {
        background: #374151;
        color: #e5e7eb;
    }

    .step-tiptap-editor .ProseMirror blockquote[b-naxfczkgwd] {
        border-left-color: #4b5563;
        color: #9ca3af;
    }

    .step-tiptap-editor .ProseMirror p.is-editor-empty:first-child[b-naxfczkgwd]::before {
        color: #6b7280;
    }
}
/* /Components/Shared/QuickLinks.razor.rz.scp.css */
.quick-links[b-mxj5dh855a] {
    background: var(--surface-colors-background-subtle, #f5f5f5);
    border: 1px solid var(--surface-colors-border-default, #e0e0e0);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.quick-links-title[b-mxj5dh855a] {
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'Noto Sans', sans-serif;
    color: var(--text-colors-general-text-default, #1a1a1a);
}

.quick-links-list[b-mxj5dh855a] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.quick-link-item[b-mxj5dh855a] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.quick-link-item:hover[b-mxj5dh855a] {
    background: var(--surface-colors-background-default, #fff);
}

.quick-link[b-mxj5dh855a] {
    flex: 1;
    text-decoration: none;
    color: var(--text-colors-general-text-link, #0066cc);
    font-weight: 500;
    font-family: 'Noto Sans', sans-serif;
    line-height: 1.4;
}

.quick-link:hover[b-mxj5dh855a] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .quick-links[b-mxj5dh855a] {
        padding: 1rem;
    }
}

/* Dark Mode */
html[etask-color-mode="dark"] .quick-links[b-mxj5dh855a] {
    background: var(--surface-colors-background-subtle, #2a2a2a);
    border-color: var(--surface-colors-border-default, #404040);
}

html[etask-color-mode="dark"] .quick-links-title[b-mxj5dh855a] {
    color: var(--text-colors-general-text-default, #e0e0e0);
}

html[etask-color-mode="dark"] .quick-link-item:hover[b-mxj5dh855a] {
    background: var(--surface-colors-background-hover, #333333);
}

html[etask-color-mode="dark"] .quick-link[b-mxj5dh855a] {
    color: var(--text-colors-general-text-link, #4a9eff);
}

html[etask-color-mode="dark"] .quick-link:hover[b-mxj5dh855a] {
    color: var(--text-colors-general-text-link-hover, #6bb3ff);
}
/* /Components/Shared/TaskSection.razor.rz.scp.css */
.task-section[b-xrf29axwzx] {
    margin-bottom: 1.5rem;
}

.task-section-header[b-xrf29axwzx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--surface-colors-border-default, #e0e0e0);
}

.task-section-title[b-xrf29axwzx] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
    color: var(--text-colors-general-text-default, #1a1a1a);
}

.task-section-content[b-xrf29axwzx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 350px));
    gap: 1rem;
    justify-content: center;
}

@media (max-width: 768px) {
    .task-section-content[b-xrf29axwzx] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/Tiles/ArticlePreviewTile.razor.rz.scp.css */
.article-preview-card[b-ud5xw94jqj] {
    height: 100%;
}

.article-preview-link[b-ud5xw94jqj] {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    transition: transform 0.2s ease;
}

.article-preview-link:hover[b-ud5xw94jqj] {
    transform: translateY(-2px);
}

.article-preview-content[b-ud5xw94jqj] {
    padding: 0.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.article-preview-title[b-ud5xw94jqj] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--etask-primary, #0d6efd);
    line-height: 1.3;
    flex: 1;
}

.article-preview-subtitle[b-ud5xw94jqj] {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    color: var(--etask-text-primary, #212529);
    font-weight: 500;
    font-family: 'Noto Sans', sans-serif;
}

.article-preview-description[b-ud5xw94jqj] {
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
    color: var(--etask-text-secondary, #666);
    line-height: 1.5;
    font-family: 'Noto Sans', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-preview-meta[b-ud5xw94jqj] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.875rem;
    color: var(--etask-text-tertiary, #999);
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--etask-border-light, #e9ecef);
}

.article-preview-date[b-ud5xw94jqj],
.article-preview-type[b-ud5xw94jqj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
/* /Components/Shared/Tiles/ModuleTile.razor.rz.scp.css */
/* Component styles moved to app.css */

/* /Components/Shared/Tiles/RoleTile.razor.rz.scp.css */
/* Component styles moved to app.css */

/* /Components/Shared/UiIconPicker.razor.rz.scp.css */
.ui-icon-picker[b-az8hktvnkc],
.ui-icon-picker *[b-az8hktvnkc] {
    box-sizing: border-box;
}

.ui-icon-picker[b-az8hktvnkc] {
    width: 100%;
}

.icon-picker-grid[b-az8hktvnkc] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
    max-height: 400px;
    overflow-y: auto;
    padding: 0.5rem;
    border: 1px solid var(--border-and-stroke-color-default30);
    border-radius: 0.5rem;
    background: var(--surface-color-general-surface-subtle);
}

.icon-tile[b-az8hktvnkc] {
    background: var(--surface-color-general-surface-subtle-contrast);
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
    flex-shrink: 0;
}

.icon-tile:hover[b-az8hktvnkc] {
    background: var(--surface-color-specific-surface-hover-general-hover-subtle);
    border-color: var(--border-and-stroke-color-default30);
}

.icon-tile:focus[b-az8hktvnkc] {
    outline: 2px solid var(--fields-stroke-and-text-interaction-stroke);
    outline-offset: 2px;
}

.icon-tile-selected[b-az8hktvnkc] {
    background: var(--colors-ui-scales-turquoise-30);
    border-color: var(--colors-ui-scales-turquoise-60);
}

.icon-tile-selected:hover[b-az8hktvnkc] {
    background: var(--colors-ui-scales-turquoise-40);
    border-color: var(--colors-ui-scales-turquoise-70);
}

.icon-tile img[b-az8hktvnkc] {
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
}
/* /Components/Shared/VideoGalleryDialog.razor.rz.scp.css */
/* ===== Video Gallery Modal ===== */
.video-gallery-overlay[b-dccfa8xdbf] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.video-gallery-dialog[b-dccfa8xdbf] {
    background: var(--tt-bg, #fff);
    color: var(--tt-text, #1a1a1a);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.video-gallery-header[b-dccfa8xdbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
}

.video-gallery-header h2[b-dccfa8xdbf] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.video-gallery-close[b-dccfa8xdbf] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--tt-text, #1a1a1a);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    line-height: 1;
}

.video-gallery-close:hover[b-dccfa8xdbf] {
    background: var(--tt-bg-hover, #efefef);
}

/* Tabs */
.video-gallery-tabs[b-dccfa8xdbf] {
    display: flex;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
    padding: 0 1.25rem;
}

.video-gallery-tabs button[b-dccfa8xdbf] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.75rem 1rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--tt-text, #1a1a1a);
    opacity: 0.7;
    transition: opacity 0.15s, border-color 0.15s;
}

.video-gallery-tabs button:hover[b-dccfa8xdbf] {
    opacity: 1;
}

.video-gallery-tabs button.active[b-dccfa8xdbf] {
    opacity: 1;
    border-bottom-color: var(--tt-accent, #2d7ff9);
    font-weight: 600;
}

/* Search Box */
.video-gallery-search[b-dccfa8xdbf] {
    position: relative;
    padding: 1rem 1.25rem 1.25rem;
    border-bottom: 1px solid var(--tt-border, #e0e0e0);
    background: var(--tt-bg, #fff);
}

.video-gallery-search-input[b-dccfa8xdbf] {
    width: 100%;
    padding: 0.875rem 2.75rem 0.875rem 1rem;
    border: 2px solid var(--tt-border, #e0e0e0);
    border-radius: 8px;
    font-size: 0.9375rem;
    background: var(--tt-bg, #fff);
    color: var(--tt-text, #1a1a1a);
    transition: border-color 0.2s, box-shadow 0.2s;
}

.video-gallery-search-input[b-dccfa8xdbf]::placeholder {
    color: var(--tt-text, #1a1a1a);
    opacity: 0.5;
}

.video-gallery-search-input:focus[b-dccfa8xdbf] {
    outline: none;
    border-color: var(--tt-accent, #2d7ff9);
    box-shadow: 0 0 0 3px rgba(45, 127, 249, 0.12);
}

.video-gallery-search-clear[b-dccfa8xdbf] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--tt-bg-hover, #efefef);
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: var(--tt-text, #1a1a1a);
    opacity: 0.6;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    border-radius: 6px;
    transition: opacity 0.15s, background 0.15s;
}

.video-gallery-search-clear:hover[b-dccfa8xdbf] {
    opacity: 1;
    background: var(--tt-border, #e0e0e0);
}

/* Gallery Grid */
.video-gallery-grid[b-dccfa8xdbf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    padding: 1.25rem;
    overflow-y: auto;
    flex: 1;
    min-height: 300px;
}

.video-gallery-item[b-dccfa8xdbf] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--tt-bg, #fff);
    border: 2px solid var(--tt-border, #e0e0e0);
    border-radius: 8px;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    overflow: hidden;
}

.video-gallery-item:hover[b-dccfa8xdbf] {
    border-color: var(--tt-accent, #2d7ff9);
    background: var(--tt-bg-hover, #f9f9f9);
}

.video-gallery-item.selected[b-dccfa8xdbf] {
    border-color: var(--tt-accent, #2d7ff9);
    background: rgba(45, 127, 249, 0.05);
    box-shadow: 0 0 0 3px rgba(45, 127, 249, 0.12);
}

/* Video-Vorschau im Dialog */
.video-gallery-item-preview[b-dccfa8xdbf] {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.video-gallery-item-preview img[b-dccfa8xdbf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-placeholder[b-dccfa8xdbf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.video-duration[b-dccfa8xdbf] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Video-Informationen */
.video-gallery-item-info[b-dccfa8xdbf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.video-gallery-item-title[b-dccfa8xdbf] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--tt-text, #1a1a1a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-gallery-item-meta[b-dccfa8xdbf] {
    font-size: 0.75rem;
    color: var(--tt-text-subtle, #788a94);
}

.video-gallery-item-usage[b-dccfa8xdbf] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: rgba(45, 127, 249, 0.9);
    color: white;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Upload Section */
.video-gallery-upload[b-dccfa8xdbf] {
    padding: 2rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

.video-gallery-error[b-dccfa8xdbf] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #fef5f5;
    border-left: 3px solid #c0392b;
    color: #c0392b;
    border-radius: 4px;
    font-size: 0.875rem;
}

/* Loading & Empty States */
.video-gallery-loading[b-dccfa8xdbf],
.video-gallery-empty[b-dccfa8xdbf] {
    padding: 3rem 1.25rem;
    text-align: center;
    color: var(--tt-text-subtle, #788a94);
    font-size: 0.9375rem;
}

/* Footer */
.video-gallery-footer[b-dccfa8xdbf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--tt-border, #e0e0e0);
    background: var(--tt-bg, #fff);
}

.video-gallery-selected-info[b-dccfa8xdbf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.video-gallery-selected-info strong[b-dccfa8xdbf] {
    font-size: 0.875rem;
    font-weight: 600;
}

.video-gallery-selected-info span[b-dccfa8xdbf] {
    font-size: 0.75rem;
    color: var(--tt-text-subtle, #788a94);
}

.video-gallery-actions[b-dccfa8xdbf] {
    display: flex;
    gap: 0.5rem;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .video-gallery-dialog[b-dccfa8xdbf] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .video-gallery-grid[b-dccfa8xdbf] {
        grid-template-columns: 1fr;
    }

    .video-gallery-footer[b-dccfa8xdbf] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .video-gallery-actions[b-dccfa8xdbf] {
        flex-direction: column;
    }
}