/* Tehneo portal - ono malo sto Tailwind CDN ne pokriva */
.status-pill {
  display: inline-flex; align-items: center; gap: .4rem;
  border-radius: 9999px; padding: .15rem .6rem; font-weight: 600; font-size: .8rem;
}
.status-pill::before { content: ""; width: .5rem; height: .5rem; border-radius: 9999px; background: currentColor; }
.status-pill[data-tone="producing"] { background: #dcfce7; color: #15803d; }
.status-pill[data-tone="limited"]   { background: #fee2e2; color: #b91c1c; }
.status-pill[data-tone="idle"]      { background: #f1f5f9; color: #64748b; }
.status-pill[data-tone="offline"]   { background: #e2e8f0; color: #475569; }
.status-pill[data-tone="producing"]::before { animation: pulse 2s infinite; }
.dark .status-pill[data-tone="producing"] { background: rgba(34,197,94,.15); color: #4ade80; }
.dark .status-pill[data-tone="limited"]   { background: rgba(239,68,68,.18); color: #fca5a5; }
.dark .status-pill[data-tone="idle"],
.dark .status-pill[data-tone="offline"]   { background: rgba(148,163,184,.15); color: #cbd5e1; }
@keyframes pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .status-pill::before { animation: none !important; } }

.legend { display: inline-block; width: .8rem; height: .5rem; border-radius: 2px; }
.tnum { font-variant-numeric: tabular-nums; }

[hidden] { display: none !important; }

/* "Trenutno" kad je elektrana offline: zadnja snaga sivo i manja, uz uputu */
[data-live-card] .offline-hint { display: none; }
[data-live-card][data-offline="1"] .offline-hint { display: block; }
[data-live-card][data-offline="1"] .online-meta { display: none; }
[data-live-card][data-offline="1"] .live-num { color: #94a3b8; font-size: 1.875rem; line-height: 2.25rem; }