/* Application adapter for the unmodified COMMODO token/font sources.
   Presentation only: retain every existing control, route and customer-logo slot. */
html[data-palette="commodo"] {
    --app-ink: var(--text);
    --app-muted: var(--text-muted);
    --app-accent: var(--support-violet);
    --app-border: var(--border-subtle);
    --bs-body-font-family: var(--font-body);
    --bs-body-color: var(--text);
    --bs-body-bg: var(--page);
}
[data-palette="commodo"] body { background: var(--page) !important; color: var(--text); font-family: var(--font-body); line-height: 1.5; }
[data-palette="commodo"] :is(h1,h2,h3,h4,h5,h6,.page-title,.fleet-nav-footer strong) { font-family: var(--font-display); font-weight: 650; }
[data-palette="commodo"] :is(a,.btn-link) { color: var(--support-violet); }
[data-palette="commodo"] :is(.text-muted,.login-intro) { color: var(--text-muted) !important; }
[data-palette="commodo"] :is(.card,.fleet-sidebar,.dropdown-menu) { background: var(--surface); color: var(--text); border-color: var(--border-subtle); }
[data-palette="commodo"] :is(.card-header,.input-group-text,.footer) { background: var(--surface-raised); color: var(--text-muted); border-color: var(--border-subtle); }
[data-palette="commodo"] :is(.form-control,.form-select) { background-color: var(--surface); color: var(--text); border-color: var(--border-control); }
[data-palette="commodo"] .form-control::placeholder { color: var(--text-muted); opacity: 1; }
[data-palette="commodo"] .btn-primary { color: var(--primary-fg); background: var(--primary-bg); border-color: var(--primary-border); box-shadow: none; }
[data-palette="commodo"] .btn-primary:hover { color: var(--primary-fg); background: var(--primary-hover); border-color: var(--primary-border); }
[data-palette="commodo"] .btn-primary:active { color: var(--primary-fg); background: var(--primary-pressed); border-color: var(--primary-border); }
[data-palette="commodo"] :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary) { color: var(--secondary-fg); background: var(--secondary-bg); border-color: var(--secondary-border); }
[data-palette="commodo"] :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary):hover { color: var(--secondary-fg); background: var(--secondary-hover); border-color: var(--secondary-border); }
[data-palette="commodo"] :is(.btn-secondary,.btn-outline-primary,.btn-outline-secondary):active { color: var(--secondary-fg); background: var(--secondary-pressed); border-color: var(--secondary-border); }
[data-palette="commodo"] :is(.btn:disabled,.btn.disabled,.form-control:disabled,.form-select:disabled) { color: var(--disabled-fg); background: var(--disabled-bg); border-color: var(--disabled-border); opacity: 1; }
[data-palette="commodo"] :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: var(--focus-width) solid var(--focus-ring); outline-offset: var(--focus-offset); box-shadow: none; }
[data-palette="commodo"] .form-check-input:checked { background-color: var(--support-violet); border-color: var(--support-violet); }
[data-palette="commodo"] .btn-check:focus-visible + .btn { outline: var(--focus-width) solid var(--focus-ring); outline-offset: var(--focus-offset); box-shadow: none; }
[data-palette="commodo"] .btn-outline-success { --bs-btn-color: var(--success-fg); --bs-btn-border-color: var(--success-fg); --bs-btn-hover-bg: var(--success-fg); --bs-btn-hover-border-color: var(--success-fg); --bs-btn-active-bg: var(--success-fg); --bs-btn-active-border-color: var(--success-fg); }
[data-palette="commodo"] .btn-outline-danger { --bs-btn-color: var(--error-fg); --bs-btn-border-color: var(--error-fg); --bs-btn-hover-bg: var(--error-fg); --bs-btn-hover-border-color: var(--error-fg); --bs-btn-active-bg: var(--error-fg); --bs-btn-active-border-color: var(--error-fg); }
[data-palette="commodo"] :is(.fleet-stat-pending > i,.badge.bg-warning) { color: var(--warning-fg) !important; background: var(--warning-bg) !important; }
[data-palette="commodo"] .fleet-stat-failed > i { color: var(--error-fg); background: var(--error-bg); }
[data-palette="commodo"] .fleet-stat:not(.fleet-stat-pending):not(.fleet-stat-failed) > i { background: var(--support-lilac); }
[data-palette="commodo"] .inspection-review { background: var(--surface-raised); }
[data-palette="commodo"] :is(.status-positive,.asset-status-enabled,.alert-success) { color: var(--success-fg); background: var(--success-bg); }
[data-palette="commodo"] :is(.status-pending,.alert-warning) { color: var(--warning-fg); background: var(--warning-bg); }
[data-palette="commodo"] :is(.status-negative,.asset-status-disabled,.alert-danger) { color: var(--error-fg); background: var(--error-bg); }
[data-palette="commodo"] .text-danger { color: var(--error-fg) !important; }
[data-palette="commodo"] .alert-info { color: var(--info-fg); background: var(--info-bg); }
[data-palette="commodo"] .fleet-topbar { background: var(--app-header, #100B28); }
[data-palette="commodo"] .fleet-topbar :is(.nav-link,.navbar-brand) { color: #FAF8FF; }
[data-palette="commodo"] .fleet-topbar .nav-link:is(:hover,:focus-visible) { color: #FAF8FF; background: var(--app-header-hover, #2C254A); }
[data-palette="commodo"] .fleet-topbar :focus-visible { outline-color: #03E1F9; }
[data-palette="commodo"] .fleet-topbar .navbar-toggler { border-color: #9F96BB; }
[data-palette="commodo"] .navbar-brand .product-wordmark { width: 160px; height: 32px; padding: 0; border-radius: 0; object-fit: contain; }
[data-palette="commodo"] .login-brand { flex-wrap: wrap; }
/* Customer artwork is supplied for light backgrounds, so it sits on a light backing in the dark header. */
[data-palette="commodo"] .fleet-topbar .navbar-brand .customer-logo { height: 40px; max-width: min(50vw, 200px); background: #FFFFFF; border-radius: 6px; padding: 2px 6px; }
/* On sign-in pages a customer's logo takes the wordmark's place at a readable size. */
[data-palette="commodo"] .login-brand:has(.customer-logo) { justify-content: center; }
[data-palette="commodo"] .identity-main .customer-logo { height: 6rem; max-width: 100%; }
[data-palette="commodo"] .product-wordmark-light { width: min(100%, 300px); height: auto; padding: 16px; object-fit: contain; }
[data-palette="commodo"] .login-brand .product-wordmark-light { width: min(100%, 300px); height: auto; }
@media (max-width: 35rem) {
    [data-palette="commodo"] .navbar-brand .product-wordmark { width: 150px; }
    [data-palette="commodo"] .navbar-brand:has(.customer-logo) { flex-wrap: nowrap; }
    [data-palette="commodo"] .navbar-brand:has(.customer-logo) .product-wordmark { width: min(36vw, 150px); }
}