/* Scrollbar masquée */
::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }

/* Cards arrondies */
.service-card,
.bookmark-card {
    border-radius: 20px !important;
}

/* Top bar widgets */
.information-widget-resource,
.widget-container {
    background-color: rgba(58,58,58,0.2) !important;
    border-radius: 50px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    margin-top: 10px !important;
}

/* Group headers */
.service-group-name {
    color: rgba(255,255,255,0.35) !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* Service descriptions */
.service-description {
    color: #94a3b8 !important;
    font-size: 0.75rem !important;
}

/* Service name */
.service-name {
    color: rgba(245,245,245,0.85) !important;
    font-weight: 600 !important;
}

/* Group backgrounds */
#Media-services-group {
    background: rgba(245, 158, 11, 0.06) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    border-radius: 16px !important;
    padding: 10px !important;
}

#Addons-services-group {
    background: rgba(59, 130, 246, 0.06) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    border-radius: 16px !important;
    padding: 10px !important;
}

#Utils-services-group {
    background: rgba(6, 182, 212, 0.06) !important;
    border: 1px solid rgba(6, 182, 212, 0.3) !important;
    border-radius: 16px !important;
    padding: 10px !important;
}

#Music-services-group {
    background: rgba(139, 92, 246, 0.06) !important;
    border: 1px solid rgba(139, 92, 246, 0.3) !important;
    border-radius: 16px !important;
    padding: 10px !important;
}

#System-services-group {
    background: rgba(148, 163, 184, 0.04) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 16px !important;
    padding: 10px !important;
}

/* Resource bars gradient */
.information-widget-resource div[style*="width"] {
    background: linear-gradient(90deg, #4ade80 0%, #2dd4bf 40%, #3b82f6 75%, #b80fde 100%) !important;
    opacity: 0.40 !important;
    border-radius: 10px !important;
}