/* Scoped family cards shared by the web queue and packaged TV. */
.bk-adjust{width:min(480px,calc(100% - 24px));max-height:90dvh;border:0;border-radius:18px;padding:24px;color:#173963}.bk-adjust::backdrop{background:#0f244e99}.bk-adjust h2{margin:0 0 12px}.bk-adjust p{font-size:13px;line-height:1.6}.bk-adjust label{display:grid;gap:6px;margin:14px 0}.bk-adjust input,.bk-adjust select,.bk-adjust textarea{width:100%;padding:10px;border:1px solid #d3dfee;border-radius:8px}.bk-adjust form>div{display:flex;justify-content:space-between;gap:10px}.bk-adjust button{padding:10px;border:1px solid #cedced;border-radius:8px;cursor:pointer}.bk-adjust [role=alert]{color:#ad2433}
.bk-family{min-width:0;width:100%;display:flex;flex-direction:column;gap:14px}
.bk-family-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#244977;font-size:14px}
.bk-family-heading>span{background:#e9f1ff;color:#2460b6;border-radius:20px;padding:6px 12px;font-weight:800}
.bk-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bk-family-grid[data-count="1"]{grid-template-columns:1fr}
.bk-family-grid[data-count="5"],.bk-family-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.bk-child{min-width:0;border:1px solid #dbe6f6;border-radius:18px;padding:16px;background:#f8fbff;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px}
.bk-child-photo{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(100%,230px);border-radius:18px;background:#dce8fb;color:#39618e;overflow:hidden;font-size:40px;font-weight:900;flex-shrink:0}
.bk-child-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bk-child-info{min-width:0;width:100%;display:grid;gap:8px}.bk-child-info>b{font-size:clamp(20px,2vw,34px);line-height:1.14;overflow-wrap:anywhere;color:#173963}
.bk-child-info>small{color:#607699;font-size:13px;overflow-wrap:anywhere}
.bk-child-status{display:inline-block;justify-self:center;border-radius:20px;padding:6px 10px;background:#fff1dc;color:#8d5e12;font-size:12px;font-weight:800}
.bk-child.is-confirmed{background:#f0faf5;border-color:#8ed7b2}.is-confirmed .bk-child-status{color:#157549;background:#dcf4e8}
.bk-family-compact .bk-family-heading{font-size:11px}.bk-family-compact .bk-family-grid{grid-template-columns:1fr}
.bk-family-compact .bk-child{flex-direction:row;text-align:left;justify-content:flex-start;padding:8px;gap:9px;border-radius:10px}
.bk-family-compact .bk-child-photo{width:44px;border-radius:10px;font-size:16px}.bk-family-compact .bk-child-info{gap:3px}
.bk-family-compact .bk-child-info>b{font-size:14px}.bk-family-compact .bk-child-info>small{font-size:10px}.bk-family-compact .bk-child-status{font-size:9px;justify-self:start;padding:3px 6px}
.face-kiosk-priority-student.bk-family-host{display:flex;align-items:stretch;justify-content:center;padding:18px}
.face-kiosk-queue-row.bk-family-row{display:flex;align-items:flex-start;flex-wrap:wrap;padding:16px;gap:12px}.bk-family-row>.bk-family{flex-basis:100%}
@media(max-width:600px){.bk-child{padding:10px;gap:10px}.bk-family-grid{gap:9px}.bk-child-info>b{font-size:20px}.bk-child-info>small{font-size:10px}.bk-child-status{font-size:10px}.bk-family-grid[data-count="5"],.bk-family-grid[data-count="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* TV's fixed logical canvas is scaled by tv-fit.js, not viewport font units. */
.bk-fitted-call .bk-family-host>.bk-family{height:100%;min-height:0}
.bk-fitted-call .bk-family-host .bk-family-grid{flex:1;min-height:0}
.bk-fitted-call .bk-family-host .bk-child{min-height:0;padding:12px;gap:10px}
.bk-fitted-call .bk-family-host .bk-child-photo{width:min(100%,200px);max-height:200px}
.bk-fitted-call .bk-family-host .bk-child-info>b{font-size:28px}
.bk-fitted-call .bk-family-host [data-count="3"] .bk-child-photo,.bk-fitted-call .bk-family-host [data-count="4"] .bk-child-photo,.bk-fitted-call .bk-family-host [data-count="5"] .bk-child-photo,.bk-fitted-call .bk-family-host [data-count="6"] .bk-child-photo{width:100px;max-height:100px}
.bk-fitted-call .bk-family-host [data-count="5"] .bk-child-info>b,.bk-fitted-call .bk-family-host [data-count="6"] .bk-child-info>b{font-size:20px}
.bk-fitted-call .face-kiosk-queue-row.bk-family-row{display:flex!important;flex-wrap:wrap!important}
.bk-fitted-call.bk-portrait .face-kiosk-action-card{flex-basis:250px!important}
.bk-fitted-call.bk-portrait .bk-family-host .bk-child-info>b{font-size:18px}
.bk-fitted-call.bk-portrait .bk-family-host .bk-child-photo{width:100px;max-height:100px}
.bk-fitted-call.bk-portrait .bk-family-host .bk-family-grid{grid-template-columns:1fr}
.bk-fitted-call.bk-portrait .bk-family-host .bk-family-grid:not([data-count="1"]):not([data-count="2"]){overflow:auto}
#app .person.bk-family-host{padding:18px;justify-content:flex-start;overflow:auto}
#app .bk-family-grid{flex:1;min-height:0}
#app .bk-family{height:100%;min-height:0}
#app .bk-child-photo{width:min(100%,220px)}
#app .bk-child-info>b{font-size:30px}
#app .bk-family-grid[data-count="3"] .bk-child-photo,#app .bk-family-grid[data-count="4"] .bk-child-photo,#app .bk-family-grid[data-count="5"] .bk-child-photo,#app .bk-family-grid[data-count="6"] .bk-child-photo{width:105px}
#app .bk-family-grid[data-count="3"] .bk-child-info>b,#app .bk-family-grid[data-count="4"] .bk-child-info>b,#app .bk-family-grid[data-count="5"] .bk-child-info>b,#app .bk-family-grid[data-count="6"] .bk-child-info>b{font-size:22px}
#app .bk-family-compact{height:auto}#app .bk-family-compact .bk-child-photo{width:45px}#app .bk-family-compact .bk-child-info>b{font-size:17px}
#app .row.bk-family-row{display:block;height:auto;min-height:0;padding:14px}#app .bk-family-row>.copy{margin-top:10px}
#app .bk-child-photo{height:220px;width:220px;max-width:100%;display:flex;align-items:center;justify-content:center}
#app .bk-family-grid[data-count="3"] .bk-child-photo,#app .bk-family-grid[data-count="4"] .bk-child-photo,#app .bk-family-grid[data-count="5"] .bk-child-photo,#app .bk-family-grid[data-count="6"] .bk-child-photo{height:105px;width:105px}
#app .bk-family-compact .bk-child-photo{width:45px;height:45px}
@supports not (display:grid){.bk-family-grid{display:flex;flex-wrap:wrap}.bk-child{flex:1 1 40%;margin:5px}.bk-family-grid[data-count="1"] .bk-child{flex-basis:90%}.bk-family-compact .bk-child{flex-basis:90%}}