/* Brand-aligned sales login, scoped away from contracts and account dialogs. */
body.renewal-preview #modal .sales-login-panel{width:min(500px,100%);padding:0!important;border:1px solid #dfe6d7;border-radius:20px;background:#fffefa;max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 28px 85px #183f2f38;box-sizing:border-box}
body.renewal-preview #modal .sales-login-panel .modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:15px;margin:0!important;padding:25px 30px!important;border-bottom:1px solid #e0e7d9;background:#fffefa}
body.renewal-preview #modal .sales-login-panel .modal-head h2{margin:0;font-size:25px;font-weight:750;letter-spacing:-.025em;color:#214d34;line-height:1.4}
body.renewal-preview #modal .sales-login-panel .close-btn{width:44px;height:44px;border:0;border-radius:50%;background:#eef3e7;color:#42634a;font-size:25px;font-weight:400;box-shadow:none}
body.renewal-preview #modal .sales-login-panel #modal-body{padding:25px 30px 28px}
body.renewal-preview #modal .sales-login-panel .sales-login-intro{margin:0 0 27px;font-size:14px;line-height:1.8;color:#697762;word-break:keep-all}
body.renewal-preview #modal .sales-login-panel .modal-form{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0;padding:0}
body.renewal-preview #modal .sales-login-panel .modal-form label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:13px;font-weight:650;line-height:1.5;color:#3b583d}
body.renewal-preview #modal .sales-login-panel .modal-form input:not([type=checkbox]),body.renewal-preview #modal .sales-login-panel .modal-form textarea{width:100%;box-sizing:border-box;border:1px solid #d7e1ce;border-radius:9px;background:white;color:#243b2d;padding:14px 15px;min-height:52px;font-family:inherit;font-size:16px;line-height:1.5;outline:none}
body.renewal-preview #modal .sales-login-panel .modal-form input::placeholder,body.renewal-preview #modal .sales-login-panel .modal-form textarea::placeholder{color:#929e8c;font-size:14px}
body.renewal-preview #modal .sales-login-panel .modal-form input:focus,body.renewal-preview #modal .sales-login-panel .modal-form textarea:focus{border-color:#34734c;box-shadow:0 0 0 3px #34734c16}
body.renewal-preview #modal .sales-login-panel label:has([name=saveId]){flex-direction:row;align-items:center;font-size:13px;font-weight:500;gap:10px!important;margin:0}
body.renewal-preview #modal .sales-login-panel [name=saveId]{accent-color:#21633f;flex-shrink:0;margin:0}
body.renewal-preview #modal .sales-login-panel .primary-action,body.renewal-preview #modal .sales-login-panel .secondary-action{border:0;border-radius:9px;background:#21633f;color:#fff;min-height:52px;box-shadow:none;font-size:16px;font-weight:700;cursor:pointer}
body.renewal-preview #modal .sales-login-panel .primary-action:hover,body.renewal-preview #modal .sales-login-panel .secondary-action:hover{background:#184e30}
body.renewal-preview #modal .sales-login-panel .form-message{min-height:0;margin:0;font-size:13px;line-height:1.7;font-weight:500}
body.renewal-preview #modal .sales-login-panel .form-message:empty{display:none}
body.renewal-preview #modal .sales-login-panel .login-support-grid{display:block;margin:25px 0 0;padding-top:21px;border-top:1px solid #e0e6d9}
body.renewal-preview #modal .sales-login-panel .reset-box{padding:0;margin:0;border:0;background:transparent}
body.renewal-preview #modal .sales-login-panel .login-support-btn{display:block;padding:0;margin:0;border:0;background:none;box-shadow:none;text-align:center;font-size:13px;font-weight:500;color:#59734d;text-decoration:underline;text-underline-offset:4px;cursor:pointer;list-style:none}
body.renewal-preview #modal .sales-login-panel .reset-box summary::-webkit-details-marker{display:none}
body.renewal-preview #modal .sales-login-panel .reset-box[open] .modal-form{margin-top:24px;padding-top:22px;border-top:1px solid #e0e6d9}
body.renewal-preview #modal .sales-login-panel button:focus-visible,body.renewal-preview #modal .sales-login-panel summary:focus-visible{outline:3px solid #91af79;outline-offset:3px}
@media(max-width:600px){body.renewal-preview #modal .sales-login-panel{max-height:calc(100dvh - 24px);border-radius:16px}body.renewal-preview #modal .sales-login-panel .modal-head{padding:20px!important}body.renewal-preview #modal .sales-login-panel .modal-head h2{font-size:22px}body.renewal-preview #modal .sales-login-panel #modal-body{padding:23px 20px}body.renewal-preview #modal .sales-login-panel .sales-login-intro{font-size:13px;margin-bottom:24px}}
body.renewal-preview #modal .sales-login-panel .reset-box .modal-form{background:transparent;border-right:0;border-bottom:0;border-left:0;border-radius:0;text-align:left}
body.renewal-preview #modal .sales-login-panel .modal-form label{text-align:left}