/* ================================
   FileProxy — Files Browser Skin
   ================================ */

:root {
  --files-gap: 0.5rem;
}

/* Card + general spacing */
.files-card .card-body {
  padding: 0.75rem;
}

.files-card hr {
  opacity: 0.12;
  margin: 0.85rem 0;
}

/* Buttons slightly tighter */
.files-card .btn {
  --bs-btn-padding-y: 0.22rem;
  --bs-btn-padding-x: 0.5rem;
}

/* Prevent dropdown clipping inside table wrapper */
.files-table-wrap {
  overflow: visible;
}
@media (max-width: 992px) {
  .files-table-wrap {
    overflow-x: auto;
    overflow-y: visible;
  }
}

/* Table compactness */
.files-card table.table-sm th,
.files-card table.table-sm td {
  padding-top: 0.38rem;
  padding-bottom: 0.38rem;
}

/* Header text sizing */
#browser-title {
  font-size: 0.95rem;
}
#browser-subtitle {
  font-size: 0.8rem;
}

/* Vault list — FIX LEGIBILITY + better whitespace */
#vault-list .list-group-item {
  border-radius: 0.6rem;
  margin-bottom: 0.35rem;
  padding: 0.55rem 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.9);
  color: #111; /* fixes white-on-white */
}

#vault-list .list-group-item .fw-semibold {
  color: #111;
}

#vault-list .list-group-item .text-muted {
  color: rgba(0, 0, 0, 0.6) !important;
}

#vault-list .list-group-item:hover {
  background: rgba(0, 0, 0, 0.03);
}

#vault-list .list-group-item.active {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
  color: #111;
}

#vault-list .list-group-item.active .text-muted {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* Breadcrumb tighten */
.files-card .breadcrumb {
  margin-bottom: 0.35rem;
}

/* Upload row alignment + whitespace */
.files-upload-row {
  display: grid;
  grid-template-columns: 1fr 240px auto;
  align-items: end; /* ensures inputs/buttons align */
  gap: var(--files-gap);
}

@media (max-width: 992px) {
  .files-upload-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
}

.files-upload-row .form-label {
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}

.files-upload-row .form-text {
  margin-top: 0.25rem;
  font-size: 0.8rem;
}

#upload-status {
  min-height: 1rem;
  font-size: 0.8rem;
}

/* Dropdown actions */
.files-card .dropdown-menu {
  min-width: 9rem;
  font-size: 0.875rem;
}

.files-card .dropdown-item {
  padding: 0.35rem 0.75rem;
}

/* Make the main two-pane layout breathe a bit */
.files-pane {
  padding: 0.25rem;
}

/* Vault form panels — fallback if still used */
.form-panel {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  padding: 1rem;
}

/* ================================
   Dark mode overrides
   ================================ */
[data-bs-theme="dark"] #vault-list .list-group-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] #vault-list .list-group-item .fw-semibold {
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] #vault-list .list-group-item .text-muted {
  color: rgba(255, 255, 255, 0.55) !important;
}
[data-bs-theme="dark"] #vault-list .list-group-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
[data-bs-theme="dark"] #vault-list .list-group-item.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  color: var(--bs-body-color);
}
[data-bs-theme="dark"] #vault-list .list-group-item.active .text-muted {
  color: rgba(255, 255, 255, 0.6) !important;
}
[data-bs-theme="dark"] .form-panel {
  background: var(--bs-body-bg);
  border-color: var(--bs-border-color);
}


/* ================================
   Logo theme switching
   ================================ */
/* Default (light): show light logo only */
.fp-logo-light { display: inline-block; }
.fp-logo-dark  { display: none; }

/* Dark theme: swap */
[data-bs-theme="dark"] .fp-logo-light { display: none; }
[data-bs-theme="dark"] .fp-logo-dark  { display: inline-block; }