/* =========================================================
   CUSTOM THEME OVERRIDE - Navy / Teal color scheme
   (matches the reference "Param Hospital" dashboard image)
   Loaded AFTER bayanno.css so these rules win.
   ========================================================= */

:root{
	--theme-dark-teal:   #04213D;   /* deep navy - navbar / sidebar / panels */
	--theme-teal:        #0A7290;   /* teal accent - Select Language btn / active states */
	--theme-teal-light:  #1C8CA8;   /* lighter teal - sidebar toggle box / hover */
	--theme-green:       #1FA766;   /* green - primary action buttons */
	--theme-green-dark:  #178A54;
	--theme-mint-bg:     #EAF2F6;   /* light background for stat rows */
	--theme-text-dark:   #04213D;
}

/* Top navbar */
.navbar-inverse .navbar-inner{
	background-color: var(--theme-dark-teal);
	background-image:none;
	border-bottom: 1px solid var(--theme-dark-teal);
	padding-top: 4px;
	padding-bottom: 8px;
}
.navbar-inverse .brand{
	color: #ffffff !important;
	font-weight: 700;
}
.navbar-inverse .nav > li > a{
	color: #eafaf7;
}
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus{
	background-color: var(--theme-teal);
	color: #ffffff;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{
	background-color: var(--theme-teal);
	color: #ffffff;
}

/* Sidebar toggle / hamburger box (the top button) */
.btn-navbar,
.toggle-primary-sidebar .btn-navbar,
.navbar-inverse .btn-navbar{
	background-color: var(--theme-teal-light);
	border-color: var(--theme-teal-light);
	background-image: none;
	text-shadow: none;
}
.btn-navbar:hover,
.btn-navbar:focus,
.btn-navbar:active,
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active{
	background-color: var(--theme-teal);
	border-color: var(--theme-teal);
}

/* Left sidebar navigation */
.sidebar,
.nav-list,
.sidebar .nav-list{
	background-color: var(--theme-dark-teal) !important;
}
.nav-list > li > a,
.nav-list .nav-header{
	color: #eafaf7 !important;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.nav-list > li > a:hover{
	background-color: var(--theme-teal) !important;
	color: #ffffff !important;
}
.nav-list .divider{
	background-color: rgba(255,255,255,0.15);
	border-bottom-color: rgba(0,0,0,0.2);
}

/* Buttons */
.btn-success{
	background-color: var(--theme-green);
	background-image: none;
	border-color: var(--theme-green-dark);
	text-shadow: none;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active{
	background-color: var(--theme-green-dark);
	border-color: var(--theme-green-dark);
}

.btn-primary{
	background-color: var(--theme-teal);
	background-image: none;
	border-color: var(--theme-dark-teal);
	text-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
	background-color: var(--theme-dark-teal);
	border-color: var(--theme-dark-teal);
}

/* Panels / widget headers */
.widget-box .widget-header,
.widget-header{
	background-color: var(--theme-mint-bg);
	border-color: #d7ece7;
}
.widget-header .widget-title,
.widget-header h4,
.widget-header h5{
	color: var(--theme-dark-teal);
}

/* Dashboard stat / info boxes (Doctor, Patient, Nurse ... counters) */
.infobox,
.stat-box,
.dashboard-widget,
.widget-box.transparent .widget-header{
	background-color: var(--theme-mint-bg);
}

/* Dark panel variant (2nd block in reference image) */
.panel-dark-teal,
.theme-dark-panel{
	background-color: var(--theme-dark-teal) !important;
	color: #ffffff !important;
}
.panel-dark-teal .widget-header,
.theme-dark-panel .widget-header{
	background-color: transparent !important;
	border-color: rgba(255,255,255,0.15);
}
.panel-dark-teal a,
.theme-dark-panel a{
	color: #eafaf7;
}

/* =========================================================
   "Manage X" content header bar (page_info.php) - compact single line
   ========================================================= */
.area-top{
	background-color: var(--theme-dark-teal) !important;
	background-image: none !important;
	border-bottom: none;
	box-shadow: none;
	padding: 12px 20px;
	min-height: 40px;
}
.area-top .header h3,
.area-top .header i{
	color: #ffffff;
	text-shadow: none;
}
.area-top .header > *{
	text-shadow: none;
}
.area-top .header h3{
	line-height: 32px;
	margin: 0;
}

/* Stats row: Doctor / Patient / Nurse / Pharmacist / Laboratorist / Accountant
   sits inline on the same line as the title, right aligned */
.area-top .sparkline-box{
	width: auto;
	margin: 4px 0 0 0;
	padding: 0;
	border-top: none;
	float: right;
	clear: none;
	display: block;
}
.area-top .sparkline-box .sparkline-row{
	display: inline-block;
	float: left;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.2);
	border-left: none;
	padding: 0 14px;
}
.area-top .sparkline-box .sparkline-row:last-child{
	border-right: none;
	padding-right: 0;
}
.area-top .sparkline-box h4{
	text-shadow: none;
	min-width: 0;
	margin: 0;
}
.area-top .sparkline-box h4 span{
	display: inline;
	color: #eafaf7;
	font-weight: 600;
	font-size: 12px;
	margin-right: 4px;
}
.area-top .sparkline-box h4.teal{ color: #06CAD1; }
.area-top .sparkline-box h4.red{ color: #FF6B6B; }
.area-top .sparkline-box h4.green{ color: #7ED957; }
.area-top .sparkline-box h4.orange{ color: #FFA94D; }

/* =========================================================
   Top-right pill buttons in the main navbar:
   admin panel / Select Language / Account
   ========================================================= */
.pill-btn{
	display: inline-block;
	padding: 8px 18px;
	border-radius: 6px;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 13px;
	text-shadow: none;
	text-transform: capitalize;
	border: none;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}
.pill-btn:hover,
.pill-btn:focus{
	opacity: 0.9;
	color: #ffffff !important;
}
.pill-btn-green{
	background-color: var(--theme-green) !important;
	background-image: linear-gradient(to bottom, #16b869, var(--theme-green)) !important;
}
.pill-btn-teal{
	background-color: var(--theme-teal) !important;
	background-image: linear-gradient(to bottom, #12a89a, var(--theme-teal)) !important;
}

.navbar-inverse .top-action-buttons{
	margin: 0;
	margin-top: 10px;
}
.navbar-inverse .top-action-buttons > li{
	float: left;
	margin-left: 10px;
}
.navbar-inverse .top-action-buttons a.pill-btn{
	padding: 8px 18px;
	font-size: 13px;
	line-height: normal;
}
.navbar-inverse .top-action-buttons .dropdown-menu{
	margin-top: 4px;
}

/* Links / headings tint */
a{ color: var(--theme-teal); }
a:hover{ color: var(--theme-dark-teal); }

/* Table header accents */
.table thead th{
	background-color: var(--theme-mint-bg);
	color: var(--theme-dark-teal);
}

/* Badges / labels reused for stat numbers can be recolored per-page via inline classes:
   .num-teal, .num-red, .num-green, .num-orange stay as-is if already set inline. */
/* Shared clinical form surface: used by every role's add/edit screen. */
/* Unified card and two-column field layout for every role's add/edit form. */
.ph-app-shell{background:#f5f8fc;color:#1b355d}.ph-app-shell .container-fluid.padded{padding:22px 26px 36px}.ph-app-shell .box{background:#fff;border:1px solid #e3eaf4;border-radius:14px;box-shadow:0 5px 18px rgba(22,56,100,.07);overflow:hidden;margin-bottom:22px}.ph-app-shell .box .box-header{min-height:54px;padding:0;background:#fff;border-bottom:1px solid #e9eff7;border-radius:14px 14px 0 0;box-shadow:none}.ph-app-shell .box .box-header .title,.ph-app-shell .box .box-header h3{color:#102e60;font-size:18px;font-weight:700;line-height:54px;margin:0 18px}.ph-app-shell .box .box-content.padded{padding:20px 22px;border-radius:0}.ph-app-shell .nav-tabs{margin:0;border:0;padding:0 16px;background:#fff}.ph-app-shell .nav-tabs>li>a{border:0!important;border-radius:0!important;color:#62779a;font-weight:600;padding:18px 14px 15px;background:transparent!important}.ph-app-shell .nav-tabs>li.active>a,.ph-app-shell .nav-tabs>li>a:hover{color:#126fca!important;border-bottom:3px solid #17b7bb!important}.ph-app-shell .form-horizontal{margin:0;background:#fff}.ph-app-shell .form-horizontal>.padded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:2px!important}.ph-app-shell .form-horizontal .control-group{display:flex;align-items:center;min-height:57px;margin:0;padding:8px 0;border-bottom:1px solid #edf2f8}.ph-app-shell .form-horizontal .control-label{float:none;width:38%;margin:0;padding:0 12px 0 0;text-align:left;font-size:12px;font-weight:700;color:#163b70}.ph-app-shell .form-horizontal .controls{float:none;width:62%;min-height:0;margin:0!important}.ph-app-shell .form-horizontal input:not([type="checkbox"]):not([type="radio"]),.ph-app-shell .form-horizontal select,.ph-app-shell .form-horizontal textarea{box-sizing:border-box;width:100%!important;max-width:none!important;min-height:36px;margin:0!important;padding:7px 10px;border:1px solid #dce7f3;border-radius:7px;background:#fbfdff;box-shadow:none;color:#193967;font-size:13px}.ph-app-shell .form-horizontal textarea{min-height:62px;resize:vertical}.ph-app-shell .form-horizontal input:focus,.ph-app-shell .form-horizontal select:focus,.ph-app-shell .form-horizontal textarea:focus{outline:0;border-color:#19b8b8;box-shadow:0 0 0 3px rgba(25,184,184,.12)}.ph-app-shell .form-horizontal .control-group:has(textarea){align-items:flex-start;padding-top:12px}.ph-app-shell .form-horizontal h1,.ph-app-shell .form-horizontal h2,.ph-app-shell .form-horizontal h3,.ph-app-shell .form-horizontal h4,.ph-app-shell .form-horizontal hr,.ph-app-shell .form-horizontal .row-fluid,.ph-app-shell .form-horizontal .alert,.ph-app-shell .form-horizontal .well,.ph-app-shell .form-horizontal .box{grid-column:1/-1}.ph-app-shell .form-horizontal h4{margin:18px 0 4px;padding:0 0 10px;border-bottom:1px solid #dce9f7;color:#103d78;font-size:15px}.ph-app-shell .form-horizontal .box{box-shadow:none;border-radius:8px;margin:0}.ph-app-shell .form-horizontal .chat-message-box,.ph-app-shell .form-horizontal .chat-message-box textarea{width:100%}.ph-app-shell .form-actions{margin:20px -22px -20px;padding:15px 22px;background:#f7fbff;border-top:1px solid #e4edf7;text-align:center}.ph-app-shell .btn{border-radius:7px;padding:8px 16px;font-weight:700;text-shadow:none;box-shadow:0 3px 7px rgba(18,67,132,.12)}.ph-app-shell .btn-primary{background:linear-gradient(100deg,#2468ed,#12bbb9);border:0}.ph-app-shell .btn-success{background:linear-gradient(100deg,#147ae8,#1ebc9f);border:0}.ph-app-shell .table{border:1px solid #e3ebf5;border-radius:8px;overflow:hidden}.ph-app-shell .table thead th{padding:12px;background:#f3f8ff;color:#163b70;border-bottom:1px solid #dbe7f4}.ph-app-shell .table td{padding:10px;border-color:#ecf1f7}.ph-app-shell .well{border:1px solid #dbe9f8;border-radius:10px;background:#f8fbff;box-shadow:none}@media (max-width:980px){.ph-app-shell .form-horizontal>.padded{grid-template-columns:1fr}.ph-app-shell .container-fluid.padded{padding:16px}.ph-app-shell .form-horizontal .control-label{width:35%}.ph-app-shell .form-horizontal .controls{width:65%}}@media (max-width:560px){.ph-app-shell .box .box-content.padded{padding:14px}.ph-app-shell .form-horizontal .control-group{display:block}.ph-app-shell .form-horizontal .control-label,.ph-app-shell .form-horizontal .controls{width:100%;padding:0}.ph-app-shell .form-horizontal .control-label{margin-bottom:6px}.ph-app-shell .form-actions{margin:16px -14px -14px;padding:14px}.ph-app-shell .area-top .sparkline-box{display:none}}