/* Owner controls share the student shell; only their extra mobile spacing differs. */
@media (max-width:760px) {
  .topbar { gap:12px; }
  .topbar .brand { width:auto;flex:1;gap:12px;min-width:0; }
  .topbar .owner-tools { flex:0 0 74px;max-width:74px; }
}

/* Only the entry main has this marker. The approved mounted workspace does not. */
#main.preview-entry {
  width:min(100%,760px);
  min-height:0;
  margin:0 auto;
  padding:clamp(24px,6vh,56px) 24px 32px;
}
.preview-entry .preview-entry-surface {
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
}
.preview-entry .preview-entry-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px 20px;
}
.preview-entry h1 {
  margin:0;
  font-size:clamp(24px,2.5vw,28px);
  font-weight:700;
  line-height:1.25;
}
.preview-entry .preview-entry-readonly {
  color:var(--muted);
  font-size:13px;
  white-space:nowrap;
}
.preview-entry #status {
  margin:12px 0 24px;
  color:var(--muted);
  font-size:15px;
  line-height:1.5;
}
.preview-entry .preview-lookup {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:12px;
  margin:0;
}
.preview-entry .preview-lookup label {
  display:grid;
  min-width:0;
  gap:8px;
  font-size:14px;
  font-weight:600;
}
.preview-entry .preview-lookup input {
  width:100%;
  min-width:0;
  min-height:48px;
  padding:11px 12px;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  font-weight:400;
}
.preview-entry .preview-lookup button[type=submit] {
  min-height:48px;
  padding:11px 20px;
  border-color:var(--accent);
  background:var(--accent);
  color:var(--ink);
  white-space:nowrap;
}
.preview-entry .preview-lookup button[type=submit]:hover:not(:disabled) {
  border-color:var(--accent-hover);
  background:var(--accent-hover);
}
.preview-entry .preview-lookup button[type=submit]:disabled {
  cursor:wait;
}
.preview-entry .preview-lookup [role=alert] {
  grid-column:1 / -1;
  margin:0;
  color:var(--error);
  font-size:14px;
  line-height:1.5;
}
.preview-entry .preview-lookup [role=alert]:empty {display:none}
.preview-entry .preview-lookup a,
.preview-entry .empty a {
  display:flex;
  grid-column:1 / -1;
  align-items:center;
  justify-self:start;
  min-height:var(--tap);
  color:var(--muted);
  font-size:14px;
}
.preview-entry .preview-lookup a:hover,
.preview-entry .empty a:hover {color:var(--ink)}
.preview-entry .empty {margin:0;padding:0}
@media (max-width:600px) {
  #main.preview-entry {padding:24px 16px}
  .preview-entry .preview-entry-surface {padding:22px 20px}
  .preview-entry .preview-lookup {grid-template-columns:minmax(0,1fr)}
  .preview-entry .preview-lookup button[type=submit] {width:100%}
  .preview-entry #status {margin-bottom:20px}
}
