#remote-config-form { display: grid; gap: 10px; margin: 24px 0 36px; }
#remote-config-form h2 { margin: 14px 0 2px; }
#remote-config-form label { margin-top: 4px; font-weight: 650; }
#remote-config-form input { width: 100%; min-height: 44px; border: 1px solid var(--line); border-radius: 9px; padding: 10px 12px; color: var(--ink); background: white; font: inherit; }
#remote-config-form input:focus-visible { outline: 3px solid #3b9c8b; outline-offset: 2px; }
#remote-config-form .card-links { flex-wrap: wrap; margin-top: 8px; }
#remote-config-form .text-link { border: 0; background: transparent; cursor: pointer; }
#remote-config-form button:disabled, #remote-more:disabled { opacity: .55; cursor: not-allowed; }
.remote-history { display: grid; gap: 14px; padding-left: 24px; }
.remote-history article { overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 12px; padding: 14px; background: var(--surface-soft); }
.remote-history article p { margin: 6px 0; }
.remote-history pre { max-height: 12rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.remote-history code { word-break: break-all; }
.freshness-state { border-left: 4px solid var(--line); padding: 10px 12px; font-weight: 650; }
.freshness-state[data-state="RECENT"] { border-left-color: #32876f; }
.freshness-state[data-state="STALE"] { border-left-color: #ad6a1a; }
.freshness-state[data-state="CLOCK_INVALID"] { border-left-color: #a33; }
@media (max-width: 640px) {
  #remote-config-form .card-links { align-items: stretch; }
  #remote-config-form .card-links > * { min-height: 42px; }
}