/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-page[b-99pxp8wfg7] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.admin-sidebar[b-99pxp8wfg7] {
    background: linear-gradient(180deg, #1e293b 0%, #334155 100%);
    display: flex;
    flex-direction: column;
}

.admin-main[b-99pxp8wfg7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f1f5f9;
}

.admin-topbar[b-99pxp8wfg7] {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    height: 3.25rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    gap: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 1;
}

.admin-content[b-99pxp8wfg7] {
    flex: 1;
    padding: 1.5rem;
}

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

    .admin-sidebar[b-99pxp8wfg7] {
        width: 240px;
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
    }
}
/* /Components/Layout/AdminNavMenu.razor.rz.scp.css */
.admin-brand[b-0qsqxmviof] {
    background: rgba(0, 0, 0, 0.15);
    padding: 16px 20px;
}

.admin-brand-inner[b-0qsqxmviof] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-brand-name[b-0qsqxmviof] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.04em;
    line-height: 1.2;
}

.admin-brand-sub[b-0qsqxmviof] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0.03em;
}

.admin-nav-scroll[b-0qsqxmviof] {
    padding: 12px 0;
    overflow-y: auto;
    flex: 1;
}

[b-0qsqxmviof] .admin-nav-menu .mud-nav-link {
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-weight: 500;
}

[b-0qsqxmviof] .admin-nav-menu .mud-nav-link:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

[b-0qsqxmviof] .admin-nav-menu .mud-nav-link.active {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-weight: 600;
    border-left: 3px solid #ffffff;
}

[b-0qsqxmviof] .admin-nav-menu .mud-nav-link .mud-icon-root {
    color: rgba(255, 255, 255, 0.7);
}

[b-0qsqxmviof] .admin-nav-menu .mud-nav-link.active .mud-icon-root {
    color: #ffffff;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-2jd4njen66] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-2jd4njen66] {
    flex: 1;
    background-color: #eef2f7;
}

.sidebar[b-2jd4njen66] {
    background-image: linear-gradient(180deg, #0b3c8a 0%, #1a52c9 100%);
}

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

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-2jd4njen66] {
        justify-content: space-between;
        gap: 0.5rem;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .top-row[b-2jd4njen66]  .mud-typography-h6 {
        min-width: 0;
        margin-left: 0 !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1rem;
    }

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

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

    .sidebar[b-2jd4njen66] {
        width: 280px; /* Increased from 250px */
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
        transition: width 0.2s ease;
    }

    .sidebar.sidebar-collapsed[b-2jd4njen66] {
        width: 0;
    }

    .sidebar.sidebar-collapsed[b-2jd4njen66]  nav,
    .sidebar.sidebar-collapsed[b-2jd4njen66]  .mud-navmenu,
    .sidebar.sidebar-collapsed[b-2jd4njen66]  .mud-drawer-content {
        display: none;
    }

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

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

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

#blazor-error-ui[b-2jd4njen66] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-2jd4njen66] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Modern Mobile Toggle Button */
.navbar-toggler[b-xag6uafnjk] {
    appearance: none;
    cursor: pointer;
    width: 3rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    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.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.5rem rgba(255, 255, 255, 0.1);
    transition: all 0.2s ease;
}

.navbar-toggler:hover[b-xag6uafnjk] {
    background-color: rgba(255, 255, 255, 0.2);
    transform: scale(1.05);
}

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

/* Enhanced Top Row */
.top-row[b-xag6uafnjk] {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
}

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

/* Mobile Menu Behavior with Smooth Animation */
.nav-scrollable[b-xag6uafnjk] {
    display: none;
    animation: slideIn-b-xag6uafnjk 0.3s ease-out;
}

@keyframes slideIn-b-xag6uafnjk {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

/* Desktop Sidebar Styling */
@media (min-width: 641px) {
    .navbar-toggler[b-xag6uafnjk] {
        display: none;
    }

    .nav-scrollable[b-xag6uafnjk] {
        display: block;
        height: calc(100vh - 3.5rem);
        background: linear-gradient(180deg, #FAFAFA 0%, #F5F5F5 100%);
        border-right: 1px solid #E0E0E0;
    }
}

/* Allow sidebar to scroll smoothly */
.nav-scrollable[b-xag6uafnjk] {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 0;
}

/* Beautiful focus states */
.nav-scrollable:focus-within[b-xag6uafnjk] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}
        overflow-y: auto;[b-xag6uafnjk]
    }
}
/* /Components/Pages/Auth/VerifyEmail.razor.rz.scp.css */
/* ============================================================================
   PROMETHEON SIGN-IN PAGE
   Scoped styles for passwordless email sign-in flow
   Enterprise-grade polish - sharper, denser, professional
   ============================================================================ */

.prometheon-signin[b-fqm0kmigv8] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.08), transparent 40%),
        linear-gradient(135deg, #0b3c8a 0%, #1e5fd8 100%);
    padding: 2rem 1rem;
}

.prometheon-signin-container[b-fqm0kmigv8] {
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Card - sharper, denser enterprise look */
.prometheon-signin-card[b-fqm0kmigv8] {
    background: #ffffff;
    border-radius: 10px;
    padding: 1.75rem 1.5rem 1.5rem;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Brand lockup - CENTERED */
.prometheon-signin-brand[b-fqm0kmigv8] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.prometheon-signin-brand-name[b-fqm0kmigv8] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #2b3270;
}

.prometheon-signin-brand-sub[b-fqm0kmigv8] {
    font-size: 0.65rem;
    font-weight: 400;
    color: #8b91b0;
}

/* Header */
.prometheon-signin-header[b-fqm0kmigv8] {
    text-align: center;
    margin-bottom: 1rem;
}

.prometheon-signin-icon[b-fqm0kmigv8] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #596dd9 0%, #7a5fcb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 0.6rem;
    color: #ffffff;
}

.prometheon-signin-title[b-fqm0kmigv8] {
    font-size: 1.35rem;
    font-weight: 600;
    color: #1d2340;
    margin: 0 0 0.25rem;
    letter-spacing: -0.02em;
}

.prometheon-signin-subtitle[b-fqm0kmigv8] {
    font-size: 0.85rem;
    color: #6b7194;
    margin: 0;
    line-height: 1.4;
}

/* Form */
.prometheon-signin-form[b-fqm0kmigv8] {
    margin-top: 0.75rem;
}

/* Field spacing */
.prometheon-signin-field[b-fqm0kmigv8] {
    margin-bottom: 0.5rem;
}

/* Alert spacing */
.prometheon-signin-alert[b-fqm0kmigv8] {
    margin-bottom: 0.6rem;
}

/* Code field - CENTERED OTP-style */
.prometheon-signin-code-field[b-fqm0kmigv8] {
    margin-bottom: 0.5rem;
}

[b-fqm0kmigv8] .prometheon-signin-code-field input {
    text-align: center !important;
    font-size: 1.35rem !important;
    letter-spacing: 0.25em !important;
    font-weight: 600 !important;
    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace !important;
}

[b-fqm0kmigv8] .prometheon-signin-code-field .mud-input-slot {
    text-align: center;
}

/* Button */
.prometheon-signin-btn[b-fqm0kmigv8] {
    margin-top: 0.35rem;
    text-transform: none !important;
    font-weight: 500;
    letter-spacing: 0;
}

[b-fqm0kmigv8] .prometheon-signin-btn .mud-button-label {
    text-transform: none !important;
}

/* Disabled button - muted purple instead of dead gray */
[b-fqm0kmigv8] .prometheon-signin-btn.mud-button-filled.mud-button-disabled {
    background-color: #c8cce8 !important;
    color: #8b91b0 !important;
    cursor: not-allowed;
}

[b-fqm0kmigv8] .prometheon-signin-btn.mud-button-filled.mud-button-disabled:hover {
    background-color: #c8cce8 !important;
}

/* Timer section */
.prometheon-signin-timer[b-fqm0kmigv8] {
    text-align: center;
    margin-top: 0.75rem;
    padding-top: 0.5rem;
}

.prometheon-signin-timer-normal[b-fqm0kmigv8] {
    font-size: 0.75rem;
    color: #6b7194;
    display: block;
    margin-bottom: 0.2rem;
}

.prometheon-signin-timer-urgent[b-fqm0kmigv8] {
    font-size: 0.75rem;
    color: #c4463b;
    font-weight: 500;
    display: block;
    margin-bottom: 0.2rem;
}

.prometheon-signin-timer-expired[b-fqm0kmigv8] {
    font-size: 0.75rem;
    color: #c4463b;
    font-weight: 600;
    display: block;
    margin-bottom: 0.2rem;
}

.prometheon-signin-resend[b-fqm0kmigv8] {
    font-size: 0.75rem;
    color: #6b7194;
    margin-top: 0.15rem;
}

.prometheon-signin-resend-wait[b-fqm0kmigv8] {
    font-size: 0.75rem;
    color: #596dd9;
}

/* Back link - MORE VISIBLE on gradient background */
.prometheon-signin-back[b-fqm0kmigv8] {
    text-align: center;
    margin-top: 1.25rem;
}

[b-fqm0kmigv8] .prometheon-signin-back .mud-button {
    text-transform: none !important;
    font-weight: 500;
    font-size: 0.9rem;
    color: #ffffff;
}

[b-fqm0kmigv8] .prometheon-signin-back .mud-button:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.15);
}

[b-fqm0kmigv8] .prometheon-signin-back .mud-button .mud-icon-root {
    color: #ffffff;
}

/* Footer - LARGER and MORE VISIBLE */
.prometheon-signin-footer[b-fqm0kmigv8] {
    text-align: center;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Responsive */
@media (max-width: 480px) {
    .prometheon-signin[b-fqm0kmigv8] {
        padding: 1rem;
    }

    .prometheon-signin-container[b-fqm0kmigv8] {
        max-width: 100%;
    }

    .prometheon-signin-card[b-fqm0kmigv8] {
        padding: 1.5rem 1.25rem 1.25rem;
        border-radius: 8px;
    }

    .prometheon-signin-title[b-fqm0kmigv8] {
        font-size: 1.2rem;
    }

    .prometheon-signin-icon[b-fqm0kmigv8] {
        width: 44px;
        height: 44px;
    }

    [b-fqm0kmigv8] .prometheon-signin-code-field input {
        font-size: 1.2rem !important;
        letter-spacing: 0.2em !important;
    }
}
/* /Components/Pages/Dashboard/Billing.razor.rz.scp.css */
.billing-plans[b-t3oxumwu3y] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; }
.billing-plan[b-t3oxumwu3y] { display: flex; flex-direction: column; padding: 24px; border: 1px solid #e2e8f0; border-radius: 12px; background: white; min-width: 0; }
.billing-plan-current[b-t3oxumwu3y] { border: 2px solid #4f46e5; padding: 23px; }
.billing-plan-label[b-t3oxumwu3y] { color: #475569; font-size: .75rem; font-weight: 600; margin-bottom: 16px; }
.billing-plan-current .billing-plan-label[b-t3oxumwu3y] { color: #4f46e5; }
.billing-price[b-t3oxumwu3y] { font-size: 2rem; font-weight: 700; margin-top: 16px; color: #0f172a; }
.billing-price span[b-t3oxumwu3y] { font-size: .875rem; font-weight: 400; color: #475569; }
.billing-features[b-t3oxumwu3y] { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }
.billing-features li[b-t3oxumwu3y] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 12px 0; border-top: 1px solid #f1f5f9; font-size: .875rem; }
.billing-summary[b-t3oxumwu3y] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 28px; }
.billing-summary-heading[b-t3oxumwu3y] { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.billing-details[b-t3oxumwu3y], .billing-balances[b-t3oxumwu3y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.billing-details dt[b-t3oxumwu3y], .billing-balances span[b-t3oxumwu3y] { color: #475569; font-size: .875rem; margin-bottom: 8px; }
.billing-details dd[b-t3oxumwu3y] { margin: 0; font-weight: 600; }
.billing-balances > div[b-t3oxumwu3y] { display: flex; flex-direction: column; padding: 16px; background: #f8fafc; border-radius: 8px; }
.billing-balances strong[b-t3oxumwu3y] { font-size: 1.5rem; }
@media (max-width: 600px) { .billing-details[b-t3oxumwu3y], .billing-balances[b-t3oxumwu3y] { grid-template-columns: 1fr; } .billing-summary[b-t3oxumwu3y] { padding: 20px; } }
/* /Components/Pages/Dashboard/CustomerAcquisitionSuite.razor.rz.scp.css */
.suite-page[b-mtcnkdlx3a] { max-width: 1400px; margin: auto; }
.suite-hero[b-mtcnkdlx3a] { padding: clamp(24px, 5vw, 56px); border: 1px solid #e0e7ff; border-radius: 16px; background: linear-gradient(120deg, #eef2ff, #fff); }
.suite-hero[b-mtcnkdlx3a]  h1 { max-width: 850px; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.2; font-weight: 700; }
.suite-hero[b-mtcnkdlx3a]  p, .suite-final[b-mtcnkdlx3a]  p { max-width: 800px; }
.suite-actions[b-mtcnkdlx3a] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.suite-card[b-mtcnkdlx3a] { height: 100%; padding: 28px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; }
.suite-workflow[b-mtcnkdlx3a] { margin: 40px 0; }
.suite-workflow ol[b-mtcnkdlx3a] { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 24px; counter-reset: steps; }
.suite-workflow li[b-mtcnkdlx3a] { display: flex; flex-direction: column; gap: 12px; border-top: 3px solid #c7d2fe; padding: 20px; background: #f8fafc; border-radius: 8px; counter-increment: steps; }
.suite-workflow strong[b-mtcnkdlx3a]::before { content: counter(steps) ". "; color: #4f46e5; }
.suite-workflow span[b-mtcnkdlx3a] { color: #475569; font-size: .875rem; }
.suite-final[b-mtcnkdlx3a] { padding: clamp(24px, 4vw, 40px); border: 1px solid #e2e8f0; background: white; border-radius: 12px; }
@media (max-width: 800px) { .suite-workflow ol[b-mtcnkdlx3a] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .suite-workflow ol[b-mtcnkdlx3a] { grid-template-columns: 1fr; } .suite-actions[b-mtcnkdlx3a] { flex-direction: column; align-items: stretch; } }
/* /Components/Pages/Dashboard/DashboardHome.razor.rz.scp.css */
/* Hover effects */
.hover-lift[b-df0cq89xci] {
    transition: all 0.18s ease;
}

.hover-lift:hover[b-df0cq89xci] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
}

.hover-lift:active[b-df0cq89xci] {
    transform: translateY(0px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06) !important;
}

.hover-card[b-df0cq89xci] {
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.hover-card:hover[b-df0cq89xci] {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06) !important;
}

.kpi-tile[b-df0cq89xci] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 20px 60px rgba(0, 0, 0, 0.12) !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
}

.kpi-tile:hover[b-df0cq89xci] {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), 0 24px 70px rgba(0, 0, 0, 0.16) !important;
}

.kpi-tile[b-df0cq89xci]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 4px;
    border-radius: 4px;
    background: #3b82f6;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 2;
}

.kpi-tile:hover[b-df0cq89xci]::before {
    opacity: 1;
}

.kpi-tile[b-df0cq89xci]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0.05)
    );
    pointer-events: none;
    z-index: 1;
}

.cursor-pointer[b-df0cq89xci] {
    cursor: pointer;
}

/* View Trend Chart Styles */
.view-trend-chart[b-df0cq89xci] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 200px;
    padding: 20px 10px 10px;
    background: linear-gradient(to top, rgba(103, 58, 183, 0.05) 0%, transparent 100%);
    border-radius: 8px;
    gap: 10px;
}

.trend-bar-container[b-df0cq89xci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 100%;
    justify-content: flex-end;
}

.trend-bar[b-df0cq89xci] {
    width: 100%;
    max-width: 60px;
    background: linear-gradient(to top, #2f6fe4 0%, #60a5fa 100%);
    border-radius: 8px 8px 0 0;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8px;
    box-shadow: 0 2px 8px rgba(47, 111, 228, 0.3);
}

.trend-bar:hover[b-df0cq89xci] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(47, 111, 228, 0.5);
}

.trend-value[b-df0cq89xci] {
    color: white;
    font-size: 0.875rem;
    font-weight: 600;
}

.trend-label[b-df0cq89xci] {
    margin-top: 8px;
    text-align: center;
    font-weight: 500;
}

/* Recent Items */
.recent-item[b-df0cq89xci] {
    padding: 12px 16px;
    transition: background 0.18s ease;
}

.recent-item:hover[b-df0cq89xci] {
    background: rgba(47, 111, 228, 0.04);
}

/* Unviewed Row Highlight */
.recent-item.unviewed[b-df0cq89xci] {
    background: linear-gradient(to right, rgba(47, 111, 228, 0.05), transparent);
    border-left: 3px solid #2f6fe4;
}

/* Unviewed Dot Pulse */
.unviewed-dot[b-df0cq89xci] {
    width: 10px;
    height: 10px;
    background: #2f6fe4;
    border-radius: 50%;
    animation: pulse-dot-b-df0cq89xci 2s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(47, 111, 228, 0.5);
    flex-shrink: 0;
}

@keyframes pulse-dot-b-df0cq89xci {
    0% { 
        transform: scale(1);
        opacity: 1;
    }
    50% { 
        transform: scale(1.4);
        opacity: 0.7;
    }
    100% { 
        transform: scale(1);
        opacity: 1;
    }
}

/* Just Created Chip */
.just-created-chip[b-df0cq89xci] {
    background: linear-gradient(135deg, #1e3a8a 0%, #2f6fe4 100%) !important;
    color: white !important;
    animation: shimmer-b-df0cq89xci 3s ease-in-out infinite;
    font-weight: 600 !important;
}

@keyframes shimmer-b-df0cq89xci {
    0% {
        box-shadow: 0 0 5px rgba(47, 111, 228, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(47, 111, 228, 0.9), 0 0 30px rgba(30, 95, 216, 0.6);
    }
    100% {
        box-shadow: 0 0 5px rgba(47, 111, 228, 0.5);
    }
}

/* NEW Badge Pulse Animation */
.pulse-badge[b-df0cq89xci] {
    animation: pulse-b-df0cq89xci 2s ease-in-out infinite;
}

@keyframes pulse-b-df0cq89xci {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Recommended RFQ Cards */
.recommended-rfq-card[b-df0cq89xci] {
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-left-color 0.18s ease;
    border-left: 4px solid transparent;
}

.recommended-rfq-card:hover[b-df0cq89xci] {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06) !important;
    border-left-color: #fbbf24;
}

/* Small View Trend Chart Styles (for compact cards) */
.view-trend-chart-small[b-df0cq89xci] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 80px;
    padding: 5px;
    background: linear-gradient(to top, rgba(47, 111, 228, 0.05) 0%, transparent 100%);
}

.trend-bar-container-small[b-df0cq89xci] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 100%;
    justify-content: flex-end;
}

.trend-bar-small[b-df0cq89xci] {
    width: 100%;
    max-width: 20px;
    background: linear-gradient(to top, #3b82f6 0%, #60a5fa 100%);
    border-radius: 4px 4px 0 0;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    min-height: 4px;
}

.trend-bar-small:hover[b-df0cq89xci] {
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(59, 130, 246, 0.4);
}

.trend-label-small[b-df0cq89xci] {
    margin-top: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 0.65rem;
    color: #6B7280;
}

/* Dashboard Table Row Interactions */
.dashboard-row[b-df0cq89xci] {
    transition: background 0.18s ease, border-left 0.18s ease;
    border-left: 3px solid transparent;
}

.dashboard-row:hover[b-df0cq89xci] {
    background: #f8fafc;
    border-left: 3px solid #3b82f6;
}

/* Focus States (Accessibility) */
[b-df0cq89xci] .mud-button-root:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

[b-df0cq89xci] .mud-input:focus-within {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Clickable Icon Feedback */
[b-df0cq89xci] .mud-icon-button:hover .mud-icon-root {
    transform: scale(1.05);
}

[b-df0cq89xci] .mud-icon-button .mud-icon-root {
    transition: transform 0.18s ease;
}


/* /Components/Pages/HeroRender.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════
   Hero Render Page — Subtle Angled Marketing Composition
   Scene: very light rotateZ(-1.5deg) only
   Panels: per-panel perspective(1600px) with gentle rotations
   Clean, readable, professional
   ══════════════════════════════════════════════════════════ */

/* ── Scene Container ─────────────────────────────────── */
.hero-scene[b-3b8ih7jmai] {
    width: 1600px;
    height: 900px;
    margin: 0 auto;
    overflow: visible;
    background: transparent;
}

.hero-inner[b-3b8ih7jmai] {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    transform: rotateZ(-1.5deg);
    transform-origin: center center;
}

/* ── Base Panel ───────────────────────────────────────── */
.hr-panel[b-3b8ih7jmai] {
    position: absolute;
    pointer-events: none;
}

/* ── Card (shared) ────────────────────────────────────── */
.hr-card[b-3b8ih7jmai] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow:
        0 30px 60px rgba(11, 31, 51, 0.12),
        0 10px 20px rgba(11, 31, 51, 0.08);
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 12px;
    color: #111827;
}

/* Dashboard gets slightly stronger elevation */
.hr-dashboard .hr-card[b-3b8ih7jmai] {
    box-shadow:
        0 50px 100px rgba(11, 31, 51, 0.16),
        0 20px 40px rgba(11, 31, 51, 0.10);
}

.hr-card-header[b-3b8ih7jmai] {
    padding: 14px 16px 10px;
    border-bottom: 1px solid #f3f4f6;
}

.hr-card-title[b-3b8ih7jmai] {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
}

.hr-card-body[b-3b8ih7jmai] {
    padding: 12px 16px 16px;
}

/* ── Top Bar (Dashboard center panel) ─────────────────── */
.hr-topbar[b-3b8ih7jmai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
}

.hr-topbar-left[b-3b8ih7jmai] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #6b7280;
}

.hr-topbar-brand[b-3b8ih7jmai] {
    font-weight: 600;
    color: #374151;
}

.hr-topbar-sep[b-3b8ih7jmai] {
    color: #d1d5db;
}

.hr-topbar-page[b-3b8ih7jmai] {
    color: #9ca3af;
}

.hr-topbar-right[b-3b8ih7jmai] {
    display: flex;
    align-items: center;
}

.hr-btn-create[b-3b8ih7jmai] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 6px;
    white-space: nowrap;
}

/* ── Welcome ──────────────────────────────────────────── */
.hr-welcome[b-3b8ih7jmai] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #eef3ff;
    border-bottom: 1px solid #d5dde8;
}

.hr-welcome-avatar[b-3b8ih7jmai] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.hr-welcome-greeting[b-3b8ih7jmai] {
    font-size: 13px;
    font-weight: 600;
    color: #1e3a8a;
}

/* ── KPI Tiles ────────────────────────────────────────── */
.hr-kpi-row[b-3b8ih7jmai] {
    display: flex;
    gap: 10px;
}

.hr-kpi[b-3b8ih7jmai] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
}

.hr-kpi-icon[b-3b8ih7jmai] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.hr-kpi-label[b-3b8ih7jmai] {
    display: block;
    font-size: 10px;
    color: #6b7280;
    font-weight: 600;
}

.hr-kpi-val[b-3b8ih7jmai] {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    line-height: 1.1;
}

/* KPI cards (Dashboard center) */
.hr-kpi-card[b-3b8ih7jmai] {
    flex: 1;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
    text-align: left;
}

.hr-kpi-icon-sm[b-3b8ih7jmai] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.hr-kpi-card-label[b-3b8ih7jmai] {
    display: block;
    font-size: 10px;
    color: #6b7280;
    font-weight: 600;
}

.hr-kpi-card-val[b-3b8ih7jmai] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

/* ── KPI compact row (Proposals Received) ─────────────── */
.hr-kpi-row-compact[b-3b8ih7jmai] {
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
}

.hr-kpi-mini[b-3b8ih7jmai] {
    flex: 1;
    text-align: center;
}

.hr-kpi-mini-val[b-3b8ih7jmai] {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

.hr-kpi-mini-label[b-3b8ih7jmai] {
    display: block;
    font-size: 9px;
    color: #9ca3af;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Tables ───────────────────────────────────────────── */
.hr-table[b-3b8ih7jmai] {
    margin-top: 6px;
}

.hr-table-header[b-3b8ih7jmai] {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #e5e7eb;
    font-size: 9px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.hr-table-row[b-3b8ih7jmai] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #f3f4f6;
    font-size: 11px;
    color: #374151;
}

.hr-table-row:last-child[b-3b8ih7jmai] {
    border-bottom: none;
}

.hr-date[b-3b8ih7jmai] {
    font-size: 10px;
    color: #9ca3af;
    white-space: nowrap;
}

.hr-section-label[b-3b8ih7jmai] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    margin: 8px 0 4px;
}

.hr-divider[b-3b8ih7jmai] {
    border-top: 1px solid #f3f4f6;
    margin: 8px 0;
}

/* ── Badges ───────────────────────────────────────────── */
.hr-badge[b-3b8ih7jmai] {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.hr-badge-green[b-3b8ih7jmai] {
    background: #d1fae5;
    color: #065f46;
}

.hr-badge-yellow[b-3b8ih7jmai] {
    background: #fef3c7;
    color: #92400e;
}

.hr-badge-blue[b-3b8ih7jmai] {
    background: #dbeafe;
    color: #1e40af;
}

.hr-badge-gray[b-3b8ih7jmai] {
    background: #f3f4f6;
    color: #6b7280;
}

/* ── Proposal / Recommendation Items ──────────────────── */
.hr-proposal-item[b-3b8ih7jmai],
.hr-rec-item[b-3b8ih7jmai] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid #f3f4f6;
}

.hr-proposal-item:last-child[b-3b8ih7jmai],
.hr-rec-item:last-child[b-3b8ih7jmai] {
    border-bottom: none;
}

.hr-proposal-dot[b-3b8ih7jmai],
.hr-rec-dot[b-3b8ih7jmai] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hr-proposal-info[b-3b8ih7jmai],
.hr-rec-info[b-3b8ih7jmai] {
    flex: 1;
    min-width: 0;
}

.hr-proposal-name[b-3b8ih7jmai],
.hr-rec-name[b-3b8ih7jmai] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hr-proposal-sub[b-3b8ih7jmai],
.hr-rec-sub[b-3b8ih7jmai] {
    display: block;
    font-size: 9px;
    color: #9ca3af;
}

/* ── Chart placeholder ────────────────────────────────── */
.hr-chart-placeholder[b-3b8ih7jmai] {
    margin: 8px 0;
    padding: 4px 0;
}

/* ── Stat row (Analytics) ─────────────────────────────── */
.hr-stat-row[b-3b8ih7jmai] {
    display: flex;
    gap: 12px;
    margin-bottom: 6px;
}

.hr-mini-stat[b-3b8ih7jmai] {
    flex: 1;
    text-align: center;
}

.hr-mini-stat-label[b-3b8ih7jmai] {
    display: block;
    font-size: 9px;
    color: #9ca3af;
    font-weight: 600;
    text-transform: uppercase;
}

.hr-mini-stat-value[b-3b8ih7jmai] {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

/* ══════════════════════════════════════════════════════════
   Panel Positions & Subtle Transforms
   Scene: rotateZ(-1.5deg) — barely noticeable tilt
   Panels: perspective(1600px) rotateX(2deg) + rotateY(±8deg)
   Dashboard: rotateX(1deg) scale(1.06) — dominant center
   All sharp, no blur, no opacity changes
   ══════════════════════════════════════════════════════════ */

/* Dashboard — CENTER, dominant */
.hr-dashboard[b-3b8ih7jmai] {
    left: 50%;
    top: 44%;
    z-index: 10;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(1deg) scale(1.06);
}

/* Analytics — back-left, partially behind My RFQs (20-25% visible) */
.hr-analytics[b-3b8ih7jmai] {
    left: 18%;
    top: 46%;
    z-index: 2;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(2deg) rotateY(8deg) scale(0.82);
}

/* My RFQs — left, overlaps dashboard ~15% */
.hr-my-rfqs[b-3b8ih7jmai] {
    left: 25%;
    top: 52%;
    z-index: 5;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(2deg) rotateY(8deg) scale(0.92);
}

/* Proposals Received — right, closer to dashboard, overlaps ~10-15% */
.hr-proposals-received[b-3b8ih7jmai] {
    left: 74%;
    top: 44%;
    z-index: 5;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(2deg) rotateY(-8deg) scale(0.92);
}

/* My Proposals — bottom center-right, overlaps dashboard ~15-20% */
.hr-my-proposals[b-3b8ih7jmai] {
    left: 44%;
    top: 72%;
    z-index: 12;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(2deg) scale(0.95);
}

/* Recommended for You — bottom right, overlaps dashboard ~15-20% */
.hr-recommended[b-3b8ih7jmai] {
    left: 72%;
    top: 74%;
    z-index: 12;
    transform: translate(-50%, -50%) perspective(1600px) rotateX(2deg) rotateY(-8deg) scale(0.95);
}
/* /Components/Pages/PrometheonLanding.razor.rz.scp.css */
.dp-hero[b-a4mixe265j] {
    overflow-x: clip;
}

.prometheon-landing[b-a4mixe265j] {
    font-family: inherit;
    color: #1d2340;
    background: url("/images/background/prometheon-main-bg.png"),
        linear-gradient(180deg, rgba(243, 245, 255, 0.75) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(243, 247, 255, 0.75) 70%, rgba(255, 255, 255, 0.85) 100%);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.prometheon-landing[b-a4mixe265j]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 15%, rgba(126, 140, 235, 0.18), transparent 45%),
        radial-gradient(circle at 80% 25%, rgba(140, 112, 220, 0.18), transparent 45%),
        radial-gradient(circle at 50% 70%, rgba(128, 188, 160, 0.08), transparent 55%);
    pointer-events: none;
    z-index: 0;
}

.prometheon-landing[b-a4mixe265j]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0.5) 0%, rgba(240, 245, 255, 0.8) 55%, rgba(255, 255, 255, 0.4) 100%);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

.prometheon-landing main[b-a4mixe265j],
.prometheon-landing .prometheon-header[b-a4mixe265j],
.prometheon-landing .prometheon-footer[b-a4mixe265j] {
    position: relative;
    z-index: 1;
}

.prometheon-landing .prometheon-container[b-a4mixe265j] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

.prometheon-landing .prometheon-header[b-a4mixe265j] {
    background: linear-gradient(90deg, #596dd9 0%, #6b66d4 50%, #7a5fcb 100%);
    color: #ffffff;
}

.prometheon-landing .prometheon-header-inner[b-a4mixe265j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem 0;
}

.prometheon-landing .prometheon-brand[b-a4mixe265j] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-landing .prometheon-logo-img[b-a4mixe265j] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    object-fit: contain;
}

.prometheon-landing .prometheon-brand-text[b-a4mixe265j] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-landing .prometheon-brand-name[b-a4mixe265j] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-landing .prometheon-brand-subtitle[b-a4mixe265j] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-landing .prometheon-nav[b-a4mixe265j] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.95rem;
}

.prometheon-landing .prometheon-nav-link[b-a4mixe265j] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.prometheon-landing .prometheon-header-actions[b-a4mixe265j] {
    display: flex;
    align-items: center;
}

.prometheon-landing .prometheon-login[b-a4mixe265j] {
    background: #3d8b6c;
    color: #ffffff;
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(32, 60, 55, 0.18);
}

.prometheon-landing .prometheon-hero[b-a4mixe265j] {
    padding: 4.5rem 0 3rem;
}

.prometheon-landing .prometheon-hero-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem;
    align-items: center;
}

.prometheon-landing .prometheon-hero-content h1[b-a4mixe265j] {
    font-size: 2.9rem;
    color: #1f2553;
    margin-bottom: 1.2rem;
}

.prometheon-landing .prometheon-hero-content p[b-a4mixe265j] {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #4a5171;
    max-width: 460px;
    margin-bottom: 2rem;
}

.prometheon-landing .prometheon-button[b-a4mixe265j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.85rem 1.8rem;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(69, 76, 128, 0.18);
    color: #ffffff;
}

.prometheon-landing .prometheon-button.primary[b-a4mixe265j] {
    background: #6a5ad9;
}

.prometheon-landing .prometheon-button.secondary[b-a4mixe265j] {
    background: #5b6de1;
}

.prometheon-landing .prometheon-button.success[b-a4mixe265j] {
    background: #3c8a6a;
}

.prometheon-landing .prometheon-hero-media[b-a4mixe265j] {
    display: flex;
    justify-content: center;
}

.prometheon-landing .prometheon-hero-frame[b-a4mixe265j] {
    background: #f0f3ff;
    border-radius: 18px;
    padding: 1rem;
    box-shadow: 0 24px 48px rgba(63, 71, 120, 0.18);
    transform: rotate(-2deg);
}

.prometheon-landing .prometheon-hero-frame img[b-a4mixe265j] {
    width: 100%;
    max-width: 520px;
    display: block;
    border-radius: 14px;
    background: #e9edff;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* ============================================================================
   ENTERPRISE POSITIONING SECTION
   Structured, authoritative layout for Buyers and Vendors
   Flows with the landing gradient - no solid background block
   ============================================================================ */

.prometheon-landing .prometheon-enterprise[b-a4mixe265j] {
    padding: 4rem 0 4.5rem;
    background: transparent;
    position: relative;
    z-index: 1;
}

.prometheon-landing .prometheon-enterprise-header[b-a4mixe265j] {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 3.5rem;
}

.prometheon-landing .prometheon-enterprise-title[b-a4mixe265j] {
    font-size: 1.85rem;
    font-weight: 600;
    color: #1d2340;
    margin: 0 0 1rem;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

.prometheon-landing .prometheon-enterprise-subtitle[b-a4mixe265j] {
    font-size: 1.05rem;
    color: #4d5474;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

.prometheon-landing .prometheon-enterprise-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 960px;
    margin: 0 auto;
}

/* Translucent column cards for readability on gradient */
.prometheon-landing .prometheon-enterprise-column[b-a4mixe265j] {
    padding: 2.25rem 2.5rem;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 20px rgba(89, 109, 217, 0.06);
}

.prometheon-landing .prometheon-enterprise-column-title[b-a4mixe265j] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #2b3161;
    margin: 0 0 1.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(120, 130, 190, 0.1);
}

.prometheon-landing .prometheon-enterprise-list[b-a4mixe265j] {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.prometheon-landing .prometheon-enterprise-list li[b-a4mixe265j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    color: #3d4470;
    line-height: 1.5;
}

.prometheon-landing .prometheon-enterprise-check[b-a4mixe265j] {
    flex-shrink: 0;
    font-size: 0.85rem;
    color: #4a9d6e;
    font-weight: 500;
    margin-top: 0.1rem;
}

.prometheon-landing .prometheon-enterprise-cta[b-a4mixe265j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #596dd9;
    text-decoration: none;
    padding: 0.6rem 0;
    transition: color 0.15s ease;
}

.prometheon-landing .prometheon-enterprise-cta:hover[b-a4mixe265j] {
    color: #4a56b6;
}

.prometheon-landing .prometheon-enterprise-cta-arrow[b-a4mixe265j] {
    transition: transform 0.15s ease;
}

.prometheon-landing .prometheon-enterprise-cta:hover .prometheon-enterprise-cta-arrow[b-a4mixe265j] {
    transform: translateX(3px);
}

/* ============================================================================
   TRUSTED COMPANIES SECTION
   Enterprise logo belt - horizontal strip, fully visible logos
   ============================================================================ */

.prometheon-landing .prometheon-trusted[b-a4mixe265j] {
    padding: 4rem 0 4.5rem;
    background: transparent;
    position: relative;
    z-index: 1;
}

.prometheon-landing .prometheon-trusted-header[b-a4mixe265j] {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 2rem;
}

.prometheon-landing .prometheon-trusted-title[b-a4mixe265j] {
    font-size: 1.35rem;
    font-weight: 600;
    color: #2b3161;
    margin: 0 0 0.5rem;
    letter-spacing: -0.01em;
    background: none;
}

.prometheon-landing .prometheon-trusted-subtitle[b-a4mixe265j] {
    font-size: 0.875rem;
    color: #5d6484;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    background: none;
}

/* Subtle background band behind logos - light touch for contrast */
.prometheon-landing .prometheon-trusted-belt[b-a4mixe265j] {
    background: rgba(255, 255, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    max-width: 1100px;
    margin: 0 auto;
}

/* Horizontal logo row - flex for single row on desktop */
.prometheon-landing .prometheon-trusted-logos[b-a4mixe265j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 1rem;
}

/* One tile per logo. The uniform white card is what lets square marks, wide
   wordmarks, transparent PNGs and white-matted JPEGs sit together evenly. */
.prometheon-landing .prometheon-trusted-logo[b-a4mixe265j] {
    flex: 1 1 130px;
    max-width: 170px;
    min-height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(89, 109, 217, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.prometheon-landing .prometheon-trusted-logo:hover[b-a4mixe265j] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(89, 109, 217, 0.12);
}

/* Individual logo styling - NO opacity/grayscale muting.
   Bounded on both axes so every asset keeps its own aspect ratio. The height cap is
   deliberately close to the tile's inner width: the square assets carry a lot of built-in
   padding, so letting them fill the box is what makes their mark read at the same optical
   size as the tight-cropped wordmarks next to them. */
.prometheon-landing .prometheon-trusted-logos img[b-a4mixe265j] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 88px;
    object-fit: contain;
    opacity: 1;
    filter: none;
}

.prometheon-landing .prometheon-cta-row[b-a4mixe265j] {
    padding: 2.5rem 0 4rem;
    background: #ffffff;
    border-top: 1px solid #f1f5f9;
}

.prometheon-landing .prometheon-cta-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.prometheon-landing .prometheon-cta-grid .prometheon-button[b-a4mixe265j] {
    width: 100%;
    text-align: center;
}

/* ── Platform Stats ─────────────────────────────────────── */
.prometheon-landing .prometheon-stats[b-a4mixe265j] {
    padding: 3rem 0;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

.prometheon-landing .prometheon-stats-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
}

.prometheon-landing .prometheon-stats-card[b-a4mixe265j] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.prometheon-landing .prometheon-stats-value[b-a4mixe265j] {
    font-size: 2rem;
    font-weight: 700;
    color: #1d2340;
    line-height: 1.1;
}

.prometheon-landing .prometheon-stats-label[b-a4mixe265j] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #64748b;
}

.prometheon-landing .prometheon-stats-growth[b-a4mixe265j] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #16a34a;
    margin-top: 0.25rem;
}

@media (max-width: 960px) {
    .prometheon-landing .prometheon-stats-grid[b-a4mixe265j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .prometheon-landing .prometheon-stats-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
    }

    .prometheon-landing .prometheon-stats-value[b-a4mixe265j] {
        font-size: 1.75rem;
    }
}

.prometheon-landing .prometheon-footer[b-a4mixe265j] {
    background: #1b3554;
    color: #ffffff;
    padding: 2.5rem 0 1.5rem;
    border-top: 3px solid #142944;
}

.prometheon-landing .prometheon-footer-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
}

.prometheon-landing .prometheon-footer-links[b-a4mixe265j] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.prometheon-landing .prometheon-footer-links a[b-a4mixe265j] {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s ease;
}

.prometheon-landing .prometheon-footer-links a:hover[b-a4mixe265j] {
    color: #ffffff;
}

.prometheon-landing .prometheon-footer-social[b-a4mixe265j] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prometheon-landing .prometheon-footer-social a[b-a4mixe265j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.15s ease, background 0.15s ease;
    text-decoration: none;
}

.prometheon-landing .prometheon-footer-social a:hover[b-a4mixe265j] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
}

.prometheon-landing .prometheon-footer-social svg[b-a4mixe265j] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.prometheon-landing .prometheon-footer-copy[b-a4mixe265j] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

.prometheon-landing .prometheon-footer-copy a[b-a4mixe265j] {
    color: inherit;
    text-decoration: none;
}

.prometheon-landing .prometheon-footer-copy a:hover[b-a4mixe265j] {
    text-decoration: underline;
}

@media (max-width: 1024px) {
    .prometheon-landing .prometheon-hero-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
    }

    .prometheon-landing .prometheon-hero-frame[b-a4mixe265j] {
        transform: none;
    }

    .prometheon-landing .prometheon-enterprise-grid[b-a4mixe265j] {
        gap: 2rem;
    }

    .prometheon-landing .prometheon-enterprise-column[b-a4mixe265j] {
        padding: 1.75rem 2rem;
    }

    .prometheon-landing .prometheon-trusted-logos[b-a4mixe265j] {
        gap: 0.875rem;
    }

    /* Three tiles per row on tablet - two even rows of the six logos. */
    .prometheon-landing .prometheon-trusted-logo[b-a4mixe265j] {
        flex: 0 1 calc(33.333% - 0.6rem);
        max-width: calc(33.333% - 0.6rem);
        min-height: 100px;
        padding: 0.625rem 0.875rem;
    }

    .prometheon-landing .prometheon-trusted-logos img[b-a4mixe265j] {
        max-height: 80px;
    }

    .prometheon-landing .prometheon-cta-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .prometheon-landing .prometheon-container[b-a4mixe265j] {
        padding: 0 1.5rem;
    }

    .prometheon-landing .prometheon-header-inner[b-a4mixe265j] {
        flex-direction: column;
        align-items: flex-start;
    }

    .prometheon-landing .prometheon-nav[b-a4mixe265j] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .prometheon-landing .prometheon-enterprise[b-a4mixe265j] {
        padding: 3rem 0 3.5rem;
    }

    .prometheon-landing .prometheon-enterprise-header[b-a4mixe265j] {
        margin-bottom: 2.5rem;
    }

    .prometheon-landing .prometheon-enterprise-title[b-a4mixe265j] {
        font-size: 1.5rem;
    }

    .prometheon-landing .prometheon-enterprise-subtitle[b-a4mixe265j] {
        font-size: 0.95rem;
    }

    .prometheon-landing .prometheon-enterprise-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .prometheon-landing .prometheon-enterprise-column[b-a4mixe265j] {
        padding: 1.5rem;
    }

    .prometheon-landing .prometheon-enterprise-column-title[b-a4mixe265j] {
        font-size: 1.05rem;
        margin-bottom: 1.25rem;
        padding-bottom: 0.75rem;
    }

    .prometheon-landing .prometheon-enterprise-list[b-a4mixe265j] {
        margin-bottom: 1.5rem;
    }

    .prometheon-landing .prometheon-enterprise-list li[b-a4mixe265j] {
        font-size: 0.9rem;
    }

    .prometheon-landing .prometheon-header-actions[b-a4mixe265j] {
        align-self: stretch;
    }

    .prometheon-landing .prometheon-login[b-a4mixe265j] {
        width: 100%;
        text-align: center;
    }

    .prometheon-landing .prometheon-trusted[b-a4mixe265j] {
        padding: 2.5rem 0 3rem;
    }

    .prometheon-landing .prometheon-trusted-header[b-a4mixe265j] {
        margin-bottom: 1.25rem;
    }

    .prometheon-landing .prometheon-trusted-title[b-a4mixe265j] {
        font-size: 1.15rem;
    }

    .prometheon-landing .prometheon-trusted-subtitle[b-a4mixe265j] {
        font-size: 0.8rem;
    }

    .prometheon-landing .prometheon-trusted-belt[b-a4mixe265j] {
        padding: 1rem 0.75rem;
        border-radius: 10px;
    }

    .prometheon-landing .prometheon-trusted-logos[b-a4mixe265j] {
        gap: 0.75rem;
    }

    /* Two tiles per row on phones - three even rows of the six logos. */
    .prometheon-landing .prometheon-trusted-logo[b-a4mixe265j] {
        flex: 0 1 calc(50% - 0.375rem);
        max-width: calc(50% - 0.375rem);
        min-height: 92px;
        padding: 0.625rem 0.75rem;
    }

    .prometheon-landing .prometheon-trusted-logos img[b-a4mixe265j] {
        max-height: 72px;
    }

    .prometheon-landing .prometheon-footer-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .prometheon-landing .prometheon-footer-links[b-a4mixe265j] {
        justify-content: center;
    }

    .prometheon-landing .prometheon-footer-social[b-a4mixe265j] {
        justify-content: center;
    }
}

/* ============================================================================
   MARKETPLACE PREVIEW SECTION
   Editorial, minimal, enterprise styling for live RFQ/Company preview
   Now positioned under hero with gradient-compatible styling
   ============================================================================ */

.prometheon-landing .prometheon-marketplace[b-a4mixe265j] {
    padding: 4rem 0 5rem;
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-top: 1px solid rgba(120, 130, 190, 0.08);
}

/* Hero-integrated variant - blends with landing gradient */
.prometheon-landing .prometheon-marketplace--hero[b-a4mixe265j] {
    padding: 3.5rem 0 5rem;
    background: transparent;
    border-top: none;
    position: relative;
    z-index: 1;
}

.prometheon-landing .prometheon-marketplace--hero .prometheon-marketplace-title[b-a4mixe265j] {
    color: #2b3161;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
    margin-bottom: 2rem;
}

/* Translucent wrapper container for hero variant */
.prometheon-landing .prometheon-marketplace-wrapper[b-a4mixe265j] {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 
        0 8px 32px rgba(89, 109, 217, 0.08),
        0 1px 3px rgba(89, 109, 217, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.prometheon-landing .prometheon-marketplace-title[b-a4mixe265j] {
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    color: #1d2340;
    margin: 0 0 3rem;
    letter-spacing: -0.01em;
}

.prometheon-landing .prometheon-marketplace-grid[b-a4mixe265j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.prometheon-landing .prometheon-marketplace-column[b-a4mixe265j] {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    padding: 1.5rem 1.75rem 1.25rem;
    box-shadow: 0 2px 12px rgba(66, 76, 120, 0.05);
    border: 1px solid rgba(120, 130, 190, 0.08);
}

.prometheon-landing .prometheon-marketplace-column-title[b-a4mixe265j] {
    font-size: 1rem;
    font-weight: 600;
    color: #3d4470;
    margin: 0 0 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(120, 130, 190, 0.1);
}

.prometheon-landing .prometheon-marketplace-list[b-a4mixe265j] {
    display: flex;
    flex-direction: column;
}

/* RFQ Items - Editorial display only, no interactivity */
.prometheon-landing .prometheon-marketplace-item[b-a4mixe265j] {
    display: flex;
    align-items: flex-start;
    padding: 1.1rem 0;
    color: inherit;
}

.prometheon-landing .prometheon-marketplace-item:not(:last-child)[b-a4mixe265j] {
    border-bottom: 1px solid rgba(120, 130, 190, 0.05);
}

.prometheon-landing .prometheon-marketplace-item-content[b-a4mixe265j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.prometheon-landing .prometheon-marketplace-item-title[b-a4mixe265j] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #2b3161;
    line-height: 1.4;
}

.prometheon-landing .prometheon-marketplace-item-meta[b-a4mixe265j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.prometheon-landing .prometheon-marketplace-tag[b-a4mixe265j] {
    font-size: 0.65rem;
    font-weight: 500;
    color: #596dd9;
    background: rgba(89, 109, 217, 0.07);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.prometheon-landing .prometheon-marketplace-deadline[b-a4mixe265j] {
    font-size: 0.75rem;
    color: #8b91b0;
    font-weight: 400;
}

/* Company Items - Editorial display only, no interactivity */
.prometheon-landing .prometheon-marketplace-company[b-a4mixe265j] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 0;
    color: inherit;
}

.prometheon-landing .prometheon-marketplace-company:not(:last-child)[b-a4mixe265j] {
    border-bottom: 1px solid rgba(120, 130, 190, 0.05);
}

.prometheon-landing .prometheon-marketplace-company-logo[b-a4mixe265j] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #596dd9 0%, #7a5fcb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.prometheon-landing .prometheon-marketplace-company-logo span[b-a4mixe265j] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.prometheon-landing .prometheon-marketplace-company-info[b-a4mixe265j] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
    min-width: 0;
}

.prometheon-landing .prometheon-marketplace-company-name[b-a4mixe265j] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #2b3161;
}

.prometheon-landing .prometheon-marketplace-company-desc[b-a4mixe265j] {
    font-size: 0.75rem;
    color: #8b91b0;
    font-weight: 400;
}

.prometheon-landing .prometheon-marketplace-badge[b-a4mixe265j] {
    font-size: 0.6rem;
    font-weight: 500;
    color: #3da67a;
    background: rgba(42, 157, 110, 0.08);
    padding: 0.2rem 0.45rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

/* Section-level CTA - Only interactive element */
.prometheon-landing .prometheon-marketplace-cta[b-a4mixe265j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(120, 130, 190, 0.08);
    font-size: 0.875rem;
    font-weight: 500;
    color: #596dd9;
    text-decoration: none;
    transition: color 0.15s ease;
}

.prometheon-landing .prometheon-marketplace-cta:hover[b-a4mixe265j] {
    color: #4a56b6;
}

.prometheon-landing .prometheon-marketplace-cta-arrow[b-a4mixe265j] {
    transition: transform 0.15s ease;
}

.prometheon-landing .prometheon-marketplace-cta:hover .prometheon-marketplace-cta-arrow[b-a4mixe265j] {
    transform: translateX(3px);
}

/* Responsive: Tablet */
@media (max-width: 1024px) {
    .prometheon-landing .prometheon-marketplace-grid[b-a4mixe265j] {
        gap: 1.5rem;
    }

    .prometheon-landing .prometheon-marketplace-column[b-a4mixe265j] {
        padding: 1.25rem 1.5rem;
    }

    .prometheon-landing .prometheon-marketplace-wrapper[b-a4mixe265j] {
        padding: 1.5rem;
    }
}

/* Responsive: Mobile - Stack vertically */
@media (max-width: 768px) {
    .prometheon-landing .prometheon-marketplace[b-a4mixe265j] {
        padding: 2.5rem 0 3.5rem;
    }

    .prometheon-landing .prometheon-marketplace--hero[b-a4mixe265j] {
        padding: 2rem 0 3rem;
    }

    .prometheon-landing .prometheon-marketplace-title[b-a4mixe265j] {
        font-size: 1.35rem;
        margin-bottom: 1.5rem;
    }

    .prometheon-landing .prometheon-marketplace-wrapper[b-a4mixe265j] {
        padding: 1rem;
        border-radius: 16px;
    }

    .prometheon-landing .prometheon-marketplace-grid[b-a4mixe265j] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .prometheon-landing .prometheon-marketplace-column[b-a4mixe265j] {
        padding: 1.25rem 1rem;
        border-radius: 12px;
    }

    .prometheon-landing .prometheon-marketplace-item-title[b-a4mixe265j],
    .prometheon-landing .prometheon-marketplace-company-name[b-a4mixe265j] {
        font-size: 0.9rem;
    }

    .prometheon-landing .prometheon-marketplace-company-logo[b-a4mixe265j] {
        width: 36px;
        height: 36px;
    }
}
/* /Components/Pages/Public/Companies.razor.rz.scp.css */
/* ============================================================================
   COMPANY DIRECTORY PAGE - Unified Prometheon Styling
   Matches Tenders page layout, typography, spacing, and background system
   ============================================================================ */

/* Page wrapper - plain white like Tenders */
.prometheon-page[b-sx9bfnbfbv] {
    font-family: inherit;
    color: #1d2340;
    background: #ffffff;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.prometheon-page[b-sx9bfnbfbv]::before {
    display: none;
}

.prometheon-page[b-sx9bfnbfbv]::after {
    display: none;
}

.prometheon-page .prometheon-header[b-sx9bfnbfbv],
.prometheon-page .prometheon-main[b-sx9bfnbfbv],
.prometheon-page .prometheon-footer[b-sx9bfnbfbv] {
    position: relative;
    z-index: 1;
}

/* Container - consistent max-width and padding */
.prometheon-container[b-sx9bfnbfbv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

/* ============================================================================
   HEADER - Same as Tenders page
   ============================================================================ */

.prometheon-header[b-sx9bfnbfbv] {
    background: linear-gradient(90deg, #596dd9 0%, #6b66d4 50%, #7a5fcb 100%);
    color: #ffffff;
}

.prometheon-header-inner[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem 0;
}

.prometheon-brand[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-logo-img[b-sx9bfnbfbv] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    object-fit: contain;
}

.prometheon-brand-text[b-sx9bfnbfbv] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-brand-name[b-sx9bfnbfbv] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-brand-subtitle[b-sx9bfnbfbv] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-nav[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.95rem;
}

.prometheon-nav-link[b-sx9bfnbfbv] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-nav-link:hover[b-sx9bfnbfbv] {
    opacity: 1;
}

.prometheon-nav-link--active[b-sx9bfnbfbv] {
    opacity: 1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 2px;
}

.prometheon-header-actions[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
}

.prometheon-login[b-sx9bfnbfbv] {
    background: #3d8b6c;
    color: #ffffff;
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(32, 60, 55, 0.18);
    transition: background 0.15s ease;
}

.prometheon-login:hover[b-sx9bfnbfbv] {
    background: #357a5f;
}

/* ============================================================================
   MAIN CONTENT AREA
   ============================================================================ */

.prometheon-main[b-sx9bfnbfbv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3rem 0 0;
}

.companies-list-zone[b-sx9bfnbfbv] {
    background: #f7f9fc;
    flex: 1;
    padding: 0.3rem 0 4rem;
}

/* Page Header - matches Tenders typography scale */
.prometheon-page-header[b-sx9bfnbfbv] {
    margin-bottom: 0;
}

.prometheon-page-title[b-sx9bfnbfbv] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1f2553;
    margin: 0 0 0.5rem;
    letter-spacing: -0.01em;
}

.prometheon-page-title--sm[b-sx9bfnbfbv] {
    font-size: 1.75rem;
}

.prometheon-page-description[b-sx9bfnbfbv] {
    font-size: 0.975rem;
    color: #6b7280;
    margin: 0 0 0.5rem;
    font-weight: 400;
    line-height: 1.6;
}

.prometheon-page-subtitle[b-sx9bfnbfbv] {
    font-size: 0.8rem;
    color: #4a5171;
    margin: 0;
    font-weight: 400;
}

.prometheon-page-subtitle--right[b-sx9bfnbfbv] {
    text-align: right;
}

/* ============================================================================
   COMPANY LIST CONTAINER - Wrapper for grid + pagination
   ============================================================================ */

.company-list-container[b-sx9bfnbfbv] {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e2e5eb;
    border-radius: 8px;
    padding: 1.25rem;
}

/* ============================================================================
   COMPANY CARD - Enterprise Style (Dense, Structured, Institutional)
   ============================================================================ */

.company-card[b-sx9bfnbfbv] {
    background: #ffffff;
    border: 1px solid #e2e5eb;
    border-radius: 6px;
    padding: 0.875rem 1rem;
    transition: background 0.12s ease;
    min-width: 0;
    overflow: hidden;
}

.company-card:hover[b-sx9bfnbfbv] {
    background: #fafbfc;
}

/* Header Row */
.company-header[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.5rem;
    min-width: 0;
}

/* Avatar - Small, neutral, initials-based */
.company-avatar[b-sx9bfnbfbv] {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background: #f1f3f5;
    color: #4a5171;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0.02em;
}

/* Identity */
.company-identity[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.company-name[b-sx9bfnbfbv] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2553;
    line-height: 1.3;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-verified[b-sx9bfnbfbv] {
    display: inline-block;
    padding: 0.1rem 0.35rem;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: #dcfce7;
    color: #166534;
    border-radius: 2px;
    flex-shrink: 0;
}

/* Joined Date - Now in header row */
.company-joined[b-sx9bfnbfbv] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 400;
    flex-shrink: 0;
    margin-left: auto;
}

/* Company Description */
.company-description[b-sx9bfnbfbv] {
    font-size: 0.875rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 0.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Metadata Row */
.company-meta[b-sx9bfnbfbv] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 400;
    margin-bottom: 0.625rem;
    line-height: 1.4;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    display: inline-block;
}

.company-meta-separator[b-sx9bfnbfbv] {
    margin: 0 0.35rem;
    opacity: 0.5;
}

/* Capability Tags Row */
.company-tags[b-sx9bfnbfbv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.625rem;
}

.company-tag[b-sx9bfnbfbv] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 500;
    color: #4a5171;
    background: #eff0fb;
    border-radius: 3px;
    line-height: 1.4;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-tag--overflow[b-sx9bfnbfbv] {
    background: #e5e7eb;
    color: #6b7280;
    font-weight: 600;
}

/* Divider */
.company-divider[b-sx9bfnbfbv] {
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 0.625rem;
}

/* Action Row */
.company-actions[b-sx9bfnbfbv] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.company-link[b-sx9bfnbfbv] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #4a5171;
    text-decoration: none;
    transition: color 0.12s ease;
}

.company-link:hover[b-sx9bfnbfbv] {
    color: #1f2553;
}

/* ============================================================================
   FOOTER - Same as Tenders page
   ============================================================================ */

.prometheon-footer[b-sx9bfnbfbv] {
    background: linear-gradient(90deg, #4b4fb6 0%, #5b57c6 50%, #5a4b9c 100%);
    color: #ffffff;
    padding: 2.5rem 0 1.5rem;
    margin-top: auto;
}

.prometheon-footer-grid[b-sx9bfnbfbv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
}

.prometheon-footer-brand[b-sx9bfnbfbv] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-footer-links[b-sx9bfnbfbv] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.prometheon-footer-links a[b-sx9bfnbfbv] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-footer-links a:hover[b-sx9bfnbfbv] {
    opacity: 1;
}

.prometheon-footer-social[b-sx9bfnbfbv] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prometheon-footer-social img[b-sx9bfnbfbv] {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 4px;
}

.prometheon-footer-copy[b-sx9bfnbfbv] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 768px) {
    .prometheon-container[b-sx9bfnbfbv] {
        padding: 0 1.25rem;
    }

    .prometheon-header-inner[b-sx9bfnbfbv] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .prometheon-nav[b-sx9bfnbfbv] {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 1rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .prometheon-page-title[b-sx9bfnbfbv] {
        font-size: 1.75rem;
    }

    .prometheon-page-title--sm[b-sx9bfnbfbv] {
        font-size: 1.35rem;
    }

    .prometheon-page-description[b-sx9bfnbfbv] {
        font-size: 0.9rem;
    }

    .prometheon-page-subtitle[b-sx9bfnbfbv] {
        font-size: 0.95rem;
    }

    .prometheon-footer-grid[b-sx9bfnbfbv] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.5rem;
    }

    .prometheon-footer-brand[b-sx9bfnbfbv] {
        justify-content: center;
    }

    .prometheon-footer-social[b-sx9bfnbfbv] {
        justify-content: center;
    }
}
/* /Components/Pages/Public/CompanyProfile.razor.rz.scp.css */
/* ============================================================================
   COMPANY PROFILE PAGE - Enterprise Procurement Dossier
   Matches Tender Details styling: divider-based, structured, institutional
   ============================================================================ */

/* ============================================================================
   PAGE FOUNDATION - Same as Tenders/TenderDetails
   ============================================================================ */

.prometheon-page[b-xcj2it5z7h] {
    font-family: inherit;
    color: #1d2340;
    background: url("/images/background/prometheon-main-bg.png"),
        linear-gradient(180deg, rgba(243, 245, 255, 0.75) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(243, 247, 255, 0.75) 70%, rgba(255, 255, 255, 0.85) 100%);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prometheon-page[b-xcj2it5z7h]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 15%, rgba(126, 140, 235, 0.18), transparent 45%),
        radial-gradient(circle at 80% 25%, rgba(140, 112, 220, 0.18), transparent 45%),
        radial-gradient(circle at 50% 70%, rgba(128, 188, 160, 0.08), transparent 55%);
    pointer-events: none;
    z-index: 0;
}

.prometheon-page[b-xcj2it5z7h]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0.5) 0%, rgba(240, 245, 255, 0.8) 55%, rgba(255, 255, 255, 0.4) 100%);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

.prometheon-page .prometheon-header[b-xcj2it5z7h],
.prometheon-page .prometheon-main[b-xcj2it5z7h],
.prometheon-page .prometheon-footer[b-xcj2it5z7h] {
    position: relative;
    z-index: 1;
}

/* Container */
.prometheon-container[b-xcj2it5z7h] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

/* ============================================================================
   HEADER - Same as Tenders page
   ============================================================================ */

.prometheon-header[b-xcj2it5z7h] {
    background: linear-gradient(90deg, #596dd9 0%, #6b66d4 50%, #7a5fcb 100%);
    color: #ffffff;
}

.prometheon-header-inner[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem 0;
}

.prometheon-brand[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-logo-img[b-xcj2it5z7h] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    object-fit: contain;
}

.prometheon-brand-text[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-brand-name[b-xcj2it5z7h] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-brand-subtitle[b-xcj2it5z7h] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-nav[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.95rem;
}

.prometheon-nav-link[b-xcj2it5z7h] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-nav-link:hover[b-xcj2it5z7h] {
    opacity: 1;
}

.prometheon-nav-link--active[b-xcj2it5z7h] {
    opacity: 1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 2px;
}

.prometheon-header-actions[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
}

.prometheon-login[b-xcj2it5z7h] {
    background: #3d8b6c;
    color: #ffffff;
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(32, 60, 55, 0.18);
    transition: background 0.15s ease;
}

.prometheon-login:hover[b-xcj2it5z7h] {
    background: #357a5f;
}

/* ============================================================================
   MAIN CONTENT
   ============================================================================ */

.prometheon-main[b-xcj2it5z7h] {
    flex: 1;
    padding: 2rem 0 3rem;
}

/* ============================================================================
   FOOTER - Same as Tenders page
   ============================================================================ */

.prometheon-footer[b-xcj2it5z7h] {
    background: linear-gradient(90deg, #4b4fb6 0%, #5b57c6 50%, #5a4b9c 100%);
    color: #ffffff;
    padding: 2.5rem 0 1.5rem;
    margin-top: auto;
}

.prometheon-footer-grid[b-xcj2it5z7h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
}

.prometheon-footer-brand[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-footer-links[b-xcj2it5z7h] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.prometheon-footer-links a[b-xcj2it5z7h] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-footer-links a:hover[b-xcj2it5z7h] {
    opacity: 1;
}

.prometheon-footer-social[b-xcj2it5z7h] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prometheon-footer-social img[b-xcj2it5z7h] {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 4px;
}

.prometheon-footer-copy[b-xcj2it5z7h] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

/* ============================================================================
   LOADING & ERROR STATES
   ============================================================================ */

.cp-loading[b-xcj2it5z7h],
.cp-error[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e2e5eb;
    border-radius: 8px;
    text-align: center;
}

.cp-loading[b-xcj2it5z7h] {
    color: #5d6578;
    font-size: 0.875rem;
}

.cp-error-title[b-xcj2it5z7h] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1d2340;
}

.cp-error-text[b-xcj2it5z7h] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* ============================================================================
   BREADCRUMB
   ============================================================================ */

.cp-breadcrumb[b-xcj2it5z7h] {
    margin-bottom: 1rem;
}

.cp-breadcrumb-link[b-xcj2it5z7h] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #596dd9;
    text-decoration: none;
    transition: color 0.15s ease;
}

.cp-breadcrumb-link:hover[b-xcj2it5z7h] {
    color: #7a5fcb;
}

/* ============================================================================
   COMPANY DOSSIER - Main Container
   ============================================================================ */

.cp-dossier[b-xcj2it5z7h] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    border: 1px solid #e2e5eb;
}

/* Title Block */
.cp-title-block[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.75rem;
    flex-wrap: wrap;
}

.cp-title[b-xcj2it5z7h] {
    font-size: 1.65rem;
    font-weight: 700;
    color: #1f2553;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.cp-tenders-count[b-xcj2it5z7h] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    background: #f3f4f6;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

/* Description */
.cp-description[b-xcj2it5z7h] {
    padding: 0 1.75rem 1rem;
    font-size: 0.925rem;
    line-height: 1.7;
    color: #4b5563;
}

.cp-description p[b-xcj2it5z7h] {
    margin: 0;
    white-space: pre-wrap;
}

/* Divider */
.cp-divider[b-xcj2it5z7h] {
    height: 1px;
    background: #e5e7eb;
    margin: 0;
}

/* Section Header */
.cp-section-header[b-xcj2it5z7h] {
    padding: 0.75rem 1.75rem 0;
}

.cp-section-label[b-xcj2it5z7h] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Metadata Strip */
.cp-metadata-strip[b-xcj2it5z7h] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem 1rem;
    padding: 0.75rem 1.75rem 1.25rem;
}

.cp-meta-item[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cp-meta-label[b-xcj2it5z7h] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cp-meta-value[b-xcj2it5z7h] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #374151;
}

.cp-meta-value--muted[b-xcj2it5z7h] {
    color: #9ca3af;
    font-style: italic;
}

/* ============================================================================
   PUBLISHED TENDERS SECTION
   ============================================================================ */

.cp-tenders-section[b-xcj2it5z7h] {
    margin-top: 1rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    border: 1px solid #e2e5eb;
    padding: 1.25rem 1.75rem;
}

.cp-section-title[b-xcj2it5z7h] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2553;
    margin-bottom: 1rem;
}

/* Empty State */
.cp-empty-state[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.cp-empty-title[b-xcj2it5z7h] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #6b7280;
}

.cp-empty-text[b-xcj2it5z7h] {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* ============================================================================
   TENDER LIST - Same as Public Tenders page
   ============================================================================ */

.tender-list[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tender-card[b-xcj2it5z7h] {
    background: #ffffff;
    padding: 0.75rem 1.25rem;
    transition: background 0.12s ease;
    border: 1px solid #e2e5eb;
    border-radius: 6px;
}

.tender-card:hover[b-xcj2it5z7h] {
    background: #fafbfc;
}

/* Top Meta Row */
.tender-meta-row[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
    gap: 0.75rem;
}

.tender-meta-left[b-xcj2it5z7h] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

/* Status Badge */
.tender-status[b-xcj2it5z7h] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 2px;
}

.tender-status--open[b-xcj2it5z7h] {
    background: #dcfce7;
    color: #166534;
}

/* RFQ ID */
.tender-id[b-xcj2it5z7h] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace;
    letter-spacing: 0.02em;
}

/* Published Date */
.tender-published[b-xcj2it5z7h] {
    font-size: 0.7rem;
    font-weight: 500;
    color: #6b7280;
    flex-shrink: 0;
}

/* Title */
.tender-title[b-xcj2it5z7h] {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2553;
    margin: 0 0 0.25rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

/* Description */
.tender-description[b-xcj2it5z7h] {
    font-size: 0.8rem;
    line-height: 1.5;
    color: #6b7280;
    margin: 0 0 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Metadata Grid */
.tender-metadata[b-xcj2it5z7h] {
    display: flex;
    gap: 2rem;
    margin-bottom: 0.5rem;
}

.tender-meta-item[b-xcj2it5z7h] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.tender-meta-label[b-xcj2it5z7h] {
    font-size: 0.6rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tender-meta-value[b-xcj2it5z7h] {
    font-size: 0.775rem;
    font-weight: 500;
    color: #374151;
}

/* Actions */
.tender-actions[b-xcj2it5z7h] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.4rem;
    border-top: 1px solid #f3f4f6;
}

/* ============================================================================
   BUTTONS
   ============================================================================ */

.cp-btn[b-xcj2it5z7h] {
    padding: 0.5rem 1.15rem;
    font-size: 0.775rem;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.cp-btn--solid[b-xcj2it5z7h] {
    background: #596dd9;
    color: #ffffff;
    border: 1px solid #596dd9;
}

.cp-btn--solid:hover[b-xcj2it5z7h] {
    background: #4a5cc8;
    border-color: #4a5cc8;
}

.cp-btn--outline[b-xcj2it5z7h] {
    background: #ffffff;
    color: #596dd9;
    border: 1px solid #d1d5db;
}

.cp-btn--outline:hover[b-xcj2it5z7h] {
    background: #f8f9fb;
    border-color: #596dd9;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (max-width: 900px) {
    .cp-metadata-strip[b-xcj2it5z7h] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.85rem 1rem;
    }
}

@media (max-width: 768px) {
    .prometheon-container[b-xcj2it5z7h] {
        padding: 0 1.25rem;
    }

    .prometheon-header-inner[b-xcj2it5z7h] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .prometheon-nav[b-xcj2it5z7h] {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 1rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .cp-title-block[b-xcj2it5z7h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .cp-title[b-xcj2it5z7h] {
        font-size: 1.4rem;
    }

    .cp-metadata-strip[b-xcj2it5z7h] {
        grid-template-columns: 1fr 1fr;
    }

    .tender-metadata[b-xcj2it5z7h] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .tender-actions[b-xcj2it5z7h] {
        flex-direction: column;
    }

    .cp-btn[b-xcj2it5z7h] {
        width: 100%;
    }

    .prometheon-footer-grid[b-xcj2it5z7h] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.5rem;
    }

    .prometheon-footer-brand[b-xcj2it5z7h] {
        justify-content: center;
    }

    .prometheon-footer-social[b-xcj2it5z7h] {
        justify-content: center;
    }
}
/* /Components/Pages/Public/ItSuppliers.razor.rz.scp.css */
/* ============================================================================
   IT Suppliers landing page.

   Built on the shared dp- design system in wwwroot/prometheon-preview.css - the
   tokens, buttons, section rhythm and container all come from there. Only what
   that system does not already provide is defined here.

   Unlike the homepage this page has no full-bleed blue hero: the blue band is
   the standard PrometheonLayout header, then the page opens on a light intro,
   the way Tenders and Companies do. Blue returns once, at the closing CTA.
   ============================================================================ */

.it-suppliers[b-i1wtwpzghc] {
    background: var(--dp-bg);
}

/* Shared bits ------------------------------------------------------------- */

.it-suppliers .its-eyebrow[b-i1wtwpzghc] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dp-primary);
    margin-bottom: 12px;
}

.it-suppliers .its-section-header[b-i1wtwpzghc] {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 44px;
}

.it-suppliers .its-section-title[b-i1wtwpzghc] {
    font-size: 28px;
    font-weight: 700;
    color: var(--dp-text);
    margin: 0 0 12px;
    line-height: 1.25;
}

.it-suppliers .its-section-sub[b-i1wtwpzghc] {
    font-size: 16px;
    line-height: 1.7;
    color: var(--dp-text-secondary);
    margin: 0;
}

.it-suppliers .its-check[b-i1wtwpzghc] {
    color: var(--dp-success);
    font-weight: 700;
    flex-shrink: 0;
}

/* 1. Intro ---------------------------------------------------------------- */

.it-suppliers .its-intro[b-i1wtwpzghc] {
    background: #ffffff;
    border-bottom: 1px solid var(--dp-border);
    padding: 56px 0 52px;
}

.it-suppliers .its-intro__grid[b-i1wtwpzghc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

.it-suppliers .its-intro__title[b-i1wtwpzghc] {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.18;
    color: #1f2553;
    margin: 0 0 16px;
}

.it-suppliers .its-intro__sub[b-i1wtwpzghc] {
    font-size: 17px;
    line-height: 1.65;
    color: var(--dp-text-secondary);
    margin: 0 0 28px;
    max-width: 520px;
}

.it-suppliers .its-intro__actions[b-i1wtwpzghc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.it-suppliers .its-intro__note[b-i1wtwpzghc] {
    font-size: 13px;
    color: var(--dp-text-muted);
    margin: 16px 0 0;
}

.it-suppliers .its-intro__visual img[b-i1wtwpzghc] {
    display: block;
    width: 100%;
    height: auto;
}

/* 2. Social proof --------------------------------------------------------- */

.it-suppliers .its-proof[b-i1wtwpzghc] {
    background: var(--dp-surface-alt);
    border-bottom: 1px solid var(--dp-border);
    padding: 22px 0;
}

.it-suppliers .its-proof__bar[b-i1wtwpzghc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 48px;
}

.it-suppliers .its-proof__item[b-i1wtwpzghc] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.it-suppliers .its-proof__value[b-i1wtwpzghc] {
    font-size: 19px;
    font-weight: 700;
    color: #1f2553;
}

.it-suppliers .its-proof__label[b-i1wtwpzghc] {
    font-size: 13px;
    color: var(--dp-text-secondary);
}

/* Vendor logo strip ------------------------------------------------------- */

.it-suppliers .its-logos[b-i1wtwpzghc] {
    background: #ffffff;
    border-top: 1px solid var(--dp-border);
    padding: 34px 0;
}

.it-suppliers .its-logos__title[b-i1wtwpzghc] {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dp-text-muted);
    margin: 0 0 22px;
}

.it-suppliers .its-logos__row[b-i1wtwpzghc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px 44px;
}

/* No tile chrome: these are the same flat wordmarks the main site runs, and
   boxing them made the strip heavier than the section deserves. */
.it-suppliers .its-logos__item[b-i1wtwpzghc] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.75;
    transition: opacity 0.15s ease;
}

.it-suppliers .its-logos__item:hover[b-i1wtwpzghc] {
    opacity: 1;
}

.it-suppliers .its-logos__item img[b-i1wtwpzghc] {
    display: block;
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 34px;
    object-fit: contain;
}

/* 3. Who it's for --------------------------------------------------------- */

.it-suppliers .its-audience[b-i1wtwpzghc] {
    background: #ffffff;
    border-bottom: 1px solid var(--dp-border);
    padding: 34px 0;
}

/* Title and chips share a row on desktop, which is what keeps this section a
   single band rather than another full-height card grid. */
.it-suppliers .its-audience__row[b-i1wtwpzghc] {
    display: flex;
    align-items: center;
    gap: 32px;
}

.it-suppliers .its-audience__title[b-i1wtwpzghc] {
    flex: 0 0 auto;
    max-width: 230px;
    font-size: 17px;
    font-weight: 700;
    color: var(--dp-text);
    margin: 0;
    line-height: 1.4;
}

.it-suppliers .its-audience__chips[b-i1wtwpzghc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.it-suppliers .its-chip[b-i1wtwpzghc] {
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    background: #EFF6FF;
    color: var(--dp-primary);
    border: 1px solid #BFDBFE;
    white-space: nowrap;
}

/* 4. How it works --------------------------------------------------------- */

.it-suppliers .its-benefits[b-i1wtwpzghc] {
    background: var(--dp-surface-alt);
    border-bottom: 1px solid var(--dp-border);
}

.it-suppliers .its-benefit[b-i1wtwpzghc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: center;
    padding: 36px 0;
}

.it-suppliers .its-benefit--reversed .its-benefit__text[b-i1wtwpzghc] {
    order: 2;
}

.it-suppliers .its-benefit--reversed .its-benefit__visual[b-i1wtwpzghc] {
    order: 1;
}

.it-suppliers .its-benefit__title[b-i1wtwpzghc] {
    font-size: 22px;
    font-weight: 700;
    color: var(--dp-text);
    margin: 0 0 12px;
    line-height: 1.3;
}

.it-suppliers .its-benefit__body[b-i1wtwpzghc] {
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--dp-text-secondary);
    margin: 0;
}

/* Capped rather than filling the column: at full track width the 480x300 artwork
   drives the row past 480px tall and the copy floats in the middle of it. */
.it-suppliers .its-benefit__visual[b-i1wtwpzghc] {
    display: flex;
    justify-content: center;
}

.it-suppliers .its-benefit__visual img[b-i1wtwpzghc] {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
    background: var(--dp-surface);
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius-lg);
    box-shadow: var(--dp-shadow);
    padding: 14px;
}

/* 5. Plans ---------------------------------------------------------------- */

.it-suppliers .its-plans[b-i1wtwpzghc] {
    background: #ffffff;
}

.it-suppliers .its-plan__grid[b-i1wtwpzghc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.it-suppliers .its-plan[b-i1wtwpzghc] {
    display: flex;
    flex-direction: column;
    background: var(--dp-surface);
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius-lg);
    box-shadow: var(--dp-shadow);
    padding: 22px 18px 18px;
    min-width: 0;
}

.it-suppliers .its-plan--free[b-i1wtwpzghc] {
    background: var(--dp-surface-alt);
}

.it-suppliers .its-plan__name[b-i1wtwpzghc] {
    font-size: 17px;
    font-weight: 700;
    color: var(--dp-text);
    margin: 0 0 12px;
}

.it-suppliers .its-plan__price[b-i1wtwpzghc] {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.it-suppliers .its-plan__prefix[b-i1wtwpzghc] {
    font-size: 13px;
    color: var(--dp-text-muted);
}

.it-suppliers .its-plan__amount[b-i1wtwpzghc] {
    font-size: 28px;
    font-weight: 700;
    color: #1f2553;
    line-height: 1.1;
}

.it-suppliers .its-plan__period[b-i1wtwpzghc] {
    font-size: 13px;
    color: var(--dp-text-muted);
}

.it-suppliers .its-plan__billing[b-i1wtwpzghc] {
    font-size: 12px;
    color: var(--dp-text-muted);
    margin: 6px 0 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--dp-border);
}

.it-suppliers .its-plan__features[b-i1wtwpzghc] {
    list-style: none;
    margin: 16px 0 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    /* Pushes every card's CTA to the bottom edge so the five buttons line up. */
    flex: 1;
}

.it-suppliers .its-plan__features li[b-i1wtwpzghc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.it-suppliers .its-plan__feature-label[b-i1wtwpzghc] {
    font-size: 11.5px;
    color: var(--dp-text-muted);
}

.it-suppliers .its-plan__feature-value[b-i1wtwpzghc] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dp-text);
    line-height: 1.4;
}

.it-suppliers .its-plan__feature--highlight .its-plan__feature-value[b-i1wtwpzghc] {
    color: var(--dp-primary);
}

.it-suppliers .its-plan__footnote[b-i1wtwpzghc] {
    font-size: 11.5px;
    line-height: 1.5;
    color: var(--dp-text-muted);
    margin: 0 0 16px;
}

.it-suppliers .its-plan__cta[b-i1wtwpzghc] {
    width: 100%;
}

/* 6. Customer Acquisition Suite ------------------------------------------- */

.it-suppliers .its-suite[b-i1wtwpzghc] {
    background: var(--dp-surface-alt);
    border-top: 1px solid var(--dp-border);
    border-bottom: 1px solid var(--dp-border);
}

.it-suppliers .its-suite__inner[b-i1wtwpzghc] {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.it-suppliers .its-suite__lead[b-i1wtwpzghc],
.it-suppliers .its-suite__outro[b-i1wtwpzghc] {
    font-size: 16px;
    line-height: 1.7;
    color: var(--dp-text-secondary);
    margin: 0;
}

.it-suppliers .its-suite__features[b-i1wtwpzghc] {
    list-style: none;
    margin: 26px 0;
    padding: 22px 24px;
    background: var(--dp-surface);
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius-lg);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
    text-align: left;
}

.it-suppliers .its-suite__feature[b-i1wtwpzghc] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dp-text);
}

.it-suppliers .its-suite__actions[b-i1wtwpzghc] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

/* 7. FAQ ------------------------------------------------------------------ */

.it-suppliers .its-faq[b-i1wtwpzghc] {
    background: #ffffff;
}

.it-suppliers .its-faq__list[b-i1wtwpzghc] {
    max-width: 820px;
    margin: 0 auto;
    border: 1px solid var(--dp-border);
    border-radius: var(--dp-radius-lg);
    box-shadow: var(--dp-shadow);
    overflow: hidden;
    background: var(--dp-surface);
}

.it-suppliers .its-faq__item + .its-faq__item[b-i1wtwpzghc] {
    border-top: 1px solid var(--dp-border);
}

.it-suppliers .its-faq__question[b-i1wtwpzghc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 22px;
    font-size: 15px;
    font-weight: 600;
    color: var(--dp-text);
    cursor: pointer;
    list-style: none;
    transition: background 0.15s ease;
}

/* Replace the native disclosure triangle with a marker that tracks open state. */
.it-suppliers .its-faq__question[b-i1wtwpzghc]::-webkit-details-marker {
    display: none;
}

.it-suppliers .its-faq__question[b-i1wtwpzghc]::after {
    content: "+";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: var(--dp-primary);
    flex-shrink: 0;
}

.it-suppliers .its-faq__item[open] .its-faq__question[b-i1wtwpzghc]::after {
    content: "\2013";
}

.it-suppliers .its-faq__question:hover[b-i1wtwpzghc] {
    background: var(--dp-surface-alt);
}

.it-suppliers .its-faq__answer[b-i1wtwpzghc] {
    margin: 0;
    padding: 0 22px 19px;
    font-size: 15px;
    line-height: 1.7;
    color: var(--dp-text-secondary);
}

/* 8. Final CTA ------------------------------------------------------------ */

.it-suppliers .its-final[b-i1wtwpzghc] {
    background: var(--prometheon-hero-gradient);
    color: #ffffff;
    padding: 44px 0;
}

.it-suppliers .its-final__inner[b-i1wtwpzghc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.it-suppliers .its-final__title[b-i1wtwpzghc] {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 8px;
    line-height: 1.25;
}

.it-suppliers .its-final__sub[b-i1wtwpzghc] {
    font-size: 15.5px;
    line-height: 1.6;
    opacity: 0.9;
    max-width: 560px;
    margin: 0;
}

.it-suppliers .its-final__actions[b-i1wtwpzghc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 1100px) {
    .it-suppliers .its-plan__grid[b-i1wtwpzghc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .it-suppliers .its-intro__grid[b-i1wtwpzghc],
    .it-suppliers .its-benefit[b-i1wtwpzghc] {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    /* Image always follows its copy once the rows stack. */
    .it-suppliers .its-benefit--reversed .its-benefit__text[b-i1wtwpzghc] {
        order: 1;
    }

    .it-suppliers .its-benefit--reversed .its-benefit__visual[b-i1wtwpzghc] {
        order: 2;
    }

    .it-suppliers .its-intro__visual[b-i1wtwpzghc] {
        max-width: 520px;
    }

    .it-suppliers .its-audience__row[b-i1wtwpzghc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .it-suppliers .its-audience__title[b-i1wtwpzghc] {
        max-width: none;
    }

    .it-suppliers .its-suite__features[b-i1wtwpzghc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .it-suppliers .its-intro[b-i1wtwpzghc] {
        padding: 40px 0 36px;
    }

    .it-suppliers .its-intro__title[b-i1wtwpzghc] {
        font-size: 30px;
    }

    .it-suppliers .its-section-title[b-i1wtwpzghc] {
        font-size: 24px;
    }

    .it-suppliers .its-section-header[b-i1wtwpzghc] {
        margin-bottom: 32px;
    }

    .it-suppliers .its-plan__grid[b-i1wtwpzghc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .it-suppliers .its-proof__bar[b-i1wtwpzghc] {
        gap: 10px 28px;
    }
}

@media (max-width: 560px) {
    .it-suppliers .its-plan__grid[b-i1wtwpzghc],
    .it-suppliers .its-suite__features[b-i1wtwpzghc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .it-suppliers .its-intro__actions .dp-btn[b-i1wtwpzghc],
    .it-suppliers .its-final__actions .dp-btn[b-i1wtwpzghc],
    .it-suppliers .its-suite__actions .dp-btn[b-i1wtwpzghc] {
        width: 100%;
    }

    .it-suppliers .its-proof__bar[b-i1wtwpzghc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .it-suppliers .its-final__title[b-i1wtwpzghc] {
        font-size: 22px;
    }
}
/* /Components/Pages/Public/TenderDetails.razor.rz.scp.css */
/* ============================================================================
   TENDER DETAILS PAGE - Divider-Based Procurement Dossier
   Uses same header, footer, background as Tenders listing page
   Structure: Title → Metadata Strip → Description → Actions
   Separated by dividers, not cards
   ============================================================================ */

/* ============================================================================
   PAGE FOUNDATION - Same as Tenders page
   ============================================================================ */

.prometheon-page[b-dhw4m4niou] {
    font-family: inherit;
    color: #1d2340;
    background: url("/images/background/prometheon-main-bg.png"),
        linear-gradient(180deg, rgba(243, 245, 255, 0.75) 0%, rgba(255, 255, 255, 0.85) 35%, rgba(243, 247, 255, 0.75) 70%, rgba(255, 255, 255, 0.85) 100%);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prometheon-page[b-dhw4m4niou]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 15%, rgba(126, 140, 235, 0.18), transparent 45%),
        radial-gradient(circle at 80% 25%, rgba(140, 112, 220, 0.18), transparent 45%),
        radial-gradient(circle at 50% 70%, rgba(128, 188, 160, 0.08), transparent 55%);
    pointer-events: none;
    z-index: 0;
}

.prometheon-page[b-dhw4m4niou]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(130deg, rgba(255, 255, 255, 0.5) 0%, rgba(240, 245, 255, 0.8) 55%, rgba(255, 255, 255, 0.4) 100%);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

.prometheon-page .prometheon-header[b-dhw4m4niou],
.prometheon-page .prometheon-main[b-dhw4m4niou],
.prometheon-page .prometheon-footer[b-dhw4m4niou] {
    position: relative;
    z-index: 1;
}

/* Container */
.prometheon-container[b-dhw4m4niou] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

/* ============================================================================
   HEADER - Same as Tenders page
   ============================================================================ */

.prometheon-header[b-dhw4m4niou] {
    background: linear-gradient(90deg, #596dd9 0%, #6b66d4 50%, #7a5fcb 100%);
    color: #ffffff;
}

.prometheon-header-inner[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem 0;
}

.prometheon-brand[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-logo-img[b-dhw4m4niou] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    object-fit: contain;
}

.prometheon-brand-text[b-dhw4m4niou] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-brand-name[b-dhw4m4niou] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-brand-subtitle[b-dhw4m4niou] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-nav[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.95rem;
}

.prometheon-nav-link[b-dhw4m4niou] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-nav-link:hover[b-dhw4m4niou] {
    opacity: 1;
}

.prometheon-nav-link--active[b-dhw4m4niou] {
    opacity: 1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 2px;
}

.prometheon-header-actions[b-dhw4m4niou] {
    display: flex;
    align-items: center;
}

.prometheon-login[b-dhw4m4niou] {
    background: #3d8b6c;
    color: #ffffff;
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(32, 60, 55, 0.18);
    transition: background 0.15s ease;
}

.prometheon-login:hover[b-dhw4m4niou] {
    background: #357a5f;
}

/* ============================================================================
   MAIN CONTENT
   ============================================================================ */

.prometheon-main[b-dhw4m4niou] {
    flex: 1;
    padding: 2rem 0 3rem;
}

/* ============================================================================
   FOOTER - Same as Tenders page
   ============================================================================ */

.prometheon-footer[b-dhw4m4niou] {
    background: linear-gradient(90deg, #4b4fb6 0%, #5b57c6 50%, #5a4b9c 100%);
    color: #ffffff;
    padding: 2.5rem 0 1.5rem;
    margin-top: auto;
}

.prometheon-footer-grid[b-dhw4m4niou] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
}

.prometheon-footer-brand[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-footer-links[b-dhw4m4niou] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.prometheon-footer-links a[b-dhw4m4niou] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-footer-links a:hover[b-dhw4m4niou] {
    opacity: 1;
}

.prometheon-footer-social[b-dhw4m4niou] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prometheon-footer-social img[b-dhw4m4niou] {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 4px;
}

.prometheon-footer-copy[b-dhw4m4niou] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

/* ============================================================================
   DOSSIER - Main Content Container
   ============================================================================ */

.td-dossier[b-dhw4m4niou] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    border: 1px solid #e2e5eb;
}

/* Loading & Error States */
.td-loading[b-dhw4m4niou],
.td-error[b-dhw4m4niou] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e2e5eb;
    border-radius: 8px;
    text-align: center;
}

.td-loading[b-dhw4m4niou] {
    color: #5d6578;
    font-size: 0.875rem;
}

.td-error-title[b-dhw4m4niou] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1d2340;
}

.td-error-text[b-dhw4m4niou] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* ============================================================================
   BREADCRUMB (outside dossier)
   ============================================================================ */

.td-breadcrumb[b-dhw4m4niou] {
    margin-bottom: 1rem;
}

.td-breadcrumb-link[b-dhw4m4niou] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #596dd9;
    text-decoration: none;
    transition: color 0.15s ease;
}

.td-breadcrumb-link:hover[b-dhw4m4niou] {
    color: #7a5fcb;
}

/* ============================================================================
   DIVIDER
   ============================================================================ */

.td-divider[b-dhw4m4niou] {
    height: 1px;
    background: #e5e7eb;
    margin: 0;
}

/* ============================================================================
   TITLE BLOCK
   ============================================================================ */

.td-title-block[b-dhw4m4niou] {
    padding: 1.25rem 1.75rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Keeps the CTA pair and its reassurance line as one right-hand unit, so .td-title-block
   still has exactly two flex children and its space-between layout is unchanged. */
.td-cta-cluster[b-dhw4m4niou] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
}

/* Secondary ("Need more details?") + primary ("Submit Proposal") on one row. */
.td-cta-actions[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.td-cta-note[b-dhw4m4niou] {
    font-size: 0.72rem;
    color: #9ca3af;
    line-height: 1.3;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

/* ============================================================================
   "NEED MORE DETAILS?" POPOVER
   Anchored popover on desktop, bottom sheet under 768px.
   ============================================================================ */

.td-hint[b-dhw4m4niou] {
    position: relative;
    display: inline-flex;
}

.td-hint-trigger[b-dhw4m4niou] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.85rem;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    color: #596dd9;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.td-hint-trigger:hover[b-dhw4m4niou] {
    background: #f4f5fd;
    border-color: #dfe3fa;
}

.td-hint-trigger:focus-visible[b-dhw4m4niou] {
    outline: 2px solid #596dd9;
    outline-offset: 2px;
}

.td-hint--open .td-hint-trigger[b-dhw4m4niou] {
    background: #eef0fc;
    border-color: #ccd3f6;
}

.td-hint-trigger-icon[b-dhw4m4niou] {
    flex-shrink: 0;
    opacity: 0.85;
}

/* Invisible on desktop - it exists only to catch the outside click. */
.td-hint-scrim[b-dhw4m4niou] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background: transparent;
}

.td-hint-panel[b-dhw4m4niou] {
    position: absolute;
    top: calc(100% + 0.6rem);
    right: 0;
    z-index: 41;
    /* Sized to its own content rather than a fixed 21rem, so the three-step flow row
       below stays on one line without the panel being padded out any wider than that
       row actually needs. min/max keep it in a sane band on either side. */
    width: max-content;
    min-width: 21rem;
    max-width: min(30rem, calc(100vw - 2.5rem));
    padding: 0.95rem 1.05rem 1.05rem;
    background: #ffffff;
    border: 1px solid #e2e5eb;
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(31, 37, 83, 0.15), 0 2px 6px rgba(31, 37, 83, 0.06);
    text-align: left;
    animation: td-hint-in-b-dhw4m4niou 0.16s ease-out;
}

/* Caret pointing back at the trigger. */
.td-hint-panel[b-dhw4m4niou]::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 1.6rem;
    width: 9px;
    height: 9px;
    background: #ffffff;
    border-left: 1px solid #e2e5eb;
    border-top: 1px solid #e2e5eb;
    border-radius: 1px;
    transform: rotate(45deg);
}

@keyframes td-hint-in-b-dhw4m4niou {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes td-hint-sheet-in-b-dhw4m4niou {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

/* Drag-handle affordance - only meaningful in the mobile bottom-sheet form. */
.td-hint-grip[b-dhw4m4niou] {
    display: none;
}

.td-hint-panel-head[b-dhw4m4niou] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.td-hint-panel-title[b-dhw4m4niou] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #1f2553;
    line-height: 1.35;
    letter-spacing: -0.005em;
}

.td-hint-panel-close[b-dhw4m4niou] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: -3px -5px 0 0;
    padding: 0;
    color: #9ca3af;
    background: transparent;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.td-hint-panel-close:hover[b-dhw4m4niou] {
    color: #4b5563;
    background: #f0f1f4;
}

/* nowrap on desktop is what the panel's max-content width is sized against - the two
   rules together are what keeps Submit Proposal -> Message the buyer -> Clarify details
   on a single row. Re-wrapped in the mobile bottom sheet below. */
.td-hint-flow[b-dhw4m4niou] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

.td-hint-step[b-dhw4m4niou] {
    display: inline-flex;
    align-items: center;
    padding: 0.26rem 0.6rem;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    color: #4b5563;
    background: #f5f6fa;
    border: 1px solid #e6e8f2;
    border-radius: 999px;
    white-space: nowrap;
}

.td-hint-step--first[b-dhw4m4niou] {
    color: #4453b8;
    background: #eef0fc;
    border-color: #d4dbf7;
}

.td-hint-arrow[b-dhw4m4niou] {
    font-size: 0.72rem;
    line-height: 1;
    color: #b8bdcc;
}

.td-hint-panel-text[b-dhw4m4niou] {
    /* Capped so the sentence never becomes the widest child and stretches the
       max-content panel past what the flow row needs. */
    max-width: 24rem;
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #5b6172;
}

.td-dossier--secondary[b-dhw4m4niou] {
    margin-top: 1rem;
}

.td-title[b-dhw4m4niou] {
    font-size: 1.65rem;
    font-weight: 700;
    color: #1f2553;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/* ============================================================================
   METADATA STRIP
   ============================================================================ */

/* Section Header */
.td-section-header[b-dhw4m4niou] {
    padding: 0.75rem 1.75rem 0;
}

.td-section-label[b-dhw4m4niou] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* RFQ Metadata Grid */
.td-metadata-strip[b-dhw4m4niou] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem 1rem;
    padding: 0.5rem 1.75rem;
}

.td-metadata-strip--row1[b-dhw4m4niou] {
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
}

.td-metadata-strip--row2[b-dhw4m4niou] {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}

/* Buyer Strip */
.td-buyer-strip[b-dhw4m4niou] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.75rem 1.75rem 1rem;
}

.td-buyer-info[b-dhw4m4niou] {
    display: flex;
    gap: 2.5rem;
}

.td-meta-item[b-dhw4m4niou] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.td-meta-label[b-dhw4m4niou] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.td-meta-value[b-dhw4m4niou] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.td-meta-value--mono[b-dhw4m4niou] {
    font-family: 'SF Mono', Monaco, 'Cascadia Code', Consolas, monospace;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    color: #6b7280;
}

.td-meta-value--deadline[b-dhw4m4niou] {
    font-weight: 600;
    color: #1f2553;
}

/* Status Badge */
.td-status[b-dhw4m4niou] {
    display: inline-block;
    padding: 0.2rem 0.45rem;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 3px;
}

.td-status--open[b-dhw4m4niou] {
    background: #dcfce7;
    color: #166534;
}

.td-status--closing[b-dhw4m4niou] {
    background: #fef3c7;
    color: #92400e;
}

.td-status--closed[b-dhw4m4niou] {
    background: #f3f4f6;
    color: #6b7280;
}

/* Verified Badge */
.td-verified[b-dhw4m4niou] {
    font-size: 0.55rem;
    font-weight: 600;
    color: #596dd9;
    background: #eff1fc;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Urgent Badge */
.td-urgent[b-dhw4m4niou] {
    font-size: 0.55rem;
    font-weight: 700;
    color: #ffffff;
    background: #dc2626;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    text-transform: uppercase;
}

/* ============================================================================
   CONTENT SECTION (Description)
   ============================================================================ */

.td-content-section[b-dhw4m4niou] {
    padding: 0.75rem 1.75rem 1.25rem;
}

.td-description[b-dhw4m4niou] {
    font-size: 0.925rem;
    line-height: 1.7;
    color: #374151;
}

.td-description p[b-dhw4m4niou] {
    margin: 0;
    white-space: pre-wrap;
}

.td-description-empty[b-dhw4m4niou] {
    color: #9ca3af;
    font-style: italic;
}

/* ============================================================================
   PROCUREMENT REQUIREMENTS SECTION
   ============================================================================ */

.td-requirements-grid[b-dhw4m4niou] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem 1rem;
    padding: 0.75rem 1.75rem 1.25rem;
}

.td-req-group[b-dhw4m4niou] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.td-req-tags[b-dhw4m4niou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.td-req-tag[b-dhw4m4niou] {
    display: inline-block;
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
    background: #f0f1f4;
    border: 1px solid #e2e5eb;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============================================================================
   BUTTONS
   ============================================================================ */

.td-btn[b-dhw4m4niou] {
    padding: 0.55rem 1.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.td-btn--solid[b-dhw4m4niou] {
    background: #596dd9;
    color: #ffffff;
    border: 1px solid #596dd9;
}

.td-btn--solid:hover[b-dhw4m4niou] {
    background: #4a5cc8;
    border-color: #4a5cc8;
}

.td-btn--outline[b-dhw4m4niou] {
    background: #ffffff;
    color: #596dd9;
    border: 1px solid #d1d5db;
}

.td-btn--outline:hover[b-dhw4m4niou] {
    background: #f8f9fb;
    border-color: #596dd9;
}

.td-btn--sm[b-dhw4m4niou] {
    font-size: 0.72rem;
    padding: 0.55rem 0.65rem;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (max-width: 1100px) {
    .td-metadata-strip[b-dhw4m4niou] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .td-metadata-strip[b-dhw4m4niou] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.85rem 1rem;
    }

    .td-requirements-grid[b-dhw4m4niou] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-buyer-strip[b-dhw4m4niou] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .td-buyer-info[b-dhw4m4niou] {
        flex-direction: column;
        gap: 0.75rem;
    }
}

@media (max-width: 768px) {
    .prometheon-container[b-dhw4m4niou] {
        padding: 0 1.25rem;
    }

    .prometheon-header-inner[b-dhw4m4niou] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .prometheon-nav[b-dhw4m4niou] {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 1rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .prometheon-footer-grid[b-dhw4m4niou] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.5rem;
    }

    .prometheon-footer-brand[b-dhw4m4niou] {
        justify-content: center;
    }

    .prometheon-footer-social[b-dhw4m4niou] {
        justify-content: center;
    }

    .td-title[b-dhw4m4niou] {
        font-size: 1.35rem;
    }

    .td-metadata-strip[b-dhw4m4niou] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-cta-cluster[b-dhw4m4niou] {
        align-items: stretch;
        gap: 0.6rem;
    }

    /* Primary CTA on top, "Need more details?" beneath it - thumb reach first. */
    .td-cta-actions[b-dhw4m4niou] {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 0.5rem;
    }

    .td-cta-note[b-dhw4m4niou] {
        text-align: center;
        white-space: normal;
    }

    .td-btn[b-dhw4m4niou] {
        width: 100%;
    }

    /* Popover becomes a bottom sheet: reachable, full-width and dismissible by tapping
       the dimmed scrim behind it. */
    .td-hint[b-dhw4m4niou] {
        display: block;
    }

    .td-hint-trigger[b-dhw4m4niou] {
        width: 100%;
        justify-content: center;
        padding: 0.6rem 0.85rem;
        background: #ffffff;
        border-color: #d1d5db;
    }

    .td-hint-scrim[b-dhw4m4niou] {
        z-index: 1200;
        background: rgba(31, 37, 83, 0.4);
    }

    .td-hint-panel[b-dhw4m4niou] {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1201;
        width: auto;
        min-width: 0;
        max-width: none;
        padding: 0.6rem 1.15rem calc(1.35rem + env(safe-area-inset-bottom));
        border-bottom: none;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -10px 40px rgba(31, 37, 83, 0.22);
        animation: td-hint-sheet-in-b-dhw4m4niou 0.2s ease-out;
    }

    .td-hint-panel[b-dhw4m4niou]::before {
        display: none;
    }

    .td-hint-grip[b-dhw4m4niou] {
        display: block;
        width: 36px;
        height: 4px;
        margin: 0 auto 0.75rem;
        background: #dcdfe8;
        border-radius: 999px;
    }

    .td-hint-panel-title[b-dhw4m4niou] {
        font-size: 0.95rem;
    }

    /* The sheet is full-width and narrow: let the flow wrap and the text fill it. */
    .td-hint-flow[b-dhw4m4niou] {
        flex-wrap: wrap;
    }

    .td-hint-panel-text[b-dhw4m4niou] {
        max-width: none;
        font-size: 0.84rem;
    }

    .td-title-block[b-dhw4m4niou],
    .td-metadata-strip[b-dhw4m4niou],
    .td-content-section[b-dhw4m4niou] {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 480px) {
    .prometheon-container[b-dhw4m4niou] {
        padding: 0 1rem;
    }

    .td-title-block[b-dhw4m4niou],
    .td-metadata-strip[b-dhw4m4niou],
    .td-content-section[b-dhw4m4niou] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Components/Pages/Public/Tenders.razor.rz.scp.css */
/* ============================================================================
   David - PUBLIC TENDERS PAGE - Unified Prometheon Styling
   Matches homepage layout, typography, spacing, and background system
   ============================================================================ */

/* Page wrapper - plain white like homepage */
.prometheon-page[b-0fqgjqx01t] {
    font-family: inherit;
    color: #1d2340;
    background: #ffffff;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.prometheon-page[b-0fqgjqx01t]::before {
    display: none;
}

.prometheon-page[b-0fqgjqx01t]::after {
    display: none;
}

.prometheon-page .prometheon-header[b-0fqgjqx01t],
.prometheon-page .prometheon-main[b-0fqgjqx01t],
.prometheon-page .prometheon-footer[b-0fqgjqx01t] {
    position: relative;
    z-index: 1;
}

/* Container - consistent max-width and padding */
.prometheon-container[b-0fqgjqx01t] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

/* ============================================================================
   HEADER - Same as homepage
   ============================================================================ */

.prometheon-header[b-0fqgjqx01t] {
    background: linear-gradient(90deg, #596dd9 0%, #6b66d4 50%, #7a5fcb 100%);
    color: #ffffff;
}

.prometheon-header-inner[b-0fqgjqx01t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.25rem 0;
}

.prometheon-brand[b-0fqgjqx01t] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-logo-img[b-0fqgjqx01t] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.2);
    object-fit: contain;
}

.prometheon-brand-text[b-0fqgjqx01t] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-brand-name[b-0fqgjqx01t] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-brand-subtitle[b-0fqgjqx01t] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-nav[b-0fqgjqx01t] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 0.95rem;
}

.prometheon-nav-link[b-0fqgjqx01t] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.prometheon-nav-link:hover[b-0fqgjqx01t] {
    opacity: 1;
}

.prometheon-nav-link--active[b-0fqgjqx01t] {
    opacity: 1;
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    padding-bottom: 2px;
}

.prometheon-header-actions[b-0fqgjqx01t] {
    display: flex;
    align-items: center;
}

.prometheon-login[b-0fqgjqx01t] {
    background: #3d8b6c;
    color: #ffffff;
    text-decoration: none;
    padding: 0.55rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(32, 60, 55, 0.18);
    transition: background 0.15s ease;
}

.prometheon-login:hover[b-0fqgjqx01t] {
    background: #357a5f;
}

/* ============================================================================
   MAIN CONTENT AREA
   ============================================================================ */

.prometheon-main[b-0fqgjqx01t] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 3rem 0 0;
}

/* Cool blue-grey ground for the results. Slightly deeper than the old #f7f9fc now that
   the white list panel is gone and the cards sit directly on it - this is the only thing
   separating one card from the next. */
.tenders-list-zone[b-0fqgjqx01t] {
    background: #f2f5fa;
    border-top: 1px solid #e6ebf4;
    flex: 1;
    padding: 1rem 0 4rem;
}

/* Page Header - matches homepage typography scale */
.prometheon-page-header[b-0fqgjqx01t] {
    margin-bottom: 0;
}

.prometheon-page-title[b-0fqgjqx01t] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #1f2553;
    margin: 0 0 0.5rem;
    letter-spacing: -0.01em;
}

.prometheon-page-title--sm[b-0fqgjqx01t] {
    font-size: 1.75rem;
}

.prometheon-page-description[b-0fqgjqx01t] {
    font-size: 0.975rem;
    color: #6b7280;
    margin: 0 0 0.5rem;
    font-weight: 400;
    line-height: 1.6;
}

.prometheon-page-subtitle[b-0fqgjqx01t] {
    font-size: 0.8rem;
    color: #4a5171;
    margin: 0;
    font-weight: 400;
}

.prometheon-page-subtitle--right[b-0fqgjqx01t] {
    text-align: right;
}

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================ */

@media (max-width: 768px) {
    .prometheon-container[b-0fqgjqx01t] {
        padding: 0 1.25rem;
    }

    .prometheon-header-inner[b-0fqgjqx01t] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .prometheon-nav[b-0fqgjqx01t] {
        order: 3;
        width: 100%;
        justify-content: center;
        gap: 1rem;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .prometheon-page-title[b-0fqgjqx01t] {
        font-size: 1.75rem;
    }

    .prometheon-page-subtitle[b-0fqgjqx01t] {
        font-size: 0.95rem;
    }
}
/* /Components/Shared/CompanyProfileView.razor.rz.scp.css */
/* ============================================================================
   SHARED COMPANY PROFILE VIEW
   Used by both public and hosted company pages
   ============================================================================ */

/* Company Dossier */
.cp-dossier[b-z8bkowbh1h] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(99, 102, 241, 0.15);
    border-radius: 12px;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 8px 20px rgba(99, 102, 241, 0.08);
}

.cp-vendor-header[b-z8bkowbh1h] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.cp-vendor-title[b-z8bkowbh1h] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1d2340;
    margin: 0;
    line-height: 1.2;
}

.cp-title-block[b-z8bkowbh1h] {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.cp-title[b-z8bkowbh1h] {
    font-size: 2rem;
    font-weight: 700;
    color: #1d2340;
    margin: 0;
}

.cp-tenders-count[b-z8bkowbh1h] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6366f1;
    background: rgba(99, 102, 241, 0.08);
    padding: 0.375rem 0.875rem;
    border-radius: 999px;
}

.cp-description[b-z8bkowbh1h] {
    color: #374151;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.cp-divider[b-z8bkowbh1h] {
    height: 1px;
    background: rgba(99, 102, 241, 0.15);
    margin: 2rem 0;
}

/* Metadata Section */
.cp-section-header[b-z8bkowbh1h] {
    margin-bottom: 1rem;
}

.cp-section-label[b-z8bkowbh1h] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #6366f1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cp-metadata-strip[b-z8bkowbh1h] {
    display: flex;
    gap: 3.5rem;
    flex-wrap: wrap;
}

.cp-meta-item[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.cp-meta-label[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cp-meta-value[b-z8bkowbh1h] {
    font-size: 0.9375rem;
    font-weight: 500;
    color: #1d2340;
}

/* ============================================================================
   TENDERS SECTION
   ============================================================================ */

.cp-tenders-section[b-z8bkowbh1h] {
    margin-top: 3rem;
}

.cp-section-title[b-z8bkowbh1h] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1d2340;
    margin-bottom: 1.5rem;
}

.tender-list[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tender-card[b-z8bkowbh1h] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(99, 102, 241, 0.15);
    border-radius: 10px;
    padding: 1.75rem;
    transition: all 0.3s ease;
}

.tender-card:hover[b-z8bkowbh1h] {
    border-color: rgba(99, 102, 241, 0.3);
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 8px 20px rgba(99, 102, 241, 0.12);
    transform: translateY(-2px);
}

/* Tender Card Layout - Vertical stack: content on top, actions below */
.tender-card-layout[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tender-content[b-z8bkowbh1h] {
    flex: 1;
    min-width: 0;
}

/* Tender Actions - Bottom right, horizontal layout */
.tender-actions[b-z8bkowbh1h] {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-self: flex-end;
    justify-content: flex-end;
}

/* Tender Card - Top Meta Row */
.tender-meta-row[b-z8bkowbh1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.tender-meta-left[b-z8bkowbh1h] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.tender-status[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.375rem 0.75rem;
    border-radius: 999px;
}

.tender-status--open[b-z8bkowbh1h] {
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
}

.tender-id[b-z8bkowbh1h] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6b7280;
    font-family: 'Courier New', monospace;
}

.tender-published[b-z8bkowbh1h] {
    font-size: 0.8125rem;
    color: #9ca3af;
}

/* Tender Title */
.tender-title[b-z8bkowbh1h] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1d2340;
    margin: 0 0 0.75rem 0;
}

/* Tender Description */
.tender-description[b-z8bkowbh1h] {
    color: #4b5563;
    line-height: 1.65;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* Tender Metadata Grid */
.tender-metadata[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.tender-meta-row-grid[b-z8bkowbh1h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1.5rem;
}

.tender-meta-item[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tender-meta-label[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tender-meta-value[b-z8bkowbh1h] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Tags Section */
.tender-meta-tags-section[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tender-meta-tags-group[b-z8bkowbh1h] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tender-meta-tags-label[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 0.375rem;
    flex-shrink: 0;
}

.tender-meta-tags[b-z8bkowbh1h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1;
}

.tender-tag[b-z8bkowbh1h] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    border-radius: 6px;
    white-space: nowrap;
}

.tender-tag--spec[b-z8bkowbh1h] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.tender-tag--product[b-z8bkowbh1h] {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
    border: 1px solid rgba(99, 102, 241, 0.2);
}

.tender-tag--more[b-z8bkowbh1h] {
    background: rgba(156, 163, 175, 0.1);
    color: #6b7280;
    border: 1px solid rgba(156, 163, 175, 0.2);
}

.tender-meta-label[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tender-meta-value[b-z8bkowbh1h] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Tender Actions */
.tender-actions[b-z8bkowbh1h] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cp-btn[b-z8bkowbh1h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    border: none;
}

.cp-btn--outline[b-z8bkowbh1h] {
    background: transparent;
    color: #6366f1;
    border: 2px solid #6366f1;
}

.cp-btn--outline:hover[b-z8bkowbh1h] {
    background: rgba(99, 102, 241, 0.08);
}

.cp-btn--solid[b-z8bkowbh1h] {
    background: #6366f1;
    color: white;
    border: 2px solid #6366f1;
}

.cp-btn--solid:hover[b-z8bkowbh1h] {
    background: #4f46e5;
    border-color: #4f46e5;
}

/* Empty State */
.cp-empty-state[b-z8bkowbh1h] {
    text-align: center;
    padding: 3rem 2rem;
    background: rgba(249, 250, 251, 0.75);
    border: 1px dashed rgba(156, 163, 175, 0.3);
    border-radius: 10px;
}

.cp-empty-title[b-z8bkowbh1h] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #374151;
    display: block;
    margin-bottom: 0.5rem;
}

.cp-empty-text[b-z8bkowbh1h] {
    font-size: 0.9375rem;
    color: #6b7280;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */

@media (max-width: 768px) {
    .cp-dossier[b-z8bkowbh1h] {
        padding: 1.5rem;
    }

    .cp-vendor-header[b-z8bkowbh1h] {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .cp-vendor-title[b-z8bkowbh1h] {
        font-size: 1.75rem;
    }

    .cp-title[b-z8bkowbh1h] {
        font-size: 1.5rem;
    }

    .cp-metadata-strip[b-z8bkowbh1h] {
        gap: 1.5rem;
    }

    .tender-card[b-z8bkowbh1h] {
        padding: 1.25rem;
    }

    .tender-card-layout[b-z8bkowbh1h] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .tender-actions[b-z8bkowbh1h] {
        width: 100%;
        min-width: unset;
    }

    .cp-btn[b-z8bkowbh1h] {
        width: 100%;
    }

    .tender-title[b-z8bkowbh1h] {
        font-size: 1.125rem;
    }

    .tender-meta-row-grid[b-z8bkowbh1h] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .tender-meta-tags-group[b-z8bkowbh1h] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}

/* ============================================================================
   SOCIAL MEDIA LINKS
   ============================================================================ */

.cp-social-links[b-z8bkowbh1h] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.cp-social-link[b-z8bkowbh1h] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: rgba(255, 255, 255, 0.9);
    border: 1.5px solid rgba(99, 102, 241, 0.2);
    border-radius: 8px;
    color: #4b5563;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.cp-social-link:hover[b-z8bkowbh1h] {
    background: rgba(99, 102, 241, 0.05);
    border-color: #6366f1;
    color: #6366f1;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}

.cp-social-icon[b-z8bkowbh1h] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .cp-social-links[b-z8bkowbh1h] {
        gap: 0.75rem;
    }

    .cp-social-link[b-z8bkowbh1h] {
        padding: 0.5rem 0.875rem;
        font-size: 0.8125rem;
    }

    .cp-social-icon[b-z8bkowbh1h] {
        width: 1.125rem;
        height: 1.125rem;
    }
}

/* ============================================================================
   VENDOR CAPABILITIES CARD
   ============================================================================ */

.cp-vendor-capabilities[b-z8bkowbh1h] {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(99, 102, 241, 0.15);
    border-radius: 12px;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.06),
        0 8px 20px rgba(99, 102, 241, 0.08);
}

.cp-capability-section[b-z8bkowbh1h] {
    margin-bottom: 2rem;
}

.cp-capability-section:last-child[b-z8bkowbh1h] {
    margin-bottom: 0;
}

.cp-capability-title[b-z8bkowbh1h] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #374151;
    margin: 0 0 1rem 0;
    letter-spacing: -0.01em;
}

/* Industry Classification Grid */
.cp-classification-grid[b-z8bkowbh1h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.cp-classification-item[b-z8bkowbh1h] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.cp-classification-label[b-z8bkowbh1h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cp-classification-value[b-z8bkowbh1h] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1d2340;
}

/* Tags Container */
.cp-tags-container[b-z8bkowbh1h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cp-tag[b-z8bkowbh1h] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    background: rgba(99, 102, 241, 0.08);
    color: #6366f1;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 999px;
    transition: all 0.2s ease;
}

.cp-tag:hover[b-z8bkowbh1h] {
    background: rgba(99, 102, 241, 0.15);
    transform: translateY(-1px);
}

.cp-tag--more[b-z8bkowbh1h] {
    background: rgba(107, 114, 128, 0.08);
    color: #6b7280;
}

.cp-tag--more:hover[b-z8bkowbh1h] {
    background: rgba(107, 114, 128, 0.15);
}

/* Procurement Capabilities Subsections */
.cp-procurement-group[b-z8bkowbh1h] {
    margin-bottom: 1.5rem;
}

.cp-procurement-group:last-child[b-z8bkowbh1h] {
    margin-bottom: 0;
}

.cp-procurement-label[b-z8bkowbh1h] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
}

/* Tag color variations for different capability types */
.cp-tag--category[b-z8bkowbh1h] {
    background: rgba(139, 92, 246, 0.08);
    color: #8b5cf6;
}

.cp-tag--category:hover[b-z8bkowbh1h] {
    background: rgba(139, 92, 246, 0.15);
}

.cp-tag--product[b-z8bkowbh1h] {
    background: rgba(34, 197, 94, 0.08);
    color: #22c55e;
}

.cp-tag--product:hover[b-z8bkowbh1h] {
    background: rgba(34, 197, 94, 0.15);
}

.cp-tag--rfq[b-z8bkowbh1h] {
    background: rgba(234, 88, 12, 0.08);
    color: #ea580c;
}

.cp-tag--rfq:hover[b-z8bkowbh1h] {
    background: rgba(234, 88, 12, 0.15);
}

.cp-tag--subcat[b-z8bkowbh1h] {
    background: rgba(14, 165, 233, 0.08);
    color: #0ea5e9;
}

.cp-tag--subcat:hover[b-z8bkowbh1h] {
    background: rgba(14, 165, 233, 0.15);
}

.cp-tag--spec[b-z8bkowbh1h] {
    background: rgba(236, 72, 153, 0.08);
    color: #ec4899;
}

.cp-tag--spec:hover[b-z8bkowbh1h] {
    background: rgba(236, 72, 153, 0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .cp-vendor-capabilities[b-z8bkowbh1h] {
        padding: 1.75rem;
    }

    .cp-classification-grid[b-z8bkowbh1h] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .cp-procurement-group[b-z8bkowbh1h] {
        margin-bottom: 1.25rem;
    }
}

/* /Components/Shared/EnterprisePagination.razor.rz.scp.css */
/* ============================================================================
   ENTERPRISE PAGINATION - Platform-wide list navigation standard
   Subtle, compact, institutional styling
   ============================================================================ */

.pagination-container[b-bc378mbl37] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 0 0;
    margin-top: 1rem;
    border-top: 1px solid #e5e7eb;
    flex-wrap: wrap;
}

/* Info text: "Showing 1-10 of 81 items" */
.pagination-info[b-bc378mbl37] {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 400;
}

.pagination-info strong[b-bc378mbl37] {
    font-weight: 600;
    color: #374151;
}

/* Controls container */
.pagination-controls[b-bc378mbl37] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

/* Rows per page selector */
.pagination-rows[b-bc378mbl37] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pagination-rows-label[b-bc378mbl37] {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
}

.pagination-select[b-bc378mbl37] {
    padding: 0.3rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    transition: border-color 0.15s ease;
}

.pagination-select:hover[b-bc378mbl37] {
    border-color: #9ca3af;
}

.pagination-select:focus[b-bc378mbl37] {
    border-color: #596dd9;
}

/* Navigation buttons container */
.pagination-nav[b-bc378mbl37] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* All pagination buttons */
.pagination-btn[b-bc378mbl37] {
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #4b5563;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.12s ease;
    line-height: 1;
}

.pagination-btn:hover:not(:disabled)[b-bc378mbl37] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #1f2553;
}

.pagination-btn:disabled[b-bc378mbl37] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Page number buttons */
.pagination-page[b-bc378mbl37] {
    min-width: 32px;
    justify-content: center;
}

.pagination-page--active[b-bc378mbl37] {
    background: #f3f4f6;
    border-color: #596dd9;
    color: #596dd9;
    font-weight: 600;
}

/* Ellipsis */
.pagination-ellipsis[b-bc378mbl37] {
    padding: 0 0.35rem;
    color: #9ca3af;
    font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 640px) {
    .pagination-container[b-bc378mbl37] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .pagination-info[b-bc378mbl37] {
        text-align: center;
    }
    
    .pagination-controls[b-bc378mbl37] {
        justify-content: center;
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .pagination-nav[b-bc378mbl37] {
        justify-content: center;
    }
}
/* /Components/Shared/FileList.razor.rz.scp.css */
.file-list-container[b-m1hkw7qeoa] {
    width: 100%;
}

.no-files[b-m1hkw7qeoa] {
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px dashed #e0e0e0;
}

.file-list[b-m1hkw7qeoa] {
    display: flex;
    flex-direction: column;
}

.file-item[b-m1hkw7qeoa] {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.file-item:hover[b-m1hkw7qeoa] {
    border-color: #667eea;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.1);
}

.file-icon[b-m1hkw7qeoa] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 8px;
}

.file-info[b-m1hkw7qeoa] {
    flex: 1;
    overflow: hidden;
}

.file-actions[b-m1hkw7qeoa] {
    flex-shrink: 0;
}

.text-truncate[b-m1hkw7qeoa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/FileUpload.razor.rz.scp.css */
.file-upload-container[b-3l88pgsohw] {
    width: 100%;
}

.drop-zone[b-3l88pgsohw] {
    border: 2px dashed #ccc;
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    transition: all 0.3s ease;
    background: #fafafa;
    cursor: pointer;
}

.drop-zone:hover[b-3l88pgsohw] {
    border-color: #667eea;
    background: #f0f4ff;
}

.drop-zone.dragging[b-3l88pgsohw] {
    border-color: #667eea;
    background: #e8edff;
    transform: scale(1.01);
}

.drop-zone-content[b-3l88pgsohw] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.visibility-selection[b-3l88pgsohw] {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 16px;
}

.selected-files[b-3l88pgsohw] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
}

.selected-file[b-3l88pgsohw] {
    background: #f9f9f9;
    border-radius: 6px;
    transition: background 0.2s;
}

.selected-file:hover[b-3l88pgsohw] {
    background: #f0f0f0;
}
/* /Components/Shared/OnboardingTour.razor.rz.scp.css */
/* Tour Overlay */
.tour-overlay[b-4p79qlmoj5] {
    animation: fadeIn-b-4p79qlmoj5 0.3s ease;
}

@keyframes fadeIn-b-4p79qlmoj5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Tour Card Animation */
.tour-card[b-4p79qlmoj5] {
    animation: slideUp-b-4p79qlmoj5 0.4s ease;
}

@keyframes slideUp-b-4p79qlmoj5 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Spotlight Animation */
.tour-spotlight[b-4p79qlmoj5] {
    animation: spotlightPulse-b-4p79qlmoj5 2s ease-in-out infinite;
}

@keyframes spotlightPulse-b-4p79qlmoj5 {
    0%, 100% {
        border-color: rgba(102, 126, 234, 0.8);
        box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6), 0 0 20px rgba(102, 126, 234, 0.5);
    }
    50% {
        border-color: rgba(102, 126, 234, 1);
        box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6), 0 0 30px rgba(102, 126, 234, 0.8);
    }
}

/* Button Hover States */
.tour-card button:hover[b-4p79qlmoj5] {
    transform: translateY(-1px);
}

/* Highlighted element style */
[b-4p79qlmoj5] .tour-highlighted {
    position: relative;
    z-index: 10001 !important;
}
/* /Components/Shared/PrometheonFooter.razor.rz.scp.css */
.prometheon-footer[b-zcov2hrsrg] {
    background: #1b3554;
    color: #ffffff;
    padding: 2.5rem 0 1.5rem;
    margin-top: auto;
    position: relative;
    z-index: 1;
}

.prometheon-container[b-zcov2hrsrg] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem;
}

.prometheon-footer-grid[b-zcov2hrsrg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
}

.prometheon-footer-brand[b-zcov2hrsrg] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.prometheon-brand-text[b-zcov2hrsrg] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.prometheon-brand-name[b-zcov2hrsrg] {
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.prometheon-brand-subtitle[b-zcov2hrsrg] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.prometheon-elioplus-link[b-zcov2hrsrg] {
    color: inherit;
    text-decoration: none;
}

.prometheon-elioplus-link:hover[b-zcov2hrsrg] {
    text-decoration: underline;
}

.prometheon-footer-social[b-zcov2hrsrg] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.prometheon-footer-social a[b-zcov2hrsrg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.15s ease, background 0.15s ease;
    text-decoration: none;
}

.prometheon-footer-social a:hover[b-zcov2hrsrg] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
}

.prometheon-footer-social svg[b-zcov2hrsrg] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Mirrors the header's public links so the two navigations stay in step. */
.prometheon-footer-nav[b-zcov2hrsrg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 1.5rem;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.875rem;
}

.prometheon-footer-nav a[b-zcov2hrsrg] {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}

.prometheon-footer-nav a:hover[b-zcov2hrsrg] {
    opacity: 1;
}

.prometheon-footer-copy[b-zcov2hrsrg] {
    text-align: center;
    margin-top: 1rem;
    font-size: 0.8rem;
    opacity: 0.7;
}

.prometheon-footer-copy a[b-zcov2hrsrg] {
    color: inherit;
    text-decoration: none;
}

.prometheon-footer-copy a:hover[b-zcov2hrsrg] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .prometheon-footer-grid[b-zcov2hrsrg] {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.5rem;
    }

    .prometheon-footer-brand[b-zcov2hrsrg] {
        justify-content: center;
    }

    .prometheon-footer-social[b-zcov2hrsrg] {
        justify-content: center;
    }

    .prometheon-container[b-zcov2hrsrg] {
        padding: 0 1.25rem;
    }
}
/* /Components/Shared/ProposalDrawer.razor.rz.scp.css */
/* ============================================================================
   PROPOSAL DRAWER - confidence panel
   Closes the public proposal form: sits after the last input and directly above the
   footer's Continue action.

   Deliberately scoped rather than global. App.razor loads app.css FIRST, then
   ElioplusProcurement.styles.css, prometheon-preview.css and MudBlazor.min.css - so a
   plain-class rule parked at the end of app.css is both easy to outrank and the first
   casualty of a stale static-asset build. Scoped rules carry an extra [b-*] attribute
   (class + attribute specificity) and ship with the component.

   Treatment rules: informational Prometheon blue, never success green as the dominant
   surface, never a validation/alert look - nothing has been submitted at this point.
   ============================================================================ */

.pd-panel[b-juncbq84yu] {
    position: relative;
    /* Kept tight against the last field: the panel is meant to be read in the same
       glance as the form, without the viewport having to be scrolled to reach it. */
    margin-top: 14px;
    padding: 13px 16px 13px 17px;
    background:
        radial-gradient(130% 120% at 0% 0%, #ffffff 0%, rgba(255, 255, 255, 0) 60%),
        linear-gradient(180deg, #f6f9ff 0%, #eef4fd 100%);
    border: 1px solid #d8e3f6;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px rgba(47, 111, 228, 0.07);
    overflow: hidden;
}

/* Restrained brand rail - the panel's only saturated element besides the mark. */
.pd-panel[b-juncbq84yu]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: linear-gradient(180deg, #2f6fe4 0%, #6ea8f0 100%);
}

.pd-panel__head[b-juncbq84yu] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.pd-panel__mark[b-juncbq84yu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-top: 1px;
    color: #ffffff;
    background: linear-gradient(180deg, #2f6fe4 0%, #4f8fdc 100%);
    border-radius: 9px;
    box-shadow: 0 2px 6px rgba(47, 111, 228, 0.32);
}

.pd-panel__copy[b-juncbq84yu] {
    min-width: 0;
}

.pd-panel__title[b-juncbq84yu] {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: #0f172a;
}

.pd-panel__text[b-juncbq84yu] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #4b5563;
}

/* ----------------------------------------------------------------------------
   Benefits - three scannable tiles, not bullets and not one grey sentence.
   auto-fit keeps them on one row in the 700px drawer and lets them wrap, then
   stack, as the drawer narrows.
   ---------------------------------------------------------------------------- */

.pd-benefits[b-juncbq84yu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(152px, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.pd-benefit[b-juncbq84yu] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 11px;
    background: #ffffff;
    border: 1px solid #e3e9f4;
    border-radius: 9px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.pd-benefit__icon[b-juncbq84yu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 7px;
}

.pd-benefit__label[b-juncbq84yu] {
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.005em;
    color: #334155;
}

/* One quiet accent each, all drawn from the Prometheon blue family except the single
   positive green on "Free to submit" - enough to separate them at a glance without
   turning the panel into a rainbow. */
.pd-benefit--free[b-juncbq84yu] {
    border-color: #cdeadd;
    background: linear-gradient(180deg, #ffffff 0%, #f4fcf8 100%);
}

.pd-benefit--free .pd-benefit__icon[b-juncbq84yu] {
    color: #0f9f6e;
    background: #e7f7f0;
}

.pd-benefit--nosignup[b-juncbq84yu] {
    border-color: #d9dcf7;
    background: linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
}

.pd-benefit--nosignup .pd-benefit__icon[b-juncbq84yu] {
    color: #4f46e5;
    background: #eceefe;
}

.pd-benefit--quick[b-juncbq84yu] {
    border-color: #d2e2fa;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
}

.pd-benefit--quick .pd-benefit__icon[b-juncbq84yu] {
    color: #2f6fe4;
    background: #e7f0fd;
}

/* ============================================================================
   STEP 2 - contact details
   The four inputs are short and the drawer body is tall, so the step is laid out
   as a full-height column: fields at the top, the closing reassurance pushed down
   against the submit action. Without this the step reads as four inputs floating
   in an empty panel. The paired two-column rows themselves are unchanged (.rfq-field-row
   in app.css) and still collapse to one column on a narrow drawer.
   ============================================================================ */

/* The inactive step is hidden, not unmounted - so this has to beat the display rules
   below, which would otherwise keep the hidden step laid out. */
.pd-step[hidden][b-juncbq84yu] {
    display: none !important;
}

.pd-step2[b-juncbq84yu] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pd-step2__context[b-juncbq84yu] {
    margin-bottom: 0;
}

.pd-step2__context .rfq-tender-context__title[b-juncbq84yu] {
    margin-bottom: 0;
}

/* The two field rows take the space between the context strip and the closing
   reassurance and sit centred in it, rather than stacking against the top edge.
   ::deep because MudForm renders the .rfq-form element, so it carries no scope id. */
.pd-step2[b-juncbq84yu]  .rfq-form {
    flex: 1;
    justify-content: center;
    padding: 20px 0;
}

/* ----------------------------------------------------------------------------
   Compact closing reassurance - the same three promises as Step 1's panel, as a
   single quiet row. Deliberately NOT the full panel: the explanation is Step 1's job,
   this is only the last thing read before submitting.
   ---------------------------------------------------------------------------- */

.pd-reassure[b-juncbq84yu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 18px;
}

.pd-reassure__item[b-juncbq84yu] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    background: #ffffff;
    border: 1px solid #e3e9f4;
    border-radius: 999px;
}

.pd-reassure__icon[b-juncbq84yu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 999px;
}

.pd-reassure__label[b-juncbq84yu] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.005em;
    color: #334155;
    white-space: nowrap;
}

/* Same accents as the Step 1 tiles, so the two read as one promise restated. */
.pd-reassure__item--free[b-juncbq84yu] {
    border-color: #cdeadd;
}

.pd-reassure__item--free .pd-reassure__icon[b-juncbq84yu] {
    color: #0f9f6e;
    background: #e7f7f0;
}

.pd-reassure__item--nosignup[b-juncbq84yu] {
    border-color: #d9dcf7;
}

.pd-reassure__item--nosignup .pd-reassure__icon[b-juncbq84yu] {
    color: #4f46e5;
    background: #eceefe;
}

.pd-reassure__item--quick[b-juncbq84yu] {
    border-color: #d2e2fa;
}

.pd-reassure__item--quick .pd-reassure__icon[b-juncbq84yu] {
    color: #2f6fe4;
    background: #e7f0fd;
}

/* ----------------------------------------------------------------------------
   RESPONSIVE - the drawer goes full-width below 540px (see .rfq-drawer in app.css)
   ---------------------------------------------------------------------------- */

@media (max-width: 540px) {
    .pd-panel[b-juncbq84yu] {
        margin-top: 12px;
        padding: 12px 14px 12px 15px;
    }

    .pd-panel__head[b-juncbq84yu] {
        gap: 10px;
    }

    .pd-panel__mark[b-juncbq84yu] {
        width: 28px;
        height: 28px;
        border-radius: 8px;
    }

    .pd-panel__title[b-juncbq84yu] {
        font-size: 14px;
    }

    .pd-panel__text[b-juncbq84yu] {
        font-size: 12.5px;
    }

    /* Stack rather than squeeze: two short tiles beside one long label reads badly. */
    .pd-benefits[b-juncbq84yu] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .pd-benefit[b-juncbq84yu] {
        padding: 8px 10px;
    }

    /* The full-screen drawer has room below the fields already - keep the closing row
       tight to them rather than stranded at the bottom of a tall phone viewport. */
    .pd-step2[b-juncbq84yu] {
        min-height: 0;
    }

    /* Nothing to centre once the content is taller than the phone viewport. */
    .pd-step2[b-juncbq84yu]  .rfq-form {
        padding: 16px 0 0;
    }

    .pd-reassure[b-juncbq84yu] {
        padding-top: 20px;
    }
}