/* Shared compact personal screen preferences. Document/print presentation stays independent. */
@media screen {
  .tk-view-picker{box-sizing:border-box;width:min(100%,540px);max-width:100%;display:flex;align-items:center;justify-content:flex-end;gap:4px 10px;flex-wrap:wrap;margin:0 0 0 auto;font:400 .8125rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tk-ink,#302b35);text-align:left;min-width:0}
  .tk-view-picker .tk-view-caption{flex:0 0 auto;font-size:.8125rem;font-weight:650;color:var(--tk-muted,var(--tk-ink,#302b35))}
  .tk-view-picker .tk-view-controls{display:flex;gap:3px;flex-wrap:wrap;min-width:0;max-width:100%}
  .tk-view-picker button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:44px;max-width:100%;padding:6px 8px;margin:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--tk-ink,#302b35);font:600 .8125rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:normal;cursor:pointer;text-align:center;touch-action:manipulation}
  .tk-view-picker button[aria-pressed=true]{border-color:var(--tk-action,#63466a);background:var(--tk-wash,#f2e8ee);font-weight:750}
  .tk-view-picker button:hover{background:var(--tk-wash,#f2e8ee)}
  .tk-view-picker button:focus-visible{outline:3px solid var(--tk-focus,var(--tk-action,#63466a));outline-offset:2px;position:relative;z-index:1}
  .tk-view-picker .tk-view-dot{width:11px;height:11px;flex:0 0 11px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 1px #fff}
  .tk-view-picker button[data-tk-view-theme=""] .tk-view-dot{background:linear-gradient(135deg,var(--tk-action,#63466a) 50%,#fff 50%)}
  .tk-view-picker .tk-view-check{display:inline-block;width:.9em;flex:0 0 .9em;font-size:.8125rem;font-weight:800}
  .tk-view-picker .tk-view-note{display:block;flex-basis:100%;max-width:100%;margin:0;padding:0 4px 2px;text-align:right;font:400 .75rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tk-muted,var(--tk-ink,#302b35));overflow-wrap:anywhere;min-height:18px}
  html[data-tk-view] body{color:var(--tk-ink);background:var(--tk-paper,#fff)}
  html[data-tk-view] :is(.top,.studio-nav,.panel,.kpi,.person,.help-card,.login,dialog,#book-appointment-wizard,#message-frame,.tk-time-chooser){border-color:var(--tk-border)}
  html[data-tk-view] :is(.studio-nav nav button[aria-current],.role,.pilot,.tk-help-panel,.tk-time-chooser,.tk-timezone-settings,.tkd-tags li){background:var(--tk-wash);color:var(--tk-ink)}
  html[data-tk-view] :is(.studio-nav nav button,.eyebrow,.top>p,.person p,.small,td small,label,.help-card li){color:var(--tk-muted,var(--tk-ink))}
  html[data-tk-view] :is(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea){color:var(--tk-ink);background:#fff;border-color:var(--tk-border);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
  html[data-tk-view] :is(.btn-primary,.button.primary,.primary,.pilot-link,.studio-customer-link,.tk-guide-toggle){background:var(--tk-action);border-color:var(--tk-action);color:#fff}
  html[data-tk-view] :is(.btn-primary,.button.primary,.primary,.pilot-link,.studio-customer-link):hover{background:var(--tk-hover,var(--tk-action));border-color:var(--tk-hover,var(--tk-action));color:#fff}
  html[data-tk-view] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--tk-focus,var(--tk-action));outline-offset:3px}
  html[data-tk-view] .tk-view-picker button{color:var(--tk-ink);background:transparent;border-color:transparent}
  html[data-tk-view] .tk-view-picker button:is([aria-pressed=true],:hover){background:var(--tk-wash);border-color:var(--tk-action)}
  /* Status semantics do not follow decorative palettes. */
  html[data-tk-view] :is(.error,#booking-error,.danger){color:#943c36!important}
  html[data-tk-view] :is(.success,.booking-saved,.field-save[data-phase=saved]){color:#216346!important}
  @media(max-width:600px){
    .tk-view-picker{width:100%;justify-content:flex-start;margin:0;gap:2px 6px}
    .tk-view-picker .tk-view-caption{flex-basis:100%;font-size:.75rem}
    .tk-view-picker .tk-view-controls{width:100%;display:flex;flex-wrap:wrap;gap:3px}
    .tk-view-picker button{flex:1 1 auto;min-width:max-content;font-size:.75rem;padding:6px 3px;gap:3px}
    .tk-view-picker .tk-view-dot{width:9px;height:9px;flex-basis:9px}
    .tk-view-picker .tk-view-check{font-size:.75rem}
    .tk-view-picker .tk-view-note{text-align:left;padding-left:0;font-size:.75rem}
  }
  @media(max-width:340px){.tk-view-picker button{font-size:.8125rem}}
  @media(prefers-reduced-motion:reduce){.tk-view-picker *{animation:none!important;transition:none!important}}
}
@media print{.tk-view-picker{display:none!important}}