/* ================================
   Server view (scoped to .sv-wrap)
   ================================ */

.sv-wrap { color:#e8eef7; }

/* back link */
.sv-back a{ color:#8ecbff; text-decoration:none; }
.sv-back a:hover{ text-decoration:underline; }

/* header */
.sv-header{
  display:flex; align-items:flex-start; justify-content:space-between;
  gap:.75rem; flex-wrap:wrap; margin:.25rem 0 1rem;
}
.sv-title{
  margin:0; font-size:1.6rem; display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
}

/* badges */
.sv-badge{
  display:inline-block; padding:.2rem .45rem; border-radius:.5rem;
  border:1px solid #1a2a40; background:#0c1626; color:#cfe4ff; font-size:.85rem;
}
.sv-badge--ok{     background:#062212; border-color:#1a5b32; color:#bff8cf; }
.sv-badge--warn{   background:#261f0b; border-color:#5b4a1a; color:#ffe3ac; }
.sv-badge--danger{ background:#260b12; border-color:#5b1a26; color:#ffd3dd; }

/* actions next to the title */
.sv-actions{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }

/* buttons */
.sv-btn{
  appearance:none; cursor:pointer; font-weight:800; letter-spacing:.02em;
  padding:.45rem .7rem; border-radius:.6rem; border:1px solid #1a2a40;
  background:linear-gradient(180deg, #0f1b2b, #0d1726); color:#cfe4ff;
  box-shadow:0 10px 22px rgba(0,0,0,.35); transition:filter .15s ease;
}
.sv-btn:hover{ filter:brightness(1.06); }
.sv-btn--danger{ background:linear-gradient(180deg,#2e0f17,#260b12); border-color:#5b1a26; color:#ffd3dd; }
.sv-btn--warn{   background:linear-gradient(180deg,#2e260f,#261f0b); border-color:#5b4a1a; color:#ffe3ac; }
.sv-btn--ok{     background:linear-gradient(180deg,#0f2e1b,#0b2617); border-color:#1a5b32; color:#bff8cf; }

/* small pill used next to <code> */
.sv-btn--chip{ padding:.3rem .6rem; border-radius:.55rem; }

/* copy ✓ feedback */
#copyBtn[data-copied="1"]::after{
  content:"✓"; position:relative; margin-left:.35rem; font-weight:900; color:#aee5ff;
}

/* card */
.sv-card{
  border:1px solid #1a2a40; border-radius:14px;
  background:linear-gradient(180deg, #0e1725cc, #0b121dcc);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  padding:1rem;
}

/* meta rows */
.sv-meta{ display:grid; gap:.5rem; }
.sv-meta__row{
  display:flex; gap:.6rem; align-items:center; flex-wrap:wrap;
}
.sv-meta__row strong{ color:#cfe4ff; }

/* address chip */
.sv-chip{
  white-space:nowrap; display:inline-block; padding:.2rem .55rem;
  border-radius:.5rem; border:1px solid rgba(150,180,210,.22);
  background:#0b121d; color:#aee5ff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* subtitle */
.sv-subtitle{ margin:1rem 0 .5rem; }

/* table */
.sv-table-wrap{ overflow:auto; }
.sv-table{
  width:100%; min-width:520px;
  border-collapse:separate; border-spacing:0;
  border:1px solid #1a2a40; border-radius:10px; overflow:hidden;
  background:linear-gradient(180deg, #0e1725cc, #0b121dcc);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.sv-table thead th{
  position:sticky; top:0; background:#0c1626; color:#cfe4ff;
  text-align:left; padding:.6rem .7rem; border-bottom:1px solid #1a2a40;
}
.sv-table tbody td{
  padding:.55rem .7rem; border-bottom:1px solid rgba(255,255,255,.05);
}
.sv-table tbody tr:nth-child(odd){ background:rgba(255,255,255,.02); }
.sv-table tbody tr:hover{ background:rgba(143,215,255,.06); }

/* empty state */
.sv-empty{ color:#9fb2cc; }

/* light mode */
@media (prefers-color-scheme: light){
  .sv-chip{ background:#fff; color:#0b3a5a; border-color:#c9d4e4; }
}