/* TradeHub – Zolldokumente (customsDocs)
   Hinweis: bewusst nur minimale, view-spezifische Styles.
   Bestehende Variablen/Klassen aus index.html werden genutzt. */

#viewCustoms{
  display:flex;
  flex-direction:column;
  width:100%;
}

/* Filter & Suche: volle Breite (Custom-Grid wie in anderen Views) */
#viewCustoms .cusdFilters{
  display:grid;
  grid-template-columns: 2.2fr 1fr 1fr 1.6fr 1.3fr;
  gap:12px;
}

@media(max-width:1200px){
  #viewCustoms .cusdFilters{ grid-template-columns: 1fr 1fr; }
}

/* Desktop: gleiche Flex-Column-Logik wie bei den anderen Views */
@media (min-width:981px){
  #viewCustoms{
    flex:1;
    min-width:0;
    overflow:hidden;
  }
  #viewCustoms .listCard{
    flex:1;
    min-height:0;
    overflow:hidden;
  }
  #viewCustoms .listCard .table{
    flex:1;
    min-height:0;
    overflow:auto;
  }
}

/* Empty-State innerhalb der List-Card */
#viewCustoms .cusdEmpty{
  padding:14px 14px;
  border:1px dashed var(--bd);
  border-radius:14px;
  color:var(--mut);
  margin-bottom:10px;
}

/* Bestellungen-Picker im Modal */
.cusdPickList{
  border:1px solid var(--bd);
  border-radius:12px;
  overflow:auto;
  max-height:220px;
  background:rgba(255,255,255,.02);
}
html[data-theme=light] .cusdPickList{ background:rgba(0,0,0,.02); }

.cusdPickRow{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:9px 10px;
  border-bottom:1px solid var(--bd);
  cursor:pointer;
  user-select:none;
}
.cusdPickRow:last-child{ border-bottom:none; }

.cusdPickRow:hover{ background:rgba(255,255,255,.03); }
html[data-theme=light] .cusdPickRow:hover{ background:rgba(0,0,0,.03); }

.cusdPickRow input{ margin-top:2px; }

.cusdPickRow .t{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.cusdPickRow .t .l1{
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cusdPickRow .t .l2{
  font-size:12px;
  color:var(--mut);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cusdChipX{
  margin-left:6px;
  opacity:.8;
  cursor:pointer;
}
.cusdChipX:hover{ opacity:1; }

/* Table helper: multi-line cells */
.cusdCellLines{
  display:block;
  white-space:pre-line;
  line-height:1.25;
  max-width:460px;
}

/* Readonly-Felder sollen wie in den anderen Ansichten optisch identisch bleiben
   (kein extra Styling hier, damit die globalen .ctl-Regeln greifen). */

/* Table numeric / action column alignment */
#viewCustoms .tbl th.num,
#viewCustoms .tbl td.num{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
}

/* Aktionen-Spalte nutzt globale Styles (.act / .ib) */

/* Modal: Labels sollen wie in Bestellung/Lieferant/Kunde (grau statt hellblau) */
#mCustoms .dlg label:not(.btn):not(.chip){
  color:rgba(226,232,240,.78);
  font-size:12px;
  font-weight:600;
  letter-spacing:.25px;
  margin-bottom:6px;
}
html[data-theme=light] #mCustoms .dlg label:not(.btn):not(.chip){
  color:rgba(15,23,42,.72);
}