.commerce-field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#c2d3e6;margin:14px 0}.commerce-field input,.commerce-field textarea{width:100%;border:1px solid #354a64;background:#101e30;color:#f1f5ff;border-radius:8px;padding:11px;font:inherit}.commerce-field textarea{min-height:110px;resize:vertical;word-break:break-all}.commerce-note{font-size:13px;color:#b3c8e0;line-height:1.6;margin:18px 0}.commerce-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.commerce-product{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff16;padding:14px 0;font-size:13px}.commerce-product small{color:#aac0d8}#customerAccountAccess{margin-top:18px}#commercePaymentModal{z-index:10050}#commercePaymentModal .modal-body p{line-height:1.7;font-size:14px}#commercePaymentModal .modal-dialog{width:min(590px,calc(100vw - 24px))}[hidden]{display:none!important}

/* Ações de conexão legíveis, independentes das cores do editor. */
#hostingStatus{box-sizing:border-box;overflow-wrap:anywhere}
#hostingStatus .hosting-retry-button{background:#075985!important;color:#fff!important;border:1px solid #38bdf8!important;border-radius:8px;min-height:44px;font:600 14px/1.4 system-ui,sans-serif;white-space:normal;opacity:1!important}
#hostingStatus .hosting-retry-button:hover:not(:disabled){background:#0c4a6e!important}
#hostingStatus .hosting-retry-button:disabled{background:#334155!important;color:#f8fafc!important;cursor:wait!important}
#hostingStatus .hosting-retry-button:focus-visible,#hostingStatus .hosting-setup-link:focus-visible{outline:3px solid #facc15;outline-offset:3px}
@media(max-width:480px){#hostingStatus [data-connection-message]{display:block}#hostingStatus .hosting-retry-button{max-width:100%;margin:10px 4px 4px!important}}

/* Acesso e downloads com alvos de toque e formulários legíveis. */
#headerUserBtn{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-height:44px;gap:7px;max-width:min(240px,calc(100vw - 100px));min-width:0;flex-shrink:0}
#headerUserBtn>svg{flex-shrink:0}
#headerUserBtn>span{display:block!important;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#authModal .modal-dialog{max-width:480px}
#authModal input,#customerProfileForm input,#customerPasswordForm input{font-size:16px;min-height:46px}
#authModal summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--palette-link,#7dd3fc);font-weight:600}
#authModal summary:focus-visible,.download-product-btn:focus-visible{outline:3px solid #7dd3fc;outline-offset:4px}
.account-hint{display:block;font-size:.8rem;color:var(--palette-neutral-muted,#b3c8e0);line-height:1.5;margin-top:6px}
.account-feedback{padding:12px;border:1px solid #ef9a9a;border-radius:8px;color:#ffd0d0;background:#581c2738;line-height:1.5;margin:12px 0}
.customer-ready-downloads{border:1px solid #38bdf877;background:#0284c710;border-radius:14px;padding:18px}
.customer-ready-downloads h4{font-size:1.1rem}
.customer-ready-downloads .commerce-note{margin:10px 0 16px}
.ready-download>div{min-width:0;flex:1 1 180px}
.ready-download strong,.ready-download small{display:block;overflow-wrap:anywhere}
.ready-download small{margin-top:6px}
.download-product-btn{min-height:46px;white-space:normal;text-align:center}
.payment-confirmed{color:#86efac}
#checkoutAccountHint .btn{margin-top:10px;min-height:44px}
#customerDownloadsList .commerce-actions .btn{min-height:44px;white-space:normal}
#customerDownloadsList{overflow-wrap:anywhere}
#customerAreaModal .modal-body>div:last-child{flex-wrap:wrap;gap:12px}
@media(max-width:480px){
 .customer-ready-downloads{padding:14px}
 .download-product-btn{width:100%}
 #customerDownloadsList .commerce-actions>*{flex:1 1 140px}
 #customerAreaModal .modal-body>div:last-child>button{min-height:44px;flex:1 1 140px;white-space:normal}
}

/* Mantém o nome da conta na faixa superior sem aumentar a altura no celular. */
@media (max-width: 600px) {
    .header-inner > .header-actions > #headerUserBtn {
        order: 1;
        flex: 0 1 auto;
        max-width: clamp(70px, 23vw, 138px);
        min-height: 44px;
        padding: 8px;
        gap: 4px;
        font-size: .75rem;
    }
    .header-inner > .header-actions > #headerUserBtn > svg { width: 16px; height: 16px; }
}