/* Demo-only brandbook 2.0 skin. Existing layouts, semantics and controls stay intact. */
@import url('./fonts/tutacare-fonts.css');
/* Leave theme 3 entirely on Carelog's native palette, including inherited tokens. */
[data-theme]:where(:not([data-theme='kontrastas'])), #app-shell:where(:not(.th-kontrastas)) {
  --canvas:250 249 252 !important; --surface:255 255 255 !important; --shadow:101 89 114 !important;
  --g-50:252 251 253 !important; --g-100:250 249 252 !important;
  --g-200:241 238 245 !important; --g-300:228 222 236 !important;
  --g-400:120 118 133 !important; --g-500:101 100 110 !important;
  --g-600:80 76 94 !important; --g-700:58 49 76 !important;
  --g-800:37 29 50 !important; --g-900:16 15 18 !important;
  --brand-50:250 249 252 !important; --brand-100:241 238 245 !important;
  --brand-600:120 101 142 !important; --brand-700:120 101 142 !important; --brand-800:101 89 114 !important;
  --paper-0:#FFFFFF !important; --paper-1:#FAF9FC !important;
  --paper-2:#F1EEF5 !important; --paper-3:#E4DEEC !important;
  --ink-1:#100F12 !important; --ink-2:#3A314C !important;
  --ink-3:#65646E !important; --ink-4:#65646E !important;
  --ink-brown:#655972 !important;
  --line-1:#F1EEF5 !important; --line-2:#978F9E !important;
  --action-primary:#78658E !important; --action-primary-hover:#655972 !important;
  --action-primary-text:#FFFFFF !important; --focus-ring:rgba(120,101,142,.4) !important;
}
/* Option 2 stays a slightly deeper, neutral lavender; option 3 is unmodified. */
[data-theme='grafitas'], #app-shell.th-graphite {
  --canvas:241 239 244 !important; --paper-1:#F1EFF4 !important;
  --paper-2:#E8E4ED !important; --line-1:#DFDAE5 !important;
}
body, #app-shell, .lg6, .lk7, [data-theme],
body :is(h1,h2,h3,h4,p,label,input,select,textarea,button,a,th,td),
body [class*="font-"][class*="Geist"] {
  font-family:Mori,Arial,sans-serif !important;
  font-kerning:normal;
}
/* Numbers that deliberately use a monospaced face retain it. */
body [style*="Geist Mono"], body .font-mono { font-family:'Geist Mono',monospace !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6, :where([data-theme]:not([data-theme='kontrastas'])) .lg6-main, :where([data-theme]:not([data-theme='kontrastas'])) .lk7 { background:#FAF9FC !important; color:#100F12 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-ink, :where([data-theme]:not([data-theme='kontrastas'])) .lg6-mfoot { background:#655972 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-ink-h2 { color:#FFFFFF !important; line-height:1.25 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-h1 { color:#100F12 !important; line-height:1.25 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-label { color:#3A314C !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-sub, :where([data-theme]:not([data-theme='kontrastas'])) .lg6-help { color:#65646E !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-field { background:#FFFFFF !important; border-color:#978F9E !important; color:#100F12 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-field:focus { border-color:#78658E !important; box-shadow:0 0 0 3px #F1EEF5 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-cta { background:#78658E !important; color:#FFFFFF !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-cta:hover:not(:disabled) { background:#655972 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lk7-card { background:#FFFFFF !important; border-color:#E4DEEC !important; }
/* Versioned paths bypass old service-worker precaches of the original marks. */
img[src*="logo-gemma.svg"] { content:url('./your-logo.svg'); object-fit:contain; }
img[src*="logo-lockup.svg"], img[src*="carelog-lockup.png"] { content:url('./logo.svg'); object-fit:contain; }
img[src*="logo-lockup-paper.svg"] { content:url('./logo-white.svg'); object-fit:contain; }
img[src*="carelog-mark.png"] { content:url('./mark.svg'); object-fit:contain; }
[data-testid='ribbon'] > button:has(svg[aria-label='carelog']) {
  background:url('./logo-white.svg') center / auto 24px no-repeat;
}
[data-testid='ribbon'] svg[aria-label='carelog'] { opacity:0; }
[data-theme] header:has(> [data-testid='ribbon']) { background:#655972 !important; border-color:#655972 !important; }
@media print {
  .lg6-ink, .lg6-mfoot { print-color-adjust:exact; }
}

/* Reverse text and mobile headings retain legibility with Lithuanian accents. */
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-ink > p, :where([data-theme]:not([data-theme='kontrastas'])) .lg6-mfoot > span { color:#F1EEF5 !important; }
.lg6-mhead h2 { line-height:1.25 !important; color:#100F12 !important; }
:where([data-theme]:not([data-theme='kontrastas'])) .lg6-form input[type='checkbox'] { accent-color:#78658E !important; }
.lg6-mhead > div > span { font-size:0 !important; }
.lg6-mhead > div > span::after { content:'TutaCare'; font-size:11px; color:#65646E; }
/* Keep phone navigation and small brand signatures on the same palette. */
[data-theme] nav.fixed[aria-label='Pagrindinis meniu'],
[data-theme] nav.fixed[aria-label='Main menu'] {
  background:#655972 !important; border-color:#655972 !important;
}
[data-theme] > footer > span > span:first-child, .lk7-strip > .lk7-mono { font-size:0 !important; }
[data-theme] > footer > span > span:first-child::after, .lk7-strip > .lk7-mono::after {
  content:'TutaCare'; font-size:12px;
}

/* Web-only options 4–6. Names/order/validation come from the native theme picker. */
#app-shell.th-tuta-air {
  --paper-0:#FFFFFF !important; --paper-1:#FAF9FC !important;
  --paper-2:#FFFFFF !important; --paper-3:#F0ECF7 !important;
  --ink-1:#282333 !important; --ink-2:#494254 !important;
  --ink-3:#6E657A !important; --ink-4:#6E657A !important;
  --line-1:#E9E5EF !important; --line-2:#94899F !important;
  --action-primary:#EEE8F7 !important; --action-primary-hover:#E2D8EF !important;
  --action-primary-text:#514064 !important; --focus-ring:rgba(110,76,191,.35) !important;
}
#app-shell.th-tuta-air > aside { border-color:#E9E5EF !important; }
#app-shell.th-tuta-plum {
  --paper-0:#FFFFFF !important; --paper-1:#F7F5FA !important;
  --paper-2:#EEE8F5 !important; --paper-3:#E3D9EF !important;
  --ink-1:#261D32 !important; --ink-2:#463A53 !important;
  --ink-3:#706479 !important; --ink-4:#706479 !important;
  --line-1:#E6DEED !important; --line-2:#9684A3 !important;
  --action-primary:#6E4CBF !important; --action-primary-hover:#593B9F !important;
  --action-primary-text:#FFFFFF !important;
}
/* Scope reversed tokens to the dark sidebar so content cards stay light. */
#app-shell.th-tuta-plum > aside {
  --paper-0:#342540; --paper-1:#2B1F35; --paper-2:#342540; --paper-3:#493653;
  --ink-1:#FFFFFF; --ink-2:#F5F0FB; --ink-3:#DACEE6; --ink-4:#DACEE6;
  --line-1:#6C587F; --line-2:#857295;
  --action-primary:#E4D8F5; --action-primary-hover:#D6C5ED; --action-primary-text:#352341;
  background:#2B1F35 !important; border-color:#493653 !important;
}
#app-shell.th-tuta-plum > aside img[src*="logo-lockup.svg"] { content:url('./logo-white.svg'); }
#app-shell.th-tuta-pearl {
  --paper-0:#FFFEFC !important; --paper-1:#F8F6F3 !important;
  --paper-2:#ECE5F6 !important; --paper-3:#DFD4EE !important;
  --ink-1:#312A38 !important; --ink-2:#4F4557 !important;
  --ink-3:#736778 !important; --ink-4:#736778 !important;
  --line-1:#E6DEE9 !important; --line-2:#99869F !important;
  --action-primary:#65518B !important; --action-primary-hover:#51406F !important;
  --action-primary-text:#FFFFFF !important;
}
#app-shell.th-tuta-pearl > aside {
  background:linear-gradient(165deg,#E2D8F4 0%,#F0EAF8 55%,#F5EAE4 100%) !important;
  border-color:#DBD1E5 !important;
}

/* Phone login: the top row is an empty band with only a tiny word on the right. */
.lg6-mhead > div:first-child { display: none !important; }
.lg6-mhead { padding-top: 12px !important; }
.lg6-mhead img[src*="logo-lockup"] {
  margin-top: 0 !important;
  width: 168px !important;
  height: 44px !important;
  max-height: 44px !important;
}
/* Gemma house mark, including a logo stored for the facility: the placeholder instead. */
img[src*="logo-gemma.svg"], img[src*="istaiga/logo"] {
  content: url("./your-logo.svg") !important;
  object-fit: contain !important;
  width: 240px !important;
  height: 56px !important;
  max-width: 240px !important;
  max-height: 56px !important;
}