/* Clawy Homepage enhancements */
.clawy-enhanced-card {
  position: relative;
}

.clawy-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.65rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.clawy-link-button {
  border: 0;
  border-radius: 999px;
  padding: 0.22rem 0.42rem;
  min-width: 1.65rem;
  text-align: center;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
  color: #0f172a;
  background: rgba(226, 232, 240, 0.92);
  transition: transform 120ms ease, filter 120ms ease, background 120ms ease;
}

.clawy-link-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

.clawy-link-button.lokal {
  background: #dcfce7;
  color: #166534;
}

.clawy-link-button.tailscale {
  background: #dbeafe;
  color: #1d4ed8;
}

.clawy-link-button.internet {
  background: #ffedd5;
  color: #c2410c;
}


.clawy-health-panel {
  margin: 0.75rem 0 1.25rem;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 1.1rem;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(51, 65, 85, 0.82));
  color: #f8fafc;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.18);
}

.clawy-health-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.clawy-health-kicker { color: #93c5fd; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.clawy-health-header h2 { margin: 0.12rem 0; font-size: 1.35rem; font-weight: 850; }
.clawy-health-header p { margin: 0; color: #cbd5e1; font-size: 0.82rem; }
.clawy-status-badge { border-radius: 999px; padding: 0.38rem 0.7rem; font-weight: 850; font-size: 0.76rem; white-space: nowrap; }
.clawy-status-badge.ok { background: #16a34a; color: #fff; }
.clawy-status-badge.warn { background: #d97706; color: #fff; }
.clawy-status-badge.crit { background: #dc2626; color: #fff; }
.clawy-health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: 0.65rem; }
.clawy-health-tile { border: 1px solid rgba(226, 232, 240, 0.16); border-radius: 0.9rem; padding: 0.75rem; background: rgba(15, 23, 42, 0.34); }
.clawy-health-tile span, .clawy-health-tile small { display: block; color: #cbd5e1; font-size: 0.74rem; }
.clawy-health-tile strong { display: block; margin: 0.18rem 0; font-size: 1.28rem; line-height: 1.1; }
.clawy-health-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 0.75rem; color: #e2e8f0; font-size: 0.78rem; }
.clawy-health-footer a { color: #bfdbfe; font-weight: 800; text-decoration: none; }