/* ZaPhi Manager v0.21.3 · gesammelte Oberflächen-, Dokument-, Aufmaß- und Portaländerungen. */

/* Eine App-Schrift. Die konfigurierte Dokumentenschrift bleibt innerhalb der Papierseiten eigenständig. */
html,body,.app,.modal-backdrop,.modal,.card,.page,.topbar,.sidebar,button,input,textarea,select,option,table{font-family:var(--font-app)!important}
.v20-paper-page{font-family:inherit}.v20-paper-page button,.v20-paper-page input,.v20-paper-page textarea,.v20-paper-page select{font-family:inherit!important}
.service-long,.v203-clickable-service .service-long,.v203-tree-name{display:block!important;max-height:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow-wrap:anywhere;hyphens:auto}
.v203-service-tree-row{height:auto!important;min-height:44px}.service-row td{height:auto!important}
/* Kategorienamen und Leistungsnamen verwenden exakt dasselbe Schriftbild. Das
   feste Minimum von 0 gibt dem Kategorienamen den Platz zum Umbrechen, ohne
   dass Zaehler oder Bedienknöpfe über dem Text liegen. */
#serviceTree .v203-tree-name,#serviceTable .service-name{font-family:var(--font-app)!important;font-size:13px!important;font-style:normal!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.25!important}
#serviceTree .v203-tree-name{min-width:0;width:100%;padding:6px 0;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-hyphens:auto;hyphens:auto}
#serviceTree .v203-service-tree-row{grid-template-columns:28px 40px minmax(0,1fr) 35px max-content}

/* Aktive Vorgänge bleiben vollständig weiß und neutral. */
.v212-case-kpi.orange:before{display:none!important}.v212-case-kpi.orange,.v212-case-kpi.orange.active{border-color:var(--line,#d8dde2)!important;background:#fff!important;box-shadow:0 2px 8px rgba(24,36,48,.06)!important;color:var(--text,#17212b)!important}

/* Mehr Innenabstand in Vorgangs- und Dokumentansichten. */
#page-cases .v20-case-table th:first-child,#page-cases .v20-case-table td:first-child{padding-left:15px!important}
#page-documents .v211-offer-workspace,#page-documents .v203-invoice-workspace,#page-documents .doc-editor-card{padding-left:14px!important;padding-right:14px!important}
.v09-builder-main{padding-left:12px!important;padding-right:8px!important}.v09-builder-canvas{padding-left:28px!important;padding-right:24px!important}

/* Briefpapiervorschau bleibt beim Scrollen vollständig erreichbar. */
.stationery-layout{align-items:start}.stationery-preview-wrap{min-width:0}.v213-follow-line-control{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.v213-follow-line-control>span{display:grid;grid-template-columns:1fr 58px;gap:8px;align-items:center}.v213-follow-line-control output{text-align:right;font-weight:800}
.v213-follow-heading{transform:translateY(-100%)!important;align-items:flex-end!important;padding-bottom:1.5%!important}
@media(min-width:1050px){.stationery-layout{grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr)!important}.stationery-preview-wrap{position:sticky!important;top:146px!important;max-height:calc(100vh - 158px);overflow:hidden;align-self:start;padding-bottom:4px}.v20-stationery-preview-pages .v20-paper-page{height:min(calc(100vh - 190px),680px)!important}}
@media(min-width:1050px) and (max-width:1100px){.stationery-preview-wrap{top:174px!important;max-height:calc(100vh - 186px)}.v20-stationery-preview-pages .v20-paper-page{height:min(calc(100vh - 218px),620px)!important}}

/* Kompakter QR links neben der Summenstaffel. */
.v213-payment-summary{display:grid;grid-template-columns:46% minmax(0,1fr);gap:14px;align-items:end;margin-top:10px;break-inside:avoid}.v213-payment-totals .paper-totals{width:100%!important;margin:0!important}
.v213-payment-qr{display:grid!important;grid-template-columns:78px minmax(0,1fr);gap:8px!important;align-items:center!important;min-width:0;margin:0!important;padding:7px!important;border:1px solid #bbb;border-radius:7px;break-inside:avoid}.v213-payment-qr img{width:78px!important;height:78px!important;object-fit:contain;background:#fff}.v213-payment-qr>div{display:grid;gap:3px;min-width:0}.v213-payment-qr strong{font-size:8px}.v213-payment-qr small{display:block;font-size:6.5px;line-height:1.3;overflow-wrap:anywhere}.v213-qr-payment-data{word-break:break-word}

/* Dokumenteditor: echte Zwischenräume statt Hervorhebung einer vorhandenen Position. */
.v09-builder-canvas.drag-target{outline:none!important}.v09-block.dragover{border-color:transparent!important;background:inherit!important}
.v213-insert-guide{position:relative;height:12px;margin:0 2px;z-index:5}.v213-insert-guide:before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;border-radius:2px;background:transparent;transform:translateY(-50%)}.v213-insert-guide span{display:none;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:#ed781f;color:#fff;padding:3px 9px;font-size:9px;font-weight:800;white-space:nowrap}.v213-insert-guide.active{height:24px}.v213-insert-guide.active:before{height:3px;background:#ed781f;box-shadow:0 0 0 2px rgba(237,120,31,.16)}.v213-insert-guide.active span{display:block}

/* Einheitliche Dokumentart-Auswahl und große Unterschriftenfläche für Lieferscheine. */
.v13-doc-create>.v213-document-picker{position:relative;width:230px;min-width:230px;max-width:230px}.v213-document-picker-trigger{width:100%;min-height:42px;display:flex;justify-content:center;gap:8px}.v213-document-picker-popover{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:min(520px,calc(100vw - 48px));max-height:min(65vh,620px);overflow:auto;border:1px solid #d7dde2;border-radius:14px;background:#fff;padding:12px;box-shadow:0 14px 38px rgba(20,31,42,.2)}.v213-document-picker-popover[hidden]{display:none!important}.v213-document-picker-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v213-document-picker-group{display:grid;gap:6px;align-content:start}.v213-document-picker-group>small{padding:0 4px;color:#68737d;font-size:9px;font-weight:800}.v213-document-type-option{width:100%;min-height:42px;border:1px solid #d9dfe4;border-radius:10px;background:#fff;padding:9px 11px;text-align:left;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.v213-document-type-option:hover,.v213-document-type-option:focus-visible{outline:0;border-color:var(--orange);background:#fff6ed;box-shadow:0 0 0 2px rgba(244,123,32,.13)}
.v213-delivery-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(20,30,40,.58);backdrop-filter:blur(2px)}.v213-signature-dialog,.v213-correction-dialog{width:min(920px,94vw);max-height:92vh;overflow:auto;border:1px solid #cfd6dc;border-radius:16px;background:#fff;box-shadow:0 22px 65px rgba(10,20,30,.3);padding:16px}.v213-signature-dialog>header,.v213-correction-dialog>header,.v213-signature-dialog>footer,.v213-correction-dialog>footer{display:flex;align-items:center;gap:9px}.v213-signature-dialog>header,.v213-correction-dialog>header{justify-content:space-between}.v213-signature-dialog h3,.v213-correction-dialog h3{margin:0}.v213-signature-dialog header small,.v213-correction-dialog header small{display:block;color:#68737d;margin-top:2px}.v213-overlay-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2d8dd;border-radius:9px;background:#fff;font-size:22px;cursor:pointer}.v213-signature-name,.v213-correction-dialog>label{display:grid;gap:5px;margin:13px 0;font-weight:800}.v213-signature-name input,.v213-correction-dialog textarea{width:100%;border:1px solid #cbd2d8;border-radius:9px;padding:9px;font:inherit}.v213-signature-pad-wrap{height:clamp(300px,52vh,500px);border:1px solid #aeb8c0;border-radius:12px;background:#fff;overflow:hidden}.v213-signature-pad-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.v213-signature-dialog>footer,.v213-correction-dialog>footer{justify-content:flex-end;flex-wrap:wrap;margin-top:13px}.v213-signature-hint{margin-right:auto;color:#68737d;font-size:10px}
.v213-delivery-signature-summary,.v213-delivery-version-history{margin-top:12px;border:1px solid #dce2e6;border-radius:11px;background:#fafbfc;padding:11px}.v213-delivery-signature-summary>header,.v213-delivery-version-history>header{display:flex;justify-content:space-between;gap:10px;align-items:center}.v213-delivery-signature-summary header>div,.v213-delivery-version-history>header{display:grid}.v213-delivery-signature-summary small,.v213-delivery-version-history small{color:#68737d}.v213-delivery-signature-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.v213-delivery-signature-card{display:grid;gap:6px;border:1px solid #dce2e6;border-radius:9px;background:#fff;padding:9px}.v213-delivery-signature-card.complete{border-color:#9cccb0;background:#f4faf6}.v213-delivery-signature-card input{width:100%;border:1px solid #d1d8dd;border-radius:8px;padding:8px}.v213-delivery-signature-card img{width:auto;max-width:100%;height:46px;object-fit:contain;object-position:left center}.v213-delivery-sign-actions{display:flex;gap:7px;flex-wrap:wrap}.v213-sign-action.complete{border-color:#65a97f;background:#edf8f1}.v213-delivery-version-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;border-top:1px solid #e1e5e8;padding:8px 0}.v213-delivery-version-row>div{display:grid}.v213-delivery-version-row>div>span{font-size:9px}.v213-delivery-integrity{font-size:9px;font-weight:800;color:#397357}.v213-delivery-version-row.invalid .v213-delivery-integrity{color:#a8403a}.v213-paper-signature img,.v213-signature-image{display:block;width:auto;max-width:55mm;height:auto;max-height:22mm;object-fit:contain;object-position:left bottom}.v213-delivery-signature-warning span{display:block;margin-top:3px}

/* Aufmaß: kompakte Zeilen, nur bei Bedarf aufgeklappte Werkzeuge. */
#v212MeasurementPositions{gap:7px!important}.v213-measure-position{border-radius:8px!important}.v213-measure-position.compact{display:grid;grid-template-columns:minmax(105px,max-content) minmax(0,1fr) auto 18px;gap:9px;align-items:center;padding:9px 11px;cursor:pointer}.v213-measure-position.compact:hover{border-color:#e07825;background:#fffaf6}.v213-measure-position.compact strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.v213-measure-position.compact small{color:#69737d;font-size:8px;white-space:nowrap}.v213-measure-position.compact>span{font-size:18px;color:#8a949d}.v213-measure-compact-qty{font-weight:850;white-space:nowrap}
.v213-measure-position.expanded{padding:10px;overflow:visible!important;border-color:#e28a48;box-shadow:0 0 0 2px rgba(232,119,31,.09)}.v213-measure-position-line{display:grid;grid-template-columns:95px 80px minmax(0,1fr) 34px;gap:7px;align-items:end}.v213-measure-position-line label{display:grid;gap:3px}.v213-measure-position-line label>span,.v213-measure-extra>span{color:#5f6b76;font-size:8px;font-weight:800}.v213-measure-position-line input{width:100%;min-height:36px;border:1px solid #cbd2d7;border-radius:7px;padding:7px;font:11px var(--font-app)}.v213-measure-position-line [data-v213-measure-qty]{font-size:14px;font-weight:850}.v213-icon-button{display:inline-grid;place-items:center;width:34px;height:34px;min-width:34px;border:1px solid #c8d0d6;border-radius:8px;background:#fff;color:#26333e;font:700 17px var(--font-app);cursor:pointer}.v213-icon-button:hover{border-color:#e07825;background:#fff8f2}.v213-icon-button.danger{color:#a23d38}.v213-icon-button input{display:none}.v213-measure-position-tools{display:flex;align-items:center;gap:6px;margin:9px 0 7px}.v213-measure-position-tools>span{margin-right:auto;color:#68737d;font-size:9px}.v213-measure-extra{display:grid;gap:4px}.v213-measure-extra textarea{width:100%;min-height:54px;resize:vertical;border:1px solid #ccd3d8;border-radius:7px;padding:8px;font:11px var(--font-app)}
.v213-measure-sketch-preview{display:grid;justify-items:start;gap:5px;margin:9px 0 0;padding-top:8px;border-top:1px solid #e0e4e7}.v213-measure-sketch-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:330px;border:1px solid #d5dbe0;border-radius:6px;background:#fff;cursor:zoom-in}.v213-measure-sketch-preview figcaption{display:flex;gap:5px}.v213-photo-row{padding:9px 0 0!important}.v213-measure-warning{margin:9px 0;border-left:4px solid #c94343;border-radius:7px;background:#fff0f0;color:#7d2828;padding:9px 11px;font-size:10px}.v213-measure-warning strong{display:block}
.v212-measure-drawer #v212MeasurementDrawerRows{display:block!important;max-height:calc(100% - 142px)!important}.v213-measure-catalog-main,.v213-measure-catalog-sub{display:block}.v213-measure-folder{display:grid;width:100%;grid-template-columns:20px 38px minmax(0,1fr) 34px;gap:4px;align-items:center;border:0;border-bottom:1px solid #e2e6e9;background:#fff;padding:9px 5px;text-align:left;cursor:pointer}.v213-measure-folder:hover{background:#f7f9fa}.v213-measure-folder.main{background:#eef2f5;font-weight:850}.v213-measure-folder span{font-size:13px}.v213-measure-folder small{color:#75808b;font-size:8px}.v213-measure-folder strong{min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:10px}.v213-measure-folder b{justify-self:end;border-radius:999px;background:#dde4e9;padding:2px 5px;font-size:8px}.v213-measure-main-content{border-left:2px solid #d6dde2;margin-left:7px}.v213-measure-catalog-sub{margin-left:calc(var(--v213-depth,0) * 8px)}.v213-measure-folder-content{border-left:1px solid #e0e5e8;margin-left:9px;padding-left:5px}.v213-measure-service{display:grid!important;width:100%;gap:2px!important;margin:3px 0!important;border:1px solid #dce1e5!important;border-radius:7px!important;background:#fff!important;padding:8px!important;text-align:left!important;cursor:pointer!important}.v213-measure-service:hover{border-color:#e07825!important;background:#fff8f2!important}.v213-measure-service strong{font-size:9px!important;white-space:normal;overflow-wrap:anywhere}.v213-measure-service small{font-size:8px!important;color:#68737d}.v213-measure-search-caption{position:sticky;top:0;z-index:2;background:#f2f5f7;border-bottom:1px solid #d9dfe3;padding:7px;font-size:8px;font-weight:800}
.v213-sketch-dialog{position:fixed;z-index:500;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#e7eaec}.v213-sketch-dialog>header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #cbd2d7;background:#fff;padding:10px 13px}.v213-sketch-dialog>header>div:first-child{display:grid}.v213-sketch-dialog>header small{color:#68737d}.v213-sketch-surface{min-height:0;padding:10px}.v213-sketch-surface canvas{display:block;width:100%;height:100%;border:1px solid #aeb8c0;border-radius:9px;background-color:#fff;background-image:linear-gradient(#e4e8eb 1px,transparent 1px),linear-gradient(90deg,#e4e8eb 1px,transparent 1px);background-size:20px 20px;box-shadow:0 3px 14px rgba(22,34,45,.14);touch-action:none;cursor:crosshair}
.v213-measure-print-position header{align-items:center}.v213-measure-print-position header .v213-measure-print-qty{min-width:27mm;color:#17212b!important}.v213-measure-print-position header>strong:last-child{font-weight:750}.v213-measure-print-position:not(:has(p)):not(:has(img)):not(:has(.v212-measure-print-photos)){min-height:0}
.v213-measurement-workflow-settings{border:1px solid var(--border,#dbe2e8);border-radius:14px;padding:14px;margin:16px 0;display:grid;gap:10px;background:#fff}.v213-measurement-workflow-settings legend{padding:0 7px;font-weight:700;color:var(--text,#1d2730)}.v213-measurement-workflow-settings .notice{margin:0}.v213-measurement-workflow-settings input:disabled{opacity:.55}.v213-measurement-guided-summary{margin:12px 0;display:grid;gap:6px}.v213-measurement-guided-summary .btn{justify-self:start}

/* Kundenportal-Verwaltung und streng begrenzte Vorschau. */
.v213-portal-settings{display:grid;gap:12px}.v213-portal-settings .notice span{display:block;margin-top:4px}.v213-portal-scope{display:grid;gap:4px;border-left:4px solid #4d8269;border-radius:7px;background:#f0f7f3;padding:10px}.v213-portal-scope span{font-size:10px}.v213-portal-scope small{color:#52635b}
.v213-customer-portal-section{border:1px solid #cfded6!important;background:#fbfdfc}.v213-customer-portal-section .profile-section-head>div:first-child{display:grid;gap:2px}.v213-customer-portal-section .profile-section-head small{color:#607068}.v213-portal-boundary{display:flex;justify-content:space-between;gap:12px;border-radius:8px;background:#eef5f1;padding:8px 10px;color:#41584c;font-size:9px}.v213-portal-access-list{display:grid;gap:6px;margin-top:9px}.v213-portal-access-row{display:grid;grid-template-columns:145px minmax(180px,1fr) auto;gap:9px;align-items:center;border:1px solid #dbe2de;border-radius:9px;background:#fff;padding:8px}.v213-portal-access-row>div:nth-child(2){display:grid}.v213-portal-access-row small{color:#68737d}.v213-portal-state{border-radius:999px;padding:5px 7px;background:#eef1f3;color:#4f5962;font-size:8px;font-weight:850;text-align:center}.v213-portal-state.active{background:#e5f4eb;color:#2e6b49}.v213-portal-state.pending{background:#e9f1fa;color:#315e88}.v213-portal-state.error,.v213-portal-state.expired{background:#fff0ef;color:#9a3e38}.v213-portal-state.revoked{background:#eee;color:#666}.v213-portal-requests{display:grid;gap:5px;margin-top:11px;border-top:1px solid #d9e1dd;padding-top:9px}.v213-portal-requests>div{display:grid;grid-template-columns:130px 1fr;gap:2px 8px;border:1px solid #e0e5e2;border-radius:7px;background:#fff;padding:7px}.v213-portal-requests small{grid-column:2;color:#65716a}
.v213-portal-invite{display:grid;gap:11px}.v213-portal-invite .notice span{display:block;margin-top:4px}.v213-portal-permissions{display:grid;gap:5px;border:1px solid #d9e2dd;border-radius:9px;background:#f7faf8;padding:10px}.v213-portal-permissions label{font-size:10px}
.v213-portal-preview{display:grid;gap:13px}.v213-portal-preview>header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:12px;background:linear-gradient(135deg,#24384a,#3c5b70);color:#fff;padding:18px}.v213-portal-preview>header span{font-size:9px;opacity:.8}.v213-portal-preview>header h2{margin:3px 0}.v213-portal-preview>header p{margin:0;white-space:pre-line}.v213-portal-preview-scope{border-left:4px solid #5b9474;background:#eff7f2;padding:9px 11px;color:#405b4b;font-size:9px}.v213-portal-preview>section{border:1px solid #dce2e5;border-radius:11px;background:#fff;padding:12px}.v213-portal-case-list{display:grid;gap:6px}.v213-portal-case-list article{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e0e4e7;border-radius:8px;padding:9px}.v213-portal-case-list article>div{display:grid}.v213-portal-case-list small{color:#6a747d}.v213-portal-progress{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.v213-portal-progress:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--v213-status)}

/* Sichtbare Objektakten, reduzierte Auftragsdetails und frei eingebbarer Einsatzort. */
.v213-portal-preview [hidden]{display:none!important}
.v213-portal-object-list{display:grid;gap:10px}
.v213-portal-object{border:1px solid #dce2e5;border-radius:9px;background:#f8fafb;padding:11px}
.v213-portal-object-head,.v213-portal-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v213-portal-object-head h4{margin:0 0 4px}.v213-portal-object-head p{margin:0;white-space:pre-line}
.v213-portal-object-head>small{white-space:nowrap}.v213-portal-object .v213-portal-case-list{margin-top:10px}
.v213-portal-case-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid #dce2e5;border-radius:8px;background:#fff;color:#1d2730;padding:10px;cursor:pointer}
.v213-portal-case-row:hover,.v213-portal-case-row:focus-visible{background:#f0f6f3;border-color:#76a98c;outline-offset:2px}
.v213-portal-case-row>span:first-child{display:grid;gap:3px}.v213-portal-case-row strong{color:inherit}
.v213-portal-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 2px}
.v213-portal-details>div{min-width:0}.v213-portal-details .wide{grid-column:1/-1}.v213-portal-details dt{font-size:10px;color:#68737d;margin-bottom:3px}.v213-portal-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v213-portal-new-object{display:grid;gap:6px;border-left:3px solid #e97b2f;border-radius:7px;background:#f9f4ef;padding:10px}.v213-portal-preview form>.toolbar{margin:12px 0}
html[data-zaphi-theme="dark"] .v213-portal-preview>section{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview-scope{background:#20382d!important;color:#ccead8!important;border-color:#6cba8a!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.section-title,h3,h4,strong,label){color:#edf2f6!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(small,.empty,.v213-portal-object-head p,.v213-portal-details dt){color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.v213-portal-object,.v213-portal-new-object){background:#1b2229!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-new-object{border-left-color:#f47b20!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-case-row{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] .v213-portal-preview .v213-portal-case-row:is(:hover,:focus-visible){background:#283a34!important;border-color:#7bb893!important}
html[data-zaphi-theme="dark"] .v213-portal-preview :is(.v213-portal-case-row strong,.v213-portal-progress,.v213-portal-details dd){color:#edf2f6!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-scope,.v213-portal-boundary,.v213-portal-permissions,.v213-portal-access-row,.v213-portal-requests>div){background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-scope small,.v213-portal-access-row small,.v213-portal-requests small,.v213-portal-permissions label){color:#b9c6d0!important}
html[data-zaphi-theme="dark"] .v213-portal-settings .notice,html[data-zaphi-theme="dark"] .v213-portal-invite .notice{background:#20382d!important;color:#d5eadd!important;border-color:#528c6c!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-settings,.v213-portal-invite) :is(strong,label,h3){color:#edf2f6!important}
html[data-zaphi-theme="dark"] :is(.v213-portal-settings,.v213-portal-invite) input,html[data-zaphi-theme="dark"] .v213-portal-invite select{background:#202830!important;color:#edf2f6!important;border-color:#46525e!important}
@media(max-width:620px){.v213-portal-preview>header,.v213-portal-case-row,.v213-portal-object-head{align-items:flex-start;flex-direction:column}.v213-portal-preview>header .btn{width:100%}.v213-portal-object-head>small{white-space:normal}.v213-portal-details{grid-template-columns:1fr}}

@media(max-width:900px){.v213-payment-summary{grid-template-columns:1fr}.v213-measure-position.compact{grid-template-columns:minmax(88px,max-content) minmax(0,1fr) 18px}.v213-measure-position.compact small{display:none}.v213-portal-access-row{grid-template-columns:1fr}.v213-portal-boundary{display:grid}}
@media(max-width:620px){.v213-measure-position-line{grid-template-columns:1fr 1fr 34px}.v213-measure-description{grid-column:1/3}.v213-sketch-dialog>header{align-items:flex-start;flex-direction:column}.v213-sketch-dialog>header .toolbar{width:100%}.v213-sketch-dialog>header .toolbar .btn{flex:1;padding:7px 5px}.v213-payment-qr{grid-template-columns:68px 1fr}.v213-payment-qr img{width:68px!important;height:68px!important}}
@media(max-width:720px){.v13-doc-create>.v213-document-picker{width:100%;min-width:0;max-width:none}.v213-document-picker-popover{position:fixed;inset:auto 12px 12px;width:auto;max-height:72vh}.v213-document-picker-menu,.v213-delivery-signature-cards{grid-template-columns:1fr}.v213-delivery-overlay{padding:10px}.v213-signature-dialog,.v213-correction-dialog{width:100%;max-height:96vh}.v213-signature-pad-wrap{height:50vh}.v213-delivery-version-row{grid-template-columns:1fr}.v213-signature-dialog>footer .btn{flex:1}.v213-signature-hint{width:100%;margin:0}}