/* Corporate, laconic theme (Bootstrap-based) */
:root{
  --ac-navy: #0b1220;
  --ac-navy-2: #0f1a2e;
  --ac-soft: #f5f7fb;
  --ac-border: rgba(255,255,255,.10);
  --ac-border2: rgba(0,0,0,.08);
  --ac-cardDark: rgba(255,255,255,.06);
  --ac-cardDark2: rgba(255,255,255,.10);
}

html, body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.bg-navy{ background: linear-gradient(135deg, var(--ac-navy), var(--ac-navy-2)); }
.bg-soft{ background: var(--ac-soft); }
.border-white-10{ border-color: var(--ac-border) !important; }

.brand-mark{
  width: 18px; height: 18px; border-radius: 4px;
  border: 2px solid rgba(255,255,255,.75);
  display:inline-block;
  position: relative;
}
.brand-mark::after{
  content:"";
  position:absolute;
  inset: 3px;
  border: 2px solid rgba(255,255,255,.35);
  border-radius: 3px;
}

.dot-online{
  width:8px; height:8px; border-radius: 999px;
  background:#33d17a;
  box-shadow: 0 0 0 4px rgba(51,209,122,.15);
}

.hero{
  padding-top: 6.5rem; /* navbar offset */
  padding-bottom: 2.25rem;
}
@media (max-width: 991.98px){
  .hero{ padding-top: 5.75rem; }
}

.section{
  padding: 2.25rem 0;
}
@media (min-width: 992px){
  .section{ padding: 2.75rem 0; }
}

/* Dark cards in hero */
.card-dark{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--ac-border);
  color: #fff;
}
.card-glass{
  background: rgba(255,255,255,.06);
  border: 1px solid var(--ac-border);
  color:#fff;
  backdrop-filter: blur(10px);
}

/* List group styling for dark hero cards */
.list-group-dark .list-group-item{
  background: transparent;
  color: rgba(255,255,255,.92);
  border-color: var(--ac-border);
  padding: .75rem 0;
}
.list-group-dark .list-group-item small{
  color: rgba(255,255,255,.55);
}

.icon-circle{
  width: 42px; height: 42px;
  border-radius: 999px;
  border: 1px solid var(--ac-border2);
  background: rgba(13,110,253,.08);
  display:inline-flex; align-items:center; justify-content:center;
  font-size: 18px;
}

.console-frame{
  width: 100%;
  height: 620px;
  border: 0;
  display:block;
}
@media (max-width: 991.98px){
  .console-frame{ height: 560px; }
}
@media (max-width: 575.98px){
  .console-frame{ height: 520px; }
}

/* Console page helpers */
.console-top{
  position: sticky;
  top: 0;
  z-index: 10;
}
.console-search{ max-width: 520px; width: 100%; }
.console-main{ min-height: calc(100vh - 56px); }

/* Embed mode: hide navigation and tighten spacing */
body.embed .console-top,
body.embed aside{
  display: none !important;
}
body.embed .console-main{
  padding: 0 !important;
  min-height: auto;
}
body.embed .container-fluid{
  padding: 0 !important;
}
body.embed section.col-lg-10{
  width: 100%;
}
body.embed .card{
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
body.embed .table-responsive{
  max-height: 260px;
  overflow:auto;
}