/* JoTrack skin for Zammad, injected by nginx sub_filter.
   Deliberately NOT a patch of Zammad's own stylesheets: this file lives outside
   the image, so a Zammad upgrade cannot silently revert it and it cannot break
   the app if a class name changes — the page simply looks stock again. */

:root {
  --jt-blue: #1d71b8;
  --jt-sky:  #0bbbef;
  --jt-grad: linear-gradient(100deg, #0bbbef 0%, #1d71b8 55%, #1d71b8 100%);
}

/* Zammad's own attribution block. */
.poweredBy { display: none !important; }

/* Primary actions and links in JoTrack blue rather than Zammad's. */
.login .btn--primary,
.btn.btn--primary {
  background: var(--jt-grad) !important;
  border-color: transparent !important;
}

.login a,
a.js-lostPassword,
.login .text-muted a { color: var(--jt-blue) !important; }

/* The sign-in card: a little more lift, matching the marketing site's cards. */
.login .login-box,
#login .login-box {
  border-radius: 16px !important;
  box-shadow: 0 24px 60px rgba(15, 26, 44, .18) !important;
}

/* The third-party sign-in button is the only way in now, so it should read as
   the primary action rather than a secondary one. */
.login .btn--login-provider,
.login .auth-provider {
  border-color: var(--jt-blue) !important;
}

.login .btn--login-provider:hover,
.login .auth-provider:hover {
  background: rgba(29, 113, 184, .08) !important;
}

/* Match the marketing site's typeface, with Cairo for Arabic. */
body, .login, .content {
  font-family: "Inter", "Cairo", -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Every Zammad bird — sidebar, loading splash, system avatar, login footer —
   is the same sprite icon: @Icon('logo') renders <svg class="icon-logo">.
   Rather than hide it and rebuild a box per location (which collapsed the
   sidebar), keep the svg's own layout box and swap what it paints: blank its
   contents, and put the JoTrack mark behind them. Sizing then stays correct
   everywhere it appears. */
svg.icon-logo,
.icon.icon-logo {
  background-image: url('/jotrack-brand/mark.png') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 6px;
}

svg.icon-logo * { display: none !important; }

/* The Zammad wordmark next to it on the login screen. */
svg.icon-logotype,
.icon.logotype { display: none !important; }

/* Sidebar: the full wordmark rather than the mark. Scoped to .search .logo on
   purpose — the same icon-logo sprite is reused for system avatars and the
   loading splash, where a wide wordmark would be squashed into a square box.
   The rail is dark, so this is the on-dark artwork. */
.search .logo svg.icon-logo {
  width: 118px !important;
  height: 26px !important;
  border-radius: 0 !important;
  background-image: url('/jotrack-brand/wordmark-dark.svg') !important;
  background-position: left center !important;
}

.search .logo { width: auto !important; }