/* Icon styles for dock/app icons */
.app-icon {
	width: 72px;
	height: 72px;
	display: block;
	border-radius: 16px;
	transition: transform 0.14s ease, filter 0.14s ease;
}

.dock-icon .app-icon {
	width: 72px;
	height: 72px;
}

.dock-icon:hover .app-icon {
	transform: translateY(-6px) scale(1.03);
	filter: drop-shadow(0 12px 24px rgba(0,0,0,0.25));
}

.dock-icon .dock-label { display:block; text-align:center; margin-top:8px; font-size:12px; letter-spacing:0.18em; }

/* Small variant */
.dock-icon.mid .app-icon { width: 64px; height: 64px; }


/* Jukebox window styles */
.jukebox-root { position: relative; }
.jukebox-window {
	width: 500px;
	max-width: 90%;
	height: 600px;
	max-height: 80%;
	background: linear-gradient(180deg, rgba(20,20,20,0.98), rgba(12,12,12,0.96));
	color: #e8e8e8;
	border-radius: 10px;
	box-shadow: 0 18px 48px rgba(0,0,0,0.6), 0 6px 18px rgba(0,0,0,0.45);
	overflow: hidden;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	user-select: none;
}
.jukebox-header {
	height: 34px;
	background: linear-gradient(180deg, rgba(30,30,30,0.95), rgba(24,24,24,0.9));
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding: 0 8px;
	font-weight:600;
	font-size:13px;
}
.jukebox-handle { cursor: grab; padding: 4px 8px; }
.jukebox-actions button { background:transparent; border:none; color:#ddd; font-size:16px; padding:4px 8px; cursor:pointer; }
.jukebox-body { padding:12px; display:flex; flex-direction:column; gap:8px; }
.jukebox-body .jukebox-track { font-size:13px; color:#cfcfcf; opacity:0.95; }
.jukebox-window.minimized { height: 34px; width: 200px; overflow: visible; }
.jukebox-window.minimized .jukebox-body { display:none; }
.jukebox-window:focus { outline: none; }