@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');

:root{
  --sc-navy:#002B5C;
  --sc-accent:#66A6FF;
  --sc-bg:#F6F8FC;
  --sc-muted:#6C757D;
  --sc-card-radius:1rem;
}

body.bg-page{background:var(--sc-bg);color:#162033;}
.sc-nav{background:var(--sc-navy);}
.sc-nav .navbar-brand{font-size:1.15rem;}
.sc-nav .nav-link{
  color:rgba(255,255,255,.9);
  border-radius:.8rem;
  padding:.5rem .8rem;
  line-height:1.1;
  white-space:nowrap;
  border:1px solid transparent;
  background:transparent;
}
.sc-nav .nav-link:hover,
.sc-nav .nav-link:focus{color:#fff;background:rgba(255,255,255,.08);}
.sc-nav .nav-link.active,
.sc-nav .sc-nav-dropdown.active > .sc-nav-dropdown-toggle,
.sc-nav .sc-nav-dropdown.open > .sc-nav-dropdown-toggle{
  color:#fff;
  background:rgba(102,166,255,.18);
  border-color:rgba(102,166,255,.28);
}
.sc-appnav-body{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
}
.sc-appnav-left{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
  min-width:0;
  flex:1 1 auto;
}
.sc-nav-dropdown{
  position:relative;
}
.sc-nav-dropdown-toggle{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  cursor:pointer;
}
.sc-nav-dropdown-toggle::after{
  content:"";
  width:.45rem;
  height:.45rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
  opacity:.8;
}
.sc-nav-dropdown-menu{
  display:none;
  min-width:16rem;
  background:#fff;
  color:#162033;
  border:1px solid rgba(0,43,92,.12);
  border-radius:1rem;
  box-shadow:0 1rem 2rem rgba(20,39,71,.14);
  padding:.55rem;
  z-index:1080;
}
.sc-nav-dropdown.open .sc-nav-dropdown-menu{
  display:block;
}
.sc-nav-dropdown-menu .dropdown-item{
  display:block;
  color:#162033;
  text-decoration:none;
  padding:.7rem .8rem;
  border-radius:.8rem;
  white-space:normal;
}
.sc-nav-dropdown-menu .dropdown-item:hover,
.sc-nav-dropdown-menu .dropdown-item:focus{
  background:rgba(102,166,255,.12);
  color:#002B5C;
}
.sc-nav-dropdown-menu .dropdown-item.active{
  background:rgba(0,43,92,.08);
  color:#002B5C;
  font-weight:600;
}
.sc-nav .navbar-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-left:auto;
  flex:0 0 auto;
}
.sc-user-meta{
  white-space:nowrap;
  max-width:24rem;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sc-logout-btn{
  white-space:nowrap;
  border-radius:.8rem;
  padding:.5rem .85rem;
  font-weight:600;
}
.sc-flash-stack{display:flex;flex-direction:column;gap:.75rem;}
.sc-empty-note{
  border:1px dashed rgba(0,43,92,.18);
  background:rgba(255,255,255,.78);
  border-radius:1rem;
  padding:1rem 1.1rem;
  color:#4f5e75;
}
.sc-actions{display:flex;gap:.5rem;flex-wrap:wrap;}
.sc-card{
  border:1px solid rgba(0,0,0,.05);
  border-radius:var(--sc-card-radius);
  box-shadow:0 .75rem 2rem rgba(20,39,71,.07);
  background:#fff;
}
.sc-soft-card{
  border:1px solid rgba(0,43,92,.08);
  border-radius:var(--sc-card-radius);
  background:linear-gradient(180deg, rgba(102,166,255,.12), rgba(255,255,255,1));
}
.hero-card{padding:2rem;}
.badge-soft{
  background:rgba(102,166,255,.14);
  color:var(--sc-navy);
  border:1px solid rgba(0,43,92,.12);
  border-radius:999px;
  padding:.5rem .8rem;
}
.progress{height:.65rem;border-radius:999px;background:#e9edf5;}
.progress-bar{background:var(--sc-accent);}
.article-body{line-height:1.7;}

@media (min-width: 992px){
  .sc-nav .navbar-collapse{
    align-items:center;
  }
  .sc-nav-dropdown-menu{
    position:absolute;
    top:calc(100% + .55rem);
    left:0;
  }
}

@media (max-width: 1199.98px){
  .sc-user-meta{
    max-width:16rem;
  }
}

@media (max-width: 991.98px){
  .sc-nav .navbar-collapse{
    padding-top:.9rem;
  }
  .sc-appnav-body{
    display:block;
  }
  .sc-appnav-left{
    display:block;
  }
  .sc-nav-dropdown{
    margin-bottom:.75rem;
  }
  .sc-nav-dropdown-menu{
    position:static;
    margin-top:.5rem;
    min-width:unset;
  }
  .sc-nav .navbar-meta{
    width:100%;
    margin-top:.9rem;
    padding-top:.9rem;
    border-top:1px solid rgba(255,255,255,.12);
    justify-content:space-between;
  }
}

@media (max-width: 767.98px){
  .hero-card{padding:1.25rem;}
  .sc-nav .navbar-brand{font-size:1.05rem;}
  .sc-nav .navbar-meta{
    flex-direction:column;
    align-items:stretch;
  }
  .sc-user-meta{
    max-width:none;
    white-space:normal;
  }
  .sc-logout-btn,
  .sc-nav form{
    width:100%;
  }
}


.sc-page-hero{
  background:linear-gradient(180deg, rgba(102,166,255,.08), rgba(255,255,255,1));
}
.sc-home-hero{
  background:
    radial-gradient(circle at top right, rgba(102,166,255,.18), transparent 35%),
    linear-gradient(180deg, rgba(102,166,255,.08), rgba(255,255,255,1));
}
.sc-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border:1px solid rgba(0,43,92,.12);
  background:rgba(102,166,255,.12);
  color:var(--sc-navy);
  border-radius:999px;
  padding:.45rem .8rem;
  font-size:.85rem;
  font-weight:600;
}
.sc-bullet-list{
  margin:0;
  padding-left:1.15rem;
  color:#4f5e75;
}
.sc-bullet-list li + li{
  margin-top:.65rem;
}
.sc-floating-chat{
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:1100;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.75rem;
}
.sc-floating-chat-toggle{
  border:0;
  background:var(--sc-navy);
  color:#fff;
  border-radius:999px;
  padding:.9rem 1.15rem;
  font-weight:700;
  box-shadow:0 .75rem 1.75rem rgba(20,39,71,.24);
}
.sc-floating-chat-panel{
  width:min(22rem, calc(100vw - 2rem));
  background:#fff;
  border:1px solid rgba(0,43,92,.12);
  border-radius:1rem;
  box-shadow:0 1rem 2rem rgba(20,39,71,.16);
  padding:1rem;
}
.sc-floating-chat-panel[hidden]{
  display:none !important;
}
@media (max-width: 767.98px){
  .sc-floating-chat{
    right:.75rem;
    bottom:.75rem;
  }
  .sc-floating-chat-toggle{
    padding:.85rem 1rem;
  }
}

.sc-plan-compare-table{
  border:1px solid rgba(0,43,92,.10);
  border-radius:1rem;
  overflow:hidden;
}
.sc-plan-compare-table thead th,
.sc-plan-compare-table tbody td,
.sc-plan-compare-table tbody th{
  border:1px solid rgba(0,43,92,.08);
  vertical-align:middle;
}
.sc-plan-compare-table thead th{
  background:#f6f8fc;
}
.sc-green-tick{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.55rem;
  height:1.55rem;
  border-radius:999px;
  background:rgba(25,135,84,.12);
  color:#198754;
  font-weight:800;
}
.sc-faq-item{
  border:1px solid rgba(0,43,92,.10);
  border-radius:1rem;
  padding:1rem 1rem;
  background:#fff;
}
.sc-faq-item summary{
  cursor:pointer;
  font-weight:700;
  list-style:none;
}
.sc-faq-item summary::-webkit-details-marker{
  display:none;
}
.sc-faq-item[open]{
  background:#f9fbff;
}
.sc-testimonial-card{
  background:linear-gradient(180deg, rgba(102,166,255,.08), rgba(255,255,255,1));
}
.sc-plan-card{
  border:1px solid rgba(0,43,92,.10);
}


.sc-notification-unread{
  border-left:4px solid var(--sc-accent);
}


.sc-public-chat-inline{
  width:100%;
}
.sc-public-chat-transcript{
  max-height:18rem;
  overflow:auto;
  background:#f8fbff;
}
.sc-public-chat-message{
  border:1px solid rgba(0,43,92,.10);
  border-radius:1rem;
  padding:.75rem .85rem;
  background:#fff;
  margin-bottom:.6rem;
}
.sc-public-chat-message-visitor{
  background:rgba(102,166,255,.08);
}
.sc-public-chat-message-bot{
  background:rgba(25,135,84,.06);
}
.sc-public-chat-message-system{
  background:rgba(108,117,125,.08);
}
.sc-public-chat-meta{
  font-size:.75rem;
  color:#6c757d;
  margin-bottom:.35rem;
}
.sc-public-chat-body{
  font-size:.92rem;
  color:#1f2937;
}
.sc-floating-chat-panel .sc-public-chat-transcript{
  max-height:14rem;
}