/* ==========================================================================
   BORDER RADIUS
   ========================================================================== */

:root {
  --cc-border-radius: 0 !important;
  --cc-btn-border-radius: 0 !important;
}

#cm,
#cm.box,
#cm.bar,
#cm.cloud {
  border-radius: 0 !important;
}

#s-cnt,
#s-inr,
#cs,
#c-s-in {
  border-radius: 0 !important;
}

#cm .c-bn,
#s-cnt .c-bn,
#s-all-bn,
#s-sv-bn,
#s-rall-bn,
#c-p-bn,
#c-s-bn {
  border-radius: 0 !important;
}

#cc-main .cc-floating-btn,
.cc-floating-btn {
  border-radius: 0 !important;
}

#s-bl .c-bl,
#s-bl .b-acc {
  border-radius: 0 !important;
}

#s-cnt table {
  border-radius: 0 !important;
}

/* ==========================================================================
   SCROLL FIX
   ========================================================================== */

html.show--settings,
body.show--settings {
  overflow: hidden !important;
  height: 100% !important;
}

html.show--settings {
  scrollbar-gutter: stable;
}

#s-cnt,
#s-inr,
#s-bl,
#cm {
  pointer-events: auto !important;
}

#s-bl {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto !important;
  touch-action: pan-y !important;
  max-height: 60vh;
}

#s-inr {
  overflow: visible;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

#s-cnt {
  position: fixed !important;
  isolation: isolate;
}

#s-bns {
  flex-shrink: 0;
}

#s-hdr {
  flex-shrink: 0;
}

/* ==========================================================================
   SCROLLBAR STYLING
   ========================================================================== */

#s-bl::-webkit-scrollbar {
  width: 8px;
  background-color: var(--color-dark);
}

#s-bl::-webkit-scrollbar-track {
  background-color: var(--color-dark);
  border-radius: 0;
}

#s-bl::-webkit-scrollbar-thumb {
  background-color: #444444;
  border-radius: 0;
  border: 2px solid var(--color-dark);
}

#s-bl::-webkit-scrollbar-thumb:hover {
  background-color: #555555;
}

#s-bl {
  scrollbar-width: thin;
  scrollbar-color: #444444 var(--color-dark);
}

/* ==========================================================================
   OVERLAY
   ========================================================================== */

#s-cnt {
  z-index: 2147483647 !important;
}

#c-vln {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

/* ==========================================================================
   AJUSTES ADICIONALES
   ========================================================================== */

#s-cnt .c-bn:focus,
#cm .c-bn:focus {
  outline: 2px solid #F6F6F6;
  outline-offset: 2px;
}

#s-cnt .c-bn:focus:not(:focus-visible),
#cm .c-bn:focus:not(:focus-visible) {
  outline: none;
}

#s-rall-bn,
#c-s-bn {
  border: 1px solid #444444 !important;
}

#s-rall-bn:hover,
#c-s-bn:hover {
  border-color: #555555 !important;
}

#s-bl .c-bl {
  border-bottom: 1px solid #333333;
}

#s-bl .c-bl:last-child {
  border-bottom: none;
}

#s-cnt table {
  font-size: 0.85em;
  border-collapse: collapse;
}

#s-cnt table th,
#s-cnt table td {
  border: 1px solid #333333;
  padding: 0.5rem 0.75rem;
}

#s-cnt table th {
  background-color: #2a2a2a;
  font-weight: 600;
}

#s-cnt table tr:nth-child(even) td {
  background-color: rgba(255, 255, 255, 0.02);
}

/* ==========================================================================
   TIPOGRAFÍA
   ========================================================================== */

#cc-main,
#cm,
#s-cnt {
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

#cm #c-ttl,
#s-cnt #s-ttl {
  font-family: 'Span AllCaps', 'Work Sans', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

#cm #c-txt,
#s-cnt .c-bl .title,
#s-cnt .c-bl .desc,
#s-cnt .b-bn,
#s-cnt .c-bn,
#cm .c-bn {
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  text-transform: none;
  letter-spacing: normal;
}
