.rgft-workers{
    --wk-accent: var(--rgft-primary, #b8963e);
    --wk-ink: #15171b;
    --wk-line: #e3e3e6;
    --wk-muted: #78787b;
    --wk-faint: #969699;
    font-family: 'IBM Plex Sans Arabic', system-ui, sans-serif;
    color: #15171b;
    background: #f7f7f5;
    -webkit-font-smoothing: antialiased;
}
.rgft-workers *{ box-sizing: border-box; }
.rgft-workers a{ color: var(--wk-accent); text-decoration: none; }
.rgft-workers a:hover{ color: #8a6f23; }

/* Header positioning (shared .rgft-page-head-v2 markup/rules live in rtl.css) */
.rgft-workers > .rgft-page-head-v2{
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 26px;
}
@media (max-width: 900px){
    .rgft-workers > .rgft-page-head-v2{ padding-left: 14px; padding-right: 14px; }
}

/* ── Page grid ──────────────────────────────────────────────────────── */
.rgft-workers-grid{
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 26px 120px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 900px){
    .rgft-workers-grid{ padding: 18px 14px 130px; }
}
.rgft-workers .rgft-orders__notice{ margin: 0; }

/* ── KPI cards ──────────────────────────────────────────────────────── */
.rgft-workers-kpis{
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 14px;
}
@media (max-width: 900px){ .rgft-workers-kpis{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
.rgft-workers-kpi{
    background: #fff;
    border: 1px solid var(--wk-line);
    border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px -10px rgba(15,23,42,.10);transition:box-shadow .18s ease,transform .18s ease;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.rgft-workers-kpi:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 16px 36px -12px rgba(15,23,42,.14)}
.rgft-workers-kpi__label{ font-size: 12.5px; color: var(--wk-muted); }
.rgft-workers-kpi__value{ font-size: 26px; font-weight: 600; line-height: 1; font-variant-numeric: tabular-nums; }
.rgft-workers-kpi--active .rgft-workers-kpi__value{ color: #0f7a4a; }
.rgft-workers-kpi--inactive .rgft-workers-kpi__value{ color: var(--wk-faint); }
.rgft-workers-kpi--payroll{ background: var(--wk-ink); border-color: var(--wk-ink); color: #fff; }
.rgft-workers-kpi--payroll .rgft-workers-kpi__label{ color: #b5b5b8; }
.rgft-workers-kpi--payroll .rgft-workers-kpi__value{ font-size: 22px; line-height: 1.15; }

/* ── Cards (add-worker form + list wrapper) ────────────────────────────── */
.rgft-workers-card{
    background: #fff;
    border: 1px solid var(--wk-line);
    border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px -10px rgba(15,23,42,.10);transition:box-shadow .18s ease,transform .18s ease;
    padding: 18px;
    gap: 14px;
}
.rgft-workers-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 16px 36px -12px rgba(15,23,42,.14)}
.rgft-workers-card:not([hidden]){
    display: flex;
    flex-direction: column;
}
.rgft-workers-card h2{ margin: 0; font-size: 14px; font-weight: 600; font-family: inherit; }
.rgft-workers-card__hint{ margin: 0; font-size: 11.5px; color: var(--wk-faint); line-height: 1.7; }

.rgft-workers-form{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
}
@media (max-width: 900px){ .rgft-workers-form{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .rgft-workers-form{ grid-template-columns: 1fr; } }

.rgft-workers-field{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rgft-workers-field > span{ font-size: 12px; color: var(--wk-muted); }
.rgft-workers-field input,
.rgft-workers-field select{
    font-family: inherit;
    font-size: 13.5px;
    height: 46px;
    padding: 0 12px;
    border: 1px solid var(--wk-line);
    background: #faf9f7;
    border-radius: 10px;
    width: 100%;
    color: #15171b;
}
.rgft-workers-field input:focus,
.rgft-workers-field select:focus{ outline: none; border-color: var(--wk-accent); background: #fff; }

.rgft-workers-submit{
    align-self: flex-start;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 500;
    height: 46px;
    padding: 0 26px;
    border: 0;
    border-radius: 11px;
    background: var(--wk-ink);
    color: #fff;
    cursor: pointer;
}
.rgft-workers-submit:hover{ opacity: .92; }

/* ── List head + filter chips ──────────────────────────────────────────── */
.rgft-workers-list-head{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.rgft-workers-list-head h2{ margin: 0; font-size: 14px; font-weight: 600; }
.rgft-workers-list-head span{ font-size: 12px; color: var(--wk-faint); }

.rgft-workers-chips{ display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 560px){
    .rgft-workers-chips{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    .rgft-workers-chips::-webkit-scrollbar{ display: none; }
}
.rgft-workers-chip{
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    font-size: 12.5px;
    padding: 9px 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--wk-line);
    color: var(--wk-muted);
}
.rgft-workers-chip.is-active{
    background: var(--wk-ink);
    border-color: var(--wk-ink);
    color: #fff;
    font-weight: 500;
}

/* ── Worker cards ───────────────────────────────────────────────────────── */
.rgft-workers-list{ display: flex; flex-direction: column; gap: 10px; }
.rgft-worker-card{
    background: #fff;
    border: 1px solid var(--wk-line);
    border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px -10px rgba(15,23,42,.10);transition:box-shadow .18s ease,transform .18s ease;
    padding: 16px;
}
.rgft-worker-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 16px 36px -12px rgba(15,23,42,.14)}
.rgft-worker-card:not([hidden]){
    display: grid;
    gap: 12px;
    align-items: end;
    grid-template-columns: 58px minmax(0,1.2fr) minmax(0,1fr) 132px 118px 150px;
    grid-template-areas:
        "id name station salary status side"
        "stats stats stats stats stats stats";
}
.rgft-worker-card__idrow{
    grid-area: id;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-bottom: 8px;
}
.rgft-worker-card__id{ font-size: 12.5px; font-weight: 600; color: var(--wk-accent); font-variant-numeric: tabular-nums; }
.rgft-worker-card__badge{
    font-size: 10.5px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 999px;
    align-self: flex-start;
    background: #f1f1f3;
    color: var(--wk-faint);
}
.rgft-worker-card__badge.is-active{ background: #e9f5ee; color: #0f7a4a; }

.rgft-worker-card__field{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rgft-worker-card__field > span{ font-size: 11.5px; color: var(--wk-faint); }
.rgft-worker-card__field input,
.rgft-worker-card__field select{
    font-family: inherit;
    font-size: 13.5px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--wk-line);
    background: #faf9f7;
    border-radius: 10px;
    width: 100%;
    color: #15171b;
}
.rgft-worker-card__field input:focus,
.rgft-worker-card__field select:focus{ outline: none; border-color: var(--wk-accent); background: #fff; }
.rgft-worker-card__field--name{ grid-area: name; }
.rgft-worker-card__field--station{ grid-area: station; }
.rgft-worker-card__field--salary{ grid-area: salary; }
.rgft-worker-card__field--status{ grid-area: status; }

.rgft-worker-card__side{ grid-area: side; display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.rgft-worker-card__hourly{
    font-size: 11.5px;
    color: var(--wk-muted);
    background: #f1f1f3;
    border-radius: 8px;
    padding: 7px 10px;
    text-align: center;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.rgft-worker-card__actions{ display: flex; gap: 8px; }
.rgft-worker-card__save{
    flex: 1;
    min-width: 76px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: var(--wk-ink);
    color: #fff;
    cursor: pointer;
}
.rgft-worker-card__save:hover{ opacity: .92; }
.rgft-worker-card__delete{
    min-width: 76px;
    font-family: inherit;
    font-size: 12.5px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #f2d4cf;
    border-radius: 10px;
    background: #fff;
    color: #b4372c;
    cursor: pointer;
    white-space: nowrap;
}
.rgft-worker-card__delete:hover{ background: #f2f2f5; }

/* ── New stats row: hours / labor cost / productivity, this month ─────── */
.rgft-worker-card__stats{
    grid-area: stats;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 12px;
    margin-top: 2px;
    border-top: 1px solid var(--wk-line);
}
.rgft-worker-card__stat{
    flex: 1;
    min-width: 140px;
    background: #faf9f7;
    border: 1px solid var(--wk-line);
    border-radius: 10px;
    padding: 9px 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.rgft-worker-card__stat-label{ font-size: 10.5px; color: var(--wk-faint); }
.rgft-worker-card__stat-value{ font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.rgft-worker-card__stat-value--ok{ color: #1a7d3a; }
.rgft-worker-card__stat-value--bad{ color: #d9534f; }

@media (max-width: 1080px){
    .rgft-worker-card:not([hidden]){
        grid-template-columns: repeat(2, minmax(0,1fr));
        align-items: stretch;
        grid-template-areas:
            "id id"
            "name name"
            "station station"
            "salary status"
            "side side"
            "stats stats";
    }
    .rgft-worker-card__idrow{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 0;
    }
    .rgft-worker-card__side{ flex-direction: column; }
    .rgft-worker-card__stats{ flex-direction: column; }
    .rgft-worker-card__stat{ min-width: 0; }
}

/* ── Pagination ─────────────────────────────────────────────────────── */
.rgft-workers-pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    padding-top: 4px;
}
.rgft-workers-page{
    font-family: inherit;
    font-size: 13px;
    min-width: 38px;
    height: 38px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border: 1px solid var(--wk-line);
    background: #fff;
    color: var(--wk-muted);
    text-decoration: none;
}
.rgft-workers-page:hover{ border-color: var(--wk-accent); color: var(--wk-accent); }
.rgft-workers-page.is-active{
    background: var(--wk-ink);
    border-color: var(--wk-ink);
    color: #fff;
    font-weight: 600;
    cursor: default;
}
.rgft-workers-page--nav{ padding: 0 14px; white-space: nowrap; }
.rgft-workers-page--nav.is-disabled{
    opacity: .4;
    pointer-events: none;
}
.rgft-workers-page--gap{
    border: 0;
    background: transparent;
    color: var(--wk-faint);
    min-width: auto;
    cursor: default;
}

/* ── Long-open visits flag ─────────────────────────────────────────── */
.rgft-workers-longopen{
    background: #f7f7fb;
    border: 1px solid #f0dfc0;
    border-radius: 14px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.rgft-workers-longopen h2{ margin: 0; font-size: 15px; font-weight: 600; font-family: inherit; color: #8a6f23; }
.rgft-workers-longopen__note{ margin: 0; font-size: 12.5px; color: var(--wk-muted); line-height: 1.7; }
.rgft-workers-longopen__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff;
    border: 1px solid var(--wk-line);
    border-radius: 10px;
    padding: 12px 16px;
    flex-wrap: wrap;
}
.rgft-workers-longopen__info{
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 13.5px;
}
.rgft-workers-longopen__info strong{ font-weight: 600; }
.rgft-workers-longopen__hours{ color: #a83232; font-weight: 600; }
.rgft-workers-ot__multiday{ color: #8a4700; }
.rgft-workers-ot__when{ color: var(--wk-faint); font-size: 12.5px; }
.rgft-workers-longopen__close{
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid var(--wk-accent);
    background: #fff;
    color: var(--wk-accent);
    cursor: pointer;
    white-space: nowrap;
}
.rgft-workers-longopen__close:hover{ background: var(--wk-accent); color: #fff; }
.rgft-workers-longopen--clear{ background: #f2faf5; border-color: #c7e8d3; }
.rgft-workers-longopen--clear h2{ color: #1a7d3a; }
.rgft-workers-longopen__ok{ margin: 0; font-size: 13.5px; color: #1a7d3a; font-weight: 500; }
.rgft-workers-ot-alert{
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fdeeec;
    border: 1px solid #e2564a;
    border-radius: 12px;
    padding: 12px 16px;
    margin-bottom: 16px;
    color: #a8281b;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
}
.rgft-workers-ot-alert:hover{ background: #fbe0dd; color: #a8281b; }
.rgft-workers-ot-alert b{ font-size: 15px; }
.rgft-workers-ot__actions{ display: flex; gap: 8px; }
.rgft-workers-ot__actions form{ margin: 0; }
.rgft-workers-ot__reject{
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid #d9534f;
    background: #fff;
    color: #d9534f;
    cursor: pointer;
    white-space: nowrap;
}
.rgft-workers-ot__reject:hover{ background: #d9534f; color: #fff; }
.rgft-workers-ot__camtime{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px dashed var(--wk-line);
}
.rgft-workers-ot__camtime-label{ font-size: 11.5px; color: var(--wk-faint); white-space: nowrap; }
.rgft-workers-ot__camtime-value{
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 12px;
    background: #f1f1f3;
    border-radius: 6px;
    padding: 3px 8px;
    color: #15171b;
    unicode-bidi: plaintext;
}
.rgft-workers-ot__copy{
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid var(--wk-line);
    background: #fff;
    color: var(--wk-muted);
    cursor: pointer;
    white-space: nowrap;
}
.rgft-workers-ot__copy:hover{ border-color: var(--wk-accent); color: var(--wk-accent); }
.rgft-workers-ot__copy.is-copied{ border-color: #1a7d3a; color: #1a7d3a; }
@media (max-width: 640px){
    .rgft-workers-longopen__row{ flex-direction: column; align-items: stretch; }
    .rgft-workers-longopen__close{ width: 100%; }
    .rgft-workers-ot__actions{ flex-direction: column; }
    .rgft-workers-ot__actions form,
    .rgft-workers-ot__reject{ width: 100%; }
}