/* =====================================================
   RESET
   Loaded after Bootstrap, before every other app sheet.
   ===================================================== */

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

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[class],
ol[class] {
  margin: 0;
  padding: 0;
  list-style: none;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: 0;
  border-top: 1px solid var(--c-border);
  margin: var(--sp-4) 0;
  opacity: 1;
}

/* Consistent, unobtrusive scrollbars in every scroll region */

.table-wrapper,
.ms-list,
.filter-panel-body,
[data-scroll] {
  scrollbar-width: thin;
  scrollbar-color: #b8c2cc transparent;
}

.table-wrapper::-webkit-scrollbar,
.ms-list::-webkit-scrollbar,
.filter-panel-body::-webkit-scrollbar,
[data-scroll]::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.table-wrapper::-webkit-scrollbar-thumb,
.ms-list::-webkit-scrollbar-thumb,
.filter-panel-body::-webkit-scrollbar-thumb,
[data-scroll]::-webkit-scrollbar-thumb {
  background: #b8c2cc;
  border-radius: var(--radius-pill);
}

.table-wrapper::-webkit-scrollbar-track,
.ms-list::-webkit-scrollbar-track,
.filter-panel-body::-webkit-scrollbar-track,
[data-scroll]::-webkit-scrollbar-track {
  background: transparent;
}