body.app-ventas .supervisor-approval-dialog{width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(var(--checkout-height,100vh) - 24px);padding:0;border:1px solid #adc4b7;border-radius:14px;background:#fff;color:#183d31;box-sizing:border-box;overflow:hidden}
body.app-ventas .supervisor-approval-dialog::backdrop{background:rgb(12 39 31 / 58%)}
body.app-ventas .supervisor-approval-form{display:flex;flex-direction:column;min-width:0;max-height:calc(var(--checkout-height,100vh) - 26px);margin:0}
body.app-ventas .supervisor-approval-heading{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 20px 12px;background:#fff}
body.app-ventas .supervisor-approval-heading h2{margin:0;color:#123b2d;font-size:24px;line-height:1.3;overflow-wrap:anywhere}
body.app-ventas .supervisor-approval-heading button{flex:0 0 auto;min-width:44px;min-height:44px;color:#1e4d39}
body.app-ventas .supervisor-approval-scroll{min-height:0;overflow:auto;padding:0 20px 16px;overscroll-behavior:contain}
body.app-ventas .supervisor-approval-scroll>p{margin:8px 0 18px;color:#405e4f;font-size:16px;line-height:1.5}
body.app-ventas .supervisor-approval-summary{margin:0 0 16px;padding:0;border-block:1px solid #d7e4dc}
body.app-ventas .supervisor-approval-summary>div{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 0}
body.app-ventas .supervisor-approval-summary>div+div{border-top:1px solid #e2eae5}
body.app-ventas .supervisor-approval-summary dt{color:#4b6555;font-size:14px;line-height:1.5}
body.app-ventas .supervisor-approval-summary dd{margin:0;color:#173e2c;font-size:16px;line-height:1.45;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.app-ventas .supervisor-approval-scroll label,body.app-ventas .supervisor-policy-panel form label:not(.supervisor-policy-check){display:grid;gap:7px;margin-top:18px;color:#1f4734;font-size:14px;font-weight:700}
body.app-ventas .supervisor-approval-scroll input,body.app-ventas .supervisor-policy-panel input[type=number]{min-width:0;min-height:44px;width:100%;padding:10px 12px;box-sizing:border-box;border:1px solid #91ad9b;border-radius:9px;background:#fff;color:#163a29;caret-color:#175c3c;font-size:16px}
body.app-ventas .supervisor-approval-scroll input::placeholder{color:#526a5a}
body.app-ventas .supervisor-approval-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;flex:0 0 auto;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #d7e4dc;background:#fff}
body.app-ventas .supervisor-approval-actions button,body.app-ventas .supervisor-policy-panel button{min-height:44px;white-space:normal;overflow-wrap:anywhere}
body.app-ventas .supervisor-approval-error{color:#8a3029!important;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
body.app-ventas .supervisor-approval-caption{display:block;color:#4a6554;font-size:14px!important;line-height:1.5;font-weight:400}
body.app-ventas .supervisor-approval-dialog :focus-visible,body.app-ventas .supervisor-policy-panel :focus-visible{outline:2px solid #14724a;outline-offset:3px}
body.app-ventas .supervisor-approval-dialog ::selection,body.app-ventas .supervisor-policy-panel ::selection{background:#cce8d6;color:#143d2a}
body.app-ventas .supervisor-approval-dialog button:disabled,body.app-ventas .supervisor-policy-panel button:disabled{opacity:.65;cursor:wait}
body.app-ventas .supervisor-policy-panel{min-width:0;padding:22px;border:1px solid #ccded3;border-radius:14px;background:#fff;color:#193f2c;font-size:16px;line-height:1.5}
body.app-ventas .supervisor-policy-panel h3{margin:0 0 10px;color:#143a28;font-size:24px;line-height:1.3}
body.app-ventas .supervisor-policy-panel p{max-width:70ch;color:#405e4f}
body.app-ventas .supervisor-policy-panel fieldset{display:grid;gap:16px;margin:18px 0;padding:0;border:0;min-width:0}
body.app-ventas .supervisor-policy-panel .supervisor-policy-check{display:flex;align-items:flex-start;gap:10px;color:#214a33;font-weight:600}
body.app-ventas .supervisor-policy-check input{width:20px;height:20px;flex:0 0 20px;accent-color:#156744;margin-top:2px}
body.app-ventas .supervisor-policy-panel input[type=number]{max-width:250px}
@media(max-width:600px){body.app-ventas .supervisor-approval-heading{padding:16px 16px 10px}body.app-ventas .supervisor-approval-heading h2{font-size:21px}body.app-ventas .supervisor-approval-scroll{padding:0 16px 14px}body.app-ventas .supervisor-approval-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}body.app-ventas .supervisor-approval-actions button{flex:1 1 140px}body.app-ventas .supervisor-approval-summary>div{grid-template-columns:1fr;gap:3px}body.app-ventas .supervisor-policy-panel{padding:16px}body.app-ventas .supervisor-policy-panel input[type=number]{max-width:100%}}
