/* frontend/css/style.css */

/* Сброс и базовая типографика */
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
body{
  font-family:Arial,sans-serif;
  display:flex;
  flex-direction:column;
  height:100vh;
}

.app-status{
  margin:4px 0;
  font-size:.9rem;
  color:#555;
}

/* Селект в формах */
.styled-select{
  width:100%;
  padding:8px;
  border:1px solid #ccc;
  border-radius:4px;
  background:#fff;
  font-size:1rem;
}

/* Основной контейнер */
main{
  flex:1;
  overflow:auto;
  padding:16px;
  background:#f5f5f5;
}

/* Заголовки */
h2{
  margin-bottom:12px;
  color:#333;
}

/* Карточки */
.card{
  background:#fff;
  padding:16px;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  margin-bottom:16px;
}

/* Кнопки */
.btn{
  display:block;
  width:100%;
  margin:8px 0;
  padding:12px;
  border:none;
  border-radius:6px;
  font-size:16px;
  cursor:pointer;
  color:#fff;
  background:#007bff;
}
.btn.grey  {background:#6c757d;}
.btn.danger{background:#dc3545;}

/* Мелкие action-кнопки */
.action-btn{
  background:none;
  border:none;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  padding:2px;
}

/* Элемент списка */
.list-item{
  background:#fff;
  border-radius:6px;
  padding:12px;
  margin-bottom:10px;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
  position:relative;
}
.actions{
  position:static;
  display:flex;
  justify-content:flex-end;
  gap:4px;
  margin-top:8px;
}
.list-item p{margin-bottom:6px;}

/* Нижний ряд в карточке заявки */
.bottom-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:4px;
}

/* Селектор вкладок */
.selector{
  display:flex;
  margin:16px 0;
}
.selector button{
  flex:1;
  border:none;
  padding:12px;
  font-size:16px;
  cursor:pointer;
  background:#e9ecef;
}
.selector .active{
  background:#007bff;
  color:#fff;
}

/* Плавающая FAB-кнопка */
#fab {
  position: fixed;
  bottom: 72px;
  right: 24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 36px;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
  background: #007bff;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);

  /* --- добавлено --- */
  z-index: 10000;          /* гарантированно выше любых карточек/оверлей */
  pointer-events: auto;    /* явно разрешаем получение тач-событий */
  touch-action: manipulation; /* ускоряет обработку на мобильных */
}
/* Вкладки */
.tab{display:none;}
.tab.active{display:block;}

/* Нижняя навигация */
.bottom-nav{
  display:flex;
  height:56px;
  background:#fff;
  border-top:1px solid #ddd;
}
.bottom-nav button{
  flex:1;
  border:none;
  background:none;
  font-size:14px;
  cursor:pointer;
}
.bottom-nav button.active{
  background:#e9ecef;
}

/* Формы */
form .field{margin-bottom:12px;}
form .field label{
  display:block;
  margin-bottom:4px;
  color:#333;
}
form .field input{
  width:100%;
  padding:8px;
  border:1px solid #ccc;
  border-radius:4px;
}

/* Ошибки */
#regError{
  color:red;
  margin-top:8px;
}