/* Softer professional File Services dashboard theme */
body.file-service-open .portal-view {
  --fs-bg: #111518;
  --fs-panel: #191e21;
  --fs-panel-2: #202629;
  --fs-line: #323a3e;
  --fs-text: #edf0f1;
  --fs-muted: #9ba5a8;
  --fs-neon: #d5001c;
  background: var(--fs-bg);
}

body.file-service-open .portal-sidebar {
  background: #151a1d;
  border-right: 1px solid #30373a;
  box-shadow: none;
}

body.file-service-open .portal-sidebar .gtf-logo-image {
  content: url("./assets/gtf-logo-dark-portal.png");
}

body.file-service-open .portal-main {
  background: #111518;
}

body.file-service-open .portal-topbar {
  background: #171c1f;
  border-color: #30373a;
}

body.file-service-open .form-section,
body.file-service-open .form-submit-row {
  background: #191e21;
  border-color: #323a3e;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

body.file-service-open input,
body.file-service-open select,
body.file-service-open textarea {
  background: #22282b;
  border-color: #3a4347;
  color: #edf0f1;
}

body.file-service-open input:focus,
body.file-service-open select:focus,
body.file-service-open textarea:focus {
  border-color: #d5001c;
  box-shadow: 0 0 0 2px rgba(213, 0, 28, .12);
}

body.file-service-open .vehicle-choice,
body.file-service-open .service-choice,
body.file-service-open .upload-zone {
  background: #202629;
  border-color: #363f43;
  box-shadow: none;
}

body.file-service-open .vehicle-choice:hover,
body.file-service-open .service-choice:hover,
body.file-service-open .upload-zone:hover,
body.file-service-open .vehicle-choice.selected,
body.file-service-open .service-choice.selected {
  border-color: #d5001c;
  box-shadow: none;
}

body.file-service-open .submit-request,
body.file-service-open .button-primary {
  background: #d5001c;
  border-color: #d5001c;
  box-shadow: none;
}

body.file-service-open .submit-request:hover,
body.file-service-open .button-primary:hover {
  background: #bb0018;
  transform: none;
}

body.file-service-open .file-service-sidebar-copy > div {
  background: #1c2225;
  border-color: #343c40;
}

body.file-service-open .file-service-sidebar-copy li b,
body.file-service-open .file-service-sidebar-copy > span,
body.file-service-open .preview-badge,
body.file-service-open .section-kicker,
body.file-service-open .form-section-title span {
  color: #e1263e;
}

@media (max-width: 860px) {
  body.file-service-open .portal-sidebar {
    border-top: 1px solid #30373a;
    box-shadow: none;
  }
}
