/* ==========================================================================
   IT-Villach Brand-Kit (gemeinsam fuer up./pw./... auf DOCKER-01)
   Dateien: /var/www/itv-brand/  -> pro vHost als /_itv/ eingebunden.
   Doku: https://wiki.it-villach.at/de/it-solutions/corporate-design
   ========================================================================== */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(inter.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(inter-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(mono.woff2) format("woff2"); }

:root {
  --itv-green: #8dc53f;
  --itv-green-2: #74ad2f;
  --itv-green-ink: #4f8220;
  --itv-green-soft: rgba(141, 197, 63, .12);
  --itv-ink: #0d1218;
  --itv-ink-2: #131a22;
  --itv-ink-3: #1b242e;
  --itv-ink-line: #26313d;
  --itv-bg: #f6f7f4;
  --itv-card: #ffffff;
  --itv-line: #e3e7de;
  --itv-text: #1f2933;
  --itv-muted: #5f6b75;
  --itv-radius: 12px;
  --itv-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --itv-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --itv-btn: linear-gradient(180deg, #96cc4a 0%, #74ad2f 100%);
}

/* ---------- Dunkle Login-Flaeche (CRM-Stil) ---------- */
.itv-login-bg {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(141,197,63,.10), transparent 55%),
    url(bg-network.svg) center / cover no-repeat,
    linear-gradient(180deg, #0d1218 0%, #0a0f14 100%) !important;
}
.itv-login-bg.itv-anim {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(141,197,63,.10), transparent 55%),
    linear-gradient(180deg, #0d1218 0%, #0a0f14 100%) !important;
}
canvas.itv-net { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.itv-brand-head { text-align: center; margin: 0 auto 22px; }
.itv-brand-head img.itv-logo { width: 200px; height: auto; display: block; margin: 0 auto; }
.itv-brand-head img.itv-pulse { width: 190px; height: 24px; display: block; margin: 18px auto 0; }
.itv-card-dark {
  background: rgba(19,26,34,.92) !important; border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important; box-shadow: 0 30px 80px rgba(0,0,0,.45) !important; color: #e8edf2;
}

/* ---------- Footer (Pflicht) ---------- */
.itv-foot { font: 400 11px/1.6 var(--itv-mono); color: #64748b; text-align: center; letter-spacing: .01em;
  padding: 14px 16px; width: 100%; box-sizing: border-box; }
.itv-foot .itv-row { display: block; }
.itv-foot .itv-row + .itv-row { margin-top: 6px; }
.itv-foot .sep { margin: 0 8px; color: #94a3b8; }
.itv-foot .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; vertical-align: middle;
  background: #8CC63F; box-shadow: 0 0 6px #8CC63F; position: relative; top: -1px; }
.itv-foot a { color: #4f8220 !important; font-weight: 600; text-decoration: none !important; }
.itv-foot a:hover { filter: brightness(1.2); text-decoration: underline !important; }
.itv-foot.itv-dark { border-top: 1px solid rgba(255,255,255,.08); background: rgba(10,15,20,.55);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.itv-foot.itv-dark .sep { color: #334155; }
.itv-foot.itv-dark a { color: #8CC63F !important; }
.itv-foot.itv-light { border-top: 1px solid var(--itv-line); background: transparent; }
.itv-foot.itv-fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; }
@media (max-width: 700px) { .itv-foot .hide-sm { display: none; } }

/* ---------- Badge neben dem Logo (z.B. "UPTIME") ---------- */
.itv-badge { display: inline-block; font: 600 11px/1 var(--itv-mono); letter-spacing: .18em; color: var(--itv-green);
  border: 1px solid rgba(141,197,63,.45); border-radius: 6px; padding: 5px 7px 4px; margin-left: 10px; vertical-align: middle; }