:root {
    --eopt-admin-sidebar-width: 280px;
    --eopt-admin-sidebar-collapsed-width: 84px;
}

.eopt-area-admin.eopt-sidebar-collapsed {
    --eopt-admin-sidebar-width: var(--eopt-admin-sidebar-collapsed-width);
}

.eopt-admin-shell {
    min-height: 100vh;
}

.eopt-admin-layout {
    display: flex;
    align-items: stretch;
    min-height: 100vh;
    width: 100%;
}

.eopt-left-column {
    flex: 0 0 var(--eopt-admin-sidebar-width);
    width: var(--eopt-admin-sidebar-width);
    min-width: var(--eopt-admin-sidebar-width);
    max-width: var(--eopt-admin-sidebar-width);
    min-height: 100vh;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    align-self: flex-start;
    overflow: hidden;
    transition: flex-basis .28s ease, width .28s ease, min-width .28s ease, max-width .28s ease;
    z-index: 1030;
}

.eopt-admin-main {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    margin-left: 0;
    transition: margin .28s ease, width .28s ease;
}

@media (min-width: 992px) {
    .eopt-area-admin.eopt-admin-authenticated .eopt-admin-main {
        width: calc(100% - var(--eopt-admin-sidebar-width));
        margin-left: var(--eopt-admin-sidebar-width);
    }
}

@media (max-width: 991.98px) {
    .eopt-admin-layout {
        display: block;
    }

    .eopt-left-column {
        display: none !important;
    }

    .eopt-admin-main {
        width: 100%;
        margin-left: 0;
        min-width: 0;
    }
}


.eopt-area-admin .nav-link:hover,
.eopt-area-admin .nav-link:focus {
    background: rgba(255,255,255,.08);
}

.eopt-area-admin .nav-pills .nav-link,
.eopt-area-admin .nav-tabs .nav-link {
    color: #334155;
    margin-right: 12px;
}

.eopt-area-admin .nav-pills .nav-link:hover,
.eopt-area-admin .nav-pills .nav-link:focus,
.eopt-area-admin .nav-tabs .nav-link:hover,
.eopt-area-admin .nav-tabs .nav-link:focus {
    color: #0f172a;
    background: #e2e8f0;
    border-color: #cbd5e1;
}

.eopt-area-admin .nav-pills .nav-link.active,
.eopt-area-admin .nav-pills .show > .nav-link,
.eopt-area-admin .nav-tabs .nav-link.active {
    background: black;
    color: white;
}

.eopt-admin-sidebar {
    height: 100vh;
    position: sticky;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.eopt-admin-sidebar .brand-name{
    position: sticky;
    top: 0;
    z-index: 4;
    width: 100%;
    background: #212529;
    transition: width .28s ease, padding .22s ease;
}

.eopt-sidebar-brand-row {
    min-height: 32px;
}

.eopt-admin-sidebar .brand-name a {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity .2s ease, letter-spacing .2s ease;
}

.eopt-admin-brand-link {
    min-height: 38px;
}

.eopt-admin-brand-text {
    display: inline-block;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: lowercase;
}

.eopt-admin-brand-logo {
    max-height: 36px !important;
    max-width: 168px;
}

.eopt-admin-offcanvas-logo {
    max-height: 28px !important;
}

.eopt-admin-sidebar-nav,
.eopt-admin-sidebar-nav .nav-link,
.eopt-admin-sidebar-nav .nav-button,
.eopt-admin-sidebar-nav .dropdown-item,
.eopt-admin-sidebar-nav .collapse,
.eopt-admin-sidebar-nav .collapsing {
    font-size: .875rem;
}

.eopt-admin-sidebar-nav {
    padding-top: 0.55rem;
    padding-bottom: 1rem;
}

.eopt-admin-sidebar-nav .nav-link,
.eopt-admin-sidebar-nav .nav-button {
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    line-height: 1.25;
}

.eopt-admin-sidebar-nav .material-icons {
    font-size: 18px;
}

.eopt-admin-sidebar-nav .collapse .nav-link,
.eopt-admin-sidebar-nav .collapsing .nav-link,
.eopt-admin-sidebar-nav .collapse .nav-button,
.eopt-admin-sidebar-nav .collapsing .nav-button {
    font-size: .875rem;
}

.eopt-sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
}

.eopt-sidebar-toggle-edge {
    position: fixed;
    top: 14px;
    left: calc(var(--eopt-admin-sidebar-width) - 60px);
    z-index: 1031;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.22) !important;
    transition: left .28s ease, transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column {
    flex-basis: 84px;
    width: 84px;
    min-width: 84px;
    max-width: 84px;
    overflow: visible;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-admin-sidebar .brand-name {
    width: 84px;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-admin-sidebar .brand-name .fw-semibold {
    text-align: center;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-admin-sidebar .brand-name a {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-admin-sidebar .brand-name .eopt-admin-brand-logo {
    display: none;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-admin-sidebar .brand-name .eopt-admin-brand-text {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav {
    width: 84px;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .nav-link,
.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .nav-button {
    justify-content: center;
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    font-size: 0;
    gap: 0;
    transition: padding .22s ease, gap .22s ease, font-size .12s ease;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .nav-link .material-icons,
.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .nav-button .material-icons,
.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav button .material-icons,
.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav a .material-icons {
    font-size: 22px;
    padding-right: 0;
    margin-right: 0;
}

.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .collapse,
.eopt-area-admin.eopt-sidebar-collapsed .eopt-left-column .eopt-admin-sidebar-nav .collapsing {
    display: none !important;
}

.eopt-admin-main {
    min-height: 100vh;
}

.eopt-admin-header {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.eopt-admin-header--sandbox::before,
.eopt-admin-header--demo::before {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0.28rem 1rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.1;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12), 0 1px 8px rgba(15, 23, 42, 0.18);
}

.eopt-admin-header--has-env-topbar::before {
    display: none;
    content: none;
}

.eopt-environment-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0.28rem 1rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 1.1;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12), 0 1px 8px rgba(15, 23, 42, 0.18);
}

.eopt-environment-topbar--sandbox {
    background: #050505;
}

.eopt-environment-topbar--demo {
    background: #4a2c1a;
}

.eopt-admin-header--sandbox::before {
    content: "SANDBOX";
    background: #050505;
}

.eopt-admin-header--demo::before {
    content: "DEMO";
    background: #4a2c1a;
}

.eopt-sandbox-ribbon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0.25rem 1rem;
    background: #dc2626;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.16);
}

.eopt-sandbox-ribbon--demo {
    background: #b91c1c;
}

.eopt-admin-header > .px-3.py-2 {
    min-width: 0;
}

.eopt-admin-header--sandbox .eopt-admin-header-bar {
    background: #050505 !important;
    color: #fff;
}

.eopt-admin-header--demo .eopt-admin-header-bar {
    background: #4a2c1a !important;
    color: #fff;
}

.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-header-title-text,
.eopt-admin-header--sandbox .eopt-admin-header-bar .material-icons,
.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-admin-user-label,
.eopt-admin-header--sandbox .eopt-admin-header-bar .dropdown-toggle,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-header-title-text,
.eopt-admin-header--demo .eopt-admin-header-bar .material-icons,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-admin-user-label,
.eopt-admin-header--demo .eopt-admin-header-bar .dropdown-toggle {
    color: #fff !important;
}

.eopt-admin-header--sandbox .eopt-admin-header-bar .btn-outline-secondary,
.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-quick-access-header__toggle,
.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-test-help-trigger,
.eopt-admin-header--demo .eopt-admin-header-bar .btn-outline-secondary,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-quick-access-header__toggle,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-test-help-trigger {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.72);
    color: #fff;
}

.eopt-admin-header--sandbox .eopt-admin-header-bar .btn-outline-secondary:hover,
.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-quick-access-header__toggle:hover,
.eopt-admin-header--sandbox .eopt-admin-header-bar .eopt-test-help-trigger:hover,
.eopt-admin-header--demo .eopt-admin-header-bar .btn-outline-secondary:hover,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-quick-access-header__toggle:hover,
.eopt-admin-header--demo .eopt-admin-header-bar .eopt-test-help-trigger:hover {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
}

.eopt-sandbox-header-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    background: #fff;
    color: #b91c1c;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.eopt-env-badge {
    display: none;
}

.eopt-admin-header--sandbox .eopt-env-badge--sandbox,
.eopt-admin-header--demo .eopt-env-badge--demo {
    display: inline-flex;
}

.eopt-sandbox-header-badge--demo {
    color: #4a2c1a;
}

.eopt-area-admin.eopt-env-sandbox .eopt-left-column {
    background: #050505 !important;
}

.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar .brand-name {
    background: #050505 !important;
}

.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar .brand-name {
    border-color: rgba(255, 255, 255, 0.18) !important;
}

.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-link,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-button,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .dropdown-item {
    color: #f8fafc;
}

.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-link:hover,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-link:focus,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-link.active,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-button:hover,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .nav-button:focus,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .dropdown-item:hover,
.eopt-area-admin.eopt-env-sandbox .eopt-admin-sidebar-nav .dropdown-item:focus {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.eopt-area-admin.eopt-env-demo .eopt-left-column {
    background: #4a2c1a !important;
}

.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar .brand-name {
    background: #4a2c1a !important;
}

.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar .brand-name {
    border-color: rgba(245, 158, 11, 0.32) !important;
}

.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-link,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-button,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .dropdown-item {
    color: #fff7ed;
}

.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-link:hover,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-link:focus,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-link.active,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-button:hover,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .nav-button:focus,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .dropdown-item:hover,
.eopt-area-admin.eopt-env-demo .eopt-admin-sidebar-nav .dropdown-item:focus {
    background: rgba(245, 158, 11, 0.22);
    color: #fff;
}

.eopt-admin-header .eopt-header-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eopt-admin-header .eopt-header-actions .btn .material-icons {
    padding-right: 0;
}

.eopt-admin-impersonation-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.45rem 0.3rem 0.35rem;
    border-radius: 999px;
    background: #fff3cd;
    color: #6b4f00;
    border: 1px solid #f0d98a;
    max-width: min(100%, 20rem);
}

.eopt-admin-impersonation-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    color: inherit;
    cursor: help;
}

.eopt-admin-impersonation-indicator .material-icons {
    padding-right: 0;
    font-size: 17px;
    line-height: 1;
}

.eopt-admin-impersonation-pill .btn {
    white-space: nowrap;
    border-radius: 999px;
}

.eopt-header-impersonation-dropdown {
    position: relative;
}

.eopt-header-impersonation-trigger {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 12px;
}

.eopt-header-impersonation-trigger .material-icons {
    font-size: 20px;
}

.eopt-header-impersonation-menu {
    width: min(92vw, 360px);
    max-height: min(70vh, 480px);
    overflow-y: auto;
    padding: 0.35rem 0;
}

.eopt-header-impersonation-option {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 1rem;
    white-space: normal;
    line-height: 1.25;
}

.eopt-header-impersonation-option .material-icons {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #2563eb;
    font-size: 18px;
    padding-right: 0;
}

.eopt-list-inline-action {
    gap: 0.35rem;
}

.eopt-admin-message-dropdown {
    position: relative;
}

.eopt-admin-message-bell {
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2b2f36;
    border-color: #2b2f36;
    color: #f8fafc;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.eopt-admin-message-bell:hover,
.eopt-admin-message-bell:focus,
.eopt-admin-message-bell.show {
    background: #343a43;
    border-color: #343a43;
    color: #fff;
}

.eopt-admin-message-bell .material-icons {
    padding-right: 0 !important;
    font-size: 21px;
    line-height: 1;
}

.eopt-admin-header-message-badge {
    position: absolute;
    top: -3px;
    right: -1px;
    min-width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    background: #ff3b30 !important;
    color: #fff !important;
    border: 2px solid #1f2329;
    box-shadow: none;
}

.eopt-admin-message-dropdown-menu {
    width: min(24rem, 92vw);
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    overflow: hidden;
    background: #fff;
}

.eopt-admin-message-dropdown-body {
    max-height: 26rem;
    overflow-y: auto;
}

.eopt-global-search-trigger {
    min-width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eopt-global-search-trigger .material-icons {
    padding-right: 0 !important;
    font-size: 20px;
}

.eopt-global-search-modal .modal-content {
    border: 1px solid #dbe4ef;
    border-radius: 1rem;
    overflow: hidden;
}

.eopt-global-search-modal .modal-title {
    font-size: 1rem;
    font-weight: 600;
}

.eopt-global-search-input-wrap {
    position: relative;
}

.eopt-global-search-input-wrap .material-icons {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 20px;
    pointer-events: none;
}

.eopt-global-search-input {
    min-height: 3rem;
    padding-left: 2.75rem;
    border-radius: .85rem;
    border-color: #dbe4ef;
    font-weight: 500;
}

.eopt-global-search-state {
    min-height: 1.25rem;
    margin-top: .75rem;
    font-size: .875rem;
}

.eopt-global-search-state.is-muted {
    color: #64748b;
}

.eopt-global-search-state.is-error {
    color: #b42318;
}

.eopt-global-search-results {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.eopt-global-search-group-title {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .5rem;
    font-size: .75rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
}

.eopt-global-search-group-title .material-icons {
    font-size: 17px;
}

.eopt-global-search-items {
    display: grid;
    gap: .5rem;
}

.eopt-global-search-item-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.75rem;
    gap: .5rem;
    align-items: stretch;
}

.eopt-global-search-item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .85rem .95rem;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    background: #fff;
    color: #0f172a;
    text-decoration: none;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.eopt-global-search-item-new-window {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    border: 1px solid #dbe7ff;
    border-radius: .85rem;
    background: #f8fbff;
    color: #1d4ed8;
    text-decoration: none;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.eopt-global-search-item:hover,
.eopt-global-search-item:focus,
.eopt-global-search-item-new-window:hover,
.eopt-global-search-item-new-window:focus {
    border-color: #b8cdf8;
    background: #f8fbff;
    color: #0f172a;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

.eopt-global-search-item-new-window:hover,
.eopt-global-search-item-new-window:focus {
    background: #1d4ed8;
    color: #fff;
}

.eopt-global-search-item-open-here {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    border-radius: 999px;
    background: #eef4ff;
    color: #1d4ed8;
    opacity: .78;
}

.eopt-global-search-item-icon {
    width: 2rem;
    height: 2rem;
    border-radius: .65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2rem;
    background: #eef4ff;
    color: #1d4ed8;
}

.eopt-global-search-item-icon .material-icons {
    font-size: 19px;
}

.eopt-global-search-item-new-window .material-icons,
.eopt-global-search-item-open-here .material-icons {
    font-size: 18px;
}

.eopt-global-search-item-body {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.eopt-global-search-item-type {
    font-size: .72rem;
    font-weight: 650;
    color: #64748b;
    text-transform: uppercase;
}

.eopt-global-search-item-title {
    font-size: .95rem;
    font-weight: 650;
    color: #0f172a;
}

.eopt-global-search-item-meta {
    font-size: .82rem;
    color: #475569;
    line-height: 1.35;
}

.eopt-admin-message-preview-item,
.eopt-admin-message-item {
    display: block;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid #eef2f7;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    text-decoration: none;
    color: inherit;
}

.eopt-admin-message-preview-item:last-child,
.eopt-admin-message-item:last-child {
    border-bottom: 0;
}

.eopt-admin-message-preview-item.is-unread,
.eopt-admin-message-item.is-unread {
    background: #f8fbff;
}

.eopt-admin-message-preview-item.is-unread {
    box-shadow: inset 3px 0 0 #2563eb;
}

.eopt-admin-message-item.is-active {
    border-color: #d6e4ff;
    background: #f5f9ff;
    box-shadow: inset 3px 0 0 #1d4ed8;
}

.eopt-admin-message-preview-item:hover,
.eopt-admin-message-item:hover {
    background: #f8fafc;
    color: inherit;
}

.eopt-admin-message-preview-item__date {
    font-size: 12px;
    color: #667085;
    margin-bottom: 0.3rem;
}

.eopt-admin-message-preview-item__title {
    font-size: 14px;
    font-weight: 600;
    color: #101828;
    line-height: 1.35;
    margin-bottom: 0.2rem;
}

.eopt-admin-message-preview-item__meta {
    font-size: 12px;
    color: #667085;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eopt-admin-message-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.eopt-admin-message-body {
    color: #334155;
    white-space: pre-line;
    line-height: 1.45;
}

.eopt-admin-messages-card .card-header .btn,
.eopt-admin-message-dropdown .btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.eopt-admin-message-selected-card {
    border-left: 4px solid #2563eb;
}

.eopt-list-inline-action .material-icons {
    padding-right: 0;
    font-size: 15px;
}

.eopt-login-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(37, 99, 235, 0.24);
    border-radius: 0.55rem;
    background: #eff6ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    color: #2563eb;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.eopt-login-icon-link:hover,
.eopt-login-icon-link:focus {
    background: #dbeafe;
    border-color: rgba(37, 99, 235, 0.34);
    color: #1d4ed8;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18);
    transform: translateY(-1px);
}

.eopt-login-icon-link .material-icons {
    padding-right: 0;
    font-size: 17px;
}

.eopt-admin-sidebar .nav-link:hover,
.eopt-admin-sidebar .nav-link:focus,
.eopt-admin-sidebar .nav-link.active {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.offcanvas.offcanvas-start.eopt-admin-offcanvas {
    width: 290px;
}

.eopt-area-admin .nav-link,
.eopt-area-admin .nav-button {
    display: flex;
    align-items: center;
}

.eopt-area-admin .nav-link .material-icons,
.eopt-area-admin .nav-button .material-icons,
.eopt-area-admin button .material-icons,
.eopt-area-admin a .material-icons {
    font-size: 20px;
    line-height: 24px;
    padding-right: 5px;
    vertical-align: middle;
    width: 20px;
}

.eopt-area-admin a.btn {
    display: inline-flex;
    align-items: center;
}

.eopt-area-admin .card {
    overflow: visible;
}


.eopt-switch {
    display: inline-flex;
    align-items: stretch;
    position: relative;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.eopt-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.eopt-switch label {
    margin: 0;
    padding: .25rem .75rem;
    font-size: .875rem;
    cursor: pointer;
    z-index: 2;
    user-select: none;
    color: var(--bs-secondary-color);
}

.eopt-switch .eopt-switch-slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    background: var(--bs-primary-bg-subtle);
    border-right: 1px solid var(--bs-border-color);
    transform: translateX(0);
    transition: transform .15s ease;
    z-index: 1;
}

.eopt-switch input:nth-of-type(1):checked ~ .eopt-switch-slide {
    transform: translateX(0);
}

.eopt-switch input:nth-of-type(2):checked ~ .eopt-switch-slide {
    transform: translateX(100%);
}

.eopt-switch input:nth-of-type(1):checked + label,
.eopt-switch input:nth-of-type(2):checked + label {
    color: var(--bs-primary-text-emphasis);
}

.hidden {
    display: none !important;
}

.eopt-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
    flex-wrap: nowrap;
}

.eopt-row-actions > * {
    flex: 0 0 auto;
}

.eopt-row-actions .btn {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.eopt-row-actions .btn .material-icons,
.eopt-row-actions .dropdown-item .material-icons {
    font-size: 15px;
    line-height: 1;
    margin-right: .25rem;
    vertical-align: middle;
}

.eopt-row-actions .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.eopt-row-actions .dropdown-toggle .material-icons {
    margin-right: 0;
}

.eopt-row-actions .btn-group > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eopt-row-actions .btn-group > .dropdown-toggle-split,
.eopt-row-actions .dropdown > .btn {
    min-width: 2.5rem;
    min-height: 2.25rem;
    padding: 0.4rem 0.6rem;
}

.eopt-row-actions .btn-group > .dropdown-toggle-split {
    position: relative;
}

.eopt-row-actions .btn-group > .dropdown-toggle-split .material-icons {
    margin-right: 0;
}

.eopt-row-actions .btn-group > .dropdown-toggle-split::after,
.eopt-row-actions .dropdown > .dropdown-toggle::after {
    display: none;
}

.eopt-row-actions .eopt-row-actions-toggle-highlight::after {
    display: none;
}

.eopt-row-actions .eopt-row-actions-toggle-highlight {
    border-color: #86b7fe !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

.eopt-row-actions .eopt-row-actions-toggle-highlight:hover,
.eopt-row-actions .eopt-row-actions-toggle-highlight:focus {
    border-color: #60a5fa !important;
    background: #dbeafe !important;
    color: #1e40af !important;
}

.eopt-row-actions .dropdown-menu {
    white-space: nowrap;
    z-index: 1085;
}

.eopt-row-actions .dropdown-item {
    display: flex;
    align-items: center;
}

.eopt-list-footer .eopt-page-input{
    width: 56px;
    min-width: 56px;
    height: calc(2.25rem + 2px);
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: var(--bs-border-radius);
    border-color: var(--bs-border-color);
    box-shadow: none;
}
.eopt-list-footer .eopt-page-btn{
    min-width: 34px;
    height: calc(2.25rem + 2px);
    border-radius: var(--bs-border-radius);
    border-color: var(--bs-border-color);
    box-shadow: none;
}
.eopt-list-footer .eopt-per-page{
    width: 86px;
    min-width: 86px;
}

.eopt-list-footer .eopt-page-input:focus,
.eopt-list-footer .eopt-page-btn:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.eopt-list-footer .eopt-page-btn:disabled {
    opacity: 1;
    background: #f8fafc;
    color: #98a2b3;
}


.eopt-table .table-row a {
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    text-decoration: none;
}

.eopt-form-card form .text-right{
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}



.eopt-form-body {
    padding: 1.25rem 1.25rem;
}

.eopt-form-row {
    padding: 0.35rem 0;
}

.eopt-form-label {
    font-weight: 500;
}

@media (min-width: 768px) {
    .eopt-form-control-column-default {
        max-width: 400px;
    }
}

@media (min-width: 992px) {
    .eopt-form-body {
        padding: 1.75rem 2rem;
    }
    .eopt-form-row {
        padding: 0.65rem 0;
    }
}

.eopt-switch .form-check-input {
    cursor: pointer;
}

.eopt-switch .form-check-label {
    cursor: pointer;
    margin-left: 0.5rem;
}


.eopt-bs-switch {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2rem;
}

.eopt-bs-switch .form-check-input {
    float: none;
    margin-top: 0;
    cursor: pointer;
}

.eopt-bs-switch .form-check-label {
    cursor: pointer;
    margin-left: 6px;
}

.eopt-bs-switch .form-check-input {
    transform: scale(1.25);
    transform-origin: left center;
}


.table-white th {
    vertical-align: middle;
}

.brand-name {
    display: inline-flex;
    gap: .35rem;
    justify-content: space-between;
    align-items: center;
}

.brand-name .eopt-brand-spinner {
    opacity: 0;
    width: 1.1em;
    height: 1.1em;
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    left: 260px;
}

.brand-name .eopt-brand-spinner .material-icons {
    display: block;
    width: 1em;
    height: 1em;
    font-size: 1em;
    line-height: 1;
    transform-origin: 50% 50%;
    animation: eopt-spin 1.4s linear infinite;
}

.material-icons.is-spinning {
    animation: eopt-spin 1.1s linear infinite;
}

@keyframes eopt-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;

}

.helper-list-shell .form-check-input[role="switch"]:not(:checked) {
    background-color: #dfe7ef !important;
    border-color: #d5dee8 !important;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    box-shadow: none;
    border-color: #198754;
    outline: 0;
}

.chosen-results__option[aria-disabled="true"] {
    display: none;
}

.eopt-form .chosen-results__message:empty {
    display: none;
    padding: 0;
}

.eopt-chosen-multiple-dropdown .chosen-results__message,
.eopt-chosen-multiple-dropdown .chosen-results__option.chosen-results__message {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

.text-small {
    margin-top: 6px;
    font-size: 0.825em;
}


.login-brand {
    margin-bottom: 16px;
    justify-content: center;
}

.eopt-admin-login-page {
    position: relative;
}

.eopt-admin-login-brand-wrap {
    position: relative;
    z-index: 1;
}

.eopt-login-brand-logo {
    max-height: 40px !important;
    width: auto;
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .eopt-login-brand-logo {
        max-height: 34px !important;
    }
}

.eopt-admin-login-card {
    position: relative;
    overflow: hidden !important;
    border: 1px solid rgba(207, 216, 229, 0.9);
    border-radius: 1.4rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    box-shadow:
        0 28px 70px rgba(15, 23, 42, 0.16),
        0 10px 24px rgba(15, 23, 42, 0.08);
}

.eopt-admin-login-card::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 5px;
    right: 5px;
    height: 5px;
    border-radius: 1.4rem 1.4rem 0 0;
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 48%, #10b981 100%);
}

.eopt-admin-login-form {
    max-width: 100%;
}

.eopt-admin-login-form .form-control {
    min-height: 3.5rem;
    border-radius: 1rem;
}

.eopt-admin-login-form .form-floating > label {
    padding-left: 1rem;
    padding-right: 1rem;
}

.eopt-admin-login-submit {
    min-height: 3.25rem;
    border-radius: 1rem;
    font-weight: 600;
    border: 0;
    background: linear-gradient(90deg, #1d4ed8 0%, #0ea5e9 48%, #10b981 100%);
    box-shadow: 0 14px 28px rgba(29, 78, 216, 0.18);
}

.eopt-admin-login-submit__loading {
    align-items: center;
    justify-content: center;
    gap: .55rem;
}

.eopt-admin-login-submit__loading:not([hidden]) {
    display: inline-flex;
}

.eopt-admin-login-submit.is-loading,
.eopt-admin-login-submit:disabled {
    cursor: wait;
    opacity: .88;
}

.eopt-admin-login-submit:hover,
.eopt-admin-login-submit:focus {
    background: linear-gradient(90deg, #1e40af 0%, #0284c7 48%, #059669 100%);
    box-shadow: 0 16px 32px rgba(29, 78, 216, 0.22);
}

.eopt-admin-login-links {
    font-size: .95rem;
}

.eopt-admin-login-links a {
    font-weight: 700;
    text-decoration: none;
}

.eopt-admin-login-links a:hover,
.eopt-admin-login-links a:focus {
    text-decoration: underline;
}

@media (max-width: 991.98px) {
    .eopt-admin-login-card {
        border-radius: 1.1rem;
        box-shadow:
            0 18px 44px rgba(15, 23, 42, 0.12),
            0 8px 20px rgba(15, 23, 42, 0.06);
    }
}


.eopt-row-link {
    cursor: pointer;
}

.eopt-no-rowclick {
    cursor: default;
}


.eopt-status-toggle {
    scale: 1.25;
}

.eopt-status-toggle.text-secondary,
.eopt-status-toggle.text-secondary:hover,
.eopt-status-toggle.text-secondary:focus,
.eopt-status-toggle.text-secondary:active {
    color: #b8c4cf !important;
}


.eopt-header-heading,
.eopt-header-title-group {
    min-width: 0;
}

.eopt-header-heading {
    flex: 1 1;
    max-width: 100%;
}

.eopt-header-title-group {
    display: flex;
    flex-direction: column;
}

.eopt-breadcrumbs {
    max-width: 100%;
}

.eopt-breadcrumbs .breadcrumb {
    font-size: 12px;
    line-height: 1.1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
}

.eopt-breadcrumbs .breadcrumb-item {
    min-width: 0;
    flex: 0 1 auto;
}

.eopt-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    color: #98a2b3;
}

.eopt-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    padding-right: 0.35rem;
    font-weight: 600;
}

.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link,
.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-current {
    display: inline-block;
    min-width: 0;
    max-width: 250px;
    color: #52606d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    transition: color .18s ease;
}

.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link {
    color: #52606d;
}

.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link:hover,
.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link:focus {
    color: #0b6efd;
}

.eopt-breadcrumbs .breadcrumb-item.active > .eopt-breadcrumb-current {
    color: #344054;
    font-weight: 600;
}

.eopt-breadcrumbs .eopt-breadcrumb-label {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eopt-breadcrumb-shell {
    padding: 0.7rem 1rem 0;
}

.eopt-breadcrumb-shell-inner {
    background: #ffffff;
    border: 1px solid #d9e2ec;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
    padding: 0.72rem 0.95rem;
    overflow: hidden;
    overflow-y: hidden;
}

.eopt-breadcrumbs .breadcrumb {
    line-height: 1.2;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
}

.eopt-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
    content: "\2022";
    color: #98a2b3;
    padding-right: 0.35rem;
    font-weight: 600;
    float: none;
    display: inline-block;
}

.eopt-breadcrumbs .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.eopt-breadcrumbs .breadcrumb-item.active {
    flex: 0 1 auto;
    max-width: min(100%, 340px);
}

.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link,
.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-current {
    max-width: 340px;
    color: #475467;
}

.eopt-breadcrumbs .breadcrumb-item.active > .eopt-breadcrumb-current {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.eopt-breadcrumbs .breadcrumb-item > .eopt-breadcrumb-link {
    color: #475467;
}

.eopt-breadcrumbs .breadcrumb-item.active > .eopt-breadcrumb-current {
    color: #1f2937;
}

.eopt-breadcrumbs .breadcrumb-item.eopt-breadcrumb-hidden {
    display: none !important;
}

.eopt-breadcrumbs .breadcrumb-item.eopt-breadcrumb-ellipsis {
    flex: 0 0 auto;
}

.eopt-breadcrumbs .breadcrumb-item.eopt-breadcrumb-ellipsis > .eopt-breadcrumb-current {
    width: auto;
    max-width: none;
}

.eopt-header-title-group .fw-semibold {
    min-width: 0;
    max-width: 100%;
}

.eopt-header-title-text {
    display: inline-block;
    min-width: 0;
    max-width: min(100%, clamp(220px, 42vw, 820px));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.eopt-position-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    user-select: none;
}

.eopt-position-handle:active {
    cursor: grabbing;
}

tr.eopt-dragging {
    opacity: 0.5;
}

tr.eopt-drag-over {
    outline: 2px dashed rgba(0, 0, 0, 0.2);
    outline-offset: -2px;
}


.button-group button{
    margin-left: 12px;
}

.helper-list-shell {
    position: relative;
    border-radius: 1rem;
}

.helper-list-shell .helper-list-content {
    transition: opacity .22s ease, filter .22s ease, transform .22s ease;
}

.helper-list-shell .card {
    border-radius: 1rem;
    overflow: visible;
}

.helper-list-shell .card-body,
.helper-list-shell .card-footer {
    overflow: visible;
}

.helper-list-shell .eopt-table-responsive {
    overflow-x: auto;
    overflow-y: visible;
}

.helper-list-shell.is-loading > .helper-list-content {
    opacity: .38;
    filter: blur(2px);
    transform: translateY(2px);
    pointer-events: none;
    user-select: none;
}

.helper-list-loader {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.helper-list-shell.is-loading > .helper-list-loader {
    position: fixed;
    inset: 0;
    z-index: 2140;
    opacity: 1;
    visibility: visible;
}

.helper-list-loader-backdrop {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(110deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.26) 38%, rgba(255,255,255,0) 56%) 0 0 / 220% 100%,
        rgba(248, 250, 252, .62);
    backdrop-filter: blur(3px);
    animation: helper-list-shimmer 1.1s linear infinite;
}

.helper-list-shell.is-loading > .helper-list-loader .helper-list-loader-backdrop {
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    animation: none;
}

.helper-list-loader-box {
    position: relative;
    z-index: 1;
    min-width: 220px;
    max-width: calc(100% - 2rem);
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.helper-list-loader-spinner {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid rgba(17, 24, 39, .14);
    border-top-color: rgba(17, 24, 39, .56);
    animation: eopt-spin .75s linear infinite;
    flex: 0 0 1.25rem;
}

.helper-list-loader-text {
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.35;
    color: #111827;
    white-space: nowrap;
}

@keyframes helper-list-shimmer {
    from {
        background-position: 200% 0, 0 0;
    }
    to {
        background-position: -200% 0, 0 0;
    }
}

.helper-list-loader-box .material-icons {
    font-size: 1.1rem;
    line-height: 1;
}


.eopt-list-toggle {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
}

td.text-center .eopt-list-toggle,
th.text-center .eopt-list-toggle {
    width: 100%;
    justify-content: center;
}

td.text-center .badge,
th.text-center .badge {
    margin-left: auto;
    margin-right: auto;
}

.eopt-project-ref {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    padding: 0.32rem 0.5rem;
    border-radius: 999px;
    font-weight: 700;
    line-height: 1.1;
    border: 1px solid #dfe6ef;
    background: #eef2f7;
    color: #334155;
    text-align: center;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.eopt-project-ref.is-ee {
    background: #e7efff;
    border-color: #d6e2fb;
    color: #1f4fe0;
}

.eopt-project-ref.is-fot {
    background: #e5f4ef;
    border-color: #d2e9e1;
    color: #008763;
}

.eopt-project-ref.is-gaz {
    background: #fff0e4;
    border-color: #f5dcc8;
    color: #bf5b17;
}

.eopt-project-contractors {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    width: 100%;
    justify-content: center;
}

.eopt-project-contractors__name {
    display: contents;
}

.eopt-project-contractors__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    max-width: 100%;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #fbfdff 0%, #f1f5f9 100%);
    border: 1px solid #d8e1ec;
    color: #0f172a;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.15;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
    white-space: normal;
    word-break: break-word;
    flex: 0 1 auto;
}

.eopt-project-title {
    display: block;
    width: 100%;
    padding: 0.48rem 0.85rem;
    border-radius: 14px;
    border: 1px solid #dbe3ee;
    background: #f4f7fb;
    color: #24364b;
    font-weight: 600;
}

.eopt-project-title.is-ee {
    background: #dfeaff;
    border-color: #bfd1f1;
    color: #1d4f91;
}

.eopt-project-title.is-fot {
    background: #e1f4dc;
    border-color: #c5dfbe;
    color: #2f6b2f;
}

.eopt-project-title.is-gaz {
    background: #ffe8da;
    border-color: #f0cfba;
    color: #9a4d18;
}

.helper-list-top-filters {
    position: relative;
    z-index: 2;
}

.eopt-measurement-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem 1rem;
    align-items: end;
    justify-content: flex-end;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.eopt-measurement-filters--project {
    justify-content: flex-end;
}

.helper-list-top-filters .eopt-measurement-filters {
    justify-content: flex-end;
}

.helper-list-top-filters .eopt-measurement-filters__actions {
    margin-left: 0;
}

.eopt-measurement-filters--quantity-source {
    justify-content: flex-end;
}

.eopt-measurement-filters--quantity-source .eopt-measurement-filters__actions {
    margin-left: 0;
}

.eopt-measurement-filters__field {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 180px;
    margin: 0;
}

.eopt-measurement-filters__label {
    font-size: .74rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.eopt-measurement-filters__input {
    position: relative;
    display: block;
}

.eopt-measurement-filters__field--hierarchy {
    min-width: 220px;
}

.eopt-measurement-filters__field--status {
    min-width: 180px;
}

.eopt-measurement-filters__input .material-icons {
    position: absolute;
    left: .6rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #64748b;
    pointer-events: none;
    z-index: 2;
}

.eopt-measurement-filters__input .form-control,
.eopt-measurement-filters__input .form-select {
    padding-left: 2.55rem;
    min-height: 38px;
    border-radius: .85rem;
    border-color: #d7e0ea;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

select.eopt-invoice-document-type-filter {
    width: 100%;
    min-height: 42px;
    padding: .5rem 2.5rem .5rem 2.55rem;
    border: 1px solid #d7e0ea;
    border-radius: .85rem;
    background-color: #fff;
    color: #0f172a;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.eopt-measurement-filters__input .form-control:focus,
.eopt-measurement-filters__input .form-select:focus {
    border-color: #9db7ff;
    box-shadow: 0 0 0 .2rem rgba(33, 78, 207, 0.12);
}

.eopt-measurement-filters__input--hierarchy .chosen-container {
    width: 100% !important;
}

.eopt-measurement-filters__input--hierarchy .chosen-container-single .chosen-single,
.eopt-measurement-filters__input--hierarchy .chosen-container-active.chosen-with-drop .chosen-single {
    min-height: 42px;
    padding-left: 2.55rem;
    border-radius: .85rem;
    border: 1px solid #d7e0ea;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.eopt-measurement-filters__input--hierarchy .chosen-container-single .chosen-single span {
    line-height: 40px;
    color: #0f172a;
    margin-left: 0;
}

.eopt-measurement-filters__input--hierarchy .chosen-container-single .chosen-single div {
    width: 30px;
}

.eopt-measurement-filters__input--hierarchy .chosen-container .chosen-drop {
    border-radius: .85rem;
    border-color: #d7e0ea;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.eopt-measurement-filters__input--hierarchy .chosen-container-active .chosen-single {
    border-color: #9db7ff;
    box-shadow: 0 0 0 .2rem rgba(33, 78, 207, 0.12);
}

.eopt-measurement-filters__input--status .chosen-container {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
}

.eopt-measurement-filters__input--status .chosen-container-single .chosen-single,
.eopt-measurement-filters__input--status .chosen-container-active.chosen-with-drop .chosen-single {
    min-height: 42px;
    padding-left: 2.1rem;
    border-radius: .85rem;
    border: 1px solid #d7e0ea;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.eopt-measurement-filters__input--status .chosen-container {
    border: none !important;
    background: transparent !important;
}

.eopt-project-ppe-number,
.eopt-project-add-ppe-number {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.eopt-project-ppe-number--pv,
.eopt-project-add-ppe-number--pv {
    color: #047857;
}

.eopt-project-ppe-copy,
.eopt-project-add-copy {
    color: #2563eb;
    line-height: 1;
    text-decoration: none;
}

.eopt-project-add-ppe-filters .eopt-project-add-ppe-type-label.is-active {
    border-color: #1f9d66;
    background: #e9f8ef;
    color: #087444;
}

.eopt-measurement-filters__input--status .chosen-container-single .chosen-single span {
    line-height: 40px;
    color: #0f172a;
}

.eopt-measurement-filters__input--status .chosen-container-single .chosen-single div {
    width: 30px;
}

.eopt-measurement-filters__input--status .chosen-container .chosen-drop {
    border-radius: .85rem;
    border-color: #d7e0ea;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.eopt-measurement-filters__input--status .chosen-container-active .chosen-single {
    border-color: #9db7ff;
    box-shadow: 0 0 0 .2rem rgba(33, 78, 207, 0.12);
}

.eopt-measurement-autocomplete-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 3000;
    display: none;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #d7e0ea;
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
    padding: .3rem;
}

.eopt-measurement-autocomplete-menu.is-open {
    display: block;
}

.eopt-measurement-autocomplete-item {
    display: block;
    width: 100%;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: #0f172a;
    cursor: pointer;
    font: inherit;
    line-height: 1.25;
    padding: .55rem .65rem;
    text-align: left;
}

.eopt-measurement-autocomplete-item:hover,
.eopt-measurement-autocomplete-item.is-active {
    background: #eef4ff;
    color: #143b9b;
}

.eopt-measurement-autocomplete-empty {
    color: #64748b;
    padding: .65rem;
}

.eopt-measurement-filters__actions {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    align-items: stretch;
    margin-left: auto;
}

@media (max-width: 991.98px) {
    .eopt-measurement-filters {
        justify-content: stretch;
        padding: .9rem;
    }

    .eopt-measurement-filters__field,
    .eopt-measurement-filters__field--hierarchy {
        min-width: 100%;
    }

    .eopt-measurement-filters__actions {
        margin-left: 0;
        width: 100%;
    }
}

.eopt-measurement-filters__actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eopt-measurement-filters__submit {
    width: 56px;
    height: 36px;
    padding: 0;
    border-radius: 6px;
}

.eopt-measurement-filters__submit .material-icons {
    font-size: 22px;
}

.eopt-measurement-filters__reset {
    min-width: 56px;
    padding-left: .55rem;
    padding-right: .55rem;
}

.eopt-measurement-ppe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
}

.eopt-measurement-ppe__main {
    min-width: 0;
    flex: 1 1 auto;
    width: 100%;
}

.eopt-measurement-ppe__title {
    display: block;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.25;
    word-break: break-word;
}

.eopt-measurement-ppe__copy {
    display: inline-block;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    color: #0f172a;
    cursor: copy;
}

.eopt-measurement-ppe__copy:hover,
.eopt-measurement-ppe-copy-trigger:hover,
.eopt-measurement-ppe-copy-trigger:focus {
    color: #1d4ed8;
}

.eopt-measurement-ppe__copy-label {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
}

.eopt-measurement-ppe__link {
    display: inline-block;
    color: #0f172a;
    text-decoration: none;
}

.eopt-measurement-ppe__link:hover,
.eopt-measurement-ppe__link:focus {
    color: #1d4ed8;
    text-decoration: none;
}

.eopt-measurement-ppe-code {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font-size: inherit;
    line-height: inherit;
}

.eopt-measurement-ppe-code__link {
    color: inherit;
    text-decoration: none;
}

.eopt-table .table-row .eopt-measurement-ppe-code__link,
.eopt-table .table-row .eopt-measurement-ppe-code__value {
    color: inherit;
}

.eopt-measurement-ppe-code__link:hover,
.eopt-measurement-ppe-code__link:focus {
    color: #1d4ed8;
    text-decoration: none;
}

.eopt-measurement-ppe-copy-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    transition: color .15s ease, transform .15s ease;
}

.eopt-measurement-ppe-open-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s ease, transform .15s ease;
}

.eopt-measurement-ppe-code .eopt-measurement-ppe-copy-trigger,
.eopt-measurement-ppe-code .eopt-measurement-ppe-open-trigger {
    cursor: pointer;
}

.eopt-measurement-ppe-copy-trigger:hover,
.eopt-measurement-ppe-copy-trigger:focus,
.eopt-measurement-ppe-open-trigger:hover,
.eopt-measurement-ppe-open-trigger:focus {
    color: #0d6efd;
    transform: translateY(-1px);
    text-decoration: none;
}

.eopt-measurement-ppe-copy-trigger .material-icons,
.eopt-measurement-ppe-open-trigger .material-icons {
    width: auto;
    padding-right: 0;
    vertical-align: middle;
}

.eopt-measurement-ppe-code__icon {
    font-size: 1rem;
    line-height: 1;
    color: #94a3b8;
    opacity: 1;
    pointer-events: none;
}

.eopt-measurement-filters__input .eopt-hierarchy-native-select {
    min-height: 42px;
    padding-right: 2.5rem;
    cursor: pointer;
}

.eopt-measurement-ppe-copy-trigger:hover .eopt-measurement-ppe-code__icon,
.eopt-measurement-ppe-copy-trigger:focus .eopt-measurement-ppe-code__icon,
.eopt-measurement-ppe-open-trigger:hover .eopt-measurement-ppe-code__icon,
.eopt-measurement-ppe-open-trigger:focus .eopt-measurement-ppe-code__icon {
    color: #0d6efd;
    opacity: 1;
}

.eopt-measurement-ppe__meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    position: absolute;
    top: 50%;
    left: calc(100% + 8px);
    right: auto;
    z-index: 20;
    min-width: 0;
    padding: 0.52rem 0.58rem;
    margin-left: 0;
    border: 1px solid rgba(96, 165, 250, 0.46);
    border-radius: 0.9rem;
    background: #ffffff;
    color: #0f172a;
    box-shadow:
        0 14px 30px rgba(15, 23, 42, 0.18),
        0 0 0 1px rgba(15, 23, 42, 0.04);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%) translateX(-6px) scale(.98);
    transform-origin: left center;
    transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}

.eopt-measurement-ppe__meta::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid rgba(96, 165, 250, 0.46);
    border-left: 1px solid rgba(96, 165, 250, 0.46);
    background: #ffffff;
    transform: translateY(-50%) rotate(45deg);
}

.eopt-measurement-ppe:hover .eopt-measurement-ppe__meta,
.eopt-measurement-ppe:focus-within .eopt-measurement-ppe__meta,
td:hover .eopt-measurement-ppe__meta,
td:focus-within .eopt-measurement-ppe__meta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) scale(1);
    transition-delay: 0s;
}

.eopt-measurement-ppe__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    gap: 4px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    letter-spacing: .03em;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-decoration: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 2px 6px rgba(15, 23, 42, 0.28);
    transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.eopt-measurement-ppe__badge-label {
    opacity: .82;
}

.eopt-measurement-ppe__badge-id {
    font-size: .74rem;
    letter-spacing: 0;
}

.eopt-measurement-ppe__badge:hover,
.eopt-measurement-ppe__badge:focus {
    text-decoration: none;
    filter: brightness(1.1);
    transform: translateY(-1px) scale(1.03);
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.12);
}

.eopt-measurement-ppe__badge.is-client {
    background: rgba(37, 99, 235, 0.32);
    border-color: rgba(96, 165, 250, 0.4);
    color: #dbeafe;
}

.eopt-measurement-ppe__badge.is-admin {
    background: rgba(71, 85, 105, 0.34);
    border-color: rgba(203, 213, 225, 0.24);
    color: #f1f5f9;
}

.eopt-measurement-ppe__badge.is-buyer {
    background: rgba(13, 148, 136, 0.34);
    border-color: rgba(94, 234, 212, 0.28);
    color: #ccfbf1;
}

.eopt-measurement-ppe__badge.is-payer {
    background: rgba(180, 83, 9, 0.36);
    border-color: rgba(252, 211, 77, 0.28);
    color: #fef3c7;
}

.eopt-measurement-ppe__badge.is-object {
    background: rgba(126, 34, 206, 0.34);
    border-color: rgba(196, 181, 253, 0.26);
    color: #ede9fe;
}

.eopt-measurement-ppe__badge.is-error {
    background: rgba(185, 28, 28, 0.38);
    border-color: rgba(252, 165, 165, 0.3);
    color: #fee2e2;
}

td[data-column-key="idPPE"] {
    text-align: center;
}

td[data-column-key="idPPE"] .eopt-measurement-ppe {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
}

td[data-column-key="idPPE"] .eopt-measurement-ppe__main {
    display: table;
    width: auto;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
}

td[data-column-key="idPPE"] .eopt-measurement-ppe__copy {
    text-align: center;
}

td[data-column-key="idU"] {
    text-align: center;
}

td[data-column-key="idU"] .eopt-measurement-ppe {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
}

td[data-column-key="idU"] .eopt-measurement-ppe__main {
    display: table;
    width: auto;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
}

td[data-column-key="idU"] .eopt-measurement-ppe__copy {
    text-align: center;
}

td[data-column-key="idU"] .eopt-measurement-ppe__meta {
    padding: 0.35rem;
    gap: 0;
}

td[data-column-key="idU"] .eopt-login-icon-link {
    width: 32px;
    height: 32px;
}

td[data-column-key="idA"] {
    text-align: center;
}

td[data-column-key="idA"] .eopt-measurement-ppe {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
}

td[data-column-key="idA"] .eopt-measurement-ppe__main {
    display: table;
    width: auto;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
}

td[data-column-key="idA"] .eopt-measurement-ppe__copy {
    text-align: center;
}

td[data-column-key="idA"] .eopt-measurement-ppe__meta {
    padding: 0.35rem;
    gap: 0;
}

td[data-column-key="idA"] .eopt-login-icon-link {
    width: 32px;
    height: 32px;
}


.eopt-list-toggle .material-icons {
    font-size: 15px;
    line-height: 1;
    margin-right: 0;
}

.eopt-area-admin [data-helper-list-collapsible="1"] .card-body {
    position: relative;
}

.eopt-list-collapse-shell {
    position: relative;
}

.eopt-list-collapse-shell.is-collapsible {
    overflow: hidden;
    max-height: 9999px;
    transition: max-height .35s cubic-bezier(.22, 1, .36, 1);
}

[data-helper-list-collapsible="1"].is-list-collapsed .eopt-list-collapse-shell.is-collapsible {
    max-height: var(--eopt-list-collapsed-height, 400px);
}

.eopt-list-collapse-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .25s ease, transform .25s ease;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--bs-body-bg, #fff) 78%);
}

[data-helper-list-collapsible="1"].is-list-collapsed .eopt-list-collapse-fade {
    opacity: 1;
    transform: translateY(0);
}


.helper-list-shell {
    margin-bottom: 12px;
}


.cursor-pointer {
    cursor: pointer;
}

.eopt-admin-content {
    min-width: 0;
}

.eopt-table-responsive {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

.eopt-table-responsive:not(.eopt-table-responsive--has-x-scroll) {
    overflow-x: auto;
}

.eopt-table-responsive.eopt-table-responsive--always-scroll,
.eopt-project-quantity-source[data-workflow-is-fot="1"] .eopt-table-responsive {
    overflow-x: scroll !important;
}

.eopt-table-responsive > .eopt-table > thead > tr > th,
.eopt-table-responsive > .eopt-table > tbody > tr > td {
/*    white-space: nowrap;*/
}

.eopt-table-responsive > .eopt-table > thead > tr > th:last-child,
.eopt-table-responsive > .eopt-table > tbody > tr > td:last-child {
    position: static !important;
    right: auto !important;
}


.select-mass {
    max-width: 120px !important;
}

.helper-list .btn-sm {
    padding: 4px 4px;
    font-size: 0.75rem;
    line-height: 1.1;
}

.helper-list .btn-outline-secondary {
    margin-top: -1px;
}


.eopt-row-link {
    vertical-align: middle;
}

.form-actions .btn:last-child {
    width: auto;
}

.eopt-size-26 {
    font-size: 26px !important;
}

.eopt-flex-column
 {
    flex-direction: column; display: flex;
 }

 .datepicker-width {
    max-width: 150px;
 }

.eopt-table tbody tr:has(.eopt-bulk-item:checked) > td {
    background: rgba(13, 110, 253, 0.08) !important;
}

.eopt-id-table-row {
    width: 45px;
}

.eopt-table button, .eopt-table  {
    font-size: 0.875rem;
}

.eopt-form .chosen-container,
th .chosen-container,
.table-responsive .chosen-container,
.eopt-measurement-filters .chosen-container,
.eopt-bulk-actions .chosen-container,
.eopt-list-footer .chosen-container {
    width: 100% !important;
    max-width: 100%;
    font-size: 0.875rem;
}

.eopt-form .eopt-form-field-with-action {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.eopt-form .eopt-form-field-with-action > .form-select,
.eopt-form .eopt-form-field-with-action > .form-control,
.eopt-form .eopt-form-field-with-action > .chosen-select {
    flex: 1 1 auto;
    min-width: 0;
}

.eopt-form .eopt-form-field-with-action > .chosen-container {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

.eopt-form .eopt-form-action-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    flex: 0 0 auto;
}

.eopt-form .eopt-form-action-button-icon-only {
    width: calc(2.25rem + 2px);
    padding-left: 0;
    padding-right: 0;
}

.eopt-form .eopt-form-action-button-icon-only .material-icons {
    margin: 0;
}

.eopt-form .chosen-container-single .chosen-single,
th .chosen-container-single .chosen-single,
.table-responsive .chosen-container-single .chosen-single,
.eopt-measurement-filters .chosen-container-single .chosen-single,
.eopt-bulk-actions .chosen-container-single .chosen-single,
.eopt-list-footer .chosen-container-single .chosen-single {
    height: calc(2.25rem + 2px);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background: #fff;
    box-shadow: none;
    display: flex;
    align-items: center;
    padding: 0 2.15rem 0 0.75rem;
}

.helper-list-shell .filter.eopt-filter-active,
.helper-list-shell input.eopt-filter-active,
.helper-list-shell select.eopt-filter-active,
.filter.eopt-filter-active,
input.eopt-filter-active,
select.eopt-filter-active,
.helper-list-shell .chosen-container.eopt-filter-active .chosen-single,
.helper-list-shell .eopt-measurement-filters__input.eopt-filter-active .form-control,
.helper-list-shell .eopt-measurement-filters__input.eopt-filter-active .form-select,
.helper-list-shell .eopt-measurement-filters__input.eopt-filter-active .chosen-single,
.chosen-container.eopt-filter-active .chosen-single,
.eopt-measurement-filters__input.eopt-filter-active .form-control,
.eopt-measurement-filters__input.eopt-filter-active .form-select,
.eopt-measurement-filters__input.eopt-filter-active .chosen-single {
    border-color: #f59e0b !important;
    background-color: #fffbeb !important;
    box-shadow: 0 0 0 0.12rem rgba(245, 158, 11, 0.18) !important;
}

.helper-list-shell .filter.eopt-filter-active::placeholder,
.filter.eopt-filter-active::placeholder,
.helper-list-shell .eopt-measurement-filters__input.eopt-filter-active .form-control::placeholder,
.eopt-measurement-filters__input.eopt-filter-active .form-control::placeholder {
    color: #92400e;
}

.helper-list-shell .eopt-measurement-filters__input.eopt-filter-active > .material-icons,
.eopt-measurement-filters__input.eopt-filter-active > .material-icons {
    color: #b45309;
}

.eopt-form .chosen-container-single .chosen-single span,
th .chosen-container-single .chosen-single span,
.table-responsive .chosen-container-single .chosen-single span,
.eopt-measurement-filters .chosen-container-single .chosen-single span,
.eopt-bulk-actions .chosen-container-single .chosen-single span,
.eopt-list-footer .chosen-container-single .chosen-single span {
    line-height: 1.25rem;
    margin-right: 0;
    width: 100%;
}

.eopt-form .chosen-container-single .chosen-single div,
th .chosen-container-single .chosen-single div,
.table-responsive .chosen-container-single .chosen-single div,
.eopt-measurement-filters .chosen-container-single .chosen-single div,
.eopt-bulk-actions .chosen-container-single .chosen-single div,
.eopt-list-footer .chosen-container-single .chosen-single div {
    right: 0.55rem;
    width: 1rem;
    height: 100%;
}

.eopt-form .chosen-container-single .chosen-single div b,
th .chosen-container-single .chosen-single div b,
.table-responsive .chosen-container-single .chosen-single div b,
.eopt-measurement-filters .chosen-container-single .chosen-single div b,
.eopt-bulk-actions .chosen-container-single .chosen-single div b,
.eopt-list-footer .chosen-container-single .chosen-single div b {
    background: none !important;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #6c757d;
    height: 0;
    width: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}

.eopt-form .chosen-container-active.chosen-with-drop .chosen-single,
.eopt-form .chosen-container-active .chosen-single,
th .chosen-container-active.chosen-with-drop .chosen-single,
th .chosen-container-active .chosen-single,
.table-responsive .chosen-container-active.chosen-with-drop .chosen-single,
.table-responsive .chosen-container-active .chosen-single,
.eopt-measurement-filters .chosen-container-active.chosen-with-drop .chosen-single,
.eopt-measurement-filters .chosen-container-active .chosen-single,
.eopt-bulk-actions .chosen-container-active.chosen-with-drop .chosen-single,
.eopt-bulk-actions .chosen-container-active .chosen-single,
.eopt-list-footer .chosen-container-active.chosen-with-drop .chosen-single,
.eopt-list-footer .chosen-container-active .chosen-single {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.eopt-form .chosen-container.chosen-disabled .chosen-single,
th .chosen-container.chosen-disabled .chosen-single,
.table-responsive .chosen-container.chosen-disabled .chosen-single,
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-single,
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-single,
.eopt-list-footer .chosen-container.chosen-disabled .chosen-single,
.eopt-form .chosen-container.chosen-disabled .chosen-choices,
th .chosen-container.chosen-disabled .chosen-choices,
.table-responsive .chosen-container.chosen-disabled .chosen-choices,
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-choices,
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-choices,
.eopt-list-footer .chosen-container.chosen-disabled .chosen-choices {
    background: var(--bs-secondary-bg) !important;
    border-color: var(--bs-border-color) !important;
    color: var(--bs-secondary-color) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.eopt-form .chosen-container.chosen-disabled .chosen-single span,
th .chosen-container.chosen-disabled .chosen-single span,
.table-responsive .chosen-container.chosen-disabled .chosen-single span,
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-single span,
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-single span,
.eopt-list-footer .chosen-container.chosen-disabled .chosen-single span,
.eopt-form .chosen-container.chosen-disabled .chosen-choices li.search-choice,
th .chosen-container.chosen-disabled .chosen-choices li.search-choice,
.table-responsive .chosen-container.chosen-disabled .chosen-choices li.search-choice,
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-choices li.search-choice,
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-choices li.search-choice,
.eopt-list-footer .chosen-container.chosen-disabled .chosen-choices li.search-choice {
    color: var(--bs-secondary-color) !important;
}

.eopt-form .chosen-container.chosen-disabled .chosen-single div b,
th .chosen-container.chosen-disabled .chosen-single div b,
.table-responsive .chosen-container.chosen-disabled .chosen-single div b,
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-single div b,
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-single div b,
.eopt-list-footer .chosen-container.chosen-disabled .chosen-single div b {
    border-top-color: #98a2b3 !important;
}

.eopt-form .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"],
th .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"],
.table-responsive .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"],
.eopt-measurement-filters .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"],
.eopt-bulk-actions .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"],
.eopt-list-footer .chosen-container.chosen-disabled .chosen-choices li.search-field input[type="text"] {
    color: var(--bs-secondary-color) !important;
    cursor: not-allowed !important;
}

.eopt-form .chosen-container .chosen-drop,
th .chosen-container .chosen-drop,
.table-responsive .chosen-container .chosen-drop,
.eopt-measurement-filters .chosen-container .chosen-drop,
.eopt-bulk-actions .chosen-container .chosen-drop,
.eopt-list-footer .chosen-container .chosen-drop {
    border: 1px solid var(--bs-border-color);
    border-top: 0;
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
    box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
    overflow: hidden;
    background: #fff;
    color: #FEFEFE;
}

.eopt-form .chosen-container.chosen-with-drop .chosen-drop,
th .chosen-container.chosen-with-drop .chosen-drop,
.table-responsive .chosen-container.chosen-with-drop .chosen-drop,
.eopt-measurement-filters .chosen-container.chosen-with-drop .chosen-drop,
.eopt-bulk-actions .chosen-container.chosen-with-drop .chosen-drop,
.eopt-list-footer .chosen-container.chosen-with-drop .chosen-drop {
    border-color: #86b7fe;
    border-top: 0;
    box-shadow: 0 3px 0 0.2rem rgba(13, 110, 253, 0.15), 0 0.5rem 1rem rgba(15, 23, 42, 0.08);
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up .chosen-drop,
.eopt-list-footer .chosen-container.eopt-chosen-drop-up .chosen-drop {
    top: auto;
    bottom: calc(100% - 1px);
    border-top: 1px solid var(--bs-border-color);
    border-bottom: 0;
    border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;
    box-shadow: 0 -0.5rem 1rem rgba(15, 23, 42, 0.08);
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up.chosen-with-drop .chosen-drop,
.eopt-list-footer .chosen-container.eopt-chosen-drop-up.chosen-with-drop .chosen-drop {
    border-color: #86b7fe;
    border-top: 1px solid #86b7fe;
    box-shadow: 0 -3px 0 0.2rem rgba(13, 110, 253, 0.15), 0 -0.5rem 1rem rgba(15, 23, 42, 0.08);
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up.chosen-with-drop .chosen-single,
.eopt-list-footer .chosen-container.eopt-chosen-drop-up.chosen-with-drop .chosen-single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass {
    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass .chosen-drop {
    left: 0;
    right: 0;
    width: 100%;
    min-width: 0;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass .chosen-results {
    margin: 0;
    padding: 0;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass .chosen-results li {
    min-height: 38px;
    display: flex;
    align-items: center;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass .chosen-results li.highlighted {
    background: #2f6fed;
    color: #fff;
}

.eopt-bulk-actions .chosen-container.eopt-chosen-drop-up-mass.chosen-with-drop .chosen-drop {
    box-shadow: 0 -0.35rem 0.75rem rgba(15, 23, 42, 0.1);
}

.chosen-container .chosen-results li.eopt-chosen-placeholder-hidden {
    display: none !important;
}

.eopt-form .chosen-container .chosen-search input[type="text"],
th .chosen-container .chosen-search input[type="text"],
.table-responsive .chosen-container .chosen-search input[type="text"],
.eopt-measurement-filters .chosen-container .chosen-search input[type="text"],
.eopt-bulk-actions .chosen-container .chosen-search input[type="text"],
.eopt-list-footer .chosen-container .chosen-search input[type="text"] {
    width: 100%;
    height: calc(2.25rem + 2px);
    background-image: none !important;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    min-height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    box-shadow: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.eopt-form .chosen-container .chosen-search input[type="text"]:focus,
th .chosen-container .chosen-search input[type="text"]:focus,
.table-responsive .chosen-container .chosen-search input[type="text"]:focus,
.eopt-measurement-filters .chosen-container .chosen-search input[type="text"]:focus,
.eopt-bulk-actions .chosen-container .chosen-search input[type="text"]:focus,
.eopt-list-footer .chosen-container .chosen-search input[type="text"]:focus {
    border-color: var(--bs-border-color);
    box-shadow: none;
    outline: 0;
}

.eopt-form .chosen-container-multi .chosen-choices,
th .chosen-container-multi .chosen-choices,
.table-responsive .chosen-container-multi .chosen-choices,
.eopt-measurement-filters .chosen-container-multi .chosen-choices,
.eopt-bulk-actions .chosen-container-multi .chosen-choices,
.eopt-list-footer .chosen-container-multi .chosen-choices {
    min-height: calc(2.25rem + 2px);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background: #fff;
    box-shadow: none;
    padding: 0.2rem 0.45rem 0.15rem 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.eopt-form .chosen-container-active .chosen-choices,
th .chosen-container-active .chosen-choices,
.table-responsive .chosen-container-active .chosen-choices,
.eopt-measurement-filters .chosen-container-active .chosen-choices,
.eopt-bulk-actions .chosen-container-active .chosen-choices,
.eopt-list-footer .chosen-container-active .chosen-choices {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.eopt-form .chosen-container-multi .chosen-choices li.search-field input[type="text"],
th .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.table-responsive .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.eopt-measurement-filters .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.eopt-bulk-actions .chosen-container-multi .chosen-choices li.search-field input[type="text"],
.eopt-list-footer .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 1.7rem;
    margin: 0;
    color: var(--bs-body-color);
}

.eopt-form .chosen-container-multi .chosen-choices li.search-choice,
th .chosen-container-multi .chosen-choices li.search-choice,
.table-responsive .chosen-container-multi .chosen-choices li.search-choice,
.eopt-measurement-filters .chosen-container-multi .chosen-choices li.search-choice,
.eopt-bulk-actions .chosen-container-multi .chosen-choices li.search-choice,
.eopt-list-footer .chosen-container-multi .chosen-choices li.search-choice {
    margin: 0;
    border: 1px solid #d0d7de;
    background: #f8fafc;
    color: #344054;
    border-radius: 0.5rem;
    padding: 0.2rem 1.45rem 0.2rem 0.55rem;
    box-shadow: none;
}

.chosen-container .chosen-results li {
    padding: 0.45rem 0.7rem;
}

.eopt-chosen-option {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.eopt-chosen-option__icon {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    flex: 0 0 auto;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.eopt-chosen-option__label {
    min-width: 0;
}

.eopt-invoice-document-type-filter .eopt-chosen-option__label {
    padding-left: 20px;
}

.eopt-measurement-filters__input--hierarchy > .material-icons {
    left: .85rem;
    width: 1rem;
    text-align: center;
}

.eopt-measurement-filters__input--hierarchy .form-control,
.eopt-measurement-filters__input--hierarchy .form-select {
    padding-left: 2.75rem !important;
}

.eopt-measurement-filters__input--hierarchy .chosen-container-single .chosen-single,
.eopt-measurement-filters__input--hierarchy .chosen-container-active.chosen-with-drop .chosen-single,
.eopt-measurement-filters__input--hierarchy.eopt-filter-active .chosen-single {
    padding-left: 2.75rem !important;
}

.eopt-measurement-filters__input--hierarchy .chosen-container-single .chosen-single span {
    padding-left: .1rem;
}

.eopt-menu-tree-radio {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.eopt-menu-tree-radio__item {
    display: block;
    margin: 0;
    cursor: pointer;
}

.eopt-menu-tree-radio__input {
    position: static;
    opacity: 1;
    pointer-events: auto;
    flex: 0 0 auto;
    margin: 0;
}

.eopt-menu-tree-radio__card {
    display: block;
    min-height: 0;
    padding: 0.16rem 0.1rem;
    padding-left: calc(0.1rem + (var(--tree-depth, 0) * 0.8rem));
    border: 0;
    border-radius: 0;
    background: transparent;
    transition: background-color .15s ease;
}

.eopt-menu-tree-radio__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.eopt-menu-tree-radio__lead {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    flex: 1 1 auto;
}

.eopt-menu-tree-radio__branch {
    width: 0.55rem;
    height: 1px;
    flex: 0 0 0.55rem;
    background: #d0d5dd;
}

.eopt-menu-tree-radio__icon {
    flex: 0 0 auto;
    font-size: 15px;
    line-height: 1;
    padding-right: 0 !important;
    color: #475467;
}

.eopt-menu-tree-radio__content {
    display: flex;
    align-items: center;
    min-width: 0;
}

.eopt-menu-tree-radio__label {
    font-size: 13px;
    font-weight: 500;
    color: #111827;
    line-height: 1.25;
}

.eopt-menu-tree-radio__meta {
    flex: 0 0 auto;
    margin-left: auto;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

.eopt-menu-tree-radio__item:hover .eopt-menu-tree-radio__card {
    background: #f8fafc;
}

.eopt-menu-tree-radio__item.is-selected .eopt-menu-tree-radio__card,
.eopt-menu-tree-radio__input:checked + .eopt-menu-tree-radio__card {
    background: transparent;
    box-shadow: none;
}

.eopt-menu-tree-radio.is-readonly .eopt-menu-tree-radio__item {
    cursor: default;
}

.eopt-menu-tree-radio.is-readonly .eopt-menu-tree-radio__card {
    display: block;
}

.show-data-value {
    font-size: 20px;
    color: #64748b;
    cursor: pointer;
    transition: color .15s ease, transform .15s ease;
    vertical-align: middle;
}

.show-data-value:hover,
.show-data-value:focus {
    color: #0d6efd;
    transform: translateY(-1px);
}

.eopt-reveal-copy-value {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}

.eopt-reveal-copy-value__text {
    display: none;
    font-size: .85rem;
    font-weight: 500;
    color: #1f2937;
    cursor: pointer;
    white-space: nowrap;
}

.eopt-reveal-copy-value.is-visible .eopt-reveal-copy-value__text {
    display: inline;
}

.eopt-reveal-copy-value.is-visible > .material-icons.show-data-value {
    display: none;
}

.eopt-inline-editable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: visible;
    cursor: cell;
}

.eopt-inline-editable--date {
    min-width: 78px;
}

.eopt-inline-edit-display {
    display: inline-block;
    width: 100%;
    min-height: 1.25rem;
    padding: .1rem .25rem;
    border-radius: .35rem;
    text-align: center;
}

.eopt-inline-editable:hover .eopt-inline-edit-display {
    background: rgba(37, 99, 235, 0.06);
}

.eopt-inline-edit-input {
    display: none;
    padding-top: .15rem;
    padding-bottom: .15rem;
    font-size: .85rem;
    text-align: center;
}

.eopt-inline-editable--date .eopt-inline-edit-input {
    min-width: 78px;
}

.eopt-inline-editable.is-editing .eopt-inline-edit-display {
    display: none;
}

.eopt-inline-editable.is-editing .eopt-inline-edit-input {
    display: inline-block;
    min-width: 90px;
}

.eopt-inline-editable.is-editing[data-column-label]::before {
    content: attr(data-column-label);
    position: absolute;
    left: 50%;
    bottom: calc(100% + .3rem);
    transform: translateX(-50%);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 160px;
    padding: .15rem .45rem;
    border-radius: .4rem;
    background: rgba(15, 23, 42, 0.92);
    color: #fff;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    pointer-events: none;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
}

.eopt-inline-editable.is-saving .eopt-inline-edit-input {
    opacity: .7;
}

.eopt-row-inline-edited > td {
    background: rgba(34, 197, 94, 0.08) !important;
}

.actions .btn .material-icons {
    font-size: 21px !important;
}

#ui-datepicker-div {
    z-index: 99999999;
}

.jconfirm {
    z-index: 100000000 !important;
}

.jconfirm .jconfirm-bg,
.jconfirm .jconfirm-scrollpane {
    position: fixed !important;
    inset: 0 !important;
}

.jconfirm .jconfirm-bg {
    z-index: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    z-index: 1 !important;
}

.jconfirm .jconfirm-holder {
    max-height: 100vh;
}
.eopt-test-mode-indicator {
    padding: .125rem 0;
}

.eopt-test-mode-badge {
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.eopt-test-help-trigger {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #0f3d5e;
    background: linear-gradient(180deg, #f4fbff 0%, #e1f2fb 100%);
    border: 1px solid #b9deef;
    box-shadow: 0 4px 12px rgba(15, 61, 94, 0.08);
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.eopt-test-help-trigger:hover,
.eopt-test-help-trigger:focus {
    color: #0b3551;
    background: linear-gradient(180deg, #eef8fe 0%, #d7edf9 100%);
    border-color: #9ccfe6;
    box-shadow: 0 8px 18px rgba(15, 61, 94, 0.14);
    transform: translateY(-1px);
}

.eopt-test-help-trigger:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15, 61, 94, 0.12);
}

.eopt-test-help-trigger .material-icons {
    font-size: 15px;
    line-height: 1;
    padding-right: 0;
}

.eopt-test-help-actions .eopt-test-help-trigger {
    position: relative;
}

.eopt-test-help-trigger-split {
    padding-left: .45rem;
    padding-right: .55rem;
}

.eopt-test-help-actions .eopt-test-help-trigger + .eopt-test-help-trigger {
    border-left-color: rgba(15, 61, 94, 0.18);
}

.eopt-test-help-count {
    font-size: .72rem;
    line-height: 1;
    min-width: 1.35rem;
    padding: .2rem .38rem;
}

.eopt-help-modal .form-control[readonly] {
    background: var(--bs-tertiary-bg);
}

.eopt-help-modal .modal-body > .alert.alert-warning,
.eopt-help-modal .form-text {
    display: none;
}

.eopt-help-modal textarea.form-control {
    min-height: 160px;
}

.eopt-help-modal .modal-dialog {
    min-height: calc(100vh - 2rem);
}

.eopt-help-modal .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
}

.eopt-help-modal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

@media (max-width: 767.98px) {
    .eopt-help-modal .modal-dialog {
        min-height: calc(100vh - 0.5rem);
        margin: 0.25rem;
    }

    .eopt-help-modal .modal-content {
        max-height: calc(100vh - 0.5rem);
    }
}

.eopt-report-status-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid transparent;
}

.eopt-report-status-badge .material-icons {
    font-size: 16px;
    line-height: 1;
    padding-right: 0;
}

.eopt-report-status-badge.is-new {
    color: #075985;
    background: #e0f2fe;
    border-color: #bae6fd;
}

.eopt-report-status-badge.is-progress {
    color: #92400e;
    background: #fef3c7;
    border-color: #fde68a;
}

.eopt-report-status-badge.is-later-review {
    color: #5b21b6;
    background: #ede9fe;
    border-color: #ddd6fe;
}

.eopt-report-status-badge.is-tests {
    color: #1d4ed8;
    background: #dbeafe;
    border-color: #bfdbfe;
}

.eopt-report-status-badge.is-done {
    color: #166534;
    background: #dcfce7;
    border-color: #bbf7d0;
}

.eopt-profiler-spacer {
    flex: 0 0 auto;
    height: 68px;
}

.eopt-profiler-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
    border-top: 1px solid #d9e2ec;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -12px 30px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(8px);
}

@media (min-width: 992px) {
    .eopt-area-admin.eopt-admin-authenticated .eopt-profiler-footer {
        left: max(var(--eopt-admin-sidebar-width), calc(var(--eopt-admin-sidebar-width) + ((100vw - var(--eopt-admin-sidebar-width) - 1382px) / 2)));
        right: auto;
        width: min(1382px, calc(100vw - var(--eopt-admin-sidebar-width)));
    }
}

.eopt-profiler-footer summary {
    list-style: none;
}

.eopt-profiler-footer summary::-webkit-details-marker {
    display: none;
}

.eopt-profiler-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    user-select: none;
}

.eopt-profiler-summary-main {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.eopt-profiler-summary-title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
}

#th_default_nrproj {
    width: 60px;
    min-width: 60px;
}

.eopt-profiler-summary-title-wrap .material-icons {
    font-size: 20px;
    line-height: 1;
    padding-right: 0;
}

.eopt-profiler-summary-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    color: #475467;
    font-size: 0.875rem;
    white-space: nowrap;
}

.eopt-profiler-summary-toggle .material-icons {
    font-size: 20px;
    line-height: 1;
    padding-right: 0;
    transform: rotate(180deg);
    transition: transform 0.18s ease;
}

.eopt-profiler-footer[open] .eopt-profiler-summary-toggle .material-icons {
    transform: rotate(0deg);
}

.eopt-profiler-summary-label-expanded {
    display: none;
}

.eopt-profiler-footer[open] .eopt-profiler-summary-label-expanded {
    display: inline;
}

.eopt-profiler-footer[open] .eopt-profiler-summary-label-collapsed {
    display: none;
}

.eopt-profiler-panel {
    display: none;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
    max-height: calc(100vh - 68px);
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.eopt-profiler-footer[open] .eopt-profiler-panel {
    display: block;
}

.eopt-profiler-panel-inner {
    max-height: none;
    overflow: visible;
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.eopt-profiler-panel-topbar {
    position: relative;
    top: 0;
    z-index: 1;
    margin: -1rem -1rem 0;
    padding: 0.85rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
    background: rgba(248, 250, 252, 0.96);
    backdrop-filter: blur(6px);
}

.eopt-profiler-panel-title {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 700;
    color: #0f172a;
}

.eopt-profiler-panel-title .material-icons,
.eopt-profiler-close .material-icons {
    font-size: 15px;
    line-height: 1;
    padding-right: 0;
}

.eopt-profiler-close {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.eopt-profiler-card {
    overflow: hidden;
}

.eopt-profiler-card .card-body,
.eopt-profiler-card .card-header {
    font-size: 0.875rem;
}

.eopt-profiler-card .table {
    margin-bottom: 0;
}

.eopt-profiler-caller-main code,
.eopt-profiler-trace-call code {
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 700;
    background: rgba(15, 23, 42, 0.06);
    border-radius: 8px;
    padding: 0.18rem 0.42rem;
}

.eopt-profiler-caller-meta {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: #64748b;
}

.eopt-profiler-trace-visible {
    display: grid;
    gap: 0.45rem;
}

.eopt-profiler-trace-row {
    display: grid;
    gap: 0.15rem;
}

.eopt-profiler-trace-row-primary .eopt-profiler-trace-call code:first-child {
    background: rgba(14, 116, 144, 0.08);
}

.eopt-profiler-trace-call {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.1rem;
    line-height: 1.45;
}

.eopt-profiler-trace-call > code:first-child {
    background: rgba(15, 23, 42, 0.06);
}

.eopt-profiler-trace-paren,
.eopt-profiler-trace-separator {
    color: #64748b;
    font-size: 0.76rem;
}

.eopt-profiler-trace-param {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.18);
    padding: 0.05rem 0.35rem;
    cursor: help;
}

.eopt-profiler-trace-param code {
    background: transparent;
    padding: 0;
    border-radius: 0;
    color: #1d4ed8;
    font-size: 0.73rem;
}

.eopt-profiler-trace-row .eopt-profiler-trace-meta {
    font-size: 0.71rem;
    color: #64748b;
    padding-left: 0.1rem;
}

.eopt-profiler-trace-repeat {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.08rem 0.35rem;
    border-radius: 999px;
    background: rgba(234, 179, 8, 0.14);
    color: #854d0e;
    font-size: 0.68rem;
    font-weight: 700;
}

.eopt-profiler-trace-more {
    font-size: 0.72rem;
    color: #64748b;
    font-style: italic;
}

.eopt-ui-tooltip .eopt-profiler-trace-item + .eopt-profiler-trace-item {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.24);
}

.eopt-floating-tooltip {
    position: fixed;
    z-index: 99999;
    display: none;
    width: min(420px, calc(100vw - 24px));
    max-width: min(420px, calc(100vw - 24px));
    max-height: min(70vh, 640px);
    overflow: auto;
    padding: 0.8rem 0.95rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.98);
    color: #f8fafc;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(6px);
    pointer-events: none;
    overscroll-behavior: contain;
    contain: layout paint style;
}

.eopt-floating-tooltip.is-visible {
    display: block;
}

.eopt-floating-tooltip .eopt-profiler-tooltip-title code,
.eopt-floating-tooltip .eopt-profiler-trace-call code,
.eopt-floating-tooltip .eopt-profiler-trace-arg-name code {
    color: #e2e8f0;
    background: rgba(148, 163, 184, 0.16);
}

.eopt-floating-tooltip .eopt-profiler-tooltip-meta,
.eopt-floating-tooltip .eopt-profiler-trace-meta,
.eopt-floating-tooltip .eopt-profiler-value.is-null,
.eopt-floating-tooltip .eopt-profiler-value.is-muted,
.eopt-floating-tooltip .eopt-profiler-value.is-resource,
.eopt-floating-tooltip .eopt-profiler-value-item.is-more {
    color: #cbd5e1;
}

.eopt-floating-tooltip .eopt-profiler-tooltip-card {
    display: grid;
    gap: 0.65rem;
}

.eopt-floating-tooltip .eopt-profiler-value-box {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(148, 163, 184, 0.22);
}

.eopt-floating-tooltip .eopt-profiler-value-caption,
.eopt-floating-tooltip .eopt-profiler-value-key {
    color: #f8fafc;
}

.eopt-floating-tooltip .eopt-profiler-value-separator {
    color: #94a3b8;
}

.eopt-floating-tooltip .eopt-profiler-param-tooltip {
    display: grid;
    gap: 0.45rem;
}

.eopt-floating-tooltip .eopt-profiler-param-tooltip-name code {
    color: #e2e8f0;
    background: rgba(148, 163, 184, 0.16);
}

.eopt-floating-tooltip .eopt-quantity-tooltip {
    display: grid;
    gap: 0.38rem;
    overflow-wrap: anywhere;
}

.eopt-floating-tooltip .eopt-quantity-tooltip__line + .eopt-quantity-tooltip__line {
    padding-top: 0.38rem;
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.eopt-floating-tooltip .eopt-quantity-tooltip__label {
    color: #bfdbfe;
    font-weight: 700;
}

.eopt-floating-tooltip .tooltip-content {
    display: grid;
    gap: 0.72rem;
    color: #e5edf8;
    font-size: 0.88rem;
    line-height: 1.42;
}

.eopt-floating-tooltip .tooltip-title {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 650;
}

.eopt-floating-tooltip .tooltip-section {
    display: grid;
    gap: 0.24rem;
    padding-top: 0.58rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.eopt-floating-tooltip .tooltip-section strong {
    color: #bfdbfe;
    font-weight: 650;
}

.eopt-floating-tooltip .tooltip-section p,
.eopt-floating-tooltip .tooltip-section ul {
    margin: 0;
}

.eopt-floating-tooltip .tooltip-section ul {
    padding-left: 1.05rem;
}

.eopt-floating-tooltip .tooltip-section li + li {
    margin-top: 0.18rem;
}

.eopt-floating-tooltip .tooltip-note {
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(125, 211, 252, 0.3);
    border-radius: 0.65rem;
    background: rgba(14, 116, 144, 0.18);
    color: #e0f2fe;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip {
    display: grid;
    gap: 0.72rem;
    min-width: 18rem;
    color: #e5edf8;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__category,
.eopt-floating-tooltip .eopt-tender-action-tooltip__status {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip.is-ee .eopt-tender-action-tooltip__category {
    color: #bfdbfe;
    background: rgba(37, 99, 235, 0.2);
    border: 1px solid rgba(96, 165, 250, 0.32);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip.is-fot .eopt-tender-action-tooltip__category {
    color: #bbf7d0;
    background: rgba(22, 163, 74, 0.2);
    border: 1px solid rgba(74, 222, 128, 0.32);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__status.is-active {
    color: #dbeafe;
    background: rgba(37, 99, 235, 0.24);
    border: 1px solid rgba(96, 165, 250, 0.36);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__status.is-edit {
    color: #fef3c7;
    background: rgba(217, 119, 6, 0.24);
    border: 1px solid rgba(251, 191, 36, 0.36);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__status.is-done {
    color: #dcfce7;
    background: rgba(22, 163, 74, 0.22);
    border: 1px solid rgba(74, 222, 128, 0.34);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__status.is-neutral {
    color: #e2e8f0;
    background: rgba(100, 116, 139, 0.24);
    border: 1px solid rgba(148, 163, 184, 0.34);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__title {
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.34;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__period {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.65rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.22);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__grid > div {
    min-width: 0;
    padding: 0.52rem 0.58rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__period span,
.eopt-floating-tooltip .eopt-tender-action-tooltip__grid span,
.eopt-floating-tooltip .eopt-tender-action-tooltip__meta span {
    display: block;
    color: #bfdbfe;
    font-size: 0.7rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__period strong,
.eopt-floating-tooltip .eopt-tender-action-tooltip__grid strong,
.eopt-floating-tooltip .eopt-tender-action-tooltip__meta strong {
    display: block;
    margin-top: 0.14rem;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__meta {
    display: grid;
    gap: 0.28rem;
    padding-top: 0.62rem;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__meta > div {
    display: grid;
    grid-template-columns: 7.2rem minmax(0, 1fr);
    align-items: baseline;
    gap: 0.55rem;
}

.eopt-floating-tooltip .eopt-tender-action-tooltip__note {
    padding: 0.52rem 0.62rem;
    border-radius: 0.65rem;
    background: rgba(14, 116, 144, 0.18);
    border: 1px solid rgba(125, 211, 252, 0.28);
    color: #e0f2fe;
    font-size: 0.78rem;
    line-height: 1.35;
}

.eopt-ui-tooltip .eopt-profiler-trace-header {
    display: grid;
    gap: 0.28rem;
    margin-bottom: 0.55rem;
}

.eopt-ui-tooltip .eopt-profiler-trace-meta {
    font-size: 0.72rem;
    color: #64748b;
}

.eopt-ui-tooltip .eopt-profiler-trace-args {
    display: grid;
    gap: 0.45rem;
}

.eopt-ui-tooltip .eopt-profiler-trace-arg {
    display: grid;
    gap: 0.18rem;
}

.eopt-ui-tooltip .eopt-profiler-trace-arg-name code {
    color: #0f3d5e;
    background: rgba(14, 116, 144, 0.08);
}

.eopt-ui-tooltip .eopt-profiler-value {
    font-size: 0.76rem;
    line-height: 1.35;
    word-break: break-word;
}

.eopt-ui-tooltip .eopt-profiler-value.is-string {
    color: #166534;
}

.eopt-ui-tooltip .eopt-profiler-value.is-number {
    color: #1d4ed8;
}

.eopt-ui-tooltip .eopt-profiler-value.is-bool {
    color: #7c3aed;
}

.eopt-ui-tooltip .eopt-profiler-value.is-null,
.eopt-ui-tooltip .eopt-profiler-value.is-muted,
.eopt-ui-tooltip .eopt-profiler-value.is-resource {
    color: #64748b;
}

.eopt-ui-tooltip .eopt-profiler-value.is-array,
.eopt-ui-tooltip .eopt-profiler-value.is-object,
.eopt-ui-tooltip .eopt-profiler-value.is-date {
    color: #92400e;
}

.eopt-ui-tooltip .eopt-profiler-value-box {
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.95);
    padding: 0.45rem 0.55rem;
}

.eopt-ui-tooltip .eopt-profiler-value-caption {
    font-size: 0.72rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.25rem;
}

.eopt-ui-tooltip .eopt-profiler-value-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.22rem;
}

.eopt-ui-tooltip .eopt-profiler-value-item {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: 0.3rem;
    align-items: start;
}

.eopt-ui-tooltip .eopt-profiler-value-item.is-more {
    color: #64748b;
}

.eopt-ui-tooltip .eopt-profiler-value-key {
    font-size: 0.72rem;
    font-weight: 700;
    color: #0f172a;
}

.eopt-ui-tooltip .eopt-profiler-value-separator {
    color: #94a3b8;
}

@media (max-width: 991.98px) {
    .eopt-profiler-spacer {
        height: 88px;
    }

    .eopt-profiler-summary {
        flex-wrap: wrap;
        padding: 0.7rem 0.9rem;
    }

    .eopt-profiler-summary-toggle {
        margin-left: auto;
    }

    .eopt-profiler-panel-inner {
        max-height: none;
        padding: 0.85rem;
    }

    .eopt-profiler-panel {
        max-height: calc(100vh - 88px);
    }

    .eopt-profiler-panel-topbar {
        top: 0;
        margin: -0.85rem -0.85rem 0;
        padding: 0.75rem 0.85rem;
        flex-wrap: wrap;
    }
}


input.disabled,select.disabled,textarea.disabled, .disabled {
    background-color: var(--bs-secondary-bg) !important;
    opacity: 1 !important;
}

/*.form-control:focus { disabled
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}*/

.form-control.disabled, fieldset.disabled {
    background-color: var(--bs-secondary-bg) !important;
    opacity: 1 !important;
    box-shadow: none;
    border-color: var(--bs-border-color);
}

.eopt-check-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 1.5rem;
}

.eopt-check-toggle .form-check-input {
    float: none;
    margin: 0;
}

.eopt-check-toggle .form-check-label {
    margin: 0;
    line-height: 1.2;
}

.eopt-contract-power-shell {
    margin-top: 0.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.eopt-form-row-contract-power .eopt-form-label,
.eopt-form-row-contract-term .eopt-form-label {
    padding-top: 0.35rem;
}

.eopt-contract-power-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    align-items: center;
    gap: 0.65rem 1.5rem;
    max-width: 760px;
    width: 100%;
}

.eopt-contract-power-toggle__option {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding-left: 0;
    min-width: 0;
}

.eopt-contract-power-toggle__option .form-check-input {
    float: none;
    margin: 0;
    flex: 0 0 auto;
}

.eopt-contract-power-toggle__content {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
}

.eopt-contract-power-toggle__label {
    display: block;
    margin: 0;
    font-weight: 600;
    color: var(--bs-body-color);
    line-height: 1.45;
    cursor: pointer;
}

.eopt-contract-power-toggle__desc {
    color: var(--bs-secondary-color);
    font-size: 0.825rem;
    line-height: 1.45;
}

.eopt-contract-power-toggle__badge {
    display: inline-flex;
    align-items: center;
    align-self: center;
    margin-top: 0;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.08);
    color: #0d6efd;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0.35rem 0.7rem;
}

.eopt-contract-power-panel {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    padding: 1rem 1.05rem;
    max-width: 1180px;
    margin-top: 12px;
}

.eopt-contract-power-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.eopt-contract-power-panel__title {
    font-weight: 600;
    color: var(--bs-body-color);
}

.eopt-contract-power-panel__badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.08);
    color: #0d6efd;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    padding: 0.35rem 0.7rem;
}

.eopt-contract-power-panel__hint {
    color: var(--bs-secondary-color);
    font-size: 0.8125rem;
    line-height: 1.45;
    margin-bottom: 0.9rem;
}

.eopt-contract-power-annual-field {
    max-width: 420px;
    padding-top: 12px;
}

.eopt-contract-power-month {
    height: 100%;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0.9rem;
    background: #fff;
    padding: 0.85rem 0.9rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.eopt-contract-power-month .form-label {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.eopt-contract-power-month .form-control {
    min-height: calc(1.5em + .75rem + 2px);
}

.eopt-contract-term-shell {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-width: 760px;
    width: 100%;
    margin: 0.15rem 0 0.75rem;
}

.eopt-contract-term-toggle {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    align-items: center;
    gap: 0.65rem 1.5rem;
    width: 100%;
}

.eopt-contract-term-option {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding-left: 0;
    min-width: 0;
}

.eopt-contract-term-option .form-check-input {
    float: none;
    margin: 0;
    flex: 0 0 auto;
}

.eopt-contract-term-option__label {
    margin: 0;
    font-weight: 500;
    color: var(--bs-body-color);
    line-height: 1.45;
    cursor: pointer;
}

.eopt-contract-term-date-field {
    max-width: 420px;
}

@media (max-width: 991.98px) {
    .eopt-contract-power-shell {
        margin-top: 0;
    }

    .eopt-contract-power-toggle__option {
        gap: 0.6rem;
    }

    .eopt-contract-power-toggle {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .eopt-contract-power-panel {
        padding: 0.9rem;
    }

    .eopt-contract-term-toggle {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .eopt-contract-term-option {
        gap: 0.6rem;
    }
}

.eopt-user-hierarchy-search-inline {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.eopt-user-hierarchy-search-inline .chosen-container,
.eopt-user-hierarchy-search-inline .form-select,
.eopt-user-hierarchy-search-inline .form-control {
    flex: 1 1 auto;
    min-width: 0;
}

.eopt-user-hierarchy-search-button {
    flex: 0 0 auto;
    min-width: 42px;
    min-height: 38px;
}

.eopt-user-hierarchy-search-grid .chosen-container {
    width: 100% !important;
}

#eoptUserHierarchySearchModal .modal-dialog {
    max-width: 840px;
    min-height: 80vh;
}

#eoptUserHierarchySearchModal .modal-content {
    display: flex;
    flex-direction: column;
    min-height: 80vh;
    overflow: visible;
}

#eoptUserHierarchySearchModal .modal-header,
#eoptUserHierarchySearchModal .modal-footer {
    padding: 1rem 1.25rem;
}

#eoptUserHierarchySearchModal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: visible !important;

    padding: 1rem 1.25rem;
}

.eopt-user-hierarchy-search-grid {
    display: grid;
    gap: 0.8rem;
}

.eopt-user-hierarchy-search-grid .eopt-user-hierarchy-search-row {
    margin: 0;
}

.eopt-user-hierarchy-search-grid .form-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: #334155;
}

.eopt-user-hierarchy-search-grid .chosen-container .chosen-single {
    min-height: 40px;
}

.eopt-user-hierarchy-search-grid .chosen-container .chosen-single span {
    line-height: 38px !important;
}

.eopt-user-hierarchy-search-grid .chosen-container .chosen-single div {
    height: 38px !important;
}

#eoptUserHierarchySearchModal .modal-footer {
    gap: 0.5rem;
}

.eopt-permission-modal .modal-dialog {
    min-height: 80vh;
}

.eopt-permission-modal .modal-content {
    display: flex;
    flex-direction: column;
    min-height: 80vh;
}

.eopt-permission-modal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
}

.eopt-permission-modal__frame {
    display: block;
    width: 100%;
    min-height: 80vh;
    height: 100%;
    border: 0;
    background: #fff;
}

.eopt-project-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0.28rem 0.7rem;
    border: 1px solid #dbe4ef;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
}

.eopt-admin-user-label {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eopt-admin-header-actions-right {
    flex-wrap: nowrap;
}

.eopt-admin-account-dropdown,
.eopt-admin-header-notifications-inline {
    flex: 0 0 auto;
}

@media (max-width: 1199.98px) {
    .eopt-admin-user-label {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .eopt-admin-header-actions-right {
        gap: 0.5rem !important;
    }
}


.alert {
    --bs-alert-padding-x: 0.5rem;
    --bs-alert-padding-y: 0.5rem;
    --bs-alert-margin-bottom: 0.5rem;
}


.chosen-container {
    font-size: 12px;
    font-weight: 400;
}


.eopt-chosen-option {
    display: flex !important;
}


.chosen-container-single .chosen-single abbr {
    top: 14px !important;
    right: 30px !important;
}

.eopt-report-comments-card {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #fbfdff 0%, #f8fbff 100%);
}

.eopt-report-quick-actions-card {
    margin-bottom: 1rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid #d9e5f4;
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.eopt-report-quick-actions-card__header {
    margin-bottom: 0.95rem;
}

.eopt-report-quick-actions-card__title {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.eopt-report-quick-actions-card__subtitle {
    margin-top: 0.35rem;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.5;
}

.eopt-report-quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.8rem;
}

.eopt-report-quick-actions__button {
    position: relative;
    width: 100%;
    min-height: 92px;
    padding: 0.95rem 1rem;
    border: 1px solid #d7e3f2;
    border-radius: 16px;
    background: #ffffff;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    text-align: left;
    color: #0f172a;
    cursor: pointer;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

button.eopt-report-quick-actions__button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.eopt-report-quick-actions__button.is-current {
    border-width: 2px;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08);
    cursor: default;
}

.eopt-report-quick-actions__button--new {
    border-color: #bfdbfe;
}

button.eopt-report-quick-actions__button--new:hover,
.eopt-report-quick-actions__button--new.is-current {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #60a5fa;
}

.eopt-report-quick-actions__button--progress {
    border-color: #fde68a;
}

button.eopt-report-quick-actions__button--progress:hover,
.eopt-report-quick-actions__button--progress.is-current {
    background: linear-gradient(180deg, #fff8e1 0%, #fef3c7 100%);
    border-color: #f59e0b;
}

.eopt-report-quick-actions__button--tests {
    border-color: #bae6fd;
}

button.eopt-report-quick-actions__button--tests:hover,
.eopt-report-quick-actions__button--tests.is-current {
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%);
    border-color: #06b6d4;
}

.eopt-report-quick-actions__button--later-review {
    border-color: #d8b4fe;
}

button.eopt-report-quick-actions__button--later-review:hover,
.eopt-report-quick-actions__button--later-review.is-current {
    background: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 100%);
    border-color: #a855f7;
}

.eopt-report-quick-actions__button--done {
    border-color: #bbf7d0;
}

button.eopt-report-quick-actions__button--done:hover,
.eopt-report-quick-actions__button--done.is-current {
    background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
    border-color: #22c55e;
}

.eopt-report-quick-actions__button-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
}

.eopt-report-quick-actions__button .material-icons {
    padding-right: 0;
    font-size: 20px;
    line-height: 1;
}

.eopt-report-quick-actions__button-body {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.eopt-report-quick-actions__button-label {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
}

.eopt-report-quick-actions__button-subtitle {
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.eopt-report-quick-actions__current-badge {
    position: absolute;
    top: 0.7rem;
    right: 0.7rem;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.14rem 0.5rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.25);
}

.eopt-report-quick-actions-card__hint {
    margin-top: 0.95rem;
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.5;
}

.eopt-report-quick-actions-card__hint--fallback {
    color: transparent;
    font-size: 0;
}

.eopt-report-quick-actions-card__hint--fallback::before {
    content: "Przyciski od razu zapisuja formularz i ustawiaja wybrany status.";
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.5;
}

.eopt-report-meta-card {
    margin-bottom: 1rem;
    padding: 1rem 1.05rem;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.eopt-report-meta-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.eopt-report-meta-card__chip {
    display: inline-flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 160px;
    padding: 0.7rem 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fbff;
    color: #0f172a;
}

.eopt-report-meta-card__chip--status {
    justify-content: center;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #bfdbfe;
}

.eopt-report-meta-card__label {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.eopt-report-meta-card__attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.9rem;
}

.eopt-report-thread-card {
    margin-bottom: 1rem;
    padding: 1.1rem 1.15rem;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.07), transparent 28%),
        linear-gradient(180deg, #fcfdff 0%, #f8fbff 100%);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.05);
}

.eopt-report-thread-card__title {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
}

.eopt-report-thread-card__subtitle {
    margin-top: 0.35rem;
    margin-bottom: 1rem;
    color: #64748b;
    font-size: 0.86rem;
    line-height: 1.5;
}

.eopt-report-thread {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.eopt-report-thread__item {
    display: flex;
}

.eopt-report-thread__item--incoming {
    justify-content: flex-start;
}

.eopt-report-thread__item--outgoing {
    justify-content: flex-end;
}

.eopt-report-thread__item--system {
    justify-content: center;
}

.eopt-report-thread__item--system.eopt-report-thread__item--outgoing {
    justify-content: flex-end;
}

.eopt-report-thread__bubble {
    width: min(100%, 820px);
    max-width: 88%;
    padding: 0.95rem 1rem;
    border-radius: 18px;
    border: 1px solid #dbe4ef;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.eopt-report-thread__bubble--report {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #bfdbfe;
}

.eopt-report-thread__bubble--comment {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-color: #dbe4ef;
}

.eopt-report-thread__bubble--status {
    max-width: 92%;
    background: linear-gradient(180deg, #fffdf7 0%, #fff7e6 100%);
    border-color: #fcd34d;
}

.eopt-report-thread__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    margin-bottom: 0.6rem;
}

.eopt-report-thread__author {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
}

.eopt-report-thread__date {
    color: #64748b;
    font-size: 0.8rem;
}

.eopt-report-thread__tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.16rem 0.58rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f172a;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.eopt-report-thread__tag--status {
    background: #ede9fe;
    color: #5b21b6;
}

.eopt-report-thread__body {
    color: #334155;
    font-size: 0.93rem;
    line-height: 1.7;
    word-break: break-word;
}

.eopt-report-thread__attachment {
    margin-top: 0.85rem;
}

.eopt-report-thread__attachment-link {
    display: inline-flex;
    flex-direction: column;
    gap: 0.5rem;
    text-decoration: none;
}

.eopt-report-thread__attachment-image {
    display: block;
    max-width: min(100%, 360px);
    max-height: 260px;
    border-radius: 14px;
    border: 1px solid #dbe4ef;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    background: #fff;
}

.eopt-report-thread__attachment-label {
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 600;
}

.eopt-report-thread__status-transition {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.eopt-report-thread__status-note {
    margin-top: 0.75rem;
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid #f5d98b;
    color: #334155;
}

.eopt-report-reply-field {
    min-height: 132px;
    border-radius: 16px;
}

.eopt-report-comment-attachment {
    margin-top: -0.15rem;
    padding: 0.9rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: #f8fafc;
}

.eopt-report-comment-attachment__title {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
}

.eopt-report-comment-attachment__hint {
    margin: 0.25rem 0 0.75rem;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.5;
}

.eopt-report-comment-attachment__status {
    margin-top: 0.7rem;
    padding: 0.7rem 0.8rem;
    border-radius: 12px;
    font-size: 0.82rem;
    line-height: 1.5;
}

.eopt-report-comment-attachment__status.is-success {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.eopt-report-comment-attachment__status.is-warning {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
}

@media (max-width: 991.98px) {
    .eopt-report-thread__bubble,
    .eopt-report-thread__bubble--status {
        max-width: 100%;
    }

    .eopt-report-meta-card__chip {
        min-width: 0;
        width: 100%;
    }
}

.eopt-report-comments-card__title {
    margin-bottom: 0.85rem;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 700;
}

.eopt-report-comments-timeline {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.eopt-report-comment {
    padding: 0.9rem 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.eopt-report-comment__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.65rem;
    margin-bottom: 0.55rem;
}

.eopt-report-comment__author {
    color: #0f172a;
    font-size: 0.92rem;
    font-weight: 700;
}

.eopt-report-comment__date {
    color: #64748b;
    font-size: 0.82rem;
}

.eopt-report-comment__badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.eopt-report-comment__body {
    color: #334155;
    font-size: 0.92rem;
    line-height: 1.65;
    white-space: normal;
    word-break: break-word;
}

.eopt-report-comments-empty {
    padding: 0.2rem 0;
    font-size: 0.9rem;
}

.eopt-report-status-history-card {
    background: linear-gradient(180deg, #fffdf8 0%, #fffaf0 100%);
}

.eopt-report-comment__badge--status {
    background: #ede9fe;
    color: #5b21b6;
}

.eopt-report-status-history__transition {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.eopt-report-status-history__transition-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.eopt-report-status-history__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

.eopt-report-status-history__arrow .material-icons {
    padding-right: 0;
    font-size: 18px;
    line-height: 1;
}

.eopt-report-status-history__start {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0.28rem 0.72rem;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.eopt-report-status-history__comment {
    padding: 0.8rem 0.9rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    line-height: 1.6;
}


.no-margin {
    max-width: 670px;
    margin: 0 auto !important;
}

.eopt-table th:last-child {
    min-width: 100px;
}

.eopt-invoice-upload-modal[hidden] {
    display: none !important;
}

.eopt-invoice-upload-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 7vh 1rem 1rem;
}

.eopt-invoice-upload-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
}

.eopt-invoice-upload-dialog {
    position: relative;
    width: min(980px, 100%);
    max-height: 86vh;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
}

.eopt-invoice-upload-header,
.eopt-invoice-upload-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.eopt-invoice-upload-header h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.eopt-invoice-upload-body {
    max-height: calc(86vh - 128px);
    overflow: auto;
    padding: 1rem;
}

.eopt-invoice-upload-footer {
    justify-content: flex-end;
    border-top: 1px solid #e2e8f0;
    border-bottom: 0;
}

.eopt-invoice-upload-results .badge {
    white-space: normal;
    text-align: left;
}

.eopt-project-tabs {
    background: #ffffff;
    border: 1px solid #d7dee8;
    border-radius: 0.6rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.eopt-project-tabs > .nav-tabs {
    margin: 0;
    padding: 0.65rem 0.75rem 0;
    border: 0;
    border-bottom: 1px solid #d7dee8;
    border-radius: 0;
    background: #ffffff;
}

.eopt-project-tabs > .nav-tabs .nav-link {
    margin-bottom: 0;
    border: 1px solid transparent;
    border-bottom: 0;
    background: #ffffff;
}

.eopt-project-tabs > .nav-tabs .nav-link:hover,
.eopt-project-tabs > .nav-tabs .nav-link:focus {
    border-color: #d7dee8;
    border-bottom: 0;
}

.eopt-project-tabs > .nav-tabs .nav-link.active {
    border-color: #000000;
    border-bottom: 0;
}

.eopt-project-tabs-content {
    background: #ffffff;
    padding: 1rem;
}

/* Workflow projektu: roboczy widok listowy zamiast kafelkowego dashboardu. */
.eopt-project-workflow {
    gap: 0.9rem !important;
    background: #ffffff;
}

.eopt-project-workflow > .card,
.eopt-project-workflow > section.card,
.eopt-project-workflow > details.card,
.eopt-project-workflow > .eopt-workflow-section,
.eopt-project-workflow [data-eopt-export-block="stages"],
.eopt-project-workflow [data-eopt-export-block="kpi"] {
    border: 1px solid #d7dee8 !important;
    border-radius: 0.5rem !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.eopt-project-workflow > .card .card-body,
.eopt-project-workflow > section.card .card-body,
.eopt-project-workflow > details.card .card-body,
.eopt-project-workflow .eopt-client-hero .card-body {
    padding: 1rem !important;
}

.eopt-project-workflow [data-eopt-export-block="stages"],
.eopt-project-workflow [data-eopt-export-block="kpi"] {
    padding: 1rem;
}

.eopt-project-workflow > .eopt-workflow-section {
    padding: 1rem;
}

.eopt-project-workflow > .eopt-workflow-section--helper {
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.eopt-project-workflow > .eopt-workflow-section > .d-flex:first-child {
    margin: -1rem -1rem 1rem !important;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e5eaf0;
    border-radius: 0.5rem 0.5rem 0 0;
    background: #f8fafc;
}

.eopt-project-workflow > .eopt-workflow-section .helper-list-shell,
.eopt-project-workflow > .eopt-workflow-section .eopt-project-embedded-list {
    margin-bottom: 0 !important;
}

.eopt-project-workflow [data-eopt-export-block="stages"] .row {
    display: block;
    margin: 0;
}

.eopt-project-workflow [data-eopt-export-block="stages"] [class*="col-"] {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.eopt-project-workflow [data-eopt-export-block="stages"] [class*="col-"] + [class*="col-"] {
    margin-top: -1px;
}

.eopt-project-workflow [data-eopt-export-block="kpi"] .row {
    --bs-gutter-x: 0.75rem;
    --bs-gutter-y: 0.75rem;
}

.eopt-project-workflow [data-eopt-export-block="kpi"] .eopt-client-stat-card {
    min-height: 6.1rem;
}

.eopt-project-workflow [data-eopt-export-block="kpi"] .eopt-client-stat-card .card-body {
    padding: 0.8rem 0.9rem;
}

.eopt-project-workflow .eopt-workflow-chip-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: 0;
    border: 1px solid #d7dee8;
    border-radius: 0.45rem;
    overflow: hidden;
}

.eopt-project-workflow .eopt-workflow-chip {
    justify-content: space-between;
    min-height: 2.25rem;
    padding: 0.4rem 0.6rem;
    border: 0;
    border-right: 1px solid #e5eaf0;
    border-bottom: 1px solid #e5eaf0;
    border-radius: 0;
    background: #ffffff;
    font-size: 0.84rem;
}

.eopt-project-workflow .eopt-workflow-summary-card,
.eopt-project-workflow .eopt-workflow-card,
.eopt-project-workflow .eopt-workflow-next-card,
.eopt-project-workflow .eopt-client-stat-card,
.eopt-project-workflow .eopt-project-kv-card {
    border: 1px solid #d7dee8 !important;
    border-radius: 0.45rem !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.eopt-project-workflow .eopt-project-kv-card--complete {
    border-color: #b9e7c8 !important;
    background: #f1fbf5 !important;
}

.eopt-project-workflow .eopt-project-kv-card--complete .eopt-project-kv-label,
.eopt-project-workflow .eopt-project-kv-card--complete .eopt-project-kv-value {
    color: #146c43;
}

.eopt-project-workflow .eopt-project-kv-card--missing {
    border-color: #f1c8c8 !important;
    background: #fff5f5 !important;
}

.eopt-project-workflow .eopt-project-kv-card--missing .eopt-project-kv-label,
.eopt-project-workflow .eopt-project-kv-card--missing .eopt-project-kv-value {
    color: #9f1239;
}

.eopt-project-workflow .eopt-project-kv-card--approved {
    border-color: #bbd7c5 !important;
    background: #f4faf6 !important;
}

.eopt-project-workflow .eopt-project-kv-card--approved .eopt-project-kv-label,
.eopt-project-workflow .eopt-project-kv-card--approved .eopt-project-kv-value {
    color: #166534;
}

.eopt-project-workflow .eopt-project-kv-card--clickable {
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.eopt-project-workflow .eopt-project-kv-card--clickable:hover,
.eopt-project-workflow .eopt-project-kv-card--clickable:focus {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
    outline: none;
    transform: translateY(-1px);
}

.eopt-project-workflow .eopt-project-overview-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.eopt-project-workflow .eopt-project-overview-group {
    border: 1px solid #d7dee8;
    border-radius: 0.45rem;
    background: #ffffff;
    overflow: hidden;
}

.eopt-project-workflow .eopt-project-overview-group-title {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #e5eaf0;
    background: #f8fafc;
    color: #405574;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.eopt-project-workflow .eopt-project-overview-list {
    display: grid;
}

.eopt-project-workflow .eopt-project-overview-row {
    display: grid;
    grid-template-columns: minmax(9rem, 34%) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: baseline;
    min-height: 2.35rem;
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid #eef2f7;
}

.eopt-project-workflow .eopt-project-overview-row:last-child {
    border-bottom: 0;
}

.eopt-project-workflow .eopt-project-overview-label {
    color: #5a6f91;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.eopt-project-workflow .eopt-project-overview-value {
    min-width: 0;
    color: #05162f;
    font-size: 0.9rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.eopt-project-summary-panel {
    position: relative;
    padding: 1.15rem 1.3rem 0.85rem;
    border: 0;
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.78) 48%, rgba(255, 255, 255, 0.94) 100%),
        #fff;
    box-shadow: none;
    overflow: hidden;
}

.eopt-project-summary-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/admin/project-energy-background.webp") center bottom / cover no-repeat;
    opacity: 0.2;
    pointer-events: none;
}

.eopt-project-summary-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.72) 100%);
    pointer-events: none;
}

.eopt-project-summary-panel > * {
    position: relative;
    z-index: 2;
}

.eopt-project-summary-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.95rem;
    align-items: stretch;
    margin-bottom: 1.15rem;
}

.eopt-project-summary-title {
    align-self: center;
    min-width: 0;
}

.eopt-project-summary-icon,
.eopt-project-summary-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 0.55rem;
    background: #f1f5fb;
    color: #2563eb;
}

.eopt-project-summary-icon .material-icons {
    font-size: 1.35rem;
}

.eopt-project-summary-reference {
    color: #2563eb;
    font-size: 0.82rem;
    font-weight: 700;
}

.eopt-project-summary-title h2 {
    margin: 0.08rem 0 0.12rem;
    color: #0f172a;
    font-size: 1.28rem;
    font-weight: 700;
    line-height: 1.2;
}

.eopt-project-summary-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-width: 0;
}

.eopt-project-summary-title-row h2 {
    min-width: 0;
}

.eopt-project-summary-status-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 0 auto;
    min-width: 13rem;
}

.eopt-project-status-select {
    min-width: 12.5rem;
    max-width: 18rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.eopt-project-status-select.is-saving {
    opacity: 0.72;
}

.eopt-project-summary-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.32rem 0.58rem;
    border: 1px solid #bbf7d0;
    border-radius: 0.45rem;
    background: #f0fdf4;
    color: #047857;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
}

.eopt-project-summary-status-pill .material-icons {
    font-size: 0.95rem;
}

.eopt-project-summary-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
    min-width: 0;
}

.eopt-project-summary-fact,
.eopt-project-summary-stat,
.eopt-project-summary-box {
    border: 1px solid #e2e8f0;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(1.5px);
}

.eopt-project-summary-fact {
    display: grid;
    align-content: center;
    gap: 0.28rem;
    min-width: 0;
    min-height: 3.7rem;
    padding: 0.52rem 0.58rem;
}

.eopt-project-summary-fact.is-status {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.eopt-project-summary-fact span,
.eopt-project-summary-stat-label,
.eopt-project-summary-list span,
.eopt-project-summary-participants span {
    display: block;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 600;
}

.eopt-project-summary-fact span {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
    min-width: 0;
}

.eopt-project-summary-fact .material-icons {
    color: #2563eb;
    font-size: 0.9rem;
}

.eopt-project-summary-fact.is-status .material-icons {
    color: #047857;
}

.eopt-project-summary-fact strong {
    min-width: 0;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.18;
    overflow-wrap: anywhere;
}

.eopt-project-summary-fact.is-status strong {
    color: #047857;
}

.eopt-project-summary-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.95rem;
}

.eopt-project-summary-stat {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.14rem 0.6rem;
    align-items: center;
    min-height: 5.35rem;
    padding: 0.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.eopt-project-summary-stat-icon {
    grid-row: span 3;
    width: 2.45rem;
    height: 2.45rem;
}

.eopt-project-summary-stat-icon .material-icons {
    font-size: 1.25rem;
}

.eopt-project-summary-stat strong {
    min-width: 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.eopt-project-summary-stat small {
    min-width: 0;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 500;
}

.eopt-project-summary-bottom {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
    gap: 0.85rem;
}

.eopt-project-summary-box {
    position: relative;
    min-width: 0;
    min-height: 9.6rem;
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.eopt-project-summary-box h3 {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    margin: 0 0 0.55rem;
    color: #0f172a;
    font-size: 0.88rem;
    font-weight: 700;
}

.eopt-project-summary-box h3 .material-icons {
    color: #2563eb;
    font-size: 1rem;
}

.eopt-project-summary-list {
    display: grid;
    gap: 0.38rem;
}

.eopt-project-summary-list div {
    display: grid;
    grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
    gap: 0.5rem;
    padding-bottom: 0.38rem;
    border-bottom: 1px solid #edf2f7;
}

.eopt-project-summary-list div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.eopt-project-summary-list strong {
    min-width: 0;
    color: #0f172a;
    font-size: 0.75rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.eopt-project-summary-box--basic::before {
    content: none;
}

.eopt-project-summary-box--basic::after {
    content: none;
}

.eopt-project-summary-box--basic .eopt-project-summary-list {
    position: relative;
    z-index: 1;
}

.eopt-project-summary-box--basic .eopt-project-summary-list div {
    border-bottom: 0;
}

.eopt-project-summary-visual {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0.85rem;
    min-height: 7.2rem;
    margin-top: 0.85rem;
    border-radius: 0.5rem;
    background:
        linear-gradient(180deg, rgba(241, 245, 251, 0.15), rgba(226, 232, 240, 0.72)),
        linear-gradient(135deg, transparent 0 48%, rgba(37, 99, 235, 0.12) 49% 51%, transparent 52%);
    color: #2563eb;
    overflow: hidden;
}

.eopt-project-summary-visual .material-icons {
    color: rgba(37, 99, 235, 0.34);
    font-size: 3.2rem;
}

.eopt-project-summary-visual .material-icons:nth-child(2) {
    color: rgba(22, 163, 74, 0.28);
    font-size: 4.4rem;
}

.eopt-project-add-row {
    cursor: pointer;
}

.eopt-project-add-row td,
.eopt-project-add-row .form-check-input,
.eopt-project-add-name {
    cursor: pointer;
}

.eopt-project-add-row.is-selected > td {
    background: #ecfdf3;
}

.eopt-project-add-row.is-selected .form-check-input {
    border-color: #198754;
    background-color: #198754;
}

.eopt-project-summary-participants {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.eopt-project-summary-participants div {
    display: grid;
    align-content: center;
    gap: 0.16rem;
    min-height: 4.35rem;
    padding: 0.54rem 0.48rem;
    border: 1px solid #e2e8f0;
    border-bottom-width: 0.14rem;
    border-radius: 0.45rem;
    background: #f8fafc;
    text-align: center;
}

.eopt-project-summary-participants .is-blue {
    border-bottom-color: #3b82f6;
}

.eopt-project-summary-participants .is-indigo {
    border-bottom-color: #6366f1;
}

.eopt-project-summary-participants .is-green {
    border-bottom-color: #22c55e;
}

.eopt-project-summary-participants .is-slate {
    border-bottom-color: #64748b;
}

.eopt-project-summary-participants span {
    font-size: 0.61rem;
    line-height: 1.2;
}

.eopt-project-summary-participants strong {
    color: #2563eb;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.16;
    overflow-wrap: normal;
    word-break: keep-all;
}

.eopt-project-summary-participants .eopt-project-summary-period {
    display: grid;
    gap: 0.12rem;
    font-size: 0.9rem;
    line-height: 1.16;
}

.eopt-project-summary-participants .eopt-project-summary-period span {
    color: inherit;
    font: inherit;
    white-space: nowrap;
}

.eopt-project-summary-participants .is-green strong {
    color: #16a34a;
}

@media (max-width: 1199.98px) {
    .eopt-project-summary-head,
    .eopt-project-summary-bottom {
        grid-template-columns: 1fr;
    }

    .eopt-project-summary-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .eopt-project-summary-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eopt-project-admin-dashboard {
        grid-template-columns: 1fr;
    }

    .eopt-project-admin-dashboard__actions {
        justify-content: flex-start;
    }

    .eopt-project-admin-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eopt-project-operation-groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eopt-project-summary-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .eopt-project-summary-status-inline,
    .eopt-project-status-select {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 575.98px) {
    .eopt-project-summary-stats,
    .eopt-project-summary-facts,
    .eopt-project-summary-participants,
    .eopt-project-admin-status-grid,
    .eopt-project-operation-groups {
        grid-template-columns: 1fr;
    }

    .eopt-project-operation-center__head {
        display: grid;
    }

    .eopt-project-operation-center__head > span {
        justify-content: center;
        width: 100%;
        white-space: normal;
    }

    .eopt-project-summary-list div {
        grid-template-columns: 1fr;
        gap: 0.12rem;
    }

    .eopt-project-quantity-pagination {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 1199.98px) {
    .eopt-project-workflow .eopt-project-overview-groups {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .eopt-project-workflow .eopt-project-overview-row {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}

.eopt-project-workflow .eopt-workflow-stage {
    min-height: 3.1rem;
    height: auto;
    border: 1px solid #e5eaf0;
    border-radius: 0;
    padding: 0.55rem 0.7rem;
    background: #ffffff;
}

.eopt-project-workflow .eopt-workflow-stage > .d-flex {
    align-items: center !important;
}

.eopt-project-workflow .eopt-workflow-stage.is-active {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.eopt-project-workflow .eopt-workflow-stage.is-complete {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.eopt-project-workflow .eopt-workflow-stage-title {
    margin-top: 0.1rem;
    font-size: 0.9rem;
}

.eopt-project-workflow .eopt-workflow-stage-text,
.eopt-project-workflow .eopt-workflow-stage-metric {
    margin-top: 0.35rem;
    font-size: 0.8rem;
}

.eopt-project-workflow .eopt-workflow-next-card {
    padding: 1rem;
}

.eopt-project-workflow .eopt-workflow-next-card.is-warning {
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.eopt-project-workflow .eopt-workflow-next-card.is-info {
    border-color: #bfdbfe !important;
    background: #eff6ff !important;
}

.eopt-project-workflow .eopt-workflow-next-card.is-success {
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}

.eopt-project-workflow .eopt-workflow-summary-badge,
.eopt-project-workflow .eopt-workflow-stage-badge,
.eopt-project-workflow .eopt-workflow-next-badge,
.eopt-project-workflow .eopt-workflow-hierarchy-label,
.eopt-project-workflow .badge {
    border-radius: 0.35rem !important;
}

.eopt-project-workflow [data-eopt-export-block="operations"] .form-label {
    margin-bottom: 0.25rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475467;
}

.eopt-project-workflow [data-eopt-export-block="operations"] .form-control,
.eopt-project-workflow [data-eopt-export-block="operations"] .form-select {
    min-height: 2.15rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    font-size: 0.86rem;
}

.eopt-document-report-table {
    table-layout: fixed;
    width: 100%;
}

.eopt-document-report-table__scope {
    width: 18%;
}

.eopt-document-report-table__name {
    width: 46%;
}

.eopt-document-report-table__numbers {
    width: 16%;
}

.eopt-document-report-table__document {
    width: 20%;
}

.eopt-document-report-table th,
.eopt-document-report-table td {
    overflow-wrap: anywhere;
}

.eopt-document-report-table td:last-child {
    white-space: nowrap;
}

.eopt-project-admin-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid #d7dee8;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.eopt-project-admin-eyebrow {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.eopt-project-admin-title {
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.2;
}

.eopt-project-admin-meta,
.eopt-project-admin-dashboard__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.eopt-project-admin-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #475569;
    font-size: 0.86rem;
}

.eopt-project-admin-meta .material-icons {
    color: #2563eb;
    font-size: 1rem;
}

.eopt-project-admin-dashboard__actions {
    justify-content: flex-end;
}

.eopt-project-admin-mode-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.45rem 0.7rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 700;
}

.eopt-project-admin-mode-pill .material-icons {
    color: #2563eb;
    font-size: 1rem;
}

.eopt-project-admin-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.eopt-project-admin-status-grid article {
    padding: 0.85rem;
    border: 1px solid #d7dee8;
    border-radius: 0.45rem;
    background: #fff;
}

.eopt-project-admin-status-grid span {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
}

.eopt-project-admin-status-grid strong {
    display: block;
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 700;
}

.eopt-project-admin-action-grid > [class*="col-"] > .eopt-workflow-card {
    border: 1px solid #d7dee8 !important;
    box-shadow: none !important;
}

.eopt-project-operation-center {
    padding: 1rem;
    border: 1px solid #d7dee8;
    border-radius: 0.55rem;
    background: #ffffff;
}

.eopt-project-operation-center__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.eopt-project-operation-center__head > span {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border: 1px solid #dbe3ee;
    border-radius: 0.4rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.eopt-project-operation-center__title {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

.eopt-project-operation-groups {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.eopt-project-operation-group {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #f8fafc;
}

.eopt-project-operation-group__title {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 800;
}

.eopt-project-operation-group__description {
    min-height: 2.1rem;
    margin-top: 0.2rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.35;
}

.eopt-project-operation-links {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.eopt-project-operation-link {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: center;
    min-height: 3.65rem;
    padding: 0.55rem;
    border: 1px solid #dbe3ee;
    border-radius: 0.45rem;
    background: #ffffff;
    color: #0f172a;
    text-decoration: none;
}

.eopt-project-operation-link:hover,
.eopt-project-operation-link:focus {
    border-color: #93c5fd;
    background: #eff6ff;
    color: #0f172a;
    text-decoration: none;
}

.eopt-project-operation-link.is-disabled {
    opacity: 0.56;
    pointer-events: none;
}

.eopt-project-operation-link__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.45rem;
    background: #eef4ff;
    color: #2563eb;
}

.eopt-project-operation-link__icon .material-icons {
    font-size: 1.05rem;
}

.eopt-project-operation-link strong,
.eopt-project-operation-link small {
    display: block;
    min-width: 0;
}

.eopt-project-operation-link strong {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.2;
}

.eopt-project-operation-link small {
    margin-top: 0.12rem;
    color: #64748b;
    font-size: 0.73rem;
    line-height: 1.25;
}

.eopt-project-admin-note {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid #dbe3ee;
    border-radius: 0.45rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.eopt-project-admin-note .material-icons {
    color: #2563eb;
    font-size: 1.15rem;
}

.eopt-project-workflow .table-responsive {
    border: 1px solid #d7dee8;
    border-radius: 0.45rem;
}

.eopt-project-workflow .helper-list-shell .table-responsive {
    border: 0;
    border-radius: 0;
}

.eopt-project-workflow .table-responsive .table {
    margin-bottom: 0;
}

.eopt-project-workflow .eopt-project-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid #d7dee8;
}

.eopt-project-workflow .eopt-project-table tbody tr:hover {
    background: #f8fbff;
}

.eopt-workflow-quantity-records {
    margin-bottom: 1rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.eopt-workflow-quantity-records__header {
    padding: 0 0 0.85rem;
    color: #0f172a;
    font-weight: 600;
}

.eopt-workflow-quantity-records__body {
    padding: 0;
}

.eopt-project-quantity-source {
    border: 0;
    border-radius: 0;
    background: #ffffff;
    padding: 0;
}

.eopt-workflow-quantity-records .eopt-project-quantity-source {
    background: transparent;
    border-radius: 0 !important;
}

.eopt-workflow-quantity-records .eopt-project-quantity-source-options,
.eopt-workflow-quantity-records .eopt-project-quantity-source-options > .card-body,
.eopt-workflow-quantity-records .eopt-project-embedded-list--helper table.helper-list,
.eopt-workflow-quantity-records .eopt-project-embedded-list--helper .table-responsive {
    border-radius: 0 !important;
}

.eopt-workflow-quantity-records .eopt-project-quantity-source-options {
    box-shadow: none !important;
}

.eopt-workflow-quantity-approval {
    border-top: 1px solid #d7dee8;
    border-bottom: 1px solid #d7dee8;
}

.eopt-workflow-quantity-approval table th {
    color: #5b677a;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.eopt-workflow-quantity-approval__row--complete > td {
    background: #f1fbf5;
}

.eopt-workflow-quantity-approval__row--missing > td {
    background: #fff5f5;
}

.eopt-workflow-quantity-approval__percent,
.eopt-project-participant-ready {
    font-weight: 700;
    color: #0f5132;
}

.eopt-workflow-quantity-approval__count-col {
    width: 96px;
    white-space: nowrap;
}

.eopt-workflow-quantity-approval__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    padding: 3px 8px;
    border: 1px solid #d5e0ee;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-weight: 600;
}

.eopt-workflow-quantity-approval__progress-cell {
    min-width: 360px;
    width: 100%;
}

.eopt-workflow-quantity-progress {
    position: relative;
    min-width: 220px;
    height: 22px;
    overflow: hidden;
    border: 1px solid #b7d7c4;
    border-radius: 999px;
    background: #eef6f1;
}

.eopt-workflow-quantity-progress--missing {
    border-color: #f1b7b7;
    background: #fff1f2;
}

.eopt-workflow-quantity-progress__bar {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2fb26f, #0f8f5a);
}

.eopt-workflow-quantity-progress--missing .eopt-workflow-quantity-progress__bar {
    background: linear-gradient(90deg, #fb7185, #e11d48);
}

.eopt-workflow-quantity-progress__label {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #063f2a;
    font-size: 0.82rem;
    font-weight: 700;
}

.eopt-project-quantity-legacy-actions {
    min-width: 280px;
}

.eopt-project-quantity-legacy-table {
    border: 1px solid #b9d5fb;
}

.eopt-project-quantity-legacy-table thead th {
    background: #dbeafe !important;
    color: #0f172a;
    font-size: 0.78rem;
    text-transform: none;
    vertical-align: middle;
}

.eopt-project-quantity-legacy-table tbody td {
    background: #fff;
    border-color: #dce3ee;
    font-size: 0.82rem;
}

.eopt-project-quantity-legacy-table tbody tr:hover td {
    background: #f8fbff;
}

.eopt-project-quantity-legacy-table .form-check-label {
    color: #2563eb;
}

.eopt-project-quantity-custom {
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.eopt-project-quantity-custom .form-control {
    min-height: 2.25rem;
    font-weight: 600;
}

.eopt-quantity-inline-custom {
    display: grid;
    grid-template-columns: repeat(2, minmax(76px, 1fr));
    gap: 0.35rem;
    min-width: 180px;
}

.eopt-quantity-inline-custom__field {
    margin: 0;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: left;
}

.eopt-quantity-inline-custom__field span {
    display: block;
    margin-bottom: 0.15rem;
}

.eopt-quantity-inline-custom .form-control {
    min-height: 1.9rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.78rem;
}

.eopt-project-quantity-source table.helper-list td > div + div {
    margin-top: 0.28rem;
    padding-top: 0.28rem;
    border-top: 1px solid #e7edf5;
}

.eopt-project-quantity-source table.helper-list td > div {
    height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eopt-project-quantity-source table.helper-list td.text-start > div,
.eopt-project-quantity-source table.helper-list td.align-middle.text-start > div {
    justify-content: flex-start;
}

.eopt-project-quantity-source table.helper-list td.eopt-quantity-source-cell > div {
    height: auto;
    min-height: 32px;
    justify-content: flex-start;
    align-items: flex-start;
}

.eopt-project-quantity-source table.helper-list th.eopt-quantity-source-cell,
.eopt-project-quantity-source table.helper-list td.eopt-quantity-source-cell {
    text-align: left !important;
}

.eopt-quantity-source-checks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 10rem;
}

.eopt-quantity-source-check {
    display: flex;
    align-items: center;
    min-height: 1.35rem;
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.15;
    text-align: left;
}

.eopt-quantity-source-check.is-editable,
.eopt-quantity-source-check.is-editable .form-check-input,
.eopt-quantity-source-check.is-editable .form-check-label {
    cursor: cell;
}

.eopt-quantity-source-check.is-disabled,
.eopt-quantity-source-check.is-disabled .form-check-input,
.eopt-quantity-source-check.is-disabled .form-check-label {
    cursor: not-allowed;
}

.eopt-quantity-source-check .form-check-input {
    margin-top: 0;
    margin-right: 0.35rem;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete > td {
    background: #f1fbf5;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete > td:last-child {
    background: #f1fbf5 !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete:hover > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.table-active > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.selected > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.is-selected > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.eopt-row-selected > td {
    background: #e7f7ee;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete:hover > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.table-active > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.is-selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.eopt-row-selected > td:last-child {
    background: #e7f7ee !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing > td {
    background: #fff5f5;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing > td:last-child {
    background: #fff5f5 !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing:hover > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.table-active > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.selected > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.is-selected > td,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.eopt-row-selected > td {
    background: #ffecec;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing:hover > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.table-active > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.is-selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.eopt-row-selected > td:last-child {
    background: #ffecec !important;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete > td {
    background: #f1fbf5;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete > td:last-child {
    background: #f1fbf5 !important;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete:hover > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.table-active > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.selected > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.is-selected > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.eopt-row-selected > td {
    background: #e7f7ee;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete:hover > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.table-active > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.selected > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.is-selected > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-complete.eopt-row-selected > td:last-child {
    background: #e7f7ee !important;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing > td {
    background: #fff5f5;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing > td:last-child {
    background: #fff5f5 !important;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing:hover > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.table-active > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.selected > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.is-selected > td,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.eopt-row-selected > td {
    background: #ffecec;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing:hover > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.table-active > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.selected > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.is-selected > td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-project-participant-ready-row-missing.eopt-row-selected > td:last-child {
    background: #ffecec !important;
}

.eopt-project-quantity-source table.helper-list th:first-child,
.eopt-project-quantity-source table.helper-list td:first-child {
    max-width: 300px;
    width: 300px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.eopt-quantity-inline-value {
    min-height: 1.95rem;
}

.eopt-quantity-value-display {
    color: inherit;
    font-weight: inherit;
    text-decoration: none;
}

.eopt-quantity-value-display:hover,
.eopt-quantity-value-display:focus {
    color: #0d6efd;
    text-decoration: underline;
}

.eopt-quantity-inline-value .eopt-quantity-inline-input {
    display: none;
    width: 7.5rem;
    min-height: 1.9rem;
    margin: 0 auto;
    padding: 0.2rem 0.4rem;
    font-size: 0.78rem;
    text-align: center;
}

.eopt-quantity-inline-value.is-editing .eopt-quantity-value-display {
    display: none;
}

.eopt-quantity-inline-value.is-editing .eopt-quantity-inline-input {
    display: inline-block;
}

.eopt-project-quantity-pagination {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.eopt-project-quantity-pagination .eopt-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.55rem;
}

.eopt-project-quantity-pagination .eopt-page-input {
    width: 3.6rem;
    height: 2.25rem;
}

.eopt-project-quantity-pagination .eopt-per-page {
    width: 5rem;
}

.eopt-project-embedded-list .eopt-table-responsive {
    width: 100%;
    max-height: none;
    border: 0;
    border-radius: 0;
    overflow-x: auto;
}

.eopt-project-embedded-list--helper .helper-list-shell,
.eopt-project-embedded-list--helper .helper-list-content,
.eopt-project-embedded-list--helper .helper-list-content > .card,
.eopt-project-embedded-list--helper form.eopt-project-helper-form,
.eopt-project-embedded-list--helper table.helper-list {
    width: 100%;
}

.eopt-project-embedded-list--helper .helper-list-shell {
    margin-bottom: 0;
    overflow: visible;
}

.eopt-project-embedded-list--helper .helper-list-shell > .helper-list-content > .card {
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 1rem !important;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden;
}

.eopt-project-embedded-list--helper .card-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
}

.eopt-project-embedded-list--helper .eopt-table-responsive {
    border: 0;
    border-radius: 0;
    overflow-x: auto;
}

.eopt-project-embedded-list--helper table.helper-list {
    table-layout: auto;
    min-width: 760px;
}

.eopt-project-embedded-list--helper table.helper-list th,
.eopt-project-embedded-list--helper table.helper-list td {
    vertical-align: middle;
    overflow: visible;
    text-overflow: clip;
}

.eopt-project-embedded-list--helper table.helper-list th:first-child,
.eopt-project-embedded-list--helper table.helper-list td:first-child {
    width: 42%;
    white-space: normal;
}

.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) th:first-child,
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) td:first-child {
    width: 2.75rem;
    padding-left: 0.8rem;
    padding-right: 0.45rem;
    white-space: nowrap;
}

.eopt-project-embedded-list--helper table.helper-list th:nth-child(2),
.eopt-project-embedded-list--helper table.helper-list td:nth-child(2) {
    width: 12%;
}

.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) th:nth-child(2),
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) td:nth-child(2) {
    width: 42%;
    white-space: normal;
}

.eopt-project-embedded-list--helper table.helper-list th:nth-child(3),
.eopt-project-embedded-list--helper table.helper-list td:nth-child(3) {
    width: 14%;
}

.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) th:nth-child(3),
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) td:nth-child(3) {
    width: 12%;
}

.eopt-project-embedded-list--helper table.helper-list th:nth-child(4),
.eopt-project-embedded-list--helper table.helper-list td:nth-child(4) {
    width: 16%;
}

.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) th:nth-child(4),
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) td:nth-child(4) {
    width: 14%;
}

.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) th:nth-child(5),
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) td:nth-child(5) {
    width: 16%;
}

.eopt-project-embedded-list--helper table.helper-list th:last-child,
.eopt-project-embedded-list--helper table.helper-list td:last-child {
    position: static;
    right: auto;
    z-index: 3;
    width: 6rem;
    min-width: 6rem;
    padding-right: 0.8rem;
    box-shadow: none;
    text-align: right;
}

.eopt-project-embedded-list--helper table.helper-list thead th:last-child {
    z-index: 4;
    background: #fff;
}

.eopt-project-embedded-list--helper table.helper-list tbody td:last-child {
    background: inherit !important;
}

.eopt-project-embedded-list--helper table.helper-list tbody tr.table-active td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.is-selected td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-row-complete td:last-child,
.eopt-project-embedded-list--helper table.helper-list tbody tr.eopt-row-missing td:last-child {
    background: inherit !important;
}

.eopt-project-embedded-list--helper table.helper-list th.eopt-project-cost-gross,
.eopt-project-embedded-list--helper table.helper-list td.eopt-project-cost-gross {
    min-width: 7.5rem;
    white-space: nowrap;
}

.eopt-project-embedded-list--helper table.helper-list th.eopt-project-ppe-date-cell,
.eopt-project-embedded-list--helper table.helper-list td.eopt-project-ppe-date-cell {
    min-width: 8.25rem;
    white-space: nowrap;
}

.eopt-project-embedded-list--helper table.helper-list td.eopt-project-ppe-date-cell .eopt-inline-editable,
.eopt-project-embedded-list--helper table.helper-list td.eopt-project-ppe-date-cell .eopt-inline-edit-display,
.eopt-project-embedded-list--helper table.helper-list td.eopt-project-ppe-date-cell .eopt-inline-edit-input {
    white-space: nowrap;
}

.eopt-project-embedded-list--helper table.helper-list td.eopt-project-ppe-date-cell .eopt-inline-edit-input {
    min-width: 7.75rem;
}

.eopt-project-embedded-list--helper table.helper-list th.eopt-project-cost-gross,
.eopt-project-embedded-list--helper table.helper-list td.eopt-project-cost-gross {
    white-space: nowrap;
}

.eopt-project-quantity-source table.helper-list th:last-child,
.eopt-project-quantity-source table.helper-list td:last-child {
    width: 8rem;
    min-width: 8rem;
}

.eopt-project-quantity-source table.helper-list th.eopt-quantity-date-cell,
.eopt-project-quantity-source table.helper-list td.eopt-quantity-date-cell {
    min-width: 8.5rem;
    white-space: nowrap;
}

.eopt-project-quantity-source table.helper-list td.eopt-quantity-date-cell .eopt-quantity-date-input {
    min-width: 7.5rem;
    max-width: 8rem;
    margin: 0 auto;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete > td:last-child {
    background: #f1fbf5 !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete:hover > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.table-active > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.is-selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-complete.eopt-row-selected > td:last-child {
    background: #e7f7ee !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing > td:last-child {
    background: #fff5f5 !important;
}

.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing:hover > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.table-active > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.is-selected > td:last-child,
.eopt-project-quantity-source table.helper-list tbody tr.eopt-quantity-row-missing.eopt-row-selected > td:last-child {
    background: #ffecec !important;
}

.eopt-project-embedded-list--helper table.helper-list th .filter,
.eopt-project-embedded-list--helper table.helper-list th input[type="text"],
.eopt-project-embedded-list--helper table.helper-list th input[type="search"] {
    width: 100%;
    max-width: 28rem;
}

.eopt-project-embedded-list--helper table.helper-list thead tr:nth-child(2) th {
    background: #fff;
}

.eopt-project-embedded-list--helper table.helper-list thead tr:nth-child(2) th:first-child,
.eopt-project-embedded-list--helper table.helper-list:has(.eopt-bulk-select-all) thead tr:nth-child(2) th:nth-child(2) {
    padding-left: 0.8rem;
}

.eopt-project-embedded-list--helper table.helper-list .actions {
    align-items: center;
    justify-content: flex-end;
    width: auto;
}

.eopt-project-embedded-list--helper .card-footer {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
}

.eopt-project-embedded-list--helper .card-footer > .d-flex,
.eopt-project-embedded-list--helper .card-footer > .helper-list-footer__inner {
    justify-content: space-between !important;
    width: 100%;
    gap: 1rem;
    flex-wrap: wrap;
}

.eopt-project-settlements .card {
    overflow: hidden;
}

.eopt-project-settlements .table-responsive {
    padding: 0 1rem 1rem;
}

.eopt-project-settlements table.helper-list {
    min-width: 1180px;
    table-layout: fixed;
}

.eopt-project-settlements table.helper-list th,
.eopt-project-settlements table.helper-list td {
    vertical-align: middle;
}

.eopt-project-settlements table.helper-list tbody td {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    line-height: 1.38;
}

.eopt-project-settlements table.helper-list .eopt-settlement-ppe-cell {
    width: 12.5rem;
    min-width: 12.5rem;
    max-width: 12.5rem;
}

.eopt-project-settlements table.helper-list .eopt-settlement-client-cell {
    width: 15%;
    min-width: 10.5rem;
}

.eopt-project-settlements table.helper-list .eopt-settlement-party-cell {
    width: 19%;
    min-width: 14rem;
}

.eopt-project-settlements table.helper-list .eopt-settlement-address-cell {
    width: 20%;
    min-width: 14rem;
}

.eopt-project-settlements table.helper-list .eopt-settlement-energy-cell {
    width: 8%;
    min-width: 6.8rem;
    white-space: nowrap;
}

.eopt-project-settlements table.helper-list .eopt-settlement-money-cell {
    width: 9%;
    min-width: 7.8rem;
    white-space: nowrap;
}

.eopt-project-settlements table.helper-list td.eopt-settlement-address-cell > div:first-child {
    color: #0f172a;
}

.eopt-project-settlements table.helper-list td.eopt-settlement-address-cell .small {
    display: block;
    margin-top: 0.18rem;
    color: #64748b !important;
    font-size: 0.78rem;
}

.eopt-project-settlements table.helper-list td.eopt-settlement-ppe-cell,
.eopt-project-settlements table.helper-list td.eopt-settlement-client-cell,
.eopt-project-settlements table.helper-list td.eopt-settlement-party-cell,
.eopt-project-settlements table.helper-list td.eopt-settlement-address-cell {
    overflow-wrap: anywhere;
}

.eopt-project-settlements table.helper-list thead tr:first-child th {
    border-bottom-color: #d7dee8;
}

.eopt-project-settlements table.helper-list thead tr:nth-child(2) th {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
}

.eopt-project-settlements table.helper-list thead tr:nth-child(2) th:first-child .filter {
    max-width: none;
}

.eopt-project-settlements .helper-list-top-filters {
    padding: 1.25rem 1rem !important;
}

.eopt-project-settlements .helper-list-footer__bulk {
    width: 100%;
    overflow-x: auto;
}

.eopt-project-settlements .eopt-settlement-totals-row {
    display: grid;
    grid-template-columns:
        12.5rem
        minmax(10.5rem, 15fr)
        minmax(14rem, 19fr)
        minmax(14rem, 20fr)
        minmax(6.8rem, 8fr)
        minmax(7.8rem, 9fr)
        minmax(7.8rem, 9fr);
    min-width: 1180px;
    align-items: center;
    gap: 0;
    font-size: 0.88rem;
}

.eopt-project-settlements .eopt-settlement-total-cell {
    padding: 0.35rem 0.5rem;
}

.eopt-project-settlements .eopt-settlement-total-cell--summary {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.eopt-project-settlements .eopt-settlement-total-cell--value {
    text-align: right;
    white-space: nowrap;
}

.eopt-project-settlements .eopt-settlement-total-label {
    display: none;
}

.eopt-project-bulk-toolbar {
    padding: 0.65rem 0.75rem;
    border: 1px solid #d7dee8;
    border-radius: 0.45rem;
    background: #f8fafc;
}

.eopt-project-bulk-toolbar .form-check-input,
.eopt-project-participant-bulk-cell .form-check-input,
.eopt-project-participant-bulk-head .form-check-input {
    margin-top: 0;
}

.eopt-project-participant-bulk-head,
.eopt-project-participant-bulk-cell {
    width: 2.75rem;
    min-width: 2.75rem;
    max-width: 2.75rem;
}

.eopt-project-embedded-list__table--participants th,
.eopt-project-embedded-list__table--participants td {
    vertical-align: middle;
}

.eopt-project-embedded-list__table--participants .eopt-project-participant-bulk-head,
.eopt-project-embedded-list__table--participants .eopt-project-participant-bulk-cell {
    padding-left: 0.8rem;
    padding-right: 0.45rem;
}

.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) th:first-child,
.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) td:first-child,
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk th:nth-child(2),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk td:nth-child(2) {
    width: 42%;
    white-space: normal;
}

.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(2),
.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(2),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk th:nth-child(3),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk td:nth-child(3) {
    width: 12%;
}

.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(3),
.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(3),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk th:nth-child(4),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk td:nth-child(4) {
    width: 14%;
}

.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(4),
.eopt-project-embedded-list__table--participants:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(4),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk th:nth-child(5),
.eopt-project-embedded-list__table--participants.eopt-project-embedded-list__table--with-bulk td:nth-child(5) {
    width: 16%;
}

.eopt-project-embedded-list__table--participants th:last-child,
.eopt-project-embedded-list__table--participants td:last-child {
    width: 6rem;
    text-align: right;
}

.eopt-project-embedded-list__table--ppe th,
.eopt-project-embedded-list__table--ppe td {
    vertical-align: middle;
}

.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:first-child,
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk td:first-child {
    width: 2.75rem;
    min-width: 2.75rem;
    max-width: 2.75rem;
    padding-left: 0.8rem;
    padding-right: 0.45rem;
}

.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:first-child,
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:first-child,
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(2),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk td:nth-child(2) {
    width: 30%;
    white-space: normal;
}

.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(2),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(2),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(3),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk td:nth-child(3) {
    width: 16%;
}

.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(3),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(3),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(4),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk td:nth-child(4) {
    width: 16%;
}

.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(4),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(4),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(5),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk td:nth-child(5) {
    width: 16%;
}

.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(5),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(5),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) th:nth-child(6),
.eopt-project-embedded-list__table--ppe:not(.eopt-project-embedded-list__table--with-bulk) td:nth-child(6),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(6),
.eopt-project-embedded-list__table--with-bulk.eopt-project-embedded-list__table--ppe td:nth-child(6),
.eopt-project-embedded-list__table--ppe.eopt-project-embedded-list__table--with-bulk th:nth-child(7),
.eopt-project-embedded-list__table--with-bulk.eopt-project-embedded-list__table--ppe td:nth-child(7) {
    width: 8.25rem;
    white-space: nowrap;
}

.eopt-project-embedded-list__table--ppe th:last-child,
.eopt-project-embedded-list__table--ppe td:last-child {
    width: 5.5rem;
    min-width: 5.5rem;
    text-align: right;
    white-space: nowrap;
}

.eopt-project-embedded-list__date {
    max-width: 9.5rem;
}

#eopt-project-price-modal .eopt-project-price-modal-dialog {
    max-width: min(1120px, calc(100vw - 2rem));
}

#eopt-project-price-modal .modal-content {
    border: 0;
    border-radius: 0.75rem;
    box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.22);
    overflow: visible;
}

#eopt-project-price-modal .modal-header {
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    padding: 1.25rem 1.5rem 1rem;
}

#eopt-project-price-modal .modal-title {
    color: #111827;
    font-size: 1.25rem;
    font-weight: 700;
}

#eopt-project-price-modal .modal-body {
    background: #f8fafc;
    overflow: visible;
    padding: 1.25rem 1.5rem 1.5rem;
}

#eopt-project-price-modal .modal-footer {
    background: #fff;
    border-top: 1px solid #e5e7eb;
    padding: 1rem 1.5rem;
}

#eopt-project-price-modal .form-label {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0.45rem;
}

#eopt-project-price-modal .form-control,
#eopt-project-price-modal .form-select {
    border-color: #cbd5e1;
    border-radius: 0.5rem;
    color: #111827;
    min-height: 2.6rem;
}

#eopt-project-price-modal .form-control:focus,
#eopt-project-price-modal .form-select:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.14);
}

#eopt-project-price-modal .chosen-container {
    width: 100% !important;
}

#eopt-project-price-modal .eopt-project-price-group-field > select.eopt-project-price-group-select {
    width: 100%;
}

#eopt-project-price-modal .eopt-project-price-group-field > select.eopt-project-price-group-select.chosen-done {
    display: none;
}

#eopt-project-price-modal .chosen-container-single .chosen-single {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    box-shadow: none;
    color: #111827;
    display: flex;
    height: 2.75rem;
    line-height: 2.75rem;
    padding: 0 2.35rem 0 0.85rem;
}

#eopt-project-price-modal .chosen-container-single .chosen-single span {
    color: #111827;
    margin-right: 0;
}

#eopt-project-price-modal .chosen-container-single .chosen-single div {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 2.15rem;
}

#eopt-project-price-modal .chosen-container-single .chosen-single div b {
    background-position: 0 0.25rem;
}

#eopt-project-price-modal .chosen-container-active .chosen-single,
#eopt-project-price-modal .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #2563eb;
    box-shadow: 0 0 0 0.18rem rgba(37, 99, 235, 0.14);
}

#eopt-project-price-modal .chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #bfdbfe;
    border-radius: 0.65rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.16);
    margin-top: 0.35rem;
    min-width: 100%;
    overflow: hidden;
    width: max-content;
    max-width: min(1040px, calc(100vw - 5rem));
}

#eopt-project-price-modal .chosen-container .chosen-search {
    padding: 0.55rem 0.65rem 0.35rem;
}

#eopt-project-price-modal .chosen-container .chosen-search input[type="text"] {
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.45rem;
    box-shadow: none;
    color: #111827;
    min-height: 2.35rem;
    padding: 0.45rem 2rem 0.45rem 0.65rem;
}

#eopt-project-price-modal .chosen-container .chosen-search input[type="text"]:focus {
    background-color: #fff;
    border-color: #2563eb;
    box-shadow: 0 0 0 0.16rem rgba(37, 99, 235, 0.13);
}

#eopt-project-price-modal .chosen-container .chosen-results {
    color: #1f2937;
    max-height: 360px;
    padding: 0.25rem 0.4rem 0.45rem;
}

#eopt-project-price-modal .chosen-container .chosen-results li {
    border-radius: 0.45rem;
    white-space: normal;
    line-height: 1.35;
    margin: 0.08rem 0;
    padding: 0.55rem 0.7rem;
}

#eopt-project-price-modal .chosen-container .chosen-results li.highlighted {
    background: #2563eb;
    color: #fff;
}

#eopt-project-price-modal .chosen-container .chosen-results li.result-selected {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
}

.eopt-project-prices table.helper-list th:first-child,
.eopt-project-prices table.helper-list td:first-child {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    text-align: center;
}

.eopt-project-prices table.helper-list th:first-child input,
.eopt-project-prices table.helper-list td:first-child input {
    max-width: 56px;
    margin-left: auto;
    margin-right: auto;
}
.eopt-workflow-quantity-approval-details > summary {
    list-style: none;
}

.eopt-workflow-quantity-approval-details > summary::-webkit-details-marker {
    display: none;
}

.eopt-workflow-quantity-approval-details[open] > summary .material-icons {
    transform: rotate(180deg);
}

.eopt-quantity-row-locked {
    opacity: .82;
}

/* Verification filters share the modern measurement input and dropdown UX. */
.eopt-verification-page .eopt-tool-filters,
.eopt-verification-page .eopt-tool-filters .card-body,
.eopt-verification-page .eopt-tool-filters form {
    overflow: visible;
}

.eopt-verification-page .eopt-tool-filters {
    position: relative;
    z-index: 6;
}

.eopt-verification-page form.eopt-measurement-filters {
    justify-content: flex-start;
    gap: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.eopt-verification-page .eopt-measurement-filters__input > .material-icons {
    z-index: 2;
}

.eopt-verification-page .eopt-measurement-filters__input--hierarchy .chosen-container {
    width: 100% !important;
    font-size: .875rem;
}

.eopt-verification-page .chosen-container .chosen-drop {
    z-index: 1080;
    margin-top: .3rem;
    overflow: hidden;
    border: 1px solid #d7e0ea;
    border-radius: .85rem;
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(15, 23, 42, .16);
}

.eopt-verification-page .chosen-container .chosen-search {
    padding: .65rem;
}

.eopt-verification-page .chosen-container .chosen-search input[type="text"] {
    min-height: 38px;
    padding: .45rem .75rem;
    border: 1px solid #d7e0ea;
    border-radius: .65rem;
    background: #fff;
    color: #0f172a;
}

.eopt-verification-page .chosen-container .chosen-results {
    max-height: 280px;
    margin: 0;
    padding: 0 .45rem .45rem;
    color: #0f172a;
}

.eopt-verification-page .chosen-container .chosen-results li {
    margin: .1rem 0;
    padding: .55rem .65rem;
    border-radius: .55rem;
    line-height: 1.3;
}

.eopt-verification-page .chosen-container .chosen-results li.highlighted {
    background: #2563eb;
    color: #fff;
}

.eopt-verification-page .chosen-container .chosen-results li.result-selected {
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 700;
}

.eopt-verification-page .eopt-verification-date-field .form-control,
.eopt-verification-page .eopt-verification-date-field .material-icons {
    cursor: pointer;
}

.eopt-invoice-preview-header {
    min-width: 0;
}

.eopt-invoice-preview-title {
    min-width: 0;
}

.eopt-invoice-preview-actions {
    min-width: 0;
    margin-left: auto;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.eopt-invoice-preview-action-form {
    min-width: 0;
}

.eopt-invoice-preview-action-btn,
.eopt-invoice-preview-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    white-space: nowrap;
}

.eopt-invoice-preview-icon-btn {
    min-width: 38px;
}

.eopt-invoice-preview-title-copy {
    cursor: pointer;
    color: #64748b;
    font-size: 20px;
}

.eopt-invoice-preview-title-copy:hover {
    color: #0d6efd;
}

.eopt-invoice-document-number {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.eopt-invoice-document-copy {
    cursor: pointer;
    color: #8aa0bf;
    font-size: 18px;
    line-height: 1;
}

.eopt-invoice-document-copy:hover {
    color: #0d6efd;
}

.eopt-invoice-summary-grid {
    display: grid;
    grid-template-columns: max-content repeat(4, minmax(150px, 1fr));
    gap: .65rem;
    align-items: stretch;
}

.eopt-invoice-summary-field {
    position: relative;
    min-width: 0;
    min-height: 58px;
    padding: .8rem .85rem .55rem;
    border: 1px solid #d7dee8;
    border-radius: 12px;
    background: #fff;
}

.eopt-invoice-summary-label {
    position: absolute;
    top: 0;
    left: .85rem;
    max-width: calc(100% - 1.7rem);
    padding: 0 .45rem;
    transform: translateY(-50%);
    background: #fff;
    color: #475569;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eopt-invoice-summary-value,
.eopt-invoice-summary-inline-value {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.eopt-invoice-summary-value {
    font-weight: 700;
    line-height: 1.25;
}

.eopt-invoice-summary-field--ppe {
    min-width: 88px;
    white-space: nowrap;
}

.eopt-invoice-summary-field--payment {
    min-width: 220px;
}

.eopt-invoice-summary-field--compliance {
    justify-self: end;
    min-width: 220px;
    width: 100%;
}

.eopt-invoice-payment-inline,
.eopt-invoice-compliance-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    white-space: nowrap;
}

.eopt-invoice-ppe-title-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    padding: .15rem .35rem;
    line-height: 1;
}

.eopt-invoice-ppe-title-link .material-icons {
    font-size: 18px;
}

.eopt-invoice-processing-cell {
    display: grid;
    gap: .3rem;
    justify-items: center;
    min-width: 150px;
}

.eopt-invoice-processing-cell__review {
    width: 150px;
}

.eopt-invoice-processing-cell__metrics {
    display: grid;
    gap: .2rem;
    width: 150px;
}

.eopt-invoice-processing-cell__metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    min-height: 20px;
    padding: .02rem 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.2;
}

.eopt-invoice-processing-cell__metric-label {
    font-weight: 600;
    white-space: nowrap;
}

.eopt-invoice-processing-cell__metric-value {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.eopt-invoice-processing-cell__metric-value .badge {
    white-space: nowrap;
}

.eopt-invoice-review-inline {
    min-width: 140px;
}

.eopt-invoice-review-inline__display {
    display: inline-block;
    width: 100%;
    padding: .15rem 0;
    border: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

.eopt-invoice-review-inline__display:hover {
    color: #0d6efd;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.eopt-invoice-review-inline__select {
    display: none;
    min-width: 140px;
}

.eopt-invoice-review-inline--editing .eopt-invoice-review-inline__display {
    display: none;
}

.eopt-invoice-review-inline--editing .eopt-invoice-review-inline__select {
    display: block;
}

.eopt-invoice-header-reports {
    max-width: min(100%, 980px);
}

.eopt-invoice-header-reports__links {
    min-width: 0;
}

.eopt-invoice-header-reports .btn {
    white-space: nowrap;
}

.eopt-invoice-payment-inline {
    min-width: 112px;
}

.eopt-invoice-payment-inline__display {
    display: inline-block;
    width: 100%;
    min-width: 112px;
    padding: .15rem 0;
    border: 0;
    background: transparent;
    font: inherit;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
}

.eopt-invoice-payment-inline--empty {
    min-width: 38px;
}

.eopt-invoice-payment-inline--empty .eopt-invoice-payment-inline__display {
    width: 38px;
    min-width: 38px;
    color: #64748b;
}

.eopt-invoice-payment-inline__display:hover {
    color: #0d6efd;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.eopt-invoice-payment-inline__badge {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eopt-invoice-payment-inline__badge--due {
    background: #c6007e;
    color: #fff;
}

.eopt-invoice-payment-inline__select {
    display: none;
    min-width: 132px;
}

.eopt-invoice-payment-inline--editing .eopt-invoice-payment-inline__display {
    display: none;
}

.eopt-invoice-payment-inline--editing .eopt-invoice-payment-inline__select {
    display: block;
}

.eopt-invoice-due-status-cell {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    white-space: nowrap;
}

.eopt-invoice-due-status-cell__date {
    font-variant-numeric: tabular-nums;
}

.eopt-invoice-due-status-cell .eopt-invoice-payment-inline {
    min-width: auto;
}

.eopt-invoice-due-status-cell .eopt-invoice-payment-inline__display {
    min-width: auto;
    width: auto;
}

.eopt-invoice-ppe-list {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .22rem;
    min-width: 0;
}

.eopt-invoice-ppe-list__item {
    max-width: 100%;
}

.eopt-invoice-ppe-code {
    gap: .42rem;
    line-height: 1.2;
}

.eopt-invoice-ppe-code > strong,
.eopt-invoice-ppe-code .eopt-measurement-ppe-code__value,
.eopt-invoice-ppe-code .eopt-measurement-ppe-code__link {
    display: inline-block;
    min-width: 150px;
    white-space: nowrap;
}

.eopt-invoice-ppe-code .eopt-measurement-ppe-copy-trigger,
.eopt-invoice-ppe-code .eopt-measurement-ppe-open-trigger {
    flex: 0 0 auto;
}

.eopt-invoice-ppe-tooltip {
    min-width: 280px;
    max-width: 460px;
    padding: .15rem 0;
}

.eopt-invoice-ppe-tooltip__title {
    margin-bottom: .45rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .02em;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    padding-bottom: .35rem;
}

.eopt-invoice-ppe-tooltip__row {
    display: block;
    padding: .22rem 0;
    line-height: 1.28;
}

.eopt-invoice-ppe-tooltip__label {
    color: #cbd5e1;
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

.eopt-invoice-ppe-tooltip__value {
    color: #fff;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.eopt-floating-tooltip .eopt-invoice-ppe-tooltip {
    display: grid;
    gap: .28rem;
}

.eopt-floating-tooltip .eopt-invoice-ppe-tooltip__title {
    display: block;
}

.eopt-floating-tooltip .eopt-invoice-ppe-tooltip__row {
    display: block;
}

.eopt-floating-tooltip .eopt-invoice-ppe-tooltip__label,
.eopt-floating-tooltip .eopt-invoice-ppe-tooltip__value {
    display: inline;
}

.eopt-invoice-payment-combined-filter {
    margin-top: .35rem;
}

.eopt-invoice-payment-status-filter {
    min-width: 190px;
}

.eopt-invoice-date-nowrap,
td[data-column-key="invoice_period_from"],
td[data-column-key="invoice_period_to"],
td[data-column-key="payment_due_date"] {
    min-width: 96px;
    white-space: nowrap;
}


.eopt-invoice-money-nowrap,
td[data-column-key="gross_amount"] {
    min-width: 118px;
    white-space: nowrap;
}

td[data-column-key="gross_amount"] {
    font-variant-numeric: tabular-nums;
}

.eopt-invoice-date-filter {
    min-width: 92px;
}

.eopt-date-filter-range {
    display: flex;
    gap: 6px;
    min-width: 190px;
}

.eopt-date-filter-range .eopt-invoice-date-filter {
    min-width: 92px;
}

.eopt-invoice-money-filter {
    min-width: 105px;
}

@media (max-width: 1199.98px) {
    .eopt-invoice-preview-header {
        align-items: stretch !important;
    }

    .eopt-invoice-preview-title {
        width: 100%;
    }

    .eopt-invoice-preview-actions {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .eopt-invoice-preview-actions {
        justify-content: stretch;
    }

    .eopt-invoice-preview-action-form,
    .eopt-invoice-preview-action-btn {
        flex: 1 1 160px;
    }

    .eopt-invoice-preview-action-form .eopt-invoice-preview-action-btn {
        width: 100%;
    }

    .eopt-invoice-preview-icon-btn {
        flex: 0 0 42px;
    }

    .eopt-invoice-summary-grid {
        grid-template-columns: 1fr;
    }
}