/* H-Care Owner Portal brand override (loaded after style.bundle.css).
   Light green primary family. Light theme only. */
:root, [data-bs-theme="light"] {
    --bs-primary: #50CD89;
    --bs-primary-rgb: 80, 205, 137;
    --bs-primary-active: #17A85A;
    --bs-primary-light: #EAF9F0;
    --bs-primary-inverse: #0A3D23;
    --bs-primary-clarity: rgba(80, 205, 137, .2);
    --bs-primary-text-emphasis: #0F6B3A;
    --bs-primary-bg-subtle: #DDF6E6;
    --bs-primary-border-subtle: #B8EBCB;
}

/* H-Care dark header on demo60 (demo60 default is red #B02A00/#A12700). */
:root, [data-bs-theme="light"] {
    --bs-app-header-base-bg-color: #0A3D23;
    --bs-app-header-primary-base-bg-color: #0A3D23;
    --bs-app-header-secondary-base-bg-color: #06291A;
}

/* White logo + navbar action icons on the dark header. */
[data-bs-theme="light"] .app-header .app-header-logo img {
    filter: brightness(0) invert(1);
}
[data-bs-theme="light"] .app-header .app-navbar .btn-icon-gray-500,
[data-bs-theme="light"] .app-header .app-navbar .btn-custom {
    color: #ffffff;
}
[data-bs-theme="light"] .app-header .app-navbar .btn-custom {
    border-color: rgba(255, 255, 255, 0.4);
}

/* Keep list-table body cells vertically centered (demo60 keeps th bottom-aligned). */
.table.align-middle td {
    vertical-align: middle;
}

/* Fix Flot 4.2.6 SVG legend default black background */
.card-body .legend .legendLayer rect.background {
    fill: #ffffff;
    stroke: none;
}

/* Owner dashboard hero (green brand tint + stat hover). */
.hc-owner-hero {
    background: linear-gradient(135deg, #EAF9F0 0%, rgba(255, 255, 255, 0) 45%);
}
.hc-owner-hero .hc-hero-stat { transition: background-color .15s ease; }
.hc-owner-hero .hc-hero-stat:hover { background-color: var(--bs-gray-100); }

/* Owner dashboard status rows: soft status-colour tint behind the status
   icon. .bg-light (style.bundle.css:11748) sets background-color with
   !important, so this override needs !important and two classes to win. */
.symbol-label.hc-owner-status-symbol {
    background-color: color-mix(in srgb, currentColor 14%, #fff) !important;
}

/* Metronic styles .form-check-label as gray-500 (style.bundle.css:2652), which
   reads as disabled next to a .form-label. Keep checkbox/radio labels readable
   and consistent with the rest of the form. Disabled inputs keep the bundle's
   50% opacity treatment (.form-check-input:disabled ~ .form-check-label). */
.form-check-label {
    color: var(--bs-gray-800);
}

/* Detail pages: a `.row.g-6` two-column row stretches both columns to the
   taller one, so the shorter column's cards stopped early and left a large
   empty tail before the next section. Make each card-bearing column a flex
   column and let its cards share the leftover height, so both columns finish
   on the same line instead of leaving a gap. Scoped to card-bearing
   `col-lg-*` columns so form-only columns are untouched. */
#kt_app_content .row.g-6 > [class*="col-lg-"]:has(> .card) {
    display: flex;
    flex-direction: column;
}
#kt_app_content .row.g-6 > [class*="col-lg-"]:has(> .card) > .card {
    flex: 1 1 auto;
}