.road-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.road-card{padding:20px;background:#f5f7f3;border:1px solid #dbe4df;border-left:5px solid #426f92;border-radius:9px;min-width:0}.road-card h3{font-size:17px;line-height:1.6}.road-card .small{white-space:pre-line;overflow-wrap:anywhere}.road-width{font-size:22px}.road-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:#687774;margin-top:16px}.roads-section details{border-top:1px solid #dbe4df;padding:18px 0}.roads-section details form{max-width:780px;margin-top:22px}.overview-link{display:block;max-width:530px;margin:18px 0}.overview-link img{width:100%;height:auto;border-radius:12px;border:1px solid #cad9d0;display:block}.chat .overview-link{max-width:410px}.road-card .actions{gap:7px}.road-card button{font-size:12px;padding:9px 10px}#case-context{margin-bottom:16px}.chat-bubble{margin-bottom:16px}.chat .secondary{margin:10px 0}.roads-section .section-head{margin-bottom:12px}#road-draw{white-space:nowrap}#road-editor[open]{scroll-margin-top:20px}#overview-panel{scroll-margin-top:25px}#road-status{font-weight:600}.leaflet-tooltip{white-space:normal;min-width:120px;max-width:260px}.leaflet-popup-content p{margin:7px 0}.roads-section[hidden]{display:none}
@media(max-width:1000px){.road-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.road-list{grid-template-columns:1fr}.roads-section .section-head{display:block}.roads-section .section-head button{margin-top:8px}.road-card{padding:16px}.road-width{font-size:21px}.two{grid-template-columns:1fr}.road-legend{gap:10px}.road-card .actions{flex-wrap:wrap}.roads-section details summary{line-height:1.7}.overview-link{max-width:100%}.chat{min-width:0}.workspace>*{min-width:0}}
body:not(.maintenance) .maintenance-only,body:not(.maintenance) #road-draw,body:not(.maintenance) #road-editor,body:not(.maintenance) #road-event-editor,body:not(.maintenance) .road-edit-action,body:not(.maintenance) .field-report,body.viewer nav button[data-tab="maintenance"],body.viewer nav button[data-tab="admin"],body.viewer nav button[data-tab="simulator"]{display:none!important}
body:not(.maintenance) #case-detail form,body:not(.maintenance) #case-detail button.subtle{display:none!important}
body.viewer #roads-demo{display:none!important}
.official-width-label{background:#e7f7ed;border:1px solid #21825f;color:#0b6047;font-weight:700;font-size:11px;box-shadow:0 1px 3px #1233;padding:2px 4px;min-width:0}.official-width-label:before{display:none}#roadworks-list .road-card{border-left-color:#d08a39}#road-ocr-result{white-space:pre-wrap;max-height:220px;overflow:auto;background:#f2f6ee;padding:12px;border-radius:8px}#road-drafts-list .list-item{display:flex;justify-content:space-between;gap:14px;align-items:center}#road-drafts-list button{margin:3px}.road-card img{width:100%;max-height:140px;object-fit:cover;border-radius:6px;margin-top:10px}
[hidden]{display:none!important}
