.roles-workspace{--ink:#283e39;--muted:#627069;--line:#d8dfd6;--green:#345b4c;--cream:#fffdf7;color:var(--ink);min-width:0}.roles-workspace .roles-layout{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,2fr);gap:24px;align-items:start}.roles-workspace .roles-candidates{position:sticky;top:16px;background:#eeeede;padding:18px;border-radius:18px}.roles-candidates button{display:block;width:100%;margin:8px 0}.roles-workspace button{font:inherit;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:12px;min-height:46px;padding:10px 14px;cursor:pointer;margin:5px}.roles-workspace button[aria-pressed=true]{background:var(--green);color:white}.roles-workspace button:disabled{opacity:.5;cursor:default}.roles-workspace .card{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--cream);margin:16px 0}.roles-workspace label{display:flex;flex-direction:column;gap:8px;margin:12px 0}.roles-workspace input,.roles-workspace select{font:inherit;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;width:100%;background:var(--cream);color:var(--ink)}.roles-workspace .roles-check{flex-direction:row;align-items:center}.roles-check input{order:-1;width:22px;height:22px;min-height:22px;accent-color:var(--green);flex-shrink:0}.roles-workspace p{line-height:1.65;overflow-wrap:anywhere}.roles-workspace .hint{color:var(--muted)}.roles-workspace .summary{white-space:pre-line}.roles-workspace .notice{padding:14px;border-radius:12px;background:#e5ebdf}.roles-workspace :focus-visible{outline:3px solid #a97836;outline-offset:3px}@media(max-width:700px){.roles-workspace .roles-layout{grid-template-columns:1fr}.roles-workspace .roles-candidates{position:static}.roles-workspace .card{padding:16px}.roles-workspace button{max-width:100%}}
.layout:has(> .roles-workspace){display:block}.layout:has(> .roles-workspace)>nav{display:none}