/*
 * Taskerr brand override - GENERATED from the Demandium stylesheets (bootstrap.min.css, style.css, dev.css, form-unified.css, dev-tahir.css, common.css).
 * Load AFTER style.css. Swaps the Demandium blue for the Taskerr greens used by com.taskerr.web:
 * brand #013513, brand-600 #024a1c, accent #00a34c, accent-soft #e6f5ec, accent-ink #007a36.
 * Primary is accent-ink (#007a36): 5.5:1 on white for links/text and white-on-green buttons;
 * dark theme uses the brighter accent so it stays legible on the dark background.
 */
:root,[data-bs-theme=light] {
  --bs-blue: #007a36;
  --bs-primary: #007a36;
  --bs-primary-rgb: 0, 122, 54;
  --bs-primary-bg-subtle: #e6f5ec;
  --bs-primary-border-subtle: #9bd9b5;
  --bs-link-color: #007a36;
  --bs-link-color-rgb: 0, 122, 54;
  --bs-link-hover-color: #013513;
  --bs-focus-ring-color: rgba(0, 122, 54, 0.25);
}

[data-bs-theme=dark] {
  --bs-primary-text-emphasis: #5cc98b;
  --bs-link-color: #5cc98b;
}

.table-primary {
  --bs-table-bg: #e6f5ec;
}

.form-control:focus {
  border-color: #66c08e;
  box-shadow: 0 0 0 .25rem rgba(0, 122, 54,.25);
}

.form-select:focus {
  border-color: #66c08e;
  box-shadow: 0 0 0 .25rem rgba(0, 122, 54,.25);
}

.form-check-input:focus {
  border-color: #66c08e;
  box-shadow: 0 0 0 .25rem rgba(0, 122, 54,.25);
}

.form-check-input:checked {
  background-color: #007a36;
  border-color: #007a36;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #007a36;
  border-color: #007a36;
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2366c08e'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(0, 122, 54,.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(0, 122, 54,.25);
}

.form-range::-webkit-slider-thumb {
  background-color: #007a36;
}

.form-range::-moz-range-thumb {
  background-color: #007a36;
}

.btn-primary {
  --bs-btn-bg: #007a36;
  --bs-btn-border-color: #007a36;
  --bs-btn-hover-border-color: #013513;
  --bs-btn-active-bg: #013513;
  --bs-btn-disabled-bg: #007a36;
  --bs-btn-disabled-border-color: #007a36;
}

.btn-outline-primary {
  --bs-btn-focus-shadow-rgb: 0, 122, 54;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: #007a36;
}

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: #007a36;
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(0, 122, 54,.25);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #007a36;
}

.accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 122, 54, 0.25);
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235cc98b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235cc98b'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 122, 54, 0.25);
  --bs-pagination-active-bg: #007a36;
  --bs-pagination-active-border-color: #007a36;
}

.progress,.progress-stacked {
  --bs-progress-bar-bg: #007a36;
}

.list-group {
  --bs-list-group-active-bg: #007a36;
  --bs-list-group-active-border-color: #007a36;
}

.btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 122, 54, 0.25);
}

:root,
[data-bs-theme=light] {
  --bs-primary: #007a36;
  --bs-primary-dark: #013513;
  --bs-primary-rgb: 0, 122, 54;
  --btn-rgb: 0, 122, 54;
  --input-border-color-active: rgba(0, 122, 54, 0.315);
  --bs-primary-light-bg: rgba(0, 122, 54, 0.05);
}

[data-bs-theme=dark] {
  --bs-primary-light-bg: rgba(0, 122, 54, 0.1);
}

.box-shadow,
.dropdown-menu,
.card,
.header,
.aside,
.settings-sidebar,
.filter-aside {
  box-shadow: 0px 0px 0.125rem rgba(0, 122, 54, 0.05), 0px 0.75rem 1.5rem -0.25rem rgba(0, 122, 54, 0.05);
}

.btn--secondary-two {
  background-color: rgba(0, 122, 54, 0.05);
  border: 1px solid rgba(0, 122, 54, 0.2);
}

.btn--light {
  background-color: rgba(0, 122, 54, 0.05);
}

.btn--light-primary {
  background-color: rgba(0, 122, 54, 0.05);
}

.table-variation th:nth-child(1),
.table-variation th:nth-child(2),
.table-variation td:nth-child(1),
.table-variation td:nth-child(2) {
  background-color: rgba(0, 122, 54, 0.05);
}

.accordion-header {
  background-color: rgba(0, 122, 54, 0.05);
}

.card-header {
  box-shadow: 0px 0px 0.125rem rgba(0, 122, 54, 0.05), 0rem 0.375rem 0.75rem -0.1875rem rgba(0, 122, 54, 0.05);
}

.business-summary-services {
  background: linear-gradient(180deg, #013513 0%, #024a1c 100%);
}

.statistics-card__primary::after {
  background: linear-gradient(180deg, rgba(167, 255, 204, 0.1) 0%, rgba(1, 53, 19, 0.1) 100%);
}

.statistics-card__primary.border {
  border-color: rgba(1, 53, 19, 0.5) !important;
}

.statistics-card__collect-cash {
  border: 0.0625rem solid rgba(0, 122, 54, 0.3);
}

.statistics-card__collect-cash h2 {
  color: #007a36;
}

.statistics-card__collect-cash::after {
  background: linear-gradient(180deg, rgba(0, 122, 54, 0.1) 0%, rgba(232, 235, 255, 0.1) 100%);
}

.statistics-card__order-overview {
  border: 0.0625rem solid rgba(0, 122, 54, 0.3);
}

.badge-primary {
  background-color: rgba(0, 122, 54, 0.1);
  color: #007a36;
}

.badge-primary .dot {
  background-color: #007a36;
}

.upload-file__edit {
  background-color: #cdebd9;
}

.register-copy,
.login-copy {
  background-color: #013513;
}

.information-details-box {
  border: 1px solid rgba(0, 122, 54, 0.05);
}

.service-man-list__item {
  border: 1px solid rgba(0, 122, 54, 0.05);
}

.service-man-list__item_header {
  background: rgba(0, 122, 54, 0.05);
}

[data-bs-theme=dark] .statistics-card__order-overview {
  border-color: rgba(0, 122, 54, 0.7);
}

[data-bs-theme=dark] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 122, 54, 0.15) !important;
}

.bg-primary-light {
  background-color: rgba(0, 122, 54, 0.05) !important;
}

.ripple-animation {
  box-shadow: 0 0 0px 0px rgba(0, 163, 76, 0.3);
}

.bg-custom {
  --bg-custom: rgba(0, 122, 54, 0.12);
}

.bg-soft-light {
  background-color: rgba(0, 122, 54, 0.05) !important;
}

.search-list-item:hover {
  background-color: rgba(0, 122, 54, 0.05);
}

.statistics-card.style__two {
  border: 0.791px solid rgba(0, 122, 54, 0.3);
}

.statistics-card.style__two::after {
  background: linear-gradient(180deg, rgba(0, 122, 54, 0.06) 0%, rgba(232, 235, 255, 0.06) 100%);
}

.price-box__top::after {
  background: rgba(0, 122, 54, 0.05);
}

.payment-method-option.active {
  border-color: rgba(0, 122, 54, 0.51);
  box-shadow: 0px 8px 15px 0px rgba(0, 122, 54, 0.1);
}

.input-radio-item input:checked ~ .inner {
  background: rgba(0, 122, 54, 0.062745098);
}

.plan-item-inner {
  border: 1px solid rgba(0, 122, 54, 0.3019607843);
}

.plan-item-inner::after {
  background: rgba(0, 122, 54, 0.0509803922);
}

.plan-item-inner .info {
  border-top: 1px solid rgba(0, 122, 54, 0.2);
}

.btn--light-danger {
  background-color: rgba(0, 122, 54, 0.05);
}

.text-136DC7 {
  --bs-primary: #007a36;
}

[data-bs-theme=dark] .daterangepicker td.in-range {
  background: rgba(0, 122, 54, 0.25) !important;
}

[data-bs-theme=dark] .daterangepicker td.active,
[data-bs-theme=dark] .daterangepicker td.active:hover {
  background: #007a36 !important;
}

[data-bs-theme=dark] .daterangepicker .applyBtn {
  background: #007a36 !important;
}

[data-bs-theme=dark] .daterangepicker .ranges li.active {
  background: #007a36 !important;
}

@keyframes wave {
  0% {
    box-shadow: 0 0 0px 0px rgba(0, 163, 76, 0.3);
  }
  100% {
    box-shadow: 0 0 0px 10px rgba(0, 163, 76, 0);
  }
}

/* ---- Taskerr brand tokens (hand-written; these win over everything above) ---- */
:root,
[data-bs-theme=light] {
  --taskerr-brand: #013513;
  --taskerr-brand-600: #024a1c;
  --taskerr-accent: #00a34c;
  --taskerr-accent-soft: #e6f5ec;
  --taskerr-accent-ink: #007a36;

  --bs-primary: #007a36;
  --bs-primary-rgb: 0, 122, 54;
  --bs-primary-dark: #013513;
  --bs-primary-dark-rgb: 1, 53, 19;
  --bs-primary-light: #e6f5ec;
  --bs-primary-light-bg: rgba(0, 122, 54, 0.06);
  --btn-rgb: 0, 122, 54;
  --input-border-color-active: rgba(0, 122, 54, 0.45);
  --bs-link-color: #007a36;
  --bs-link-color-rgb: 0, 122, 54;
  --bs-link-hover-color: #013513;
  --bs-link-hover-color-rgb: 1, 53, 19;
  --bs-focus-ring-color: rgba(0, 163, 76, 0.25);
}

[data-bs-theme=dark] {
  --bs-primary: #00a34c;
  --bs-primary-rgb: 0, 163, 76;
  --bs-primary-dark: #007a36;
  --bs-primary-dark-rgb: 0, 122, 54;
  --bs-primary-light: rgba(0, 163, 76, 0.15);
  --bs-primary-light-bg: rgba(0, 163, 76, 0.12);
  --btn-rgb: 0, 163, 76;
  --input-border-color-active: rgba(0, 163, 76, 0.5);
  --bs-link-color: #3ec27a;
  --bs-link-color-rgb: 62, 194, 122;
  --bs-link-hover-color: #6fd49c;
  --bs-link-hover-color-rgb: 111, 212, 156;
}

/* Bootstrap components that read the component-level variables. */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-dark);
  --bs-btn-hover-border-color: var(--bs-primary-dark);
  --bs-btn-active-bg: var(--bs-primary-dark);
  --bs-btn-active-border-color: var(--bs-primary-dark);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary-dark);
  --bs-btn-active-border-color: var(--bs-primary-dark);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-control:focus,
.form-select:focus {
  border-color: var(--input-border-color-active);
}
::selection {
  background-color: rgba(0, 163, 76, 0.2);
}