:root{
  --rn-ink:#111;
  --rn-muted:#666;
  --rn-line:#e3e3e3;
  --rn-soft:#f6f6f6;
  --rn-card:#fff;
}

.rn-staff{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--rn-ink);}
.rn-staff *{box-sizing:border-box;}

.rn-staff__top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 12px;border:1px solid var(--rn-line);border-radius:14px;background:var(--rn-card);
}

.rn-staff__restaurant{font-weight:900;font-size:16px;letter-spacing:.2px;}
.rn-staff__subtitle{font-weight:650;font-size:13px;color:var(--rn-muted);margin-top:2px;}

.rn-staff__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

.rn-btn{appearance:none;border:1px solid var(--rn-line);background:#fff;border-radius:12px;padding:8px 10px;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;color:inherit;}
.rn-btn--primary{background:var(--rn-soft);}
.rn-date{border:1px solid var(--rn-line);border-radius:12px;padding:8px 10px;font-weight:800;font-size:13px;}

.rn-staff__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;}
.rn-kpi{border:1px solid var(--rn-line);border-radius:14px;padding:10px;background:var(--rn-soft);}
.rn-kpi__label{font-size:10px;color:var(--rn-muted);letter-spacing:.2px;text-transform:uppercase;}
.rn-kpi__value{margin-top:2px;font-size:18px;font-weight:900;}

.rn-staff__list{border:1px solid var(--rn-line);border-radius:14px;background:var(--rn-card);overflow:hidden;}
.rn-staff__loading{padding:14px;color:var(--rn-muted);}

.rn-row{display:grid;grid-template-columns:140px 90px 1.2fr 1fr;gap:10px;align-items:start;padding:12px 12px;border-top:1px solid var(--rn-line);}
.rn-row:first-child{border-top:0;}
.rn-row:nth-child(even){background:#fcfcfc;}

.rn-timewrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.rn-time{font-weight:900;}
.rn-badge{display:inline-block;min-width:26px;text-align:center;padding:2px 8px;border:1px solid var(--rn-line);border-radius:999px;background:#fff;font-weight:900;}
.rn-name{font-weight:850;}
.rn-sub{color:var(--rn-muted);font-size:12px;line-height:1.35;margin-top:2px;}

.rn-status{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid var(--rn-line);background:#fff;line-height:1.2;}
.rn-status--confirmed{background:#e6f4ea;color:#1e7e34;border-color:#cfe7d6;}
.rn-status--pending{background:#fff4e5;color:#c77700;border-color:#f3dfbf;}
.rn-status--cancelled{background:#fdecea;color:#b42318;border-color:#f4c7c3;}
.rn-status--canceled{background:#fdecea;color:#b42318;border-color:#f4c7c3;}
.rn-status--no_show{background:#f2f2f2;color:#555;border-color:#e0e0e0;}

.rn-staff__foot{margin-top:10px;color:var(--rn-muted);}

/* Login shortcode */
.rn-loginbox{max-width:420px;margin:0 auto;border:1px solid var(--rn-line);border-radius:14px;background:var(--rn-card);padding:14px;}
.rn-staff--login #reservanova_staff_loginform p{margin:0 0 10px 0;}
.rn-staff--login #reservanova_staff_loginform label{display:block;font-weight:800;font-size:12px;color:var(--rn-muted);margin:0 0 4px 0;}
.rn-staff--login #reservanova_staff_loginform input[type="text"],
.rn-staff--login #reservanova_staff_loginform input[type="password"]{width:100%;border:1px solid var(--rn-line);border-radius:12px;padding:10px 12px;font-weight:700;font-size:14px;}
.rn-staff--login #reservanova_staff_loginform input[type="submit"]{appearance:none;border:1px solid var(--rn-line);background:var(--rn-soft);border-radius:12px;padding:10px 12px;font-weight:900;font-size:14px;cursor:pointer;width:100%;}
.rn-loginhint{margin-top:10px;opacity:.8;font-size:13px;color:var(--rn-muted);}

@media (max-width: 820px){
  .rn-staff__kpis{grid-template-columns:1fr;}
  .rn-row{grid-template-columns:1fr;}
}