/* Hallmark · scope: application form within the approved Viva department wireframe.
 * Canonical Viva tokens and form controls; placeholder prose; local preview only.
 * Pre-emit critique: P4 H4 E4 S4 R5 V4.
 */
.wf-application-layout--form{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.wf-application-context{margin:var(--vm-stack-l) 0 0;color:var(--vm-pencil-strong)}
.wf-roster-form{--vm-form-field-line:var(--vm-pencil);--vm-form-placeholder:var(--vm-pencil);min-width:0}
.wf-preview-note{margin:0 0 var(--vm-stack-s);padding:var(--vm-stack-s);background:var(--vm-cream);color:var(--vm-pencil-strong);border-left:0}
.wf-required-note{margin:0 0 var(--vm-stack-l);color:var(--vm-pencil-strong)}
.wf-form-section{min-width:0;padding:0;margin:0;border:0}
.wf-form-section+.wf-form-section{margin-top:var(--vm-stack-l)}
.wf-form-section legend{width:100%;padding:0;margin:0 0 var(--vm-stack-m)}
.wf-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vm-stack-m)}
.wf-field-wide{grid-column:1/-1}
.wf-optional{font-weight:400;color:var(--vm-pencil-strong)}
.wf-roster-form .vm-form__field{color:var(--vm-ink);transition:none}
.wf-roster-form textarea.vm-form__field{padding:var(--vm-stack-s);min-height:144px}
.wf-roster-form .vm-form__field:focus{border-color:var(--vm-focus);outline:2px solid var(--vm-focus);outline-offset:2px}
.wf-roster-form .vm-form__field[aria-invalid=true]{border-color:var(--vm-wine)}
.wf-field-help{min-height:20px;margin:var(--vm-stack-2xs) 0 0;color:var(--vm-pencil-strong);font:400 12px/20px var(--vm-font-body)}
.wf-roster-form .vm-form__group:has([aria-invalid=true]) .wf-field-help{color:var(--vm-wine)}
.wf-form-error-summary{margin:0 0 var(--vm-stack-m);padding:var(--vm-stack-s);color:var(--vm-wine);background:var(--vm-rose);font:400 14px/22px var(--vm-font-body)}
.wf-application-actions{display:flex;align-items:center;gap:var(--vm-stack-m);margin-top:var(--vm-stack-l)}
.wf-application-actions .vm-button,.wf-success-actions .vm-button{min-height:52px;white-space:nowrap}
.wf-roster-form :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed;background:var(--vm-cream);color:var(--vm-pencil-strong)}
.wf-role[open] .wf-role-detail{padding-bottom:var(--vm-stack-m)}
.wf-role-apply{display:inline-flex;align-items:center;gap:var(--vm-stack-xs);min-height:44px;margin:0 0 var(--vm-stack-l);color:var(--vm-black);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.wf-role-apply:hover,.wf-role-apply:active{color:var(--vm-indigo)}
.wf-application-success{padding:var(--vm-card-pad);background:var(--vm-cream);color:var(--vm-black);border-radius:var(--vm-radius-card)}
.wf-success-label{margin:0 0 var(--vm-stack-m);color:var(--vm-pencil-strong)}
.wf-application-success .vm-body{margin:var(--vm-stack-m) 0 0;max-width:45ch}
#application-success-role{margin:var(--vm-stack-m) 0 0;color:var(--vm-pencil-strong)}
.wf-success-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vm-stack-m);margin-top:var(--vm-stack-l)}
.wf-text-button{min-height:44px;border:0;padding:0;background:none;color:var(--vm-ink);font:600 14px/20px var(--vm-font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.wf-text-button:hover,.wf-text-button:active{color:var(--vm-indigo)}
@media(hover:hover){.wf-roster-form .vm-form__field:not(:disabled):hover{background:var(--vm-cream)}}
@media(max-width:991px){.wf-application-layout--form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 .wf-field-grid{grid-template-columns:minmax(0,1fr);gap:var(--vm-stack-s)}
 .wf-application-context{margin-top:var(--vm-stack-m)}
 .wf-required-note{margin-bottom:var(--vm-stack-l)}
 .wf-application-actions{align-items:stretch}
 .wf-application-actions .vm-button{width:100%}
}

/* Compact, native multi-select skills; checkbox labels keep a 44px target. */
.wf-skills{min-width:0;border:0;padding:0;margin:0}
.wf-skills legend.vm-form__label{margin-bottom:var(--vm-stack-xs);font:600 var(--vm-caption)/20px var(--vm-font-body)}
.wf-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--vm-stack-m)}
.wf-skill-option{display:flex;align-items:center;gap:var(--vm-stack-xs);min-height:44px;font:400 14px/20px var(--vm-font-body);cursor:pointer}
.wf-skill-option input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--vm-ink)}
.wf-skill-option input:focus-visible{outline:2px solid var(--vm-focus);outline-offset:3px}
.wf-skills[aria-invalid=true] .wf-field-help{color:var(--vm-wine)}
.wf-roster-form [hidden]{display:none!important}
#application-success-rate{margin:var(--vm-stack-s) 0 0;color:var(--vm-pencil-strong)}
@media(max-width:767px){.wf-skill-grid{grid-template-columns:minmax(0,1fr)}}