/* Icon Styles - Color theme for 2D icons */

/* Taskbar icons */
.app-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: color 0.2s;
}

.app-icon svg {
    width: 24px;
    height: 24px;
}

.app-btn:hover .app-icon,
.app-btn.active .app-icon {
    color: var(--text-primary);
}

/* Window control buttons */
.window-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.window-btn svg {
    width: 14px;
    height: 14px;
}

.window-btn.close-btn {
    color: #e1e483;
}

.window-btn.close-btn:hover {
    background: rgba(225, 228, 131, 0.2);
}

.window-btn.minimize-btn,
.window-btn.maximize-btn {
    color: #61c080;
}

.window-btn.minimize-btn:hover,
.window-btn.maximize-btn:hover {
    background: rgba(97, 192, 128, 0.2);
}

/* Window icon in title bar */
.window-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
}

.window-icon svg {
    width: 18px;
    height: 18px;
}

/* Taskbar window buttons */
.taskbar-window-btn .tw-icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
}

.taskbar-window-btn .tw-icon svg {
    width: 16px;
    height: 16px;
}

.taskbar-window-btn.active .tw-icon {
    color: var(--accent);
}

/* Stat card icons */
.stat-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 12px;
}

.stat-icon svg {
    width: 28px;
    height: 28px;
}

.stat-icon.venues {
    background: rgba(225, 228, 131, 0.15);
    color: var(--accent);
}

.stat-icon.screens {
    background: rgba(97, 192, 128, 0.15);
    color: #61c080;
}

.stat-icon.playlists {
    background: rgba(225, 228, 131, 0.15);
    color: #e1e483;
}

.stat-icon.schedules {
    background: rgba(100, 149, 237, 0.15);
    color: #6495ed;
}

/* Action button icons */
.btn-icon {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.btn-icon svg {
    width: 18px;
    height: 18px;
}

/* Icon buttons in lists/cards */
.icon-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    color: var(--text-secondary);
    transition: all 0.2s;
}

.icon-btn svg {
    width: 18px;
    height: 18px;
}

.icon-btn:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

.icon-btn.add:hover {
    color: #61c080;
}

.icon-btn.edit:hover {
    color: #e1e483;
}

.icon-btn.delete:hover {
    color: var(--accent);
}

.icon-btn.view:hover {
    color: #6495ed;
}

/* Status icons */
.status-icon {
    width: 12px;
    height: 12px;
}

.status-icon svg {
    width: 12px;
    height: 12px;
}

.status-icon.online {
    color: #61c080;
}

.status-icon.offline {
    color: var(--text-muted);
}

/* Item type icons */
.item-type-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: 8px;
    color: var(--text-secondary);
}

.item-type-icon svg {
    width: 24px;
    height: 24px;
}

.item-type-icon.image {
    color: #61c080;
}

.item-type-icon.video {
    color: #e1e483;
}

.item-type-icon.folder {
    color: #6495ed;
}