#regno-staff {
  --rs-ink: #faf2e7;
  --rs-muted: #cbbca8;
  --rs-line: rgba(255, 218, 167, .19);
  --rs-gold: #eab267;
  --rs-surface: #211b18;
  color: var(--rs-ink);
  background: radial-gradient(ellipse 75% 45% at 20% -10%, rgba(141, 75, 22, .3), transparent 70%), #130f0e;
  font: 400 16px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 100vh;
  padding: clamp(20px, 4vw, 48px);
  box-sizing: border-box;
}
/* The first screen answers preorders, money collected and admissions sold. */
#regno-staff #rs-summary { margin-top: 0; }
#regno-staff #rs-summary .rs-summary-heading { margin: 0 0 8px; }
#regno-staff #rs-summary .rs-summary-heading h2 { font: 500 clamp(1.65rem, 2.8vw, 2.25rem)/1.12 Georgia, serif; margin: 5px 0; }
#regno-staff #rs-summary .rs-summary-caption { margin: 0 0 16px; font-size: .82rem; }
#regno-staff #rs-summary .rs-primary-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#regno-staff #rs-summary .rs-primary-metrics .rs-summary-card, #regno-staff #rs-summary .rs-confirmed-metrics .rs-summary-card, #regno-staff #rs-summary .rs-pending-metrics .rs-summary-card, #regno-staff #rs-summary .rs-all-preorders .rs-summary-card { display: flex; flex-direction: column; align-items: stretch; text-align: left; }
#regno-staff #rs-summary .rs-primary-metrics .rs-summary-card { min-width: 0; padding: 18px; border-radius: 14px; gap: 5px; }
#regno-staff #rs-summary .rs-primary-metrics .rs-metric-label { color: var(--rs-ink); font-size: .9rem; font-weight: 650; }
#regno-staff #rs-summary .rs-primary-metrics .rs-summary-card > strong { font: 500 clamp(1.8rem, 2.6vw, 2.55rem)/1.15 Georgia, serif; margin: 5px 0; white-space: nowrap; }
#regno-staff #rs-summary .rs-summary-card > small { color: var(--rs-muted); font-size: .75rem; line-height: 1.4; }
#regno-staff #rs-summary .rs-primary-metrics .rs-metric-paid { background: #183222; border-color: #578866; }
#regno-staff #rs-summary .rs-primary-metrics .rs-metric-paid > strong { color: #d0f0cf; }
#regno-staff #rs-summary .rs-card-split { display: grid; gap: 4px; width: 100%; margin-top: auto; padding-top: 11px; border-top: 1px solid var(--rs-line); }
#regno-staff #rs-summary .rs-split-item { display: flex; align-items: baseline; justify-content: space-between; gap: 5px; min-width: 0; }
#regno-staff #rs-summary .rs-split-label { color: var(--rs-muted); font-size: .72rem; line-height: 1.35; }
#regno-staff #rs-summary .rs-split-value { color: var(--rs-ink); font: 650 .8rem/1.35 system-ui, sans-serif; white-space: nowrap; font-variant-numeric: tabular-nums; }
#regno-staff #rs-summary .rs-confirmed-section { margin: 24px 0 0; padding: 20px; background: #18322280; border: 1px solid #466e51; border-radius: 16px; }
#regno-staff #rs-summary .rs-confirmed-section > h2 { margin: 0 0 15px; font: 500 1.55rem/1.2 Georgia, serif; color: #ddf3d7; }
#regno-staff #rs-summary .rs-confirmed-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#regno-staff #rs-summary .rs-confirmed-metrics .rs-summary-card { background: #14271c; border-color: #43664c; padding: 14px 16px; }
#regno-staff #rs-summary .rs-confirmed-metrics .rs-summary-card > strong { font: 500 2.3rem/1.05 Georgia, serif; margin: 5px 0 10px; color: #d0f0cf; }
#regno-staff #rs-summary .rs-confirmed-metrics .rs-metric-label { color: #d4e9d0; font-size: .85rem; }
#regno-staff #rs-summary .rs-confirmed-days, #regno-staff #rs-summary .rs-requested-days { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
#regno-staff #rs-summary .rs-confirmed-day, #regno-staff #rs-summary .rs-requested-day { border: 1px solid #43664c; border-radius: 10px; padding: 14px; background: #17261b; min-width: 0; }
#regno-staff #rs-summary .rs-confirmed-detail { background: transparent; margin-bottom: 0; }
#regno-staff #rs-summary .rs-confirmed-detail .rs-confirmed-days { padding: 0 12px 12px; margin-top: 0; }
#regno-staff #rs-summary .rs-requested-day { background: #241b17; border-color: var(--rs-line); }
#regno-staff #rs-summary .rs-confirmed-day h3, #regno-staff #rs-summary .rs-requested-day h3 { font: 650 .95rem/1.3 system-ui, sans-serif; margin: 0 0 10px; }
#regno-staff #rs-summary .rs-day-total { display: flex; align-items: baseline; gap: 8px; background: none; border: 1px solid transparent; border-radius: 7px; padding: 4px; width: 100%; }
#regno-staff #rs-summary .rs-day-total strong { font: 500 2rem/1 Georgia, serif; color: #dcf2d6; }
#regno-staff #rs-summary .rs-day-total span { font-size: .78rem; color: var(--rs-muted); }
#regno-staff #rs-summary .rs-day-counts { display: grid; gap: 4px; margin-top: 10px; }
#regno-staff #rs-summary .rs-day-count, #regno-staff #rs-summary .rs-day-free-item { display: flex; align-items: baseline; justify-content: space-between; gap: 5px; background: transparent; border: 1px solid transparent; border-radius: 5px; padding: 5px 4px; width: 100%; color: var(--rs-ink); font-size: .83rem; }
#regno-staff #rs-summary .rs-day-free { display: flex; flex-wrap: wrap; gap: 0 12px; margin-top: 5px; padding-top: 5px; border-top: 1px solid var(--rs-line); }
#regno-staff #rs-summary .rs-day-free-item { flex: 1; min-width: 105px; color: var(--rs-muted); font-size: .71rem; }
#regno-staff #rs-summary .rs-admission-note { margin: 14px 0 0; font-size: .77rem; color: #cadcc5; line-height: 1.5; max-width: none; }
#regno-staff #rs-summary .rs-pending-section { margin: 20px 0; padding: 15px; border: 1px solid var(--rs-line); border-radius: 12px; }
#regno-staff #rs-summary .rs-pending-section > h3 { margin: 0 0 10px; font-size: 1rem; }
#regno-staff #rs-summary .rs-pending-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#regno-staff #rs-summary .rs-pending-metrics .rs-summary-card { padding: 12px; }
#regno-staff #rs-summary .rs-pending-metrics .rs-summary-card > strong { font: 500 1.8rem/1.1 Georgia, serif; margin: 3px 0; }
#regno-staff #rs-summary .rs-pending-metrics .rs-metric-label { font-size: .8rem; }
#regno-staff #rs-summary .rs-summary-list-links { display: flex; gap: 8px; margin-top: 12px; }
#regno-staff #rs-summary .rs-summary-list-links button { font-size: .79rem; min-height: 40px; padding: 7px 12px; }
#regno-staff #rs-summary .rs-summary-panel { margin: 10px 0; border: 1px solid var(--rs-line); border-radius: 10px; background: #211b18; }
#regno-staff #rs-summary .rs-summary-panel > summary { padding: 14px 16px; cursor: pointer; font-size: .9rem; color: var(--rs-ink); font-weight: 600; }
#regno-staff #rs-summary .rs-summary-panel-content, #regno-staff #rs-summary .rs-secondary-wa-content, #regno-staff #rs-summary .rs-secondary-stats-content { padding: 0 14px 14px; }
#regno-staff #rs-summary .rs-all-preorders .rs-summary-note { margin: 10px 0; }
#regno-staff #rs-summary .rs-all-preorders .rs-summary-card { margin: 12px 0; padding: 14px; max-width: 500px; }
#regno-staff #rs-summary .rs-all-preorders .rs-summary-card > strong { font-size: 1.8rem; }
#regno-staff #rs-summary .rs-all-preorders .rs-summary-workflow { margin-top: 14px; }
@media (max-width: 1050px) {
  #regno-staff #rs-summary .rs-primary-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #regno-staff #rs-summary .rs-summary-heading h2 { font-size: 1.65rem; }
  #regno-staff #rs-summary .rs-summary-heading .rs-kicker { font-size: .68rem; }
  #regno-staff #rs-summary .rs-summary-caption { font-size: .74rem; margin-bottom: 11px; }
  #regno-staff #rs-summary .rs-primary-metrics { gap: 8px; }
  #regno-staff #rs-summary .rs-primary-metrics .rs-summary-card { padding: 12px; border-radius: 10px; gap: 4px; }
  #regno-staff #rs-summary .rs-primary-metrics .rs-metric-label { font-size: .79rem; }
  #regno-staff #rs-summary .rs-primary-metrics .rs-summary-card > strong { font-size: 1.72rem; }
  #regno-staff #rs-summary .rs-summary-card > small { font-size: .65rem; }
  #regno-staff #rs-summary .rs-card-split { padding-top: 8px; gap: 3px; }
  #regno-staff #rs-summary .rs-split-label { font-size: .63rem; }
  #regno-staff #rs-summary .rs-split-value { font-size: .72rem; }
  #regno-staff #rs-summary .rs-confirmed-section { padding: 12px; margin-top: 16px; border-radius: 12px; }
  #regno-staff #rs-summary .rs-confirmed-section > h2 { font-size: 1.25rem; margin-bottom: 12px; }
  #regno-staff #rs-summary .rs-confirmed-metrics { gap: 6px; }
  #regno-staff #rs-summary .rs-confirmed-metrics .rs-summary-card { padding: 9px 8px; border-radius: 8px; }
  #regno-staff #rs-summary .rs-confirmed-metrics .rs-summary-card > strong { font-size: 1.9rem; margin-bottom: 7px; }
  #regno-staff #rs-summary .rs-confirmed-metrics .rs-metric-label { font-size: .69rem; }
  #regno-staff #rs-summary .rs-confirmed-metrics .rs-split-item { display: grid; gap: 0; }
  #regno-staff #rs-summary .rs-confirmed-days, #regno-staff #rs-summary .rs-requested-days { gap: 8px; }
  #regno-staff #rs-summary .rs-confirmed-day, #regno-staff #rs-summary .rs-requested-day { padding: 10px; }
  #regno-staff #rs-summary .rs-confirmed-day h3, #regno-staff #rs-summary .rs-requested-day h3 { font-size: .81rem; }
  #regno-staff #rs-summary .rs-day-total { flex-direction: column; gap: 4px; }
  #regno-staff #rs-summary .rs-day-total strong { font-size: 1.85rem; }
  #regno-staff #rs-summary .rs-day-total span { font-size: .67rem; }
  #regno-staff #rs-summary .rs-day-count { font-size: .74rem; }
  #regno-staff #rs-summary .rs-day-free-item { min-width: 0; flex-basis: 100%; font-size: .66rem; }
  #regno-staff #rs-summary .rs-admission-note { font-size: .69rem; }
  #regno-staff #rs-summary .rs-pending-section { margin: 14px 0; padding: 11px; }
  #regno-staff #rs-summary .rs-pending-metrics { gap: 8px; }
  #regno-staff #rs-summary .rs-pending-metrics .rs-summary-card { padding: 10px; }
  #regno-staff #rs-summary .rs-pending-metrics .rs-summary-card > strong { font-size: 1.55rem; }
  #regno-staff #rs-summary .rs-pending-metrics .rs-metric-label { font-size: .74rem; }
  #regno-staff #rs-summary .rs-summary-panel > summary { padding: 13px 12px; font-size: .81rem; }
}
#regno-staff *, #regno-staff *::before, #regno-staff *::after { box-sizing: border-box; }
#regno-staff [hidden] { display: none !important; }
#regno-staff button, #regno-staff input, #regno-staff select, #regno-staff textarea { font: inherit; }
#regno-staff a { color: inherit; }
#regno-staff button { cursor: pointer; }
#regno-staff button:disabled { cursor: default; opacity: .55; }
#regno-staff :focus-visible { outline: 3px solid var(--rs-gold); outline-offset: 3px; }
#regno-staff .rs-header { max-width: 1320px; margin: 0 auto 28px; display: flex; justify-content: space-between; align-items: end; gap: 20px; border-bottom: 1px solid var(--rs-line); padding-bottom: 24px; }
#regno-staff .rs-kicker { color: var(--rs-gold); font-size: .82rem; font-weight: 700; letter-spacing: .11em; }
#regno-staff h1 { font: 500 clamp(2rem, 4.5vw, 3.6rem)/1.03 Georgia, "Times New Roman", serif; letter-spacing: -.035em; margin: 10px 0 0; }
#regno-staff .rs-back { font-size: .92rem; white-space: nowrap; text-decoration-thickness: 1px; text-underline-offset: 4px; }
#regno-staff .rs-header-actions { display: flex; align-items: center; gap: 20px; }
#regno-staff .rs-logout { border: 1px solid var(--rs-line); border-radius: 8px; color: var(--rs-ink); background: transparent; font-size: .9rem; padding: 8px 11px; }
#regno-staff .rs-logout:hover { background: #302622; }
#regno-staff .rs-workspace { max-width: 1320px; margin: 0 auto; }
#regno-staff .rs-login { max-width: 500px; margin: clamp(50px, 10vh, 120px) auto; background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 18px; padding: clamp(26px, 6vw, 44px); box-shadow: 0 25px 80px rgba(0, 0, 0, .2); }
#regno-staff .rs-lock { color: var(--rs-gold); font-size: 2rem; }
#regno-staff .rs-login h2 { font: 500 2rem/1.1 Georgia, serif; margin: 16px 0 8px; }
#regno-staff .rs-login p { color: var(--rs-muted); margin: 0 0 24px; }
#regno-staff .regno-google-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 18px; border-radius: 9px; background: #df9b4b; color: #1c1009; text-decoration: none; font-weight: 700; }
#regno-staff .regno-google-link:hover { background: #f1b267; }
#regno-staff .rs-summary { display: block; margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--rs-line); }
#regno-staff .rs-summary[aria-busy="true"] { opacity: .7; }
#regno-staff .rs-summary-heading { display: flex; justify-content: space-between; align-items: end; gap: 14px; }
#regno-staff .rs-summary-heading h2 { font: 500 2.05rem/1.1 Georgia, serif; margin: 7px 0 0; }
#regno-staff .rs-summary-stamp { font-size: .78rem; color: var(--rs-muted); white-space: nowrap; }
#regno-staff .rs-summary-caption { font-size: .86rem; color: var(--rs-muted); margin: 10px 0 20px; }
#regno-staff .rs-summary-metrics, #regno-staff .rs-summary-money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
#regno-staff .rs-summary-card { background: #241b17; border: 1px solid var(--rs-line); border-radius: 15px; padding: 20px; display: flex; flex-direction: column; gap: 4px; }
#regno-staff .rs-summary-card strong { font: 500 2.5rem/1 Georgia, serif; font-variant-numeric: tabular-nums; }
#regno-staff .rs-summary-card span { color: var(--rs-muted); font-size: .9rem; }
#regno-staff .rs-summary-card strong { margin: 6px 0; overflow-wrap: anywhere; }
#regno-staff .rs-summary-card small { color: var(--rs-muted); font-size: .78rem; }
#regno-staff .rs-metric-focus { border-color: #c48d48; background: linear-gradient(120deg, #382617, #241b17); }
#regno-staff .rs-metric-paid { background: #1b2b22; border-color: #506c52; }
#regno-staff .rs-summary-metrics.rs-summary-sales-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#regno-staff .rs-summary-sales-metrics .rs-metric-paid strong { color: #c2edc6; }
#regno-staff .rs-summary-days { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
#regno-staff .rs-day-summary { background: #211b18; border: 1px solid var(--rs-line); border-radius: 15px; padding: 20px; }
#regno-staff .rs-day-summary-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#regno-staff .rs-day-summary h3 { font: 500 1.65rem/1.1 Georgia, serif; margin: 5px 0 0; }
#regno-staff .rs-attendance { display: flex; flex-direction: column; text-align: right; gap: 4px; }
#regno-staff .rs-attendance strong { font: 500 2.4rem/1 Georgia, serif; color: var(--rs-gold); font-variant-numeric: tabular-nums; }
#regno-staff .rs-attendance span { color: var(--rs-muted); font-size: .77rem; }
#regno-staff .rs-attendance .rs-attendance-registered { display: flex; align-items: baseline; justify-content: flex-end; gap: 7px; margin-top: 5px; padding-top: 5px; border-top: 1px solid #506c52; }
#regno-staff .rs-attendance .rs-attendance-registered strong { color: #c2edc6; font-size: 1.5rem; }
#regno-staff .rs-attendance .rs-attendance-registered span { color: #c2edc6; font-size: .74rem; }
#regno-staff .rs-registered-breakdown { margin: 7px 0 0; padding-top: 7px; border-top: 1px solid #506c52; color: #c2edc6; font-size: .74rem; line-height: 1.45; }
#regno-staff .rs-breakdown { border-top: 1px solid var(--rs-line); margin: 16px 0 0; padding-top: 12px; display: grid; gap: 7px; font-size: .86rem; }
#regno-staff .rs-breakdown div { display: flex; justify-content: space-between; gap: 12px; }
#regno-staff .rs-breakdown dt { color: var(--rs-muted); }
#regno-staff .rs-breakdown dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
#regno-staff .rs-summary-note { color: var(--rs-muted); font-size: .77rem; margin: 10px 0 20px; max-width: 100ch; }
#regno-staff .rs-ticket-summary { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 18px 20px; margin-top: 12px; border: 1px solid var(--rs-line); border-radius: 12px; }
#regno-staff .rs-ticket-summary h3 { font-size: .88rem; font-weight: 600; margin: 0; }
#regno-staff .rs-ticket-numbers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
#regno-staff .rs-ticket-numbers div { display: flex; flex-direction: column; gap: 3px; }
#regno-staff .rs-ticket-numbers strong { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
#regno-staff .rs-ticket-numbers span { color: var(--rs-muted); font-size: .8rem; }
#regno-staff .rs-summary-workflow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
#regno-staff .rs-status-shortcut { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 10px; border: 1px solid var(--rs-line); border-radius: 9px; background: transparent; color: var(--rs-muted); font-size: .82rem; }
#regno-staff .rs-status-shortcut strong { color: var(--rs-ink); font-size: 1.1rem; font-variant-numeric: tabular-nums; }
#regno-staff .rs-status-shortcut:hover, #regno-staff .rs-status-shortcut[aria-pressed="true"] { background: #382617; border-color: var(--rs-gold); color: var(--rs-ink); }
#regno-staff .rs-summary-error { padding: 18px; background: #351d19; color: #ffd2cb; border: 1px solid #b85c4e; border-radius: 12px; }
#regno-staff .rs-tools { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(170px, 230px) auto auto; gap: 10px; align-items: end; }
#regno-staff .rs-tools label, #regno-staff .rs-card-label { display: flex; flex-direction: column; gap: 7px; font-size: .9rem; font-weight: 600; }
#regno-staff input, #regno-staff select, #regno-staff textarea { width: 100%; min-width: 0; color: var(--rs-ink); background: #302622; border: 1px solid #705a49; border-radius: 9px; outline: none; padding: 11px 12px; }
#regno-staff input::placeholder, #regno-staff textarea::placeholder { color: #c1b0a2; }
#regno-staff select { min-height: 47px; }
#regno-staff .rs-secondary, #regno-staff .rs-save { min-height: 47px; border-radius: 9px; border: 1px solid #926b46; background: #312218; color: var(--rs-ink); padding: 10px 16px; font-weight: 650; }
#regno-staff .rs-secondary:hover:not(:disabled), #regno-staff .rs-save:hover:not(:disabled) { background: #543a25; }
#regno-staff .rs-hint { margin: 15px 0 25px; color: var(--rs-muted); font-size: .88rem; }
#regno-staff .rs-feedback { margin: 12px 0 20px; padding: 12px 16px; border: 1px solid var(--rs-line); border-radius: 9px; background: #2a211c; }
#regno-staff .rs-feedback[data-kind="error"] { color: #ffd2cb; border-color: #b85c4e; }
#regno-staff .rs-feedback[data-kind="success"] { color: #d9f1d4; border-color: #5c926a; }
#regno-staff .rs-source-status { margin: 0 0 16px; padding: 10px 12px; border: 1px solid var(--rs-line); border-radius: 8px; color: var(--rs-muted); font-size: .78rem; overflow-wrap: anywhere; }
#regno-staff .rs-source-status summary { cursor: pointer; width: fit-content; }
#regno-staff .rs-source-status p { margin: 10px 0 6px; }
#regno-staff .rs-source-status-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
#regno-staff .rs-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
#regno-staff .rs-card { background: var(--rs-surface); border: 1px solid var(--rs-line); border-radius: 16px; padding: clamp(18px, 2vw, 25px); min-width: 0; }
#regno-staff .rs-card-head, #regno-staff .rs-contact, #regno-staff .rs-day-line, #regno-staff .rs-card-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#regno-staff .rs-card-head { font-size: .87rem; color: var(--rs-muted); }
#regno-staff .rs-code { color: var(--rs-gold); letter-spacing: .06em; }
#regno-staff .rs-card h2 { font: 500 1.7rem/1.15 Georgia, serif; margin: 12px 0 10px; overflow-wrap: anywhere; }
#regno-staff .rs-contact { justify-content: flex-start; flex-wrap: wrap; margin-bottom: 18px; }
#regno-staff .rs-phone { font-weight: 650; text-decoration-thickness: 1px; text-underline-offset: 3px; }
#regno-staff .rs-whatsapp { font-size: .88rem; background: #18422a; color: #e5ffec; border-radius: 8px; padding: 8px 11px; text-decoration: none; }
#regno-staff .rs-whatsapp:hover { background: #24643d; }
#regno-staff .rs-copy-message { font-size: .88rem; min-height: 40px; border: 1px solid #738773; border-radius: 8px; padding: 8px 11px; background: transparent; color: var(--rs-ink); }
#regno-staff .rs-copy-message:hover:not(:disabled) { background: #293c2e; }
#regno-staff .rs-whatsapp-help { flex-basis: 100%; color: var(--rs-muted); font-size: .8rem; }
#regno-staff .rs-manual-copy { flex-basis: 100%; font-size: .9rem; line-height: 1.5; }
#regno-staff .rs-contact-hint { color: var(--rs-muted); font-size: .85rem; }
#regno-staff .rs-archive-alert { margin: -6px 0 16px; padding-left: 10px; border-left: 2px solid #a8bb86; color: #d9e4c7; font-size: .8rem; overflow-wrap: anywhere; }
#regno-staff .rs-archive-heading, #regno-staff .rs-archive-more { margin: 0; }
#regno-staff .rs-source-badges { display: flex; flex-wrap: wrap; gap: 5px; }
#regno-staff .rs-source-badges:not(:last-child) { margin-bottom: 8px; }
#regno-staff .rs-source-badge { display: inline-flex; align-items: center; max-width: 100%; padding: 3px 7px; border: 1px solid #74845e; border-radius: 6px; background: #a8bb8614; color: #d9e4c7; font-size: .72rem; line-height: 1.4; }
#regno-staff .rs-source-remembered { border-color: #ad95765c; background: #ad95760a; color: var(--rs-muted); }
#regno-staff .rs-archive-contacts { display: grid; gap: 8px; list-style: none; padding: 0; margin: 8px 0 0; }
#regno-staff .rs-archive-contact { display: grid; gap: 2px; line-height: 1.45; }
#regno-staff .rs-archive-child { font-weight: 600; }
#regno-staff .rs-archive-referent, #regno-staff .rs-archive-more { color: var(--rs-muted); }
#regno-staff .rs-archive-more { margin-top: 8px; }
#regno-staff .rs-archive-remembered, #regno-staff .rs-archive-unavailable { border-color: #ad9576; color: var(--rs-muted); }
#regno-staff .rs-days { border-block: 1px solid var(--rs-line); padding: 13px 0; display: grid; gap: 8px; font-size: .86rem; }
#regno-staff .rs-day-line { align-items: baseline; }
#regno-staff .rs-day-line span { color: var(--rs-muted); }
#regno-staff .rs-day-line strong { font-weight: 600; text-align: right; }
#regno-staff .rs-card-controls { display: grid; gap: 14px; margin-top: 16px; }
#regno-staff .rs-card-label textarea { resize: vertical; min-height: 80px; }
#regno-staff .rs-save { background: #df9b4b; border-color: #df9b4b; color: #1c1009; }
#regno-staff .rs-save:hover:not(:disabled) { background: #f1b267; }
#regno-staff .rs-save-feedback { color: var(--rs-muted); font-size: .83rem; }
#regno-staff .rs-empty { grid-column: 1 / -1; color: var(--rs-muted); text-align: center; border: 1px dashed var(--rs-line); padding: 40px; border-radius: 12px; }
#regno-staff .rs-more-wrap { text-align: center; margin: 24px 0; }
#regno-staff .rs-delete-area { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--rs-line); }
#regno-staff .rs-delete { min-height: 44px; border: 1px solid #a46159; border-radius: 8px; background: transparent; color: #ffd3cc; padding: 9px 13px; font-weight: 600; }
#regno-staff .rs-delete:hover:not(:disabled) { background: #542821; }
#regno-staff .rs-delete-confirm { padding: 16px; background: #351d19; border: 1px solid #9e574e; border-radius: 10px; }
#regno-staff .rs-delete-confirm p { margin: 0 0 14px; font-size: .9rem; }
#regno-staff .rs-delete-confirm .rs-save-feedback { margin: 12px 0 0; }
#regno-staff .rs-delete-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#regno-staff .rs-delete-final { background: #a5392b; color: #fff; border-color: #bd5143; }
@media (max-width: 900px) {
  #regno-staff .rs-summary-metrics.rs-summary-sales-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #regno-staff .rs-tools { grid-template-columns: minmax(180px, 1fr) minmax(170px, .6fr); }
  #regno-staff .rs-list { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  #regno-staff { padding: 18px 14px 44px; }
  #regno-staff .rs-header { flex-direction: column; align-items: start; gap: 14px; }
  #regno-staff .rs-header-actions { width: 100%; justify-content: space-between; }
  #regno-staff .rs-summary-heading { align-items: start; flex-direction: column; gap: 8px; }
  #regno-staff .rs-summary-heading h2 { font-size: 1.8rem; }
  #regno-staff .rs-summary-metrics, #regno-staff .rs-summary-money { gap: 8px; }
  #regno-staff .rs-summary-card { padding: 13px; }
  #regno-staff .rs-summary-card strong { font-size: 1.8rem; }
  #regno-staff .rs-summary-card span { font-size: .76rem; }
  #regno-staff .rs-summary-card small { font-size: .7rem; }
  #regno-staff .rs-summary-days { grid-template-columns: 1fr; gap: 10px; }
  #regno-staff .rs-day-summary { padding: 17px; }
  #regno-staff .rs-summary-money { grid-template-columns: 1fr; }
  #regno-staff .rs-summary-money .rs-summary-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; }
  #regno-staff .rs-summary-money strong { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
  #regno-staff .rs-summary-money small { grid-column: 1; }
  #regno-staff .rs-ticket-summary { display: block; padding: 15px; }
  #regno-staff .rs-ticket-numbers { gap: 12px; margin-top: 12px; }
  #regno-staff .rs-ticket-numbers span { font-size: .74rem; }
  #regno-staff .rs-summary-workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #regno-staff .rs-status-shortcut { flex-direction: column; gap: 2px; min-height: 65px; font-size: .76rem; }
  #regno-staff .rs-tools { grid-template-columns: 1fr 1fr; }
  #regno-staff .rs-search, #regno-staff .rs-filter { grid-column: 1 / -1; }
  #regno-staff .rs-card-head { align-items: start; }
  #regno-staff .rs-day-line { flex-wrap: wrap; gap: 2px 10px; }
  #regno-staff .rs-day-line strong { text-align: left; }
}
/* Read-only lists and summary drilldowns. */
#regno-staff .rs-summary-drilldown { color: var(--rs-ink); font: inherit; text-align: left; appearance: none; cursor: pointer; }
#regno-staff .rs-summary-drilldown:hover { border-color: var(--rs-gold); box-shadow: 0 0 0 1px #eab26760; }
#regno-staff .rs-attendance-requested, #regno-staff .rs-attendance-registered, #regno-staff .rs-breakdown-row, #regno-staff .rs-ticket-number { background: transparent; border: 1px solid transparent; border-radius: 6px; padding: 4px; }
#regno-staff .rs-attendance-requested { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
#regno-staff .rs-breakdown-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
#regno-staff .rs-breakdown-label { color: var(--rs-muted); }
#regno-staff .rs-ticket-number { display: flex; flex-direction: column; gap: 3px; }
#regno-staff .rs-list-shortcuts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0; }
#regno-staff .rs-list-shortcuts button { display: inline-flex; align-items: center; gap: 14px; min-height: 46px; }
#regno-staff .rs-list-shortcut-count { border-radius: 6px; background: #eab267; color: #21150b; padding: 2px 7px; font-size: 1rem; font-variant-numeric: tabular-nums; }
#regno-staff .rs-list-shortcuts-help { font-size: .78rem; color: var(--rs-muted); }
#regno-staff .rs-list-dialog { width: min(940px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 20px; color: var(--rs-ink); background: #1b1613; border: 1px solid #ad8552; border-radius: 16px; box-shadow: 0 20px 90px #000a; overscroll-behavior: contain; overflow-y: auto; }
#regno-staff .rs-list-dialog::backdrop { background: #050302c9; }
#regno-staff .rs-list-dialog-header { display: flex; justify-content: space-between; align-items: start; gap: 14px; }
#regno-staff .rs-list-dialog h2 { margin: 4px 0 0; font: 500 1.85rem/1.15 Georgia, serif; }
#regno-staff .rs-list-dialog-close { flex-shrink: 0; }
#regno-staff .rs-list-dialog-detail { font-size: .85rem; color: var(--rs-muted); margin: 10px 0 14px; }
#regno-staff .rs-list-dialog-tabs { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--rs-line); }
#regno-staff .rs-list-dialog-tabs [aria-pressed="true"] { background: #eab267; color: #21150b; border-color: #eab267; }
#regno-staff .rs-list-dialog-toolbar { display: flex; align-items: end; gap: 10px; margin: 14px 0 10px; }
#regno-staff .rs-list-dialog-toolbar label { flex: 1; display: flex; flex-direction: column; gap: 5px; font-size: .8rem; }
#regno-staff .rs-list-dialog-toolbar input { font-size: 16px; min-height: 44px; }
#regno-staff .rs-list-dialog-toolbar button { flex-shrink: 0; min-height: 44px; }
#regno-staff .rs-list-dialog-status { margin: 8px 0; font-size: .78rem; color: var(--rs-muted); }
#regno-staff .rs-list-dialog-status[data-kind="error"] { color: #ffd2cb; border: 1px solid #b85c4e; padding: 12px; border-radius: 7px; }
#regno-staff .rs-list-dialog-totals { margin: 10px 0 14px; font-size: .85rem; font-weight: 650; color: #f2c994; }
#regno-staff .rs-list-dialog-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; outline-offset: 2px; }
#regno-staff .rs-list-dialog-row { padding: 12px; border: 1px solid var(--rs-line); border-radius: 10px; background: #241d18; min-width: 0; overflow-wrap: anywhere; }
#regno-staff .rs-list-dialog-row-head, #regno-staff .rs-list-dialog-row-foot { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 5px 8px; font-size: .75rem; }
#regno-staff .rs-list-dialog-row-status { color: var(--rs-muted); }
#regno-staff .rs-list-dialog-row h3 { font-size: 1.05rem; line-height: 1.3; margin: 7px 0 3px; }
#regno-staff .rs-list-dialog-row-phone { font-size: .9rem; margin: 0 0 8px; color: var(--rs-muted); }
#regno-staff .rs-list-dialog-row-details { display: grid; gap: 3px; font-size: .78rem; }
#regno-staff .rs-list-dialog-pass { color: #ebc18a; }
#regno-staff .rs-list-dialog-row-foot { border-top: 1px solid var(--rs-line); margin-top: 9px; padding-top: 8px; }
#regno-staff .rs-list-dialog-contribution { color: #c2edc6; }
@media (max-width: 600px) {
  #regno-staff .rs-list-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  #regno-staff .rs-list-shortcuts button { justify-content: space-between; gap: 6px; font-size: .8rem; padding: 8px; }
  #regno-staff .rs-list-shortcuts-help { grid-column: 1 / -1; }
  #regno-staff .rs-list-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); padding: 14px; border-radius: 12px; }
  #regno-staff .rs-list-dialog h2 { font-size: 1.5rem; }
  #regno-staff .rs-list-dialog-close { font-size: .8rem; min-height: 44px; }
  #regno-staff .rs-list-dialog-tabs { display: grid; grid-template-columns: 1fr 1fr; }
  #regno-staff .rs-list-dialog-tabs button { font-size: .78rem; min-height: 44px; padding: 7px; }
  #regno-staff .rs-list-dialog-tabs button:last-child { grid-column: 1 / -1; }
  #regno-staff .rs-list-dialog-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }
  #regno-staff .rs-list-dialog-toolbar button { font-size: .76rem; padding: 7px; }
  #regno-staff .rs-list-dialog-content { grid-template-columns: minmax(0, 1fr); }
}