:root { --blau:#004785; --rot:#ED1C24; }
* { box-sizing:border-box; } body { font-family:"Source Sans 3",Arial,sans-serif; margin:0; color:#222; }
.topbar { background:var(--blau); color:#fff; padding:10px 16px; display:flex; justify-content:space-between; align-items:center; }
.topbar a { color:#fff; margin-left:12px; }
.banner { background:#fff7d6; border-bottom:2px solid var(--rot); padding:10px 16px; font-weight:600; }
.banner img { max-height:48px; vertical-align:middle; margin-right:12px; }
main { max-width:75%; margin:24px auto; padding:0 16px; }
.scan { width:100%; font-size:1.6rem; padding:14px; border:2px solid var(--blau); border-radius:8px; }
.result { margin-top:18px; padding:16px; border-radius:8px; background:#f4f6f8; min-height:48px; }
.result.hit { background:#e7f3ea; } .result.miss { background:#fde8e8; }
.result .name { font-size:1.5rem; font-weight:700; } .result .meta { font-size:1.1rem; }
.result .sub { color:#555; margin-top:6px; }
.candidates li { cursor:pointer; padding:8px; border-bottom:1px solid #ddd; } .candidates li:hover { background:#eef; }
.btn,button { background:var(--blau); color:#fff; border:0; padding:10px 16px; border-radius:6px; cursor:pointer; font-size:1rem; }
.login { text-align:center; margin-top:80px; } .ftr { text-align:center; color:#999; padding:24px; font-size:.8rem; }
/* Phase-2 Block1-C */
.modes { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:12px; padding:8px 12px; background:#f0f4f9; border-radius:6px; border:1px solid #ccd6e0; }
.switch { display:flex; align-items:center; gap:6px; cursor:pointer; font-size:.95rem; }
.printer { display:flex; align-items:center; gap:6px; font-size:.95rem; }
.printer select { padding:4px 8px; border:1px solid #aab; border-radius:4px; font-size:.9rem; }
.result .grp { padding:6px 0; border-bottom:1px solid #d8e2d8; }
.result .grp:last-child { border-bottom:0; }
.result .grp-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding-top:10px; }
.btn-attend { background:var(--blau); }
.btn-badge  { background:#555; }
.attend-status { font-size:.95rem; }
.attend-status.ok   { color:#1a7a2e; font-weight:600; }
.attend-status.warn { color:var(--rot); font-weight:600; }
.badge-note { margin:6px 0 0; font-size:.85rem; color:#888; font-style:italic; }