/* TATNERA — global readability layer
   Important working text is intentionally larger. Status microcopy stays compact. */

:root{
  --tatnera-body-size:clamp(14px,.16vw + 13px,16px);
  --tatnera-strong-size:clamp(14.5px,.18vw + 13.5px,16.5px);
  --tatnera-label-size:clamp(13px,.12vw + 12px,14px);
  --tatnera-small-size:clamp(12px,.1vw + 11px,13px);
  --tatnera-micro-size:clamp(10.5px,.08vw + 10px,11.5px);
}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--tatnera-body-size)!important;line-height:1.48}

/* Core working text */
p,li,td,th,label,input,select,textarea,button,.btn,.text-btn,.back-btn,
.panel,.card,.metric-card,.todo-item,.project-card,.customer-card,
.theme-settings-panel,.studio-team-panel,.dialog{
  font-size:var(--tatnera-body-size)!important;
}

/* Form fields and buttons must remain comfortably readable. */
input,select,textarea,button,.btn{
  line-height:1.35!important;
}
input,select,textarea{
  min-height:44px;
}
textarea{line-height:1.5!important}

/* Headings */
h1,#pageTitle{font-size:clamp(25px,.8vw + 20px,34px)!important;line-height:1.15!important}
h2{font-size:clamp(20px,.45vw + 18px,27px)!important;line-height:1.2!important}
h3{font-size:clamp(17px,.3vw + 15px,21px)!important;line-height:1.25!important}
h4{font-size:clamp(15px,.2vw + 14px,18px)!important;line-height:1.3!important}

/* Important names, values and row titles */
strong,
.todo-item strong,
.metric-card strong,
.project-card strong,
.customer-card strong,
.studio-team-main strong,
.session-fact strong,
.session-check strong,
.session-history-row strong,
.service-consent-summary strong,
.role-policy-current strong,
.cross-service-grid strong{
  font-size:var(--tatnera-strong-size)!important;
  line-height:1.35!important;
}

/* Labels and secondary information that users still need to read. */
label,
.form-grid label,
.studio-team-form label,
.metric-card span,
.studio-team-box h4{
  font-size:var(--tatnera-label-size)!important;
}

small,.muted,
.panel p,.dialog p,
.todo-item small,
.metric-card small,
.project-card small,
.customer-card small,
.studio-team-head p,
.studio-team-main span,
.studio-team-note,
.studio-team-empty,
.studio-pending-row span,
.studio-pending-row strong,
.consent-section>p,
.consent-check span,
.service-consent-card-note,
.session-dialog-note,
.session-check span,
.session-history-row span,
.session-ink-row,
.session-photo-preview,
.role-policy-current span,
.cross-service-overview p,
.role-form-warning{
  font-size:var(--tatnera-small-size)!important;
  line-height:1.48!important;
}

/* Settings / team page: these were especially tiny. */
.studio-team-box h4{font-weight:800!important}
.studio-team-avatar{font-size:12px!important}
.studio-team-actions select,
.studio-team-form input,
.studio-team-form select,
.studio-invite-result,
.studio-invite-link input{
  font-size:13px!important;
}
.studio-team-actions select{min-height:38px!important}
.studio-team-form input,.studio-team-form select{min-height:44px!important}

/* Role / permission overview needs to be readable without zooming. */
.role-policy-table th,.role-policy-table td{
  font-size:12.5px!important;
  line-height:1.4!important;
  padding:11px 12px!important;
}
.cross-service-grid span{font-size:11.5px!important;line-height:1.3!important}

/* Keep truly secondary system labels compact, but not microscopic. */
.eyebrow,.badge,.status-pill,
.service-consent-badge,
.dashboard-health-flag,
.session-live,
.session-required{
  font-size:var(--tatnera-micro-size)!important;
  line-height:1.25!important;
}

/* Cards describing roles / permissions in settings. */
.theme-settings-panel article p,
.theme-settings-panel article small,
.theme-settings-panel section p,
.theme-settings-panel section small{
  font-size:var(--tatnera-small-size)!important;
  line-height:1.45!important;
}

/* Tables */
table td,table th{padding-top:11px!important;padding-bottom:11px!important}
table th{font-weight:750!important}

@media(max-width:760px){
  body{font-size:15px!important}
  input,select,textarea,button,.btn{font-size:16px!important}
  small,.muted,.panel p,.dialog p,.consent-check span,.studio-team-head p,.studio-team-note{font-size:13px!important}
  .eyebrow,.badge,.status-pill,.service-consent-badge,.dashboard-health-flag,.session-live,.session-required{font-size:11px!important}
  .studio-team-main strong{font-size:15px!important}
  .studio-team-main span{font-size:13px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .role-policy-table th,.role-policy-table td{font-size:13px!important}
}