body .proposal-dialog:not([open]){display:none!important}
body .proposal-dialog{position:fixed;float:none;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:0;border-radius:12px;background:#fff;color:#444;box-shadow:0 8px 32px #0004;overflow-y:auto;font-family:Roboto,Arial,sans-serif;box-sizing:border-box}
body .proposal-dialog::backdrop{background:#0009}
body.proposal-dialog-open{overflow:hidden}
body .proposal-dialog h2,body .proposal-panel h2{margin:0 0 12px;padding:0;border:0;background:none;color:#444;font-size:20px;line-height:1.3;text-transform:none;font-weight:700}
body .proposal-dialog>[data-proposal-subject]{font-size:14px;line-height:1.4;margin:0 0 16px;overflow-wrap:anywhere}
body .proposal-dialog .proposal-close{position:absolute;top:8px;right:10px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#eee;color:#444;font-size:25px;line-height:1;cursor:pointer}
body[data-pagina] form.proposal-form{display:flex;flex-direction:column;gap:10px;float:none;width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box}
body[data-pagina] form.proposal-form label{display:block;float:none;width:100%;margin:0;padding:0;color:#555;font:400 12px/1.4 Roboto,Arial,sans-serif;text-transform:none}
body[data-pagina] form.proposal-form input:not([type=hidden]):not([type=checkbox]),body[data-pagina] form.proposal-form textarea{display:block;width:100%;min-width:0;height:auto;margin:4px 0 0;padding:10px;border:1px solid #bbb;border-radius:6px;background:#fff;color:#444;font:400 14px/1.4 Roboto,Arial,sans-serif;box-shadow:none;box-sizing:border-box;resize:vertical}
body[data-pagina] form.proposal-form .proposal-choices{display:flex;flex-wrap:wrap;gap:10px 18px;margin:2px 0}
body[data-pagina] form.proposal-form .proposal-choices label{display:flex;align-items:center;gap:7px;width:auto;flex:1;min-width:120px}
body[data-pagina] form.proposal-form input[type=checkbox]{flex:none;width:18px;height:18px;margin:0;accent-color:#ffc400}
body[data-pagina] form.proposal-form button[type=submit]{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;margin:0;padding:8px 14px;border:0;border-radius:7px;background:#ffc400;color:#333;font:600 15px/1.3 Roboto,Arial,sans-serif;cursor:pointer;box-sizing:border-box}
body[data-pagina] form.proposal-form button[type=submit] i{font-size:24px}
body[data-pagina] form.proposal-form button:disabled{opacity:.6;cursor:wait}
body[data-pagina] form.proposal-form .proposal-status{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
body[data-pagina] form.proposal-form .proposal-status:empty{display:none}
body[data-pagina] form.proposal-form :focus-visible,body .proposal-close:focus-visible{outline:3px solid #a77d00;outline-offset:2px}
body[data-pagina="ad.show"] .ad-detail-sidebar{display:flex;flex-direction:column;gap:16px;min-width:0}
body[data-pagina="ad.show"] .proposal-panel{background:#fff;border:1px solid #e9edf1;border-radius:12px;padding:18px;box-shadow:1px 2px 5px #0002;min-width:0}
/* Mantém os rótulos acessíveis e usa os placeholders como no protótipo. */
body[data-pagina="ad.show"] .proposal-panel .proposal-form>label{font-size:0}
body[data-pagina="ad.show"] .proposal-panel .proposal-form>label input,body[data-pagina="ad.show"] .proposal-panel .proposal-form>label textarea{margin-top:0}
@media(max-width:480px){body .proposal-dialog{padding:22px 16px 16px}body .proposal-panel{padding:14px}}