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

/* _content/BEWeb/Components/Layout/HorizontalMenu.razor.rz.scp.css */
/* ─── Οριζόντιο (top) μενού ─── */
.hmenu-bar[b-yirbgmntco] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    background: #2d3237;
    padding: 0 0.5rem;
    min-height: 2.6rem;
    position: relative;
    z-index: 300;
}

.hmenu-home[b-yirbgmntco] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.5rem;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    flex-shrink: 0;
}
.hmenu-home:hover[b-yirbgmntco] { background: rgba(255,255,255,.12); }
.hmenu-home .bi[b-yirbgmntco] { margin-right: 0; }

/* Top-level items — οριζόντια, με αναδίπλωση αν δεν χωράνε */
.hmenu-tops[b-yirbgmntco] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.hmenu-top[b-yirbgmntco] {
    position: relative;
}

.hmenu-top-btn[b-yirbgmntco] {
    background: none;
    border: none;
    color: #eaeef5;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.hmenu-top-btn:hover[b-yirbgmntco] { background: rgba(255,255,255,.12); color: #fff; }
.hmenu-top.open .hmenu-top-btn[b-yirbgmntco] { background: rgba(255,255,255,.2); color: #fff; }

.hmenu-caret[b-yirbgmntco] { font-size: 0.7rem; opacity: 0.7; }

/* Dropdown panel — σκούρο μπλε ώστε τα επαναχρησιμοποιούμενα NavMenuItem
   (σχεδιασμένα για σκούρο φόντο) να φαίνονται σωστά. */
.hmenu-dropdown[b-yirbgmntco] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 320;
    min-width: 260px;
    max-width: 420px;
    max-height: 78vh;
    overflow-y: auto;
    background: #2d3237;
    border: 1px solid rgba(255,255,255,.15);
    border-top: 3px solid #ffd966;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    padding: 0.35rem 0.5rem 0.6rem;
}
.hmenu-dropdown .nav-item[b-yirbgmntco] { padding: 0.05rem 0; }

/* Αν το top-level είναι κοντά στη δεξιά άκρη, «κρέμα» το dropdown προς τα αριστερά
   ώστε να μη βγαίνει εκτός οθόνης (τελευταία 3 items). */
.hmenu-top:nth-last-child(-n+3) .hmenu-dropdown[b-yirbgmntco] { left: auto; right: 0; }

.hmenu-search[b-yirbgmntco] {
    flex-shrink: 0;
    width: 190px;
    margin-left: auto;
}
.hmenu-search .form-control[b-yirbgmntco] {
    background: rgba(255,255,255,.10);
    color: #fff;
    border-color: rgba(255,255,255,.20);
}
.hmenu-search .form-control[b-yirbgmntco]::placeholder { color: rgba(255,255,255,.55); }

.hmenu-layout-btn[b-yirbgmntco] {
    flex-shrink: 0;
    background: rgba(255,255,255,.06);
    color: #cfd8dc;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 3px;
    padding: 0.3rem 0.45rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.hmenu-layout-btn:hover[b-yirbgmntco] { background: rgba(255,255,255,.18); color: #fff; }
.hmenu-layout-btn svg[b-yirbgmntco] { width: 15px; height: 15px; }

/* Διάφανο backdrop — κλείνει το dropdown με click εκτός. */
.hmenu-backdrop[b-yirbgmntco] {
    position: fixed;
    inset: 0;
    z-index: 290;
    background: transparent;
}
/* _content/BEWeb/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5an4yvvzx3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* Οριζόντιο μενού host — κρυμμένο εκτός αν το .page είναι σε «menu-horizontal» mode. */
.hmenu-host[b-5an4yvvzx3] {
    display: none;
}
.page.menu-horizontal .hmenu-host[b-5an4yvvzx3] {
    display: block;
    position: sticky;
    top: 3.5rem;   /* κάτω από το sticky top-row (ύψος 3.5rem) */
    z-index: 200;
}
/* Σε horizontal mode το πλαϊνό μενού φεύγει εντελώς → πλήρες πλάτος για το περιεχόμενο. */
.page.menu-horizontal .sidebar[b-5an4yvvzx3] {
    display: none;
}

main[b-5an4yvvzx3] {
    flex: 1;
    /* Flex items default to min-width:auto, ώστε να μη συρρικνώνονται κάτω από το
       πλάτος του περιεχομένου τους. Χωρίς min-width:0 μια φαρδιά όψη (DxGrid με
       πολλές στήλες) «φουσκώνει» το main πέρα από το viewport → οριζόντιο scrollbar
       σε ΟΛΗ τη σελίδα. Με min-width:0 το main μένει στο διαθέσιμο πλάτος και το
       grid κάνει το δικό του εσωτερικό οριζόντιο scroll. */
    min-width: 0;
}

.sidebar[b-5an4yvvzx3] {
    background-color: #2d3237;
}

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

    .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;
        /* Flex column ώστε banner/toolbar/search να είναι σταθερά και το menu list
           (.nav-scrollable = flex:1) να παίρνει ακριβώς το υπόλοιπο ύψος και να
           σκρολλάρει εσωτερικά. Χωρίς αυτό, το μενού ξεχείλιζε κάτω από το 100vh
           (λευκή μπάρα) και έσπρωχνε τη σελίδα να σκρολλάρει. */
        display: flex;
        flex-direction: column;
    }

    /* 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: #2d3237;
        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: #3a4046;
        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: 300; /* πάνω από content· dropdowns (Νέο / χρήστης) να μη καλύπτονται */
    }

    .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);
    flex-shrink: 0;
}

.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.35rem 0.55rem;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    gap: 0;
}
.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);
    flex-shrink: 0;
}
.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;
    }

    /* Παίρνει το υπόλοιπο ύψος της flex-column .sidebar (μετά από banner + toolbar +
       search) και σκρολλάρει εσωτερικά. min-height:0 ώστε να επιτρέπεται η συρρίκνωση
       μέσα στο flex column. Αντικατέστησε παλιό height:calc που ξεχνούσε το search box. */
    .nav-scrollable[b-d3gcv874r0] {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }
}

/* Sidebar search box */
.nav-search[b-d3gcv874r0] { flex-shrink: 0; }
[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.55rem;
    padding-right: 0.55rem;
    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);
}

.menu-icon[b-r76t3i8boq] {
    width: 1.25rem;
    min-width: 1.25rem;
    text-align: center;
    margin-right: 0.65rem;
    flex-shrink: 0;
    font-size: 0.92rem;
    opacity: 0.9;
}

/* 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/Layout/TopBarActions.razor.rz.scp.css */
/* Πάνω μπάρα — ίδια tokens με το Metronic 9 skin (metronic-skin.css).
   Γράφονται εδώ ρητά (και όχι μέσω .btn-primary κ.λπ.) γιατί το top-row είναι
   ΕΚΤΟΣ του «.mtx» scope: αλλιώς το θέμα του DevExpress (blazing-berry) βάφει
   τα κουμπιά με χρώματα του theme αντί για τα Metronic primary tokens. */

.topbar-actions[b-smprq4blbn] {
    width: 100%;
    min-width: 0;
}

.topbar-left[b-smprq4blbn] {
    position: relative;
    flex-shrink: 0;
}

.topbar-btn[b-smprq4blbn],
.topbar-ai-btn[b-smprq4blbn],
.topbar-user-btn[b-smprq4blbn] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.25;
    padding: .42rem .8rem;
    border: 1px solid transparent;
    border-radius: .425rem;
    box-shadow: none;
    transition: background-color .12s, border-color .12s, color .12s, filter .12s;
}

/* «Νέο» — Metronic primary */
.topbar-btn[b-smprq4blbn] {
    background: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}
.topbar-btn:hover[b-smprq4blbn],
.topbar-btn:focus[b-smprq4blbn] {
    background: #056ee9;
    border-color: #056ee9;
    color: #fff;
}

/* «AI» — ίδιο primary μπλε με το «Νέο» */
.topbar-ai-btn[b-smprq4blbn] {
    background: linear-gradient(110deg, #1b84ff 0%, #056ee9 100%);
    border: 0;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 8px -3px rgba(27, 132, 255, .55);
}
.topbar-ai-btn:hover[b-smprq4blbn],
.topbar-ai-btn:focus[b-smprq4blbn] {
    color: #fff;
    filter: brightness(1.09);
}

/* Χρήστης — Metronic «light» κουμπί */
.topbar-user-btn[b-smprq4blbn] {
    background: #fff;
    border-color: #e4e4e7;
    color: #27272a;
    max-width: min(280px, 42vw);
}
.topbar-user-btn:hover[b-smprq4blbn],
.topbar-user-btn:focus[b-smprq4blbn] {
    background: #fafafa;
    border-color: #e4e4e7;
    color: #18181b;
}

.topbar-caret[b-smprq4blbn] {
    font-size: .62rem;
    opacity: .65;
}

.topbar-user-name[b-smprq4blbn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10rem;
}
.topbar-user-login[b-smprq4blbn] {
    font-size: .78rem;
    color: #71717a;
}

/* ── Dropdowns ── */
.topbar-dd[b-smprq4blbn] {
    position: relative;
    flex-shrink: 0;
}

.topbar-dd-backdrop[b-smprq4blbn] {
    position: fixed;
    inset: 0;
    z-index: 1054;
}

.topbar-dd-menu[b-smprq4blbn] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    z-index: 1055;
    /* shrink-wrap στο περιεχόμενο — όχι stretch σε γονέα flex */
    width: max-content;
    min-width: 220px;
    max-width: min(320px, calc(100vw - 1.25rem));
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: .625rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    overflow: hidden;
}

/* Γέφυρα hover: κλείνει το κενό button → menu ώστε να μη «χάνεται» το ποντίκι */
.topbar-dd-menu[b-smprq4blbn]::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    height: 6px;
}

.topbar-dd-menu-end[b-smprq4blbn] {
    left: auto;
    right: 0;
    min-width: 248px;
}

.topbar-dd-menu .dropdown-item[b-smprq4blbn] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    border-radius: .375rem;
    padding: .45rem .55rem;
    font-size: .8125rem;
    font-weight: 500;
    color: #27272a;
    background: none;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.topbar-dd-menu .dropdown-item i[b-smprq4blbn] {
    flex-shrink: 0;
    width: 1.1rem;
    text-align: center;
}
.topbar-dd-menu .dropdown-item:hover[b-smprq4blbn] {
    background: #fafafa;
    color: #18181b;
}
.topbar-dd-menu .dropdown-item.text-danger[b-smprq4blbn] {
    color: #f8285a;
}
.topbar-dd-menu .dropdown-item.text-danger:hover[b-smprq4blbn] {
    background: #ffeef3;
    color: #d81a48;
}

.topbar-dd-menu .dropdown-divider[b-smprq4blbn] {
    border-top-color: #f4f4f5;
}

.topbar-dd-section[b-smprq4blbn] {
    padding: .45rem .55rem .55rem;
}
.topbar-dd-label[b-smprq4blbn] {
    font-size: .7rem;
    font-weight: 600;
    color: #a1a1aa;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}
.topbar-dd-section .form-select[b-smprq4blbn] {
    font-size: .8125rem;
    border-radius: .425rem;
    border-color: #e4e4e7;
}

/* ── Σκούρο θέμα ── */
[data-bs-theme=dark] .topbar-user-btn[b-smprq4blbn] {
    background: #1e2129;
    border-color: #363b44;
    color: #e9ecef;
}
[data-bs-theme=dark] .topbar-user-btn:hover[b-smprq4blbn],
[data-bs-theme=dark] .topbar-user-btn:focus[b-smprq4blbn] {
    background: #2b3038;
    color: #fff;
}
[data-bs-theme=dark] .topbar-dd-menu[b-smprq4blbn] {
    background: #1e2129;
    border-color: #363b44;
}
[data-bs-theme=dark] .topbar-dd-menu .dropdown-item[b-smprq4blbn] {
    color: #e9ecef;
}
[data-bs-theme=dark] .topbar-dd-menu .dropdown-item:hover[b-smprq4blbn] {
    background: #2b3038;
    color: #fff;
}

@media (max-width: 640.98px) {
    .topbar-user-login[b-smprq4blbn] { display: none; }
    .topbar-user-name[b-smprq4blbn] { max-width: 6rem; }
}
/* _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 */
/* Λίστα εταιρειών — Metronic grid. */
.adm-toolbar[b-78sk7e8o68] { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .7rem; }
.adm-count[b-78sk7e8o68] { font-size: .82rem; color: #78829d; white-space: nowrap; }
.adm-search[b-78sk7e8o68] { max-width: 340px; }

.adm-table-wrap[b-78sk7e8o68] { max-height: calc(100vh - 175px); overflow: auto;
    border: 1px solid #f1f1f4; border-radius: .625rem; background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); }

.adm-table-wrap[b-78sk7e8o68]  .adm-grid { font-size: .875rem; }
.adm-table-wrap[b-78sk7e8o68]  .adm-grid thead th {
    position: sticky; top: 0; z-index: 1;
    background: #fff; color: #78829d; font-weight: 500; white-space: nowrap;
    border-bottom: 1px solid #e1e3ea; padding: .55rem .75rem; }
.adm-table-wrap[b-78sk7e8o68]  .adm-grid tbody td {
    padding: .5rem .75rem; border-top: 1px solid #f1f1f4; vertical-align: middle; }
.adm-table-wrap[b-78sk7e8o68]  .adm-grid tbody tr:hover td { background: #f9f9f9; }

/* ID pill-σύνδεσμος (ίδια γλώσσα με το be-id-badge της εφαρμογής) */
.adm-table-wrap[b-78sk7e8o68]  .adm-id-pill {
    display: inline-block; min-width: 2.6rem; text-align: center;
    padding: .1rem .5rem; border-radius: 999px;
    background: rgba(27, 132, 255, .1); color: #1B84FF;
    font-weight: 700; font-size: .8rem; text-decoration: none; transition: .12s; }
.adm-table-wrap[b-78sk7e8o68]  .adm-id-pill:hover { background: #1B84FF; color: #fff; }

/* Κύριος τίτλος κελιού + δευτερεύουσα γραμμή */
.adm-table-wrap[b-78sk7e8o68]  .adm-cell-title {
    color: #2d3237; font-weight: 600; text-decoration: none; }
.adm-table-wrap[b-78sk7e8o68]  .adm-cell-title:hover { color: #1B84FF; }
.adm-table-wrap[b-78sk7e8o68]  .adm-cell-sub {
    font-size: .76rem; color: #99a1b7; display: flex; gap: .7rem; flex-wrap: wrap;
    max-width: 260px; overflow: hidden; }
.adm-table-wrap[b-78sk7e8o68]  .adm-cell-sub span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Κατάσταση: Metronic light badges */
.adm-table-wrap[b-78sk7e8o68]  .adm-badge-ok {
    background: rgba(23, 198, 83, .12); color: #17C653; font-weight: 600; }
.adm-table-wrap[b-78sk7e8o68]  .adm-badge-err {
    background: rgba(248, 40, 90, .12); color: #F8285A; font-weight: 600; }

.adm-ua[b-78sk7e8o68] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: .78rem; color: #78829d; }
/* _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 */
/* Κάρτες εργασιών διαχείρισης — Metronic cards. */
.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 #f1f1f4; border-radius: .625rem; padding: 1rem 1.1rem;
    background: #fff; color: #2d3237; transition: .12s;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); }
.adm-card:hover[b-f6bdaybrtu] { border-color: rgba(27, 132, 255, .4);
    box-shadow: 0 8px 22px -10px rgba(27, 132, 255, .25); transform: translateY(-1px); }

.adm-card-icon[b-f6bdaybrtu] { font-size: 1.5rem; line-height: 1;
    background: rgba(27, 132, 255, .1); border-radius: .475rem;
    width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; }
.adm-card-title[b-f6bdaybrtu] { font-weight: 600; color: #2d3237; }
.adm-card-desc[b-f6bdaybrtu] { font-size: .82rem; color: #78829d; }
/* _content/BEWeb/Components/Pages/Admin/AdminLogins.razor.rz.scp.css */
/* Audit συνδέσεων — Metronic grid. */
.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-toolbar[b-0ytcaklk3f] { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .5rem; }
.adm-count[b-0ytcaklk3f] { font-size: .82rem; color: #78829d; white-space: nowrap; }
.adm-search[b-0ytcaklk3f] { max-width: 320px; }

.adm-table-wrap[b-0ytcaklk3f] { max-height: calc(100vh - 240px); overflow: auto;
    border: 1px solid #f1f1f4; border-radius: .625rem; background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); }

.adm-table-wrap[b-0ytcaklk3f]  .adm-grid { font-size: .875rem; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-grid thead th {
    position: sticky; top: 0; z-index: 1;
    background: #fff; color: #78829d; font-weight: 500; white-space: nowrap;
    border-bottom: 1px solid #e1e3ea; padding: .55rem .75rem; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-grid tbody td {
    padding: .45rem .75rem; border-top: 1px solid #f1f1f4; vertical-align: middle; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-grid tbody tr:hover td { background: #f9f9f9; }

.adm-table-wrap[b-0ytcaklk3f]  .adm-cell-title { color: #2d3237; font-weight: 600; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-cell-sub { font-size: .76rem; color: #99a1b7; }

.adm-table-wrap[b-0ytcaklk3f]  .adm-badge-ok {
    background: rgba(23, 198, 83, .12); color: #17C653; font-weight: 600; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-badge-err {
    background: rgba(248, 40, 90, .12); color: #F8285A; font-weight: 600; }
.adm-table-wrap[b-0ytcaklk3f]  .adm-badge-muted {
    background: #F1F1F4; color: #78829d; font-weight: 600; }

.adm-ua[b-0ytcaklk3f] { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    color: #99a1b7; font-size: .76rem; }
/* _content/BEWeb/Components/Pages/Admin/AdminShell.razor.rz.scp.css */
/* Admin shell — Metronic 8 layout: σκούρο sidebar αριστερά + περιεχόμενο δεξιά. */
.adm-layout[b-sevo8h68xz] {
    display: flex;
    min-height: 100vh;
    font-family: 'Inter', system-ui, sans-serif;
    background: #fcfcfc;
}

/* ── Sidebar ── */
.adm-side[b-sevo8h68xz] {
    width: 220px;
    flex-shrink: 0;
    background: #2d3237;
    display: flex;
    flex-direction: column;
    padding: .9rem .7rem;
    gap: .9rem;
    position: sticky;
    top: 0;
    height: 100vh;
}

.adm-brand[b-sevo8h68xz] {
    font-size: 1.05rem; font-weight: 700; color: #fff; text-decoration: none;
    letter-spacing: -.01em; padding: .25rem .5rem;
}
.adm-brand:hover[b-sevo8h68xz] { color: #fff; opacity: .9; }

.adm-nav[b-sevo8h68xz] { display: flex; flex-direction: column; gap: .15rem; flex: 1; overflow-y: auto; }

.adm-nav-link[b-sevo8h68xz] {
    display: flex; align-items: center; gap: .6rem;
    color: #A6B4D0; text-decoration: none; font-size: .9rem;
    padding: .5rem .6rem; border-radius: .475rem; transition: .12s; white-space: nowrap;
}
.adm-nav-link:hover[b-sevo8h68xz] { background: rgba(255,255,255,.06); color: #fff; }
.adm-nav-link.active[b-sevo8h68xz] { background: #1B84FF; color: #fff; font-weight: 600; }
.adm-nav-ico[b-sevo8h68xz] { width: 1.4rem; text-align: center; flex-shrink: 0; }

.adm-lock[b-sevo8h68xz] { margin-top: auto; }

/* ── Περιεχόμενο ── */
.adm-main[b-sevo8h68xz] {
    flex: 1;
    min-width: 0;
    padding: 1.1rem 1.4rem;
}

.adm-gate[b-sevo8h68xz] {
    max-width: 420px; margin: 3rem auto; padding: 1.4rem;
    border: 1px solid #f1f1f4; border-radius: .625rem; background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
}

.adm-page-title[b-sevo8h68xz] {
    font-size: 1.15rem; font-weight: 600; margin: .1rem 0 .9rem;
    color: #2d3237; letter-spacing: -.01em;
}

/* ── Μικρές οθόνες: το sidebar γίνεται οριζόντια μπάρα πάνω ── */
@media (max-width: 767.98px) {
    .adm-layout[b-sevo8h68xz] { flex-direction: column; }
    .adm-side[b-sevo8h68xz] { width: 100%; height: auto; position: static; flex-direction: row;
        align-items: center; flex-wrap: wrap; gap: .4rem; }
    .adm-nav[b-sevo8h68xz] { flex-direction: row; flex-wrap: wrap; }
    .adm-nav-cap[b-sevo8h68xz] { display: none; }              /* μόνο εικονίδια */
    .adm-nav-link[b-sevo8h68xz] { padding: .4rem .55rem; }
    .adm-lock[b-sevo8h68xz] { margin-top: 0; margin-left: auto; }
}
/* _content/BEWeb/Components/Pages/Admin/AdminStats.razor.rz.scp.css */
/* Στατιστικά συνδέσεων — Metronic tiles + grid. */
.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 #f1f1f4; border-radius: .625rem; background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); }
.adm-sum-n[b-z848o9w7aw] { font-size: 1.5rem; font-weight: 700; line-height: 1.1; color: #2d3237; }
.adm-sum-l[b-z848o9w7aw] { font-size: .75rem; color: #78829d; }
.adm-sum-warn .adm-sum-n[b-z848o9w7aw] { color: #F8285A; }

.adm-toolbar[b-z848o9w7aw] { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .5rem; }
.adm-count[b-z848o9w7aw] { font-size: .82rem; color: #78829d; white-space: nowrap; }
.adm-search[b-z848o9w7aw] { max-width: 320px; }

.adm-table-wrap[b-z848o9w7aw] { max-height: calc(100vh - 330px); overflow: auto;
    border: 1px solid #f1f1f4; border-radius: .625rem; background: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03); }

.adm-table-wrap[b-z848o9w7aw]  .adm-grid { font-size: .875rem; }
.adm-table-wrap[b-z848o9w7aw]  .adm-grid thead th {
    position: sticky; top: 0; z-index: 1;
    background: #fff; color: #78829d; font-weight: 500; white-space: nowrap;
    border-bottom: 1px solid #e1e3ea; padding: .55rem .75rem; }
.adm-table-wrap[b-z848o9w7aw]  .adm-grid tbody td {
    padding: .45rem .75rem; border-top: 1px solid #f1f1f4; vertical-align: middle;
    font-variant-numeric: tabular-nums; }
.adm-table-wrap[b-z848o9w7aw]  .adm-grid tbody tr:hover td { background: #f9f9f9; }

.adm-table-wrap[b-z848o9w7aw]  .adm-cell-title { color: #2d3237; font-weight: 600; }

.adm-table-wrap[b-z848o9w7aw]  .adm-badge-ok {
    background: rgba(23, 198, 83, .12); color: #17C653; font-weight: 600; }
.adm-table-wrap[b-z848o9w7aw]  .adm-badge-err {
    background: rgba(248, 40, 90, .12); color: #F8285A; font-weight: 600; }
/* _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, #1B84FF 0%, #056EE9 100%);
    border-radius: 14px; padding: .85rem 1.15rem; margin-bottom: 1rem; box-shadow: 0 10px 26px -14px rgba(27,132,255,.6); }
.asst-head i[b-m8rm3v93yr] { font-size: 1.7rem; }
.asst-head h1[b-m8rm3v93yr] { font-size: 1.2rem; font-weight: 700; margin: 0; }
/* _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 */
/* ============================================================================
   BrandEdit — modern web ύφος, ίδια γλώσσα με ParEdit / BrandsList (Metronic 9).

   Tokens: primary #1B84FF, borders #e4e4e7 / #f1f1f4, radius .425rem (controls)
   και .625rem (κάρτες), γραμματοσειρά Inter, muted #78829d.
   Το markup μένει σχεδόν ως έχει — η ανανέωση γίνεται εδώ.
   ============================================================================ */

.brand-page[b-s93utm3zvx] {
    display: grid;
    grid-template-rows: auto 1fr;
    /* viewport μείον top-row (3.5rem) μείον padding του .content (~1.1rem) */
    height: calc(100vh - 4.6rem);
    overflow: hidden;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ── Sticky κεφαλίδα (back-link + toolbar + τίτλος + tabs) ── */
.be-sticky-top[b-s93utm3zvx] {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem .625rem 0 0;
    border-bottom: 0;
    padding: .75rem .9rem 0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    z-index: 5;
}

/* ── Toolbar ── */
.brand-page[b-s93utm3zvx]  .be-toolbar {
    gap: .35rem !important;
    padding: .1rem 0 .55rem;
    border: 0;
    border-bottom: 1px solid #f1f1f4;
    border-radius: 0;
    margin-bottom: .75rem !important;
}

.brand-page[b-s93utm3zvx]  .be-toolbar .btn {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.25;
    padding: .36rem .68rem;
    border-radius: .425rem;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #3f4254;
    box-shadow: none;
    white-space: nowrap;
    transition: background-color .12s, border-color .12s, color .12s;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn:hover:not(:disabled) {
    background: #f9f9f9;
    border-color: #dbdfe9;
    color: #18181b;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn:disabled {
    opacity: .45;
    background: #fff;
}

/* Κύρια ενέργεια = Αποθήκευση (γεμάτο μπλε όταν είναι ενεργή) */
.brand-page[b-s93utm3zvx]  .be-toolbar #btnRecOKNewUI:not(:disabled) {
    background: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar #btnRecOKNewUI:not(:disabled):hover {
    background: #056ee9;
    border-color: #056ee9;
    color: #fff;
}

/* Απαλά χρωματιστά κουμπιά (Metronic «light-colored») */
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-success:not(:disabled) {
    background: #eafff3; border-color: transparent; color: #04b440;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-success:not(:disabled):hover {
    background: #17c653; border-color: transparent; color: #fff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-danger:not(:disabled) {
    background: #ffeef3; border-color: transparent; color: #f8285a;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-danger:not(:disabled):hover {
    background: #f8285a; border-color: transparent; color: #fff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-primary:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-primary:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-info:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-info:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-dark:not(:disabled) {
    background: #f4f4f5; border-color: transparent; color: #4b5675;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .btn-outline-dark:not(:disabled):hover {
    background: #4b5675; border-color: transparent; color: #fff;
}

/* Πλοήγηση εγγραφών: μικρά τετράγωνα κουμπιά */
.brand-page[b-s93utm3zvx]  .be-toolbar #BtnRecFirstNewUI,
.brand-page[b-s93utm3zvx]  .be-toolbar #BtnRecPrevNewUI,
.brand-page[b-s93utm3zvx]  .be-toolbar #BtnRecNextNewUI,
.brand-page[b-s93utm3zvx]  .be-toolbar #BtnRecLastNewUI {
    min-width: 2rem;
    padding: .36rem .4rem;
    color: #4b5675;
}

.brand-page[b-s93utm3zvx]  .be-toolbar .btn i.bi { font-size: .875rem; line-height: 1; vertical-align: -.08em; }
.brand-page[b-s93utm3zvx]  .be-toolbar .dropdown-toggle::after { margin-left: .4rem; opacity: .55; }

.brand-page[b-s93utm3zvx]  .be-toolbar .vr {
    background: #e4e4e7;
    opacity: 1;
    height: 1.35rem;
    align-self: center;
}

/* Μενού «Ενέργειες» */
.brand-page[b-s93utm3zvx]  .be-toolbar .dropdown-menu {
    border: 1px solid #e1e3ea;
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .dropdown-item {
    border-radius: .375rem;
    padding: .4rem .55rem;
    font-size: .8125rem;
    color: #3f4254;
}
.brand-page[b-s93utm3zvx]  .be-toolbar .dropdown-item:hover:not(:disabled) { background: #f4f9ff; color: #056ee9; }

/* ── Τίτλος εγγραφής ── */
.brand-page[b-s93utm3zvx]  h1.h3 {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #18181b;
}

.brand-page .brand-sub[b-s93utm3zvx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    color: #78829d;
}
.brand-page .brand-sub .font-monospace[b-s93utm3zvx] { color: #4b5675; }

/* Pills κατάστασης */
.brand-page[b-s93utm3zvx]  .badge {
    font-size: .6875rem;
    font-weight: 600;
    padding: .3em .6em;
    border-radius: .375rem;
    letter-spacing: .01em;
}

/* ── Tabs — modern underline με οριζόντιο scroll (είναι ~20) ── */
.brand-page[b-s93utm3zvx]  .be-tabs {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4e4e7;
    margin: 0 -.9rem;
    padding: 0 .9rem;
    gap: .15rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}
.brand-page[b-s93utm3zvx]  .be-tabs::-webkit-scrollbar { height: 4px; }
.brand-page[b-s93utm3zvx]  .be-tabs::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 2px; }

.brand-page[b-s93utm3zvx]  .be-tabs .nav-link {
    color: #78829d;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: .55rem .75rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: color .12s, border-color .12s;
}
.brand-page[b-s93utm3zvx]  .be-tabs .nav-link:hover:not(:disabled) {
    color: #18181b;
    background: transparent;
    border-bottom-color: #e4e4e7;
}
.brand-page[b-s93utm3zvx]  .be-tabs .nav-link.active {
    color: #1b84ff;
    background: #f4f9ff;
    border-bottom-color: #1b84ff;
    border-radius: .375rem .375rem 0 0;
    font-weight: 600;
}
.brand-page[b-s93utm3zvx]  .be-tabs .nav-link:disabled {
    color: #c6cad3;
    cursor: default;
}

/* ── Σώμα tab = συνέχεια της λευκής κάρτας ── */
.brand-body[b-s93utm3zvx] {
    overflow-y: auto;
    min-height: 0; /* απαραίτητο για να «μαζεύει» το grid child */
    background: #fff;
    border: 1px solid #f1f1f4;
    border-top: 0;
    border-radius: 0 0 .625rem .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    padding: 1.1rem !important;
}

/* ── Επικεφαλίδες ενοτήτων (h5) → τίτλοι με χρωματιστή ράβδο ── */
.brand-page .brand-body h5:not(.modal-title)[b-s93utm3zvx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #4b5675;
    padding-bottom: .5rem;
    border-bottom: 1px solid #f1f1f4;
    margin: 1.6rem 0 .9rem !important;
}
.brand-page .brand-body h5:not(.modal-title):first-child[b-s93utm3zvx],
.brand-page .brand-body fieldset > h5:first-child[b-s93utm3zvx] {
    margin-top: .25rem !important;
}
.brand-page .brand-body h5:not(.modal-title)[b-s93utm3zvx]::before {
    content: "";
    width: .3rem;
    height: .95rem;
    border-radius: 2px;
    background: #1b84ff;
    flex: 0 0 auto;
}

/* Υπο-ενότητες (h6) */
.brand-page .brand-body h6[b-s93utm3zvx] {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #78829d;
    margin: 1.15rem 0 .55rem !important;
}

/* ── Ετικέτες & πεδία ── */
.brand-page[b-s93utm3zvx]  .form-label {
    font-size: .75rem !important;
    font-weight: 500;
    color: #78829d !important;
    margin-bottom: .25rem !important;
}

.brand-page[b-s93utm3zvx]  .form-control,
.brand-page[b-s93utm3zvx]  .form-select {
    font-size: .8125rem;
    border-radius: .425rem;
    border-color: #dbdfe9;
    color: #252f4a;
    padding: .38rem .6rem;
}
.brand-page[b-s93utm3zvx]  .form-control:focus,
.brand-page[b-s93utm3zvx]  .form-select:focus {
    border-color: #1b84ff;
    box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .14);
}
.brand-page[b-s93utm3zvx]  .form-text {
    font-size: .72rem;
    color: #a1a1aa;
}

/* Browse mode: τα πεδία διαβάζονται σαν τιμές, όχι σαν «νεκρά» γκρι inputs */
.brand-page[b-s93utm3zvx]  fieldset:disabled .form-control,
.brand-page[b-s93utm3zvx]  fieldset:disabled .form-select,
.brand-page[b-s93utm3zvx]  .form-control:disabled,
.brand-page[b-s93utm3zvx]  .form-select:disabled {
    background-color: #fafafa;
    color: #252f4a;
    opacity: 1;
}

/* Checkboxes/switches */
.brand-page[b-s93utm3zvx]  .form-check-label {
    font-size: .8125rem;
    color: #3f4254;
}
.brand-page[b-s93utm3zvx]  .form-check-input:checked {
    background-color: #1b84ff;
    border-color: #1b84ff;
}

/* Αριθμοί με tabular figures για ευθυγράμμιση */
.brand-page[b-s93utm3zvx]  .font-monospace {
    font-variant-numeric: tabular-nums;
}

/* ── Εσωτερικά πλέγματα (Αποθήκη/Κινήσεις/Barcodes κ.λπ.) ── */
.brand-page[b-s93utm3zvx]  .brand-body .table {
    font-size: .8125rem;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}
.brand-page[b-s93utm3zvx]  .brand-body .table > thead > tr > th {
    color: #78829d;
    background: #f9f9f9;
    border-color: #f1f1f4;
    border-top: 0;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .01em;
    padding: .5rem .55rem;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}
.brand-page[b-s93utm3zvx]  .brand-body .table > tbody > tr > td {
    color: #252f4a;
    background: #fff;
    border-color: #f1f1f4;
    padding: .4rem .55rem;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}
.brand-page[b-s93utm3zvx]  .brand-body .table.table-hover > tbody > tr:hover > td {
    background: #f7fbff;
}
.brand-page[b-s93utm3zvx]  .brand-body .table > tbody > tr > td a {
    color: #1b84ff;
    text-decoration: none;
    font-weight: 500;
}
.brand-page[b-s93utm3zvx]  .brand-body .table > tbody > tr > td a:hover { text-decoration: underline; }
.brand-page[b-s93utm3zvx]  .brand-body .table > tfoot > tr > td,
.brand-page[b-s93utm3zvx]  .brand-body .table > tbody > tr.table-secondary > td {
    background: #f9f9f9;
    border-color: #f1f1f4;
    font-weight: 600;
    color: #252f4a;
}

/* Μικρά κουμπιά μέσα στα πλέγματα/επικεφαλίδες ενοτήτων */
.brand-page[b-s93utm3zvx]  .brand-body .table .btn,
.brand-page[b-s93utm3zvx]  .brand-body .table-actions .btn {
    font-size: .75rem;
    padding: .2rem .5rem;
    border-radius: .375rem;
}

/* Alerts μέσα στο σώμα: διακριτικά, όχι έντονα χρώματα */
.brand-page[b-s93utm3zvx]  .brand-body .alert-info,
.brand-page[b-s93utm3zvx]  .brand-body .alert-light,
.brand-page[b-s93utm3zvx]  .brand-body .alert-secondary {
    color: #4b5675;
    background: #f9f9f9;
    border-color: #f1f1f4;
    border-radius: .5rem;
    font-size: .8125rem;
}

/* ── Modals ── */
.brand-page[b-s93utm3zvx]  .modal-content {
    border: 0;
    border-radius: .625rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
}
.brand-page[b-s93utm3zvx]  .modal-header {
    border-bottom: 1px solid #f1f1f4;
    padding: .8rem 1rem;
}
.brand-page[b-s93utm3zvx]  .modal-title {
    font-size: .95rem;
    font-weight: 600;
    color: #18181b;
}
.brand-page[b-s93utm3zvx]  .modal-footer {
    border-top: 1px solid #f1f1f4;
    padding: .65rem 1rem;
}

/* ── MIS / Attachments iframe (γεμίζει την περιοχή του tab) ── */
.brand-page[b-s93utm3zvx]  .be-iframe-host {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.brand-page[b-s93utm3zvx]  .be-form-iframe {
    flex: 1;
    width: 100%;
    min-height: 60vh;
    border: 1px solid #f1f1f4;
    border-radius: .5rem;
}

/* ── Κινήσεις: το φίλτρο μένει σταθερό, το πλέγμα κυλάει μόνο του ──
   (μπαίνει ΜΕΤΑ το .brand-body ώστε να υπερισχύσει το padding/overflow) */
.brand-body.be-trans-tab[b-s93utm3zvx] {
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    padding: .9rem !important;
}
.be-trans-filter[b-s93utm3zvx] {
    flex: 0 0 auto;
    background: #fff;
    padding-bottom: .65rem;
    border-bottom: 1px solid #f1f1f4;
    margin-bottom: .65rem;
}
.be-trans-scroll[b-s93utm3zvx] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

/* ── Σκούρο θέμα ── */
[data-bs-theme=dark] .be-sticky-top[b-s93utm3zvx] {
    background: #1e2129;
    border-color: #363b44;
}
[data-bs-theme=dark] .brand-body[b-s93utm3zvx] {
    background: #1e2129;
    border-color: #363b44;
}
[data-bs-theme=dark] .brand-page .brand-body h5:not(.modal-title)[b-s93utm3zvx] {
    color: #cfd4dc;
    border-bottom-color: #363b44;
}
[data-bs-theme=dark] .brand-page[b-s93utm3zvx]  .brand-body .table > thead > tr > th {
    background: #232730;
    border-color: #363b44;
    color: #9aa3b2;
}
[data-bs-theme=dark] .brand-page[b-s93utm3zvx]  .brand-body .table > tbody > tr > td {
    background: #1e2129;
    border-color: #363b44;
    color: #e9ecef;
}
[data-bs-theme=dark] .be-trans-filter[b-s93utm3zvx] {
    background: #1e2129;
    border-bottom-color: #363b44;
}
/* _content/BEWeb/Components/Pages/Brands/BrandsList.razor.rz.scp.css */
/* BrandsList — ίδιο μοτίβο με ParList (minimal toolbar + card grid) */

.brands-list-page .brands-list-toolbar[b-4u4di44w89] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .65rem 0 .85rem;
}

.brands-list-page .brands-list-title[b-4u4di44w89] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0;
    margin-right: .15rem;
}

.brands-list-page .brands-list-count[b-4u4di44w89] {
    color: #78829d;
    font-size: .82rem;
    white-space: nowrap;
}

.brands-list-page .brands-list-toolbar-spacer[b-4u4di44w89] {
    flex: 1;
    min-width: .5rem;
}

.brands-list-page .brands-list-btn i[b-4u4di44w89] {
    font-size: .85rem;
    opacity: .92;
}

/* Overflow «···» */
.brands-list-page .brands-list-more[b-4u4di44w89] {
    position: relative;
}

.brands-list-page .brands-list-more-backdrop[b-4u4di44w89] {
    position: fixed;
    inset: 0;
    z-index: 1054;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1055;
    min-width: 280px;
    max-width: min(92vw, 360px);
    background: #fff;
    border: 1px solid #e1e3ea;
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89]  .dropdown-item,
.brands-list-page .brands-list-more-menu > .dropdown-item[b-4u4di44w89] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: .375rem;
    padding: .45rem .55rem;
    font-size: .8125rem;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89]  .gmb-embed {
    padding: .35rem .5rem .15rem;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89]  .gmb-embed > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89]  .gmb-embed > .d-flex > .btn-group {
    width: 100%;
}

.brands-list-page .brands-list-more-menu[b-4u4di44w89]  .gmb-embed > .d-flex > .btn-group > .btn {
    width: 100%;
    justify-content: flex-start;
}

/* Ενεργά φίλτρα από URL (κατηγορία/προμηθευτής/ομάδα) — chips αντί για alert boxes */
.brands-list-page .brands-list-chips[b-4u4di44w89] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 .65rem;
}

.brands-list-page .brands-list-chips .chip[b-4u4di44w89] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #f1f7ff;
    border: 1px solid #cfe3ff;
    border-radius: 2rem;
    padding: .22rem .3rem .22rem .6rem;
    font-size: .78rem;
    color: #1b5fa8;
}

.brands-list-page .brands-list-chips .chip > i[b-4u4di44w89] {
    font-size: .72rem;
    opacity: .8;
}

.brands-list-page .brands-list-chips .chip em[b-4u4di44w89] {
    font-style: normal;
    color: #6b8fb5;
}

.brands-list-page .brands-list-chips .chip b[b-4u4di44w89] {
    font-weight: 600;
}

.brands-list-page .brands-list-chips .chip > a[b-4u4di44w89] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    color: #6b8fb5;
    text-decoration: none;
    transition: background-color .12s, color .12s;
}

.brands-list-page .brands-list-chips .chip > a:hover[b-4u4di44w89] {
    background: #1b84ff;
    color: #fff;
}

/* Grid card shell (host του SelectionActionBar — ::deep γιατί είναι child component root) */
.brands-list-page[b-4u4di44w89]  .be-grid-with-selbar.brands-list-grid-shell {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    overflow: hidden;
    opacity: 1;
    transition: opacity .18s ease;
}

/* Πριν καθοριστεί η ορατότητα στηλών: αόρατο, ώστε να μη φανεί στιγμιαία με όλες τις στήλες */
.brands-list-page[b-4u4di44w89]  .be-grid-with-selbar.brands-list-grid-pending {
    opacity: 0;
}

.brands-list-page[b-4u4di44w89]  .be-grid-with-selbar.brands-list-grid-shell .be-dxgrid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Κρύψε group panel & filter row chrome όταν είναι off (κενό padding) */
.brands-list-page .be-dxgrid .dxbl-grid-group-panel:not(.dxbl-grid-group-panel-visible)[b-4u4di44w89] {
    display: none !important;
}

/* Compact ID pill */
.brands-list-page .be-id-badge[b-4u4di44w89] {
    display: inline-block;
    font-size: .75rem;
    padding: .12rem .45rem;
    border-radius: .35rem;
    color: #1b84ff;
    font-weight: 500;
    text-decoration: none;
}
.brands-list-page .be-id-badge:hover[b-4u4di44w89] {
    color: #056ee9;
    text-decoration: underline;
}

/* Κωδικός είδους — σύνδεσμος (νέα καρτέλα) */
.brands-list-page .be-brand-code-link[b-4u4di44w89] {
    color: #1b84ff;
    font-weight: 500;
    text-decoration: none;
}
.brands-list-page .be-brand-code-link:hover[b-4u4di44w89] {
    color: #056ee9;
    text-decoration: underline;
}
/* _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 */
/* Landing (/home) — Metronic 8 ύφος: μπλε hero (#1B84FF→#056EE9), KPI κάρτες,
   γρήγορη πρόσβαση + συντομεύσεις BE. Υποστήριξη dark (data-bs-theme=dark). */

/* ── 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: .75rem;
    color: #fff;
    background: linear-gradient(120deg, #056EE9 0%, #1B84FF 55%, #4DA3FF 100%);
    box-shadow: 0 10px 28px rgba(27, 132, 255, 0.25);
    margin-bottom: 1.4rem;
    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;
    letter-spacing: -.02em;
}
.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: .85;
}

/* ── Brand corner (logo + moto) ── */
.hero-brand[b-qx9dqtrc9v] {
    display: flex;
    align-items: center;
    gap: .75rem;
    background: rgba(255,255,255,.14);
    padding: .6rem .9rem;
    border-radius: .625rem;
    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; }

/* ── Ενότητες ── */
.home-kpis[b-qx9dqtrc9v], .home-quick[b-qx9dqtrc9v], .home-shortcuts[b-qx9dqtrc9v] { margin-bottom: 1.5rem; }
.home-kpis h4[b-qx9dqtrc9v], .home-quick h4[b-qx9dqtrc9v], .home-shortcuts h4[b-qx9dqtrc9v] {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: .8rem;
    color: #2d3237;
    letter-spacing: -.01em;
}

/* ── KPIs «Σήμερα» ── */
.kpi-head[b-qx9dqtrc9v] { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.kpi-more[b-qx9dqtrc9v] { font-size: .82rem; text-decoration: none; font-weight: 500; }

.kpi-grid[b-qx9dqtrc9v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .8rem;
}
.kpi-card[b-qx9dqtrc9v] {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .75rem;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
    padding: .9rem 1.1rem;
    text-decoration: none;
    display: block;
    transition: transform .12s ease, box-shadow .12s ease;
}
a.kpi-card:hover[b-qx9dqtrc9v] { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(27, 132, 255, .15); }
.kpi-label[b-qx9dqtrc9v] { font-size: .78rem; color: #78829d; font-weight: 500; margin-bottom: .25rem; }
.kpi-value[b-qx9dqtrc9v] {
    font-size: 1.55rem;
    font-weight: 700;
    color: #2d3237;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}
.kpi-unit[b-qx9dqtrc9v] { font-size: .9rem; font-weight: 600; color: #99a1b7; }
.kpi-tag[b-qx9dqtrc9v] {
    font-size: .6rem; font-weight: 600; vertical-align: middle;
    background: rgba(27, 132, 255, .1); color: #1B84FF;
    border-radius: .35rem; padding: .1rem .3rem; margin-left: .2rem;
}

/* Πρώτη κάρτα (τζίρος σήμερα): γεμάτη primary */
.kpi-primary[b-qx9dqtrc9v] { background: linear-gradient(120deg, #056EE9, #1B84FF); border: 0; }
.kpi-primary .kpi-label[b-qx9dqtrc9v] { color: rgba(255,255,255,.8); }
.kpi-primary .kpi-value[b-qx9dqtrc9v] { color: #fff; }
.kpi-primary .kpi-unit[b-qx9dqtrc9v] { color: rgba(255,255,255,.7); }

/* ── Tiles (γρήγορη πρόσβαση + συντομεύσεις BE) ── */
.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: .75rem;
    background: #fff;
    border: 1px solid #f1f1f4;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .03);
    text-decoration: none;
    color: #2d3237;
    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(27, 132, 255, .18);
    border-color: rgba(27, 132, 255, .45);
    color: #1B84FF;
}
.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: #f9f9f9;
    color: #99a1b7;
    cursor: not-allowed;
}
.tile-off:hover[b-qx9dqtrc9v] { transform: none; box-shadow: none; border-color: #f1f1f4; color: #99a1b7; }
.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: rgba(246, 192, 0, .18);
    color: #B78900;
    border-radius: 6px;
    padding: 1px 5px;
}

/* ── Dark mode ── */
[data-bs-theme=dark] .home-kpis h4[b-qx9dqtrc9v],
[data-bs-theme=dark] .home-quick h4[b-qx9dqtrc9v],
[data-bs-theme=dark] .home-shortcuts h4[b-qx9dqtrc9v] { color: #E7ECF5; }

[data-bs-theme=dark] .kpi-card[b-qx9dqtrc9v] {
    background: #0A1B44; border-color: #1A3068;
}
[data-bs-theme=dark] .kpi-value[b-qx9dqtrc9v] { color: #E7ECF5; }
[data-bs-theme=dark] .kpi-label[b-qx9dqtrc9v] { color: #A6B4D0; }
[data-bs-theme=dark] .kpi-primary[b-qx9dqtrc9v] { background: linear-gradient(120deg, #056EE9, #1B84FF); }
[data-bs-theme=dark] .kpi-primary .kpi-value[b-qx9dqtrc9v] { color: #fff; }

[data-bs-theme=dark] .tile[b-qx9dqtrc9v] {
    background: #0A1B44; border-color: #1A3068; color: #C9D4E8;
}
[data-bs-theme=dark] .tile:hover[b-qx9dqtrc9v] { color: #1B84FF; border-color: rgba(27, 132, 255, .5); }
[data-bs-theme=dark] .tile-off[b-qx9dqtrc9v] { background: #0F2454; color: #6B7A9B; }
/* _content/BEWeb/Components/Pages/InfoPanel/InfoPanel.razor.rz.scp.css */
.info-panel-page[b-cf8g7eg5sj] {
    --info-primary: #1B84FF;
    --info-primary-active: #056EE9;
    --info-primary-soft: rgba(27, 132, 255, .10);
    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: var(--info-primary);
    border-color: transparent;
    font-weight: 500;
}

.info-panel-page .btn-info[b-cf8g7eg5sj],
.info-panel-page .btn-outline-info:hover[b-cf8g7eg5sj] {
    background-color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
    color: #fff !important;
}

.info-panel-page .btn-info:hover[b-cf8g7eg5sj] {
    background-color: var(--info-primary-active) !important;
    border-color: var(--info-primary-active) !important;
}

.info-panel-page .btn-outline-info[b-cf8g7eg5sj] {
    color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
}

.info-panel-page .text-info[b-cf8g7eg5sj] {
    color: var(--info-primary) !important;
}

.info-panel-page .bg-info[b-cf8g7eg5sj] {
    background-color: var(--info-primary-soft) !important;
    color: var(--info-primary) !important;
}

.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: var(--info-primary-soft);
}
.info-tree-leaf.selected[b-cf8g7eg5sj] {
    background-color: var(--info-primary-soft);
    color: var(--info-primary-active);
    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 */
/* ── Solid ERP — δημόσια 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 */
/* ───────────────────────── Solid ERP — Login ─────────────────────────
   Ίδια design tokens με το UI της εφαρμογής (Metronic 9):
   Inter, primary #1B84FF, dark #071437, muted #78829d, borders #dbdfe9,
   radius .5–.75rem. Λιτό: χωρίς glassmorphism/gradients/animations.
   ───────────────────────────────────────────────────────────────────── */

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

/* ───────── Αριστερό pane: φόρμα ───────── */
.login-pane[b-vqih3wdybp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 2rem;
    background: #fcfcfd;
}

.login-card[b-vqih3wdybp] {
    width: 100%;
    max-width: 380px;
}

.login-logo[b-vqih3wdybp] {
    height: 3.5rem;
    width: auto;
    display: block;
    margin-bottom: 2.25rem;
}

.login-title[b-vqih3wdybp] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.015em;
    color: #071437;
}
.login-sub[b-vqih3wdybp] {
    margin: .3rem 0 1.75rem;
    font-size: .875rem;
    color: #78829d;
}

.login-alert[b-vqih3wdybp] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: 1.25rem;
    padding: .65rem .8rem;
    border-radius: .5rem;
    font-size: .8125rem;
    color: #d1244b;
    background: #fff5f8;
    border: 1px solid #ffdfe7;
}
.login-alert i[b-vqih3wdybp] { font-size: .95rem; line-height: 1.35; }

/* ───────── Πεδία ───────── */
.login-form[b-vqih3wdybp] { display: flex; flex-direction: column; gap: 1.05rem; }
.fld[b-vqih3wdybp] { display: flex; flex-direction: column; }

.login-form .form-label[b-vqih3wdybp] {
    font-size: .8125rem;
    font-weight: 500;
    color: #4b5675;
    margin-bottom: .35rem;
}

.login-form .form-control[b-vqih3wdybp],
.login-form .form-select[b-vqih3wdybp] {
    height: 2.75rem;
    padding: .5rem .8rem;
    font-size: .875rem;
    color: #071437;
    background: #fff;
    border: 1px solid #dbdfe9;
    border-radius: .5rem;
    box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
.login-form .form-control[b-vqih3wdybp]::placeholder { color: #99a1b7; }
.login-form .form-control:hover[b-vqih3wdybp],
.login-form .form-select:hover[b-vqih3wdybp] { border-color: #c4cada; }
.login-form .form-control:focus[b-vqih3wdybp],
.login-form .form-select:focus[b-vqih3wdybp] {
    border-color: #1b84ff;
    box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .14);
    outline: none;
}

.fld-hint[b-vqih3wdybp] {
    margin-top: .3rem;
    font-size: .75rem;
    color: #99a1b7;
}

.fld-row[b-vqih3wdybp] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}
.fld-lang[b-vqih3wdybp] { flex: 1; min-width: 0; }

.login-remember[b-vqih3wdybp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 2.75rem;
    font-size: .8125rem;
    color: #4b5675;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}
.login-remember input[type="checkbox"][b-vqih3wdybp] {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: #1b84ff;
    cursor: pointer;
}

.btn-login[b-vqih3wdybp] {
    margin-top: .35rem;
    height: 2.75rem;
    font-size: .9375rem;
    font-weight: 600;
    color: #fff;
    background: #1b84ff;
    border: 0;
    border-radius: .5rem;
    cursor: pointer;
    transition: background-color .15s;
}
.btn-login:hover[b-vqih3wdybp] { background: #056ee9; }
.btn-login:active[b-vqih3wdybp] { background: #0461cf; }
.btn-login:focus-visible[b-vqih3wdybp] { outline: 2px solid #1b84ff; outline-offset: 2px; }

.login-foot[b-vqih3wdybp] {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    color: #99a1b7;
}
.login-foot a[b-vqih3wdybp] { color: #78829d; text-decoration: none; }
.login-foot a:hover[b-vqih3wdybp] { color: #1b84ff; }
.foot-sep[b-vqih3wdybp] { opacity: .6; }

/* ───────── Δεξί pane: brand ───────── */
.brand-pane[b-vqih3wdybp] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 3rem 3.5rem;
    background: #071437;
    overflow: hidden;
}
/* Διακριτική διαγώνια υφή — καμία κίνηση, μόνο βάθος. */
.brand-pane[b-vqih3wdybp]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(
        -45deg,
        rgba(255, 255, 255, .022) 0 1px,
        transparent 1px 14px
    );
}
.brand-pane[b-vqih3wdybp]::after {
    content: "";
    position: absolute;
    left: -12rem;
    bottom: -14rem;
    width: 38rem;
    height: 38rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(27, 132, 255, .16), transparent 62%);
}

.brand-inner[b-vqih3wdybp] { position: relative; z-index: 1; max-width: 30rem; }

.brand-mark[b-vqih3wdybp] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
}
.brand-mark span[b-vqih3wdybp] { color: #1b84ff; margin-left: .35rem; }

.brand-tagline[b-vqih3wdybp] {
    margin: .35rem 0 0;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6b7a99;
}

.brand-head[b-vqih3wdybp] {
    margin: 3.25rem 0 0;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #fff;
}

.brand-points[b-vqih3wdybp] {
    list-style: none;
    margin: 1.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .9rem;
}
.brand-points li[b-vqih3wdybp] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    font-size: .9375rem;
    line-height: 1.5;
    color: #a3aed0;
}
.brand-points i[b-vqih3wdybp] {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    font-size: .75rem;
    color: #1b84ff;
    background: rgba(27, 132, 255, .14);
}

/* ───────── Responsive ───────── */
@media (max-width: 1024px) {
    .login-page[b-vqih3wdybp] { grid-template-columns: 1fr; }
    .brand-pane[b-vqih3wdybp] { display: none; }
    .login-pane[b-vqih3wdybp] { background: #fff; }
}

@media (max-width: 480px) {
    .login-pane[b-vqih3wdybp] { padding: 1.75rem 1.25rem; }
    .fld-row[b-vqih3wdybp] { flex-direction: column; align-items: stretch; gap: .5rem; }
    .login-remember[b-vqih3wdybp] { height: auto; }
}
/* _content/BEWeb/Components/Pages/Marketers/MarketerEdit.razor.rz.scp.css */
/* ============================================================================
   MarketerEdit — modern web ύφος (ίδια γλώσσα με ParEdit / BrandEdit / Metronic 9).

   Tokens: primary #1B84FF, borders #e4e4e7 / #f1f1f4, radius .425rem (controls)
   και .625rem (κάρτες), γραμματοσειρά Inter, muted #78829d.
   ============================================================================ */

.marketer-page[b-n07ogz0nej] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ── Sticky κεφαλίδα (back-link + toolbar + τίτλος + tabs) ── */
.be-sticky-top[b-n07ogz0nej] {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem .625rem 0 0;
    border-bottom: 0;
    padding: .75rem .9rem 0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    z-index: 5;
}

/* ── Toolbar ── */
.marketer-page[b-n07ogz0nej]  .be-toolbar {
    gap: .35rem !important;
    padding: .1rem 0 .55rem;
    border: 0;
    border-bottom: 1px solid #f1f1f4;
    border-radius: 0;
    margin-bottom: .75rem !important;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar .btn {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.25;
    padding: .36rem .68rem;
    border-radius: .425rem;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #3f4254;
    box-shadow: none;
    white-space: nowrap;
    transition: background-color .12s, border-color .12s, color .12s;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn:hover:not(:disabled) {
    background: #f9f9f9;
    border-color: #dbdfe9;
    color: #18181b;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn:disabled {
    opacity: .45;
    background: #fff;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar #btnRecOKNewUI:not(:disabled) {
    background: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar #btnRecOKNewUI:not(:disabled):hover {
    background: #056ee9;
    border-color: #056ee9;
    color: #fff;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-success:not(:disabled) {
    background: #eafff3; border-color: transparent; color: #04b440;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-success:not(:disabled):hover {
    background: #17c653; border-color: transparent; color: #fff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-danger:not(:disabled) {
    background: #ffeef3; border-color: transparent; color: #f8285a;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-danger:not(:disabled):hover {
    background: #f8285a; border-color: transparent; color: #fff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-primary:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-primary:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-info:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-info:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-dark:not(:disabled) {
    background: #f4f4f5; border-color: transparent; color: #4b5675;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .btn-outline-dark:not(:disabled):hover {
    background: #4b5675; border-color: transparent; color: #fff;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar #BtnRecFirstNewUI,
.marketer-page[b-n07ogz0nej]  .be-toolbar #BtnRecPrevNewUI,
.marketer-page[b-n07ogz0nej]  .be-toolbar #BtnRecNextNewUI,
.marketer-page[b-n07ogz0nej]  .be-toolbar #BtnRecLastNewUI {
    min-width: 2rem;
    padding: .36rem .4rem;
    color: #4b5675;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar .btn i.bi { font-size: .875rem; line-height: 1; vertical-align: -.08em; }
.marketer-page[b-n07ogz0nej]  .be-toolbar .dropdown-toggle::after { margin-left: .4rem; opacity: .55; }

.marketer-page[b-n07ogz0nej]  .be-toolbar .vr {
    background: #e4e4e7;
    opacity: 1;
    height: 1.35rem;
    align-self: center;
}

.marketer-page[b-n07ogz0nej]  .be-toolbar .dropdown-menu {
    border: 1px solid #e1e3ea;
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .dropdown-item {
    border-radius: .375rem;
    padding: .4rem .55rem;
    font-size: .8125rem;
    color: #3f4254;
}
.marketer-page[b-n07ogz0nej]  .be-toolbar .dropdown-item:hover:not(:disabled) { background: #f4f9ff; color: #056ee9; }

/* ── Τίτλος εγγραφής ── */
.marketer-page[b-n07ogz0nej]  h1.h3 {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #18181b;
}

.marketer-page .marketer-sub[b-n07ogz0nej] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    font-size: .8125rem;
    color: #78829d;
}
.marketer-page .marketer-sub .font-monospace[b-n07ogz0nej] { color: #4b5675; }

.marketer-page .marketer-header-balance .marketer-balance-badge[b-n07ogz0nej] {
    font-size: .8125rem;
    font-weight: 600;
    padding: .45em .75em;
    border-radius: .425rem;
}

.marketer-page .marketer-type-flags[b-n07ogz0nej] {
    border-bottom: 1px solid #f1f1f4;
}
.marketer-page .marketer-type-flags .form-check-label[b-n07ogz0nej] {
    font-size: .8125rem;
    font-weight: 500;
    color: #3f4254;
}
.marketer-page .marketer-type-flags .vr[b-n07ogz0nej] {
    background: #e4e4e7;
    opacity: 1;
    height: 1.25rem;
    align-self: center;
}

.marketer-page[b-n07ogz0nej]  .badge {
    font-size: .6875rem;
    font-weight: 600;
    padding: .3em .6em;
    border-radius: .375rem;
    letter-spacing: .01em;
}

/* ── Tabs — modern underline ── */
.marketer-page[b-n07ogz0nej]  .be-tabs {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4e4e7;
    margin: 0 -.9rem;
    padding: 0 .9rem;
    gap: .15rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}
.marketer-page[b-n07ogz0nej]  .be-tabs::-webkit-scrollbar { height: 4px; }
.marketer-page[b-n07ogz0nej]  .be-tabs::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 2px; }

.marketer-page[b-n07ogz0nej]  .be-tabs .nav-link {
    color: #78829d;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: .55rem .75rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: color .12s, border-color .12s;
}
.marketer-page[b-n07ogz0nej]  .be-tabs .nav-link:hover:not(:disabled) {
    color: #18181b;
    background: transparent;
    border-bottom-color: #e4e4e7;
}
.marketer-page[b-n07ogz0nej]  .be-tabs .nav-link.active {
    color: #1b84ff;
    background: #f4f9ff;
    border-bottom-color: #1b84ff;
    border-radius: .375rem .375rem 0 0;
    font-weight: 600;
}

/* ── Σώμα tab = συνέχεια της λευκής κάρτας ── */
.marketer-page[b-n07ogz0nej]  .marketer-body {
    overflow-y: auto;
    min-height: 0;
    background: #fff;
    border: 1px solid #f1f1f4 !important;
    border-top: 0 !important;
    border-radius: 0 0 .625rem .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    padding: 1.1rem !important;
}

/* ── Ενότητες (fieldset) — card styling + χρωματιστή ράβδος ── */
.marketer-page[b-n07ogz0nej]  .marketer-body fieldset.mb-3 {
    border: 1px solid #f1f1f4 !important;
    border-radius: .625rem !important;
    padding: .85rem 1rem !important;
    margin-bottom: 1rem !important;
    background: #fff;
}

.marketer-page[b-n07ogz0nej]  .marketer-body fieldset.mb-3 > legend.h6 {
    display: flex;
    align-items: center;
    gap: .5rem;
    float: none;
    width: auto;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #4b5675 !important;
    padding: 0 0 .55rem;
    margin-bottom: .65rem;
    border-bottom: 1px solid #f1f1f4;
}

.marketer-page[b-n07ogz0nej]  .marketer-body fieldset.mb-3 > legend.h6::before {
    content: "";
    width: .3rem;
    height: .95rem;
    border-radius: 2px;
    background: #1b84ff;
    flex: 0 0 auto;
}

.marketer-page[b-n07ogz0nej]  fieldset.sec-party > legend.h6::before { background: #1b84ff; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-cat > legend.h6::before { background: #1b84ff; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-tax > legend.h6::before { background: #f6b100; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-pay > legend.h6::before { background: #17c653; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-gl > legend.h6::before { background: #0ea5e9; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-address > legend.h6::before { background: #1b84ff; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-contact > legend.h6::before { background: #50cd89; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-web > legend.h6::before { background: #1b84ff; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-notes > legend.h6::before { background: #78829d; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-sales > legend.h6::before { background: #056ee9; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-person > legend.h6::before { background: #f8285a; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-misc > legend.h6::before { background: #a1a1aa; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-coop > legend.h6::before { background: #04b440; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-prod > legend.h6::before { background: #ffc700; }
.marketer-page[b-n07ogz0nej]  fieldset.sec-extra > legend.h6::before { background: #78829d; }

/* ── Ετικέτες & πεδία (Field component + form-label) ── */
.marketer-page[b-n07ogz0nej]  .col-form-label,
.marketer-page[b-n07ogz0nej]  .form-label {
    font-size: .75rem !important;
    font-weight: 500;
    color: #78829d !important;
    margin-bottom: .25rem !important;
}

.marketer-page[b-n07ogz0nej]  .form-control,
.marketer-page[b-n07ogz0nej]  .form-select {
    font-size: .8125rem;
    border-radius: .425rem;
    border-color: #dbdfe9;
    color: #252f4a;
    padding: .38rem .6rem;
}
.marketer-page[b-n07ogz0nej]  .form-control:focus,
.marketer-page[b-n07ogz0nej]  .form-select:focus {
    border-color: #1b84ff;
    box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .14);
}
.marketer-page[b-n07ogz0nej]  .form-text,
.marketer-page[b-n07ogz0nej]  small.text-muted {
    font-size: .72rem;
    color: #a1a1aa;
}

.marketer-page[b-n07ogz0nej]  fieldset:disabled .form-control,
.marketer-page[b-n07ogz0nej]  fieldset:disabled .form-select,
.marketer-page[b-n07ogz0nej]  .form-control:disabled,
.marketer-page[b-n07ogz0nej]  .form-select:disabled {
    background-color: #fafafa;
    color: #252f4a;
    opacity: 1;
}

.marketer-page[b-n07ogz0nej]  .form-check-label {
    font-size: .8125rem;
    color: #3f4254;
}
.marketer-page[b-n07ogz0nej]  .form-check-input:checked {
    background-color: #1b84ff;
    border-color: #1b84ff;
}

.marketer-page[b-n07ogz0nej]  .font-monospace {
    font-variant-numeric: tabular-nums;
}

/* ── Πίνακες μέσα στα tabs ── */
.marketer-page[b-n07ogz0nej]  .marketer-body .table {
    font-size: .8125rem;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}
.marketer-page[b-n07ogz0nej]  .marketer-body .table > thead > tr > th {
    color: #78829d;
    background: #f9f9f9;
    border-color: #f1f1f4;
    border-top: 0;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .01em;
    padding: .5rem .55rem;
    white-space: nowrap;
}
.marketer-page[b-n07ogz0nej]  .marketer-body .table > tbody > tr > td {
    color: #252f4a;
    background: #fff;
    border-color: #f1f1f4;
    padding: .4rem .55rem;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}
.marketer-page[b-n07ogz0nej]  .marketer-body .table.table-hover > tbody > tr:hover > td {
    background: #f7fbff;
}
.marketer-page[b-n07ogz0nej]  .marketer-body .table > tbody > tr > td a {
    color: #1b84ff;
    text-decoration: none;
    font-weight: 500;
}
.marketer-page[b-n07ogz0nej]  .marketer-body .table > tbody > tr > td a:hover { text-decoration: underline; }

/* Alerts */
.marketer-page[b-n07ogz0nej]  .be-sticky-top .alert,
.marketer-page[b-n07ogz0nej]  .marketer-body .alert {
    border-radius: .5rem;
    font-size: .8125rem;
}

/* ── MIS / Attachments iframe ── */
.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 #f1f1f4;
    border-radius: .5rem;
}

/* ── MarkTrans / Parheads tabs: filter stays put, table scrolls ── */
.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;
    padding-bottom: .65rem;
    border-bottom: 1px solid #f1f1f4;
    margin-bottom: .65rem;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-filter-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    gap: .75rem 1rem;
    align-items: start;
    width: 100%;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-controls {
    display: grid;
    gap: .35rem;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-date-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .5rem;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-form-row {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: .45rem;
    align-items: center;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-form-row > label {
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
.marketer-page[b-n07ogz0nej]  .be-form-row > *:not(label) {
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-sums {
    display: grid;
    gap: .35rem;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-sum-row {
    display: grid;
    grid-template-columns: minmax(6.5rem, 1fr) minmax(6rem, auto);
    gap: .5rem;
    align-items: center;
    min-width: 0;
}
.marketer-page[b-n07ogz0nej]  .be-sum-row > .text-muted,
.marketer-page[b-n07ogz0nej]  .be-sum-row > label {
    margin: 0;
    text-align: right;
    white-space: nowrap;
}
.marketer-page[b-n07ogz0nej]  .be-sum-row > strong {
    min-width: 0;
    white-space: nowrap;
}
.marketer-page[b-n07ogz0nej]  .be-sum-row-control {
    grid-template-columns: minmax(6.5rem, 1fr) minmax(6rem, 8.5rem);
}
.marketer-page[b-n07ogz0nej]  .be-marktrans-scroll,
.marketer-page[b-n07ogz0nej]  .be-parheads-scroll {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
}
.marketer-page[b-n07ogz0nej]  .marktrans-grid {
    min-width: 42rem;
}

/* ── CHKTBL rows subtle blue tint ── */
.marketer-page[b-n07ogz0nej]  tr.be-chktbl-row > td {
    background-color: #eef4fb;
}

/* ── MARKTRANS — απαλά χρώματα (αντί για legacy aqua/lime/yellow) ── */
.marketer-page[b-n07ogz0nej]  td.be-debit {
    background-color: #eef6ff !important;
    color: #056ee9;
}
.marketer-page[b-n07ogz0nej]  td.be-credit {
    background-color: #eafff3 !important;
    color: #04b440;
}
.marketer-page[b-n07ogz0nej]  td.be-remain {
    background-color: #fffbeb !important;
    color: #b45309;
}
.marketer-page[b-n07ogz0nej]  tr.fw-bold td.be-remain {
    background-color: #fef3c7 !important;
    font-weight: 600;
}

/* ── Modals ── */
.marketer-page[b-n07ogz0nej]  .modal-content {
    border: 0;
    border-radius: .625rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
}
.marketer-page[b-n07ogz0nej]  .modal-header {
    border-bottom: 1px solid #f1f1f4;
    padding: .8rem 1rem;
}
.marketer-page[b-n07ogz0nej]  .modal-title {
    font-size: .95rem;
    font-weight: 600;
    color: #18181b;
}
.marketer-page[b-n07ogz0nej]  .modal-footer {
    border-top: 1px solid #f1f1f4;
    padding: .65rem 1rem;
}

/* ── Σκούρο θέμα ── */
[data-bs-theme=dark] .be-sticky-top[b-n07ogz0nej] {
    background: #1e2129;
    border-color: #363b44;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .marketer-body {
    background: #1e2129;
    border-color: #363b44 !important;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .marketer-body fieldset.mb-3 {
    background: #1e2129;
    border-color: #363b44 !important;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .marketer-body fieldset.mb-3 > legend.h6 {
    color: #cfd4dc !important;
    border-bottom-color: #363b44;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .marketer-body .table > thead > tr > th {
    background: #232730;
    border-color: #363b44;
    color: #9aa3b2;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .marketer-body .table > tbody > tr > td {
    background: #1e2129;
    border-color: #363b44;
    color: #e9ecef;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  td.be-debit {
    background-color: #1a2a40 !important;
    color: #6eb5ff;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  td.be-credit {
    background-color: #142820 !important;
    color: #5dd879;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  td.be-remain {
    background-color: #2a2418 !important;
    color: #fbbf24;
}
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .be-marktrans-filter,
[data-bs-theme=dark] .marketer-page[b-n07ogz0nej]  .be-parheads-filter {
    background: #1e2129;
    border-bottom-color: #363b44;
}

@media (max-width: 991.98px) {
    .marketer-page[b-n07ogz0nej]  .be-marktrans-filter-grid {
        grid-template-columns: 1fr;
    }
    .marketer-page[b-n07ogz0nej]  .be-marktrans-sums {
        border-top: 1px solid #f1f1f4;
        padding-top: .5rem;
    }
}

@media (max-width: 575.98px) {
    .marketer-page[b-n07ogz0nej]  .be-marktrans-date-row,
    .marketer-page[b-n07ogz0nej]  .be-form-row,
    .marketer-page[b-n07ogz0nej]  .be-sum-row,
    .marketer-page[b-n07ogz0nej]  .be-sum-row-control {
        grid-template-columns: 1fr;
    }
    .marketer-page[b-n07ogz0nej]  .be-form-row > label,
    .marketer-page[b-n07ogz0nej]  .be-sum-row > .text-muted,
    .marketer-page[b-n07ogz0nej]  .be-sum-row > label {
        text-align: left;
    }
    .marketer-page[b-n07ogz0nej]  .be-sum-row > strong {
        text-align: left !important;
    }
    .marketer-page[b-n07ogz0nej]  .marktrans-grid {
        min-width: 38rem;
    }
}
/* _content/BEWeb/Components/Pages/Marketers/MarketersList.razor.rz.scp.css */
/* MarketersList — ίδιο μοτίβο με ParList / BrandsList */

.marketers-list-page .marketers-list-toolbar[b-uvrojrb8vi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .65rem 0 .85rem;
}

.marketers-list-page .marketers-list-title[b-uvrojrb8vi] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0;
    margin-right: .15rem;
}

.marketers-list-page .marketers-list-count[b-uvrojrb8vi] {
    color: #78829d;
    font-size: .82rem;
    white-space: nowrap;
}

.marketers-list-page .marketers-list-toolbar-spacer[b-uvrojrb8vi] {
    flex: 1;
    min-width: .5rem;
}

.marketers-list-page .marketers-list-btn i[b-uvrojrb8vi] {
    font-size: .85rem;
    opacity: .92;
}

.marketers-list-page .marketers-list-more[b-uvrojrb8vi] {
    position: relative;
}

.marketers-list-page .marketers-list-more-backdrop[b-uvrojrb8vi] {
    position: fixed;
    inset: 0;
    z-index: 1054;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1055;
    min-width: 280px;
    max-width: min(92vw, 360px);
    background: #fff;
    border: 1px solid #e1e3ea;
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi]  .dropdown-item,
.marketers-list-page .marketers-list-more-menu > .dropdown-item[b-uvrojrb8vi] {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: .375rem;
    padding: .45rem .55rem;
    font-size: .8125rem;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi]  .gmb-embed {
    padding: .35rem .5rem .15rem;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi]  .gmb-embed > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi]  .gmb-embed > .d-flex > .btn-group {
    width: 100%;
}

.marketers-list-page .marketers-list-more-menu[b-uvrojrb8vi]  .gmb-embed > .d-flex > .btn-group > .btn {
    width: 100%;
    justify-content: flex-start;
}

.marketers-list-page .marketers-list-chips[b-uvrojrb8vi] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 .65rem;
}

.marketers-list-page .marketers-list-chips .chip[b-uvrojrb8vi] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: #f1f7ff;
    border: 1px solid #cfe3ff;
    border-radius: 2rem;
    padding: .22rem .3rem .22rem .6rem;
    font-size: .78rem;
    color: #1b5fa8;
}

.marketers-list-page .marketers-list-chips .chip > i[b-uvrojrb8vi] {
    font-size: .72rem;
    opacity: .8;
}

.marketers-list-page .marketers-list-chips .chip em[b-uvrojrb8vi] {
    font-style: normal;
    color: #6b8fb5;
}

.marketers-list-page .marketers-list-chips .chip b[b-uvrojrb8vi] {
    font-weight: 600;
}

.marketers-list-page .marketers-list-chips .chip > a[b-uvrojrb8vi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    color: #6b8fb5;
    text-decoration: none;
    transition: background-color .12s, color .12s;
}

.marketers-list-page .marketers-list-chips .chip > a:hover[b-uvrojrb8vi] {
    background: #1b84ff;
    color: #fff;
}

.marketers-list-page[b-uvrojrb8vi]  .be-grid-with-selbar.marketers-list-grid-shell {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    overflow: hidden;
    opacity: 1;
    transition: opacity .18s ease;
}

.marketers-list-page[b-uvrojrb8vi]  .be-grid-with-selbar.marketers-list-grid-pending {
    opacity: 0;
}

.marketers-list-page[b-uvrojrb8vi]  .be-grid-with-selbar.marketers-list-grid-shell .be-dxgrid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.marketers-list-page .be-dxgrid .dxbl-grid-group-panel:not(.dxbl-grid-group-panel-visible)[b-uvrojrb8vi] {
    display: none !important;
}

.marketers-list-page .be-id-badge[b-uvrojrb8vi] {
    display: inline-block;
    font-size: .75rem;
    padding: .12rem .45rem;
    border-radius: .35rem;
    color: #1b84ff;
    font-weight: 500;
    text-decoration: none;
}
.marketers-list-page .be-id-badge:hover[b-uvrojrb8vi] {
    color: #056ee9;
    text-decoration: underline;
}

.marketers-list-page .be-marketer-code-link[b-uvrojrb8vi] {
    color: #1b84ff;
    font-weight: 500;
    text-decoration: none;
}
.marketers-list-page .be-marketer-code-link:hover[b-uvrojrb8vi] {
    color: #056ee9;
    text-decoration: underline;
}
/* _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/MView/CubePage.razor.rz.scp.css */
.cube-page[b-qslincg4w8] {
    --info-primary: #1B84FF;
    --info-primary-active: #056EE9;
    --info-primary-soft: rgba(27, 132, 255, .10);
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: .35rem 0 1.25rem;
}

.cube-page .btn-info[b-qslincg4w8],
.cube-page .btn-outline-info:hover[b-qslincg4w8] {
    background-color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
    color: #fff !important;
}

.cube-page .btn-info:hover[b-qslincg4w8] {
    background-color: var(--info-primary-active) !important;
    border-color: var(--info-primary-active) !important;
}

.cube-page .btn-outline-info[b-qslincg4w8] {
    color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
}

.cube-page .text-info[b-qslincg4w8] {
    color: var(--info-primary) !important;
}

.cube-page .bg-info[b-qslincg4w8],
.cube-page .alert-info[b-qslincg4w8] {
    background-color: var(--info-primary-soft) !important;
    border-color: rgba(27, 132, 255, .22) !important;
    color: var(--info-primary-active) !important;
}

.cube-hero[b-qslincg4w8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .85rem;
    box-shadow: 0 .35rem 1.15rem rgba(15, 23, 42, .06);
    padding: .85rem 1rem;
}

.cube-title-block[b-qslincg4w8] {
    min-width: 260px;
}

.cube-back[b-qslincg4w8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #78829d;
    text-decoration: none;
    font-size: .78rem;
    font-weight: 600;
    margin-bottom: .45rem;
}

.cube-back:hover[b-qslincg4w8] {
    color: #1b84ff;
}

.cube-title-icon[b-qslincg4w8],
.cube-empty-icon[b-qslincg4w8] {
    display: inline-grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .75rem;
    background: rgba(27, 132, 255, .1);
    color: #1b84ff;
    font-size: 1.12rem;
    flex: 0 0 auto;
}

.cube-title[b-qslincg4w8] {
    margin: 0;
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: -.015em;
    color: var(--bs-heading-color);
}

.cube-subtitle[b-qslincg4w8] {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
    color: #78829d;
    font-size: .78rem;
    margin-top: .15rem;
}

.cube-actions[b-qslincg4w8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
}

.cube-actions .btn[b-qslincg4w8] {
    border-radius: .55rem;
    font-weight: 600;
}

.cube-actions .btn-light[b-qslincg4w8] {
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.cube-actions .btn-light:hover[b-qslincg4w8] {
    background: var(--bs-secondary-bg);
}

.cube-card[b-qslincg4w8] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .85rem;
    box-shadow: 0 .35rem 1.15rem rgba(15, 23, 42, .06);
    padding: .85rem;
}

.cube-empty-state[b-qslincg4w8] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 8.5rem;
    background: linear-gradient(135deg, rgba(27, 132, 255, .06), rgba(80, 205, 137, .05));
    border: 1px dashed var(--bs-border-color);
    border-radius: .75rem;
    padding: 1.25rem;
}

@media (max-width: 768px) {
    .cube-hero[b-qslincg4w8] {
        align-items: stretch;
    }

    .cube-actions[b-qslincg4w8] {
        justify-content: flex-start;
        width: 100%;
    }

    .cube-actions .btn[b-qslincg4w8] {
        flex: 1 1 auto;
    }
}

[data-bs-theme=dark] .cube-hero[b-qslincg4w8],
[data-bs-theme=dark] .cube-card[b-qslincg4w8] {
    box-shadow: none;
}

[data-bs-theme=dark] .cube-subtitle[b-qslincg4w8],
[data-bs-theme=dark] .cube-back[b-qslincg4w8] {
    color: #99a1b7;
}
/* _content/BEWeb/Components/Pages/MView/GridViewRunPage.razor.rz.scp.css */
.info-mview-page[b-z1ektn78b4] {
    --info-primary: #1B84FF;
    --info-primary-active: #056EE9;
    --info-primary-soft: rgba(27, 132, 255, .10);
}

.info-mview-page .btn-info[b-z1ektn78b4],
.info-mview-page .btn-outline-info:hover[b-z1ektn78b4] {
    background-color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
    color: #fff !important;
}

.info-mview-page .btn-info:hover[b-z1ektn78b4] {
    background-color: var(--info-primary-active) !important;
    border-color: var(--info-primary-active) !important;
}

.info-mview-page .btn-outline-info[b-z1ektn78b4] {
    color: var(--info-primary) !important;
    border-color: var(--info-primary) !important;
}

.info-mview-page .text-info[b-z1ektn78b4] {
    color: var(--info-primary) !important;
}

.info-mview-page .bg-info[b-z1ektn78b4],
.info-mview-page .alert-info[b-z1ektn78b4] {
    background-color: var(--info-primary-soft) !important;
    border-color: rgba(27, 132, 255, .22) !important;
    color: var(--info-primary-active) !important;
}
/* _content/BEWeb/Components/Pages/Par/ParEdit.razor.rz.scp.css */
/* ============================================================================
   ParEdit — modern web ύφος (ίδια γλώσσα με ParList / Metronic 9 skin).

   Tokens: primary #1B84FF, borders #e4e4e7 / #f1f1f4, radius .425rem (controls)
   και .625rem (κάρτες), γραμματοσειρά Inter, muted #78829d.
   Το markup μένει ως έχει — όλη η ανανέωση γίνεται εδώ.
   ============================================================================ */

.par-page[b-8u0m2o3sgv] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 4.6rem);
    overflow: hidden;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* ── Sticky κεφαλίδα (breadcrumb + toolbar + τίτλος + tabs) ── */
.be-sticky-top[b-8u0m2o3sgv] {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem .625rem 0 0;
    border-bottom: 0;
    padding: .75rem .9rem 0;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    z-index: 5;
}

/* ── Toolbar ── */
.par-page[b-8u0m2o3sgv]  .be-toolbar {
    gap: .35rem !important;
    padding: .1rem 0 .55rem;
    border-bottom: 1px solid #f1f1f4;
    margin-bottom: .75rem !important;
}

.par-page[b-8u0m2o3sgv]  .be-toolbar .btn {
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.25;
    padding: .36rem .68rem;
    border-radius: .425rem;
    border: 1px solid #e4e4e7;
    background: #fff;
    color: #3f4254;
    box-shadow: none;
    white-space: nowrap;
    transition: background-color .12s, border-color .12s, color .12s;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn:hover:not(:disabled) {
    background: #f9f9f9;
    border-color: #dbdfe9;
    color: #18181b;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn:disabled {
    opacity: .45;
    background: #fff;
}

/* Κύρια ενέργεια = Αποθήκευση (γεμάτο μπλε όταν είναι ενεργή) */
.par-page[b-8u0m2o3sgv]  .be-toolbar #btnRecOKNewUI:not(:disabled) {
    background: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar #btnRecOKNewUI:not(:disabled):hover {
    background: #056ee9;
    border-color: #056ee9;
    color: #fff;
}

/* Απαλά χρωματιστά κουμπιά (Metronic «light-colored») — χρώμα χωρίς θόρυβο */
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-success:not(:disabled) {
    background: #eafff3; border-color: transparent; color: #04b440;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-success:not(:disabled):hover {
    background: #17c653; border-color: transparent; color: #fff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-danger:not(:disabled) {
    background: #ffeef3; border-color: transparent; color: #f8285a;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-danger:not(:disabled):hover {
    background: #f8285a; border-color: transparent; color: #fff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-primary:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-primary:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-info:not(:disabled) {
    background: #eef6ff; border-color: transparent; color: #1b84ff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-info:not(:disabled):hover {
    background: #1b84ff; border-color: transparent; color: #fff;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-dark:not(:disabled) {
    background: #f4f4f5; border-color: transparent; color: #4b5675;
}
.par-page[b-8u0m2o3sgv]  .be-toolbar .btn-outline-dark:not(:disabled):hover {
    background: #4b5675; border-color: transparent; color: #fff;
}

/* Πλοήγηση εγγραφών: μικρά τετράγωνα κουμπιά σε ομάδα */
.par-page[b-8u0m2o3sgv]  .be-toolbar #BtnRecFirstNewUI,
.par-page[b-8u0m2o3sgv]  .be-toolbar #BtnRecPrevNewUI,
.par-page[b-8u0m2o3sgv]  .be-toolbar #BtnRecNextNewUI,
.par-page[b-8u0m2o3sgv]  .be-toolbar #BtnRecLastNewUI {
    min-width: 2rem;
    padding: .36rem .4rem;
    color: #4b5675;
}

.par-page[b-8u0m2o3sgv]  .be-toolbar .btn i.bi { font-size: .875rem; line-height: 1; vertical-align: -.08em; }
.par-page[b-8u0m2o3sgv]  .be-toolbar .dropdown-toggle::after { margin-left: .4rem; opacity: .55; }

.par-page[b-8u0m2o3sgv]  .be-toolbar .vr {
    background: #e4e4e7;
    opacity: 1;
    height: 1.35rem;
    align-self: center;
}

/* ── Τίτλος εγγραφής ── */
.par-page[b-8u0m2o3sgv]  h1.h3 {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #18181b;
}
.par-page[b-8u0m2o3sgv]  h1.h3 small {
    font-size: .8125rem;
    font-weight: 400;
    margin-left: .5rem;
    color: #78829d !important;
}

/* Pills κατάστασης / ενδείξεων */
.par-page[b-8u0m2o3sgv]  .badge {
    font-size: .6875rem;
    font-weight: 600;
    padding: .3em .6em;
    border-radius: .375rem;
    letter-spacing: .01em;
}

/* ── Tabs — modern underline (αντί για το παλιό σκούρο navy) ── */
.par-page[b-8u0m2o3sgv]  .be-tabs {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4e4e7;
    margin: 0 -.9rem;
    padding: 0 .9rem;
    gap: .15rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}
.par-page[b-8u0m2o3sgv]  .be-tabs::-webkit-scrollbar { height: 4px; }
.par-page[b-8u0m2o3sgv]  .be-tabs::-webkit-scrollbar-thumb { background: #e4e4e7; border-radius: 2px; }

.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link {
    color: #78829d;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: .55rem .75rem;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: color .12s, border-color .12s;
}
.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link:hover {
    color: #18181b;
    background: transparent;
    border-bottom-color: #e4e4e7;
}
.par-page[b-8u0m2o3sgv]  .be-tabs .nav-link.active {
    color: #1b84ff;
    background: #f4f9ff;
    border-bottom-color: #1b84ff;
    border-radius: .375rem .375rem 0 0;
    font-weight: 600;
}

/* ── Περιεχόμενο tab = συνέχεια της λευκής κάρτας ── */
.par-page[b-8u0m2o3sgv]  .tab-content {
    overflow-y: auto;
    min-height: 0;
    background: #fff;
    border: 1px solid #f1f1f4 !important;
    border-top: 0 !important;
    border-radius: 0 0 .625rem .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    padding: 1.1rem !important;
}

/* ── Ενότητες (fieldset + legend) → κάρτες με τίτλο ── */
.par-page[b-8u0m2o3sgv]  .tab-content fieldset.border {
    border: 1px solid #f1f1f4 !important;
    border-radius: .625rem !important;
    padding: .9rem !important;
    margin-bottom: 1rem !important;
    background: #fcfcfd;
}
.par-page[b-8u0m2o3sgv]  .tab-content fieldset.border > legend {
    float: none;
    width: auto;
    padding: 0 0 .55rem;
    margin: 0;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #78829d !important;
    display: flex;
    align-items: center;
    gap: .45rem;
}
.par-page[b-8u0m2o3sgv]  .tab-content fieldset.border > legend::before {
    content: "";
    width: .3rem;
    height: .85rem;
    border-radius: 2px;
    background: #c6cad3;
    flex: 0 0 auto;
}

/* Χρωματικός κώδικας ανά ενότητα */
.par-page[b-8u0m2o3sgv]  fieldset.sec-party  { background: #f8fbff; border-color: #e3eeff !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-party > legend { color: #1b84ff !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-party > legend::before { background: #1b84ff; }

.par-page[b-8u0m2o3sgv]  fieldset.sec-pay    { background: #f7fdf9; border-color: #ddf6e7 !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-pay > legend { color: #04b440 !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-pay > legend::before { background: #17c653; }

.par-page[b-8u0m2o3sgv]  fieldset.sec-totals { background: #fbf9ff; border-color: #ebe3ff !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-totals > legend { color: #1b84ff !important; }
.par-page[b-8u0m2o3sgv]  fieldset.sec-totals > legend::before { background: #1b84ff; }

/* ── Ετικέτες & πεδία ── */
.par-page[b-8u0m2o3sgv]  .form-label {
    font-size: .75rem !important;
    font-weight: 500;
    color: #78829d !important;
    margin-bottom: .25rem !important;
}

.par-page[b-8u0m2o3sgv]  .form-control,
.par-page[b-8u0m2o3sgv]  .form-select {
    font-size: .8125rem;
    border-radius: .425rem;
    border-color: #dbdfe9;
    color: #252f4a;
    padding: .38rem .6rem;
}
.par-page[b-8u0m2o3sgv]  .form-control:focus,
.par-page[b-8u0m2o3sgv]  .form-select:focus {
    border-color: #1b84ff;
    box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .14);
}
.par-page[b-8u0m2o3sgv]  .form-text {
    font-size: .72rem;
    color: #a1a1aa;
}

/* Browse mode: τα πεδία διαβάζονται σαν τιμές, όχι σαν «νεκρά» γκρι inputs */
.par-page[b-8u0m2o3sgv]  fieldset:disabled .form-control,
.par-page[b-8u0m2o3sgv]  fieldset:disabled .form-select,
.par-page[b-8u0m2o3sgv]  .form-control:disabled,
.par-page[b-8u0m2o3sgv]  .form-select:disabled {
    background-color: #fafafa;
    color: #252f4a;
    opacity: 1;
}

/* ── Σύνολα: οι αριθμοί διαβάζονται σαν αποτέλεσμα, όχι σαν κλειστά inputs ── */
.par-page[b-8u0m2o3sgv]  .sec-totals .form-control,
.par-page[b-8u0m2o3sgv]  .sec-totals .form-control:disabled {
    font-size: .95rem;
    font-weight: 600;
    height: auto;
    padding: .45rem .6rem;
    color: #252f4a;
    background-color: #fff;
    border-color: #ebe3ff;
}
.par-page[b-8u0m2o3sgv]  #EditFPAVAL,
.par-page[b-8u0m2o3sgv]  #EditFPAVAL:disabled {
    color: #b8860b;
    background-color: #fffaf0;
    border-color: #f5e6c8;
}
.par-page[b-8u0m2o3sgv]  #EditDISCVAL,
.par-page[b-8u0m2o3sgv]  #EditDISCVAL:disabled {
    color: #f8285a;
    background-color: #fff7f9;
    border-color: #ffdfe7;
}
.par-page[b-8u0m2o3sgv]  #EditTOTVAL,
.par-page[b-8u0m2o3sgv]  #EditTOTVAL:disabled {
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    background-color: #1b84ff;
    border-color: #1b84ff;
}

/* ── Γραμμές παραστατικού — λευκή κάρτα (αντί για σκούρο navy) ── */
.par-page[b-8u0m2o3sgv]  .items-section {
    background: #fff;
    color: #252f4a;
    border: 1px solid #f1f1f4;
    border-radius: .625rem;
    padding: .85rem .9rem;
    margin-top: 1rem;
}
.par-page[b-8u0m2o3sgv]  .items-section h6 {
    color: #18181b;
    font-size: .875rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .45rem;
}
.par-page[b-8u0m2o3sgv]  .items-section h6::before {
    content: "";
    width: .3rem;
    height: .95rem;
    border-radius: 2px;
    background: #1b84ff;
}
.par-page[b-8u0m2o3sgv]  .items-section .items-header {
    padding-bottom: .55rem;
    border-bottom: 1px solid #f1f1f4;
    margin-bottom: .65rem !important;
}
.par-page[b-8u0m2o3sgv]  .items-section .text-muted { color: #78829d !important; }

/* Chips με τα αθροίσματα γραμμών */
.par-page[b-8u0m2o3sgv]  .items-stats .stat {
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    padding: .22rem .55rem;
    border-radius: .375rem;
    font-size: .75rem;
    line-height: 1.35;
    white-space: nowrap;
}
.par-page[b-8u0m2o3sgv]  .items-stats .stat em {
    font-style: normal;
    font-weight: 500;
    opacity: .8;
}
.par-page[b-8u0m2o3sgv]  .items-stats .stat strong {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.par-page[b-8u0m2o3sgv]  .items-stats .stat-rows { background: #f4f4f5; color: #4b5675; }
.par-page[b-8u0m2o3sgv]  .items-stats .stat-net  { background: #eef6ff; color: #056ee9; }
.par-page[b-8u0m2o3sgv]  .items-stats .stat-vat  { background: #fff8dd; color: #b8860b; }
.par-page[b-8u0m2o3sgv]  .items-stats .stat-tot  { background: #1b84ff; color: #fff; }
.par-page[b-8u0m2o3sgv]  .items-section .items-header .btn-outline-success {
    font-size: .8125rem;
    font-weight: 500;
    padding: .3rem .65rem;
    border-radius: .425rem;
    border: 1px solid #d5f3e0;
    background: #eafff3;
    color: #04b440;
}
.par-page[b-8u0m2o3sgv]  .items-section .items-header .btn-outline-success:hover {
    background: #04b440;
    border-color: #04b440;
    color: #fff;
}
.par-page[b-8u0m2o3sgv]  .items-section .alert {
    color: #4b5675;
    background: #f9f9f9;
    border-color: #f1f1f4;
    border-radius: .5rem;
}

.par-page[b-8u0m2o3sgv]  .lines-grid {
    font-size: .8125rem;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > thead > tr > th {
    color: #78829d;
    background: #f9f9f9;
    border-color: #f1f1f4;
    border-top: 0;
    font-weight: 500;
    font-size: .75rem;
    letter-spacing: .01em;
    padding: .5rem .55rem;
    white-space: nowrap;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td {
    color: #252f4a;
    background: #fff;
    border-color: #f1f1f4;
    padding: .4rem .55rem;
    vertical-align: middle;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr:hover > td {
    background: #f7fbff;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td a {
    color: #1b84ff;
    text-decoration: none;
    font-weight: 500;
}
.par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td a:hover { text-decoration: underline; }

/* Αριθμοί σε στοίχιση με tabular figures */
.par-page[b-8u0m2o3sgv]  .lines-grid td,
.par-page[b-8u0m2o3sgv]  .items-section .font-monospace { font-variant-numeric: tabular-nums; }

/* 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: #f7fbff;
    padding: 0;
}
.par-page[b-8u0m2o3sgv]  .brand-search-list { background: #fff; }
.par-page[b-8u0m2o3sgv]  .brand-search-list .btn-link {
    color: #252f4a;
    text-decoration: none;
}
.par-page[b-8u0m2o3sgv]  .brand-search-list .btn-link:hover { background: #f1f5ff; }

.par-page[b-8u0m2o3sgv]  .lines-grid input,
.par-page[b-8u0m2o3sgv]  .lines-grid select,
.par-page[b-8u0m2o3sgv]  .lines-grid .form-control,
.par-page[b-8u0m2o3sgv]  .lines-grid .form-select {
    font-size: .8125rem;
    padding: .22rem .4rem;
    color: #252f4a;
    background: #fff;
    border: 1px solid #dbdfe9;
    border-radius: .35rem;
}
.par-page[b-8u0m2o3sgv]  .lines-grid input:focus,
.par-page[b-8u0m2o3sgv]  .lines-grid select:focus,
.par-page[b-8u0m2o3sgv]  .lines-grid .form-control:focus,
.par-page[b-8u0m2o3sgv]  .lines-grid .form-select:focus {
    background: #fff;
    border-color: #1b84ff;
    box-shadow: 0 0 0 .15rem rgba(27, 132, 255, .15);
}

/* ── Σκούρο θέμα ── */
[data-bs-theme=dark] .be-sticky-top[b-8u0m2o3sgv] {
    background: #1e2129;
    border-color: #363b44;
}
[data-bs-theme=dark] .par-page[b-8u0m2o3sgv]  .tab-content {
    background: #1e2129;
    border-color: #363b44 !important;
}
[data-bs-theme=dark] .par-page[b-8u0m2o3sgv]  .tab-content fieldset.border {
    background: #232730;
    border-color: #363b44 !important;
}
[data-bs-theme=dark] .par-page[b-8u0m2o3sgv]  .items-section {
    background: #1e2129;
    border-color: #363b44;
    color: #e9ecef;
}
[data-bs-theme=dark] .par-page[b-8u0m2o3sgv]  .lines-grid > thead > tr > th {
    background: #232730;
    border-color: #363b44;
    color: #9aa3b2;
}
[data-bs-theme=dark] .par-page[b-8u0m2o3sgv]  .lines-grid > tbody > tr > td {
    background: #1e2129;
    border-color: #363b44;
    color: #e9ecef;
}
/* _content/BEWeb/Components/Pages/Par/ParList.razor.rz.scp.css */
/* ParList — Variant A (minimal toolbar + card grid) */

.par-list-page .par-list-toolbar[b-puna1ier6a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .65rem 0 .85rem;
}

.par-list-page .par-list-title[b-puna1ier6a] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0;
    margin-right: .15rem;
}

.par-list-page .par-list-count[b-puna1ier6a] {
    color: #78829d;
    font-size: .82rem;
    white-space: nowrap;
}

.par-list-page .par-list-toolbar-spacer[b-puna1ier6a] {
    flex: 1;
    min-width: .5rem;
}

.par-list-page .par-list-btn i[b-puna1ier6a] {
    font-size: .85rem;
    opacity: .92;
}

/* Overflow «···» */
.par-list-page .par-list-more[b-puna1ier6a] {
    position: relative;
}

.par-list-page .par-list-more-backdrop[b-puna1ier6a] {
    position: fixed;
    inset: 0;
    z-index: 1054;
}

.par-list-page .par-list-more-menu[b-puna1ier6a] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1055;
    min-width: 280px;
    max-width: min(92vw, 340px);
    background: #fff;
    border: 1px solid #e1e3ea;
    border-radius: .5rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
    padding: .35rem;
}

.par-list-page .par-list-more-menu[b-puna1ier6a]  .dropdown-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    border-radius: .375rem;
    padding: .45rem .55rem;
    font-size: .8125rem;
}

.par-list-page .par-list-more-menu[b-puna1ier6a]  .gmb-embed {
    padding: .35rem .5rem .15rem;
}

.par-list-page .par-list-more-menu[b-puna1ier6a]  .gmb-embed > .d-flex {
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
}

.par-list-page .par-list-more-menu[b-puna1ier6a]  .gmb-embed > .d-flex > .btn-group {
    width: 100%;
}

.par-list-page .par-list-more-menu[b-puna1ier6a]  .gmb-embed > .d-flex > .btn-group > .btn {
    width: 100%;
    justify-content: flex-start;
}

/* Grid card shell (host για SelectionActionBar — ::deep για child component root) */
.par-list-page[b-puna1ier6a]  .be-grid-with-selbar.par-list-grid-shell {
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .03);
    overflow: hidden;
    opacity: 1;
    transition: opacity .18s ease;
}

/* Πριν καθοριστεί η ορατότητα στηλών (default 6 / αποθηκευμένο σχήμα): αόρατο,
   ώστε να μη φανεί στιγμιαία με ΟΛΕΣ τις στήλες πριν «κοπεί» στις προεπιλεγμένες. */
.par-list-page[b-puna1ier6a]  .be-grid-with-selbar.par-list-grid-pending {
    opacity: 0;
}

.par-list-page[b-puna1ier6a]  .be-grid-with-selbar.par-list-grid-shell .be-dxgrid {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Κρύψε group panel & filter row chrome όταν είναι off (κενό padding) */
.par-list-page .be-dxgrid .dxbl-grid-group-panel:not(.dxbl-grid-group-panel-visible)[b-puna1ier6a] {
    display: none !important;
}

/* Compact ID pill — Variant A */
.par-list-page .be-id-badge[b-puna1ier6a] {
    font-size: .75rem;
    padding: .12rem .45rem;
    border-radius: .35rem;
}

/* Αρ. παραστατικού — σύνδεσμος (νέα καρτέλα) */
.par-list-page .be-par-code-link[b-puna1ier6a] {
    color: #1b84ff;
    font-weight: 500;
    text-decoration: none;
}
.par-list-page .be-par-code-link:hover[b-puna1ier6a] {
    color: #056ee9;
    text-decoration: underline;
}
/* _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/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/AiButton.razor.rz.scp.css */
/* Ίδιο primary μπλε με το «Νέο» σε όλο το ERP. */
.ai-wrap[b-j4e9w5d1p4] { position: relative; display: inline-block; }

.ai-btn[b-j4e9w5d1p4] {
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    color: #fff;
    border: none;
    font-weight: 600;
    box-shadow: 0 2px 8px -3px rgba(27, 132, 255, .55);
}
.ai-btn:hover:not(:disabled)[b-j4e9w5d1p4], .ai-btn:focus:not(:disabled)[b-j4e9w5d1p4] { color: #fff; filter: brightness(1.09); }
.ai-btn:disabled[b-j4e9w5d1p4] { opacity: .45; box-shadow: none; }

.ai-spark[b-j4e9w5d1p4] { font-size: .95em; }

/* Ίδια z-index κλίμακα με το SelectionActionsMenu (1080 backdrop / 1081 μενού) */
.ai-backdrop[b-j4e9w5d1p4] { position: fixed; inset: 0; z-index: 1080; }
.ai-menu[b-j4e9w5d1p4] {
    position: absolute; z-index: 1081; top: 100%; left: 0; margin-top: .15rem;
    min-width: 270px; border-color: #BBD8FF;
}
.ai-menu .dropdown-item:hover[b-j4e9w5d1p4] { background: #E9F3FF; color: #056EE9; }
.ai-item-icon[b-j4e9w5d1p4] { color: #1B84FF; }
/* _content/BEWeb/Components/Shared/AiChat.razor.rz.scp.css */
.aichat[b-4n3tkqex00] { display: flex; flex-direction: column; flex: 1; min-height: 0; }

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

.asst-empty[b-4n3tkqex00] { text-align: center; margin-top: 1.5rem; }
.asst-examples[b-4n3tkqex00] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.asst-chip[b-4n3tkqex00] { 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-4n3tkqex00] { border-color: #1B84FF; color: #056EE9; }
.asst-chip:disabled[b-4n3tkqex00] { opacity: .5; cursor: default; }

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

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

.asst-input[b-4n3tkqex00] { display: flex; gap: .5rem; align-items: stretch; margin-top: .75rem; }
.asst-input textarea[b-4n3tkqex00] { resize: none; border-radius: .625rem; font-size: .875rem; }
.asst-input textarea:focus[b-4n3tkqex00] { border-color: #1B84FF; box-shadow: 0 0 0 .2rem rgba(27, 132, 255, .16); }
.asst-send[b-4n3tkqex00] {
    min-width: 3rem;
    border: 0;
    border-radius: .625rem;
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
}
.asst-send:hover:not(:disabled)[b-4n3tkqex00] { filter: brightness(1.08); color: #fff; }
.asst-send:disabled[b-4n3tkqex00] { opacity: .45; }

.asst-note[b-4n3tkqex00] { font-size: .72rem; color: var(--bs-secondary-color, #78829d); margin: .4rem 0 0; }

/* markdown render της απάντησης (ίδια λογική με το AiResultDialog) */
.asst-answer[b-4n3tkqex00]  > :first-child { margin-top: 0; }
.asst-answer[b-4n3tkqex00]  > :last-child { margin-bottom: 0; }
.asst-answer[b-4n3tkqex00]  h1, .asst-answer[b-4n3tkqex00]  h2, .asst-answer[b-4n3tkqex00]  h3, .asst-answer[b-4n3tkqex00]  h4 {
    font-size: 1rem; font-weight: 700; color: #056EE9; margin: .7rem 0 .3rem;
}
.asst-answer[b-4n3tkqex00]  p { margin: 0 0 .5rem; }
.asst-answer[b-4n3tkqex00]  ul, .asst-answer[b-4n3tkqex00]  ol { margin: 0 0 .5rem; padding-left: 1.3rem; }
.asst-answer[b-4n3tkqex00]  code { background: #E9F3FF; color: #056EE9; padding: .05rem .3rem; border-radius: 4px; font-size: .86em; }
.asst-answer[b-4n3tkqex00]  table { width: 100%; margin: 0 0 .5rem; font-size: .88rem; border-collapse: collapse; }
.asst-answer[b-4n3tkqex00]  table th, .asst-answer[b-4n3tkqex00]  table td { border: 1px solid var(--bs-border-color); padding: .22rem .4rem; }
.asst-answer[b-4n3tkqex00]  table th { background: #E9F3FF; text-align: left; }

/* ── Compact (pop-up) ── */
.aichat-compact .asst-chat[b-4n3tkqex00] { gap: .45rem; padding: 0; }
.aichat-compact .asst-bubble[b-4n3tkqex00] { font-size: .8125rem; padding: .5rem .7rem; border-radius: 12px; max-width: 92%; }
.aichat-compact .asst-empty[b-4n3tkqex00] { margin-top: .5rem; }
.aichat-compact .asst-examples[b-4n3tkqex00] { flex-direction: column; align-items: stretch; }
.aichat-compact .asst-chip[b-4n3tkqex00] { font-size: .78rem; padding: .35rem .7rem; text-align: left; border-radius: .5rem; }
.aichat-compact .asst-table-wrap[b-4n3tkqex00] { max-height: 220px; }
.aichat-compact .asst-input[b-4n3tkqex00] { margin-top: .55rem; }
.aichat-compact .asst-input textarea[b-4n3tkqex00] { font-size: .8125rem; }
.aichat-compact .asst-note[b-4n3tkqex00] { font-size: .68rem; }
/* _content/BEWeb/Components/Shared/AiFloatingButton.razor.rz.scp.css */
.ai-fab[b-645rm5ddnh] {
    position: fixed;
    right: 1.1rem;
    bottom: 1.1rem;
    z-index: 1056;                 /* πάνω από το pop-up, κάτω από modals (1080) */
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    box-shadow: 0 8px 22px -8px rgba(27, 132, 255, .7);
    transition: transform .12s ease, filter .12s ease;
}
.ai-fab:hover[b-645rm5ddnh] { transform: translateY(-2px) scale(1.05); filter: brightness(1.08); }
.ai-fab-spark[b-645rm5ddnh] { font-size: 1.35rem; line-height: 1; }
.ai-fab-open i[b-645rm5ddnh] { font-size: 1.1rem; }

/* ── Pop-up συνομιλία κάτω δεξιά ── */
.ai-pop[b-645rm5ddnh] {
    position: fixed;
    right: 1.1rem;
    bottom: 4.9rem;
    z-index: 1055;
    width: 26rem;
    max-width: calc(100vw - 2rem);
    height: 34rem;
    max-height: calc(100vh - 7.5rem);
    display: flex;
    flex-direction: column;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e4e4e7);
    border-radius: 1rem;
    box-shadow: 0 24px 48px -12px rgba(15, 23, 42, .28), 0 0 0 1px rgba(15, 23, 42, .03);
    overflow: hidden;
    animation: ai-pop-in-b-645rm5ddnh .16s ease-out;
}

@keyframes ai-pop-in-b-645rm5ddnh {
    from { opacity: 0; transform: translateY(12px) scale(.98); }
    to   { opacity: 1; transform: none; }
}

.ai-pop-head[b-645rm5ddnh] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .85rem;
    color: #fff;
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    flex: 0 0 auto;
}
.ai-pop-head > i[b-645rm5ddnh] { font-size: 1.25rem; }
.ai-pop-title[b-645rm5ddnh] { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.ai-pop-title strong[b-645rm5ddnh] { font-size: .875rem; font-weight: 600; }
.ai-pop-title span[b-645rm5ddnh] { font-size: .7rem; opacity: .8; }

.ai-pop-actions[b-645rm5ddnh] { margin-left: auto; display: flex; align-items: center; gap: .1rem; }
.ai-pop-actions button[b-645rm5ddnh],
.ai-pop-actions a[b-645rm5ddnh] {
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .375rem;
    background: transparent;
    color: rgba(255, 255, 255, .85);
    font-size: .8125rem;
    text-decoration: none;
    transition: background-color .12s, color .12s;
}
.ai-pop-actions button:hover[b-645rm5ddnh],
.ai-pop-actions a:hover[b-645rm5ddnh] { background: rgba(255, 255, 255, .18); color: #fff; }

.ai-pop-body[b-645rm5ddnh] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: .75rem .85rem .6rem;
}

@media (max-width: 576px) {
    .ai-pop[b-645rm5ddnh] {
        right: .6rem;
        left: .6rem;
        bottom: 4.6rem;
        width: auto;
        max-height: calc(100vh - 6.5rem);
    }
}

@media print { .ai-fab[b-645rm5ddnh], .ai-pop[b-645rm5ddnh] { display: none; } }
/* _content/BEWeb/Components/Shared/AiResultDialog.razor.rz.scp.css */
/* Ίδια οπτική ταυτότητα με το /assistant (Assistant.razor.css) */
.ai-head[b-njjzkrwhhx] {
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    color: #fff;
    border-bottom: none;
}
.ai-head .modal-title[b-njjzkrwhhx] { font-size: .98rem; font-weight: 600; }

.ai-foot[b-njjzkrwhhx] { background: #E9F3FF; }

.ai-btn[b-njjzkrwhhx] {
    background: linear-gradient(110deg, #1B84FF 0%, #056EE9 100%);
    color: #fff; border: none; font-weight: 600;
}
.ai-btn:hover[b-njjzkrwhhx] { color: #fff; filter: brightness(1.08); }

.ai-q[b-njjzkrwhhx] {
    background: #E9F3FF; color: #056EE9; border-radius: 10px;
    padding: .35rem .6rem; display: inline-block; max-width: 100%;
}
.ai-answer[b-njjzkrwhhx] { white-space: pre-wrap; line-height: 1.5; font-size: .93rem; }

.ai-table-wrap[b-njjzkrwhhx] {
    max-height: 320px; overflow: auto;
    border: 1px solid var(--bs-border-color); border-radius: 8px;
}
.ai-table-wrap thead th[b-njjzkrwhhx] { position: sticky; top: 0; background: var(--bs-secondary-bg); }

.ai-sql pre[b-njjzkrwhhx] {
    background: #1e1e2e; color: #cdd6f4;
    padding: .5rem .65rem; border-radius: 8px; overflow-x: auto; font-size: .8rem;
}
.ai-sql summary[b-njjzkrwhhx] { cursor: pointer; color: #056EE9; }

.ai-sug-list[b-njjzkrwhhx] { display: flex; flex-direction: column; gap: .35rem; }
.ai-sug[b-njjzkrwhhx] {
    display: flex; align-items: center; flex-wrap: wrap;
    border: 1px solid #BBD8FF; background: #F1F8FF;
    border-radius: 8px; padding: .45rem .6rem; font-size: .9rem;
}
.ai-sug-bad[b-njjzkrwhhx] { border-color: var(--bs-border-color); background: var(--bs-secondary-bg); opacity: .7; }
.ai-sug-label[b-njjzkrwhhx] { color: #6b7280; }

/* Render markdown που παράγουν τα skills (τίτλοι, λίστες, πίνακες, code) */
.ai-answer[b-njjzkrwhhx] { line-height: 1.55; font-size: .93rem; }
.ai-answer > :first-child[b-njjzkrwhhx] { margin-top: 0; }
.ai-answer > :last-child[b-njjzkrwhhx] { margin-bottom: 0; }
.ai-answer h1[b-njjzkrwhhx], .ai-answer h2[b-njjzkrwhhx], .ai-answer h3[b-njjzkrwhhx], .ai-answer h4[b-njjzkrwhhx] {
    font-size: 1rem; font-weight: 700; color: #056EE9; margin: .8rem 0 .35rem;
}
.ai-answer p[b-njjzkrwhhx] { margin: 0 0 .55rem; }
.ai-answer ul[b-njjzkrwhhx], .ai-answer ol[b-njjzkrwhhx] { margin: 0 0 .55rem; padding-left: 1.35rem; }
.ai-answer li[b-njjzkrwhhx] { margin-bottom: .18rem; }
.ai-answer strong[b-njjzkrwhhx] { color: #1f2937; }
.ai-answer code[b-njjzkrwhhx] {
    background: #E9F3FF; color: #056EE9; padding: .05rem .3rem;
    border-radius: 4px; font-size: .86em;
}
.ai-answer pre[b-njjzkrwhhx] { background: #1e1e2e; color: #cdd6f4; padding: .55rem .7rem; border-radius: 8px; overflow-x: auto; }
.ai-answer pre code[b-njjzkrwhhx] { background: none; color: inherit; padding: 0; }
.ai-answer table[b-njjzkrwhhx] {
    width: 100%; margin: 0 0 .6rem; font-size: .88rem; border-collapse: collapse;
}
.ai-answer table th[b-njjzkrwhhx], .ai-answer table td[b-njjzkrwhhx] {
    border: 1px solid var(--bs-border-color); padding: .25rem .45rem;
}
.ai-answer table th[b-njjzkrwhhx] { background: #E9F3FF; text-align: left; font-weight: 600; }
.ai-answer blockquote[b-njjzkrwhhx] {
    border-left: 3px solid #8BC5FF; margin: 0 0 .55rem; padding: .1rem .7rem; color: #4b5563;
}

/* Πολυγραμμικές προτάσεις (π.χ. SQL όψης) */
.ai-sug-multi[b-njjzkrwhhx] { flex-direction: column; align-items: stretch; }
.ai-sug-pre[b-njjzkrwhhx] {
    background: #1e1e2e; color: #cdd6f4; padding: .5rem .65rem; border-radius: 6px;
    max-height: 260px; overflow: auto; font-size: .78rem; white-space: pre;
}
/* _content/BEWeb/Components/Shared/FormTitleBanner.razor.rz.scp.css */
/* Ίδια τυπογραφία με τα inline titles των λιστών (.marketers-list-title /
   .brands-list-title), ώστε όλες οι φόρμες να δείχνουν ομοιόμορφα: απλός τίτλος σε
   λευκό φόντο, χωρίς χρωματιστό «πλαίσιο-κουμπί». */
.be-form-title[b-nw00rjxudv] {
    font-family: 'Inter', system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: -.01em;
    color: #071437;
    margin: .65rem 0 .85rem 0;
    width: 100%;
}
/* _content/BEWeb/Components/Shared/GridManagerBar.razor.rz.scp.css */
/* Column chooser — checkbox δίπλα στο κείμενο, αναγνώσιμο μέγεθος γραμματοσειράς.
   Σε .mtx οι dropdown-menu είναι .8125rem· το παλιό «small» (~87.5%) τα έκανε ~11px. */
.gmb-columns-menu[b-dkg00xe5tu] {
    font-size: .875rem;
    line-height: 1.35;
}

.gmb-columns-menu .gmb-col-item[b-dkg00xe5tu] {
    padding: .22rem 0;
}

.gmb-columns-menu .gmb-col-label[b-dkg00xe5tu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    width: 100%;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    color: #3f4254;
}

.gmb-columns-menu .gmb-col-label .form-check-input[b-dkg00xe5tu] {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.gmb-columns-menu .gmb-col-caption[b-dkg00xe5tu] {
    flex: 1;
    min-width: 0;
    font-size: .875rem;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* «Όλες» / «Καμία» — ίδιο μέγεθος με τις ετικέτες στηλών */
.gmb-columns-menu .btn-sm[b-dkg00xe5tu] {
    font-size: .8125rem;
}
/* _content/BEWeb/Components/Shared/LoadingOverlay.razor.rz.scp.css */
.be-loading-overlay[b-1cczjh6xjz] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .78);
    backdrop-filter: blur(3px);
    animation: be-loading-fade-in-b-1cczjh6xjz .18s ease;
}

.be-loading-overlay-card[b-1cczjh6xjz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 1.35rem 1.65rem;
    background: #fff;
    border: 1px solid #f1f1f4;
    border-radius: .625rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .12);
    min-width: 200px;
}

.be-loading-overlay-spinner[b-1cczjh6xjz] {
    width: 2rem;
    height: 2rem;
    border-width: .2rem;
}

.be-loading-overlay-text[b-1cczjh6xjz] {
    font-size: .8125rem;
    font-weight: 500;
    color: #4b5675;
    letter-spacing: .01em;
}

@keyframes be-loading-fade-in-b-1cczjh6xjz {
    from { opacity: 0; }
    to { opacity: 1; }
}

[data-bs-theme=dark] .be-loading-overlay[b-1cczjh6xjz] {
    background: rgba(22, 25, 32, .82);
}

[data-bs-theme=dark] .be-loading-overlay-card[b-1cczjh6xjz] {
    background: #1e2129;
    border-color: #363b44;
}

[data-bs-theme=dark] .be-loading-overlay-text[b-1cczjh6xjz] {
    color: #cfd4dc;
}
/* _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;
}