/* HUB — общи стилове върху темата */
.hub-center-toast { box-shadow: 0 10px 40px rgba(0,0,0,.18) !important; }
/* ℹ икона за пояснения */
.hub-info { cursor:pointer; color:#4f8cff; }
.hub-info:hover { opacity:.8; }
/* DataTables върху Bootstrap4 — по-чисти очертания */
table.dataTable { border-collapse: collapse !important; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select { border:1px solid #d9dee5; border-radius:6px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background:#4f8cff !important; border-color:#4f8cff !important; color:#fff !important; border-radius:6px;
}
/* леко закръгляне на картите */
.card { border-radius: 10px; }

/* --- компактни полета: вътрешен (плаващ) лейбъл + иконка вляво + око за парола --- */
.hub-field { position: relative; margin-bottom: 1rem; }
.hub-field .form-control {
  height: 54px; padding: 20px 40px 6px 40px; border-radius: 10px;
}
.hub-field .form-control:focus { box-shadow: 0 0 0 .15rem rgba(79,140,255,.15); border-color:#4f8cff; }
.hub-field .hub-ic {
  position: absolute; left: 13px; top: 50%; transform: translateY(-50%);
  color: #9aa2b1; font-size: 1rem; pointer-events: none;
}
.hub-field label {
  position: absolute; left: 40px; top: 50%; transform: translateY(-50%);
  margin: 0; color: #9aa2b1; pointer-events: none; transition: all .15s ease; font-weight: 400;
}
.hub-field .form-control:focus ~ label,
.hub-field .form-control:not(:placeholder-shown) ~ label {
  top: 11px; left: 40px; transform: none; font-size: .72rem; color: #4f8cff;
}
.hub-field .hub-eye {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  color: #9aa2b1; cursor: pointer; font-size: 1rem;
}
.hub-field .hub-eye:hover { color: #4f8cff; }
/* полетата с код да са центрирани и разредени, но пак с иконка/лейбъл */
.hub-field.hub-code .form-control { text-align:center; letter-spacing:.4em; font-size:1.2rem; }