/* ====== MCAD Blue & White Theme ====== */

:root {
  --mcad-blue: #152a66;       /* Primary navy blue */
  --mcad-blue-light: #1b93b2; /* Accent light blue */
  --mcad-white: #ffffff;      /* White */
  --mcad-bg-light: #f4f7fb;   /* Page background */
  --mcad-border: #d0d7e2;
  --mcad-radius: 8px;
}

/* Global */
html, body, .page-container {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background-color: var(--mcad-bg-light) !important;
  color: #1e293b;
  line-height: 1.5 !important;
}

/* Navbar */
.navbar, .navbar-static-top {
  background: var(--mcad-blue) !important;
  border-bottom: 2px solid var(--mcad-blue-light);
}
.navbar a, .navbar .nav-link {
  color: var(--mcad-white) !important;
}
.navbar a:hover, .navbar .nav-link:hover {
  color: var(--mcad-blue-light) !important;
}

/* Footer */
.web-footer, .standard-footer {
  background: var(--mcad-blue) !important;
  color: var(--mcad-white) !important;
  padding: 20px 0;
}
.web-footer a {
  color: var(--mcad-white) !important;
}
.web-footer a:hover {
  color: var(--mcad-blue-light) !important;
}

/* Buttons */
.btn-primary, .btn.btn-primary {
  background: var(--mcad-blue) !important;
  border: none !important;
  border-radius: var(--mcad-radius) !important;
  color: var(--mcad-white) !important;
  padding: 8px 16px;
}
.btn-primary:hover {
  background: var(--mcad-blue-light) !important;
  color: var(--mcad-white) !important;
}
.btn-secondary {
  background: var(--mcad-white) !important;
  color: var(--mcad-blue) !important;
  border: 1px solid var(--mcad-blue) !important;
}
.btn-secondary:hover {
  background: var(--mcad-blue-light) !important;
  color: var(--mcad-white) !important;
}

/* Forms & Inputs */
.form-control, .input-with-feedback {
  border-radius: var(--mcad-radius) !important;
  border: 1px solid var(--mcad-border) !important;
  height: 35px !important;
  padding: 6px 10px;
}
.form-control:focus {
  border-color: var(--mcad-blue-light) !important;
  box-shadow: 0 0 0 2px rgba(27,147,178,0.2);
}

/* Cards & Panels */
.card, .page-card, .frappe-card {
  background: var(--mcad-white) !important;
  border-radius: var(--mcad-radius) !important;
  border: 1px solid var(--mcad-border) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Login page */
.page-card .page-card-head {
  background: var(--mcad-blue) !important;
  color: var(--mcad-white) !important;
  border-top-left-radius: var(--mcad-radius);
  border-top-right-radius: var(--mcad-radius);
}
.page-card input {
  border-radius: var(--mcad-radius);
}

/* List View */
.list-row-head, .dt-row-header {
  background: var(--mcad-blue) !important;
  color: var(--mcad-white) !important;
}
.list-row-container .list-row-border {
  border-bottom: 1px solid var(--mcad-border) !important;
}
.list-row:hover {
  background: rgba(21,42,102,0.06) !important;
}

/* Sidebar */
.standard-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.selected {
  background: var(--mcad-blue-light) !important;
  color: var(--mcad-white) !important;
}
.standard-sidebar .standard-sidebar-item:hover {
  background: rgba(21,42,102,0.1) !important;
}

/* Badges */
.badge {
  border-radius: var(--mcad-radius);
  font-size: 12px;
  padding: 4px 8px;
}


/* ===== MCAD Blue & Green Theme ===== */

/* Primary button → Green */
.btn.btn-primary,
.btn-primary {
    background: #0b7b43 !important;   /* Deep Green */
    color: #fff !important;
    border: none !important;
}
.btn.btn-primary:hover,
.btn-primary:hover {
    background: #15a362 !important;   /* Lighter hover green */
    color: #fff !important;
}

/* Secondary button → Blue border */
.btn.btn-secondary {
    background: #ffffff !important;
    color: #152a66 !important;        /* Navy Blue */
    border: 1px solid #152a66 !important;
}
.btn.btn-secondary:hover {
    background: #152a66 !important;
    color: #ffffff !important;
}

/* List View Header → Blue */
.list-row-head,
.dt-row-header,
.dt-cell--header {
    background: #152a66 !important;   /* Navy Blue */
    color: #ffffff !important;
}

/* Widget Shortcut (Green) */
.widget.shortcut-widget-box {
    background-color: #0b7b43 !important;
    padding: 0.6rem 0.5rem !important;
}
.widget.shortcut-widget-box .widget-title {
    color: #fff !important;
}

/* Section headers → Blue */
.section-head {
    background-color: #152a66 !important;
    color: #fff !important;
}

/* Tabs → Blue active */
.form-tabs .active {
    background: #152a66 !important;
    color: #fff !important;
    padding: 10px 15px !important;
}

/* List-row hover → subtle green tint */
.list-row:hover {
    background: rgba(11, 123, 67, 0.08) !important;
}

/* Sidebar selection → Blue */
.standard-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item.selected {
    background: #1b93b2 !important;   /* Accent Blue */
    color: #fff !important;
    border-radius: 6px;
}
.standard-sidebar .standard-sidebar-item:hover {
    background: rgba(27,147,178,0.1) !important;
}

/* Checkboxes → Green */
input[type="checkbox"]:checked {
    background-color: #0b7b43 !important;
    border-color: #0b7b43 !important;
}

/* Form focus highlight → Green */
.form-control:focus {
    border: 1px solid #0b7b43 !important;
    box-shadow: 0 0 0 2px rgba(11,123,67,0.25);
}

.badge[data-label="Proposal"] { background: var(--mcad-blue-light) !important; color: #fff !important; }
.badge[data-label="Training"] { background: #0ea5e9 !important; color: #fff !important; }
.badge[data-label="MoU"] { background: #0369a1 !important; color: #fff !important; }
.badge[data-label="Monthly"] { background: #152a66 !important; color: #fff !important; }