/* ===== Reset & Base ===== */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none; /* empêche le rebond élastique iOS/Android */
    background: #030812;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Allow scrolling on admin pages */
body.app-mode {
    overflow: auto;
}

/* ===== Dashboard pod table ===== */
.pod-table .mud-table-row {
    border-bottom: 1px solid #1e293b !important;
}

.pod-table .mud-table-row:hover {
    background: rgba(108, 99, 255, 0.05) !important;
}

.pod-table .mud-table-head .mud-table-cell {
    background: #0d1117 !important;
    border-bottom: 1px solid #1e293b !important;
}

.status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dot-green  { background: #4ade80; box-shadow: 0 0 6px #4ade8066; }
.dot-yellow { background: #fbbf24; box-shadow: 0 0 6px #fbbf2466; }
.dot-red    { background: #f87171; box-shadow: 0 0 6px #f8717166; animation: blink 1.5s infinite; }
.dot-gray   { background: #475569; }

@keyframes blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}

/* ===== MudBlazor dark theme overrides ===== */
.mud-nav-link {
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: background 0.2s !important;
}

.mud-nav-link:hover {
    background: rgba(108, 99, 255, 0.12) !important;
}

.mud-nav-link.active {
    background: rgba(108, 99, 255, 0.2) !important;
    color: #a5b4fc !important;
}

/* ===== Responsive admin layout ===== */
@media (max-width: 768px) {
    body.app-mode {
        overflow: auto;
    }
}