.staff-workbench-intro{padding:24px}.staff-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.staff-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.staff-template{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.staff-template p{line-height:1.7;white-space:pre-wrap}.staff-template small{color:var(--green)}.application-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);align-items:start;gap:20px}.application-row{display:flex;width:100%;justify-content:space-between;gap:14px;padding:20px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);cursor:pointer}.application-row:hover{background:var(--surface)}.application-row span{min-width:0}.application-row small{display:block;color:var(--muted);margin-top:8px;line-height:1.5;overflow-wrap:anywhere}.application-body{padding:24px;overflow-wrap:anywhere}.application-scores{display:grid;grid-template-columns:1fr 1fr;gap:16px}.application-scores article{padding:18px;border:1px solid var(--line);border-radius:10px}.application-scores strong{display:block;font-size:32px;color:var(--green);margin:12px 0}.application-scores small,.application-scores span{display:block;color:var(--muted);line-height:1.5}.application-answer{padding:20px 0;border-top:1px solid var(--line)}.application-answer p{white-space:pre-wrap;line-height:1.7}.application-answer h3{font-size:15px;line-height:1.6}.application-warning{border-left:3px solid #de9e76;padding:12px;background:#de9e7612}.application-body label{display:block;margin:14px 0}.application-body :is(select,textarea){display:block;width:100%;max-width:100%;box-sizing:border-box;padding:12px;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit}.application-body textarea{resize:vertical}.application-body details{margin-top:24px}.application-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:20px}#application-detail{scroll-margin-top:20px}body:has([data-view="workbench"]:not([hidden])) #mini-console,body:has([data-view="applications"]:not([hidden])) #mini-console{display:none}@media(max-width:1100px){.application-layout{grid-template-columns:1fr}}@media(max-width:600px){.application-scores{grid-template-columns:1fr}.application-row{flex-direction:column}}
