/* Parent-album (GoBook) screens. Owned by the parent-UI agent; loaded after styles.css.
   The parent designer reuses the couples component classes (.control, .choice-group, .swatch-picker,
   .family-chips, .field, h3, .subhead, .hint); only the section-tab bar differs — three tabs, not four. */

/* Three-tab bar for the parent designer (I Cover · II Box · III Lettering & notes). */
.tabs.tabs-3 { grid-template-columns: repeat(3, 1fr); }

/* "Lettering & notes" is the longest tab label; keep it from crowding its numeral on mid widths. */
.tabs.tabs-3 [role=tab] { padding-left: 6px; padding-right: 6px; }

@media (max-width: 500px) {
  /* Let the longer parent tab labels wrap cleanly rather than overflow. */
  .tabs.tabs-3 [role=tab] { line-height: 1.15; text-align: center; font-size: 13px; }
}

/* Quiet, non-interactive "Studio favourites — coming soon" line, shown under the album switch while
   the favourites fast track is parked. No buttons, no cards — the album opens straight in the tabs. */
.fav-soon {
  margin: -12px 0 28px;
  font-size: 13px;
  color: var(--muted);
  letter-spacing: .01em;
}
.fav-soon::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--gold);
  vertical-align: middle;
  opacity: .6;
}

/* Printed-lettering colour tool (parents, "Color overprinting"): quick picks + a colour wheel + a hex
   field, then a large chosen chip. Reuses the app tokens; printed ink swatches are solid colours. */
.print-swatches { border: 0; padding: 0; margin: 10px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
.print-chip { position: relative; display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); background: #fff; padding: 8px 10px; cursor: pointer; min-height: 44px; }
.print-chip:has(input:checked) { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.print-chip:has(input:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }
.print-chip-sw { width: 22px; height: 22px; border: 1px solid rgba(38,58,48,.28); border-radius: 3px; flex: 0 0 auto; }
.print-chip-name { font-size: 13px; color: var(--ink); }
.print-custom { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 22px; margin: 14px 0 0; }
.print-any { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--field-line); background: #fffdf9; padding: 8px 12px; cursor: pointer; min-height: 46px; }
.print-any:focus-within { outline: 3px solid var(--focus); outline-offset: 3px; }
.print-any-sw { width: 22px; height: 22px; border: 1px solid rgba(38,58,48,.28); border-radius: 3px; }
.print-any input[type=color] { width: 34px; height: 30px; padding: 0; border: 1px solid var(--field-line); background: none; cursor: pointer; min-height: 0; }
.print-hex-field { margin: 0; min-width: 160px; }
.print-hex-field input { text-transform: uppercase; }
.print-chosen { display: flex; align-items: center; gap: 12px; margin: 16px 0 0; }
.print-chosen-sw { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 4px; background: repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 0 0 / 14px 14px; }
.print-chosen-label { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 20px; color: var(--ink); }
.print-chosen-label strong { font-weight: 600; }

/* Acrylic-cover-kept-clean note (couples lettering tab): the "usually kept clean" prompt + confirm note. */
.acrylic-lettering-note { border-left: 3px solid var(--gold); background: var(--warm); padding: 12px 14px; }
.acrylic-lettering-note .acrylic-lettering-prompt { margin: 0 0 4px; font-size: 14px; color: var(--ink); }
.acrylic-lettering-note .hint { margin: 0; }