/* AanvraagPilot V1.7 responsive navigation and shared quote panels */
html,body{max-width:100%;overflow-x:hidden}
main,#app{min-width:0;width:100%}
nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch;overflow:visible;padding:0;margin:0 0 14px}
nav>button,.nav-more>button{width:100%;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 8px;font-size:clamp(12px,1.8vw,14px);line-height:1.2;border-radius:14px}
.nav-more{position:relative;margin:0;min-width:0}
.menu-panel{max-width:calc(100vw - 32px)}
.split>*{min-width:0}
.card,.lead-row,.lead-main,.lead-side{min-width:0}
.lead-row{overflow-wrap:anywhere}
.quote-link-card{border:1px solid #dce8ed;background:#fff;border-radius:14px;padding:14px;margin:12px 0}
.quote-linked{padding:12px 0;border-top:1px solid #e8eef1}
.quote-linked:first-of-type{border-top:0}
.quote-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:10px 0;font-size:13px}
.quote-meta div{min-width:0;overflow-wrap:anywhere}
.quote-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.quote-actions button{flex:1 1 170px;min-width:0}
.v17-original{border:1px solid #dbe6eb;background:#f7fafb;border-radius:12px;padding:14px;margin:12px 0}
.v17-original-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;font-size:13px}
.v17-original-grid div{min-width:0;overflow-wrap:anywhere}
.v17-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.v17-budget-alert{margin:10px 0;padding:12px;border-left:4px solid #d99125;background:#fff8e9;border-radius:8px;color:#664d1a;font-size:13px}
.v17-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#102b3acc;display:grid;place-items:center;padding:18px}
.v17-modal{width:min(620px,100%);max-height:min(85vh,760px);overflow:auto;background:white;border-radius:18px;padding:20px;box-shadow:0 20px 60px #0004}
.v17-modal h2{margin-top:0}
.v17-modal pre{white-space:pre-wrap;font:inherit;background:#f5f8fa;padding:12px;border-radius:10px}
@media(max-width:700px){
 main{padding:0 12px}
 nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 nav>button,.nav-more>button{font-size:clamp(12px,3.7vw,14px);padding:12px 8px;min-height:50px}
 .nav-more{width:100%}
 .menu-panel{width:min(215px,calc(100vw - 32px));right:0}
 .quote-actions button{flex:1 1 100%}
 .v17-form-grid{grid-template-columns:1fr}
 .v17-original-grid{grid-template-columns:1fr 1fr}
 .quote-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){nav{gap:7px}.quote-meta,.v17-original-grid{grid-template-columns:1fr}.card{padding:13px}}