@import url('./company-telerik-themes.css');

:root {
    --aa-common-text: var(--kendo-color-on-surface, var(--kendo-color-text, #1f2937));
    --aa-common-text-muted: color-mix(in srgb, var(--aa-common-text) 78%, transparent);
}

html[data-bs-theme='dark'],
body[data-bs-theme='dark'] {
    --aa-common-text: var(--kendo-color-on-surface, var(--kendo-color-on-dark, #f8fafc));
    --aa-common-text-muted: color-mix(in srgb, var(--aa-common-text) 82%, transparent);
}

.aa-theme-surface,
.aa-theme-surface :is(h1, h2, h3, h4, h5, h6),
.aa-page-header,
.aa-page-header h1,
.aa-page-header-subtitle {
    color: var(--aa-common-text);
}

.aa-theme-surface :is(p, .k-text-secondary, .aa-page-header-subtitle) {
    color: var(--aa-common-text-muted);
}

.aa-theme-surface :is(textarea, .k-textarea, .k-textarea textarea, .k-textarea .k-input-inner) {
    color: var(--aa-common-text);
    -webkit-text-fill-color: var(--aa-common-text);
}

/* AppNavBar widget - shared so Suite, Tickets, Schedules, and PCR stay identical. */

.actionambulance-brand {
    text-decoration: none;
}

.aa-api-health-dot {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex: 0 0 0.625rem;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.aa-api-health-dot-ok {
    background-color: var(--kendo-color-success, #16a34a);
}

.aa-api-health-dot-down {
    background-color: var(--kendo-color-error, #dc2626);
}

.aa-theme-toggle-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0.375rem;
}

.aa-theme-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    color: currentColor;
}

.aa-theme-toggle-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.aa-theme-toggle-icon .aa-theme-secondary {
    opacity: 0.28;
    fill: currentColor;
}

.aa-theme-toggle-icon .aa-theme-primary {
    fill: currentColor;
}

.aa-theme-toggle-icon-light .aa-theme-primary {
    fill: var(--kendo-color-warning, #facc15);
}

.aa-theme-toggle-icon-light .aa-theme-secondary {
    opacity: 0.9;
}

.aa-theme-toggle-icon-dark .aa-theme-primary {
    fill: color-mix(in srgb, currentColor 80%, var(--kendo-color-info, #60a5fa));
}

.aa-theme-toggle-icon-dark .aa-theme-secondary {
    opacity: 0.5;
}

/* Nav bar links stay white in every state across all apps. */
.k-appbar .aa-appbar-link,
.k-appbar .aa-appbar-link:link,
.k-appbar .aa-appbar-link:visited,
.k-appbar .aa-appbar-link:hover,
.k-appbar .aa-appbar-link:active,
.k-appbar .actionambulance-brand,
.k-appbar .nav-link-button {
    color: #ffffff;
    text-decoration: none;
}

.aa-appbar-nav-content .k-menu-link,
.aa-appbar-nav-content .dropdown-toggle {
    color: #ffffff;
}

/*
   AppBar chrome. Telerik's default AppBar is surface-coloured, which reads as white in light
   themes; every app's nav bar must be the primary brand colour with white content.
*/
.k-appbar.k-appbar-solid,
.k-appbar {
    background-color: var(--kendo-color-primary, #0d6efd);
    color: #ffffff;
    border-bottom: none;
    /* Nav dropdowns must escape the app bar and sit above page cards. */
    overflow: visible;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.k-appbar .k-appbar-section {
    overflow: visible;
}

.k-appbar .k-button-flat {
    color: #ffffff;
}

.k-appbar .dropdown-menu {
    z-index: 1055;
}

.k-appbar .aa-appbar-logout-button {
    color: #ffffff;
}