/* NotaDoc — Componentes da assinatura e experiência PWA (Etapa 3) */
.nd-saas-area{min-height:65vh;background:linear-gradient(145deg,#f5f9ff 0%,#fff 55%,#f1fbfc 100%)}
.nd-saas-narrow{max-width:1120px}
.nd-saas-area h1{font-size:clamp(30px,4vw,47px);letter-spacing:-.045em;color:#0b2a5a;line-height:1.15;margin:.6rem 0 .9rem}
.nd-saas-area p{color:#62718a;line-height:1.65}
.nd-saas-trial{display:flex;gap:20px;justify-content:space-between;align-items:center;background:#e8f8f6;border:1px solid #b7e8e1;border-radius:18px;padding:22px 25px;margin:30px auto}
.nd-saas-trial strong{font-size:21px;color:#074c51}
.nd-saas-trial p{margin:7px 0 0;max-width:650px}
.nd-saas-cycle{display:flex;align-items:center;justify-content:center;gap:7px;margin:26px 0 25px;flex-wrap:wrap}
.nd-saas-cycle>span{color:#617089;font-weight:600;margin-right:10px}
.nd-saas-cycle button{border:1px solid #cfdced;border-radius:999px;background:#fff;padding:11px 19px;font-weight:800;color:#124071;cursor:pointer;font-size:14px;transition:.16s ease}
.nd-saas-cycle button.active{background:#0867ee;border-color:#0867ee;color:white;box-shadow:0 8px 20px #0767ed26}
.nd-saas-cycle small{font-size:11px;background:#e2fff3;color:#006c57;border-radius:15px;padding:3px 7px;margin-left:6px}
.nd-saas-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nd-saas-plan{border-radius:18px;border:1px solid #dbe5f3;box-shadow:0 10px 38px #122b5020;background:#fff;padding:28px 23px;display:flex;flex-direction:column;min-width:0}
.nd-saas-plan.is-featured{border:2px solid #0870f6;box-shadow:0 16px 35px #075eda1c;background:linear-gradient(150deg,#fff,#f0f7ff)}
.nd-saas-plan h3{font-size:24px;color:#102d59;margin:18px 0 6px}
.nd-saas-plan>p{margin:0 0 15px;min-height:49px}
.nd-saas-plan .nd-saas-price{color:#082858;font-size:clamp(24px,3vw,36px);font-weight:850;letter-spacing:-.055em}
.nd-saas-plan .nd-saas-price-suffix{display:block;color:#66768f;margin-bottom:15px}
.nd-saas-plan ul{list-style:none;margin:8px 0 24px;padding:0;flex:1}
.nd-saas-plan li{font-size:14px;line-height:1.5;padding:7px 0 7px 26px;position:relative;color:#334b67}
.nd-saas-plan li:before{content:'✓';position:absolute;left:2px;font-weight:900;color:#00a693}
.nd-saas-plan form{margin-top:auto}.nd-saas-plan .nd-btn{margin-top:auto;text-align:center;justify-content:center}
.nd-saas-muted{text-align:center;font-size:13px;margin:25px auto}
.nd-saas-checkout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:34px;align-items:start}
.nd-saas-receipt{background:#fff;border:1px solid #dce7f1;border-radius:18px;display:flex;gap:16px;padding:25px;margin:32px 0 18px;align-items:start;flex-wrap:wrap;box-shadow:0 9px 30px #102e5215}
.nd-saas-receipt>div:nth-child(2){flex:1;min-width:170px}.nd-saas-receipt strong{font-size:24px;color:#0d305f}.nd-saas-receipt p{font-size:14px;margin:6px 0;color:#65768a}
.nd-saas-amount{font-size:26px;font-weight:850;color:#0068e8}.nd-saas-amount small{display:block;font-size:12px;font-weight:500;color:#65738a}
.nd-saas-payment{background:#fff;border:1px solid #dce7f1;border-radius:20px;box-shadow:0 16px 55px #17335617;padding:32px}
.nd-saas-payment h2{color:#0d305f;font-size:27px;margin:0 0 8px}
.nd-saas-payment>small{display:block;font-size:12px;color:#748198;margin-top:25px}
.nd-saas-payment>form{margin-top:16px}.nd-saas-payment .nd-btn{justify-content:center}
.nd-saas-notice{padding:17px;margin-top:20px;background:#f1f6fd;border:1px solid #d5e4f5;border-radius:14px}.nd-saas-notice b{color:#19426a}
.nd-saas-payment-ready{text-align:center}.nd-saas-payment-ready p{margin:12px 0}.nd-saas-pix{display:flex;gap:6px;margin-top:12px}.nd-saas-pix input{min-width:0;flex:1;border-radius:9px;border:1px solid #cbd8e8;padding:10px}.nd-saas-pix button{background:#f1f6fc;border:1px solid #d3dfea;border-radius:9px;cursor:pointer;padding:0 13px;color:#0d3b70;font-weight:bold}
.nd-success-icon{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:#e0faf1;border-radius:50%;color:#009b77;margin:0 auto 18px}
.nd-saas-welcome{text-align:center}.nd-saas-welcome>p{max-width:740px;margin:0 auto 22px}.nd-saas-welcome>.nd-btn{margin-top:30px}
.nd-saas-onboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0;gap:8px}
.nd-saas-onboard>div{background:#fff;border-radius:16px;border:1px solid #dce7ef;padding:14px 8px;min-width:0}.nd-saas-onboard span{display:grid;place-items:center;width:38px;height:38px;background:#e8f1ff;color:#065eee;border-radius:50%;font-weight:850;margin:0 auto 9px}.nd-saas-onboard b{font-size:13px;line-height:1.3;color:#163b70}
.nd-saas-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:830px;margin:0 auto}
.nd-saas-next a{display:flex;align-items:center;text-align:left;gap:12px;background:#fff;border-radius:14px;border:1px solid #dce7f1;padding:18px;color:#173e74;font-weight:800;text-decoration:none}
.nd-saas-next a svg{color:#006bee;flex-shrink:0}
.nd-saas-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.nd-saas-config-form{display:grid;gap:18px;max-width:1050px}.nd-saas-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nd-saas-config-form fieldset{border:1px solid #d9e6f4;border-radius:14px;padding:18px;display:grid;gap:12px}
.nd-saas-config-form legend{font-weight:800;color:#12345e}.nd-saas-config-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#354c67}
.nd-saas-config-form input,.nd-saas-config-form select{border:1px solid #ccdbea;border-radius:10px;padding:11px;background:#fff;color:#142c4e;width:100%;font-size:15px}
.nd-saas-config-form>p{word-break:break-all}.nd-saas-config-form>button{justify-self:start}
.nd-saas-team-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:760px}.nd-saas-team-form label{display:grid;gap:7px;color:#334b68;font-size:14px}.nd-saas-team-form input,.nd-saas-team-form select{padding:11px;border:1px solid #cbd6e7;border-radius:9px;min-width:0}
.nd-bottom-nav{display:none}
@media(max-width:900px){.nd-saas-plans{grid-template-columns:1fr 1fr}.nd-saas-checkout{grid-template-columns:1fr}.nd-saas-config-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nd-saas-plans{grid-template-columns:1fr}.nd-saas-plan>p{min-height:0}.nd-saas-area{padding-top:23px}.nd-saas-trial{flex-direction:column;align-items:stretch;padding:18px}.nd-saas-cycle>span{width:100%;text-align:center}.nd-saas-cycle button{flex:1}.nd-saas-checkout{gap:17px}.nd-saas-receipt{padding:17px}.nd-saas-payment{padding:20px}.nd-saas-onboard{grid-template-columns:repeat(2,1fr)}.nd-saas-next{grid-template-columns:1fr}.nd-saas-config-grid,.nd-saas-team-form{grid-template-columns:1fr}
.nd-bottom-nav{display:flex;position:fixed;z-index:60;left:0;right:0;bottom:0;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid #d7e1ef;box-shadow:0 -6px 25px #12345612;padding:8px 6px max(9px,env(safe-area-inset-bottom));height:auto}
.nd-bottom-nav a{flex:1;min-width:0;color:#385270;text-decoration:none;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center;font-size:10px;font-weight:700}.nd-bottom-nav a svg{color:#0868ee}
.app-shell{padding-bottom:76px}.modal-backdrop{z-index:100}.nd-saas-amount{width:100%}
}
@media(prefers-reduced-motion:reduce){.nd-saas-cycle button,.nd-saas-plan{transition:none!important}}

.nd-saas-cancel{margin-top:22px;padding-top:16px;border-top:1px solid #d9e5f1}.nd-saas-cancel>p{color:#698098;font-size:13px}.nd-saas-cancel>strong{color:#087c68}