/* Dentaljoo dashboard polish — intentionally isolated from the public frontend. */
:root {
  --djo-dashboard-canvas: #f6f8fc;
  --djo-dashboard-surface: #fff;
  --djo-dashboard-soft: #edf4ff;
  --djo-dashboard-line: #dce5f1;
  --djo-dashboard-ink: #13233a;
  --djo-dashboard-muted: #6a798d;
  --djo-dashboard-primary: #1769e0;
}

body:has(.sidebar-base) {
  color: var(--djo-dashboard-ink);
  background: var(--djo-dashboard-canvas) !important;
}

body:has(.sidebar-base) #page_layout {
  background: var(--djo-dashboard-canvas) !important;
}

.tabyar-dashboard-welcome {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  min-height: 150px !important;
  padding: 24px 28px !important;
  background:
    linear-gradient(110deg, var(--djo-dashboard-surface) 0 72%, var(--djo-dashboard-soft) 72% 100%) !important;
  border: 1px solid var(--djo-dashboard-line) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.tabyar-dashboard-welcome__copy {
  max-width: 660px;
}

.tabyar-dashboard-welcome__eyebrow {
  color: var(--djo-dashboard-primary) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

.tabyar-dashboard-welcome h1 {
  margin: 7px 0 3px !important;
  color: var(--djo-dashboard-ink) !important;
  font-size: clamp(24px, 2.2vw, 31px) !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.tabyar-dashboard-welcome h1 strong {
  font-weight: 740 !important;
}

.tabyar-dashboard-welcome p {
  max-width: 620px;
  margin: 0 !important;
  color: var(--djo-dashboard-muted) !important;
  font-size: 12px !important;
  line-height: 1.85 !important;
}

.tabyar-dashboard-welcome__visual {
  display: grid !important;
  grid-template-columns: 122px minmax(0, 1fr) !important;
  align-items: center;
  gap: 14px !important;
}

.tabyar-dashboard-welcome__visual > img {
  width: 122px !important;
  height: 96px !important;
  max-height: 96px !important;
  object-fit: contain;
}

.tabyar-dashboard-welcome__date {
  position: static !important;
  min-width: 0 !important;
  padding: 12px !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid #d3e0f1 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

.tabyar-dashboard-welcome__date > i {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  font-size: 17px !important;
}

.tabyar-dashboard-welcome__date small {
  color: var(--djo-dashboard-muted) !important;
  font-size: 9px !important;
}

.tabyar-dashboard-welcome__date strong {
  color: var(--djo-dashboard-ink) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.7;
}

#page_layout .tabyar-dashboard-welcome + .row > .col-md-12 > .d-flex:first-child {
  min-height: 62px;
  margin-bottom: 16px !important;
  padding: 10px 12px;
  background: var(--djo-dashboard-surface);
  border: 1px solid var(--djo-dashboard-line);
  border-radius: 12px;
}

#page_layout .tabyar-dashboard-welcome + .row > .col-md-12 > .d-flex:first-child h3 {
  color: var(--djo-dashboard-ink);
  font-size: 15px;
  font-weight: 680;
}

#dateRangeForm .form-group {
  gap: 8px !important;
  margin-inline-start: 0 !important;
}

#dateRangeForm .dashboard-date-range {
  width: 150px;
  min-height: 40px !important;
  padding-inline: 12px;
  color: var(--djo-dashboard-ink);
  background: var(--djo-dashboard-canvas) !important;
  border-color: transparent !important;
  font-size: 11px;
}

#dateRangeForm .btn {
  min-width: 40px;
  min-height: 40px !important;
  padding-inline: 12px;
  font-size: 11px;
}

.tabyar-stat-grid {
  gap: 13px !important;
}

.tabyar-stat-card {
  grid-template-columns: 44px minmax(0, 1fr) 24px !important;
  min-height: 100px !important;
  gap: 12px !important;
  padding: 15px !important;
  background: var(--djo-dashboard-surface) !important;
  border: 1px solid var(--djo-dashboard-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

.tabyar-stat-card:hover {
  border-color: #b8cbea !important;
  transform: translateY(-1px) !important;
}

.tabyar-stat-card__icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  font-size: 19px !important;
}

.tabyar-stat-card__content {
  gap: 4px !important;
}

.tabyar-stat-card__content span {
  color: var(--djo-dashboard-muted) !important;
  font-size: 10px !important;
  font-weight: 570 !important;
  line-height: 1.6;
}

.tabyar-stat-card__content strong {
  color: var(--djo-dashboard-ink) !important;
  font-size: 21px !important;
  font-weight: 730 !important;
  line-height: 1.35;
}

.tabyar-stat-card__arrow {
  color: #7f94b0 !important;
}

body:has(.sidebar-base) #page_layout .card {
  background: var(--djo-dashboard-surface) !important;
  border: 1px solid var(--djo-dashboard-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

body:has(.sidebar-base) #page_layout .card-header {
  padding: 17px 18px;
  border-bottom-color: var(--djo-dashboard-line);
}

body:has(.sidebar-base) #page_layout .card-title {
  color: var(--djo-dashboard-ink);
  font-size: 15px;
  font-weight: 670;
}

[data-bs-theme='dark'] {
  --djo-dashboard-canvas: #0b1421;
  --djo-dashboard-surface: #111d2c;
  --djo-dashboard-soft: #172740;
  --djo-dashboard-line: #273a52;
  --djo-dashboard-ink: #eef4fc;
  --djo-dashboard-muted: #9eafc4;
  --djo-dashboard-primary: #76a9f4;
}

[data-bs-theme='dark'] .tabyar-dashboard-welcome {
  background:
    linear-gradient(110deg, var(--djo-dashboard-surface) 0 72%, var(--djo-dashboard-soft) 72% 100%) !important;
}

[data-bs-theme='dark'] .tabyar-dashboard-welcome__date {
  background: rgba(17, 29, 44, .84) !important;
  border-color: var(--djo-dashboard-line) !important;
}

[data-bs-theme='dark'] #dateRangeForm .dashboard-date-range {
  color: var(--djo-dashboard-ink);
  background: #0d1826 !important;
}

@media (max-width: 991.98px) {
  .tabyar-dashboard-welcome {
    grid-template-columns: minmax(0, 1fr) 250px !important;
  }

  .tabyar-dashboard-welcome__visual {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  .tabyar-dashboard-welcome__visual > img {
    width: 96px !important;
  }
}

@media (max-width: 767.98px) {
  body:has(.sidebar-base) #page_layout {
    padding: 14px 12px 0 !important;
  }

  .tabyar-dashboard-welcome {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 19px !important;
    background: var(--djo-dashboard-surface) !important;
  }

  .tabyar-dashboard-welcome h1 {
    font-size: 23px !important;
  }

  .tabyar-dashboard-welcome__visual {
    display: block !important;
    margin-top: 14px;
  }

  .tabyar-dashboard-welcome__visual > img {
    display: none !important;
  }

  #page_layout .tabyar-dashboard-welcome + .row > .col-md-12 > .d-flex:first-child {
    align-items: stretch !important;
    flex-direction: column;
    gap: 10px;
  }

  #dateRangeForm,
  #dateRangeForm .form-group {
    width: 100%;
  }

  #dateRangeForm .dashboard-date-range {
    min-width: 0;
    flex: 1 1 auto;
    width: auto;
  }

  .tabyar-stat-grid--three,
  .tabyar-stat-grid--four {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}