/* AYRAMART File Browser - Custom Branding */
:root {
  --primary: #FF6B1A;
  --primary-dark: #E55A0A;
  --primary-light: #FF8A3D;
  --bg-dark: #1a1a2e;
  --bg-card: #16213e;
  --bg-hover: #1f305e;
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --accent-gold: #FFD700;
}

/* Login page */
.login__wrapper {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
}

.login__card {
  background: rgba(22, 33, 62, 0.95) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 107, 26, 0.3) !important;
  border-radius: 16px !important;
}

.login__brand {
  color: #FF6B1A !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  letter-spacing: 2px !important;
}

/* File listing - card style */
.main-view {
  background: var(--bg-dark) !important;
}

.item-list--row {
  background: var(--bg-card) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
  margin: 2px 0 !important;
  transition: all 0.2s ease !important;
}

.item-list--row:hover {
  background: var(--bg-hover) !important;
  border-color: var(--primary) !important;
}

/* Buttons */
.button--flat {
  color: var(--primary) !important;
}

.button--flat:hover {
  background: rgba(255, 107, 26, 0.15) !important;
}

.button--flat:focus-visible {
  box-shadow: 0 0 0 2px var(--primary) !important;
}

/* Header bar */
.header__branding {
  color: var(--primary) !important;
}

/* Action buttons */
.action-bar {
  background: var(--bg-card) !important;
}

/* Breadcrumbs */
.breadcrumbs__directory {
  color: var(--primary-light) !important;
}

.breadcrumbs__separator {
  color: var(--text-secondary) !important;
}

/* Progress bars */
progress::-webkit-progress-value {
  background: var(--primary) !important;
}

/* Selection */
.selected {
  background: rgba(255, 107, 26, 0.2) !important;
}

/* Sharing dialog */
.sharing__wrapper {
  background: var(--bg-card) !important;
}