.friendly-error,.entity-edit,.payments-page,.simple-share{max-width:980px;margin:0 auto;padding:24px}
.friendly-error{min-height:100vh;display:grid;place-items:center}.friendly-error .panel{max-width:620px}.friendly-error h1{font-size:25px}.friendly-error .button{margin-left:8px}
.notice-success,.notice-error{padding:13px 15px;margin:14px 0;border-radius:10px}.notice-success{background:#eaf8ef;border:1px solid #52a872;color:#175d32}.notice-error{background:#fff0f0;border:1px solid #d77979;color:#822}
.customer-address-fields{margin:8px 0}.address-split{display:grid;grid-template-columns:120px 1fr;gap:10px}.edit-entity{margin-right:7px}
.doc-actions{position:relative;min-width:102px}.doc-actions>summary{cursor:pointer;list-style:none;font-weight:700;color:#087d99;padding:7px 10px;border:1px solid #bdd2dc;border-radius:7px;background:#f7fbfd}.doc-actions>summary::-webkit-details-marker{display:none}.doc-actions>div{position:absolute;z-index:20;right:0;top:calc(100% + 5px);width:235px;padding:10px;display:grid;gap:7px;border:1px solid #ccd9df;border-radius:10px;background:#fff;box-shadow:0 12px 28px #1233}.doc-actions>div>a,.doc-actions>div>form,.doc-actions>div button{width:100%;display:block;text-align:left}.doc-actions>div form{margin:0}.doc-actions:not([open])>div{display:none}
.simple-share .panel{overflow:visible}.share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.share-actions form{margin:0}.share-action{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:88px;padding:16px;border-radius:12px;text-decoration:none;border:1px solid #cbdbe2}.share-action b{font-size:16px}.share-action small{margin-top:6px;font-weight:400;line-height:1.35}.share-action.primary{background:#1585a5;color:#fff}.share-action.whatsapp{background:#eaf9ef;color:#176b36}.share-action.link{background:#eef4ff;color:#254a8b}.share-result>div{display:flex;gap:8px;flex-wrap:wrap}.compact-details>summary,.payment-entry>summary,.payment-history>summary{cursor:pointer;font-weight:800}.compact-details[open]>summary,.payment-entry[open]>summary,.payment-history[open]>summary{margin-bottom:15px}.email-quick{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.email-quick label{margin:0}.email-quick small{grid-column:1/-1}.share-history p{padding:9px 0;border-bottom:1px solid #e2e8ec}.share-history small{display:block;margin-top:3px}
.payment-card{scroll-margin-top:15px}.payment-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.payment-head h3{margin:0 0 5px}.payment-status{padding:6px 9px;border-radius:999px;background:#eef2f4;font-weight:800}.status-bezahlt{background:#e5f7ea;color:#176b36}.status-teilbezahlt{background:#fff3d6;color:#825b00}.payment-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.payment-totals span{padding:12px;border-radius:9px;background:#f3f6f8}.payment-totals b{display:block;margin-top:5px;font-size:17px}.payment-entry,.payment-history{padding-top:12px;border-top:1px solid #e0e7eb;margin-top:12px}.payment-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.payment-form label{margin:0}.payment-form button{height:40px}.payment-list>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e4eaed}.payment-list small{display:block;margin-top:3px;color:#687985}.payment-list form{margin:0}
@media(max-width:700px){.friendly-error,.entity-edit,.payments-page,.simple-share{padding:14px}.friendly-error .button{display:block;margin:8px 0 0}.address-split,.share-actions,.payment-totals,.payment-form,.email-quick{grid-template-columns:1fr}.email-quick small{grid-column:auto}.printbar{display:flex!important;flex-wrap:wrap;gap:8px;position:static!important}.printbar>a,.printbar>button{flex:1 1 46%;text-align:center}.doc-actions>div{position:fixed;left:14px;right:14px;top:auto;bottom:18px;width:auto;max-height:70vh;overflow:auto}.payment-list>div{grid-template-columns:1fr auto}.payment-list form{grid-column:1/-1}.payment-list button{width:100%}.top{align-items:flex-start;gap:10px}.top h2{font-size:23px}}