/* ============================================================
   SeaOwl — GNOME Shell theme
   ----------------------------------------------------------------
   Minimal re-skin of the GNOME Shell — the top panel, Activities
   overview, app grid, search, and notification banners. Keeps the
   stock geometry and animation; only retunes colour + focus so the
   whole desktop matches the SeaOwl brand cyan.

     - Top panel              (deep navy, no gradient)
     - Overview + workspaces  (cool dark navy base)
     - App grid + search      (navy surfaces, cyan focus ring)
     - Message tray           (elevated navy with cyan accents)

   Install: drop into ~/.themes/SeaOwl/gnome-shell/gnome-shell.css
   Source:  github.com/rosnovsky/seaowl
   ============================================================ */

stage {
  color: #cce8e5;
  font-family: Inter, Cantarell, sans-serif;
}

#panel {
  background-color: #0b0e17;
  border-bottom: 1px solid #1e2a38;
}

#panel .panel-button {
  color: #cce8e5;
}

#panel .panel-button:hover,
#panel .panel-button:focus {
  background-color: #1e2a38;
  color: #2dd4bf;
}

#panel .panel-button:active,
#panel .panel-button:checked {
  background-color: #1a3040;
  color: #2dd4bf;
}

#overview,
#overviewGroup {
  background-color: #0b0e17;
}

.workspace-thumbnail {
  background-color: #0f1420;
  border: 1px solid #1e2a38;
}

.workspace-thumbnail:hover {
  border-color: #2dd4bf;
}

.search-entry {
  background-color: #0f1420;
  color: #cce8e5;
  border: 1px solid #1e2a38;
  border-radius: 8px;
  caret-color: #2dd4bf;
  selection-background-color: rgba(45, 212, 191, 0.30);
  selected-color: #cce8e5;
}

.search-entry:focus {
  border-color: #2dd4bf;
  box-shadow: 0 0 0 2px rgba(45, 212, 191, 0.35);
}

.search-section-content {
  background-color: #0f1420;
  color: #cce8e5;
  border-radius: 8px;
}

.search-provider-icon:hover,
.list-search-result:hover,
.list-search-result:focus {
  background-color: #1e2a38;
  color: #2dd4bf;
}

.app-grid {
  background-color: transparent;
}

.icon-grid .overview-icon,
.app-well-app .overview-icon {
  color: #cce8e5;
}

.app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon {
  background-color: #1e2a38;
  color: #2dd4bf;
}

.dash-background {
  background-color: #111827;
  border: 1px solid #1e2a38;
  border-radius: 14px;
}

.dash-item-container .app-well-app:focus .overview-icon {
  background-color: #1a3040;
}

.notification-banner,
.message {
  background-color: #111827;
  color: #cce8e5;
  border: 1px solid #1e2a38;
  border-radius: 10px;
}

.notification-banner .notification-title,
.message .message-title {
  color: #2dd4bf;
}

.notification-banner.urgent,
.message.urgent {
  border-color: #f87171;
}

.modal-dialog,
.popup-menu-content {
  background-color: #111827;
  color: #cce8e5;
  border: 1px solid #1e2a38;
  border-radius: 10px;
}

.popup-menu-item:hover,
.popup-menu-item:focus {
  background-color: #1e2a38;
  color: #2dd4bf;
}

.popup-menu-item:active,
.popup-menu-item.selected {
  background-color: #1a3040;
  color: #2dd4bf;
}

.switcher-list {
  background-color: #111827;
  border: 1px solid #1e2a38;
  border-radius: 10px;
}

.switcher-list .item-box:selected {
  background-color: #1a3040;
  color: #2dd4bf;
}

/* End. */