/* ChaSK / Artronic branding — shared by Admin WEB + App WEB (i kasnije widget).
 * Eurostile Extended Bold je službeni Artronic font. Wordmark "Chask::Chat&Task"
 * uvijek se ispisuje ovim fontom; gdje ne stane puni naziv → skraćeno "ChaSK".
 * Boja teksta: #051d35 (Artronic dark blue) na svijetloj pozadini. Na tamnoj
 * pozadini koristi .chask-wordmark--light (bijela). */

@font-face {
  font-family: 'EurostileExtended';
  src: url('/shared/fonts/eurostile-ex.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.chask-wordmark {
  font-family: 'EurostileExtended', 'Eurostile', 'Arial Narrow', sans-serif;
  font-weight: 700;
  color: #051d35;
  letter-spacing: 0.5px;
  white-space: nowrap;
  line-height: 1.1;
}

/* Bijela varijanta — tamna pozadina */
.chask-wordmark--light { color: #fff; }

/* Crna varijanta — crno-bijeli / monochrome kontekst */
.chask-wordmark--mono { color: #000; }

/* --- Login form lockup (Admin WEB + App WEB) ---
 * Chask mark je kvadratan (≠ stari horizontalni SkyTrack logo), pa override-amo
 * `.login-box img { width:180px }` s većom specifičnošću. */
.login-box img.chask-logo-mark {
  width: auto;
  height: 60px;
  margin-bottom: 12px;
}
.login-box .chask-wordmark {
  font-size: 15px;
  margin-bottom: 4px;
}

/* Login corner logo — donji LIJEVI kut pozadine (preko `/api/v1/login-logo`).
   Default bijeli Artronic vertical; DTD1/DTD2 override = DT logo.svg. */
.login-corner-logo {
  position: fixed;
  left: 32px;
  bottom: 28px;
  height: var(--chask-login-logo-size, 128px);   /* podesivo: CHASK_LOGIN_LOGO_SIZE → /status → JS setProperty */
  width: auto;
  max-width: 60vw;
  opacity: 0.92;
  pointer-events: none;
  z-index: 5;
}
@media (max-width: 480px) {
  /* na mobitelu skaliraj na ~72% postavljene veličine, min 64px */
  .login-corner-logo { height: max(64px, calc(var(--chask-login-logo-size, 128px) * 0.72)); left: 18px; bottom: 18px; }
}