/*
 * Branding Fintree para SFTPGo.
 * Paleta extraída del logo corporativo.
 */
:root {
  --fintree-green: #009245;
  --fintree-green-light: #22b573;
  --fintree-teal: #00a99d;
  --fintree-teal-dark: #007f76;
  --fintree-gray: #666666;
  --bs-primary: #009245;
  --bs-primary-rgb: 0, 146, 69;
}

/* El logo ya incluye el nombre: ocupa el ancho completo y oculta el duplicado. */
.row.align-items-center:has(img[alt="Logo"]) > .col-5 {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.row.align-items-center:has(img[alt="Logo"]) > .col-7 {
  display: none;
}

img[alt="Logo"] {
  width: min(100%, 330px);
  height: auto !important;
  max-height: 120px;
  object-fit: contain;
}

/* El logo horizontal ya contiene la palabra Fintree. */
.app-sidebar-logo .text-sidebar {
  display: none !important;
}

/* Acciones principales en verde corporativo. */
.btn-primary {
  --bs-btn-bg: var(--fintree-green);
  --bs-btn-border-color: var(--fintree-green);
  --bs-btn-hover-bg: var(--fintree-green-light);
  --bs-btn-hover-border-color: var(--fintree-green-light);
  --bs-btn-active-bg: var(--fintree-teal-dark);
  --bs-btn-active-border-color: var(--fintree-teal-dark);
  --bs-btn-disabled-bg: var(--fintree-green);
  --bs-btn-disabled-border-color: var(--fintree-green);
  background-color: var(--fintree-green) !important;
  border-color: var(--fintree-green) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--fintree-green-light) !important;
  border-color: var(--fintree-green-light) !important;
}

.btn-primary:active {
  background-color: var(--fintree-teal-dark) !important;
  border-color: var(--fintree-teal-dark) !important;
}

/* Sustituye el azul de controles, navegación e iconos por la paleta Fintree. */
.text-primary,
.text-hover-primary:hover {
  color: var(--fintree-green) !important;
}

.bg-primary,
.badge-primary,
.page-item.active .page-link {
  background-color: var(--fintree-green) !important;
  border-color: var(--fintree-green) !important;
}

.btn-light-primary,
.badge-light-primary {
  color: var(--fintree-green) !important;
  background-color: rgb(0 146 69 / 12%) !important;
  border-color: transparent !important;
}

.btn-light-primary:hover,
.btn-active-light-primary:hover {
  color: #fff !important;
  background-color: var(--fintree-green) !important;
}

/* Carpetas en turquesa corporativo, diferenciadas de las acciones verdes. */
.ki-folder.text-primary,
.ki-folder.text-primary .path1,
.ki-folder.text-primary .path2,
.ki-add-folder,
.ki-add-folder .path1,
.ki-add-folder .path2 {
  color: var(--fintree-teal) !important;
}

a,
.link-primary {
  color: var(--fintree-teal) !important;
}

a:hover,
.link-primary:hover {
  color: var(--fintree-green-light) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--fintree-green-light);
  box-shadow: 0 0 0 0.2rem rgb(0 146 69 / 20%);
}