.form{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}.field{gap:7px;display:grid}.field label,.label,.roles legend{font-weight:620;font-size:var(--step--1)}.muted{color:var(--muted);font-weight:450}.field input,.field textarea{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:10px 3px;width:100%;min-height:48px;padding:11px 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}.field input:hover,.field textarea:hover{border-color:var(--muted)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);outline:none}.field [aria-invalid=true]{border-color:var(--danger)}.field-err{color:var(--danger);font-size:var(--step--1);align-items:flex-start;gap:6px;font-weight:560;display:flex}.field-err svg{flex:none;width:18px;height:18px;margin-top:1px}.roles{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.roles legend{margin-bottom:10px;padding:0}.role{cursor:pointer;display:inline-block;position:relative}.role input{opacity:0;cursor:pointer;position:absolute;inset:0}.role span{border:1.5px solid var(--line-strong);font-weight:560;font-size:var(--step--1);border-radius:10px 3px;padding:9px 14px;transition:border-color .15s,background-color .15s;display:inline-block}.role input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--ground)}.role input:focus-visible+span{outline:2.5px solid var(--focus);outline-offset:3px}.products-field{background:var(--surface);border:1px dashed var(--line-strong);border-radius:12px 3px;gap:10px;padding:16px;display:grid}.products-empty{color:var(--muted);font-size:var(--step--1)}.products-add{width:fit-content;min-height:40px;font-size:var(--step--1);align-items:center;gap:6px;display:inline-flex}.products-add svg{width:16px;height:16px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--ground);border:1px solid var(--line-strong);font-size:var(--step--1);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:5px 5px 5px 12px;display:inline-flex}.chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip-pack{color:var(--muted)}.chip button{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;display:grid}.chip button:hover{background:var(--ground-2)}.chip button svg{width:14px;height:14px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-error{border:1.5px solid var(--danger);color:var(--danger);border-radius:10px 3px;gap:10px;padding:14px 16px;font-weight:560;display:flex}.form-error svg{flex:none;width:20px;height:20px}.form-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.form-note{font-size:var(--step--1)}.form-done{justify-items:start;gap:16px;padding:8px 0;display:grid}.form-done:focus{outline:none}.form-done-icon{background:var(--success);width:52px;height:52px;color:var(--surface);border-radius:16px 4px;place-items:center;display:grid}.form-done-icon svg{width:28px;height:28px}