/* PICK.IT R50.2 UI Refine 12 — semantic typography hierarchy.
   One family is defined in styles.css. This layer only normalizes size/weight
   by role so equal information carries equal visual emphasis. */
:root{
  --type-meta:10px;
  --type-small:12px;
  --type-body:14px;
  --type-lead:16px;
  --type-section:28px;
  --weight-regular:500;
  --weight-medium:650;
  --weight-strong:750;
  --weight-heavy:900;
}

html,body{font-size:var(--type-body);font-weight:var(--weight-regular)}

/* Metadata / labels: small, quiet, consistent. */
.eyebrow,label,th,.miniGrid span,.readyCard span,.metric p,.adminNav button,.pill,
.tagForm label,.nav-group{
  font-size:var(--type-meta);
  font-weight:var(--weight-strong);
}

/* Supporting copy: readable but visually secondary. */
.hint,.fine,.rewardChoice span,.zoneCandidate span,.zoneSource,.storageStatus,
.consentRow small,.faqCopy,.walletFooter,.legalFine,td small{
  font-size:var(--type-small);
  font-weight:var(--weight-regular);
}

/* Normal interface copy. */
.statusLine,.saveStatus,table,td,.profileLine,.contextLine,.sheetLead,.qrInstruction,
.rewardChoice,.readinessItem{
  font-size:var(--type-body);
  font-weight:var(--weight-regular);
}

/* Strong only where the user is choosing or confirming an action. */
.primary,.outline,.glassAction,.miniBtn,.textAction,.compactDetails summary,
.walletFooter a,.walletFooter .footerLink,.privacyBack{
  font-size:11px;
  font-weight:var(--weight-strong);
}

/* Sheet titles are one level everywhere. */
.sheetHead h2{
  font-size:var(--type-section);
  font-weight:var(--weight-strong);
  letter-spacing:-.055em;
  line-height:.94;
}

/* Personal / numeric values carry emphasis; their labels do not. */
.miniGrid b,.readyCard b{
  font-weight:var(--weight-strong);
}
.metric b{
  font-weight:var(--weight-strong);
}

/* Collector greeting: visible, human, never headline-heavy. */
.fieldStatus{
  font-size:var(--type-body);
  font-weight:var(--weight-medium);
  line-height:1.25;
}

/* PICK / DROP is the strongest command on the collector screen. */
.shutterBtn{
  font-size:13px;
  font-weight:var(--weight-heavy);
  letter-spacing:.12em;
}
.shutterBtn[data-tone="status"]{
  font-size:10px;
  font-weight:var(--weight-strong);
  letter-spacing:.025em;
  line-height:1.15;
}
.shutterBtn[data-tone="success"]{
  font-size:24px;
  font-weight:var(--weight-heavy);
  letter-spacing:-.04em;
}
.shutterBtn[data-tone="declined"]{
  font-size:10px;
  font-weight:var(--weight-strong);
  letter-spacing:.025em;
  line-height:1.15;
}
.feedback.verification{
  font-size:var(--type-body);
  font-weight:var(--weight-medium);
}

/* Wallet / rewards / bin content. */
.rewardChoice b,.qrReward,.consentRow b{
  font-size:15px;
  font-weight:var(--weight-strong);
}
.faqDetails summary{
  font-size:13px;
  font-weight:var(--weight-medium);
}
.faqCopy b{
  font-weight:var(--weight-strong);
}
.fallbackCode{
  font-size:10px;
  font-weight:var(--weight-medium);
}

/* Admin / operational hierarchy: display > section > data > metadata. */
.adminLogin h1,.adminHeader h1,.impactHero h1,.gatewayHero h1{
  font-weight:800;
}
.tableCard h2,.editorCard h2,.cardTitle h2{
  font-size:28px;
  font-weight:var(--weight-strong);
  letter-spacing:-.055em;
  line-height:.95;
}
.actionCard b{
  font-weight:var(--weight-strong);
}
.adminNav button,.primary,.outline,.miniBtn,.pill{
  font-weight:var(--weight-strong);
}
th{
  font-weight:var(--weight-strong);
}
td b{
  font-weight:var(--weight-medium);
}

/* Privacy follows the same hierarchy instead of behaving as a separate document style. */
.privacyLead{
  font-size:var(--type-lead);
  font-weight:var(--weight-regular);
}
.privacyDocument h2{
  font-size:18px;
  font-weight:var(--weight-strong);
}
.privacyDocument section p{
  font-size:var(--type-body);
  font-weight:var(--weight-regular);
}

@media(max-width:560px){
  .sheetHead h2{font-size:26px}
  .tableCard h2,.editorCard h2,.cardTitle h2{font-size:25px}
}
