/*
KeepCloud SFTP Theme
*/

/* Main toolbar styling - light and clean */
.toolbar {
  background-color: #f6f6f7;
  border-bottom: 1px solid #e5e7eb;
}

.toolbar button {
  background-color: #f6f6f7;
  border-bottom-color: #f6f6f7;
  color: #475467;
}

.toolbar button.inactive {
  color: #6d7175;
}

.toolbar button.active {
  color: #019ee0;
  font-weight: 500;
}

/* Sidebar styling - clean white background */
#slidebar {
  background-color: #f6f6f7;
  border-right: 1px solid #e5e7eb;
}
` #slidebar i {
  border-bottom-color: #019ee0;
}

#slidebar a {
  color: #475467;
}

#slidebar a:hover {
  color: #019ee0;
}

/* Modal editor styling */
#modal-editor .file-path {
  border-color: #019ee0;
}

#modal-editor .modal-footer {
  background-color: #f6f6f7;
  color: #475467;
  border-top: 1px solid #e5e7eb;
}

/* Hover effects with KeepCloud azure */
.toolbar button.active:hover {
  background-color: #f0f9ff;
  border-bottom-color: #019ee0;
}

#slidebar i:hover {
  background-color: #f0f9ff;
  border-bottom-color: #019ee0;
}

/* History dropdown with soft colors */
#history .dropdown-menu {
  background-color: #ffffff;
  border-left-color: #019ee0;
  border: 1px solid #e5e7eb;
}

#history button {
  background-color: #019ee0;
  color: #ffffff;
}

#history ul li:hover {
  background-color: #f0f9ff;
}

/* Breadcrumb styling - very light */
#breadcrumb {
  background-color: #f9fafb;
}

#modal-editor .file-path {
  background-color: #ffffff;
}

/* File selection styling with subtle azure accent */
#files .ui-selecting,
#files .ui-selected {
  background-color: #f0f9ff;
}

#files .ui-selecting:first-child,
#files .ui-selected:first-child {
  border-top-color: #f0f9ff;
}

/* File icons with softer KeepCloud colors */
#files td.icon .fa-folder,
#files td.icon .fa-level-up {
  color: #019ee0;
}

#files td.icon i {
  color: #6d7175;
}

#modal-transfers .icon i {
  color: #6d7175;
}

/* Dropdown hover effects */
.dropdown-menu li a:hover,
.dropdown-menu .active a:hover {
  background-color: #019ee0;
}

.toolbar .logo {
  background-color: #ffffff;
  background: url("logo_flat.png") no-repeat center center;
  background-size: 220px 50px;
  height: 50px;
  width: 220px;
}

@media (max-width: 1000px) {
  .toolbar .logo {
    background-color: #ffffff;
    background: url("logo_flat.png") no-repeat center center;
    background-size: 150px [cp18h];
    background-position: -26px;
    width: 29px;
  }
}

#modal-editor .modal-footer .logo {
  background: url("logo_flat.png") no-repeat center center;
  background-size: 100px 23px;
  height: 23px;
  width: 100px;
}

@media (max-width: 1000px) {
  #modal-editor .modal-footer .logo {
    background: url("logo_flat.png") no-repeat center center;
    background-size: 100px 23px;
    background-position: -17px;
    width: 23px;
  }
}

/* Additional KeepCloud styling - soft and professional */
.label-warning {
  background-color: #019ee0;
  color: #ffffff;
}

.btn-primary {
  background-color: #019ee0;
  color: #ffffff;
  border: none;
}

.btn-primary:hover {
  background-color: #0284c7;
}

/* Enhanced form styling */
.form-control:focus {
  border-color: #019ee0;
  box-shadow: 0 0 0 0.2rem rgba(1, 158, 224, 0.15);
}

/* Progress bars */
.progress-bar {
  background-color: #019ee0;
}

/* Alert styling */
.alert-info {
  background-color: #f0f9ff;
  border-color: #019ee0;
  color: #475467;
}

/* Additional UI improvements */
.modal-header {
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #019ee0;
  color: #019ee0;
}

/* File table styling */
#files tbody tr:hover {
  background-color: #f9fafb;
}

/* Button secondary styling */
.btn-secondary {
  background-color: #f6f6f7;
  border-color: #e5e7eb;
  color: #475467;
}

.btn-secondary:hover {
  background-color: #f0f9ff;
  border-color: #019ee0;
}