/* Runtime sizing/accessibility additions to the approved pack; one desktop layout. */
html,body { margin:0; height:100%; background:#051F22; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:#0F766E; } a:focus-visible,button:focus-visible,input:focus-visible { outline:3px solid #D4AF37; outline-offset:3px; }
.login-canvas { min-height:100vh !important; }
#desktop-console { width:100%; max-width:1366px; height:100vh; margin:0 auto; transform-origin:top left; }
#desktop-console>header { flex-shrink:0; }
#desktop-console aside { min-height:0; overflow-y:auto; }
#desktop-console .screen-pane { padding:0; }
#desktop-console .sec-banner { background:linear-gradient(135deg,#051F22,#0B3B40);border-left:5px solid #D4AF37; }
#desktop-console h1 { font-size:19px; }
#desktop-console h2 { font-size:14px; }
#desktop-console table { table-layout:fixed; width:100%; }
#desktop-console td { overflow-wrap:anywhere; white-space:pre-wrap; }
.readonly { font-size:11px; border:1px solid #5EEAD4; border-radius:6px; padding:4px 8px; color:#99F6E4; }
.rail-link { display:block;width:100%;text-align:left;padding:11px 14px;border-radius:10px;background:#083135;border:1px solid rgba(212,175,55,.3);color:#CCFBF1;font-size:12.5px;font-weight:700;text-decoration:none; }
.rail-link[aria-current=page] { background:linear-gradient(135deg,#0D9488,#0F766E);border:1.5px solid #D4AF37;color:white;font-weight:800; }
.status { padding:12px;border-radius:8px;background:#F1F8F7;color:#436468; }
.status.error { background:#FEF2F2;color:#991B1B; }
.auth-message { background:#FEF2F2;color:#991B1B;padding:12px;border:1px solid #FCA5A5;border-radius:10px; }
.auth-message a { color:#072A2D; }
.local-form { width:420px; max-width:95%; padding:24px; background:#FFFDF9; border:2px solid #D4AF37; margin:10vh auto; border-radius:14px; }
.local-form input,.local-form select { display:block;width:100%;padding:10px;margin:10px 0 20px; }
.local-form button { padding:10px 18px; background:#0F766E;color:white;border:0;border-radius:6px; }
#desktop-console .card { min-width:0; }
@media(max-width:1024px) { #desktop-console { width:1366px; max-width:none; margin:0; } }
@media(max-width:700px) { .login-canvas { padding:20px 12px !important; } [id$=steward-split-grid] { grid-template-columns:1fr !important; } [id$=steward-left-panel] { display:none !important; } [id$=steward-right-panel] { min-height:520px; padding:24px !important; } }

/* Configuration authoring uses the approved shell and plain native controls. */
.config-form {display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;padding:10px 0;border-bottom:1px solid #cbd5e1}
.config-form label {display:flex;flex-direction:column;gap:4px;flex:1 1 180px}
.config-form input,.config-form select,.config-form textarea,.config-form button {font:inherit;padding:6px;max-width:100%;border:1px solid #64748b;border-radius:3px}
.config-form input[type=checkbox] {align-self:start}
.config-form textarea {min-width:220px}
.config-form button {background:#0b3b40;color:white;cursor:pointer}
.config-diff {white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;font-size:12px}
.hop-console-scope details {margin:10px 0}
.hop-console-scope summary {cursor:pointer;font-weight:600}

/* ASK-268: compact seven-column Studio within the existing console shell. */
.studio [hidden] { display:none !important; }
.studio-actions,.studio-pills,.studio-row-actions { display:flex;flex-wrap:wrap;align-items:center;gap:6px; }
.studio-actions .config-form { margin:0;padding:0;border:0; }
.studio-actions button { min-height:48px; }
.studio-pills { margin-bottom:14px; }
.studio-pills a { text-decoration:none; }
.studio-pills [aria-current=true] { background:var(--indigo-bg);border-color:var(--gold); }
.studio-defaults,.studio-list { margin-bottom:14px; }
.studio-defaults .tag { color:var(--emerald);background:var(--emerald-bg);text-transform:none; }
.studio-default-fields { margin-top:10px; }
.studio label { display:flex;flex-direction:column;gap:4px;font-size:12px; }
.studio input,.studio select,.studio button { font:inherit;max-width:100%;border:1px solid var(--border);border-radius:6px;padding:6px; }
.studio button { cursor:pointer;background:var(--indigo);color:var(--bg-card); }
.studio .btn-outline { background:var(--bg-card);color:var(--ink); }
.studio-warning { padding:12px;margin:14px 0;border:1px solid var(--gold);border-radius:var(--radius);background:var(--amber-bg);color:var(--amber);font-size:13px; }
#desktop-console .studio-table td { white-space:normal;padding:7px 6px; }
.studio-table th { padding:8px 6px; }
.studio-table th:first-child { width:28%; }
.studio-table th:nth-child(2) { width:13%; }
.studio-table th:nth-child(3) { width:15%; }
.studio-table th:nth-child(4),.studio-table th:nth-child(5) { width:11%; }
.studio-table th:nth-child(6) { width:10%; }
.studio-table th:nth-child(7) { width:12%; }
.studio-table select,.studio-table input:not([type=checkbox]) { width:100%;min-width:0; }
.studio-table small { color:var(--ink-muted); }
.studio-table td:nth-child(5) label,.studio-table td:nth-child(6) label { flex-direction:row;align-items:center; }
.studio-table input[type=checkbox] { width:20px;height:20px;flex-shrink:0; }
.studio-row-actions { margin-top:6px;font-size:11px; }
.studio-table .studio-row-actions input { max-width:50px; }
.studio dialog { margin:auto;max-width:760px;max-height:85vh;overflow:auto;padding:20px;background:var(--bg-card);color:var(--ink);border:1px solid var(--gold);border-radius:var(--radius); }
.studio dialog::backdrop { background:var(--bg-slate);opacity:.7; }
.studio :disabled { cursor:default;opacity:.7; }

/* UI-SCRUB-1: auth and navigation touch targets; consistent Studio saves. */
#desktop-console>header button,.rail-link,.auth-message a,.studio-actions button {
  min-height:calc(48px * var(--tap-scale, 1));min-width:calc(44px * var(--tap-scale, 1));display:inline-flex;align-items:center;box-sizing:border-box;
}
.local-form button { min-height:48px; }
.studio-pills a,.studio select,.studio input:not([type=hidden]):not([type=checkbox]),
.studio-row-actions button,.studio-defaults button {
  min-height:calc(44px * var(--tap-scale, 1));min-width:calc(44px * var(--tap-scale, 1));box-sizing:border-box;
}