/* --- 1. GLOBAL RESET & LAYOUT --- */
#inner_wrapper, #background {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}
#background { filter: blur(0px) !important; }

/* --- 2. UNIVERSAL DARK PANELS (ROUNDED) --- */
/* Increased border-radius here for the main service cards */
.service-card, .service, .information-widget-search input,
[class*="bg-white/5"], [class*="bg-theme-100/20"] {
    background-color: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important; /* Increased from default */
    backdrop-filter: none !important;
}

/* --- 3. UNIVERSAL WHITE TEXT --- */
.service-name, .service-description, .service-group-name, .text-theme-900, 
.text-theme-800, .text-theme-700, [id^="headlessui-disclosure-button"] h2,
#information-widgets span, #information-widgets div, #information-widgets svg {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9) !important;
}

/* --- 4. TOP WIDGET & HEADER SPECIAL STYLING --- */
/* Made the top pill even more rounded to match the cards */
#information-widgets {
    background-color: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    padding: 10px 25px !important;
    border-radius: 30px !important; /* Pill-shaped */
    margin-bottom: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.service-group-name {
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* --- 5. INTERNAL STATUS BLOCKS (The Grey Boxes) --- */
/* Slightly rounded these to complement the outer containers */
.service-block, [class*="bg-theme-200/50"], [class*="dark:bg-theme-900/20"] {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border-radius: 10px !important; /* Rounded inner blocks */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(2px) !important;
    transition: background 0.2s ease;
}
.service-block:hover { background-color: rgba(255, 255, 255, 0.35) !important; }

/* --- 6. SECONDARY TEXT & ICONS --- */
.text-xs.text-theme-500, .dark\:text-theme-300, [class*="placeholder-theme-"] {
    color: rgba(255, 255, 255, 0.7) !important;
}

[id^="headlessui-disclosure-button"] svg {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* --- 7. BOOKMARKS ROUNDING --- */
/* Added specific rounding for the bookmark icons if you are using them */
.bookmark-group a {
    border-radius: 12px !important;
}