/* ../../../../../tmp/tmp-297359-N2iSWCqgJEEL/thai_business_suite/thai_business_suite/public/scss/thai_business_suite-web.bundle.css */
:root {
  --tbs-web-indigo: #1e1b4b;
  --tbs-web-indigo-light: #312e81;
  --tbs-web-gold: #d4a847;
  --tbs-web-gold-soft: #f5e6c8;
  --tbs-web-warm-white: #faf8f5;
  --tbs-web-warm-gray: #78716c;
  --tbs-web-border: #e7e1d8;
  --tbs-web-shadow: rgba(30, 27, 75, 0.08);
  --tbs-web-font:
    "Prompt",
    "Sarabun",
    system-ui,
    -apple-system,
    sans-serif;
  --tbs-web-font-display:
    "Prompt",
    Georgia,
    serif;
  --tbs-web-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tbs-web-duration: 0.5s;
}
[data-theme=dark] {
  --tbs-web-indigo: #c7d2fe;
  --tbs-web-indigo-light: #a5b4fc;
  --tbs-web-gold: #fbbf24;
  --tbs-web-gold-soft: #451a03;
  --tbs-web-warm-white: #1c1917;
  --tbs-web-warm-gray: #a8a29e;
  --tbs-web-border: #44403c;
  --tbs-web-shadow: rgba(0, 0, 0, 0.3);
}
html.tbs-web-active body.tbs-web-entering {
  opacity: 0;
  transform: translateY(6px);
}
html.tbs-web-active body.tbs-web-entered {
  transition: opacity var(--tbs-web-duration) var(--tbs-web-ease), transform var(--tbs-web-duration) var(--tbs-web-ease);
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  html.tbs-web-active body.tbs-web-entering,
  html.tbs-web-active body.tbs-web-entered {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
.tbs-web-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s var(--tbs-web-ease), transform 0.7s var(--tbs-web-ease);
}
.tbs-web-reveal.tbs-web-revealed {
  opacity: 1;
  transform: translateY(0);
}
html.tbs-web-active .navbar {
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
html.tbs-web-active .navbar.tbs-web-navbar-scrolled {
  box-shadow: 0 2px 20px var(--tbs-web-shadow);
  border-bottom-color: transparent;
}
#tbs-web-thai-motif {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: repeating-linear-gradient(90deg, var(--tbs-web-gold) 0px, var(--tbs-web-gold) 8px, transparent 8px, transparent 12px, var(--tbs-web-indigo-light) 12px, var(--tbs-web-indigo-light) 16px, transparent 16px, transparent 20px);
  opacity: 0.6;
}
.tbs-web-footer-brand {
  margin-top: 12px;
  font-family: var(--tbs-web-font-display);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tbs-web-warm-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.tbs-web-footer-diamond {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--tbs-web-gold);
  transform: rotate(45deg);
  margin-right: 8px;
  flex-shrink: 0;
}
.tbs-web-login-enhanced {
  border-top: 3px solid var(--tbs-web-gold) !important;
  box-shadow: 0 8px 40px var(--tbs-web-shadow) !important;
}
.tbs-web-login-site-name {
  font-family: var(--tbs-web-font-display);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--tbs-web-indigo);
  text-align: center;
  padding: 16px 0 8px;
  letter-spacing: 0.04em;
  text-transform: capitalize;
}
.tbs-web-login-site-name::after {
  content: "";
  display: block;
  width: 32px;
  height: 2px;
  background: var(--tbs-web-gold);
  margin: 10px auto 0;
  border-radius: 1px;
}
html.tbs-web-active .web-content,
html.tbs-web-active .page-content-wrapper,
html.tbs-web-active .web-footer {
  font-family: var(--tbs-web-font);
}
html.tbs-web-active .web-content a:not(.btn):not(.nav-link):not([class*=tbs-]) {
  color: var(--tbs-web-indigo-light);
  text-decoration-color: var(--tbs-web-gold-soft);
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}
html.tbs-web-active .web-content a:not(.btn):not(.nav-link):not([class*=tbs-]):hover {
  color: var(--tbs-web-gold);
}
html.tbs-web-active *:focus-visible {
  outline: 2px solid var(--tbs-web-gold);
  outline-offset: 2px;
}
html.tbs-web-active::-webkit-scrollbar {
  width: 8px;
}
html.tbs-web-active::-webkit-scrollbar-track {
  background: var(--tbs-web-warm-white);
}
html.tbs-web-active::-webkit-scrollbar-thumb {
  background: var(--tbs-web-border);
  border-radius: 4px;
}
html.tbs-web-active::-webkit-scrollbar-thumb:hover {
  background: var(--tbs-web-warm-gray);
}
@media print {
  #tbs-web-thai-motif,
  .tbs-web-footer-brand,
  .tbs-web-footer-diamond {
    display: none !important;
  }
}
/*# sourceMappingURL=thai_business_suite-web.bundle.UO5R6MVN.css.map */