/* ==================== QUICK LAUNCH LOGOS ==================== */

.app-icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
    text-align: center;
}

/* YouTube Logo - Official YouTube logo */
.app-icon.youtube {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/0/09/YouTube_full-color_icon_%282017%29.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* ChatGPT Logo */
.app-icon.chatgpt {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/0/04/ChatGPT_logo.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* Gemini Logo - Google Gemini logo */
.app-icon.gemini {
    background-image: url("https://www.gstatic.com/lamda/images/gemini_sparkle_v002_d4735304ff6292a690345.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* W3Schools Logo - Official W3Schools logo */
.app-icon.w3schools {
    background-image: url("https://www.w3schools.com/favicon.ico");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* Chrome Logo - Official Google Chrome logo */
.app-icon.newtab {
    background-image: url("https://www.google.com/chrome/static/images/chrome-logo.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* Home Logo - Simple house icon */
.app-icon.home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* Ask AI Logo - Simple chat bubble icon */
.app-icon.askai {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

/* Admin Panel Logo - Settings gear icon */
.app-icon.adminpanel {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236B7280' d='M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97c0-.33-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1c0 .33.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.66Z'/%3E%3C/svg%3E");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}