/**
 * File Director – Minimal tema
 * Modern, responsive, minimalist dizayn. Parametrlərdən "Minimal" seçiləndə tətbiq olunur.
 * Bütün seçimlər body.theme-minimal altında.
 */

body.theme-minimal {
    --minimal-bg: #f5f5f7;
    --minimal-surface: #ffffff;
    --minimal-surface-hover: #f5f5f7;
    --minimal-border: #e5e5e7;
    --minimal-text: #1d1d1f;
    --minimal-text-muted: #6e6e73;
    --minimal-primary: #0071e3;
    --minimal-primary-hover: #0077ed;
    --minimal-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --minimal-radius: 12px;
    --minimal-radius-sm: 8px;
    --minimal-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    font-family: var(--minimal-font);
    background: var(--minimal-bg);
    background-image: none;
    color: var(--minimal-text);
}

body.theme-minimal .app-window {
    max-width: 960px;
    margin: 24px auto;
    background: var(--minimal-surface);
    border-radius: var(--minimal-radius);
    box-shadow: var(--minimal-shadow);
    border: 1px solid var(--minimal-border);
    overflow: hidden;
}

body.theme-minimal .window-titlebar {
    height: 28px;
    background: var(--minimal-surface);
    border-bottom: 1px solid var(--minimal-border);
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 8px;
}

body.theme-minimal .window-titlebar .traffic {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: none;
}

body.theme-minimal .window-titlebar .traffic.close    { background: #ff5f57; }
body.theme-minimal .window-titlebar .traffic.minimize  { background: #febc2e; }
body.theme-minimal .window-titlebar .traffic.maximize  { background: #28c840; }
body.theme-minimal .window-titlebar .title {
    flex: 1;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--minimal-text);
}

/* Toolbar */
body.theme-minimal .toolbar {
    padding: 12px 16px;
    background: var(--minimal-surface);
    border-bottom: 1px solid var(--minimal-border);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.theme-minimal .toolbar-btn {
    padding: 8px 16px;
    font-family: var(--minimal-font);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    background: var(--minimal-surface);
    color: var(--minimal-text);
    cursor: pointer;
    box-shadow: none;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease;
}

body.theme-minimal .toolbar-btn:hover {
    background: var(--minimal-surface-hover);
    border-color: #d2d2d7;
}

body.theme-minimal .toolbar-btn:active {
    box-shadow: none;
    background: #ebebed;
}

body.theme-minimal .toolbar-btn.primary {
    background: var(--minimal-primary);
    color: #fff;
    border-color: var(--minimal-primary);
}

body.theme-minimal .toolbar-btn.primary:hover {
    background: var(--minimal-primary-hover);
    border-color: var(--minimal-primary-hover);
}

body.theme-minimal .toolbar-divider {
    width: 1px;
    height: 20px;
    background: var(--minimal-border);
    margin: 0 4px;
}

body.theme-minimal .toolbar-search {
    padding: 8px 14px 8px 36px;
    border: 1px solid var(--minimal-border);
    border-radius: 10px;
    background: var(--minimal-surface);
    font-size: 13px;
    color: var(--minimal-text);
}

body.theme-minimal .toolbar-search:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15);
}

/* Search panel */
body.theme-minimal .search-panel {
    background: var(--minimal-surface);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 16px;
}

body.theme-minimal .search-panel-label {
    color: var(--minimal-text);
    font-weight: 500;
}

body.theme-minimal .search-panel-input {
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    background: var(--minimal-surface);
    color: var(--minimal-text);
}

body.theme-minimal .search-panel-input:focus {
    outline: none;
    border-color: var(--minimal-primary);
}

body.theme-minimal .search-panel-hint {
    color: var(--minimal-text-muted);
}

/* Main layout */
body.theme-minimal .main-layout {
    min-height: 420px;
}

/* Sidebar */
body.theme-minimal .sidebar {
    width: 220px;
    background: var(--minimal-surface);
    border-right: 1px solid var(--minimal-border);
    padding: 12px 0;
    flex-shrink: 0;
}

body.theme-minimal .sidebar-section-title {
    font-size: 11px;
    font-weight: 600;
    color: var(--minimal-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 8px 16px;
}

body.theme-minimal .sidebar-item {
    padding: 10px 16px;
    color: var(--minimal-text);
    font-size: 14px;
    border-radius: 0;
    transition: background 0.15s ease;
}

body.theme-minimal .sidebar-item:hover {
    background: var(--minimal-surface-hover);
}

body.theme-minimal .sidebar-item.active {
    background: rgba(0, 113, 227, 0.1);
    color: var(--minimal-primary);
    font-weight: 500;
}

body.theme-minimal .sidebar-item.sidebar-drop-active {
    background: rgba(0, 113, 227, 0.12);
    outline: 2px dashed var(--minimal-primary);
}

/* Content */
body.theme-minimal .content {
    background: var(--minimal-bg);
    border-left: 1px solid var(--minimal-border);
}

body.theme-minimal .content-header {
    padding: 12px 20px;
    background: var(--minimal-surface);
    border-bottom: 1px solid var(--minimal-border);
    font-size: 13px;
    color: var(--minimal-text-muted);
}

body.theme-minimal .content-header-select-all {
    color: var(--minimal-text);
}

body.theme-minimal .selected-counter {
    color: var(--minimal-primary);
}

body.theme-minimal .breadcrumb-segment:hover {
    background: var(--minimal-surface-hover);
    color: var(--minimal-primary);
}

/* Search results bar */
body.theme-minimal .search-results-bar {
    padding: 12px 20px;
    background: rgba(0, 113, 227, 0.06);
    border-bottom: 1px solid var(--minimal-border);
    font-size: 13px;
}

body.theme-minimal .search-results-summary {
    color: var(--minimal-primary);
}

body.theme-minimal .search-results-detail {
    color: var(--minimal-text-muted);
}

body.theme-minimal .search-results-none {
    color: #d32f2f;
}

body.theme-minimal .content-body {
    background: var(--minimal-bg);
    padding: 12px;
}

/* File table */
body.theme-minimal .file-table {
    font-size: 14px;
    border-radius: var(--minimal-radius-sm);
    overflow: hidden;
}

body.theme-minimal .file-table th {
    padding: 12px 16px;
    background: var(--minimal-surface);
    border-bottom: 1px solid var(--minimal-border);
    font-weight: 600;
    color: var(--minimal-text-muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

body.theme-minimal .file-table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--minimal-border);
    color: var(--minimal-text);
}

body.theme-minimal .file-table tbody tr {
    background: var(--minimal-surface);
    transition: background 0.12s ease;
}

body.theme-minimal .file-table tbody tr:hover {
    background: var(--minimal-surface-hover);
}

body.theme-minimal .file-table tbody tr.selected {
    background: rgba(0, 113, 227, 0.08);
    border-left: 3px solid var(--minimal-primary);
}

body.theme-minimal .file-table tbody tr.selected:hover {
    background: rgba(0, 113, 227, 0.12);
}

body.theme-minimal .file-table .file-size,
body.theme-minimal .file-table .file-date {
    color: var(--minimal-text-muted);
    font-size: 13px;
}

/* File actions */
body.theme-minimal .file-actions-btn {
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    background: var(--minimal-surface);
    color: var(--minimal-text-muted);
}

body.theme-minimal .file-actions-btn:hover {
    background: var(--minimal-surface-hover);
    color: var(--minimal-text);
}

body.theme-minimal .file-actions-dropdown {
    background: var(--minimal-surface);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 6px 0;
}

body.theme-minimal .file-action-item {
    color: var(--minimal-text);
    font-size: 13px;
    padding: 10px 16px;
}

body.theme-minimal .file-action-item:hover {
    background: var(--minimal-surface-hover);
}

body.theme-minimal .file-action-item--custom i {
    color: var(--minimal-primary);
}

body.theme-minimal .file-action-sep {
    border-top-color: var(--minimal-border);
}

/* Grid / file cards */
body.theme-minimal .view-grid .file-grid {
    gap: 16px;
    padding: 12px;
}

body.theme-minimal .file-card {
    padding: 16px 12px;
    border-radius: var(--minimal-radius);
    border: 1px solid var(--minimal-border);
    background: var(--minimal-surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.theme-minimal .file-card:hover {
    background: var(--minimal-surface-hover);
    border-color: #d2d2d7;
    box-shadow: var(--minimal-shadow);
}

body.theme-minimal .file-card.selected {
    background: rgba(0, 113, 227, 0.08);
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(0, 113, 227, 0.2);
}

body.theme-minimal .file-card.selected:hover {
    background: rgba(0, 113, 227, 0.12);
}

body.theme-minimal .file-card .file-icon {
    background: var(--minimal-surface-hover);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    box-shadow: none;
}

body.theme-minimal .file-card .file-icon.file-icon--thumb {
    background: #2a2a2e;
    padding: 0;
}

body.theme-minimal .file-card .file-name {
    color: var(--minimal-text);
    font-size: 13px;
}

/* Context menu */
body.theme-minimal .context-menu {
    background: var(--minimal-surface);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 6px 0;
}

body.theme-minimal .context-menu-item {
    color: var(--minimal-text);
    font-size: 13px;
    padding: 10px 16px;
}

body.theme-minimal .context-menu-item:hover {
    background: var(--minimal-surface-hover);
}

body.theme-minimal .context-menu-item--custom i {
    color: var(--minimal-primary);
}

body.theme-minimal .context-menu-sep {
    border-top-color: var(--minimal-border);
}

/* Empty state / upload zone */
body.theme-minimal .empty-state {
    color: var(--minimal-text-muted);
}

body.theme-minimal .empty-state .upload-zone {
    border: 2px dashed var(--minimal-border);
    border-radius: var(--minimal-radius);
    background: var(--minimal-surface);
}

body.theme-minimal .empty-state .upload-zone:hover,
body.theme-minimal .empty-state .upload-zone.dragover {
    border-color: var(--minimal-primary);
    background: rgba(0, 113, 227, 0.04);
}

/* Modals */
body.theme-minimal .modal-overlay {
    background: rgba(0, 0, 0, 0.35);
}

body.theme-minimal .modal-box {
    background: var(--minimal-surface);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
}

body.theme-minimal .modal-title {
    background: var(--minimal-surface);
    color: var(--minimal-text);
    border-bottom: 1px solid var(--minimal-border);
    font-weight: 600;
}

body.theme-minimal .modal-body {
    color: var(--minimal-text);
}

body.theme-minimal .modal-actions {
    background: var(--minimal-surface-hover);
    border-top: 1px solid var(--minimal-border);
}

body.theme-minimal #modal-user .modal-header--user {
    background: var(--minimal-surface);
    border-bottom: 1px solid var(--minimal-border);
}
body.theme-minimal #modal-user .modal-header--user h2 {
    color: var(--minimal-text);
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}
body.theme-minimal #modal-user .form-group label {
    color: var(--minimal-text-muted);
}
body.theme-minimal #modal-user .modal-actions--user {
    background: var(--minimal-surface-hover);
}

/* Status bar */
body.theme-minimal .status-bar {
    padding: 8px 20px;
    background: var(--minimal-surface);
    border-top: 1px solid var(--minimal-border);
    font-size: 12px;
    color: var(--minimal-text-muted);
}

/* Toast */
body.theme-minimal .toast {
    border-radius: var(--minimal-radius-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

body.theme-minimal .toast.toast-success { background: #34c759; }
body.theme-minimal .toast.toast-error { background: #ff3b30; }

/* Pagination */
body.theme-minimal .pagination-bar {
    border-top: 1px solid var(--minimal-border);
    padding: 12px;
    background: var(--minimal-surface);
}

body.theme-minimal .pagination-info {
    color: var(--minimal-text-muted);
}

/* Preview modal */
body.theme-minimal .preview-content .file-info {
    color: var(--minimal-text-muted);
}

body.theme-minimal .info-table td:first-child {
    color: var(--minimal-text-muted);
}

body.theme-minimal .info-table td {
    border-bottom-color: var(--minimal-border);
}

/* Upload progress */
body.theme-minimal .upload-progress-wrap .upload-progress-bar {
    background: var(--minimal-primary);
}

/* Theme/Settings buttons active state */
body.theme-minimal .theme-btn.active,
body.theme-minimal .lang-btn.active,
body.theme-minimal .daynight-btn.active,
body.theme-minimal .site-theme-btn.active {
    background: rgba(0, 113, 227, 0.1);
    border-color: var(--minimal-primary);
    color: var(--minimal-primary);
    font-weight: 500;
}

/* Shared page overrides */
body.theme-minimal .shared-page {
    max-width: 720px;
}

body.theme-minimal .shared-page .file-name {
    color: var(--minimal-text);
}

body.theme-minimal .shared-page a {
    text-decoration: none;
}
body.theme-minimal .shared-page .error {
    color: #ff3b30;
}

body.theme-minimal .shared-page .password-form input {
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
}

body.theme-minimal .shared-preview-wrap {
    border-color: var(--minimal-border);
    background: var(--minimal-surface);
    border-radius: var(--minimal-radius);
}

body.theme-minimal .shared-preview-wrap .preview-header {
    background: var(--minimal-surface-hover);
    border-bottom: 1px solid var(--minimal-border);
}

/* Kod önizləməsi – Minimal tema */
body.theme-minimal .fd-code-view {
    --fd-code-bg: var(--minimal-surface-hover);
    border-color: var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
}
body.theme-minimal .fd-code-view pre {
    color: var(--minimal-text);
}
body.theme-minimal .fd-code-view pre code {
    font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
}

body.theme-minimal .fd-media-player {
    border-radius: var(--minimal-radius);
    box-shadow: var(--minimal-shadow);
}
body.theme-minimal .fd-media-controls .fd-progress-fill,
body.theme-minimal .fd-media-controls .fd-volume-fill {
    background: var(--minimal-primary);
}
body.theme-minimal .fd-media-controls .fd-btn:hover {
    background: rgba(0, 113, 227, 0.15);
    color: var(--minimal-primary);
}

/* Responsive – Minimal */
@media (max-width: 768px) {
    body.theme-minimal .app-window {
        margin: 12px auto;
        border-radius: 0;
    }

    body.theme-minimal .sidebar {
        background: var(--minimal-surface);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.08);
    }

    body.theme-minimal .toolbar {
        padding: 10px 12px;
    }

    body.theme-minimal .toolbar-btn {
        padding: 8px 12px;
        font-size: 12px;
    }

    body.theme-minimal .content-header {
        padding: 10px 14px;
    }

    body.theme-minimal .file-table th,
    body.theme-minimal .file-table td {
        padding: 10px 12px;
    }
}

/* Auth səhifələri (giriş, qeydiyyat, şifrə və s.) */
body.theme-minimal .auth-window .toolbar {
    border-bottom: 1px solid var(--minimal-border);
}

body.theme-minimal .form-group input,
body.theme-minimal .password-form input {
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
    background: var(--minimal-surface);
    color: var(--minimal-text);
}

body.theme-minimal .form-group input:focus,
body.theme-minimal .password-form input:focus {
    outline: none;
    border-color: var(--minimal-primary);
}

body.theme-minimal .auth-error {
    color: #ff3b30;
}

body.theme-minimal .auth-success {
    color: #34c759;
}

body.theme-minimal .auth-links a {
    color: var(--minimal-primary);
}

body.theme-minimal .auth-msg {
    background: rgba(0, 113, 227, 0.06);
    border: 1px solid var(--minimal-border);
    border-radius: var(--minimal-radius-sm);
}

@media (max-width: 480px) {
    body.theme-minimal .window-titlebar .title {
        font-size: 12px;
    }
}

/* === Minimal tema – Gecə rejimi (Qaranlıq) === */
body.theme-minimal.theme-dark {
    --minimal-bg: #1c1c1e;
    --minimal-surface: #2c2c2e;
    --minimal-surface-hover: #3a3a3c;
    --minimal-border: #38383a;
    --minimal-text: #e5e5ea;
    --minimal-text-muted: #98989d;
    --minimal-primary: #0a84ff;
    --minimal-primary-hover: #409cff;
    --minimal-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

body.theme-minimal.theme-dark .shared-preview-wrap .preview-header {
    background: #38383a;
    border-bottom-color: #48484a;
}

body.theme-minimal.theme-dark .shared-preview-wrap {
    background: #2c2c2e;
    border-color: #38383a;
}
