.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}.class-grid .card{margin:0}.class-form{display:grid;gap:14px;max-width:840px}.class-form label{display:grid;gap:5px}.class-form input,.class-form select,.class-form textarea{width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--sur);color:var(--ink);font:inherit}.class-form select option{background:var(--sur);color:var(--ink)}.class-form textarea{min-height:125px}.class-form input[type=checkbox]{width:auto;min-height:20px}.class-form .inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.class-table{overflow:auto}.class-table table{width:100%;font-size:15px}.class-table th,.class-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.class-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.class-pill{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:3px 12px;font-size:13px}.heat-cell{border-left:4px solid #94a3b8;padding:16px;background:var(--sur);border-radius:8px}.heat-cell.insufficient{border-color:#fbd38d}.heat-cell.observed{border-color:#6ee7b7}.heat-stat{font-size:26px;font-weight:600}.class-section{scroll-margin-top:30px;margin:38px 0}.class-camera{max-width:420px;width:100%;border-radius:12px;background:#001d2e}.class-message{padding:12px;border:1px solid var(--line);border-radius:8px;white-space:pre-wrap}.class-form summary,summary{cursor:pointer;padding:8px 0}a.btn{display:inline-block} .class-form button:disabled{opacity:.5} .class-note{border-left:3px solid var(--acc);padding:12px 16px;background:var(--sur)}

.class-form input[type=date],.class-form input[type=datetime-local],.class-form input[type=number]{color-scheme:light}