:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#14253b;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#12243a;color:#d9e4ef;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{padding:32px 26px 28px;border-bottom:1px solid #284056}.logo{font-size:35px;letter-spacing:-2px;font-weight:850;color:#fff;line-height:1}.logo span{color:#55c9b4}.logo.large{font-size:52px;color:#12243a}.brand small{display:block;margin-top:8px;letter-spacing:2.4px;font-size:9px;color:#9caec0}.sidebar nav{padding:22px 12px;display:grid;gap:5px}.sidebar nav a{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:10px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#26425a;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #284056;padding:18px 14px;display:flex;align-items:center;gap:10px}.side-bottom>div:nth-child(2){flex:1;min-width:0}.side-bottom strong,.side-bottom small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom strong{font-size:12px}.side-bottom small{color:#9baec1;font-size:11px}.avatar{display:grid;place-items:center;background:#55c9b4;color:#123147;width:33px;height:33px;border-radius:10px;font-weight:800}.icon-btn{background:transparent;border:0;color:inherit;padding:8px;border-radius:8px}.icon-btn:hover{background:#ffffff1c}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.breadcrumb{font-size:13px;color:#65768b}.top-right{font-size:12px;color:#239c7f}.top-right span{color:#718096}.content{max-width:1500px;width:100%;margin:0 auto;padding:34px;flex:1}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.heading h1,h1{font-size:31px;letter-spacing:-.9px;margin:3px 0 8px}.eyebrow{color:#168d78;font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 7px}.muted{color:#728096;margin:5px 0 12px}.small,small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat,.panel,.project-summary{background:white;border:1px solid #e3e9f0;border-radius:15px;box-shadow:0 3px 16px #1c34500a}.stat{padding:23px}.stat span,.stat small,.project-summary span{display:block;color:#718198;font-size:12px}.stat strong{font-size:36px;display:block;margin:12px 0}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.panel{padding:24px;margin-bottom:22px;min-width:0}.panel h2{font-size:17px;margin:0 0 20px;letter-spacing:-.3px}.stack{display:grid;gap:12px}.list-link{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f5;padding:12px 0}.list-link>span:nth-child(2){flex:1;min-width:0}.list-link strong,.list-link small,.table-link strong,.table-link small{display:block}.list-link small,.table-link small,.event small{color:#8593a3;margin-top:4px}.code-chip{background:#e8f7f3;color:#137f6e;border-radius:7px;padding:8px;font-size:12px;font-weight:750}.badge{background:#eef3f7;color:#516579;border-radius:7px;padding:5px 9px;display:inline-block;font-size:11px;white-space:nowrap}.event{display:flex;gap:13px;padding:9px 0}.event-dot{background:#48b8a2;width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.event strong{font-size:13px}.event small{display:block}.btn{border:1px solid #d7e0e9;background:#fff;color:#18334b;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.primary{background:#147f73;color:white;border-color:#147f73}.btn.primary:hover{background:#106b61}.btn.small{padding:8px 11px}.btn.wide{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-stack{display:grid;gap:17px}.form-grid label,.form-stack label,.inline-form label{display:grid;gap:7px;color:#3d5268;font-size:12px;font-weight:700}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #d9e1ea;border-radius:9px;background:white;color:#172d44;outline:none}input:focus,select:focus,textarea:focus{border-color:#25a48d;box-shadow:0 0 0 3px #26bda524}textarea{min-height:95px;resize:vertical}.form-grid>.btn{justify-self:start}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8592a2;font-size:11px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;background:#f8fafc}th,td{padding:15px;border-bottom:1px solid #edf1f5;vertical-align:middle}.table-link{color:#17374d}.project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:20px 24px;margin-bottom:20px}.project-summary strong{display:block;margin-top:9px;font-size:17px}.good{color:#0d8b72}.warn{color:#b87518}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #dde5ed;margin-bottom:24px}.tabs a{white-space:nowrap;padding:14px 15px;font-size:12px;font-weight:700;color:#77879a;border-bottom:3px solid transparent}.tabs a.selected{color:#118a77;border-color:#21ad96}.details{display:grid;grid-template-columns:170px 1fr;gap:13px;font-size:13px}.details dt{color:#8390a0}.details dd{margin:0;overflow-wrap:anywhere}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-stats div{background:#f7fafc;padding:19px;border-radius:10px}.mini-stats strong{display:block;font-size:27px}.mini-stats span{font-size:12px;color:#7c8b9a}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}.file-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:11px;padding:16px;overflow-wrap:anywhere}.file-card:hover{border-color:#20ab94}.file-card strong{font-size:13px}.file-card small{color:#8290a0}.file-icon{color:#149580}.issue-list{display:grid;gap:12px}.issue{border:1px solid #e5ebf0;border-radius:11px;padding:17px;display:flex;justify-content:space-between;align-items:start;gap:20px}.issue strong{display:block;margin:9px 0}.issue p{font-size:13px;white-space:normal}.issue small{color:#8290a0}.issue-tags{display:flex;gap:6px}.inline-form{display:flex;align-items:end;gap:6px}.inline-form select{padding:8px}.inline-form label{min-width:120px}.plan-board{position:relative;width:100%;max-width:1100px;margin:auto;cursor:crosshair}.plan-board img{width:100%;display:block;border-radius:9px}.plan-marker{position:absolute;transform:translate(-50%,-50%);background:#0e9884;color:#fff;border:2px solid white;box-shadow:0 2px 9px #0005;border-radius:16px;padding:5px 8px;font-size:11px;font-weight:800;pointer-events:none}.plan-marker.draft{background:#e28a28}.notice{padding:14px 17px;background:#e7f7f1;color:#126e5d;border-radius:10px;margin-bottom:20px;font-size:13px}.notice.error{background:#fff0ed;color:#a13a30}.empty{color:#8b98a7;font-size:13px;padding:18px}.spaced{margin-top:16px}.footer{padding:16px 34px;color:#8c98a6;font-size:11px}.login-page,.setup-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#204760,#12243a 65%);padding:24px}.login-card,.setup-box{background:white;width:100%;max-width:435px;border-radius:20px;padding:38px;box-shadow:0 25px 70px #091b3180}.setup-box{max-width:700px}.login-card h1,.setup-box h1{font-size:28px}.login-card .logo,.setup-mark{margin-bottom:26px}.setup-mark{font-size:47px;font-weight:850;letter-spacing:-2px}.setup-mark span{color:#17a88e}.preflight{background:#f4f8fa;border-radius:11px;padding:16px;margin:20px 0}.preflight ul{padding:0;list-style:none}.preflight li{padding:5px 0}.ok{color:#159e7d}.bad{color:#d35b4c}.menu-toggle{display:none}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.project-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.sidebar{position:fixed;z-index:50;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.topbar{height:60px;padding:0 16px}.top-right span{display:none}.content{padding:21px 14px}.heading{align-items:start;flex-direction:column}.heading h1{font-size:25px}.panel{padding:17px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:28px}.project-summary{padding:16px;gap:18px}.project-summary strong{font-size:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.details{grid-template-columns:1fr;gap:5px}.details dd{margin-bottom:9px}.issue{flex-direction:column}.footer{padding:18px}.login-card,.setup-box{padding:26px}.tabs a{padding:13px 11px}}

/* FE3 v1.1 */
.panel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:-4px 0 18px}.data-link{color:#087d74;text-decoration:underline;text-underline-offset:3px}.file-preview{height:148px;background:#eef3f7;border-radius:10px;overflow:hidden;display:grid;place-items:center}.file-preview img{width:100%;height:100%;object-fit:cover}.pdf-preview{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,#e8f1f6,#f9fbfd)}.pdf-preview span{font-weight:850;font-size:25px;color:#d35252}.file-actions{display:flex;gap:7px;flex-wrap:wrap}.file-actions form{margin:0}.btn.danger{color:#ad3131;border-color:#f1d1d1}.trash-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eee;padding:8px}.issue-main{flex:1;min-width:0}.issue-status-form{display:grid;gap:9px;min-width:185px;max-width:220px}.issue-photo-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-top:12px;padding:12px;background:#f6f9fb;border-radius:9px}.issue-photo-form label{font-size:12px;max-width:200px}.issue-gallery{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.issue-gallery a{position:relative;display:block;width:110px;height:90px;border-radius:8px;overflow:hidden;background:#edf2f5}.issue-gallery img{width:100%;height:100%;object-fit:cover}.issue-gallery span{position:absolute;bottom:0;left:0;background:#14253bd9;color:white;font-size:10px;padding:3px 8px}.check-inline{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650}.check-inline input{width:auto;min-width:auto}.print-body{background:#e8edf2;color:#172a3e}.print-controls{max-width:850px;margin:20px auto;display:flex;gap:10px}.print-sheet{background:white;max-width:850px;margin:0 auto 40px;padding:45px;min-height:1000px;box-shadow:0 10px 40px #10203422}.print-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #178b7b;padding-bottom:20px;margin-bottom:30px}.print-sheet h2{font-size:17px;margin-top:30px}.print-sheet table{margin-top:10px}.print-issue{border-top:1px solid #d6e1e9;padding:14px 0;break-inside:avoid}.print-issue h2{margin:6px 0}.print-photos{display:flex;gap:12px;flex-wrap:wrap}.print-photos img{max-width:160px;max-height:140px;object-fit:contain}.print-photos small{display:block}.print-notes{padding-top:20px}.print-sheet footer{border-top:1px solid #ddd;margin-top:35px;padding-top:12px;color:#708091;font-size:11px}@media(max-width:750px){.issue-status-form{max-width:none;width:100%}.issue-photo-form label{max-width:100%;width:100%}.file-preview{height:130px}.print-sheet{padding:20px}.print-controls{padding:10px}}@media print{@page{size:A4;margin:14mm}.print-body{background:white}.print-controls{display:none}.print-sheet{box-shadow:none;max-width:none;min-height:0;margin:0;padding:0}.print-issue{break-inside:avoid}a{text-decoration:none}}

[hidden]{display:none!important}

.pdf-preview{position:relative;overflow:hidden}.pdf-preview iframe{border:0;width:100%;height:100%;pointer-events:none}.pdf-preview small{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#eaf0f6;padding:5px}

/* FE3 v1.1.3: print legibility and plan controls */
.print-photos{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.print-photos>div{max-width:100%}
.print-photos img{display:block;width:auto;height:auto;max-width:min(100%,480px);max-height:420px;object-fit:contain}
.print-issue{break-inside:auto;page-break-inside:auto}
.print-photos>div{break-inside:avoid;page-break-inside:avoid}
.plan-file-card{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.plan-file-link{display:flex;flex-direction:column;gap:7px;color:inherit;text-decoration:none;flex:1}
.plan-delete-form{margin-top:auto}
.plan-delete-form button{width:100%}
@media print{.print-photos img{max-width:150mm;max-height:120mm}.print-sheet{width:100%}.print-issue{break-inside:auto}}

/* FE3: ruime PDF-werfplanviewer en downloadacties */
.plan-pdf-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}
.plan-pdf-viewer{width:100%;height:85vh;min-height:650px;border:1px solid #d9e3ed;border-radius:12px;overflow:hidden;background:#e9edf2}
.plan-pdf-viewer iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:750px){.plan-pdf-viewer{height:80vh;min-height:480px}.plan-pdf-actions .btn{width:100%}}

/* FE3: duidelijk bereikbaar formulier voor nieuwe afnamepunten */
.issue-create-anchor{scroll-margin-top:24px}
.issue-create-anchor:target>.panel{border-color:#168d78;box-shadow:0 0 0 3px #168d7822}

/* FE3: afnamepunten beheer */
#nieuw-afnamepunt{scroll-margin-top:24px}#afnamepunten-lijst{scroll-margin-top:24px}.fe3-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fe3-section-head h2{margin-bottom:8px}.fe3-edit-details{margin-top:14px}.fe3-edit-details summary{list-style:none;width:max-content;cursor:pointer}.fe3-edit-details summary::-webkit-details-marker{display:none}.fe3-edit-form{padding:16px 0 6px}.fe3-delete-form{margin-top:10px}.issue-status-form{flex:0 0 220px;align-self:flex-start}.issue-status-form button{width:100%;white-space:nowrap}.issue-tags{flex-wrap:wrap}@media(max-width:750px){.issue-status-form{flex-basis:auto;width:100%}}

/* FE3: lijst eerst, nieuw afnamepunt op aanvraag, individueel fotobeheer */
.fe3-new-issue{margin:0 0 20px;border:1px solid #dce7ee;border-radius:11px;background:#f9fcfd;padding:12px}
.fe3-new-issue>summary{display:inline-flex;list-style:none;cursor:pointer}
.fe3-new-issue>summary::-webkit-details-marker{display:none}
.fe3-new-issue[open]>summary{margin-bottom:20px}
.fe3-new-issue-content{padding:4px 6px 12px}
.fe3-new-issue-content h2{margin:0 0 12px}
.fe3-issue-photo{display:flex;flex-direction:column;gap:5px;width:110px;min-width:110px}
.issue-gallery .fe3-issue-photo>a{width:110px;height:90px}
.fe3-issue-photo form{margin:0}
.fe3-issue-photo form button{width:100%;font-size:10px;padding:6px 3px}

/* FE3: zichtbaar aantal afnamepunten en stabiele lijstweergave */
.fe3-issue-count{margin:0 0 12px;padding:10px 13px;border:1px solid #dbe7ee;background:#f7fafc;border-radius:9px;color:#405c70;font-size:12px;font-weight:700}
.issue-list>.issue{display:flex;visibility:visible;opacity:1}


/* FE3: elk opgeslagen afnamepunt direct zichtbaar als compacte, openklapbare rij */
.fe3-issue-row{display:block;border:1px solid #dce5ed;border-radius:11px;background:#fff;overflow:hidden;min-width:0}
.fe3-issue-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 18px;cursor:pointer;list-style:none;min-height:60px}
.fe3-issue-summary::-webkit-details-marker{display:none}
.fe3-issue-summary::marker{content:""}
.fe3-issue-summary:hover,.fe3-issue-row[open]>.fe3-issue-summary{background:#f5faf9}
.fe3-issue-summary-title{font-size:14px;font-weight:800;color:#142b41;flex:1;min-width:140px;overflow-wrap:anywhere}
.fe3-issue-summary-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}
.fe3-issue-summary-toggle{font-size:11px;font-weight:750;color:#127f72;white-space:nowrap}
.fe3-issue-row[open] .fe3-issue-summary-toggle{font-size:0}
.fe3-issue-row[open] .fe3-issue-summary-toggle::after{content:"Details verbergen ▴";font-size:11px}
.fe3-issue-row>.issue{border:0;border-top:1px solid #e2eaf0;border-radius:0;padding:18px}
.fe3-issue-row>.issue .issue-tags{display:none}
@media(max-width:750px){.fe3-issue-summary{padding:13px;gap:7px}.fe3-issue-summary-title{flex-basis:100%}.fe3-issue-summary-toggle{margin-left:auto}}


/* FE3: robuuste lijst van afzonderlijke punten, zonder geneste HTML-details. */
.fe3-issue-list-fixed{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;overflow:visible!important;height:auto!important;max-height:none!important}
.fe3-issue-list-fixed>.fe3-issue-row{display:block!important;position:static!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;flex:none!important}
.fe3-issue-row>.fe3-issue-summary{display:flex;width:100%;text-align:left;border:0;border-radius:10px;background:#fff;font:inherit;color:inherit;cursor:pointer;justify-content:space-between}
.fe3-issue-row>.fe3-issue-summary:focus-visible{outline:3px solid #1eaa93;outline-offset:2px}
.fe3-issue-row>.fe3-issue-summary[aria-expanded="true"]{background:#f0f9f7}
.fe3-issue-row>.fe3-issue-content[hidden]{display:none!important}
.fe3-issue-row>.fe3-issue-content{display:block;border-top:1px solid #dce5ed}
.fe3-issue-row .fe3-issue-content>.issue{border:0;border-radius:0}
.fe3-issue-row .fe3-issue-content .issue-tags{display:none}

/* FE3 overzicht: elk opgeslagen punt een zichtbare, zelfstandig afgesloten regel. */
.fe3-issues-all{display:flex;flex-direction:column;gap:10px;width:100%;height:auto;max-height:none;overflow:visible}
.fe3-issues-all>.fe3-issue-line{display:flex!important;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;border:1px solid #dce5ee;border-radius:10px;background:#fff;min-height:58px;position:static;visibility:visible;opacity:1}
.fe3-issue-line-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.fe3-issue-line-info strong{font-size:13px;overflow-wrap:anywhere}
.fe3-issue-line-badges{display:flex;flex-wrap:wrap;gap:5px}
.fe3-issue-line>.btn{white-space:nowrap;flex-shrink:0}
.fe3-point-selected{margin-top:18px;border:1px solid #a2d6ca;border-radius:12px;padding:18px;background:#fafffe;scroll-margin-top:16px}
.fe3-point-selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.fe3-point-selected-head h3{font-size:16px;margin:0}
.fe3-point-selected>.issue{border:0;padding:0;background:transparent}
@media(max-width:650px){.fe3-issues-all>.fe3-issue-line{align-items:stretch;flex-direction:column}.fe3-issue-line>.btn{align-self:flex-start}.fe3-point-selected{padding:12px}}

/* FE3 project verwijderen */
.fe3-danger-zone{border-color:#ecc3c3}.fe3-danger-zone h2{color:#a52a2a}.fe3-danger-zone .form-stack{max-width:540px}.fe3-danger-zone .check-inline{display:flex;align-items:center;gap:9px}.fe3-danger-zone .check-inline input{width:auto}.fe3-danger-zone .btn.danger{justify-self:start;background:#a52a2a;color:white;border-color:#a52a2a}

/* FE3 v1.3 — bewerken/verwijderen werkpakketten en onderdelen */
.fe3-inline-editor{min-width:120px;margin-bottom:7px}.fe3-inline-editor>summary{cursor:pointer;list-style:none}.fe3-inline-editor>summary::-webkit-details-marker{display:none}.fe3-edit-panel{padding:14px;margin-top:8px;min-width:245px;max-width:340px;background:#f7fafc;border:1px solid #dce5ed;border-radius:10px}.fe3-edit-panel label{font-size:12px;font-weight:700;color:#40566b;display:grid;gap:6px}.fe3-edit-panel .btn{width:max-content}.fe3-inline-delete{margin:0}.fe3-inline-editor[open]{position:relative}.fe3-inline-editor[open] .fe3-edit-panel{position:relative;z-index:1}

/* FE3 v1.3.1: compacte acties via driepuntjesmenu */
.fe3-action-menu{position:relative;display:inline-block;vertical-align:middle;min-width:0}
.fe3-action-menu>.fe3-dots{display:grid;place-items:center;list-style:none;cursor:pointer;width:35px;height:35px;border:1px solid #d7e0e9;border-radius:9px;background:#fff;color:#18334b;font-size:23px;line-height:1;font-weight:700;user-select:none}
.fe3-action-menu>.fe3-dots::-webkit-details-marker,.fe3-action-menu .fe3-inline-editor>summary::-webkit-details-marker{display:none}
.fe3-action-menu[open]>.fe3-dots,.fe3-action-menu>.fe3-dots:hover{background:#eef7f5;border-color:#86bfb4}
.fe3-action-dropdown{position:absolute;z-index:40;top:calc(100% + 5px);right:0;min-width:175px;background:#fff;border:1px solid #dbe3eb;box-shadow:0 10px 30px #152c4240;border-radius:10px;padding:5px}
.fe3-action-menu .fe3-inline-editor{min-width:0;margin:0}
.fe3-action-menu .fe3-menu-option{display:block;width:100%;border:0;background:transparent;color:#18334b;text-align:left;padding:11px 12px;font:inherit;font-size:13px;font-weight:650;border-radius:6px;cursor:pointer;list-style:none}
.fe3-action-menu .fe3-menu-option:hover{background:#eef6f5}
.fe3-action-menu .fe3-menu-danger{color:#ad3131}
.fe3-action-menu .fe3-menu-danger:hover{background:#fff0ed}
.fe3-action-menu .fe3-inline-delete{margin:0}
.fe3-action-menu .fe3-inline-editor[open] .fe3-edit-panel{position:relative;z-index:auto;min-width:255px;max-width:340px;margin:5px 0;padding:12px;box-shadow:none}
.fe3-action-menu .fe3-inline-editor[open]~.fe3-inline-delete{border-top:1px solid #e4eaf0;margin-top:5px;padding-top:5px}

/* Laat actiemenu's zichtbaar buiten de tabelrand, ook bij laatste rij. */
.table-wrap:has(.fe3-action-menu){overflow:visible}
@media(max-width:750px){.table-wrap:has(.fe3-action-menu){overflow-x:auto;overflow-y:visible}}


/* FE3 1.3.2 — uitsluitend mobiele presentatie en touchbediening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,summary,select,input[type="checkbox"]{-webkit-tap-highlight-color:transparent}
button,summary,.btn,.icon-btn{touch-action:manipulation}
:focus-visible{outline:3px solid #168d78;outline-offset:3px}
@media (pointer:coarse){
 .btn,.icon-btn,.fe3-action-menu>.fe3-dots,.fe3-action-menu .fe3-menu-option,
 .tabs a,.sidebar nav a{min-height:44px}
 input[type="checkbox"]{min-width:19px;min-height:19px;accent-color:#147f73}
}
@media(max-width:750px){
 html,body{max-width:100%;overflow-x:hidden}
 .workspace,.app-shell,.content,.panel{min-width:0}
 .topbar{position:sticky;top:0;z-index:35}
 .menu-toggle{min-width:44px;min-height:44px}
 .sidebar{width:min(290px,84vw);height:100dvh;overflow-y:auto;box-shadow:8px 0 22px #10203025}
 body.fe3-menu-open::before{content:"";position:fixed;inset:0;background:#071a2b80;z-index:45}
 body.fe3-menu-open{overflow:hidden}
 .heading h1{overflow-wrap:anywhere}
 .tabs{position:relative;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin-left:-4px;margin-right:-4px}
 .tabs a{scroll-snap-align:start;min-height:46px;display:flex;align-items:center}
 .panel-actions .btn{min-height:44px}
 input,select,textarea{font-size:16px} /* voorkomt Safari zoom bij focus */
 input[type="file"]{font-size:14px;max-width:100%;overflow:hidden}
 label{min-width:0}
 .form-grid,.form-stack{gap:13px}
 .form-grid>.btn,.form-stack>.btn{max-width:100%}
 .project-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mini-stats{gap:10px}
 .details{overflow-wrap:anywhere}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 /* Alleen met toegevoegde labels: nette kaarten zonder verlies van actieknoppen */
 .table-wrap.fe3-mobile-cards{overflow:visible!important}
 .fe3-mobile-cards table,.fe3-mobile-cards tbody,.fe3-mobile-cards tr,.fe3-mobile-cards td{display:block;width:100%}
 .fe3-mobile-cards thead{display:none}
 .fe3-mobile-cards tbody{display:grid;gap:12px}
 .fe3-mobile-cards tr{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:8px 12px;box-shadow:0 2px 10px #0e27400a}
 .fe3-mobile-cards td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 2px;border-bottom:1px solid #edf1f5;min-width:0;overflow-wrap:anywhere}
 .fe3-mobile-cards td:last-child{border-bottom:0}
 .fe3-mobile-cards td::before{content:attr(data-fe3-label);flex:0 0 33%;font-size:11px;line-height:1.4;font-weight:750;color:#738399;text-transform:uppercase;letter-spacing:.2px;padding-top:5px}
 .fe3-mobile-cards td>*{min-width:0;max-width:67%}
 .fe3-mobile-cards td .inline-form{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-end}
 .fe3-mobile-cards td .inline-form select{width:min(100%,190px)}
 .fe3-mobile-cards td .inline-form button{min-height:40px}
 .fe3-mobile-cards td:has(.fe3-action-menu){overflow:visible;align-items:center}
 .fe3-mobile-cards .fe3-action-menu{margin-left:auto}
 .fe3-action-dropdown{right:0;max-width:min(320px,calc(100vw - 60px))}
 .fe3-action-menu .fe3-inline-editor[open] .fe3-edit-panel{max-width:min(300px,calc(100vw - 75px));min-width:0}
 .issue,.fe3-point-selected>.issue{display:flex;flex-direction:column}
 .issue-status-form{min-width:0;width:100%;max-width:none}
 .issue-photo-form{display:grid;grid-template-columns:1fr;align-items:stretch}
 .issue-photo-form label{width:100%;max-width:none}
 .issue-photo-form button{min-height:44px}
 .issue-gallery{gap:10px}
 .fe3-issue-photo,.issue-gallery .fe3-issue-photo>a{width:calc(50vw - 46px);max-width:150px}
 .issue-gallery .fe3-issue-photo>a{height:112px}
 .fe3-point-selected-head{align-items:flex-start;flex-wrap:wrap}
 .fe3-issue-line-info{width:100%}
 .fe3-issue-line>.btn{min-height:44px}
 .plan-pdf-viewer{height:65dvh;min-height:420px}
 .plan-pdf-actions .btn{min-height:46px}
 .print-controls{flex-wrap:wrap}
 .print-sheet{min-height:0;overflow-wrap:anywhere}
}
@media(max-width:390px){
 .content{padding:15px 10px}
 .stats{gap:8px}
 .stat{padding:12px}
 .stat strong{font-size:25px}
 .project-summary{padding:12px}
 .fe3-mobile-cards td::before{flex-basis:30%}
 .fe3-mobile-cards td>*{max-width:70%}
}
@media print{
 .fe3-mobile-cards table{display:table}
 .fe3-mobile-cards thead{display:table-header-group}
 .fe3-mobile-cards tbody{display:table-row-group}
 .fe3-mobile-cards tr{display:table-row}
 .fe3-mobile-cards td{display:table-cell}
 .fe3-mobile-cards td::before{display:none}
}