/* Peer Tutor + VIP Volunteer check-in (drijezie.com/tutors/, /volunteer/) — site 9.214.0.
   Builds on tutorial-sign-in.css; only the pieces that page does not have. */
.light-band .pci-switch { margin: 0.6rem 0 0; font-size: 0.92rem; color: var(--ink-2, #3a4463); }
.pci-tutees { display: grid; gap: 0.5rem; margin-bottom: 0.5rem; }
.pci-tutee { display: flex; gap: 0.5rem; align-items: center; }
.pci-tutee input { flex: 1 1 auto; min-width: 0; min-height: 46px; padding: 0.6rem 0.8rem; border: 1px solid var(--line-strong, #cbd2e1); border-radius: 10px; background: var(--surface, #fff); color: var(--ink, #1c2437); font: inherit; font-size: 1rem; }
.pci-remove { flex: 0 0 46px; min-height: 46px; border: 1px solid var(--line-strong, #cbd2e1); border-radius: 10px; background: var(--surface, #fff); color: var(--ink-2, #3a4463); font-size: 1.3rem; line-height: 1; cursor: pointer; }
.pci-add { min-height: 40px; padding: 0.4rem 0.9rem; font-size: 0.92rem; }
.tsi-field select { width: 100%; min-height: 46px; padding: 0.6rem 0.8rem; border: 1px solid var(--line-strong, #cbd2e1); border-radius: 10px; background: var(--surface, #fff); color: var(--ink, #1c2437); font: inherit; font-size: 1rem; }
.pci-tutee input:focus-visible, .pci-remove:focus-visible, .tsi-field select:focus-visible { outline: 3px solid var(--accent, #5b3fd6); outline-offset: 2px; }
.pci-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.1rem; }
.pci-tab { min-height: 44px; padding: 0.5rem 1rem; border: 1px solid var(--line-strong, #cbd2e1); border-radius: 999px; background: var(--surface, #fff); color: var(--ink, #1c2437); font-weight: 600; cursor: pointer; }
.pci-tab[aria-selected="true"] { background: var(--accent, #5b3fd6); border-color: var(--accent, #5b3fd6); color: var(--surface, #fff); }
.pci-token { display: block; margin: 0.4rem 0 0.8rem; padding: 0.9rem 1rem; border: 2px dashed var(--accent, #5b3fd6); border-radius: 12px; background: var(--accent-tint, rgba(91, 63, 214, 0.06)); font-family: var(--font-mono, ui-monospace, monospace); font-size: clamp(1.4rem, 5vw, 2rem); font-weight: 700; letter-spacing: 0.08em; text-align: center; color: var(--ink, #1c2437); }
.light-band .pci-token-help { font-weight: 600; color: var(--ink, #1c2437); }
.pci-marker { display: inline-block; margin-left: 0.35rem; padding: 0.05rem 0.5rem; border-radius: 999px; font-size: 0.72rem; font-weight: 600; background: var(--surface-2, #eef0f6); color: var(--ink-2, #3a4463); vertical-align: middle; }
@media print { .pci-no-print { display: none !important; } }