/* Ritningsgranskning (Marginalen). Bygger på ritverktygets layout (body.rit-full, .rit-*), här bara det som skiljer. */
.gr-body{grid-template-columns:168px minmax(0,1fr) 340px}
.gr-canvas{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-3);cursor:grab;outline:none;touch-action:none}
.gr-canvas:not([data-tool="val"]):not([data-tool=""]){cursor:crosshair}
.gr-canvas[data-tool="text"],.gr-canvas[data-tool="textruta"]{cursor:text}
.gr-world{position:absolute;left:0;top:0;transform-origin:0 0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.gr-world canvas{position:absolute;display:block}
.gr-world .gr-bas{left:0;top:0;width:100%;height:100%}
.gr-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.gr-ui .gr-ram{fill:none;stroke:var(--sky);stroke-width:1.2;stroke-dasharray:5 3}
.gr-ui .gr-h{fill:#fff;stroke:var(--sky);stroke-width:1.5;pointer-events:all;cursor:nwse-resize}
.gr-ui .gr-h.spets{fill:var(--sky)}
.gr-ui .gr-kal{fill:#0EA5E9;stroke:#fff;stroke-width:2}
.gr-edit{position:absolute;z-index:4;margin:0;border:1px dashed var(--sky);background:rgba(255,255,255,.92);resize:none;overflow:hidden;font-family:Helvetica,Arial,sans-serif;outline:none;box-sizing:border-box;color-scheme:light;white-space:pre-wrap}
.gr-edit[hidden]{display:none}
.gr-revaktiv{background:var(--kraft);color:#fff;border-color:var(--kraft)}
/* egenskaper */
.gp-farger{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.gp-f{width:22px;height:22px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-2);padding:0}
.gp-f[aria-pressed="true"]{box-shadow:0 0 0 2px var(--sky)}
.gp-farger input[type=color]{width:28px;height:24px;padding:0;border:1px solid var(--line-2);border-radius:6px;background:none}
.gp-matt{display:flex;flex-direction:column;gap:2px;font-size:12.5px}.gp-matt b{font-size:17px;color:var(--heading)}
/* lista och filter */
.gp-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.gp-filter select{font-size:12px;padding:4px 6px}
.gp-lista{display:flex;flex-direction:column;gap:2px;max-height:48vh;overflow-y:auto;margin:0 -6px}
.gp-rad{display:flex;gap:8px;align-items:flex-start;text-align:left;border:1px solid transparent;background:none;border-radius:8px;padding:6px;font-size:12.5px;color:var(--fg);width:100%}
.gp-rad:hover{background:var(--surface-2)}
.gp-rad.vald{border-color:var(--sky);background:color-mix(in srgb,var(--sky) 8%,var(--surface))}
.gp-rad.klar{opacity:.62}
.gp-rad i{width:10px;height:10px;border-radius:3px;flex:none;margin-top:3px}
.gp-rad span{min-width:0;overflow-wrap:anywhere}
.gp-lager{display:flex;flex-direction:column;gap:0}
.gp-lager .check{padding:2px 0}
/* revideringar */
.gp-revrad{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px}
.gp-revrad.akt{border-color:var(--kraft);background:color-mix(in srgb,var(--kraft) 7%,var(--surface))}
.gp-revrad textarea{grid-column:1/-1;font-size:12.5px}
.gp-revrad input{font-size:12.5px;padding:4px 6px;min-width:0}
.gp-revrad>span{grid-column:1/-1}
.gp-revakt{display:flex;gap:6px;align-items:center;font-size:15px;cursor:pointer}
.gp-stamplar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gp-stampel{border:2px solid;border-radius:4px;background:var(--surface);font:800 11px/1 var(--font);letter-spacing:.04em;padding:6px 8px}
.gp-stampel.vald{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 30%,transparent)}
.gp-summa{border-top:1px solid var(--line);padding-top:6px;font-size:12.5px}
.gp-legend{display:flex;flex-direction:column;gap:3px;font-size:12px}
.gp-legend i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.gp-logg{display:flex;flex-direction:column;gap:8px;font-size:12px;max-height:62vh;overflow-y:auto}
.gp-logg>div{display:grid;grid-template-columns:auto 1fr;gap:8px;border-top:1px solid var(--line);padding-top:6px}
.gp-logg time{color:var(--faint);white-space:nowrap}
.gr-tabell table{font-size:12.5px}
form.wide-modal{max-width:min(1100px,96vw);width:96vw}
@media (max-width:1100px){.gr-body{grid-template-columns:130px minmax(0,1fr) 300px}}
@media (max-width:900px){.gr-body{grid-template-columns:120px minmax(0,1fr)}}