.card_waas5d4s5 {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    direction:rtl !important;
    text-align:right;
    background-color: white;

}

.mud-table-pagination {
    direction: ltr !important;
    text-align: left;
}

th.mud-table-cell {
    background-color: var(--blue) !important;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: solid;
    border-width: 1px;
}

.stickyTable {
    overflow: auto !important;
   /* max-height: 400px; (Not working in print)*/
    border-radius: 15px 15px 0 0;
}

    .stickyTable table thead {
        position: sticky;
        top: 0;
        z-index: 1;
    }


    .stickyTable table tbody {
        overflow: auto;
    }

    .stickyTable th, .stickyTable td {
        font-size: 16px;
        font-weight: bold;
    }

    .stickyTable td {
        color: var(--blue) !important;
    }


/* ───────── Calendar (MudCalendar) grid fixes ─────────
   This theme's --mud-palette-table-lines is nearly invisible, so cell borders
   don't show. Force a visible grid line color, give every month cell a full
   border (so the left-most / "last" day column is bordered too), and add the
   bottom frame line. Placed here (global, externally linked) so it applies on a
   normal refresh without recompiling the page component. */
/* Force a full border on EVERY cell (all four sides) with !important. This overrides
   Heron's conditional inline styles — "border-right:none" on the last cell of each row
   and the full inline "border" on the today cell — so NO cell/row ever loses a border,
   on any month (4, 5 or 6 weeks). */
.cal-card .mud-cal-month-cell {
    border: 1px solid #cdd2e4 !important;
}

.cal-card .mud-cal-month-grid-header .mud-cal-month-header {
    border: 1px solid #cdd2e4 !important;
}

/* week / day views */
.cal-card .mud-cal-week-cell,
.cal-card .mud-cal-week-grid > div,
.cal-card .mud-cal-time-cell {
    border-color: #cdd2e4 !important;
}

/* RTL: keep the month prev/next arrows in their natural order
   (◄ previous on the left, ► next on the right) instead of mirrored */
.cal-card .mud-cal-toolbar-nav {
    direction: ltr !important;
}

/* RTL: MudBlazor date/date-range picker month navigation arrows render mirrored.
   Force the header switch to LTR so ◄ previous stays left and ► next stays right. */
.mud-picker-calendar-header-switch {
    direction: ltr !important;
}

/* The shared map-picker is an MDB modal; the calendar's Add dialog is now a MudDialog
   (z-index ~1400). Raise the map modal above it so it isn't hidden behind the overlay. */
#selectLocationOnMapModal {
    z-index: 1600 !important;
}

/* Arabic labels for Heron's view switcher (Month / Week / Day). Heron ships no Arabic
   resource and localizes from its own embedded resx, so we replace the button text via
   CSS. The toolbar's only MudButtonGroup is this switcher; DOM order = Month, Week, Day. */
.cal-card .mud-cal-toolbar .mud-button-group .mud-button-root {
    font-size: 0 !important;
}
.cal-card .mud-cal-toolbar .mud-button-group .mud-button-root::after {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
}
.cal-card .mud-cal-toolbar .mud-button-group .mud-button-root:nth-child(1)::after { content: "الشهر"; }
.cal-card .mud-cal-toolbar .mud-button-group .mud-button-root:nth-child(2)::after { content: "الأسبوع"; }
.cal-card .mud-cal-toolbar .mud-button-group .mud-button-root:nth-child(3)::after { content: "اليوم"; }