/* Apple Logo */
.apple-logo { width: 16px; height: 16px; fill: currentColor; cursor: pointer; }

/* Apple Menu Dropdown */
.apple-dropdown {
  position: fixed; top: 28px; left: 12px; z-index: 1001; min-width: 220px;
  background: rgba(255,255,255,0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0,0,0,0.08); border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,0.25);
  padding: 4px 0; font-size: 13px; color: #1a1a1a; overflow: hidden;
}
.apple-dropdown.hidden { display: none; }
.apple-dropdown-item { padding: 4px 16px; cursor: pointer; display: flex; justify-content: space-between; }
.apple-dropdown-item:hover { background: var(--accent); color: white; }
.apple-dropdown-item .shortcut { color: #888; font-size: 12px; }
.apple-dropdown-item:hover .shortcut { color: rgba(255,255,255,0.8); }
.apple-dropdown-separator { height: 1px; background: rgba(0,0,0,0.1); margin: 4px 0; }

/* Spotlight */
.spotlight-overlay {
  position: fixed; inset: 0; z-index: 9997; background: rgba(0,0,0,0.3);
  display: flex; align-items: flex-start; justify-content: center; padding-top: 120px;
  opacity: 0; pointer-events: none; transition: opacity 0.2s;
}
.spotlight-overlay.active { opacity: 1; pointer-events: all; }
.spotlight-bar {
  width: 560px; max-width: 90vw; background: rgba(255,255,255,0.92); backdrop-filter: blur(20px);
  border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,0.4); overflow: hidden;
}
.spotlight-input-wrap { display: flex; align-items: center; padding: 14px 16px; gap: 10px; }
.spotlight-input-wrap svg { width: 22px; height: 22px; color: #888; }
.spotlight-input { border: none; outline: none; background: transparent; font-size: 18px; flex: 1; font-family: inherit; }
.spotlight-results { border-top: 1px solid rgba(0,0,0,0.06); max-height: 320px; overflow: auto; }
.spotlight-result { padding: 10px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.spotlight-result:hover { background: var(--accent); color: white; }
.spotlight-result .icon { font-size: 24px; }
.spotlight-result .name { font-size: 14px; }
.spotlight-empty { padding: 16px; text-align: center; color: #888; font-size: 13px; }

/* Launchpad */
.launchpad-overlay {
  position: fixed; inset: 0; z-index: 9996; background: rgba(0,0,0,0.75); backdrop-filter: blur(20px);
  display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.2s;
}
.launchpad-overlay.active { opacity: 1; pointer-events: all; }
.launchpad-close { position: absolute; top: 20px; right: 24px; color: rgba(255,255,255,0.7); font-size: 24px; cursor: pointer; }
.launchpad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 28px; max-width: 700px; padding: 40px; }
.launchpad-app { display: flex; flex-direction: column; align-items: center; gap: 8px; cursor: pointer; transition: transform 0.15s; }
.launchpad-app:hover { transform: scale(1.1); }
.launchpad-icon { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.launchpad-name { color: white; font-size: 12px; text-shadow: 0 1px 3px rgba(0,0,0,0.5); text-align: center; }