/* Phase 3 shared presentation for Employees, Time, Schedule, and Settings. */
body.brand-migrated-page{color:var(--color-text-primary)}
body.brand-migrated-page main{max-width:var(--content-wide);margin-inline:auto}
body.brand-migrated-page h1{color:var(--color-text-primary);font-size:clamp(22px,3vw,30px);line-height:1.15}
body.brand-migrated-page h2{color:var(--color-text-primary)}
body.brand-migrated-page .panel,
body.brand-migrated-page .tp-card,
body.brand-migrated-page .employee-detail-card,
body.brand-migrated-page .selected-panel,
body.brand-migrated-page .calendar-panel,
body.brand-migrated-page .stripe-card{border-color:var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-subtle)}
body.brand-migrated-page button,
body.brand-migrated-page .btn,
body.brand-migrated-page .tp-button{min-height:44px;border-radius:var(--radius-md);font-weight:800}
body.brand-migrated-page button:not(.secondary):not(.danger):not(.ghost):not(.tp-tab):not(.employee-dialog-close):not(.quick-add-close):not(.today-button):not(.calendar-day):not([data-calendar-nav]),
body.brand-migrated-page .tp-button:not(.secondary),
body.brand-migrated-page .primary,
body.brand-migrated-page .primary-action{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}
body.brand-migrated-page .secondary,
body.brand-migrated-page .secondary-action,
body.brand-migrated-page .btn.secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-brand-primary)}
body.brand-migrated-page .danger{border-color:#fecdca;background:var(--color-error-subtle);color:var(--color-error)}
body.brand-migrated-page input:not([type="checkbox"]):not([type="radio"]),
body.brand-migrated-page select,
body.brand-migrated-page textarea{min-height:var(--control-height-md);border-color:var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:16px}
body.brand-migrated-page .tp-tab{min-height:44px;border-color:var(--color-border);background:var(--color-surface);color:var(--color-brand-primary)}
body.brand-migrated-page .tp-tab.active{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}
body.brand-migrated-page .tp-stat strong{color:var(--color-brand-primary)}
body.brand-migrated-page .employee-role,
body.brand-migrated-page .employee-status,
body.brand-migrated-page .employee-detail-badges span{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary)}
body.brand-migrated-page .today-button{min-height:44px;border-color:var(--color-border);background:var(--color-surface);color:var(--color-brand-primary)}
body.schedule-page .calendar-nav button{border-color:var(--color-border);background:var(--color-surface);color:var(--color-brand-primary)}
body.schedule-page .calendar-day{background:var(--color-surface);color:var(--color-text-primary)}
body.schedule-page .calendar-day.today{background:var(--color-brand-accent-subtle);color:var(--color-text-primary)}
body.brand-migrated-page .schedule-card{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-none)}
body.settings-page .account-delete-link{margin-top:var(--space-3)}
body.settings-page .settings-nav a,
body.settings-page main .settings-nav a:not(.btn):not(.primary){min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-brand-primary)!important;-webkit-text-fill-color:var(--color-brand-primary)!important}
body.settings-page .settings-nav a[aria-current="page"],
body.settings-page main .settings-nav a[aria-current="page"]{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff!important;-webkit-text-fill-color:#fff!important}

@media(max-width:600px){
  body.brand-migrated-page main{padding-left:var(--space-4);padding-right:var(--space-4)}
  body.brand-migrated-page h1{font-size:22px}
  body.brand-migrated-page .panel,
  body.brand-migrated-page .tp-card,
  body.brand-migrated-page .employee-detail-card{border-radius:var(--radius-md)}
}