/* Beacon Offline Pack module styles. Uses only core custom properties from
   styles.css (navy/red/pale/cream system). Owned by mod-offline. */

/* status key-value rows */
.off-kv {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0.6rem 0; border-bottom: 1px solid var(--line); font-size: 0.88rem;
}
.off-kv:last-child { border-bottom: 0; }
.off-kv b { font-weight: 600; color: var(--slate); font-size: 0.8rem; flex: 0 0 auto; }
.off-kv span { text-align: right; }

/* connection indicator */
.off-ind { display: inline-flex; align-items: center; gap: 0.45rem; font-weight: 700; }
.off-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--pale-sea); flex: 0 0 auto; }
.off-dot.on { background: var(--ok); box-shadow: 0 0 0 4px rgba(30, 125, 79, 0.14); }
.off-dot.off { background: var(--red); box-shadow: 0 0 0 4px rgba(198, 32, 46, 0.14); }

/* honest works / needs-connection lists */
.off-row { display: flex; gap: 0.6rem; align-items: flex-start; padding: 0.32rem 0; font-size: 0.88rem; }
.off-row .ic {
  width: 22px; height: 22px; flex: 0 0 auto; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; margin-top: 1px;
}
.off-row .ic svg { width: 14px; height: 14px; }
.off-row.ok .ic { background: rgba(30, 125, 79, 0.12); color: var(--ok); }
.off-row.no .ic { background: rgba(198, 32, 46, 0.10); color: var(--red); }

/* region pack cards */
.off-pack-card + .off-pack-card { margin-top: 0.7rem; }
.off-pack { display: flex; align-items: center; gap: 0.9rem; }
.off-pack .ic.pale-round {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%;
  background: var(--pale); color: var(--navy);
  display: flex; align-items: center; justify-content: center;
}
.off-pack .ic.pale-round svg { width: 20px; height: 20px; }
.off-pack-info { flex: 1; min-width: 0; }
.off-pack-info h3 { font-size: 0.95rem; font-weight: 700; }
.off-pack-info p { font-size: 0.78rem; color: var(--slate); margin-top: 0.1rem; }
.off-est { display: block; font-size: 0.7rem; color: var(--slate); margin-top: 0.25rem; font-weight: 600; }
.off-pack-actions { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 0.45rem; }

/* language rows */
.off-langrow {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0.55rem 0; border-bottom: 1px solid var(--line); font-size: 0.9rem;
}
.off-langrow:last-child { border-bottom: 0; }
.badge.plan { color: var(--slate); background: var(--pale); }

/* issuer key fingerprint */
.off-fp {
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  font-size: 0.95rem; letter-spacing: 0.14em;
  background: var(--pale); color: var(--navy);
  border-radius: 10px; padding: 0.5rem 0.8rem; display: inline-block;
}