/* Shared visual language for the customer card and owner preview. */
.quota-card,.quota-card-preview{box-sizing:border-box;background:#fffdfa;color:#473b3f;border:1px solid #eee0e3;border-radius:25px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;overflow:hidden;box-shadow:0 22px 90px #57414d25}
.quota-card{padding:0;width:min(360px,calc(100vw - 36px));max-width:360px;max-height:min(86dvh,760px);outline:0}
.quota-card[open]{display:flex;flex-direction:column;animation:quota-in .24s cubic-bezier(.2,.8,.2,1)}
.quota-card::backdrop{background:#3e303d61;backdrop-filter:blur(5px)}
.quota-card-head{display:flex;align-items:center;justify-content:space-between;padding:19px 21px 6px;flex-shrink:0}
.quota-brand{font:13px Georgia,serif;letter-spacing:2.5px;color:#a17988}
.quota-close{font:25px/1 -apple-system,BlinkMacSystemFont,sans-serif;background:#f7eff1;color:#a5808d;border:0;border-radius:50%;width:33px;height:33px;min-height:0;padding:0;cursor:pointer}
.quota-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:5px 25px 13px;scrollbar-width:thin}
.quota-symbol{display:block;text-align:center;font-size:40px;color:#c498a7;line-height:1.4;margin:4px 0 12px}
.quota-message{font-size:19px;line-height:1.6;text-align:center;font-weight:600;letter-spacing:.2px;margin:0 auto 20px;max-width:270px;text-wrap:balance;color:#57414b}
.quota-content{font-size:14px;line-height:1.95;color:#8d7580;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px}
.quota-image{display:block;width:100%;height:auto;border-radius:13px;margin:0 auto 5px;object-fit:contain}
.quota-image[hidden],.quota-content[hidden],.quota-retry[hidden]{display:none!important}
.quota-feedback{font-size:11px;line-height:1.8;color:#a28d95;margin:10px 0 0;text-align:center}.quota-feedback:empty{display:none}
.quota-retry{display:block;margin:8px auto 0;border:0;background:transparent;color:#a37488;font-size:12px;padding:7px;cursor:pointer}
.quota-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 22px 22px;border-top:1px solid #f2e9ec;flex-shrink:0}
.quota-actions button{font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;border-radius:13px;padding:12px 8px;min-height:43px;border:0;cursor:pointer;transition:transform .16s}
.quota-actions button:active{transform:scale(.975)}.quota-primary{background:#bb8597;color:white}.quota-secondary{background:#f5ecef;color:#987887}
.quota-card button:focus-visible{outline:2px solid #a46e83;outline-offset:3px}
@keyframes quota-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:600px){.quota-card-head{padding-top:13px}.quota-symbol{font-size:30px;margin:0 0 8px}.quota-actions{padding-bottom:14px}.quota-message{font-size:17px}}
@media(prefers-reduced-motion:reduce){.quota-card[open]{animation:none}}