/* Static example export. No production view styles are changed. */
.public-example .content{margin:0!important;max-width:none!important;padding:18px!important;min-width:0}
.public-example{overflow-x:hidden}.example-banner{padding:10px 18px;border-bottom:1px solid #dce4d7;font-size:9px;letter-spacing:.025em;color:#577055;background:#edf2e9}
.public-example .page-heading{gap:10px;margin-bottom:18px;flex-wrap:wrap}.public-example .page-heading h1{font-size:23px;line-height:1.2}.public-example .page-heading p{font-size:11px}.public-example .stats-grid{gap:10px}.public-example .stat{padding:15px}.public-example .stat-value{font-size:25px}.public-example .stat-head,.public-example .stat-footer{font-size:10px}.public-example .stat-icon{width:25px;height:25px}
.public-example button[disabled]{opacity:1;cursor:default}.public-example .demo-link-disabled{cursor:default}.public-example .demo-field{display:inline-flex;padding:8px 11px;border:1px solid #e2e8e3;border-radius:7px;background:white;font-size:11px;min-height:32px;align-items:center;overflow-wrap:anywhere}.public-example label .demo-field{display:flex}.public-example .feedback{display:none}.public-example .panel-head{padding:17px}.public-example .panel-head h2{font-size:17px}.public-example .panel-body{padding:17px}.public-example .overview-layout{grid-template-columns:minmax(0,1fr)}.public-example .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-example .panel-head,.public-example .actions{flex-wrap:wrap}.public-example .page-heading .actions{display:none}.public-example .footer{display:none}
@media(max-width:600px){.public-example .content{padding:13px!important}.public-example .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-example .page-heading h1{font-size:22px}.public-example .page-heading p{font-size:11px}.public-example .stat{padding:12px}.public-example .panel-head{padding:13px}.public-example .panel-head h2{font-size:16px}.public-example .overview-main .seat-map{padding:12px}.public-example .seat-grid{gap:8px}.public-example .panel-body{padding:13px}}
.student-example .page-heading h1{font-size:21px}.student-example .content{padding:13px!important}.student-example .panel-head{padding:14px}.student-example .panel-head h2{font-size:17px}.student-example .panel-body{padding:14px}.student-example .example-banner{font-size:8px;padding:8px 13px}