/* UX36 P115: measured keyboard/touch target corrections from P114 visual QA. */
/* Keep focus rings visible. These are additive hit areas, not font-size hacks. */
:where(#appShell,body) #hideBetaBtn {
  min-width: 36px !important;
  min-height: 36px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  touch-action: manipulation;
}
#view-cards a[href="partner-printful.html"],
#view-cards a[href="card-printing-partners.html"] {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 7px;
  border-radius: 7px;
}
#view-cards a[href="partner-printful.html"]:focus-visible,
#view-cards a[href="card-printing-partners.html"]:focus-visible,
#hideBetaBtn:focus-visible {
  outline: 3px solid #f2c978 !important;
  outline-offset: 2px;
}
/* Independent workshops: keep their existing header geometry, but enlarge targets. */
.topbar nav a,
.head nav a,
.top .back,
.sitebar > a,
.site-top nav a,
body > header > a,
.top nav a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding-block: 7px;
}
.site-top nav a { padding-inline: 7px; }
.sitebar > a { padding-inline: 8px; }
.skip:focus-visible, .skip:focus { min-height: 36px; display: inline-flex; align-items: center; }
@media(max-width:550px) {
  .topbar nav, .site-top nav { row-gap: 6px; }
  .topbar nav a, .site-top nav a { min-height: 40px; }
}

/* P120: small checkbox and hidden file-input affordances in standalone studios. */
#guides { width: 36px !important; height: 36px !important; flex: 0 0 36px; cursor: pointer; }
label:has(> #guides) { display: flex; align-items: center; gap: 10px; min-height: 40px; }
#importTplFile[hidden] { display: none !important; }


/* P123: template checklist checkboxes measured 13px wide on 390px Windows capture.
   Enlarge the *actual input*, not only its surrounding label. */
#itemList.checklist input[type="checkbox"] {
  box-sizing: border-box;
  flex: 0 0 32px;
  inline-size: 32px;
  block-size: 32px;
  min-inline-size: 32px;
  min-block-size: 32px;
  margin: 0;
  accent-color: #1899cc;
  cursor: pointer;
}
#itemList.checklist label { align-items: center; min-block-size: 44px; cursor: pointer; }
#itemList.checklist input[type="checkbox"]:focus-visible {
  outline: 3px solid #f2c978;
  outline-offset: 2px;
}