:root{font:16px system-ui;color:#173c3c;background:#f4f7f6}*{box-sizing:border-box}[hidden]{display:none!important}body{padding:18px 28px;max-width:1700px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:26px;margin-bottom:8px}h2{font-size:21px}h3{font-size:17px}p{line-height:1.5}button,input,textarea,select{font:inherit;border:1px solid #b8cac6;border-radius:7px;padding:10px;max-width:100%}button{cursor:pointer;background:#fff;font-weight:600;min-height:43px}button:disabled{opacity:.48;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #59bbaa;outline-offset:2px}.primary{background:#086c5d;color:white;border-color:#086c5d}.secondary{background:#e4f1ed;border-color:#82b6a7}.quiet{background:transparent;font-weight:400}.brand{display:flex;gap:18px;align-items:center;margin-bottom:18px}.brand strong{font-size:26px;color:#086c5d}.brand .local{margin-left:auto;font-size:13px;color:#5a726d}.steps{display:flex;gap:24px;margin-bottom:22px;color:#657e78}.steps span{display:flex;align-items:center;gap:8px}.steps b{background:#e1eae7;border-radius:50%;padding:5px 11px}.steps .active{color:#075e51;font-weight:650}.steps .active b{background:#086c5d;color:white}.steps .done b{background:#d4ebe1;color:#075e51}section,aside{border:1px solid #d4e0db;border-radius:12px;background:white;padding:18px}.welcome,.workspace_heading{display:flex;justify-content:space-between;gap:22px;align-items:start}.welcome form{min-width:260px}.welcome details{font-size:14px;margin-top:12px}.welcome p{color:#56716b;max-width:580px}.open_row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;border-top:1px solid #e3eae7;padding-top:14px;margin-top:16px}.open_row label{min-width:280px;flex:1}.open_row select{display:block;width:100%;margin-top:6px}label{display:block;margin-bottom:8px}label input:not([type=checkbox]),label textarea{display:block;width:100%;margin-top:6px}.row,.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:end}.row label{flex:1;min-width:90px}.toolbar{margin-bottom:12px;align-items:center}.toolbar label{margin:0}.toolbar select{margin-left:5px}#message{padding:12px 16px;border-left:4px solid #3c9682;background:#e5f2ec;border-radius:6px;margin:14px 0}#message:empty{display:none}.workspace_heading{margin:20px 0 14px}.workspace_heading p{margin-bottom:0;color:#526f66}.save_strip{display:flex;gap:12px;align-items:center}#dirty{font-size:14px;color:#567368}.layout{display:grid;grid-template-columns:minmax(430px,1fr) 330px;gap:18px}.viewer{min-width:0;padding:12px}.hint{font-size:14px;color:#567168;margin:8px 0 12px}.viewer svg{width:100%;height:58vh;min-height:360px;display:block;background:white;border:1px solid #e0e9e4;touch-action:none}#drawings{display:grid;grid-template-columns:1fr}#drawings.compare{grid-template-columns:1fr 1fr}.legend{display:flex;gap:20px;font-size:13px;color:#567168;margin-top:10px}.status_badge{display:inline-block;background:#fff0d1;color:#6a4708;border-radius:30px;padding:5px 11px;font-size:14px}.status_badge.confirmed{background:#d9f0e3;color:#166b43}.status_badge.rejected{background:#eee;color:#525c5a}aside{overflow-wrap:anywhere}aside section{border:0;padding:0;border-radius:0}aside select,aside button:not(.row button){width:100%;margin-bottom:8px}aside label select{margin-top:6px}aside details{border-top:1px solid #e1e9e5;padding-top:12px;margin-top:12px}summary{cursor:pointer;font-weight:600;line-height:1.5}.checkline{display:flex;gap:8px;font-size:14px;line-height:1.5;margin:15px 0}.checkline input{flex:none;margin-top:4px}#incidents label{background:#fff5dd;padding:10px;border-radius:6px;font-size:14px;line-height:1.5}#incidents small{display:block;margin:6px 0}#incidents input{margin-right:6px}.review_queue{margin-top:18px}.review_queue h2{margin-bottom:7px}.review_queue p{color:#567168}.queue_item{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #e5ece8}.queue_item span{font-size:14px;color:#5c746d}.queue_item button{flex:none}#advanced{margin-top:18px;padding:14px;background:#edf2ef;border-radius:8px}#advanced .muted,#technical_incidents{font-size:12px;overflow-wrap:anywhere}.muted,footer{color:#5b756b}footer{font-size:13px;line-height:1.5;margin:20px 0}.vertex{fill:white;stroke:#065cad;stroke-width:1}svg polygon,svg circle{cursor:pointer}#progress_panel{display:flex;gap:20px;align-items:center;margin-top:14px}progress{width:120px;accent-color:#086c5d}dialog{border:1px solid #b9cec3;border-radius:15px;max-width:480px;width:calc(100% - 28px);padding:25px}dialog::backdrop{background:#123d3266}dialog textarea{min-height:80px}#save_error{color:#913a28}#history p{font-size:13px}
@media(max-width:1050px){body{padding:15px}.layout{grid-template-columns:1fr}.viewer svg{height:52vh}aside{display:block}aside>button{max-width:420px}.welcome{gap:10px}.steps{gap:14px}.save_strip{flex-wrap:wrap;justify-content:end}}@media(max-width:650px){.brand span:not(.local){display:none}.steps{font-size:12px;gap:8px;justify-content:space-between}.steps span{gap:4px}.steps b{padding:4px 8px}.welcome,.workspace_heading{display:block}.welcome form{margin-top:12px}.open_row label{min-width:100%}.save_strip{justify-content:start;margin-top:12px}.toolbar{font-size:14px}.toolbar label{width:100%}.toolbar select{max-width:62%}#drawings.compare{grid-template-columns:1fr}.viewer svg{height:48vh;min-height:300px}.queue_item{align-items:start}.queue_item span{display:block}}