/*
    Llantina (LPP) admin theme.
    Loaded automatically after style.css by app_init_admin_assets() when this file exists.
    Tokens are shared with page-level stylesheets such as proposal-follow-up.css.
*/
:root {
  --lpp-cyan: #10b6df;
  --lpp-magenta: #df1491;
  --lpp-yellow: #f4cf16;
  --lpp-ink: #172033;
  --lpp-ink-strong: #0d1422;
  --lpp-muted: #667085;
  --lpp-line: #dfe5ec;
  --lpp-teal: #08759a;
  --lpp-link: #1454b8;
  --lpp-subtle: #f7f8fa;
  --lpp-page: #f5f7f9;
  --lpp-danger: #b42334;
  --lpp-warning: #a15c00;
  --lpp-success: #087f5b;
  --lpp-radius: 11px;
  --lpp-radius-sm: 9px;
  --lpp-shadow: 0 5px 20px rgba(16, 24, 40, .06);
  --lpp-focus-ring: 0 0 0 3px rgba(16, 182, 223, .12);
  --lpp-focus-outline: 3px solid rgba(16, 182, 223, .35);
}

body {
  background: var(--lpp-page);
}

/* Panels */
.panel_s {
  border-color: var(--lpp-line);
  border-radius: var(--lpp-radius);
  box-shadow: var(--lpp-shadow);
}

.panel_s > .panel-body {
  border-radius: var(--lpp-radius);
}

/* Buttons */
.btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  border-color: var(--lpp-ink);
  background: var(--lpp-ink);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  border-color: var(--lpp-ink-strong);
  background: var(--lpp-ink-strong);
  color: #fff;
}

.btn-default:hover {
  border-color: #9ba6b8;
}

.btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: var(--lpp-focus-outline);
  outline-offset: 2px;
}

/* Form controls */
textarea.form-control:focus,
select.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
.bootstrap-select .dropdown-toggle:focus {
  border-color: var(--lpp-cyan);
  box-shadow: var(--lpp-focus-ring);
}

/* Tables */
.table > thead > tr > th {
  background: var(--lpp-subtle);
  color: #3e4a5b;
}

.table-hover > tbody > tr:hover,
table.dataTable tbody tr:hover {
  background-color: #fbfdfe;
}

/* Tabs */
.nav-tabs {
  border-bottom-color: var(--lpp-line);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-color: var(--lpp-ink);
  color: var(--lpp-ink);
  font-weight: 700;
}

/* Filter pills (e.g. leads status summary) */
.lpp-pill-active,
.lpp-pill-active:hover,
.lpp-pill-active:focus {
  border-color: var(--lpp-ink);
  background: var(--lpp-ink);
  color: #fff;
}

/* Status labels carry an inline color; white text needs to win over it. */
.lpp-pill-active span {
  color: #fff !important;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background: var(--lpp-ink);
  color: #fff;
}

/* Modals and dropdowns */
.modal-content {
  border-color: var(--lpp-line);
  border-radius: var(--lpp-radius);
}

.modal-header {
  border-bottom-color: var(--lpp-line);
}

.modal-footer {
  border-top-color: var(--lpp-line);
}

.dropdown-menu {
  border-radius: var(--lpp-radius-sm);
}

/* Sidebar */
.sidebar {
  border-right-color: var(--lpp-line);
}

[dir="rtl"] .sidebar {
  border-left-color: var(--lpp-line);
}

.sidebar > ul.nav > li:hover a:first-child,
.sidebar > ul.nav > li.active a:first-child {
  border-color: var(--lpp-line);
  border-radius: var(--lpp-radius-sm);
}

/* Active top-level item: same solid fill as .lpp-pill-active. :first-child matches the base hover/active rule's specificity. */
.sidebar > ul.nav > li.active > a:first-child,
.sidebar > ul.nav > li.active > a:first-child:hover,
.sidebar > ul.nav > li.active > a:first-child:focus {
  border-color: var(--lpp-ink);
  background: var(--lpp-ink);
  color: #fff;
}

.sidebar > ul.nav > li.active > a:first-child .menu-icon,
.sidebar > ul.nav > li.active > a:first-child .arrow {
  color: #fff;
}

/* Active submenu item: lighter tint so it doesn't compete with the filled parent. The base rule uses !important. */
.sidebar ul.nav li .nav-second-level li.active > a,
.sidebar ul.nav li .nav-second-level li.active > a:hover,
.sidebar ul.nav li .nav-second-level li.active > a:focus {
  margin-top: 2px;
  border-radius: 7px;
  background: #e4f6fc !important;
  color: #075e7b;
  font-weight: 700;
}

.sidebar ul.nav li .nav-second-level li.active > a .menu-icon {
  color: #075e7b;
}