/* ============================================================
   Ganapathy Enterprises — brand theme
   Layered on top of the vendor template via its own CSS custom
   properties, so no template/vendor file needs to be touched.
   ============================================================ */

:root, [data-bs-theme="light"] {
  /* -- Brand palette -------------------------------------------------- */
  --in-primary: #173F73;
  --in-primary-rgb: 23, 63, 115;
  --in-primary-text-emphasis: #0E2846;
  --in-primary-bg-subtle: #E4EAF3;
  --in-primary-border-subtle: #B6C4DA;

  --in-secondary: #0C9C8D;
  --in-secondary-rgb: 12, 156, 141;
  --in-secondary-text-emphasis: #06463F;
  --in-secondary-bg-subtle: #DCF3F0;
  --in-secondary-border-subtle: #9FDDD4;

  /* -- Sidebar / menu --------------------------------------------------
     keeps the existing dark-navy sidebar feel, just aligned to the
     new brand blue instead of the old teal-green default */
  --in-vertical-menu-item-hover-color: #4FD1C5;
  --in-vertical-menu-item-active-color: #FFFFFF;
  --in-vertical-menu-item-active-bgcolor: linear-gradient(
    to right,
    rgba(12, 156, 141, 0.28) 30%,
    transparent 100%
  );

  --in-body-bg: #F5F7FA;
  --in-link-color: var(--in-primary);
}

body {
  font-family: "hkgrotesk", var(--in-font-sans-serif);
}

/* -- Sidebar ----------------------------------------------------------- */
.app-menu.navbar-menu {
  background-color: #0E2846 !important;
  background-image: linear-gradient(180deg, #0E2846 0%, #173F73 140%);
}
.app-menu .navbar-nav .nav-link.menu-link {
  border-radius: 6px;
  margin: 1px 10px;
  width: calc(100% - 20px);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.app-menu .navbar-nav .menu-title {
  letter-spacing: 1.2px;
  opacity: 0.65;
}

/* -- Topbar -------------------------------------------------------------*/
#page-topbar {
  box-shadow: 0 1px 0 rgba(15, 15, 18, 0.06);
}

/* -- Cards --------------------------------------------------------------*/
.card {
  border: 1px solid #E9ECEF;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(15, 15, 18, 0.04);
}
.card .card-header {
  border-bottom: 1px solid #EDEFF2;
  font-weight: 600;
}

/* -- Buttons --------------------------------------------------------------*/
.btn {
  border-radius: 7px;
  font-weight: 500;
}
.btn-primary {
  box-shadow: 0 2px 6px rgba(var(--in-primary-rgb), 0.28);
}

/* -- "Static" read-only company-detail fields ----------------------------
   used throughout the invoice forms; give them a touch more definition
   so they read as an info panel rather than a disabled input */
input.form-control[readonly].bg-light,
textarea.form-control[readonly].bg-light {
  background-color: var(--in-primary-bg-subtle) !important;
  border: 1px solid var(--in-primary-border-subtle) !important;
  color: var(--in-primary-text-emphasis);
  font-weight: 500;
}

/* -- Tables ---------------------------------------------------------------*/
.table > thead {
  background-color: var(--in-primary-bg-subtle);
}
.table > thead th {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--in-primary-text-emphasis);
  border-bottom-width: 1px;
}

/* -- Auth pages (login / register) -----------------------------------------*/
.auth-bg {
  background: linear-gradient(160deg, #0E2846 0%, #173F73 55%, #0C9C8D 130%);
}
.auth-full-page-content .card {
  border: none;
  box-shadow: 0 12px 32px rgba(14, 40, 70, 0.18);
}

/* -- Page title -------------------------------------------------------------*/
.page-title-box h4 {
  font-weight: 700;
  color: var(--in-primary-text-emphasis);
}