body.acceso-ui-polish {
  --access-bg: #f5f7fa;
  --access-surface: #ffffff;
  --access-soft: #f9fafb;
  --access-border: #e3e8ee;
  --access-border-strong: #cbd5e1;
  --access-text: #334155;
  --access-heading: #243041;
  --access-muted: #718096;
  --access-primary: #2f6fd6;
  --access-success: #1f9d73;
  --access-warning: #d97706;
  --access-danger: #dc3545;
  background: var(--access-bg);
  color: var(--access-text);
  font-size: 12px;
}

body.acceso-ui-polish h1,
body.acceso-ui-polish h2,
body.acceso-ui-polish h3,
body.acceso-ui-polish h4,
body.acceso-ui-polish h5,
body.acceso-ui-polish h6 {
  color: var(--access-heading);
  letter-spacing: 0;
}

body.acceso-ui-polish h2 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 650;
}

body.acceso-ui-polish h3,
body.acceso-ui-polish h4,
body.acceso-ui-polish h5 {
  font-weight: 650;
}

body.acceso-ui-polish .text-muted,
body.acceso-ui-polish small,
body.acceso-ui-polish .help-block {
  color: var(--access-muted) !important;
}

body.acceso-ui-polish .wrapper-content,
body.acceso-ui-polish .container,
body.acceso-ui-polish .container-fluid {
  padding: 12px 14px 18px;
}

body.acceso-ui-polish .middle-box,
body.acceso-ui-polish .login-card,
body.acceso-ui-polish .expired-container,
body.acceso-ui-polish .error-desc,
body.acceso-ui-polish .ibox,
body.acceso-ui-polish .panel,
body.acceso-ui-polish .well,
body.acceso-ui-polish .card {
  border: 1px solid var(--access-border);
  border-radius: 10px;
  background: var(--access-surface);
  color: var(--access-text);
  box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
}

body.acceso-ui-polish.login-ui-polish .middle-box {
  width: min(420px, calc(100vw - 28px));
  margin-top: 7vh;
  padding: 22px;
}

body.acceso-ui-polish.index-ui-polish .middle-box,
body.acceso-ui-polish.index-ui-polish .login-card {
  box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
}

body.acceso-ui-polish .ibox-title,
body.acceso-ui-polish .panel-heading,
body.acceso-ui-polish .card-header {
  min-height: 34px;
  padding: 8px 12px;
  border-color: var(--access-border);
  border-radius: 8px 8px 0 0;
  background: var(--access-soft);
}

body.acceso-ui-polish .ibox-content,
body.acceso-ui-polish .panel-body,
body.acceso-ui-polish .well {
  padding: 12px;
}

body.acceso-ui-polish label {
  margin-bottom: 4px;
  color: #4a5b72;
  font-size: 11px;
  font-weight: 650;
}

body.acceso-ui-polish .form-group {
  margin-bottom: 9px;
}

body.acceso-ui-polish .form-control,
body.acceso-ui-polish select.form-control,
body.acceso-ui-polish input.form-control {
  height: 32px;
  min-height: 32px;
  padding: 6px 10px;
  border-color: var(--access-border-strong);
  border-radius: 7px;
  color: var(--access-text);
  font-size: 12px;
  box-shadow: none;
}

body.acceso-ui-polish .form-control:focus {
  border-color: #8fb4e9;
  box-shadow: 0 0 0 2px rgba(47, 111, 214, .12);
}

body.acceso-ui-polish .btn {
  min-height: 32px;
  padding: 6px 11px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
}

body.acceso-ui-polish .btn-xs,
body.acceso-ui-polish .btn-sm {
  min-height: 27px;
  padding: 4px 8px;
  font-size: 11px;
}

body.acceso-ui-polish .btn-primary {
  border-color: var(--access-primary);
  background: var(--access-primary);
}

body.acceso-ui-polish .btn-success {
  border-color: var(--access-success);
  background: var(--access-success);
}

body.acceso-ui-polish .btn-warning {
  border-color: var(--access-warning);
  background: var(--access-warning);
}

body.acceso-ui-polish .btn-danger {
  border-color: var(--access-danger);
  background: var(--access-danger);
}

body.acceso-ui-polish .label,
body.acceso-ui-polish .badge {
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 650;
}

body.acceso-ui-polish .alert {
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 12px;
}

body.acceso-ui-polish .modal-content {
  border: 1px solid var(--access-border);
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .18);
}

body.acceso-ui-polish .modal-header,
body.acceso-ui-polish .modal-footer {
  padding: 10px 14px;
  border-color: var(--access-border);
  background: var(--access-soft);
}

body.acceso-ui-polish .modal-title {
  color: var(--access-heading);
  font-size: 15px;
  font-weight: 650;
}

body.acceso-ui-polish .modal-body {
  padding: 14px;
}

body.acceso-ui-polish .expired-header,
body.acceso-ui-polish .expired-body {
  color: var(--access-text);
}

body.acceso-ui-polish .expired-icon {
  color: var(--access-warning);
}

body.acceso-ui-polish hr {
  margin: 10px 0;
  border-color: var(--access-border);
}