@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /AksaComponnet/CmsBlockRenderer.razor.rz.scp.css */
.cms-fullbleed[b-v9szacf56s] {
    width: 100%;
}

.cms-hero-shell[b-v9szacf56s] {
    position: relative;
}

.cms-hero-bg[b-v9szacf56s] {
    background-size: cover;
    background-position: center;
    min-height: 420px;
    display: flex;
    align-items: stretch;
}

.cms-hero-fallback[b-v9szacf56s] {
    background: radial-gradient(1200px 600px at 20% 20%, rgba(61,123,255,.25), transparent 60%),
        radial-gradient(900px 500px at 80% 30%, rgba(255,102,102,.18), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.9));
}

.cms-hero-overlay[b-v9szacf56s] {
    position: relative;
}

.cms-hero-overlay[b-v9szacf56s]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.45);
}

.cms-hero-overlay > *[b-v9szacf56s] {
    position: relative;
    z-index: 1;
}

.cms-hero-card[b-v9szacf56s] {
    max-width: 720px;
}

.cms-hero-overlay .cms-hero-card[b-v9szacf56s] {
    background: rgba(255,255,255,.92);
}

.cms-card-media[b-v9szacf56s] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,.06);
    background: #f5f8fa;
}

.cms-card-media img[b-v9szacf56s] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cms-card-media-placeholder[b-v9szacf56s] {
    width: 100%;
    height: 100%;
}

.cms-card-badges[b-v9szacf56s] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    display: flex;
    gap: .25rem;
}

.hover-elevate-up[b-v9szacf56s] {
    transition: transform .15s ease, box-shadow .15s ease;
}

.hover-elevate-up:hover[b-v9szacf56s] {
    transform: translateY(-2px);
}
/* /AksaComponnet/FileUploader.razor.rz.scp.css */
.file-uploader-card[b-xc6jz7rlyg] {
    border-radius: 0.85rem;
}

.file-uploader-loading-overlay[b-xc6jz7rlyg] {
    position: absolute;
    inset: 0;
    z-index: 10;
    backdrop-filter: blur(3px);
}

.file-uploader-body--blur[b-xc6jz7rlyg] {
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}

.aksa-dz-wrap[b-xc6jz7rlyg] {
    min-width: 260px;
}

.aksa-dz[b-xc6jz7rlyg] {
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 12px;
    padding: 14px 16px;
    background: rgba(0,0,0,.02);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
}

    .aksa-dz:hover[b-xc6jz7rlyg] {
        background: rgba(0,0,0,.03);
    }

.file-preview-overlay[b-xc6jz7rlyg] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(0,0,0,.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.file-preview-card[b-xc6jz7rlyg] {
    width: min(1200px, 95vw);
    height: min(800px, 90vh);
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 60px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
}

.file-preview-iframe[b-xc6jz7rlyg] {
    flex: 1 1 auto;
    width: 100%;
    border: 0;
}

.file-tile[b-xc6jz7rlyg] {
    border-radius: 0.85rem;
    overflow: hidden;
}

.file-tile__media[b-xc6jz7rlyg] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--bs-body-bg);
}

.file-tile--single .file-tile__media[b-xc6jz7rlyg] {
    aspect-ratio: 16 / 9;
    height: 100%;
}

.file-tile__img[b-xc6jz7rlyg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform 180ms ease;
}

.file-tile:hover .file-tile__img[b-xc6jz7rlyg] {
    transform: scale(1.02);
}

.file-tile__filelink[b-xc6jz7rlyg] {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.file-tile__placeholder[b-xc6jz7rlyg] {
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    gap: 0.5rem;
}

.file-tile__ext[b-xc6jz7rlyg] {
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .75;
    text-align: center;
}

.file-tile__chips[b-xc6jz7rlyg] {
    position: absolute;
    top: .75rem;
    left: .75rem;
    right: .75rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

    .file-tile__chips .badge[b-xc6jz7rlyg] {
        max-width: 100%;
        border-radius: .65rem;
    }

.file-tile__actions[b-xc6jz7rlyg] {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    display: flex;
    gap: .5rem;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 160ms ease, transform 160ms ease;
}

.file-tile:hover .file-tile__actions[b-xc6jz7rlyg] {
    opacity: 1;
    transform: translateY(0);
}

.file-tile__actions .btn[b-xc6jz7rlyg] {
    border-radius: .65rem;
}

.file-uploader-toolbar[b-xc6jz7rlyg], .file-uploader-toolbar *[b-xc6jz7rlyg] {
    pointer-events: auto !important;
}
/* /Pages/AccountSystem/AccountProcess/Process/GlJournalV2/GlJournalV2Edit.razor.rz.scp.css */
.glv2 .glv2-grid[b-al8a0svv8h] { max-height: calc(100vh - 420px); overflow: auto; }
.glv2 .glv2-sticky[b-al8a0svv8h] { position: sticky; top: 0; z-index: 2; background: var(--bs-body-bg); }
.glv2 .glv2-row-error td[b-al8a0svv8h] { background: rgba(255, 0, 0, 0.04); }
.glv2 .glv2-totals[b-al8a0svv8h] { position: sticky; bottom: 0; }
/* /Pages/ProjectManagement/UserPortal/Boards/BoardView.razor.rz.scp.css */
.pm-board-shell[b-2i4fm4db2s] {
    border-radius: .85rem;
}

/* Lane header */
.pm-lane-row[b-2i4fm4db2s] {
    align-items: stretch;
}

.pm-lane-header[b-2i4fm4db2s] {
    width: 240px;
    max-width: 240px;
    position: sticky;
    left: 0;
    z-index: 6;
}

/* jKanban layout */
.pm-kanban-wrap .kanban-container[b-2i4fm4db2s] {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important; /* prevent columns wrapping to next line */
    gap: .75rem !important;
    width: max-content; /* enables horizontal scroll on the wrapper */
    padding: .25rem .5rem .5rem;
}

.pm-kanban-wrap .kanban-board[b-2i4fm4db2s] {
    flex: 0 0 320px;
    width: 320px;
    border: 1px solid var(--bs-gray-200);
    border-radius: .85rem;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .04);
}

.pm-kanban-wrap .kanban-title-board[b-2i4fm4db2s] {
    padding: .75rem .75rem .6rem;
    border-bottom: 1px dashed var(--bs-gray-300);
    background: transparent;
    display: flex;
    align-items: center;
    min-height: 56px;
}

.pm-kanban-wrap .kanban-board .kanban-drag[b-2i4fm4db2s] {
    padding: .75rem;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

/* Column header helpers */
.pm-col-head[b-2i4fm4db2s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: .75rem;
}

.pm-col-left[b-2i4fm4db2s] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.pm-col-dot[b-2i4fm4db2s] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    flex: 0 0 10px;
}

.pm-col-dot-0[b-2i4fm4db2s] {
    background: var(--bs-primary);
}

.pm-col-dot-1[b-2i4fm4db2s] {
    background: var(--bs-success);
}

.pm-col-dot-2[b-2i4fm4db2s] {
    background: var(--bs-warning);
}

.pm-col-dot-3[b-2i4fm4db2s] {
    background: var(--bs-danger);
}

.pm-col-dot-4[b-2i4fm4db2s] {
    background: var(--bs-info);
}

.pm-col-dot-5[b-2i4fm4db2s] {
    background: var(--bs-dark);
}

.pm-col-title[b-2i4fm4db2s] {
    font-weight: 700;
}

.pm-col-actions[b-2i4fm4db2s] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
}

/* Make kanban-item act as a host only; our inner .pm-task is the real card */
.pm-kanban-wrap .kanban-item[b-2i4fm4db2s] {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Task card (Metronic-like) */
.pm-task[b-2i4fm4db2s] {
    border: 1px solid var(--bs-gray-200);
    border-radius: .85rem;
    padding: .85rem .85rem .75rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.03);
    transition: box-shadow .15s ease, transform .15s ease;
    cursor: pointer;
}

    .pm-task:hover[b-2i4fm4db2s] {
        box-shadow: 0 6px 18px rgba(0,0,0,.07);
        transform: translateY(-1px);
    }

.pm-task-title[b-2i4fm4db2s] {
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Priority accents */
.pm-pr-P0[b-2i4fm4db2s] {
    border-left: 4px solid var(--bs-danger);
}

.pm-pr-P1[b-2i4fm4db2s] {
    border-left: 4px solid var(--bs-warning);
}

.pm-pr-P2[b-2i4fm4db2s] {
    border-left: 4px solid var(--bs-primary);
}

.pm-pr-P3[b-2i4fm4db2s] {
    border-left: 4px solid var(--bs-success);
}

.pm-pr-P4[b-2i4fm4db2s] {
    border-left: 4px solid var(--bs-gray-400);
}

.pm-task-meta .badge[b-2i4fm4db2s] {
    font-weight: 600;
}

.pm-mini-symbol .symbol-label[b-2i4fm4db2s] {
    width: 22px;
    height: 22px;
}

.pm-counter[b-2i4fm4db2s] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

    .pm-counter svg[b-2i4fm4db2s] {
        width: 14px;
        height: 14px;
    }

/* Assignees avatars */
.pm-assignees[b-2i4fm4db2s] {
    display: flex;
    align-items: center;
}

    .pm-assignees .symbol[b-2i4fm4db2s] {
        margin-inline-start: -8px;
        border: 2px solid var(--bs-body-bg);
        border-radius: 999px;
    }

        .pm-assignees .symbol:first-child[b-2i4fm4db2s] {
            margin-inline-start: 0;
        }

.pm-kanban-readonly .kanban-item[b-2i4fm4db2s] {
    cursor: default !important;
}

    .pm-kanban-readonly .kanban-item *[b-2i4fm4db2s] {
        cursor: default !important;
    }

.pm-kanban-lane-minw[b-2i4fm4db2s] {
    min-width: 320px;
}

.pm-kanban-wrap[b-2i4fm4db2s] {
    -webkit-overflow-scrolling: touch;
}

/* Mobile drag handle + scroll snapping */
.pm-drag-handle[b-2i4fm4db2s] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: .65rem;
    border: 1px solid var(--bs-gray-200);
    background: var(--bs-gray-100);
    color: var(--bs-gray-600);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: none; /* critical for touch-drag */
    flex: 0 0 28px;
}

    .pm-drag-handle svg[b-2i4fm4db2s] {
        width: 16px;
        height: 16px;
    }

/* Improve horizontal swipe experience on mobile */
.pm-kanban-wrap[b-2i4fm4db2s] {
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
}

    .pm-kanban-wrap .kanban-container[b-2i4fm4db2s] {
        scroll-snap-type: x mandatory;
    }

    .pm-kanban-wrap .kanban-board[b-2i4fm4db2s] {
        scroll-snap-align: start;
    }

/* Make taps feel responsive while keeping scroll */
.pm-task[b-2i4fm4db2s] {
    touch-action: manipulation;
}



@media(max-width: 767.98px) {
    .pm-lane-header[b-2i4fm4db2s] {
        position: relative;
        flex: 0 0 72px;
        width: 72px;
        max-width: 72px;
        padding: .5rem !important;
        overflow: hidden;
    }

    .pm-lane-titlewrap[b-2i4fm4db2s] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform-origin: center;
        white-space: nowrap;
        text-align: center;
        line-height: 1.1;
    }

    [dir="rtl"] .pm-lane-titlewrap[b-2i4fm4db2s] {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    [dir="ltr"] .pm-lane-titlewrap[b-2i4fm4db2s] {
        transform: translate(-50%, -50%) rotate(-90deg);
    }

    .pm-lane-badge[b-2i4fm4db2s] {
        position: absolute;
        bottom: .5rem;
        left: 50%;
        transform: translateX(-50%);
        padding: .35rem .6rem;
    }
    /* Mobile column sizing (reduce horizontal friction) */
    .pm-kanban-wrap .kanban-container[b-2i4fm4db2s] {
        padding: .5rem;
    }

    .pm-kanban-wrap .kanban-board[b-2i4fm4db2s] {
        flex: 0 0 260px;
        width: 260px;
        margin-right: .75rem;
    }

        .pm-kanban-wrap .kanban-board:last-child[b-2i4fm4db2s] {
            margin-right: 0;
        }

    .pm-kanban-wrap .kanban-board-header[b-2i4fm4db2s] {
        padding: .65rem .75rem;
    }

    .pm-kanban-wrap .kanban-drag[b-2i4fm4db2s] {
        padding: .65rem;
    }
    /* Header tools wrap nicely */
    .pm-board-tools[b-2i4fm4db2s] {
        width: 100%;
        justify-content: flex-start !important;
    }

    .pm-search[b-2i4fm4db2s] {
        width: 100%;
    }
    /* أثناء السحب: امنع أي scroll/gesture افتراضي */
    body.pm-kanban-dragging[b-2i4fm4db2s],
    body.pm-kanban-dragging *[b-2i4fm4db2s] {
        touch-action: none !important;
    }
}
/* /Shared/Layout/FrontLandingLayout.razor.rz.scp.css */
.landing-header[b-mx95sy60lo] {
    position: sticky;
    top: 0;
    z-index: 1050;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.landing-header .nav-link.active[b-mx95sy60lo] {
    color: var(--bs-primary);
}

.offcanvas .nav-link.active[b-mx95sy60lo] {
    color: var(--bs-primary);
    font-weight: 700;
}

.landing-fade-in[b-mx95sy60lo] {
    animation: landingFade-b-mx95sy60lo .18s ease-out;
}

.landing-footer[b-mx95sy60lo] {
    color: var(--bs-gray-700);
}

.landing-footer a[b-mx95sy60lo] {
    text-decoration: none;
}

.landing-footer .text-hover-primary:hover[b-mx95sy60lo] {
    color: var(--bs-primary) !important;
}

/* If a CMS footer block exists on the page, hide the layout footer to prevent duplication.
   Uses :has(), supported in modern browsers (Chrome/Edge/Safari). */
:global(body:has(.cms-footer)) .landing-footer[b-mx95sy60lo] {
    display: none !important;
}

@keyframes landingFade-b-mx95sy60lo {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}