/* TrueNorth IT branding for Yopass, injected by nginx before </head>.
   Selectors were taken from the Yopass 16.0.0 DOM; recheck them after an upgrade.
   Yopass CSP allows img-src 'self' data:, so the logo is an inline SVG data URI. */

:root {
  --tn-navy: #003b63;
  --tn-cyan: #80d0de;
  --tn-white: #ffffff;
  --tn-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --tn-logo: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 223.49 55'%3E%3Crect width='55' height='55'/%3E%3Crect fill='%23003b63' x='11.79' y='11.79' width='31.43' height='1.96'/%3E%3Crect fill='%23003b63' x='11.79' y='17.68' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='11.79' y='23.57' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='11.79' y='29.46' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='11.79' y='35.36' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='11.79' y='41.25' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='29.46' y='17.68' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='29.46' y='23.57' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='29.46' y='29.46' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='29.46' y='35.36' width='13.75' height='1.96'/%3E%3Crect fill='%23003b63' x='29.46' y='41.25' width='13.75' height='1.96'/%3E%3Cpolygon points='68.75 15.79 76.3 15.79 76.3 40.82 78.08 40.82 78.08 15.79 85.56 15.79 85.56 14.18 68.75 14.18 68.75 15.79'/%3E%3Cpath d='M89.33,22.85c-.74.49-1.32,1.11-1.72,1.87v-2.71h-1.61v18.81h1.61v-11.44c0-1.74.47-3.17,1.41-4.29.94-1.12,2.27-1.68,3.99-1.68h1.22v-1.61h-1.18c-1.41,0-2.65.35-3.72,1.05Z'/%3E%3Cpath d='M109.84,33.45c0,1.14-.21,2.19-.64,3.15-.43.95-1.07,1.71-1.91,2.27-.85.56-1.88.84-3.09.84-1,0-1.93-.21-2.79-.63-.86-.42-1.54-1.04-2.06-1.88-.51-.83-.77-1.85-.77-3.04v-12.16h-1.61v12.16c0,1.53.33,2.81,1,3.86.67,1.05,1.54,1.85,2.61,2.4,1.07.55,2.23.82,3.47.82,1.55,0,2.88-.39,3.99-1.18.78-.56,1.39-1.23,1.81-2.01v2.76h1.61v-18.81h-1.61v11.44Z'/%3E%3Cpath d='M130.95,24.16c-.77-.81-1.69-1.44-2.74-1.9-1.05-.45-2.18-.68-3.4-.68-1.72,0-3.26.43-4.63,1.29-1.37.86-2.46,2.03-3.27,3.52-.81,1.49-1.22,3.16-1.22,5.02s.42,3.5,1.25,4.99c.83,1.49,1.97,2.67,3.4,3.54,1.43.87,3.04,1.31,4.83,1.31,1.12,0,2.18-.18,3.16-.54.99-.36,1.88-.88,2.66-1.56.79-.68,1.41-1.47,1.86-2.38l-1.36-.72c-.67,1.17-1.55,2.07-2.65,2.72-1.1.64-2.32.97-3.68.97-1.5,0-2.84-.36-4.02-1.09-1.18-.73-2.12-1.72-2.81-2.99-.62-1.13-.96-2.38-1.02-3.75h15.97c.05-.26.08-.5.09-.72.01-.21.02-.44.02-.68,0-1.26-.21-2.44-.64-3.52-.43-1.08-1.03-2.03-1.81-2.84ZM117.36,30.49c.11-1.2.42-2.31.96-3.31.67-1.25,1.57-2.25,2.7-2.99,1.13-.74,2.4-1.11,3.81-1.11s2.57.35,3.65,1.05c1.07.7,1.91,1.65,2.5,2.83.53,1.05.8,2.23.8,3.52h-14.41Z'/%3E%3Cpolygon points='155.72 37.21 139.62 14.18 138.19 14.18 138.19 40.82 139.98 40.82 139.98 17.8 156.07 40.82 157.5 40.82 157.5 14.18 155.72 14.18 155.72 37.21'/%3E%3Cpath d='M176.55,22.87c-1.42-.86-3.03-1.29-4.85-1.29s-3.4.43-4.83,1.29c-1.43.86-2.56,2.03-3.4,3.5-.83,1.48-1.25,3.16-1.25,5.04s.42,3.53,1.25,5.02c.83,1.49,1.97,2.66,3.4,3.52s3.04,1.29,4.83,1.29,3.43-.43,4.85-1.29c1.42-.86,2.54-2.03,3.38-3.52.83-1.49,1.25-3.16,1.25-5.02s-.42-3.56-1.25-5.04c-.83-1.48-1.96-2.65-3.38-3.5ZM178.43,35.64c-.69,1.26-1.62,2.26-2.79,2.99-1.17.73-2.48,1.09-3.93,1.09s-2.77-.36-3.93-1.09c-1.17-.73-2.1-1.72-2.79-2.99-.69-1.26-1.04-2.67-1.04-4.22s.34-2.99,1.02-4.24c.68-1.25,1.61-2.24,2.79-2.97,1.18-.73,2.5-1.09,3.95-1.09s2.8.36,3.97,1.09c1.17.73,2.09,1.72,2.77,2.97.68,1.25,1.02,2.66,1.02,4.24s-.35,2.96-1.04,4.22Z'/%3E%3Cpath d='M188.68,22.85c-.74.49-1.32,1.11-1.72,1.87v-2.71h-1.61v18.81h1.61v-11.44c0-1.74.47-3.17,1.41-4.29.94-1.12,2.27-1.68,3.99-1.68h1.22v-1.61h-1.18c-1.41,0-2.65.35-3.72,1.05Z'/%3E%3Cpath d='M222.51,24.85c-.66-1.04-1.52-1.84-2.59-2.41-1.07-.57-2.24-.86-3.5-.86-1.5,0-2.82.39-3.95,1.16-.8.55-1.42,1.22-1.84,2.02v-10.58h-1.61v26.64h1.61v-11.44c0-1.17.22-2.22.66-3.16.44-.94,1.08-1.69,1.93-2.25.85-.56,1.87-.84,3.06-.84,1.05,0,2,.23,2.84.68.85.45,1.52,1.09,2.02,1.91.5.82.75,1.81.75,2.95v12.16h1.61v-12.34c0-1.38-.33-2.59-.98-3.63Z'/%3E%3Cpath d='M204.01,39.5c-.91,0-1.58-.17-2.02-.52-.44-.35-.73-.77-.86-1.27-.13-.5-.2-.97-.2-1.39v-12.91h4.08v-1.61h-4.08v-4.22h-1.61v2.43c0,.99-.8,1.79-1.79,1.79h-1.79v1.61h3.58v12.91c0,1.57.39,2.75,1.18,3.54.79.79,1.91,1.18,3.36,1.18.14,0,.38-.02.7-.05.32-.04.6-.09.84-.16v-1.43c-.17.02-.39.05-.68.07-.29.02-.52.04-.72.04Z'/%3E%3C/svg%3E");
  --font-sans: var(--tn-font); /* Tailwind's base font */
}

/* DaisyUI theme colours. Light theme (default "emerald") and any other theme. */
[data-theme] {
  --color-primary: var(--tn-navy);
  --color-primary-content: var(--tn-white);
  --color-accent: var(--tn-cyan);
  --color-accent-content: var(--tn-navy);
}
/* Dark theme (default "dim"): navy would vanish on the dark background. */
[data-theme="dim"] {
  --color-primary: var(--tn-cyan);
  --color-primary-content: var(--tn-navy);
}

/* Navy header in both themes; the logo is white on navy. */
header {
  background-color: var(--tn-navy);
  border-bottom: 3px solid var(--tn-cyan);
}
header :is(a, button):not(#settings-menu *) {
  color: var(--tn-white);
}
header :is(a, button):not(#settings-menu *):hover {
  color: var(--tn-white);
  background-color: rgb(255 255 255 / 0.12);
}

/* Logo swap: hide Yopass's <img> (keeps its alt text) and paint ours behind it. */
header a[href="/"] {
  background: var(--tn-logo) left center / contain no-repeat content-box;
}
header a[href="/"]:hover {
  background-color: transparent;
}
header a[href="/"] img {
  visibility: hidden;
  width: 8.125rem; /* 2rem tall at the logo's 223.49:55 ratio */
  height: 2rem;
}

/* Buttons */
.btn-primary {
  border-radius: 0.5rem;
  letter-spacing: 0.01em;
}
.btn-primary:hover:not(:disabled) {
  background-color: var(--tn-cyan);
  border-color: var(--tn-cyan);
  color: var(--tn-navy);
}