/* Общий стиль */
body{font-family:Arial,sans-serif;margin:0;padding:20px;background:#f5f5f5}
.container{max-width:800px;margin:auto;background:white;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
button{padding:10px 20px;background:#007bff;color:white;border:none;border-radius:4px;cursor:pointer}
button:hover{background:#0056b3}
.chat-box{border:1px solid #ddd;padding:15px;margin-top:15px;height:300px;overflow-y:auto;background:#fafafa}
.message{margin-bottom:10px}
footer{margin-top:20px;text-align:center}
.flash{color:red;font-weight:bold}
/* -------------------------------------------------------------
   Общие стили кнопок (используются и в главном меню, и в админке)
------------------------------------------------------------- */
button, .btn {
    padding: 10px 20px;
    background:#007bff;          /* основной синий цвет */
    color:white;
    border:none;
    border-radius:4px;
    cursor:pointer;
    font-size:1rem;
}
button:hover, .btn:hover {
    background:#0056b3;
}

/* Если вы хотите использовать кнопку как ссылку (admin pages) */
a.btn {
    display:inline-block;        /* чтобы ссылка выглядела как кнопка */
    text-decoration:none;       /* убираем подчеркивание */
}
/* Контейнер для горизонтальных кнопок админ‑меню */
.admin-btns {
    display:flex;
    flex-wrap:wrap;           /* если кнопок много – переносится на новую строку */
    gap:12px;                 /* расстояние между кнопками */
    margin-top:20px;
}
/* Кнопка‑акция: маленькая и inline */
.btn-action {
    padding:6px 12px;          /* чуть меньше обычной кнопки */
    font-size:.9rem;
    margin-right:8px;           /* отступ справа, чтобы не прилипали к разделителю */
    white-space:nowrap;         /* не переносит текст */
}
/* Разделитель между действиями – просто символ “/” */
.action-divider {
    color:#666;
    margin:0 4px;
}
.exp-positive { color: green; }
.exp-negative { color: red; }
.vertical-form {
  display: flex;
  flex-direction: column;   /* вертикальная компоновка */
  gap: 8px;                  /* расстояние между элементами */
}
.vertical-form textarea {
  resize: vertical;          /* позволяет менять высоту, если нужно */
}
.button-container {
  display: flex;
  justify-content: center; /* Центрируем кнопки */
  gap: 20px; /* Расстояние между кнопками */
}