/* Manufaktur Suite Belege – ergänzt portal.css */
.mfsb-list{display:grid;gap:8px;margin-bottom:16px}
.mfsb-doc{display:grid;grid-template-columns:minmax(110px,1fr) minmax(120px,1.2fr) 80px auto minmax(80px,auto) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e7e8e3;border-radius:8px;background:#fff;font-size:14px;color:var(--mfsp-ink);text-decoration:none}
.mfsb-doc small{color:#7a807a;font-size:12px}
.mfsb-doc form{margin:0}
.mfsb-doc.is-inactive{opacity:.6}
a.mfsb-doc-link:hover{border-color:var(--mfsp-gold);background:#fcfbf8}
.mfsb-type{font-size:12px;font-weight:700;letter-spacing:.03em;color:#6b5434}
.mfsb-actions{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 10px}
.mfsb-create-form{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
.mfsb-preview{font-size:12px;color:#927142;text-decoration:none;font-weight:600}
.mfsb-preview:hover{text-decoration:underline}
.mfsb-create.is-disabled{display:inline-flex;align-items:center;padding:12px 18px;border:1px dashed #d9dbd6;border-radius:6px;color:#7a807a;font-size:14px;font-weight:600;align-self:flex-start}
.mfsb-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1.8fr) auto minmax(80px,auto) auto}
.mfsb-row a{color:inherit}
.mfsb-settings{display:grid;gap:16px}
.mfsb-settings h3{margin:12px 0 0!important;font-size:16px!important}
.mfsb-logo{min-height:60px;display:flex;align-items:center;padding:12px;border:1px dashed #d9dbd6;border-radius:8px;background:#fcfbf8}
.mfsb-logo img{max-height:80px;max-width:260px;width:auto;height:auto}
.mfsb-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mfsb-settings input[type=color]{height:44px;padding:4px;width:90px}
.mfsb-type-box{display:grid;gap:14px;padding:18px 22px}
.mfsb-type-box summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px}
.mfsb-type-box[open] summary{margin-bottom:14px}
.mfsb-checks{border:1px solid #eeeae5;border-radius:8px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px;font-size:13px}
.mfsb-checks legend{font-weight:600;font-size:13px;padding:0 4px}
.mfsb-checks label{display:flex;align-items:center;gap:6px}
.mfsb-previews{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px;font-size:13px}
@media(max-width:760px){.mfsb-doc,.mfsb-row{grid-template-columns:1fr 1fr}.mfsb-footer-grid{grid-template-columns:1fr}}
.mfsb-warn{background:#fff8e8;color:#7a5a12}
.mfsb-warn ul{margin:0;padding-left:18px}
.mfsb-actions button[disabled]{opacity:.5;cursor:not-allowed}
.mfsb-tpl-select{width:auto!important;min-height:32px!important;padding:4px 8px!important;font-size:12px!important}

/* ---- 1.2: Tabs, Dokument-Designer ---- */
.mfsb-tabs{margin:0 0 18px}
.mfsb-designer{--mfsb-line:#e4e1da;margin:0 calc(-1*clamp(20px,3.5vw,56px));margin-top:-4px}
.mfsb-d-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;padding:14px clamp(20px,3.5vw,56px) 16px;background:#fff;border-top:1px solid var(--mfsb-line);border-bottom:1px solid var(--mfsb-line)}
.mfsb-d-field{display:grid;gap:5px;font-size:12px;font-weight:600;color:#3d433e}
.mfsb-d-toolbar select{width:auto!important;min-width:200px;min-height:40px!important;font-weight:600}
.mfsb-d-status{align-self:flex-end;padding-bottom:10px!important;font-size:13px;color:#6f756f;padding-bottom:2px}.mfsb-d-status.is-error{color:#8c2e27;font-weight:600}
.mfsb-d-tools{margin-left:auto;display:flex;gap:10px;align-items:flex-end;align-self:flex-end}.mfsb-d-tools form{margin:0;display:flex}.mfsb-d-tools button{min-height:42px}
.mfsb-d-tools button[disabled]{opacity:.45;cursor:not-allowed}
.mfsb-d-grid{display:grid;grid-template-columns:232px minmax(0,1fr) 300px;gap:22px;padding:22px clamp(20px,3.5vw,56px);align-items:start}
.mfsb-d-card{background:#fff;border:1px solid var(--mfsb-line);border-radius:8px;padding:16px 14px}
.mfsb-d-card+.mfsb-d-card{margin-top:16px}
.mfsb-d-card h3{font-size:15px!important;margin:0 0 12px!important}
.mfsb-d-left,.mfsb-d-right{position:sticky;top:16px}
.mfsb-d-blocks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.mfsb-d-block{display:flex;align-items:center;gap:7px;padding:9px 9px;border:1px solid #e7e4dd;border-radius:6px;background:#f8f6f2;font-size:13.5px;cursor:pointer;user-select:none;position:relative}
.mfsb-d-block:hover{border-color:#d6cfc2}
.mfsb-d-block.is-selected{border-color:var(--mfsp-gold);background:#fff;box-shadow:inset 3px 0 0 var(--mfsp-gold)}
.mfsb-d-block:focus-visible{outline:2px solid var(--mfsp-gold);outline-offset:1px}
.mfsb-d-block.is-page{background:#f1eee8}
.mfsb-d-block.is-hidden .mfsb-d-name{color:#8b908a}
.mfsb-d-block.is-drag{opacity:.4}
.mfsb-d-block.drop-before:before,.mfsb-d-block.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--mfsp-gold);border-radius:2px}
.mfsb-d-block.drop-before:before{top:-5px}.mfsb-d-block.drop-after:after{bottom:-5px}
.mfsb-d-grip{color:#9a9d97;width:12px;text-align:center;cursor:grab;flex-shrink:0}.is-page .mfsb-d-grip{cursor:default}
.mfsb-d-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mfsb-d-lock{font-size:11px;opacity:.7}
.mfsb-d-off{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7a807a;background:#ebe8e2;border-radius:999px;padding:2px 6px}
.mfsb-d-add{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #efece6}
.mfsb-d-add select{min-height:38px!important;padding:6px 10px!important;font-size:13px!important}
.mfsb-d-add button{padding:9px 12px;font-size:13px}
.mfsb-d-ph{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.mfsb-d-ph button{display:block;width:100%;text-align:left;border:0;border-radius:4px;background:#f3f1ec;padding:5px 8px;cursor:pointer;color:#2e322f}
.mfsb-d-ph button:hover{background:#ebe6dc}.mfsb-d-ph code{font-size:12px;background:none;padding:0}
.mfsb-d-stage{background:#e4e0d9;border-radius:8px;padding:24px;min-height:600px;overflow:auto;max-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start}
.mfsb-d-paperbox{position:relative;flex-shrink:0}
.mfsb-d-paperbox>.mfsb-paper{transform:scale(var(--mfsb-scale,1));transform-origin:top left;position:absolute;left:0;top:0}
.mfsb-d-right .mfsb-d-card{padding:18px}
.mfsb-d-right h3{font-size:18px!important;margin:6px 0 16px!important}
.mfsb-d-right .mfsp-eyebrow{font-size:10.5px}
.mfsb-d-field+.mfsb-d-field,.mfsb-d-checks+.mfsb-d-field,.mfsb-d-check+.mfsb-d-field{margin-top:12px}
.mfsb-d-right .mfsb-d-field{font-size:13px}
.mfsb-d-right .mfsb-d-field input,.mfsb-d-right .mfsb-d-field select,.mfsb-d-right .mfsb-d-field textarea{min-height:40px;font-size:14px}
.mfsb-d-checks{border:1px solid #ebe8e1;border-radius:8px;padding:8px 14px 10px;margin:0 0 12px;display:grid;gap:2px}
.mfsb-d-checks legend{font-size:13px;font-weight:600;padding:0 4px}
.mfsb-d-check{display:flex;align-items:center;gap:10px;font-size:14px;padding:5px 0;cursor:pointer}
.mfsb-d-check input{width:18px;height:18px;accent-color:var(--mfsp-ink);margin:0}
.mfsb-d-check.is-locked{cursor:not-allowed}.mfsb-d-check.is-locked input{opacity:.75}
.mfsb-d-actions{display:flex;gap:8px;align-items:center;margin:16px 0 0;flex-wrap:wrap}.mfsb-d-actions .mfsp-secondary-button{padding:7px 12px}
.mfsb-d-actions .mfsp-link-button{margin-left:auto}.mfsb-d-actions button[disabled]{opacity:.4;cursor:not-allowed;text-decoration:none}
.mfsb-d-note{margin-top:16px;background:#f3f0eb;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.55;color:#5f655f}
.mfsb-d-manage{margin:0 clamp(20px,3.5vw,56px) 24px;background:#fff;border:1px solid var(--mfsb-line);border-radius:8px;padding:14px 18px}
.mfsb-d-manage summary{cursor:pointer;font-weight:600}
.mfsb-d-manage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:16px 0}
.mfsb-d-mform{display:grid;gap:8px;align-content:start}.mfsb-d-mform form{margin:0}.mfsb-d-mform .mfsp-profile-field{margin:0}
.mfsb-d-manage h4{margin:8px 0 10px;font-size:14px}
.mfsb-vrow{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto}
@media(max-width:1280px){.mfsb-d-grid{grid-template-columns:200px minmax(0,1fr) 270px;gap:16px}}
@media(max-width:1080px){.mfsb-d-grid{grid-template-columns:minmax(0,1fr) 280px}.mfsb-d-left{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.mfsb-d-card+.mfsb-d-card{margin-top:0}.mfsb-d-blocks{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:760px){.mfsb-d-grid{grid-template-columns:1fr}.mfsb-d-left{grid-template-columns:1fr}.mfsb-d-right{position:static}.mfsb-d-tools{margin-left:0}.mfsb-d-toolbar select{min-width:0;width:100%!important}.mfsb-d-field{flex:1 1 200px}.mfsb-d-stage{padding:12px;min-height:0}}

/* ---- Belegvorschau (Maße in mm wie im PDF) ---- */
.mfsb-paper{--mfsb-accent:#c9a777;width:210mm;min-height:297mm;background:#fff;color:#282c29;font-family:Helvetica,Arial,sans-serif;font-size:9pt;line-height:1.4;position:relative;box-shadow:0 2px 14px rgba(40,36,30,.12);box-sizing:border-box;padding:0 20mm 34mm}
.mfsb-paper *{box-sizing:border-box}
.mfsb-paper p{margin:0 0 2mm}
.mfsb-blk{position:relative;border-radius:2mm;outline:0 solid transparent;transition:outline-color .15s;cursor:pointer}
.mfsb-blk:hover{outline:1px dashed #d8cdb9;outline-offset:1.5mm}
.mfsb-blk.is-selected{outline:2px solid var(--mfsb-accent);outline-offset:1.5mm}
.mfsb-p-head{position:relative;margin:0 -20mm;padding:12mm 20mm 0;height:43mm}
.mfsb-p-bar{position:absolute;left:0;right:0;top:0;height:3mm;background:var(--mfsb-accent)}
.mfsb-p-headrow{display:flex;justify-content:space-between;align-items:flex-start;gap:8mm}
.mfsb-p-headrow img{display:block;height:auto}
.mfsb-p-brand{font-size:15pt;letter-spacing:.06em;color:var(--mfsb-accent)}
.mfsb-p-headtext{font-size:7.5pt;color:#6e736e;line-height:1.35;max-width:85mm}
.mfsb-p-headrow.is-left .mfsb-p-headtext{text-align:right}
.mfsb-p-flow{display:flex;flex-direction:column;gap:4mm;padding-top:2mm;position:relative}
.mfsb-p-flow.is-nohead{padding-top:20mm}
.mfsb-p-row{display:flex;justify-content:space-between;gap:8mm;align-items:flex-start}
.mfsb-p-row.is-window{min-height:52mm;padding-top:3mm}
.mfsb-p-addr{width:85mm}.mfsb-p-info{width:65mm}
.mfsb-p-sender{font-size:6.5pt;color:#6e736e;text-decoration:underline;margin-bottom:3mm}
.mfsb-p-address{font-size:10pt;line-height:1.45}
.mfsb-p-dl{margin:0;display:grid;gap:.6mm;font-size:8pt}
.mfsb-p-dl>div{display:grid;grid-template-columns:30mm 1fr}.mfsb-p-dl dt{color:#6e736e}.mfsb-p-dl dd{margin:0;font-weight:700}
.mfsb-p-dl.is-block{grid-template-columns:1fr 1fr;column-gap:8mm}
.mfsb-p-cols{display:grid;grid-template-columns:1fr 1fr;gap:8mm;font-size:9.5pt;line-height:1.45}
.mfsb-p-label{font-size:8pt;font-weight:700;color:#6e736e;margin-bottom:1mm}
.mfsb-p-title{font-size:15pt;font-weight:700;margin:1mm 0 2mm}.mfsb-p-title.is-big{font-size:22pt}.mfsb-p-title.is-small{font-size:11pt;margin:0 0 1mm}
.mfsb-p-table{width:100%;border-collapse:collapse;font-size:9pt;margin:0}
.mfsb-p-table th{font-size:.9em;text-align:left;padding:1.2mm 1mm 1.5mm;border-bottom:.4mm solid var(--mfsb-accent);font-weight:700}
.mfsb-p-table td{padding:1.5mm 1mm 2mm;border-bottom:.2mm solid #e4e1db;vertical-align:top}
.mfsb-p-table .r{text-align:right;white-space:nowrap}
.mfsb-p-table td:first-child,.mfsb-p-table th:first-child{padding-left:0}.mfsb-p-table td:last-child,.mfsb-p-table th:last-child{padding-right:0}
.mfsb-p-table small{display:block;font-size:.83em;color:#6e736e;margin-top:.5mm}
.mfsb-p-weight{text-align:right;font-weight:700;margin-top:1.5mm}
.mfsb-p-totals{margin-left:80mm;display:grid;gap:.4mm}
.mfsb-p-totals>div{display:flex;justify-content:space-between;gap:4mm;padding:.6mm 0}
.mfsb-p-totals .b{border-top:.4mm solid var(--mfsb-accent);font-weight:700;font-size:1.15em;padding-top:1.6mm;margin-top:.6mm}
.mfsb-p-totals .s{font-size:.9em;color:#6e736e}
.mfsb-p-flow p.is-hl{font-weight:700;color:color-mix(in srgb,var(--mfsb-accent) 55%,#000)}
.mfsb-p-note strong{display:block;font-size:9pt;margin-bottom:.8mm}
.mfsb-p-note.is-box{background:#f8eedc;padding:2.5mm 3mm}
.mfsb-p-qr{display:flex;align-items:center;gap:3mm}.mfsb-p-qr small{font-size:7pt;color:#6e736e;max-width:60mm}
.mfsb-p-qr-top{position:absolute;right:0;top:0}
.mfsb-p-qr-top .mfsb-p-qr{flex-direction:column;gap:1mm;align-items:center}.mfsb-p-qr-top small{font-size:6.5pt;text-align:center;max-width:46mm}
.mfsb-p-sign{display:flex;justify-content:space-between;gap:20mm;padding-top:10mm}
.mfsb-p-sign>div{width:75mm;border-top:.3mm solid #787c78;padding-top:1mm;font-size:7.5pt;color:#6e736e}
.mfsb-p-card{border:.3mm solid #d2cec6;margin-bottom:2mm}
.mfsb-p-cardhead{display:flex;justify-content:space-between;gap:4mm;background:var(--mfsb-accent);color:#fff;font-weight:700;font-size:10pt;padding:1.5mm 3mm}
.mfsb-p-card dl{margin:0;padding:2mm 3mm;display:grid;grid-template-columns:1fr 1fr;gap:1mm 6mm}
.mfsb-p-card dl>div{display:grid;grid-template-columns:28mm 1fr}.mfsb-p-card dt{font-size:8pt;color:#6e736e}.mfsb-p-card dd{margin:0;font-weight:700;font-size:9.5pt}
.mfsb-p-stages td{height:9mm;vertical-align:middle;font-size:10pt}.mfsb-p-box{display:inline-block;width:4mm;height:4mm;border:.3mm solid #282c29}
.mfsb-p-break{border-top:.4mm dashed #bdb6a8;text-align:center;margin:2mm 0}.mfsb-p-break span{position:relative;top:-2.4mm;background:#fff;padding:0 2mm;font-size:7pt;color:#8b8f89;text-transform:uppercase;letter-spacing:.1em}
.mfsb-p-foot{position:absolute;left:20mm;right:20mm;bottom:5mm}
.mfsb-p-footcols{display:flex;gap:4mm;font-size:7pt;color:#6e736e;line-height:1.35;padding-top:2mm}.mfsb-p-footcols>div{flex:1}
.mfsb-p-footcols.has-line{border-top:.2mm solid #dcd9d2}
.mfsb-p-pages{display:flex;justify-content:space-between;font-size:7pt;color:#6e736e;margin-top:4mm}

/* ---- 1.2: Zuordnung ---- */
.mfsb-rules{margin-top:-4px}
.mfsb-r-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.mfsb-r-head h2{font-size:clamp(24px,2.4vw,32px)!important;margin:0 0 6px!important}.mfsb-r-head p{margin:0}
.mfsb-r-head .mfsp-primary-button{white-space:nowrap;padding:14px 18px}
.mfsb-r-table{background:#fff;border:1px solid #e4e1da;border-radius:8px;overflow:hidden}
.mfsb-r-row{display:grid;grid-template-columns:80px minmax(150px,1.1fr) minmax(130px,1fr) minmax(160px,1.1fr) minmax(200px,1.7fr) 110px;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid #ebe8e2;font-size:14px}
.mfsb-r-row:nth-child(odd):not(.is-head){background:#faf9f6}
.mfsb-r-row.is-head{border-top:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6f756f;background:#faf9f6;padding-top:14px;padding-bottom:14px}
.mfsb-r-row.is-off>*:not(:first-child){opacity:.55}
.mfsb-r-row form{margin:0}
.mfsb-r-muted{color:#5f655f}
.mfsb-chip{display:inline-block;background:#f0ece5;border-radius:4px;padding:5px 10px;color:#2e322f!important;text-decoration:none!important;font-size:13.5px;line-height:1.3}
.mfsb-chip:hover{background:#e7e0d4}
.mfsb-r-tools{display:flex;gap:10px;align-items:center;justify-content:flex-end}.mfsb-r-tools .mfsp-link-button{font-size:15px;padding:0 2px;color:#8a8f89}
.mfsb-r-edit{color:#8a6a3e;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mfsb-switch{position:relative;width:40px;height:22px;border-radius:999px;border:0;padding:0!important;background:#dcd8d0!important;cursor:pointer;transition:background .15s}
.mfsb-switch span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mfsb-switch[aria-checked=true]{background:#2e322f!important}.mfsb-switch[aria-checked=true] span{left:21px}
.mfsb-switch:focus-visible{outline:2px solid var(--mfsp-gold);outline-offset:2px}
.mfsb-r-form{border-top:1px solid #ebe8e2;background:#fcfbf8;padding:20px;display:grid;gap:12px}
.mfsb-r-form h3{margin:0!important;font-size:16px!important}
.mfsb-r-formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.mfsb-r-formgrid .mfsb-checks{grid-column:1/-1}
.mfsb-r-delete{padding:0 20px 16px;background:#fcfbf8;margin:0}
.mfsb-r-bottom{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.mfsb-r-card{background:#fff;border:1px solid #e4e1da;border-radius:8px;padding:20px}.mfsb-r-card h3{margin:0 0 8px!important;font-size:17px!important}
.mfsb-r-dark{background:#2e322f;color:#e9e8e3;border-radius:8px;padding:20px 22px;font-size:14px;line-height:1.6}
.mfsb-r-dark h3{color:#fff!important;margin:8px 0!important;font-size:16px!important}.mfsb-r-dark p{margin:0;color:#d6d6d0}
@media(max-width:1100px){.mfsb-r-row{grid-template-columns:64px 1fr 1fr;gap:6px 14px}.mfsb-r-row>:nth-child(n+4){grid-column:2/-1}.mfsb-r-row.is-head{display:none}.mfsb-r-tools{justify-content:flex-start}.mfsb-r-bottom{grid-template-columns:1fr}}
@media(max-width:600px){.mfsb-r-head{flex-direction:column}.mfsb-r-row{padding:12px 14px}}
.mfsb-r-form .mfsb-actions{align-items:center}.mfsb-r-form .mfsp-primary-button{margin-top:0}
/* 1.6 – QR-Code je Position (Produktion 3a) */
.mfsb-p-cardbody{display:flex;gap:3mm;align-items:flex-start}.mfsb-p-cardbody dl{flex:1}.mfsb-p-cardqr{padding:1.5mm 1.5mm 1.5mm 0}