/* Desktop utilities belong to the same acrylic plane as Overview and Areas. */
.desktop-glass-dialog {
  --area-header-accent: var(--workspace-accent);
  --state-tone: var(--workspace-accent);
  color: var(--sd-glass-text) !important;
  border: 1px solid var(--sd-glass-edge) !important;
  border-radius: 0 !important;
  corner-shape: square !important;
  background: var(--sd-glass-face) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28), inset 0 1px var(--sd-glass-highlight), inset 1px 0 var(--sd-glass-edge-soft) !important;
  backdrop-filter: blur(23px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(23px) saturate(1.08) !important;
}
.project-editor-window.desktop-glass-dialog { --area-header-accent: var(--violet); --state-tone: var(--violet); }
.desktop-glass-dialog :is(button,input,textarea,select,label,section,header,footer,.import-tree>span,.package-content-row>span) {
  border-radius: 0 !important;
  corner-shape: square !important;
}
.desktop-glass-dialog :is(.package-titlebar,.project-editor-titlebar) {
  position: static;
  flex: 0 0 auto;
  background: color-mix(in srgb,var(--area-header-accent) 10%,transparent) !important;
  border-bottom: 1px solid var(--sd-glass-groove);
  box-shadow: none;
  backdrop-filter: none;
}
.package-overlay { background: rgba(1,5,9,.38); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); }
body[data-theme="light"] .package-overlay { background: rgba(36,53,64,.22); }
.package-window.desktop-glass-dialog {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 40px);
  overflow: hidden;
}
.package-window :is(.package-composer,.import-preview) {
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--sd-glass-groove) transparent;
}
.package-window :is(.package-composer,.import-preview)[hidden] { display: none; }
.package-window :is(.package-panel,.import-map,.import-hero,.import-grid section,.import-tree>span) {
  border-color: var(--sd-glass-groove) !important;
  background: var(--sd-glass-face-deep) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}
.package-window :is(.package-panel>header,.import-map>header,.package-content-row,.package-actions) { border-color: var(--sd-glass-groove); }
.package-window .import-tree { background: var(--sd-glass-groove); }
.package-window :is(.package-mark,.package-content-row>span:nth-child(2),.safety-shield,.import-file-icon) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.package-window :is(.package-mark,.package-size,.package-mode-switch svg,.package-primary svg,.import-count) { color: var(--workspace-accent); }
.package-window .package-size { background: color-mix(in srgb,var(--workspace-accent) 9%,transparent); }
.package-window :is(small,p,.package-actions>span>svg) { color: var(--sd-glass-muted); }
.package-window :is(.package-intro small,.package-mode-switch small,.package-content-row small,.package-safety p,.package-safety ul,.package-actions small,.import-hero p,.import-grid small) { font-size: 11px; line-height: 1.45; }
.package-window :is(.package-content-row b,.package-mode-switch b,.package-secondary,.package-primary,.package-actions b,.import-grid b,.package-panel>header>button,.safety-details,.import-map header button) { font-size: 12px; }
.package-window .package-mode-switch button { position: relative; }
.package-window button:not(.control-push):not(.control-toggle) {
  color: var(--sd-glass-text);
  background: transparent;
  box-shadow: none;
  transform: none !important;
}
.package-window button:not(.control-push):not(.control-toggle):hover { background: var(--sd-glass-hover); }
.package-window button:not(.control-push):not(.control-toggle):active { background: var(--sd-glass-down); transition-duration: 8ms; }
.package-window .package-primary { color: var(--sd-glass-text); font-weight: 750; }
.package-window .package-content-row input { min-height: 0; accent-color: var(--workspace-accent); }
.desktop-glass-dialog :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
  color: var(--sd-glass-text);
  background: var(--sd-glass-face-deep) !important;
  border: 1px solid var(--sd-glass-groove);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.12), inset 0 -1px var(--sd-glass-edge-soft);
}
@media(max-width:620px) {
  .package-overlay { padding: 8px; }
  .package-window.desktop-glass-dialog { max-height: calc(100dvh - 16px); }
  .package-columns { grid-template-columns: minmax(0,1fr); }
  .package-mode-switch { grid-template-columns: minmax(0,1fr); }
  .package-mode-switch button { min-height: 48px; }
  .import-hero { grid-template-columns: 38px minmax(0,1fr); }
  .import-trust { grid-column: 2; }
  .import-grid { grid-template-columns: minmax(0,1fr); }
  .package-actions { flex-wrap: wrap; }
}