/*
  SSM theme: Telerik "default-main" recoloured with the portal palette.
  The --ssm-* values below are the standard teal theme. The page head overrides them with the chosen theme
  (Management → Branding & Theme, _ThemeHead.cshtml, Helpers/Theme.cs). Pages use the variables, never the hex values.
  Chrome (header, sidebar, headings) #2c3e50, accent #1abc9c (selection, highlights), background #f5f7fa.
  Primary buttons use a deeper accent (#16a085) so white text stays readable.
*/
:root {
    --ssm-dark: #2c3e50;
    --ssm-dark-hover: #34495e;
    --ssm-dark-deep: #1f2d3a;
    --ssm-dark-rgb: 44,62,80;
    --ssm-accent: #1abc9c;
    --ssm-accent-rgb: 26,188,156;
    --ssm-accent-emphasis: #48c9b0;
    --ssm-accent-light: #a3e4d7;
    --ssm-primary: #16a085;
    --ssm-primary-hover: #138d75;
    --ssm-primary-active: #117a65;
    --ssm-primary-text: #0e6655;
    --ssm-primary-subtle: #e8f8f5;
    --ssm-primary-subtle-hover: #d1f2eb;
    --ssm-primary-subtle-active: #a3e4d7;
    --ssm-bg: #f5f7fa;
    --ssm-banner-from: #1a2f45;
    --ssm-banner-to: #2c4a6e;
    --ssm-banner-text: #a8c4e0;
    --ssm-sidebar-text: #ecf0f1;
    --ssm-muted: #95a5a6;

    --kendo-color-primary: var(--ssm-primary);
    --kendo-color-primary-hover: var(--ssm-primary-hover);
    --kendo-color-primary-active: var(--ssm-primary-active);
    --kendo-color-primary-emphasis: var(--ssm-accent-emphasis);
    --kendo-color-primary-subtle: var(--ssm-primary-subtle);
    --kendo-color-primary-subtle-hover: var(--ssm-primary-subtle-hover);
    --kendo-color-primary-subtle-active: var(--ssm-primary-subtle-active);
    --kendo-color-primary-on-subtle: var(--ssm-primary-text);
    --kendo-color-primary-on-surface: var(--ssm-primary-hover);
    --kendo-color-on-primary: #ffffff;

    --kendo-color-app-surface: #ffffff;
    --kendo-font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
    background-color: var(--ssm-bg);
    font-family: var(--kendo-font-family);
}

/* Bootstrap primary buttons/links follow the same accent as Telerik */
.btn-primary {
    --bs-btn-bg: var(--ssm-primary);
    --bs-btn-border-color: var(--ssm-primary);
    --bs-btn-hover-bg: var(--ssm-primary-hover);
    --bs-btn-hover-border-color: var(--ssm-primary-hover);
    --bs-btn-active-bg: var(--ssm-primary-active);
    --bs-btn-active-border-color: var(--ssm-primary-active);
    --bs-btn-disabled-bg: var(--ssm-primary);
    --bs-btn-disabled-border-color: var(--ssm-primary);
}

/* Grids: header in the portal's light grey, selected row in the subtle accent */
.k-grid .k-table-thead,
.k-grid .k-grid-header {
    background-color: #eef1f5;
}

.k-grid .k-table-row.k-selected > td,
.k-grid td.k-selected {
    background-color: var(--kendo-color-primary-subtle);
}

/* Header logo (Branding & Theme) */
.ssm-brand { display: inline-flex; align-items: center; gap: .55rem; }
.ssm-brand-logo { height: 30px; max-width: 160px; object-fit: contain; display: block; }
.ssm-brand-logo.ssm-logo-tile { height: 34px; padding: 3px 8px; background: #fff; border-radius: 6px; }