/**
 * fve-monitor.css - volitelné výchozí styly pro fve-monitor.js.
 * Klidně smaž / přepiš podle vzhledu vlastní administrace - jde jen o
 * rozumný výchozí vzhled, žádná třída není vyžadována funkčně.
 */

.fve-monitor {
    font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    font-size: 14px;
    padding: 10px 14px;
    border-radius: 6px;
    margin-top: 8px;
    max-width: 480px;
}

.fve-monitor--loading {
    color: #6b7280;
    font-style: italic;
}

.fve-monitor--error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.fve-monitor--ok {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.fve-monitor--fail {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.fve-monitor__headline {
    font-weight: 600;
    margin-bottom: 4px;
}

.fve-monitor__issues {
    margin: 0;
    padding-left: 18px;
}
.fve-monitor__issues li {
    margin-bottom: 3px;
}

.fve-monitor__infos {
    margin: 8px 0 0;
    padding-left: 18px;
    color: #6b7280;
    font-size: 13px;
    list-style: none;
}
.fve-monitor__infos li::before {
    content: "ℹ ";
}