/* 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}