/* DeskPane - Windows 7 inspired theme
 *
 * Demo-local showcase theme; this file is not bundled as a DeskPane core theme.
 * Core DeskPane defaults and DOM class names remain unchanged.
 */
:root {
  --dp-window-bg:                   linear-gradient(rgba(232, 244, 255, 0.94), rgba(176, 213, 250, 0.82));
  --dp-window-border:               rgba(92, 154, 229, 0.78);
  --dp-window-border-active:        rgba(72, 139, 222, 0.98);
  --dp-window-shadow:               0 7px 22px rgba(0, 20, 70, 0.30), inset 0 0 0 1px rgba(255, 255, 255, 0.48);
  --dp-window-shadow-active:        0 10px 30px rgba(0, 20, 70, 0.46), inset 0 0 0 1px rgba(255, 255, 255, 0.62);
  --dp-window-header-bg:            transparent;
  --dp-window-header-border:        transparent;
  --dp-window-title-color:          #062b56;
  --dp-window-btn-color:            #164a84;
  --dp-window-btn-hover-bg:         linear-gradient(#f8fcff, #b8dafb);
  --dp-window-btn-close-hover-bg:   linear-gradient(#ffd1c4, #e47f62);
  --dp-window-btn-close-hover-color:#ffffff;
  --dp-window-body-bg:              #ffffff;
  --dp-window-body-color:           #111827;
  --dp-win7-body-border:            #8cb8ee;
  --dp-snap-guide-color:            rgba(65, 151, 236, 0.68);
  --dp-edge-snap-preview-bg:        rgba(145, 207, 255, 0.30);
  --dp-edge-snap-preview-border:    rgba(218, 243, 255, 0.92);
  --dp-edge-snap-preview-inner-border: rgba(50, 126, 207, 0.72);
  --dp-edge-snap-preview-radius:    7px;

  --dp-layout-header-bg:            linear-gradient(#f9fcff, #e5f0ff);
  --dp-layout-header-border:        #b8cef0;
  --dp-layout-title-color:          #073265;
  --dp-layout-btn-color:            #315c8e;
  --dp-layout-btn-hover-bg:         #d8eaff;
  --dp-layout-splitter-bg:          #b8cef0;
  --dp-layout-splitter-active:      #6ea8df;

  --dp-desktop-bg:                  linear-gradient(145deg, #3a9ada 0%, #1266b5 43%, #083c8a 100%);
  --dp-desktop-icon-text:           #ffffff;
  --dp-desktop-icon-hover-bg:       rgba(154, 213, 255, 0.24);
  --dp-dock-bg:                     linear-gradient(rgba(17, 83, 159, 0.84), rgba(3, 36, 101, 0.96));
  --dp-dock-backdrop-filter:        blur(12px) saturate(1.30);
  --dp-dock-border:                 rgba(190, 228, 255, 0.72);
  --dp-dock-item-hover-bg:          rgba(255, 255, 255, 0.22);
  --dp-font:                        "Segoe UI", Tahoma, Arial, sans-serif;

  --dp-menu-bg:                     linear-gradient(rgba(238, 247, 255, 0.96), rgba(185, 219, 250, 0.94));
  --dp-menu-color:                  #10233b;
  --dp-menu-border:                 rgba(64, 114, 172, 0.94);
  --dp-menu-shadow:                 0 10px 32px rgba(0, 25, 80, 0.45), inset 0 1px rgba(255, 255, 255, 0.80);
  --dp-menu-hover-bg:               linear-gradient(#eaf4ff, #cbe4ff);
  --dp-menu-hover-border:           #7fb8ee;
  --dp-menu-muted-color:            #4d6684;
  --dp-menu-separator:              #b9cce2;
  --dp-menu-radius:                 7px;
  --dp-start-menu-primary-bg:       #ffffff;
  --dp-start-menu-secondary-bg:     rgba(196, 224, 249, 0.72);
  --dp-start-menu-header-color:     #0d315f;
}

.dp-window {
  padding: 6px;
  border-width: 1px;
  border-radius: 7px;
  backdrop-filter: blur(10px) saturate(1.25);
  -webkit-backdrop-filter: blur(10px) saturate(1.25);
}

.dp-header {
  height: 30px;
  min-height: 30px;
  padding: 0 5px 0 8px;
  border: 0;
  border-radius: 4px 4px 0 0;
  font-weight: 700;
  text-shadow: 0 1px rgba(255, 255, 255, 0.78);
}

.dp-title {
  font-size: 14px;
}

.dp-body {
  border: 1px solid var(--dp-win7-body-border, #8cb8ee);
}

.dp-btn {
  width: 22px;
  height: 20px;
  margin-left: 1px;
  border: 1px solid rgba(80, 126, 184, 0.72);
  border-radius: 4px;
  background: linear-gradient(#e8f5ff, #9fc8f7);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.82);
}

.dp-btn:hover {
  border-color: rgba(54, 111, 181, 0.90);
}

.dp-btn.dp-btn-close {
  border-color: #bd593f;
  background: linear-gradient(#f7b19c, #d96b4e);
  color: #ffffff;
}

.dp-btn.dp-btn-close:hover {
  border-color: #a8412b;
}

.dp-window.dp-maximized {
  padding: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.dp-window.dp-maximized > .dp-header {
  border-radius: 0;
}

.dp-window.dp-maximized > .dp-body {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.dp-child-window > .dp-header::before {
  background: #4b91d7;
}

.dp-dock {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.24), 0 -1px 8px rgba(0, 28, 75, 0.28);
}

.dp-dock-item,
.dp-desktop-icon {
  border-radius: 3px;
}

.dp-desktop-icon-label,
.dp-dock-label {
  text-shadow: 0 1px 2px rgba(0, 30, 75, 0.92);
}