/* UptimeChecker.WebUI/wwwroot/css/site.css */

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: #0f111a;
    color: #e1e1e1;
    margin-bottom: 60px;
}

.navbar {
    background-color: #1a1d29 !important;
    border-bottom: 1px solid #2d3248;
}

.card {
    background-color: #1a1d29;
    border: 1px solid #2d3248;
}

.footer {
    background-color: #0f111a;
    border-top: 1px solid #2d3248;
}

.status-dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}




/* Focus Ring: Beyaz yerine primary rengin yarı saydam hali */
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-color: #0d6efd;
}

/* Floating Label Düzeltmesi */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: #0d6efd;
}

/* Özel Scrollbar (Karanlık Mod İçin) */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0f111a;
}

::-webkit-scrollbar-thumb {
    background: #2d3248;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3d4461;
}


.uptime-bar-item {
    min-width: 5px;
    max-width: 25px;
    height: 30px;
    border-radius: 3px;
    transition: transform 0.2s;
    /* Opacity yerine direkt renk görünürlüğü */
    display: block;
}

.uptime-bar-item:hover {
    transform: scaleY(1.2);
    opacity: 1 !important;
}