/* Deep Purple & Light Blue Theme - Rounded & Spacious */

/* Dark background */
body,
#app,
.dashboard {
  background-color: #1a1025 !important;
}

/* Header/toolbar */
header,
#nav,
nav,
.action-bar {
  background-color: #2d1b4e !important;
  color: #a8d8ea !important;
}

/* Sidebar */
#sidebar,
.sidebar {
  background-color: #231538 !important;
  padding: 8px !important;
}

/* Sidebar menu items */
nav button.action {
  border-radius: 8px !important;
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#sidebar a:hover,
#sidebar button:hover {
  background-color: #3d2a5c !important;
}

/* Top bar buttons */
header button,
header .action,
.action-bar button {
  border-radius: 10px !important;
  margin: 2px !important;
}

header button:hover,
.action-bar button:hover {
  background-color: #8b5fcf !important;
}

/* General buttons */
button,
.button,
input[type="submit"] {
  background-color: #6b3fa0 !important;
  color: #e0f0ff !important;
  border: 1px solid #7b68ee !important;
  border-radius: 10px !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
  background-color: #8b5fcf !important;
  color: #ffffff !important;
}

/* Links */
a,
a:visited {
  color: #87ceeb !important;
}

a:hover {
  color: #b0e0ff !important;
}

/* File listing items */
.listing .item {
  background-color: #231538 !important;
  border-bottom: 1px solid #3d2a5c !important;
  border-radius: 8px !important;
  margin: 3px 0 !important;
}

.listing .item:hover {
  background-color: #2d1b4e !important;
}

/* Card/grid view items */
.listing.mosaic .item {
  border-radius: 12px !important;
  margin: 6px !important;
  overflow: hidden;
}

/* Text colors */
body,
.listing .item .name,
.listing .item .size,
.listing .item .modified,
p,
span,
div {
  color: #c8d8e8 !important;
}

/* Breadcrumb */
.breadcrumbs a,
.breadcrumbs span {
  color: #87ceeb !important;
}

/* Modal/dialog */
.card,
.card-content,
.modal,
.prompt {
  background-color: #2d1b4e !important;
  color: #c8d8e8 !important;
  border: 1px solid #6b3fa0 !important;
  border-radius: 14px !important;
}

/* Dropdown menus */
.dropdown,
.dropdown-content,
ul.dropdown-content {
  background-color: #2d1b4e !important;
  border-radius: 10px !important;
  overflow: hidden;
}

.dropdown-content li,
.dropdown-content a {
  padding: 8px 14px !important;
  margin: 2px 4px !important;
  border-radius: 6px !important;
}

.dropdown-content li:hover,
.dropdown-content a:hover {
  background-color: #3d2a5c !important;
}

/* Input fields */
input,
textarea,
select {
  background-color: #1a1025 !important;
  color: #c8d8e8 !important;
  border: 1px solid #6b3fa0 !important;
  border-radius: 8px !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #1a1025;
}

::-webkit-scrollbar-thumb {
  background: #6b3fa0;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8b5fcf;
}

/* Selection highlight */
.listing .item.selected {
  background-color: #3d2a5c !important;
  border-left: 3px solid #87ceeb !important;
}

/* Upload/progress bar */
.progress-bar,
.upload-bar {
  background-color: #6b3fa0 !important;
  border-radius: 8px !important;
}

/* Icons */
.item i,
.item .material-icons {
  color: #87ceeb !important;
}

/* Login page */
#login,
.login {
  background-color: #1a1025 !important;
}

#login input,
.login input {
  background-color: #231538 !important;
  border: 1px solid #6b3fa0 !important;
  color: #c8d8e8 !important;
  border-radius: 8px !important;
}

#login .card,
.login .card {
  border-radius: 14px !important;
  background-color: #2d1b4e !important;
}