.mappen-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.mappen-toolbar>div{display:flex;gap:8px}.mappen-toolbar>span{color:var(--muted);font-size:12px}.mappe-shelf{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:28px 14px;padding:20px 16px 31px;margin-bottom:22px;border-radius:13px;background:linear-gradient(to bottom,transparent calc(100% - 13px),#b69268 calc(100% - 13px),#8b6844 100%),#e8e3da;box-shadow:inset 0 0 0 1px #d9d0c1}.mappe-card{min-width:0;padding:0;border-radius:8px;transition:.15s}.mappe-card.dragging{opacity:.45}.mappe-card.drop-target{outline:3px solid #44a878;outline-offset:5px}.mappe-position{margin-bottom:6px;color:#776e62;font-size:10px;text-align:center}.mappe-cover{position:relative;width:100%;height:205px;overflow:hidden;border:0;border-radius:5px 12px 5px 5px;padding:25px 14px 16px 28px;background:linear-gradient(90deg,#154b37 0 15px,#267458 15px 19px,#fbfcfb 19px 100%);box-shadow:3px 4px 7px rgba(41,33,23,.22);color:var(--ink);cursor:pointer;text-align:left}.mappe-cover:before,.mappe-cover:after{content:"";position:absolute;left:27px;right:10px;height:7px;border:1px solid #dfe6e1;background:#fff}.mappe-cover:before{top:10px}.mappe-cover:after{bottom:8px}.mappe-cover strong,.mappe-cover small,.mappe-cover em{display:block;position:relative;z-index:1}.mappe-cover strong{margin-top:21px;font-size:15px;line-height:1.25}.mappe-cover small{margin-top:9px;color:var(--muted);font-size:10px;line-height:1.4}.mappe-cover em{position:absolute;left:28px;bottom:23px;color:var(--green);font-size:10px;font-style:normal;font-weight:700}.mappe-card.selected .mappe-cover{box-shadow:0 0 0 3px #44a878,3px 5px 9px rgba(41,33,23,.24)}.mappe-card-actions{display:grid;grid-template-columns:35px 1fr 1fr 35px;gap:4px;margin-top:8px}.mappe-card-actions button{min-width:0;padding-left:6px;padding-right:6px;font-size:10px}.mappe-card-actions .icon-button{width:35px;height:35px}.mappe-empty{grid-column:1/-1;background:white}.mappe-detail{margin-top:18px}.mappe-detail .panel-head>div:last-child{display:flex;gap:7px}.mappe-detail .panel-head small{display:block;margin-top:5px;color:var(--muted)}.mappe-hint{padding:0 20px;color:var(--muted);font-size:11px}.mappe-document-grid{display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:12px;padding:18px}.mappe-document{position:relative;min-height:210px;padding:24px 15px 15px;border:1px solid var(--line);border-radius:5px;background:white;box-shadow:0 4px 12px rgba(29,54,42,.07);cursor:grab}.mappe-document .paper-corner{position:absolute;right:-1px;top:-1px;border-left:23px solid transparent;border-bottom:23px solid #dbe5df}.mappe-document>span,.mappe-document>small{display:block;color:var(--muted);font-size:10px}.mappe-document>strong{display:block;min-height:46px;margin:10px 0;font-size:13px;line-height:1.35}.mappe-document>button{margin:7px 0;width:100%}.mappe-document label{display:block;margin-top:8px;color:var(--muted);font-size:9px}.mappe-document select{display:block;width:100%;margin-top:4px;padding:7px;font-size:10px}.move-document-form label+label{margin-top:14px}.mappe-label{display:flex;align-items:center;width:62mm;min-height:29mm;padding:2mm;border:1px dashed #777;background:#fff}.mappe-label img{width:25mm;height:25mm}.mappe-label>div{min-width:0;padding-left:2mm}.mappe-label strong,.mappe-label span,.mappe-label small{display:block;overflow-wrap:anywhere}.mappe-label strong{font-size:12pt}.mappe-label span{margin:2mm 0;font-size:8pt}.mappe-label small{font-size:5.5pt}.print-label-button{margin-top:18px}.mappe-scanner{width:min(620px,100%);padding:18px;border-radius:12px;background:#fff;text-align:center}.mappe-scanner video{display:block;width:100%;max-height:58vh;border-radius:10px;background:#101714}.mappe-scanner p{color:var(--muted)}.camera-file{display:inline-block;cursor:pointer}.camera-file input{display:none}.mappe-scanner form{display:flex;gap:7px;margin-top:13px}.mappe-scanner form .input{flex:1}
@media(max-width:1250px){.mappe-shelf{grid-template-columns:repeat(4,minmax(140px,1fr))}.mappe-document-grid{grid-template-columns:repeat(3,minmax(175px,1fr))}}
@media(max-width:980px){.mappe-shelf{grid-template-columns:repeat(3,minmax(135px,1fr))}.mappe-document-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:650px){.mappen-toolbar{align-items:stretch;flex-direction:column}.mappen-toolbar>div{display:grid;grid-template-columns:1fr 1fr}.mappen-toolbar>span{text-align:left}.mappe-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px;padding:13px 9px 27px}.mappe-cover{height:178px;padding-left:24px}.mappe-cover strong{font-size:13px}.mappe-card-actions{grid-template-columns:30px 1fr 30px}.mappe-card-actions [data-edit-mappe]{display:none}.mappe-card-actions .icon-button{width:30px;height:34px}.mappe-detail .panel-head{align-items:flex-start;flex-direction:column;gap:10px}.mappe-detail .panel-head>div:last-child{width:100%}.mappe-document-grid{grid-template-columns:1fr;padding:12px}.mappe-document{min-height:0}.mappe-scanner{padding:8px}.mappe-scanner form{flex-direction:column}}
@media print{body *{visibility:hidden!important}.document-modal,.document-modal *,.mappe-label,.mappe-label *{visibility:visible!important}.document-modal{position:static}.document-modal-backdrop,.document-modal-head,.print-label-button{display:none!important}.document-modal-card,.document-modal-body{position:static;display:block;overflow:visible;padding:0;background:white;border:0;box-shadow:none}.mappe-label{position:absolute;left:0;top:0;border:0}}
.mappen-toolbar>div{align-items:center;gap:12px}.mappen-toolbar>div>span{color:var(--muted);font-size:12px}.scan-mappe-button{margin-left:auto}
@media(max-width:650px){.mappen-toolbar>div{display:flex;align-items:flex-start;flex-direction:column}.scan-mappe-button{width:100%;margin-left:0}}
.mappe-card,.mappe-cover,.mappe-drag-handle{cursor:grab}.mappe-card:active,.mappe-cover:active{cursor:grabbing}.mappe-drag-handle{margin-right:5px;font-size:15px;color:var(--green)}.mappe-card-actions{grid-template-columns:30px repeat(3,minmax(0,1fr)) 30px}.danger-button{border-color:#efcaca!important;color:var(--red)!important;background:#fff8f8!important}.danger-button:hover{background:#faeaea!important}
@media(max-width:650px){.mappe-card-actions{grid-template-columns:30px 1fr 1fr 30px}.mappe-card-actions [data-edit-mappe]{display:none}.mappe-detail .danger-button{display:block}}