/* Nefhm brand theme for the admin & doctor panels (loaded after the template CSS) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--bs-primary:#0E7C6B;--bs-primary-rgb:14,124,107;--bs-link-color:#0E7C6B;--nf-teal:#0E7C6B;--nf-teal-dark:#0A5C50;--nf-teal-soft:#E7F3F0;--nf-ink:#10272B;--nf-muted:#5B6B6E;--nf-line:#E4E8E6;--nf-bg:#F4F7F6}
html[lang="ar"] body,html[lang="ar"] .btn,html[lang="ar"] .form-control,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] h5,html[lang="ar"] h6,html[lang="ar"] .menu-link{font-family:"Tajawal","Manrope",system-ui,sans-serif!important}
html[lang="en"] body,html[lang="en"] .btn,html[lang="en"] .form-control,html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,html[lang="en"] h5,html[lang="en"] h6,html[lang="en"] .menu-link{font-family:"Manrope","Tajawal",system-ui,sans-serif!important}
body{background:var(--nf-bg)!important;color:var(--nf-ink)}
/* buttons */
.btn{border-radius:10px!important;font-weight:600}
.btn-primary{background-color:var(--nf-teal)!important;border-color:var(--nf-teal)!important;color:#fff!important;box-shadow:0 6px 16px rgba(14,124,107,.2)!important}
.btn-primary:hover,.btn-primary:focus{background-color:var(--nf-teal-dark)!important;border-color:var(--nf-teal-dark)!important}
.btn-outline-primary{color:var(--nf-teal)!important;border-color:var(--nf-teal)!important}
.btn-outline-primary:hover{background-color:var(--nf-teal)!important;color:#fff!important}
.btn-label-primary{background:var(--nf-teal-soft)!important;color:var(--nf-teal)!important}
.bg-primary,.bg-primary2,.badge.bg-primary{background-color:var(--nf-teal)!important}
.bg-label-primary{background-color:var(--nf-teal-soft)!important;color:var(--nf-teal)!important}
.text-primary,.text-primary2,a.text-primary{color:var(--nf-teal)!important}
.text-gray a,a:not(.btn):not(.menu-link):not(.nav-link):not(.dropdown-item):not(.page-link):not(.app-brand-link){color:var(--nf-teal)}
/* forms */
.form-control,.form-select{border-radius:10px!important;border-color:var(--nf-line)!important;min-height:44px}
.form-control:focus,.form-select:focus{border-color:var(--nf-teal)!important;box-shadow:0 0 0 .2rem rgba(14,124,107,.15)!important}
.input-group-text{border-radius:10px!important;border-color:var(--nf-line)!important}
.form-check-input:checked{background-color:var(--nf-teal)!important;border-color:var(--nf-teal)!important}
.form-label{font-weight:700;color:var(--nf-ink)}
.input-group:has(#country_code){direction:ltr!important;flex-direction:row!important;flex-wrap:nowrap}
.input-group:has(#country_code) #country_code{order:0;border-radius:10px 0 0 10px!important;font-weight:700;color:var(--nf-teal);background:var(--nf-teal-soft)}
.input-group:has(#country_code) .form-control{order:1;border-radius:0 10px 10px 0!important;text-align:left!important;direction:ltr}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border-color:var(--nf-line)!important;border-radius:10px!important;min-height:44px}
/* layout: sidebar + navbar */
.layout-menu,.menu-vertical{background:#fff!important;border-inline-end:1px solid var(--nf-line)!important;box-shadow:none!important}
.app-brand{padding:18px 16px 10px!important}
.menu-vertical .menu-item .menu-link{border-radius:12px;margin:2px 12px;padding:10px 14px;color:var(--nf-muted);font-weight:600;transition:.2s}
.menu-vertical .menu-item .menu-link:hover{background:var(--nf-teal-soft);color:var(--nf-teal-dark)}
.menu-vertical .menu-item.active>.menu-link,.menu-vertical .menu-item.active .menu-link.active{background:var(--nf-teal)!important;color:#fff!important;box-shadow:0 8px 18px rgba(14,124,107,.25)}
.menu-vertical .menu-item.active>.menu-link .menu-icon,.menu-vertical .menu-item.active .menu-link.active .menu-icon{color:#fff!important}
.menu-vertical .menu-sub .menu-item.active>.menu-link{background:var(--nf-teal-soft)!important;color:var(--nf-teal-dark)!important;box-shadow:none}
.menu-vertical .menu-sub .menu-item.active>.menu-link .menu-icon{color:var(--nf-teal)!important}
.menu-inner-shadow{display:none!important}
.layout-navbar{background:#fff!important;border-bottom:1px solid var(--nf-line)!important;box-shadow:none!important;border-radius:0!important}
.navbar-nav .avatar img{border-radius:12px}
/* cards & tables */
.card{border:1px solid var(--nf-line)!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(16,39,43,.04)!important}
.card-header{background:transparent;border-bottom:1px solid var(--nf-line)}
.card .card-title,.card-header h5{font-weight:800}
.table{--bs-table-bg:transparent}
.table thead th{background:#F6F8F7!important;color:var(--nf-muted)!important;font-weight:700;text-transform:none;border-bottom:1px solid var(--nf-line)!important;font-size:.9rem}
.table td{vertical-align:middle;border-color:var(--nf-line)!important}
.table-hover tbody tr:hover{background:#F6FBF9!important}
.dataTables_wrapper .dataTables_filter input{border-radius:10px;border:1px solid var(--nf-line);padding:8px 12px}
.page-item.active .page-link{background-color:var(--nf-teal)!important;border-color:var(--nf-teal)!important}
.page-link{border-radius:8px!important;margin:0 2px}
.badge{border-radius:8px;font-weight:700;padding:.45em .7em}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--nf-teal)!important}
.nav-tabs .nav-link.active{color:var(--nf-teal)!important;border-bottom:2px solid var(--nf-teal)!important}
.dropdown-menu{border-radius:14px;border:1px solid var(--nf-line);box-shadow:0 14px 34px rgba(16,39,43,.12)}
.dropdown-item{border-radius:8px;margin:2px 6px;width:auto}
.dropdown-item:hover{background:var(--nf-teal-soft);color:var(--nf-teal-dark)}
.modal-content{border-radius:20px;border:0}
.modal-header{border-bottom:1px solid var(--nf-line)}
.alert{border-radius:12px}
.spinner-border.text-primary{color:var(--nf-teal)!important}
.apexcharts-legend-text{font-family:inherit!important}
.avatar-initial{background:var(--nf-teal-soft);color:var(--nf-teal)}
.swal2-confirm{background:var(--nf-teal)!important;border-radius:10px!important}
/* stat tiles on dashboard */
.card .avatar .avatar-initial,.card .badge.bg-label-success{border-radius:12px}
/* content spacing */
.container-xxl.container-p-y,.container-fluid.container-p-y{padding-top:1.4rem!important}
h4.fw-bold.py-3,.py-3.mb-4{color:var(--nf-ink)}
/* scrollbars */
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#CFD8D5;border-radius:8px}
/* doctor top navigation pills */
.navbar .nav-link.btn.btn-primary{border-radius:999px!important;padding:8px 18px!important;font-weight:700}
.navbar .nav-link.btn.btn-primary:not(.active){background:var(--nf-teal-soft)!important;border-color:var(--nf-teal-soft)!important;color:var(--nf-teal-dark)!important;box-shadow:none!important}
.navbar .nav-link.btn.btn-primary:not(.active):hover{background:#D5EBE5!important}
img[src*="appointments.png"],img[src*="no-reviews.svg"]{filter:hue-rotate(-45deg) saturate(.75)}
.navbar-brand img,.app-brand-logo img{max-height:56px}
