@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    src: url("../../css/fonts/SourceSansPro-Regular.7677c5ae5193.woff2") format("woff2");
}

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 600;
    src: url("../../css/fonts/SourceSansPro-Semibold.081788d6792a.woff2") format("woff2");
}

:root {
    --cmd-blue: #262859;
    --cmd-blue-deep: #040146;
    --cmd-lavender: #9594c0;
    --cmd-lavender-soft: #e7e7f2;
    --cmd-surface: #eeeeee;
    --cmd-border: #dadae8;
    --cmd-muted: #63647d;
    --cmd-shadow: 0 10px 28px rgba(38, 40, 89, 0.11);
}

body {
    background: var(--cmd-surface);
    font-family: "Source Sans Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#header {
    border-bottom: 4px solid var(--cmd-lavender);
    box-shadow: 0 8px 24px rgba(38, 40, 89, 0.13);
}

#branding #site-name {
    margin: 0;
}

#branding #site-name a {
    align-items: center;
    display: inline-flex;
    min-height: 60px;
}

#branding .cmd-admin-logo {
    display: block;
    height: auto;
    max-height: 62px;
    max-width: 168px;
    object-fit: contain;
    width: auto;
}

.environment-label.CMD {
    background: var(--cmd-lavender);
    color: var(--cmd-blue-deep);
    font-weight: 600;
}

.admin-interface #nav-sidebar .current-app .section:link,
.admin-interface #nav-sidebar .current-app .section:visited {
    color: #ffffff;
}

.admin-interface #nav-sidebar .current-app .section:hover,
.admin-interface #nav-sidebar .current-app .section:focus {
    color: var(--cmd-lavender-soft);
}

.module,
.grp-module,
div.breadcrumbs,
ol.breadcrumbs,
#changelist,
.inline-group,
fieldset.module {
    border-color: var(--cmd-border);
    box-shadow: var(--cmd-shadow);
}

div.breadcrumbs,
ol.breadcrumbs {
    border-bottom: 1px solid var(--cmd-border);
    color: #e7e7f2;
    --breadcrumbs-fg: #e7e7f2;
    --breadcrumbs-link-fg: #ffffff;
}

div.breadcrumbs a:link,
div.breadcrumbs a:visited,
ol.breadcrumbs a:link,
ol.breadcrumbs a:visited {
    color: #ffffff;
}

div.breadcrumbs a:hover,
div.breadcrumbs a:focus,
ol.breadcrumbs a:hover,
ol.breadcrumbs a:focus {
    color: var(--cmd-lavender-soft);
}

.object-tools a,
.object-tools button,
input[type="submit"],
.submit-row input,
a.button {
    border-radius: 6px;
    font-weight: 600;
}

#content-related {
    border-left: 1px solid var(--cmd-border);
}

#changelist table tbody tr:hover {
    background: #f2f2fa;
}

#changelist-filter h2,
#changelist-filter h3 {
    letter-spacing: 0;
}

#changelist-filter details,
#changelist-filter .filter-wrapper {
    border-radius: 6px;
}

.submit-row {
    border-top-color: var(--cmd-border);
    box-shadow: 0 -8px 24px rgba(16, 59, 63, 0.08);
}

.help,
p.help,
form p.help,
div.help,
form div.help,
div.help li {
    color: var(--cmd-muted);
}