:root {
    --grm-color-page: #f4f6f8;
    --grm-color-surface: #ffffff;
    --grm-color-surface-muted: #f8fafb;
    --grm-color-text: #1f2933;
    --grm-color-text-muted: #667085;
    --grm-color-border: #d9e2ec;
    --grm-color-primary: #167c58;
    --grm-color-primary-strong: #0f6848;
    --grm-color-primary-soft: #e8f6f0;
    --grm-color-warning: #b7791f;
    --grm-color-warning-soft: #fff7e6;
    --grm-color-danger: #c2413c;
    --grm-color-danger-soft: #fff0ef;
    --grm-color-success: #177245;
    --grm-color-success-soft: #e9f7ef;
    --grm-color-info: #2764a7;
    --grm-color-info-soft: #edf5ff;
    --grm-radius-sm: 4px;
    --grm-radius-md: 6px;
    --grm-radius-lg: 8px;
    --grm-space-1: 4px;
    --grm-space-2: 8px;
    --grm-space-3: 12px;
    --grm-space-4: 16px;
    --grm-space-5: 24px;
    --grm-shadow-subtle: 0 8px 24px rgba(31, 41, 51, 0.06);
    --grm-focus: 0 0 0 3px rgba(22, 124, 88, 0.22);
}

body {
    background: var(--grm-color-page);
    color: var(--grm-color-text);
}

.content-wrapper {
    background: var(--grm-color-page);
}

.grm-page {
    color: var(--grm-color-text);
}

.grm-toolbar {
    align-items: flex-start;
    display: flex;
    gap: var(--grm-space-4);
    justify-content: space-between;
    margin-bottom: var(--grm-space-4);
}

.grm-toolbar__title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 22px;
    line-height: 1.25;
    margin: 0;
}

.grm-toolbar__meta {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin-top: var(--grm-space-1);
}

.grm-back-link {
    align-items: center;
    color: var(--grm-color-text-muted);
    display: inline-flex;
    font-size: 12px;
    gap: var(--grm-space-2);
    margin-bottom: var(--grm-space-2);
}

.grm-back-link:hover {
    color: var(--grm-color-primary);
    text-decoration: none;
}

.grm-surface {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    box-shadow: var(--grm-shadow-subtle);
}

.grm-surface__header {
    align-items: center;
    border-bottom: 1px solid var(--grm-color-border);
    display: flex;
    gap: var(--grm-space-3);
    justify-content: space-between;
    padding: var(--grm-space-4) var(--grm-space-5);
}

.grm-surface__body {
    padding: var(--grm-space-5);
}

.grm-section-title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 15px;
    line-height: 1.35;
    margin: 0;
}

.grm-section-subtitle {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin-top: var(--grm-space-1);
}

.grm-filter-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(4, minmax(160px, 1fr));
}

.grm-filter-grid .form-group {
    margin-bottom: 0;
    text-align: left;
}

.grm-filter-grid label {
    display: block;
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
}

.grm-filter-grid .form-control,
.grm-filter-grid .select2-container {
    display: block;
    width: 100% !important;
}

.grm-filter-period {
    display: flex;
    flex-direction: column;
    gap: var(--grm-space-3);
}

.grm-actions-row {
    align-items: center;
    display: flex;
    gap: var(--grm-space-3);
    justify-content: flex-end;
    margin-top: var(--grm-space-4);
}

.grm-break {
    overflow-wrap: anywhere;
}

.grm-audit-detail {
    display: flex;
    flex-direction: column;
    gap: var(--grm-space-5);
}

.grm-audit-detail__header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grm-space-4);
    justify-content: space-between;
}

.grm-audit-detail__section {
    border-top: 1px solid var(--grm-color-border);
    padding-top: var(--grm-space-4);
}

.grm-audit-detail__section:first-child {
    border-top: 0;
    padding-top: 0;
}

.grm-audit-detail__grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--grm-space-3);
}

.grm-audit-detail__span {
    grid-column: 1 / -1;
}

.grm-logs-table-wrap {
    overflow-x: hidden;
}

.grm-audit-table {
    min-width: 100%;
}

.grm-audit-table thead th:nth-child(1),
.grm-audit-table tbody td:nth-child(1) {
    width: 150px;
}

.grm-audit-table thead th:nth-child(2),
.grm-audit-table tbody td:nth-child(2) {
    width: 190px;
}

.grm-audit-table thead th:nth-child(3),
.grm-audit-table tbody td:nth-child(3) {
    width: 120px;
}

.grm-audit-table thead th:nth-child(5),
.grm-audit-table tbody td:nth-child(5) {
    width: 120px;
}

.grm-audit-table thead th:nth-child(6),
.grm-audit-table tbody td:nth-child(6) {
    width: 115px;
}

.grm-audit-summary {
    display: grid;
    gap: 4px;
}

.grm-audit-summary__meta {
    color: var(--grm-color-text-muted);
    font-size: 11px;
    line-height: 1.4;
}

.grm-pagination-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grm-space-4);
    justify-content: space-between;
    margin-top: var(--grm-space-4);
}

.grm-table-footer {
    align-items: center;
    border-top: 1px solid var(--grm-color-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--grm-space-4);
    justify-content: space-between;
    padding: var(--grm-space-4) var(--grm-space-5);
}

.grm-table-footer__page-size {
    align-items: center;
    display: inline-flex;
    gap: var(--grm-space-2);
    margin: 0;
}

.grm-table-footer__page-size label {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin: 0;
}

.grm-table-footer__page-size .form-control {
    min-width: 78px;
}

.grm-pagination-meta {
    color: var(--grm-color-text-muted);
    font-size: 12px;
}

.grm-pagination .page-link {
    border-color: var(--grm-color-border);
    color: var(--grm-color-text);
    min-width: 40px;
    text-align: center;
}

.grm-pagination .page-item.active .page-link {
    background: var(--grm-color-primary);
    border-color: var(--grm-color-primary);
    color: #fff;
}

.grm-table {
    margin-bottom: 0;
    text-align: left;
    table-layout: fixed;
    width: 100%;
}

.grm-table thead th {
    background: var(--grm-color-surface-muted);
    border-bottom: 1px solid var(--grm-color-border);
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    letter-spacing: 0;
    overflow: hidden;
    padding: 12px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.grm-table tbody td {
    border-top: 1px solid var(--grm-color-border);
    color: var(--grm-color-text);
    overflow: hidden;
    padding: 14px 12px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.grm-table tbody td .grm-clamp {
    white-space: normal;
}

.grm-table tbody td .grm-badge {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grm-table tbody tr:hover {
    background: var(--grm-color-surface-muted);
}

.grm-cell-truncate {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grm-icon-actions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--grm-space-1);
}

.grm-icon-btn {
    align-items: center;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    padding: 0 !important;
    width: 34px;
}

.grm-icon-btn i {
    margin: 0 !important;
}

@media (max-width: 1299.98px) {
    .grm-col-hide-md {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .grm-col-hide-sm {
        display: none !important;
    }

    .grm-audit-detail__grid {
        grid-template-columns: 1fr;
    }

    .grm-pagination-wrap {
        align-items: stretch;
        flex-direction: column;
    }

    .grm-table-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .grm-logs-table-wrap {
        overflow-x: hidden !important;
    }

    .grm-audit-table {
        table-layout: fixed;
    }

    .grm-audit-table thead th:nth-child(1),
    .grm-audit-table tbody td:nth-child(1) {
        width: 132px;
    }

    .grm-audit-table thead th:nth-child(2),
    .grm-audit-table tbody td:nth-child(2) {
        width: 150px;
    }

    .grm-audit-table thead th:nth-child(3),
    .grm-audit-table tbody td:nth-child(3) {
        width: 108px;
    }

    .grm-audit-table thead th:nth-child(5),
    .grm-audit-table tbody td:nth-child(5) {
        width: 108px;
    }

    .grm-audit-table thead th:nth-child(6),
    .grm-audit-table tbody td:nth-child(6) {
        width: 96px;
    }
}

.grm-issue-link {
    color: var(--grm-color-primary);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
}

.grm-muted {
    color: var(--grm-color-text-muted);
}

.grm-clamp {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    max-width: 420px;
    overflow: hidden;
}

.grm-badge {
    border-radius: var(--grm-radius-sm);
    display: inline-flex;
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    line-height: 1;
    padding: 6px 8px;
    white-space: nowrap;
}

.grm-badge--success {
    background: var(--grm-color-success-soft);
    color: var(--grm-color-success);
}

.grm-badge--warning {
    background: var(--grm-color-warning-soft);
    color: var(--grm-color-warning);
}

.grm-badge--danger {
    background: var(--grm-color-danger-soft);
    color: var(--grm-color-danger);
}

.grm-badge--info {
    background: var(--grm-color-info-soft);
    color: var(--grm-color-info);
}

.grm-badge--neutral {
    background: var(--grm-color-surface-muted);
    color: var(--grm-color-text-muted);
}

.grm-kpi-grid {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    margin-bottom: var(--grm-space-4);
}

.grm-kpi {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    padding: var(--grm-space-4);
}

.grm-kpi__label {
    color: var(--grm-color-text-muted);
    font-size: 11px;
    text-transform: uppercase;
}

.grm-kpi__value {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 18px;
    margin-top: var(--grm-space-1);
}

.grm-kpi__hint {
    color: var(--grm-color-text-muted);
    font-size: 11px;
    margin-top: var(--grm-space-1);
}

.grm-kpi--accent {
    border-top: 3px solid var(--grm-color-primary);
}

.grm-kpi--danger {
    border-top: 3px solid var(--grm-color-danger);
}

.grm-kpi--danger .grm-kpi__value {
    color: var(--grm-color-danger);
}

.grm-kpi-grid--secondary .grm-kpi {
    background: var(--grm-color-surface-muted);
}

.grm-chart-box--trend {
    height: 260px;
}

.grm-trend-summary {
    align-items: center;
    color: var(--grm-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: var(--grm-space-3);
}

.grm-trend-summary strong {
    color: var(--grm-color-text);
}

.grm-upload-dialog {
    max-width: 620px;
}

.grm-upload {
    margin-bottom: var(--grm-space-4);
}

.grm-upload__dropzone {
    align-items: center;
    background: var(--grm-color-surface-muted);
    border: 1px dashed var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-text);
    display: flex;
    gap: var(--grm-space-4);
    min-height: 150px;
    padding: var(--grm-space-4);
    text-align: left;
    transition: border-color 160ms ease, background-color 160ms ease;
    width: 100%;
}

.grm-upload__dropzone:hover,
.grm-upload.is-dragging .grm-upload__dropzone {
    background: var(--grm-color-info-soft);
    border-color: var(--grm-color-primary);
}

.grm-upload__preview {
    align-items: center;
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-primary);
    display: flex;
    flex: 0 0 96px;
    font-size: 30px;
    height: 96px;
    justify-content: center;
    overflow: hidden;
}

.grm-upload__preview img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.grm-upload__content {
    display: grid;
    gap: var(--grm-space-1);
}

.grm-upload__content strong {
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 14px;
}

.grm-upload__content small {
    color: var(--grm-color-text-muted);
}

.grm-upload__selection {
    align-items: center;
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: flex;
    gap: var(--grm-space-3);
    margin-top: var(--grm-space-3);
    padding: var(--grm-space-3);
}

.grm-upload__selection[hidden],
.grm-upload__progress[hidden] {
    display: none !important;
}

.grm-upload__selection > i {
    color: var(--grm-color-primary);
    font-size: 22px;
}

.grm-upload__selection > div {
    display: grid;
    flex: 1;
    min-width: 0;
}

.grm-upload__selection strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grm-upload__selection small {
    color: var(--grm-color-text-muted);
}

.grm-upload__progress {
    margin-top: var(--grm-space-3);
}

.grm-upload__progress-label {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: var(--grm-space-1);
}

.grm-upload__progress .progress {
    background: var(--grm-color-surface-muted);
    height: 7px;
}

.grm-upload__progress .progress-bar {
    background: var(--grm-color-primary);
}

.grm-upload-input {
    height: 1px !important;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px !important;
}

.grm-profile-page {
    display: grid;
    gap: var(--grm-space-4);
}

.grm-profile-hero {
    align-items: center;
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    display: flex;
    gap: var(--grm-space-4);
    justify-content: space-between;
    padding: var(--grm-space-5);
}

.grm-profile-identity {
    align-items: center;
    display: flex;
    gap: var(--grm-space-4);
    min-width: 0;
}

.grm-profile-avatar {
    border: 3px solid var(--grm-color-surface);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--grm-color-border);
    flex: 0 0 88px;
    height: 88px;
    object-fit: cover;
    width: 88px;
}

.grm-profile-identity__body {
    min-width: 0;
}

.grm-profile-identity__meta {
    align-items: center;
    color: var(--grm-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: var(--grm-space-2);
}

.grm-profile-identity h1 {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 24px;
    margin: var(--grm-space-2) 0 var(--grm-space-1);
}

.grm-profile-identity p {
    color: var(--grm-color-text-muted);
    margin: 0;
}

.grm-profile-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grm-space-2);
}

.grm-profile-actions form {
    margin: 0;
}

.grm-profile-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-profile-details {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.grm-profile-details div {
    min-width: 0;
}

.grm-profile-details dt {
    color: var(--grm-color-text-muted);
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

.grm-profile-details dd {
    color: var(--grm-color-text);
    font-size: 13px;
    margin: var(--grm-space-1) 0 0;
    overflow-wrap: anywhere;
}

.grm-profile-details code {
    background: var(--grm-color-surface-muted);
    color: var(--grm-color-primary);
    padding: 4px 6px;
}

.grm-profile-workspace .grm-tab-btn {
    text-decoration: none;
}

.grm-profile-workspace .tab-pane[hidden] {
    display: none !important;
}

.grm-profile-workspace .tab-pane.active {
    display: block;
}

.grm-inline-loader {
    align-items: center;
    color: var(--grm-color-text-muted);
    display: flex;
    gap: var(--grm-space-2);
    justify-content: center;
    min-height: 240px;
}

.grm-profile-diagnostics__summary {
    align-items: center;
    background: var(--grm-color-surface-muted);
    border-radius: var(--grm-radius-md);
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--grm-space-4);
    padding: var(--grm-space-4);
}

.grm-profile-diagnostics__summary div {
    display: grid;
    gap: var(--grm-space-1);
}

.grm-profile-diagnostics__summary span,
.grm-profile-diagnostics__summary p {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin: 0;
}

.grm-profile-diagnostics__summary strong {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 24px;
}

.grm-profile-diagnostics__grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grm-profile-chart {
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    min-width: 0;
    overflow: hidden;
}

.grm-profile-chart header {
    border-bottom: 1px solid var(--grm-color-border);
    padding: var(--grm-space-3);
}

.grm-profile-chart h3 {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 14px;
    margin: 0;
}

.grm-profile-chart .grm-chart-box {
    height: 190px;
    padding: var(--grm-space-3);
}

.grm-profile-chart .grm-table {
    font-size: 12px;
}

.grm-detail-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
}

.grm-detail-stack {
    display: grid;
    gap: var(--grm-space-4);
}

.grm-rule-form-layout {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
}

.grm-rule-outcome-body {
    min-width: 0;
}

.grm-form-actions-surface {
    margin-top: var(--grm-space-4);
}

.grm-meta-list {
    display: grid;
    gap: var(--grm-space-3);
    margin: 0;
}

.grm-meta-item {
    border-bottom: 1px solid var(--grm-color-border);
    display: grid;
    gap: var(--grm-space-1);
    padding-bottom: var(--grm-space-3);
    text-align: left;
}

.grm-meta-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.grm-meta-label {
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.grm-meta-value {
    color: var(--grm-color-text);
    font-size: 13px;
}

.grm-save-state {
    display: block;
    min-height: 18px;
    margin-top: var(--grm-space-1);
}

.grm-save-state.is-saving {
    color: var(--grm-color-info);
}

.grm-save-state.is-success {
    color: var(--grm-color-success);
}

.grm-save-state.is-error {
    color: var(--grm-color-danger);
}

.grm-routing-summary {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: var(--grm-space-4);
}

.grm-routing-summary__item {
    background: var(--grm-color-surface-muted);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    padding: var(--grm-space-3);
}

.grm-inline-note {
    background: var(--grm-color-primary-soft);
    border: 1px solid rgba(22, 124, 88, 0.16);
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-text);
    font-size: 12px;
    line-height: 1.5;
    margin-top: var(--grm-space-4);
    padding: var(--grm-space-3) var(--grm-space-4);
}

.grm-workflow-panel {
    background: var(--grm-color-surface-muted);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: grid;
    gap: var(--grm-space-4);
    margin-bottom: var(--grm-space-4);
    padding: var(--grm-space-4);
}

.grm-workflow-panel__hero {
    align-items: start;
    display: grid;
    gap: var(--grm-space-1);
}

.grm-workflow-panel__eyebrow {
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.grm-workflow-panel__value {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 34px;
    line-height: 1;
}

.grm-workflow-panel__status {
    align-items: center;
    display: flex;
    gap: var(--grm-space-2);
}

.grm-workflow-panel__grid {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-workflow-panel__card,
.grm-workflow-next__item,
.grm-workflow-history__item {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    padding: var(--grm-space-3);
}

.grm-workflow-panel__card span,
.grm-workflow-next__item span {
    color: var(--grm-color-text-muted);
    display: block;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
    text-transform: uppercase;
}

.grm-workflow-panel__card strong,
.grm-workflow-next__item strong {
    color: var(--grm-color-text);
    display: block;
    font-family: var(--grm-font-semibold);
    font-size: 18px;
    font-weight: normal;
}

.grm-workflow-next {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-workflow-next__item small {
    color: var(--grm-color-text-muted);
    display: block;
    font-size: 12px;
    margin-top: var(--grm-space-1);
}

.grm-workflow-history {
    display: grid;
    gap: var(--grm-space-3);
}

.grm-workflow-history__row {
    align-items: center;
    display: flex;
    gap: var(--grm-space-2);
    justify-content: space-between;
}

.grm-workflow-history__title {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 14px;
}

.grm-workflow-history__meta {
    color: var(--grm-color-text-muted);
    display: grid;
    gap: 4px;
    margin-top: var(--grm-space-2);
}

.grm-workflow-history__meta span {
    font-size: 12px;
}

.grm-workflow-history__reason {
    color: var(--grm-color-text);
    font-size: 13px;
    line-height: 1.5;
    margin-top: var(--grm-space-2);
}

.grm-workflow-stepper {
    display: grid;
    gap: var(--grm-space-3);
    grid-auto-columns: minmax(180px, 1fr);
    grid-auto-flow: column;
    overflow-x: auto;
    padding-bottom: 4px;
}

.grm-workflow-step {
    min-width: 180px;
    position: relative;
}

.grm-workflow-step__rail {
    background: var(--grm-color-border);
    height: 2px;
    left: calc(50% + 18px);
    position: absolute;
    right: -50%;
    top: 18px;
}

.grm-workflow-step:last-child .grm-workflow-step__rail {
    display: none;
}

.grm-workflow-step__dot {
    align-items: center;
    background: var(--grm-color-surface);
    border: 2px solid var(--grm-color-border);
    border-radius: 999px;
    color: var(--grm-color-text-muted);
    display: inline-flex;
    font-family: var(--grm-font-semibold);
    font-size: 13px;
    height: 36px;
    justify-content: center;
    margin-bottom: var(--grm-space-2);
    position: relative;
    width: 36px;
    z-index: 1;
}

.grm-workflow-step__content {
    display: grid;
    gap: 4px;
}

.grm-workflow-step__title {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 14px;
}

.grm-workflow-step__meta {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.grm-workflow-step--completed .grm-workflow-step__dot {
    background: var(--grm-color-primary);
    border-color: var(--grm-color-primary);
    color: #fff;
}

.grm-workflow-step--completed .grm-workflow-step__rail,
.grm-workflow-step--active .grm-workflow-step__rail {
    background: var(--grm-color-primary);
}

.grm-workflow-step--active .grm-workflow-step__dot {
    background: var(--grm-color-primary-soft);
    border-color: var(--grm-color-primary);
    color: var(--grm-color-primary);
    box-shadow: 0 0 0 4px rgba(22, 124, 88, 0.12);
}

.grm-workflow-history-table .table-responsive {
    margin-bottom: 0 !important;
}

.grm-workflow-history-table .grm-clamp {
    max-width: 280px;
    white-space: normal;
}

.grm-global-loading {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.grm-global-loading__content {
    align-items: center;
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    box-shadow: var(--grm-shadow-subtle);
    color: var(--grm-color-text);
    display: flex;
    gap: var(--grm-space-3);
    padding: var(--grm-space-4);
}

.grm-global-loading__content i {
    color: var(--grm-color-primary);
    font-size: 22px;
}

[data-theme="dark"] .grm-global-loading {
    background: rgba(10, 20, 20, 0.78);
}

.grm-status-actions {
    display: grid;
    gap: var(--grm-space-2);
}

.grm-status-action {
    align-items: center;
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: flex;
    justify-content: space-between;
    padding: var(--grm-space-3);
}

.grm-status-action label {
    color: var(--grm-color-text);
    font-size: 12px;
    margin: 0;
}

.grm-status-action .btn {
    border-radius: var(--grm-radius-md) !important;
    min-height: 34px;
    min-width: 34px;
}

.grm-timeline {
    display: grid;
    gap: var(--grm-space-3);
}

.grm-timeline__item {
    border-left: 3px solid var(--grm-color-primary);
    padding-left: var(--grm-space-3);
    text-align: left;
}

.grm-timeline__title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 13px;
}

.grm-timeline__meta {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin-top: var(--grm-space-1);
}

.grm-empty-state {
    color: var(--grm-color-text-muted);
    padding: var(--grm-space-5);
    text-align: center;
}

.grm-wizard {
    display: grid;
    gap: var(--grm-space-4);
}

.grm-wizard__shell {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    box-shadow: var(--grm-shadow-subtle);
    display: grid;
    grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.65fr);
    overflow: hidden;
}

.grm-wizard__aside {
    background: var(--grm-color-surface-muted);
    border-right: 1px solid var(--grm-color-border);
    padding: var(--grm-space-5);
}

.grm-wizard__content {
    padding: var(--grm-space-5);
}

.grm-wizard__eyebrow {
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.grm-wizard__title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 24px;
    line-height: 1.2;
    margin: var(--grm-space-2) 0;
}

.grm-wizard__copy {
    color: var(--grm-color-text-muted);
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}

.grm-stepper {
    display: grid;
    gap: var(--grm-space-2);
    margin-top: var(--grm-space-5);
}

.grm-stepper__item {
    align-items: center;
    color: var(--grm-color-text-muted);
    display: flex;
    font-size: 12px;
    gap: var(--grm-space-2);
    min-height: 32px;
    text-decoration: none;
}

a.grm-stepper__item:hover {
    color: var(--grm-color-primary);
    text-decoration: none;
}

a.grm-stepper__item[href="#"] {
    cursor: default;
    pointer-events: none;
}

.grm-stepper__dot {
    align-items: center;
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.grm-stepper__item.is-active {
    color: var(--grm-color-primary);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
}

.grm-stepper__item.is-active .grm-stepper__dot,
.grm-stepper__item.is-complete .grm-stepper__dot {
    background: var(--grm-color-primary);
    border-color: var(--grm-color-primary);
    color: #ffffff;
}

.grm-form-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-form-grid--single {
    grid-template-columns: 1fr;
}

.grm-form-grid .form-group {
    margin-bottom: 0;
    text-align: left;
}

.grm-form-grid label,
.grm-wizard__content label {
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
    text-transform: uppercase;
}

.grm-form-span-2 {
    grid-column: 1 / -1;
}

.grm-wizard-note,
.grm-wizard-errors {
    align-items: flex-start;
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: flex;
    gap: var(--grm-space-3);
    margin-bottom: var(--grm-space-4);
    padding: var(--grm-space-3) var(--grm-space-4);
}

.grm-wizard-note {
    background: var(--grm-color-info-soft);
    color: var(--grm-color-text);
}

.grm-wizard-note--success {
    background: var(--grm-color-success-soft);
}

.grm-wizard-note i,
.grm-wizard-errors i {
    color: var(--grm-color-primary);
    margin-top: 3px;
}

.grm-wizard-note p,
.grm-wizard-errors p {
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}

.grm-wizard-errors {
    background: var(--grm-color-danger-soft);
    border-color: var(--grm-color-danger);
}

.grm-wizard-errors i,
.grm-wizard-errors strong {
    color: var(--grm-color-danger);
}

.grm-wizard-section,
.grm-review-section {
    border-top: 1px solid var(--grm-color-border);
    margin-top: var(--grm-space-5);
    padding-top: var(--grm-space-4);
}

.grm-wizard-section__header,
.grm-review-section__header {
    align-items: flex-start;
    display: flex;
    gap: var(--grm-space-3);
    justify-content: space-between;
    margin-bottom: var(--grm-space-4);
}

.grm-wizard-section__header h2,
.grm-review-section__header h2 {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 15px;
    margin: 0 0 var(--grm-space-1);
}

.grm-wizard-section__header p,
.grm-review-section__header p {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    margin: 0;
}

.grm-review-grid {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-review-item {
    background: var(--grm-color-surface-muted);
    border-radius: var(--grm-radius-sm);
    min-width: 0;
    padding: var(--grm-space-3);
}

.grm-review-item--wide {
    grid-column: 1 / -1;
}

.grm-review-item span {
    color: var(--grm-color-text-muted);
    display: block;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
    text-transform: uppercase;
}

.grm-review-item strong {
    color: var(--grm-color-text);
    display: block;
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.grm-confirmation-check {
    background: var(--grm-color-surface-muted);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    margin-top: var(--grm-space-5);
    padding: var(--grm-space-4);
}

.grm-confirmation-check .form-group {
    margin: 0;
}

.grm-confirmation-check label {
    color: var(--grm-color-text);
    font-family: inherit;
    font-size: 13px;
    text-transform: none;
}

.grm-wizard__actions {
    align-items: center;
    border-top: 1px solid var(--grm-color-border);
    display: flex;
    gap: var(--grm-space-3);
    justify-content: flex-end;
    margin-top: var(--grm-space-5);
    padding-top: var(--grm-space-4);
}

.grm-review-list {
    display: grid;
    gap: var(--grm-space-3);
}

.grm-review-row {
    border-bottom: 1px solid var(--grm-color-border);
    display: grid;
    gap: var(--grm-space-2);
    grid-template-columns: 180px minmax(0, 1fr);
    padding-bottom: var(--grm-space-3);
    text-align: left;
}

.grm-review-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.grm-review-label {
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.grm-review-value {
    color: var(--grm-color-text);
    font-size: 13px;
}

.grm-success {
    margin: 0 auto;
    max-width: 760px;
    text-align: center;
}

.grm-success__icon {
    align-items: center;
    background: var(--grm-color-success-soft);
    border-radius: 999px;
    color: var(--grm-color-success);
    display: inline-flex;
    font-size: 34px;
    height: 72px;
    justify-content: center;
    margin-bottom: var(--grm-space-4);
    width: 72px;
}

.grm-access-banner {
    align-items: center;
    background: var(--grm-color-info-soft);
    border: 1px solid #cfe3fb;
    border-radius: var(--grm-radius-lg);
    color: var(--grm-color-info);
    display: flex;
    gap: var(--grm-space-3);
    justify-content: space-between;
    margin-bottom: var(--grm-space-4);
    padding: var(--grm-space-4);
}

.grm-access-banner__title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 14px;
}

.grm-access-banner__meta {
    color: var(--grm-color-info);
    font-size: 12px;
    margin-top: var(--grm-space-1);
}

.grm-action-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.grm-action-card {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    color: var(--grm-color-text);
    display: grid;
    gap: var(--grm-space-3);
    min-height: 150px;
    padding: var(--grm-space-4);
    text-align: left;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.grm-action-card:hover {
    border-color: var(--grm-color-primary);
    box-shadow: var(--grm-shadow-subtle);
    color: var(--grm-color-text);
    transform: translateY(-1px);
}

.grm-action-card__icon {
    align-items: center;
    background: var(--grm-color-primary-soft);
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-primary);
    display: inline-flex;
    font-size: 18px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.grm-action-card__title {
    color: var(--grm-color-text);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 15px;
}

.grm-action-card__copy {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

.grm-insight-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
}

.grm-diagnostics-layout {
    display: grid;
    gap: var(--grm-space-4);
}

.grm-diagnostics-map-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
}

.grm-map-panel {
    border-radius: var(--grm-radius-lg);
    min-height: 560px;
    overflow: hidden;
    position: relative;
}

.grm-map-panel #map {
    height: 560px;
    width: 100%;
}

.grm-chart-table-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.7fr);
}

.grm-chart-box {
    height: 260px;
    position: relative;
}

.grm-ops-dashboard {
    position: relative;
}

.grm-dashboard-grid {
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grm-dashboard-panel {
    min-height: 320px;
}

.grm-dashboard-panel--hero .grm-surface__body {
    display: grid;
    gap: var(--grm-space-4);
    min-height: 260px;
    place-items: center;
}

.grm-dashboard-panel--full {
    grid-column: 1 / -1;
}

.grm-chart-box--dashboard {
    height: 260px;
}

.grm-chart-box--dashboard-wide {
    height: 250px;
}

.grm-chart-with-legend {
    align-items: center;
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(220px, 0.95fr) minmax(260px, 1.05fr);
}

.grm-chart-box--category {
    min-height: 280px;
}

.grm-chart-legend-panel {
    display: grid;
    gap: var(--grm-space-3);
}

.grm-chart-legend-item {
    align-items: flex-start;
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: 12px minmax(0, 1fr);
}

.grm-chart-legend-item__swatch {
    border-radius: 4px;
    display: block;
    height: 12px;
    margin-top: 4px;
    width: 12px;
}

.grm-chart-legend-item__content {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.grm-chart-legend-item__label {
    color: var(--grm-color-text);
    font-size: 13px;
    line-height: 1.45;
}

.grm-chart-legend-item__meta {
    color: var(--grm-color-text-muted);
    font-size: 11px;
}

.grm-dashboard-total {
    display: grid;
    gap: var(--grm-space-2);
    justify-items: center;
    text-align: center;
}

.grm-dashboard-total__value {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: clamp(54px, 7vw, 74px);
    line-height: 0.95;
}

.grm-dashboard-total__label {
    color: var(--grm-color-text-muted);
    font-size: 14px;
}

.grm-dashboard-microstats {
    display: grid;
    gap: var(--grm-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

.grm-dashboard-microstat {
    background: var(--grm-color-surface-muted);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: grid;
    gap: var(--grm-space-1);
    min-height: 72px;
    padding: var(--grm-space-3);
}

.grm-dashboard-microstat span {
    color: var(--grm-color-text-muted);
    font-size: 11px;
}

.grm-dashboard-microstat strong {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 20px;
    font-weight: normal;
}

.grm-filter-summary {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--grm-space-2);
}

.grm-filter-panel {
    background: var(--grm-color-surface);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    box-shadow: var(--grm-shadow-subtle);
    overflow: hidden;
}

.grm-filter-panel__top {
    align-items: center;
    background: var(--grm-color-surface-muted);
    border-bottom: 1px solid var(--grm-color-border);
    display: flex;
    gap: var(--grm-space-4);
    justify-content: space-between;
    padding: var(--grm-space-4) var(--grm-space-5);
}

.grm-filter-panel__body {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 28px;
}

.grm-filter-group {
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-lg);
    min-width: 0;
    overflow: hidden;
    padding: 22px;
}

.grm-filter-group__title {
    align-items: center;
    color: var(--grm-color-text);
    display: flex;
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 13px;
    gap: var(--grm-space-2);
    margin-bottom: var(--grm-space-3);
}

.grm-filter-group__title i {
    color: var(--grm-color-primary);
}

.grm-filter-fields {
    display: grid;
    column-gap: 18px;
    row-gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
}

.grm-filter-fields--single {
    grid-template-columns: 1fr;
}

.grm-filter-fields--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grm-filter-fields .form-group {
    display: block;
    margin-bottom: 0;
    max-width: 100%;
    min-width: 0;
    text-align: left;
}

.grm-filter-fields > *,
.grm-filter-fields .dynamic-select,
.grm-filter-fields .select2-container,
.regions-filter,
.regions-filter > * {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

.grm-filter-fields .form-group.row {
    margin-left: 0;
    margin-right: 0;
}

.grm-filter-fields label {
    display: block;
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
    text-transform: uppercase;
}

.grm-filter-fields .form-control,
.grm-filter-fields .select2-container {
    min-height: 40px;
    max-width: 100%;
    /*width: 100% !important;*/
}

.grm-filter-fields .select2-container--default .select2-selection--single {
    min-height: 40px;
}

.grm-filter-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    padding-right: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 38px;
}

.grm-filter-panel__footer {
    align-items: center;
    border-top: 1px solid var(--grm-color-border);
    display: flex;
    gap: var(--grm-space-3);
    justify-content: space-between;
    padding: var(--grm-space-4) var(--grm-space-5);
}

@media (min-width: 768px) and (max-width: 1299.98px) {
    .grm-filter-panel__body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grm-filter-fields--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .grm-filter-panel__body,
    .grm-filter-fields,
    .grm-filter-fields--three {
        grid-template-columns: minmax(0, 1fr);
    }

    .grm-filter-panel__body {
        gap: 16px;
        padding: 16px;
    }

    .grm-filter-group {
        padding: 16px;
    }

    .grm-filter-panel__top,
    .grm-filter-panel__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .grm-filter-panel__footer .btn {
        width: 100%;
    }
}

.grm-diagnostic-alert {
    align-items: center;
    background: var(--grm-color-warning-soft);
    border: 1px solid #f3d49b;
    border-radius: var(--grm-radius-lg);
    color: var(--grm-color-warning);
    display: none;
    gap: var(--grm-space-3);
    padding: var(--grm-space-4);
}

.grm-progress-bar {
    background: var(--grm-color-surface-muted);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.grm-progress-bar__fill {
    background: var(--grm-color-primary);
    border-radius: inherit;
    height: 100%;
    min-width: 2px;
}

.grm-modal-guidance {
    background: var(--grm-color-info-soft);
    border: 1px solid #cfe3fb;
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-info);
    font-size: 12px;
    margin-bottom: var(--grm-space-4);
    padding: var(--grm-space-3);
}

.btn:focus,
.form-control:focus,
.select2-container--default .select2-selection--single:focus {
    box-shadow: var(--grm-focus) !important;
    outline: 0;
}

@media (max-width: 1299.98px) {
    .grm-filter-grid,
    .grm-kpi-grid {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .grm-detail-grid {
        grid-template-columns: 1fr;
    }

    .grm-wizard__shell {
        grid-template-columns: 1fr;
    }

    .grm-wizard__aside {
        border-bottom: 1px solid var(--grm-color-border);
        border-right: 0;
    }

    .grm-stepper {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .grm-stepper__item {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .grm-action-grid {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .grm-profile-grid {
        grid-template-columns: 1fr;
    }

    .grm-profile-diagnostics__grid {
        grid-template-columns: 1fr;
    }

    .grm-insight-grid,
    .grm-diagnostics-map-grid,
    .grm-chart-table-grid,
    .grm-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .grm-toolbar {
        display: grid;
    }

    .grm-filter-grid,
    .grm-kpi-grid,
    .grm-action-grid {
        grid-template-columns: 1fr;
    }

    .grm-surface__header,
    .grm-surface__body {
        padding: var(--grm-space-4);
    }

    .grm-form-grid,
    .grm-review-grid,
    .grm-review-row {
        grid-template-columns: 1fr;
    }

    .grm-review-item--wide {
        grid-column: auto;
    }

    .grm-stepper__item {
        font-size: 10px;
        gap: var(--grm-space-1);
    }

    .grm-stepper__dot {
        flex-basis: 22px;
        height: 22px;
        width: 22px;
    }

    .grm-wizard__actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .grm-wizard__actions .btn {
        width: 100%;
    }

    .grm-access-banner {
        align-items: flex-start;
        display: grid;
    }

    .grm-profile-hero,
    .grm-profile-identity {
        align-items: flex-start;
        flex-direction: column;
    }

    .grm-profile-actions,
    .grm-profile-actions .btn,
    .grm-profile-actions form {
        width: 100%;
    }

    .grm-profile-details {
        grid-template-columns: 1fr;
    }

    .grm-profile-diagnostics__summary {
        align-items: flex-start;
        display: grid;
        gap: var(--grm-space-2);
    }

    .grm-upload__dropzone {
        align-items: flex-start;
        flex-direction: column;
    }

    .grm-filter-panel__top,
    .grm-filter-panel__footer {
        align-items: stretch;
        display: grid;
    }

    .grm-filter-fields {
        grid-template-columns: 1fr;
    }

    .grm-dashboard-microstats {
        grid-template-columns: 1fr;
    }

    .grm-rules-search {
        min-width: 0;
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .grm-review-filter-header {
        align-items: stretch;
        display: grid;
        gap: var(--grm-space-3);
    }

    .grm-review-filter-header .btn {
        justify-content: center;
        width: 100%;
    }

    .grm-queue-table,
    .grm-queue-table tbody,
    .grm-queue-table tr,
    .grm-queue-table td {
        display: block;
        width: 100%;
    }

    .grm-queue-table colgroup,
    .grm-queue-table thead {
        display: none;
    }

    .grm-queue-table tbody {
        display: grid;
        gap: var(--grm-space-3);
    }

    .grm-queue-table tbody tr {
        background: var(--grm-color-surface);
        border: 1px solid var(--grm-color-border);
        border-radius: var(--grm-radius-md);
        overflow: hidden;
    }

    .grm-queue-table tbody td,
    .grm-queue-table tbody td.grm-col-hide-md,
    .grm-queue-table tbody td.grm-col-hide-sm {
        align-items: flex-start;
        border-top: 1px solid var(--grm-color-border);
        display: grid !important;
        gap: var(--grm-space-3);
        grid-template-columns: minmax(92px, 0.8fr) minmax(0, 1.5fr);
        max-width: none;
        padding: 10px 12px;
        white-space: normal;
    }

    .grm-queue-table tbody td:first-child {
        border-top: 0;
    }

    .grm-queue-table tbody td::before {
        color: var(--grm-color-text-muted);
        content: attr(data-label);
        font-family: poppinsbold, "Source Sans Pro", sans-serif;
        font-size: 10px;
        text-transform: uppercase;
    }

    .grm-queue-table .grm-clamp {
        -webkit-line-clamp: 3;
        max-width: none;
    }

    .grm-queue-table__actions {
        align-items: center !important;
    }

    .grm-queue-table__actions .grm-icon-actions {
        justify-content: flex-end;
    }

    .grm-queue-table .grm-empty-state {
        display: block !important;
        text-align: center;
    }

    .grm-queue-table .grm-empty-state::before {
        content: none;
    }
}

/* Tabs Component */
.grm-tabs {
    display: flex;
    gap: var(--grm-space-2);
    border-bottom: 1px solid var(--grm-color-border);
    margin-bottom: var(--grm-space-4);
    padding-bottom: 2px;
}

.grm-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--grm-color-text-muted);
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 13px;
    padding: var(--grm-space-2) var(--grm-space-4);
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
}

.grm-tab-btn:hover {
    color: var(--grm-color-text);
}

.grm-tab-btn.active {
    border-bottom-color: var(--grm-color-primary);
    color: var(--grm-color-primary);
}

.grm-tab-content {
    display: none;
}

.grm-tab-content.active {
    display: block;
}

/* Global Redesign Theme Overrides */

html,
body,
.wrapper,
.content-wrapper {
    background: #f5f7fa !important;
    overflow-x: hidden !important;
}

/* Page Header & Global Titles */
.main-title,
.content-header h1,
.content-header h1.main-title,
.content-header .main-title {
    color: var(--grm-color-text) !important;
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    margin-bottom: var(--grm-space-3) !important;
}

/* Modernized Sidebar */
.main-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid var(--grm-color-border) !important;
    box-shadow: none !important;
}

.main-sidebar .sidebar {
    padding-left: var(--grm-space-3) !important;
    padding-right: var(--grm-space-3) !important;
}

/* User Panel Modernization */
.user-panel {
    border-bottom: 1px solid var(--grm-color-border) !important;
    margin-top: var(--grm-space-4) !important;
    padding-bottom: var(--grm-space-4) !important;
    margin-bottom: var(--grm-space-4) !important;
}

.user-panel .image img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
    border: 1.5px solid var(--grm-color-border) !important;
}

.user-panel .info {
    padding-left: var(--grm-space-3) !important;
}

.user-panel .info .name {
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    color: var(--grm-color-text) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
}

.user-panel .info .email {
    color: var(--grm-color-text-muted) !important;
    font-size: 11px !important;
    margin-bottom: 4px !important;
}

/* Sidebar Menu Items */
.nav-sidebar .nav-link {
    border-radius: var(--grm-radius-md) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--grm-color-text-muted) !important;
    padding: var(--grm-space-2) var(--grm-space-3) !important;
    margin-bottom: 4px !important;
    transition: all 0.2s ease-in-out !important;
}

.nav-sidebar .nav-link i {
    color: var(--grm-color-text-muted) !important;
    transition: color 0.2s ease-in-out !important;
}

.nav-sidebar .nav-link:hover {
    background-color: var(--grm-color-surface-muted) !important;
    color: var(--grm-color-text) !important;
}

.nav-sidebar .nav-link:hover i {
    color: var(--grm-color-text) !important;
}

.nav-sidebar .nav-link.active {
    background-color: var(--grm-color-primary-soft) !important;
    color: var(--grm-color-primary) !important;
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-weight: 600 !important;
}

.nav-sidebar .nav-link.active i {
    color: var(--grm-color-primary) !important;
}

/* Modernized Navbar */
.main-header.navbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--grm-color-border) !important;
    box-shadow: 0 1px 3px rgba(31, 41, 51, 0.02) !important;
    padding: var(--grm-space-2) var(--grm-space-4) !important;
}

.nav-greetings {
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    color: var(--grm-color-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.main-header.navbar .navbar-nav .image img {
    width: 32px !important;
    height: 32px !important;
    object-fit: cover !important;
    border: 1.5px solid var(--grm-color-border) !important;
}

.main-header.navbar .navbar-nav .nav-link {
    color: var(--grm-color-text-muted) !important;
    font-size: 14px !important;
}

.main-header.navbar .navbar-nav .nav-link:hover {
    color: var(--grm-color-text) !important;
}

/* Button Refinement */
.btn {
    border-radius: var(--grm-radius-md) !important;
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out !important;
}

.btn-primary {
    background-color: var(--grm-color-primary) !important;
    border-color: var(--grm-color-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--grm-color-primary-strong) !important;
    border-color: var(--grm-color-primary-strong) !important;
}

.btn-outline-primary {
    color: var(--grm-color-primary) !important;
    border-color: var(--grm-color-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--grm-color-primary-soft) !important;
    color: var(--grm-color-primary) !important;
    border-color: var(--grm-color-primary) !important;
}

.btn-success {
    background-color: var(--grm-color-success) !important;
    border-color: var(--grm-color-success) !important;
    color: #ffffff !important;
}

.btn-success:hover {
    background-color: #115533 !important;
    border-color: #115533 !important;
}

.btn-warning {
    background-color: var(--grm-color-warning) !important;
    border-color: var(--grm-color-warning) !important;
    color: #ffffff !important;
}

.btn-danger {
    background-color: var(--grm-color-danger) !important;
    border-color: var(--grm-color-danger) !important;
    color: #ffffff !important;
}

/* Form Fields & Controls */
.form-control,
.custom-select,
.select2-container--default .select2-selection--single {
    border: 1px solid var(--grm-color-border) !important;
    border-radius: var(--grm-radius-md) !important;
    color: var(--grm-color-text) !important;
    font-size: 13px !important;
    height: 40px !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--grm-color-border) !important;
    border-radius: var(--grm-radius-md) !important;
    color: var(--grm-color-text) !important;
    font-size: 13px !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 4px 12px !important;
    background-color: #ffffff !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default .select2-selection--single:focus {
    border-color: var(--grm-color-primary) !important;
    box-shadow: var(--grm-focus) !important;
}

/* Select2 customization overrides */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px !important;
    padding-left: 0 !important;
    color: var(--grm-color-text) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    align-items: center;
    display: flex;
    height: 40px !important;
    justify-content: center;
    right: 4px !important;
    top: 0 !important;
    width: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--grm-color-primary) transparent transparent transparent !important;
    border-style: solid !important;
    border-width: 5px 4px 0 4px !important;
    display: block !important;
    height: 0 !important;
    left: auto !important;
    margin: 0 !important;
    position: static !important;
    width: 0 !important;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: transparent transparent var(--grm-color-primary) transparent !important;
    border-width: 0 4px 5px 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow i {
    display: none !important;
}

.select2-dropdown {
    border: 1px solid var(--grm-color-border) !important;
    border-radius: var(--grm-radius-md) !important;
    box-shadow: var(--grm-shadow-subtle) !important;
}

.form-group label {
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    color: var(--grm-color-text-muted) !important;
    margin-bottom: var(--grm-space-1) !important;
    letter-spacing: 0.05em !important;
}

/* Cards & Surfaces Redesign */
.card {
    background: var(--grm-color-surface) !important;
    border: 1px solid var(--grm-color-border) !important;
    border-radius: var(--grm-radius-lg) !important;
    box-shadow: var(--grm-shadow-subtle) !important;
    margin-bottom: var(--grm-space-4) !important;
}

.card-header {
    background-color: transparent !important;
    border-bottom: 1px solid var(--grm-color-border) !important;
    padding: var(--grm-space-4) var(--grm-space-5) !important;
}

.card-title {
    color: var(--grm-color-text) !important;
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.card-body {
    padding: var(--grm-space-5) !important;
}

.card-footer {
    background-color: transparent !important;
    border-top: 1px solid var(--grm-color-border) !important;
    padding: var(--grm-space-4) var(--grm-space-5) !important;
}

/* Modals Redesign */
.modal-content {
    border: none !important;
    border-radius: var(--grm-radius-lg) !important;
    box-shadow: 0 10px 30px rgba(31, 41, 51, 0.08) !important;
    background-color: #ffffff !important;
}

.modal-header {
    border-bottom: 1px solid var(--grm-color-border) !important;
    padding: var(--grm-space-4) var(--grm-space-5) !important;
}

.modal-title {
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    color: var(--grm-color-text) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.modal-body {
    padding: var(--grm-space-5) !important;
}

.modal-footer {
    border-top: 1px solid var(--grm-color-border) !important;
    padding: var(--grm-space-4) var(--grm-space-5) !important;
}

/* Global Tables Styling */
.table {
    width: 100% !important;
    margin-bottom: 1rem !important;
    color: var(--grm-color-text) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.table th {
    background: var(--grm-color-surface-muted) !important;
    border-top: none !important;
    border-bottom: 1px solid var(--grm-color-border) !important;
    color: var(--grm-color-text-muted) !important;
    font-family: poppinsbold, "Source Sans Pro", sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    padding: 12px !important;
    letter-spacing: 0.05em !important;
}

.table td {
    border-top: 1px solid var(--grm-color-border) !important;
    padding: 14px 12px !important;
    vertical-align: middle !important;
    font-size: 13px !important;
}

.table tbody tr:hover {
    background-color: var(--grm-color-surface-muted) !important;
}

.table-responsive {
    border: 1px solid var(--grm-color-border) !important;
    border-radius: var(--grm-radius-lg) !important;
    background-color: #ffffff !important;
    overflow-x: auto !important;
    margin-bottom: var(--grm-space-4) !important;
}

.table-responsive .table {
    margin-bottom: 0 !important;
}

/* Application foundation */
:root {
    --grm-font-body: poppinsregular, Arial, sans-serif;
    --grm-font-medium: poppinsmedium, Arial, sans-serif;
    --grm-font-semibold: poppinssemibold, Arial, sans-serif;
    --grm-color-canvas: #f2f5f6;
    --grm-color-surface-raised: #ffffff;
    --grm-color-sidebar: #163c37;
    --grm-color-sidebar-hover: #204b45;
    --grm-color-sidebar-text: #d7e7e3;
    --grm-color-accent: #e39a38;
    --grm-color-accent-soft: #fff3df;
    --grm-shadow-panel: 0 8px 28px rgba(25, 43, 51, 0.08);
    --grm-shadow-menu: 0 16px 38px rgba(25, 43, 51, 0.16);
    --grm-sidebar-width: 270px;
    --grm-sidebar-collapsed-width: 78px;
    --grm-navbar-height: 64px;
}

[data-theme="dark"] {
    --grm-color-page: #101718;
    --grm-color-canvas: #101718;
    --grm-color-surface: #182122;
    --grm-color-surface-raised: #1d2829;
    --grm-color-surface-muted: #222e2f;
    --grm-color-text: #edf4f2;
    --grm-color-text-muted: #a7b8b4;
    --grm-color-border: #344342;
    --grm-color-primary: #5ec4a1;
    --grm-color-primary-strong: #7ed2b5;
    --grm-color-primary-soft: #203d35;
    --grm-color-warning-soft: #3e321d;
    --grm-color-danger-soft: #402624;
    --grm-color-success-soft: #203a2d;
    --grm-color-info-soft: #24384c;
    --grm-shadow-subtle: 0 8px 28px rgba(0, 0, 0, 0.2);
    --grm-shadow-panel: 0 10px 32px rgba(0, 0, 0, 0.24);
}

html,
body,
.wrapper,
.content-wrapper {
    background: var(--grm-color-canvas) !important;
}

body.grm-app {
    color: var(--grm-color-text);
    font-family: var(--grm-font-body);
    font-size: 14px;
}

body.grm-app * {
    letter-spacing: 0 !important;
}

a {
    color: var(--grm-color-primary);
}

a:hover {
    color: var(--grm-color-primary-strong);
}

.content-wrapper {
    min-height: calc(100vh - var(--grm-navbar-height)) !important;
}

.content {
    padding: 0 0 28px;
}

.content > .container-fluid,
.content-header > .container-fluid {
    max-width: 1680px;
    padding-left: clamp(16px, 2.2vw, 34px);
    padding-right: clamp(16px, 2.2vw, 34px);
}

/* Navigation shell */
.main-header.navbar {
    min-height: var(--grm-navbar-height);
    padding: 8px 18px !important;
    background: var(--grm-color-surface-raised) !important;
    border-bottom-color: var(--grm-color-border) !important;
}

.grm-icon-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--grm-radius-md);
    display: inline-flex !important;
    height: 40px;
    justify-content: center;
    padding: 0 !important;
    width: 40px;
}

.grm-icon-button:hover {
    background: var(--grm-color-surface-muted) !important;
}

.grm-navbar-context {
    border-left: 1px solid var(--grm-color-border);
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    margin-left: 8px;
    padding-left: 16px;
}

.grm-navbar-context strong {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 14px;
}

.grm-navbar-context small {
    color: var(--grm-color-text-muted);
    font-size: 11px;
    margin-top: 3px;
}

.grm-account-trigger {
    align-items: center;
    display: flex !important;
    gap: 10px;
    height: 48px;
    margin-left: 6px;
    padding: 4px 8px !important;
}

.grm-account-trigger:hover {
    background: var(--grm-color-surface-muted);
    border-radius: var(--grm-radius-md);
}

.main-header .grm-account-trigger .image img {
    height: 34px !important;
    width: 34px !important;
}

.grm-account-copy {
    flex-direction: column;
    line-height: 1.2;
    max-width: 170px;
}

.grm-account-copy strong {
    color: var(--grm-color-text);
    font-family: var(--grm-font-medium);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grm-account-copy small {
    color: var(--grm-color-text-muted);
    font-size: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grm-account-chevron {
    color: var(--grm-color-text-muted);
    font-size: 9px;
}

.dropdown-menu {
    background: var(--grm-color-surface-raised);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    box-shadow: var(--grm-shadow-menu);
    padding: 6px;
}

.dropdown-item {
    align-items: center;
    border-radius: var(--grm-radius-sm);
    color: var(--grm-color-text);
    display: flex;
    font-size: 12px;
    gap: 10px;
    padding: 9px 11px;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--grm-color-surface-muted);
    color: var(--grm-color-text);
}

.dropdown-divider {
    border-top-color: var(--grm-color-border);
}

.main-sidebar {
    background: var(--grm-color-sidebar) !important;
    border-right: 0 !important;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--grm-navbar-height));
    width: var(--grm-sidebar-width) !important;
}

.layout-fixed .main-sidebar {
    bottom: auto;
    top: 0;
}

.grm-brand {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    display: flex;
    gap: 12px;
    height: var(--grm-navbar-height);
    padding: 10px 18px !important;
    width: 100%;
}

.grm-brand:hover {
    color: #fff;
}

.grm-brand__mark {
    background: #fff;
    border-radius: var(--grm-radius-sm);
    height: 38px;
    object-fit: contain;
    padding: 4px;
    width: 38px;
}

.grm-brand__copy {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.grm-brand__copy strong {
    color: #fff;
    font-family: var(--grm-font-semibold);
    font-size: 15px;
}

.grm-brand__copy small {
    color: #bcd2cd;
    font-size: 10px;
    margin-top: 4px;
}

.main-sidebar .sidebar {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow-y: auto;
    padding: 12px !important;
}

.main-sidebar .user-panel {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: var(--grm-radius-md);
    margin: 0 0 18px !important;
    padding: 12px !important;
}

.main-sidebar .user-panel .image {
    padding-left: 0;
}

.main-sidebar .user-panel .image img {
    border-color: rgba(255, 255, 255, 0.28) !important;
    height: 38px !important;
    width: 38px !important;
}

.main-sidebar .user-panel .info {
    min-width: 0;
    padding: 0 0 0 10px !important;
}

.main-sidebar .user-panel .info .name {
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-sidebar .user-panel .info .email {
    color: #bcd2cd !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grm-user-role {
    color: #f1c98f;
    font-size: 10px;
    margin: 0;
}

.nav-sidebar .nav-header {
    color: #8fb0a9 !important;
    font-family: var(--grm-font-semibold);
    font-size: 10px;
    padding: 14px 10px 7px !important;
}

.nav-sidebar .nav-link {
    color: var(--grm-color-sidebar-text) !important;
    min-height: 42px;
    padding: 10px 11px !important;
}

.nav-sidebar .nav-link i {
    color: #a8c2bc !important;
}

.nav-sidebar .nav-link:hover {
    background: var(--grm-color-sidebar-hover) !important;
    color: #fff !important;
}

.nav-sidebar .nav-link.active {
    background: #fff !important;
    color: #145e4e !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.15);
}

.nav-sidebar .nav-link.active i {
    color: #167c58 !important;
}

.nav-sidebar .nav-item.has-treeview > .nav-link .right {
    transition: transform 160ms ease;
}

.nav-sidebar .nav-item.has-treeview.menu-open > .nav-link .right {
    transform: rotate(-90deg);
}

.nav-treeview {
    display: none;
    padding-left: 8px !important;
}

.nav-item.has-treeview.menu-open > .nav-treeview {
    display: block;
}

.nav-treeview .nav-link {
    min-height: 36px;
    padding-bottom: 7px !important;
    padding-top: 7px !important;
}

.grm-sidebar-tree--referentials > .grm-sidebar-tree__menu {
    max-height: min(42vh, 320px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px !important;
}

.grm-sidebar-tree--referentials > .grm-sidebar-tree__menu::-webkit-scrollbar,
.main-sidebar .sidebar::-webkit-scrollbar {
    width: 8px;
}

.grm-sidebar-tree--referentials > .grm-sidebar-tree__menu::-webkit-scrollbar-thumb,
.main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background: rgba(168, 194, 188, 0.45);
    border-radius: 999px;
}

.grm-sidebar-tree--referentials > .grm-sidebar-tree__menu::-webkit-scrollbar-track,
.main-sidebar .sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.layout-navbar-fixed .wrapper .brand-link {
    position: static;
    top: auto;
    width: 100% !important;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 0;
}

@media (min-width: 992px) {
    .sidebar-mini .content-wrapper,
    .sidebar-mini .main-header,
    .sidebar-mini .main-footer {
        margin-left: var(--grm-sidebar-width) !important;
    }

    body.sidebar-collapse .main-sidebar,
    body.sidebar-collapse .main-sidebar::before {
        margin-left: 0 !important;
        width: var(--grm-sidebar-collapsed-width) !important;
    }

    body.sidebar-mini.sidebar-collapse .main-header,
    body.sidebar-mini.sidebar-collapse .content-wrapper,
    body.sidebar-mini.sidebar-collapse .main-footer {
        margin-left: var(--grm-sidebar-collapsed-width) !important;
    }

    body.sidebar-collapse .grm-brand {
        justify-content: center;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.sidebar-collapse .grm-brand__copy,
    body.sidebar-collapse .user-panel,
    body.sidebar-collapse .nav-sidebar .nav-header,
    body.sidebar-collapse .nav-sidebar .nav-link p,
    body.sidebar-collapse .nav-sidebar .right,
    body.sidebar-collapse .nav-treeview {
        display: none !important;
    }

    body.sidebar-collapse .main-sidebar .sidebar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.sidebar-collapse .nav-sidebar .nav-link {
        align-items: center;
        display: flex;
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.sidebar-collapse .nav-sidebar .nav-icon {
        margin: 0 !important;
        width: auto !important;
    }
}

@media (max-width: 991.98px) {
    .main-sidebar {
        height: 100vh;
        top: 0;
    }

    .main-sidebar .sidebar {
        padding-bottom: 24px !important;
    }
}

/* Page hierarchy */
.grm-page-header {
    padding: 24px 0 18px !important;
}

.grm-page-header__inner {
    align-items: flex-end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.grm-page-heading__eyebrow {
    color: var(--grm-color-primary);
    font-family: var(--grm-font-semibold);
    font-size: 10px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.main-title,
.content-header .main-title {
    font-family: var(--grm-font-semibold) !important;
    font-size: 26px !important;
    font-weight: normal !important;
    line-height: 1.25;
    margin: 0 !important;
}

.breadcrumb {
    background: transparent;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.breadcrumb-item {
    color: var(--grm-color-text-muted);
    font-size: 11px;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--grm-color-text-muted);
}

/* Universal legacy component normalization */
.card,
.grm-surface,
.grm-filter-panel {
    background: var(--grm-color-surface) !important;
    border-color: var(--grm-color-border) !important;
    box-shadow: var(--grm-shadow-panel) !important;
}

.card .card {
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.card .card .card-body {
    padding: 0 !important;
}

.card-header,
.card-footer,
.grm-surface__header,
.grm-filter-panel__top,
.grm-filter-panel__footer {
    border-color: var(--grm-color-border) !important;
}

.card-title,
.grm-section-title,
.grm-toolbar__title {
    font-family: var(--grm-font-semibold) !important;
    font-weight: normal !important;
}

.form-group.row {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.form-group.row > label,
.form-group.row > [class*="col-form-label"] {
    display: block;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.form-group.row > div[class*="col-"] {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.form-group label,
.grm-form-grid label,
.grm-wizard__content label {
    color: var(--grm-color-text-muted) !important;
    font-family: var(--grm-font-medium) !important;
    font-size: 12px !important;
    text-transform: none !important;
}

.form-control,
.custom-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: var(--grm-color-surface-raised) !important;
    color: var(--grm-color-text) !important;
    min-height: 42px;
}

textarea.form-control {
    height: auto !important;
    min-height: 112px;
    resize: vertical;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--grm-color-text) !important;
}

.select2-container--default .select2-results__option {
    color: var(--grm-color-text);
    font-size: 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--grm-color-primary);
}

.select2-dropdown {
    background: var(--grm-color-surface-raised);
}

.input-group-text {
    background: var(--grm-color-surface-muted);
    border-color: var(--grm-color-border);
    color: var(--grm-color-text-muted);
}

.search-bar {
    margin-left: 0 !important;
    max-width: 460px;
    width: 100% !important;
}

.grm-list-search {
    align-items: center;
    background: var(--grm-color-surface-raised);
    border: 1px solid var(--grm-color-border);
    border-radius: var(--grm-radius-md);
    display: flex;
    flex-wrap: nowrap !important;
    height: 44px;
    margin-bottom: 20px !important;
    max-width: 520px;
    overflow: hidden;
    position: relative;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100% !important;
}

.grm-rules-header {
    align-items: flex-start;
}

.grm-rules-search {
    flex: 0 1 420px;
    margin-bottom: 0 !important;
    margin-left: auto;
    min-width: 300px;
}

.grm-list-search:focus-within {
    border-color: var(--grm-color-primary);
    box-shadow: var(--grm-focus);
}

.grm-list-search .grm-list-search__icon,
.grm-list-search .input-group-prepend {
    align-items: center;
    align-self: stretch;
    background: transparent;
    display: flex;
    flex: 0 0 42px;
    justify-content: center;
    margin: 0;
    min-height: 42px;
}

.grm-list-search .input-group-text {
    background: transparent;
    border: 0;
    color: var(--grm-color-text-muted);
    padding: 0;
}

.grm-list-search .form-control,
.grm-list-search input[type="search"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto;
    height: 42px !important;
    min-width: 0;
    padding: 9px 42px 9px 12px !important;
}

.grm-list-search input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.grm-list-search__clear {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--grm-radius-sm);
    color: var(--grm-color-text-muted);
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 32px;
}

.grm-list-search__clear[hidden] {
    display: none;
}

.grm-list-search__clear:hover,
.grm-list-search__clear:focus {
    background: var(--grm-color-surface-muted);
    color: var(--grm-color-text);
    outline: 0;
}

.btn {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    justify-content: center;
    min-height: 38px;
}

.btn-sm {
    min-height: 34px;
    padding: 6px 12px !important;
}

.btn-xs {
    min-height: 30px;
    padding: 4px 9px !important;
}

.btn-secondary,
.btn-default {
    background: var(--grm-color-surface-raised) !important;
    border-color: var(--grm-color-border) !important;
    color: var(--grm-color-text) !important;
}

.btn-secondary:hover,
.btn-default:hover {
    background: var(--grm-color-surface-muted) !important;
}

.table-responsive {
    background: var(--grm-color-surface) !important;
    scrollbar-color: var(--grm-color-border) transparent;
}

.table {
    color: var(--grm-color-text) !important;
}

.table th {
    border: 0 !important;
    border-bottom: 1px solid var(--grm-color-border) !important;
    border-radius: 0 !important;
    font-family: var(--grm-font-semibold) !important;
    text-transform: none !important;
}

.table thead tr:first-child th:first-child {
    border-top-left-radius: var(--grm-radius-sm) !important;
}

.table thead tr:first-child th:last-child {
    border-top-right-radius: var(--grm-radius-sm) !important;
}

.table td {
    background: transparent;
    border-color: var(--grm-color-border) !important;
    color: var(--grm-color-text);
}

.table tr:not(:last-child) td {
    border-bottom-color: var(--grm-color-border) !important;
}

.grm-actions-cell {
    overflow: visible !important;
    white-space: nowrap;
    width: 92px;
}

.grm-rules-overview {
    overflow: hidden;
}

.grm-rules-overview__content {
    align-items: flex-start;
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(240px, 1.1fr) minmax(0, 1.9fr);
}

.grm-rules-overview__intro {
    display: grid;
    gap: var(--grm-space-2);
    padding-top: var(--grm-space-1);
}

.grm-rules-kpi-grid {
    margin-bottom: 0;
}

.grm-rules-results {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 13px;
}

.grm-rules-filter-grid {
    align-items: end;
    display: grid;
    gap: var(--grm-space-4);
    grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(140px, 1fr));
}

.grm-rules-filter-grid label {
    color: var(--grm-color-text-muted);
    display: block;
    font-family: poppinsbold, "Source Sans Pro", sans-serif;
    font-size: 11px;
    margin-bottom: var(--grm-space-1);
}

.grm-rules-filter-grid__search {
    grid-column: span 2;
}

.grm-rules-searchbar {
    margin-bottom: 0 !important;
    max-width: none;
}

.grm-rules-filter-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.grm-rules-toolbar {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.grm-rules-toolbar__exports {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.grm-rules-table-wrap {
    overflow-x: hidden;
}

.grm-rules-table {
    table-layout: fixed;
}

.grm-search-clear-btn {
    border-left: 0 !important;
    min-width: 42px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.grm-rules-table thead th {
    line-height: 1.35;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: break-word;
}

.grm-rules-table tbody td {
    line-height: 1.45;
    vertical-align: top;
    white-space: normal;
    word-break: break-word;
}

.grm-rules-table .grm-badge {
    white-space: nowrap;
}

.grm-rule-level {
    align-items: flex-start;
    display: flex;
}

.grm-rules-scope-badge {
    border-radius: 999px;
    display: inline-flex;
    font-family: var(--grm-font-medium);
    font-size: 11px;
    line-height: 1;
    padding: 8px 12px;
}

.grm-rules-scope-badge--specific {
    background: rgba(32, 201, 151, 0.12);
    color: var(--grm-color-primary-dark);
}

.grm-rules-scope-badge--fallback {
    background: var(--grm-color-surface-muted);
    color: var(--grm-color-text-muted);
}

.grm-table-stack {
    display: grid;
    gap: 3px;
}

.grm-table-stack__title {
    color: var(--grm-color-text);
    font-family: var(--grm-font-semibold);
    font-size: 13px;
    line-height: 1.45;
}

.grm-table-stack__meta {
    color: var(--grm-color-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.grm-icon-btn--label {
    width: 34px;
}

.grm-rules-table .grm-actions-cell {
    min-width: 96px;
    text-align: right;
    white-space: nowrap;
    width: 96px;
}

.grm-rules-table .grm-actions-cell .grm-icon-actions {
    justify-content: flex-end;
    min-width: 76px;
}

.grm-rules-table .grm-actions-cell .grm-icon-btn {
    flex: 0 0 34px;
}

.grm-rules-table .grm-actions-cell [data-toggle="tooltip"]::before,
.grm-rules-table .grm-actions-cell [data-toggle="tooltip"]::after {
    display: none !important;
}

.grm-queue-table__actions {
    overflow: visible !important;
}

.grm-queue-table__actions .grm-icon-actions {
    flex-wrap: nowrap;
    justify-content: flex-start;
    min-width: 76px;
}

.grm-queue-table__actions .grm-icon-btn {
    flex: 0 0 34px;
}

.grm-queue-table--worker .grm-queue-table__actions .grm-icon-actions {
    min-width: 88px;
}

.grm-queue-table--manager .grm-queue-table__actions .grm-icon-actions {
    min-width: 76px;
}

.grm-responsive-action__icon {
    display: none;
}

.grm-responsive-action__label {
    display: inline;
}

.table tbody tr:hover {
    background: var(--grm-color-surface-muted) !important;
}

.dataTables_wrapper {
    color: var(--grm-color-text-muted);
    font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 0 !important;
    border-radius: var(--grm-radius-sm) !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 0 !important;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 72px;
}

.dataTables_wrapper .dataTables_paginate {
    white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--grm-color-primary) !important;
    border-color: var(--grm-color-primary) !important;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--grm-color-surface-muted) !important;
    border-color: var(--grm-color-border) !important;
    color: var(--grm-color-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: transparent !important;
    color: var(--grm-color-text-muted) !important;
}

.dataTables_wrapper .dataTables_info {
    color: var(--grm-color-text-muted) !important;
}

.grm-rules-table + .dtr-details,
.grm-rules-table .child .dtr-details {
    width: 100%;
}

.grm-rules-table .child ul.dtr-details {
    margin: 0;
    width: 100%;
}

.grm-rules-table .child ul.dtr-details > li {
    padding: 8px 0;
    white-space: normal;
}

@media (max-width: 1199.98px) {
    .grm-rules-overview__content,
    .grm-rules-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grm-rules-filter-grid__search {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .grm-chart-with-legend {
        grid-template-columns: minmax(0, 1fr);
    }

    .grm-rules-overview__content,
    .grm-rules-filter-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .grm-rules-filter-grid__search {
        grid-column: auto;
    }

    .grm-rules-toolbar {
        justify-content: flex-start;
    }

    .grm-rules-table thead th,
    .grm-rules-table tbody td {
        padding-left: 10px;
        padding-right: 10px;
    }

    .grm-rules-filter-actions {
        justify-content: flex-start;
    }
}

.page-item.active .page-link {
    background: var(--grm-color-primary);
    border-color: var(--grm-color-primary);
}

.page-link {
    background: var(--grm-color-surface-raised);
    border-color: var(--grm-color-border);
    color: var(--grm-color-text);
}

.badge {
    border-radius: var(--grm-radius-sm);
    font-family: var(--grm-font-medium);
    font-size: 10px;
    font-weight: normal;
    padding: 5px 7px;
}

.alert {
    align-items: flex-start;
    background: var(--grm-color-surface-raised);
    border: 1px solid var(--grm-color-border);
    border-left-width: 4px;
    border-radius: var(--grm-radius-md);
    color: var(--grm-color-text);
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    padding: 13px 42px 13px 14px;
    position: relative;
    text-align: left;
}

.alert-success {
    border-left-color: var(--grm-color-success);
}

.alert-danger {
    border-left-color: var(--grm-color-danger);
}

.alert-warning {
    border-left-color: var(--grm-color-warning);
}

.alert-info {
    border-left-color: var(--grm-color-info);
}

.grm-alert-icon {
    flex: 0 0 auto;
}

.alert .close {
    color: var(--grm-color-text-muted);
    position: absolute;
    right: 12px;
    top: 9px;
}

.grm-message-stack {
    margin-bottom: 18px;
}

.modal-content {
    background: var(--grm-color-surface-raised) !important;
    border: 1px solid var(--grm-color-border) !important;
}

.modal-header,
.modal-footer {
    border-color: var(--grm-color-border) !important;
}

.modal-title {
    font-family: var(--grm-font-semibold) !important;
}

.main-footer {
    align-items: center;
    background: var(--grm-color-surface-raised);
    border-top: 1px solid var(--grm-color-border);
    color: var(--grm-color-text-muted);
    display: flex;
    font-size: 11px;
    justify-content: space-between;
    min-height: 48px;
    padding: 12px clamp(16px, 2.2vw, 34px);
}

.grm-toast-region {
    display: grid;
    gap: 12px;
    pointer-events: none;
    position: fixed;
    right: 20px;
    top: 88px;
    width: min(380px, calc(100vw - 32px));
    z-index: 1095;
}

.grm-toast {
    background: var(--grm-color-surface-raised);
    border: 1px solid var(--grm-color-border);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(12, 27, 42, 0.16);
    opacity: 1;
    overflow: hidden;
    pointer-events: auto;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.grm-toast--closing {
    opacity: 0;
    transform: translateY(-8px);
}

.grm-toast__bar {
    background: var(--grm-color-primary);
    height: 4px;
    width: 100%;
}

.grm-toast[data-level="danger"] .grm-toast__bar {
    background: #dc3545;
}

.grm-toast[data-level="warning"] .grm-toast__bar {
    background: #f59f00;
}

.grm-toast[data-level="info"] .grm-toast__bar {
    background: #2f80ed;
}

.grm-toast__content {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr auto;
    padding: 14px 16px;
}

.grm-toast__icon {
    align-items: center;
    color: var(--grm-color-primary);
    display: inline-flex;
    font-size: 18px;
    justify-content: center;
    min-height: 24px;
    width: 24px;
}

.grm-toast[data-level="danger"] .grm-toast__icon {
    color: #dc3545;
}

.grm-toast[data-level="warning"] .grm-toast__icon {
    color: #f59f00;
}

.grm-toast[data-level="info"] .grm-toast__icon {
    color: #2f80ed;
}

.grm-toast__body {
    min-width: 0;
}

.grm-toast__title {
    color: var(--grm-color-heading);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 4px;
}

.grm-toast__message {
    color: var(--grm-color-text);
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.grm-toast__message p:last-child {
    margin-bottom: 0;
}

.grm-toast__close {
    align-items: center;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--grm-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.18s ease, color 0.18s ease;
    width: 28px;
}

.grm-toast__close:hover,
.grm-toast__close:focus {
    background: rgba(15, 23, 42, 0.08);
    color: var(--grm-color-heading);
    outline: none;
}

[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black {
    color: var(--grm-color-text) !important;
}

[data-theme="dark"] .bg-white {
    background: var(--grm-color-surface) !important;
}

@media (max-width: 991.98px) {
    .grm-workflow-panel__grid,
    .grm-workflow-next {
        grid-template-columns: 1fr;
    }

    .grm-routing-summary {
        grid-template-columns: 1fr;
    }

    .grm-rule-form-layout {
        grid-template-columns: 1fr;
    }

    .main-sidebar {
        margin-left: -250px !important;
        width: 250px !important;
    }

    body.sidebar-open .main-sidebar {
        margin-left: 0 !important;
    }

    body.sidebar-open::after {
        background: rgba(9, 20, 20, 0.48);
        bottom: 0;
        content: "";
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .grm-page-header__inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .grm-toast-region {
        right: 16px;
        top: 78px;
        width: min(360px, calc(100vw - 24px));
    }

    .breadcrumb {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .main-header.navbar {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .grm-toast-region {
        left: 12px;
        right: 12px;
        top: 72px;
        width: auto;
    }

    .grm-account-chevron {
        display: none;
    }

    .grm-page-header {
        padding-top: 18px !important;
    }

    .main-title,
    .content-header .main-title {
        font-size: 22px !important;
        overflow-wrap: anywhere;
    }

    .breadcrumb {
        display: none;
    }

    .card-header,
    .card-body,
    .card-footer {
        padding: 16px !important;
    }

    .float-right {
        float: none !important;
    }

    .content .btn {
        margin-bottom: 6px;
    }

    .main-footer {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .grm-actions-cell .grm-responsive-action {
        height: 34px;
        min-height: 34px;
        padding: 0 !important;
        width: 34px;
    }

    .grm-responsive-action__label {
        display: none;
    }

    .grm-responsive-action__icon {
        align-items: center;
        display: inline-flex;
        font-size: 13px;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

/* Project palettes from the DCC design system. */
:root{--brand:#078460;--brand-hover:#05684d;--brand-rgb:7,132,96;--brand-soft:#e4f8f0;--brand-soft-rgb:228,248,240;--brand-accent:#24c38b;--brand-page:#f5f7fa}
html[data-project="malidenko"]{--brand:#16552d;--brand-hover:#043b15;--brand-rgb:22,85,45;--brand-soft:#edf5e9;--brand-soft-rgb:237,245,233;--brand-accent:#d7ad32;--brand-page:#f5f7f2}
html[data-project="pcrss"]{--brand:#8c481f;--brand-hover:#663217;--brand-rgb:140,72,31;--brand-soft:#fff2e3;--brand-soft-rgb:255,242,227;--brand-accent:#e5a044;--brand-page:#faf7f2}
html:root{--primary:var(--brand);--cdd-primary:var(--brand);--cdd-primary-strong:var(--brand-hover);--cdd-primary-rgb:var(--brand-rgb);--list-green:var(--brand);--list-mint:var(--brand-soft)}

html[data-project] { --grm-color-primary:var(--brand); --grm-color-primary-strong:var(--brand-hover); --grm-color-primary-soft:var(--brand-soft); --grm-color-page:var(--brand-page); --grm-radius-md:14px; --grm-radius-lg:20px; --grm-shadow-subtle:0 12px 28px rgba(15,23,42,.06); }
html[data-project] .main-header { background:rgba(255,255,255,.94); border-bottom:1px solid rgba(18,32,51,.08); box-shadow:var(--grm-shadow-subtle); }
html[data-project] .main-sidebar { background:#fff; border-right:1px solid rgba(18,32,51,.08); }
html[data-project] .card { border:1px solid rgba(18,32,51,.08); border-radius:20px; box-shadow:var(--grm-shadow-subtle); }
html[data-project] .card-header { background:transparent; padding:20px 24px; }
html[data-project] .table thead th { background:var(--brand-soft); color:var(--brand-hover); }
html[data-project] .btn-primary { background:var(--brand); border-color:var(--brand); }
html[data-project] .btn-primary:hover { background:var(--brand-hover); }
html[data-project] .content-header { padding-top:24px; }
html[data-project] .auth-page, html[data-project] body.auth-page { background:var(--brand-page); }
html[data-project] .auth-brand-panel { background:linear-gradient(145deg,var(--brand-hover),var(--brand)); }
html[data-project] .auth-submit { background:var(--brand); }
html[data-project] .auth-layout { border-radius:28px; overflow:hidden; box-shadow:0 24px 70px rgba(15,23,42,.12); }
.project-badge { color:var(--brand-hover); background:var(--brand-soft); padding:6px 12px; border-radius:12px; font-weight:600; }

/* DCC login layout, adapted to GRM. */

        :root {
            --login-primary: var(--cdd-primary);
            --login-primary-deep: var(--cdd-primary-strong);
            --login-ink: var(--cdd-ink);
            --login-muted: #5f6f82;
            --login-line: rgba(18, 32, 51, 0.10);
            --login-surface: rgba(255, 255, 255, 0.94);
            --login-glow: rgba(var(--cdd-primary-rgb), 0.18);
        }

        body.login-page.login-shell {
            min-height: 100vh;
            margin: 0;
            background:
                radial-gradient(circle at top left, rgba(var(--cdd-primary-rgb), 0.22), transparent 30%),
                radial-gradient(circle at bottom right, rgba(var(--cdd-primary-rgb), 0.14), transparent 34%),
                linear-gradient(135deg, var(--brand-page) 0%, var(--brand-soft) 48%, #f7fafc 100%);
            color: var(--login-ink);
            font-family: 'poppinsregular', 'Source Sans Pro', sans-serif;
            display: block;
            padding: 24px;
        }

        .login-topbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            max-width: 1220px;
            margin: 0 auto 24px auto;
            padding: 14px 18px;
            border: 1px solid rgba(255, 255, 255, 0.55);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.72);
            backdrop-filter: blur(14px);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
        }

        .login-topbar-brand {
            display: flex;
            align-items: center;
            gap: 18px;
        }

        .login-topbar-brand img {
            max-height: 52px;
            width: auto;
            object-fit: contain;
        }

        .login-topbar-copy {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .login-topbar-eyebrow {
            font-family: 'poppinsmedium', 'Source Sans Pro', sans-serif;
            font-size: 0.74rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--login-primary-deep);
        }

        .login-topbar-title {
            font-family: 'poppinssemibold', 'Source Sans Pro', sans-serif;
            font-size: 1rem;
            color: var(--login-ink);
        }

        .login-stage {
            max-width: 1220px;
            margin: 0 auto;
            min-height: calc(100vh - 130px);
            display: flex;
            align-items: center;
        }

        .login-panel {
            width: 100%;
            display: grid;
            grid-template-columns: 1.08fr 0.92fr;
            border-radius: 28px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.7);
            background: rgba(255, 255, 255, 0.60);
            backdrop-filter: blur(16px);
            box-shadow: 0 28px 60px rgba(15, 23, 42, 0.12);
        }

        .login-hero {
            position: relative;
            padding: 56px 54px;
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.26), transparent 36%),
                linear-gradient(145deg, var(--login-primary-deep) 0%, var(--login-primary) 70%, var(--brand-accent) 100%);
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 640px;
        }

        .login-hero::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 40%),
                radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 22%);
            pointer-events: none;
        }

        .login-hero-content,
        .login-hero-footer {
            position: relative;
            z-index: 1;
        }

        .login-brand {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 42px;
        }

        .login-brand-mark {
            width: 66px;
            height: 66px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.16);
            border: 1px solid rgba(255, 255, 255, 0.20);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
        }

        .login-brand-mark img {
            width: 38px;
            height: 38px;
            object-fit: contain;
        }

        .login-brand-text {
            display: flex;
            flex-direction: column;
            gap: 3px;
        }

        .login-brand-text strong {
            font-family: 'poppinssemibold', 'Source Sans Pro', sans-serif;
            font-size: 1.15rem;
            letter-spacing: 0.02em;
        }

        .login-brand-text span {
            color: rgba(255, 255, 255, 0.78);
            font-size: 0.95rem;
        }

        .login-hero h1 {
            margin: 0 0 14px 0;
            font-family: 'poppinssemibold', 'Source Sans Pro', sans-serif;
            font-size: clamp(2.2rem, 4vw, 3.6rem);
            line-height: 1.02;
            letter-spacing: -0.03em;
            max-width: 560px;
        }

        .login-hero-lead {
            max-width: 520px;
            margin: 0 0 32px 0;
            color: rgba(255, 255, 255, 0.82);
            font-size: 1.02rem;
            line-height: 1.75;
        }

        .login-trust-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
            margin-top: 26px;
        }

        .login-trust-card {
            padding: 16px 16px 18px 16px;
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.12);
            border: 1px solid rgba(255, 255, 255, 0.14);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
        }

        .login-trust-card .trust-label {
            display: block;
            margin-bottom: 6px;
            font-family: 'poppinsmedium', 'Source Sans Pro', sans-serif;
            font-size: 0.88rem;
            color: #fff;
        }

        .login-trust-card .trust-value {
            color: rgba(255, 255, 255, 0.74);
            font-size: 0.88rem;
            line-height: 1.55;
        }

        .login-hero-footer {
            max-width: 520px;
            padding-top: 28px;
            color: rgba(255, 255, 255, 0.76);
            font-size: 0.93rem;
            line-height: 1.7;
        }

        .login-form-shell {
            padding: 54px 48px;
            background: var(--login-surface);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .login-form-card {
            width: 100%;
            max-width: 420px;
        }

        .login-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 20px;
            padding: 8px 12px;
            border-radius: 999px;
            background: rgba(var(--cdd-primary-rgb), 0.10);
            color: var(--login-primary-deep);
            font-family: 'poppinsmedium', 'Source Sans Pro', sans-serif;
            font-size: 0.78rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }

        .login-form-card h2 {
            margin: 0 0 10px 0;
            font-family: 'poppinssemibold', 'Source Sans Pro', sans-serif;
            font-size: 2rem;
            letter-spacing: -0.03em;
            color: var(--login-ink);
        }

        .login-form-intro {
            margin: 0 0 30px 0;
            color: var(--login-muted);
            line-height: 1.7;
            font-size: 0.97rem;
        }

        .login-form-shell .form-group {
            margin-bottom: 18px;
        }

        .login-form-shell label {
            margin-bottom: 7px;
            font-family: 'poppinsmedium', 'Source Sans Pro', sans-serif;
            font-size: 0.9rem;
            color: #243447;
        }

        .login-form-shell .form-control {
            height: 54px;
            border: 1px solid var(--login-line);
            border-radius: 16px;
            background: #fff;
            color: var(--login-ink);
            font-size: 0.96rem;
            padding: 0 16px;
            box-shadow: none;
            transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
        }

        .login-form-shell .select2-container { width: 100% !important; }
        .login-form-shell .select2-selection--single {
            min-height: 54px;
            border: 1px solid var(--login-line);
            border-radius: 16px;
            background: #fff;
            display: flex;
            align-items: center;
            padding: 0 16px;
        }
        .login-form-shell .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 24px;
            color: var(--login-ink);
        }
        .login-form-shell .select2-selection__placeholder { color: var(--login-muted); }
        .login-form-shell .select2-selection--single .select2-selection__arrow {
            height: 100%;
            right: 14px;
        }
        .login-form-shell .select2-container--focus .select2-selection,
        .login-form-shell .select2-container--open .select2-selection {
            border-color: var(--login-primary);
            box-shadow: 0 0 0 3px var(--login-glow);
        }
        .login-project-dropdown {
            border-color: var(--login-line);
            border-radius: 12px;
            overflow: hidden;
            font-family: 'poppinsregular', 'Source Sans Pro', sans-serif;
        }
        .login-project-dropdown .select2-results__option--highlighted[aria-selected] {
            background: var(--login-primary);
        }
        .login-form-shell .form-control:focus {
            border-color: rgba(var(--cdd-primary-rgb), 0.68);
            box-shadow: 0 0 0 4px var(--login-glow);
            transform: translateY(-1px);
        }

        .login-form-shell .invalid-feedback,
        .login-form-shell .text-danger {
            font-size: 0.84rem;
        }

        .login-password-control {
            position: relative;
        }

        .login-form-shell .login-password-control input {
            padding-right: 60px;
            background-position: right 48px center;
        }

        .login-password-control input::-ms-reveal {
            display: none;
        }

        .login-password-toggle {
            position: absolute;
            right: 5px;
            top: 5px;
            width: 44px;
            height: 44px;
            border: 0;
            border-radius: 12px;
            background: transparent;
            color: var(--login-muted);
            cursor: pointer;
        }

        .login-password-toggle:hover {
            color: var(--login-primary-deep);
            background: var(--login-glow);
        }

        .login-password-toggle:focus-visible {
            outline: 2px solid var(--login-primary);
            outline-offset: -2px;
        }

        .login-password-control.is-invalid ~ .invalid-feedback {
            display: block;
        }

        .login-submit {
            width: 100%;
            height: 54px;
            border: 0;
            border-radius: 16px;
            background: linear-gradient(135deg, var(--login-primary) 0%, var(--login-primary-deep) 100%);
            box-shadow: 0 18px 36px rgba(var(--cdd-primary-rgb), 0.22);
            font-family: 'poppinssemibold', 'Source Sans Pro', sans-serif;
            font-size: 0.96rem;
            letter-spacing: 0.01em;
            transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
        }

        .login-submit:hover,
        .login-submit:focus {
            transform: translateY(-1px);
            box-shadow: 0 20px 40px rgba(var(--cdd-primary-rgb), 0.26);
            filter: brightness(1.01);
        }

        .login-support-copy {
            margin-top: 18px;
            color: var(--login-muted);
            font-size: 0.9rem;
            line-height: 1.7;
        }

        .login-support-copy strong {
            color: var(--login-ink);
            font-family: 'poppinsmedium', 'Source Sans Pro', sans-serif;
        }

        @media (max-width: 991.98px) {
            body.login-page.login-shell {
                padding: 16px;
            }

            .login-topbar {
                padding: 14px;
                border-radius: 18px;
            }

            .login-topbar-brand {
                gap: 12px;
            }

            .login-topbar-brand img {
                max-height: 42px;
            }

            .login-stage {
                min-height: auto;
            }

            .login-panel {
                grid-template-columns: 1fr;
            }

            .login-hero {
                min-height: auto;
                padding: 34px 28px;
            }

            .login-trust-grid {
                grid-template-columns: 1fr;
            }

            .login-form-shell {
                padding: 32px 24px;
            }
        }

        @media (max-width: 575.98px) {
            .login-topbar {
                flex-direction: column;
                align-items: flex-start;
            }

            .login-topbar-copy {
                display: none;
            }

            .login-hero h1 {
                font-size: 1.9rem;
            }

            .login-form-card h2 {
                font-size: 1.7rem;
            }
        }

/* DCC list-workspace.css */
/* Shared list and navigation design. Forms and profile cards keep their own theme. */
:root{--list-ink:#173247;--list-muted:#62758b;--list-border:#e1e8ef;--list-green:#079e78;--list-mint:#e4f8f0}
.main-sidebar.sidebar-elegant-shell{background:#fff!important;border-right:1px solid var(--list-border);box-shadow:none!important;height:100vh;height:100dvh;overflow:hidden}
.main-sidebar .sidebar-elegant-body{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;box-sizing:border-box;padding:0 12px;overflow:hidden;background:#fff}
.grm-sidebar-brand{display:flex;align-items:center;flex:none;min-height:76px;padding:12px 16px;color:#173247!important;font:700 32px/1.2 system-ui,sans-serif;letter-spacing:-1px;border-bottom:1px solid #edf1f5;margin-bottom:14px}
.main-sidebar .sidebar-nav-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding-bottom:16px}
.main-sidebar .sidebar-elegant-footer{flex:0 0 auto;margin-top:auto;background:#fff;padding-bottom:env(safe-area-inset-bottom,0px)}
.main-sidebar .sidebar-elegant-nav>.nav-header{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.1em;color:#6a7e93;margin:20px 12px 9px}
.main-sidebar .sidebar-elegant-nav>.nav-header::after{display:none}
.main-sidebar .sidebar-elegant-nav .sidebar-elegant-link{min-height:42px;padding:8px 10px;border:0;border-radius:6px;margin:2px 0;gap:12px;background:transparent;color:#425b75;box-shadow:none}
.main-sidebar .sidebar-elegant-nav .sidebar-elegant-link p{font:400 13px/1.5 system-ui,sans-serif;white-space:normal;margin:0}
.main-sidebar .sidebar-elegant-nav .sidebar-elegant-link:hover{background:#f2f7fa;color:#173247}
.main-sidebar .sidebar-elegant-nav .sidebar-elegant-link.active{background:var(--brand-soft)!important;color:var(--brand)!important}
.main-sidebar .sidebar-elegant-nav .sidebar-elegant-link.active p{font-weight:600}
.main-sidebar .sidebar-elegant-link.active::before{top:0;bottom:0;width:3px;border-radius:3px;background:var(--brand)}
.main-sidebar .sidebar-link-icon{border:0;background:transparent!important;box-shadow:none;width:26px;height:26px;border-radius:0;color:inherit}
.main-sidebar .sidebar-link-icon i{font-size:16px}
.main-sidebar .sidebar-elegant-user{flex:none;margin:0;padding:16px 8px 10px;border:0;border-top:1px solid var(--list-border);border-radius:0;background:#fff;gap:10px;box-shadow:none}
.main-sidebar .sidebar-elegant-avatar{width:36px;height:36px;min-width:36px;border:0;box-shadow:none;background:var(--brand-soft)}
.main-sidebar .sidebar-elegant-user .name{font:500 12px/1.5 system-ui,sans-serif;color:#173247}
.main-sidebar .sidebar-elegant-user .email{font-size:10px;color:#62758b;margin-bottom:3px}
.main-sidebar .sidebar-role-chip{font-size:10px;min-height:18px;padding:2px 6px;border-radius:4px}
.main-sidebar .sidebar-toggle-shell{flex:none;margin:0;padding:2px 0 8px;border:0;background:#fff}
.main-sidebar .sidebar-toggle-shell .nav-link{padding:5px 10px;color:#62758b;font-size:11px;min-height:30px}
.main-sidebar a:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@media(min-width:992px){.sidebar-mini.sidebar-collapse .grm-sidebar-brand{padding:12px 0;justify-content:center;font-size:18px}.sidebar-mini.sidebar-collapse .sidebar-elegant-user .info{display:none}.sidebar-mini.sidebar-collapse .sidebar-elegant-user{padding:12px 0;justify-content:center}.sidebar-mini.sidebar-collapse .sidebar-elegant-nav .sidebar-elegant-link p{white-space:nowrap}.sidebar-mini.sidebar-collapse .sidebar-elegant-body{padding:0 7px}}
/* List surfaces */
.dcc-list-page .content-wrapper{background:#f5f7fa;color:var(--list-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}
.dcc-list-page .content-header{padding:26px 24px 14px}.dcc-list-page .content-header .main-title{font:650 28px/1.3 system-ui,sans-serif;color:var(--list-ink);letter-spacing:-.5px}
.dcc-list-page .content-header .breadcrumb{font-size:12px;color:var(--list-muted)}
.dcc-list-page .content{padding:0 24px 28px}.dcc-list-page .content>.container-fluid{padding:0}
.dcc-list-page .content .card{background:#fff;border:1px solid var(--list-border);border-radius:10px;box-shadow:0 2px 6px rgba(23,50,71,.025);margin-bottom:20px;overflow:visible}
.dcc-list-page .content .card .card{border:0;box-shadow:none;border-radius:0;margin:0}
.dcc-list-page .content .card-body{padding:20px}.dcc-list-page .content .card .card .card-body{padding:0}
.dcc-list-page .content .card-header{background:#fff;border-bottom:1px solid var(--list-border);padding:16px 20px;border-radius:10px 10px 0 0}
.dcc-list-page .content .card.transparent{background:transparent;border:0;box-shadow:none}
.dcc-list-page .content .btn{font-family:inherit;font-size:13px;font-weight:500;border-radius:6px!important;padding:8px 14px;box-shadow:none!important;line-height:1.4}
.dcc-list-page .content .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.dcc-list-page .content .btn-primary:hover{background:var(--brand);border-color:var(--brand)}
.dcc-list-page .content .btn-warning{background:#fff;color:#896017;border-color:#e1d8c6}
.dcc-list-page .content .btn-success{background:#fff;color:#078460;border-color:#83d7bc}
.dcc-list-page .content .btn-danger{background:#fff;color:#b53f4a;border-color:#edcdd0}
.dcc-list-page .content .btn-link{color:var(--brand);padding:5px 0;background:transparent;border:0}
.dcc-list-page .content .btn:focus-visible,.dcc-list-page .content a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
/* Filters */
.dcc-list-page .content .dcc-filter-panel{background:#fff;border:1px solid var(--list-border);border-radius:10px;padding:18px 12px 4px;margin:0 0 16px;align-items:end}
.dcc-list-page .content .dcc-filter-panel .form-group{margin-bottom:14px}
.dcc-list-page .content label{font:500 12px/1.5 system-ui,sans-serif;color:#29435e}
.dcc-list-page .content .form-control{font-family:inherit;font-size:13px;border:1px solid #d6e0e9;border-radius:6px;color:#36516c;background:#fff;min-height:38px;box-shadow:none}
.dcc-list-page .content .form-control::placeholder{color:#7a8ca0}
.dcc-list-page .content .select2-container{max-width:100%;min-width:0}
.dcc-list-page .content .select2-container .select2-selection--single{height:40px;border:1px solid #d6e0e9;border-radius:6px;background:#fff}
.dcc-list-page .content .select2-container .select2-selection__rendered{font:400 13px/38px system-ui,sans-serif;color:#36516c;padding-left:12px}
.dcc-list-page .content .select2-container .select2-selection__arrow{height:38px}
.dcc-list-page .content .select2-container--disabled .select2-selection--single{background:#f4f6f8}
.dcc-list-page .content .search-bar{max-width:440px;border:1px solid #d6e0e9;border-radius:6px;background:#fff;box-shadow:none;overflow:hidden}
.dcc-list-page .content .search-bar .form-control{border:0;border-radius:0;min-width:0}.dcc-list-page .content .search-bar .input-group-text{background:#fff;border:0;color:#647c94;border-radius:0}
/* Shared tables, including fragments inserted through AJAX */
.dcc-list-page .content table.table{border-collapse:collapse!important;border-spacing:0!important;width:100%!important;font-family:inherit;font-size:13px;color:#304b65;margin-top:12px!important}
.dcc-list-page .content table.table thead th{background:#f5f7fa!important;color:#29435e!important;border:0!important;border-bottom:1px solid #e1e8ef!important;border-radius:0!important;text-align:left!important;vertical-align:middle;padding:14px 16px!important;font:600 12px/1.4 system-ui,sans-serif}
.dcc-list-page .content table.table tbody td{background:transparent;border:0;border-bottom:1px solid #e7edf3;text-align:left!important;padding:16px!important;vertical-align:middle;line-height:1.5}
.dcc-list-page .content table.table tbody tr:hover{background:var(--brand-soft)}
.dcc-list-page .content table.table tbody tr:last-child td{border-bottom:0}
.dcc-list-page .content table.table a:not(.btn){color:#234661}.dcc-list-page .content table.table a:not(.btn):hover{color:var(--brand)}
.dcc-list-page .content table.table .dcc-row-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px!important;background:transparent!important;border:1px solid transparent!important;color:#36536f!important;margin:1px;border-radius:6px!important;position:relative}
.dcc-list-page .content table.table .dcc-row-action:hover{background:#edf5fa!important;border-color:#dce7ef!important}
.dcc-list-page .content table.table .dcc-row-action.btn-danger{color:#b53f4a!important}.dcc-list-page .content table.table .dcc-row-action.btn-danger:hover{background:#fff0f1!important}
.dcc-list-page .content .dcc-action-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dcc-list-page .content .dcc-action-icon{font-size:15px}
.dcc-list-page .content .dcc-profile-tag{display:inline-block;background:var(--brand-soft);color:var(--brand);border-radius:5px;padding:3px 10px;font-size:12px;font-weight:500}.dcc-list-page .content .dcc-profile-tag.technical{background:#e9f1ff;color:#37669c}
.dcc-list-page .content .dcc-person{display:flex;gap:12px;align-items:center;min-width:180px}.dcc-list-page .content .dcc-person-avatar{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:600}.dcc-list-page .content .dcc-person-name{font-weight:600;color:#173247}
.dcc-list-page .content .dataTables_wrapper{font-size:12px;color:#62758b}.dcc-list-page .content .dataTables_wrapper label{font-size:12px;font-weight:400}.dcc-list-page .content .dataTables_length select{min-width:65px}.dcc-list-page .content .dataTables_filter input{max-width:220px}
.dcc-list-page .content .page-link{border:1px solid #dfe7ee;color:#45617a;border-radius:5px;margin:0 2px;font-size:12px;padding:8px 12px;box-shadow:none}.dcc-list-page .content .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}.dcc-list-page .content .page-item.disabled .page-link{background:#f7f9fb;color:#9cabb9}.dcc-list-page .content .dataTables_info{padding-top:18px}.dcc-list-page .content .dataTables_paginate{padding-top:12px}.dcc-list-page .content .pagination{flex-wrap:wrap;gap:3px}
.dcc-list-page .content .dt-buttons .btn{background:#fff;color:var(--brand);border:1px solid var(--brand-soft);border-radius:5px!important;font-size:12px;padding:6px 10px;margin:0 4px 8px 0}
.dcc-list-page .content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:767px){.dcc-list-page .content-header{padding:18px 12px 10px}.dcc-list-page .content-header .main-title{font-size:23px}.dcc-list-page .content{padding:0 12px 20px}.dcc-list-page .content .card-body{padding:12px}.dcc-list-page .content .search-bar{max-width:none}.dcc-list-page .content table.table tbody td{padding:12px!important}.dcc-list-page .content .dcc-filter-panel{padding:14px 4px 0}.dcc-list-page .content .dataTables_wrapper>.row{row-gap:10px}.dcc-list-page .content .dataTables_filter{text-align:left}.dcc-list-page .content .pagination{justify-content:center}.dcc-list-page .content .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){.main-sidebar .sidebar-elegant-link{transition:none}}

.dcc-list-page .app-navbar-elegant{background:#fff;border-bottom:1px solid #e1e8ef;box-shadow:none;border-radius:0}.dcc-list-page .app-nav-welcome{box-shadow:none;background:transparent;border:0}

.dcc-list-page .content .dcc-list-toolbar{padding:18px 20px 0}.dcc-list-page .content .dcc-list-toolbar .search-bar{margin-bottom:0!important}.dcc-list-page .content .dcc-list-toolbar+.card-body{padding-top:14px}
@media(max-width:767px){.dcc-list-page .content .dcc-list-toolbar{padding:14px 12px 0}}

/* Facilitator list: dedicated layout matching the approved list mockup. */
.dcc-facilitators-page .content-header{display:none}.dcc-facilitators-page .content{padding-top:28px}
.dcc-facilitators-page .fc-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:26px}.dcc-facilitators-page .fc-page-heading h1{font:650 30px/1.25 system-ui,sans-serif;letter-spacing:-.6px;color:#173247;margin:0 0 8px}.dcc-facilitators-page .fc-page-heading p{font-size:14px;color:#62758b;margin:0}.dcc-facilitators-page .fc-page-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dcc-facilitators-page .fc-page-actions .btn{min-height:42px;padding:10px 16px}.dcc-facilitators-page .fc-page-actions .btn-outline-success{background:#fff;color:#079e78;border-color:#0aac80}
.dcc-facilitators-page .content .fc-filter-card{background:#fff;border:1px solid #e1e8ef;border-radius:10px;padding:20px;margin:0 0 20px}.dcc-facilitators-page .fc-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.dcc-facilitators-page .fc-filter-grid .form-group{margin:0}.dcc-facilitators-page .fc-filter-grid .select2-container{width:100%!important}.dcc-facilitators-page .fc-filter-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px}
.dcc-facilitators-page .content .fc-table-card>.card-body{padding:0 8px 16px}.dcc-facilitators-page .fc-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px}.dcc-facilitators-page .content .fc-table-toolbar .search-bar{margin:0;flex:1;max-width:440px;min-width:220px}.dcc-facilitators-page .fc-table-controls{display:flex;align-items:center;gap:12px;font-size:12px;color:#45617a}.dcc-facilitators-page .fc-table-controls label{margin:0 0 0 18px;font-weight:400}.dcc-facilitators-page .fc-table-controls #fc-page-size{width:72px}.dcc-facilitators-page .content .fc-table-controls .select2-container{width:72px!important}
.dcc-facilitators-page .content .fc-table{margin-top:0!important}.dcc-facilitators-page .content .fc-table th{white-space:nowrap}.dcc-facilitators-page .fc-person-email{display:block;color:#647b91;font-size:12px;font-weight:400;margin-top:2px}.dcc-facilitators-page .content .dcc-person-avatar.fc-avatar-ft{background:#e3efff;color:#356caf}.dcc-facilitators-page .fc-progress{display:flex;align-items:center;gap:14px;min-width:160px}.dcc-facilitators-page .fc-progress-track{display:block;background:#e9eef4;height:7px;width:120px;border-radius:6px;overflow:hidden}.dcc-facilitators-page .fc-progress-fill{display:block;height:100%;background:var(--brand);border-radius:6px}.dcc-facilitators-page .fc-progress-value{font-size:12px;white-space:nowrap;color:#29435e}.dcc-facilitators-page .fc-muted{font-size:12px;color:#708397}
.dcc-facilitators-page .fc-row-actions{white-space:nowrap}.dcc-facilitators-page .fc-icon-action{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:5px;color:#24435f;margin-right:4px}.dcc-facilitators-page .fc-icon-action:hover{background:#edf4fc;text-decoration:none}.dcc-facilitators-page .fc-list-note{color:#7a8fa3;font-size:12px;margin-top:-6px}.dcc-facilitators-page .dataTables_info{float:left;padding:18px 14px!important}.dcc-facilitators-page .dataTables_paginate{padding:14px!important}.dcc-facilitators-page .dropdown-menu{font-size:13px;box-shadow:0 4px 16px #17324712;border-color:#e1e8ef}
@media(max-width:1100px){.dcc-facilitators-page .fc-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:767px){.dcc-facilitators-page .fc-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dcc-facilitators-page .content .fc-filter-card{padding:16px}.dcc-facilitators-page .fc-page-heading{gap:16px}.dcc-facilitators-page .fc-table-toolbar{padding:14px}.dcc-facilitators-page .fc-table-controls{flex-wrap:wrap}.dcc-facilitators-page .dataTables_info{float:none;text-align:center}.dcc-facilitators-page .fc-page-heading h1{font-size:26px}}
@media(max-width:480px){.dcc-facilitators-page .fc-filter-grid{grid-template-columns:1fr}.dcc-facilitators-page .fc-filter-footer{flex-wrap:wrap}.dcc-facilitators-page .fc-table-toolbar .search-bar{max-width:none;width:100%}.dcc-facilitators-page .fc-table-controls{width:100%;justify-content:space-between}.dcc-facilitators-page .fc-page-actions{gap:8px}}

/* Keep selected values, placeholders and heading actions vertically aligned. */
.dcc-facilitators-page .content .fc-filter-grid>div{min-width:0}
.dcc-facilitators-page .content .fc-page-actions>.btn,.dcc-facilitators-page .content .fc-page-actions>.dropdown>.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;line-height:20px;gap:8px}
.dcc-facilitators-page .content .fc-page-actions .btn>i{margin:0!important;line-height:1;flex-shrink:0}

/* Supervisor filters follow the same list layout. */
.dcc-supervisors-page .content .supervisors-filter{padding:20px;margin:0 0 20px}
.dcc-supervisors-page .supervisors-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;width:100%}
.dcc-supervisors-page .supervisors-filter-grid>div{min-width:0}
.dcc-supervisors-page .content .supervisors-filter-grid .form-group{margin:0}
.dcc-supervisors-page .supervisors-filter-grid .select2-container{width:100%!important}
.dcc-supervisors-page .supervisors-filter-footer{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:14px}
.dcc-supervisors-page .content #exportExcel{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;line-height:20px}
.dcc-supervisors-page .content #exportExcel i{line-height:1}
@media(max-width:1100px){.dcc-supervisors-page .supervisors-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:767px){.dcc-supervisors-page .supervisors-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dcc-supervisors-page .content .supervisors-filter{padding:16px}}
@media(max-width:480px){.dcc-supervisors-page .supervisors-filter-grid{grid-template-columns:1fr}}

/* DCC form-workspace.css */
/* Scoped form workspace: retain existing validation and dynamic field hooks. */
.dcc-form-page .content-wrapper{background:#f5f7fa}
.dcc-form-page .content-header{padding:26px 24px 12px}
.dcc-form-page .content-header .main-title{font:650 28px/1.3 system-ui,sans-serif;color:#173247;letter-spacing:-.4px}
.dcc-form-page .content{padding:0 24px 36px;font:14px/1.6 system-ui,sans-serif;color:#36516b}
.dcc-form-page .content>.container-fluid{max-width:1440px}
.dcc-form-page .form-intro{display:flex;align-items:center;gap:14px;margin:4px 0 22px}
.dcc-form-page .form-intro-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--brand-soft);color:var(--brand);border-radius:12px}
.dcc-form-page .form-intro h2{font:600 15px/1.4 system-ui,sans-serif;color:#29435c;margin:0 0 3px}
.dcc-form-page .form-intro p{font-size:12px;color:#687e91;margin:0}
.dcc-form-page .content .card{border:1px solid #dfe7ee;border-radius:12px;background:#fff;box-shadow:0 3px 12px #17324704;overflow:visible}
.dcc-form-page .content .card-body{padding:28px}
.dcc-form-page .content .card-header{background:#fff;border-bottom:1px solid #e7edf2;padding:20px 28px;border-radius:12px 12px 0 0}
.dcc-form-page .content .card-footer{background:#f9fbfc;border-top:1px solid #e7edf2;padding:18px 28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:0 0 12px 12px}
.dcc-form-page .form-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.dcc-form-page .form-section{min-width:0}
.dcc-form-page .form-section h2{font:600 16px/1.4 system-ui,sans-serif;color:#173247;margin:0 0 5px}
.dcc-form-page .form-section-help{font-size:12px;color:#6b8092;margin:0 0 22px}
.dcc-form-page .content .form-group{margin-bottom:22px}
.dcc-form-page .content label{font:600 12px/1.5 system-ui,sans-serif;color:#334e67;margin-bottom:8px}
.dcc-form-page .content label.smart-required::after{content:' *';color:#b34250}
.dcc-form-page .content .form-control,.dcc-form-page .content .custom-select{border:1px solid #cfdce6;border-radius:7px;box-shadow:none;background:#fff;color:#29465f;font:400 14px/1.5 system-ui,sans-serif;min-height:42px;padding:10px 12px}
.dcc-form-page .content textarea.form-control{min-height:120px;resize:vertical}
.dcc-form-page .content .form-control::placeholder{color:#8192a3}
.dcc-form-page .content .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb), 0.086)}
.dcc-form-page .content .form-control:disabled,.dcc-form-page .content .form-control[readonly]{background:#f3f6f8;color:#718294}
.dcc-form-page .content .select2-container{max-width:100%;min-width:0}
.dcc-form-page .content .select2-selection{border:1px solid #cfdce6;border-radius:7px!important;min-height:42px}
.dcc-form-page .content .select2-selection--single{height:42px}
.dcc-form-page .content .select2-selection__rendered{font-family:system-ui,sans-serif;font-size:14px;color:#29465f}
.dcc-form-page .content .select2-selection__choice{border:0!important;border-radius:5px!important;background:var(--brand-soft)!important;color:var(--brand)!important;padding:3px 8px!important}
.dcc-form-page .content .select2-selection__choice__remove{color:var(--brand)!important}
.dcc-form-page .content .select2-container--focus .select2-selection{border-color:var(--brand)}
.dcc-form-page .content .form-text{font-size:12px;line-height:1.6;margin-top:7px;color:#6d8193!important}
.dcc-form-page .content .invalid-feedback,.dcc-form-page .content .text-danger{color:#b13c4d!important;font-size:12px}
.dcc-form-page .content .is-invalid{border-color:#c74e5d!important}
.dcc-form-page .content .alert-danger{border:1px solid #edcbd0;background:#fff3f4;color:#96384a;border-radius:8px}
.dcc-form-page .content .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 16px;border-radius:7px!important;font:500 13px/1.5 system-ui,sans-serif;box-shadow:none}
.dcc-form-page .content .btn-primary,.dcc-form-page .content .btn-success{background:var(--brand);border-color:var(--brand);color:#fff}
.dcc-form-page .content .btn-primary:hover,.dcc-form-page .content .btn-success:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.dcc-form-page .content .btn-light,.dcc-form-page .content .btn-default{background:#fff;border:1px solid #d6e1e9;color:#466078}
.dcc-form-page .content input[type=checkbox],.dcc-form-page .content input[type=radio]{accent-color:var(--brand)}
.dcc-form-page .content .btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:767px){.dcc-form-page .content-header{padding:18px 12px 10px}.dcc-form-page .content{padding:0 10px 24px}.dcc-form-page .content .card-body{padding:18px}.dcc-form-page .content .card-footer{padding:16px 18px}.dcc-form-page .form-sections{grid-template-columns:1fr;gap:26px}.dcc-form-page .content-header .main-title{font-size:24px}}

.dcc-form-page .content .form-group:has(input[required],select[required],textarea[required])>label:not(.smart-required)::after{content:' *';color:#b34250}

/* DCC navbar-workspace.css */
/* Compact global navigation, independent of page-specific themes. */
body .main-header.grm-dcc-navbar{height:64px;min-height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e2e9ef;box-shadow:0 1px 4px #17324703;font:13px/1.4 system-ui,sans-serif;gap:16px;z-index:1036}
body.layout-navbar-fixed .wrapper .content-wrapper{margin-top:64px}
.grm-dcc-navbar .grm-dcc-navbar-start,.grm-dcc-navbar .grm-dcc-navbar-brand,.grm-dcc-navbar .grm-dcc-navbar-end{display:flex;align-items:center;gap:18px;min-width:0}
.grm-dcc-navbar .grm-dcc-navbar-end{gap:16px;flex-shrink:0}
.grm-dcc-navbar .dcc-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid #e3eaf0;border-radius:8px;background:#fff;color:#546c81;font-size:15px}
.grm-dcc-navbar .grm-dcc-navbar-mark{font-size:18px;font-weight:750;letter-spacing:1px;color:var(--brand)}
.grm-dcc-navbar .grm-dcc-navbar-divider{width:1px;height:20px;background:#e0e7ed}
.grm-dcc-navbar .grm-dcc-navbar-caption{font-size:12px;color:#718396;white-space:nowrap}
.grm-dcc-navbar .dcc-account-toggle,.grm-dcc-navbar .dcc-language-toggle{display:flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:5px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#3b556c;font:500 13px/1.4 system-ui,sans-serif;cursor:pointer}
.grm-dcc-navbar .dcc-language-toggle{height:36px}
.grm-dcc-navbar .dcc-nav-icon:hover,.grm-dcc-navbar .dcc-account-toggle:hover,.grm-dcc-navbar .dcc-language-toggle:hover{background:var(--brand-soft);color:var(--brand)}
.grm-dcc-navbar .dcc-account{padding-left:16px;border-left:1px solid #e6edf2}
.grm-dcc-navbar .dcc-account-avatar{display:block;width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--brand-soft);border:1px solid var(--brand-soft)}
.grm-dcc-navbar .dcc-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.grm-dcc-navbar .dcc-account-copy{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}
.grm-dcc-navbar .dcc-account-name{display:block;max-width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;font-weight:600;color:#243f57}
.grm-dcc-navbar .dcc-account-caption{font-size:10px;color:#7a8c9c;font-weight:400}
.grm-dcc-navbar .dcc-nav-chevron{font-size:9px;color:#8395a5;margin-left:3px}
.grm-dcc-navbar .dropdown-menu{margin-top:9px;padding:7px;border:1px solid #dfe8ef;border-radius:10px;box-shadow:0 10px 30px #17324715;min-width:170px;font:13px/1.5 system-ui,sans-serif}
.grm-dcc-navbar .dcc-account-dropdown{width:260px;max-width:calc(100vw - 24px)}
.grm-dcc-navbar .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;color:#37546d;white-space:normal;font-size:12px}
.grm-dcc-navbar .dropdown-item i{width:18px;text-align:center;color:#71879a}
.grm-dcc-navbar .dropdown-item:hover,.grm-dcc-navbar .dropdown-item:focus{background:var(--brand-soft);color:var(--brand)}
.grm-dcc-navbar .dcc-account-summary{padding:10px 10px 14px;border-bottom:1px solid #edf1f5;margin-bottom:6px;overflow-wrap:anywhere}
.grm-dcc-navbar .dcc-account-summary strong,.grm-dcc-navbar .dcc-account-summary span{display:block}
.grm-dcc-navbar .dcc-account-summary span{color:#718396;font-size:11px;margin-top:4px}
.grm-dcc-navbar .dcc-nav-logout,.grm-dcc-navbar .dcc-nav-logout i{color:#b34451}
.grm-dcc-navbar .dcc-nav-logout:hover{background:#fff0f2;color:#9f3040}
.grm-dcc-navbar button:focus-visible,.grm-dcc-navbar a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media(max-width:767px){body .main-header.grm-dcc-navbar{padding:0 12px;gap:10px}.grm-dcc-navbar .grm-dcc-navbar-caption,.grm-dcc-navbar .grm-dcc-navbar-divider{display:none}.grm-dcc-navbar .grm-dcc-navbar-start,.grm-dcc-navbar .grm-dcc-navbar-end{gap:10px}.grm-dcc-navbar .dcc-account{padding-left:8px}.grm-dcc-navbar .dcc-account-copy{display:none}.grm-dcc-navbar .dcc-account-toggle{padding:3px;gap:4px}}
@media(max-width:360px){.grm-dcc-navbar .dcc-language-toggle{gap:5px;padding:4px;font-size:12px}.grm-dcc-navbar .dcc-nav-chevron{display:none}}

/* DCC workspace-theme.css */
/* Brand accents are separate from semantic success, warning and error colors. */
html[data-project] body .guide-hero .guide-eyebrow{color:#fff}
html[data-project] body .btn-primary:disabled{opacity:.65}
html[data-project] body{accent-color:var(--brand)}
html[data-project] body .main-sidebar .sidebar-elegant-link.active .nav-icon{color:var(--brand)!important}
html[data-project] body .select2-container .select2-selection__rendered{color:var(--brand)}
html[data-project] body .select2-container .select2-selection__placeholder{color:#718294}
html[data-project] body .select2-container--disabled .select2-selection__rendered{color:#718294}
html[data-project] body .content :is(.fc-icon-action,.dcc-row-action):not(.btn-danger):hover{background:var(--brand-soft)!important;color:var(--brand)!important}
html[data-project] body :is(.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover){color:var(--brand)}
html[data-project] body a{color:var(--brand)}
html[data-project] body :is(.btn-primary,.bg-primary,.badge-primary,.nav-pills .nav-link.active,.dropdown-item.active,.dropdown-item:active,.page-item.active .page-link){background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
html[data-project] body .btn-primary:hover{background-color:var(--brand-hover)!important;border-color:var(--brand-hover)!important}
html[data-project] body :is(.text-primary,.btn-link){color:var(--brand)!important}
html[data-project] body .btn-outline-primary{color:var(--brand);border-color:var(--brand)}
html[data-project] body .btn-outline-primary:hover{background:var(--brand);color:#fff}
html[data-project] body :is(.form-control,.custom-select):focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.13)}
html[data-project] body .custom-control-input:checked~.custom-control-label::before{background-color:var(--brand);border-color:var(--brand)}
html[data-project] body .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--brand);color:#fff}
html[data-project] body .select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand)}
html[data-project] body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--brand)}
html[data-project] body .progress-bar:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info){background-color:var(--brand)}
html[data-project] body :is(.sidebar-elegant-user .name,.sidebar-elegant-user .name a){color:var(--brand)}
html[data-project] body .daterangepicker td.active,html[data-project] body .daterangepicker td.active:hover{background:var(--brand);color:#fff}
html[data-project] body .daterangepicker .ranges li.active{background:var(--brand)}
html[data-project] body :is(.content-wrapper,.dcc-detail-page .content){background-color:var(--brand-page)}
.dcc-current-theme{font-size:11px;border-radius:5px;background:var(--brand-soft);color:var(--brand);padding:2px 6px}
#dcc-theme-modal .theme-dialog{border:1px solid #dfe7ee;border-radius:18px;box-shadow:0 24px 80px #17324730;font:14px/1.6 system-ui,sans-serif;color:#36516b;overflow:hidden}
#dcc-theme-modal .modal-header,#dcc-theme-modal .modal-body,#dcc-theme-modal .modal-footer{padding:24px 28px}
#dcc-theme-modal .modal-header{align-items:start;border-bottom:1px solid #edf1f5}
#dcc-theme-modal .modal-title{font-size:24px;color:#173247;font-weight:650;margin-top:6px}
.theme-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--brand)}
#dcc-theme-modal .modal-footer{background:#f9fbfc;border-top:1px solid #edf1f5;gap:8px}
#dcc-theme-modal .btn{padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600}
#dcc-theme-modal .dcc-theme-picker{margin:24px 0 0}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#dcc-theme-modal .theme-option{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:12px;border:2px solid #e2e8ee;border-radius:12px;gap:6px;margin:0;min-width:0}
#dcc-theme-modal .theme-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
#dcc-theme-modal .theme-option:focus-within{outline:2px solid var(--brand);outline-offset:3px}
#dcc-theme-modal .theme-option input{position:absolute;right:18px;top:18px;z-index:1;background:white}
#dcc-theme-modal .theme-option-title{font-size:15px;font-weight:650;margin:6px 0 0}
#dcc-theme-modal .theme-option small{font-size:11px;line-height:1.5;margin:0}
.theme-option-dcc{--preview:#078460;--preview-soft:#e4f8f0;--preview-accent:#24c38b}.theme-option-malidenko{--preview:#16552d;--preview-soft:#edf5e9;--preview-accent:#d7ad32}.theme-option-pcrss{--preview:#8c481f;--preview-soft:#fff2e3;--preview-accent:#e5a044}
.theme-preview{display:flex;height:108px;border:1px solid #dfe7ee;border-top:3px solid var(--preview-accent);border-radius:7px;overflow:hidden;background:white}
.theme-preview-sidebar{width:24%;background:var(--preview);flex:none}.theme-preview-content{display:flex;flex-direction:column;gap:9px;padding:22px 10px 10px;flex:1}.theme-preview-content span{display:block;height:8px;border-radius:3px;background:var(--preview-soft)}.theme-preview-content span:first-child{width:60%;background:var(--preview)}.theme-preview-content span:last-child{height:24px}
#dcc-theme-modal .theme-storage-note{font-size:12px;color:#62758b;margin:20px 0 0}.theme-storage-note i{margin-right:6px}#dcc-theme-status{min-height:20px;font-size:12px;color:var(--brand);margin:8px 0 0}
@media(max-width:575px){.theme-options{grid-template-columns:1fr}#dcc-theme-modal .modal-header,#dcc-theme-modal .modal-body,#dcc-theme-modal .modal-footer{padding:18px}.theme-preview{height:65px}#dcc-theme-modal .modal-title{font-size:21px}.theme-preview-content{padding-top:10px}#dcc-theme-modal .modal-dialog{margin:12px}}
body .dcc-account-dropdown{width:290px;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
.dcc-theme-picker{margin:8px 4px;padding:0;border:0;min-width:0}
.dcc-theme-picker legend{font:650 11px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#617589;padding:0 8px;margin-bottom:6px}
.dcc-theme-picker label{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:7px;margin:2px 0;cursor:pointer;font:500 13px/1.3 system-ui,sans-serif;color:#29435e}
.dcc-theme-picker label:hover{background:#f5f7fa}.dcc-theme-picker label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.dcc-theme-picker input{margin:0;accent-color:var(--brand);width:15px;height:15px;flex-shrink:0}
.dcc-theme-picker input:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.dcc-theme-picker small{display:block;color:#617589;font-size:11px;margin-top:2px}
.dcc-theme-picker p{font:11px/1.5 system-ui,sans-serif;color:#617589;margin:8px 8px 0}
.dcc-theme-swatch{width:28px;height:28px;border-radius:7px;flex-shrink:0;border:1px solid #0000000d}
.dcc-theme-swatch-base{background:linear-gradient(135deg,#078460 65%,#e4f8f0 65%)}
.dcc-theme-swatch-malidenko{background:linear-gradient(135deg,#16552d 65%,#d7ad32 65%)}
.dcc-theme-swatch-pcrss{background:linear-gradient(135deg,#8c481f 65%,#e5a044 65%)}
/* The default theme retains the existing portal styles. */
html[data-project]:not([data-project="dcc"]) body .content-wrapper{background:var(--brand-page)}
html[data-project]:not([data-project="dcc"]) body .grm-dcc-navbar{border-top:3px solid var(--brand-accent)}
html[data-project]:not([data-project="dcc"]) body :is(.grm-dcc-navbar-mark,.main-title,.grm-sidebar-brand){color:var(--brand)!important}
html[data-project]:not([data-project="dcc"]) .main-sidebar .sidebar-elegant-nav .sidebar-elegant-link.active{background:var(--brand-soft)!important;color:var(--brand)!important}
html[data-project]:not([data-project="dcc"]) .main-sidebar .sidebar-elegant-link.active::before{background:var(--brand-accent)}
html[data-project]:not([data-project="dcc"]) body :is(.sidebar-role-chip,.dcc-account-avatar){background:var(--brand-soft);color:var(--brand)}
html[data-project]:not([data-project="dcc"]) body .content .btn-primary,
html[data-project]:not([data-project="dcc"]) body .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-project]:not([data-project="dcc"]) body .content .btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
html[data-project]:not([data-project="dcc"]) body :is(.btn-outline-primary,.btn-link,.page-link){color:var(--brand)}
html[data-project]:not([data-project="dcc"]) body .btn-outline-primary{border-color:var(--brand)}
html[data-project]:not([data-project="dcc"]) body .btn-outline-primary:hover{background:var(--brand);color:#fff}
html[data-project]:not([data-project="dcc"]) body :is(.dcc-account-toggle,.dcc-language-toggle):hover,
html[data-project]:not([data-project="dcc"]) body .dcc-account-dropdown .dropdown-item:not(.dcc-nav-logout):hover{background:var(--brand-soft);color:var(--brand)}
html[data-project]:not([data-project="dcc"]) body .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
html[data-project]:not([data-project="dcc"]) .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--brand);color:#fff}
@media(prefers-reduced-motion:reduce){.dcc-theme-picker *{transition:none!important}}
html[data-project]:not([data-project="dcc"]) .guide{--green:var(--brand)}
html[data-project]:not([data-project="dcc"]) .guide-hero{background:linear-gradient(115deg,var(--brand-hover),var(--brand))}
html[data-project]:not([data-project="dcc"]) .guide-hero :is(.guide-eyebrow,.guide-meta,p){color:#fff}

/* Action controls use brand tokens; semantic success/error badges keep their colors. */
html[data-project] body :is(.btn-primary,.dcc-form-page .btn-success):is(:focus,.focus,:active,.active) {
    background-color:var(--brand-hover)!important;
    border-color:var(--brand-hover)!important;
    color:#fff!important;
    box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2)!important;
}
html[data-project] body :is(.dt-buttons,.dt-button-collection) :is(.btn,.dt-button,.dropdown-item) {
    background:var(--brand-soft)!important;
    border-color:var(--brand)!important;
    color:var(--brand)!important;
    text-shadow:none;
}
html[data-project] body :is(.dt-buttons,.dt-button-collection) :is(.btn,.dt-button,.dropdown-item):is(:hover,:focus-visible,.active) {
    background:var(--brand)!important;
    border-color:var(--brand)!important;
    color:#fff!important;
}
html[data-project] body :is(.dt-buttons,.dt-button-collection) :is(.btn,.dt-button,.dropdown-item):focus-visible {
    outline:2px solid var(--brand);
    outline-offset:2px;
    box-shadow:0 0 0 3px rgba(var(--brand-rgb),.18)!important;
}
html[data-project] body :is(.dt-buttons,.dt-button-collection) :is(.disabled,:disabled) {
    opacity:.55;
    cursor:not-allowed;
}
html[data-project] body :is(.link,.link-attachment,.remove-region) {color:var(--brand)}
html[data-project] body :is(.link,.link-attachment,.remove-region):is(:hover,:focus-visible) {color:var(--brand-hover)}
html[data-project] body #selected_regions .tag {background:var(--brand-soft);color:var(--brand)}
html[data-project] body .remove-region:focus-visible {outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}

.grm-navbar-project-logo { width:44px;height:44px;object-fit:contain;margin-right:12px; }
.grm-recipe-note { padding:8px 16px;margin:8px 0;background:#fff2e3;color:#663217;border-radius:10px;text-align:center; }

.grm-sidebar-brand img { width:42px;height:42px;object-fit:contain;margin-right:12px; }
.grm-sidebar-brand small { display:block;font-size:11px;letter-spacing:.05em;color:var(--brand); }

/* DCC shell alignment and readable project marks. */
.login-topbar-brand img {width:68px;height:58px;object-fit:contain;flex-shrink:0;}
.login-brand-mark {width:80px;height:80px;flex-shrink:0;}
.login-brand-mark img {width:70px;height:70px;object-fit:contain;}
.login-topbar-title {max-width:800px;line-height:1.45;}
.login-form-card .auth-password-field input {padding-right:48px;}
.login-form-card .select2-container {max-width:100%;}
.grm-dcc-navbar .grm-navbar-context {line-height:1.35;}
.main-sidebar .sidebar-elegant-body {padding:0 12px;}
.main-sidebar .sidebar-nav-scroll {margin-top:0!important;}
.main-sidebar .sidebar-elegant-link {display:flex;align-items:center;}
.main-sidebar .sidebar-link-icon .nav-icon {margin:0!important;}
.main-sidebar .sidebar-elegant-footer .info {min-width:0;flex:1;}
.main-sidebar .sidebar-elegant-footer .email {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;}
.main-sidebar .sidebar-elegant-footer .grm-user-role {margin:0;font-size:10px;}
body.sidebar-collapse .grm-sidebar-brand span {display:none;}
body.sidebar-collapse .grm-sidebar-brand {padding:12px 0;justify-content:center;}
body.sidebar-collapse .grm-sidebar-brand img {margin:0;width:36px;}
body.sidebar-collapse .sidebar-elegant-footer .info {display:none;}

/* Keep the DCC light sidebar readable in both project palettes. */
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link,
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link p {color:#425b75!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link.active,
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link.active p {color:var(--brand)!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-link-icon {color:inherit!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-user .name {color:#173247!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-user .email {color:#667689!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .nav-header {color:#6a7e93!important;}
html[data-project] [data-theme-toggle] {display:none!important;}

/* DCC language selector, shared by login and dashboard. */
/* Shared by the standalone sign-in page and the dashboard navbar. */
.grm-language { position:relative; list-style:none; flex-shrink:0; }
.grm-language .grm-language-toggle {
    appearance:none; display:inline-flex; align-items:center; justify-content:center;
    gap:10px; min-height:44px; height:auto; padding:7px 14px 7px 9px;
    border:1px solid var(--brand-soft); border-radius:14px; background:#fff;
    color:#243e50; font:inherit; font-size:14px; font-weight:500; line-height:1.4;
    cursor:pointer; box-shadow:0 2px 6px rgba(var(--brand-rgb), .03);
    white-space:nowrap; transition:border-color .15s,background-color .15s;
}
.grm-language .grm-language-globe {
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; flex-shrink:0; border-radius:9px;
    color:var(--brand); background:var(--brand-soft); font-size:15px;
}
.grm-language .grm-language-current { line-height:1.4; }
.grm-language .grm-language-chevron { margin-left:5px; font-size:10px; color:#6a7f8d; }
.grm-language .grm-language-toggle:hover,
.grm-language .grm-language-toggle[aria-expanded="true"] { background:var(--brand-soft); border-color:var(--brand); color:var(--brand); }
.grm-language .grm-language-toggle:focus-visible,
.grm-language .grm-language-option:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.grm-language .grm-language-menu {
    display:none; position:absolute; top:100%; right:0; left:auto; z-index:1050;
    float:none; width:232px; min-width:0; max-width:calc(100vw - 32px);
    margin:10px 0 0; padding:8px; border:1px solid var(--brand-soft); border-radius:16px;
    background:#fff; box-shadow:0 12px 34px rgba(22,47,62,.13); color:#243e50;
}
.grm-language .grm-language-menu.show { display:block; }
.grm-language-heading { margin:0; padding:8px 10px 12px; font-size:12px; font-weight:600; color:#667a88; line-height:1.5; }
.grm-language-menu form { margin:0; }
.grm-language .grm-language-option {
    appearance:none; display:flex; align-items:center; gap:12px; width:100%; min-height:46px;
    padding:9px 10px; margin:2px 0; border:0; border-radius:10px; background:transparent;
    color:#243e50; text-align:left; white-space:normal; font:inherit; font-size:14px;
    line-height:1.4; cursor:pointer;
}
.grm-language .grm-language-option:hover,
.grm-language .grm-language-option:focus { background:var(--brand-soft); color:var(--brand); }
.grm-language .grm-language-option.is-current { color:var(--brand); background:var(--brand-soft); opacity:1; cursor:default; }
.grm-language-code { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:28px; border:1px solid var(--brand-soft); border-radius:7px; background:#fff; font-size:11px; font-weight:600; }
.grm-language-name { flex:1; }
.grm-language-check { color:var(--brand); font-size:12px; }
.login-topbar { position:relative; z-index:20; }
.login-topbar > .navbar-nav { list-style:none; margin:0; padding:0; flex-shrink:0; }
@media (max-width:600px) {
    .login-topbar { flex-wrap:wrap; gap:14px; }
    .login-topbar > .navbar-nav { margin-left:auto; }
    .grm-language .grm-language-toggle { gap:8px; padding-right:10px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
    .grm-language .grm-language-toggle { transition:none; }
}

/* Compact spacing requested for the GRM workspace. */
body.login-page.login-shell {padding:16px;}
.login-topbar {margin:0 auto 12px;padding:10px 16px;gap:12px;border-radius:16px;}
.login-topbar-brand {gap:12px;}
.login-topbar-brand img {width:58px;height:48px;max-height:48px;}
body.login-shell>.grm-recipe-note {max-width:1220px;margin:0 auto 16px;padding:6px 12px;font-size:12px;}
.login-stage {min-height:0;align-items:flex-start;}
.login-panel {border-radius:20px;}
.login-hero {min-height:0;padding:32px;}
.login-brand {margin-bottom:24px;gap:12px;}
.login-brand-mark {width:64px;height:64px;border-radius:16px;}
.login-brand-mark img {width:56px;height:56px;}
.login-hero-lead {margin-bottom:20px;line-height:1.6;}
.login-trust-grid {gap:10px;margin-top:16px;}
.login-trust-card {padding:12px;border-radius:12px;}
.login-hero-footer {padding-top:20px;font-size:12px;}
.login-form-shell {padding:32px;}
.login-form-intro {margin-bottom:20px;}
.login-form-shell .auth-form-group {margin-bottom:16px;}
.login-support-copy {margin-top:20px;font-size:12px;}
html[data-project] .content-header.grm-page-header {padding:16px 20px 10px;}
html[data-project] .card-header {padding:16px 20px;}
html[data-project] .card {border-radius:14px;}
.grm-recipe-note {margin:4px 0 12px;padding:6px 12px;font-size:12px;}
@media(max-width:767.98px){body.login-page.login-shell{padding:12px;}.login-hero,.login-form-shell{padding:24px;}.login-topbar{gap:8px;}.login-topbar>.navbar-nav{margin-left:auto;}.login-brand{margin-bottom:16px;}.login-trust-grid{grid-template-columns:1fr;}.login-topbar-title{font-size:12px;}}

.login-panel {background:#fff;backdrop-filter:none;}

/* Compact DCC workspace, with the authenticated project's palette. */
html[data-project] .main-sidebar.sidebar-elegant-shell {
    --grm-color-sidebar-hover:var(--brand-soft);
    --grm-color-primary:var(--brand);
    --grm-color-primary-soft:var(--brand-soft);
}
html[data-project] .main-sidebar .sidebar-elegant-nav {gap:0;padding:0;margin:0;}
html[data-project] .main-sidebar .grm-sidebar-brand {min-height:64px;padding:10px 12px;margin-bottom:4px;}
html[data-project] .main-sidebar .sidebar-elegant-nav>.nav-header {margin:12px 10px 5px;padding:0!important;font-size:10px;line-height:16px;}
html[data-project] .main-sidebar .sidebar-elegant-nav>.nav-header:first-child {margin-top:8px;}
html[data-project] .main-sidebar .sidebar-elegant-nav .nav-item {margin:0;}
html[data-project] .main-sidebar .sidebar-elegant-nav > .nav-item {margin-bottom:6px;}
html[data-project] .main-sidebar .sidebar-elegant-nav .nav-treeview > .nav-item {margin-bottom:3px;}
html[data-project] .main-sidebar .sidebar-elegant-nav .sidebar-elegant-link {min-height:38px!important;padding:7px 10px!important;margin:1px 0;gap:9px;border-radius:7px;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link i,
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-link-icon {color:var(--brand)!important;opacity:1;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link:hover,
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link:focus-visible,
html[data-project] .main-sidebar.sidebar-elegant-shell .menu-open>.sidebar-elegant-link {background:var(--brand-soft)!important;color:var(--brand)!important;}
html[data-project] .main-sidebar.sidebar-elegant-shell .sidebar-elegant-link:hover p,
html[data-project] .main-sidebar.sidebar-elegant-shell .menu-open>.sidebar-elegant-link p {color:var(--brand)!important;}
html[data-project] .main-sidebar .sidebar-elegant-user {padding:10px 8px;}
html[data-project] .main-sidebar .sidebar-nav-scroll {scrollbar-width:thin;scrollbar-color:var(--brand) transparent;}
html[data-project] .main-sidebar .sidebar-nav-scroll::-webkit-scrollbar {width:5px;}
html[data-project] .main-sidebar .sidebar-nav-scroll::-webkit-scrollbar-thumb {background:var(--brand);border-radius:8px;}
.grm-diagnostics-layout {gap:12px;}
.grm-diagnostics-layout>.grm-toolbar {margin:0;gap:10px;}
.grm-diagnostics-layout .grm-filter-panel {border-radius:10px;box-shadow:0 2px 6px #17324706!important;}
.grm-diagnostics-layout .grm-filter-panel__top {padding:12px 16px;gap:12px;background:#fff;}
.grm-diagnostics-layout .grm-filter-panel__body {padding:14px 16px;gap:14px 20px;align-items:start;}
.grm-diagnostics-layout .grm-filter-group {padding:0;border:0;border-radius:0;overflow:visible;}
.grm-diagnostics-layout .grm-filter-group__title {font:600 12px/1.4 system-ui,sans-serif;margin-bottom:8px;gap:7px;}
.grm-diagnostics-layout .grm-filter-group__title i {color:var(--brand);}
.grm-diagnostics-layout .grm-filter-fields {gap:10px;}
.grm-diagnostics-layout .grm-filter-fields label {font:500 12px/1.4 system-ui,sans-serif;text-transform:none;color:#425b75;margin-bottom:5px;}
.grm-diagnostics-layout .grm-filter-fields .form-control {height:38px;min-height:38px;font-size:13px;border-radius:7px;}
.grm-diagnostics-layout .grm-filter-fields .select2-container {width:100%!important;min-height:38px;}
.grm-diagnostics-layout .grm-filter-fields .select2-selection--single {height:38px!important;min-height:38px!important;border-radius:7px!important;}
.grm-diagnostics-layout .grm-filter-fields .select2-selection__rendered {line-height:36px!important;font-size:13px;padding-right:24px!important;}
.grm-diagnostics-layout .grm-filter-fields .select2-selection__arrow {height:36px!important;}
.grm-diagnostics-layout .grm-filter-fields .input-group-text {padding:6px 10px;color:var(--brand);background:var(--brand-soft);}
.grm-diagnostics-layout .grm-filter-panel__footer {padding:9px 16px;gap:8px;}
.grm-diagnostics-layout .grm-filter-panel__footer .btn {min-height:34px;padding:6px 12px;font-size:12px;border-radius:7px;}
.grm-diagnostics-layout .grm-dashboard-grid {gap:12px;}
.grm-diagnostics-layout .grm-dashboard-panel {min-height:0;border-radius:10px;box-shadow:0 2px 6px #17324706!important;}
.grm-diagnostics-layout .grm-surface__header {padding:12px 16px;}
.grm-diagnostics-layout .grm-surface__body {padding:16px;}
.grm-diagnostics-layout .grm-dashboard-panel--hero .grm-surface__body {gap:12px;min-height:240px;}
.grm-diagnostics-layout .grm-dashboard-microstats {gap:8px;}
.grm-diagnostics-layout .grm-dashboard-microstat {min-height:64px;padding:10px;}
.grm-diagnostics-layout .grm-chart-with-legend {gap:12px;grid-template-columns:minmax(0,1fr);}
@media(min-width:768px){
    .grm-diagnostics-layout .grm-filter-fields--single:not(.regions-filter) {grid-template-columns:repeat(2,minmax(0,1fr));}
    .grm-diagnostics-layout .grm-filter-fields--three {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767.98px){
    .grm-diagnostics-layout .grm-filter-panel__body {grid-template-columns:minmax(0,1fr);gap:14px;padding:12px;}
    .grm-diagnostics-layout .grm-filter-panel__top,.grm-diagnostics-layout .grm-filter-panel__footer {padding:10px 12px;}
    .grm-diagnostics-layout .grm-filter-fields {grid-template-columns:minmax(0,1fr);}
    .grm-diagnostics-layout .grm-dashboard-grid {grid-template-columns:minmax(0,1fr);}
}

/* Square form fields shared by both project themes, including modal forms. */
html[data-project] body .form-control,
html[data-project] body .custom-select,
html[data-project] body .custom-file-label,
html[data-project] body .custom-file-label::after,
html[data-project] body .input-group-text,
html[data-project] body .auth-form-group input:not([type="checkbox"]):not([type="radio"]),
html[data-project] body .auth-form-group select,
html[data-project] body .auth-form-group textarea,
html[data-project] body .select2-container .select2-selection,
html[data-project] body .select2-container .select2-search__field,
html[data-project] body .select2-container .select2-dropdown {
    border-radius:0!important;
}

.grm-pdf-documents {margin-bottom:16px;}
.grm-pdf-documents>.grm-surface__body {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap;}
.grm-pdf-documents .grm-actions-row {flex-wrap:wrap;gap:8px;}
.grm-pdf-documents__hint {margin:0;padding:0 16px 12px;font-size:12px;color:var(--grm-color-text-muted);}

/* Complaint detail — Dossier clair. Shared structure, session-bound project tokens. */
.grm-dossier { padding-top: 18px; padding-bottom: 24px; }
.grm-dossier .grm-back-link { font-size: 12px; }
.grm-dossier-heading { margin: 18px 0 16px; }
.grm-dossier-reference { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 12px; margin-bottom: 9px; }
.grm-dossier-heading h1 { color: var(--grm-color-text); font-size: 24px; line-height: 1.4; max-width: 850px; margin: 0; overflow-wrap: anywhere; }
.grm-dossier-subtitle { font-size: 12px; color: var(--grm-color-text-muted); margin: 8px 0 0; }
.grm-dossier-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: flex-start; margin-bottom: 20px; }
.grm-dossier-actions .btn { border-radius: 6px; padding: 8px 12px; font-size: 12px; }
.grm-dossier-permission { font-size: 11px; color: var(--grm-color-text-muted); margin: 10px 0 0 auto; }
.grm-dossier-pdf-menu { position: relative; }
.grm-dossier-pdf-menu summary { list-style: none; }
.grm-dossier-pdf-menu summary::-webkit-details-marker { display: none; }
.grm-dossier-pdf-options { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 235px; max-width: calc(100vw - 48px); padding: 8px; background: var(--grm-color-surface); border: 1px solid var(--grm-color-border); border-radius: 8px; box-shadow: var(--grm-shadow-subtle); }
.grm-dossier-pdf-options .grm-actions-row { display: grid; gap: 5px; }
.grm-dossier-pdf-options .btn { text-align: left; white-space: normal; }
.grm-dossier-tabs {
    display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px;
    width: 100%; max-width: 780px; padding: 5px; margin-bottom: 18px;
    background: var(--grm-color-surface-muted); border: 1px solid var(--grm-color-border); border-radius: 10px;
}
.grm-dossier-tabs button {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    min-width: 0; min-height: 44px; padding: 9px 12px;
    background: transparent; color: var(--grm-color-text-muted);
    border: 1px solid transparent; border-radius: 7px;
    font-size: 13px; line-height: 1.4; font-weight: 500;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.grm-dossier-tabs button > i { font-size: 14px; flex-shrink: 0; }
.grm-dossier-tabs button:hover { background: var(--grm-color-primary-soft); color: var(--grm-color-primary); }
.grm-dossier-tabs button[aria-selected="true"] {
    background: var(--grm-color-surface); color: var(--grm-color-primary);
    border-color: var(--grm-color-primary); font-weight: 600;
    box-shadow: 0 1px 3px rgba(31,41,51,.08);
}
.grm-dossier-tab-label { min-width: 0; white-space: nowrap; }
.grm-dossier-tab-count {
    display: inline-grid; place-items: center; min-width: 22px; min-height: 22px; padding: 2px 5px;
    background: var(--grm-color-surface); color: var(--grm-color-text-muted); border-radius: 5px; font-size: 11px;
    font-variant-numeric: tabular-nums; flex-shrink: 0;
}
.grm-dossier-tabs button[aria-selected="true"] .grm-dossier-tab-count { background: var(--grm-color-primary-soft); color: var(--grm-color-primary); }
@media (prefers-reduced-motion: reduce) { .grm-dossier-tabs button { transition: none; } }
.grm-dossier [hidden] { display: none !important; }
.grm-dossier-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
.grm-dossier .grm-detail-stack { display: grid; gap: 16px; min-width: 0; }
.grm-dossier .grm-surface { margin: 0; border-radius: 9px; box-shadow: none; min-width: 0; }
.grm-dossier .grm-surface__header { padding: 15px 18px 0; border: 0; background: transparent; }
.grm-dossier .grm-surface__body { padding: 14px 18px 18px; }
.grm-dossier .grm-section-title { font-size: 15px; margin: 0; line-height: 1.5; }
.grm-dossier .grm-section-subtitle { font-size: 11px; margin-top: 3px; }
.grm-dossier-description { font-size: 14px; line-height: 1.85; white-space: pre-line; overflow-wrap: anywhere; }
.grm-dossier-outcome { border-left: 3px solid var(--grm-color-primary); background: var(--grm-color-primary-soft); padding: 12px 14px; border-radius: 3px; margin-bottom: 8px; }
.grm-dossier-outcome p { margin: 5px 0 0; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
.grm-dossier .grm-muted { font-size: 12px; }
.grm-dossier-person { display: flex; gap: 10px; align-items: center; }
.grm-dossier-person strong { font-size: 13px; overflow-wrap: anywhere; }
.grm-dossier-person small { display: block; color: var(--grm-color-text-muted); font-size: 11px; margin-top: 2px; }
.grm-dossier-avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--grm-color-primary-soft); color: var(--grm-color-primary); flex-shrink: 0; }
.grm-dossier-facts { display: grid; gap: 13px; border-top: 1px solid var(--grm-color-border); padding-top: 14px; margin: 15px 0 0; }
.grm-dossier-facts dt { font-size: 11px; color: var(--grm-color-text-muted); font-weight: normal; margin-bottom: 3px; }
.grm-dossier-facts dd { font-size: 12px; margin: 0; overflow-wrap: anywhere; }
.grm-dossier-duration { font-size: 22px; font-weight: 600; margin-bottom: 5px; }
.grm-dossier-private > summary { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 16px 18px; font-size: 13px; color: var(--grm-color-text); cursor: pointer; }
.grm-dossier-private > .grm-surface { border: 0; }
.grm-dossier-private .grm-section-subtitle { display: none; }
.grm-dossier-code summary { color: var(--grm-color-primary); font-size: 12px; cursor: pointer; }
.grm-dossier-code code { display: block; margin-top: 10px; overflow-wrap: anywhere; }
.grm-dossier .grm-meta-label { font-size: 11px; }
.grm-dossier .grm-meta-value { font-size: 12px; overflow-wrap: anywhere; }
.grm-dossier .grm-workflow-panel__hero { padding: 12px; }
.grm-dossier .grm-workflow-panel__value { font-size: 24px; }
.grm-dossier .grm-workflow-panel__grid { gap: 8px; }
.grm-dossier .grm-workflow-panel__card { padding: 10px; }
.grm-dossier .grm-inline-note { font-size: 11px; }
.grm-dossier .grm-status-actions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.grm-dossier .grm-status-action { min-width: 0; }
.grm-dossier .grm-workflow-stepper { margin: 0; gap: 10px; }
.grm-dossier .grm-workflow-step__dot { width: 30px; height: 30px; font-size: 12px; }
.grm-dossier .grm-workflow-step__rail { top: 15px; }
.grm-dossier .grm-workflow-step__title { font-size: 12px; }
.grm-dossier .grm-workflow-step__meta { font-size: 11px; overflow-wrap: anywhere; }
.grm-dossier-history { list-style: none; margin: 0; padding: 0 0 0 6px; }
.grm-dossier-history > li { position: relative; border-left: 1px solid var(--grm-color-border); padding: 0 0 24px 22px; }
.grm-dossier-history > li:last-child { border-color: transparent; padding-bottom: 0; }
.grm-dossier-history > li::before { content: ''; width: 7px; height: 7px; background: var(--grm-color-primary); border-radius: 50%; position: absolute; left: -4px; top: 8px; outline: 4px solid var(--grm-color-surface); }
.grm-dossier-event-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.grm-dossier-event-heading time { color: var(--grm-color-text-muted); font-size: 11px; }
.grm-dossier-event-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px 18px; margin: 12px 0 0; }
.grm-dossier-event-fields dt { font-size: 11px; color: var(--grm-color-text-muted); font-weight: normal; }
.grm-dossier-event-fields dd { font-size: 12px; margin: 1px 0 0; overflow-wrap: anywhere; }
.grm-dossier-event-reason { background: var(--grm-color-surface-muted); border-radius: 5px; padding: 10px 12px; margin: 12px 0 0; font-size: 12px; overflow-wrap: anywhere; }
.grm-dossier #attachments a { overflow-wrap: anywhere; }
.grm-dossier #attachments .form-group > .col-md-3 { flex: 0 0 100%; max-width: 100%; }
.grm-dossier #attachments .form-group > .col-md-3 label { display: none; }
.grm-dossier #attachments .form-text { text-align: left !important; margin-bottom: 10px; }
.grm-dossier #attachments .col-md-9 { flex: 0 0 100%; max-width: 100%; }
.grm-dossier #attachments .row.mb-4 { margin-bottom: 0 !important; }
.grm-dossier #attachments .row.mb-4 > .col-md-3 { display: none; }
.grm-dossier #comments { font-size: 12px; overflow-wrap: anywhere; }
.grm-dossier button:focus-visible, .grm-dossier summary:focus-visible { outline: 2px solid var(--grm-color-primary); outline-offset: 3px; }
@media (max-width: 1100px) { .grm-dossier-grid { grid-template-columns: minmax(0,1fr) 235px; } }
@media (max-width: 800px) {
    .grm-dossier-grid { grid-template-columns: minmax(0,1fr); }
    .grm-dossier-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .grm-dossier-private { grid-column: 1 / -1; }
    .grm-dossier-heading h1 { font-size: 21px; }
    .grm-dossier-permission { margin-left: 0; width: 100%; }
}
@media (max-width: 480px) {
    .grm-dossier-aside { grid-template-columns: minmax(0,1fr); }
    .grm-dossier-tabs button { font-size: 12px; min-height: 46px; padding: 9px 8px; }
    .grm-dossier .grm-surface__header { padding: 13px 14px 0; }
    .grm-dossier .grm-surface__body { padding: 12px 14px 15px; }
    .grm-dossier .grm-workflow-stepper { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .grm-dossier .grm-workflow-step__rail { display: none; }
    .grm-dossier-event-fields { grid-template-columns: minmax(0,1fr); }
}

html[data-project] body.grm-app .grm-dossier .grm-surface { box-shadow: none !important; }
html[data-project] body.grm-app .grm-dossier .btn { border-radius: 6px !important; }
.grm-dossier-heading h1 { font-family: var(--grm-font-semibold); }

@media (max-width: 680px) {
    .grm-dossier-pdf-menu[open] { width: 100%; }
    .grm-dossier-pdf-options { position: static; margin-top: 8px; width: 100%; max-width: 100%; }
}
@media (pointer: coarse) { .grm-dossier .btn { min-height: 44px; } }

.grm-dossier-pdf-options .grm-actions-row { justify-content: stretch; }
.grm-dossier-pdf-options .btn { width: 100%; }
@media (max-width: 900px) {
    .grm-dossier-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
    .grm-dossier-tabs button { justify-content: flex-start; gap: 6px; padding: 10px 8px; }
    .grm-dossier-tabs button > i { font-size: 12px; }
    .grm-dossier-tab-count { min-width: 19px; min-height: 19px; }
}

/* Compact complaint identity, with the full description kept in the overview. */
.grm-dossier-heading {
    margin: 14px 0; padding: 16px 18px;
    background: var(--grm-color-surface); border: 1px solid var(--grm-color-border);
    border-left: 3px solid var(--grm-color-primary); border-radius: 9px;
}
.grm-dossier-heading-main { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.grm-dossier-heading-icon { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; background: var(--grm-color-primary-soft); color: var(--grm-color-primary); border-radius: 8px; font-size: 19px; }
.grm-dossier-heading-identity { min-width: 0; }
.grm-dossier-eyebrow { color: var(--grm-color-text-muted); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 3px; }
.grm-dossier-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.grm-dossier-heading h1 { font-size: 23px; line-height: 1.3; margin: 0; letter-spacing: -.3px; }
.grm-dossier-level { margin-left: auto; background: var(--grm-color-surface-muted); color: var(--grm-color-text-muted); border: 1px solid var(--grm-color-border); border-radius: 5px; padding: 5px 8px; font-size: 11px; overflow-wrap: anywhere; }
.grm-dossier-category { margin: 14px 0 0; color: var(--grm-color-text); font-size: 13px; overflow-wrap: anywhere; }
.grm-dossier-context { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 9px; color: var(--grm-color-text-muted); font-size: 12px; }
.grm-dossier-context > span { display: inline-flex; align-items: baseline; gap: 7px; }
.grm-dossier-context i { color: var(--grm-color-text-muted); font-size: 11px; }
html[data-project] .grm-dossier-tabs button:focus-visible { outline: 2px solid var(--grm-color-primary); outline-offset: 2px; }
@media (max-width: 600px) {
    .grm-dossier-heading { padding: 14px; }
    .grm-dossier-heading h1 { font-size: 20px; }
    .grm-dossier-level { margin-left: 0; }
    .grm-dossier-heading-icon { width: 36px; height: 36px; }
}

.grm-dossier-tabs button:focus:not(:focus-visible) { outline: none; }

/* Login project Select2: same geometry and focus as the email/password fields. */
.login-shell .login-form-shell .auth-form-group input:not([type="checkbox"]):not([type="radio"]),
.login-shell .login-form-shell .auth-project-select {
    width: 100%; height: 48px; min-height: 48px; padding: 11px 13px;
    border: 1px solid var(--auth-border); border-radius: 0;
    background: #fff; color: var(--auth-ink); font: inherit; font-size: 14px; line-height: 24px; box-sizing: border-box;
}
.login-shell .login-form-shell .auth-password-field input { padding-right: 48px; }
.login-shell .login-form-shell .auth-form-group > .select2-container { display: block; width: 100% !important; min-width: 0; }
.login-shell .login-form-shell .select2-selection--single {
    height: 48px; min-height: 48px; padding: 0 13px; border: 1px solid var(--auth-border);
    border-radius: 0; background: #fff; box-shadow: none; box-sizing: border-box;
}
html[data-project] .login-shell .login-form-shell .select2-selection--single .select2-selection__rendered {
    padding: 0 25px 0 0; font-size: 14px; line-height: 24px; color: var(--auth-ink);
}
.login-shell .login-form-shell .select2-selection--single .select2-selection__arrow { height: 46px; top: 0; right: 13px; }
.login-shell .login-form-shell .select2-selection--single:hover { border-color: #9eabb5; }
.login-shell .login-form-shell .auth-form-group input:not([type="checkbox"]):not([type="radio"]):focus,
.login-shell .login-form-shell .select2-container--focus .select2-selection,
.login-shell .login-form-shell .select2-container--open .select2-selection {
    border-color: var(--brand); box-shadow: 0 0 0 4px var(--auth-focus);
}
html[data-project] .login-shell .login-project-dropdown { border-color: var(--brand); border-radius: 0; font-size: 14px; }
html[data-project] .login-shell .login-project-dropdown .select2-results__option { padding: 11px 13px; }
html[data-project] .login-shell .login-project-dropdown .select2-results__option--highlighted[aria-selected] { background: var(--brand); color: #fff; }

.login-shell .login-form-shell .select2-selection--single { border-color: var(--auth-border) !important; font-size: 14px; }
.login-shell .login-form-shell .select2-selection--single:hover { border-color: #9eabb5 !important; }
.login-shell .login-form-shell .select2-container--focus .select2-selection,
.login-shell .login-form-shell .select2-container--open .select2-selection { border-color: var(--brand) !important; box-shadow: 0 0 0 4px var(--auth-focus) !important; }

/* Role-aware manuals and version management. */
.grm-account-menu .dropdown-menu { min-width: 260px; max-width: calc(100vw - 24px); }
.grm-manual-page { padding-bottom: 24px; }
.grm-manual-kicker { color: var(--grm-color-primary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 8px; }
.grm-manual-page .grm-surface { box-shadow: none !important; border-radius: 9px; }
.grm-manual-cover { margin-bottom: 18px; }
.grm-manual-cover > .grm-surface__body { display: flex; align-items: center; gap: 18px; }
.grm-manual-cover img { width: 64px; height: 58px; object-fit: contain; flex-shrink: 0; }
.grm-manual-cover h2 { font-size: 22px; margin: 0 0 9px; overflow-wrap: anywhere; }
.grm-manual-version { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--grm-color-text-muted); font-size: 12px; }
.grm-manual-layout { display: grid; grid-template-columns: 255px minmax(0,1fr); gap: 20px; align-items: start; }
.grm-manual-toc { position: sticky; top: 82px; padding: 18px; }
.grm-manual-toc h2 { font-size: 15px; margin: 0 0 12px; }
.grm-manual-toc a { display: block; color: var(--grm-color-text-muted); padding: 8px 9px; margin: 2px -9px; font-size: 12px; border-radius: 5px; }
.grm-manual-toc a:hover, .grm-manual-toc a:focus-visible { background: var(--grm-color-primary-soft); color: var(--grm-color-primary); }
.grm-manual-sections { display: grid; gap: 16px; min-width: 0; }
.grm-manual-section { scroll-margin-top: 84px; }
.grm-manual-section .grm-surface__header { display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
.grm-manual-section h2 { font-size: 17px; margin: 0; line-height: 1.5; }
.grm-manual-section-icon { display: inline-grid; place-items: center; width: 34px; height: 34px; background: var(--grm-color-primary-soft); color: var(--grm-color-primary); border-radius: 7px; flex-shrink: 0; }
.grm-manual-section ol { margin: 0; padding-left: 22px; }
.grm-manual-section li { padding-left: 5px; margin-bottom: 12px; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.grm-manual-section li:last-child { margin-bottom: 0; }
.grm-manual-intro { line-height: 1.8; font-size: 14px; overflow-wrap: anywhere; }
.grm-manual-note { font-size: 12px; line-height: 1.7; }
.grm-manual-pdf { display: block; width: 100%; height: 75vh; min-height: 500px; border: 1px solid var(--grm-color-border); background: var(--grm-color-surface-muted); margin-top: 16px; }
.grm-manual-filter { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 16px 0; }
.grm-manual-filter label { margin: 0; font-size: 13px; }
.grm-manual-filter .form-control, .grm-manual-filter .select2-container { width: 280px !important; max-width: 100%; }
.grm-manual-versions { display: grid; gap: 14px; }
.grm-manual-version-card .grm-surface__body { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.grm-manual-version-card h2 { font-size: 18px; margin: 0 0 8px; overflow-wrap: anywhere; }
.grm-manual-version-card .grm-actions-row { flex-shrink: 0; flex-wrap: wrap; max-width: 310px; }
.grm-manual-version-card p { overflow-wrap: anywhere; }
.grm-manual-pagination { display: flex; justify-content: center; gap: 18px; margin: 20px 0; }
.grm-manual-edit { margin-top: 16px; }
.grm-manual-form-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 18px; }
.grm-manual-edit-sections { display: grid; gap: 10px; margin: 18px 0; }
.grm-manual-edit-sections details { border: 1px solid var(--grm-color-border); border-radius: 6px; }
.grm-manual-edit-sections summary { padding: 12px 16px; color: var(--grm-color-text); font-size: 14px; cursor: pointer; }
.grm-manual-edit-sections details > div { padding: 0 16px 4px; }
.grm-manual-edit textarea { font-size: 14px; line-height: 1.7; }
.grm-manual-confirm { max-width: 800px; }
.grm-manual-confirm h2 { font-size: 21px; }
.grm-manual-page [hidden]{display:none!important;}
.grm-manual-editor-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--grm-color-text-muted);}
.grm-manual-editor-steps span{padding:9px 14px;background:var(--grm-color-surface);border:1px solid var(--grm-color-border);border-radius:5px;}
.grm-manual-editor-steps span:first-child{color:var(--grm-color-primary);border-color:var(--grm-color-primary);font-weight:600;}
.grm-manual-edit-sections summary{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.grm-manual-edit-sections summary small{color:var(--grm-color-text-muted);font-size:10px;text-align:right;}
.grm-manual-confirm{margin:24px auto;border-radius:5px;}
.grm-manual-confirm h3{font-size:16px;overflow-wrap:anywhere;}
.grm-manual-confirm-icon{display:block;font-size:30px;color:var(--grm-color-primary);margin:12px 0;}
.grm-manual-page .grm-surface,.grm-manual-page .btn,.grm-manual-section-icon,.grm-manual-edit-sections details{border-radius:5px;}
.grm-manual-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.grm-manual-switch{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:var(--grm-color-surface);border:1px solid var(--grm-color-border);border-radius:5px;}
.grm-manual-switch a{display:flex;gap:9px;align-items:center;font-size:12px;padding:10px 14px;color:var(--grm-color-text-muted);border-radius:5px;}
.grm-manual-switch a[aria-current=page]{color:var(--grm-color-primary);background:var(--grm-color-primary-soft);font-weight:700;}
.grm-manual-cover{border-left:3px solid var(--grm-color-primary);}
.grm-manual-cover-text{flex:1;min-width:0;}
.grm-manual-cover .grm-surface__body{flex-wrap:wrap;}
.grm-manual-cover .grm-manual-print{flex:none;}
.grm-manual-toc>label{font-size:12px;font-weight:600;}
.grm-manual-toc nav{max-height:calc(100vh - 265px);overflow-y:auto;overscroll-behavior:contain;padding:0 6px;}
.grm-manual-toc nav a{display:flex;align-items:flex-start;gap:8px;padding:9px 8px;margin:2px 0;line-height:1.5;}
.grm-manual-toc nav a>span{font-size:10px;font-weight:700;opacity:.7;padding-top:2px;}
.grm-manual-toc nav a[aria-current]{background:var(--grm-color-primary-soft);color:var(--grm-color-primary);font-weight:600;}
.grm-manual-search{display:flex;gap:8px;align-items:center;border:1px solid var(--grm-color-border);background:var(--grm-color-surface);padding:0 9px;min-height:40px;border-radius:5px;}
.grm-manual-search:focus-within{outline:2px solid var(--grm-color-primary);outline-offset:2px;}
.grm-manual-search i{font-size:12px;color:var(--grm-color-text-muted);}
.grm-manual-search input{min-width:0;width:100%;border:0;background:transparent;outline:0;font-size:12px;height:38px;}
.grm-manual-search button{border:0;background:transparent;font-size:20px;color:var(--grm-color-text-muted);min-width:28px;}
.grm-manual-search-status{font-size:11px;color:var(--grm-color-text-muted);margin:10px 0 20px;}
.grm-manual-figure{margin:0 0 24px;border:1px solid var(--grm-color-border);border-radius:5px;overflow:hidden;}
.grm-manual-figure a{display:block;background:var(--grm-color-surface-muted);}
.grm-manual-figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;}
.grm-manual-figure figcaption{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:space-between;padding:10px 12px;color:var(--grm-color-text-muted);font-size:11px;line-height:1.5;}
.grm-manual-section ol{counter-reset:manual-step;list-style:none;padding:0;}
.grm-manual-section li{position:relative;padding-left:40px;counter-increment:manual-step;margin-bottom:18px;}
.grm-manual-section li:before{content:counter(manual-step,decimal-leading-zero);position:absolute;left:0;top:2px;width:27px;height:27px;display:grid;place-items:center;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);border-radius:5px;font-size:11px;font-weight:700;}
.grm-manual-back{display:inline-block;font-size:11px;margin-top:20px;color:var(--grm-color-primary);}
.grm-manual-release{padding:16px;font-size:12px;line-height:1.7;}
.grm-manual-release summary,.grm-manual-card-notes summary{cursor:pointer;font-weight:600;color:var(--grm-color-primary);}
.grm-manual-release>div{padding-top:12px;}
.grm-manual-preview{border:1px solid var(--grm-color-border);border-left:3px solid var(--grm-color-primary);padding:15px 18px;background:var(--grm-color-primary-soft);display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px;border-radius:5px;}
.grm-manual-preview p{font-size:12px;margin:6px 0 0;}
.grm-manual-preview form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;}
.grm-manual-preview select{width:170px;}
.grm-manual-admin-intro{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:22px;}
.grm-manual-admin-intro h2{font-size:25px;margin:0 0 10px;}
.grm-manual-admin-intro>div>p:last-child{font-size:13px;color:var(--grm-color-text-muted);}
.grm-manual-families{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;}
.grm-manual-family-title{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.grm-manual-family-title i{font-size:24px;color:var(--grm-color-primary);}
.grm-manual-family h3,.grm-manual-history h3{font-size:17px;margin:0;line-height:1.5;}
.grm-manual-current-title{font-size:13px;margin:10px 0 0;}
.grm-manual-filter{align-items:flex-end;gap:12px;}
.grm-manual-filter>div{flex:1;min-width:160px;}
.grm-manual-filter label{display:block;margin-bottom:7px;font-size:11px;}
.grm-manual-filter .form-control,.grm-manual-filter .select2-container{width:100%!important;}
.grm-manual-filter>a{font-size:12px;padding:10px 0;}
.grm-manual-version-card{border-top:1px solid var(--grm-color-border);}
.grm-manual-version-card>.grm-surface__body{padding:20px 0;}
.grm-manual-version-info{min-width:0;flex:1;}
.grm-manual-version-info h4{font-size:16px;margin:0 0 10px;overflow-wrap:anywhere;}
.grm-manual-version-card .grm-actions-row{max-width:340px;}
.grm-manual-version-card .grm-actions-row form{display:inline-block;}
.grm-manual-card-notes{font-size:12px;margin-top:12px;line-height:1.7;}
.grm-manual-pdf-intro .grm-surface__body{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.grm-manual-pdf-intro h3{font-size:17px;margin-bottom:12px;}
.grm-manual-pdf-intro .grm-actions-row{flex:none;}
.grm-manual-empty .grm-empty-state{max-width:650px;margin:auto;padding:45px 20px;}
.grm-manual-empty .btn{margin:8px 4px;}
@media(max-width:1050px){.grm-manual-toc nav{max-height:230px;}.grm-manual-preview,.grm-manual-pdf-intro .grm-surface__body{flex-direction:column;align-items:stretch;}}
@media(max-width:650px){.grm-manual-families{grid-template-columns:minmax(0,1fr);}.grm-manual-cover h2{font-size:20px;}.grm-manual-cover img{width:48px;height:48px;}.grm-manual-switch{width:100%;}.grm-manual-switch a{flex:1;padding:10px;font-size:11px;}.grm-manual-admin-intro h2{font-size:21px;}.grm-manual-section li{font-size:13px;padding-left:36px;}.grm-manual-filter>div{flex-basis:100%;}.grm-manual-pagination{gap:10px;font-size:12px;flex-wrap:wrap;}}
@media print{.main-sidebar,.main-header,.main-footer,.content-header,.grm-manual-topbar,.grm-manual-toc,.grm-manual-preview,.grm-manual-print,.grm-manual-back,.grm-manual-release{display:none!important;}.content-wrapper{margin:0!important;}.grm-manual-layout,.grm-manual-sections{display:block;}.grm-manual-section{margin-bottom:20px;box-shadow:none!important;border:0!important;}.grm-manual-section h2{break-after:avoid;}.grm-manual-figure{break-inside:avoid;}.grm-manual-figure img{max-height:320px;}.grm-manual-section li{break-inside:avoid;}.grm-manual-page{padding:0!important;}}
@media (max-width: 1050px) { .grm-manual-layout { grid-template-columns: minmax(0,1fr); } .grm-manual-toc { position: static; } .grm-manual-toc a { display: inline-block; margin: 2px; } }
@media (max-width: 680px) {
    .grm-manual-version-card .grm-surface__body { flex-direction: column; }
    .grm-manual-form-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
    .grm-manual-version-card .grm-actions-row { max-width: 100%; }
    .grm-manual-cover h2 { font-size: 18px; }
    .grm-manual-cover > .grm-surface__body { padding: 15px; gap: 12px; }
    .grm-manual-cover img { width: 48px; height: 48px; }
}
@media print {
    .main-header, .main-sidebar, .main-footer, .grm-manual-toc, .grm-manual-page > .grm-toolbar, .grm-recipe-note { display: none !important; }
    body .wrapper .content-wrapper { margin: 0 !important; padding: 0 !important; }
    .grm-manual-layout { display: block; }
    .grm-manual-section { break-inside: avoid; margin-bottom: 16px; }
    .grm-manual-cover { border: 0; }
}

/* Facilitator dossier: identity rail, compact indicators, accessible tabs. */
.grm-fac-back{display:inline-flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px;min-height:32px;}
.grm-fac-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px;padding:22px 24px;background:var(--grm-color-surface);border:1px solid var(--grm-color-border);border-left:3px solid var(--grm-color-primary);border-radius:5px;}
.grm-fac-heading-main{flex:1;min-width:240px;}
.grm-fac-heading-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.grm-fac-project{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:5px;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);font-size:11px;font-weight:700;line-height:1.5;}
.grm-fac-heading-kind{font-size:11px;font-weight:600;letter-spacing:.65px;color:var(--grm-color-text-muted);text-transform:uppercase;}
.grm-fac-heading-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.grm-fac-heading h2{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin:0;font-weight:700;color:var(--grm-color-text);overflow-wrap:anywhere;}
.grm-fac-heading-title .grm-badge{display:inline-flex;align-items:center;gap:6px;white-space:normal;line-height:1.5;border-radius:5px;}
.grm-fac-heading-meta{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;margin-top:10px;font-size:12px;line-height:1.6;color:var(--grm-color-text-muted);}
.grm-fac-heading-meta>span{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;}
.grm-fac-heading-meta i{flex-shrink:0;}
.grm-fac-heading-readonly{font-size:11px;}
.grm-fac-heading p{margin:0;color:var(--grm-color-text-muted);font-size:13px;}
.grm-fac-heading .grm-fac-eyebrow{color:var(--grm-color-primary);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;}
.grm-fac-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-left:24px;border-left:1px solid var(--grm-color-border);}
.grm-fac-heading .grm-fac-actions .btn{min-height:40px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
.grm-fac-actions .dropdown-menu{min-width:280px;max-width:90vw;}
.grm-fac-actions .dropdown-item{white-space:normal;font-size:13px;padding:12px 16px;}
@media(max-width:850px){.grm-fac-heading{padding:18px;gap:16px;}.grm-fac-heading-main{min-width:0;flex-basis:100%;}.grm-fac-heading .grm-fac-actions{width:100%;padding:14px 0 0;border-left:0;border-top:1px solid var(--grm-color-border);}.grm-fac-heading .grm-fac-actions>.btn,.grm-fac-heading .grm-fac-actions>.dropdown{flex:1;}.grm-fac-heading .grm-fac-actions>.dropdown>.btn{width:100%;}}
@media(max-width:440px){.grm-fac-heading{padding:16px;}.grm-fac-heading-title{gap:9px;}.grm-fac-heading .grm-fac-actions{flex-direction:column;align-items:stretch;}.grm-fac-heading .grm-fac-actions .dropdown-menu{min-width:0;width:100%;max-width:100%;}}
.grm-fac-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:20px;align-items:start;}
.grm-fac-identity{padding:20px;box-shadow:none!important;}
.grm-fac-avatar-line{display:flex;align-items:center;gap:12px;}
.grm-fac-avatar{height:56px;width:56px;object-fit:cover;border-radius:50%;border:1px solid var(--grm-color-border);}
.grm-fac-identity section{border-top:1px solid var(--grm-color-border);padding-top:18px;margin-top:18px;}
.grm-fac-identity h3{font-size:14px;margin:0 0 14px;font-weight:650;}
.grm-fac-identity dl{display:grid;gap:14px;margin:0;}
.grm-facilitator dt{font-size:11px;color:var(--grm-color-text-muted);font-weight:500;margin-bottom:4px;}
.grm-facilitator dd{font-size:13px;overflow-wrap:anywhere;margin:0;}
.grm-fac-code{display:flex;gap:8px;align-items:center;justify-content:space-between;}
.grm-fac-code span{letter-spacing:2px;}
.grm-fac-hint{font-size:12px;color:var(--grm-color-text-muted);line-height:1.7;margin:10px 0;}
.grm-fac-missing{padding:10px 12px;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);border-radius:6px;font-size:12px;line-height:1.7;margin:14px 0 0;}
.grm-fac-work{min-width:0;}
.grm-fac-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.grm-fac-filters label{font-size:12px;color:var(--grm-color-text-muted);margin:0;}
.grm-fac-filters .select2-container,.grm-fac-filters select{width:330px!important;max-width:100%;}
.grm-fac-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;}
.grm-fac-metrics button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;background:var(--grm-color-surface);border:1px solid var(--grm-color-border);border-radius:10px;padding:14px 15px;transition:background .15s,border-color .15s;}
.grm-fac-metrics button[aria-pressed=true]{background:var(--grm-color-primary-soft);border-color:var(--grm-color-primary);}
.grm-fac-metrics button span{font-size:11px;color:var(--grm-color-text-muted);line-height:1.5;}
.grm-fac-metrics button strong{font-size:26px;line-height:1.2;color:var(--grm-color-text);font-variant-numeric:tabular-nums;}
.grm-fac-dossier{box-shadow:none!important;overflow:hidden;}
.grm-fac-tabs{display:flex;gap:6px;padding:10px 12px;background:var(--grm-color-surface-muted);border-bottom:1px solid var(--grm-color-border);}
.grm-fac-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--grm-color-text-muted);border:0;border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.5;font-weight:600;}
.grm-fac-tabs button.active{color:var(--grm-color-primary);background:var(--grm-color-surface);box-shadow:0 1px 4px rgba(20,40,55,.08);}
.grm-fac-tabs button:focus-visible{outline:2px solid var(--grm-color-primary);outline-offset:2px;}
.grm-fac-tabs button:hover{color:var(--grm-color-primary);background:var(--grm-color-primary-soft);}
.grm-fac-tabs button.active:hover{background:var(--grm-color-surface);}
.grm-fac-tabs button[aria-selected=true]{box-shadow:inset 0 -2px var(--grm-color-primary),0 1px 4px rgba(20,40,55,.08);}
.grm-fac-metrics button:focus-visible{outline:2px solid var(--grm-color-primary);outline-offset:3px;}
.grm-fac-tab-count{display:inline-grid;place-items:center;min-width:23px;padding:1px 5px;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);border-radius:5px;font-size:11px;}
.grm-fac-panel{padding:18px;min-width:0;}
.grm-fac-panel[hidden]{display:none!important;}
.grm-fac-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.grm-fac-search{display:flex;gap:8px;align-items:center;border:1px solid var(--grm-color-border);padding:5px 6px 5px 12px;flex:1;max-width:395px;min-width:0;}
.grm-fac-search i{color:var(--grm-color-text-muted);font-size:12px;}
.grm-fac-search input{border:0;background:transparent;width:100%;min-width:0;font-size:13px;color:var(--grm-color-text);}
.grm-fac-search input:focus{outline:0;}
.grm-fac-search:focus-within{outline:2px solid var(--grm-color-primary);outline-offset:2px;}
.grm-fac-selection{font-size:12px;color:var(--grm-color-text-muted);margin:8px 0 12px;}
.grm-fac-table{width:100%;table-layout:fixed;}
.grm-fac-table th:first-child{width:40%;}
.grm-fac-table th,.grm-fac-table td{font-size:12px!important;padding:13px 10px!important;overflow-wrap:anywhere;}
.grm-fac-summary{font-size:12px;line-height:1.65;color:var(--grm-color-text);margin:4px 0 0;}
.grm-fac-table td small{display:block;font-size:11px;color:var(--grm-color-text-muted);margin-top:5px;}
.grm-fac-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--grm-color-text-muted);}
.grm-fac-pagination>div{display:flex;gap:6px;}
.grm-fac-load-error{padding:25px 15px;text-align:center;color:var(--grm-color-text-muted);font-size:13px;}
.grm-fac-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.grm-fac-analysis-grid h3,.grm-fac-information h3{font-size:15px;}
.grm-fac-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;font-size:12px;margin:16px 0;}
.grm-fac-bar-row strong{font-size:11px;color:var(--grm-color-text-muted);font-weight:500;}
.grm-fac-bar{grid-column:1/-1;height:6px;background:var(--grm-color-primary-soft);border-radius:5px;overflow:hidden;}
.grm-fac-bar span{display:block;height:100%;background:var(--grm-color-primary);}
.grm-fac-analysis-summary{margin-bottom:18px;}
.grm-fac-analysis-summary h3{font-size:17px;font-weight:700;margin:0 0 6px;}
.grm-fac-analysis-summary p,.grm-fac-chart-note{font-size:12px;color:var(--grm-color-text-muted);line-height:1.6;margin:0 0 14px;}
.grm-fac-chart{min-width:0;padding:18px;border:1px solid var(--grm-color-border);border-radius:5px;}
.grm-fac-chart h4{font-size:14px;font-weight:700;margin:0 0 16px;line-height:1.5;}
.grm-fac-chart-wide{grid-column:1/-1;}
.grm-fac-stacked{display:flex;height:24px;overflow:hidden;border-radius:5px;background:var(--grm-color-primary-soft);}
.grm-fac-chart-legend,.grm-fac-series-legend{list-style:none;padding:0;margin:16px 0;}
.grm-fac-chart-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;font-size:12px;margin:12px 0;}
.grm-fac-chart-legend strong{font-size:12px;}
.grm-fac-key{display:inline-block;width:10px;height:10px;border-radius:2px;flex:none;}
.grm-fac-tone-primary{background:var(--grm-color-primary);}
.grm-fac-tone-within{background:#238164;}
.grm-fac-tone-overdue{background:#b83b43;}
.grm-fac-tone-unknown{background:#8b96a5;}
.grm-fac-tone-closed{background:#6e8eab;}
.grm-fac-columns{display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid var(--grm-color-border);padding:15px 0 8px;margin-bottom:12px;}
.grm-fac-column-group{flex:1;min-width:0;text-align:center;}
.grm-fac-column-bars{height:140px;display:flex;align-items:flex-end;justify-content:center;gap:6px;}
.grm-fac-column-slot{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;max-width:48px;height:140px;}
.grm-fac-column-slot strong{font-size:11px;font-weight:600;margin-bottom:5px;}
.grm-fac-column{display:block;width:100%;border-radius:3px 3px 0 0;min-height:1px;}
.grm-fac-column-label{display:block;font-size:11px;margin-top:8px;line-height:1.5;overflow-wrap:anywhere;}
.grm-fac-series-legend{display:flex;flex-wrap:wrap;gap:9px 20px;}
.grm-fac-series-legend li{display:flex;align-items:center;gap:7px;font-size:11px;}
.grm-fac-ranking-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:12px;margin:15px 0;}
.grm-fac-ranking-row>span{overflow-wrap:anywhere;}
.grm-fac-ranking-track{grid-column:1/-1;display:flex;height:14px;background:var(--grm-color-primary-soft);border-radius:3px;overflow:hidden;}
.grm-fac-chart-data{border-top:1px solid var(--grm-color-border);padding-top:12px;margin-top:16px;font-size:11px;}
.grm-fac-chart-data summary{cursor:pointer;color:var(--grm-color-primary);font-weight:600;}
.grm-fac-chart-data table{width:100%;table-layout:fixed;margin-top:10px;}
.grm-fac-chart-data th,.grm-fac-chart-data td{padding:7px 3px;border-bottom:1px solid var(--grm-color-border);overflow-wrap:anywhere;text-align:left;}
.grm-fac-chart-data tbody th{font-weight:400;}
@media(max-width:850px){.grm-fac-analysis-grid{grid-template-columns:minmax(0,1fr);gap:16px;}}
@media(max-width:440px){.grm-fac-chart{padding:12px;}.grm-fac-columns{gap:5px;}.grm-fac-column-bars{gap:3px;}.grm-fac-column-label{font-size:10px;}.grm-fac-chart-legend li{grid-template-columns:10px minmax(0,1fr);}.grm-fac-chart-legend strong{grid-column:2;}}
.grm-fac-timeline{list-style:none;margin:0;padding:0;}
.grm-fac-timeline li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--grm-color-border);}
.grm-fac-timeline li.grm-fac-activity-empty{display:block;padding:24px 0;color:var(--grm-color-text-muted);font-size:13px;line-height:1.7;}
.grm-fac-timeline time,.grm-fac-timeline p{font-size:12px;color:var(--grm-color-text-muted);}
.grm-fac-timeline strong{font-size:13px;font-weight:600;}
.grm-fac-timeline p{margin:5px 0;}
.grm-fac-timeline .grm-badge{white-space:normal;line-height:1.6;}
.grm-fac-information{display:grid;gap:20px;margin-top:20px;line-height:1.8;}
.grm-recovery-logo{max-width:100px;max-height:76px;object-fit:contain;margin-bottom:20px;}
.grm-recovery-panel h2{font-size:25px;line-height:1.35;}
.grm-recovery-panel p{font-size:14px;line-height:1.8;}
@media(max-width:1150px){.grm-fac-layout{grid-template-columns:225px minmax(0,1fr);gap:14px;}.grm-fac-tabs{gap:2px;padding:8px;}.grm-fac-tabs button{padding:10px 8px;font-size:12px;}.grm-fac-tabs button i{display:none;}}
@media(max-width:950px){.grm-fac-layout{grid-template-columns:minmax(0,1fr);}.grm-fac-identity{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.grm-fac-identity section{margin-top:0;padding-top:0;border-top:0;}.grm-fac-identity section:last-child{grid-column:2;}.grm-fac-tabs button{flex:1;}}
@media(max-width:580px){.grm-fac-heading h2{font-size:24px;}.grm-fac-identity{display:block;}.grm-fac-identity section{border-top:1px solid var(--grm-color-border);padding-top:15px;margin-top:15px;}.grm-fac-metrics{grid-template-columns:1fr 1fr;}.grm-fac-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;}.grm-fac-tabs button{justify-content:flex-start;min-height:43px;}.grm-fac-tabs button i{display:inline-block;}.grm-fac-panel{padding:13px;}.grm-fac-search{max-width:none;width:100%;flex-basis:100%;}.grm-fac-analysis-grid{grid-template-columns:minmax(0,1fr);}.grm-fac-table thead{display:none;}.grm-fac-table,.grm-fac-table tbody,.grm-fac-table tr,.grm-fac-table td{display:block;width:100%!important;}.grm-fac-table tr{padding:10px 0;border-bottom:1px solid var(--grm-color-border);}.grm-fac-table td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:9px;border:0!important;padding:7px 2px!important;}.grm-fac-table td:before{content:attr(data-label);font-size:11px;color:var(--grm-color-text-muted);}.grm-fac-table td p,.grm-fac-table td small{grid-column:2;}.grm-fac-table .grm-badge{white-space:normal;line-height:1.6;}.grm-fac-timeline li{grid-template-columns:minmax(0,1fr);gap:6px;}.grm-fac-actions{width:100%;}.grm-fac-actions>.btn{flex:1;}}

@media print{.grm-manual-page [data-manual-chapter][hidden]{display:block!important;}.grm-manual-page [data-manual-empty]{display:none!important;}}

html.grm-reading-manual,html.grm-reading-manual body,html.grm-reading-manual .wrapper,html.grm-reading-manual .content-wrapper{overflow-x:clip!important;overflow-y:visible!important;}

.grm-manual-page .btn{border-radius:5px!important;}
@media(max-width:650px){.grm-manual-admin-intro{flex-direction:column;}.grm-manual-admin-intro>.grm-badge{align-self:flex-start;}}

/* Project-scoped complementary complaint form builder. */
.grm-complaint-forms{color:var(--grm-color-text,#203040);}
.grm-cf-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;}
.grm-cf-eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--grm-color-primary);}
.grm-cf-intro h2{font-size:21px;margin:5px 0 8px;font-weight:600;line-height:1.4;}
.grm-cf-intro p,.grm-cf-panel-heading p,.grm-cf-retention{font-size:12px;line-height:1.8;color:#586775;margin:0;}
.grm-cf-step{font-size:11px;color:var(--grm-color-primary);background:var(--grm-color-primary-soft);padding:10px 12px;border-radius:5px;max-width:300px;}
.grm-cf-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px;align-items:start;}
.grm-cf-library{background:#fff;border:1px solid var(--grm-color-border);border-radius:5px;position:sticky;top:85px;overflow:hidden;}
.grm-cf-library-head{padding:16px;display:grid;gap:12px;border-bottom:1px solid var(--grm-color-border);}
.grm-cf-library h3{font-size:14px;font-weight:600;margin:0;display:flex;justify-content:space-between;gap:10px;}
.grm-cf-library h3 span,.grm-cf-field-total{color:#586775;font-size:11px;}
.grm-cf-catalog{max-height:50vh;overflow-y:auto;padding:8px;}
.grm-cf-catalog-item{display:flex;flex-direction:column;gap:8px;padding:13px 10px;margin-bottom:5px;color:inherit;border:1px solid transparent;border-radius:5px;overflow-wrap:anywhere;}
.grm-cf-catalog-item:hover,.grm-cf-catalog-item.is-current{background:var(--grm-color-primary-soft);border-color:var(--grm-color-primary);color:inherit;text-decoration:none;}
.grm-cf-catalog-item strong{font-size:12px;line-height:1.7;}
.grm-cf-catalog-item small{font-size:10px;line-height:1.7;color:#586775;}
.grm-cf-status{display:inline-block;align-self:flex-start;font-size:10px;font-weight:600;line-height:1.6;padding:4px 8px;border-radius:5px;background:#f0f3f5;color:#586775;}
.grm-cf-status.is-published{background:#e9f6ef;color:#176540;}
.grm-cf-library-note,.grm-cf-empty{font-size:11px;line-height:1.8;color:#586775;padding:14px;margin:0;}
.grm-cf-library-note{border-top:1px solid var(--grm-color-border);}
.grm-cf-editor{min-width:0;}
.grm-cf-editor-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px;}
.grm-cf-editor-heading h2{font-size:18px;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere;font-weight:600;}
.grm-cf-panel{padding:20px;background:#fff;border:1px solid var(--grm-color-border);border-radius:5px;margin-bottom:16px;}
.grm-cf-panel-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;}
.grm-cf-panel-heading h3{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 5px;}
.grm-cf-number{width:28px;height:28px;flex-shrink:0;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:12px;font-weight:600;}
.grm-cf-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.grm-cf-question-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
.grm-cf-field{border:1px solid var(--grm-color-border);border-radius:5px;padding:16px;margin-bottom:14px;background:#fff;min-width:0;}
.grm-cf-field>header{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px;}
.grm-cf-field>header strong{font-size:13px;overflow-wrap:anywhere;min-width:0;}
.grm-cf-field-index{font-size:11px;color:var(--grm-color-primary);font-weight:600;}
.grm-cf-field-kind{font-size:10px;color:#586775;margin-left:auto;padding:3px 7px;background:#f1f4f6;border-radius:5px;}
.grm-cf-field footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:10px;border-top:1px solid var(--grm-color-border);}
.grm-cf-field footer .form-group{margin:0;}
.grm-cf-field.is-removed{border-style:dashed;background:#f4f6f8;}
.grm-cf-field.is-removed>header strong{text-decoration:line-through;}
.grm-cf-field [data-cf-options]>small{display:block;color:#586775;margin-bottom:12px;font-size:11px;line-height:1.7;}
.grm-cf-field-total{margin-left:12px;}
.grm-cf-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;}
.grm-complaint-forms .btn{border-radius:5px!important;min-height:40px;}
.grm-complaint-forms label{color:#344651;font-size:12px;}
.grm-complaint-forms .form-control{min-width:0;width:100%;font-size:12px;color:#203040;}
.grm-complaint-forms .form-control::placeholder{color:#697883;opacity:1;}
.grm-complaint-forms [hidden]{display:none!important;}
@media(max-width:1150px){.grm-cf-layout{grid-template-columns:230px minmax(0,1fr);gap:14px;}.grm-cf-scope-grid{grid-template-columns:1fr;gap:0;}}
@media(max-width:850px){.grm-cf-layout{grid-template-columns:minmax(0,1fr);}.grm-cf-library{position:static;}.grm-cf-catalog{max-height:240px;}.grm-cf-intro{align-items:flex-start;flex-direction:column;gap:10px;}.grm-cf-step{max-width:none;}}
@media(max-width:580px){.grm-cf-panel{padding:14px;}.grm-cf-field{padding:12px;}.grm-cf-question-grid{grid-template-columns:minmax(0,1fr);gap:0;}.grm-cf-editor-heading{align-items:flex-start;flex-direction:column;}.grm-cf-actions>.btn{flex:1 1 100%;}.grm-cf-intro h2{font-size:19px;}}

.grm-cf-search{min-width:0;display:grid;gap:6px;}
.grm-cf-search>label{margin:0;font-size:12px;line-height:1.6;}
.grm-cf-library .grm-list-search{border-radius:5px!important;height:42px;margin-bottom:0!important;max-width:none;background:#fff;}
.grm-cf-library .grm-list-search input{flex:1 1 0;width:0!important;font-size:12px!important;padding:9px 32px 9px 0!important;height:40px!important;}
.grm-cf-library .grm-list-search__icon{flex:0 0 32px;width:32px;min-height:40px;color:var(--grm-color-text-muted);font-size:12px;}
.grm-cf-library .grm-list-search:focus-within .grm-list-search__icon{color:var(--grm-color-primary);}
.grm-cf-library .grm-list-search__clear{width:28px;height:28px;top:6px;right:3px;}
.grm-cf-intro{margin-bottom:16px;}.grm-cf-intro h2{font-size:19px;margin:3px 0 5px;}
.grm-cf-status.is-pending{background:#fff4da;color:#8b5b00;}
html.grm-editing-complementary,html.grm-editing-complementary body,html.grm-editing-complementary .wrapper,html.grm-editing-complementary .content-wrapper{overflow-x:clip!important;overflow-y:visible!important;}

/* Collapsible questions and non-persistent mobile form preview. */
.grm-cf-field>header{margin:0;display:block;}
.grm-cf-field-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;min-height:32px;}
.grm-cf-field-toggle strong{font-size:13px;overflow-wrap:anywhere;min-width:0;flex:1;}
.grm-cf-type-icon{color:var(--grm-color-primary);background:var(--grm-color-primary-soft);border-radius:5px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.grm-cf-chevron{font-size:10px;color:#586775;transition:transform .15s;}
.grm-cf-field-toggle[aria-expanded=true] .grm-cf-chevron{transform:rotate(180deg);}
.grm-cf-field-toggle:focus-visible{outline:2px solid var(--grm-color-primary);outline-offset:4px;}
.grm-cf-field [data-cf-field-body]{margin-top:18px;}
.grm-cf-field.is-removed [data-cf-field-title]{text-decoration:line-through;}
.grm-cf-preview{border:1px solid #dce3e8;border-radius:5px;padding:22px;width:680px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;color:#1d2a35;background:#f4f6f8;}
.grm-cf-preview::backdrop{background:rgba(19,32,43,.55);}
.grm-cf-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.grm-cf-preview h2{font-size:19px;font-weight:600;margin:4px 0;}
.grm-cf-preview-note{font-size:11px;line-height:1.8;color:#586775;margin:14px 0;}
.grm-cf-phone{width:360px;max-width:100%;margin:20px auto;border:1px solid #dce3e8;border-radius:5px;overflow:hidden;background:#f4f6f8;}
.grm-cf-phone>header{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid #dce3e8;}
.grm-cf-phone>header>i,.grm-cf-phone>header small{color:var(--grm-color-primary);}
.grm-cf-phone>header img{width:32px;height:32px;object-fit:contain;}
.grm-cf-phone>header strong,.grm-cf-phone>header small{display:block;}
.grm-cf-phone>header strong{font-size:15px;}.grm-cf-phone>header small{font-size:10px;}
.grm-cf-phone-content{padding:16px;}
.grm-cf-phone-progress small{color:var(--grm-color-primary);font-size:10px;}
.grm-cf-phone h3{font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;margin:0;}
.grm-cf-phone-progress p{font-size:11px;color:#586775;line-height:1.7;margin:8px 0 16px;}
.grm-cf-phone-panel{padding:16px;background:#fff;border:1px solid #dce3e8;border-radius:5px;}
.grm-cf-phone-field{margin-top:16px;min-width:0;}
.grm-cf-phone-field label{display:block;font-size:13px;line-height:21px;color:#1d2a35;overflow-wrap:anywhere;margin:0 0 6px;}
.grm-cf-phone-field p{font-size:11px;line-height:18px;color:#586775;overflow-wrap:anywhere;margin:0 0 6px;}
.grm-cf-phone-field input,.grm-cf-phone-field textarea,.grm-cf-phone-field select{display:block;box-sizing:border-box;min-width:0;width:100%;border:1px solid #cbd5df!important;border-radius:5px!important;padding:12px!important;min-height:48px;height:auto;background:#fff;color:#1d2a35;font-family:inherit;font-size:14px;}
.grm-cf-phone-field input:focus,.grm-cf-phone-field textarea:focus,.grm-cf-phone-field select:focus{outline:2px solid var(--grm-color-primary);outline-offset:1px;}
.grm-cf-phone-field select[multiple]{min-height:100px;}
.grm-cf-phone-next{width:100%;margin-top:16px;border:0;border-radius:5px;padding:14px;background:var(--grm-color-primary);color:#fff;font-size:13px;font-weight:600;}
#cf-preview-feedback{font-size:12px;line-height:1.8;color:var(--grm-color-primary);}
@media(max-width:580px){.grm-cf-preview{padding:12px;}.grm-cf-preview-bar{align-items:flex-start;}.grm-cf-preview h2{font-size:16px;}.grm-cf-field-kind{display:none;}.grm-cf-field-toggle{gap:7px;}.grm-cf-preview-bar .btn{font-size:11px;padding:8px;}}

.grm-cf-field-toggle:focus:not(:focus-visible){outline:none;box-shadow:none;}
.grm-cf-phone-next:disabled{opacity:.5;cursor:not-allowed;}

.grm-cf-welcome{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;background:#fff;border:1px solid var(--grm-color-border);border-radius:5px;}
.grm-cf-welcome-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:5px;background:var(--grm-color-primary-soft);color:var(--grm-color-primary);font-size:22px;margin-bottom:20px;}
.grm-cf-welcome h2{font-size:20px;line-height:1.5;font-weight:600;margin:0 0 12px;}
.grm-cf-welcome p{max-width:490px;font-size:13px;line-height:1.9;color:#586775;margin:0 0 16px;}
.grm-cf-welcome small{max-width:440px;font-size:12px;line-height:1.8;color:#586775;}
@media(max-width:850px){.grm-cf-welcome{min-height:280px;padding:28px 20px;}}

/* Reorder handles are independent of the question's collapse toggle. */
.grm-cf-field>header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;}
.grm-cf-field-toggle{flex:1;min-width:0;width:auto;}
.grm-cf-drag-handle{display:flex;align-items:center;justify-content:center;flex:0 0 28px;min-height:40px;border:0;border-radius:5px;background:transparent;color:#586775;cursor:grab;}
.grm-cf-drag-handle:hover,.grm-cf-drag-handle:focus-visible{background:var(--grm-color-primary-soft);color:var(--grm-color-primary);outline:2px solid var(--grm-color-primary);outline-offset:1px;}
.grm-cf-drag-handle:active{cursor:grabbing;}
.grm-cf-field.is-dragging{opacity:.55;border:1px dashed var(--grm-color-primary);background:var(--grm-color-primary-soft);}
.grm-cf-reorder-hint{font-size:11px;line-height:1.8;color:#586775;margin:0 0 14px;}

.grm-cf-drag-handle{touch-action:none;}
html.grm-cf-dragging,html.grm-cf-dragging *{cursor:grabbing!important;user-select:none!important;}

/* Password recovery shares the login shell and the selected project palette. */
.grm-auth-flow {
    --auth-brand: var(--brand);
    --auth-brand-hover: var(--brand-hover);
    --auth-brand-soft: var(--brand-soft);
    --auth-focus: var(--brand-soft);
}
.grm-auth-flow .login-form-card { min-width: 0; overflow-wrap: anywhere; }
.grm-auth-flow .login-form-card .auth-title { font-size: clamp(23px, 2.2vw, 29px); line-height: 1.3; }
.grm-auth-flow .auth-icon { margin-bottom: 16px; background: var(--brand-soft); color: var(--brand); }
.grm-auth-flow .auth-icon.is-danger { background: var(--auth-danger-soft); color: var(--auth-danger); }
.grm-auth-flow .auth-subtitle { margin-bottom: 24px; }
.grm-auth-flow .auth-note { margin-top: 20px; border-color: var(--brand-soft); background: var(--brand-soft); color: var(--auth-ink); }
.grm-auth-flow .auth-submit, .grm-auth-flow .auth-primary-link { border-color: var(--brand); background: var(--brand); border-radius: 5px; white-space: normal; }
.grm-auth-flow .auth-submit:hover, .grm-auth-flow .auth-primary-link:hover { border-color: var(--brand-hover); background: var(--brand-hover); }
.grm-auth-flow .auth-secondary-link, .grm-auth-flow .auth-note i { color: var(--brand); }
.grm-auth-flow .auth-link-row { margin-bottom: 0; }
.grm-auth-flow .auth-help { overflow-wrap: anywhere; }

@media (max-width: 767.98px) {
    .grm-auth-flow .login-hero { display: none; }
    .grm-auth-flow .login-topbar { flex-direction: row; flex-wrap: nowrap; align-items: center; }
    .grm-auth-flow .login-topbar-brand { width: auto; flex: 1; min-width: 0; }
    .grm-auth-flow .login-topbar-brand img { width: 42px; height: 38px; padding: 2px; }
    .grm-auth-flow .login-topbar > .navbar-nav { width: auto; margin-left: auto; }
    .grm-auth-flow .login-form-shell { padding: 24px 20px; }
}