:root{
  --hc-crm-blue:#0d5bd7;
  --hc-crm-blue-dark:#0b4cb5;
  --hc-terra-soft:#f2dfd6;
  --hc-terra-border:#d8b1a1;
}

body.hc-body{
  background:#f5f7fb;
  color:#212529;
}

.hc-topbar{
  background:linear-gradient(135deg, var(--hc-crm-blue-dark), var(--hc-crm-blue));
  box-shadow:0 .25rem 1rem rgba(13,91,215,.18);
  min-height:64px;
}

.hc-topbar .navbar-brand,
.hc-topbar .nav-link,
.hc-topbar .navbar-text{
  color:#fff;
}

.hc-topbar .navbar-nav{
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}

.hc-topbar .nav-link.active,
.hc-topbar .nav-link:hover,
.hc-topbar .nav-link:focus{
  color:rgba(255,255,255,.92);
}

.hc-topbar .navbar-toggler{
  border-color:rgba(255,255,255,.35);
}

.hc-topbar .navbar-toggler-icon{
  filter:invert(1);
}

.hc-hero{
  background:linear-gradient(135deg, var(--hc-crm-blue-dark), var(--hc-crm-blue));
  color:#fff;
  border-radius:1rem;
  box-shadow:0 .5rem 1.5rem rgba(13,91,215,.16);
  position:relative;
  overflow:hidden;
}

.hc-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-80px;
  width:220px;
  height:220px;
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 68%);
  pointer-events:none;
}

.hc-hero > *{
  position:relative;
  z-index:1;
}

.hc-brand-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .75rem;
  border-radius:50rem;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:.8rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.hc-brand-title{
  font-weight:700;
}

.hc-surface{
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 .25rem .85rem rgba(0,0,0,.04);
  border-radius:1rem;
  background:#fff;
}

.hc-article-card{
  background:var(--hc-terra-soft);
  border:1px solid var(--hc-terra-border);
  box-shadow:0 .2rem .65rem rgba(120,72,55,.08);
  border-radius:1rem;
}

.hc-module-badge{
  background:#e7f0ff !important;
  color:var(--hc-crm-blue-dark) !important;
  border:1px solid rgba(13,91,215,.18);
}

.hc-module-section{
  border-radius:1rem;
  overflow:hidden;
}

.hc-module-header{
  background:linear-gradient(135deg, var(--hc-crm-blue-dark), var(--hc-crm-blue));
  color:#fff;
  padding:1.25rem 1.5rem;
}

.hc-article-link{
  color:#0b57d0;
}

.hc-article-link:hover,
.hc-article-link:focus{
  color:#084298;
}

.hc-prose{
  font-size:1rem;
  line-height:1.75;
}

.hc-prose h2,
.hc-prose h3,
.hc-prose h4{
  margin-top:1.5rem;
  margin-bottom:.85rem;
  color:#1f2937;
}

.hc-prose img,
.hc-editor-surface img{
  max-width:100%;
  height:auto;
  border-radius:.75rem;
}

.hc-feedback-box{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.08);
  border-radius:.85rem;
}

.hc-admin-table th{
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:.78rem;
  color:#6c757d;
}

.hc-status-open{background:#e9ecef!important;color:#495057!important;}
.hc-status-needs-review{background:#fff3cd!important;color:#8a5a00!important;}
.hc-status-closed{background:#d1e7dd!important;color:#146c43!important;}

.hc-editor{
  border:1px solid rgba(0,0,0,.125);
  border-radius:.75rem;
  background:#fff;
  overflow:hidden;
}

.hc-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding:.75rem;
  background:#f8f9fa;
  border-bottom:1px solid rgba(0,0,0,.125);
}

.hc-editor-toolbar .btn{
  border-radius:50rem;
}

.hc-editor-status{
  padding:.75rem .9rem 0;
  color:#6c757d;
}

.hc-editor-surface{
  min-height:360px;
  padding:1rem;
  outline:none;
  background:#fff;
}

.hc-login-card{
  max-width:460px;
}

@media (max-width: 991.98px){
  .hc-topbar .navbar-collapse{
    padding-top:.75rem;
  }

  .hc-editor-surface{
    min-height:280px;
  }
}