@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap");

:root {
  --sidebar-width: 238px;
  --sidebar-gap: 254px;
  --bg: #eef2f6;
  --bg-gradient: radial-gradient(circle at 8% 0%, #f8fafc 0, #eef2f6 45%, #e7edf4 100%);
  --panel: #ffffff;
  --panel-muted: #f7f9fc;
  --text: #172534;
  --muted: #5b6f82;
  --border: #d4deea;
  --brand: #1f7a53;
  --brand-dark: #186344;
  --brand-soft: #e9f6ef;
  --sidebar-top: #111c2a;
  --sidebar-bottom: #0b131d;
  --sidebar-link: #ced8e5;
  --sidebar-link-active: #f2f7fb;
  --radius: 12px;
  --shadow-soft: 0 1px 2px rgba(14, 31, 47, 0.08), 0 10px 24px rgba(14, 31, 47, 0.08);
  --content-max: 1600px;
  --content-max-fluid: 1760px;
  --content-pad-x: 1.45rem;
  --content-pad-y: 1.1rem;
  --section-gap: 0.95rem;
}

* {
  box-sizing: border-box;
}

body.app-body {
  margin: 0;
  min-height: 100vh;
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.88rem;
  line-height: 1.34;
  color: var(--text);
  background: var(--bg-gradient);
  overflow-x: hidden;
}

.app-main {
  margin-left: var(--sidebar-gap);
  padding: var(--content-pad-y) var(--content-pad-x) 1.5rem;
  min-height: 100vh;
  transition: margin-left 0.22s ease;
}

.app-main .container {
  max-width: var(--content-max);
  padding-left: 0.72rem;
  padding-right: 0.72rem;
}

.app-main .container-fluid {
  max-width: var(--content-max-fluid);
  padding-left: 0.72rem;
  padding-right: 0.72rem;
}

.app-main .container.mt-4,
.app-main .container.mt-5,
.app-main .container-fluid.mt-4,
.app-main .container-fluid.mt-5 {
  margin-top: 0 !important;
}

.app-main .row.g-3 {
  --bs-gutter-x: 0.92rem;
  --bs-gutter-y: 0.92rem;
}

.app-main .row.g-4,
.app-main .row.gy-4 {
  --bs-gutter-y: 1rem;
}

.page-title {
  margin-bottom: 0.55rem;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #122030;
}

.card,
.app-card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}

.card-header,
.app-card-header {
  background: var(--panel-muted);
  border-bottom: 1px solid var(--border);
  font-weight: 700;
  padding: 0.64rem 0.88rem;
  color: #203244;
}

.card-body {
  padding: 0.82rem 0.92rem;
}

.card + .card {
  margin-top: var(--section-gap);
}

.form-control,
.form-select {
  border-radius: 9px;
  border: 1px solid #bdcbda;
  color: var(--text);
  font-size: 0.86rem;
}

.form-control:focus,
.form-select:focus {
  border-color: #6da98f;
  box-shadow: 0 0 0 0.2rem rgba(31, 122, 83, 0.13);
}

.btn {
  border-radius: 9px;
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.01em;
}

.btn-primary {
  background: var(--brand);
  border-color: var(--brand);
}

.btn-primary:hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
}

.btn-outline-secondary {
  border-color: #9cb0c2;
  color: #334d66;
}

.btn-outline-secondary:hover {
  background: #e8eef5;
  color: #1d3347;
  border-color: #879caf;
}

.table {
  --bs-table-bg: #fff;
  border-color: #d6e0ea;
}

.table thead th {
  background: #edf2f8;
  color: #22384d;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.table td,
.table th {
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
  vertical-align: middle;
}

.table tbody tr:hover {
  background: #f5f8fc;
}

.table-responsive {
  border-radius: 9px;
  border: 1px solid #d7e1ec;
}

.alert {
  padding: 0.62rem 0.82rem;
  border-radius: 9px;
}

.helper-text {
  color: var(--muted);
  font-size: 0.74rem;
  line-height: 1.3;
}

.kb-editor {
  background: #fff;
  overflow: auto;
  line-height: 1.45;
}

.kb-editor:focus {
  outline: none;
  border-color: #6da98f;
  box-shadow: 0 0 0 0.2rem rgba(31, 122, 83, 0.13);
}

.kb-conteudo-render {
  line-height: 1.5;
}

.kb-conteudo-render h1,
.kb-conteudo-render h2,
.kb-conteudo-render h3,
.kb-conteudo-render h4 {
  margin-top: 0.8rem;
  margin-bottom: 0.45rem;
}

.navbar.app-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--sidebar-width);
  height: 100vh;
  z-index: 1030;
  border-right: 1px solid rgba(157, 180, 203, 0.32);
  background: linear-gradient(180deg, #0f1e2d 0%, #0b1520 48%, #08111a 100%);
  box-shadow: 16px 0 32px rgba(6, 15, 26, 0.34);
  backdrop-filter: blur(8px);
  transition: transform 0.22s ease;
}

.navbar.app-sidebar .container-fluid {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 1rem 0.8rem 1rem;
}

.navbar.app-sidebar .navbar-brand {
  display: flex;
  align-items: center;
  gap: 0.54rem;
  margin-bottom: 0.95rem;
  border-radius: 12px;
  border: 1px solid rgba(198, 217, 235, 0.26);
  background: linear-gradient(135deg, rgba(25, 45, 66, 0.76), rgba(16, 33, 50, 0.66));
  color: #f2f8fd !important;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  padding: 0.66rem 0.72rem;
}

.navbar.app-sidebar .navbar-brand::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: linear-gradient(140deg, #7fdc58, #1f7a53);
}

.navbar.app-sidebar .navbar-collapse {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(141, 167, 192, 0.45) transparent;
}

.navbar.app-sidebar .navbar-collapse::-webkit-scrollbar {
  width: 6px;
}

.navbar.app-sidebar .navbar-collapse::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(141, 167, 192, 0.45);
}

.navbar.app-sidebar .navbar-nav {
  width: 100%;
  flex-direction: column;
  gap: 0.22rem;
}

.navbar.app-sidebar .navbar-nav .nav-link {
  position: relative;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #d9e6f4;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.56rem 0.62rem 0.56rem 2.12rem;
  background: transparent;
  transition: all 0.18s ease;
}

.navbar.app-sidebar .navbar-nav .nav-link:hover,
.navbar.app-sidebar .navbar-nav .nav-link:focus {
  color: #ffffff;
  border-color: transparent;
  background: transparent;
  transform: none;
}

.navbar.app-sidebar .navbar-nav .show > .nav-link,
.navbar.app-sidebar .navbar-nav .nav-link.active {
  color: #ffffff;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.navbar.app-sidebar .navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  left: 0.76rem;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px;
  opacity: 0.95;
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-home::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5L12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h14V9.5'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-cadastros::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.6-4 5-6 8-6s6.4 2 8 6'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-usuarios::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-agenda::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-relatorios::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M7 16V9M12 16V5M17 16v-3'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-zabbix::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.5L1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.5a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-ocs::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-chamados::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-knowledge::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-backup::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-configuracoes::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.7 1.7 0 0 0 15 19.4a1.7 1.7 0 0 0-1 .6 1.7 1.7 0 0 0-.4 1.07V21a2 2 0 1 1-4 0v-.09a1.7 1.7 0 0 0-.4-1.07 1.7 1.7 0 0 0-1-.6 1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-.6-1 1.7 1.7 0 0 0-1.07-.4H3a2 2 0 1 1 0-4h.09a1.7 1.7 0 0 0 1.07-.4 1.7 1.7 0 0 0 .6-1 1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1-.6 1.7 1.7 0 0 0 .4-1.07V3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 .4 1.07 1.7 1.7 0 0 0 1 .6 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9c.27.28.48.62.6 1a1.7 1.7 0 0 0 1.07.4H21a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.07.4 1.7 1.7 0 0 0-.44.2z'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-clientes::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-fornecedores::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V7l7-4 7 4v14'/%3E%3Cpath d='M9 9h.01M15 9h.01M9 13h.01M15 13h.01M12 21v-4'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .navbar-nav .nav-link.nav-icon-financeiro::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23dfebf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 1v22'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7H14.5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}

.navbar.app-sidebar .dropdown-menu {
  position: static;
  transform: none !important;
  float: none;
  width: 100%;
  margin: 0.2rem 0 0.44rem 0;
  padding: 0.3rem;
  border: 1px solid rgba(160, 186, 209, 0.23);
  border-left: 3px solid rgba(125, 209, 95, 0.6);
  border-radius: 8px;
  background: rgba(16, 32, 48, 0.7);
  box-shadow: none;
}

.navbar.app-sidebar .dropdown-item {
  border: 1px solid transparent;
  border-radius: 6px;
  color: #d8e8f5;
  font-size: 0.76rem;
  font-weight: 500;
  padding: 0.45rem 0.52rem 0.45rem 0.76rem;
}

.navbar.app-sidebar .dropdown-item:hover,
.navbar.app-sidebar .dropdown-item:focus {
  color: #ffffff;
  border-color: rgba(173, 199, 223, 0.26);
  background: rgba(118, 154, 186, 0.2);
}

.navbar.app-sidebar .dropdown-divider {
  border-top-color: rgba(177, 200, 223, 0.2);
}

.navbar.app-sidebar .navbar-text {
  margin-top: auto;
  font-size: 0.76rem;
  color: #c8d9eb !important;
  border-top: 1px solid rgba(174, 198, 222, 0.2);
  padding-top: 0.62rem;
}

.navbar.app-sidebar .app-logout-btn {
  margin-top: 0.42rem;
  border-radius: 9px;
  border-color: rgba(189, 212, 233, 0.42);
  color: #d9e9f8;
  padding: 0.34rem 0.6rem;
  font-size: 0.74rem;
  background: rgba(130, 166, 199, 0.08);
}

.navbar.app-sidebar .app-logout-btn:hover {
  background: rgba(117, 157, 192, 0.22);
  color: #ffffff;
}

.app-sidebar-toggle {
  position: fixed;
  top: 11px;
  left: calc(var(--sidebar-width) - 12px);
  width: 27px;
  height: 27px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid #88a8c7;
  z-index: 1036;
  background: #224b70;
  color: #eef5fc;
  font-size: 0.84rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(11, 32, 48, 0.35);
  transition: left 0.22s ease;
}

.app-sidebar-toggle:hover {
  background: #2a5a84;
}

body.sidebar-collapsed .navbar.app-navbar {
  transform: translateX(calc(-1 * var(--sidebar-width)));
}

body.sidebar-collapsed .app-main {
  margin-left: 20px;
}

body.sidebar-collapsed .app-sidebar-toggle {
  left: 8px;
}

.badge-soft {
  border-radius: 999px;
  background: var(--brand-soft);
  color: #225e42;
  border: 1px solid #b8e0cc;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.14rem 0.48rem;
}

.status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  margin-right: 0.3rem;
  background: #eef4fb;
  border: 1px solid #c3d3e2;
  color: #2d556f;
  font-size: 0.72rem;
}

.app-main .form-label {
  margin-bottom: 0.28rem;
  font-size: 0.73rem;
  font-weight: 700;
  color: #2c445a;
}

.app-main .form-control,
.app-main .form-select,
.app-main .btn {
  min-height: 34px;
}

.app-main .btn-sm {
  min-height: 30px;
}

.app-main .mb-4 {
  margin-bottom: 0.92rem !important;
}

.app-main .mb-5 {
  margin-bottom: 1rem !important;
}

body.module-dashboard .app-main .container-fluid,
body.module-dashboard .app-main .container {
  max-width: 1780px;
}

body.module-dashboard .app-main .row.g-3 {
  --bs-gutter-x: 0.82rem;
  --bs-gutter-y: 0.82rem;
}

body.module-dashboard .page-title {
  font-size: 1.14rem;
  margin-bottom: 0.46rem;
}

body.module-dashboard .card-body {
  padding: 0.74rem 0.82rem;
}

body.module-dashboard .helper-text {
  font-size: 0.77rem;
}

body.module-chamados .app-main .container-fluid,
body.module-chamados .app-main .container {
  max-width: 1700px;
}

body.module-chamados .app-main .row.g-3 {
  --bs-gutter-x: 0.78rem;
  --bs-gutter-y: 0.72rem;
}

body.module-chamados .card-body {
  padding: 0.72rem 0.8rem;
}

body.module-chamados .table td,
body.module-chamados .table th {
  padding-top: 0.43rem;
  padding-bottom: 0.43rem;
}

body.module-chamados .form-control,
body.module-chamados .form-select,
body.module-chamados .btn {
  min-height: 33px;
}

body.module-relatorios .app-main .container-fluid,
body.module-relatorios .app-main .container {
  max-width: 1720px;
}

body.module-relatorios .app-main .row.g-3 {
  --bs-gutter-x: 0.86rem;
  --bs-gutter-y: 0.82rem;
}

body.module-relatorios .card-body {
  padding: 0.76rem 0.86rem;
}

body.module-relatorios .table td,
body.module-relatorios .table th {
  padding-top: 0.46rem;
  padding-bottom: 0.46rem;
}

@media (max-width: 1199.98px) {
  .navbar.app-navbar {
    position: static;
    left: auto;
    width: 100%;
    height: auto;
  }

  .navbar.app-sidebar .container-fluid {
    height: auto;
    padding: 0.55rem 0.7rem 0.7rem;
  }

  .navbar.app-sidebar .navbar-collapse {
    overflow-y: visible;
    display: none !important;
  }

  .navbar.app-sidebar .navbar-collapse.show {
    display: block !important;
  }

  .navbar.app-sidebar .dropdown-menu {
    position: absolute;
    width: auto;
    min-width: 230px;
    background: #132a40;
  }

  .app-sidebar-toggle {
    display: none;
  }

  body.sidebar-collapsed .navbar.app-navbar {
    transform: none;
  }

  .app-main {
    margin-left: 0;
    padding: 0.82rem 0.76rem 1.12rem;
  }

  .app-main .container,
  .app-main .container-fluid {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }

  .table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}