/* FleetLeaks Status Page Styles */

.fleetleaks-status-wrapper{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px}

.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}

.status-header h2{margin:0;font-size:28px;font-weight:600}

.status-refresh{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}

.refresh-indicator{font-size:12px;transition:color .3s}

.refresh-indicator.loading{color:#3b82f6;animation:pulse 1.5s infinite}

@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:.3}
}

.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}

.status-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:box-shadow .3s}

.status-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}

.status-icon{font-size:32px;margin-bottom:12px}

.status-content h3{margin:0 0 12px 0;font-size:18px;font-weight:600}

.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:12px}

.status-operational{background:#d1fae5;color:#065f46}

.status-warning{background:#fef3c7;color:#92400e}

.status-down,.status-stale{background:#fee2e2;color:#991b1b}

.status-loading,.status-unknown{background:#e5e7eb;color:#374151}

.status-details{font-size:14px;color:#666;line-height:1.6}

.status-details p{margin:6px 0}

.status-details strong{color:#111}

.status-footer{text-align:center;color:#666;font-size:14px;padding-top:20px;border-top:1px solid #e5e7eb}

@media (max-width:768px){
  .status-grid{grid-template-columns:1fr}
  .status-header{flex-direction:column;align-items:flex-start;gap:12px}
}