/* Desktop */
.iw-mt .mt-desktop { display:block; }
.iw-mt .mt-mobile  { display:none; }

.table-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;outline:none}
.table-wrap:focus{box-shadow:0 0 0 2px #8ab4f8;border-radius:4px}
.scroll-hint{position:absolute;right:.25rem;top:.25rem;font-size:.8rem;opacity:.6}
.size-table{width:100%;border-collapse:separate;border-spacing:0;font-size:1rem;line-height:1.4}
.size-table caption{text-align:left;font-weight:700;margin:0 0 .5rem}
.size-table th,.size-table td{padding:.6rem .8rem;white-space:nowrap;border-bottom:1px solid #e5e5e5}
.size-table thead th{position:sticky;top:0;z-index:2;background:#fff}
.size-table .yhead{position:sticky;left:0;z-index:3;background:#fafafa}
.size-table tbody tr:nth-child(odd) td,
.size-table tbody tr:nth-child(odd) th[scope=row]{background:#f7f7f7}
.mt-topbar{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.mt-select{padding:.45rem .6rem;border:1px solid #ddd;border-radius:.5rem}

/* Mobiel */
@media (max-width: 768px){
  .iw-mt .mt-desktop { display:none !important; }
  .iw-mt .mt-mobile  { display:block !important; }
  .iw-mt .mt-title{font-weight:700;margin-bottom:.5rem}
  .iw-mt .mt-select-label{display:block;font-weight:600;margin:.25rem 0}
  .iw-mt .mt-select{width:100%;font-size:1.125rem;line-height:1.3;padding:.65rem .75rem;border:1px solid #ddd;border-radius:.5rem;background:#fff}
  .iw-mt .mt-fields{margin-top:.5rem}
  .iw-mt .mt-field{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9rem;border-bottom:1px solid #eee}
  .iw-mt .mt-field-label{font-weight:600;margin-right:1rem}
  .iw-mt .mt-field-value{font-variant-numeric:tabular-nums}
}