/* ROUND 30 — dialogue screen styles (docs/design/round30-work-orders.md, contract C10).
   Owned by ui/dialogue.js. Owner: F (wave 2).
   Created empty by E in task E0 (law item 9's one named exception) so that E0's
   <link> tag has a file to reach through waves 1 and 1.5. E writes no rule here;
   F fills this file in wave 2. */

/* ROUND 30 PROPOSAL 11 (F-1) — the Skip control's own corner. Top-right of
   the dialogue surface, above the location pill's row and clear of the
   tap-to-advance area. The corner itself passes taps through; only the
   button and its caption catch them. Hit box: 52 px on the smaller axis
   (the --pb-tap token). */
.pb-dlg-skipcorner {
  position: absolute; top: calc(var(--pb-sat, 0px) + 8px); right: calc(var(--pb-sar, 0px) + 10px);
  z-index: 6; display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
  pointer-events: none;
}
.pb-dlg-skipcorner .pb-dlg-skip {
  pointer-events: auto; min-height: 52px; min-width: 52px; padding: 0 18px;
  border: 2px solid rgba(237, 192, 96, .75); border-radius: 999px;
  background: rgba(14, 19, 9, .82); color: var(--pb-cream, #F2E8D0);
  font-size: 14px; font-weight: 700; letter-spacing: .3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
.pb-dlg-skipcorner .pb-dlg-skip:disabled { opacity: .55; border-style: dashed; }
.pb-dlg-skip-locked {
  pointer-events: none; max-width: 170px; text-align: right;
  font-size: 11px; line-height: 1.25; color: var(--pb-cream, #F2E8D0); opacity: .85;
  background: rgba(14, 19, 9, .7); border-radius: 8px; padding: 3px 8px;
}
/* The location pill used to be centred; it now keeps clear of the Skip
   corner by sitting left, with room reserved on the right for the pill. */
.pb-dialogue .pb-dlg-location { align-self: flex-start; margin-left: 2px; max-width: calc(100% - 150px); }
@media (max-width: 400px) { .pb-dlg-skipcorner .pb-dlg-skip { padding: 0 14px; font-size: 13px; } }