/* /opt/easyportfolio_django_app/portfolio_app/static/portfolio_app/css/transactions.css */

/* Kopf: 2 Spalten – Titel links, Toolbar rechts */
.tx-header{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:.75rem 1rem;
  padding: .75rem 0 1rem;
}

/* Titel kompakt */
.tx-title{
  display:inline-flex; align-items:center; gap:.5rem;
  white-space:nowrap; font-size:1.5rem; font-weight:600;
}
.tx-title .bi{ font-size:1.2em; }

/* Toolbar: eine Zeile, kein Umbruch; bei Engpass horizontal scrollen */
.tx-toolbar{
  display:inline-flex; align-items:center;
  gap:.5rem .75rem; white-space:nowrap; flex-wrap:nowrap;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  padding-bottom:.25rem;
}

/* --- HARTER OVERRIDE für Choices & Selects NUR in der Toolbar --- */
.tx-toolbar .choices{
  width:auto !important;            /* statt 100% */
  min-width:240px !important;
  max-width:360px !important;
  display:inline-block !important;  /* falls global block gesetzt wurde */
  margin-bottom:0 !important;       /* globales spacing killen */
}
.tx-toolbar .choices__inner,
.tx-toolbar select.form-select{
  width:auto !important;
  min-width:240px !important;
  max-width:360px !important;
}

/* Kinder wachsen nicht -> bleiben hübsch in einer Reihe */
.tx-toolbar > *{ flex:0 0 auto; }

/* Switch kompakt */
.tx-switch .form-check-input{ cursor:pointer; }
.tx-switch .form-check-label{ margin-left:.5rem; cursor:pointer; }

/* XS darf umbrechen */
@media (max-width:576px){
  .tx-header{ grid-template-columns:1fr; }
  .tx-toolbar{ white-space:normal; flex-wrap:wrap; overflow-x:visible; }
  .tx-toolbar .choices,
  .tx-toolbar .choices__inner,
  .tx-toolbar select.form-select{ min-width:100% !important; max-width:100% !important; }
}

/* Global: kein 'Press to select' */
.choices__list--dropdown .choices__item--selectable::after{
  content:none !important; display:none !important;
}