/* Ausgelagert aus: dokumente.php – CSS-Variablen-kompatibel */

.docs-hero {
    background: linear-gradient(135deg, var(--bg-page) 0%, var(--bg-section) 50%, var(--bg-page) 100%);
    padding: 3.5rem 0 2.5rem;
    text-align: center;
    border-bottom: 3px solid var(--red);
}
.docs-hero h1 { font-size: 2.2rem; font-weight: 800; color: var(--text-main); margin: 0 0 .5rem; }
.docs-hero p  { color: var(--text-muted); font-size: 1.05rem; margin: 0; }

.docs-container { max-width: 860px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }

.docs-category { margin-bottom: 2.5rem; }
.docs-category-header {
    display: flex; align-items: center; gap: .6rem;
    font-size: 1.15rem; font-weight: 700; color: var(--text-main);
    border-bottom: 2px solid var(--red);
    padding-bottom: .6rem; margin-bottom: 1rem;
}

.doc-item {
    display: flex; align-items: center; justify-content: space-between;
    background: var(--bg-card);
    border: 1px solid var(--border-col);
    border-radius: 10px;
    padding: .9rem 1.2rem;
    margin-bottom: .6rem;
    transition: border-color .2s;
}
.doc-item:hover { border-color: var(--red); }
.doc-info { display: flex; align-items: center; gap: .85rem; }
.doc-icon { font-size: 1.6rem; }
.doc-title { font-weight: 600; color: var(--text-main); font-size: .97rem; }
.doc-meta  { font-size: .8rem; color: var(--text-muted); margin-top: 2px; }
.badge-internal-sm {
    font-size: 11px; background: #78350f44; color: #f59e0b;
    border: 1px solid #f59e0b44; border-radius: 20px; padding: 1px 8px;
    margin-left: .4rem; vertical-align: middle;
}
.btn-download {
    display: inline-flex; align-items: center; gap: .4rem;
    background: var(--red); color: #fff; border-radius: 8px;
    padding: .45rem 1rem; font-size: .85rem; font-weight: 600;
    text-decoration: none; white-space: nowrap;
    transition: background .2s;
}
.btn-download:hover { background: var(--red-dark); }

.docs-login-hint {
    background: var(--bg-card); border: 1px solid var(--border-col); border-radius: 10px;
    padding: 1.25rem 1.5rem; text-align: center; color: var(--text-muted);
    margin-bottom: 2rem;
}
.docs-login-hint a { color: var(--red); }

.docs-empty { text-align: center; color: var(--text-muted); padding: 3rem 0; font-size: 1rem; }

.ext-pdf  { color: #ef4444; }
.ext-docx { color: #3b82f6; }
.ext-xlsx { color: #22c55e; }
.ext-odt  { color: #a78bfa; }
.ext-other{ color: #94a3b8; }