/* 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'); }
/* Option 6: owner's plum/lavender application references (2026-10-04).
   Keep its persisted class so existing option-6 preferences pick up the skin. */
#app-shell.th-tuta-pearl {
  --canvas:247 244 253 !important; --surface:255 255 255 !important;
  --shadow:54 39 73 !important;
  --g-50:252 251 255 !important; --g-100:247 244 253 !important;
  --g-200:239 233 249 !important; --g-300:218 205 244 !important;
  --g-400:117 102 140 !important; --g-500:105 88 129 !important;
  --g-600:89 71 112 !important; --g-700:63 45 83 !important;
  --g-800:54 39 73 !important; --g-900:27 20 43 !important;
  --brand-50:247 244 253 !important; --brand-100:239 233 249 !important;
  --brand-600:119 66 205 !important; --brand-700:111 58 191 !important;
  --brand-800:91 44 163 !important;
  --paper-0:#FFFFFF !important; --paper-1:#F7F4FD !important;
  --paper-2:#EFE9F9 !important; --paper-3:#E2D7F5 !important;
  --ink-1:#1B142B !important; --ink-2:#3F2D53 !important;
  --ink-3:#695881 !important; --ink-4:#75668C !important;
  --ink-brown:#362749 !important;
  --line-1:#DACDF4 !important; --line-2:#9680B5 !important;
  --action-primary:#7742CD !important; --action-primary-hover:#5B2CA3 !important;
  --action-primary-text:#FFFFFF !important; --focus-ring:rgba(119,66,205,.4) !important;
}
/* Reverse only navigation, the identity strip and the summary. Expanding
   resident actions and the rest of the forms still inherit light surfaces. */
#app-shell.th-tuta-pearl > aside,
#app-shell.th-tuta-pearl > div > header,
#app-shell.th-tuta-pearl [data-testid='prof-identity-row'],
#app-shell.th-tuta-pearl [data-testid='info-santrauka'] {
  --paper-0:#493858; --paper-1:#362749; --paper-2:#362749; --paper-3:#584467;
  --ink-1:#FFFFFF; --ink-2:#F4EEFC; --ink-3:#DDD1EB; --ink-4:#D4C6E4;
  --line-1:#604D72; --line-2:#A794BC;
  --action-primary:#7742CD; --action-primary-hover:#6535B4; --action-primary-text:#FFFFFF;
  background:#362749 !important; color:#F4EEFC; border-color:#604D72 !important;
}
#app-shell.th-tuta-pearl [data-testid='prof-identity-row'] { border-radius:15px; }
#app-shell.th-tuta-pearl > aside img[src*='logo-lockup.svg'] { content:url('./logo-white.svg'); }
#app-shell.th-tuta-pearl [data-testid='nav-badge'] { color:#FFFFFF; }
/* Status semantics stay green/red/amber, with a light backing on plum. */
#app-shell.th-tuta-pearl [data-testid='info-santrauka'] [class*='text-[var(--ok)]'] {
  background-color:var(--ok-bg);
}
/* Older primary buttons used ink as their fill instead of action tokens. */
#app-shell.th-tuta-pearl form[action='?/saveProfile'] button[type='submit'],
#app-shell.th-tuta-pearl :is(button,a)[class~='bg-[var(--ink-1)]'][class~='text-[var(--paper-0)]'] {
  background-color:var(--action-primary); color:var(--action-primary-text);
}
/* Existing selected-tab shadow is the state hook; no routing or labels change. */
#app-shell.th-tuta-pearl [data-testid='prof-tabs'] a[class*='shadow-'] {
  color:#7742CD; background:transparent; box-shadow:inset 0 -3px 0 #7742CD;
}
#app-shell.th-tuta-pearl :is(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),select,textarea) {
  background-color:var(--paper-1); color:var(--ink-1); border-color:var(--line-2);
}
#app-shell.th-tuta-pearl :is(input,textarea)::placeholder { color:var(--ink-4); opacity:1; }
#app-shell.th-tuta-pearl :is(input,select,textarea,button,a):focus-visible {
  outline:2px solid #7742CD; outline-offset:3px;
}
/* The light ring stays visible on reversed surfaces. */
#app-shell.th-tuta-pearl :is(aside,header,[data-testid='prof-identity-row'],[data-testid='info-santrauka']) :focus-visible {
  outline-color:#DCC8FA;
}

/* 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;
}