.photo-editor{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px;background:rgba(17,35,42,.88)}
.photo-editor-card{width:min(100%,980px);margin:auto;background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.photo-editor-card h2{margin:0 0 8px}.photo-editor-help{margin:0 0 14px;color:#617079}
.photo-editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.photo-editor-toolbar input{flex:1 1 220px;min-height:42px;padding:8px 11px;border:1px solid #cbd6d8;border-radius:8px;font:inherit}
.photo-editor-toolbar button,.photo-editor-actions button{min-height:42px;padding:8px 13px;border:1px solid #5b9392;border-radius:8px;background:#fff;color:#245e60;font:inherit;font-weight:700;cursor:pointer}.photo-editor-toolbar button.is-active{background:#5b9392;color:#fff}.photo-editor-toolbar button:hover,.photo-editor-actions button:hover{background:#eaf5f4}
.photo-editor-canvas-wrap{display:flex;justify-content:center;max-height:68vh;overflow:auto;border:1px solid #d7e0e1;border-radius:10px;background:#f3f6f6}.photo-editor canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.photo-editor-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}.photo-editor-actions .primary{background:#438487;color:#fff;border-color:#438487}.photo-editor-actions .danger{border-color:#bb5e5e;color:#9e3434}
@media(max-width:600px){.photo-editor{padding:8px}.photo-editor-card{padding:12px;border-radius:12px}.photo-editor-toolbar button{flex:1}.photo-editor-actions button{flex:1}.photo-editor-help{font-size:.9rem}}

/* Mobil: filnavne og filhandlinger får hver sin plads, så intet ligger oven i hinanden. */
@media(max-width:720px){html,body{max-width:100%;overflow-x:hidden}.actions{position:static;flex-wrap:wrap;justify-content:flex-start;padding-top:12px}.form>.actions>button{flex:1 1 calc(50% - 4px);min-width:0}.file-list .check>.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.file-list .check>.actions>label{grid-column:1/-1;width:100%;min-width:0;overflow:hidden}.file-list .check>.actions>label span{min-width:0;overflow-wrap:anywhere}.file-list .check>.actions>button{min-width:0;padding:9px 5px;overflow-wrap:anywhere}}

/* Filer og fotos: et almindeligt, lille afkrydsningsfelt og en fast miniature. */
.file-list .check > .actions{position:static;display:grid;grid-template-columns:76px minmax(150px,1fr) repeat(3,max-content);align-items:center;justify-content:start;gap:10px;padding:0;background:transparent}
.file-list .check > .actions .case-file-select{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-weight:650}
.file-list .check > .actions .case-file-select input.case-file-choice{width:20px;height:20px;min-width:20px;flex:0 0 20px;margin:0;padding:0;accent-color:var(--brand)}
.file-list .check > .actions .case-file-select span{min-width:0;overflow-wrap:anywhere}
.case-file-thumb{display:block;width:76px;height:76px;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#eef4f4}
.case-file-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.file-list .check > .actions{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px}.file-list .check > .actions .case-file-select{grid-column:2;grid-row:1;width:auto;overflow:visible}.file-list .check > .actions .case-file-select input.case-file-choice{width:20px!important;height:20px;min-width:20px;flex:0 0 20px}.file-list .check > .actions .case-file-thumb{grid-column:1;grid-row:1 / span 2}.file-list .check > .actions > button{grid-column:auto;min-width:0;padding:9px 10px;overflow-wrap:anywhere}.file-list .check > .actions > button:not(.case-file-thumb){grid-row:2}}