:root{font-family:'Segoe UI',Arial,sans-serif;color:#19322d;background:#f3f6f7;font-size:16px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-right:1px solid #d8e3e0;padding:32px 22px;display:flex;flex-direction:column;gap:14px}.brand{font-size:32px;font-weight:750;letter-spacing:-1.4px;text-decoration:none;color:#19322d}.brand span{color:#12895c}aside p{margin:0 0 16px;color:#537069}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;color:#37554f;font-weight:500;padding:10px 12px}nav button[aria-current=page]{background:#e1f2e9;color:#086340;box-shadow:inset 3px 0 #138657}aside small{margin-top:auto;padding-top:30px;color:#526d66;line-height:1.7}main{padding:36px clamp(20px,4vw,65px);max-width:1550px;width:100%}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:32px;letter-spacing:-.8px;margin:4px 0 22px}.context{color:#547168;margin:0;font-size:14px}button{font:inherit;font-weight:600;border:0;border-radius:6px;padding:11px 17px;background:#096d49;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#e8efed;color:#254e40}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2474c6;outline-offset:2px}.notice{border-left:4px solid #d19a25;background:#fff6e3;padding:14px 18px;font-size:14px;line-height:1.6}#message{color:#6d4125;min-height:24px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 16px}label{display:grid;gap:7px;font-size:14px;font-weight:600}.toolbar label{width:min(480px,100%)}input,select,textarea{font:inherit;font-size:16px;background:white;color:#19322d;border:1px solid #a9bfb7;border-radius:5px;padding:10px;width:100%}textarea{min-height:100px;resize:vertical}.tablewrap{overflow:auto;background:#fff;border:1px solid #d8e3e0;border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:14px;background:#edf3f0;color:#3e5d52;font-weight:600}td,th{padding:15px;border-bottom:1px solid #e1e9e5}td{font-size:14px;max-width:350px;overflow-wrap:anywhere}td button{padding:7px 12px;font-size:14px}.help{margin-top:38px;max-width:760px;color:#536c65;line-height:1.65}.help h2{font-size:19px;color:#234a3e}.help p{font-size:14px}dialog{border:1px solid #adc7bb;border-radius:12px;width:min(750px,95vw);max-height:90vh;padding:26px}dialog::backdrop{background:#163b3299}dialog header{margin-bottom:25px}dialog h2{margin:0;font-size:23px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}#fields label:has(textarea){grid-column:1/-1}footer{display:flex;justify-content:end;margin-top:20px}#form-error{color:#a12626}#history{font-size:14px;margin-top:22px;line-height:1.6}pre{white-space:pre-wrap;overflow-wrap:anywhere}#count{font-size:14px;color:#536c65}@media(max-width:850px){body{display:block}aside{padding:15px;border-right:0}aside small,aside p{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}main{padding:22px 15px}#fields{grid-template-columns:1fr}header{flex-wrap:wrap}h1{font-size:27px}}
/* Workflow layout */
#overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#overview>button{grid-column:1/-1;justify-self:start}#overview .help{margin:0;padding:20px;background:white;border:1px solid #d8e3e0;border-radius:8px}#overview .help h2{margin-top:0}#overview .help button{display:block;width:100%;text-align:left;margin-top:8px;overflow-wrap:anywhere}#fields>section{grid-column:1/-1}#fields>section button{margin:4px}aside{position:sticky;top:0;height:100vh;overflow-y:auto}@media(max-width:850px){#overview{grid-template-columns:1fr}aside{position:static;height:auto}}
