diff --git a/styles.css b/styles.css index 1a004cf..36fb349 100644 --- a/styles.css +++ b/styles.css @@ -112,6 +112,42 @@ body { line-height: 1.7; } +/* ---------- Статус-бар ---------- */ +.status-bar { + background: var(--surface); + border-radius: var(--radius-sm); + padding: 0.75rem 1.25rem; + margin-bottom: 1rem; + font-size: 0.9rem; + font-weight: 500; + box-shadow: var(--shadow-md); + animation: slideIn 0.3s ease; + border-left: 4px solid var(--primary); +} + +.status-info { + border-left-color: var(--primary); + color: var(--text); +} + +.status-success { + border-left-color: var(--success); + color: var(--success-text); + background: var(--success-bg); +} + +.status-warning { + border-left-color: var(--warning); + color: var(--warning-text); + background: var(--warning-bg); +} + +.status-error { + border-left-color: var(--danger); + color: var(--danger-text); + background: var(--danger-bg); +} + /* ---------- Карточки ---------- */ .card { background: var(--surface);