[hidden]{display:none!important}.password-toggle{display:flex;gap:8px;align-items:center;margin:10px 0}.password-toggle input{width:auto}.auth-error,#authError{color:#a52020;background:#fff0f0;padding:10px;border-radius:8px}.payment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:22px}.bank-qr{display:block;width:min(100%,330px);height:auto;border-radius:14px;margin:12px auto}.bank-details{border:1px solid #cee1ef;border-radius:14px;padding:18px;background:#f4f9fe}.bank-details dd{margin:8px 0 16px;overflow-wrap:anywhere}.bank-details code{font-size:16px;direction:ltr;display:block;unicode-bidi:isolate}.steps{padding-inline-start:24px;line-height:1.9}.subscription-summary{display:flex;gap:12px;flex-wrap:wrap;padding:14px;background:#edf6ff;border-radius:12px;margin-bottom:16px}.subscription-summary>div{flex:1;min-width:130px}.subscription-summary strong{display:block}.request-card{padding:16px;border:1px solid #d8e3ed;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.request-card .toolbar{flex-wrap:wrap}.request-card dl{display:grid;grid-template-columns:130px 1fr;gap:8px}.request-card dd{margin:0}.receipt-proof{max-height:75vh;max-width:100%;object-fit:contain}.admin-grid{display:grid;grid-template-columns:1fr;gap:16px}#ownerAdminDialog{width:min(1100px,96vw);max-height:94dvh}dialog{max-height:94dvh;overflow:auto}#ownerAdminDialog input,#ownerAdminDialog textarea{width:100%}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap}.support-qr{object-fit:contain;border:1px solid #d8e3ed;border-radius:10px}.customer-text{unicode-bidi:plaintext}.document-credit{font:9px Arial,sans-serif;color:#64748b;text-align:center;line-height:14px;break-inside:avoid}.paper .document-credit{position:static;margin-top:12px;clear:both}.paper{position:relative}.print-output{background:#fff}#cloudRetry{margin-inline-start:8px}.upload-hint{font-size:13px;color:#52677a}.subscription-banner .btn{white-space:normal}.auth-card{max-height:95dvh;overflow:auto}.app[aria-busy=true]{cursor:progress}.auth-language{position:absolute;top:12px;inset-inline-end:12px}.sync-detail{font-size:12px;color:#456}.state-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf6ff;color:#164673}.status-ACTIVE{background:#e8f8ee;color:#14633b}.status-REJECTED,.status-SUSPENDED,.status-EXPIRED{background:#fff0eb;color:#973a24}.owner-search{margin:12px 0}.subscription-banner strong{overflow-wrap:anywhere}@media(max-width:700px){.payment-grid{grid-template-columns:1fr}.request-card dl{grid-template-columns:1fr}.request-card dt{font-weight:700}.request-card dd{margin-bottom:7px}.dialog-actions{flex-wrap:wrap}.dialog-actions>.btn{flex:1;min-width:120px}#ownerAdminDialog{width:98vw;margin:auto}.bank-details{padding:12px}.bank-qr{width:min(100%,280px)}}@media print{.document-credit{font-size:8px}.app .subscription-banner,.save-bar{display:none!important}.paper{break-after:avoid-page;break-inside:avoid}.paper:last-child{page-break-after:auto;break-after:auto}}

.paper-content{direction:inherit}.fallback-brand{position:absolute;top:7%;inset-inline:7%;display:flex;gap:20px;align-items:center}.fallback-brand img{width:75px;height:75px;object-fit:contain}.fallback-brand strong{font-size:22px}.fallback-brand p{font-size:11px}.paper-fit{transform-origin:top center}html[dir=ltr] .paper-content{direction:ltr}html[dir=rtl] .paper-content{direction:rtl}
/* Screen frame only: keep the original A4 canvas and print geometry. */
@media screen{
 .app,main,.main,.workspace,.page,.card,.quote-layout,.quote-editor,.quote-preview{min-width:0;max-width:100%}
 .paper-wrap{min-width:0;max-width:100%;overflow-x:auto;justify-content:flex-start;overscroll-behavior-inline:contain}
 .paper-wrap>.paper{flex-shrink:0}
 .payment-whatsapp-qr{display:block;width:min(100%,280px);height:auto;margin:18px auto}
 .owner-app .sidebar{background:linear-gradient(160deg,#123e56,#0f6263)}
 #ownerDashboard{margin-bottom:18px}
 .request-card,.subscription-banner,.dialog-head{overflow-wrap:anywhere}
 .toolbar,.dialog-head{flex-wrap:wrap}
}
@media screen{
 .settings-preview{grid-template-columns:220px minmax(0,1fr)}
 .settings-preview>*,.form-grid>*,.field{min-width:0}
 .form-grid input,.form-grid select,.form-grid textarea{max-width:100%;min-width:0}
}
@media screen and (max-width:1100px){.settings-preview{grid-template-columns:minmax(0,1fr)}}
/* Keep the fallback company header above the blank letterhead canvas. */
.fallback-brand{z-index:1}