/* Shared status proportions follow the strip height in every kiosk layout. */
.edu-status-panel{box-sizing:border-box;height:var(--edu-status-height,90px);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--edu-status-height,90px)*.08);padding:calc(var(--edu-status-height,90px)*.16) max(0px,calc(var(--edu-status-height,90px)*.2 - 1px));min-width:0;background:var(--ev-primary);color:var(--ev-primary-text);border:1px solid var(--ev-border);border-radius:var(--ev-card-radius)}
.edu-status-panel[hidden],.edu-status-panel__brand[hidden]{display:none}
.edu-status-panel__brand{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:calc(var(--edu-status-height,90px)*1.4);height:calc(var(--edu-status-height,90px)*.6);padding:calc(var(--edu-status-height,90px)*.12);background:var(--ev-secondary);border-radius:var(--ev-control-radius)}
.edu-status-panel__logo{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}
.edu-status-panel__details{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:calc(var(--edu-status-height,90px)*.03);min-width:0;margin-right:auto;text-align:left}
.edu-status-panel__item{display:inline-flex;align-items:center;gap:calc(var(--edu-status-height,90px)*.045);min-width:0}
.edu-status-panel__item svg{flex:none;width:calc(var(--edu-status-height,90px)*.17);height:calc(var(--edu-status-height,90px)*.17)}
.edu-status-panel__date,.edu-status-panel__clock{font-size:calc(var(--edu-status-height,90px)*.18);font-weight:500;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.edu-status-panel__date--compact{display:none}
.edu-status-panel--compact .edu-status-panel__date:not(.edu-status-panel__date--compact){display:none}.edu-status-panel--compact .edu-status-panel__date--compact{display:inline}


/* The brand artwork always sits on its white logo canvas. */
html[data-kiosk-app="kiosk"] .edu-status-panel__brand{background:white}

/* Paint the complete status strip in scaled Safari previews from the first frame. */
.edu-status-panel{position:relative;isolation:isolate;transform:translateZ(0)}