/* ------------------------------
   BASE TYPOGRAPHY
------------------------------ */
html, body {
    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
    background-color: #f5f7fb;
    color: #1f2937;
}

/* ------------------------------
   LINKS
------------------------------ */
a, .btn-link {
    color: #2563eb;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

/* ------------------------------
   BUTTONS
------------------------------ */
.btn-primary {
    color: #fff;
    background-color: #2563eb;
    border-color: #1d4ed8;
    border-radius: 8px;
    padding: 8px 14px;
}

    .btn-primary:hover {
        background-color: #1e40af;
    }

/* Focus styling */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.15rem #93c5fd;
}

/* ------------------------------
   CONTENT AREA
------------------------------ */
.content {
    padding: 1.5rem;
}

/* ------------------------------
   HEADINGS
------------------------------ */
h1, h2, h3 {
    font-weight: 600;
    color: #111827;
}

/* ------------------------------
   FORM STYLING (CLEAN UI)
------------------------------ */
.form-control {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 10px;
}

    .form-control:focus {
        border-color: #2563eb;
    }

/* Validation */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #16a34a;
}

.invalid {
    outline: 1px solid #dc2626;
}

.validation-message {
    color: #dc2626;
}

/* ------------------------------
   SIDEBAR IMPROVEMENT
------------------------------ */
.sidebar {
    background-color: #111827;
    color: white;
}

/* Nav links */
.nav-link {
    color: #cbd5e1 !important;
    padding: 10px 14px;
    border-radius: 6px;
}

    .nav-link:hover {
        background-color: #1f2937;
        color: #fff !important;
    }

    .nav-link.active {
        background-color: #2563eb;
        color: #fff !important;
    }

/* ------------------------------
   TOP BAR
------------------------------ */
.top-row {
    background-color: white;
    border-bottom: 1px solid #e5e7eb;
}

/* ------------------------------
   ERROR UI
------------------------------ */
#blazor-error-ui {
    background: #dc2626;
    color: white;
    padding: 12px;
    border-radius: 6px;
}

/* ------------------------------
   CARDS (future email dashboard)
------------------------------ */
.card {
    background: white;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* ------------------------------
   SMALL IMPROVEMENTS
------------------------------ */
input, textarea {
    font-size: 14px;
}

button {
    cursor: pointer;
}