.attendance-live{flex-direction:column;gap:1rem;display:flex;position:relative}.attendance-live-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.attendance-live-header h2{margin:0}.attendance-live-connection{color:var(--pico-muted-color);font-size:.85rem;font-weight:600}.attendance-live-connection.is-live{color:#15803d}.attendance-live-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.attendance-live-stat{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-muted-background);padding:.85rem 1rem}.attendance-live-stat strong{font-size:1.35rem;line-height:1.2;display:block}.attendance-live-stat span{color:var(--pico-muted-color);font-size:.82rem}.attendance-live-alerts{box-sizing:border-box;z-index:8;flex-direction:column;flex:none;align-self:flex-end;align-items:stretch;gap:.4rem;width:min(22rem,100%);max-width:22rem;max-height:min(45vh,18rem);display:flex;position:sticky;top:.75rem;overflow:hidden auto}.attendance-live-alert{box-sizing:border-box;border-radius:var(--pico-border-radius);color:#991b1b;background:#fef2f2;border:1px solid #fecaca;flex:none;width:100%;margin:0;padding:.55rem .75rem;font-size:.9rem;font-weight:600;line-height:1.3;box-shadow:0 8px 24px #0f172a1f}.attendance-live-table-wrap{overflow-x:auto}.attendance-live-table{width:100%;min-width:860px}.attendance-live-row.is-alert td{background:#fef2f2}.attendance-live-offline{color:var(--pico-muted-color)}:root{--pico-muted-background:var(--pico-card-sectioning-background-color)}.data-table-active-rules{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.data-table-rule-chip{background:var(--pico-muted-background);border:1px solid var(--pico-muted-border-color);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.8rem;display:inline-flex}.data-table-rule-remove{cursor:pointer;width:18px;height:18px;color:var(--pico-muted-color);background:0 0;border:none;border-radius:999px;margin:0;padding:0;line-height:1}.data-table-wrapper,.scroll-table{border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-card-background-color);max-height:65vh;overflow:auto}.data-table-wrapper table,.scroll-table table{table-layout:auto;border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;margin:0}.data-table-wrapper thead,.scroll-table thead{z-index:3;position:relative}.data-table-wrapper thead th,.scroll-table thead th{z-index:3;vertical-align:middle;white-space:normal;box-shadow:0 1px 0 var(--pico-muted-border-color);position:sticky;top:0;background-color:var(--pico-form-element-background-color)!important}.data-table-wrapper thead th.sort-active:after{content:" ▲";font-size:.8em}.data-table-wrapper thead th.sort-active.desc:after{content:" ▼"}.data-table-status{color:var(--pico-muted-color);align-items:center;gap:.75rem;margin-top:.75rem;font-size:.9rem;display:flex}.data-table-scroll-sentinel{pointer-events:none;width:100%;height:1px}.basicLightbox{opacity:.01;z-index:1000;will-change:opacity;background:#000c;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{z-index:1;will-change:transform;max-width:100%;transition:transform .4s;transform:scale(.9)}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{max-width:95%;max-height:95%;margin:auto;display:block;position:absolute;inset:0}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{pointer-events:none;width:100%;height:100%}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}
/*# sourceMappingURL=Zenith.2462de07.css.map */