/* drpreetha.com — "Where am I?" tracker (2026-10-22). Extends .theme-pyq.
   page-designer: A/B winner A + inspire "ledger-rule" (registry hairlines, mono data cells). Scoped to .theme-trk. */
.theme-trk .trk-asof { font-size: .85rem; color: var(--color-text-secondary); margin: .7rem 0 0; }
.theme-trk .trk-card { margin: 1.4rem 0 0; background: var(--paper-card); border: 1px solid var(--color-card-border); border-left: 3px solid var(--color-primary); border-radius: 12px; padding: 1.1rem 1.2rem; box-shadow: var(--v3-shadow-sm); }
.theme-trk .trk-h { margin: 0 0 .6rem; font-size: 1.25rem; }
.theme-trk .trk-form label { display: block; font-size: .88rem; font-weight: 600; margin: .8rem 0 .3rem; }
.theme-trk .trk-form select, .theme-trk .trk-form input:not([type=checkbox]) { width: 100%; min-height: 44px; padding: .55rem .7rem; border: 1px solid var(--color-card-border); border-radius: 8px; font: inherit; background: #fff; color: var(--color-text); }
.theme-trk .trk-form input:focus-visible, .theme-trk .trk-form select:focus-visible { outline: 3px solid #5cc3cc; outline-offset: 1px; }
.theme-trk .trk-two { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
.theme-trk .trk-form .trk-consent { display: flex; gap: .55rem; align-items: flex-start; font-weight: 400; font-size: .85rem; line-height: 1.5; }
.theme-trk .trk-consent input { margin-top: .25rem; width: 1.1rem; height: 1.1rem; flex: none; }
.theme-trk .trk-wide { width: 100%; margin: .4rem 0; }
.theme-trk .trk-small { font-size: .82rem; color: var(--color-text-secondary); margin: .6rem 0 0; }
.theme-trk .trk-msg { border-radius: 8px; padding: .6rem .8rem; margin: 0 0 .8rem; font-size: .92rem; }
.theme-trk .trk-msg.is-ok { background: rgba(23,112,122,.08); border: 1px solid rgba(23,112,122,.25); }
.theme-trk .trk-msg.is-err { background: rgba(193,74,43,.07); border: 1px solid rgba(193,74,43,.3); }
.theme-trk .trk-result { margin: 1.2rem 0 0; background: var(--paper-card); border: 1px solid var(--color-card-border); border-radius: 12px; padding: 1.1rem 1.2rem; scroll-margin-top: 80px; }
.theme-trk .trk-verdict { font-family: var(--font-heading, Georgia, serif); font-size: 1.3rem; margin: 0 0 .8rem; padding-bottom: .5rem; border-bottom: 2px solid var(--brick); }
.theme-trk .trk-verdict.is-reached { border-color: var(--color-primary); }
.theme-trk .trk-ledger { margin: 0; background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(2.9rem - 1px), rgba(193,74,43,.12) calc(2.9rem - 1px), rgba(193,74,43,.12) 2.9rem); }
.theme-trk .trk-ledger > div { display: grid; grid-template-columns: minmax(8rem, 40%) 1fr; gap: .8rem; align-items: baseline; min-height: 2.9rem; padding: .55rem 0; }
.theme-trk .trk-ledger dt { font-family: var(--mono); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.theme-trk .trk-ledger dd { margin: 0; font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 1rem; }
.theme-trk .trk-ledger small { display: block; font-family: inherit; font-size: .75rem; color: var(--color-text-secondary); }
.theme-trk .trk-src { font-size: .84rem; margin: .8rem 0 0; }
.theme-trk .trk-up { margin: 1.2rem 0 0; padding: .9rem 1.1rem; border: 1px dashed var(--color-primary); border-radius: 12px; }
.theme-trk .trk-up p { margin: 0 0 .6rem; }
.theme-trk h2.sect { font-size: 1.3rem; }
.theme-trk .trk-list { margin: 1rem 0 1.4rem; }
.theme-trk .trk-list h3 { margin: 0; font-size: 1.05rem; }
.theme-trk .trk-list h3 span { font-family: var(--mono); font-size: .8rem; color: var(--brick); margin-left: .3rem; }
.theme-trk .trk-list header { margin-bottom: .6rem; }
.theme-trk .trk-table td { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.theme-trk .trk-pill { display: inline-block; font-family: var(--mono); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; border-radius: 99px; padding: .05rem .5rem; margin-right: .3rem; border: 1px solid; }
.theme-trk .trk-pill.is-live { color: var(--color-primary); border-color: var(--color-primary); }
.theme-trk .trk-pill.is-closed { color: var(--ink-2); border-color: var(--color-card-border); }
.theme-trk .trk-steps { padding-left: 1.2rem; display: grid; gap: .5rem; }
.theme-trk .trk-watch { padding-left: 1.1rem; }
.theme-trk .trk-inline { display: inline; }
.theme-trk .trk-link { background: none; border: 0; padding: 0; color: var(--color-primary); text-decoration: underline; font: inherit; cursor: pointer; }
@media (max-width: 560px) { .theme-trk .trk-two { grid-template-columns: 1fr; } .theme-trk .trk-ledger > div { grid-template-columns: 1fr; gap: .1rem; } .theme-trk .trk-ledger { background-image: none; } .theme-trk .trk-ledger > div { border-bottom: 1px solid rgba(193,74,43,.12); } }
@media (prefers-reduced-motion: reduce) { .theme-trk * { scroll-behavior: auto; } }

.theme-trk details.trk-list { border: 1px solid var(--color-card-border); border-radius: 12px; padding: .7rem .9rem; background: var(--paper-card); }
.theme-trk details.trk-list > summary { cursor: pointer; list-style: none; }
.theme-trk details.trk-list > summary::-webkit-details-marker { display: none; }
.theme-trk details.trk-list > summary h3::after { content: ' +'; font-family: var(--mono); color: var(--color-primary); }
.theme-trk details.trk-list[open] > summary h3::after { content: ' −'; }
.theme-trk details.trk-list[open] > summary { margin-bottom: .6rem; }
.theme-trk .trk-table th, .theme-trk .trk-table td { text-align: left; }
.theme-trk .trk-form input[type=date] { -webkit-appearance: none; appearance: none; }

/* dark mode (page-designer 2026-10-22): no white islands at night */
@media (prefers-color-scheme: dark) {
  .theme-trk .trk-form select, .theme-trk .trk-form input:not([type=checkbox]) { background: var(--paper-card); color: var(--color-text); border-color: rgba(255,255,255,.16); }
  .theme-trk .trk-form input::placeholder { color: var(--color-text-secondary); }
  .theme-trk .trk-msg.is-ok { background: rgba(79,195,207,.08); border-color: rgba(79,195,207,.2); }
  .theme-trk .trk-msg.is-err { background: rgba(224,122,95,.08); border-color: rgba(224,122,95,.25); }
  .theme-trk .trk-ledger { background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(2.9rem - 1px), rgba(224,122,95,.14) calc(2.9rem - 1px), rgba(224,122,95,.14) 2.9rem); }
  /* native controls follow the dark theme: no white checkbox, visible calendar icon (2026-10-22) */
  .theme-trk .trk-form input, .theme-trk .trk-form select { color-scheme: dark; }
  .theme-trk .trk-form input[type=checkbox] { accent-color: var(--color-primary); }
  .theme-trk .trk-form input[type=date]::-webkit-calendar-picker-indicator { opacity: .85; cursor: pointer; }
}
/* sign-out / delete links: comfortable tap target on phones */
.theme-trk .trk-small a, .theme-trk .trk-small .trk-link { display: inline-block; padding: .35rem .1rem; }