/* CloudBox site-wide footer — one shared footer for every surface
   (storefront, admin console, partner portal). Injected via nginx sub_filter.
   Self-contained + scoped to .cbx-ft so it renders identically on any page,
   with literal-colour fallbacks for pages that lack the theme :root vars. */
.cbx-ft{background:#0a1220;border-top:1px solid var(--line,rgba(120,150,200,.22));
  color:var(--mut,#a9bbd6);line-height:1.6;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px}
.cbx-ft .cbx-wrap{max-width:1120px;margin:0 auto;padding:46px 26px 22px}
.cbx-ft .cbx-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:28px}
.cbx-ft h4{color:var(--ink,#eaf1fb);font-size:.74rem;letter-spacing:.09em;
  text-transform:uppercase;margin:0 0 13px;font-weight:700}
.cbx-ft a{display:block;color:var(--mut,#a9bbd6);text-decoration:none;margin:9px 0;
  transition:color .15s;font-size:.92rem}
.cbx-ft a:hover{color:var(--accent2,#38e0c8)}
.cbx-ft .cbx-logo{display:inline-flex;align-items:center;gap:.5em;margin:0 0 12px;
  font-weight:800;font-size:1.32rem;color:var(--ink,#eaf1fb);text-decoration:none}
.cbx-ft .cbx-logo img{width:1.55em;height:1.55em;border-radius:9px;flex:0 0 auto;
  box-shadow:0 2px 10px -2px rgba(0,0,0,.5)}
.cbx-ft .cbx-logo b{color:var(--accent2,#38e0c8)}
.cbx-ft .cbx-tag{max-width:270px;margin:0;color:var(--mut,#a9bbd6);font-size:.9rem}
.cbx-ft .cbx-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  align-items:center;border-top:1px solid var(--line,rgba(120,150,200,.22));
  margin-top:30px;padding-top:18px;font-size:.82rem;color:var(--dim,#7f93b5)}
@media(max-width:860px){.cbx-ft .cbx-grid{grid-template-columns:1fr 1fr}
  .cbx-ft .cbx-brand{grid-column:1 / -1}}