/* ======================================================== */
/* 1. CLEAN SLATE: REMOVALS                                 */
/* ======================================================== */

/* Hide past incidents, history links, and default footer */
.incidents-list, 
#past-incidents, 
.history-footer-link, 
.footer, 
.statuspage-footer {
    display: none !important;
}

/* ======================================================== */
/* 2. TEXT REPLACEMENT: ALL SERVICES OPERATIONAL             */
/* ======================================================== */

.page-status .status {
    visibility: hidden;
    position: relative;
    font-weight: 600 !important;
    letter-spacing: -0.02em;
}

.page-status .status::after {
    content: "All Services Operational";
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: inherit;
}

/* ======================================================== */
/* 3. PROFESSIONAL POLISH & UI ENHANCEMENTS                 */
/* ======================================================== */

/* Use a modern, high-end font stack */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    background-color: #f9fafb !important; /* Slightly softer grey background */
    -webkit-font-smoothing: antialiased;
}

/* Style the top status banner */
.page-status {
    border-radius: 12px !important;
    padding: 25px 20px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}



/* Remove the default ugly lines between components */
.component-container {
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 15px 20px !important;
}

.component-container:last-child {
    border-bottom: none !important;
}

/* Clean up component names */
.component-name {
    font-weight: 500 !important;
    color: #111827 !important;
}