@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
    overflow-x: hidden;
}

:root {
    --layout-brand-dark: #3c3c3b;
    --layout-brand-dark-soft: #3c3c3b;
    --layout-brand-primary: #3c3c3b;
    --layout-surface: #3c3c3b;
    --layout-brand-accent: #ec008c;
    --layout-border: rgba(255, 255, 255, 0.10);
    --layout-shadow: 0 16px 34px rgba(0, 0, 0, 0.34);
    --radius-card: 10px;
    --layout-font-sans: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --layout-font-heading: "Montserrat", "Inter", "Segoe UI", system-ui, sans-serif;
    --layout-font-weight-base: 500;
    --layout-font-weight-strong: 600;
    --theme-bg-overlay: rgba(8, 10, 14, 0.40);
    --theme-surface: rgba(36, 38, 42, 0.72);
    --theme-surface-alt: rgba(44, 46, 50, 0.68);
    --theme-border: rgba(255, 255, 255, 0.14);
    --theme-text: #ffffff;
    --theme-text-secondary: #d7d9de;
    --theme-text-muted: #aeb3bb;
    --home-shell-gutter: 24px;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    overflow-x: hidden;
    font-family: var(--layout-font-sans);
    font-weight: var(--layout-font-weight-base);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #c4cacc;
    background-image: url('/images/backgroundautomation.png');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: var(--theme-text);
    position: relative;
}

body.logout-confirm-open {
    overflow: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(8, 10, 14, 0.32), var(--theme-bg-overlay));
}

body::after {
    display: none;
}

button,
input,
select,
textarea,
.form-control,
.form-select,
.e-input,
.e-btn,
.e-control,
label {
    font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
.app-toolbar-title-text,
.site-footer-contact-title,
.site-footer-bottom-copy,
.section-title,
.section-link,
.welcome-greeting,
.welcome-greeting-sub,
.welcome-status-badge,
.qa-label,
.qa-caption,
.tile-label,
.tile-caption,
.macro-card-title,
.hub-kicker,
.hub-title,
.hub-button-title,
.auth-card-title,
.auth-card-button,
.account-access-badge,
.account-access-heading h1,
.account-access-form-header h2,
.account-access-link-text strong,
.toolbar-action-button,
.e-card-header-title,
.e-card-sub-title {
    font-family: var(--layout-font-heading);
}

p,
span,
a,
li,
dt,
dd,
td,
input,
textarea,
select,
option,
.form-control,
.form-select,
.e-input,
.e-control,
.site-footer-contact,
.site-footer-bottom-inner,
.hub-subtitle,
.account-access-link-text span {
    font-weight: var(--layout-font-weight-base) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
th,
label,
button,
.e-btn,
.toolbar-action-button,
.site-footer-contact-title,
.site-footer-bottom-copy,
.section-title,
.section-link,
.welcome-greeting,
.welcome-greeting-sub,
.welcome-status-badge,
.qa-label,
.qa-caption,
.tile-label,
.tile-caption,
.macro-card-title,
.hub-kicker,
.hub-title,
.hub-button-title,
.auth-card-title,
.auth-card-button,
.account-access-badge,
.account-access-heading h1,
.account-access-form-header h2,
.account-access-link-text strong,
.e-card-header-title,
.e-card-sub-title {
    font-weight: var(--layout-font-weight-strong) !important;
}

.material-icons {
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 1em;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

a {
    color: var(--layout-brand-accent);
    text-decoration: none;
}

.site-footer {
    margin-top: auto;
    width: calc(100% - var(--home-shell-gutter));
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-radius: var(--radius-card);
    overflow: hidden;
    color: #ffffff;
}

.site-footer a {
    color: #ffffff;
    text-decoration: none;
}

.site-footer-top {
    background: #3c3c3b;
}

.site-footer-top-inner {
    display: grid;
    grid-template-columns: auto minmax(250px, 360px) minmax(220px, 310px) 1fr auto;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
}

.site-footer-brand {
    display: flex;
    align-items: center;
    justify-self: start;
    grid-column: 1;
    grid-row: 1;
}

.site-footer-logo {
    width: min(230px, 100%);
    height: auto;
    object-fit: contain;
}

.site-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-self: center;
    grid-column: 2;
    grid-row: 1;
    font-size: .98rem;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    width: 100%;
}

.site-footer-contact-title {
    font-weight: 800;
    text-transform: uppercase;
}

.site-footer-contact a:hover,
.site-footer-contact a:focus {
    color: #ffffff;
    text-decoration: underline;
}

.site-footer-legal {
    display: grid;
    gap: 3px;
    justify-self: center;
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    width: 100%;
}

.site-footer-legal div {
    display: block;
    white-space: normal;
}

.site-footer-legal span:first-child {
    font-weight: 800;
    white-space: nowrap;
}

.site-footer-legal a:hover,
.site-footer-legal a:focus {
    color: #ffffff;
    text-decoration: underline;
}

.site-footer-social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    justify-self: end;
    grid-column: 5;
    grid-row: 1;
    white-space: nowrap;
}

.site-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.site-footer-social-link:hover,
.site-footer-social-link:focus {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
}

.site-footer-social-link i {
    font-size: 1.05rem;
}

.site-footer-bottom {
    background: #2f2f2f;
    border-top: 0;
    border-bottom: 0;
}

.site-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px 24px;
    color: #ffffff;
    font-size: .98rem;
    font-weight: 600;
    text-align: center;
}

.site-footer-bottom-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.site-footer-bottom-links a {
    position: relative;
}

.site-footer-bottom-links a + a::before {
    content: "|";
    position: relative;
    left: -5px;
    margin-right: 6px;
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 768px) {
    :root {
        --home-shell-gutter: 16px;
    }
}

.main-content {
    flex: 1 0 auto;
    min-height: auto;
}

body > .page-container {
    min-height: auto !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}




/* Specifies the sample level styles for the sidebar*/
#wrapper .icon-menu {
    font-size: 24px;
}

#wrapper, .control-section {
    padding: 0;
}

@@media(max-width:500px) {
    #wrapper #maintext.main-content {
        height: 800px;
    }
}

#wrapper .sidebar-menu {
    z-index: 20 !important;
}

#wrapper .dock-menu.e-menu-wrapper {
    border: 0px;
}

#wrapper .sidebar-menu .e-menu-wrapper {
    border: 0px;
}

#maintext .paragraph-content {
    padding: 15px 0;
    font-weight: normal;
    font-size: 14px;
    text-align: initial;
}

.e-bigger #maintext .paragraph-content {
    font-size: 16px;
}

#maintext .sidebar-heading {
    font-size: 16px;
    font-weight: 500;
}

.e-bigger #maintext .sidebar-heading {
    font-size: 18px;
}

/* vertical-menu styles */
.sidebar-menu .e-menu-wrapper ul .e-menu-item {
    width: 220px;
}

/* .e-close .e-menu-wrapper ul .e-menu-item {
                    width: 50px;
                }

                .e-close ul .e-menu-item.e-menu-caret-icon {
                    padding-right: 12px;
                }*/

.sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item .e-caret {
    display: none;
}

.sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon,
.sidebar-menu.e-dock.e-close .e-menu-wrapper ul.e-vertical {
    min-width: 0;
    width: 50px !important;
}

.sidebar-menu.e-dock.e-close .e-menu-wrapper ul.e-menu {
    font-size: 0;
}

.sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon {
    font-size: 20px;
    padding: 0;
}

.sidebar-menu,
.e-menu-wrapper,
.e-menu-wrapper ul {
    /* overflow: hidden; */
    overflow-y: auto;
}

/*Specifies the sample level font family for sidebar menu */
@@font-face {
    font-family: 'fontello';
    src: url('data:application/octet-stream;base64,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') format('truetype');
}

.sidebar-menu .icon {
    font-family: 'fontello';
}

#wrapper .icon-menu:before {
    content: '\e914';
    font-family: 'sbicons'
}

/*Specifies the sample level styles for sidebar for dock & closed state */
#wrapper .sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item {
    padding: 0 12px;
}

.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-wrapper ul .e-menu-item {
    padding: 0 16px;
}

/*Specifies the sample level styles for sidebar for dock & opened state */
#wrapper .sidebar-menu .e-menu-wrapper ul .e-menu-item .e-menu-icon {
    margin: 0 8px 0 2px;
}

.e-bigger #wrapper .sidebar-menu .e-menu-wrapper ul .e-menu-item .e-menu-icon {
    margin: 0 20px 0 -2px;
}

#menuToolbar.e-toolbar,
.app-toolbar-title {
    position: relative;
    z-index: 1;
}

.app-toolbar-shell {
    position: relative;
}

#menuToolbar.e-toolbar {
    margin: 10px 10px 0;
    border: 0 !important;
    border-radius: var(--radius-card) !important;
    background: #3c3c3b !important;
    box-shadow: var(--layout-shadow) !important;
}

#menuToolbar.e-toolbar .e-toolbar-items {
    min-height: 65px;
    padding: 0 10px;
    background: #3c3c3b !important;
    border-radius: var(--radius-card) !important;
}

#menuToolbar.e-toolbar .e-toolbar-item {
    color: #ffffff;
    display: inline-flex;
    align-items: center;
}

#menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item,
#menuToolbar.e-toolbar .e-toolbar-right .e-toolbar-item {
    margin: 0 4px;
    min-height: 65px;
}

#menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item:first-child {
    margin-left: 8px;
    margin-right: 2px;
    padding-left: 0;
    padding-right: 0;
    min-height: 65px;
    height: 65px;
    display: inline-flex;
    align-items: center;
}

#menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item:first-child .e-template {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 65px;
    min-height: 65px;
}

#menuToolbar.e-toolbar .e-icons,
#menuToolbar.e-toolbar .e-tbar-btn-text,
#menuToolbar.e-toolbar .e-btn-icon {
    color: #ffffff;
}

    #menuToolbar.e-toolbar .e-toolbar-item .e-tbar-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.10) !important;
        box-shadow: none;
    }

        #menuToolbar.e-toolbar .e-toolbar-item .e-tbar-btn:hover,
        #menuToolbar.e-toolbar .e-toolbar-item .e-tbar-btn:focus {
            background: rgba(255, 255, 255, 0.16);
        }

#menuToolbar.e-toolbar .e-toolbar-left {
    margin-left: 4px;
}

#menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item:first-child .e-folder,
#menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item:first-child .app-brand {
    margin-left: 0;
}

#menuToolbar .toolbar-macro-link {
    color: rgba(255, 255, 255, 0.88) !important;
}

#menuToolbar .toolbar-macro-link:hover,
#menuToolbar .toolbar-macro-link:focus {
    color: #ffffff !important;
}

#menuToolbar .toolbar-macro-mobile-panel .toolbar-macro-link {
    color: var(--theme-text-secondary) !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid var(--theme-border) !important;
}

#menuToolbar .toolbar-macro-mobile-panel .toolbar-macro-link:hover,
#menuToolbar .toolbar-macro-mobile-panel .toolbar-macro-link:focus {
    color: #ffffff !important;
    background: rgba(236, 0, 140, 0.16) !important;
    border-color: rgba(236, 0, 140, 0.35) !important;
}

.sidebar-menu {
    border-right: 1px solid var(--theme-border);
}

.e-folder {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
}

.e-bigger .e-folder {
    font-size: 18px;
}

.e-folder-name {
    margin-top: 0;
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 65px;
    height: 65px;
    line-height: 0;
}

.app-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    color: #ffffff;
    margin-left: 0;
    min-height: 65px;
    height: 65px;
}

#ErreviLogo {
    width: auto;
    height: 42px;
    display: block;
    align-self: center;
    object-fit: contain;
    margin: 2px 0 0;
}

.app-toolbar-title {
    position: absolute;
    inset: 0;
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: center;
    padding: 0 160px;
    z-index: 20;
    pointer-events: none;
}

.app-toolbar-title-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    max-width: min(100%, 520px);
    min-height: 65px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #ffffff;
    font-size: 1.62rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none;
    transform: translate(8px, 4px);
}

#manageTemplate {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.toolbar-logout-form {
    margin: 0;
}

.toolbar-action-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: #3c3c3b;
    color: #ffffff;
    font-size: .92rem;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

    .toolbar-action-button:hover,
    .toolbar-action-button:focus {
        background: #3c3c3b;
        color: #ffffff;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 14px 24px rgba(0, 0, 0, 0.22);
    }

.toolbar-action-button-logout {
    cursor: pointer;
}

.toolbar-action-button-admin {
    justify-content: center;
    min-width: 42px;
    width: 42px;
    padding: 0;
    gap: 0;
    cursor: default;
}

.toolbar-action-button-admin i {
    font-size: 1.05rem;
    margin: 0;
}

.toolbar-action-button-login {
    background: linear-gradient(90deg, var(--layout-brand-accent), var(--layout-brand-accent));
}

.logout-confirm-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 5000;
}

.logout-confirm-modal.is-open {
    display: flex;
}

.logout-confirm-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(25, 25, 25, 0.46);
    backdrop-filter: blur(4px);
}

.logout-confirm-dialog {
    position: relative;
    width: min(92vw, 420px);
    padding: 26px 24px 22px;
    border-radius: var(--radius-card);
    background: rgba(28, 30, 34, 0.94);
    border: 1px solid var(--theme-border);
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.36);
    text-align: center;
}

.logout-confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 999px;
    background: rgba(236, 0, 140, 0.10);
    color: #ec008c;
    font-size: 1.35rem;
}

.logout-confirm-title {
    margin: 0;
    color: var(--theme-text);
    font-size: 1.18rem;
    font-weight: 800;
}

.logout-confirm-text {
    margin: 10px 0 0;
    color: var(--theme-text-secondary);
    font-size: .98rem;
    line-height: 1.45;
}

.logout-confirm-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.logout-confirm-button {
    min-width: 116px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    border: 0;
    font-family: var(--layout-font-heading);
    font-size: .92rem;
    font-weight: 700;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.logout-confirm-button:hover,
.logout-confirm-button:focus {
    transform: translateY(-1px);
}

.logout-confirm-button-secondary {
    background: rgba(38, 40, 45, 0.9);
    color: var(--theme-text-secondary);
    border: 1px solid var(--theme-border);
}

.logout-confirm-button-primary {
    background: #ec008c;
    color: #ffffff;
    box-shadow: 0 12px 22px rgba(236, 0, 140, 0.22);
}

.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-frame {
    width: 20px;
    height: 20px;
    border-width: 1.5px;
    border-radius: 7px;
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(38, 40, 45, 0.88);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.e-checkbox-wrapper:hover .e-frame,
.e-css.e-checkbox-wrapper:hover .e-frame {
    border-color: rgba(236, 0, 140, 0.36);
    box-shadow: 0 8px 16px rgba(236, 0, 140, 0.12);
}

.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check {
    border-color: #ec008c;
    background: linear-gradient(180deg, #ff2eaa, #ec008c);
    box-shadow: 0 10px 18px rgba(236, 0, 140, 0.22);
}

.e-checkbox-wrapper .e-check::before,
.e-css.e-checkbox-wrapper .e-check::before {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.e-checkbox-wrapper .e-label,
.e-css.e-checkbox-wrapper .e-label {
    color: var(--theme-text-secondary);
    font-weight: 500;
}

.e-checkbox-wrapper .e-ripple-container,
.e-css.e-checkbox-wrapper .e-ripple-container {
    border-radius: 8px;
}

.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    border: 1.5px solid rgba(255, 255, 255, 0.22);
    border-radius: 7px;
    background-color: rgba(38, 40, 45, 0.88);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

.form-check-input:focus {
    border-color: rgba(236, 0, 140, 0.36);
    box-shadow: 0 0 0 0.2rem rgba(236, 0, 140, 0.12);
}

.form-check-input:checked {
    border-color: #ec008c;
    background-color: #ec008c;
}

@media (max-width: 768px) {
    #menuToolbar.e-toolbar {
        margin: 8px 8px 0;
        border-radius: var(--radius-card);
    }

    #menuToolbar.e-toolbar .e-toolbar-items {
        min-height: 62px;
        padding: 0 6px;
        border-radius: var(--radius-card) !important;
    }

    .app-brand-title {
        font-size: 1rem;
    }

    #ErreviLogo {
        width: 120px;
        height: 46px;
    }

    #menuToolbar.e-toolbar .e-toolbar-left {
        margin-left: -6px;
    }

    #menuToolbar.e-toolbar .e-toolbar-left .e-toolbar-item:first-child {
        margin-left: -6px;
    }

    .app-toolbar-title {
        padding: 0 86px 0 112px;
    }

    .app-toolbar-title-text {
        max-width: 100%;
        min-height: auto;
        font-size: 1.08rem;
        line-height: 1.08;
        white-space: normal;
        overflow: hidden;
        text-overflow: clip;
        transform: translate(0, 1px);
    }

    .toolbar-action-button {
        min-height: 38px;
        padding: 0 12px;
        font-size: .85rem;
    }

    #manageTemplate {
        justify-content: flex-end;
    }

    .toolbar-action-button-admin {
        min-width: 48px;
        width: 48px;
        min-height: 48px;
    }

    .toolbar-action-button-admin i {
        font-size: 1.22rem;
    }

    .toolbar-action-button-logout {
        justify-content: center;
        min-width: 52px;
        width: 52px;
        min-height: 52px;
        padding: 0;
        gap: 0;
    }

    .toolbar-action-button-logout span {
        display: none;
    }

    .toolbar-action-button-logout i {
        font-size: 1.4rem;
        margin: 0;
    }

    .site-footer-top-inner {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
        padding: 12px 18px;
    }

    .site-footer-brand,
    .site-footer-contact,
    .site-footer-legal,
    .site-footer-social {
        grid-column: 1;
        grid-row: auto;
        justify-self: center;
    }

    .site-footer-contact {
        font-size: .92rem;
    }

    .site-footer-legal {
        width: min(100%, 360px);
        font-size: .9rem;
    }

    .site-footer-social {
        justify-content: center;
    }

    .site-footer-bottom-inner {
        padding: 8px 18px;
        font-size: .92rem;
    }
}

@media (max-width: 640px) {
    .app-toolbar-title {
        display: flex;
        padding: 0 76px 0 104px;
    }

    .app-toolbar-title-text {
        max-width: 100%;
        font-size: .98rem;
        line-height: 1.08;
        transform: translate(0, 1px);
    }
}

/* Dark theme global surfaces */
.content,
main[role="main"],
.main-content {
    background: transparent !important;
}

.e-card,
.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.table-responsive {
    background: var(--theme-surface) !important;
    border: 1px solid var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
}

.e-card *,
.card *,
.modal-content *,
.dropdown-menu *,
.table,
.table * {
    color: inherit;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--theme-text);
    --bs-table-border-color: var(--theme-border);
}

.table thead th {
    background: rgba(20, 22, 26, 0.88);
    color: var(--theme-text-secondary);
    border-color: var(--theme-border);
}

.table tbody tr {
    background: rgba(28, 30, 34, 0.64);
}

.table tbody tr:nth-child(even) {
    background: rgba(34, 36, 41, 0.72);
}

.table tbody tr:hover {
    background: rgba(236, 0, 140, 0.10);
}

.form-control,
.form-select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"] {
    background: var(--theme-surface-alt) !important;
    color: var(--theme-text);
    border: 1px solid var(--theme-border) !important;
}

.form-control::placeholder,
.form-select::placeholder,
textarea::placeholder,
input::placeholder {
    color: var(--theme-text-muted) !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
    border-color: rgba(236, 0, 140, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(236, 0, 140, 0.45) !important;
    outline: none !important;
}

.e-input-group input.e-input:focus,
.e-input-group input.e-input:focus-visible,
.e-control-wrapper input.e-input:focus,
.e-control-wrapper input.e-input:focus-visible,
.e-ddl input.e-input:focus,
.e-ddl input.e-input:focus-visible,
.e-date-wrapper input.e-input:focus,
.e-time-wrapper input.e-input:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-primary,
.e-btn.e-primary,
.toolbar-action-button-login {
    background: linear-gradient(90deg, var(--layout-brand-accent), #c90075) !important;
    border-color: var(--layout-brand-accent) !important;
    color: #ffffff !important;
}

.btn-secondary,
.btn-outline-secondary {
    background: rgba(38, 40, 45, 0.88) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-secondary) !important;
}

main[role="main"],
.main-content,
.main-content > .content,
.main-content > .content > .container-fluid {
    flex: 1 0 auto;
}

.table-light,
.alert-light,
.dropdown-item.active,
.dropdown-item:active {
    background-color: rgba(38, 40, 45, 0.9) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* Requests shortcut links (Requests, SmartWorking, Overtime, OwnCar) */
.requests-shortcuts {
    gap: 8px 10px;
}

.requests-shortcuts .requests-shortcut-item {
    margin: 0 !important;
    padding: 0 !important;
}

.requests-shortcut-link {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(236, 0, 140, 0.24);
    background: rgba(60, 60, 59, 0.86);
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.requests-shortcut-link i {
    font-size: 1.08rem;
}

.requests-shortcut-link:hover,
.requests-shortcut-link:focus {
    color: #ffffff !important;
    background: rgba(236, 0, 140, 0.22);
    border-color: rgba(236, 0, 140, 0.45);
    text-decoration: none;
}

@media (max-width: 991px) {
    .requests-shortcuts {
        gap: 8px;
    }

    .requests-shortcut-link {
        min-height: 44px;
        padding: 0 14px;
        font-size: .92rem;
    }

    .requests-shortcut-link i {
        font-size: 1rem;
    }
}

/* Centered grid container for requests-like pages */
.requests-grid-shell {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

.requests-grid-card {
    width: fit-content;
    max-width: min(1280px, 100%);
    margin: 0 auto;
    overflow-x: auto;
}

.requests-grid-card .e-grid {
    width: auto;
    max-width: 100%;
}

@media (max-width: 991px) {
    .requests-grid-shell {
        display: block;
    }

    .requests-grid-card {
        width: 100%;
        max-width: 100%;
    }
}