@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/BEWeb/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5an4yvvzx3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5an4yvvzx3] {
    flex: 1;
}

.sidebar[b-5an4yvvzx3] {
    background-color: rgb(5, 39, 103);
}

.top-row[b-5an4yvvzx3] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5an4yvvzx3]  a, .top-row[b-5an4yvvzx3]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5an4yvvzx3]  a:hover, .top-row[b-5an4yvvzx3]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5an4yvvzx3]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-5an4yvvzx3] {
        justify-content: space-between;
    }

    .top-row[b-5an4yvvzx3]  a, .top-row[b-5an4yvvzx3]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-5an4yvvzx3] {
        flex-direction: row;
    }

    .sidebar[b-5an4yvvzx3] {
        width: var(--sidebar-width, 250px);
        min-width: 150px;
        max-width: 600px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    /* Hidden state — toolbar inside sidebar toggles this class on .page
       (via beweb.toggleSidebar). The sidebar collapses entirely; the peek
       button below becomes visible for re-opening. */
    .page.sidebar-hidden .sidebar[b-5an4yvvzx3] {
        display: none;
    }

    /* Peek button — hidden by default; appears only when sidebar is hidden */
    .sidebar-peek[b-5an4yvvzx3] {
        display: none;
    }
    .page.sidebar-hidden .sidebar-peek[b-5an4yvvzx3] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 0.5rem;
        left: 0.5rem;
        z-index: 1050;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background: rgb(5, 39, 103);
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 3px;
        cursor: pointer;
    }
    .page.sidebar-hidden .sidebar-peek:hover[b-5an4yvvzx3] {
        background: rgb(7, 50, 130);
        border-color: rgba(255, 255, 255, 0.4);
    }
    .page.sidebar-hidden .sidebar-peek svg[b-5an4yvvzx3] {
        width: 16px;
        height: 16px;
    }

    .sidebar-resize-handle[b-5an4yvvzx3] {
        position: absolute;
        top: 0;
        right: -3px;
        width: 6px;
        height: 100%;
        cursor: ew-resize;
        z-index: 100;
        background: transparent;
        transition: background-color 0.15s;
    }
    .sidebar-resize-handle:hover[b-5an4yvvzx3],
    .sidebar-resize-handle.dragging[b-5an4yvvzx3] {
        background-color: rgba(0, 123, 255, 0.4);
    }

    .top-row[b-5an4yvvzx3] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5an4yvvzx3]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5an4yvvzx3], article[b-5an4yvvzx3] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-5an4yvvzx3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-5an4yvvzx3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/BEWeb/Components/Layout/NavMenu.razor.rz.scp.css */
/* ─── NavMenu outer chrome (top-row, navbar, scrollable container) ─── */

.navbar-toggler[b-d3gcv874r0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-d3gcv874r0] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-d3gcv874r0] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-d3gcv874r0] {
    font-size: 1.1rem;
}

.bi[b-d3gcv874r0] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.6rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-d3gcv874r0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-d3gcv874r0] {
    padding-bottom: 0.15rem;
}

.nav-item:first-of-type[b-d3gcv874r0] {
    padding-top: 0.5rem;
}

.nav-item:last-of-type[b-d3gcv874r0] {
    padding-bottom: 1rem;
}

/* Home link */
.nav-item[b-d3gcv874r0]  .home-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    min-height: 2.4rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    width: 100%;
    padding: 0.3rem 0.4rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
}
.nav-item[b-d3gcv874r0]  .home-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.nav-item[b-d3gcv874r0]  .home-link.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.37);
}

.nav-scrollable[b-d3gcv874r0] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-d3gcv874r0] {
    display: block;
}

/* ─── Toolbar at top of sidebar — fixed, doesn't scroll with menu list ─── */
.nav-toolbar[b-d3gcv874r0] {
    display: flex;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.nav-toolbar-btn[b-d3gcv874r0] {
    flex: 1;
    background: rgba(255, 255, 255, 0.06);
    color: #cfd8dc;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.nav-toolbar-btn:hover[b-d3gcv874r0] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}
.nav-toolbar-btn svg[b-d3gcv874r0] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

@media (min-width: 641px) {
    .navbar-toggler[b-d3gcv874r0] {
        display: none;
    }

    /* 3.5rem top-row banner + ~2.1rem nav-toolbar */
    .nav-scrollable[b-d3gcv874r0] {
        display: block;
        height: calc(100vh - 3.5rem - 2.1rem);
        overflow-y: auto;
    }
}

/* Sidebar search box */
[b-d3gcv874r0] .nav-search { border-bottom: 1px solid rgba(255,255,255,.12); }
[b-d3gcv874r0] .nav-search .form-control {
    background: rgba(255,255,255,.10);
    color: #fff;
    border-color: rgba(255,255,255,.20);
}
[b-d3gcv874r0] .nav-search .form-control::placeholder { color: rgba(255,255,255,.55); }
/* _content/BEWeb/Components/Layout/NavMenuItem.razor.rz.scp.css */
/* ─── Nav menu items (recursive) — proper Blazor CSS isolation ─── */

.nav-link[b-r76t3i8boq] {
    display: flex;
    align-items: center;
    width: 100%;
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    min-height: 2.2rem;
    line-height: 1.2;
    white-space: normal;
    word-break: break-word;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    text-decoration: none;
}

.nav-link:hover[b-r76t3i8boq] {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.nav-link.active[b-r76t3i8boq] {
    background-color: rgba(255, 255, 255, 0.37);
    color: #fff;
}

/* Top-level (depth-0) is bigger and starts close to the left edge */
.nav-link.depth-0[b-r76t3i8boq] {
    padding-left: 0.4rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: #ffffff;
}

.nav-link.depth-1[b-r76t3i8boq] {
    padding-left: 0.4rem;
    font-size: 0.82rem;
    color: #e8e8e8;
}

.nav-link.depth-2[b-r76t3i8boq] {
    padding-left: 0.4rem;
    font-size: 0.76rem;
    color: #e0e0e0;
}

.nav-link.depth-3[b-r76t3i8boq] {
    padding-left: 0.4rem;
    font-size: 0.72rem;
    color: #d8d8d8;
}

/* Leaves (no children) get an accent yellow color to stand out against the
   dark blue/purple gradient background — these are the actionable items. */
.nav-link.nav-leaf[b-r76t3i8boq] {
    color: #ffd966;
}
.nav-link.nav-leaf:hover[b-r76t3i8boq] {
    color: #ffea99;
    background-color: rgba(255, 255, 255, 0.1);
}
.nav-link.nav-leaf.active[b-r76t3i8boq] {
    color: #1a1a1a;
    background-color: #ffd966;
    font-weight: 500;
}

.menu-caption[b-r76t3i8boq] {
    flex: 1;
}

.chevron[b-r76t3i8boq] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
    margin-left: auto;
    padding-left: 0.4rem;
    min-width: 1rem;        /* σταθερό πλάτος ώστε leaf/group να έχουν ίδια κατανομή flex space */
    text-align: right;
}
.chevron.chevron-phantom[b-r76t3i8boq] {
    visibility: hidden;     /* αόρατο στα leaves, αλλά κρατάει τον χώρο */
}

.nav-link.nav-group.expanded[b-r76t3i8boq] {
    background-color: rgba(255, 255, 255, 0.04);
}

.status-dot[b-r76t3i8boq] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 0.45rem;
    flex-shrink: 0;
}
.status-dot.ok[b-r76t3i8boq]   { background: #22c55e; }
.status-dot.todo[b-r76t3i8boq] { background: #6b7280; }

/* Submenu container — indentation comes ONLY from the submenu's left margin,
   not from per-link padding. This keeps all leaves visually aligned. */
.submenu[b-r76t3i8boq] {
    margin-left: 0.7rem;
    padding-left: 0.4rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
/* _content/BEWeb/Components/Pages/AccDef/AccDefEdit.razor.rz.scp.css */
.accdef-page[b-nw6delk07y] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-nw6delk07y] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.accdef-page[b-nw6delk07y]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.accdef-page .be-tabs[b-nw6delk07y] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.accdef-page .be-tabs .nav-link[b-nw6delk07y] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.accdef-page .be-tabs .nav-link:hover[b-nw6delk07y] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.accdef-page .be-tabs .nav-link.active[b-nw6delk07y] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.accdef-page .tab-content[b-nw6delk07y] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}

/* Κινήσεις filter sticks above the scrollable trans table */
.accdef-page .be-trans-tab[b-nw6delk07y] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.accdef-page .be-trans-filter[b-nw6delk07y] { flex: 0 0 auto; }
.accdef-page .be-trans-scroll[b-nw6delk07y] { flex: 1 1 auto; overflow-y: auto; }
/* _content/BEWeb/Components/Pages/AccHead/AccHeadEdit.razor.rz.scp.css */
.acchead-page[b-vajreuderb] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-vajreuderb] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.acchead-page[b-vajreuderb]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.acchead-page .be-tabs[b-vajreuderb] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.acchead-page .be-tabs .nav-link[b-vajreuderb] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.acchead-page .be-tabs .nav-link:hover[b-vajreuderb] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.acchead-page .be-tabs .nav-link.active[b-vajreuderb] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.acchead-page .tab-content[b-vajreuderb] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}

/* Balance indicators */
.acchead-page .bal-ok[b-vajreuderb]   { color: #198754; font-weight: 600; }
.acchead-page .bal-warn[b-vajreuderb] { color: #b91c1c; font-weight: 600; }
/* _content/BEWeb/Components/Pages/Branches/BranchEdit.razor.rz.scp.css */
.branch-page[b-dwqpx2q3zx] {
    display: flex;
    flex-direction: column;
}

.branch-page .be-sticky-top[b-dwqpx2q3zx] {
    background-color: #fff;
    padding-bottom: 0.25rem;
}

/* BE-style dark tab strip — mirrors MarketerEdit.razor.css */
.branch-page .be-tabs[b-dwqpx2q3zx] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
    row-gap: 0.15rem;
}
.branch-page .be-tabs .nav-link[b-dwqpx2q3zx] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.branch-page .be-tabs .nav-link:hover[b-dwqpx2q3zx] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.branch-page .be-tabs .nav-link.active[b-dwqpx2q3zx] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.branch-page .tab-content[b-dwqpx2q3zx] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/BrandGroups/BrandGroupsPage.razor.rz.scp.css */
.brandgroups-page[b-44nfk8lf7y] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 8rem);
}

.brand-tree[b-44nfk8lf7y] {
    flex: 1 1 auto;
    overflow: auto;
    background-color: #fff;
    min-height: 300px;
}

.brand-tree ul[b-44nfk8lf7y] {
    list-style: none;
    padding-left: 1.1rem;
    margin: 0;
}
.brand-tree ul.tree-root[b-44nfk8lf7y] {
    padding-left: 0;
}

.brand-tree li[b-44nfk8lf7y] {
    margin: 0;
    padding: 0;
}

.tree-row[b-44nfk8lf7y] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.35rem;
    cursor: pointer;
    border-radius: 3px;
    user-select: none;
    font-size: 0.9rem;
    line-height: 1.3;
}
.tree-row:hover[b-44nfk8lf7y] {
    background-color: #eef3f7;
}
.tree-row.selected[b-44nfk8lf7y] {
    background-color: #cfe2ff;
}
.tree-row.match[b-44nfk8lf7y] {
    background-color: #fff3cd;
}
.tree-row.selected.match[b-44nfk8lf7y] {
    background-color: #ffe69c;
}

.tree-toggle[b-44nfk8lf7y] {
    display: inline-block;
    width: 1rem;
    color: #6c757d;
    font-size: 0.7rem;
    text-align: center;
    cursor: pointer;
}
.tree-toggle.empty[b-44nfk8lf7y] {
    cursor: default;
    color: #c0c8d0;
}

.tree-icon[b-44nfk8lf7y] {
    font-size: 0.9rem;
}
.tree-label[b-44nfk8lf7y] {
    flex: 1 1 auto;
}
/* _content/BEWeb/Components/Pages/Brands/BrandEdit.razor.rz.scp.css */
/* ─── Brand page layout: grid with fixed header + scrollable tab content ─── */
.brand-page[b-s93utm3zvx] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-s93utm3zvx] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

/* The tab body becomes its own scroll container */
.brand-body[b-s93utm3zvx] {
    overflow-y: auto;
    min-height: 0; /* required for grid children to shrink */
}

/* Κινήσεις tab: filter stays put, grid scrolls */
.brand-body.be-trans-tab[b-s93utm3zvx] {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    padding: 0.75rem;
}
.be-trans-filter[b-s93utm3zvx] {
    flex: 0 0 auto;
    background-color: #fff;
}
.be-trans-scroll[b-s93utm3zvx] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}
/* _content/BEWeb/Components/Pages/BrandSizes/BrandSizesPage.razor.rz.scp.css */
.size-grid[b-3ktj57q6zi] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem 0.6rem;
}

.size-cell[b-3ktj57q6zi] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
}

.size-cell label[b-3ktj57q6zi] {
    width: 1.8rem;
    text-align: right;
    flex: 0 0 auto;
}

.size-cell input[b-3ktj57q6zi] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 768px) {
    .size-grid[b-3ktj57q6zi] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/BEWeb/Components/Pages/BrandTrans/BrandTransEdit.razor.rz.scp.css */
/* Mirrors MarkTransEdit grid layout — sticky header, scrollable tab content */
.brandtrans-page[b-qntftuien4] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-qntftuien4] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.brandtrans-page[b-qntftuien4]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.brandtrans-page .be-tabs[b-qntftuien4] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.brandtrans-page .be-tabs .nav-link[b-qntftuien4] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.brandtrans-page .be-tabs .nav-link:hover[b-qntftuien4] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.brandtrans-page .be-tabs .nav-link.active[b-qntftuien4] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.brandtrans-page .tab-content[b-qntftuien4] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/Checks/CheckEdit.razor.rz.scp.css */
.check-page[b-71ws1v0qeb] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}
.be-sticky-top[b-71ws1v0qeb] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.check-page[b-71ws1v0qeb]  .tab-content { overflow-y: auto; min-height: 0; }
.check-page .be-tabs[b-71ws1v0qeb] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.check-page .be-tabs .nav-link[b-71ws1v0qeb] {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.check-page .be-tabs .nav-link:hover[b-71ws1v0qeb] { color:#fff; background-color: rgba(255,255,255,0.1); }
.check-page .be-tabs .nav-link.active[b-71ws1v0qeb] { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.check-page .tab-content[b-71ws1v0qeb] { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }
/* _content/BEWeb/Components/Pages/CheckTrans/CheckTransEdit.razor.rz.scp.css */
.checktrans-page[b-ggzhtvy1rg] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}
.be-sticky-top[b-ggzhtvy1rg] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.checktrans-page[b-ggzhtvy1rg]  .tab-content { overflow-y: auto; min-height: 0; }
.checktrans-page .be-tabs[b-ggzhtvy1rg] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.checktrans-page .be-tabs .nav-link[b-ggzhtvy1rg] {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.checktrans-page .be-tabs .nav-link:hover[b-ggzhtvy1rg] { color:#fff; background-color: rgba(255,255,255,0.1); }
.checktrans-page .be-tabs .nav-link.active[b-ggzhtvy1rg] { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.checktrans-page .tab-content[b-ggzhtvy1rg] { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }
/* _content/BEWeb/Components/Pages/ChkTblRecs/ChkTblRecEdit.razor.rz.scp.css */
.chktblrec-page[b-5oi2us5sy4] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}
.be-sticky-top[b-5oi2us5sy4] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.chktblrec-page[b-5oi2us5sy4]  .tab-content { overflow-y: auto; min-height: 0; }
.chktblrec-page .be-tabs[b-5oi2us5sy4] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.chktblrec-page .be-tabs .nav-link[b-5oi2us5sy4] {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.chktblrec-page .be-tabs .nav-link:hover[b-5oi2us5sy4] { color:#fff; background-color: rgba(255,255,255,0.1); }
.chktblrec-page .be-tabs .nav-link.active[b-5oi2us5sy4] { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.chktblrec-page .tab-content[b-5oi2us5sy4] { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }
/* _content/BEWeb/Components/Pages/Composition/CompositionEdit.razor.rz.scp.css */
.composition-page[b-hck8ponxgh] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-hck8ponxgh] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.composition-page[b-hck8ponxgh]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.composition-page .be-tabs[b-hck8ponxgh] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.composition-page .be-tabs .nav-link[b-hck8ponxgh] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.composition-page .be-tabs .nav-link:hover[b-hck8ponxgh] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.composition-page .be-tabs .nav-link.active[b-hck8ponxgh] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.composition-page .tab-content[b-hck8ponxgh] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}

/* Δείκτης 100% στο L_TotPercent */
.composition-page .pct-ok[b-hck8ponxgh] { color: #198754; font-weight: 600; }
.composition-page .pct-warn[b-hck8ponxgh] { color: #b91c1c; font-weight: 600; }
/* _content/BEWeb/Components/Pages/Contacts/ContactEdit.razor.rz.scp.css */
.contact-page[b-6rdzmdaf77] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-6rdzmdaf77] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.contact-page[b-6rdzmdaf77]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.contact-page .be-tabs[b-6rdzmdaf77] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.contact-page .be-tabs .nav-link[b-6rdzmdaf77] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.contact-page .be-tabs .nav-link:hover[b-6rdzmdaf77] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.contact-page .be-tabs .nav-link.active[b-6rdzmdaf77] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.contact-page .tab-content[b-6rdzmdaf77] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/FormScripts/FormScriptEdit.razor.rz.scp.css */
.be-script-page[b-icrh8wp0ov] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-script-toolbar[b-icrh8wp0ov] {
    background-color: #f6f7f9;
    border: 1px solid #d6dadd;
    border-radius: 4px;
    padding-block: 0.25rem;
    min-height: 36px;
}

.be-script-toolbar .vr[b-icrh8wp0ov] {
    height: 24px;
    color: #adb5bd;
}

textarea.be-script-memo[b-icrh8wp0ov] {
    flex: 1 1 auto;
    min-height: 0;
    font-size: 13px;
    line-height: 1.4;
    tab-size: 2;
    resize: none;
    white-space: pre;
    overflow: auto;
    background-color: #fbfbfc;
}
/* _content/BEWeb/Components/Pages/FxAssets/FxAssetEdit.razor.rz.scp.css */
.fxasset-page[b-qqy4ofy9f3] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-qqy4ofy9f3] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.fxasset-page[b-qqy4ofy9f3]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.fxasset-page .be-tabs[b-qqy4ofy9f3] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.fxasset-page .be-tabs .nav-link[b-qqy4ofy9f3] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.fxasset-page .be-tabs .nav-link:hover[b-qqy4ofy9f3] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.fxasset-page .be-tabs .nav-link.active[b-qqy4ofy9f3] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.fxasset-page .tab-content[b-qqy4ofy9f3] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/FxTrans/FxTransEdit.razor.rz.scp.css */
.fxtrans-page[b-snrmnfmchu] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-snrmnfmchu] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.fxtrans-page[b-snrmnfmchu]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.fxtrans-page .be-tabs[b-snrmnfmchu] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.fxtrans-page .be-tabs .nav-link[b-snrmnfmchu] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.fxtrans-page .be-tabs .nav-link:hover[b-snrmnfmchu] { color:#fff; background-color: rgba(255,255,255,0.1); }
.fxtrans-page .be-tabs .nav-link.active[b-snrmnfmchu] { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }

.fxtrans-page .tab-content[b-snrmnfmchu] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/InfoPanel/InfoPanel.razor.rz.scp.css */
.info-panel-page[b-cf8g7eg5sj] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.info-panel-page .be-tabs[b-cf8g7eg5sj] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.info-panel-page .be-tabs .nav-link[b-cf8g7eg5sj] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.info-panel-page .be-tabs .nav-link:hover[b-cf8g7eg5sj] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.info-panel-page .be-tabs .nav-link.active[b-cf8g7eg5sj] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.info-panel-body[b-cf8g7eg5sj] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-rows: 1fr 8rem;
    gap: 0.25rem;
    overflow: hidden;
}

.info-panel-tree[b-cf8g7eg5sj] {
    background-color: #fff;
    border: 1px solid #d6dadd;
    overflow-y: auto;
    padding: 0.25rem;
}

.info-panel-info[b-cf8g7eg5sj] {
    background-color: #f7f4f2;
    border: 1px solid #d6dadd;
    padding: 0.5rem 0.75rem;
    overflow-y: auto;
}

.info-panel-info .info-text[b-cf8g7eg5sj] {
    margin: 0;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.78rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: #333;
}

/* ─── Tree visuals ─── */
.info-tree[b-cf8g7eg5sj], .info-tree-children[b-cf8g7eg5sj] {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.info-tree-children[b-cf8g7eg5sj] {
    padding-left: 1.25rem;
    border-left: 1px solid rgba(0,0,0,0.05);
    margin-left: 0.5rem;
}
.info-tree-group[b-cf8g7eg5sj], .info-tree-leaf[b-cf8g7eg5sj] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
    user-select: none;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    line-height: 1.3;
    font-size: 0.85rem;
}
.info-tree-group[b-cf8g7eg5sj] {
    font-weight: 500;
    color: #1f3a5f;
}
.info-tree-group:hover[b-cf8g7eg5sj], .info-tree-leaf:hover[b-cf8g7eg5sj] {
    background-color: #eef4fb;
}
.info-tree-leaf.selected[b-cf8g7eg5sj] {
    background-color: #cfe2ff;
    color: #0a3d62;
    font-weight: 500;
}
.info-tree-chevron[b-cf8g7eg5sj] {
    width: 0.9rem;
    text-align: center;
    color: #777;
    font-size: 0.7rem;
}
.info-tree-icon[b-cf8g7eg5sj] {
    width: 1.1rem;
    text-align: center;
}

/* ::select lookup row hover — να συμβαδίζει με το κρεμ inline background του modal-content. */
[b-cf8g7eg5sj] .lookup-modal tbody tr:hover {
    background-color: #e3c891 !important;
    cursor: pointer;
}
/* _content/BEWeb/Components/Pages/Login.razor.rz.scp.css */
/* ───────────────────────── Solid ERP — Login ─────────────────────────
   Split layout: αριστερά glass login card, δεξιά animated tech hero.
   Σκόπιμα ΔΙΑΦΟΡΕΤΙΚΟ από PYLON (dark indigo/teal tech, όχι ροζ/cloud). */

.login-page[b-vqih3wdybp] {
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(380px, 44%) 1fr;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: #0b1020;
    overflow: hidden;
}

/* ───────── Αριστερό pane (login) ───────── */
.login-pane[b-vqih3wdybp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(1200px 600px at -10% -10%, rgba(99,102,241,0.10), transparent 60%),
        radial-gradient(900px 500px at 120% 120%, rgba(20,184,166,0.10), transparent 55%),
        #0e1426;
}

.login-card[b-vqih3wdybp] {
    width: 100%;
    max-width: 380px;
    padding: 2.4rem 2.2rem;
    border-radius: 22px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 30px 80px -20px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    animation: cardIn-b-vqih3wdybp .7s cubic-bezier(.16,1,.3,1) both;
}
@keyframes cardIn-b-vqih3wdybp { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }

.brand[b-vqih3wdybp] { margin-bottom: 1.8rem; }
.brand-logo[b-vqih3wdybp] { width: 100%; height: auto; display: block; filter: drop-shadow(0 4px 14px rgba(99,102,241,0.45)); }
.brand-tag[b-vqih3wdybp] { display: flex; align-items: center; gap: .55rem; margin-top: .7rem; }
.tag-pill[b-vqih3wdybp] {
    font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    color: #c7d2fe;
    background: linear-gradient(90deg, rgba(99,102,241,.25), rgba(20,184,166,.25));
    border: 1px solid rgba(199,210,254,.25);
    padding: .18rem .55rem; border-radius: 999px;
}
.tag-dot[b-vqih3wdybp] { width: 4px; height: 4px; border-radius: 50%; background: #475569; }
.tag-sub[b-vqih3wdybp] { font-size: .72rem; color: #64748b; }

.login-title[b-vqih3wdybp] { margin: 0; font-size: 1.7rem; font-weight: 700; color: #f1f5f9; letter-spacing: -.01em; }
.login-sub[b-vqih3wdybp] { margin: .3rem 0 1.4rem; font-size: .9rem; color: #94a3b8; }

.login-alert[b-vqih3wdybp] {
    margin-bottom: 1rem; padding: .6rem .85rem; border-radius: 11px; font-size: .85rem;
    color: #fecaca; background: rgba(239,68,68,0.12); border: 1px solid rgba(239,68,68,0.3);
}

.login-form[b-vqih3wdybp] { display: flex; flex-direction: column; gap: 1rem; }
.fld[b-vqih3wdybp] { display: flex; flex-direction: column; }
.login-form .form-label[b-vqih3wdybp] {
    font-size: .76rem; font-weight: 600; color: #94a3b8; margin-bottom: .35rem;
    text-transform: uppercase; letter-spacing: .03em;
}
.login-form .form-control[b-vqih3wdybp], .login-form .form-select[b-vqih3wdybp] {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    color: #e2e8f0; border-radius: 12px; padding: .7rem .9rem; font-size: .95rem;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.login-form .form-select option[b-vqih3wdybp] { background: #0e1426; color: #e2e8f0; }
.login-form .form-control[b-vqih3wdybp]::placeholder { color: #64748b; }
.login-form .form-control:focus[b-vqih3wdybp], .login-form .form-select:focus[b-vqih3wdybp] {
    background: rgba(255,255,255,0.07); border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.25); outline: none;
}

.btn-login[b-vqih3wdybp] {
    margin-top: .3rem; padding: .75rem; font-size: .98rem; font-weight: 700; letter-spacing: .02em;
    color: #fff; border: none; border-radius: 12px; cursor: pointer;
    background: linear-gradient(100deg, #6366f1, #8b5cf6 45%, #14b8a6);
    background-size: 180% 100%;
    box-shadow: 0 12px 30px -10px rgba(99,102,241,0.7);
    transition: background-position .5s, transform .12s, box-shadow .2s;
}
.btn-login:hover[b-vqih3wdybp] { background-position: 100% 0; box-shadow: 0 16px 40px -10px rgba(20,184,166,0.6); }
.btn-login:active[b-vqih3wdybp] { transform: translateY(1px); }

.login-foot[b-vqih3wdybp] {
    margin-top: 1.6rem; display: flex; align-items: center; gap: .5rem;
    font-size: .72rem; color: #64748b;
}
.foot-sep[b-vqih3wdybp] { opacity: .5; }

/* ───────── Δεξί pane (animated hero) ───────── */
.hero-pane[b-vqih3wdybp] {
    position: relative; overflow: hidden;
    background: linear-gradient(135deg, #111a3a 0%, #0c1430 50%, #0a1a2e 100%);
}
.hero-aurora[b-vqih3wdybp] { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .55; will-change: transform; }
.hero-aurora.a1[b-vqih3wdybp] { width: 520px; height: 520px; top: -120px; left: -80px;
    background: radial-gradient(circle, #6366f1, transparent 65%); animation: float1-b-vqih3wdybp 14s ease-in-out infinite; }
.hero-aurora.a2[b-vqih3wdybp] { width: 460px; height: 460px; bottom: -140px; right: -60px;
    background: radial-gradient(circle, #14b8a6, transparent 65%); animation: float2-b-vqih3wdybp 17s ease-in-out infinite; }
.hero-aurora.a3[b-vqih3wdybp] { width: 380px; height: 380px; top: 40%; left: 45%;
    background: radial-gradient(circle, #8b5cf6, transparent 65%); animation: float3-b-vqih3wdybp 20s ease-in-out infinite; }
@keyframes float1-b-vqih3wdybp { 0%,100%{ transform: translate(0,0) scale(1);} 50%{ transform: translate(60px,40px) scale(1.12);} }
@keyframes float2-b-vqih3wdybp { 0%,100%{ transform: translate(0,0) scale(1);} 50%{ transform: translate(-50px,-30px) scale(1.1);} }
@keyframes float3-b-vqih3wdybp { 0%,100%{ transform: translate(-50%,-50%) scale(1);} 50%{ transform: translate(-40%,-60%) scale(1.18);} }

.hero-grid[b-vqih3wdybp] {
    position: absolute; inset: -2px;
    background-image:
        linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
    background-size: 46px 46px;
    -webkit-mask-image: radial-gradient(circle at 60% 50%, #000 0%, transparent 75%);
    mask-image: radial-gradient(circle at 60% 50%, #000 0%, transparent 75%);
    animation: gridpan-b-vqih3wdybp 22s linear infinite;
}
@keyframes gridpan-b-vqih3wdybp { from { background-position: 0 0; } to { background-position: 46px 46px; } }

.hero-content[b-vqih3wdybp] {
    position: relative; z-index: 2; height: 100%;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2.4rem; padding: 2rem;
}

.hero-stack[b-vqih3wdybp] { position: relative; width: 360px; height: 320px; }
.g-card[b-vqih3wdybp] {
    position: absolute; border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06); backdrop-filter: blur(8px);
    box-shadow: 0 30px 70px -25px rgba(0,0,0,0.7);
}
.c-back[b-vqih3wdybp]  { inset: 30px 10px 70px 70px; transform: rotate(6deg);  opacity: .5;  animation: bob-b-vqih3wdybp 9s ease-in-out infinite; }
.c-mid[b-vqih3wdybp]   { inset: 20px 40px 50px 40px; transform: rotate(-4deg); opacity: .75; animation: bob-b-vqih3wdybp 8s ease-in-out infinite reverse; }
.c-front[b-vqih3wdybp] { inset: 40px 30px 30px 20px; transform: rotate(2deg);  padding: 1.4rem; display: flex; flex-direction: column; gap: 1rem; justify-content: center; animation: bob-b-vqih3wdybp 7s ease-in-out infinite; }
@keyframes bob-b-vqih3wdybp { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } }

.gc-row[b-vqih3wdybp] { display: flex; align-items: center; gap: .8rem; }
.gc-icon[b-vqih3wdybp] {
    font-size: 1.2rem; width: 38px; height: 38px; display: grid; place-items: center;
    border-radius: 11px; background: rgba(99,102,241,0.18); border: 1px solid rgba(99,102,241,0.3);
}
.gc-bars[b-vqih3wdybp] { flex: 1; display: flex; flex-direction: column; gap: .4rem; }
.gc-bars i[b-vqih3wdybp] { height: 7px; border-radius: 4px; display: block;
    background: linear-gradient(90deg, #6366f1, #14b8a6); animation: barpulse-b-vqih3wdybp 3s ease-in-out infinite; }
.gc-bars i:nth-child(2)[b-vqih3wdybp] { opacity: .55; animation-delay: .6s; }
@keyframes barpulse-b-vqih3wdybp { 0%,100%{ filter: brightness(1);} 50%{ filter: brightness(1.4);} }

.gc-spark[b-vqih3wdybp] {
    flex: 1; height: 34px; border-radius: 8px;
    background: repeating-linear-gradient(90deg, rgba(20,184,166,0) 0 14px, rgba(20,184,166,.5) 14px 15px);
    -webkit-mask: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    mask: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    position: relative; overflow: hidden;
}
.gc-spark[b-vqih3wdybp]::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    transform: translateX(-100%); animation: sweep-b-vqih3wdybp 2.6s ease-in-out infinite;
}
@keyframes sweep-b-vqih3wdybp { to { transform: translateX(120%); } }

.chip[b-vqih3wdybp] {
    position: absolute; font-size: .74rem; font-weight: 600; color: #e2e8f0;
    padding: .4rem .8rem; border-radius: 999px;
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(6px); box-shadow: 0 10px 24px -10px rgba(0,0,0,0.6);
    white-space: nowrap; animation: chipFloat-b-vqih3wdybp 6s ease-in-out infinite;
}
.chip-1[b-vqih3wdybp] { top: -14px; left: -28px; animation-delay: 0s; }
.chip-2[b-vqih3wdybp] { top: 26px; right: -42px; animation-delay: 1.2s; }
.chip-3[b-vqih3wdybp] { bottom: 6px; left: -44px; animation-delay: 2.1s; }
.chip-4[b-vqih3wdybp] { bottom: -18px; right: -20px; animation-delay: 3s; }
@keyframes chipFloat-b-vqih3wdybp { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } }

.orb[b-vqih3wdybp] { position: absolute; border-radius: 50%; filter: blur(1px); box-shadow: 0 0 16px 4px currentColor; }
.orb.o1[b-vqih3wdybp] { width: 8px; height: 8px; top: 10%; right: 8%; color: #14b8a6; animation: chipFloat-b-vqih3wdybp 5s ease-in-out infinite; }
.orb.o2[b-vqih3wdybp] { width: 6px; height: 6px; bottom: 18%; left: 6%; color: #8b5cf6; animation: chipFloat-b-vqih3wdybp 7s ease-in-out infinite; }
.orb.o3[b-vqih3wdybp] { width: 5px; height: 5px; top: 55%; right: 22%; color: #6366f1; animation: chipFloat-b-vqih3wdybp 6s ease-in-out infinite; }

.hero-caption[b-vqih3wdybp] { text-align: center; max-width: 440px; }
.hero-caption h2[b-vqih3wdybp] { margin: 0; font-size: 1.55rem; font-weight: 700; color: #f8fafc; letter-spacing: -.01em; }
.hero-caption h2 b[b-vqih3wdybp] {
    background: linear-gradient(90deg, #818cf8, #2dd4bf);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.hero-caption p[b-vqih3wdybp] { margin: .6rem 0 0; font-size: .92rem; color: #94a3b8; line-height: 1.5; }

@media (max-width: 900px) {
    .login-page[b-vqih3wdybp] { grid-template-columns: 1fr; }
    .hero-pane[b-vqih3wdybp] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .hero-aurora[b-vqih3wdybp], .hero-grid[b-vqih3wdybp], .g-card[b-vqih3wdybp], .chip[b-vqih3wdybp], .orb[b-vqih3wdybp], .gc-bars i[b-vqih3wdybp], .gc-spark[b-vqih3wdybp]::after, .login-card[b-vqih3wdybp] { animation: none !important; }
}
/* _content/BEWeb/Components/Pages/Marketers/MarketerEdit.razor.rz.scp.css */
/* ─── Marketer page layout: grid with fixed header + scrollable tab content ─── */
.marketer-page[b-n07ogz0nej] {
    display: grid;
    grid-template-rows: auto 1fr;
    /* viewport minus MainLayout's top-row (3.5rem) minus .content padding-top (~1.1rem) */
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-n07ogz0nej] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

/* The tab-content becomes its own scroll container */
.marketer-page[b-n07ogz0nej]  .tab-content {
    overflow-y: auto;
    min-height: 0; /* required for grid children to shrink */
}

/* ─── MIS / Attachments iframe (fills the tab content area) ─── */
.marketer-page[b-n07ogz0nej]  .be-iframe-host {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.marketer-page[b-n07ogz0nej]  .be-form-iframe {
    flex: 1;
    width: 100%;
    min-height: 60vh;
    border: 1px solid #d6dadd;
    border-radius: 4px;
}

/* ─── MarkTrans tab: filter panel stays put, table has its own scrollbar ─── */
.marketer-page[b-n07ogz0nej]  .be-marktrans-tab,
.marketer-page[b-n07ogz0nej]  .be-parheads-tab {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-filter,
.marketer-page[b-n07ogz0nej]  .be-parheads-filter {
    flex: 0 0 auto;
    background-color: #fff;
    border-bottom: 2px solid #adb5bd;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-scroll,
.marketer-page[b-n07ogz0nej]  .be-parheads-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

/* ─── CHKTBL rows in Παραστατικά grid get a subtle blue tint ─── */
.marketer-page[b-n07ogz0nej]  tr.be-chktbl-row > td {
    background-color: #eef4fb;
}

/* ─── MARKTRANS cell colors — defaults from BE uGlobals.pas ─── */
/* clMarketerTransDebitColor  = clAqua   (#00FFFF) */
/* clMarketerTransCreditColor = clLime   (#00FF00) */
/* clMarketerTransRemainColor = clYellow (#FFFF00) */
.marketer-page[b-n07ogz0nej]  td.be-debit  { background-color: #00FFFF !important; }
.marketer-page[b-n07ogz0nej]  td.be-credit { background-color: #00FF00 !important; }
.marketer-page[b-n07ogz0nej]  td.be-remain { background-color: #FFFF00 !important; }

/* ─── BE-style tab strip — dark background, light text ─── */
.be-tabs[b-n07ogz0nej] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
    row-gap: 0.15rem;
}

.be-tabs .nav-item[b-n07ogz0nej] {
    margin: 0 1px;
}

.be-tabs .nav-link[b-n07ogz0nej] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.1s, color 0.1s;
}

.be-tabs .nav-link:hover[b-n07ogz0nej] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.be-tabs .nav-link.active[b-n07ogz0nej] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

/* Tab content area: keep light, but soften the top border so it merges with dark strip */
.tab-content[b-n07ogz0nej] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/MarkTrans/MarkTransEdit.razor.rz.scp.css */
/* Mirrors MarketerEdit grid layout — sticky header, scrollable tab content */
.marktrans-page[b-vbcy3zr5q5] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-vbcy3zr5q5] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.marktrans-page[b-vbcy3zr5q5]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.marktrans-page .be-tabs[b-vbcy3zr5q5] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.marktrans-page .be-tabs .nav-link[b-vbcy3zr5q5] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.marktrans-page .be-tabs .nav-link:hover[b-vbcy3zr5q5] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.marktrans-page .be-tabs .nav-link.active[b-vbcy3zr5q5] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.marktrans-page .tab-content[b-vbcy3zr5q5] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/Par/ParEdit.razor.rz.scp.css */
.par-page[b-8u0m2o3sgv] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}
.be-sticky-top[b-8u0m2o3sgv] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.par-page[b-8u0m2o3sgv]  .tab-content { overflow-y: auto; min-height: 0; }

.par-page[b-8u0m2o3sgv]  .be-tabs {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link:hover { color:#fff; background-color: rgba(255,255,255,0.1); }
.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link.active { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.par-page[b-8u0m2o3sgv]  .tab-content { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }

.par-page[b-8u0m2o3sgv]  .items-section {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding: 0.6rem 0.75rem;
    border-radius: 4px;
    margin-top: 0.75rem;
}
.par-page[b-8u0m2o3sgv]  .items-section h6 { color: #ecf0f1; }
.par-page[b-8u0m2o3sgv]  .items-section .text-muted { color: #b0bec5 !important; }
.par-page[b-8u0m2o3sgv]  .items-section .alert { color: #ecf0f1; background-color: #34495e; border-color: #4a627a; }

.par-page[b-8u0m2o3sgv]  .lines-grid { font-size: 0.85rem; margin-bottom: 0; }
.par-page[b-8u0m2o3sgv]  .lines-grid > thead > tr > th {
    color: #ecf0f1; background-color: #34495e;
    border-color: #4a627a;
    font-weight: 500;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td {
    color: #ecf0f1; background-color: #2c3e50;
    border-color: #4a627a;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr:hover > td {
    background-color: #3b536b;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td a {
    color: #82b1ff; text-decoration: underline;
}
/* Bootstrap default: «fieldset:disabled .btn» → pointer-events: none.
   Το ⋯ button μέσα στις γραμμές πρέπει να παραμένει clickable και σε browse mode
   (χρήστης να βλέπει λοιπά πεδία χωρίς να μπει σε edit). */
.par-page[b-8u0m2o3sgv]  .lines-grid .row-action-btn {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr.brand-search-dropdown > td {
    background-color: #1e2a36;
    padding: 0;
}
.par-page[b-8u0m2o3sgv]  .brand-search-list {
    background-color: #eceff1;
}
.par-page[b-8u0m2o3sgv]  .brand-search-list .btn-link {
    color: #102027; text-decoration: none;
}
.par-page[b-8u0m2o3sgv]  .brand-search-list .btn-link:hover {
    background-color: #cfd8dc;
}
.par-page[b-8u0m2o3sgv]  .lines-grid input,
.par-page[b-8u0m2o3sgv]  .lines-grid select {
    font-size: 0.85rem; padding: 0.15rem 0.35rem;
    color: #102027; background-color: #eceff1;
    border-color: #4a627a;
}
.par-page[b-8u0m2o3sgv]  .lines-grid input:focus,
.par-page[b-8u0m2o3sgv]  .lines-grid select:focus {
    background-color: #fff; border-color: #82b1ff;
    box-shadow: 0 0 0 0.15rem rgba(130,177,255,.25);
}
/* _content/BEWeb/Components/Pages/ParAcc/ParAccEdit.razor.rz.scp.css */
.paracc-page[b-wy3snb7rir] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}
.be-sticky-top[b-wy3snb7rir] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}
.paracc-page[b-wy3snb7rir]  .tab-content { overflow-y: auto; min-height: 0; }
.paracc-page .be-tabs[b-wy3snb7rir] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.paracc-page .be-tabs .nav-link[b-wy3snb7rir] {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.paracc-page .be-tabs .nav-link:hover[b-wy3snb7rir] { color:#fff; background-color: rgba(255,255,255,0.1); }
.paracc-page .be-tabs .nav-link.active[b-wy3snb7rir] { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.paracc-page .tab-content[b-wy3snb7rir] { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }

.paracc-page .lines-grid[b-wy3snb7rir] { font-size: 0.85rem; }
.paracc-page .lines-grid input[b-wy3snb7rir],
.paracc-page .lines-grid select[b-wy3snb7rir] { font-size: 0.85rem; }

.paracc-page .bal-ok[b-wy3snb7rir]   { color: #198754; font-weight: 600; }
.paracc-page .bal-warn[b-wy3snb7rir] { color: #b91c1c; font-weight: 600; }
/* _content/BEWeb/Components/Pages/Salesmen/SalesmanEdit.razor.rz.scp.css */
/* ─── Salesman page layout — mirrors MarketerEdit.razor.css ─── */
/* Grid with auto-sized header (back-link + toolbar + h1 + tab strip) and
   1fr scrollable tab-content. Outer overflow hidden so only the tab body
   scrolls — the tab strip stays put. */
.salesman-page[b-rtgdqh0mx0] {
    display: grid;
    grid-template-rows: auto 1fr;
    /* viewport minus MainLayout's top-row (3.5rem) minus .content padding-top (~1.1rem) */
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-rtgdqh0mx0] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

/* The tab-content becomes its own scroll container */
.salesman-page[b-rtgdqh0mx0]  .tab-content {
    overflow-y: auto;
    min-height: 0; /* required for grid children to shrink */
}

.salesman-page .be-tabs[b-rtgdqh0mx0] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
    row-gap: 0.15rem;
}
.salesman-page .be-tabs .nav-link[b-rtgdqh0mx0] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.salesman-page .be-tabs .nav-link:hover[b-rtgdqh0mx0] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.salesman-page .be-tabs .nav-link.active[b-rtgdqh0mx0] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.salesman-page .tab-content[b-rtgdqh0mx0] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/Settings/SettingsPage.razor.rz.scp.css */
.settings-page[b-k8nfhwdlid] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
}

.be-sticky-top[b-k8nfhwdlid] {
    background-color: #fff;
    padding-bottom: 0.25rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

.settings-page[b-k8nfhwdlid]  .tab-content {
    overflow-y: auto;
    min-height: 0;
}

.settings-page .be-tabs[b-k8nfhwdlid] {
    background-color: #2c3e50;
    border: 1px solid #2c3e50;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.settings-page .be-tabs .nav-link[b-k8nfhwdlid] {
    color: #cfd8dc;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    line-height: 1.2;
    cursor: pointer;
}
.settings-page .be-tabs .nav-link:hover[b-k8nfhwdlid] {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}
.settings-page .be-tabs .nav-link.active[b-k8nfhwdlid] {
    color: #fff;
    background-color: #3498db;
    border-color: transparent;
    font-weight: 500;
}

.settings-page .tab-content[b-k8nfhwdlid] {
    background-color: #fff;
    border-color: #d6dadd !important;
    border-top: 0 !important;
}
/* _content/BEWeb/Components/Pages/TemplParAcc/TemplParAccEdit.razor.rz.scp.css */
.templparacc-page[b-sxb3k740le]  .be-tabs {
    background-color: #2c3e50;
    border: 1px solid #2c3e50; border-bottom: 0;
    margin-bottom: 0; padding: 0.2rem 0.25rem 0 0.25rem;
    border-radius: 4px 4px 0 0;
}
.templparacc-page[b-sxb3k740le]  .be-tabs .nav-link {
    color: #cfd8dc; background: transparent;
    border: 1px solid transparent; border-radius: 4px 4px 0 0;
    padding: 0.45rem 0.85rem; font-size: 0.85rem;
    line-height: 1.2; cursor: pointer;
}
.templparacc-page[b-sxb3k740le]  .be-tabs .nav-link:hover { color:#fff; background-color: rgba(255,255,255,0.1); }
.templparacc-page[b-sxb3k740le]  .be-tabs .nav-link.active { color:#fff; background-color:#3498db; border-color:transparent; font-weight:500; }
.templparacc-page[b-sxb3k740le]  .tab-content { background-color:#fff; border-color:#d6dadd!important; border-top:0!important; }
/* _content/BEWeb/Components/Shared/Lookup.razor.rz.scp.css */
.lookup[b-k4g08y1aww] {
    width: 100%;
}

.lookup-input[b-k4g08y1aww] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'%3e%3cpath d='M2 5l6 6 6-6z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 14px;
    padding-right: 1.8rem;
}

.lookup-results[b-k4g08y1aww] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    margin-top: 2px;
}

.lookup-item[b-k4g08y1aww] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 0.35rem 0.75rem;
    font-size: 0.9rem;
    color: #212529;
    cursor: pointer;
    user-select: none;
}

.lookup-item.lookup-clear[b-k4g08y1aww] {
    border-bottom: 1px solid #e9ecef;
}

.lookup-item:hover[b-k4g08y1aww] {
    background-color: #f1f3f5;
}

.lookup-item.active[b-k4g08y1aww] {
    background-color: #e7f1ff;
    font-weight: 500;
}

.lookup-code[b-k4g08y1aww] {
    display: inline-block;
    min-width: 3.5rem;
    color: #6c757d;
    font-family: monospace;
    margin-right: 0.6rem;
}

.lookup-descr[b-k4g08y1aww] {
    color: inherit;
}