@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;
}

.menu-code[b-r76t3i8boq] {
    color: #fbbf24;                 /* amber — διακριτικός κωδικός Tag */
    font-size: 0.7rem;
    font-family: monospace;
    margin-left: 0.35rem;
    opacity: 0.85;
    white-space: nowrap;
}

.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/Admin/AdminCompanies.razor.rz.scp.css */
.adm-count[b-78sk7e8o68] { font-size: .8rem; color: var(--bs-secondary-color); }

.adm-table-wrap[b-78sk7e8o68] { max-height: calc(100vh - 230px); overflow: auto;
    border: 1px solid var(--bs-border-color); border-radius: 8px; }
.adm-table-wrap thead th[b-78sk7e8o68] { position: sticky; top: 0; background: var(--bs-secondary-bg); z-index: 1; white-space: nowrap; }

.adm-ua[b-78sk7e8o68] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* _content/BEWeb/Components/Pages/Admin/AdminCompanyNew.razor.rz.scp.css */
.adm-form[b-eji6khmiin] { max-width: 560px; }
/* _content/BEWeb/Components/Pages/Admin/AdminHome.razor.rz.scp.css */
.adm-cards[b-f6bdaybrtu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: .9rem; }

.adm-card[b-f6bdaybrtu] { display: flex; gap: .9rem; align-items: center; text-decoration: none;
    border: 1px solid var(--bs-border-color); border-radius: 12px; padding: 1rem 1.1rem;
    background: var(--bs-body-bg); color: var(--bs-body-color); transition: .12s; }
.adm-card:hover[b-f6bdaybrtu] { border-color: #475569; box-shadow: 0 8px 22px -14px rgba(0,0,0,.4); transform: translateY(-1px); }

.adm-card-icon[b-f6bdaybrtu] { font-size: 1.9rem; line-height: 1; }
.adm-card-title[b-f6bdaybrtu] { font-weight: 700; }
.adm-card-desc[b-f6bdaybrtu] { font-size: .82rem; color: var(--bs-secondary-color); }
/* _content/BEWeb/Components/Pages/Admin/AdminLogins.razor.rz.scp.css */
.adm-filters[b-0ytcaklk3f] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .6rem; }
.adm-filters input[type=date][b-0ytcaklk3f], .adm-filters select[b-0ytcaklk3f] { width: auto; }
.adm-filters input[type=text][b-0ytcaklk3f] { width: 150px; }

.adm-count[b-0ytcaklk3f] { font-size: .8rem; color: var(--bs-secondary-color); margin-bottom: .3rem; }

.adm-table-wrap[b-0ytcaklk3f] { max-height: calc(100vh - 240px); overflow: auto;
    border: 1px solid var(--bs-border-color); border-radius: 8px; }
.adm-table-wrap thead th[b-0ytcaklk3f] { position: sticky; top: 0; background: var(--bs-secondary-bg); z-index: 1; white-space: nowrap; }

.adm-ua[b-0ytcaklk3f] { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: var(--bs-secondary-color); font-size: .75rem; }
/* _content/BEWeb/Components/Pages/Admin/AdminShell.razor.rz.scp.css */
.adm-wrap[b-sevo8h68xz] { max-width: 1140px; margin: 1.2rem auto; padding: 0 1rem; }

.adm-head[b-sevo8h68xz] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
    background: linear-gradient(110deg, #334155 0%, #475569 100%); color: #fff;
    border-radius: 12px; padding: .6rem 1.1rem; margin-bottom: 1rem; }
.adm-brand[b-sevo8h68xz] { font-size: 1.05rem; font-weight: 700; color: #fff; text-decoration: none; white-space: nowrap; }
.adm-brand:hover[b-sevo8h68xz] { color: #fff; opacity: .9; }

.adm-nav[b-sevo8h68xz] { display: flex; gap: .3rem; flex-wrap: wrap; flex: 1; }
.adm-nav-link[b-sevo8h68xz] { color: #e2e8f0; text-decoration: none; font-size: .85rem; padding: .25rem .6rem;
    border-radius: 999px; transition: .12s; white-space: nowrap; }
.adm-nav-link:hover[b-sevo8h68xz] { background: rgba(255,255,255,.15); color: #fff; }
.adm-nav-link.active[b-sevo8h68xz] { background: #fff; color: #334155; font-weight: 600; }

.adm-gate[b-sevo8h68xz] { max-width: 420px; margin: 2rem auto; padding: 1.4rem;
    border: 1px solid var(--bs-border-color); border-radius: 12px; background: var(--bs-body-bg); }

.adm-page-title[b-sevo8h68xz] { font-size: 1.15rem; font-weight: 700; margin: .2rem 0 .8rem; }
/* _content/BEWeb/Components/Pages/Admin/AdminStats.razor.rz.scp.css */
.adm-filters[b-z848o9w7aw] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .8rem; }
.adm-filters input[type=date][b-z848o9w7aw] { width: auto; }

.adm-cards-sum[b-z848o9w7aw] { display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: .9rem; }
.adm-sum[b-z848o9w7aw] { flex: 1; min-width: 120px; text-align: center; padding: .6rem .4rem;
    border: 1px solid var(--bs-border-color); border-radius: 10px; background: var(--bs-body-bg); }
.adm-sum-n[b-z848o9w7aw] { font-size: 1.5rem; font-weight: 700; line-height: 1.1; }
.adm-sum-l[b-z848o9w7aw] { font-size: .75rem; color: var(--bs-secondary-color); }
.adm-sum-warn .adm-sum-n[b-z848o9w7aw] { color: var(--bs-danger); }

.adm-table-wrap[b-z848o9w7aw] { max-height: calc(100vh - 290px); overflow: auto;
    border: 1px solid var(--bs-border-color); border-radius: 8px; }
.adm-table-wrap thead th[b-z848o9w7aw] { position: sticky; top: 0; background: var(--bs-secondary-bg); z-index: 1; white-space: nowrap; }
/* _content/BEWeb/Components/Pages/Assistant/Assistant.razor.rz.scp.css */
.assistant-wrap[b-m8rm3v93yr] { max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; min-height: calc(100vh - 120px); }

.asst-head[b-m8rm3v93yr] { display: flex; align-items: center; gap: .9rem; color: #fff;
    background: linear-gradient(110deg, #4f46e5 0%, #7c3aed 60%, #9333ea 100%);
    border-radius: 14px; padding: .85rem 1.15rem; margin-bottom: 1rem; box-shadow: 0 10px 26px -14px rgba(79,70,229,.6); }
.asst-head i[b-m8rm3v93yr] { font-size: 1.7rem; }
.asst-head h1[b-m8rm3v93yr] { font-size: 1.2rem; font-weight: 700; margin: 0; }

.asst-chat[b-m8rm3v93yr] { flex: 1; overflow-y: auto; padding: .25rem; display: flex; flex-direction: column; gap: .6rem; }

.asst-empty[b-m8rm3v93yr] { text-align: center; margin-top: 1.5rem; }
.asst-examples[b-m8rm3v93yr] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.asst-chip[b-m8rm3v93yr] { border: 1px solid var(--bs-border-color); background: var(--bs-body-bg); color: var(--bs-body-color);
    border-radius: 999px; padding: .4rem .9rem; font-size: .85rem; cursor: pointer; transition: .12s; }
.asst-chip:hover[b-m8rm3v93yr] { border-color: #7c3aed; color: #6d28d9; }
.asst-chip:disabled[b-m8rm3v93yr] { opacity: .5; cursor: default; }

.asst-msg[b-m8rm3v93yr] { display: flex; }
.asst-user[b-m8rm3v93yr] { justify-content: flex-end; }
.asst-bot[b-m8rm3v93yr] { justify-content: flex-start; }
.asst-bubble[b-m8rm3v93yr] { max-width: 88%; border-radius: 14px; padding: .6rem .85rem; font-size: .92rem; }
.asst-user .asst-bubble[b-m8rm3v93yr] { background: #4f46e5; color: #fff; border-bottom-right-radius: 4px; }
.asst-bot .asst-bubble[b-m8rm3v93yr] { background: var(--bs-secondary-bg, #f1f3f5); color: var(--bs-body-color); border-bottom-left-radius: 4px; }

.asst-answer[b-m8rm3v93yr] { white-space: pre-wrap; line-height: 1.45; }
.asst-table-wrap[b-m8rm3v93yr] { max-height: 360px; overflow: auto; border: 1px solid var(--bs-border-color); border-radius: 8px; }
.asst-table-wrap thead th[b-m8rm3v93yr] { position: sticky; top: 0; background: var(--bs-secondary-bg); }
.asst-sql pre[b-m8rm3v93yr] { background: #1e1e2e; color: #cdd6f4; padding: .5rem .65rem; border-radius: 8px; overflow-x: auto; }

.asst-input[b-m8rm3v93yr] { display: flex; gap: .5rem; align-items: stretch; margin-top: .75rem; }
.asst-input textarea[b-m8rm3v93yr] { resize: none; }
.asst-input .btn[b-m8rm3v93yr] { min-width: 3rem; font-size: 1.1rem; }
/* _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;
}

/* Two-column split (desktop ↔ web). Each column scrolls independently. */
.be-script-page .row[b-icrh8wp0ov] {
    flex: 1 1 auto;
    min-height: 0;
}

.be-script-page .row > [class*="col-"][b-icrh8wp0ov] {
    min-height: 0;
    overflow: auto;
}

textarea.be-webscript-memo[b-icrh8wp0ov] {
    font-size: 13px;
    line-height: 1.4;
    tab-size: 2;
    resize: vertical;
    white-space: pre;
    overflow: auto;
    min-height: 8rem;
    background-color: #fbfdff;
    border-radius: 0 0 0.25rem 0.25rem;
}
/* _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/Home.razor.rz.scp.css */
/* ── Hero ── */
.home-hero[b-qx9dqtrc9v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: 1.6rem 1.8rem;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(120deg, #0a7d34 0%, #0d9d44 45%, #14b8a6 100%);
    box-shadow: 0 10px 28px rgba(10, 125, 52, 0.25);
    margin-bottom: 1.6rem;
    position: relative;
    overflow: hidden;
}
.home-hero[b-qx9dqtrc9v]::after {
    content: "";
    position: absolute;
    right: -60px; top: -60px;
    width: 220px; height: 220px;
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
    pointer-events: none;
}
.hero-text h1[b-qx9dqtrc9v] {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 700;
}
.hero-text .uname[b-qx9dqtrc9v] { opacity: .92; }
.hero-text .company[b-qx9dqtrc9v] {
    margin: .25rem 0 0;
    font-size: 1.05rem;
    font-weight: 600;
    opacity: .95;
}
.hero-text .sub[b-qx9dqtrc9v] {
    margin: .15rem 0 0;
    font-size: .9rem;
    opacity: .8;
}

/* ── Brand corner (logo + moto) ── */
.hero-brand[b-qx9dqtrc9v] {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: rgba(255,255,255,.12);
    padding: .6rem .9rem;
    border-radius: 12px;
    backdrop-filter: blur(2px);
}
.hero-brand img[b-qx9dqtrc9v] {
    width: 46px; height: 46px;
    border-radius: 9px;
    background: #fff;
    padding: 4px;
    object-fit: contain;
}
.hero-brand .brand-lines[b-qx9dqtrc9v] { display: flex; flex-direction: column; line-height: 1.2; }
.hero-brand .brand-name[b-qx9dqtrc9v] { font-size: 1.1rem; }
.hero-brand .moto[b-qx9dqtrc9v] { font-size: .72rem; opacity: .85; max-width: 230px; }

/* ── Shortcuts ── */
.home-shortcuts h4[b-qx9dqtrc9v] { font-weight: 600; margin-bottom: .9rem; }

.tile-grid[b-qx9dqtrc9v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: .8rem;
}
.tile[b-qx9dqtrc9v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 1.1rem .6rem;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e6e8ec;
    text-decoration: none;
    color: #1f2937;
    text-align: center;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    position: relative;
    min-height: 110px;
}
.tile:hover[b-qx9dqtrc9v] {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(10, 125, 52, 0.15);
    border-color: #0d9d44;
    color: #0a7d34;
}
.tile-ico[b-qx9dqtrc9v] { font-size: 1.9rem; line-height: 1; }
.tile-cap[b-qx9dqtrc9v] { font-size: .82rem; font-weight: 500; }

.tile-off[b-qx9dqtrc9v] {
    background: #f8f9fa;
    color: #9aa1ab;
    cursor: not-allowed;
}
.tile-off:hover[b-qx9dqtrc9v] { transform: none; box-shadow: none; border-color: #e6e8ec; color: #9aa1ab; }
.tile-off .tile-ico[b-qx9dqtrc9v] { filter: grayscale(1); opacity: .6; }
.tile-badge[b-qx9dqtrc9v] {
    position: absolute;
    top: 6px; right: 6px;
    font-size: .58rem;
    background: #fde68a;
    color: #92400e;
    border-radius: 6px;
    padding: 1px 5px;
}
/* _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/Landing.razor.rz.scp.css */
/* ── Eris Retail — δημόσια landing (στιλ emblem.gr) ── */
.lp[b-bcg4v8orkq] {
    --navy: #052767;
    --blue: #1565d8;
    --blue-d: #0f4fb0;
    --ink: #1b2436;
    --muted: #5b6678;
    --soft: #f5f8fc;
    --line: #e4e9f2;
    --green: #1a9d52;
    color: var(--ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    line-height: 1.55;
    background: #fff;
}
.lp a[b-bcg4v8orkq] { text-decoration: none; }
.lp h2[b-bcg4v8orkq] { letter-spacing: -.01em; }

/* Buttons */
.lp .btn-solid[b-bcg4v8orkq] {
    display: inline-block; text-align: center; background: var(--blue); color: #fff;
    padding: .55rem 1.15rem; border-radius: 9px; font-weight: 600;
    border: 1px solid var(--blue); transition: background .15s;
}
.lp .btn-solid:hover[b-bcg4v8orkq] { background: var(--blue-d); border-color: var(--blue-d); }
.lp .btn-ghost[b-bcg4v8orkq] {
    display: inline-block; text-align: center; background: #fff; color: var(--navy);
    padding: .55rem 1.15rem; border-radius: 9px; font-weight: 600;
    border: 1px solid var(--line); transition: border-color .15s, background .15s;
}
.lp .btn-ghost:hover[b-bcg4v8orkq] { border-color: var(--blue); background: var(--soft); }
.lp .lg[b-bcg4v8orkq] { padding: .82rem 1.7rem; font-size: 1.05rem; border-radius: 11px; }

/* Header */
.lp-nav[b-bcg4v8orkq] {
    display: flex; align-items: center; gap: 1.5rem; padding: .85rem 2.2rem;
    border-bottom: 1px solid var(--line); position: sticky; top: 0;
    background: rgba(255,255,255,.92); backdrop-filter: blur(8px); z-index: 30;
}
.lp-brand[b-bcg4v8orkq] { display: flex; align-items: center; }
.lp-brand img[b-bcg4v8orkq] { height: 58px; width: auto; display: block; }
.lp-nav-links[b-bcg4v8orkq] { display: flex; gap: 1.3rem; margin-left: 1.5rem; }
.lp-nav-links a[b-bcg4v8orkq] { color: var(--muted); font-weight: 500; font-size: .96rem; }
.lp-nav-links a:hover[b-bcg4v8orkq] { color: var(--blue); }
.lp-nav-cta[b-bcg4v8orkq] { margin-left: auto; display: flex; align-items: center; gap: .6rem; }
.lp-nav-social[b-bcg4v8orkq] { display: flex; gap: .35rem; margin-right: .5rem; }
.lp-nav-social a[b-bcg4v8orkq] {
    width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center;
    color: var(--muted); font-size: 1.05rem; transition: all .15s;
}
.lp-nav-social a:hover[b-bcg4v8orkq] { color: var(--blue); background: var(--soft); }

/* Hero */
.lp-hero[b-bcg4v8orkq] {
    display: grid; grid-template-columns: 1.05fr .95fr; gap: 2.5rem; align-items: center;
    padding: 4rem 2.2rem 3.5rem; max-width: 1200px; margin: 0 auto;
}
.lp-eyebrow[b-bcg4v8orkq] {
    display: inline-block; font-size: .82rem; font-weight: 600; color: var(--blue);
    background: var(--soft); border: 1px solid var(--line); padding: .32rem .8rem;
    border-radius: 999px; margin-bottom: 1.1rem;
}
.lp-hero h1[b-bcg4v8orkq] { font-size: 2.85rem; line-height: 1.1; color: var(--navy); margin: 0 0 1rem; letter-spacing: -.02em; }
.lp-hero h1 .hl[b-bcg4v8orkq] { color: var(--blue); }
.lp-lead[b-bcg4v8orkq] { font-size: 1.18rem; color: var(--muted); margin: 0 0 1.7rem; max-width: 36ch; }
.lp-hero-cta[b-bcg4v8orkq] { display: flex; gap: .8rem; flex-wrap: wrap; }
.lp-hero-foot[b-bcg4v8orkq] { display: flex; gap: 1.3rem; flex-wrap: wrap; margin-top: 1.6rem; color: var(--muted); font-size: .9rem; }
.lp-hero-shot[b-bcg4v8orkq] { filter: drop-shadow(0 30px 50px rgba(5,39,103,.22)); }

/* Values */
.lp-values[b-bcg4v8orkq] {
    display: grid; grid-template-columns: repeat(4,1fr); gap: 1.3rem;
    max-width: 1200px; margin: 0 auto; padding: 1rem 2.2rem 3.5rem;
}
.lp-val[b-bcg4v8orkq] { background: var(--soft); border: 1px solid var(--line); border-radius: 14px; padding: 1.5rem 1.3rem; }
.lp-val-ico[b-bcg4v8orkq] {
    width: 46px; height: 46px; border-radius: 11px; background: #fff; border: 1px solid var(--line);
    display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: .9rem;
}
.lp-val h3[b-bcg4v8orkq] { font-size: 1.06rem; color: var(--navy); margin: 0 0 .5rem; }
.lp-val p[b-bcg4v8orkq] { font-size: .93rem; color: var(--muted); margin: 0; }

/* Showcase */
.lp-showcase[b-bcg4v8orkq] { max-width: 1100px; margin: 0 auto; padding: 2.5rem 2.2rem; }
.lp-show-head[b-bcg4v8orkq] { text-align: center; margin-bottom: 2.5rem; }
.lp-show-head h2[b-bcg4v8orkq] { font-size: 2rem; color: var(--navy); margin: 0 0 .4rem; }
.lp-show-head p[b-bcg4v8orkq] { color: var(--muted); margin: 0; }
.lp-show-row[b-bcg4v8orkq] { display: grid; grid-template-columns: 1fr 1.1fr; gap: 2.5rem; align-items: center; margin-bottom: 3rem; }
.lp-show-row.reverse .lp-show-txt[b-bcg4v8orkq] { order: 2; }
.lp-tag[b-bcg4v8orkq] {
    display: inline-block; font-size: .78rem; font-weight: 700; letter-spacing: .03em;
    text-transform: uppercase; color: var(--blue); background: #e7f0fe;
    padding: .25rem .65rem; border-radius: 6px; margin-bottom: .7rem;
}
.lp-show-txt h3[b-bcg4v8orkq] { font-size: 1.5rem; color: var(--navy); margin: 0 0 .6rem; }
.lp-show-txt p[b-bcg4v8orkq] { color: var(--muted); margin: 0 0 1rem; }
.lp-check[b-bcg4v8orkq] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .4rem; }
.lp-check li[b-bcg4v8orkq] { position: relative; padding-left: 1.6rem; color: var(--ink); font-size: .96rem; }
.lp-check li[b-bcg4v8orkq]::before {
    content: "✓"; position: absolute; left: 0; top: 0; color: var(--green); font-weight: 700;
    background: #e6f7ed; width: 1.15rem; height: 1.15rem; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: .75rem;
}
.lp-show-art[b-bcg4v8orkq] { filter: drop-shadow(0 24px 40px rgba(5,39,103,.18)); }
.lp-tag.light[b-bcg4v8orkq] { color: #cfe0ff; background: rgba(255,255,255,.12); }

/* Web & Desktop / Business Evolution */
.lp-hybrid[b-bcg4v8orkq] { background: linear-gradient(135deg, #0a2a63, #103e8f); color: #fff; padding: 3.5rem 2.2rem; }
.lp-hybrid-inner[b-bcg4v8orkq] { max-width: 1000px; margin: 0 auto; text-align: center; }
.lp-hybrid-inner h2[b-bcg4v8orkq] { font-size: 2rem; margin: .4rem 0 .6rem; }
.lp-hybrid-inner .hl2[b-bcg4v8orkq] { color: #7fb0ff; }
.lp-hybrid-lead[b-bcg4v8orkq] { color: #c6d6f3; font-size: 1.1rem; max-width: 60ch; margin: 0 auto 2.2rem; }
.lp-hybrid-cards[b-bcg4v8orkq] { display: flex; align-items: center; justify-content: center; gap: 1.2rem; flex-wrap: wrap; }
.lp-hybrid-card[b-bcg4v8orkq] {
    flex: 1 1 320px; max-width: 380px; text-align: left;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px; padding: 1.5rem;
}
.lp-hybrid-ico[b-bcg4v8orkq] { font-size: 1.8rem; margin-bottom: .5rem; }
.lp-hybrid-card h3[b-bcg4v8orkq] { font-size: 1.15rem; margin: 0 0 .5rem; }
.lp-hybrid-card p[b-bcg4v8orkq] { color: #c6d6f3; font-size: .95rem; margin: 0; }
.lp-hybrid-card strong[b-bcg4v8orkq] { color: #fff; }
.lp-hybrid-plus[b-bcg4v8orkq] { font-size: 2rem; font-weight: 700; color: #7fb0ff; }

/* Από τη Semantic */
.lp-about[b-bcg4v8orkq] { padding: 3.2rem 2.2rem; }
.lp-about-inner[b-bcg4v8orkq] { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2.5rem; align-items: center; }
.lp-about-txt h2[b-bcg4v8orkq] { font-size: 1.8rem; color: var(--navy); margin: .3rem 0 .7rem; }
.lp-about-txt p[b-bcg4v8orkq] { color: var(--muted); margin: 0 0 1.2rem; font-size: 1.02rem; }
.lp-about-txt strong[b-bcg4v8orkq] { color: var(--navy); }
.lp-about-links[b-bcg4v8orkq] { display: flex; gap: .7rem; flex-wrap: wrap; }
.lp-about-badges[b-bcg4v8orkq] { display: grid; gap: .7rem; }
.lp-badge[b-bcg4v8orkq] {
    display: flex; align-items: center; gap: .6rem; background: var(--soft);
    border: 1px solid var(--line); border-left: 4px solid var(--green);
    border-radius: 10px; padding: .7rem .95rem; color: var(--navy); font-weight: 600; font-size: .95rem;
}
.lp-badge span[b-bcg4v8orkq] { color: var(--green); font-weight: 800; }

/* Capabilities */
.lp-caps[b-bcg4v8orkq] { background: var(--soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 3rem 2.2rem; }
.lp-caps h2[b-bcg4v8orkq] { text-align: center; font-size: 1.9rem; color: var(--navy); margin: 0 0 2rem; }
.lp-caps-grid[b-bcg4v8orkq] { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; max-width: 1100px; margin: 0 auto; }
.lp-cap[b-bcg4v8orkq] { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 1.2rem; display: flex; flex-direction: column; gap: .3rem; }
.lp-cap-ico[b-bcg4v8orkq] { font-size: 1.5rem; }
.lp-cap strong[b-bcg4v8orkq] { color: var(--navy); font-size: 1rem; }
.lp-cap-d[b-bcg4v8orkq] { color: var(--muted); font-size: .9rem; }

/* Stats */
.lp-stats[b-bcg4v8orkq] { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; max-width: 1000px; margin: 0 auto; padding: 3rem 2.2rem; text-align: center; }
.lp-stat b[b-bcg4v8orkq] { display: block; font-size: 2.2rem; color: var(--blue); line-height: 1.1; }
.lp-stat span[b-bcg4v8orkq] { color: var(--muted); font-size: .95rem; }

/* Testimonials */
.lp-testi[b-bcg4v8orkq] { background: var(--navy); color: #fff; padding: 3.2rem 2.2rem; }
.lp-testi h2[b-bcg4v8orkq] { text-align: center; font-size: 1.9rem; margin: 0 0 2rem; }
.lp-testi-grid[b-bcg4v8orkq] { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; max-width: 1200px; margin: 0 auto; }
.lp-quote[b-bcg4v8orkq] { margin: 0; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); border-radius: 14px; padding: 1.3rem; }
.lp-quote blockquote[b-bcg4v8orkq] { margin: 0 0 .8rem; font-size: .96rem; line-height: 1.5; }
.lp-quote figcaption[b-bcg4v8orkq] { color: #aebfe0; font-size: .85rem; font-weight: 600; }

/* Pricing */
.lp-pricing[b-bcg4v8orkq] { max-width: 1150px; margin: 0 auto; padding: 3.5rem 2.2rem; }
.lp-price-head[b-bcg4v8orkq] { text-align: center; margin-bottom: 2.2rem; }
.lp-price-head h2[b-bcg4v8orkq] { font-size: 2rem; color: var(--navy); margin: 0 0 .4rem; }
.lp-price-head p[b-bcg4v8orkq] { color: var(--muted); margin: 0; }
.lp-price-grid[b-bcg4v8orkq] { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.1rem; align-items: stretch; }
.lp-plan[b-bcg4v8orkq] {
    position: relative; border: 1px solid var(--line); border-radius: 16px; padding: 1.6rem 1.3rem;
    background: #fff; display: flex; flex-direction: column;
}
.lp-plan.featured[b-bcg4v8orkq] { border: 2px solid var(--blue); box-shadow: 0 20px 45px -22px rgba(21,101,216,.55); }
.lp-plan-badge[b-bcg4v8orkq] {
    position: absolute; top: -.8rem; left: 50%; transform: translateX(-50%);
    background: var(--blue); color: #fff; font-size: .75rem; font-weight: 700;
    padding: .2rem .7rem; border-radius: 999px;
}
.lp-plan h3[b-bcg4v8orkq] { font-size: 1.2rem; color: var(--navy); margin: 0 0 .5rem; }
.lp-plan-price[b-bcg4v8orkq] { display: flex; align-items: baseline; gap: .15rem; }
.lp-plan-price .amt[b-bcg4v8orkq] { font-size: 2.3rem; font-weight: 800; color: var(--navy); }
.lp-plan-price .per[b-bcg4v8orkq] { color: var(--muted); font-weight: 600; }
.lp-plan-year[b-bcg4v8orkq] { color: var(--muted); font-size: .85rem; margin-bottom: 1rem; }
.lp-plan-lim[b-bcg4v8orkq] { list-style: none; padding: 0; margin: 0 0 1.2rem; display: flex; flex-direction: column; gap: .45rem; flex-grow: 1; }
.lp-plan-lim li[b-bcg4v8orkq] { font-size: .92rem; color: var(--ink); border-bottom: 1px dashed var(--line); padding-bottom: .45rem; }
.lp-plan-lim b[b-bcg4v8orkq] { color: var(--navy); }
.lp-plan-cta[b-bcg4v8orkq] { width: 100%; }
.lp-price-shared[b-bcg4v8orkq] {
    margin-top: 1.6rem; background: var(--soft); border: 1px solid var(--line); border-radius: 12px;
    padding: 1.1rem 1.3rem; color: var(--muted); font-size: .92rem; line-height: 1.7;
}
.lp-price-shared strong[b-bcg4v8orkq] { color: var(--navy); }
.lp-price-desktop[b-bcg4v8orkq] {
    margin-top: 1rem; background: #e7f0fe; border: 1px solid #bcd4fb; border-radius: 12px;
    padding: 1rem 1.3rem; color: var(--ink); font-size: .98rem; text-align: center;
}
.lp-price-desktop strong[b-bcg4v8orkq] { color: var(--navy); }

/* FAQ */
.lp-faq[b-bcg4v8orkq] { max-width: 820px; margin: 0 auto; padding: 2.5rem 2.2rem 3.5rem; }
.lp-faq h2[b-bcg4v8orkq] { text-align: center; font-size: 1.9rem; color: var(--navy); margin: 0 0 1.6rem; }
.lp-faq-list[b-bcg4v8orkq] { display: flex; flex-direction: column; gap: .7rem; }
.lp-faq-item[b-bcg4v8orkq] { border: 1px solid var(--line); border-radius: 11px; background: #fff; overflow: hidden; }
.lp-faq-item summary[b-bcg4v8orkq] {
    cursor: pointer; padding: 1rem 1.2rem; font-weight: 600; color: var(--navy);
    list-style: none; display: flex; justify-content: space-between; align-items: center;
}
.lp-faq-item summary[b-bcg4v8orkq]::-webkit-details-marker { display: none; }
.lp-faq-item summary[b-bcg4v8orkq]::after { content: "+"; color: var(--blue); font-size: 1.3rem; font-weight: 400; }
.lp-faq-item[open] summary[b-bcg4v8orkq]::after { content: "–"; }
.lp-faq-a[b-bcg4v8orkq] { padding: 0 1.2rem 1.1rem; color: var(--muted); }

/* CTA */
.lp-cta[b-bcg4v8orkq] { text-align: center; padding: 3.4rem 2.2rem; background: linear-gradient(135deg, #e7f0fe, #f5f9ff); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lp-cta h2[b-bcg4v8orkq] { font-size: 1.85rem; color: var(--navy); margin: 0 0 .4rem; }
.lp-cta p[b-bcg4v8orkq] { color: var(--muted); margin: 0 0 1.5rem; }
.lp-cta-btns[b-bcg4v8orkq] { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; }

/* Footer */
.lp-foot[b-bcg4v8orkq] { background: var(--soft); border-top: 1px solid var(--line); padding: 2.5rem 2.2rem 1.4rem; }
.lp-foot-cols[b-bcg4v8orkq] { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.6fr 1fr 1.2fr 1fr; gap: 2rem; }
.lp-foot-col h4[b-bcg4v8orkq] { font-size: .95rem; color: var(--navy); margin: 0 0 .8rem; text-transform: uppercase; letter-spacing: .03em; }
.lp-foot-brand[b-bcg4v8orkq] { display: flex; align-items: center; gap: .55rem; color: var(--navy); margin-bottom: .7rem; }
.lp-foot-brand img[b-bcg4v8orkq] { height: 28px; }
.lp-foot-brand strong[b-bcg4v8orkq] { color: var(--blue); }
.lp-foot-about p[b-bcg4v8orkq] { color: var(--muted); font-size: .9rem; margin: 0; max-width: 34ch; }
.lp-foot-col ul[b-bcg4v8orkq] { list-style: none; padding: 0; margin: 0; }
.lp-foot-contact li[b-bcg4v8orkq], .lp-foot-nav li[b-bcg4v8orkq] { margin: .35rem 0; }
.lp-foot-contact a[b-bcg4v8orkq], .lp-foot-nav a[b-bcg4v8orkq] { color: var(--muted); }
.lp-foot-contact a:hover[b-bcg4v8orkq], .lp-foot-nav a:hover[b-bcg4v8orkq] { color: var(--blue); }
.lp-foot-offices li[b-bcg4v8orkq] { margin: .55rem 0; display: flex; flex-direction: column; }
.lp-foot-offices strong[b-bcg4v8orkq] { color: var(--navy); font-size: .92rem; }
.lp-foot-offices span[b-bcg4v8orkq] { color: var(--muted); font-size: .85rem; }
.lp-foot-social[b-bcg4v8orkq] { display: flex; gap: .6rem; margin-top: 1rem; }
.lp-foot-social a[b-bcg4v8orkq] {
    width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid var(--line); color: var(--navy); font-size: 1.1rem; transition: all .15s;
}
.lp-foot-social a:hover[b-bcg4v8orkq] { background: var(--blue); border-color: var(--blue); color: #fff; }
.lp-foot-copy[b-bcg4v8orkq] { max-width: 1200px; margin: 1.6rem auto 0; font-size: .85rem; color: #9aa6ba; border-top: 1px solid var(--line); padding-top: 1.1rem; }

/* ── Screenshots φορμών ── */
.shot[b-bcg4v8orkq] {
    width: 100%; height: auto; display: block; border-radius: 12px;
    border: 1px solid var(--line); background: #fff;
}

/* Responsive */
@media (max-width: 980px) {
    .lp-hero[b-bcg4v8orkq] { grid-template-columns: 1fr; }
    .lp-values[b-bcg4v8orkq] { grid-template-columns: repeat(2,1fr); }
    .lp-caps-grid[b-bcg4v8orkq] { grid-template-columns: repeat(2,1fr); }
    .lp-stats[b-bcg4v8orkq] { grid-template-columns: repeat(2,1fr); }
    .lp-testi-grid[b-bcg4v8orkq] { grid-template-columns: repeat(2,1fr); }
    .lp-price-grid[b-bcg4v8orkq] { grid-template-columns: repeat(2,1fr); }
    .lp-show-row[b-bcg4v8orkq], .lp-show-row.reverse .lp-show-txt[b-bcg4v8orkq] { grid-template-columns: 1fr; order: 0; }
    .lp-about-inner[b-bcg4v8orkq] { grid-template-columns: 1fr; }
    .lp-foot-cols[b-bcg4v8orkq] { grid-template-columns: 1fr 1fr; }
    .lp-nav-links[b-bcg4v8orkq] { display: none; }
    .lp-hero h1[b-bcg4v8orkq] { font-size: 2.2rem; }
}
@media (max-width: 560px) {
    .lp-values[b-bcg4v8orkq], .lp-caps-grid[b-bcg4v8orkq], .lp-stats[b-bcg4v8orkq], .lp-testi-grid[b-bcg4v8orkq], .lp-price-grid[b-bcg4v8orkq] { grid-template-columns: 1fr; }
    .lp-foot-cols[b-bcg4v8orkq] { grid-template-columns: 1fr; }
    .lp-nav-social[b-bcg4v8orkq] { display: none; }
    .lp-brand img[b-bcg4v8orkq] { height: 46px; }
}
/* _content/BEWeb/Components/Pages/Login.razor.rz.scp.css */
/* ───────────────────────── Eris Retail — 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; }
}

.login-remember[b-vqih3wdybp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: -.25rem 0 .25rem;
    font-size: .9rem;
    color: #4b5563;
    cursor: pointer;
    user-select: none;
}
.login-remember input[type="checkbox"][b-vqih3wdybp] {
    width: 1rem;
    height: 1rem;
    accent-color: #2563eb;
    cursor: pointer;
}
/* _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/Pos/Pos.razor.rz.scp.css */
/* ERIS Web POS — πιστή διάταξη ERIS Retail (light theme), tablets landscape, fixed 100vh χωρίς page scroll */

.pos-root[b-hvwtzuwskn] {
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #c7ccd4;
    color: #1d2430;
    font-family: 'Segoe UI', system-ui, sans-serif;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.pos-center[b-hvwtzuwskn] { flex: 1; display: flex; align-items: center; justify-content: center; }
.pos-loading[b-hvwtzuwskn] { font-size: 1.6rem; color: #5a6675; }
.pos-fatal[b-hvwtzuwskn] { font-size: 1.2rem; color: #b00020; max-width: 36rem; text-align: center; }

/* ── Λεπτή κορυφή ── */
.pos-top[b-hvwtzuwskn] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .3rem .8rem;
    background: #39414d;
    color: #e9edf2;
    flex: 0 0 auto;
}
.pos-brand[b-hvwtzuwskn] { font-size: 1.1rem; letter-spacing: .04em; color: #f0b53c; }
.pos-brand b[b-hvwtzuwskn] { color: #fff; font-weight: 700; }
.pos-top-fill[b-hvwtzuwskn] { flex: 1; }
.top-info[b-hvwtzuwskn] { font-size: .9rem; color: #c8d2dd; }
.top-logout[b-hvwtzuwskn] { margin: 0; display: flex; }
.top-link[b-hvwtzuwskn] { color: #e9edf2; text-decoration: none; font-size: 1.15rem; padding: .1rem .5rem;
            background: none; border: none; cursor: pointer; line-height: 1; }

/* ── Κύριο πλέγμα: κατηγορίες | είδη | λίστα πώλησης | ενέργειες ── */
.pos-main[b-hvwtzuwskn] {
    flex: 1;
    display: grid;
    grid-template-columns: 8.5rem 1fr 24rem 10.5rem;
    min-height: 0;
}

/* ── Διευρυμένη προβολή (hhh.jpg): εργαλεία | λίστα σε όλο το πλάτος | ενέργειες ── */
.pos-main.big[b-hvwtzuwskn] { grid-template-columns: 9.5rem 1fr 10.5rem; }
.big-tools[b-hvwtzuwskn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    background: #aab1bb;
    border-right: 1px solid #8b939f;
    padding: .3rem;
    gap: .3rem;
}
.bt-pair[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 2.6rem; gap: .3rem; }
.btn.bt[b-hvwtzuwskn] {
    min-height: 3.1rem;
    font-size: .85rem;
    line-height: 1.15;
    white-space: normal;
    padding: .3rem .25rem;
}
.btn.bt.step[b-hvwtzuwskn] { font-size: 1.4rem; font-weight: 700; }
.bt-fill[b-hvwtzuwskn] { flex: 1; }
.pos-main.big .sale-panel[b-hvwtzuwskn] { border-left: none; }
.pos-main.big .line-tools[b-hvwtzuwskn] { display: none; }   /* τα εργαλεία γραμμής είναι στην αριστερή στήλη */
.pos-main.big .cart-lines table[b-hvwtzuwskn] { font-size: 1rem; }
.pos-main.big .cart-lines th.c-descr[b-hvwtzuwskn] { width: 56%; }
.pos-main.big .cart-lines th.c-num[b-hvwtzuwskn] { width: 11%; }
.cus-tab.expander[b-hvwtzuwskn] { flex: 0 0 3rem; font-size: 1.05rem; font-weight: 700; }

/* ── Κατηγορίες (αριστερά) ── */
.cat-strip[b-hvwtzuwskn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #aab1bb;
    border-right: 1px solid #8b939f;
    padding: .3rem;
    gap: .3rem;
}
.cat-list[b-hvwtzuwskn] { flex: 1; overflow-y: auto; min-height: 0; display: flex; flex-direction: column; gap: .3rem; }
.cat-btn[b-hvwtzuwskn] {
    position: relative;
    min-height: 4.6rem;
    border: 1px solid #5d6671;
    border-radius: .35rem;
    background: #6c7681;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    padding: .4rem .45rem;
    text-align: left;
    line-height: 1.15;
    flex: 0 0 auto;
}
.cat-btn:active[b-hvwtzuwskn] { background: #7d8894; }
.cat-btn.sel[b-hvwtzuwskn] { background: #e8716d; border-color: #c4504c; }
.cat-btn.cat-home[b-hvwtzuwskn] { background: #545d68; text-align: center; min-height: 3.4rem; }
.cat-btn.cat-home.sel[b-hvwtzuwskn] { background: #e8716d; }
.cat-btn.cat-back[b-hvwtzuwskn] { background: #545d68; min-height: 2.6rem; font-size: .78rem; overflow: hidden; text-overflow: ellipsis; }
.cat-descr[b-hvwtzuwskn] { display: block; padding-right: 1.3rem; word-break: break-word; }
.cat-cnt[b-hvwtzuwskn] {
    position: absolute;
    top: .3rem;
    right: .3rem;
    background: #fff;
    color: #39414d;
    font-size: .72rem;
    font-weight: 700;
    border-radius: .8rem;
    padding: 0 .35rem;
    min-width: 1.1rem;
    text-align: center;
}
.cat-btn.sel .cat-cnt[b-hvwtzuwskn] { color: #c4504c; }
.cat-sub[b-hvwtzuwskn] { display: block; font-size: .68rem; font-weight: 400; color: #dfe5ec; margin-top: .25rem; }

/* ── Είδη (κέντρο) ── */
.prod-area[b-hvwtzuwskn] { display: flex; flex-direction: column; min-height: 0; background: #b7bdc6; }
.prod-head[b-hvwtzuwskn] {
    display: flex;
    gap: .45rem;
    align-items: center;
    padding: .45rem .6rem .25rem;
    flex: 0 0 auto;
}
.prod-search[b-hvwtzuwskn] {
    flex: 1;
    background: #fff;
    border: 1px solid #8b939f;
    border-radius: .4rem;
    color: #1d2430;
    font-size: 1rem;
    padding: .5rem .7rem;
    outline: none;
    min-width: 0;
}
.prod-search:focus[b-hvwtzuwskn] { border-color: #4a78b0; }
.prod-count[b-hvwtzuwskn] { font-size: .9rem; font-weight: 700; color: #39414d; white-space: nowrap; }

.brand-grid[b-hvwtzuwskn] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: .45rem;
    padding: .4rem .6rem .6rem;
    align-content: start;
}
.brand-btn[b-hvwtzuwskn] {
    min-height: 5.4rem;
    border: 1px solid #98a0ab;
    border-radius: .4rem;
    background: #f4f6f8;
    color: #1d2430;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: .45rem .55rem;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
}
.brand-btn:active[b-hvwtzuwskn] { background: #dfe7f0; }
.b-descr[b-hvwtzuwskn] { font-size: .88rem; font-weight: 700; line-height: 1.15; max-height: 2.4em; overflow: hidden; flex: 1; }
.b-code[b-hvwtzuwskn] { font-size: .7rem; color: #5a6675; margin-top: .2rem; white-space: nowrap; overflow: hidden; }
.b-prices[b-hvwtzuwskn] { display: flex; justify-content: space-between; gap: .4rem; font-size: .74rem; color: #5a6675; margin-top: .15rem; }
.b-prices .b-act[b-hvwtzuwskn] { font-size: .92rem; font-weight: 700; color: #1e6f43; }

/* ── Λίστα πώλησης ── */
.sale-panel[b-hvwtzuwskn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #e9ecf0;
    border-left: 1px solid #8b939f;
    padding: .35rem .45rem;
    gap: .35rem;
}
.cus-tabs[b-hvwtzuwskn] { display: flex; gap: .25rem; flex: 0 0 auto; }
.cus-tab[b-hvwtzuwskn] {
    flex: 1;
    border: 1px solid #98a0ab;
    border-bottom: none;
    border-radius: .4rem .4rem 0 0;
    background: #cfd5dc;
    color: #39414d;
    font-size: .82rem;
    padding: .42rem .2rem;
    cursor: pointer;
    white-space: nowrap;
}
.cus-tab.sel[b-hvwtzuwskn] { background: #e8716d; border-color: #c4504c; color: #fff; font-weight: 700; }

.scan-input[b-hvwtzuwskn] {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #c4504c;
    border-radius: .4rem;
    color: #1d2430;
    font-size: 1.1rem;
    padding: .55rem .7rem;
    outline: none;
    flex: 0 0 auto;
}
.scan-input:focus[b-hvwtzuwskn] { border-color: #e8716d; }
.scan-wrap[b-hvwtzuwskn] { display: flex; gap: .35rem; flex: 0 0 auto; }
.scan-wrap .scan-input[b-hvwtzuwskn] { flex: 1; }
.scan-input.ret[b-hvwtzuwskn] { border-color: #b00020; background: #fdeeee; }
.ret-toggle[b-hvwtzuwskn] {
    flex: 0 0 auto;
    border: 1px solid #98a0ab;
    border-radius: .4rem;
    background: #cfd5dc;
    color: #39414d;
    font-size: .82rem;
    font-weight: 700;
    padding: .3rem .55rem;
    cursor: pointer;
}
.ret-toggle.on[b-hvwtzuwskn] { background: #c4504c; border-color: #9c3a37; color: #fff; }
.cart-lines tbody tr.neg td[b-hvwtzuwskn] { color: #b00020; }
.cart-lines tbody tr.neg .c-strong[b-hvwtzuwskn] { color: #b00020; }
.btn.act.pay.neg[b-hvwtzuwskn] { background: linear-gradient(180deg, #c4504c, #9c3a37); border-color: #9c3a37; }
.chip-qty[b-hvwtzuwskn] {
    background: #f7e3b1;
    border: 1px solid #d8b95e;
    color: #7a5c10;
    border-radius: .4rem;
    font-weight: 700;
    padding: .35rem .6rem;
    cursor: pointer;
    flex: 0 0 auto;
}

.ta-box[b-hvwtzuwskn] { flex: 0 0 auto; text-align: right; padding: .1rem .3rem; }
.ta-main[b-hvwtzuwskn] { font-size: 1.9rem; font-weight: 800; color: #1d2430; line-height: 1.1; }
.ta-sub[b-hvwtzuwskn] { font-size: .85rem; color: #5a6675; }

.cart-lines[b-hvwtzuwskn] { flex: 1; overflow-y: auto; min-height: 0; background: #fff; border: 1px solid #98a0ab; border-radius: .35rem; }
.cart-lines table[b-hvwtzuwskn] { width: 100%; border-collapse: collapse; font-size: .88rem; table-layout: fixed; }
.cart-lines th.c-descr[b-hvwtzuwskn] { width: 34%; }
.cart-lines th.c-num[b-hvwtzuwskn] { width: 16.5%; }
.c-fpa[b-hvwtzuwskn] { color: #8b939f; font-size: .72rem; }
.c-mods[b-hvwtzuwskn] { color: #2c5285; font-size: .76rem; font-style: italic; }
.c-mer[b-hvwtzuwskn] { line-height: 1.15; }
.c-qpsum[b-hvwtzuwskn] { color: #1e6f43; font-size: .8rem; }
.c-disc[b-hvwtzuwskn] { color: #c4504c; font-size: .8rem; }
.cart-lines thead th[b-hvwtzuwskn] {
    position: sticky; top: 0;
    background: #e2e6eb;
    color: #4a5462;
    font-weight: 600;
    text-align: left;
    padding: .35rem .45rem;
    font-size: .76rem;
    border-bottom: 1px solid #98a0ab;
}
.cart-lines tbody td[b-hvwtzuwskn] { padding: .55rem .45rem; border-bottom: 1px solid #e2e6eb; }
.cart-lines tbody tr[b-hvwtzuwskn] { cursor: pointer; }
.cart-lines tbody tr.sel[b-hvwtzuwskn] { background: #f8d8d7; }
.cart-lines tbody tr:active[b-hvwtzuwskn] { background: #f3c4c2; }
.c-num[b-hvwtzuwskn] { text-align: right; white-space: nowrap; overflow: hidden; }
.c-strong[b-hvwtzuwskn] { font-weight: 700; }
.c-descr[b-hvwtzuwskn] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l-code[b-hvwtzuwskn] { color: #4a78b0; font-size: .8rem; margin-right: .35rem; }
.empty-row td[b-hvwtzuwskn] { text-align: center; color: #8b939f; padding: 2.2rem 0 !important; font-size: .95rem; }

.line-tools[b-hvwtzuwskn] { display: flex; gap: .35rem; flex: 0 0 auto; }
.btn.tool[b-hvwtzuwskn] { flex: 0 0 3.2rem; font-size: 1.3rem; font-weight: 700; padding: .45rem 0; }
.btn.tool.wide[b-hvwtzuwskn] { flex: 1; font-size: .95rem; }

/* ── Δεξιά στήλη: numpad + ενέργειες ── */
.act-col[b-hvwtzuwskn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #aab1bb;
    border-left: 1px solid #8b939f;
    padding: .35rem;
    gap: .3rem;
}
.np-display[b-hvwtzuwskn] {
    background: #fff;
    border: 1px solid #8b939f;
    border-radius: .35rem;
    text-align: right;
    font-size: 1.15rem;
    font-weight: 700;
    padding: .25rem .5rem;
    min-height: 1.8rem;
    color: #1d2430;
    flex: 0 0 auto;
}
.np-grid[b-hvwtzuwskn] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .25rem; flex: 0 0 auto; }
.np-key[b-hvwtzuwskn] {
    min-height: 2.8rem;
    font-size: 1.15rem;
    font-weight: 600;
    background: #f4f6f8;
    color: #1d2430;
    border: 1px solid #8b939f;
    border-radius: .35rem;
    cursor: pointer;
}
.np-key:active[b-hvwtzuwskn] { background: #dfe7f0; }
.np-fn[b-hvwtzuwskn] {
    min-height: 2.3rem;
    background: #6c7681;
    border: 1px solid #5d6671;
    border-radius: .35rem;
    color: #fff;
    font-size: .82rem;
    cursor: pointer;
    flex: 0 0 auto;
}
.np-fn:active[b-hvwtzuwskn] { background: #7d8894; }
.act-fill[b-hvwtzuwskn] { flex: 1; }

.btn[b-hvwtzuwskn] {
    border: 1px solid #8b939f;
    background: #f4f6f8;
    color: #1d2430;
    border-radius: .4rem;
    font-size: .95rem;
    padding: .55rem .8rem;
    cursor: pointer;
}
.btn:disabled[b-hvwtzuwskn] { opacity: .4; cursor: default; }
.btn:active:not(:disabled)[b-hvwtzuwskn] { filter: brightness(.92); }
.btn.sm[b-hvwtzuwskn] { font-size: .85rem; padding: .42rem .7rem; }
.btn.xl[b-hvwtzuwskn] { font-size: 1.15rem; padding: .8rem 1.3rem; }
.btn.accent[b-hvwtzuwskn] { background: #2c8a5b; border-color: #20663f; color: #fff; }
.btn.warn[b-hvwtzuwskn] { background: #d99b3a; border-color: #aa7921; color: #fff; }
.btn.danger[b-hvwtzuwskn] { background: #c4504c; border-color: #9c3a37; color: #fff; }

.btn.act[b-hvwtzuwskn] { flex: 0 0 auto; min-height: 3.2rem; font-weight: 700; }
.btn.act.pay[b-hvwtzuwskn] { background: #2c8a5b; border-color: #20663f; color: #fff; min-height: 4.4rem; font-size: 1rem; }
.pay-amt[b-hvwtzuwskn] { font-size: 1.25rem; }
.btn.act.pay2[b-hvwtzuwskn] { background: #3c6da8; border-color: #2c5285; color: #fff; }
.btn.act.warn[b-hvwtzuwskn] { background: #d99b3a; border-color: #aa7921; color: #fff; }
.btn.act.danger[b-hvwtzuwskn] { background: #c4504c; border-color: #9c3a37; color: #fff; }

/* ── Κάτω μπάρα ── */
.pos-status[b-hvwtzuwskn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .6rem;
    background: #f4f6f8;
    border-top: 1px solid #8b939f;
    flex: 0 0 auto;
    overflow-x: auto;          /* πολλά κουμπιά → οριζόντιο σύρσιμο (όπως τα βελάκια του ERIS) */
    white-space: nowrap;
}
.pos-status .btn[b-hvwtzuwskn] { flex: 0 0 auto; }
.status-text[b-hvwtzuwskn] {
    font-size: .92rem;
    font-weight: 700;
    color: #1d2430;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%;
}
.btn.sm.zbtn[b-hvwtzuwskn] { background: #5b4279; border-color: #44315c; color: #fff; }
.status-extra[b-hvwtzuwskn] { font-size: .82rem; color: #2c5285; white-space: nowrap; }

/* ── Modals (pmodal: το global Bootstrap κρύβει .modal) ── */
.pmodal-back[b-hvwtzuwskn] {
    position: fixed;
    inset: 0;
    background: rgba(20, 25, 32, .55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}
.pmodal[b-hvwtzuwskn] {
    background: #f4f6f8;
    border: 1px solid #8b939f;
    border-radius: .7rem;
    padding: 1.1rem 1.3rem;
    max-height: 92vh;
    overflow-y: auto;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.45);
    color: #1d2430;
}
.pmodal h2[b-hvwtzuwskn] { margin: 0 0 .7rem; font-size: 1.25rem; color: #1d2430; }
.pmodal h3[b-hvwtzuwskn] { margin: .2rem 0 .5rem; font-size: .95rem; color: #5a6675; }
.pmodal label[b-hvwtzuwskn] { display: block; margin: .55rem 0 .2rem; color: #5a6675; font-size: .9rem; }
.muted[b-hvwtzuwskn] { color: #5a6675; margin: -.4rem 0 .6rem; }

.big-input[b-hvwtzuwskn] {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #8b939f;
    border-radius: .4rem;
    color: #1d2430;
    font-size: 1.25rem;
    padding: .55rem .75rem;
}
.open-modal[b-hvwtzuwskn] { width: 24rem; }
.open-modal .btn.accent[b-hvwtzuwskn] { width: 100%; margin-top: 1rem; }

.choices-modal[b-hvwtzuwskn] { width: 34rem; }
.choice-list[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .3rem; margin: .55rem 0 .75rem; max-height: 55vh; overflow-y: auto; }
.choice-row[b-hvwtzuwskn] {
    display: flex;
    align-items: center;
    gap: .7rem;
    background: #fff;
    border: 1px solid #b6bdc6;
    border-radius: .45rem;
    color: #1d2430;
    padding: .65rem .85rem;
    font-size: .98rem;
    cursor: pointer;
    text-align: left;
}
.choice-row.sel[b-hvwtzuwskn] { background: #f8d8d7; border-color: #c4504c; }
.choice-row:active[b-hvwtzuwskn] { background: #e8edf2; }
.ch-descr[b-hvwtzuwskn] { flex: 1; }
.ch-price[b-hvwtzuwskn] { color: #1e6f43; font-weight: 700; white-space: nowrap; }

.pay-modal[b-hvwtzuwskn] { width: 38rem; }
.pay-cols[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; margin-bottom: .4rem; }
.payway-list[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .35rem; max-height: 13rem; overflow-y: auto; }
.tender-empty[b-hvwtzuwskn] { color: #8b939f; text-align: center; padding: 1.6rem 0; font-size: .92rem; }
.pay-triple[b-hvwtzuwskn] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .6rem;
    border-top: 2px solid #4a78b0;
    margin-top: .6rem;
    padding-top: .5rem;
}
.pt-cell[b-hvwtzuwskn] { display: flex; flex-direction: column; }
.pt-label[b-hvwtzuwskn] { font-size: .8rem; color: #5a6675; }
.pt-val[b-hvwtzuwskn] { font-size: 1.3rem; font-weight: 800; color: #1d2430; }
.pt-val.blue[b-hvwtzuwskn] { color: #2c5285; }
.pt-val.red[b-hvwtzuwskn] { color: #c4504c; }
.tender-list[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .3rem; margin-bottom: .5rem; }
.tender-row[b-hvwtzuwskn] {
    display: flex;
    gap: .7rem;
    align-items: center;
    background: #fff;
    border: 1px solid #b6bdc6;
    border-radius: .4rem;
    padding: .42rem .65rem;
}
.tender-row span:first-child[b-hvwtzuwskn] { flex: 1; }
.mini-x[b-hvwtzuwskn] { background: none; border: none; color: #c4504c; font-size: 1rem; cursor: pointer; padding: .2rem .4rem; }
.pay-remain[b-hvwtzuwskn] { font-size: 1.2rem; font-weight: 800; color: #c06014; margin: .35rem 0; }
.pay-remain.ok[b-hvwtzuwskn] { color: #1e6f43; }
.quick-cash[b-hvwtzuwskn] { display: flex; gap: .35rem; margin: .45rem 0; flex-wrap: wrap; }
.payway-grid[b-hvwtzuwskn] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; margin: .55rem 0; }
.btn.payway[b-hvwtzuwskn] { min-height: 3.1rem; background: #fff; }
.pay-error[b-hvwtzuwskn] { color: #b00020; margin: .5rem 0; font-size: .92rem; }
.pay-footer[b-hvwtzuwskn] { display: flex; gap: .55rem; justify-content: flex-end; margin-top: .75rem; }

/* ── Πρόσθετα (modifiers) — διάταξη κατά το SelectModifiers (eee.jpg) ── */
.mods-modal[b-hvwtzuwskn] { width: 46rem; max-width: 96vw; }
.mods-groups[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .45rem; max-height: 44vh; overflow-y: auto; }
.mods-group[b-hvwtzuwskn] { display: flex; gap: .4rem; align-items: stretch; }
.mods-gkey[b-hvwtzuwskn] {
    flex: 0 0 2rem;
    background: #6c7681;
    color: #fff;
    border-radius: .3rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    font-size: .78rem;
    font-weight: 700;
    padding: .3rem .1rem;
}
.mods-btns[b-hvwtzuwskn] { flex: 1; display: flex; flex-wrap: wrap; gap: .35rem; }
.mods-btn[b-hvwtzuwskn] {
    min-width: 8.5rem;
    min-height: 3.4rem;
    border: 1px solid #5d6671;
    border-radius: .35rem;
    background: #6c7681;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: .35rem .55rem;
    font-size: .85rem;
    font-weight: 600;
    text-align: left;
}
.mods-btn .mods-price[b-hvwtzuwskn] { font-size: .76rem; font-weight: 400; color: #dfe5ec; }
.mods-btn.sel[b-hvwtzuwskn] { background: #e8716d; border-color: #c4504c; }
.mods-bottom[b-hvwtzuwskn] { display: flex; gap: .5rem; margin-top: .6rem; align-items: stretch; }
.mods-list[b-hvwtzuwskn] { flex: 1; background: #fff; border: 1px solid #98a0ab; border-radius: .35rem; max-height: 9rem; overflow-y: auto; }
.mods-list-head[b-hvwtzuwskn], .mods-list-row[b-hvwtzuwskn] {
    display: grid;
    grid-template-columns: 1fr 7rem 6rem;
    padding: .3rem .55rem;
    font-size: .85rem;
}
.mods-list-head[b-hvwtzuwskn] { background: #e2e6eb; color: #4a5462; font-size: .76rem; font-weight: 600; position: sticky; top: 0; }
.mods-list-row[b-hvwtzuwskn] { border-bottom: 1px solid #e2e6eb; }
.mods-list-row span:nth-child(2)[b-hvwtzuwskn], .mods-list-row span:nth-child(3)[b-hvwtzuwskn],
.mods-list-head span:nth-child(2)[b-hvwtzuwskn], .mods-list-head span:nth-child(3)[b-hvwtzuwskn] { text-align: right; }
.mods-qty-btns[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .35rem; justify-content: center; }
.mods-sum[b-hvwtzuwskn] { text-align: right; font-size: 1.15rem; font-weight: 800; color: #1e6f43; margin-top: .4rem; }

/* ── Λίστα Παραστατικών ── */
.parlist-modal[b-hvwtzuwskn] { width: 56rem; max-width: 96vw; }
.parlist-filters[b-hvwtzuwskn] { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; margin-bottom: .5rem; }
.parlist-filters input[type=date][b-hvwtzuwskn] {
    background: #fff; border: 1px solid #8b939f; border-radius: .4rem; padding: .4rem .5rem; font-size: .9rem;
}
.pl-check[b-hvwtzuwskn] { display: flex; align-items: center; gap: .3rem; font-size: .88rem; color: #4a5462; }
.pl-search[b-hvwtzuwskn] { flex: 1; min-width: 8rem; background: #fff; border: 1px solid #8b939f; border-radius: .4rem; padding: .45rem .6rem; font-size: .92rem; }
.parlist-grid[b-hvwtzuwskn] { background: #fff; border: 1px solid #98a0ab; border-radius: .35rem; max-height: 13rem; overflow-y: auto; }
.parlist-grid table[b-hvwtzuwskn] { width: 100%; border-collapse: collapse; font-size: .85rem; }
.parlist-grid thead th[b-hvwtzuwskn] { position: sticky; top: 0; background: #e2e6eb; color: #4a5462; font-size: .74rem; font-weight: 600; text-align: left; padding: .3rem .5rem; }
.parlist-grid tbody td[b-hvwtzuwskn] { padding: .4rem .5rem; border-bottom: 1px solid #e2e6eb; }
.parlist-grid tbody tr[b-hvwtzuwskn] { cursor: pointer; }
.parlist-grid tbody tr.sel[b-hvwtzuwskn] { background: #f8d8d7; }
.parlist-items[b-hvwtzuwskn] { margin-top: .5rem; max-height: 9rem; }

/* ── Φόρμες νέου πελάτη/είδους ── */
.newrec-modal[b-hvwtzuwskn] { width: 30rem; }
.nr-grid[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }

.receipt-modal[b-hvwtzuwskn] { width: 22rem; text-align: center; }
.r-check[b-hvwtzuwskn] { font-size: 3rem; color: #2c8a5b; }
.r-total[b-hvwtzuwskn] { font-size: 2rem; font-weight: 800; color: #1d2430; margin: .35rem 0; }
.r-resta[b-hvwtzuwskn] { font-size: 1.35rem; color: #c06014; margin-bottom: .7rem; }
.receipt-modal .btn[b-hvwtzuwskn] { width: 100%; }

.z-modal[b-hvwtzuwskn] { width: 46rem; }
.z-grid[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.3rem; }
.tot-row[b-hvwtzuwskn] { display: flex; justify-content: space-between; align-items: baseline; }
.tot-row.small[b-hvwtzuwskn] { color: #4a5462; font-size: .92rem; padding: .12rem 0; }
.tot-row.big[b-hvwtzuwskn] { font-size: 1.15rem; font-weight: 800; color: #1e6f43; padding: .25rem 0; }
.tot-row.big.diff[b-hvwtzuwskn] { color: #c06014; }
.z-move[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr; gap: .35rem; margin-top: .75rem; }
.z-move input:first-child[b-hvwtzuwskn] { grid-column: 1 / -1; }
.z-move input[b-hvwtzuwskn] {
    background: #fff;
    border: 1px solid #8b939f;
    border-radius: .4rem;
    color: #1d2430;
    padding: .45rem .6rem;
    font-size: .92rem;
    min-width: 0;
}

/* ── Επανεκτύπωση (web απόδειξη) ── */
.parlist-actions[b-hvwtzuwskn] { flex-wrap: wrap; justify-content: flex-start; }
.receipt-print[b-hvwtzuwskn] {
    width: 21rem;
    background: #fff;
    color: #111;
    font-family: 'Courier New', monospace;
    font-size: .85rem;
}
.rp-head[b-hvwtzuwskn] { text-align: center; margin-bottom: .6rem; }
.rp-company[b-hvwtzuwskn] { font-size: 1.1rem; font-weight: 800; }
.rp-code[b-hvwtzuwskn] { font-weight: 800; font-size: 1rem; }
.rp-lines[b-hvwtzuwskn] { width: 100%; border-collapse: collapse; margin: .4rem 0; }
.rp-lines th[b-hvwtzuwskn] { text-align: left; border-bottom: 1px dashed #555; font-size: .76rem; padding: .15rem 0; }
.rp-lines td[b-hvwtzuwskn] { padding: .18rem 0; }
.rp-tots[b-hvwtzuwskn] { border-top: 1px dashed #555; padding-top: .35rem; }
.rp-tots .tot-row.small[b-hvwtzuwskn] { color: #333; }
.rp-tots .tot-row.big[b-hvwtzuwskn] { color: #111; font-size: 1.2rem; }
.rp-footer[b-hvwtzuwskn] { text-align: center; margin-top: .6rem; font-size: .78rem; color: #555; }

@media print {
    .pos-root > *:not(.print-host-back)[b-hvwtzuwskn] { display: none !important; }
    .print-host-back[b-hvwtzuwskn] { position: static; background: none; display: block; }
    .print-host[b-hvwtzuwskn] {
        box-shadow: none;
        border: none;
        border-radius: 0;
        max-height: none;
        width: auto;
        padding: 0;
    }
    .no-print[b-hvwtzuwskn] { display: none !important; }
}

/* ── Toast ── */
.pos-toast[b-hvwtzuwskn] {
    position: fixed;
    bottom: 3.2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #2c8a5b;
    color: #fff;
    border-radius: .55rem;
    padding: .7rem 1.5rem;
    font-size: 1rem;
    z-index: 90;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.4);
    cursor: pointer;
}
.pos-toast.err[b-hvwtzuwskn] { background: #b03a36; }

/* ── Μενού «Επιπλέον Επιλογές» / «Λοιπές Λειτουργίες» (ggg/fff.jpg) ── */
.menu-modal[b-hvwtzuwskn] { width: 22rem; max-width: 92vw; display: flex; flex-direction: column; gap: .4rem; }
.btn.menu-item[b-hvwtzuwskn] {
    width: 100%;
    text-align: left;
    font-size: 1rem;
    padding: .85rem 1rem;
    min-height: 3.2rem;
}

/* ── Παύση Λειτουργίας (lock screen) ── */
.lock-back[b-hvwtzuwskn] { background: rgba(20, 26, 36, .88); }
.lock-modal[b-hvwtzuwskn] { width: 24rem; max-width: 92vw; text-align: center; display: flex; flex-direction: column; gap: .6rem; }
.lock-icon[b-hvwtzuwskn] { font-size: 2.6rem; }

/* ── Χρώμα/Μέγεθος matrix (q1/s6.jpg) ── */
.cs-grid td[b-hvwtzuwskn], .cs-grid th[b-hvwtzuwskn] { padding: .35rem .4rem; }
.btn.cs-cell[b-hvwtzuwskn] { min-width: 3.4rem; min-height: 2.6rem; }

/* ── Μαζική Έκπτωση / Αλλαγή Αξίας (q5/q6) ── */
.md-top[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: .5rem 0; }
.md-quick[b-hvwtzuwskn] { display: flex; gap: .3rem; margin-top: .4rem; }
.md-quick .btn[b-hvwtzuwskn] { flex: 1; }
.md-sel[b-hvwtzuwskn] { display: flex; flex-direction: column; gap: .4rem; align-items: stretch; justify-content: center;
          background: #eef1f5; border: 1px solid #cfd5dc; border-radius: .4rem; padding: .6rem; }
.md-sel-label[b-hvwtzuwskn] { font-size: .82rem; color: #5a6675; }
.md-sel-val[b-hvwtzuwskn] { font-size: 1.6rem; font-weight: 700; color: #1e6f43; }
.md-actions[b-hvwtzuwskn] { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: .5rem; margin-top: .6rem; }
/* _content/BEWeb/Components/Pages/Register.razor.rz.scp.css */
/* ── Register — στιλ emblem.gr (centered card) ── */
.reg-page[b-yrccau496c] {
    --navy: #052767;
    --blue: #0a58ca;
    --blue-d: #084298;
    --ink: #1b2436;
    --muted: #5b6678;
    --line: #e0e6f0;
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #eaf1ff 0%, #f5f8fc 55%, #ffffff 100%);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--ink);
}
.reg-card[b-yrccau496c] {
    width: 100%; max-width: 480px;
    background: #fff; border: 1px solid var(--line); border-radius: 18px;
    box-shadow: 0 30px 70px -30px rgba(5,39,103,.4);
    padding: 2.2rem 2.2rem 1.8rem;
}
.reg-brand[b-yrccau496c] { display: flex; align-items: center; gap: .55rem; justify-content: center; margin-bottom: 1.3rem; }
.reg-brand img[b-yrccau496c] { height: 36px; }
.reg-brand span[b-yrccau496c] { font-size: 1.25rem; color: var(--navy); }
.reg-brand strong[b-yrccau496c] { color: var(--blue); }

.reg-title[b-yrccau496c] { font-size: 1.6rem; color: var(--navy); text-align: center; margin: 0 0 .5rem; }
.reg-sub[b-yrccau496c] { font-size: .95rem; color: var(--muted); text-align: center; margin: 0 0 1.5rem; }

.reg-alert[b-yrccau496c] {
    background: #fdecec; border: 1px solid #f5c2c2; color: #a12626;
    border-radius: 9px; padding: .6rem .85rem; font-size: .9rem; margin-bottom: 1rem;
}

.reg-form[b-yrccau496c] { display: flex; flex-direction: column; gap: .85rem; }
.reg-row[b-yrccau496c] { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.fld[b-yrccau496c] { display: flex; flex-direction: column; gap: .3rem; }
.fld label[b-yrccau496c] { font-size: .85rem; font-weight: 600; color: var(--navy); }
.reg-hint[b-yrccau496c] { font-weight: 400; color: var(--muted); }
.fld input[b-yrccau496c] {
    border: 1px solid var(--line); border-radius: 9px; padding: .55rem .7rem;
    font-size: .98rem; transition: border-color .15s, box-shadow .15s; background: #fff;
}
.fld input:focus[b-yrccau496c] {
    outline: none; border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(10,88,202,.14);
}

/* honeypot */
.reg-hp[b-yrccau496c] { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.reg-terms[b-yrccau496c] { display: flex; align-items: flex-start; gap: .55rem; font-size: .9rem; color: var(--muted); margin: .3rem 0 .2rem; }
.reg-terms input[b-yrccau496c] { margin-top: .18rem; }
.reg-terms a[b-yrccau496c] { color: var(--blue); }

.btn-solid[b-yrccau496c] {
    display: inline-block; text-align: center; background: var(--blue); color: #fff;
    padding: .6rem 1.2rem; border-radius: 10px; font-weight: 600; font-size: 1rem;
    border: 1px solid var(--blue); cursor: pointer; text-decoration: none;
    transition: background .15s;
}
.btn-solid:hover[b-yrccau496c] { background: var(--blue-d); border-color: var(--blue-d); }
.reg-submit[b-yrccau496c] { width: 100%; margin-top: .4rem; padding: .7rem; font-size: 1.05rem; }

.reg-foot[b-yrccau496c] { text-align: center; font-size: .92rem; color: var(--muted); margin-top: 1.3rem; }
.reg-foot a[b-yrccau496c] { color: var(--blue); font-weight: 600; text-decoration: none; }
.reg-foot a:hover[b-yrccau496c] { text-decoration: underline; }

/* success */
.reg-ok[b-yrccau496c] { text-align: center; padding: 1rem 0; }
.reg-ok-ico[b-yrccau496c] {
    width: 64px; height: 64px; border-radius: 50%; margin: 0 auto 1rem;
    background: #e6f7ed; color: #1a9d52; border: 2px solid #1a9d52;
    display: flex; align-items: center; justify-content: center; font-size: 2rem;
}
.reg-ok h1[b-yrccau496c] { font-size: 1.5rem; color: var(--navy); margin: 0 0 .6rem; }
.reg-ok p[b-yrccau496c] { color: var(--muted); margin: 0 0 1.4rem; }

@media (max-width: 440px) {
    .reg-row[b-yrccau496c] { grid-template-columns: 1fr; }
    .reg-card[b-yrccau496c] { padding: 1.6rem 1.3rem; }
}

.reg-token[b-yrccau496c] { margin: 1rem 0; text-align: left; }
.reg-token label[b-yrccau496c] { display:block; font-size:.78rem; color:#64748b; margin-bottom:.25rem; font-weight:600; }
.reg-token code[b-yrccau496c] { display:block; word-break:break-all; background:#0f172a; color:#7dd3fc;
    padding:.6rem .75rem; border-radius:.5rem; font-size:.82rem; user-select:all; }

.reg-creds[b-yrccau496c] { display:flex; gap:1rem; margin:.75rem 0; }
.reg-creds > div[b-yrccau496c] { flex:1; text-align:left; }
.reg-creds span[b-yrccau496c] { display:block; font-size:.78rem; color:#64748b; font-weight:600; margin-bottom:.2rem; }
.reg-creds code[b-yrccau496c] { display:block; background:#f1f5f9; color:#0f172a; padding:.45rem .6rem; border-radius:.5rem; font-weight:700; user-select:all; }
/* _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/Pages/Terms.razor.rz.scp.css */
/* ── Όροι Χρήσης & Πολιτική Απορρήτου ── */
.doc[b-s1yqeyu0qh] {
    --navy: #052767;
    --blue: #0a58ca;
    --blue-d: #084298;
    --ink: #25303f;
    --muted: #5b6678;
    --soft: #f4f7fb;
    --line: #e4e9f2;
    color: var(--ink);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    line-height: 1.65;
    background: #fff;
}
.doc a[b-s1yqeyu0qh] { color: var(--blue); text-decoration: none; }
.doc a:hover[b-s1yqeyu0qh] { text-decoration: underline; }

/* Header */
.doc-nav[b-s1yqeyu0qh] {
    display: flex; align-items: center; gap: 1rem;
    padding: .9rem 2rem; border-bottom: 1px solid var(--line);
    position: sticky; top: 0; background: rgba(255,255,255,.94); backdrop-filter: blur(8px); z-index: 10;
}
.doc-brand[b-s1yqeyu0qh] { display: flex; align-items: center; gap: .5rem; }
.doc-brand img[b-s1yqeyu0qh] { height: 30px; }
.doc-brand span[b-s1yqeyu0qh] { font-size: 1.12rem; color: var(--navy); }
.doc-brand strong[b-s1yqeyu0qh] { color: var(--blue); }
.doc-back[b-s1yqeyu0qh] { margin-left: auto; color: var(--muted); font-weight: 500; }

/* Body */
.doc-body[b-s1yqeyu0qh] { max-width: 820px; margin: 0 auto; padding: 2.5rem 1.5rem 3rem; }
.doc-body h1[b-s1yqeyu0qh] { font-size: 2rem; color: var(--navy); margin: 0 0 .35rem; letter-spacing: -.01em; }
.doc-upd[b-s1yqeyu0qh] { color: var(--muted); font-size: .9rem; margin: 0 0 1.5rem; }
.doc-intro[b-s1yqeyu0qh] {
    background: var(--soft); border: 1px solid var(--line); border-radius: 12px;
    padding: 1.1rem 1.25rem; color: var(--ink); margin-bottom: 1.8rem;
}

/* TOC */
.doc-toc[b-s1yqeyu0qh] {
    border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.25rem;
    margin-bottom: 2.2rem; background: #fff;
}
.doc-toc strong[b-s1yqeyu0qh] { display: block; color: var(--navy); margin-bottom: .4rem; }
.doc-toc ol[b-s1yqeyu0qh] { margin: 0; padding-left: 1.3rem; columns: 2; }
.doc-toc li[b-s1yqeyu0qh] { margin: .15rem 0; }

/* Sections */
.doc-body section[b-s1yqeyu0qh] { margin-bottom: 2.2rem; scroll-margin-top: 80px; }
.doc-body h2[b-s1yqeyu0qh] {
    font-size: 1.4rem; color: var(--navy); margin: 0 0 .8rem; padding-bottom: .4rem;
    border-bottom: 2px solid var(--line);
}
.doc-body h3[b-s1yqeyu0qh] { font-size: 1.06rem; color: var(--blue-d); margin: 1.3rem 0 .4rem; }
.doc-body p[b-s1yqeyu0qh] { margin: 0 0 .8rem; }
.doc-body ul[b-s1yqeyu0qh] { margin: 0 0 .9rem; padding-left: 1.3rem; }
.doc-body ul li[b-s1yqeyu0qh] { margin: .25rem 0; }
.doc-contact[b-s1yqeyu0qh] { list-style: none; padding-left: 0; }
.doc-contact li[b-s1yqeyu0qh] { margin: .2rem 0; }

/* Actions */
.doc-actions[b-s1yqeyu0qh] { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 2.5rem; }
.doc .btn-solid[b-s1yqeyu0qh] {
    display: inline-block; background: var(--blue); color: #fff; padding: .6rem 1.2rem;
    border-radius: 10px; font-weight: 600; border: 1px solid var(--blue);
}
.doc .btn-solid:hover[b-s1yqeyu0qh] { background: var(--blue-d); border-color: var(--blue-d); text-decoration: none; }
.doc .btn-ghost[b-s1yqeyu0qh] {
    display: inline-block; background: #fff; color: var(--navy); padding: .6rem 1.2rem;
    border-radius: 10px; font-weight: 600; border: 1px solid var(--line);
}
.doc .btn-ghost:hover[b-s1yqeyu0qh] { border-color: var(--blue); background: var(--soft); text-decoration: none; }

/* Footer */
.doc-foot[b-s1yqeyu0qh] {
    text-align: center; color: #9aa6ba; font-size: .85rem;
    padding: 1.5rem; border-top: 1px solid var(--line);
}

@media (max-width: 560px) {
    .doc-toc ol[b-s1yqeyu0qh] { columns: 1; }
}
/* _content/BEWeb/Components/Shared/BeDateInput.razor.rz.scp.css */
/* Το native date input δίπλα λειτουργεί ΜΟΝΟ ως κουμπί ημερολογίου. Κρύβουμε το date-TEXT του
   ώστε να μη φαίνεται δεύτερη ημερομηνία (σε browser-locale μορφή) δίπλα στο dd/MM/yyyy:
   - color: transparent  → κρύβει το text σε ΟΛΟΥΣ τους browsers (Firefox κ.λπ.)
   - ::-webkit-datetime-edit display:none → το κρύβει εντελώς σε webkit (Chrome/Edge/Safari)
   Το calendar-picker indicator μένει ορατό & clickable (ανοίγει το picker native, με user-gesture). */
.be-date .be-date-cal[b-c5ttjak6c7] {
    flex: 0 0 auto;
    width: 2.6rem;
    max-width: 2.6rem;
    padding-inline: 0.25rem;
    color: transparent;
    text-shadow: none;
}

.be-date .be-date-cal[b-c5ttjak6c7]::-webkit-datetime-edit,
.be-date .be-date-cal[b-c5ttjak6c7]::-webkit-inner-spin-button,
.be-date .be-date-cal[b-c5ttjak6c7]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

.be-date .be-date-cal[b-c5ttjak6c7]::-webkit-calendar-picker-indicator {
    margin: 0;
    cursor: pointer;
    opacity: 0.7;
}
/* _content/BEWeb/Components/Shared/FormTitleBanner.razor.rz.scp.css */
.be-form-title[b-nw00rjxudv] {
    background: #0d6efd;            /* μπλε (Bootstrap primary) */
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: .3px;
    padding: .45rem .9rem;
    margin: 0 0 .6rem 0;
    border-radius: .3rem;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
/* _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;
}
/* _content/BEWeb/Components/Shared/SmartDateInput.razor.rz.scp.css */
/* Το native date input δίπλα λειτουργεί ΜΟΝΟ ως κουμπί ημερολογίου (click → picker native).
   Κρύβουμε το date-TEXT του ώστε να μη φαίνεται δεύτερη ημερομηνία (browser-locale) δίπλα στο
   dd/MM/yyyy: color:transparent (όλοι οι browsers) + ::-webkit-datetime-edit display:none (webkit).
   Το calendar-picker indicator μένει ορατό & clickable. */
.be-smartdate .be-smartdate-cal[b-wna59mjh94] {
    flex: 0 0 auto;
    width: 2.4rem;
    max-width: 2.4rem;
    padding-inline: 0.2rem;
    color: transparent;
    text-shadow: none;
}

.be-smartdate .be-smartdate-cal[b-wna59mjh94]::-webkit-datetime-edit,
.be-smartdate .be-smartdate-cal[b-wna59mjh94]::-webkit-inner-spin-button,
.be-smartdate .be-smartdate-cal[b-wna59mjh94]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

.be-smartdate .be-smartdate-cal[b-wna59mjh94]::-webkit-calendar-picker-indicator {
    margin: 0;
    cursor: pointer;
    opacity: 0.7;
}