#skal{isolation:isolate}#skal::before{content:"";position:fixed;inset:0;background:#514737 url('/assets/skrivebord.jpg') center/cover no-repeat;z-index:-1;pointer-events:none}.hoved,.indhold{background:transparent}.panel{background:rgba(255,252,246,.83);backdrop-filter:blur(3px)}.top{background:rgba(255,252,246,.94)}.avatar{border:0;cursor:pointer;font:inherit}.motor-preview{border:1px solid var(--guld);padding:1rem}.info-ios{background:#ead9b8}.info-intern{background:#d6e5dc}.info-privat{background:#efcfc4}.info-legende{display:flex;gap:1rem;flex-wrap:wrap}.info-legende span{padding:.4rem .8rem;border-radius:6px}.tabel thead .info-gruppe th{top:0}.tabel thead:has(.info-gruppe) tr:last-child th{top:38px}.crop-overlay{position:fixed;inset:0;z-index:10000;background:#0009;display:grid;place-items:center}.crop-panel{background:#fffaf2;padding:1.2rem;border-radius:12px;max-width:95vw}.crop-canvas{width:320px;height:320px;max-width:80vw;touch-action:none;cursor:move}.crop-help{padding:.5rem;background:#ead9b8}.crop-actions{display:flex;gap:1rem;margin-top:1rem}.crop-slider{width:100%}

.tre-s-grid{display:flex;gap:2rem;flex-wrap:wrap}.tre-s-grid[hidden]{display:none}.tre-s-grid section{background:#ead9b8a8;padding:1rem;border-radius:8px;color:#4b3929}

.visitkort-qr{display:block;width:160px;max-width:100%;margin:.5rem 0}.visitkort-qr svg{display:block;width:100%;height:auto}

/* Fixed photo stays visible around calm, readable content. */
#skal::before{background:linear-gradient(#fffaf269,#fffaf269),url('/assets/skrivebord.jpg') center/cover no-repeat}
.panel{background:rgba(255,252,246,.96);backdrop-filter:blur(7px)}
.side-titel,.side-under{background:rgba(255,252,246,.96);padding:12px 18px;margin-bottom:0;border-radius:10px 10px 0 0;width:fit-content;max-width:100%}.side-under{border-radius:0 0 10px 10px;margin-bottom:20px}
.omraade-krop{background:#fffcf6;padding:20px;border-radius:0 0 12px 12px;box-sizing:border-box}.omraade-krop .side-titel,.omraade-krop .side-under{background:transparent;padding-left:0}.omraade-krop .panel{background:#fffdf9}
.under-faner{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px;margin:0;padding:5px 5px 0;background:#fffaf2f5;border-radius:10px 10px 0 0;scrollbar-width:thin}.under-faner button{flex:0 0 auto;white-space:nowrap;border-radius:8px 8px 0 0;border-bottom:0;background:#eee5d6}.under-faner button[aria-selected=true]{background:#3a332a;color:#fff}
[hidden]{display:none!important}.tre-s{padding:22px}.tre-s>button{font:inherit;border:1px solid var(--linje);border-radius:6px;padding:7px 12px;background:#eee5d6;color:var(--blaek);cursor:pointer}.tre-s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding-top:16px}.tre-s-grid section{background:#eee5d6;border:1px solid #d1bd97;border-radius:8px;padding:14px}.tre-s-grid strong{color:#3a332a;font-size:1.5rem}.info-legende{background:#fffcf6;border-radius:8px;padding:8px}
@media(max-width:700px){.omraade-krop{padding:10px}.side-titel{font-size:25px}.tre-s-grid{grid-template-columns:1fr}}
.info-amo{background:#dce5ea}.amo-info{background:#fffcf6;padding:12px;border-radius:8px;margin:12px 0}.amo-diagram{padding:16px;background:#fffcf6;border-radius:8px}.amo-master{margin:0 auto 30px;width:220px;max-width:100%;padding:18px;text-align:center;background:#b5bb98;border:2px solid #777f5d;border-radius:8px;position:relative}.amo-master::after{content:'';position:absolute;top:100%;left:50%;height:30px;border-left:2px solid #777f5d}.amo-roller{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:18px;border-top:2px solid #777f5d;padding-top:18px}.amo-person{background:#f5f6ef;border:1px solid #b5bb98;border-radius:8px;padding:16px;text-align:center}.amo-person h3{min-height:3em;font-size:15px}.amo-person img{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;margin:10px auto}.amo-person strong{display:block}.tabel [data-amo]{width:20px;height:20px;accent-color:#3a332a;cursor:pointer}
@media(max-width:1000px){.amo-roller{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:500px){.amo-roller{grid-template-columns:1fr}}

.profilfoto,.amo-person img{object-position:center 20%}.foto-import-table{min-width:650px}.foto-import-table .profilfoto{object-fit:contain}.foto-import-table td{vertical-align:middle}.foto-import-table select{max-width:280px}