/* assets/style.css - Kompletní vzhled bez externích závislostí */
:root {
    --primary: #4f46e5;
    --primary-dark: #3730a3;
    --bg: #f9fafb;
    --card-bg: #ffffff;
    --text: #111827;
    --text-muted: #6b7280;
    --border: #e5e7eb;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
}

body { font-family: sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 0; }

/* Navigace */
.nav { background: #1f2937; color: white; padding: 0 1.5rem; height: 60px; display: flex; align-items: center; justify-content: space-between; }
.nav a { color: #d1d5db; text-decoration: none; padding: 0.5rem 1rem; border-radius: 5px; font-size: 0.9rem; }
.nav a:hover { background: #374151; color: white; }
.nav .active { background: var(--primary); color: white; }

/* Grid a Karty */
.container { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; }
.card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 10px; padding: 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.card-title { font-weight: bold; margin-bottom: 1rem; color: var(--text-muted); font-size: 0.8rem; text-transform: uppercase; }

/* Form Elements */
.input { width: 100%; padding: 0.6rem; border: 1px solid var(--border); border-radius: 5px; margin-bottom: 1rem; display: block; }
.btn { cursor: pointer; border: none; padding: 0.6rem 1.2rem; border-radius: 5px; font-weight: bold; transition: 0.2s; }
.btn-primary { background: var(--primary); color: white; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-danger { background: var(--danger); color: white; }

/* Tabulky */
.table-w { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.table-w th { text-align: left; padding: 10px; border-bottom: 2px solid var(--border); font-size: 0.75rem; color: var(--text-muted); }
.table-w td { padding: 10px; border-bottom: 1px solid var(--border); font-size: 0.9rem; }

.status-badge { padding: 3px 8px; border-radius: 10px; font-size: 0.7rem; font-weight: bold; }
.status-online { background: #d1fae5; color: #065f46; }
.status-offline { background: #fee2e2; color: #991b1b; }

/* Login */
.login-container { height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 100%; max-width: 400px; }