/* Student-friendly Profile Passes and the school administrator's card desk. */
.classroom-profile-ui{color:#f2f5ff;font:400 18px/1.5 system-ui,sans-serif;min-width:0;max-width:760px;margin:0 auto;overflow-wrap:anywhere}
.classroom-profile-ui *{box-sizing:border-box}.classroom-profile-ui h2{font-size:27px;line-height:1.25;color:#c2fff1;margin:18px 0 12px}.classroom-profile-ui h3{font-size:25px;line-height:1.3;margin:10px 0;color:#fff1c8}.classroom-profile-ui p{margin:12px 0}.classroom-profile-ui .classpass-lead{font-size:22px;line-height:1.4;font-weight:650}.classroom-profile-ui .classpass-help{font-size:16px;color:#c9cde2}.classroom-profile-ui .classpass-button{min-height:48px;min-width:0;padding:11px 15px;border:2px solid #94b1c9;border-radius:10px;background:#29465f;color:#f5ffff;font:700 17px/1.3 system-ui;cursor:pointer;touch-action:manipulation;white-space:normal}.classroom-profile-ui .classpass-button:hover{background:#355c72}.classroom-profile-ui .classpass-button:focus-visible,.classroom-profile-ui input:focus-visible,.classroom-profile-ui select:focus-visible{outline:3px solid #fff0a2;outline-offset:3px}.classroom-profile-ui .classpass-button:disabled{opacity:.55;cursor:default}.classroom-profile-ui .is-primary{background:#246556;border-color:#9af1d4}.classroom-profile-ui .is-danger{background:#4c3043;border-color:#db9bad;color:#ffe9ef}.classpass-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.classroom-profile-ui .classpass-tabs [aria-pressed=true]{background:#42676d;border-color:#b5fff1}.classpass-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.classpass-actions>.classpass-button{flex:1 1 150px}.classroom-profile-ui form{display:grid;gap:10px;margin:20px 0;padding:15px;border:1px solid #6c7e9c;border-radius:12px;background:#1c2d45}.classroom-profile-ui label{font-weight:700;font-size:18px}.classroom-profile-ui input,.classroom-profile-ui select{display:block;width:100%;min-width:0;min-height:50px;padding:12px;border:2px solid #b2c4d9;border-radius:9px;background:#f5f9ff;color:#183348;font:400 18px/1.3 system-ui}.classpass-select-label{display:block;margin-top:18px}.classpass-identity,.classpass-profile-identity{display:flex;align-items:center;gap:14px;min-width:0}.classpass-picture{display:block;flex:none;width:76px;height:76px}.classpass-profile-identity .classpass-picture{width:60px;height:60px}.classpass-save-status,.classpass-notice,.classpass-empty{padding:14px;background:#203e4c;border:1px solid #84b3bd;border-radius:10px}.classpass-confirm{padding:18px;border:2px solid #e2ba8e;border-radius:12px;background:#342d43}.classpass-confirm p{font-size:19px}.classpass-confirm h2{margin-top:0}.classpass-roster{display:grid;gap:14px;margin:20px 0}.classpass-profile-row{padding:14px;border:1px solid #7889a6;border-radius:12px;background:#202c43}.classpass-profile-row strong{font-size:21px;color:#d0fff0}.classpass-profile-row .classpass-actions{margin-bottom:0}.classpass-status{font-size:17px;font-weight:650;color:#c2f6df;min-height:0}.classpass-status:empty{display:none}.classpass-status.is-error{padding:12px;border:1px solid #da9b9b;border-radius:9px;color:#ffe9d7;background:#503b43}.classpass-card{display:grid;justify-items:center;gap:10px;max-width:420px;width:100%;padding:20px;margin:18px auto;color:#172d3e;background:#fffdf4;border:3px solid #a7cad2;border-radius:14px;text-align:center;break-inside:avoid;overflow-wrap:anywhere}.classpass-card .classpass-picture{width:82px;height:82px}.classpass-card-brand{font:800 14px/1.3 system-ui;letter-spacing:1px;margin:0!important;color:#28586a}.classpass-card .classpass-card-alias{font:800 29px/1.3 system-ui;margin:0;color:#1b3c53}.classpass-qr{display:grid;place-items:center;max-width:100%;width:224px;aspect-ratio:1;background:#fff;line-height:0}.classpass-qr svg{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1}.classpass-card-instruction{font:650 18px/1.4 system-ui;margin:0!important}.classpass-pass{display:block;user-select:all;-webkit-user-select:all;max-width:100%;padding:10px;background:#e8eef0;border:1px solid #9bb3be;border-radius:6px;color:#17384b;word-break:break-all;font:700 16px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.classpass-card-private,.classpass-once{font:400 14px/1.4 system-ui;margin:0!important;color:#45556b}.classpass-once{border-top:1px solid #bac9cf;padding-top:10px}.classpass-copy-buffer{position:fixed;left:-10000px;top:0;width:1px;height:1px}.classroom-print-sheet{display:none}
@media(max-width:420px){.classroom-profile-ui{font-size:18px}.classroom-profile-ui h2{font-size:25px}.classroom-profile-ui .classpass-lead{font-size:21px}.classpass-card{padding:14px}.classpass-qr{width:208px}.classpass-actions{gap:8px}.classpass-actions>.classpass-button{flex-basis:130px}.classroom-profile-ui .classpass-button{padding:11px 12px}.classroom-profile-ui form{padding:12px}.classpass-card .classpass-card-alias{font-size:26px}}
@media print{html.coda-classroom-printing,html.coda-classroom-printing body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important;height:auto!important;overflow:visible!important}html.coda-classroom-printing body>*{display:none!important}html.coda-classroom-printing body>.classroom-print-sheet{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:12mm!important}.classroom-print-sheet .classpass-card{width:90mm;max-width:100%;margin:0 auto;padding:6mm;box-shadow:none;border:1mm solid #557b87;print-color-adjust:exact;-webkit-print-color-adjust:exact}.classroom-print-sheet .classpass-picture{width:22mm;height:22mm}.classroom-print-sheet .classpass-card-alias{color:#153748;font:800 22pt/1.3 system-ui}.classroom-print-sheet .classpass-qr{width:55mm}.classroom-print-sheet .classpass-qr svg{width:55mm;height:55mm}.classroom-print-sheet .classpass-card-brand{font-size:10pt}.classroom-print-sheet .classpass-pass{font-size:10pt}.classroom-print-sheet .classpass-card-instruction{font-size:12pt}.classroom-print-sheet .classpass-card-private{font-size:10pt}}
.classpass-setup-id{display:block;max-width:100%;padding:12px;margin:12px 0;border:1px solid #a5b9cd;border-radius:8px;background:#142d43;color:#d6fff2;user-select:all;-webkit-user-select:all;word-break:break-all;font:650 17px/1.5 ui-monospace,Consolas,monospace}
.classpass-browser{min-width:0;margin-top:26px;padding-top:8px;border-top:1px solid #6c7e9c}
.classpass-search-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:8px;align-items:start}
.classpass-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin:16px 0}
.classpass-page-number{text-align:center;font-size:16px;color:#d0fff0}
.classroom-profile-ui .classpass-profile-count{font-size:17px;font-weight:650;color:#d0fff0}
.classpass-profile-row{display:grid;gap:12px;min-width:0}
.classpass-profile-row .classpass-actions{gap:8px;margin:0}
.classpass-profile-row .classpass-actions>.classpass-button{flex-basis:110px}
@media(min-width:680px){.classpass-profile-row{grid-template-columns:minmax(0,1fr) 260px;align-items:center}.classpass-profile-row .classpass-actions{flex-wrap:nowrap}.classpass-profile-identity{gap:10px}.classpass-profile-identity .classpass-picture{width:48px;height:48px}.classpass-profile-row strong{font-size:19px}}
@media(max-width:420px){.classpass-search-field{grid-template-columns:minmax(0,1fr)}.classpass-search-field>.classpass-button{justify-self:end}.classpass-pagination{gap:6px}.classpass-page-number{font-size:15px}}