.saas-student-preview{--saas-student-preview-ink:var(--saas-text-secondary);gap:var(--saas-space-lg);display:grid}.saas-student-preview [data-tone]{--saas-student-preview-ink:var(--saas-text-secondary);--saas-student-preview-wash:var(--saas-bg-sunken)}.saas-student-preview [data-tone=success]{--saas-student-preview-ink:var(--saas-status-success);--saas-student-preview-wash:var(--saas-status-success-subtle)}.saas-student-preview [data-tone=warning]{--saas-student-preview-ink:var(--saas-status-warning);--saas-student-preview-wash:var(--saas-status-warning-subtle)}.saas-student-preview [data-tone=danger]{--saas-student-preview-ink:var(--saas-status-danger);--saas-student-preview-wash:var(--saas-status-danger-subtle)}.saas-student-preview [data-tone=info]{--saas-student-preview-ink:var(--saas-status-info);--saas-student-preview-wash:var(--saas-status-info-subtle)}.saas-student-preview__hero{align-items:center;gap:var(--saas-space-md);min-inline-size:0;display:flex}.saas-student-preview__ring{border-radius:var(--saas-radius-full);background:conic-gradient(var(--saas-student-preview-ink) var(--saas-student-preview-ring), var(--saas-border-default) 0);flex-shrink:0;place-items:center;padding:4px;display:inline-grid;position:relative}.saas-student-preview__ring>:first-child{box-shadow:0 0 0 3px var(--saas-bg-surface)}.saas-student-preview__presence{border:2px solid var(--saas-bg-surface);border-radius:var(--saas-radius-full);background:var(--saas-student-preview-ink);block-size:14px;inline-size:14px;position:absolute;inset-block-end:6px;inset-inline-end:6px}.saas-student-preview__who{gap:var(--saas-space-2xs);min-inline-size:0;display:grid}.saas-student-preview__name{color:var(--saas-text-primary);font-size:var(--saas-font-title);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:700}.saas-student-preview__sub{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-student-preview__tags{gap:var(--saas-space-xs);flex-wrap:wrap;margin-block-start:var(--saas-space-2xs);display:flex}.saas-student-preview__pill{padding:0 var(--saas-space-sm);border-radius:var(--saas-radius-full);background:var(--saas-student-preview-wash);color:var(--saas-student-preview-ink);line-height:22px;font-size:var(--saas-font-caption);white-space:nowrap;flex-shrink:0;font-weight:600}.saas-student-preview__actions{gap:var(--saas-space-sm);flex-wrap:wrap;display:flex}.saas-student-preview__btn{justify-content:center;align-items:center;gap:var(--saas-space-xs);min-block-size:44px;padding-inline:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);color:var(--saas-text-primary);font:inherit;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard);flex:auto;font-weight:600;display:inline-flex}.saas-student-preview__btn:hover{border-color:var(--saas-brand-primary);color:var(--saas-brand-primary)}.saas-student-preview__btn[data-primary=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary);box-shadow:0 0 0 4px var(--saas-brand-glow)}.saas-student-preview__btn[data-primary=true]:hover{background:var(--saas-brand-primary-hover);color:var(--saas-brand-on-primary)}.saas-student-preview__btn:focus-visible,.saas-student-preview__call:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-student-preview__section{gap:var(--saas-space-sm);display:grid}.saas-student-preview__heading{align-items:center;gap:var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;font-weight:700;display:flex}.saas-student-preview__heading svg{color:var(--saas-brand-primary)}.saas-student-preview__empty{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);margin:0}.saas-student-preview__tiles{gap:var(--saas-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.saas-student-preview__tile{gap:var(--saas-space-2xs);min-inline-size:0;padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-student-preview-ink);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);border-inline-start-width:4px;flex-direction:column;display:flex}.saas-student-preview__tile dd{color:var(--saas-text-primary);font-size:var(--saas-font-title);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;overflow:hidden}.saas-student-preview__tile dt{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);order:1}.saas-student-preview__meter{gap:var(--saas-space-2xs);display:grid}.saas-student-preview__meter-head{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);justify-content:space-between;display:flex}.saas-student-preview__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:8px;overflow:hidden}.saas-student-preview__bar>span{border-radius:inherit;background:var(--saas-status-success);block-size:100%;transition:inline-size var(--saas-motion-progress) var(--saas-ease-standard);display:block}.saas-student-preview__bar>span[data-tone=warning]{background:var(--saas-status-warning)}.saas-student-preview__bar>span[data-tone=danger]{background:var(--saas-status-danger)}.saas-student-preview__rows{gap:var(--saas-space-sm);margin:0;padding:0;list-style:none;display:grid}.saas-student-preview__row{align-items:center;gap:var(--saas-space-sm);min-inline-size:0;padding:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);display:flex}.saas-student-preview__row-icon{border-radius:var(--saas-radius-md);background:var(--saas-student-preview-wash);block-size:40px;inline-size:40px;color:var(--saas-student-preview-ink);flex-shrink:0;place-items:center;display:inline-grid}.saas-student-preview__row-text{min-inline-size:0;font-size:var(--saas-font-body-sm);flex:1;gap:2px;display:grid}.saas-student-preview__row-text b{color:var(--saas-text-primary);font-size:var(--saas-font-body);font-weight:600}.saas-student-preview__row-text span{color:var(--saas-text-secondary)}.saas-student-preview__call{border-radius:var(--saas-radius-full);background:var(--saas-brand-subtle);block-size:40px;inline-size:40px;color:var(--saas-brand-primary);flex-shrink:0;place-items:center;display:inline-grid}.saas-student-preview__call:hover{background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-student-preview__timeline{margin:0;padding:0;list-style:none;display:grid}.saas-student-preview__event{gap:var(--saas-space-sm);padding-block-end:var(--saas-space-md);display:flex;position:relative}.saas-student-preview__event:not(:last-child):before{content:"";background:var(--saas-border-default);inline-size:2px;position:absolute;inset-block:40px 0;inset-inline-start:19px}.saas-student-preview__event-text{justify-items:start;gap:var(--saas-space-2xs);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);padding-block-start:var(--saas-space-xs);display:grid}.saas-student-preview__ago{align-items:center;gap:var(--saas-space-2xs);padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);color:var(--saas-text-secondary);line-height:20px;font-size:var(--saas-font-caption);font-weight:600;display:inline-flex}@media (width<=599px){.saas-student-preview__tile{padding-inline:var(--saas-space-sm)}.saas-student-preview__tile dd{font-size:var(--saas-font-heading)}}