/* Shared PIN journey and touch controls, using YOROA's existing colours. */
[hidden]{display:none!important}
body.pin-journey>nav{display:none}
.pin-view{display:block;max-width:580px;margin:24px auto}
.pin-view .preview,.pin-view~.preview{display:none}
.pin-view .panel{padding:26px}
.pin-view h1,.pin-card h1{font-size:30px;line-height:1.2;letter-spacing:0}
.pin-card{font:18px/1.55 Arial,Helvetica,sans-serif;color:#152238;max-width:520px}
.pin-card label,.pin-card .field>span{display:block;font-size:18px;font-weight:700;margin:20px 0 8px}
.pin-card input{display:block;width:100%;min-height:58px;border:1px solid #94a7bf;border-radius:12px;padding:14px;font-size:24px;letter-spacing:.15em;box-sizing:border-box}
.pin-card input[type=password]{background:#fff;color:#152238}
.pin-card button{width:100%;min-height:58px;margin-top:18px;border:0;border-radius:12px;padding:14px;font:700 18px/1.4 Arial,sans-serif;background:#0877bf;color:#fff;cursor:pointer;white-space:normal}
.pin-card summary{padding:16px 0;cursor:pointer;font-size:18px;min-height:48px}
.pin-card p{font-size:18px;line-height:1.55}
.pin-card input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #164e9b;outline-offset:3px}
.pin-card button:disabled{opacity:.6;cursor:wait}
dialog.pin-reset{box-sizing:border-box;width:min(94vw,560px);max-height:92dvh;overflow:auto;border:1px solid #dce6f4;border-radius:18px;padding:26px;background:white}
dialog.pin-reset::backdrop{background:#15223888}
.pin-reset input:not([type=checkbox]),.pin-reset textarea{box-sizing:border-box;width:100%;font:inherit;letter-spacing:normal;padding:12px;min-height:54px}
.pin-reset label{display:block;font-size:18px;margin:16px 0}
.pin-reset label input[type=checkbox]{display:inline-block;width:24px;min-height:24px;height:24px;margin-right:10px;vertical-align:middle}
.pin-reset .secondary{background:#edf4fb;color:#173956}
.pin-status{font-size:17px;font-weight:700;color:#164e9b}
.preparation-choices{max-height:38dvh;overflow:auto}
@media(max-width:760px){
 body{font-size:18px}
 .layout{padding:0 12px}.pin-view{margin:16px auto}.pin-view .panel{padding:22px 18px}
 .layout:not(.pin-view) .preview{grid-row:auto;order:2}
 .field>span,label{font-size:17px}.helper,.muted,.foot{font-size:16px}
 button,.button,.action,.secondary,.primary{min-height:52px;font-size:17px;padding:13px 16px}
 input:not([type=checkbox]),select,textarea{font-size:18px;min-height:50px}
 .panel h1{font-size:28px}.management-navigation{flex-wrap:wrap}
 .links{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px;margin:16px 0;padding:12px;background:#f4f7fb;border-radius:12px}
 .links input,.links select{grid-column:1/-1;width:100%;margin:0}.links button{grid-column:2;margin:0}
 .layout #save{width:100%;min-height:58px;font-size:18px}
 dialog.assisted-dialog{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0;border-radius:0!important;padding:12px!important}
 dialog.assisted-dialog h2{font-size:22px;margin:8px 0}
 #management button{max-width:100%;white-space:normal;margin:5px 4px 5px 0}
 .pin-card button{font-size:18px}.pin-card input{font-size:24px}
 dialog.pin-reset{padding:22px 18px}.pin-reset input[type=checkbox]{min-height:24px}
}