/* Pilot: invite, the dashboard's region, the questionnaire. app.css's look, no new colour or font. */
.invite-email[readonly]{border-color:transparent;color:var(--ink-2);}
.invite-email,.input-wrap--reveal .input{text-overflow:ellipsis;}
/* a served refusal: a statement, no heading */
[data-invite]:not([data-invite-state=ready]) .auth-title{font:var(--t-title);letter-spacing:0;text-wrap:balance;}
/* gone: Sign in at the sentence's size, a 44px target */
[data-invite-sub] a{display:inline;font:inherit;font-weight:600;white-space:nowrap;position:relative;}
[data-invite-sub] a::after{content:"";position:absolute;inset:calc(50% - var(--ctl) / 2) 0;}
[data-invite-sub] a:active{color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.pilot{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:var(--gap);}
:root[data-signed-out] .pilot{display:none;}
.pilot-left{font:var(--t-small);color:var(--ink-2);padding:0 var(--workspace-gutter);}
.pilot-ended{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-16) var(--s-24);padding:var(--workspace-gutter);background:var(--page);border-radius:var(--r-panel);}
.pilot-ended>div:first-child{flex:1 1 320px;min-width:0;}
.pilot-ended h2{font:var(--t-title);}
.pilot-ended[data-nudge]{animation:pilot-nudge 700ms var(--e-out);}
@keyframes pilot-nudge{from{background-color:var(--ctl-hover);}}
/* as .modal--finish: the body scrolls */
.pilot-survey>:is(form,.survey-done){display:flex;flex-direction:column;flex:0 1 auto;min-height:0;}
.pilot-survey .modal-body{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;}
.pilot-survey .modal-foot{flex:none;}
.pilot-survey [aria-busy=true]{opacity:.4;pointer-events:none;}
.survey-q{border:0;margin:0;padding:var(--s-20) 0 0;min-width:0;}
.survey-q:not([hidden])~.survey-q:not([hidden]){margin-top:var(--s-20);border-top:1px solid var(--line);}
.survey-q legend{float:left;width:100%;padding:0;font:var(--t-strong);color:var(--ink);}
.survey-q legend+*{clear:both;}
.survey-q .help{margin-top:var(--s-4);}
.survey-opts{display:flex;flex-direction:column;align-items:flex-start;margin-top:var(--s-8);}
.survey-opts .checkbox{margin-top:0;align-items:center;}
.survey-opts .checkbox-box{margin-top:0;}
.survey-q .textarea{margin-top:var(--s-12);min-height:72px;}
.survey-q [data-other],.survey-q .field-reason{margin-top:var(--s-8);}
/* Finish setup's meter, eight parts */
.survey-count{margin:0 0 var(--s-16);}
.survey-count::before,.survey-count::after{mask:repeating-linear-gradient(90deg,black 0 calc((100cqw - 28px) / 8),transparent 0 calc((100cqw + 4px) / 8)) 0 0 / 100cqw 100% no-repeat;}
.survey-count::after{width:calc(var(--step,1) * 12.5%);}
[data-enter]{animation:survey-in var(--dur-2) var(--e-out);}
[data-enter="back"]{--from:calc(-1 * var(--s-12));}
@keyframes survey-in{from{opacity:0;transform:translateX(var(--from,var(--s-12)));}}
.survey-done .modal-body{align-items:center;gap:var(--s-8);padding-block:var(--s-32);text-align:center;}
.survey-done .icon-chip{background:var(--spirit);color:var(--on-spirit);margin-bottom:var(--s-8);animation:survey-pop var(--dur-2) var(--e-out);}
.survey-done h3{font:var(--t-display);letter-spacing:var(--track-display);}
@keyframes survey-pop{from{opacity:0;transform:scale(.9);}}
@media (max-width:600px){
.pilot-ended{padding:var(--s-16);}
.pilot-ended .page-actions{flex-direction:column;align-items:stretch;width:100%;}
.pilot-survey{height:calc(100dvh - 32px);}
.pilot-survey>:is(form,.survey-done),.pilot-survey .modal-body{flex:1 1 auto;}
.pilot-survey .modal-foot .btn{flex:1 1 0;}
}
