/* Embedded geometry; shared colors and controls live in cocoa-apps.css. */
@media screen {
html[data-embed="1"],html[data-embed="1"] body { height:100%;margin:0;overflow:hidden; }
html[data-embed="1"] body > div:first-child,html[data-embed="1"] #to-dash { display:none!important; }
html[data-embed="1"] #app { height:100%;min-height:0!important;overflow:auto; }
html[data-embed="1"] .min-h-screen { min-height:100%!important; }
html[data-embed="1"] main { padding:16px!important; }
html[data-embed="1"] main.interview-admin-main { padding:0!important; }
html[data-embed="1"] .tablet-admin-grid:has(>.col-span-4) { display:grid;grid-template-columns:300px minmax(0,1fr)!important; }
html[data-embed="1"] .tablet-admin-grid>div { min-width:0;grid-column:auto!important; }
html[data-embed="1"] table { min-width:660px; }
html[data-embed="1"] table :is(th,td) { padding:10px 8px!important;white-space:nowrap;word-break:keep-all; }
html[data-embed="1"] table button { font-size:12px!important;padding:5px 8px!important; }
html[data-embed="1"] .embed-focus { display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-interview-soft);color:var(--ui-interview-ink);font-size:13px; }
html[data-embed="1"] .embed-focus button { border:0;background:var(--ui-accent);color:white;padding:8px 12px; }
@media(max-width:1200px) { html[data-embed="1"] .tablet-admin-grid:has(>.col-span-4) { grid-template-columns:minmax(0,1fr)!important; } }
@media(max-width:800px) { html[data-embed="1"] header { flex-wrap:wrap;gap:8px; }html[data-embed="1"] .embed-focus { align-items:stretch;flex-direction:column; } }
}

/* Stage 1: natural document height in the dashboard; viewport layout when expanded. */
@media screen {
html[data-embed="1"][data-embed-view="page"],
html[data-embed="1"][data-embed-view="page"] body {
  height:auto!important;min-height:0!important;overflow:auto!important;
}
html[data-embed="1"][data-embed-view="page"] #app {
  display:flex;flex-direction:column;flex:none!important;
  height:auto!important;min-height:0!important;overflow:visible!important;
}
html[data-embed="1"][data-embed-view="page"] .min-h-screen { min-height:0!important; }
html[data-embed="1"][data-embed-view="page"] #app > main,
html[data-embed="1"][data-embed-view="page"] #detail {
  flex:none!important;min-height:0!important;height:auto!important;overflow:visible!important;
}
html[data-embed="1"][data-embed-view="page"] #app > main:has(#detail) { align-items:stretch; }
html[data-embed="1"][data-embed-view="page"] #detail { flex:1 1 0!important;min-width:0; }
html[data-embed="1"][data-embed-view="page"] #sidebarPanel > .overflow-y-auto { overflow:visible; }
html[data-embed="1"] #app > .fixed:has(#login-form) {
  position:relative!important;inset:auto!important;flex:none;
  min-height:560px;padding:32px 0 60px;
}
html[data-embed="1"][data-embed-view="full"],
html[data-embed="1"][data-embed-view="full"] body { height:100%!important;min-height:0!important;overflow:hidden!important; }
html[data-embed="1"][data-embed-view="full"] #app { height:100%;min-height:0;overflow:hidden!important; }
html[data-embed="1"][data-embed-view="full"] #app > main { min-height:0; }
html[data-embed="1"][data-embed-view="full"] #app:has(> .min-h-screen),
html[data-embed="1"][data-embed-view="full"] #app:has(#login-form) { overflow:auto!important; }
html[data-embed="1"][data-embed-view="full"] #detail { min-width:0; }
}

/* The parent supplies its viewport offset without resizing or redrawing the app. */
@media screen {
.interview-workbar { flex:none;position:relative;z-index:60;background:var(--ui-surface,#fff); }
.interview-admin-main { position:relative;min-height:0; }
.interview-admin-main > .interview-workbar { position:sticky;top:0; }
.interview-admin-main .interview-draft-status[data-state="clean"] { display:none; }
.interview-admin-main .interview-draft-status:not([data-state="clean"]) { color:var(--ui-warning);background:var(--ui-warning-soft); }
.interview-draft-status { margin:0;padding:5px 14px;border-bottom:1px solid var(--ui-line,#ddd);color:var(--ui-muted,#62737e);font:400 12px/1.5 var(--ui-font,sans-serif);background:var(--ui-surface,#fff); }
html[data-embed="1"][data-embed-view="page"] .interview-workbar { transform:translateY(var(--embed-sticky-offset,0px)); }
html[data-embed="1"][data-embed-view="page"] .interview-admin-main > .interview-workbar { position:relative; }
html[data-embed="1"][data-embed-view="full"] .interview-workbar { transform:none!important; }
html[data-embed="1"] .interview-workbar header { flex-wrap:wrap;gap:8px!important; }
html[data-embed="1"] .interview-workbar header > div { min-width:0;gap:8px;flex-wrap:wrap; }
html[data-embed="1"] .interview-workbar .tablet-admin-tabs { flex-wrap:nowrap;white-space:nowrap; }
html[data-embed="1"] .interview-workbar .admin-tab-btn { flex:none; }
@media(max-width:760px) {
  html[data-embed="1"] .interview-workbar header h1 { display:none; }
  html[data-embed="1"] .interview-workbar header { padding:8px 10px!important; }
  html[data-embed="1"] .interview-workbar header button { min-height:36px;padding:6px 9px!important; }
  html[data-embed="1"] .interview-workbar .tablet-admin-tabs { padding:6px!important; }
}
}
@media print { .interview-workbar { display:none!important; } }