@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");

:root {
  --teal: #0A5664;
  --teal-dark: #073d47;
  --teal-mid: #0d6b7c;
  --teal-lt: #e8f4f6;
  --pink: #E91E63;
  --pink-dark: #c2185b;
  --pink-lt: #fce4ec;
}

body {
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Navbar - Dark Teal */
.navbar {
  background-color: #073d47 !important;
  border-bottom: none !important;
  box-shadow: 0 2px 12px rgba(10,86,100,.18) !important;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-nav .nav-link,
header .navbar .search-bar .search-bar-icon,
.navbar .dropdown-toggle::after {
  color: rgba(255,255,255,.85) !important;
}
.navbar .nav-link:hover,
.navbar .navbar-nav .nav-link:hover {
  color: #fff !important;
}
.navbar .search-bar .search-bar-input {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: #fff !important;
  border-radius: 6px !important;
}
.navbar .search-bar .search-bar-input::placeholder {
  color: rgba(255,255,255,.45) !important;
}

/* Sidebar - Dark Teal */
.desk-sidebar, .sidebar-menu {
  background-color: #073d47 !important;
}
.desk-sidebar .desk-sidebar-item,
.sidebar-menu .sidebar-label {
  color: rgba(255,255,255,.65) !important;
}
.desk-sidebar .desk-sidebar-item:hover,
.sidebar-menu .sidebar-label:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}
.desk-sidebar .desk-sidebar-item.selected,
.sidebar-menu .sidebar-label.selected {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-weight: 600;
}

/* Primary buttons - Teal */
.btn-primary, .btn-primary-dark {
  background-color: #0A5664 !important;
  border-color: #0A5664 !important;
  border-radius: 4px !important;
}
.btn-primary:hover, .btn-primary-dark:hover {
  background-color: #073d47 !important;
  border-color: #073d47 !important;
}
.btn-primary:focus, .btn-primary:active {
  box-shadow: 0 0 0 2px rgba(10,86,100,.25) !important;
}

/* Secondary buttons */
.btn-secondary, .btn-default {
  border-radius: 4px !important;
  border-color: #E2E8EA !important;
}

/* Page background */
.page-container, .layout-main {
  background-color: #F5F7F8 !important;
}

/* Cards */
.frappe-card, .widget.shortcut-widget-box {
  border-radius: 6px !important;
  border-color: #E2E8EA !important;
}

/* Module icons - Teal */
.module-card-wrapper .module-card .module-icon svg,
.desk-page .module-card .module-icon svg {
  fill: #0A5664 !important;
}
.module-card-wrapper .module-card .module-icon,
.desk-page .module-card .module-icon {
  background-color: #e8f4f6 !important;
  border-radius: 8px !important;
}

/* Links - Teal */
a { color: #0A5664; }
a:hover { color: #073d47; }

/* Indicators */
.indicator-pill.green, .badge-success { background-color: #0A7A52 !important; }
.indicator-pill.red, .badge-danger { background-color: #C0392B !important; }
.indicator-pill.blue { background-color: #0A5664 !important; }

/* Pink accent */
.like-action .like-active,
.notifications-seen .badge {
  color: #E91E63 !important;
}

/* Side section */
.layout-side-section {
  background-color: #FAFBFB !important;
  border-right: 1px solid #E2E8EA !important;
}

/* Text */
.text-muted { color: #4A6567 !important; }

/* Inputs */
.form-control, .frappe-control input, .frappe-control select, .frappe-control textarea {
  border-radius: 4px !important;
  border-color: #E2E8EA !important;
}
.form-control:focus, .frappe-control input:focus {
  border-color: #0A5664 !important;
  box-shadow: 0 0 0 2px rgba(10,86,100,.12) !important;
}

/* Table header - Dark Teal */
.frappe-list .list-row-head, .report-wrapper .dt-header {
  background-color: #073d47 !important;
  color: #fff !important;
}
.frappe-list .list-row-head .list-header-subject,
.frappe-list .list-row-head .list-row-col {
  color: #fff !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #F5F7F8; }
::-webkit-scrollbar-thumb { background: #b3d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #0d6b7c; }

/* ── Login Page ── */
.page-card {
  border-radius: 8px !important;
  border: 1px solid #E2E8EA !important;
  box-shadow: 0 4px 8px -2px rgba(10,86,100,.12), 0 2px 4px -2px rgba(10,86,100,.08) !important;
}
.login-content .page-card .btn-primary,
.login-content .page-card .btn-primary-dark {
  background-color: #0A5664 !important;
  border-color: #0A5664 !important;
  border-radius: 4px !important;
  color: #fff !important;
}
.login-content .page-card .btn-primary:hover {
  background-color: #073d47 !important;
}
.login-content .page-card a {
  color: #0A5664 !important;
}
.login-content .for-login .title {
  color: #0D1B1E !important;
}
body.login-page {
  background-color: #F5F7F8 !important;
}
/* Login logo - override to teal */
.login-content .page-logo {
  background-color: #0A5664 !important;
  border-radius: 8px !important;
}