/* Kit comercial: escala sobria y controles accesibles en mobile/PWA */
.commercial-dialog{border:0;padding:0;max-width:min(640px,100vw);width:min(640px,100vw);max-height:94dvh;border-radius:10px;background:#fff;color:#142238;box-shadow:0 20px 70px #0816275c}
.commercial-dialog::backdrop{background:#071524b8}
.commercial-sheet{display:flex;flex-direction:column;max-height:94dvh}
.commercial-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3e8;flex:none}
.commercial-header small{display:block;letter-spacing:.12em;font-size:12px;font-weight:700;color:#6c7784;margin-bottom:5px}
.commercial-header h2{margin:0;font-size:20px;line-height:1.2;font-weight:650;overflow-wrap:anywhere}
.commercial-header button{border:0;background:transparent;color:#37485d;font-size:28px;line-height:1;cursor:pointer;padding:6px}
.commercial-content{overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 28px;display:grid;gap:16px}
.commercial-content label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#34465b}
.commercial-content input:not([type=file]),.commercial-content select,.commercial-content textarea{width:100%;min-width:0;border:1px solid #c9d2dd;border-radius:5px;padding:10px 12px;background:#fff;color:#112033;font:inherit;font-size:16px;outline-offset:2px;box-sizing:border-box}
.commercial-content textarea{resize:vertical;line-height:1.5;min-height:132px}
.commercial-content input[type=file]{width:100%;font-size:13px}
.commercial-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e2e8ed;padding-bottom:12px}
.commercial-context span{font-size:12px;font-weight:750;letter-spacing:.12em;color:#627489}
.commercial-context b{font-size:14px;overflow-wrap:anywhere}
.commercial-actions{display:grid;grid-template-columns:1fr;gap:9px}
.commercial-content button.commercial-primary#commercialOpenDraft{min-height:50px;font-size:15px}
.commercial-mailapp{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;border:0}
.commercial-mailapp legend{float:left;margin-right:6px;padding:0;font-size:12px;font-weight:750;color:#627489}
.commercial-content .commercial-mailapp label{display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;margin:0;font-size:14px;font-weight:600;color:#253a52;white-space:nowrap;cursor:pointer}
.commercial-content .commercial-mailapp input{flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:#17395a}
.commercial-content button{font:inherit;font-size:14px;font-weight:650;padding:11px 12px;min-height:43px;border-radius:5px;border:1px solid #bbc6d1;background:#fff;color:#253a52;cursor:pointer}
.commercial-content button.commercial-primary,.commercial-content form button[type=submit]{background:#17395a;color:#fff;border-color:#17395a}
.commercial-content button:disabled{opacity:.48;cursor:not-allowed}
.commercial-muted{font-size:12px;font-weight:400;color:#687787;line-height:1.55;margin:0}
.commercial-warning{color:#852b20;background:#fff3f0;border-left:3px solid #ba4f43;padding:12px;font-size:13px;margin:0}
.commercial-subactions{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid #dce3e8;padding-bottom:14px}
.commercial-subactions button{border:0;background:transparent;padding:8px 0;min-height:auto;color:#244b70}
.commercial-history h3,.commercial-library-header h3,.commercial-content form h3{font-size:16px;margin:0 0 9px}
.commercial-history-item{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;padding:9px 0;border-top:1px solid #e5eaf0;font-size:13px}
.commercial-history-item b{font-size:12px}
.commercial-history-item small{width:100%;color:#6b7887}
.commercial-library-header{border-top:1px solid #e3e9ee;padding-top:14px}
.commercial-library-header p{font-size:12px;color:#607184;margin:4px 0}
.commercial-library-rows>div{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #e3e9ef}
.commercial-library-rows b{font-size:13px;flex:1}
.commercial-library-rows small{font-size:12px;color:#6b7a8b;flex:1}
.commercial-library-rows button{min-height:auto;font-size:12px;padding:6px}
.commercial-content form{display:grid;gap:12px;border-top:1px solid #d9e1e9;padding-top:15px}
@media(max-width:600px){.commercial-dialog{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.commercial-sheet{max-height:100dvh;height:100dvh}.commercial-content{padding:18px 18px calc(22px + env(safe-area-inset-bottom))}.commercial-header{padding:18px}.commercial-actions{grid-template-columns:1fr}.commercial-library-rows>div{flex-wrap:wrap}}

/* Al volver: "¿Enviaste el mail/WhatsApp?" */
.commercial-ask{display:grid;gap:10px;padding:14px;border:1px solid #9cc2ea;border-radius:8px;background:#eef5fc}
.commercial-ask[hidden]{display:none}
.commercial-ask p{margin:0;font-size:15px;color:#17395a}
.commercial-ask div{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}