/* Vodovodni Obvestilnik – osnovni stil */
.voi-board { max-width: 980px; margin: 0 auto; font-family: inherit; }
.voi-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { .voi-row { grid-template-columns: 1fr 1fr; } }

.voi-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.voi-card h3 { margin: 0 0 8px 0; font-size: 1.1rem; }
.voi-badge { display: inline-block; padding: 4px 10px; border-radius: 999px; background:#f3f4f6; font-size:.85rem; }

/* Semafor */
.voi-traffic { display:flex; align-items:center; gap:12px; }
.voi-lights { display:flex; gap:8px; }
.voi-light { width:18px; height:18px; border-radius:50%; opacity:.3; border:2px solid #000; }
.voi-light.green { background:#10e36e; }
.voi-light.yellow { background:#facc15; }
.voi-light.red { background:#ef4444; }
.voi-light.active { opacity:1; box-shadow: 0 0 0 3px rgba(0,0,0,.1) inset; }

/* Seznami */
.voi-list { list-style:none; padding:0; margin:0; }
.voi-list li { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px dashed #eee; }
.voi-list li:last-child { border-bottom:none; }
.voi-actions a { text-decoration:none; }
.voi-btn { display:inline-block; padding:10px 14px; border-radius:10px; border:2px solid #000; background:#10e36e; color:#000; font-weight:600; }
.voi-btn.secondary { background:#f7f8fa; }

/* Urejanje */
.voi-editor { border:2px dashed #ddd; border-radius:12px; padding:16px; }
.voi-form label { display:block; font-weight:600; margin-top:10px; }
.voi-form input[type="text"],
.voi-form input[type="email"],
.voi-form input[type="date"],
.voi-form input[type="number"],
.voi-form textarea,
.voi-form select { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:8px; }
.voi-table { width:100%; border-collapse: collapse; }
.voi-table th, .voi-table td { border-bottom:1px solid #eee; padding:6px 8px; text-align:left; }
.voi-table th { font-size:.9rem; text-transform:uppercase; letter-spacing:.02em; }

.voi-alert { padding:10px 12px; border-radius:8px; background:#f1f5f9; }
.voi-alert.error { background:#fee2e2; }