/* ============================================================
   ResultsEvaluationReviewNEW.py - layout dashboardu Carrefour FR
   (Przebieg i ocena / Rozliczenie), wzorowany 1:1 na makiecie v5.8.
   Wszystkie klasy z przedrostkiem "rern-", zmienne tylko na .rern-page,
   zeby nie wplywac na inne strony.
   ============================================================ */

/* #page-content jest wspolnym kontenerem calej appki; zawezamy margines
   tylko gdy w srodku jest marker .rern-page (ID ma wyzszy priorytet niz
   klasy .content*, wiec bez !important). */
#page-content:has(.rern-page) {
    margin-left: 0.5vw;
    padding:'0px 0px 10px 10px';
}

.rern-page {
    --rern-navy: #041f4f;
    --rern-pink: #e92356;
    --rern-cream: #fdf0e5;
    --rern-muted: #647b9e;
    --rern-line: #dce3ed;
    --rern-pale: #f0f5fb;
    --rern-green: #12813c;
    --rern-red: #d73843;
    --rern-odd: #f7f9fc;
    --rern-hover: #fdf3f4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: var(--rern-navy);
    background: linear-gradient(120deg, #fdf0e5 0%, #faf8f5 60%, #fdf0e5 100%);
    border-radius: 8px;
    overflow: hidden;
}

.rern-page *,
.rern-page *::before,
.rern-page *::after {
    box-sizing: border-box;
}

/* globalne style appki (styles.css) ustawiaja "* { font-family: Montserrat; font-weight: 500 }" -
   w makiecie jest Arial i waga 400, a pogrubienia wynikaja z klas nizej. :where() daje
   specyficznosc 0, wiec kazda klasa rern-* ponizej wygrywa. */
.rern-page {
    font-weight: 400;
    line-height: normal;
}

.rern-page :where(*) {
    font-weight: inherit;
    font-style: normal;
}

/* globalne style appki nadaja rozmiar wprost na span/p/label - w makiecie ma byc dziedziczony */
.rern-page :where(span, p, label, button, small, strong, i, a, h1, h2, h3) {
    font-size: inherit;
    line-height: inherit;
}

.rern-question-tooltip,
.rern-question-tooltip * {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

.rern-question-tooltip .rern-question-text { font-weight: 500; }

/* ---------- pasek gorny: logo + klient + jezyk ---------- */
.rern-topbar {
    height: 49px;
    background: var(--rern-navy);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 16px;
}

.rern-logo {
    display: block;
    width: 194px;
    height: 42px;
    object-fit: contain;
    object-position: left center;
    flex: 0 0 auto;
}

.rern-client {
    font-size: 13px;
    border-left: 1px solid #ffffff55;
    padding-left: 20px;
    color: #d9e3f2;
}

.rern-lang {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: auto;
}

.rern-lang-btn {
    font: inherit;
    font-weight: 600;
    font-size: 10px;
    padding: 3px 7px;
    color: #dbe6f7;
    background: transparent;
    border: 1px solid #516385;
    border-radius: 5px;
    cursor: pointer;
}

.rern-lang-btn:hover {
    background: #ffffff1f;
}

.rern-lang-btn-active {
    background: #fff;
    color: var(--rern-navy);
    border-color: #fff;
}

/* ---------- zakladki ---------- */
.rern-tabs {
    height: 36px;
    padding: 0 24px;
    background: #fff;
    display: flex;
    align-items: stretch;
    gap: 24px;
    border-bottom: 1px solid #eee0d6;
}

.rern-tab {
    font: inherit;
    font-weight: 600;
    font-size: 13px;
    border: 0;
    border-radius: 0;
    padding: 0 4px;
    background: none;
    color: var(--rern-muted);
    cursor: pointer;
}

.rern-tab:hover {
    background: #fdf8f5;
}

.rern-tab-active {
    border-bottom: 3px solid var(--rern-pink);
    color: var(--rern-pink);
}

/* ---------- tresc ---------- */
.rern-main {
    padding: 0 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.rern-view[hidden] {
    display: none;
}

.rern-view {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.rern-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 4px 0;
}

.rern-heading h1 {
    margin: 0;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.4px;
    line-height: 1.2;
}

.rern-subtitle {
    font-size: 11px;
    color: var(--rern-muted);
    margin: 3px 0 0;
}

/* ---------- przyciski ---------- */
.rern-btn {
    font: inherit;
    font-weight: 600;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid var(--rern-line);
    border-radius: 5px;
    background: #fff;
    color: var(--rern-navy);
    cursor: pointer;
    white-space: nowrap;
}

.rern-btn:hover {
    background: var(--rern-pale);
}

.rern-btn:focus-visible {
    outline: 2px solid var(--rern-pink);
    outline-offset: 2px;
}

.rern-btn-export {
    padding: 7px 12px;
    background: #ffffffc0;
}

.rern-btn-primary {
    min-width: 90px;
    background: var(--rern-pink);
    border-color: var(--rern-pink);
    color: #fff;
}

.rern-btn-primary:hover {
    background: #ce1948;
}

.rern-btn-outline {
    min-width: 83px;
    color: var(--rern-pink);
    border-color: var(--rern-pink);
}

/* ---------- filtry ---------- */
.rern-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 11px;
    padding: 8px 11px;
    background: #ffffffa0;
    border: 1px solid #eadfd7;
    border-radius: 8px;
}

.rern-field {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.rern-field-label {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .035em;
}

/* kontrolki dmc w filtrach: wysokosc 30, font 11, jak w makiecie */
.rern-filters .mantine-Input-input,
.rern-filters .mantine-Select-input,
.rern-filters .mantine-MultiSelect-input,
.rern-filters .mantine-NumberInput-input,
.rern-filters .mantine-DatePickerInput-input,
.rern-filters .mantine-TextInput-input {
    height: 30px;
    min-height: 30px;
    font-size: 11px;
    border: 1px solid var(--rern-line);
    border-radius: 5px;
    color: var(--rern-navy);
    background: #fff;
}

.rern-filters .mantine-Input-input:focus,
.rern-filters .mantine-Input-input:focus-within {
    outline: 2px solid var(--rern-pink);
    outline-offset: 2px;
}

.rern-search {
    flex: 1;
    min-width: 170px;
    max-width: 315px;
}

.rern-period-range {
    display: flex;
    align-items: center;
    gap: 4px;
}

.rern-period-sep {
    font-size: 11px;
    color: var(--rern-muted);
}

.rern-w-period { width: 139px; }
.rern-w-shop { width: 154px; }
.rern-w-city { width: 152px; }
.rern-w-territoire { width: 194px; }
.rern-w-format { width: 100px; }
.rern-w-operator { width: 59px; }
.rern-w-piqa { width: 74px; }

.rern-compound {
    display: flex;
    gap: 4px;
}

.rern-actions {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.rern-status {
    font-size: 10px;
    color: var(--rern-muted);
    padding: 2px 4px 0;
}

/* ---------- karta z tabela ---------- */
.rern-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dedfe5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px #041f4f04;
}

.rern-billing-extra {
    border-bottom: 1px solid var(--rern-line);
    padding: 4px 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    background: #fff;
    font-size: 11px;
    color: var(--rern-muted);
}

.rern-jump {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rern-jump .mantine-Select-input {
    height: 25px;
    min-height: 25px;
    font-size: 10px;
    padding: 2px 4px;
    width: 115px;
}

.rern-jump .rern-btn {
    padding: 3px 8px;
    font-size: 10px;
}

/* ---------- AgGrid (AIO_AgGridDataTable) ---------- */
.rern-grid {
    --rern-grid-height: max(330px, calc(100vh - 350px));
}

/* AIO_AgGridDataTable owija tabele we wlasny pasek (tytul, +, pobieranie) i marginesy -
   tu tabela ma isc od krawedzi do krawedzi karty, bez paska narzedzi */
.rern-grid > div > div {
    background: transparent !important;
    border-radius: 0 !important;
}

.rern-grid div:has(+ div > [class*="ag-theme"]) {
    display: none !important;
}

.rern-grid div:has(> [class*="ag-theme"]) {
    margin: 0 !important;
    padding: 0 !important;
}

/* font jak w makiecie (globalne style appki ustawiaja Montserrat); ikony AgGrid zostaja */
.rern-page :not(.ag-icon) {
    font-family: Arial, Helvetica, sans-serif !important;
}

.rern-page .rern-heading h1,
.rern-page .rern-cell-grand {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

.rern-grid [class*="ag-theme"] {
    height: var(--rern-grid-height) !important;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    --ag-background-color: #fff;
    --ag-odd-row-background-color: var(--rern-odd);
    --ag-row-hover-color: var(--rern-hover);
    --ag-border-color: var(--rern-line);
    --ag-row-border-color: #e5eaf1;
    --ag-cell-horizontal-padding: 7px;
    --ag-font-size: 11px;
    --ag-font-family: Arial, Helvetica, sans-serif;
    --ag-foreground-color: var(--rern-navy);
    --ag-header-foreground-color: var(--rern-navy);
    --ag-header-background-color: var(--rern-pale);
    --ag-borders: none;
    --ag-header-column-resize-handle-display: none;
}

/* base_styles.css / lib_base_styles.css (ea_lib) ustawiaja background-color wprost na
   `.ag-theme-alpine .ag-row-odd|even` (even = --body-background-color, szary), wiec zmienna
   --ag-odd-row-background-color nie dziala. Tu wyzsza specyficznosc (3 klasy). */
.rern-grid [class*="ag-theme"] .ag-row-odd { background-color: var(--rern-odd); }
.rern-grid [class*="ag-theme"] .ag-row-even { background-color: #fff; }

.rern-grid .ag-root-wrapper {
    border: 0;
    border-radius: 0;
}

.rern-grid .ag-cell {
    border-right: 1px solid var(--rern-line) !important;
    line-height: 34px;
    padding: 0 7px;
    text-align: center;
    text-overflow: ellipsis;
}

/* naglowek grupy: granat */
.rern-grid .ag-header-group-cell,
.rern-grid .rern-hdr-group {
    background: var(--rern-navy) !important;
    color: #fff !important;
    border-right: 1px solid #425575 !important;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
    text-align: center;
    padding: 0 7px;
}

.rern-grid .ag-header-group-text,
.rern-grid .rern-sector-head > span:first-child {
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600;
    letter-spacing: .01em;
}

.rern-grid .ag-header-group-cell-label {
    justify-content: center;
}

.rern-grid .ag-header-group-cell.rern-hdr-sector {
    border-top: 3px solid var(--rern-pink);
}

.rern-sector-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    white-space: nowrap;
}

.rern-sector-rate {
    font-size: 9px !important;
    font-weight: 400;
    opacity: .85;
    margin-top: 2px;
}

/* naglowek kolumny: jasny, wycentrowany, male litery */
.rern-grid .ag-header-cell,
.rern-grid .rern-hdr-col {
    background: var(--rern-pale) !important;
    color: var(--rern-navy) !important;
    border-right: 1px solid var(--rern-line) !important;
    border-bottom: 1px solid #e5eaf1;
    padding: 0 8px;
}

.rern-grid .ag-header-cell-label {
    justify-content: center;
}

.rern-grid .ag-header-cell-text {
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
}

.rern-grid .ag-header-cell:hover .ag-header-cell-text {
    color: var(--rern-pink);
}

.rern-grid .rern-hdr-left .ag-header-cell-label {
    justify-content: flex-start;
}

.rern-grid .rern-hdr-left .ag-header-cell-text {
    text-align: left;
}

.rern-grid .rern-hdr-invoice {
    background: #ffeaf0 !important;
}

.rern-grid .rern-hdr-grand {
    border-left: 2px solid var(--rern-pink) !important;
}

/* Import zapasow: naglowki sektorow w tabeli historii (jasnoniebieski pasek jak w Excelu) */
.rern-grid .rern-hdr-stock-sector {
    background: #dcebfb !important;
}

/* grupowe separatory miedzy sekcjami */
.rern-grid .rern-cell-sep,
.rern-grid .rern-hdr-sep {
    border-right: 2px solid #cbd5e3 !important;
}

/* zamrozone kolumny: cien przy krawedzi */
.rern-grid .ag-pinned-left-header,
.rern-grid .ag-pinned-left-cols-container {
    box-shadow: 5px 0 7px -5px #041f4f55;
    z-index: 3;
}

.rern-grid .ag-pinned-right-header,
.rern-grid .ag-pinned-right-cols-container {
    box-shadow: -3px 0 7px #041f4f24;
    z-index: 3;
}

/* ---------- komorki ---------- */
.rern-cell-left { text-align: left; }
.rern-cell-first { font-weight: 600; }

.rern-cell-center,
.rern-cell-center .ag-cell-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.rern-cell-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.rern-cell-empty { color: #a9b5c5; }

.rern-average {
    color: var(--rern-navy);
    font-weight: 700;
    font-size: 10px;
    background: #edf2fb;
    border-radius: 4px;
    padding: 4px 6px;
}

.rern-answer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    color: #fff;
}

.rern-answer-yes { background: var(--rern-green); }
.rern-answer-no { background: var(--rern-red); }

.rern-comment-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border: 0;
    background: none;
    color: var(--rern-pink);
    cursor: pointer;
}

.rern-comment-btn:hover { background: #dce8f8; }
.rern-comment-btn svg { width: 16px; height: 16px; }

.rern-empty-comment {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px dashed #97a8c0;
    border-radius: 3px;
    vertical-align: middle;
}

.rern-note-btn {
    border: 0;
    background: none;
    color: var(--rern-navy);
    padding: 0;
    text-align: left;
    font: inherit;
    font-size: 11px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.rern-note-btn:hover {
    text-decoration: underline;
    color: var(--rern-pink);
}

.rern-tagformat {
    border: 1px solid #d3deec;
    border-radius: 14px;
    padding: 3px 7px;
    color: var(--rern-navy);
    background: #f4f7fc;
    font-size: 10px;
    font-weight: 700;
}

.rern-tagformat-super {
    background: #fff1f5;
    border-color: #f7ccdb;
    color: #b42051;
}

/* kwoty faktury: minimum 90% (rozowe) vs rzeczywiscie policzone */
.rern-cell-invoice {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    line-height: 1.2;
    font-weight: 580;
    color: var(--rern-navy);
}

.rern-cell-invoice.rern-floor { background: #fff0f4 !important; color: #a81f4d; }
.rern-grid .ag-row-odd .rern-cell-invoice.rern-floor { background: #fce7ee !important; }

.rern-basis-tag {
    display: block;
    margin-top: 2px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1;
    color: #61758a;
}

.rern-floor .rern-basis-tag { color: #a64d67; }

/* kolumna sumy: bez rozowego tla, naprzemienne kolory */
.rern-cell-grand {
    font-weight: 500;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    color: var(--rern-navy);
}

/* wiersz "Razem" (pinned bottom) */
.rern-grid .ag-floating-bottom .ag-row,
.rern-grid .ag-floating-bottom .ag-cell {
    background: #ecf1f8 !important;
    font-weight: 600;
    color: var(--rern-navy);
    border-top: 1px solid #bccae1;
}

/* ---------- tooltip pytan A/P (naglowek z ikona "i") ---------- */
.rern-qhead {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.rern-qhead-sort {
    flex: 1;
    min-width: 0;
    padding: 1px 11px 1px 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    color: var(--rern-navy);
    cursor: pointer;
}

.rern-qhead-sort:hover { color: var(--rern-pink); }

.rern-qhead-info {
    position: absolute;
    right: 0;
    top: 2px;
    width: 13px;
    height: 14px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #adbfd7;
    border-radius: 50%;
    background: #fff;
    color: #45618b;
    font: 600 9px/1 Arial, sans-serif;
    cursor: help;
}

.rern-qhead-info:hover,
.rern-qhead-info:focus-visible {
    background: var(--rern-pink);
    color: #fff;
    border-color: var(--rern-pink);
}

@media (hover: none) {
    .rern-qhead-info { width: 17px; height: 17px; font-size: 11px; top: 1px; }
}

.rern-question-tooltip {
    position: fixed;
    z-index: 99999;
    width: max-content;
    max-width: min(355px, calc(100vw - 22px));
    padding: 12px 14px;
    border: 1px solid #39557e;
    border-radius: 8px;
    background: var(--rern-navy, #041f4f);
    color: #fff;
    box-shadow: 0 9px 28px #041f4f52;
    font: 400 13px/1.45 Arial, Helvetica, sans-serif;
    white-space: normal;
    overflow-wrap: break-word;
    pointer-events: none;
}

.rern-question-topic {
    font-size: 10px;
    color: #c1d2ed;
    letter-spacing: .04em;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.rern-question-text {
    font-size: 14px;
    line-height: 1.46;
    font-weight: 500;
}

.rern-question-tip {
    border-top: 1px solid #ffffff38;
    margin-top: 9px;
    padding-top: 7px;
    font-size: 11px;
    color: #ccdaed;
}

/* ---------- paginacja AgGrid ---------- */
.rern-grid .ag-paging-panel {
    min-height: 38px;
    padding: 5px 12px;
    border-top: 1px solid var(--rern-line);
    font-size: 11px;
    color: var(--rern-navy);
}

/* ---------- legenda pod tabela ---------- */
.rern-legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 26px;
    padding: 10px 12px;
    border: 1px solid #eadfd7;
    border-radius: 7px;
    background: #ffffff90;
    color: var(--rern-muted);
    font-size: 16px;
    line-height: 1.45;
}

.rern-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.rern-legend .rern-empty-comment {
    width: 18px;
    height: 18px;
}

.rern-billing-note {
    padding: 4px 6px;
    color: var(--rern-muted);
    font-size: 13px;
    line-height: 1.4;
}

/* ---------- okno szczegolow (dmc.Modal) ---------- */
.rern-modal .mantine-Modal-content {
    border: 1px solid var(--rern-line);
    border-radius: 10px;
    color: var(--rern-navy);
    box-shadow: 0 20px 80px #041f4f30;
}

.rern-modal .mantine-Modal-header {
    padding: 15px 18px;
    border-bottom: 1px solid var(--rern-line);
    background: var(--rern-pale);
}

.rern-modal .mantine-Modal-title {
    font-weight: 700;
    font-size: 15px;
    color: var(--rern-navy);
}

.rern-modal .mantine-Modal-body {
    padding: 18px;
    font-size: 13px;
    line-height: 1.5;
}

.rern-dialog-meta {
    font-size: 14px;
    color: #405779;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 11px;
}

.rern-dialog-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 1px solid var(--rern-line);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.rern-dialog-summary > div { min-width: 120px; }

.rern-dialog-summary small {
    display: block;
    color: #435b7b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}

.rern-dialog-summary strong {
    display: block;
    font-size: 15px;
    margin-top: 4px;
}

.rern-dialog-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.rern-dialog-grid th,
.rern-dialog-grid td {
    padding: 8px 7px;
    border-bottom: 1px solid #e1e7ef;
    white-space: nowrap;
    text-align: center;
}

.rern-dialog-grid thead th {
    background: var(--rern-navy);
    color: #fff;
    font-size: 10px;
}

.rern-dialog-grid tbody tr:nth-child(even) td { background: var(--rern-odd); }

.rern-dialog-foot {
    font-size: 13px;
    color: #526b8b;
    line-height: 1.55;
    margin-top: 14px;
}

/* ---------- Import zapasow: okno z podgladem / bledami ---------- */
.rern-tab[hidden] { display: none; }

.rern-stock-summary {
    font-weight: 700;
    margin-bottom: 10px;
}

.rern-stock-title {
    font-weight: 700;
    margin: 6px 0 4px;
}

.rern-stock-title-error { color: var(--rern-red); }
.rern-stock-title-warn { color: #9a6700; }

.rern-stock-messages {
    margin: 0 0 12px;
    padding-left: 20px;
    font-size: 13px;
}

.rern-stock-preview {
    max-height: 45vh;
    overflow: auto;
    border: 1px solid var(--rern-line);
    border-radius: 6px;
}

.rern-stock-preview .rern-dialog-grid thead th {
    position: sticky;
    top: 0;
}

.rern-stock-preview .rern-stock-num { text-align: right; }

.rern-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

/* ---------- waski ekran ---------- */
@media (max-width: 760px) {
    .rern-topbar { padding: 0 12px; }
    .rern-logo { width: 135px; height: 30px; }
    .rern-client { display: none; }
    .rern-tabs { padding: 0 12px; }
    .rern-main { padding: 0 8px 10px; }
    .rern-search { max-width: none; flex-basis: 100%; }
    .rern-actions { margin-left: 0; }
}

.rern-grid .ag-header-group-cell {
    font-size: 11px !important;
}

.rern-grid .ag-cell,
.rern-grid .ag-cell-wrapper,
.rern-grid .ag-cell-value {
    font-size: 11px !important;
}

.rern-grid .ag-cell.rern-cell-left { text-align: left; }
.rern-grid .ag-cell.rern-cell-num { text-align: right; }

/* custom.css (globalnie) wymusza 73vh dla .ag-root-wrapper - tu wysokosc daje --rern-grid-height */
.rern-grid .ag-root-wrapper.ag-ltr.ag-layout-normal {
    height: 100% !important;
}

.rern-grid .rern-cell-invoice .ag-cell-wrapper,
.rern-grid .rern-cell-invoice .ag-cell-value {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    line-height: 1.2;
    height: 100%;
}

.rern-grid .rern-basis-tag {
    font-size: 9px !important;
}

.rern-grid .ag-paging-panel,
.rern-grid .ag-paging-panel * {
    font-size: 11px !important;
}

/* w makiecie "Wszystkie" w filtrach jest zwyklym tekstem w kolorze granatu, nie szarym placeholderem;
   pole wyszukiwania zostaje szare */
.rern-filters .mantine-Select-input::placeholder,
.rern-filters .mantine-DatePickerInput-input [data-placeholder] {
    color: var(--rern-navy);
    opacity: 1;
}

.rern-filters input::placeholder {
    color: #8190a5;
}

.rern-filters .mantine-Select-input::placeholder {
    color: var(--rern-navy);
}

/* podswietlenie naglowka sektora po "Przejdz do sektora" */
@keyframes rern-sector-flash {
    0%, 55% { filter: brightness(2.1); }
    100% { filter: brightness(1); }
}

.rern-grid .rern-sector-flash {
    animation: rern-sector-flash 1.6s ease-out;
}

/* tekst tylko dla czytnikow ekranu (komunikat po skoku) */
.rern-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}