/* Final high-fidelity dashboard layer. Loaded after framework styles. */
@media (min-width: 1200px) {
  html:not(.customizer-hide) .layout-menu {
    width: 236px !important;
  }

  html:not(.customizer-hide) .layout-page {
    padding-left: 236px !important;
  }

  html:not(.customizer-hide) .layout-menu .app-brand {
    height: 137px !important;
    padding: 12px 14px 2px !important;
  }

  html:not(.customizer-hide) .layout-menu .app-brand-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
  }

  html:not(.customizer-hide) .layout-menu .app-brand-link > img {
    display: block !important;
    width: 105px !important;
    height: 82px !important;
    margin: 0 !important;
    object-fit: contain;
  }

  html:not(.customizer-hide) .layout-menu .app-brand-text {
    display: block !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  html:not(.customizer-hide) .layout-menu .sidebar-profile {
    height: 24px !important;
    margin: 0 12px 12px !important;
  }

  html:not(.customizer-hide) .layout-menu .sidebar-profile strong {
    color: #d1dcf1 !important;
    font-size: 11px !important;
  }

  body:has(.dashboard-welcome-banner) #layout-navbar::after {
    display: none !important;
    content: none !important;
  }

  body:has(.dashboard-welcome-banner) .dashboard-header-search {
    margin-left: 16px !important;
  }

  html:not(.customizer-hide) .layout-menu .sidebar-help-card {
    bottom: 88px !important;
  }

  html:not(.customizer-hide) .layout-menu .sidebar-user-card {
    display: grid !important;
  }
}











.dashboard-header-user-copy {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  margin-left: 9px;
  line-height: 1.1;
}

.dashboard-header-user-copy strong {
  color: #162746;
  font-size: 13px;
  font-weight: 700;
}

.dashboard-header-user-copy small {
  color: #6e7f9b;
  font-size: 9px;
  white-space: nowrap;
}

.dashboard-header-user-chevron {
  margin-left: auto;
  color: #27405f !important;
  font-size: 15px !important;
}

body:has(.dashboard-welcome-banner) #layout-navbar .navbar-nav > li:nth-child(2) {
  position: relative;
}

body:has(.dashboard-welcome-banner) #layout-navbar .navbar-nav > li[data-count]::after {
  position: absolute;
  top: 0;
  right: 1px;
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #ef3340;
  font-size: 7px;
  font-weight: 700;
  content: "3";
}

.ociu-filter-field {
  position: relative !important;
  padding-left: 42px !important;
}

.ociu-filter-leading-icon {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: inline-flex !important;
  width: 34px !important;
  height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #dfe6f1 !important;
  border-radius: 8px !important;
  color: #285df0 !important;
  background: #f7f9ff !important;
  font-size: 18px !important;
}

body:has(.dashboard-welcome-banner) .ociu-filter-clear-btn {
  width: auto !important;
  min-width: 76px !important;
  gap: 5px !important;
  border-color: transparent !important;
  color: #1655e6 !important;
  background: transparent !important;
  font-size: 11px !important;
  white-space: nowrap;
}

body:has(.dashboard-welcome-banner) .ociu-filter-clear-btn .ti {
  color: #1655e6 !important;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar {
  left: 16px !important;
  right: auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  transform: translateY(-15%) !important;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar-initial {
  color: #245ee8 !important;
  background: transparent !important;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) .card-border-shadow-success .avatar-initial { color:#10a764 !important; }
html:not(.customizer-hide) body:has(.dashboard-welcome-banner) .card-border-shadow-danger .avatar-initial { color:#f36a1d !important; }

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar-initial .ti,
html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar-initial .ti::before {
  font-size: 24px !important;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-1,
html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .d-flex {
  margin-left: 52px !important;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-1 {
  text-align: left !important;
}

.dashboard-card-trend {
  position: absolute;
  left: 16px;
  bottom: 12px;
  color: rgba(255,255,255,.94);
  font-size: 10px;
  font-weight: 700;
}

.dashboard-card-trend.is-up { color: #d6ffe5; }
.dashboard-card-trend.is-down { color: #fff1e7; }

.dashboard-card-decor {
  position: absolute;
  right: 18px;
  bottom: 15px;
  color: rgba(255,255,255,.65);
  font-size: 38px;
}

html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-0 {
  left: 72px !important;
  width: calc(100% - 140px) !important;
}

.dashboard-approval-value:not(.is-reverse) > .ti {
  right: -12px !important;
  left: auto !important;
}

.dashboard-approval-value.is-reverse > .ti {
  right: auto !important;
  left: -12px !important;
}

.dashboard-approval-grid .dashboard-approval-value button {
  width: 56px;
  border-radius: 5px;
}

.dashboard-approval-grid > .dashboard-approval-value:nth-child(6n + 2) button { background:#edf5ff; color:#075ce5; }
.dashboard-approval-grid > .dashboard-approval-value:nth-child(6n + 3) button { background:#ecfaf2; color:#14975b; }
.dashboard-approval-grid > .dashboard-approval-value:nth-child(6n + 4) button { background:#f7edff; color:#9029d4; }
.dashboard-approval-grid > .dashboard-approval-value:nth-child(6n + 5) button { background:#fff5e8; color:#ed7414; }
.dashboard-approval-grid > .dashboard-approval-value:nth-child(6n + 6) button { background:#fff0f0; color:#e52b35; }

.station-age-table tbody td:nth-child(2) .station-age-count { color:#075ce5 !important; }
.station-age-table tbody td:nth-child(3) .station-age-count { color:#15995d !important; }
.station-age-table tbody td:nth-child(4) .station-age-count { color:#ef8618 !important; }
.station-age-table tbody td:nth-child(5) .station-age-count { color:#ef343f !important; }
.station-age-table tbody td:nth-child(6) .station-age-count { color:#075ce5 !important; }
.station-age-table tbody td:nth-child(7) .station-age-count { color:#e12632 !important; }

.dashboard-panel-link {
  display: inline-flex;
  height: 27px;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  padding: 0 9px;
  border: 1px solid #dce5f2;
  border-radius: 7px;
  color: #1655e6;
  background: #f6f9ff;
  font-size: 10px;
  font-weight: 600;
}

.dashboard-panel-link .ti { font-size: 13px; }

.dashboard-journey-card > .card > .card-header,
.dashboard-station-age-card .card-header {
  display: flex !important;
  align-items: center !important;
}

.dashboard-station-age-card .card-header h5 {
  margin: 0 !important;
}

.dashboard-approval-corner,
.dashboard-approval-stage,
.dashboard-approval-direction,
.dashboard-approval-value {
  min-height: 43px !important;
}

.dashboard-approval-corner,
.dashboard-approval-stage {
  min-height: 32px !important;
}

.dashboard-approval-direction { white-space: nowrap !important; }

.station-age-table th {
  padding: 7px 8px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}

.station-age-table td {
  padding: 6px 8px !important;
  font-size: 11px !important;
}

body:has(.dashboard-welcome-banner) .dashboard-station-age-card .table-responsive {
  max-height: 220px !important;
}

@media (min-width: 1200px) and (max-height: 900px) {
  body:has(.dashboard-welcome-banner) .content-wrapper > .container-xxl:first-child {
    width: auto !important;
    max-width: none !important;
    zoom: 1 !important;
  }

  html:not(.customizer-hide) .layout-menu .sidebar-help-card {
    bottom: 76px !important;
    min-height: 54px !important;
  }
}

/* Short desktop screens: reduce real component heights without scaling width/text. */
@media (min-width: 1200px) and (max-height: 900px) {
  body:has(.dashboard-welcome-banner) .content-wrapper > .container-xxl:first-child {
    padding: 12px 14px !important;
  }

  .dashboard-welcome-banner {
    min-height: 104px !important;
    margin-bottom: 8px !important;
    padding: 14px 24px !important;
  }

  .dashboard-welcome-copy h1 { font-size: 22px !important; }
  .dashboard-welcome-copy p { margin-top: 4px !important; font-size: 11px !important; }
  .dashboard-welcome-time b { margin-top: 4px !important; font-size: 17px !important; }

  body:has(.dashboard-welcome-banner) .ociu-filter-card {
    margin-bottom: 8px !important;
    padding: 7px 10px !important;
  }

  body:has(.dashboard-welcome-banner) .ociu-filter-form {
    grid-template-columns: minmax(125px,.72fr) minmax(125px,.72fr) minmax(150px,.9fr) minmax(180px,1.1fr) minmax(230px,1.45fr) auto !important;
    gap: 8px !important;
  }

  .ociu-filter-field { padding-left: 38px !important; }
  .ociu-filter-leading-icon { width: 31px !important; height: 32px !important; }
  .ociu-filter-field .form-select,
  .ociu-filter-field .form-control,
  .ociu-filter-actions .btn { height: 32px !important; }
  .ociu-filter-field label { margin-bottom: 2px !important; font-size: 10px !important; }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] {
    min-height: 92px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body {
    padding: 10px 14px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-1 {
    font-size: 12px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body h4 {
    font-size: 21px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar {
    width: 36px !important;
    height: 36px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-1,
  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .d-flex {
    margin-left: 44px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-0 {
    bottom: 10px !important;
  }

  body:has(.dashboard-welcome-banner) .dashboard-journey-card > .card > .card-header,
  body:has(.dashboard-welcome-banner) .dashboard-side-card .card-header,
  body:has(.dashboard-welcome-banner) .dashboard-station-age-card .card-header {
    min-height: 35px !important;
    padding: 7px 12px !important;
  }

  body:has(.dashboard-welcome-banner) .dashboard-journey-card > .card > .card-body {
    padding: 8px 10px !important;
  }

  .dashboard-approval-corner,
  .dashboard-approval-stage { min-height: 27px !important; }

  .dashboard-approval-direction,
  .dashboard-approval-value { min-height: 36px !important; }

  .dashboard-status-card .card-body {
    min-height: 109px !important;
    padding: 8px 12px !important;
  }

  .dashboard-status-donut {
    width: 86px !important;
    height: 86px !important;
    flex-basis: 86px !important;
  }

  .dashboard-status-donut::before { width: 57px !important; height: 57px !important; }
  .dashboard-status-donut strong { font-size: 17px !important; }

  body:has(.dashboard-welcome-banner) .dashboard-station-age-card .table-responsive {
    max-height: 176px !important;
  }

  .dashboard-recent-list > div { min-height: 31px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
  .dashboard-quick-actions { padding: 8px 10px !important; }
  .dashboard-quick-actions :is(button, a) { min-height: 34px !important; }
}

@media (min-width: 1200px) {
  body:has(.dashboard-welcome-banner) .ociu-filter-leading-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  body:has(.dashboard-welcome-banner) .ociu-filter-field {
    padding-left: 44px !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .avatar {
    top: 16px !important;
    transform: none !important;
  }

  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .mb-1,
  html:not(.customizer-hide) body:has(.dashboard-welcome-banner) [class*="card-border-shadow-"] .card-body > .d-flex {
    margin-left: 62px !important;
  }
}