/* Cogmelt public black system
   Presentation-only layer. No authentication, portal, API, or admin behavior. */
:root{
  --cm-black:#050607;
  --cm-graphite:#0b0d10;
  --cm-raised:#10141a;
  --cm-line:#272c32;
  --cm-line-soft:#1b2026;
  --cm-white:#f4f6f7;
  --cm-muted:#959da5;
  --cm-blue:#2477ff;
}

body:not([data-page^="portal-"]):not([data-page^="admin-"]){
  --bg:var(--cm-black);
  --bg-2:#080a0d;
  --surface:var(--cm-graphite);
  --surface-2:#101318;
  --surface-3:#111923;
  --text:var(--cm-white);
  --text-2:#c2c8cd;
  --muted:var(--cm-muted);
  --line:var(--cm-line);
  --line-strong:#3a4149;
  --brand:var(--cm-blue);
  --brand-strong:#4b8cff;
  --brand-soft:rgba(36,119,255,.12);
  --navy:#080b10;
  --navy-2:#0d131d;
  background:
    radial-gradient(circle at 82% 8%,rgba(36,119,255,.10),transparent 27rem),
    var(--cm-black);
  color:var(--cm-white);
}

body:not([data-page^="portal-"]):not([data-page^="admin-"]) .site-header{
  background:rgba(5,6,7,.92);
  border-bottom-color:var(--cm-line);
  box-shadow:none;
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .brand-name{color:var(--cm-white)!important}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .brand-sub,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .nav a{color:#9da5ad}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .nav a:hover,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .nav a.active{color:#fff}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .mobile-toggle,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .mobile-menu a{
  background:#0d1014;color:#fff;border-color:var(--cm-line);
}

body:not([data-page^="portal-"]):not([data-page^="admin-"]) .section,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .section-alt{
  background:transparent;
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .card,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .domain-card,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .flow-card,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .metric,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .callout,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .table-wrap{
  background:linear-gradient(180deg,#0e1115,#090b0e);
  color:var(--cm-white);
  border-color:var(--cm-line);
  box-shadow:0 22px 55px rgba(0,0,0,.25);
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .lead,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .muted,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .helper{color:var(--cm-muted)}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .eyebrow{
  color:#8cb4ff;background:rgba(36,119,255,.11);border:1px solid rgba(75,140,255,.25);
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .btn-secondary{
  color:#fff;background:#0e1217;border-color:#3a424b;box-shadow:none;
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .btn-secondary:hover{
  background:#151a21;border-color:#626c77;
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field label,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field-grid label{color:#9da5ad}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field input,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field select,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field textarea,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field-grid input,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field-grid select,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .field-grid textarea{
  background:#080a0d;color:#fff;border-color:#343a42;
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .auth-side{
  background:
    linear-gradient(145deg,rgba(36,119,255,.18),transparent 58%),
    #0a0d12;
  border:1px solid var(--cm-line);
  box-shadow:0 28px 70px rgba(0,0,0,.35);
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .auth-card{
  background:#0b0e12;border-color:var(--cm-line);
}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .auth-divider:before,
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .auth-divider:after{background:var(--cm-line)}
body:not([data-page^="portal-"]):not([data-page^="admin-"]) .auth-divider span{background:#0b0e12;color:#929aa2}

/* Contact identity added to both legacy and enterprise footers. */
.cogmelt-company-contact{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(150px,.7fr));
  gap:22px;
  width:100%;
  margin-top:28px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.11);
}
.cogmelt-company-contact .contact-kicker{
  color:#6f7881;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.cogmelt-company-contact strong,
.cogmelt-company-contact a{
  display:block;margin-top:7px;color:#eef1f3;font-size:13px;line-height:1.55;
}
.cogmelt-company-contact a:hover{color:#73a5ff}
.cogmelt-company-contact address{margin:7px 0 0;color:#eef1f3;font-size:13px;line-height:1.55;font-style:normal}

@media(max-width:860px){
  .cogmelt-company-contact{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .cogmelt-company-contact{grid-template-columns:1fr}
}
