/* grid-datatable-dx.css — Datatable detail (TabPanel + Form) */

/* --- Wrapper detailu (stejný feeling jako u Datasource) --- */


/* Pod záložkami nechceme mezeru navíc */
.dt-detail.with-tabs .dx-tabs {
  margin-bottom: 0 !important;
}


/* Obsah TabPanelu – rámeček + vnitřní odsazení */
.dt-datatable-tabpanel .dx-multiview-wrapper {
  /* border: 1px solid #ddd !important;        přepíše DX theme, které dává někdy border-top:none */
  /* border-radius: 8px; */
  padding: 10px !important;                  /* klíčové, aby to nebylo nalepené */
  /* background: #fff; */
  box-sizing: border-box;
}

/* Uvnitř multiview už nevrstvi další paddingy */
.dt-datatable-tabpanel .dx-multiview-item-content {
  padding: 0;
  overflow: visible;
}

/* --- Form host a skupiny --- */

/* host, do kterého vkládáme dxForm + tlačítka */
.dt-datatable-form-host {
  display: block;
  padding: 0;  /* padding řeší multiview-wrapper */
}

/* zjemni mezeru „group with caption“ (např. Basics) */
.dt-datatable-tabpanel .dx-form-group-with-caption > .dx-form-group-content {
  padding-top: 8px !important;   /* z default ~20px na 8px */
}

/* posuň caption blíž k rámu */
.dt-datatable-tabpanel .dx-form-group-caption {
  top: -6px !important;
}

/* --- Řádek akčních tlačítek (když bude Datafile tab) --- */
.dt-datatable-panel-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 8px;
}


/* --- Responsivní drobnosti (volitelné) --- */
@media (max-width: 1200px) {
  .dt-detail.with-tabs { padding: 10px; }
  .dt-datatable-tabpanel .dx-multiview-wrapper { padding: 8px !important; }
}

/* split layout pro Datafile tab (grid vlevo, schema vpravo) */
.dt-datatable-file-split {
  display: grid;
  grid-template-columns: 1.2fr 1fr; /* o něco širší grid vlevo */
  gap: 12px;
}

.dt-datatable-file-left,
.dt-datatable-file-right {
  min-width: 0; /* kvůli overflow v dxTextArea a gridu */
}

/* pravý panel se schematem – jen hook, vzhled dědí z multiview wrapperu */
.dt-datatable-schema-panel { width: 100%; }