/* HostPlux / AlphaCP v35.9 — IP & network, social sign-in, go-live checklist.
   Works on all four designs and with dark mode independent of the design. */
.v359-kv { display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 8px 14px; margin: 0; }
.v359-kv dt { font-size: 12px; letter-spacing: .02em; text-transform: uppercase; opacity: .65; }
.v359-kv dd { margin: 0; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.v359-pill { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; border: 1px solid transparent; }
.v359-pill.is-ok { color: #0a7d43; background: rgba(16, 185, 129, .13); border-color: rgba(16, 185, 129, .35); }
.v359-pill.is-bad { color: #b42318; background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .32); }
.v359-pill.is-mute { color: #667085; background: rgba(120, 130, 150, .12); border-color: rgba(120, 130, 150, .3); }
html[data-dark="1"] .v359-pill.is-ok { color: #6ee7b7; }
html[data-dark="1"] .v359-pill.is-bad { color: #fda29b; }
html[data-dark="1"] .v359-pill.is-mute { color: #b6c0d0; }
.v359-score { font-size: 20px; margin: 0 0 10px; }
.v359-score strong { font-size: 30px; letter-spacing: -.02em; }
.v359-detail { display: block; max-width: 70ch; opacity: .8; }
.v359 .ops-table table { width: 100%; }
.v359 .ops-table td, .v359-steps td { vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.v359-apply-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; margin-top: 10px; }
.v359-apply-row label { flex: 1 1 260px; }
.ops-check { display: flex; align-items: center; gap: 8px; font-size: 13.5px; padding: 4px 0; }
.ops-check input { width: auto; margin: 0; }
.v359c .v359-kv dd, .v359c .small { overflow-wrap: anywhere; }
.v359-or { display: flex; align-items: center; gap: 10px; margin: 14px 0 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; opacity: .6; }
.v359-or::before, .v359-or::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .25; }
#hc-oauth-box:not(:empty) { display: grid; gap: 8px; }
.v359-oauth-btn { width: 100%; justify-content: center; }
@media (max-width: 640px) {
  .v359-kv { grid-template-columns: 1fr; gap: 2px 0; }
  .v359-kv dd { margin-bottom: 10px; }
  .v359-score { font-size: 17px; }
  .v359-score strong { font-size: 24px; }
}