/* =====================================
   E-HOSPITAL MODERN GLOBAL THEME
   (balanced darker version v3)
===================================== */

:root{
    /* основной фон — уже заметно темнее */
    --bg-main:#c4dbe7;
    --bg-card:#e6f1f7;
    --bg-soft:#d7e8f2;

    --accent:#38bdf8;
    --accent2:#0ea5e9;

    --border:#a9c8da;
    --text:#0f172a;
    --text-soft:#4f6d82;
}

/* ===== PAGE ===== */
body{
    background:
        radial-gradient(circle at 20% 20%, #38bdf812, transparent 55%),
        radial-gradient(circle at 80% 80%, #0ea5e912, transparent 55%),
        var(--bg-main) !important;

    color:var(--text);
    font-family:"Segoe UI", system-ui, -apple-system, sans-serif;
}

/* ===== TOP MENU ===== */
.navbar,
.navbar-inner{
    background:rgba(12,31,44,.9) !important;
    backdrop-filter: blur(12px);
    border:none !important;
    box-shadow:0 6px 22px rgba(0,0,0,.4);
}

/* ===== LINKS ===== */
a{
    color:var(--accent2);
    transition:.25s;
}

a:hover{
    color:#ffffff;
    text-decoration:none;
}

/* ===== CARDS / BLOCKS ===== */
.well,
.block,
.box,
.panel,
.table-bordered{
    background:var(--bg-card) !important;

    border:1px solid var(--border) !important;
    border-radius:14px;

    box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.well:hover,
.block:hover,
.box:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(0,0,0,.28);
}

/* ===== TABLES ===== */
.table{
    color:var(--text);
    background:var(--bg-card);
}

.table th{
    background:#0a1c28 !important;
    border-color:var(--border) !important;
    color:var(--accent2);
    font-weight:600;
}

.table td{
    border-color:var(--border) !important;
}

.table tr:hover{
    background:#0f2a3a2e;
}

/* ===== INPUTS ===== */
input,
select,
textarea{
    background:#ddebf3 !important;
    border:1px solid var(--border) !important;
    color:#0f172a !important;
    border-radius:10px !important;
}

input:focus,
textarea:focus,
select:focus{
    border-color:var(--accent) !important;
    box-shadow:0 0 0 3px rgba(0,162,255,.2);
    outline:none;
}

/* ===== BUTTONS ===== */
.btn{
    border-radius:10px !important;
    transition:.25s;
}

.btn-primary{
    background:linear-gradient(135deg,#38bdf8,#0ea5e9) !important;
    border:none !important;
    color:#fff !important;
    box-shadow:0 6px 18px rgba(14,165,233,.25);
}

.btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(0,162,255,.45);
}

/* ===== MODALS ===== */
.modal{
    background:var(--bg-card);
    border-radius:16px;
    border:1px solid var(--border);
    box-shadow:0 20px 60px rgba(0,0,0,.5);
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:var(--bg-main);
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(#1f3d52,#00a2ff);
    border-radius:8px;
}

/* ===== LOGIN VERSION ===== */
.login-version{
    position:fixed;
    bottom:18px;
    left:0;
    width:100%;
    text-align:center;

    font-size:13px;
    color:var(--text-soft);
    letter-spacing:.4px;
    opacity:.9;
}

/* ===== LOGIN TITLE ===== */
.form-signin-heading{
    font-family:"Segoe UI Variable","Inter","Segoe UI",system-ui,sans-serif !important;

    font-size:28px;
    font-weight:650;
    letter-spacing:0.8px;

    color:#0b2535;
    margin-bottom:24px;

    text-align:center;
}