/* =========================================================
   CORE + THEME (FINAL)
========================================================= */

/* RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Segoe UI", sans-serif;
  overflow: hidden; /* KEEP FROM YOUR SYSTEM */
}

/* GLOBAL TEXT */
body,
table,
th,
td,
input,
select,
button {
  text-transform: uppercase;
}

/* THEME */
:root {
  --primary: #0300f6;
  --success: #1f8a3d;
  --danger: #b00020;
  --warning: #f0ad4e;
  --bg: #f9f9f9;
  --text: #222;

  --radius-sm: 4px;
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.15);
}

/* FORCE THEME CONSISTENCY */

body {
  background: var(--bg);
  color: var(--text);
}

/* TABLE HEADER THEME */
.table-wrapper thead th {
  background: var(--primary) !important;
  color: #fff !important;
}

/* TABLE BASE FIX */
.data-table {
  border-collapse: separate; /* FIX BLEEDING */
  border-spacing: 0;
  width: max-content;
  min-width: 100%;
}