/* GAXIS Transfer — extra_css, layered on top of SFTPGo's native stylesheet. No template/JS changes. */

:root, [data-bs-theme="light"] {
  --gaxis-accent-a: #22D3EE;
  --gaxis-accent-b: #2563EB;
  --bs-primary: #2563EB;
  --bs-primary-rgb: 37, 99, 235;
  --bs-primary-active: #1D4ED8;
  --bs-primary-text-emphasis: #1D4ED8;
  --bs-link-color: #2563EB;
  --bs-link-hover-color: #1D4ED8;
  --bs-link-color-rgb: 37, 99, 235;
}

[data-bs-theme="dark"] {
  --gaxis-accent-a: #22D3EE;
  --gaxis-accent-b: #38BDF8;
  --bs-primary: #22D3EE;
  --bs-primary-rgb: 34, 211, 238;
  --bs-primary-active: #06B6D4;
  --bs-primary-text-emphasis: #67E8F9;
  --bs-link-color: #22D3EE;
  --bs-link-hover-color: #67E8F9;
  --bs-link-color-rgb: 34, 211, 238;
  --bs-body-bg: #0B0D12;
  --bs-body-bg-rgb: 11, 13, 18;
  --bs-tertiary-bg: #12151C;
}

/* Cards, dropdowns, modals: a touch more rounded + softer shadow */
.card, .modal-content, .dropdown-menu, .menu-dropdown {
  border-radius: 1rem !important;
}
[data-bs-theme="dark"] .card {
  box-shadow: 0 1px 0 rgba(255,255,255,.03), 0 12px 32px -18px rgba(0,0,0,.6);
}

/* Buttons: gradient CTA + smooth transitions */
.btn, .menu-link, a.dropdown-item {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.btn:active { transform: translateY(1px); }
.btn-primary {
  background: linear-gradient(135deg, var(--gaxis-accent-a) 0%, var(--gaxis-accent-b) 100%) !important;
  border-color: transparent !important;
  color: #06131F !important;
  font-weight: 600;
  transition: background-color .18s ease, box-shadow .18s ease, transform .15s ease;
}
[data-bs-theme="dark"] .btn-primary { color: #06131F !important; }
[data-bs-theme="light"] .btn-primary, :root .btn-primary { color: #ffffff !important; }
.btn-primary:hover, .btn-primary:focus {
  box-shadow: 0 4px 14px -4px rgba(34, 211, 238, .35);
}
.btn-light-primary:hover, .btn-clipboard-copy:hover {
  box-shadow: 0 4px 12px -4px rgba(34, 211, 238, .25);
}

/* ─── Login page ─────────────────────────────────────────────── */
body.app-blank {
  background: #0B0D12;
}
[data-bs-theme="dark"] body.app-blank,
body.app-blank {
  background:
    radial-gradient(640px circle at 12% 15%, rgba(34, 211, 238, .14), transparent 60%),
    radial-gradient(720px circle at 88% 85%, rgba(37, 99, 235, .16), transparent 60%),
    #0B0D12;
}
[data-bs-theme="light"] body.app-blank {
  background:
    radial-gradient(640px circle at 12% 15%, rgba(37, 99, 235, .06), transparent 60%),
    radial-gradient(720px circle at 88% 85%, rgba(34, 211, 238, .06), transparent 60%),
    #F7F9FC;
}
body.app-blank .bg-body.rounded.shadow-sm {
  border-radius: 1.25rem !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, .12), 0 24px 60px -24px rgba(0,0,0,.55), 0 0 48px -12px rgba(34, 211, 238, .18) !important;
}
body.app-blank img[alt="Logo"] {
  filter: drop-shadow(0 0 22px rgba(34, 211, 238, .35));
}
body.app-blank h1 {
  font-weight: 700;
  letter-spacing: .01em;
}
body.app-blank .col-7 h1::after {
  content: "Transfer securizat de fișiere";
  display: block;
  margin-top: .35rem;
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: .01em;
  opacity: .65;
}
body.app-blank #sign_in_submit {
  padding: .85rem 1.5rem;
  font-size: 1rem;
  letter-spacing: .01em;
}

/* ─── Sidebar ────────────────────────────────────────────────── */
.app-sidebar-logo img.app-sidebar-logo-default {
  filter: drop-shadow(0 0 10px rgba(34, 211, 238, .3));
}
.text-sidebar {
  font-weight: 700 !important;
  letter-spacing: .01em;
}

/* ─── Toolbar: Upload = acțiune principală, New Folder = secundară ─ */
.card-toolbar .btn { font-weight: 600; }
.card-toolbar .btn-primary {
  font-weight: 700;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (max-width: 576px) {
  .card-toolbar .d-flex.justify-content-end {
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
  }
  .card-toolbar .btn {
    flex: 1 1 auto;
    justify-content: center;
  }
}

/* ─── File list: gentle row hover ───────────────────────────── */
.card-body table tbody tr:hover {
  background-color: rgba(34, 211, 238, .09);
  transition: background-color .15s ease;
}

/* ─── Footer: ascunde versiunea SFTPGo (vizual, doar CSS) ──────── */
#kt_app_footer {
  display: none !important;
}

/* ─── Upload dropzone: drag feedback + animated progress bar ──── */
.dropzone {
  border: 2px dashed var(--bs-border-color);
  border-radius: 1rem;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.dropzone.dz-drag-hover {
  border-color: var(--bs-primary);
  background-color: rgba(34, 211, 238, .05);
  box-shadow: 0 0 0 4px rgba(34, 211, 238, .15);
}
.dropzone .dz-progress {
  background: rgba(120, 130, 157, .25);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}
.dropzone .dz-progress .dz-upload {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gaxis-accent-a), var(--gaxis-accent-b));
  background-size: 200% 100%;
  animation: gaxisProgressShine 1.4s linear infinite;
  transition: width .2s ease;
}
@keyframes gaxisProgressShine {
  0% { background-position: 0 0; }
  100% { background-position: 200% 0; }
}
.dropzone .dz-error-message {
  color: var(--bs-danger);
  font-size: .8rem;
  margin-top: .25rem;
}