/**
 * Admin Documents Page Styles
 * ============================
 * Reuses admin-collections + admin-quizzes patterns, minimal additions
 */

/* Page Container */
.main-content.admin-documents-page {
    padding: var(--space-6);
    max-width: 100% !important;
    width: 100% !important;
}

.main-content.admin-documents-page > * {
    max-width: 1000px !important;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* Section labels inside collection */
.ad-section-label {
    font-size: var(--text-xs);
    font-weight: 700;
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-3) 0 var(--space-1) 0;
    margin-top: var(--space-2);
}

.ad-section-label:first-child {
    margin-top: 0;
}

/* Icon styles for wiki / pdf numbers */
.ad-icon-wiki {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #3b82f6 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ad-icon-pdf {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #ef4444 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Question preview in meta */
.ad-question-preview {
    font-style: italic;
    color: var(--text-tertiary);
}

/* Resource links in meta */
.ad-resource-links {
    color: var(--accent-primary);
    font-size: var(--text-xs);
}

/* Filename in PDF meta */
.ad-filename {
    font-family: monospace;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    background: var(--bg-tertiary);
    padding: 1px var(--space-1);
    border-radius: var(--radius-sm);
}

/* Wiki content preview — force readable text in dark mode */
.ad-wiki-content {
    font-size: var(--text-sm);
    color: var(--text-secondary) !important;
    line-height: 1.6;
    padding: var(--space-3);
    background: var(--bg-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-subtle);
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: var(--space-3);
    word-wrap: break-word;
}

/* Force all nested HTML elements to inherit readable colors */
.ad-wiki-content * {
    color: inherit !important;
    background: transparent !important;
}

.ad-wiki-content a {
    color: var(--accent-primary) !important;
}

.ad-wiki-content h1,
.ad-wiki-content h2,
.ad-wiki-content h3,
.ad-wiki-content h4 {
    color: var(--text-primary) !important;
    margin: var(--space-2) 0 var(--space-1);
    font-size: var(--text-sm);
    font-weight: 700;
}

.ad-wiki-content p {
    margin: 0 0 var(--space-2);
}

.ad-wiki-content ul,
.ad-wiki-content ol {
    padding-left: var(--space-4);
    margin: 0 0 var(--space-2);
}

.ad-wiki-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-sm);
}

/* Linked resources chips */
.ad-linked-resources {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-bottom: var(--space-3);
}

.ad-resource-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: 2px var(--space-2);
    background: rgba(212, 175, 125, 0.1);
    border: 1px solid var(--accent-tertiary);
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    color: var(--accent-primary);
}

.ad-resource-chip__remove {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0 2px;
    border-radius: 50%;
    transition: all var(--duration-fast) var(--ease-default);
}

.ad-resource-chip__remove:hover {
    color: var(--danger);
    background: var(--danger-soft);
}

/* Hint text */
.ad-hint {
    font-size: var(--text-xs);
    color: var(--text-muted);
    margin-top: var(--space-1);
    font-style: italic;
}

/* Link resource inline zone */
.ad-link-inline {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.ad-link-inline .aq-input--small-select {
    max-width: 250px;
    font-size: var(--text-xs);
}

.ad-link-btn {
    width: auto !important;
    padding: var(--space-1) var(--space-3) !important;
    margin-top: 0 !important;
    font-size: var(--text-xs) !important;
}

/* PDF preview iframe */
.ad-pdf-preview {
    margin-bottom: var(--space-3);
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border-subtle);
}

.ad-pdf-iframe {
    width: 100%;
    height: 400px;
    border: none;
    background: var(--bg-tertiary);
}

/* PDF description */
.ad-pdf-description {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin-bottom: var(--space-3);
    line-height: 1.5;
}

/* "No file" indicator */
.ad-no-file {
    font-size: var(--text-xs);
    color: var(--text-muted);
    font-style: italic;
}

/* View button (eye icon) */
.ad-btn-view {
    color: var(--accent-primary) !important;
}

.ad-btn-view:hover {
    background: rgba(212, 175, 125, 0.1) !important;
}

/* File input styling */
.ad-file-input {
    padding: var(--space-2) !important;
}

.ad-file-input::file-selector-button {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    padding: var(--space-1) var(--space-3);
    margin-right: var(--space-2);
    cursor: pointer;
    font-size: var(--text-xs);
    transition: all var(--duration-fast) var(--ease-default);
}

.ad-file-input::file-selector-button:hover {
    background: var(--bg-elevated);
    color: var(--text-primary);
}

/* Add buttons container */
.ad-add-buttons {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.ad-add-buttons > .admin-add-zone--small {
    flex: 1;
    min-width: 180px;
}

.ad-add-buttons > .aq-add-form {
    width: 100%;
}

/* =============================================
   LIGHT MODE
   ============================================= */

[data-theme="light"] .ad-wiki-content {
    background: #FAF8F5;
}

[data-theme="light"] .ad-filename {
    background: #f0ece4;
}

[data-theme="light"] .ad-file-input::file-selector-button {
    background: #f0ece4;
    color: #333;
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 768px) {
    .main-content.admin-documents-page {
        padding: var(--space-4);
    }

    .ad-add-buttons {
        flex-direction: column;
    }

    .ad-link-inline {
        flex-direction: column;
        align-items: stretch;
    }

    .ad-link-inline .aq-input--small-select {
        max-width: 100%;
    }
}