/* ENERVECO UI SHELL — gedeelde basisstijlen voor alle portaalpagina's */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: 'DM Sans', -apple-system, 'Segoe UI', sans-serif;
  background: #f2f4f3;
  color: #16211f;
  -webkit-font-smoothing: antialiased;
}
input, select, textarea, button { font-family: inherit; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c4cdc9; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a8b4af; }

@keyframes eui-rotate { to { transform: rotate(360deg); } }
.eui-spin { animation: eui-rotate .8s linear infinite; }

/* nette focus states */
:focus-visible { outline: 2px solid #b57e1a; outline-offset: 2px; border-radius: 4px; }

/* tabelbasis voor overzichten */
.eui-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.eui-table th {
  text-align: left; padding: 10px 12px; font-size: 10.5px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px; color: #5f6f6c;
  background: #f7f9f8; border-bottom: 1px solid #e3e7e5;
  white-space: nowrap; user-select: none; position: sticky; top: 0; z-index: 5;
}
.eui-table th.sortable { cursor: pointer; }
.eui-table th.sortable:hover { color: #2b4f26; background: #eef2f0; }
.eui-table td { padding: 10px 12px; border-bottom: 1px solid #eef1ef; vertical-align: middle; }
.eui-table tbody tr { transition: background .1s; }
.eui-table tbody tr:hover { background: #f7faf9; }
.eui-table tbody tr.clickable { cursor: pointer; }
.eui-table td.num, .eui-table th.num { text-align: right; font-variant-numeric: tabular-nums; }