/* =========================================================
   CUEVA STAFF MANAGEMENT
   APPLE / TESLA WHITE UI
========================================================= */

:root {
  --staff-bg: #f4f5f7;
  --staff-surface: #ffffff;
  --staff-surface-soft: #f8f9fb;
  --staff-surface-muted: #eef0f3;

  --staff-border: #e3e6ea;
  --staff-border-strong: #d4d8de;

  --staff-text: #111318;
  --staff-text-soft: #5f6670;
  --staff-text-muted: #8a919b;

  --staff-primary: #111318;
  --staff-primary-hover: #24272d;

  --staff-green: #168a51;
  --staff-green-bg: #e8f7ef;

  --staff-red: #d64242;
  --staff-red-bg: #fff0f0;

  --staff-orange: #c57917;
  --staff-orange-bg: #fff6e7;

  --staff-blue: #2d6cdf;
  --staff-blue-bg: #edf4ff;

  --staff-radius-xl: 28px;
  --staff-radius-lg: 20px;
  --staff-radius-md: 14px;
  --staff-radius-sm: 10px;

  --staff-shadow:
    0 18px 50px rgba(19, 24, 32, 0.08);

  --staff-shadow-soft:
    0 8px 24px rgba(19, 24, 32, 0.06);

  --staff-transition: 180ms ease;
}

.owner-handover-panel{margin:14px 0;padding:15px;border:1px solid #ead9a8;border-radius:20px;background:#fffaf0}
.owner-handover-panel[hidden]{display:none}
.owner-handover-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.owner-handover-panel>header span{display:block;color:#a87a08;font-size:9px;font-weight:850;letter-spacing:.14em}
.owner-handover-panel>header h3{margin:4px 0 0;font-size:17px}
.owner-handover-panel>header button{width:38px;height:38px;border:0;border-radius:12px;background:#f0f0f2;color:#555}
#ownerHandoverList{display:grid;gap:10px}
.owner-handover-row{padding:13px;border:1px solid #e7e3d8;border-radius:16px;background:#fff}
.owner-handover-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.owner-handover-row-head strong,.owner-handover-row-head small{display:block}
.owner-handover-row-head strong{font-size:13px}
.owner-handover-row-head small{margin-top:4px;color:#8b8d94;font-size:10px}
.owner-handover-row-head b{font-size:14px;white-space:nowrap}
.owner-handover-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.owner-handover-actions button{min-height:42px;border:0;border-radius:12px;font:800 11px/1 inherit}
.owner-handover-actions button:first-child{background:#153b2b;color:#72dfa8}
.owner-handover-actions button:last-child{background:#fff0f0;color:#a63232}
.owner-handover-actions button:disabled{opacity:.55}
.owner-reject-backdrop{position:fixed;inset:0;z-index:10020;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(12,13,15,.48);backdrop-filter:blur(5px)}
.owner-reject-backdrop[hidden]{display:none}
body.owner-reject-open{overflow:hidden}
.owner-reject-sheet{width:min(100%,560px);margin:0;padding:10px 20px 20px;border:1px solid #ececef;border-radius:28px;background:#fff;box-shadow:0 -16px 50px rgba(0,0,0,.18)}
.owner-reject-handle{width:42px;height:5px;margin:0 auto 17px;border-radius:999px;background:#d7d7da}
.owner-reject-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.owner-reject-sheet>header span{display:block;color:#a87a08;font-size:10px;font-weight:900;letter-spacing:.15em}
.owner-reject-sheet>header h3{margin:5px 0 0;color:#111216;font-size:23px;line-height:1.15}
.owner-reject-sheet>header button{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:14px;background:#f1f1f3;color:#555;font-size:17px}
.owner-reject-sheet>p{margin:15px 0 18px;color:#777b84;font-size:13px;line-height:1.5}
.owner-reject-sheet>label{display:block;margin-bottom:8px;color:#25262b;font-size:13px;font-weight:850}
.owner-reject-sheet textarea{box-sizing:border-box;width:100%;min-height:94px;padding:14px;border:1px solid #dddde2;border-radius:16px;background:#fafafa;color:#17181b;font:600 14px/1.45 inherit;resize:none;outline:none}
.owner-reject-sheet textarea:focus{border-color:#c49a36;box-shadow:0 0 0 3px rgba(196,154,54,.13)}
.owner-reject-actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:10px;margin-top:18px}
.owner-reject-actions button{min-height:50px;border:0;border-radius:15px;font:850 13px/1 inherit}
.owner-reject-actions button:first-child{background:#f1f1f3;color:#55585f}
.owner-reject-actions button:last-child{background:#a63232;color:#fff}
.owner-reject-actions button:disabled{opacity:.55}

/* =========================================================
   PAGE
========================================================= */

body {
  background:
    radial-gradient(
      circle at 85% 0%,
      rgba(255, 255, 255, 0.95),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #f7f8fa 0%,
      #f1f3f6 100%
    );

  color: var(--staff-text);
}

.page-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  margin-bottom: 28px;
}

.page-title h2 {
  margin: 0 0 7px;

  color: var(--staff-text);

  font-size: clamp(28px, 3vw, 42px);
  font-weight: 750;
  letter-spacing: -1.3px;
}

.page-title span {
  color: var(--staff-text-soft);

  font-size: 14px;
  line-height: 1.6;
}

/* =========================================================
   ADD STAFF BUTTON
========================================================= */

.export-btn,
#addStaffBtn {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 0 20px;

  border: 1px solid #111318;
  border-radius: 15px;

  background: #111318;
  color: #ffffff;

  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  box-shadow:
    0 12px 26px rgba(17, 19, 24, 0.16);

  transition:
    transform var(--staff-transition),
    background var(--staff-transition),
    box-shadow var(--staff-transition);
}

.export-btn:hover,
#addStaffBtn:hover {
  transform: translateY(-2px);

  background: var(--staff-primary-hover);

  box-shadow:
    0 16px 30px rgba(17, 19, 24, 0.2);
}

.export-btn:active,
#addStaffBtn:active {
  transform: translateY(0);
}

.export-btn:disabled,
#addStaffBtn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* =========================================================
   STATS
========================================================= */

.stats-grid.main-stats {
  display: grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 18px;

  margin-bottom: 26px;
}

.stat-card {
  min-height: 145px;

  display: flex;
  align-items: center;
  gap: 18px;

  padding: 23px;

  border: 1px solid var(--staff-border);
  border-radius: var(--staff-radius-lg);

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f8f9fb
    );

  box-shadow: var(--staff-shadow-soft);

  transition:
    transform var(--staff-transition),
    border-color var(--staff-transition),
    box-shadow var(--staff-transition);
}

.stat-card:hover {
  transform: translateY(-3px);

  border-color: var(--staff-border-strong);

  box-shadow:
    0 18px 38px rgba(19, 24, 32, 0.1);
}

.gold-icon {
  width: 54px;
  height: 54px;

  flex: 0 0 54px;

  display: grid;
  place-items: center;

  border: 1px solid var(--staff-border);
  border-radius: 17px;

  background: #f2f3f5;
  color: #111318;

  font-size: 21px;
}

.gold-icon.green {
  background: var(--staff-green-bg);
  color: var(--staff-green);
  border-color: #d8efe2;
}

.gold-icon.red {
  background: var(--staff-red-bg);
  color: var(--staff-red);
  border-color: #f5d9d9;
}

.stat-card h3 {
  margin: 0 0 3px;

  color: var(--staff-text);

  font-size: 30px;
  font-weight: 750;
  letter-spacing: -1px;
}

.stat-card p {
  margin: 0 0 4px;

  color: var(--staff-text);

  font-size: 14px;
  font-weight: 650;
}

.stat-card small {
  color: var(--staff-text-muted);

  font-size: 12px;
}

/* =========================================================
   MAIN CARD
========================================================= */

.staff-layout {
  width: 100%;
}

.staff-card {
  overflow: hidden;

  border: 1px solid var(--staff-border);
  border-radius: var(--staff-radius-xl);

  background: var(--staff-surface);

  box-shadow: var(--staff-shadow);
}

.card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  padding: 25px 26px;

  border-bottom:
    1px solid var(--staff-border);
}

.card-head h3 {
  margin: 0 0 5px;

  color: var(--staff-text);

  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.card-head p {
  margin: 0;

  color: var(--staff-text-soft);

  font-size: 13px;
}

#refreshStaffBtn {
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 0 15px;

  border: 1px solid var(--staff-border);
  border-radius: 13px;

  background: #ffffff;
  color: var(--staff-text);

  font-weight: 650;

  cursor: pointer;

  box-shadow:
    0 5px 14px rgba(19, 24, 32, 0.05);

  transition:
    background var(--staff-transition),
    border-color var(--staff-transition),
    transform var(--staff-transition);
}

#refreshStaffBtn:hover {
  transform: translateY(-1px);

  border-color: var(--staff-border-strong);

  background: #f7f8fa;
}

/* =========================================================
   TOOLBAR
========================================================= */

.staff-toolbar {
  display: grid;
  grid-template-columns:
    minmax(240px, 1fr)
    minmax(150px, 210px)
    minmax(170px, 230px);

  gap: 12px;

  padding: 18px 24px;

  border-bottom:
    1px solid var(--staff-border);

  background: var(--staff-surface-soft);
}

.staff-search-box {
  position: relative;
}

.staff-search-box i {
  position: absolute;
  left: 16px;
  top: 50%;

  transform: translateY(-50%);

  color: var(--staff-text-muted);

  font-size: 13px;
}

.staff-search-box input {
  padding-left: 43px;
}

.staff-toolbar input,
.staff-toolbar select {
  width: 100%;
  height: 45px;

  border: 1px solid var(--staff-border);
  border-radius: 13px;

  background: #ffffff;
  color: var(--staff-text);

  padding: 0 14px;

  outline: none;

  font-size: 13px;

  transition:
    border-color var(--staff-transition),
    box-shadow var(--staff-transition);
}

.staff-toolbar input:focus,
.staff-toolbar select:focus {
  border-color: #9ca3ad;

  box-shadow:
    0 0 0 4px rgba(17, 19, 24, 0.055);
}

.staff-toolbar input::placeholder {
  color: #9aa0a9;
}

/* =========================================================
   TABLE
========================================================= */

.staff-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.staff-table {
  width: 100%;
  min-width: 1050px;

  border-collapse: collapse;
}

.staff-table thead th {
  padding: 15px 18px;

  border-bottom:
    1px solid var(--staff-border);

  background: #fafbfc;

  color: var(--staff-text-muted);

  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
}

.staff-table tbody td {
  padding: 18px;

  border-bottom:
    1px solid #edf0f3;

  color: var(--staff-text-soft);

  vertical-align: middle;
}

.staff-table tbody tr {
  transition:
    background var(--staff-transition);
}

.staff-table tbody tr:hover {
  background: #fafbfc;
}

.staff-table tbody tr:last-child td {
  border-bottom: 0;
}

/* =========================================================
   STAFF PROFILE
========================================================= */

.staff-profile-cell {
  display: flex;
  align-items: center;
  gap: 13px;
}

.staff-avatar {
  width: 44px;
  height: 44px;

  flex: 0 0 44px;

  display: grid;
  place-items: center;

  border: 1px solid var(--staff-border);
  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      #f4f5f7,
      #e8ebef
    );

  color: #111318;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.staff-profile-copy {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 4px;
}

.staff-profile-copy strong {
  color: var(--staff-text);

  font-size: 14px;
  font-weight: 700;
}

.staff-profile-copy > span {
  max-width: 245px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  color: var(--staff-text-muted);

  font-size: 12px;
}

.staff-security-badge {
  width: fit-content;

  display: inline-flex;
  align-items: center;
  gap: 5px;

  padding: 4px 7px;

  border-radius: 7px;

  background: var(--staff-orange-bg);
  color: var(--staff-orange);

  font-size: 9px !important;
  font-weight: 700;
}

/* =========================================================
   ROLE / DATE
========================================================= */

.staff-role-cell,
.staff-date-cell,
.staff-status-cell {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.staff-role-cell strong,
.staff-date-cell strong {
  color: var(--staff-text);

  font-size: 13px;
}

.staff-role-cell span,
.staff-date-cell span,
.staff-status-cell small {
  color: var(--staff-text-muted);

  font-size: 11px;
}

/* =========================================================
   PERMISSION BADGES
========================================================= */

.staff-permission-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.staff-permission-badge {
  display: inline-flex;
  align-items: center;

  padding: 5px 8px;

  border: 1px solid var(--staff-border);
  border-radius: 8px;

  background: #f7f8fa;

  color: #59606b;

  font-size: 10px;
  font-weight: 650;
}

.staff-permission-badge.more {
  color: var(--staff-blue);
  background: var(--staff-blue-bg);
  border-color: #d8e6ff;
}

.staff-permission-empty {
  color: var(--staff-text-muted);

  font-size: 11px;
}

/* =========================================================
   STATUS
========================================================= */

.staff-status-badge {
  width: fit-content;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 10px;

  border-radius: 999px;

  font-size: 10px;
  font-weight: 750;
}

.staff-status-badge.active {
  background: var(--staff-green-bg);
  color: var(--staff-green);
}

.staff-status-badge.pending {
  background: var(--staff-orange-bg);
  color: var(--staff-orange);
}

.staff-status-badge.disabled {
  background: #f0f2f4;
  color: #777e88;
}

.staff-status-badge.suspended {
  background: var(--staff-red-bg);
  color: var(--staff-red);
}

/* =========================================================
   ROW ACTIONS
========================================================= */

.staff-row-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.staff-action-btn {
  min-height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 0 10px;

  border: 1px solid var(--staff-border);
  border-radius: 10px;

  background: #ffffff;
  color: var(--staff-text-soft);

  font-size: 11px;
  font-weight: 650;

  cursor: pointer;

  transition:
    transform var(--staff-transition),
    background var(--staff-transition),
    border-color var(--staff-transition);
}

.staff-action-btn:hover {
  transform: translateY(-1px);

  border-color: var(--staff-border-strong);

  background: #f6f7f9;
}

.staff-action-btn.enable {
  color: var(--staff-green);
}

.staff-action-btn.disable,
.staff-action-btn.suspend {
  color: var(--staff-orange);
}

.staff-action-btn.delete {
  color: var(--staff-red);
}

/* =========================================================
   EMPTY / LOADING
========================================================= */

.staff-empty-row,
.staff-loading-row {
  padding: 70px 20px !important;

  text-align: center;
}

.staff-empty-content,
.staff-loading-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;

  color: var(--staff-text-soft);
}

.staff-empty-content > i,
.staff-loading-content > i {
  font-size: 28px;

  color: var(--staff-text-muted);
}

.staff-empty-content h4 {
  margin: 4px 0 0;

  color: var(--staff-text);

  font-size: 18px;
}

.staff-empty-content p {
  max-width: 420px;

  margin: 0;

  color: var(--staff-text-muted);

  font-size: 13px;
  line-height: 1.6;
}

.staff-empty-add-btn {
  min-height: 42px;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-top: 5px;
  padding: 0 15px;

  border: 1px solid #111318;
  border-radius: 12px;

  background: #111318;
  color: #ffffff;

  font-weight: 700;
  cursor: pointer;
}

/* =========================================================
   MODAL
========================================================= */

.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 24px;

  background:
    rgba(24, 28, 35, 0.35);

  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.modal-overlay.show {
  display: flex;
}

.staff-modal {
  width: min(860px, 100%);
  max-height: calc(100vh - 48px);

  overflow-y: auto;

  border: 1px solid var(--staff-border);
  border-radius: 28px;

  background: #ffffff;

  box-shadow:
    0 35px 100px rgba(25, 31, 40, 0.22);
}

.modal-head {
  position: sticky;
  top: 0;
  z-index: 5;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 23px 25px;

  border-bottom:
    1px solid var(--staff-border);

  background:
    rgba(255, 255, 255, 0.94);

  backdrop-filter: blur(16px);
}

.modal-label {
  display: block;

  margin-bottom: 5px;

  color: var(--staff-text-muted);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.modal-head h3 {
  margin: 0;

  color: var(--staff-text);

  font-size: 22px;
  letter-spacing: -0.5px;
}

#closeStaffModal {
  width: 40px;
  height: 40px;

  display: grid;
  place-items: center;

  border: 1px solid var(--staff-border);
  border-radius: 12px;

  background: #f7f8fa;
  color: var(--staff-text);

  cursor: pointer;
}

/* =========================================================
   MODAL FORM
========================================================= */

#staffForm {
  padding: 25px;
}

.form-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 18px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-group label {
  color: #31363d;

  font-size: 12px;
  font-weight: 650;
}

.form-group label span {
  color: var(--staff-red);
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  min-height: 48px;

  box-sizing: border-box;

  border: 1px solid var(--staff-border);
  border-radius: 14px;

  background: #ffffff;
  color: var(--staff-text);

  padding: 0 14px;

  outline: none;

  transition:
    border-color var(--staff-transition),
    box-shadow var(--staff-transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #9097a1;

  box-shadow:
    0 0 0 4px rgba(17, 19, 24, 0.055);
}

.form-group input::placeholder {
  color: #9aa0a9;
}

.form-group small {
  color: var(--staff-text-muted);

  font-size: 11px;
  line-height: 1.5;
}

.password-field {
  position: relative;
}

.password-field input {
  padding-right: 52px;
}

#toggleStaffPassword {
  position: absolute;
  right: 7px;
  top: 50%;

  width: 36px;
  height: 36px;

  display: grid;
  place-items: center;

  transform: translateY(-50%);

  border: 0;
  border-radius: 10px;

  background: transparent;
  color: var(--staff-text-muted);

  cursor: pointer;
}

/* =========================================================
   PERMISSIONS
========================================================= */

.permission-box {
  margin-top: 24px;
  padding: 21px;

  border: 1px solid var(--staff-border);
  border-radius: 20px;

  background: var(--staff-surface-soft);
}

.permission-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  margin-bottom: 18px;
}

.permission-head h4 {
  margin: 0 0 4px;

  color: var(--staff-text);

  font-size: 16px;
}

.permission-head p {
  margin: 0;

  color: var(--staff-text-muted);

  font-size: 11px;
}

.permission-actions {
  display: flex;
  gap: 8px;
}

.permission-actions button {
  min-height: 34px;

  padding: 0 11px;

  border: 1px solid var(--staff-border);
  border-radius: 10px;

  background: #ffffff;
  color: var(--staff-text-soft);

  font-size: 10px;
  font-weight: 700;

  cursor: pointer;
}

.permission-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 10px;
}

.permission-grid > label {
  min-height: 76px;

  display: flex;
  align-items: flex-start;
  gap: 11px;

  padding: 14px;

  border: 1px solid var(--staff-border);
  border-radius: 14px;

  background: #ffffff;

  cursor: pointer;

  transition:
    border-color var(--staff-transition),
    background var(--staff-transition),
    transform var(--staff-transition);
}

.permission-grid > label:hover {
  transform: translateY(-1px);

  border-color: var(--staff-border-strong);

  background: #fafbfc;
}

.permission-grid input {
  width: 17px;
  height: 17px;

  margin-top: 2px;

  accent-color: #111318;
}

.permission-grid label span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.permission-grid strong {
  color: var(--staff-text);

  font-size: 12px;
}

.permission-grid small {
  color: var(--staff-text-muted);

  font-size: 10px;
  line-height: 1.45;
}

.high-risk-permission {
  border-color:
    #efd9b9 !important;

  background:
    #fffaf2 !important;
}

/* =========================================================
   FORM ERROR
========================================================= */

.staff-form-error {
  margin-top: 17px;
  padding: 13px 14px;

  border: 1px solid #f0cccc;
  border-radius: 12px;

  background: var(--staff-red-bg);
  color: var(--staff-red);

  font-size: 12px;
}

/* =========================================================
   MODAL ACTIONS
========================================================= */

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;

  margin-top: 22px;
}

.cancel-btn,
.save-btn {
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 0 18px;

  border-radius: 13px;

  font-weight: 700;
  cursor: pointer;
}

.cancel-btn {
  border: 1px solid var(--staff-border);

  background: #ffffff;
  color: var(--staff-text-soft);
}

.save-btn {
  border: 1px solid #111318;

  background: #111318;
  color: #ffffff;
}

.save-btn:hover {
  background: #24272d;
}

.save-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* =========================================================
   MESSAGE POPUP
========================================================= */

.message-popup {
  position: fixed;
  inset: 0;
  z-index: 12000;

  display: grid;
  place-items: center;

  padding: 22px;

  background:
    rgba(24, 28, 35, 0.35);

  backdrop-filter: blur(14px);
}

.message-popup.hidden {
  display: none;
}

.message-popup-box {
  width: min(400px, 100%);

  padding: 28px;

  border: 1px solid var(--staff-border);
  border-radius: 24px;

  background: #ffffff;

  text-align: center;

  box-shadow:
    0 30px 90px rgba(25, 31, 40, 0.2);
}

.popup-icon {
  width: 54px;
  height: 54px;

  display: grid;
  place-items: center;

  margin: 0 auto 15px;

  border-radius: 17px;

  background: #f1f3f5;

  font-size: 25px;
}

.message-popup-box h3 {
  margin: 0 0 9px;

  color: var(--staff-text);

  font-size: 20px;
}

.message-popup-box p {
  margin: 0;

  color: var(--staff-text-soft);

  font-size: 13px;
  line-height: 1.65;
}

.popup-actions {
  display: flex;
  justify-content: center;
  gap: 9px;

  margin-top: 22px;
}

.popup-cancel-btn,
.popup-ok-btn {
  min-width: 100px;
  min-height: 42px;

  border-radius: 12px;

  font-weight: 700;
  cursor: pointer;
}

.popup-cancel-btn {
  border: 1px solid var(--staff-border);

  background: #ffffff;
  color: var(--staff-text-soft);
}

.popup-ok-btn {
  border: 1px solid #111318;

  background: #111318;
  color: #ffffff;
}

/* =========================================================
   PAGE STATES
========================================================= */

body.staff-loading {
  cursor: progress;
}

body.staff-offline #addStaffBtn,
body.staff-offline #saveStaffBtn {
  opacity: 0.45;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1180px) {
  .stats-grid.main-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .page-title,
  .card-head,
  .permission-head {
    align-items: stretch;
    flex-direction: column;
  }

  .staff-toolbar {
    grid-template-columns: 1fr;
  }

  .form-grid,
  .permission-grid {
    grid-template-columns: 1fr;
  }

  .title-actions,
  #addStaffBtn {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .stats-grid.main-stats {
    grid-template-columns: 1fr;
  }

  .stat-card {
    min-height: 120px;
  }

  .staff-card {
    border-radius: 20px;
  }

  .card-head,
  .staff-toolbar {
    padding-left: 17px;
    padding-right: 17px;
  }

  .modal-overlay {
    padding: 10px;
  }

  .staff-modal {
    max-height: calc(100vh - 20px);
    border-radius: 20px;
  }

  #staffForm {
    padding: 18px;
  }

  .modal-actions {
    flex-direction: column-reverse;
  }

  .cancel-btn,
  .save-btn {
    width: 100%;
  }
}

/* ===== STAFF OPERATIONS V2 ===== */

/* =========================================================
   CUEVA STAFF CENTER + CENTRAL ACTIVITY LOGS
   ========================================================= */

.staff-operations,
.activity-v2-panel,
.activity-v2-toolbar,
.activity-v2-stats article {
  border: 1px solid #e8e2d4;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(15, 23, 42, .055);
}

.staff-operations {
  display: grid;
  gap: 18px;
  margin: 22px 0;
  padding: 20px;
}

.staff-operations-head,
.staff-ops-panel-head,
.activity-v2-head,
.activity-v2-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.staff-operations-head h3,
.staff-ops-panel-head h4,
.activity-v2-head h2,
.activity-v2-panel-head h3 {
  margin: 3px 0 5px;
  color: #101828;
}

.staff-operations-head p,
.staff-ops-panel-head p,
.activity-v2-head p,
.activity-v2-panel-head p {
  margin: 0;
  color: #667085;
}

.staff-ops-eyebrow,
.activity-v2-eyebrow {
  color: #987000;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .11em;
}

.staff-ops-date-controls,
.activity-v2-head-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.staff-ops-period,
.activity-v2-primary,
.activity-v2-secondary {
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  padding: 0 14px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.staff-ops-period,
.activity-v2-secondary {
  background: #eef1f5;
  color: #344054;
}

.staff-ops-period.active,
.activity-v2-primary {
  background: linear-gradient(135deg, #d8aa24, #efd06f);
  color: #281d00;
}

.staff-ops-date-controls input,
.activity-v2-toolbar input,
.activity-v2-toolbar select {
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid #d9dee7;
  border-radius: 10px;
  background: #fff;
  font: inherit;
}

.staff-ops-stats,
.activity-v2-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.activity-v2-stats {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.staff-ops-stats article,
.activity-v2-stats article {
  padding: 16px;
  border: 1px solid #e8e2d4;
  border-radius: 15px;
  background: #fffaf0;
}

.staff-ops-stats span,
.activity-v2-stats span {
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.staff-ops-stats strong,
.activity-v2-stats strong {
  display: block;
  margin: 8px 0 5px;
  color: #101828;
  font-size: 20px;
}

.staff-ops-stats small,
.activity-v2-stats small {
  color: #667085;
  font-size: 10px;
}

.staff-ops-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(280px, .7fr);
  gap: 15px;
}

.staff-ops-panel {
  overflow: hidden;
  border: 1px solid #e8e2d4;
  border-radius: 17px;
  background: #fff;
}

.staff-ops-panel-head {
  padding: 17px;
  border-bottom: 1px solid #edf0f4;
}

.staff-ops-table-wrap,
.activity-v2-table-wrap {
  overflow-x: auto;
}

.staff-ops-table-wrap table,
.activity-v2-table-wrap table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.staff-ops-table-wrap th,
.staff-ops-table-wrap td,
.activity-v2-table-wrap th,
.activity-v2-table-wrap td {
  padding: 13px 14px;
  border-bottom: 1px solid #edf0f4;
  text-align: left;
  white-space: nowrap;
}

.staff-ops-table-wrap th,
.activity-v2-table-wrap th {
  background: #fafbfc;
  color: #667085;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.staff-ops-table-wrap td,
.activity-v2-table-wrap td {
  color: #344054;
  font-size: 12px;
}

.staff-shift-status {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
}

.staff-shift-status.working,
.staff-shift-status.present {
  background: #dcfce7;
  color: #067647;
}

.staff-shift-status.closed {
  background: #e8edf5;
  color: #475467;
}

.staff-shift-status.absent {
  background: #fee2e2;
  color: #b42318;
}

.staff-ops-action {
  min-height: 34px;
  border: 0;
  border-radius: 9px;
  padding: 0 10px;
  font-weight: 800;
  cursor: pointer;
}

.staff-ops-action.start {
  background: #dcfce7;
  color: #067647;
}

.staff-ops-action.end {
  background: #fff4cc;
  color: #8a6500;
}

.staff-ops-action.view {
  background: #eef2ff;
  color: #3556b9;
}

.staff-leaderboard-list {
  display: grid;
  gap: 9px;
  padding: 14px;
}

.staff-leaderboard-row {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e8ebf0;
  border-radius: 12px;
}

.staff-rank {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #fff5d7;
  color: #806000;
  font-weight: 900;
}

.staff-leaderboard-row small {
  display: block;
  color: #667085;
}

.staff-shift-modal,
.staff-performance-modal {
  width: min(900px, 100%);
}

.staff-shift-preview,
.staff-performance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin: 17px 0;
}

.staff-performance-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.staff-shift-preview div,
.staff-performance-grid article {
  padding: 14px;
  border: 1px solid #e7eaf0;
  border-radius: 12px;
  background: #f8fafc;
}

.staff-shift-preview span,
.staff-performance-grid span {
  display: block;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
}

.staff-shift-preview strong,
.staff-performance-grid strong {
  display: block;
  margin-top: 6px;
  color: #101828;
}

.staff-timeline-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 10px;
}

.staff-activity-timeline {
  display: grid;
  gap: 9px;
}

.staff-timeline-row {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  gap: 12px;
  padding: 12px;
  border-left: 3px solid #d8aa24;
  border-radius: 0 11px 11px 0;
  background: #fafbfc;
}

.staff-timeline-row small {
  color: #667085;
}

.staff-ops-empty {
  padding: 22px;
  color: #667085;
  text-align: center;
}

/* Activity v2 */
.activity-v2-page {
  display: grid;
  gap: 20px;
  padding-bottom: 30px;
}

.activity-v2-toolbar {
  display: grid;
  grid-template-columns: minmax(250px, 1.4fr) repeat(3, minmax(150px, .7fr)) repeat(2, 145px) auto auto;
  gap: 9px;
  padding: 14px;
}

.activity-v2-search {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding-left: 12px;
  border: 1px solid #d9dee7;
  border-radius: 10px;
}

.activity-v2-search input {
  width: 100%;
  border: 0;
  outline: 0;
}

.activity-v2-panel {
  overflow: hidden;
}

.activity-v2-panel-head {
  padding: 17px;
  border-bottom: 1px solid #edf0f4;
}

.activity-risk {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.activity-risk.normal {
  background: #e8edf5;
  color: #475467;
}

.activity-risk.important {
  background: #fff4cc;
  color: #8a6500;
}

.activity-risk.high {
  background: #fee2e2;
  color: #b42318;
}

.activity-v2-modal {
  width: min(900px, 100%);
}

.activity-detail-grid pre {
  max-height: 260px;
  overflow: auto;
  padding: 12px;
  border-radius: 10px;
  background: #101828;
  color: #f8fafc;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 1200px) {
  .staff-ops-stats,
  .activity-v2-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .staff-ops-layout {
    grid-template-columns: 1fr;
  }

  .activity-v2-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .activity-v2-search {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .staff-operations-head,
  .activity-v2-head {
    flex-direction: column;
  }

  .staff-ops-stats,
  .activity-v2-stats,
  .staff-shift-preview,
  .staff-performance-grid,
  .activity-v2-toolbar {
    grid-template-columns: 1fr;
  }

  .activity-v2-search {
    grid-column: auto;
  }

  .staff-timeline-row {
    grid-template-columns: 1fr;
  }
}


.staff-ops-stats {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.staff-ops-secondary-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, .8fr);
}

.staff-attendance-grid,
.staff-module-grid {
  display: grid;
  gap: 10px;
  padding: 15px;
}

.staff-attendance-row {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) repeat(5, minmax(65px, auto));
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e8ebf0;
  border-radius: 12px;
  background: #fafbfc;
}

.staff-attendance-row span {
  font-size: 11px;
  color: #667085;
}

.staff-attendance-value {
  text-align: center;
}

.staff-module-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e8ebf0;
  border-radius: 12px;
  background: #fafbfc;
}

.staff-module-row small {
  display: block;
  margin-top: 4px;
  color: #667085;
}

.staff-break-btn {
  background: #eef2ff;
  color: #3556b9;
}

.staff-break-btn.active {
  background: #fff4cc;
  color: #8a6500;
}

.staff-performance-breakdown {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 18px;
}

.staff-performance-breakdown article {
  padding: 13px;
  border: 1px solid #e7eaf0;
  border-radius: 12px;
  background: #fff;
}

.staff-performance-breakdown span,
.staff-performance-breakdown strong {
  display: block;
}

.staff-performance-breakdown span {
  color: #667085;
  font-size: 10px;
  font-weight: 800;
}

.staff-performance-breakdown strong {
  margin-top: 6px;
  color: #101828;
}

@media (max-width: 1250px) {
  .staff-ops-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .staff-ops-secondary-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 850px) {
  .staff-attendance-row {
    grid-template-columns: 1fr 1fr;
  }

  .staff-performance-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .staff-ops-stats,
  .staff-performance-breakdown {
    grid-template-columns: 1fr;
  }
}



/* =========================================================
   CUEVA PRO — STAFF PRODUCTION MOBILE V1
   Production staff logic unchanged; presentation only.
========================================================= */

.staff-page,
.staff-wrapper,
.staff-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

/* Header */

.page-title,
.staff-header{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 8px!important;
}

.page-title h1,
.page-title h2,
.staff-header h1,
.staff-header h2{
  margin:0!important;
  overflow:hidden!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.page-title p,
.staff-header p{
  margin:4px 0 0!important;
  color:#8e8e93!important;
  font-size:8px!important;
}

/* Top actions */

.title-actions,
.staff-actions,
.staff-toolbar{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  margin:8px 0!important;
}

.title-actions button,
.staff-actions button,
.staff-toolbar button{
  min-width:0!important;
  min-height:43px!important;
  padding:0 9px!important;
  border-radius:13px!important;
  font-size:8px!important;
  font-weight:800!important;
}

/* Stats */

.staff-stats,
.stats-grid,
.main-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin:8px 0!important;
}

.staff-stats .stat-card,
.stats-grid .stat-card,
.main-stats .stat-card{
  min-width:0!important;
  min-height:94px!important;
  padding:10px!important;
  border:1px solid rgba(17,17,17,.055)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.035)!important;
}

.staff-stats .stat-card h3,
.stats-grid .stat-card h3,
.main-stats .stat-card h3,
.staff-stats .stat-card strong,
.stats-grid .stat-card strong,
.main-stats .stat-card strong{
  display:block!important;
  margin-top:6px!important;
  overflow:hidden!important;
  font-size:20px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.staff-stats .stat-card p,
.stats-grid .stat-card p,
.main-stats .stat-card p{
  margin-top:4px!important;
  color:#8e8e93!important;
  font-size:7px!important;
}

/* Filters */

.staff-filter-card,
.staff-filters,
.filter-card,
.filter-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:8px 0!important;
  padding:10px!important;
  border:1px solid rgba(17,17,17,.055)!important;
  border-radius:17px!important;
  background:#fff!important;
}

.staff-filter-card input,
.staff-filter-card select,
.staff-filters input,
.staff-filters select,
.filter-card input,
.filter-card select{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 9px!important;
  border:1px solid rgba(17,17,17,.07)!important;
  border-radius:12px!important;
  background:#f8f8f9!important;
  font-size:9px!important;
}

/* Staff table -> mobile cards */

.table-wrapper,
.staff-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

.table-wrapper table,
.staff-table-wrap table{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

.table-wrapper thead,
.staff-table-wrap thead{
  display:none!important;
}

.table-wrapper tbody,
.staff-table-wrap tbody{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
}

.table-wrapper tr,
.staff-table-wrap tr{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(17,17,17,.055)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.03)!important;
}

.table-wrapper td,
.staff-table-wrap td{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  font-size:8px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.table-wrapper td:first-child,
.staff-table-wrap td:first-child{
  grid-row:1/5!important;
}

.table-wrapper td:nth-child(2),
.staff-table-wrap td:nth-child(2){
  grid-column:2!important;
  font-size:11px!important;
  font-weight:850!important;
  color:#111!important;
}

.table-wrapper td:nth-child(3),
.table-wrapper td:nth-child(4),
.table-wrapper td:nth-child(5),
.staff-table-wrap td:nth-child(3),
.staff-table-wrap td:nth-child(4),
.staff-table-wrap td:nth-child(5){
  grid-column:2!important;
  color:#8e8e93!important;
  font-size:7px!important;
}

.table-wrapper td:last-child,
.staff-table-wrap td:last-child{
  grid-column:3!important;
  grid-row:1/5!important;
  align-self:center!important;
}

.table-wrapper td:last-child button,
.staff-table-wrap td:last-child button{
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  padding:0!important;
  border-radius:12px!important;
  font-size:0!important;
}

.table-wrapper td:last-child button i,
.staff-table-wrap td:last-child button i{
  font-size:12px!important;
}

/* Native staff cards */

.staff-list,
.staff-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

.staff-card{
  min-width:0!important;
  padding:10px!important;
  border:1px solid rgba(17,17,17,.055)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.03)!important;
}

.staff-card header{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}

.staff-avatar,
.staff-card img{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  object-fit:cover!important;
}

.staff-card h3{
  margin:0!important;
  overflow:hidden!important;
  font-size:11px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.staff-card p{
  margin:3px 0 0!important;
  color:#8e8e93!important;
  font-size:7px!important;
}

/* Shift / attendance cards */

.shift-list,
.staff-shift-list,
.attendance-list{
  display:grid!important;
  gap:7px!important;
  margin-top:9px!important;
}

.shift-card,
.staff-shift-card,
.attendance-card{
  min-width:0!important;
  padding:10px!important;
  border-radius:15px!important;
  background:#fff!important;
}

.shift-card header,
.staff-shift-card header,
.attendance-card header{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  align-items:flex-start!important;
}

.shift-card strong,
.staff-shift-card strong,
.attendance-card strong{
  overflow:hidden!important;
  font-size:9px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.shift-card small,
.staff-shift-card small,
.attendance-card small{
  display:block!important;
  margin-top:3px!important;
  color:#8e8e93!important;
  font-size:7px!important;
}

.shift-metrics,
.staff-shift-metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:8px!important;
}

.shift-metrics>div,
.staff-shift-metrics>div{
  min-width:0!important;
  padding:8px!important;
  border-radius:12px!important;
  background:#f7f7f8!important;
}

.shift-metrics span,
.shift-metrics strong,
.staff-shift-metrics span,
.staff-shift-metrics strong{
  display:block!important;
}

.shift-metrics span,
.staff-shift-metrics span{
  color:#8e8e93!important;
  font-size:6px!important;
}

.shift-metrics strong,
.staff-shift-metrics strong{
  margin-top:4px!important;
  font-size:9px!important;
}

/* Role / permission UI */

.permissions-grid,
.role-permissions,
.staff-permissions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

.permission-item,
.permission-card{
  min-width:0!important;
  padding:9px!important;
  border-radius:13px!important;
  background:#fff!important;
  font-size:8px!important;
}

.permission-item label,
.permission-card label{
  display:flex!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0!important;
}

/* Staff details/modal as bottom sheet */

.modal,
.staff-modal,
#staffModal,
#shiftModal,
#permissionsModal{
  z-index:7300!important;
}

.modal-content,
.staff-modal-content,
#staffModal .modal-content,
#shiftModal .modal-content,
#permissionsModal .modal-content{
  width:100%!important;
  max-width:none!important;
  max-height:92dvh!important;
  overflow-y:auto!important;
  margin:0!important;
  padding:
    11px
    13px
    calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:25px 25px 0 0!important;
  background:#f8f8fa!important;
}

.modal.open,
.staff-modal.open,
#staffModal:not(.hidden),
#shiftModal:not(.hidden),
#permissionsModal:not(.hidden){
  display:flex!important;
  align-items:flex-end!important;
}

.modal input,
.modal select,
.modal textarea,
.staff-modal input,
.staff-modal select,
.staff-modal textarea{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  border-radius:12px!important;
  font-size:9px!important;
}

.form-grid,
.staff-form-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
}

.modal-actions,
.staff-modal-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}

.modal-actions button,
.staff-modal-actions button{
  min-height:46px!important;
  border-radius:13px!important;
  font-size:8px!important;
}

/* Staff detail summary */

.staff-detail-grid,
.staff-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}

.staff-detail-grid>div,
.staff-summary-grid>div{
  min-width:0!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#fff!important;
}

.staff-detail-grid span,
.staff-detail-grid strong,
.staff-summary-grid span,
.staff-summary-grid strong{
  display:block!important;
}

.staff-detail-grid span,
.staff-summary-grid span{
  color:#8e8e93!important;
  font-size:7px!important;
}

.staff-detail-grid strong,
.staff-summary-grid strong{
  margin-top:5px!important;
  overflow:hidden!important;
  font-size:10px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Phone */

@media(max-width:430px){
  .staff-stats,
  .stats-grid,
  .main-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .permissions-grid,
  .role-permissions,
  .staff-permissions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:350px){
  .title-actions,
  .staff-actions,
  .staff-toolbar,
  .shift-metrics,
  .staff-shift-metrics,
  .permissions-grid,
  .role-permissions,
  .staff-permissions,
  .modal-actions,
  .staff-modal-actions,
  .staff-detail-grid,
  .staff-summary-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   CUEVA STAFF — CLEAN MOBILE OPERATIONS V3
   Readable, touch-first final layer.
   ========================================================= */
#pageContent:has(.staff-operations) {
  display: block !important;
  padding: 10px 10px calc(92px + env(safe-area-inset-bottom)) !important;
  background: #f4f5f7 !important;
  color: #191a1e !important;
}

#pageContent:has(.staff-operations) .page-title {
  margin: 0 0 10px !important;
  padding: 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  border: 1px solid #e7e8eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 5px 20px rgba(20,22,28,.045) !important;
}

#pageContent:has(.staff-operations) .page-title h2 {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

#pageContent:has(.staff-operations) .page-title span {
  display: block !important;
  margin-top: 4px !important;
  color: #797b82 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}

#pageContent:has(.staff-operations) #addStaffBtn {
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 13px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #17191f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#pageContent:has(.staff-operations) .main-stats {
  margin: 0 0 10px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 7px !important;
}

#pageContent:has(.staff-operations) .main-stats .stat-card {
  min-width: 0 !important;
  min-height: 88px !important;
  padding: 11px 7px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 6px !important;
  border: 1px solid #e7e8eb !important;
  border-radius: 17px !important;
  background: #fff !important;
  text-align: center !important;
  box-shadow: none !important;
}

#pageContent:has(.staff-operations) .main-stats .gold-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}

#pageContent:has(.staff-operations) .main-stats h3 {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#pageContent:has(.staff-operations) .main-stats p {
  margin: 2px 0 0 !important;
  color: #6f7178 !important;
  font-size: 9px !important;
  font-weight: 850 !important;
}

#pageContent:has(.staff-operations) .main-stats small { display: none !important; }

#pageContent:has(.staff-operations) .staff-operations {
  margin: 0 0 10px !important;
  padding: 13px !important;
  border: 1px solid #e7e8eb !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#pageContent:has(.staff-operations) .staff-operations-head {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

#pageContent:has(.staff-operations) .staff-ops-eyebrow {
  color: #a47a18 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
}

#pageContent:has(.staff-operations) .staff-operations h3,
#pageContent:has(.staff-operations) .staff-ops-panel h4,
#pageContent:has(.staff-operations) .staff-card h3 {
  margin: 3px 0 0 !important;
  color: #191a1e !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

#pageContent:has(.staff-operations) .staff-operations p,
#pageContent:has(.staff-operations) .staff-ops-panel p,
#pageContent:has(.staff-operations) .staff-card p {
  margin: 4px 0 0 !important;
  color: #7b7d84 !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}

#pageContent:has(.staff-operations) .staff-ops-date-controls {
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
  scrollbar-width: none !important;
}

#pageContent:has(.staff-operations) .staff-ops-date-controls button,
#pageContent:has(.staff-operations) .staff-ops-date-controls input {
  flex: 0 0 auto !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid #e2e3e7 !important;
  border-radius: 12px !important;
  background: #f7f7f8 !important;
  color: #55575d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

#pageContent:has(.staff-operations) .staff-ops-period.active {
  border-color: #17191f !important;
  background: #17191f !important;
  color: #fff !important;
}

#pageContent:has(.staff-operations) .staff-ops-stats {
  margin: 12px -2px 0 !important;
  padding: 2px !important;
  display: flex !important;
  gap: 7px !important;
  overflow-x: auto !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
}

#pageContent:has(.staff-operations) .staff-ops-stats article {
  flex: 0 0 132px !important;
  min-height: 82px !important;
  padding: 11px !important;
  border: 1px solid #e8e9ec !important;
  border-radius: 15px !important;
  background: #fafafa !important;
  scroll-snap-align: start !important;
}

#pageContent:has(.staff-operations) .staff-ops-stats span,
#pageContent:has(.staff-operations) .staff-ops-stats small {
  display: block !important;
  color: #85878e !important;
  font-size: 9px !important;
  line-height: 1.3 !important;
  font-weight: 750 !important;
}

#pageContent:has(.staff-operations) .staff-ops-stats strong {
  display: block !important;
  margin: 7px 0 4px !important;
  color: #191a1e !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#pageContent:has(.staff-operations) .staff-ops-layout {
  margin-top: 10px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
}

#pageContent:has(.staff-operations) .staff-ops-panel,
#pageContent:has(.staff-operations) .staff-card {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid #e8e9ec !important;
  border-radius: 17px !important;
  background: #fafafa !important;
  box-shadow: none !important;
}

#pageContent:has(.staff-operations) .staff-ops-table-wrap {
  margin-top: 10px !important;
  overflow-x: auto !important;
  border: 1px solid #e5e6e9 !important;
  border-radius: 14px !important;
  background: #fff !important;
}

#pageContent:has(.staff-operations) .staff-ops-table-wrap table {
  min-width: 900px !important;
  font-size: 11px !important;
}

#pageContent:has(.staff-operations) .staff-ops-table-wrap th,
#pageContent:has(.staff-operations) .staff-ops-table-wrap td {
  min-height: 42px !important;
  padding: 10px !important;
  font-size: 11px !important;
}

#pageContent:has(.staff-operations) .staff-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

#pageContent:has(.staff-operations) .staff-toolbar {
  margin-top: 10px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

#pageContent:has(.staff-operations) .staff-search-box,
#pageContent:has(.staff-operations) .staff-toolbar input,
#pageContent:has(.staff-operations) .staff-toolbar select {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
}

#pageContent:has(.staff-operations) button {
  touch-action: manipulation !important;
}

#pageContent:has(.staff-operations) .staff-list,
#pageContent:has(.staff-operations) .staff-grid,
#pageContent:has(.staff-operations) .staff-leaderboard-list,
#pageContent:has(.staff-operations) .staff-attendance-grid,
#pageContent:has(.staff-operations) .staff-module-grid {
  gap: 8px !important;
}

#pageContent:has(.staff-operations) .staff-item,
#pageContent:has(.staff-operations) .staff-row,
#pageContent:has(.staff-operations) .staff-member-card,
#pageContent:has(.staff-operations) .staff-leaderboard-item,
#pageContent:has(.staff-operations) .staff-attendance-card,
#pageContent:has(.staff-operations) .staff-module-card {
  padding: 12px !important;
  border: 1px solid #e5e6e9 !important;
  border-radius: 15px !important;
  background: #fff !important;
  font-size: 12px !important;
}

#pageContent:has(.staff-operations) .staff-modal-card,
#pageContent:has(.staff-operations) .modal-content {
  max-height: 92dvh !important;
  padding: 16px 14px calc(18px + env(safe-area-inset-bottom)) !important;
  border-radius: 24px 24px 0 0 !important;
  background: #f8f8fa !important;
}

#pageContent:has(.staff-operations) .staff-modal-card input,
#pageContent:has(.staff-operations) .staff-modal-card select,
#pageContent:has(.staff-operations) .staff-modal-card textarea,
#pageContent:has(.staff-operations) .modal-content input,
#pageContent:has(.staff-operations) .modal-content select,
#pageContent:has(.staff-operations) .modal-content textarea {
  min-height: 48px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  font-size: 16px !important;
}

#pageContent:has(.staff-operations) .modal-actions button,
#pageContent:has(.staff-operations) .staff-modal-actions button {
  min-height: 50px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

@media (max-width: 390px) {
  #pageContent:has(.staff-operations) .page-title span { display: none !important; }
  #pageContent:has(.staff-operations) #addStaffBtn { font-size: 0 !important; }
  #pageContent:has(.staff-operations) #addStaffBtn i { font-size: 15px !important; }
  #pageContent:has(.staff-operations) .main-stats { gap: 5px !important; }
  #pageContent:has(.staff-operations) .main-stats .stat-card { padding-inline: 4px !important; }
}


/* =========================================================
   CUEVA v355 — Working compact Staff page
   Existing production Staff DOM stays mounted for its JS.
   ========================================================= */

@media (max-width:700px){

  #pageContent:has(.staff-compact-v355){
    padding:18px 16px calc(90px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
  }

  #pageContent:has(.staff-compact-v355) .page-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    margin:0 0 15px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #pageContent:has(.staff-compact-v355) .page-title h2{
    margin:0!important;
    color:#111217!important;
    font-size:27px!important;
    font-weight:820!important;
    letter-spacing:-.04em!important;
  }

  #pageContent:has(.staff-compact-v355) .page-title span{
    display:block!important;
    margin-top:5px!important;
    color:#85878e!important;
    font-size:11px!important;
  }

  #pageContent:has(.staff-compact-v355) #addStaffBtn{
    width:auto!important;
    min-height:40px!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:12px!important;
    background:#111217!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:820!important;
  }

  #pageContent:has(.staff-compact-v355) #addStaffBtn i{
    color:#d8ac3a!important;
  }

  /* Old account summary and old operations UI remain in DOM for production JS,
     but are not shown on the compact main screen. */
  #pageContent:has(.staff-compact-v355) > .stats-grid.main-stats,
  #pageContent:has(.staff-compact-v355) > .staff-operations{
    position:absolute!important;
    left:-99999px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .staff-day-switch-v355{
    display:grid;
    grid-template-columns:1fr 1fr 1.2fr;
    gap:4px;
    padding:4px;
    margin-bottom:11px;
    border:1px solid rgba(17,18,23,.07);
    border-radius:14px;
    background:#f7f7f8;
  }

  .staff-day-switch-v355 button{
    min-height:36px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#7d7f85;
    font-size:9.5px;
    font-weight:780;
  }

  .staff-day-switch-v355 button.active{
    background:#fff;
    color:#111217;
    box-shadow:0 3px 10px rgba(17,18,23,.06);
  }

  .staff-kpis-v355{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:14px;
  }

  .staff-kpis-v355 article{
    min-height:104px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    padding:12px;
    border:1px solid rgba(17,18,23,.07);
    border-radius:17px;
    background:#fff;
    box-shadow:0 5px 16px rgba(17,18,23,.04);
  }

  .staff-kpi-icon-v355{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:12px;
    background:#fbf4e4;
    color:#a87500;
  }

  .staff-kpis-v355 article span{
    display:block;
    color:#777a80;
    font-size:10px;
    font-weight:650;
  }

  .staff-kpis-v355 article strong{
    display:block;
    margin-top:7px;
    overflow:hidden;
    color:#111217;
    font-size:22px;
    font-weight:780;
    line-height:1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .staff-kpis-v355 article small{
    display:block;
    margin-top:7px;
    color:#aaaab0;
    font-size:8.5px;
  }

  .staff-handover-v355{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:11px;
    padding:11px 12px;
    border:1px solid #eadba9;
    border-radius:14px;
    background:#fff9e8;
    text-align:left;
  }

  .staff-handover-v355[hidden]{
    display:none!important;
  }

  .staff-handover-v355 span{
    display:block;
    color:#a27a19;
    font-size:7px;
    font-weight:850;
    letter-spacing:.11em;
  }

  .staff-handover-v355 strong{
    display:block;
    margin-top:3px;
    color:#292a2f;
    font-size:10px;
  }

  .staff-summary-section-v355 header{
    margin:0 2px 9px;
  }

  .staff-summary-section-v355 header span{
    color:#a87408;
    font-size:9px;
    font-weight:850;
    letter-spacing:.12em;
  }

  .staff-summary-section-v355 header h3{
    margin:4px 0 0;
    color:#111217;
    font-size:18px;
    font-weight:830;
    letter-spacing:-.03em;
  }

  .staff-summary-list-v355{
    display:grid;
    gap:8px;
  }

  .staff-person-card-v355{
    padding:12px;
    border:1px solid rgba(17,18,23,.065);
    border-radius:17px;
    background:#fff;
    box-shadow:0 5px 16px rgba(17,18,23,.035);
  }

  .staff-person-head-v355,
  .staff-person-v355{
    display:flex;
    align-items:center;
  }

  .staff-person-head-v355{
    justify-content:space-between;
    gap:10px;
  }

  .staff-person-v355{
    gap:9px;
    min-width:0;
  }

  .staff-avatar-v355{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
    background:#fbf4e4;
    color:#a87500;
    font-size:11px;
    font-weight:850;
  }

  .staff-person-v355 strong{
    display:block;
    font-size:13px;
    font-weight:850;
  }

  .staff-person-v355 small{
    display:block;
    margin-top:2px;
    color:#929298;
    font-size:8px;
  }

  .staff-shift-pill-v355{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    padding:0 8px;
    border-radius:999px;
    background:#f2f2f3;
    color:#77787d;
    font-size:8px;
    font-weight:800;
  }

  .staff-shift-pill-v355.on{
    background:#ebf8f0;
    color:#25885a;
  }

  .staff-person-stats-v355{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:10px;
  }

  .staff-person-stats-v355>div{
    padding:8px 9px;
    border-radius:11px;
    background:#f7f7f8;
  }

  .staff-person-stats-v355 span{
    display:block;
    color:#8c8d92;
    font-size:7px;
    font-weight:700;
  }

  .staff-person-stats-v355 strong{
    display:block;
    margin-top:4px;
    overflow:hidden;
    font-size:11px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .staff-person-payments-v355{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin-top:9px;
    padding:8px 9px 0;
    border-top:1px solid #eeeeef;
  }

  .staff-person-payments-v355 span{
    color:#8b8c91;
    font-size:7.5px;
  }

  .staff-person-payments-v355 strong{
    margin-left:3px;
    color:#34353a;
  }

  .staff-person-handover-v355{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:8px;
    padding:8px 9px;
    border-radius:10px;
    background:#fff7df;
    color:#896813;
    font-size:8px;
  }

  .staff-person-handover-v355 span{
    flex:1;
  }

  .staff-empty-v355{
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:13px;
    border:1px solid rgba(17,18,23,.065);
    border-radius:17px;
    background:#fff;
    color:#8e8e93;
    text-align:center;
  }

  .staff-empty-v355 strong{
    color:#33353a;
    font-size:10px;
  }

  .staff-empty-v355 span{
    font-size:8.5px;
  }

  .staff-accounts-entry-v355{
    width:100%;
    min-height:66px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:11px;
    padding:12px 13px;
    border:1px solid rgba(17,18,23,.065);
    border-radius:17px;
    background:#fff;
    text-align:left;
    box-shadow:0 5px 16px rgba(17,18,23,.03);
  }

  .staff-accounts-entry-v355 strong{
    display:block;
    color:#111217;
    font-size:11px;
    font-weight:800;
  }

  .staff-accounts-entry-v355 small{
    display:block;
    margin-top:4px;
    color:#8e8e93;
    font-size:8.5px;
  }

  .staff-accounts-entry-v355>i{
    color:#b18418;
  }

  /* Original account management panel */
  .staff-accounts-panel-v355{
    margin-top:11px!important;
  }

  .staff-accounts-panel-v355[hidden]{
    display:none!important;
  }

  .staff-accounts-panel-v355 .staff-card{
    border:1px solid rgba(17,18,23,.065)!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(17,18,23,.03)!important;
  }

  .staff-accounts-panel-v355 .card-head{
    padding:13px!important;
  }

  .staff-accounts-eyebrow-v355{
    display:block;
    color:#a87408;
    font-size:8px;
    font-weight:850;
    letter-spacing:.12em;
  }

  .staff-accounts-close-v355{
    width:32px;
    height:32px;
    border:0;
    border-radius:10px;
    background:#f5f5f6;
    color:#55565a;
  }

  .staff-accounts-panel-v355 #refreshStaffBtn{
    display:none!important;
  }

  .staff-accounts-panel-v355 .staff-toolbar{
    padding:0 12px 10px!important;
  }

  /* Keep Add Staff modal behavior intact. */
  #staffModal.modal-overlay[aria-hidden="true"]{
    display:none!important;
  }

  #staffModal.modal-overlay.show{
    display:flex!important;
  }
}


/* =========================================================
   CUEVA v356 — Staff Accounts sheet + Custom Date fix
   ========================================================= */

@media (max-width:700px){

  /* ---------- Custom Date ---------- */
  .staff-custom-date-v356{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin:-3px 0 12px;
    padding:10px 11px;
    border:1px solid rgba(17,18,23,.07);
    border-radius:13px;
    background:#fff;
  }

  .staff-custom-date-v356[hidden]{
    display:none!important;
  }

  .staff-custom-date-v356>span{
    color:#7d7f85;
    font-size:9px;
    font-weight:750;
  }

  .staff-custom-date-v356 input{
    width:100%;
    min-height:38px;
    padding:0 10px;
    border:1px solid #e4e5e8;
    border-radius:10px;
    background:#f7f7f8;
    color:#1d1d1f;
    font-size:16px; /* prevent iPhone zoom */
    font-weight:700;
  }

  /* ---------- Manage Staff Accounts as a clean mobile sheet ---------- */
  .staff-accounts-panel-v355:not([hidden]){
    position:fixed!important;
    inset:78px 0 0 0!important;
    z-index:9800!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border-radius:24px 24px 0 0!important;
    background:#f7f7f8!important;
    box-shadow:0 -18px 50px rgba(0,0,0,.15)!important;
  }

  .staff-accounts-panel-v355:not([hidden])::before{
    content:"";
    position:sticky;
    top:8px;
    z-index:10;
    display:block;
    width:42px;
    height:5px;
    margin:8px auto 2px;
    border-radius:999px;
    background:#c8c9cd;
  }

  .staff-accounts-panel-v355 .staff-card{
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .staff-accounts-panel-v355 .card-head{
    position:sticky!important;
    top:0!important;
    z-index:9!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:10px!important;
    padding:15px 16px 13px!important;
    border-bottom:1px solid #ececef!important;
    background:rgba(247,247,248,.96)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .staff-accounts-panel-v355 .card-head>div{
    min-width:0;
  }

  .staff-accounts-panel-v355 .card-head h3{
    margin:3px 0 0!important;
    font-size:21px!important;
    font-weight:850!important;
    letter-spacing:-.03em!important;
  }

  .staff-accounts-panel-v355 .card-head p{
    margin:4px 0 0!important;
    color:#8e8e93!important;
    font-size:9px!important;
  }

  .staff-accounts-eyebrow-v355{
    color:#a87408!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.12em!important;
  }

  .staff-accounts-close-v355{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:12px!important;
    background:#ededf0!important;
    color:#55565b!important;
    font-size:14px!important;
  }

  #refreshStaffBtn{
    display:none!important;
  }

  /* Search first, two compact filters below */
  .staff-accounts-panel-v355 .staff-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:12px 14px!important;
    border-bottom:0!important;
    background:transparent!important;
  }

  .staff-accounts-panel-v355 .staff-search-box{
    grid-column:1 / -1!important;
  }

  .staff-accounts-panel-v355 .staff-toolbar input,
  .staff-accounts-panel-v355 .staff-toolbar select{
    height:43px!important;
    min-height:43px!important;
    padding:0 11px!important;
    border:1px solid #e4e5e8!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    font-size:16px!important;
  }

  .staff-accounts-panel-v355 .staff-toolbar select{
    font-size:10px!important;
    font-weight:700!important;
  }

  .staff-accounts-panel-v355 .staff-search-box input{
    padding-left:39px!important;
  }

  .staff-accounts-panel-v355 .staff-search-box i{
    left:14px!important;
    font-size:12px!important;
  }

  /* Convert account table into clean cards */
  .staff-accounts-panel-v355 .staff-table-wrap{
    overflow:visible!important;
    padding:0 14px calc(28px + env(safe-area-inset-bottom))!important;
  }

  .staff-accounts-panel-v355 .staff-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  .staff-accounts-panel-v355 .staff-table thead{
    display:none!important;
  }

  .staff-accounts-panel-v355 .staff-table tbody{
    display:grid!important;
    gap:9px!important;
  }

  .staff-accounts-panel-v355 .staff-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px 10px!important;
    padding:12px!important;
    border:1px solid #e7e8eb!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(17,18,23,.03)!important;
  }

  .staff-accounts-panel-v355 .staff-table tbody td{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Staff identity */
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(1){
    grid-column:1 / 2!important;
    grid-row:1!important;
  }

  .staff-accounts-panel-v355 .staff-profile-cell{
    gap:9px!important;
  }

  .staff-accounts-panel-v355 .staff-avatar{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:12px!important;
    background:#fbf4e4!important;
    color:#a87500!important;
  }

  .staff-accounts-panel-v355 .staff-profile-copy strong{
    font-size:13px!important;
  }

  .staff-accounts-panel-v355 .staff-profile-copy>span{
    max-width:175px!important;
    color:#8e8e93!important;
    font-size:9px!important;
  }

  /* Status on top-right */
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(4){
    grid-column:2 / 3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
  }

  .staff-accounts-panel-v355 .staff-status-badge{
    padding:5px 8px!important;
    font-size:8px!important;
  }

  .staff-accounts-panel-v355 .staff-status-cell small{
    display:none!important;
  }

  /* Hide role and created/login clutter from card */
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(2),
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(5){
    display:none!important;
  }

  /* Permissions */
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(3){
    grid-column:1 / -1!important;
    padding-top:8px!important;
    border-top:1px solid #eeeeef!important;
  }

  .staff-accounts-panel-v355 .staff-permission-badges{
    gap:5px!important;
  }

  .staff-accounts-panel-v355 .staff-permission-badge{
    padding:4px 7px!important;
    border-radius:8px!important;
    background:#f7f7f8!important;
    color:#64666c!important;
    font-size:8px!important;
  }

  .staff-accounts-panel-v355 .staff-permission-badge.more{
    background:#fbf4e4!important;
    border-color:#eee1bd!important;
    color:#9d7411!important;
  }

  /* Actions: simple 3-button footer */
  .staff-accounts-panel-v355 .staff-table tbody td:nth-child(6){
    grid-column:1 / -1!important;
    padding-top:8px!important;
    border-top:1px solid #eeeeef!important;
  }

  .staff-accounts-panel-v355 .staff-row-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  .staff-accounts-panel-v355 .staff-action-btn{
    min-height:37px!important;
    padding:0 7px!important;
    border:1px solid #e6e7ea!important;
    border-radius:10px!important;
    background:#f8f8f9!important;
    font-size:9px!important;
  }

  .staff-accounts-panel-v355 .staff-action-btn.delete{
    background:#fff4f2!important;
    border-color:#f0dcda!important;
    color:#b3261e!important;
  }

  .staff-accounts-panel-v355 .staff-empty-row,
  .staff-accounts-panel-v355 .staff-loading-row{
    display:block!important;
    padding:30px 12px!important;
    border:1px solid #e7e8eb!important;
    border-radius:16px!important;
    background:#fff!important;
  }
}


/* =========================================================
   CUEVA v358 — Custom Date matched to dashboard
   ========================================================= */

@media (max-width:700px){

  .staff-custom-date-v358{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    margin:-2px 0 12px!important;
    padding:10px 12px!important;
    border:1px solid rgba(17,18,23,.07)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(17,18,23,.03)!important;
  }

  .staff-custom-date-v358[hidden]{
    display:none!important;
  }

  .staff-custom-date-icon-v358{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:#fbf4e4!important;
    color:#a87500!important;
  }

  .staff-custom-date-icon-v358 i{
    font-size:15px!important;
  }

  .staff-custom-date-copy-v358{
    min-width:0!important;
  }

  .staff-custom-date-copy-v358>span{
    display:block!important;
    margin:0 0 3px!important;
    color:#a87408!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
  }

  .staff-custom-date-copy-v358 input{
    width:100%!important;
    min-height:30px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#111217!important;
    font-size:18px!important;
    font-weight:780!important;
    line-height:1!important;
    box-shadow:none!important;
    outline:none!important;
  }

  .staff-custom-date-copy-v358 input::-webkit-calendar-picker-indicator{
    opacity:.55!important;
    cursor:pointer!important;
  }
}


/* =========================================================
   CUEVA v359 — Custom Date compact + dashboard matching
   ========================================================= */

@media (max-width:700px){

  /* Override the previous card-like custom date design completely */
  .staff-custom-date-v356.staff-custom-date-v359{
    display:grid!important;
    grid-template-columns:22px auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    width:calc(100% - 10px)!important;
    margin:7px 5px 0!important;
    padding:8px 10px!important;
    border:0!important;
    border-top:1px solid rgba(17,18,23,.06)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .staff-custom-date-v359[hidden]{
    display:none!important;
  }

  .staff-custom-date-v359>i{
    display:block!important;
    color:#a87500!important;
    font-size:13px!important;
  }

  .staff-custom-date-v359>span{
    display:block!important;
    margin:0!important;
    color:#8a8b90!important;
    font-size:9px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  .staff-custom-date-v359 input{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:0 9px!important;
    border:1px solid #e4e5e8!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#111217!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1!important;
    text-align:left!important;
    box-shadow:none!important;
    outline:none!important;
  }

  .staff-custom-date-v359 input::-webkit-calendar-picker-indicator{
    opacity:.5!important;
    margin-left:4px!important;
  }

  /* Keep the segmented control compact even when custom date is open */
  .staff-day-switch-v355{
    padding-bottom:4px!important;
  }
}


/* =========================================================
   CUEVA v360 — Clean Staff Details
   No performance score / revenue / activity timeline.
   ========================================================= */

@media (max-width:700px){

  #staffPerformanceModal{
    align-items:flex-end!important;
    padding:0!important;
    background:rgba(0,0,0,.30)!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  #staffPerformanceModal .staff-details-v360{
    width:100%!important;
    max-height:92dvh!important;
    margin:0!important;
    overflow:auto!important;
    border:0!important;
    border-radius:25px 25px 0 0!important;
    background:#fff!important;
    box-shadow:0 -18px 50px rgba(0,0,0,.15)!important;
  }

  #staffPerformanceModal .modal-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:10px!important;
    padding:16px 16px 13px!important;
    border-bottom:1px solid #eeeeef!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  #staffPerformanceModal .modal-label{
    color:#a87408!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.12em!important;
  }

  #staffPerformanceModal .modal-head h3{
    margin:4px 0 0!important;
    color:#111217!important;
    font-size:22px!important;
    font-weight:850!important;
    letter-spacing:-.03em!important;
  }

  #staffPerformanceModal .modal-head p{
    margin:4px 0 0!important;
    color:#8e8e93!important;
    font-size:9px!important;
  }

  #staffPerformanceModal #closeStaffPerformanceModal{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:12px!important;
    background:#f1f1f3!important;
    color:#55565b!important;
    font-size:14px!important;
  }

  .staff-details-body-v360{
    padding:14px 14px calc(24px + env(safe-area-inset-bottom))!important;
  }

  .staff-details-summary-v360{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .staff-details-summary-v360 article{
    min-height:78px!important;
    padding:11px!important;
    border:1px solid rgba(17,18,23,.06)!important;
    border-radius:14px!important;
    background:#f7f7f8!important;
  }

  .staff-details-summary-v360 span{
    display:block!important;
    color:#8e8e93!important;
    font-size:8px!important;
    font-weight:700!important;
  }

  .staff-details-summary-v360 strong{
    display:block!important;
    margin-top:7px!important;
    overflow:hidden;
    color:#111217!important;
    font-size:16px!important;
    font-weight:850!important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .staff-details-section-v360{
    margin-top:12px!important;
    padding:12px!important;
    border:1px solid rgba(17,18,23,.065)!important;
    border-radius:16px!important;
    background:#fff!important;
  }

  .staff-details-section-head-v360 span{
    display:block!important;
    color:#a87408!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
  }

  .staff-details-section-head-v360 h4{
    margin:3px 0 0!important;
    color:#111217!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  .staff-details-payment-grid-v360{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:9px!important;
  }

  .staff-details-payment-grid-v360 article{
    min-height:61px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    background:#f7f7f8!important;
  }

  .staff-details-payment-grid-v360 article span{
    display:block!important;
    color:#8e8e93!important;
    font-size:8px!important;
  }

  .staff-details-payment-grid-v360 article strong{
    display:block!important;
    margin-top:5px!important;
    color:#111217!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  .staff-shift-history-v360{
    display:grid!important;
    gap:7px!important;
    margin-top:9px!important;
  }

  .staff-shift-row-v360{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:12px!important;
    background:#f7f7f8!important;
  }

  .staff-shift-row-v360>div:last-child{
    text-align:right!important;
  }

  .staff-shift-row-v360 strong{
    display:block!important;
    color:#303137!important;
    font-size:9px!important;
    font-weight:800!important;
  }

  .staff-shift-row-v360 span{
    display:block!important;
    margin-top:3px!important;
    color:#8e8e93!important;
    font-size:8px!important;
  }

  .staff-cash-responsibility-v360{
    display:grid!important;
    gap:7px!important;
    margin-top:9px!important;
  }

  .staff-cash-row-v360{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:12px!important;
    background:#f7f7f8!important;
  }

  .staff-cash-row-v360 span{
    color:#777980!important;
    font-size:9px!important;
  }

  .staff-cash-row-v360 strong{
    color:#111217!important;
    font-size:10px!important;
    font-weight:850!important;
  }

  .staff-cash-row-v360 strong.pending{
    color:#a66f00!important;
  }

  .staff-permissions-v360{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:9px!important;
  }

  .staff-permissions-v360>span{
    padding:6px 8px!important;
    border:1px solid #e6e7ea!important;
    border-radius:9px!important;
    background:#f7f7f8!important;
    color:#5f6167!important;
    font-size:8px!important;
    font-weight:750!important;
  }

  .staff-details-empty-v360{
    grid-column:1 / -1!important;
    padding:12px!important;
    border-radius:11px!important;
    background:#f7f7f8!important;
    color:#8e8e93!important;
    text-align:center!important;
    font-size:8.5px!important;
  }
}


/* =========================================================
   CUEVA v366 — Restore working Staff page
   Hide Team & Access UI without touching production JS/DOM.
   ========================================================= */

@media (max-width:700px){

  /* Hide the account-management launcher and legacy account block only. */
  #staffV355AccountsBtn{
    display:none!important;
  }

  #staffV355AccountsPanel{
    display:none!important;
  }

  /* Keep the actual Staff dashboard visible and balanced. */
  #pageContent:has(.staff-compact-v355){
    display:block!important;
    padding:18px 16px calc(88px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
  }

  #pageContent:has(.staff-compact-v355) .page-title,
  .staff-compact-v355,
  .staff-day-switch-v355,
  .staff-kpis-v355,
  .staff-summary-section-v355{
    visibility:visible!important;
    opacity:1!important;
  }
}


/* =========================================================
   CUEVA v367 — Manage Staff refined mobile design
   Preserve all existing staff account logic/actions.
   ========================================================= */

@media (max-width:700px){

  #staffV355AccountsPanel{
    display:block!important;
    margin-top:13px!important;
    padding:0!important;
    border:1px solid rgba(17,18,23,.065)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(17,18,23,.035)!important;
    overflow:hidden!important;
  }

  #staffV355AccountsPanel .staff-card{
    margin:0!important;
    border:0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  #staffV355AccountsPanel .card-head{
    display:block!important;
    padding:14px 14px 11px!important;
    border-bottom:1px solid #eeeeef!important;
    background:#fff!important;
  }

  #staffV355AccountsPanel .staff-accounts-eyebrow-v355{
    display:block!important;
    color:#a87408!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:.12em!important;
  }

  #staffV355AccountsPanel .card-head h3{
    margin:4px 0 0!important;
    color:#111217!important;
    font-size:18px!important;
    font-weight:850!important;
    line-height:1.1!important;
    letter-spacing:-.03em!important;
  }

  #staffV355AccountsPanel .card-head p{
    margin:4px 0 0!important;
    color:#8e8e93!important;
    font-size:9px!important;
    line-height:1.3!important;
  }

  #staffV355AccountsPanel #refreshStaffBtn,
  #staffV355AccountsPanel .staff-accounts-close-v355{
    display:none!important;
  }

  /* Search + filters */
  #staffV355AccountsPanel .staff-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:10px 12px 11px!important;
    background:#fff!important;
    border-bottom:1px solid #f0f0f1!important;
  }

  #staffV355AccountsPanel .staff-search-box{
    grid-column:1 / -1!important;
    position:relative!important;
  }

  #staffV355AccountsPanel .staff-toolbar input,
  #staffV355AccountsPanel .staff-toolbar select{
    min-height:42px!important;
    height:42px!important;
    border:1px solid #e5e6e9!important;
    border-radius:12px!important;
    background:#f8f8f9!important;
    box-shadow:none!important;
  }

  #staffV355AccountsPanel .staff-toolbar input{
    padding-left:39px!important;
    font-size:16px!important;
  }

  #staffV355AccountsPanel .staff-toolbar select{
    padding:0 10px!important;
    color:#4c4e54!important;
    font-size:9px!important;
    font-weight:750!important;
  }

  #staffV355AccountsPanel .staff-search-box i{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:#9b9ca2!important;
    font-size:12px!important;
    pointer-events:none!important;
  }

  /* Account list */
  #staffV355AccountsPanel .staff-table-wrap{
    overflow:visible!important;
    padding:10px 12px 12px!important;
  }

  #staffV355AccountsPanel .staff-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-table thead{
    display:none!important;
  }

  #staffV355AccountsPanel .staff-table tbody{
    display:grid!important;
    gap:9px!important;
  }

  #staffV355AccountsPanel .staff-table tbody tr{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px 10px!important;
    padding:12px!important;
    border:1px solid #e9e9ec!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(17,18,23,.025)!important;
  }

  #staffV355AccountsPanel .staff-table tbody td{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Name + email */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(1){
    grid-column:1 / 2!important;
    grid-row:1!important;
  }

  #staffV355AccountsPanel .staff-profile-cell{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-avatar{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:12px!important;
    background:#fbf4e4!important;
    color:#a87500!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  #staffV355AccountsPanel .staff-profile-copy{
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-profile-copy strong{
    display:block!important;
    overflow:hidden!important;
    color:#111217!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #staffV355AccountsPanel .staff-profile-copy>span{
    display:block!important;
    max-width:180px!important;
    margin-top:3px!important;
    overflow:hidden!important;
    color:#8f9096!important;
    font-size:8.5px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Status top-right */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(4){
    grid-column:2 / 3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
  }

  #staffV355AccountsPanel .staff-status-badge{
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:8px!important;
    font-weight:800!important;
  }

  #staffV355AccountsPanel .staff-status-cell small{
    display:none!important;
  }

  /* Hide role/created clutter */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(2),
  #staffV355AccountsPanel .staff-table tbody td:nth-child(5){
    display:none!important;
  }

  /* Permissions directly under identity */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(3){
    grid-column:1 / -1!important;
    padding-top:8px!important;
    border-top:1px solid #efeff1!important;
  }

  #staffV355AccountsPanel .staff-permission-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
  }

  #staffV355AccountsPanel .staff-permission-badge{
    padding:4px 7px!important;
    border:1px solid #e6e7ea!important;
    border-radius:8px!important;
    background:#f7f7f8!important;
    color:#61636a!important;
    font-size:7.5px!important;
    font-weight:700!important;
  }

  #staffV355AccountsPanel .staff-permission-badge.more{
    background:#fbf4e4!important;
    border-color:#ecdcae!important;
    color:#966d0c!important;
  }

  /* Actions as compact footer */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(6){
    grid-column:1 / -1!important;
    padding-top:8px!important;
    border-top:1px solid #efeff1!important;
  }

  #staffV355AccountsPanel .staff-row-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #staffV355AccountsPanel .staff-action-btn{
    min-height:36px!important;
    padding:0 7px!important;
    border:1px solid #e7e8eb!important;
    border-radius:10px!important;
    background:#f8f8f9!important;
    color:#56585e!important;
    font-size:8.5px!important;
    font-weight:800!important;
  }

  #staffV355AccountsPanel .staff-action-btn i{
    font-size:11px!important;
  }

  #staffV355AccountsPanel .staff-action-btn.delete{
    background:#fff5f3!important;
    border-color:#f0dbd8!important;
    color:#b3261e!important;
  }

  /* Remove unnecessary tall empty space */
  #staffV355AccountsPanel .staff-card,
  #staffV355AccountsPanel .staff-table-wrap,
  #staffV355AccountsPanel .staff-table tbody{
    min-height:0!important;
  }
}


/* =========================================================
   CUEVA v368 — Manage Staff clean compact redesign
   ========================================================= */

@media (max-width:700px){

  #staffV355AccountsPanel{
    margin-top:13px!important;
    border:1px solid rgba(17,18,23,.055)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(17,18,23,.025)!important;
    overflow:hidden!important;
  }

  #staffV355AccountsPanel .card-head{
    padding:14px 14px 10px!important;
    border-bottom:0!important;
    background:#fff!important;
  }

  #staffV355AccountsPanel .card-head h3{
    margin-top:4px!important;
    font-size:18px!important;
  }

  #staffV355AccountsPanel .card-head p{
    margin-top:3px!important;
    font-size:8.5px!important;
  }

  #staffV355AccountsPanel #refreshStaffBtn,
  #staffV355AccountsPanel .staff-accounts-close-v355{
    display:none!important;
  }

  /* Search and filters */
  #staffV355AccountsPanel .staff-toolbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:0 12px 11px!important;
    background:#fff!important;
    border-bottom:0!important;
  }

  #staffV355AccountsPanel .staff-search-box{
    grid-column:1 / -1!important;
  }

  #staffV355AccountsPanel .staff-toolbar input{
    height:40px!important;
    min-height:40px!important;
    border:1px solid #e6e7ea!important;
    border-radius:12px!important;
    background:#f8f8f9!important;
    font-size:16px!important;
  }

  #staffV355AccountsPanel .staff-toolbar select{
    height:36px!important;
    min-height:36px!important;
    border:1px solid #e7e8eb!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#55575d!important;
    font-size:9px!important;
    font-weight:750!important;
  }

  /* Account cards */
  #staffV355AccountsPanel .staff-table-wrap{
    padding:0 12px 12px!important;
    overflow:visible!important;
  }

  #staffV355AccountsPanel .staff-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-table thead{
    display:none!important;
  }

  #staffV355AccountsPanel .staff-table tbody{
    display:grid!important;
    gap:8px!important;
  }

  #staffV355AccountsPanel .staff-table tbody tr{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #e8e9ec!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  #staffV355AccountsPanel .staff-table tbody td{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
  }

  /* Identity */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(1){
    padding:11px 78px 10px 11px!important;
  }

  #staffV355AccountsPanel .staff-profile-cell{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-avatar{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border:0!important;
    border-radius:11px!important;
    background:#fbf4e4!important;
    color:#a87500!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  #staffV355AccountsPanel .staff-profile-copy{
    min-width:0!important;
  }

  #staffV355AccountsPanel .staff-profile-copy strong{
    display:block!important;
    overflow:hidden!important;
    color:#111217!important;
    font-size:13px!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  #staffV355AccountsPanel .staff-profile-copy>span{
    display:block!important;
    max-width:185px!important;
    margin-top:3px!important;
    overflow:hidden!important;
    color:#8e8e93!important;
    font-size:8.5px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Status top right */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(4){
    position:absolute!important;
    top:11px!important;
    right:11px!important;
    width:auto!important;
  }

  #staffV355AccountsPanel .staff-status-badge{
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:8px!important;
    font-weight:800!important;
  }

  #staffV355AccountsPanel .staff-status-cell small{
    display:none!important;
  }

  /* Hide role/date clutter */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(2),
  #staffV355AccountsPanel .staff-table tbody td:nth-child(5){
    display:none!important;
  }

  /* Permissions */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(3){
    padding:8px 11px!important;
    border-top:1px solid #f0f0f1!important;
    background:#fafafa!important;
  }

  #staffV355AccountsPanel .staff-permission-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
  }

  #staffV355AccountsPanel .staff-permission-badge{
    padding:4px 6px!important;
    border:1px solid #e6e7ea!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#62646a!important;
    font-size:7.5px!important;
    font-weight:700!important;
  }

  #staffV355AccountsPanel .staff-permission-badge.more{
    background:#fbf4e4!important;
    border-color:#ecdcae!important;
    color:#966d0c!important;
  }

  /* Actions */
  #staffV355AccountsPanel .staff-table tbody td:nth-child(6){
    padding:8px 10px 10px!important;
    border-top:1px solid #f0f0f1!important;
  }

  #staffV355AccountsPanel .staff-row-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }

  #staffV355AccountsPanel .staff-action-btn{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 6px!important;
    border:1px solid #e7e8eb!important;
    border-radius:9px!important;
    background:#f7f7f8!important;
    color:#4f5157!important;
    font-size:8.5px!important;
    font-weight:800!important;
  }

  #staffV355AccountsPanel .staff-action-btn i{
    font-size:10px!important;
  }

  #staffV355AccountsPanel .staff-action-btn.delete{
    background:#fff5f3!important;
    border-color:#f0d9d6!important;
    color:#b3261e!important;
  }

  #staffV355AccountsPanel,
  #staffV355AccountsPanel .staff-card,
  #staffV355AccountsPanel .staff-table-wrap,
  #staffV355AccountsPanel .staff-table,
  #staffV355AccountsPanel .staff-table tbody{
    min-height:0!important;
    height:auto!important;
  }
}


/* V405 — clean staff add/edit sheet */
.staff-status-help{display:grid;gap:7px;margin-top:2px;padding:12px 14px;border:1px solid #e6e8ec;border-radius:13px;background:#fafbfc}
.staff-status-help>div{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:baseline;gap:9px}
.staff-status-help strong{color:#15171c;font-size:11px;font-weight:800}
.staff-status-help span{color:#7b828e;font-size:11px;line-height:1.4}
.permission-box-clean{padding:18px!important}
.permission-head-clean{margin-bottom:14px!important}
.staff-core-access{display:grid;gap:5px;margin-bottom:12px;padding:12px 14px;border:1px solid #eadfbf;border-radius:13px;background:#fffaf0}
.staff-core-access-label{color:#a47300;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.staff-core-access strong{color:#202228;font-size:11px;line-height:1.45}
.permission-owner-note-clean{margin:12px 2px 0;color:#8a909a;font-size:10px;line-height:1.45}
@media (max-width:850px){
.permission-grid-clean{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.permission-grid-clean>label{min-height:68px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;justify-content:initial!important;gap:14px!important;padding:12px 14px!important;text-align:left!important}
.permission-grid-clean>label input{width:28px!important;height:28px!important;margin:0!important;justify-self:center!important}
.permission-grid-clean>label span{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;text-align:left!important}
.permission-grid-clean>label strong{width:100%!important;margin:0!important;font-size:13px!important;line-height:1.25!important;text-align:left!important}
.permission-grid-clean>label small{width:100%!important;margin:0!important;font-size:10.5px!important;line-height:1.4!important;text-align:left!important}
}


/* =========================================================
   V409 — SAME DESIGN, TRUE STRAIGHT LEFT ALIGNMENT
   Force every permission text block to begin at the exact
   same x-position beside the checkbox.
========================================================= */

.permission-grid.permission-grid-clean{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.permission-grid.permission-grid-clean > label{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  width:100% !important;
  min-height:86px !important;
  margin:0 !important;
  padding:14px 18px !important;
  box-sizing:border-box !important;
  text-align:left !important;
}

.permission-grid.permission-grid-clean > label > input[type="checkbox"]{
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:center !important;
}

.permission-grid.permission-grid-clean > label > span{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

.permission-grid.permission-grid-clean > label > span > strong,
.permission-grid.permission-grid-clean > label > span > small{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  text-align:left !important;
}

.permission-grid.permission-grid-clean > label > span > strong{
  margin-top:0 !important;
  margin-bottom:5px !important;
  font-size:16px !important;
  line-height:1.2 !important;
}

.permission-grid.permission-grid-clean > label > span > small{
  margin-top:0 !important;
  margin-bottom:0 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

/* cancel any older spacing rules that pushed text to the right */
.permission-grid.permission-grid-clean > label span,
.permission-grid.permission-grid-clean > label strong,
.permission-grid.permission-grid-clean > label small{
  justify-self:auto !important;
  align-self:auto !important;
  transform:none !important;
}

@media (max-width:480px){
  .permission-grid.permission-grid-clean > label{
    gap:14px !important;
    min-height:82px !important;
    padding:13px 16px !important;
  }

  .permission-grid.permission-grid-clean > label > input[type="checkbox"]{
    flex-basis:46px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    max-width:46px !important;
  }

  .permission-grid.permission-grid-clean > label > span > strong{
    font-size:15px !important;
  }

  .permission-grid.permission-grid-clean > label > span > small{
    font-size:12px !important;
  }
}

/* v717: Staff shares the Catalog and Credit Accounts visual design. */
#pageContent:has(.staff-compact-v355) {background:#fff!important}
#pageContent .staff-page-head-v717 {
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;gap:11px!important;margin:0 0 16px!important;
  padding:4px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
.staff-back-v717 {
  display:grid;place-items:center;width:48px;height:48px;border:1px solid #e1e3e6;
  border-radius:16px;background:#fff;color:#74777e;text-decoration:none;font-size:18px;
}
.staff-eyebrow-v717 {display:block;color:#9a7626;font-size:9px;font-weight:850;letter-spacing:.18em;margin-bottom:5px}
#pageContent .staff-page-head-v717 h2 {margin:0!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.04em;font-weight:850!important}
#pageContent .staff-page-head-v717 .staff-title-v717 > span {display:block!important;margin-top:5px;color:#989ba2!important;font-size:9px!important;line-height:1.4}
#pageContent .staff-page-head-v717 #addStaffBtn {
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  width:auto!important;min-width:110px!important;min-height:48px!important;padding:0 14px!important;
  border:0!important;border-radius:16px!important;background:#18191d!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;white-space:nowrap;
}
#pageContent .staff-page-head-v717 #addStaffBtn i {color:#cba33f!important;font-size:14px!important}
@media(max-width:820px) {
  #pageContent:has(.staff-compact-v355) {padding:12px 13px 28px!important}
  .staff-compact-v355 {padding-bottom:96px!important}
  .staff-day-switch-v355 {
    gap:5px!important;padding:4px!important;border:1px solid #e1e3e6!important;
    border-radius:16px!important;background:#fff!important;margin-bottom:14px!important;
  }
  .staff-day-switch-v355 button {min-height:40px!important;border-radius:12px!important;font-size:10px!important}
  .staff-day-switch-v355 button.active {background:#f7eedc!important;color:#85641f!important;box-shadow:none!important}
  .staff-kpis-v355 {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
    padding:13px!important;border:1px solid #d5e4d8!important;border-radius:20px!important;
    background:linear-gradient(118deg,#f1f7f2,#eef6f0)!important;margin-bottom:16px!important;
  }
  .staff-kpis-v355 article {
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    min-width:0!important;min-height:76px!important;padding:10px!important;
    border:1px solid #dce7de!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;
  }
  .staff-kpis-v355 article:last-child {
    grid-column:1/-1;grid-row:1;min-height:62px!important;
    padding:3px 1px 10px!important;border:0!important;background:transparent!important;
  }
  .staff-kpis-v355 .staff-kpi-icon-v355 {display:none!important}
  .staff-kpis-v355 article span {font-size:8px!important;color:#85888f!important;font-weight:750!important}
  .staff-kpis-v355 article strong {margin-top:7px!important;font-size:19px!important;color:#987626!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
  .staff-kpis-v355 article small {margin-top:5px!important;font-size:6px!important;color:#a3a7ad!important}
  .staff-kpis-v355 article:last-child span {color:#9a7626!important;font-size:9px!important;letter-spacing:.15em;text-transform:uppercase}
  .staff-kpis-v355 article:last-child strong {font-size:24px!important;color:#294b36!important;letter-spacing:-.04em}
  .staff-summary-section-v355 header h3 {font-size:17px!important;letter-spacing:-.025em}
  .staff-summary-section-v355 header > span {display:none!important}
  .staff-summary-list-v355 {gap:10px!important}
  .staff-person-card-v355 {padding:14px!important;border:1px solid #e1e3e6!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,22,26,.025)!important}
  .staff-avatar-v355 {background:#f7eedc!important;color:#947025!important;border-radius:13px!important}
  .staff-person-v355 strong {font-size:15px!important;white-space:normal!important;overflow-wrap:anywhere}
  .staff-person-v355 small {font-size:9px!important}
  .staff-shift-pill-v355 {min-height:28px!important;padding:0 10px!important;font-size:8px!important;flex-shrink:0}
  .staff-person-stats-v355 {gap:7px!important;margin-top:13px!important}
  .staff-person-stats-v355 > div {padding:10px!important;border-radius:13px!important;background:#f7f8f8!important}
  .staff-person-stats-v355 span {font-size:8px!important}
  .staff-person-stats-v355 strong {font-size:12px!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
  .staff-person-payments-v355 {flex-wrap:wrap!important;gap:6px!important}
  .staff-accounts-entry-v355 {border:1px solid #e4ddcb!important;border-radius:17px!important;background:#faf6ec!important;box-shadow:none!important}
}
@media(max-width:360px) {
  #pageContent .staff-page-head-v717 {grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}
  .staff-back-v717 {width:40px;height:44px;border-radius:13px}
  #pageContent .staff-page-head-v717 #addStaffBtn {min-width:88px!important;padding:0 9px!important;font-size:10px!important}
  #pageContent .staff-page-head-v717 h2 {font-size:22px!important}
}

/* v718: Reset older header and account-card placements. */
#pageContent:has(.staff-compact-v355) .page-title.staff-page-head-v717 {
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;align-items:center!important;gap:11px!important;
}
#pageContent .staff-page-head-v717 > .staff-back-v717 {grid-column:1!important;grid-row:1!important;justify-self:start!important}
#pageContent .staff-page-head-v717 > .staff-title-v717 {
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  width:auto!important;justify-self:stretch!important;text-align:left!important;padding:0!important;
}
#pageContent .staff-page-head-v717 > .title-actions {
  grid-column:3!important;grid-row:1!important;display:flex!important;
  width:auto!important;min-width:0!important;justify-self:end!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#pageContent:has(.staff-compact-v355) .staff-page-head-v717 #addStaffBtn {
  width:auto!important;min-width:105px!important;background:#18191d!important;
  color:#fff!important;box-shadow:none!important;
}
#pageContent .staff-page-head-v717 .staff-title-v717 > span {white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:820px) {
  #staffV355AccountsPanel {background:#fff!important;border-color:#e1e3e6!important;border-radius:20px!important;padding:13px!important}
  #staffV355AccountsPanel .staff-card,
  #staffV355AccountsPanel .staff-table-wrap {background:#fff!important;padding:0!important;box-shadow:none!important}
  #staffV355AccountsPanel .staff-table tbody tr {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;
    gap:0!important;background:#fff!important;
  }
  #staffV355AccountsPanel .staff-table tbody tr > td {
    grid-column:1!important;grid-row:auto!important;width:auto!important;
    transform:none!important;float:none!important;
  }
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(1) {grid-row:1!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(3) {grid-row:2!important;background:#fff!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(6) {grid-row:3!important;position:static!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(4) {grid-row:1!important;position:absolute!important;top:11px!important;right:11px!important}
  #staffV355AccountsPanel .staff-row-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;width:100%!important;position:static!important;
  }
  #staffV355AccountsPanel .staff-row-actions .staff-action-btn {
    width:100%!important;min-width:0!important;max-width:none!important;
    min-height:36px!important;height:auto!important;position:static!important;transform:none!important;
    padding:8px!important;white-space:normal!important;background:#fff!important;
    border:1px solid #e1e3e6!important;box-sizing:border-box!important;
  }
  #staffV355AccountsPanel .staff-row-actions .staff-action-btn.delete {background:#fff5f3!important;border-color:#f0d9d6!important}
  #staffV355AccountsPanel .staff-profile-copy > span {white-space:normal!important;overflow-wrap:anywhere;overflow:visible!important;max-width:none!important}
}
@media(max-width:360px) {
  #pageContent:has(.staff-compact-v355) .page-title.staff-page-head-v717 {grid-template-columns:40px minmax(0,1fr) auto!important;gap:8px!important}
  #pageContent:has(.staff-compact-v355) .staff-page-head-v717 #addStaffBtn {min-width:88px!important;padding:0 9px!important}
}

/* v719: Add/Edit Staff uses the same clean form sheet as Credit Accounts. */
#staffModal.modal-overlay {padding:0!important;align-items:flex-end!important;justify-content:center!important}
#staffModal.modal-overlay[aria-hidden="true"] {display:none!important}
#staffModal > .staff-modal {
  width:100%!important;max-width:650px!important;max-height:90dvh!important;
  margin:0!important;padding:0!important;overflow-y:auto!important;
  border:0!important;border-radius:25px 25px 0 0!important;background:#fff!important;
}
#staffModal .modal-head {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;
  padding:18px!important;background:#fff!important;border-bottom:1px solid #e7e8eb!important;
}
#staffModal .modal-head .modal-label {color:#9a7626!important;font-size:9px!important;font-weight:850!important;letter-spacing:.16em;text-transform:uppercase}
#staffModal .modal-head h3 {margin:5px 0 0!important;font-size:24px!important;line-height:1.1!important;letter-spacing:-.035em;color:#17191d!important}
#staffModal #closeStaffModal {width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;color:#303238!important}
#staffModal #staffForm {display:block!important;padding:16px 18px calc(18px + env(safe-area-inset-bottom))!important;background:#fff!important}
#staffModal #staffForm .form-grid {
  display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;
}
#staffModal #staffForm .form-group {
  display:block!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
}
#staffModal #staffForm .form-group > label {display:block!important;margin:0 0 7px!important;color:#585c64!important;font-size:11px!important;font-weight:750!important}
#staffModal #staffForm input:not([type="checkbox"]):not([type="hidden"]),
#staffModal #staffForm select {
  width:100%!important;min-height:48px!important;height:48px!important;padding:0 13px!important;
  border:1px solid #dfe1e5!important;border-radius:14px!important;background:#fff!important;
  color:#202227!important;font-size:16px!important;box-shadow:none!important;box-sizing:border-box!important;
}
#staffModal #staffForm input::placeholder {font-size:14px!important;color:#a0a3a9!important}
#staffModal #staffForm .password-field {position:relative!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
#staffModal #staffForm .password-field input {padding-right:48px!important}
#staffModal #toggleStaffPassword {position:absolute!important;right:5px!important;top:5px!important;width:38px!important;height:38px!important;border:0!important;background:transparent!important}
#staffModal #staffPasswordHelp {display:block!important;margin-top:7px!important;font-size:10px!important;line-height:1.4!important;color:#858991!important}
#staffModal .staff-status-help {padding:9px 0!important;border:0!important;background:#fff!important;gap:5px!important}
#staffModal .staff-status-help strong,#staffModal .staff-status-help span {font-size:10px!important}
#staffModal .permission-box.permission-box-clean {margin-top:18px!important;padding:14px!important;border:1px solid #e1e3e6!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
#staffModal .permission-head-clean {display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:12px!important}
#staffModal .permission-head h4 {margin:0!important;font-size:17px!important;color:#17191d!important}
#staffModal .permission-head p {margin:5px 0 0!important;font-size:10px!important;line-height:1.4!important}
#staffModal .permission-actions {display:flex!important;gap:6px!important}
#staffModal .permission-actions button {min-height:30px!important;padding:0 9px!important;border:1px solid #e2e4e7!important;border-radius:9px!important;background:#fff!important;color:#52565e!important;font-size:9px!important}
#staffModal .staff-core-access {padding:10px!important;margin-bottom:10px!important;border-radius:12px!important;background:#faf5e8!important}
#staffModal .staff-core-access strong {font-size:10px!important}
#staffModal .permission-grid.permission-grid-clean {gap:7px!important}
#staffModal .permission-grid.permission-grid-clean > label {
  display:flex!important;align-items:center!important;gap:10px!important;
  min-height:58px!important;padding:10px!important;border:1px solid #e2e4e7!important;
  border-radius:12px!important;background:#fff!important;box-shadow:none!important;
}
#staffModal .permission-grid.permission-grid-clean > label > input[type="checkbox"] {
  appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#b58c2e;
  flex:0 0 22px!important;width:22px!important;height:22px!important;
  min-width:22px!important;max-width:22px!important;margin:0!important;border-radius:5px!important;
}
#staffModal .permission-grid.permission-grid-clean > label > span > strong {font-size:12px!important}
#staffModal .permission-grid.permission-grid-clean > label > span > small {font-size:9px!important;line-height:1.35!important}
#staffModal .permission-owner-note-clean {font-size:9px!important}
#staffModal .modal-actions {display:grid!important;grid-template-columns:1fr 1.6fr!important;gap:9px!important;margin-top:16px!important;padding:0!important;border:0!important;background:#fff!important}
#staffModal .modal-actions button {min-height:48px!important;border-radius:14px!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
#staffModal #saveStaffBtn {background:#18191d!important;color:#fff!important;border:0!important}
#staffModal #cancelStaffBtn {background:#fff!important;color:#555960!important;border:1px solid #e1e3e6!important}

/* v720: Centred visibility control and green permission selections. */
#staffModal #staffForm .password-field {display:block!important;height:48px!important}
#staffModal #staffForm #toggleStaffPassword {
  display:grid!important;place-items:center!important;top:50%!important;right:5px!important;
  transform:translateY(-50%)!important;margin:0!important;padding:0!important;line-height:1!important;
  color:#6f747d!important;
}
#staffModal #toggleStaffPassword i {display:block!important;font-size:16px!important;line-height:1!important}
#staffModal .permission-grid.permission-grid-clean > label > input[type="checkbox"] {accent-color:#34794e!important}
#staffModal .permission-grid.permission-grid-clean > label:has(input:checked) {
  border-color:#c8dfcf!important;background:#f0f8f2!important;
}

/* v721: Nonblocking Staff status alerts. */
.staff-toast-v721 {position:fixed;z-index:2147483647;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;gap:12px;width:calc(100% - 32px);max-width:520px;box-sizing:border-box;padding:16px;border:1px solid #d6e5dc;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(18,24,20,.14);color:#202227}
.staff-toast-icon-v721 {display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#eaf7ee;color:#377c50;font-size:22px;font-weight:850}
.staff-toast-v721.warning {border-color:#eadab0}
.staff-toast-v721.warning .staff-toast-icon-v721 {background:#fff5dc;color:#a07d28}
.staff-toast-v721 strong {font-size:14px;font-weight:850}
.staff-toast-v721 p {margin:5px 0 0;color:#7b7e86;font-size:12px;line-height:1.5;overflow-wrap:anywhere}

/* v722: Unavailable subscription/payment permission choices remain hidden. */
#staffModal .permission-grid.permission-grid-clean > label[hidden] {display:none!important}

/* v724: Cash handovers share the Staff card design. */
.staff-compact-v355 .staff-handover-v355 {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;padding:14px!important;border:1px solid #e6d7ae!important;
  border-radius:17px!important;background:#faf6e9!important;text-align:left;
  box-shadow:none!important;color:#292b30!important;
}
.staff-compact-v355 .staff-handover-v355[hidden] {display:none!important}
.staff-compact-v355 .staff-handover-v355 > i {color:#987426!important;font-size:14px!important}
.staff-compact-v355 .staff-handover-v355 span {font-size:8px!important;letter-spacing:.15em;color:#987426!important}
.staff-compact-v355 .staff-handover-v355 strong {display:block;margin-top:5px;font-size:12px!important;line-height:1.4!important}
.staff-compact-v355 .owner-handover-panel {
  padding:14px!important;margin:14px 0 18px!important;border:1px solid #e1e3e6!important;
  border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,22,26,.025)!important;
}
.staff-compact-v355 .owner-handover-panel[hidden] {display:none!important}
.staff-compact-v355 .owner-handover-panel > header {gap:12px;margin-bottom:13px!important;align-items:center}
.staff-compact-v355 .owner-handover-panel > header span {font-size:8px!important;color:#987426!important;letter-spacing:.16em}
.staff-compact-v355 .owner-handover-panel > header h3 {font-size:18px!important;line-height:1.15!important;letter-spacing:-.035em;color:#18191d!important}
.staff-compact-v355 .owner-handover-panel > header button {
  display:grid;place-items:center;flex:0 0 36px;width:36px!important;height:36px!important;
  border:1px solid #e1e3e6!important;border-radius:12px!important;background:#fff!important;color:#555960!important;
}
.staff-compact-v355 #ownerHandoverList {display:grid;gap:10px}
.staff-compact-v355 .owner-handover-row {padding:13px!important;border:1px solid #e1e3e6!important;border-radius:16px!important;background:#fff!important}
.staff-compact-v355 .owner-handover-row-head > div {min-width:0}
.staff-compact-v355 .owner-handover-row-head strong {font-size:14px!important;color:#202227!important;overflow-wrap:anywhere}
.staff-compact-v355 .owner-handover-row-head small {font-size:9px!important;color:#93979f!important}
.staff-compact-v355 .owner-handover-row-head b {font-size:15px!important;color:#202227!important}
.staff-compact-v355 .owner-handover-actions {gap:8px!important;margin-top:13px!important}
.staff-compact-v355 .owner-handover-actions button {
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px!important;padding:10px!important;border-radius:13px!important;
  font-family:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;
}
.staff-compact-v355 .owner-handover-actions button:first-child {background:#18191d!important;color:#fff!important}
.staff-compact-v355 .owner-handover-actions button:last-child {background:#fff1ef!important;color:#a7473d!important}

/* v725: Consistent Staff Summary and Staff Details cards. */
.staff-compact-v355 .staff-person-stats-v355 > div {background:#fff!important;border:1px solid #e4e7e6!important;border-radius:13px!important}
.staff-compact-v355 .staff-person-stats-v355 > div:last-child {background:#eef7f0!important;border-color:#d5e5d9!important}
#staffPerformanceModal > .staff-modal {max-height:90dvh!important;background:#fff!important;border:0!important;border-radius:25px 25px 0 0!important;overflow-y:auto!important}
#staffPerformanceModal .modal-head {padding:18px!important;background:#fff!important;border-bottom:1px solid #e4e6e9!important}
#staffPerformanceModal .modal-label {color:#987426!important;font-size:9px!important;font-weight:850!important;letter-spacing:.16em}
#staffPerformanceModal .modal-head h3 {font-size:24px!important;line-height:1.1!important;letter-spacing:-.035em;margin:5px 0!important}
#staffPerformanceModal #staffPerformancePeriod {font-size:10px!important;color:#92969e!important}
#staffPerformanceModal #closeStaffPerformanceModal {width:40px!important;height:40px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important}
#staffPerformanceModal .staff-details-body-v360 {padding:16px!important;display:grid;gap:12px!important;background:#fff!important}
#staffPerformanceModal .staff-details-summary-v360 {gap:8px!important;margin:0!important;padding:12px!important;background:#eef7f0!important;border:1px solid #d5e5d9!important;border-radius:18px!important}
#staffPerformanceModal .staff-details-summary-v360 article {min-width:0!important;padding:11px!important;border:1px solid #dce7df!important;border-radius:13px!important;background:#fff!important}
#staffPerformanceModal .staff-details-summary-v360 span {font-size:9px!important;color:#858991!important}
#staffPerformanceModal .staff-details-summary-v360 strong {font-size:18px!important;color:#2e6642!important;white-space:normal!important;overflow-wrap:anywhere}
#staffPerformanceModal .staff-details-section-v360 {padding:13px!important;margin:0!important;border:1px solid #e1e3e6!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}
#staffPerformanceModal .staff-details-section-head-v360 span {font-size:8px!important;letter-spacing:.15em;color:#987426!important}
#staffPerformanceModal .staff-details-section-head-v360 h4 {font-size:17px!important;letter-spacing:-.025em;margin:5px 0 11px!important}
#staffPerformanceModal .staff-details-empty-v360 {padding:13px!important;border:1px solid #e5e7e9!important;border-radius:12px!important;background:#fff!important;color:#93979f!important;font-size:10px!important;line-height:1.4!important}
#staffPerformanceModal .staff-cash-responsibility-v360 > div,
#staffPerformanceModal .staff-details-payment-grid-v360 > article,
#staffPerformanceModal .staff-shift-row-v360 {padding:11px!important;border:1px solid #e4e6e8!important;border-radius:12px!important;background:#fff!important}
#staffPerformanceModal .staff-permissions-v360 span {background:#faf5e8!important;border-color:#e8ddc3!important;color:#866623!important;font-size:9px!important}

/* v726: Compact details, readable permissions, and no oversized nested cards. */
#staffPerformanceModal .staff-details-body-v360 {gap:10px!important;padding:14px!important}
#staffPerformanceModal .staff-details-section-v360 {padding:13px!important}
#staffPerformanceModal .staff-details-section-head-v360 h4 {font-size:16px!important;margin:4px 0 10px!important}
#staffPerformanceModal .staff-permissions-v360 {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
}
#staffPerformanceModal .staff-permissions-v360 > span {
  display:flex!important;align-items:center!important;gap:7px!important;
  padding:9px 10px!important;border:1px solid #d7e6dc!important;border-radius:11px!important;
  background:#f1f8f3!important;color:#427453!important;font-size:10px!important;
  line-height:1.3!important;font-weight:750!important;white-space:normal!important;overflow-wrap:anywhere;
}
#staffPerformanceModal .staff-permissions-v360 > span::before {content:"✓";flex:0 0 auto;color:#427453;font-weight:850}
#staffPerformanceModal .staff-details-empty-v360 {border:0!important;padding:9px 0!important;text-align:left!important;background:#fff!important}
#staffPerformanceModal .staff-cash-row-v360 {border:0!important;border-bottom:1px solid #eef0f2!important;border-radius:0!important;padding:10px 0!important}
#staffPerformanceModal .staff-details-summary-v360 article {min-height:72px!important}
#staffPerformanceModal .staff-details-summary-v360 strong {font-size:18px!important}

/* v727: Manage Staff uses one clean surface with separate account cards. */
@media(max-width:820px) {
  #staffV355AccountsPanel {
    margin-top:18px!important;padding:0!important;border:0!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  #staffV355AccountsPanel[hidden] {display:none!important}
  #staffV355AccountsPanel > .staff-card {
    padding:0!important;border:0!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;overflow:visible!important;
  }
  #staffV355AccountsPanel .card-head {
    padding:0 2px 13px!important;margin:0!important;border:0!important;background:#fff!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;
  }
  #staffV355AccountsPanel .card-head h3 {font-size:20px!important;line-height:1.1!important;letter-spacing:-.035em;margin:5px 0!important}
  #staffV355AccountsPanel .card-head p {margin:0!important;color:#969aa2!important;font-size:10px!important}
  #staffV355AccountsPanel .staff-accounts-eyebrow-v355 {font-size:8px!important;letter-spacing:.16em!important;color:#987426!important}
  #staffV355AccountsPanel .staff-toolbar {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;padding:0!important;margin:0 0 13px!important;
    border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
  }
  #staffV355AccountsPanel .staff-search-box {
    grid-column:1/-1!important;width:100%!important;min-width:0!important;
    min-height:46px!important;height:46px!important;padding:0 13px!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    border:1px solid #e1e3e6!important;border-radius:14px!important;background:#fff!important;box-sizing:border-box!important;
  }
  #staffV355AccountsPanel .staff-search-box i {position:static!important;transform:none!important;color:#8c9199!important;font-size:14px!important}
  #staffV355AccountsPanel .staff-search-box input {
    width:100%!important;min-width:0!important;height:44px!important;min-height:0!important;
    padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;font-size:16px!important;
  }
  #staffV355AccountsPanel .staff-search-box input::placeholder {font-size:13px!important}
  #staffV355AccountsPanel .staff-toolbar select {
    width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:0 11px!important;border:1px solid #e1e3e6!important;
    border-radius:13px!important;background:#fff!important;font-size:12px!important;color:#545861!important;
  }
  #staffV355AccountsPanel .staff-table-wrap {padding:0!important;margin:0!important;border:0!important;background:#fff!important;overflow:visible!important}
  #staffV355AccountsPanel .staff-table tbody {gap:11px!important}
  #staffV355AccountsPanel .staff-table tbody tr {border:1px solid #e1e3e6!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,22,26,.025)!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(1) {padding:14px 80px 13px 14px!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(3) {padding:10px 14px!important;background:#fff!important}
  #staffV355AccountsPanel .staff-table tbody tr > td:nth-child(6) {padding:11px 14px 14px!important}
  #staffV355AccountsPanel .staff-profile-copy strong {font-size:15px!important;white-space:normal!important;overflow-wrap:anywhere}
  #staffV355AccountsPanel .staff-profile-copy > span {font-size:10px!important}
  #staffV355AccountsPanel .staff-permission-badge {padding:5px 8px!important;border-radius:9px!important;background:#faf6eb!important;border-color:#e8dfc7!important;color:#846623!important;font-size:8px!important}
  #staffV355AccountsPanel .staff-row-actions .staff-action-btn {min-height:40px!important;border-radius:12px!important;font-size:10px!important}
  #staffV355AccountsPanel .staff-row-actions .staff-action-btn:first-child {background:#18191d!important;border-color:#18191d!important;color:#fff!important}
}

/* v728: Override shared page rules at their actual specificity. */
@media (max-width:820px) {
  #pageContent .staff-compact-v355 {padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
  #pageContent #staffV355AccountsBtn {display:none!important}
  #pageContent #staffV355AccountsPanel {
    display:block!important;position:static!important;inset:auto!important;
    width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
    margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:#fff!important;box-shadow:none!important;overflow:visible!important;
  }
  /* Mobile account management is an inline section, including its legacy hidden markup. */
  #pageContent #staffV355AccountsPanel[hidden] {display:block!important}
  #pageContent #staffV355AccountsPanel::before,
  #pageContent #staffV355AccountsPanel::after {display:none!important}
  #pageContent #staffV355AccountsPanel > .staff-card {
    display:block!important;margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important;
  }
  #pageContent #staffV355AccountsPanel .card-head {
    display:block!important;position:static!important;margin:0 0 14px!important;padding:0!important;
    border:0!important;background:#fff!important;text-align:left!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #pageContent #staffV355AccountsPanel .card-head > div {
    display:block!important;width:100%!important;margin:0!important;padding:0!important;
    text-align:left!important;justify-self:start!important;align-self:start!important;
  }
  #pageContent #staffV355AccountsPanel .card-head h3 {margin:5px 0!important;text-align:left!important;font-size:20px!important}
  #pageContent #staffV355AccountsPanel .card-head p {margin:0!important;text-align:left!important;font-size:10px!important}
  #pageContent #staffV355AccountsPanel .staff-toolbar {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin:0 0 14px!important;padding:0!important;border:0!important;
    background:#fff!important;border-radius:0!important;box-shadow:none!important;
  }
  #pageContent #staffV355AccountsPanel .staff-search-box {grid-column:1/-1!important;grid-row:1!important;min-height:46px!important}
  #pageContent #staffV355AccountsPanel .staff-toolbar select {
    grid-column:auto!important;grid-row:2!important;width:100%!important;min-width:0!important;
    height:44px!important;min-height:44px!important;padding:0 10px!important;margin:0!important;
    border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;
    color:#25272c!important;font-size:11px!important;box-shadow:none!important;
  }
  #pageContent #staffV355AccountsPanel .staff-table-wrap {margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important}
}

/* v730: Credit Accounts style controls for Manage Staff. */
#pageContent #staffV355AccountsPanel .staff-controls-v730 {display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px!important;gap:8px!important;margin:0 0 12px!important;padding:0!important;background:#fff!important}
#pageContent #staffV355AccountsPanel .staff-controls-v730 button {display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;color:#53575f!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer}
#pageContent #staffV355AccountsPanel #staffStatusToggleV730 {justify-content:space-between!important;color:#24262b!important;min-width:0!important}
#pageContent #staffV355AccountsPanel #staffSearchToggleV730 {padding:0!important;font-size:17px!important}
#pageContent #staffV355AccountsPanel .staff-status-menu-v730 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;padding:10px!important;border:1px solid #e1e3e6!important;border-radius:15px!important;background:#fafafa!important}
#pageContent #staffV355AccountsPanel .staff-status-menu-v730 button,
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 button {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:44px!important;padding:11px!important;border:1px solid #e1e3e6!important;border-radius:12px!important;background:#fff!important;color:#565a62!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important;cursor:pointer}
#pageContent #staffV355AccountsPanel button[aria-pressed="true"] {border-color:#c19b46!important;background:#faf4e3!important;color:#826323!important}
#pageContent #staffV355AccountsPanel button[aria-pressed="false"] > .fa-check {visibility:hidden!important}
#pageContent #staffV355AccountsPanel .staff-search-v730 {display:flex!important;align-items:center!important;gap:9px!important;padding:0 12px!important;min-height:44px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;margin:0 0 12px!important;background:#fff!important;color:#8b9099!important}
#pageContent #staffV355AccountsPanel .staff-search-v730 input {width:100%!important;min-width:0!important;height:44px!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:16px!important;color:#202227!important;outline:none!important}
#pageContent #staffV355AccountsPanel .staff-search-v730 input::placeholder {font-size:12px!important}
#pageContent #staffV355AccountsPanel .staff-arrange-overlay-v730 {display:flex!important;position:fixed!important;inset:0!important;z-index:10050!important;align-items:flex-end!important;justify-content:center!important;background:rgba(20,22,26,.36)!important;backdrop-filter:blur(5px)!important;padding:0!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 {width:100%!important;max-width:560px!important;max-height:85dvh!important;overflow:auto!important;padding:20px 14px calc(16px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-sizing:border-box!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 header {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 20px!important;text-align:left!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 small {color:#987426!important;font-size:8px!important;font-weight:850!important;letter-spacing:.16em!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 h3 {margin:5px 0!important;font-size:22px!important;color:#18191d!important;letter-spacing:-.035em!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 p {margin:0!important;font-size:11px!important;color:#9599a1!important}
#pageContent #staffV355AccountsPanel #staffArrangeCloseV730 {width:38px!important;height:38px!important;flex-shrink:0!important;border:1px solid #e1e3e6!important;border-radius:12px!important;background:#fff!important;color:#3d4047!important}
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 button {min-height:58px!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 footer {display:grid!important;grid-template-columns:1fr 2fr!important;gap:8px!important;margin-top:20px!important}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 footer button {height:44px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;color:#43464d!important;font-size:12px!important;font-weight:800!important}
#pageContent #staffV355AccountsPanel #staffArrangeApplyV730 {background:#18191d!important;color:#fff!important;border-color:#18191d!important}
#pageContent #staffV355AccountsPanel .staff-status-menu-v730[hidden],
#pageContent #staffV355AccountsPanel .staff-search-v730[hidden],
#pageContent #staffV355AccountsPanel .staff-arrange-overlay-v730[hidden] {display:none!important}

/* v731: Return Cash to Staff matches the existing full-width sheets. */
#pageContent #ownerRejectHandoverModal {position:fixed!important;inset:0!important;z-index:10060!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;background:rgba(20,22,26,.36)!important;backdrop-filter:blur(5px)!important}
#pageContent #ownerRejectHandoverModal[hidden] {display:none!important}
#pageContent #ownerRejectHandoverForm {width:100%!important;max-width:560px!important;margin:0!important;padding:20px 15px calc(18px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:23px 23px 0 0!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important;max-height:90dvh!important;overflow:auto!important}
#pageContent #ownerRejectHandoverForm .owner-reject-handle {width:34px!important;height:4px!important;margin:-10px auto 15px!important;background:#d6d7da!important;border-radius:99px!important}
#pageContent #ownerRejectHandoverForm header {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 -15px 14px!important;padding:0 15px 16px!important;border-bottom:1px solid #e9eaec!important}
#pageContent #ownerRejectHandoverForm header span {font-size:8px!important;letter-spacing:.16em!important;font-weight:850!important;color:#987426!important}
#pageContent #ownerRejectHandoverForm h3 {margin:5px 0 0!important;font-size:22px!important;letter-spacing:-.035em!important;line-height:1.15!important;color:#18191d!important}
#pageContent #ownerRejectHandoverClose {width:38px!important;height:38px!important;flex-shrink:0!important;border:1px solid #e1e3e6!important;border-radius:12px!important;background:#fff!important;color:#3d4047!important;font-size:16px!important}
#pageContent #ownerRejectHandoverForm > p {font-size:11px!important;line-height:1.5!important;color:#858a93!important;margin:0 0 18px!important}
#pageContent #ownerRejectHandoverForm > label {display:block!important;margin:0 0 7px!important;font-size:12px!important;color:#535760!important;font-weight:800!important}
#pageContent #ownerRejectHandoverReason {width:100%!important;min-height:100px!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #e1e3e6!important;border-radius:14px!important;background:#fff!important;font-size:16px!important;line-height:1.4!important;color:#202227!important;box-shadow:none!important;outline:none!important}
#pageContent #ownerRejectHandoverReason::placeholder {font-size:13px!important;color:#a0a3aa!important}
#pageContent #ownerRejectHandoverReason:focus {border-color:#bc9845!important;box-shadow:0 0 0 2px rgba(188,152,69,.12)!important}
#pageContent #ownerRejectHandoverForm .owner-reject-actions {display:grid!important;grid-template-columns:1fr 1.65fr!important;gap:8px!important;margin-top:18px!important}
#pageContent #ownerRejectHandoverForm .owner-reject-actions button {height:46px!important;min-height:46px!important;padding:0 10px!important;border:1px solid #e1e3e6!important;border-radius:13px!important;background:#fff!important;color:#535760!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
#pageContent #ownerRejectHandoverSubmit {background:#18191d!important;border-color:#18191d!important;color:#fff!important}

/* v737: distinguish collection from outstanding physical cash. */
#pageContent .staff-cash-custody-v737 {
  margin-top: 12px; padding: 14px 16px; border: 1px solid; border-radius: 16px;
  text-align: left;
}
#pageContent .staff-cash-custody-v737 > div {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
#pageContent .staff-cash-custody-v737 span { font-size: 13px; font-weight: 700; }
#pageContent .staff-cash-custody-v737 strong { font-size: 18px; font-weight: 800; white-space: nowrap; }
#pageContent .staff-cash-custody-v737 small { display: block; margin-top: 5px; font-size: 11px; line-height: 1.4; }
#pageContent .staff-cash-custody-v737.outstanding { background: #fcf0ef; border-color: #efd0cc; color: #a43f34; }
#pageContent .staff-cash-custody-v737.clear { background: #eef7f0; border-color: #d5e5d9; color: #3f7650; }
#pageContent .staff-cash-received-v737 {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  margin-top: 10px; padding: 11px 14px; border-radius: 14px;
  background: #eef7f0; color: #3f7650; font-size: 12px; font-weight: 700;
}
#pageContent .staff-cash-received-v737 span { display: flex; align-items: center; gap: 7px; }
#pageContent .staff-cash-received-v737 strong { white-space: nowrap; }
#pageContent #staffCashResponsibilityV360 .staff-cash-custody-v737 { margin-top: 0; }

/* v738: compact cash rows in staff summaries and details. */
#pageContent .staff-cash-custody-v737 {
  margin-top: 10px; padding: 9px 12px; border-radius: 12px;
}
#pageContent .staff-cash-custody-v737 span { font-size: 12px; }
#pageContent .staff-cash-custody-v737 strong { font-size: 14px; }
#pageContent .staff-cash-custody-v737 small { display: none; }
#pageContent .staff-cash-received-v737 {
  margin-top: 7px; padding: 8px 12px; border-radius: 12px; font-size: 11px;
}

/* v739: compact paired cash amounts, matching the staff metric boxes. */
#pageContent .staff-cash-boxes-v739 {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px; margin-top: 10px;
}
#pageContent .staff-cash-box-v739 {
  display: flex; flex-direction: column; gap: 4px;
  padding: 10px 13px; border: 1px solid; border-radius: 14px; text-align: left;
}
#pageContent .staff-cash-box-v739 span { font-size: 11px; font-weight: 600; line-height: 1.3; }
#pageContent .staff-cash-box-v739 strong { font-size: 15px; font-weight: 800; line-height: 1.3; overflow-wrap: anywhere; }
#pageContent .staff-cash-box-v739.outstanding { background: #fcf0ef; border-color: #efd0cc; color: #a43f34; }
#pageContent .staff-cash-box-v739.clear { background: #eef7f0; border-color: #d5e5d9; color: #3f7650; }
#pageContent #staffCashResponsibilityV360 .staff-cash-boxes-v739 { margin-top: 0; }

/* v740: highlight outstanding custody; keep received cash quiet. */
#pageContent .staff-cash-footer-v740 { margin-top: 10px; }
#pageContent .staff-cash-held-v740,
#pageContent .staff-cash-received-v740 {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-size: 12px; line-height: 1.4;
}
#pageContent .staff-cash-held-v740 {
  padding: 8px 12px; border: 1px solid #efd0cc; border-radius: 12px;
  background: #fcf0ef; color: #a43f34; font-weight: 700;
}
#pageContent .staff-cash-held-v740 strong { font-size: 14px; }
#pageContent .staff-cash-received-v740 { padding: 7px 12px 0; color: #72757c; }
#pageContent .staff-cash-received-v740 strong { color: #3f7650; font-size: 12px; font-weight: 700; }
#pageContent .staff-cash-footer-v740 strong { white-space: nowrap; }
#pageContent #staffCashResponsibilityV360 .staff-cash-footer-v740 { margin-top: 0; }

/* v741: Manage Staff is an inline section, not a second page header. */
#pageContent #staffV355AccountsPanel .card-head {
  display: flex!important; justify-content: space-between!important; align-items: center!important;
  margin: 0 0 14px!important; padding: 0!important; min-height: 0!important; background: transparent!important;
}
#pageContent #staffV355AccountsPanel .card-head > div { flex: 1!important; padding: 0!important; margin: 0!important; }
#pageContent #staffV355AccountsPanel .card-head h3 {
  margin: 0!important; font-size: 17px!important; line-height: 1.3!important;
  letter-spacing: -.025em!important; text-align: left!important; color: #18191d!important;
}
#pageContent #staffV355AccountsPanel #staffSearchCloseV741 {
  display: flex!important; align-items: center!important; justify-content: center!important;
  width: 32px!important; height: 32px!important; min-height: 32px!important; flex: 0 0 32px!important;
  margin: 0!important; padding: 0!important; border: 0!important; border-radius: 9px!important;
  background: transparent!important; color: #555961!important; box-shadow: none!important; cursor: pointer;
}
#pageContent #staffV355AccountsPanel #staffSearchInput::-webkit-search-cancel-button { -webkit-appearance: none; }
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 button[aria-pressed="true"] {
  background: #eef7f0!important; border-color: #cddfd2!important; color: #3f7650!important;
}

/* v742: same filter structure as Session History. */
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 {
  display: flex!important; flex-direction: column!important; overflow: hidden!important;
  padding: 0!important; border-radius: 24px 24px 0 0!important; background: #f8f8fa!important;
}
#pageContent #staffV355AccountsPanel .staff-filter-handle-v742 {
  width: 34px; height: 4px; margin: 9px auto 0; border-radius: 99px; background: #d7d8dd; flex-shrink: 0;
}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 > header {
  flex-shrink: 0!important; margin: 0!important; padding: 16px 15px 20px!important;
  align-items: flex-start!important;
}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 header small { font-size: 9px!important; }
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 header h3 { font-size: 23px!important; margin: 6px 0 7px!important; }
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 header p { font-size: 12px!important; font-weight: 400!important; line-height: 1.45!important; }
#pageContent #staffV355AccountsPanel #staffArrangeCloseV730 { background: #fff!important; margin-top: 0!important; }
#pageContent #staffV355AccountsPanel .staff-filter-body-v742 { padding: 0 14px 16px; overflow-y: auto; min-height: 0; }
#pageContent #staffV355AccountsPanel .staff-filter-group-v742 {
  margin: 0!important; padding: 13px!important; border: 1px solid #e2e3e7!important;
  border-radius: 17px!important; background: #fff!important;
}
#pageContent #staffV355AccountsPanel .staff-filter-group-head-v742 { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
#pageContent #staffV355AccountsPanel .staff-filter-group-head-v742 > span {
  display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;
  border-radius: 9px; background: #f5eedb; color: #a67e28; font-size: 13px;
}
#pageContent #staffV355AccountsPanel .staff-filter-group-head-v742 h4 { margin: 0!important; font-size: 13px!important; font-weight: 800!important; color: #27292e!important; }
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 { gap: 8px!important; }
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 button {
  min-height: 40px!important; padding: 10px!important; border-radius: 12px!important;
  justify-content: center!important; font-size: 12px!important; color: #72757c!important;
}
#pageContent #staffV355AccountsPanel .staff-arrange-options-v730 button[aria-pressed="true"] {
  background: #f8f1df!important; border-color: #b58f39!important; color: #806322!important;
}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 footer {
  flex-shrink: 0!important; margin: 0!important; padding: 12px 15px calc(12px + env(safe-area-inset-bottom))!important;
  border-top: 1px solid #e9e9ee!important; background: #fff!important; gap: 9px!important;
}
#pageContent #staffV355AccountsPanel .staff-arrange-sheet-v730 footer button { border-radius: 13px!important; }

/* v743: consistent multi-select filter sheets. */

#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 { display:flex!important; position:fixed!important; inset:0!important; z-index:10050!important; align-items:flex-end!important; justify-content:center!important; padding:0!important; background:rgba(20,22,26,.36)!important; backdrop-filter:blur(5px)!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730[hidden], #pageContent #staffV355AccountsPanel #staffArrangeSheetV730[aria-hidden="true"] { display:none!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-sheet { display:flex!important; flex-direction:column!important; width:100%!important; max-width:560px!important; max-height:85dvh!important; padding:0!important; margin:0!important; overflow:hidden!important; border:0!important; border-radius:24px 24px 0 0!important; background:#f8f8fa!important; box-sizing:border-box!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-handle { width:34px!important; height:4px!important; margin:9px auto 0!important; background:#d7d8dd!important; border-radius:99px!important; flex-shrink:0!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-sheet > header { display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; padding:16px 15px 20px!important; margin:0!important; flex-shrink:0!important; border:0!important; background:transparent!important; text-align:left!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 header small, #pageContent #staffV355AccountsPanel #staffArrangeSheetV730 header .credit-eyebrow { color:#987426!important; font-size:9px!important; font-weight:800!important; letter-spacing:.16em!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 header h3 { margin:6px 0 7px!important; font-size:23px!important; line-height:1.15!important; letter-spacing:-.035em!important; color:#18191d!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 header p { margin:0!important; font-size:12px!important; line-height:1.45!important; color:#9599a1!important; font-weight:400!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 header > button { display:flex!important; align-items:center!important; justify-content:center!important; width:38px!important; height:38px!important; flex-shrink:0!important; margin:0!important; padding:0!important; border:1px solid #e1e3e6!important; border-radius:12px!important; background:#fff!important; color:#3d4047!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-body { padding:0 14px 16px!important; overflow-y:auto!important; min-height:0!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-group { padding:13px!important; margin:0!important; border:1px solid #e2e3e7!important; border-radius:17px!important; background:#fff!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-group-head { display:flex!important; align-items:center!important; gap:9px!important; margin-bottom:12px!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-group-head > span { display:flex!important; align-items:center!important; justify-content:center!important; width:28px!important; height:28px!important; border-radius:9px!important; background:#f5eedb!important; color:#a67e28!important; font-size:13px!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-group-head h4 { margin:0!important; color:#27292e!important; font-size:13px!important; font-weight:800!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-choices { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-choices button { display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:40px!important; padding:10px!important; border:1px solid #e1e3e6!important; border-radius:12px!important; background:#fff!important; color:#72757c!important; font-size:12px!important; font-weight:700!important; box-shadow:none!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-choices button.selected, #pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-choices button[aria-pressed="true"] { background:#f8f1df!important; border-color:#b58f39!important; color:#806322!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-sheet footer { display:grid!important; grid-template-columns:1fr 2fr!important; gap:9px!important; flex-shrink:0!important; margin:0!important; padding:12px 15px calc(12px + env(safe-area-inset-bottom))!important; border-top:1px solid #e9e9ee!important; background:#fff!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 footer button { height:44px!important; margin:0!important; padding:0 12px!important; border:1px solid #e1e3e6!important; border-radius:13px!important; background:#fff!important; color:#43464d!important; font-size:12px!important; font-weight:800!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 footer button:last-child { background:#18191d!important; border-color:#18191d!important; color:#fff!important; }
#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-priority { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; background:#806322; color:white; font-size:10px; }

#pageContent #staffV355AccountsPanel #staffArrangeSheetV730 .uf-sheet::before { display:none!important; content:none!important; }

/* v744 compact staff actions and account sheets */
#pageContent #staffV355AccountsPanel .staff-row-actions.staff-actions-v744 {
  display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:9px!important;align-items:center!important;
}
#pageContent #staffV355AccountsPanel .staff-actions-v744 .staff-action-btn {
  min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:11px!important;font-size:12px!important;
}
#pageContent #staffV355AccountsPanel .staff-actions-v744 .staff-more-v744 {
  background:#fff!important;color:#555961!important;border:1px solid #e1e3e6!important;width:42px!important;min-width:42px!important;
}
#pageContent #staffV355AccountsPanel .staff-security-badge {font-size:10px!important;padding:4px 7px!important;white-space:normal!important}
#pageContent #staffV355AccountsPanel .staff-table tbody td:nth-child(6) {padding-top:10px!important;padding-bottom:12px!important}
.staff-overlay-v744 {position:fixed;inset:0;z-index:10100;background:rgba(20,22,26,.36);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:0;}
.staff-overlay-v744 .staff-sheet-v744 {width:100%;max-width:560px;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;background:#f8f8fa;border-radius:24px 24px 0 0;color:#18191d;box-shadow:0 -8px 40px #0001;}
.staff-overlay-v744 .staff-sheet-handle-v744 {width:34px;height:4px;flex-shrink:0;border-radius:10px;background:#d8dade;margin:9px auto 0;}
.staff-overlay-v744 header {display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:18px 18px 20px;}
.staff-overlay-v744 header>div {min-width:0}
.staff-overlay-v744 header span {font-size:9px;font-weight:800;letter-spacing:2px;color:#9a772b;}
.staff-overlay-v744 h3 {font-size:23px;line-height:1.2;letter-spacing:-.5px;margin:7px 0 0;overflow-wrap:anywhere;}
.staff-overlay-v744 header p {font-size:12px;color:#8c9099;margin:8px 0 0;}
.staff-overlay-v744 button {font-family:inherit;cursor:pointer;}
.staff-overlay-v744 header button {flex-shrink:0;width:38px;height:38px;border:1px solid #e1e3e6;background:#fff;border-radius:12px;color:#555961;font-size:17px;}
.staff-overlay-v744 .staff-sheet-body-v744 {min-height:0;overflow:auto;padding:0 18px 18px;}
.staff-overlay-v744 .staff-menu-v744 {background:#fff;border:1px solid #e1e3e6;border-radius:17px;overflow:hidden;}
.staff-overlay-v744 .staff-menu-v744 button {display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 14px;background:#fff;color:#555961;border:0;border-bottom:1px solid #eceef0;}
.staff-overlay-v744 .staff-menu-v744 button:last-child {border-bottom:0;}
.staff-overlay-v744 .staff-menu-v744 button>i:first-child {width:30px;text-align:center;font-size:17px;}
.staff-overlay-v744 .staff-menu-v744 button>i:last-child {margin-left:auto;font-size:10px;}
.staff-overlay-v744 .staff-menu-v744 span {min-width:0;}
.staff-overlay-v744 .staff-menu-v744 strong {display:block;font-size:13px;color:#24262b;}
.staff-overlay-v744 .staff-menu-v744 small {display:block;font-size:11px;color:#8b8f98;line-height:1.5;margin-top:4px;}
.staff-overlay-v744 .staff-menu-v744 .danger,.staff-overlay-v744 .staff-menu-v744 .danger strong {color:#a83a31;}
.staff-overlay-v744 .staff-confirm-copy-v744 {font-size:14px;line-height:1.65;color:#686d77;margin:0;padding:16px;background:#fff;border:1px solid #e1e3e6;border-radius:17px;}
.staff-overlay-v744 footer {display:grid;grid-template-columns:1fr 2fr;gap:10px;background:#fff;border-top:1px solid #e7e9ed;padding:12px 18px calc(12px + env(safe-area-inset-bottom));}
.staff-overlay-v744 footer button {min-height:44px;border:1px solid #e1e3e6;background:#fff;color:#555961;border-radius:12px;font-size:13px;font-weight:700;padding:10px;}
.staff-overlay-v744 footer button:last-child {color:#fff;background:#18191d;border-color:#18191d;}
.staff-overlay-v744 footer button.danger {background:#a83a31;border-color:#a83a31;}
.staff-overlay-v744 button:focus-visible {outline:2px solid #b58f39;outline-offset:-3px;}
#staffToastV721 {align-items:flex-start!important;padding:14px!important;gap:11px!important;}
#staffToastV721>div {min-width:0;flex:1;}
#staffToastV721 strong {font-size:13px!important;}
#staffToastV721 p {font-size:12px!important;line-height:1.5!important;}
#staffToastV721.warning {border-color:#ead7b7!important;}
#staffToastV721.warning .staff-toast-icon-v721 {background:#faf2df!important;color:#93712b!important;}
#staffToastV721 .staff-toast-close-v744 {flex-shrink:0;background:none;border:0;color:#838892;font-size:23px;width:32px;height:32px;cursor:pointer;padding:0;}

/* v745 grey Edit and complete assigned page labels */
#pageContent #staffV355AccountsPanel .staff-row-actions.staff-actions-v744 .staff-action-btn.edit {
  background:#f0f1f4!important;border-color:#f0f1f4!important;color:#5e626b!important;box-shadow:none!important;
}
#pageContent #staffV355AccountsPanel .staff-permission-badges {
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;max-height:none!important;width:100%!important;
}
#pageContent #staffV355AccountsPanel .staff-permission-badge {
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;overflow-wrap:anywhere!important;
}

/* Saved cash setup is an explicit owner reconciliation, separate from checks. */
#pageContent .staff-cash-setup-v750 { border:1px solid #e4dfd1; color:#866b2c; background:#faf6ea; padding:7px 10px; border-radius:8px; margin:4px 0; font-size:11px; font-weight:600; }
.staff-cash-reconcile-records-v750, .staff-cash-confirm-v750 button { width:100%; border:0; background:#eff0f3; color:#535760; border-radius:12px; padding:12px; font-weight:700; }
.staff-cash-confirm-v750 { margin-top:16px; color:#747780; font-size:12px; line-height:1.6; }
.staff-cash-confirm-v750 summary { cursor:pointer; font-weight:600; }
.staff-cash-confirm-v750 label { display:block; margin:10px 0; color:#535760; font-weight:600; }
.staff-cash-confirm-v750 input, .staff-cash-confirm-v750 textarea { display:block; box-sizing:border-box; width:100%; font:inherit; padding:10px; border:1px solid #dfe1e5; border-radius:10px; background:#fff; margin-top:5px; }
.staff-cash-confirm-v750 button { background:#18191d; color:white; }
.staff-cash-reconcile-message-v750 { color:#a43f34; font-size:12px; line-height:1.5; }

/* v751: compact cash check; one result row, no operational diagnostics. */
#pageContent .staff-cash-check-v751 {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:40px; box-sizing:border-box; margin-top:10px; padding:9px 12px;
  border:1px solid #e7e8eb; border-radius:10px; background:#f6f7f8;
  color:#656a73; text-align:left; font-size:11px; font-weight:600; cursor:pointer;
}
#pageContent .staff-cash-total-v751 {
  display:flex; align-items:center; gap:8px; margin-top:10px; padding-top:10px;
  border-top:1px solid #ececef;
}
#pageContent .staff-cash-total-label-v751 { flex:1; min-width:0; }
#pageContent .staff-cash-total-label-v751 span { display:block; color:#565b63; font-size:11px; font-weight:600; line-height:1.4; }
#pageContent .staff-cash-total-label-v751 small { display:block; color:#9a9da4; font-size:9px; line-height:1.4; margin-top:2px; }
#pageContent .staff-cash-total-v751 > strong { font-size:14px; line-height:1.3; }
#pageContent .staff-cash-total-v751 .outstanding { color:#a43f34; }
#pageContent .staff-cash-total-v751 .clear { color:#3f7650; }
#pageContent .staff-cash-refresh-v751 {
  display:flex; align-items:center; justify-content:center; flex:0 0 40px;
  width:40px; height:40px; border:0; border-radius:10px; background:#f4f5f7; color:#777c85; cursor:pointer;
}
#pageContent .staff-cash-check-v751:disabled, #pageContent .staff-cash-refresh-v751:disabled { opacity:.6; cursor:wait; }
#pageContent .staff-cash-check-v751:focus-visible, #pageContent .staff-cash-refresh-v751:focus-visible, #pageContent .staff-cash-review-v751 button:focus-visible { outline:2px solid #b69542; outline-offset:2px; }
#pageContent .staff-cash-review-v751 { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:5px; color:#88723e; font-size:10px; }
#pageContent .staff-cash-review-v751 button { min-height:36px; padding:6px 8px; border:0; border-radius:8px; background:transparent; color:#88723e; font:inherit; font-weight:700; cursor:pointer; }
#pageContent .staff-cash-review-v751 button i { margin-left:5px; font-size:8px; }
#pageContent .staff-cash-pending-v751 { display:block; margin-top:2px; font-size:9px; font-weight:500; color:#b06459; line-height:1.3; }
#pageContent .staff-cash-difference-v751 { display:block; margin-top:5px; color:#a43f34; font-size:10px; line-height:1.4; }
@media (max-width:360px) {
  #pageContent .staff-cash-total-v751 { gap:5px; }
  #pageContent .staff-cash-total-v751 > strong { font-size:12px; }
  #pageContent .staff-cash-total-label-v751 span { font-size:10px; }
}

/* v753: Today-only current cash, a quiet inline action. */
#pageContent .staff-cash-check-v751 {
  margin-top:12px; padding:8px 0 0; border:0; border-top:1px solid #ececef;
  border-radius:0; background:transparent; min-height:44px; font-size:11px;
}
#pageContent .staff-cash-check-v751 > span:first-child { display:flex; align-items:center; gap:7px; font-weight:500; }
#pageContent .staff-cash-check-v751 > span:first-child i { color:#9b8a5d; font-size:11px; }
#pageContent .staff-cash-check-action-v753 { display:flex; align-items:center; gap:6px; padding:7px 10px; border-radius:8px; background:#f3f4f6; color:#626771; font-weight:600; }

/* v789: cash awaiting acceptance is included in staff custody. */
#pageContent .staff-cash-held-v740 {background:#faf6e9;border-color:#e7d9b2;color:#806626;}
#pageContent .staff-cash-held-v740 .staff-cash-pending-v751 {display:block;color:#8b794e;font-size:10px;line-height:1.4;margin-top:3px;font-weight:500;}
#pageContent .owner-handover-actions button {white-space:normal;line-height:1.3;}

/* v790: a flat balance action and readable source details. */
#pageContent .staff-cash-breakdown-row-v790{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border:0;border-radius:0;background:transparent;color:#656972;font:inherit;font-size:12px;text-align:left;cursor:pointer;min-height:48px}
#pageContent .staff-cash-breakdown-row-v790>span:last-child{display:flex;align-items:center;gap:7px;color:#866b27;font-size:11px;font-weight:600;white-space:nowrap}
#pageContent .staff-cash-breakdown-row-v790 small{display:block;margin-top:4px;font-size:10px;color:#93969e}
.cash-breakdown-v790 h3{margin:22px 0 8px;font-size:16px;color:#191b20}
.cash-detail-total-v790{padding:18px;background:#faf6e9;border:1px solid #e7d9b2;border-radius:14px;color:#806626}
.cash-detail-total-v790 span,.cash-detail-total-v790 small{display:block;font-size:12px;line-height:1.5}
.cash-detail-total-v790 strong{display:block;margin:8px 0;font-size:28px}
.cash-detail-row-v790{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eee;font-size:13px}
.cash-detail-row-v790 strong{white-space:nowrap}
.cash-detail-note-v790{font-size:12px;line-height:1.6;color:#838791}
.cash-handover-detail-v790{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}
.cash-handover-detail-v790>div{display:flex;justify-content:space-between;gap:12px}
.cash-handover-detail-v790 small{display:block;margin-top:5px;color:#858892;font-size:11px}
.cash-breakdown-v790 details{padding:12px 0;font-size:13px;color:#806626}

.cash-history-tabs-v791{display:flex;gap:8px;margin:12px 0}.cash-history-tabs-v791 button,[data-cash-more-v791]{min-height:44px;padding:10px 16px;border:1px solid #e2e4e8;border-radius:10px;background:#fff;color:#656972;font:inherit;font-size:13px;cursor:pointer}.cash-history-tabs-v791 button[aria-pressed="true"]{background:#faf6e9;border-color:#e7d9b2;color:#806626}[data-cash-more-v791]{width:100%;margin-top:12px}.cash-history-tabs-v791 button:disabled,[data-cash-more-v791]:disabled{opacity:.6;cursor:wait}

.cash-status-v793{display:inline-block;padding:3px 7px;border-radius:5px;font-size:10px;line-height:1.4;font-weight:600}.cash-status-v793.pending{background:#f7f0dc;color:#806626}.cash-status-v793.accepted{background:#edf7ef;color:#3f7650}.cash-status-v793.neutral{background:#eeeff2;color:#6c7079}

/* v794: staff details are a separate, explicit action. */
#pageContent .staff-view-details-v794{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin-top:8px;padding:11px 0;border:0;border-top:1px solid #eceef1;border-radius:0;background:transparent;color:#656972;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}
#pageContent .staff-view-details-v794 i{color:#9b7e31;font-size:11px}
#pageContent .staff-view-details-v794:focus-visible{outline:2px solid #b69542;outline-offset:2px}
#pageContent .staff-person-card-v355{cursor:default}

/* v795: separate daily operations from account administration. */
#pageContent .staff-tabs-v795{display:flex;gap:4px;padding:4px;margin:18px 0 22px;border:1px solid #e5e6e8;border-radius:14px;background:#f4f4f6}
#pageContent .staff-tabs-v795 button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;color:#777b83;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#pageContent .staff-tabs-v795 button[aria-selected="true"]{background:#fff;color:#191a1d;box-shadow:0 2px 6px #00000009}
#pageContent:has([data-staff-tab-v795="accounts"][aria-selected="true"]) .staff-compact-v355{display:none!important}
#pageContent:has([data-staff-tab-v795="overview"][aria-selected="true"]) #staffV355AccountsPanel{display:none!important}
#pageContent #staffV355AccountsPanel[hidden]{display:none!important}
#pageContent #staffV355AccountsPanel{position:static!important;inset:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
#pageContent #staffV355AccountsPanel .card-head p{display:block!important;margin:7px 0 16px!important;color:#91959d;font-size:12px}
#pageContent #staffV355AccountsPanel .staff-table tbody tr{display:block!important;padding:0!important;margin-bottom:10px!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e3e5e8!important;box-shadow:none!important}
#pageContent #staffV355AccountsPanel .staff-table tbody tr td{display:block!important;width:100%!important;padding:0!important;border:0!important}
#pageContent .staff-account-row-v795{display:flex;align-items:center;gap:12px;width:100%;padding:18px 14px;border:0;background:#fff;text-align:left;font:inherit;cursor:pointer}
#pageContent .staff-account-avatar-v795{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:13px;background:#f6f0df;color:#9d7929;font-size:15px;font-weight:800}
#pageContent .staff-account-copy-v795{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
#pageContent .staff-account-copy-v795 strong{font-size:16px;color:#191a1e}
#pageContent .staff-account-copy-v795>span{font-size:12px;color:#9498a0;overflow-wrap:anywhere}
#pageContent .staff-account-copy-v795 small{font-size:10px;color:#92742d}
#pageContent .staff-account-row-v795>i{font-size:12px;color:#a88839}
#pageContent .staff-team-empty-v765 .staff-tabs-v795{display:none!important}

/* v796: override legacy last-cell icon-button sizing for full account rows. */
#pageContent #staffV355AccountsPanel .staff-table tbody tr td:first-child{position:static!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
#pageContent #staffV355AccountsPanel .staff-table tbody tr{height:auto!important;min-height:0!important;margin:0!important}
#pageContent #staffV355AccountsPanel .staff-table tbody{gap:12px!important}
#pageContent #staffV355AccountsPanel .staff-table tbody td .staff-account-row-v795{display:flex!important;position:static!important;width:100%!important;min-width:0!important;height:auto!important;min-height:84px!important;max-height:none!important;box-sizing:border-box!important;padding:16px 14px!important;margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;gap:12px!important;font-size:13px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;justify-content:flex-start!important;text-align:left!important}
#pageContent #staffV355AccountsPanel .staff-account-row-v795 .staff-account-copy-v795{position:static!important;flex:1 1 0!important;min-width:0!important;display:flex!important;gap:4px!important;text-align:left!important}
#pageContent #staffV355AccountsPanel .staff-account-row-v795 .staff-account-copy-v795 strong{font-size:15px!important;line-height:1.35!important;margin:0!important}
#pageContent #staffV355AccountsPanel .staff-account-row-v795 .staff-account-copy-v795>span{font-size:12px!important;line-height:1.4!important;margin:0!important}
#pageContent #staffV355AccountsPanel .staff-account-row-v795 .staff-status-badge{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;align-self:center!important;font-size:10px!important;min-height:25px!important;padding:3px 8px!important;border-radius:7px!important;white-space:nowrap!important}
#pageContent #staffV355AccountsPanel .staff-account-row-v795>i{position:static!important;flex:0 0 auto!important;margin:0!important;font-size:11px!important}
#pageContent #staffV355AccountsPanel .card-head{padding-bottom:8px!important;margin-bottom:8px!important}
#pageContent #staffV355AccountsPanel .card-head h3{display:none!important}
#pageContent #staffV355AccountsPanel .card-head p{margin:0 0 12px!important;font-weight:400!important}

/* v797: tighten the account introduction and controls. */
#pageContent:has([data-staff-tab-v795="accounts"][aria-selected="true"]) .staff-tabs-v795{margin-bottom:14px!important}
#pageContent #staffV355AccountsPanel .card-head{padding:0!important;margin:0 0 12px!important;min-height:0!important;height:auto!important}
#pageContent #staffV355AccountsPanel .card-head p{margin:0!important;font-weight:400!important;line-height:1.5!important}
#pageContent #staffV355AccountsPanel .staff-controls-v730{margin-top:0!important;margin-bottom:12px!important}

/* v799: compact account notices and aligned action rows. */
.staff-overlay-v744 .staff-account-note-v799{margin:0 0 12px;padding:9px 12px;border-radius:8px;background:#f7f1df;color:#8b712e;font-size:12px;line-height:1.5}
.staff-overlay-v744 .staff-menu-v744 button{align-items:center!important}
.staff-overlay-v744 .staff-menu-v744 button>i:first-child{flex:0 0 28px!important;width:28px!important;margin:0!important}
.staff-overlay-v744 .staff-menu-v744 button>span{flex:1!important;min-width:0!important;text-align:left!important}
.staff-overlay-v744 .staff-menu-v744 button>i:last-child{flex:0 0 12px!important;width:12px!important;margin:0!important}

/* v801: bank-style passbook; isolated from staff account table rules. */
.cash-passbook-pending-v801{margin:18px 0 24px}
.cash-passbook-pending-v801 h4,.cash-passbook-ledger-v801 h4{font-size:13px;margin:16px 0 12px;color:#555b65}
.cash-passbook-waiting-v801{padding:12px 0;border-bottom:1px solid #e6e8eb}
.cash-passbook-waiting-v801>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.cash-passbook-waiting-v801>small{display:block;color:#9398a0;font-size:10px;margin:5px 0}
.cash-passbook-table-v801{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border:1px solid #e2e5e8;font-size:11px}
.cash-passbook-table-v801 th{background:#f6f0df;color:#89702e;padding:10px 5px;font-size:10px;font-weight:700;text-align:right;border-bottom:1px solid #e3d9bc}
.cash-passbook-table-v801 th:first-child{width:39%;text-align:left;padding-left:9px}
.cash-passbook-table-v801 td{padding:13px 5px;text-align:right;vertical-align:top;border-bottom:1px solid #e7e9ec;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cash-passbook-table-v801 td:first-child{text-align:left;padding-left:9px}
.cash-passbook-table-v801 td strong{display:block;font-size:11px;line-height:1.4}
.cash-passbook-table-v801 td small{display:block;font-size:9px;line-height:1.5;color:#9498a0;margin-top:5px}
.cash-passbook-in-v801{color:#43815b}
.cash-passbook-balance-v801{font-weight:750;color:#292d33}
.cash-passbook-caption-v801{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* v802: mobile passbook entries and collapsed uncompleted history. */
.cash-passbook-entry-v802{padding:14px 0;border-bottom:1px solid #e4e6ea}
.cash-passbook-entry-v802>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.cash-passbook-entry-v802>header strong{font-size:13px;color:#24272c}
.cash-passbook-entry-v802>small{display:block;margin:6px 0 12px;font-size:10px;color:#969ba3}
.cash-passbook-values-v802{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cash-passbook-values-v802>div{padding:8px 0;text-align:right}
.cash-passbook-values-v802>div:first-child{text-align:left}
.cash-passbook-values-v802>div:nth-child(2){text-align:center}
.cash-passbook-values-v802 span{display:block;color:#9398a0;font-size:10px;margin-bottom:5px}
.cash-passbook-values-v802 b{font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cash-passbook-values-v802>div:last-child b{color:#876d2c}
.cash-passbook-old-v802{margin:20px 0 8px;border-top:1px solid #e4e6ea;padding-top:14px}
.cash-passbook-old-v802>summary{font-size:12px;font-weight:650;color:#737982;cursor:pointer;min-height:36px}
.cash-passbook-old-v802>summary span{font-size:10px;font-weight:400;margin-left:8px;color:#989da5}

/* v803: compact passbook with shared columns. */
.cash-ledger-heading-v803,.cash-ledger-row-v803{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}
.cash-ledger-heading-v803{padding:10px 0;color:#8a7134;font-size:10px;border-bottom:1px solid #dfd7bf}
.cash-ledger-row-v803{padding:13px 0;border-bottom:1px solid #e4e6ea;font-size:12px}
.cash-ledger-row-v803 strong{display:block;font-size:12px;color:#24272c;letter-spacing:normal}
.cash-ledger-row-v803 small{display:block;font-size:10px;color:#8b9098;margin-top:4px;line-height:1.4}
.cash-ledger-heading-v803>span:not(:first-child),.cash-ledger-row-v803>b{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cash-ledger-row-v803>b:last-child{color:#876d2c}
.cash-ledger-missing-v803{font-size:10px;font-weight:400;color:#9398a0}

.cash-simple-v804 .cash-summary-v804{padding:14px 0 8px;display:grid;gap:6px}
.cash-summary-v804>span{font-size:12px;color:#767b83}
.cash-summary-v804>strong{font-size:27px;line-height:1.15;color:#876d2c}
.cash-summary-v804>small{font-size:11px;color:#8a7134}
.cash-help-v804{margin:0 0 14px;font-size:11px;color:#858a92}
.cash-help-v804 summary{cursor:pointer;padding:8px 0}
.cash-help-v804 p{line-height:1.5;margin:4px 0 12px}
.cash-simple-v804 .cash-history-tabs-v791{display:flex;gap:6px;margin:8px 0}
.cash-simple-v804 .cash-history-tabs-v791 button{flex:1;min-width:0;min-height:36px;padding:8px 5px!important;font-size:11px!important;border-radius:10px!important}
.cash-simple-v804 .cash-directions-v804 button{min-height:32px;font-size:10px!important}
.cash-shift-v804{border-top:1px solid #e4e6ea;margin:18px 0 10px;font-size:12px}
.cash-shift-v804>summary{padding:14px 0;font-weight:650;cursor:pointer;color:#646a73}
.cash-simple-v804 [data-cash-more-v791]{width:100%;min-height:38px;border-radius:10px;font-size:12px}
.cash-simple-v804 .cash-detail-note-v790{font-size:10px;line-height:1.5;margin:10px 0}

.cash-ledger-pending-v805 .cash-ledger-heading-v803,.cash-ledger-pending-v805 .cash-ledger-row-v803{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.cash-ledger-pending-v805 .cash-ledger-row-v803>b:last-child{color:#24272c}
.staff-cash-received-v740>span{font-size:11px;line-height:1.4}

/* v807: clearly distinguish day remainder from saved all-days balance. */
.staff-current-cash-v755>.staff-cash-held-v740{background:#f7f8fa;border-color:#e4e6ea;color:#737983;margin-top:10px}
.staff-current-cash-v755>.staff-cash-held-v740 strong{color:#535961}
.staff-current-cash-v755>button.staff-cash-review-v751{display:block;margin:10px 0;padding:9px 13px;border:1px solid #e1d8ba;border-radius:9px;background:#faf7ed;color:#876d2c;font:inherit;font-size:11px;cursor:pointer;min-height:36px}

/* v812 Cash review types and compact mobile shift preview. */
.cash-review-kind-v812{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:7px;background:#f6f0df;color:#8a6c28;font-size:11px;font-weight:700;line-height:1.35}
.cash-review-reason-v812{font-size:12px;color:#787d86;margin:8px 0 0;line-height:1.5;overflow-wrap:anywhere}
#staffShiftPreview{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:16px}#staffShiftPreview[hidden]{display:none!important}#staffShiftPreview>div{padding:14px!important;min-height:78px;border-radius:12px!important}#staffShiftPreview span{font-size:12px!important}#staffShiftPreview strong{font-size:17px!important}
.cash-difference-control-v812{margin-top:14px;padding:14px;border:1px solid #e4dfd1;border-radius:12px;background:#fbf8ef}.cash-difference-control-v812 label{display:flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;font-weight:700!important}.cash-difference-control-v812 input{appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;flex:0 0 20px;border:1px solid #bbb7ac!important;border-radius:5px!important;background:white!important;margin:0!important;padding:0!important}.cash-difference-control-v812 input:checked{background:#a88630!important;border-color:#a88630!important}.cash-difference-control-v812 input:checked:after{content:"✓";display:block;color:white;text-align:center;line-height:18px;font-size:15px}.cash-difference-control-v812 p{margin:10px 0 0;font-size:12px!important;line-height:1.5;color:#7f7560}.cash-difference-control-v812 p.is-shortage{color:#a34135}#staffShiftInlineErrorV812{display:block;color:#ae3f33;font-size:13px;line-height:1.5;margin-top:8px}

.staff-transfer-wait-v814{margin:12px 0 0;padding:10px 12px;background:#f8f6ef;border-radius:10px;font-size:12px;color:#88723e;line-height:1.5}#staffShiftLoadStatusV814{padding:12px 14px;background:#f8f5eb;border:1px solid #e9dfbf;border-radius:12px;color:#84703a;font-size:14px;line-height:1.5}#staffShiftLoadStatusV814[hidden]{display:none!important}.cash-load-retry-v814{padding:10px 16px;border:1px solid #d4c28c;border-radius:10px;background:#fff;font:inherit;font-weight:700;color:#806728;min-height:44px}

/* v821: Owner pending cards mirror the staff cash confirmation layout. */
.staff-compact-v355 #ownerHandoverPanel{background:#fcf9ef!important;border-color:#e8dbaf!important;box-shadow:none!important}
.staff-compact-v355 #ownerHandoverPanel .owner-cash-card-v821{border-color:#e6dec8!important;padding:15px!important}
.owner-cash-copy-v821{display:flex;flex-direction:column;gap:6px;min-width:0}
.owner-cash-from-v821{font-size:10px;font-weight:700;color:#92959d;letter-spacing:.13em;overflow-wrap:anywhere}
.owner-cash-amount-v821{font-size:24px;color:#18191d;line-height:1.2}
.owner-cash-copy-v821 small{font-size:11px;color:#93979f;line-height:1.5}
.owner-cash-copy-v821 p{font-size:12px;color:#80858e;line-height:1.5;margin:2px 0 0}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button{background:#f7f7f9!important;color:#555960!important;border:1px solid #dedfe4!important;font-size:13px!important;min-height:44px}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button:last-child{background:#eeeef2!important;color:#555960!important}

/* v822: compact owner cash reviews and visible decision selection. */
.staff-compact-v355 #ownerHandoverPanel{padding:14px!important}
.staff-compact-v355 #ownerHandoverPanel .owner-cash-card-v821{padding:12px!important;border-radius:14px!important;margin-bottom:10px!important}
.owner-cash-copy-v821{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center}
.owner-cash-from-v821{font-size:11px;letter-spacing:.04em;color:#656b75}
.owner-cash-amount-v821{font-size:19px;text-align:right;grid-column:2;grid-row:1 / span 2}
.owner-cash-copy-v821 small{font-size:10px}
.owner-cash-copy-v821 p{grid-column:1 / -1;font-size:11px;margin:2px 0 0;line-height:1.4}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions{margin-top:10px!important;gap:8px!important}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button{padding:8px 10px!important;min-height:40px!important;font-size:12px!important;border-radius:10px!important}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button.cash-choice-active-v822{border:2px solid #b6923a!important;background:#fbf6e8!important;color:#866b28!important;box-shadow:0 0 0 1px #b6923a33!important}

/* v823: keep passbook controls visible inside the scrolling sheet. */
.staff-overlay-v744 .staff-sheet-v744>header,.staff-overlay-v744 .staff-sheet-v744>footer{flex-shrink:0}
.cash-passbook-controls-v823{position:sticky;top:0;z-index:2;background:#f8f8fa;padding:8px 0 4px}
.cash-passbook-controls-v823 .cash-history-tabs-v791{margin-top:0!important}
.cash-no-transfer-v823{display:block;font-size:9px;font-weight:400;color:#8b9098;margin-top:5px;line-height:1.4}
.cash-ledger-heading-v803{align-items:end;line-height:1.4}

/* v824: compact staff overview cash summary. */
.staff-cash-day-v824{font-size:10px;color:#92969e;margin:12px 0 7px}
.staff-cash-footer-v740 .staff-cash-received-v740{padding:4px 0!important;margin:0!important;font-size:11px}
.staff-cash-footer-v740 .staff-cash-received-v740 span{font-size:11px!important}
.staff-cash-footer-v740 .staff-writeoff-v824 strong{color:#737983!important}
.staff-current-cash-v755 .staff-cash-summary-v824{display:block;width:100%;padding:12px;border:1px solid #e4d8b2;border-radius:12px;background:#faf7ed;font:inherit;text-align:left;cursor:pointer;color:#806b31;margin:12px 0 0}
.staff-cash-summary-main-v824{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650}
.staff-cash-summary-main-v824 small{display:block;font-size:10px;font-weight:400;margin-top:4px;line-height:1.4}
.staff-cash-summary-main-v824 strong{font-size:17px;white-space:nowrap;color:#535961}
.staff-cash-summary-link-v824{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #e8dfc7;font-size:11px;font-weight:600}
.staff-cash-summary-v824:focus-visible{outline:2px solid #b6923a;outline-offset:3px}

/* v825: quieter, smaller unchecked balance card. */
.staff-current-cash-v755 .staff-cash-summary-v824.staff-cash-unchecked-v825{padding:10px 12px;margin-top:10px}
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824{align-items:flex-start}
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824 strong{font-size:10px;font-weight:500;color:#8b7845;white-space:normal;text-align:right;max-width:95px;line-height:1.4}
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824>span{font-size:11px}
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824 small{margin-top:3px;font-size:9px}
.staff-cash-unchecked-v825 .staff-cash-summary-link-v824{margin-top:7px;padding-top:7px;font-size:10px}

/* v826: center the unchecked balance prompt and inset it from the edge. */
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824{align-items:center;gap:14px}
.staff-cash-unchecked-v825 .staff-cash-summary-main-v824 strong{margin-right:10px;max-width:110px;text-align:center;flex:0 1 110px;line-height:1.4}

/* v827: equal card dimensions before and after verification. */
.staff-current-cash-v755 .staff-cash-summary-v824{padding:10px 12px;margin-top:10px}
.staff-cash-summary-main-v824{min-height:34px;align-items:center;font-size:11px}
.staff-cash-summary-main-v824 small{margin-top:3px;font-size:9px}
.staff-cash-summary-main-v824 strong{margin-right:10px;max-width:110px;text-align:center;flex:0 1 110px;line-height:1.4}
.staff-cash-summary-link-v824{margin-top:7px;padding-top:7px;font-size:10px}

/* v828: verified amounts align with the card's right edge. */
.staff-cash-summary-v824:not(.staff-cash-unchecked-v825) .staff-cash-summary-main-v824 strong{flex:0 0 auto;max-width:none;margin-right:0;text-align:right;font-size:14px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}

/* v832: compact passbook, persistent column labels and secondary request details. */
.staff-overlay-v744[data-passbook-staff-v829] .staff-sheet-v744>header{padding:14px 18px 14px}
.staff-overlay-v744[data-passbook-staff-v829] .staff-sheet-v744>header h3{font-size:21px;margin-top:5px}
.staff-overlay-v744[data-passbook-staff-v829] .staff-sheet-v744>header p{margin-top:5px;font-size:11px}
.cash-passbook-v832 .cash-summary-v804{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:12px 14px;margin:0 0 3px;background:#faf7ed;border:1px solid #e5dbbd;border-radius:12px}
.cash-passbook-v832 .cash-summary-v804>span{font-size:11px;line-height:1.4}
.cash-passbook-v832 .cash-summary-v804>strong{font-size:23px;text-align:right;font-variant-numeric:tabular-nums}
.cash-passbook-v832 .cash-summary-v804>small{grid-column:1 / -1;font-size:10px;line-height:1.4}
.cash-passbook-v832 .cash-help-v804{padding:0;margin:0 0 5px;font-size:10px}
.cash-passbook-v832 .cash-help-v804>summary{padding:9px 2px;min-height:32px;box-sizing:border-box;font-size:10px}
.cash-passbook-v832 .cash-help-v804 p{margin:0 0 10px;font-size:11px;color:#757b85}
.cash-passbook-v832 .cash-passbook-controls-v823{padding:5px 0 0;box-shadow:0 1px 0 #f8f8fa}
.cash-passbook-v832 .cash-history-tabs-v791{padding:3px;gap:3px;background:#eeeff2;border:1px solid #e3e5e9;border-radius:11px;margin:0 0 7px}
.cash-passbook-v832 .cash-history-tabs-v791 button{min-height:34px;border:1px solid transparent;background:transparent;border-radius:8px!important;padding:7px 5px!important;font-size:11px!important}
.cash-passbook-v832 .cash-history-tabs-v791 button[aria-pressed="true"]{background:#faf6e9;border-color:#e2d3a6;color:#806626}
.cash-passbook-v832 .cash-directions-v804 button{min-height:30px;font-size:10px!important;padding:5px!important}
.cash-passbook-v832 [data-passbook-note-v811]{margin:5px 0 4px;font-size:9px}
.cash-passbook-v832 .cash-ledger-heading-v803,.cash-passbook-v832 .cash-ledger-row-v803{grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr) minmax(0,1fr);gap:8px}
.cash-passbook-v832 .cash-ledger-heading-v803{padding:7px 0 8px;font-size:9px}
.cash-passbook-v832 .cash-ledger-heading-v803[hidden]{display:none}
.cash-passbook-v832 .cash-ledger-heading-v803 small{display:block;color:#939082;font-size:8px;font-weight:400}
.cash-passbook-v832 .cash-ledger-row-v803{padding:12px 0;align-items:start}
.cash-passbook-v832 .cash-ledger-row-v803 strong{font-size:12px;line-height:1.35}
.cash-passbook-v832 .cash-ledger-row-v803>b{padding-top:1px;font-size:13px;white-space:nowrap;overflow-wrap:normal}
.cash-passbook-v832 .cash-ledger-row-v803 small{font-size:9px;margin-top:4px;line-height:1.4}
.cash-passbook-v832 .cash-decision-status-v832{color:#727881}
.cash-passbook-v832 .cash-request-v832{padding:0;margin:4px 0 0;color:#8b9098;font-size:9px}
.cash-passbook-v832 .cash-request-v832>summary{font-size:9px;cursor:pointer;min-height:24px;display:list-item;line-height:24px}
.cash-passbook-v832 .cash-request-v832 small{margin:0 0 5px}
.cash-passbook-v832 .cash-no-transfer-v823{white-space:normal;font-size:8px!important}
.cash-passbook-v832 .cash-shift-v804{padding:0;margin:12px 0 5px;font-size:11px}
.cash-passbook-v832 .cash-shift-v804>summary{padding:12px 0;font-size:11px;min-height:40px;box-sizing:border-box}
.cash-passbook-v832 .cash-checked-v832{display:block;margin:4px 0 0;font-size:9px;color:#92969e}
.cash-passbook-v832 [data-cash-more-v791]{margin-top:5px;min-height:38px;font-size:11px}

/* v833: tighten passbook spacing without changing records or controls. */
.cash-passbook-v832 .cash-help-v804{margin:0;padding:0}
.cash-passbook-v832 .cash-help-v804>summary{padding:6px 2px;min-height:28px;line-height:16px}
.cash-passbook-v832 .cash-help-v804 p{margin:2px 0 7px}
.cash-passbook-v832 .cash-passbook-controls-v823{padding-top:2px}
.cash-passbook-v832 .cash-ledger-row-v803{padding:9px 0}
.cash-passbook-v832 .cash-ledger-row-v803 small{margin-top:3px;line-height:1.35}
.cash-passbook-v832 .cash-request-v832{margin-top:2px}
.cash-passbook-v832 .cash-request-v832>summary{min-height:22px;line-height:22px}
.cash-passbook-v832 .cash-request-v832 small{margin:0 0 4px}

/* v834: only shown when a bounded live query has another page. */
.staff-paging-v834{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid #e4d8b2;border-radius:10px;background:#faf7ed;color:#806b31;font-size:11px;line-height:1.5}
.staff-paging-v834[hidden]{display:none}.staff-paging-v834 button{flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid #d8c791;border-radius:8px;background:#fff;color:#806b31;font:inherit;cursor:pointer}.staff-paging-v834 button:disabled{opacity:.6;cursor:wait}

/* Centre the warning glyph within its circular badge. */
#staffToastV721 .staff-toast-icon-v721{display:flex;align-items:center;justify-content:center;line-height:1;padding:0;box-sizing:border-box;text-align:center}

#staffToastV721 .staff-toast-icon-v721{align-self:center!important;flex-shrink:0;margin:0!important}

/* v1096: bank-style cash movements, separate from adjustments and untransferred requests. */
.cash-passbook-v832 .cash-ledger-heading-v803,.cash-passbook-v832 .cash-ledger-row-v803{grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1fr);gap:6px}
.cash-passbook-v832 .cash-directions-v804{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.cash-passbook-v832 .cash-directions-v804 button{min-width:0;padding:10px 3px;font-size:11px;white-space:normal}
.cash-passbook-v832 .cash-ledger-heading-v803{align-items:start;font-size:10px}
.cash-passbook-v832 .cash-ledger-row-v803>b{font-size:12px;white-space:normal;overflow-wrap:anywhere}
.cash-passbook-v832 .cash-ledger-row-v803 .cash-money-in-v1096{color:#28744e}
.cash-passbook-v832 .cash-ledger-heading-v803 small{display:block;font-size:9px;margin-top:3px;color:#9398a0}
.cash-status-v1096{display:inline-block;margin-top:6px;padding:3px 6px;border-radius:5px;font-size:9px;font-weight:700;line-height:1.4}
.cash-status-green-v1096{background:#eaf5ee;color:#28744e}.cash-status-red-v1096{background:#fceeed;color:#b63b32}.cash-status-amber-v1096{background:#fbf4df;color:#876921}.cash-status-muted-v1096{background:#eef0f3;color:#6f747e}
.cash-passbook-v832 .cash-adjustment-v1096{color:#876921;font-weight:600}

/* v1097: checking a balance and opening history are independent controls. */
.staff-current-cash-v755 .staff-cash-summary-v824{cursor:default}
.staff-current-cash-v755 .staff-balance-check-v1097{width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.staff-current-cash-v755 .staff-balance-check-v1097:disabled{opacity:.75;cursor:wait}
.staff-current-cash-v755 .staff-passbook-link-v1097{width:100%;padding-right:0;padding-left:0;padding-bottom:0;border:0;border-top:1px solid #e8dfc7;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer;min-height:32px}
.staff-balance-check-v1097:focus-visible,.staff-passbook-link-v1097:focus-visible{outline:2px solid #b6923a;outline-offset:3px;border-radius:4px}
#staffPassbookPage{width:100%;max-width:800px;margin:0 auto;padding:0 0 24px;background:#fff}
#staffPassbookPage [hidden]{display:none!important}
#staffPassbookPage .passbook-page-head h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#staffPassbookRefresh{grid-column:3;grid-row:1;justify-self:end;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#876d2c;font-size:18px;cursor:pointer}
#staffPassbookPage #staffPassbookSummary{margin:18px 0 12px;padding:18px;border:1px solid #e4d8b2;border-radius:14px;background:#faf7ed;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
#staffPassbookPage #staffPassbookSummary>span{font-size:14px;color:#787d87}
#staffPassbookPage #staffPassbookSummary>span small{display:block;margin-top:5px;font-size:11px;color:#9a9da5}
#staffPassbookPage #staffPassbookSummary>strong{font-size:26px;color:#876d2c}
#staffPassbookPage #staffPassbookSummary>small{grid-column:1/-1;font-size:11px;line-height:1.5;color:#858991}
#staffPassbookPage .cash-passbook-controls-v823{position:static;margin-top:12px}
#staffPassbookPage button[data-passbook-more],#staffPassbookPage button[data-passbook-retry],#staffPassbookPage button[data-passbook-load-retry]{width:100%;min-height:44px;padding:10px;border:1px solid #ddd6c4;border-radius:10px;background:#faf7ed;color:#806b31;font:inherit;font-size:13px;font-weight:600;cursor:pointer;margin:12px 0}
#staffPassbookPage button:disabled{opacity:.6;cursor:wait}
#staffPassbookPage .cash-ledger-row-v803{padding:16px 0}
#staffPassbookPage .cash-ledger-row-v803 strong{font-size:13px}
#staffPassbookPage .cash-ledger-row-v803 small{font-size:10px;line-height:1.5}
#staffPassbookPage .cash-ledger-row-v803>b{font-size:13px}

/* v1098: compact, expandable passbook rows for phone screens. */
#staffPassbookPage .cash-row-v1098{border-bottom:1px solid #e9ebee;margin:0;padding:0;background:#fff}
#staffPassbookPage .cash-row-v1098>summary{display:block;list-style:none;padding:17px 0;cursor:pointer}
#staffPassbookPage .cash-row-v1098>summary::-webkit-details-marker{display:none}
.cash-row-main-v1098{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.cash-row-main-v1098>strong{font-size:15px;font-weight:650;color:#25272c;line-height:1.4;min-width:0;flex:1}
.cash-row-main-v1098>b{font-size:16px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.cash-amount-in-v1098{color:#2c8054}.cash-amount-out-v1098{color:#30343b}.cash-amount-neutral-v1098{color:#7e8490}.cash-amount-adjustment-v1098{color:#98782d}
.cash-row-meta-v1098{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:6px}
.cash-row-meta-v1098 .cash-status-v1096{margin:0;font-size:9px}
.cash-row-meta-v1098>small{font-size:10px;color:#9398a2;line-height:1.5}
.cash-row-meta-v1098 .cash-row-balance-v1098{margin-left:auto;color:#8b7948}
.cash-row-meta-v1098>i{font-size:9px;color:#aaaeb6;margin-left:auto}
.cash-row-meta-v1098 .cash-row-balance-v1098+i{margin-left:0}
.cash-row-v1098[open] .cash-row-meta-v1098>i{transform:rotate(180deg)}
.cash-row-detail-v1098{padding:0 0 16px;overflow-wrap:anywhere}
.cash-row-detail-v1098 h3{font-size:12px;font-weight:650;color:#7e6833;margin:1px 0 12px}
.cash-row-detail-v1098 dl{margin:0;font-size:12px;line-height:1.7}.cash-row-detail-v1098 dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;margin:7px 0}.cash-row-detail-v1098 dt{color:#969ba5}.cash-row-detail-v1098 dd{margin:0;color:#626975;white-space:pre-wrap}
#staffPassbookPage .cash-filter-v1098{display:flex;align-items:center;gap:12px;padding:7px 0;margin:8px 0 0;font-size:12px;color:#8b909a}
.cash-filter-v1098 select{flex:1;min-width:0;min-height:42px;border:1px solid #e2e4e9;border-radius:10px;background:#fff;color:#756334;font:inherit;padding:9px 12px}
#staffPassbookPage #staffPassbookSummary{padding:16px;margin:16px 0 10px}#staffPassbookPage #staffPassbookSummary>strong{font-size:25px}
.cash-empty-v1098{font-size:12px;color:#9499a2;line-height:1.6;margin:20px 0}
.staff-pay-settings-v1098{margin:20px 0;padding:16px;border:1px solid #e5ddc5;border-radius:14px;background:#fffdf7}.staff-pay-settings-v1098[hidden]{display:none!important}.staff-pay-settings-v1098 h4{margin:0 0 8px;font-size:15px}.staff-pay-settings-v1098>p{font-size:12px;color:#8b919a;line-height:1.6}.staff-pay-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-pay-settings-v1098 label{font-size:12px;color:#7f8590}.staff-pay-settings-v1098 input{width:100%;box-sizing:border-box;min-height:44px;margin-top:6px;padding:10px;border:1px solid #e0e3e8;border-radius:9px;background:#fff;font:inherit}.staff-pay-settings-v1098 button{min-height:44px;width:100%;padding:10px;border:1px solid #ddd2b4;background:#f8f2e1;color:#80672e;border-radius:10px;font:inherit;margin-top:12px;cursor:pointer}

/* v1099: four aligned bank-passbook columns, with full-width expandable details. */
#staffPassbookPage .cash-ledger-head-v1099,#staffPassbookPage .cash-row-v1099>summary{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1fr);gap:7px;align-items:start}
#staffPassbookPage .cash-ledger-head-v1099{border-bottom:1px solid #ded5bb;padding:13px 0 10px;color:#8b7337;font-size:10px;line-height:1.5}
.cash-ledger-head-v1099>span:not(:first-child){text-align:right}.cash-ledger-head-v1099 small{display:block;font-size:9px;color:#9a9da5}
#staffPassbookPage .cash-ledger-note-v1099{font-size:10px;color:#9398a2;margin:14px 0 0}
#staffPassbookPage .cash-row-v1099{border:0;border-bottom:1px solid #e7e9ed;margin:0;background:#fff}
#staffPassbookPage .cash-row-v1099>summary{list-style:none;padding:14px 0;cursor:pointer}
.cash-row-v1099>summary::-webkit-details-marker{display:none}.cash-date-details-v1099{min-width:0;overflow-wrap:anywhere}
.cash-date-details-v1099>strong{display:block;font-size:12px;line-height:1.4;font-weight:650;color:#292c31}
.cash-date-details-v1099>small{display:block;font-size:9px;line-height:1.5;color:#959ba5;margin-top:4px}
.cash-date-details-v1099 .cash-status-v1096{margin-top:5px;font-size:8px;padding:2px 5px}
.cash-expand-v1099{display:block;color:#8b909a;font-size:9px;line-height:1.5;margin-top:7px}.cash-expand-v1099 i{font-size:7px;margin-left:3px}
.cash-row-v1099[open] .cash-expand-v1099 i{transform:rotate(180deg)}
#staffPassbookPage .cash-row-v1099>summary>b{font-size:12px;line-height:1.5;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:650}
.cash-in-v1099{color:#367b53}.cash-out-v1099{color:#30343b}.cash-balance-v1099{color:#8b7337}
#staffPassbookPage .cash-row-v1099>.cash-row-detail-v1098{padding:0 10px 14px;border-left:2px solid #e7ddc1;margin-bottom:12px}
.cash-row-v1099>summary:focus-visible{outline:2px solid #b6923a;outline-offset:2px}
@media(min-width:600px){#staffPassbookPage .cash-row-v1099>summary>b{font-size:14px}.cash-date-details-v1099>strong{font-size:14px}.cash-date-details-v1099>small,.cash-expand-v1099{font-size:11px}#staffPassbookPage .cash-ledger-head-v1099{font-size:12px}}

/* v1100: cash-only ledger, tidy filters and actionable pending reviews. */
#staffPassbookPage .cash-filter-v1098{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;margin:10px 0;padding:0;background:#fff}
#staffPassbookPage .cash-filter-v1098 select{display:block;box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0;padding:10px 34px 10px 12px;border:1px solid #e4dfd1;border-radius:10px;background:#fff;color:#7d6935;font-size:12px;line-height:20px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%238b794a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
#staffPassbookPage .cash-row-detail-v1098 dl>div{grid-template-columns:72px minmax(0,1fr);gap:8px;font-size:11px}
#staffPassbookPage .cash-row-detail-v1098 dt{white-space:nowrap;font-size:10px}
#staffPassbookPage .cash-reference-v1100 dd{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;min-width:0;font-size:10px}
.cash-reference-v1100 button{border:0;background:#f5f0e3;color:#826b32;padding:6px 9px;border-radius:6px;font:inherit;flex-shrink:0;cursor:pointer}
.cash-settlement-v1100{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.cash-settlement-v1100>span{padding:10px;border:1px solid #ece8df;border-radius:9px;font-size:10px;color:#9398a1}.cash-settlement-v1100 strong{display:block;font-size:14px;color:#7e6b39;margin-top:6px}
.cash-decision-v1100{margin-top:14px;padding-top:12px;border-top:1px solid #e6dfce;font-size:12px}.cash-decision-v1100 label{display:block;color:#8b9098;line-height:1.5}.cash-decision-v1100 textarea{box-sizing:border-box;width:100%;min-height:64px;padding:9px;border:1px solid #e0e2e7;border-radius:8px;font:inherit;margin-top:5px}.cash-decision-v1100 .cash-confirm-v1100{display:flex;align-items:flex-start;gap:8px;margin:12px 0}.cash-confirm-v1100 input{width:17px;height:17px;flex-shrink:0;accent-color:#9a813b}.cash-decision-v1100>div{display:flex;gap:10px}.cash-decision-v1100 button{flex:1;min-height:42px;border:1px solid #ded3b4;border-radius:8px;background:#faf5e7;color:#80672c;font:inherit;font-weight:600;cursor:pointer}.cash-decision-v1100 [data-cash-reject]{background:#fff;color:#b34b40;border-color:#ecd3d0}.cash-decision-v1100 [role=alert]{color:#b34b40;font-size:11px}.cash-recipient-note-v1100{font-size:11px;color:#8b9098;line-height:1.6}
/* v1101: expense approval is separate from handover receipt. */
.staff-expense-reviews-v1101{margin:16px 0;padding:16px;border:1px solid #e6d8af;border-radius:16px;background:#fffdf7}.staff-expense-reviews-v1101[hidden]{display:none!important}.staff-expense-reviews-v1101 header{display:flex;align-items:center;justify-content:space-between;gap:10px}.staff-expense-reviews-v1101 header small{font-size:9px;color:#947a32;letter-spacing:1.5px;font-weight:700}.staff-expense-reviews-v1101 h3{font-size:15px;margin:6px 0 12px;color:#292c31}.staff-expense-reviews-v1101 article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eae3d2}.staff-expense-reviews-v1101 article>div{min-width:0}.staff-expense-reviews-v1101 article strong{display:block;font-size:13px}.staff-expense-reviews-v1101 article span,.staff-expense-reviews-v1101 article small{display:block;color:#8c929c;font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.staff-expense-reviews-v1101 article>b{font-size:14px;color:#89702f;white-space:nowrap}.staff-expense-reviews-v1101 p{font-size:11px;line-height:1.5;color:#9197a1}.staff-expense-reviews-v1101 button{min-height:40px;border:1px solid #e4d7b0;border-radius:9px;padding:8px 12px;color:#826a30;background:#faf4e5;font:inherit;font-size:12px;cursor:pointer}.staff-expense-reviews-v1101>button{width:100%;margin-top:8px}.staff-expense-reviews-v1101 [role=alert]{color:#ba4b3b}

/* v1106: one review surface, clearer staff contrast and stable record placeholders. */
#staffV355Handover {background:#f5e8bf!important;border:1px solid #bb953e!important;color:#302710!important}
#staffV355Handover strong {color:#292311!important}
#staffReviewBreakdownV1106 {display:block;margin-top:6px;color:#594820;font-size:12px}
.staff-person-card-v355 {background:#fff!important;border-color:#cdd2d8!important;box-shadow:0 3px 12px #17212b08}
.staff-person-card-v355 h3,.staff-person-card-v355 strong {color:#20252b!important}
.staff-person-card-v355 small {color:#646b75}
.staff-kpis-v355 article strong {color:#232a31!important}
.staff-kpis-v355 article:last-child {background:#e7f1eb!important;border-color:#b9d0c1!important}
.staff-expense-reviews-v1106 {margin-top:18px;border-top:1px solid #d6d9de;padding-top:16px}
.staff-expense-reviews-v1106 header {display:flex;align-items:center;justify-content:space-between;gap:12px}
.staff-expense-reviews-v1106 h4 {margin:0;color:#252b32;font-size:16px}
.review-expense-v1106 {margin-top:12px;border:1px solid #cfd4da;border-radius:12px;background:#fff;padding:14px;color:#262c33}
.review-expense-v1106 summary {display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.review-expense-v1106 summary small {display:block;margin-top:5px;color:#656d78}
.review-expense-v1106 summary b {white-space:nowrap}
.review-expense-v1106 textarea {display:block;width:100%;box-sizing:border-box;min-height:70px;margin:8px 0 14px;padding:10px;border:1px solid #bcc3cc;border-radius:8px;font:inherit}
.review-confirm-v1106 {display:flex;gap:8px;align-items:center;margin:12px 0}
.review-actions-v1106 {display:flex;gap:10px}
.review-actions-v1106 button {flex:1;padding:12px;border:1px solid #33714c;border-radius:8px;background:#edf7f0;color:#245d3a;font-weight:700}
.review-actions-v1106 button:last-child {border-color:#b2554b;color:#9c372e;background:#fff6f5}
.cash-skeleton-v1106>div {display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #e1e4e8}
.cash-skeleton-v1106 span,.review-loading-v1106 {height:18px;border-radius:5px;background:linear-gradient(90deg,#e9ecf0 25%,#f7f8fa 50%,#e9ecf0 75%);background-size:200% 100%;animation:review-shimmer-v1106 1.5s linear infinite}
.review-loading-v1106 {height:70px;margin:12px 0}
#staffPassbookPage [data-passbook-category] {flex:1;min-width:0;font-size:13px}
@keyframes review-shimmer-v1106 {to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.cash-skeleton-v1106 span,.review-loading-v1106{animation:none}}

.staff-compact-v355 #ownerHandoverPanel {background:#fff!important;border-color:#cdd2d8!important}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button {background:#edf7f0!important;border-color:#4d825e!important;color:#245d3a!important}
.staff-compact-v355 #ownerHandoverPanel .owner-handover-actions button:last-child {background:#fff6f5!important;border-color:#b2554b!important;color:#9c372e!important}
.staff-compact-v355 .staff-person-card-v355 .staff-person-stats-v355 strong {color:#20252b!important}
.staff-compact-v355 .staff-kpis-v355 article strong {color:#232a31!important}

.cash-ledger-head-v1099.cash-compact-v1107,.cash-row-v1099.cash-compact-v1107>summary {grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important}
.cash-request-amount-v1107 {text-align:right;white-space:nowrap;color:#252b32;font-size:15px}
.staff-pending-person-v1107 {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:17px 12px;border:0;border-bottom:1px solid #d8dbe0;background:#fff;color:#252b32;font:inherit;cursor:pointer}
.staff-pending-person-v1107 small {display:block;margin-top:5px;color:#6a7079;font-size:12px}
.staff-pending-person-v1107 b {white-space:nowrap;color:#806626}

#ownerPendingReviewsV1107 {margin:18px 0;padding:16px;border:1px solid #c5a35b;border-radius:16px;background:#fffdf6}
#ownerPendingReviewsV1107 h3 {margin:0 0 6px;color:#252b32}
#ownerPendingReviewsV1107>p {font-size:12px;color:#626a74}
#ownerPendingReviewsV1107>button:not(.staff-pending-person-v1107) {margin-top:12px;padding:10px 14px;border:1px solid #c5a35b;border-radius:8px;background:#fff;color:#705820}

/* v1108: one collection surface and quieter staff summaries. */
.staff-compact-v355 .staff-kpis-v355 {background:#edf5ef!important;border-color:#ceded2!important;padding:16px!important;gap:10px!important}
.staff-compact-v355 .staff-kpis-v355 article:last-child {background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 12px!important;box-shadow:none!important}
.staff-compact-v355 .staff-kpis-v355 article:last-child strong {color:#254e38!important;font-size:30px!important}
.staff-compact-v355 .staff-kpis-v355 article:last-child small {color:#69776e!important;font-size:10px!important}
.staff-compact-v355 .staff-kpis-v355 article:not(:last-child) {background:#fff!important;border-color:#d8e0da!important;border-radius:13px!important}
.staff-compact-v355 .staff-kpis-v355 article:not(:last-child) span {color:#626b65!important;font-size:10px!important}
.staff-compact-v355 .staff-person-stats-v355>div {background:#fff!important;border-color:#dfe2e5!important;box-shadow:none!important}
.staff-compact-v355 .staff-person-card-v355 .staff-person-stats-v355>div:last-child strong {color:#32704b!important}
.staff-compact-v355 #ownerHandoverPanel {border:1px solid #d6c38d!important;border-radius:18px!important;padding:16px!important;background:#fff!important}
.staff-compact-v355 #ownerHandoverPanel header {margin-bottom:8px!important}
.staff-pending-person-v1107 {padding:14px 4px!important}
.staff-pending-person-v1107:last-child {border-bottom:0}
.staff-day-activity-v1108 {margin:12px 0 4px;border-top:1px solid #e6e8eb;padding-top:12px}
.staff-day-activity-v1108>summary {cursor:pointer;color:#616a74;font-size:13px;font-weight:600;padding:4px 0}
.staff-day-activity-v1108 .staff-cash-received-v740 {margin-top:10px!important;font-size:13px!important}
.staff-compact-v355 .staff-current-cash-v755 .staff-cash-summary-v824 {background:#fffdf7!important;border:1px solid #d9c993!important;padding:12px!important;border-radius:12px!important;margin-top:14px!important}
.staff-current-cash-v755 .staff-cash-summary-main-v824>span {font-size:14px!important;font-weight:650!important}
.staff-current-cash-v755 .staff-cash-summary-main-v824 small {font-size:11px!important;line-height:1.5!important;color:#72716b!important}
.staff-current-cash-v755 .staff-cash-summary-link-v824 {padding-top:10px!important;margin-top:8px!important;font-size:13px!important}

/* v1109: compact passbook with a single balance card. */
#staffPassbookPage .passbook-balance-card-v1109 {margin:14px 0 18px;padding:16px;background:#fffdf7;border:1px solid #ddd0a5;border-radius:17px}
#staffPassbookPage .passbook-balance-card-v1109 #staffPassbookSummary {margin:0;padding:0 0 14px;border:0;background:transparent;box-shadow:none;border-radius:0}
#staffPassbookPage .passbook-balance-card-v1109 #staffPassbookSummary>strong {font-size:27px;color:#806b31}
#staffPassbookPage .passbook-balance-card-v1109 #staffPassbookSummary>span {font-size:13px;color:#5f646c}
#staffPassbookPage .passbook-balance-card-v1109 #staffPassbookSummary small {font-size:11px;margin-top:4px}
#staffPassbookPage .passbook-balance-card-v1109 #staffCashSettlementV1100 {margin:0;padding:13px 0;border-top:1px solid #e8e0ca;border-bottom:1px solid #e8e0ca;gap:14px}
#staffPassbookPage .passbook-balance-card-v1109 #staffCashSettlementV1100>span {border:0;border-radius:0;background:transparent;padding:0;font-size:11px;color:#727680}
#staffPassbookPage .passbook-balance-card-v1109 #staffCashSettlementV1100 strong {font-size:17px;margin-top:5px;color:#30373e}
#staffPassbookPage .passbook-balance-card-v1109 .cash-help-v804 {margin:10px 0 0;padding:0;border:0;background:transparent}
#staffPassbookPage .passbook-balance-card-v1109 .cash-help-v804>summary {font-size:11px;padding:2px 0;color:#79683b}
#staffPassbookPage .cash-history-tabs-v791 {border:0;border-bottom:1px solid #e0e3e7;background:#fff;border-radius:0;padding:0;gap:0;margin:0}
#staffPassbookPage .cash-history-tabs-v791 button {border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:#fff!important;color:#707780;min-height:42px;font-size:13px!important;box-shadow:none!important}
#staffPassbookPage .cash-history-tabs-v791 button[aria-pressed="true"] {border-bottom-color:#b28b31!important;color:#806626!important;font-weight:700}
.passbook-toolbar-v1109 {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.passbook-toolbar-v1109>span {font-size:11px;color:#7d8590}
.passbook-filter-v1109 {position:relative;font-size:12px;color:#665938}
.passbook-filter-v1109>summary {list-style:none;padding:8px 11px;border:1px solid #ded8c7;border-radius:9px;background:#fff;cursor:pointer}
.passbook-filter-v1109>summary::-webkit-details-marker {display:none}
.passbook-filter-v1109>label {position:absolute;right:0;top:42px;z-index:5;width:200px;padding:12px;box-sizing:border-box;background:#fff;border:1px solid #dadde2;border-radius:10px;box-shadow:0 5px 18px #1c27301a}
.passbook-filter-v1109 select {display:block;margin-top:6px;width:100%;min-height:40px;border:1px solid #d8dce2;border-radius:6px;background:#fff;font:inherit;padding:6px}
#staffPassbookPage .cash-ledger-note-v1099 {display:none}
#staffPassbookPage .cash-ledger-head-v1099 {padding:8px 0 9px;font-size:10px;color:#73705f}
#staffPassbookPage .cash-row-v1099>summary {position:relative;padding:13px 17px 13px 0;gap:6px}
#staffPassbookPage .cash-row-v1099.cash-compact-v1107>summary {gap:12px!important}
#staffPassbookPage .cash-date-details-v1099>strong {font-size:13px;line-height:1.4;color:#252c33}
#staffPassbookPage .cash-date-details-v1099>small {font-size:10px;line-height:1.5;margin-top:4px}
#staffPassbookPage .cash-status-v1096 {margin-top:5px;font-size:9px;line-height:1.4;padding:3px 6px}
#staffPassbookPage .cash-row-v1099>summary>b {font-size:12px;color:#293039}
#staffPassbookPage .cash-row-v1099>summary>.cash-in-v1099 {color:#397d55}
#staffPassbookPage .cash-expand-v1109 {position:absolute;right:0;top:15px;margin:0;display:block}
#staffPassbookPage .cash-expand-v1109 i {font-size:9px;color:#8a929c;margin:0}
#staffPassbookPage .cash-row-v1099>.cash-row-detail-v1098 {margin-bottom:9px;padding-bottom:10px;background:#fcfcfd}

/* v1110: one compact filter menu, no native select overlay. */
#staffPassbookPage .passbook-toolbar-v1109 {justify-content:flex-end;min-height:44px;padding:7px 0;background:#fff;box-sizing:border-box}
#staffPassbookPage .passbook-toolbar-v1109:has(>.passbook-filter-v1109[hidden]) {display:none}
#staffPassbookPage .passbook-filter-v1109 {position:relative;margin:0}
#staffPassbookPage .passbook-filter-v1109>summary {display:flex;align-items:center;gap:6px;min-height:36px;box-sizing:border-box;padding:7px 11px;font-size:12px;background:#fff}
#staffPassbookPage .passbook-filter-menu-v1110 {position:absolute;right:0;top:calc(100% + 6px);z-index:10;width:185px;padding:5px;background:#fff;border:1px solid #dadde2;border-radius:11px;box-shadow:0 6px 20px #17232f1a;box-sizing:border-box}
#staffPassbookPage .passbook-filter-menu-v1110 button {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:10px;border:0;border-radius:7px;background:#fff;text-align:left;color:#343b43;font:inherit;font-size:13px;cursor:pointer}
#staffPassbookPage .passbook-filter-menu-v1110 button[aria-pressed="true"] {color:#806626;background:#fbf6e8;font-weight:650}
#staffPassbookPage .passbook-filter-menu-v1110 button:focus-visible {outline:2px solid #b28b31;outline-offset:-2px}

/* v1111: tighter filter row and exact, selectable payment references. */
#staffPassbookPage .cash-passbook-controls-v823 {padding:0!important;margin:0!important;gap:0!important}
#staffPassbookPage .passbook-toolbar-v1109 {min-height:0!important;padding:4px 0!important;margin:0!important}
#staffPassbookPage .passbook-filter-v1109>summary {min-height:32px!important;padding:5px 10px!important}
#staffPassbookPage .cash-reference-v1100 dd {white-space:normal;flex-wrap:wrap;overflow-wrap:anywhere;word-break:break-word}
#staffPassbookPage .cash-reference-v1100 dd button {flex-shrink:0}
#staffPassbookPage [data-manual-reference] {width:100%;min-width:0;box-sizing:border-box;padding:8px;font-size:16px;border:1px solid #d8cfb5;border-radius:7px;background:#fff}