.content-wrapper{
    padding: 5px 0px !important;
}

.border-left-primary{
    border-left:4px solid #4e73df!important;
}

.border-left-success{
    border-left:4px solid #1cc88a!important;
}

.border-left-info{
    border-left:4px solid #36b9cc!important;
}

.border-left-warning{
    border-left:4px solid #f6c23e!important;
}

.border-left-danger{
    border-left:4px solid #e74a3b!important;
}

.border-left-dark{
    border-left:4px solid #343a40!important;
}

.card-body h4{
    font-weight:700;
}


/* .summary-card{
    border-radius:12px;
    padding:12px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    height:100%;
}

.summary-card small{
    display:block;
    font-size:12px;
    color:#6b7280;
    margin-bottom:2px;
}

.summary-card h3{
    font-size:28px;
    margin:0;
    font-weight:700;
}

.summary-mini{
    padding:8px 10px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#2f3542;
    color:#fff;
}

.summary-mini span{
    font-size:16px;
    font-weight:700;
}

.summary-green{background:#DCFCE7;color:#15803D;}
.summary-blue{background:#DBEAFE;color:#1D4ED8;}
.summary-yellow{background:#FEF3C7;color:#B45309;}
.summary-red{background:#FEE2E2;color:#B91C1C;}
.summary-gray{background:#F3F4F6;color:#374151;} */

/* ===========================
   HR Dashboard Summary Cards
=========================== */

.summary-card{
    border-radius:10px;
    padding:10px 25px;
    background:#ffffff;
    border:1px solid #e9ecef;
    box-shadow:0 1px 6px rgba(0,0,0,.05);
    transition:.2s;
    min-height:60px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.summary-card:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.summary-card small{
    font-size:11px;
    color:#6c757d;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    /* margin-bottom:3px; */
}

.summary-card h3{
    margin:0;
    font-size:24px;
    font-weight:700;
    line-height:1;
}

/* Compact Colored Cards */

.summary-green{
    background:#d8f8e8;
    color:#0f8c55;
}

.summary-blue{
    background:#d8e9ff;
    color:#155bd6;
}

.summary-yellow{
    background:#fff3cd;
    color:#c78300;
}

.summary-red{
    background:#ffe1e1;
    color:#d62828;
}

.summary-gray{
    background:#eceef1;
    color:#343a40;
}

/* ===========================
   Recruiter Section
=========================== */

.recruiter-summary{
    background:#ffffff;
    border:1px solid #ececec;
    border-radius:10px;
    padding:10px 12px;
    margin-bottom:12px;
}

.recruiter-summary h6{
    font-size:15px;
    font-weight:700;
    margin-bottom:8px;
    color:#2d3748;
}

/* Chips */

.recruiter-chip-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.summary-mini{
    margin-right: 5px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    background:#212936;
    color:#fff;
    border-radius:20px;
    font-size:14px;
    font-weight:600;
    line-height:1;
    transition:.2s;
}

.summary-mini:hover{
    background:#111827;
}

.summary-mini span{
    background:#3b82f6;
    color:#fff;
    padding:2px 6px;
    border-radius:10px;
    font-size:11px;
    font-weight:700;
}

/* Recruiter Count Badge */

.recruiter-total{
    background:#2563eb;
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:5px 10px;
    border-radius:20px;
}

/* ===========================
   Compact Document Cards
=========================== */

.document-card{
    border-radius:10px;
    padding:10px 14px;
    min-height:74px;
    border:1px solid #ececec;
    box-shadow:0 1px 5px rgba(0,0,0,.04);
}

.document-card small{
    font-size:11px;
    text-transform:uppercase;
    font-weight:600;
    color:#6b7280;
}

.document-card h3{
    margin-top:4px;
    margin-bottom:0;
    font-size:22px;
    font-weight:700;
}

/* Reduce Bootstrap spacing */

.summary-row .col-md-2,
.summary-row .col-md-4{
    padding-right:6px;
    padding-left:6px;
}

.summary-row{
    margin-bottom:10px;
}

/* Mobile */

@media(max-width:768px){

    .summary-card,
    .document-card{
        min-height:70px;
        padding:10px;
    }

    .summary-card h3,
    .document-card h3{
        font-size:20px;
    }

    .summary-mini{
        font-size:11px;
        padding:5px 8px;
    }

}

/* ===========================================================
   DHR TOP NAVIGATION
=========================================================== */

.dhr-navbar{
    background:#fff;
    border-bottom:1px solid #E6EEF8;
    box-shadow:0 4px 20px rgba(13,87,208,.06);
    padding:5px 15px;
    position:sticky;
    top:0;
    z-index:1035;
}

.dhr-logo{
    height:35px;
    width:auto;
}

.brand-title{
    color:#0B57D0;
    font-weight:800;
    font-size:22px;
    line-height:1;
}

.brand-subtitle{
    color:#FF7A00;
    font-size:11px;
    font-weight:700;
}

/* ---------- Menu ---------- */

.navbar-nav.mx-auto{
    gap:2px;
}

.navbar-nav .nav-link{
    color:#50627A !important;
    font-size:14px;
    font-weight:600;
    padding:10px 14px !important;
    border-radius:12px;
    transition:.25s;
    white-space:nowrap;
}

.navbar-nav .nav-link:hover{
    background:#EDF5FF;
    color:#0B57D0 !important;
}

.navbar-nav .nav-link.active{
    background:linear-gradient(90deg,#0B57D0,#2E89FF);
    color:#fff !important;
}

.navbar-nav .nav-link i{
    width:18px;
    text-align:center;
}

/* ---------- Settings Dropdown ---------- */

.settings-dropdown{
    border-radius:16px;
    min-width:220px;
    padding:8px;
}

.settings-dropdown .dropdown-item{
    border-radius:10px;
    padding:10px 14px;
    font-weight:600;
}

.settings-dropdown .dropdown-item:hover{
    background:#EDF5FF;
    color:#0B57D0;
}

/* ---------- User Profile ---------- */

.user-profile{
    display:flex;
    align-items:center;
    color:#243B53 !important;
    font-weight:600;
}

.user-avatar{
    width:38px;
    height:38px;
    border-radius:50%;
    border:2px solid #EAF3FF;
}

/* ---------- Dropdown ---------- */

.dropdown-menu{
    border-radius:16px;
    overflow:hidden;
}

.dropdown-header{
    background:#F8FBFF;
}

/* ---------- Mobile ---------- */

@media(max-width:991px){

    .navbar-collapse{
        background:#fff;
        border-radius:18px;
        margin-top:15px;
        padding:10px;
        box-shadow:0 12px 35px rgba(0,0,0,.08);
    }

    .navbar-nav.mx-auto{
        align-items:flex-start;
        width:100%;
    }

    .navbar-nav .nav-link{
        width:100%;
        margin-bottom:4px;
    }

    .settings-dropdown{
        border:none;
        box-shadow:none;
        padding-left:20px;
    }

}






/* =====================================================================
   DHR PORTAL V2 THEME (Blue + Orange)
   Paste at END of mycss.css
===================================================================== */

:root{
    --primary:#0B57D0;
    --primary-dark:#0849B3;
    --primary-light:#EAF3FF;
    --orange:#FF7A00;
    --orange-light:#FFF2E5;
    --success:#10B981;
    --danger:#EF4444;
    --warning:#F59E0B;
    --info:#2563EB;

    --bg:#F4F9FF;
    --card:#FFFFFF;
    --text:#243B53;
    --muted:#64748B;
    --border:#E5EEF8;
}

/* ==========================
   BODY
========================== */

body{
    background:var(--bg)!important;
    color:var(--text);
    font-family:'Source Sans Pro',sans-serif;
}

.content-wrapper{
    background:var(--bg)!important;
}

.content-header h1,
.content-header h2,
.content-header h3{
    font-weight:700;
    color:#1E3A5F;
}

/* ==========================
   CARD
========================== */

.card{
    background:#fff;
    border:none!important;
    border-radius:18px!important;
    box-shadow:0 8px 24px rgba(13,87,208,.06)!important;
    overflow:hidden;
}

.card-header{
    background:#fff!important;
    border-bottom:1px solid var(--border)!important;
    padding:16px 20px!important;
    font-weight:700;
    color:#204A87;
}

.card-body{
    padding:18px 20px;
}

/* Hover */

.card:hover{
    box-shadow:0 12px 30px rgba(13,87,208,.08)!important;
}

/* ==========================
   BUTTONS
========================== */

.btn-primary{
    background:linear-gradient(90deg,#0B57D0,#2E89FF)!important;
    border:none!important;
    border-radius:10px;
    font-weight:600;
    padding:.45rem 1rem;
}

.btn-primary:hover{
    background:linear-gradient(90deg,#0849B3,#176DF2)!important;
}

.btn-success{
    border:none;
    background:#11B36B;
    border-radius:10px;
}

.btn-warning{
    border:none;
    border-radius:10px;
}

.btn-danger{
    border:none;
    border-radius:10px;
}

.btn-outline-primary{
    border-color:#0B57D0;
    color:#0B57D0;
}

.btn-outline-primary:hover{
    background:#0B57D0;
    color:#fff;
}

/* ==========================
   INPUTS
========================== */

.form-control,
.custom-select{

    border-radius:10px!important;
    border:1px solid #D8E7FA!important;
    height:30px;
    font-size:14px;
    background:#FBFDFF;

}

.form-control:focus,
.custom-select:focus{

    border-color:#0B57D0!important;
    box-shadow:0 0 0 3px rgba(13,87,208,.12)!important;
    background:#fff;

}

label{
    color:#40566F;
    font-size:13px;
    font-weight:600;
}

/* ==========================
   FILTER SECTION
========================== */

.filter-box{
    background:#fff;
    border-radius:18px;
    padding:18px;
    box-shadow:0 6px 18px rgba(13,87,208,.05);
    margin-bottom:18px;
}

.filter-title{
    font-weight:700;
    color:#0B57D0;
    margin-bottom:15px;
    font-size:17px;
}

/* ==========================
   SUMMARY CARDS
========================== */

.summary-card{
    border-radius:10px!important;
    padding:5px 20px!important;
    border:none!important;
    box-shadow:0 5px 15px rgba(13,87,208,.05)!important;
    transition:.25s;
    min-height:55px;
}

.summary-card:hover{
    transform:translateY(-3px);
}

.summary-card small{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.7px;
    font-weight:700;
}

.summary-card h3{
    font-size:30px;
    margin-top:5px;
}

.summary-green{
    background:#DDF9EB;
    color:#0B915C;
}

.summary-blue{
    background:#E1EDFF;
    color:#1457D8;
}

.summary-yellow{
    background:#FFF3D8;
    color:#C27A00;
}

.summary-red{
    background:#FFE4E4;
    color:#D62828;
}

.summary-gray{
    background:#EFF3F8;
    color:#374151;
}

/* ==========================
   DOCUMENT CARDS
========================== */

.document-card{
    border-radius:16px;
    padding:15px 20px;
    border:none;
    box-shadow:0 4px 12px rgba(13,87,208,.05);
}

.document-card small{
    text-transform:uppercase;
    font-size:11px;
    font-weight:700;
}

.document-card h3{
    font-size:28px;
    margin-top:5px;
}

/* ==========================
   RECRUITER CHIPS
========================== */

.recruiter-summary{
    border-radius:16px;
    padding:16px;
    background:#fff;
    box-shadow:0 4px 12px rgba(13,87,208,.05);
}

.summary-mini{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:25px;
    background:#173A73;
    color:#fff;
    font-size:13px;
    font-weight:600;
    transition:.2s;
}

.summary-mini:hover{
    background:#0B57D0;
    transform:translateY(-2px);
}

.summary-mini span{
    background:#3B82F6;
    padding:2px 7px;
    border-radius:12px;
    font-size:11px;
    font-weight:700;
}

.recruiter-total{
    background:#0B57D0;
    color:#fff;
    border-radius:15px;
    padding:4px 10px;
    font-size:12px;
}

/* ==========================
   TABLE
========================== */

.table-responsive{
    border-radius:18px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 6px 20px rgba(13,87,208,.05);
}

.table{
    margin-bottom:0;
    background:#fff;
}

.table thead th{

    background:#F2F7FF!important;

    color:#1F4C8F!important;

    border-bottom:2px solid #D9E8FF!important;

    font-weight:700;

    font-size:13px;

    padding:15px;

    text-transform:uppercase;
}

.table tbody td{
    padding:10px 10px;
    vertical-align:middle;
    border-color:#EEF3FA;
}

.table tbody tr{
    transition:.2s;
}

.table tbody tr:hover{
    background:#F8FBFF;
}

/* Sticky Header */

.table-sticky thead th{
    position:sticky;
    top:68px;
    z-index:10;
}

/* ==========================
   BADGES
========================== */

.badge{
    border-radius:30px;
    padding:6px 10px;
    font-size:11px;
    font-weight:700;
}

.badge-primary{
    background:#0B57D0;
}

.badge-success{
    background:#10B981;
}

.badge-warning{
    background:#F59E0B;
    color:#fff;
}

.badge-danger{
    background:#EF4444;
}

.badge-info{
    background:#2563EB;
}

.badge-secondary{
    background:#64748B;
}

/* ==========================
   STATUS LABELS
========================== */

.status-pill{
    padding:5px 12px;
    border-radius:20px;
    font-size:11px;
    font-weight:700;
}

.status-selected{
    background:#DCFCE7;
    color:#15803D;
}

.status-joined{
    background:#DBEAFE;
    color:#1D4ED8;
}

.status-rejected{
    background:#FEE2E2;
    color:#B91C1C;
}

.status-hold{
    background:#FEF3C7;
    color:#B45309;
}

/* ==========================
   ACTION BUTTON
========================== */

.table-action{
    width:38px;
    height:38px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#EDF5FF;
    color:#0B57D0;
    transition:.25s;
}

.table-action:hover{
    background:#0B57D0;
    color:#fff;
}

/* ==========================
   PAGINATION
========================== */

.pagination{
    justify-content:center;
    margin-top:18px;
}

.page-item .page-link{
    border:none;
    margin:0 3px;
    border-radius:10px;
    color:#0B57D0;
    font-weight:600;
}

.page-item.active .page-link{
    background:#0B57D0;
    color:#fff;
}

/* ==========================
   ALERTS
========================== */

.alert{
    border:none;
    border-radius:14px;
}

/* ==========================
   MODAL
========================== */

.modal-content{
    border:none;
    border-radius:18px;
}

.modal-header{
    border-bottom:1px solid var(--border);
    background:#F8FBFF;
}

.modal-footer{
    border-top:1px solid var(--border);
}

/* ==========================
   BREADCRUMB
========================== */

.breadcrumb{
    background:transparent;
    padding:0;
}

.breadcrumb-item a{
    color:#0B57D0;
}

/* ==========================
   SCROLLBAR
========================== */

::-webkit-scrollbar{
    width:8px;
    height:8px;
}

::-webkit-scrollbar-thumb{
    background:#C5DAFA;
    border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
    background:#7AAAF8;
}

/* ==========================
   DARK MODE
========================== */

.dark-mode{

    background:#111827!important;
    color:#fff!important;

}

.dark-mode .content-wrapper{
    background:#111827!important;
}

.dark-mode .card{
    background:#1F2937!important;
}

.dark-mode .card-header{
    background:#1F2937!important;
    color:#fff!important;
    border-color:#374151!important;
}

.dark-mode .table thead th{
    background:#243447!important;
    color:#fff!important;
}

.dark-mode .table tbody tr:hover{
    background:#2B3748!important;
}

.dark-mode .form-control,
.dark-mode .custom-select{
    background:#1F2937!important;
    color:#fff!important;
    border-color:#374151!important;
}

.dark-mode .summary-mini{
    background:#0B57D0;
}

.dark-mode .dhr-navbar{
    background:#1F2937!important;
    border-color:#374151!important;
}

/* ==========================
   MOBILE
========================== */

@media(max-width:992px){

    .summary-card h3{
        font-size:22px;
    }

    .summary-card{
        margin-bottom:12px;
    }

    .document-card{
        margin-bottom:12px;
    }

    .table thead th,
    .table tbody td{
        font-size:12px;
        padding:10px;
    }

    .card-body{
        padding:15px;
    }

}

@media(max-width:576px){

    .content-wrapper{
        padding:10px!important;
    }

    .summary-card h3{
        font-size:20px;
    }

    .summary-card small{
        font-size:10px;
    }

    .btn{
        width:100%;
        margin-bottom:8px;
    }

}




/* =====================================================
        DHR PREMIUM BIRTHDAY PAGE
====================================================== */

.birthday-page{
    padding:20px;
}

/* Header */

.birthday-header{
    background:#fff;
    border-radius:18px;
    padding:22px 28px;
    box-shadow:0 6px 18px rgba(13,87,208,.05);
}

.birthday-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#0B57D0,#2F80ED);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
}

/* Hero Banner */

.today-banner{
    background:linear-gradient(135deg,#0B57D0,#FF8A00);
    color:#fff;
    border-radius:20px;
    padding:30px;
    overflow:hidden;
    position:relative;
}

.today-banner h3{
    font-weight:700;
    font-size:30px;
}

.today-banner p{
    color:#F3F4F6;
}

.today-count{
    background:#fff;
    color:#0B57D0;
    padding:8px 18px;
    border-radius:25px;
    font-weight:700;
    display:inline-block;
}

.birthday-cake-bg{
    font-size:110px;
    opacity:.15;
}

/* Summary Cards */

.summary-box{
    display:flex;
    align-items:center;
    padding:18px;
    border-radius:18px;
    color:#fff;
    min-height:105px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
    transition:.25s;
}

.summary-box:hover{
    transform:translateY(-4px);
}

.summary-icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-right:15px;
}

.summary-box small{
    color:rgba(255,255,255,.85);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.summary-box h2{
    margin:0;
    font-weight:700;
    font-size:30px;
}

.green{
    background:linear-gradient(135deg,#16A34A,#22C55E);
}

.blue{
    background:linear-gradient(135deg,#0B57D0,#3B82F6);
}

.orange{
    background:linear-gradient(135deg,#FF8A00,#FFA726);
}

.red{
    background:linear-gradient(135deg,#E11D48,#FB7185);
}

/* Filters */

.filter-card{
    border-radius:18px;
}

.filter-card label{
    font-size:13px;
    font-weight:600;
    color:#475569;
}

.filter-card .form-control{
    height:46px;
    border-radius:25px;
    border:1px solid #D8E3F0;
}

/* Table */

.birthday-table thead{
    background:#EEF5FF;
}

.birthday-table thead th{
    border:none;
    color:#0B57D0;
    font-size:13px;
    text-transform:uppercase;
    font-weight:700;
}

.birthday-table tbody td{
    vertical-align:middle;
    padding:18px 12px;
}

.birthday-table tbody tr{
    transition:.25s;
}

.birthday-table tbody tr:hover{
    background:#F7FBFF;
}

.avatar-circle{
    width:48px;
    height:48px;
    border-radius:50%;
    background:linear-gradient(135deg,#0B57D0,#2F80ED);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:18px;
}

/* Badges */

.badge-branch{
    background:#EAF3FF;
    color:#0B57D0;
    padding:8px 14px;
    border-radius:20px;
    font-size:12px;
}

.badge-designation{
    background:#E0F7F4;
    color:#0F766E;
    padding:8px 14px;
    border-radius:20px;
    font-size:12px;
}

.badge-age{
    background:#FFF4D6;
    color:#C77B00;
    padding:8px 14px;
    border-radius:20px;
    font-size:12px;
}

/* Today's Birthday Row */

.birthday-today-row{
    background:#ECFDF5!important;
    border-left:5px solid #16A34A;
}

/* WhatsApp */

.btn-whatsapp{
    width:42px;
    height:42px;
    background:#25D366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}

.btn-whatsapp:hover{
    background:#159947;
    color:#fff;
    transform:scale(1.08);
}

/* Mobile */

@media(max-width:768px){

    .birthday-header{
        padding:18px;
    }

    .today-banner{
        padding:20px;
    }

    .summary-box{
        min-height:90px;
    }

    .summary-box h2{
        font-size:24px;
    }

    .birthday-table td,
    .birthday-table th{
        white-space:nowrap;
    }

}