/* _content/MyWebApplication/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Root colors for dark theme */
:root[b-3t66h8tbbz] {
    --bg-primary: #0f172a; /* darker main background */
    --bg-secondary: #1e293b; /* slightly lighter cards/containers */
    --bg-tertiary: #111827; /* dark accent container */
    --text-primary: #e5e7eb; /* light text */
    --text-secondary: #94a3b8; /* muted text */
    --accent: #60a5fa; /* primary accent */
    --accent-hover: #3b82f6; /* accent hover */
    --border: #334155; /* subtle borders */
    --shadow: rgba(0, 0, 0, 0.5); /* stronger shadows for dark bg */
}

/* Global body */
body[b-3t66h8tbbz] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar */
.navbar[b-3t66h8tbbz] {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary);
}

a.navbar-brand[b-3t66h8tbbz] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    color: var(--text-primary);
}

a[b-3t66h8tbbz] {
    color: var(--accent);
    transition: color 0.2s ease;
}

    a:hover[b-3t66h8tbbz] {
        color: var(--accent-hover);
    }

/* Buttons */
.btn-primary[b-3t66h8tbbz] {
    color: #fff;
    background-color: var(--accent);
    border-color: var(--accent-hover);
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px var(--shadow);
}

    .btn-primary:hover[b-3t66h8tbbz] {
        background-color: var(--accent-hover);
        border-color: #2563eb;
    }

/* Nav pills */
.nav-pills .nav-link.active[b-3t66h8tbbz],
.nav-pills .show > .nav-link[b-3t66h8tbbz] {
    color: #fff;
    background-color: var(--accent);
    border-color: var(--accent-hover);
}

/* Borders */
.border-top[b-3t66h8tbbz] {
    border-top: 1px solid var(--border);
}

.border-bottom[b-3t66h8tbbz] {
    border-bottom: 1px solid var(--border);
}

/* Boxes / shadows */
.box-shadow[b-3t66h8tbbz] {
    box-shadow: 0 .25rem .75rem var(--shadow);
}

/* Forms */
input[b-3t66h8tbbz], textarea[b-3t66h8tbbz], select[b-3t66h8tbbz] {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border);
    transition: all 0.3s ease;
}

    input:focus[b-3t66h8tbbz], textarea:focus[b-3t66h8tbbz], select:focus[b-3t66h8tbbz] {
        background-color: var(--bg-primary);
        color: var(--text-primary);
        border-color: var(--accent);
        box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25);
        outline: none;
    }

/* Tables */
.table[b-3t66h8tbbz] {
    color: var(--text-primary);
    border-color: var(--border);
}

.table-striped tbody tr:nth-of-type(odd)[b-3t66h8tbbz] {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Cards */
.card[b-3t66h8tbbz] {
    background-color: var(--bg-secondary);
    border-color: var(--border);
    color: var(--text-primary);
    transition: all 0.3s ease;
}

    .card:hover[b-3t66h8tbbz] {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px var(--shadow);
    }

/* Modals */
.modal-content[b-3t66h8tbbz] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* Footer */
.footer[b-3t66h8tbbz] {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 60px;
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
    border-top: 1px solid var(--border);
    text-align: center;
}

/* Accept policy button */
button.accept-policy[b-3t66h8tbbz] {
    font-size: 1rem;
    line-height: inherit;
    color: var(--text-primary);
}

/* Container main */
.container main[b-3t66h8tbbz] {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 6px 20px var(--shadow);
}

/* Optional: smooth transitions for hover */
a[b-3t66h8tbbz], button[b-3t66h8tbbz], input[b-3t66h8tbbz], select[b-3t66h8tbbz], textarea[b-3t66h8tbbz] {
    transition: all 0.2s ease-in-out;
}