.setup-shell{max-width:980px;margin:40px auto;padding:24px}.setup-shell>.brand{margin-bottom:32px}.setup-shell form{padding:28px}.setup-shell h3{margin:28px 0 16px}.setup-shell .settings-row small{display:block;max-width:620px;margin-top:6px}.validation-banner{background:#fff2c9;color:#795600;padding:12px 24px;font-size:13px;text-align:center}.guide-article{padding:20px 0;border-bottom:1px solid #e5ebe6}.guide-article p{line-height:1.75}.online-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.online-plan{padding:20px;border:1px solid #dee7df;border-radius:18px}.online-plan strong,.online-plan span{display:block;margin:10px 0}.login-form{max-width:620px}.login-brand a{color:inherit;text-decoration:none}.login-form .form-grid{gap:12px}.online-locked-menu{opacity:.7}@media(max-width:800px){.login-wrap{display:block}.login-brand{padding:28px}.login-brand h1{font-size:30px}.login-side{padding:24px}.setup-shell{margin:12px auto;padding:12px}.setup-shell form{padding:18px}.online-plan-grid{grid-template-columns:1fr}.main{padding:12px}.sidebar{z-index:10}.top-actions{gap:6px;flex-wrap:wrap}.table-wrap{overflow-x:auto}}
.login-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:100dvh;background:#f7f8f4}.login-brand{padding:clamp(28px,5vw,76px);background:#e8f0e7;display:flex;flex-direction:column;justify-content:center}.login-brand .brand{display:flex;margin-bottom:64px}.login-brand h1{font-size:clamp(34px,4vw,56px);line-height:1.12;margin:0 0 24px}.login-brand p{max-width:440px;line-height:1.7;color:#65756a;font-size:15px}.login-brand>span{color:#65756a;font-size:12px;line-height:1.7;margin-top:32px}.login-side{padding:clamp(24px,4vw,56px)}.login-side .login-form{width:min(560px,100%)}.login-form>.form-grid{margin:24px 0}.login-form .form-grid .form-control{margin-bottom:0}.login-form .mini-btn{margin-top:18px}.login-form a{color:var(--green)}.login-form>p.muted{font-size:11px;line-height:1.6}.login-form [role=alert]:empty{display:none}.setup-shell>.brand{display:flex}.email-result{border:1px solid var(--line);border-radius:16px;padding:20px;background:#f2f7ef}.email-result h3{margin:0 0 10px}.email-result p{margin:0 0 14px;color:var(--ink);line-height:1.6}@media(max-width:800px){.login-wrap{grid-template-columns:1fr}.login-brand .brand{margin-bottom:24px}.login-brand h1{font-size:32px;max-width:500px}.login-brand>span{margin-top:12px}.login-brand p{margin-bottom:0}.login-side{padding:28px 22px}.login-side .login-form{width:min(560px,100%)}.login-form>.form-grid{margin:22px 0}.setup-shell>.brand{display:flex}}

/* Guia com foco visual e balões, adaptado a desktop e celular. */
.guide-picker-backdrop,.guide-tour-overlay{position:fixed;inset:0;z-index:1000;color:var(--ink)}
.guide-picker-backdrop{background:#142b22a6;display:grid;place-items:center;padding:20px;overflow:auto}
.guide-picker{background:#fff;border:1px solid #e0e8e2;border-radius:24px;padding:28px;width:min(650px,100%);max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 28px 100px #10251e45}
.guide-picker>header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:24px}
.guide-eyebrow{font-size:10px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.1em;line-height:1.5}
.guide-picker h2{font-size:26px;margin:8px 0 10px;line-height:1.2}.guide-picker header p{color:#6d7e74;font-size:14px;line-height:1.6;margin:0}
.guide-close{border:0;background:#f0f5f1;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;flex:0 0 32px;font-size:23px;line-height:1;color:#62796b}
.guide-close:hover{background:#e3ece4}.guide-close:focus-visible,.guide-text-button:focus-visible,.guide-choice:focus-visible,.guide-area-list button:focus-visible,.guide-resume:focus-visible{outline:3px solid #8cbba0;outline-offset:3px}
.guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-choice{border:1px solid #dce7df;border-radius:18px;padding:20px;background:#fff;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:10px;transition:background .15s,border-color .15s}
.guide-choice:hover{background:#f6faf5;border-color:#85ae95}.guide-choice-primary{background:#f0f6eb;border-color:#cfe0c7}
.guide-choice-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e3eedf;color:var(--green);margin-bottom:4px}
.guide-choice>b{font-size:16px}.guide-choice>span:not(.guide-choice-icon){font-size:13px;line-height:1.6;color:#687b6c}.guide-choice>small{font-size:11px;font-weight:700;color:var(--green);margin-top:auto;padding-top:8px}
.guide-picker h3{font-size:13px;letter-spacing:0;margin:26px 0 12px}.guide-area-list{display:flex;flex-wrap:wrap;gap:8px}
.guide-area-list button{border:1px solid #e2e9e3;background:#fff;border-radius:10px;padding:9px 12px;font-size:12px;color:#456251;display:flex;gap:12px;align-items:center}.guide-area-list button:hover{background:#eef5ed}
.guide-picker>footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #e7eee8;margin-top:24px;padding-top:18px}
.guide-text-button{border:0;background:transparent;padding:4px 0;font-size:12px;color:#647c6e;font-weight:600}.guide-text-button:hover{color:var(--green);text-decoration:underline}
.guide-resume{display:flex;justify-content:space-between;width:100%;background:#285b43;color:#fff;border:0;border-radius:13px;padding:14px 16px;margin-bottom:16px;text-align:left;font-size:13px;font-weight:700}
.guide-tour-overlay{pointer-events:auto}.guide-shade{position:absolute;background:rgba(16,37,29,.62);pointer-events:none}
.guide-spotlight{position:absolute;border:2px solid #c9df88;border-radius:14px;box-shadow:0 0 0 4px #ffffff30;pointer-events:none}
.guide-balloon{position:absolute;width:min(370px,calc(100vw - 24px));padding:22px;background:#fff;border:1px solid #dfe9e1;border-radius:20px;box-shadow:0 20px 65px #0d281d40}
.guide-balloon:before{content:'';position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.guide-balloon[data-placement=bottom]:before{top:-7px;left:calc(var(--guide-arrow-x) - 7px)}.guide-balloon[data-placement=top]:before{bottom:-7px;left:calc(var(--guide-arrow-x) - 7px)}
.guide-balloon[data-placement=right]:before{left:-7px;top:calc(var(--guide-arrow-y) - 7px)}.guide-balloon[data-placement=left]:before{right:-7px;top:calc(var(--guide-arrow-y) - 7px)}.guide-balloon[data-placement=center]:before{display:none}
.guide-balloon-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.guide-balloon .guide-close{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:20px}
.guide-progress{height:3px;background:#edf3e9;border-radius:99px;overflow:hidden;margin-bottom:20px}.guide-progress span{display:block;height:100%;background:#83a963;border-radius:99px;transition:width .15s}
.guide-balloon h2{font-size:21px;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px}.guide-balloon p{font-size:14px;line-height:1.7;color:#617769;margin:0 0 22px}
.guide-balloon-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-balloon-foot>div{display:flex;gap:8px}.guide-balloon-foot .btn{font-size:12px;padding:9px 12px;border-radius:10px;white-space:nowrap}
.guide-balloon-foot .btn:disabled{opacity:.35;cursor:default;transform:none}.guide-balloon-foot .guide-text-button{font-size:10px;white-space:nowrap}
.guide-complete-mark{display:grid;place-items:center;margin:0 auto 20px;width:56px;height:56px;border-radius:50%;background:#e8f1de;color:var(--green);font-size:28px}.guide-complete-copy{text-align:center;font-size:14px;line-height:1.7;color:#617769}.guide-complete-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:600px){.guide-picker-backdrop{padding:12px}.guide-picker{padding:22px 18px;border-radius:20px;max-height:calc(100dvh - 24px)}.guide-picker h2{font-size:23px}.guide-choices{grid-template-columns:1fr}.guide-choice{display:grid;grid-template-columns:38px 1fr;gap:6px 14px;padding:16px}.guide-choice-icon{grid-row:1/4;margin:0}.guide-choice>small{margin:0;padding-top:3px}.guide-balloon{padding:19px}.guide-balloon h2{font-size:20px}.guide-balloon-foot .btn{padding:10px 11px}.guide-balloon-foot .guide-text-button{font-size:10px}.guide-picker>footer{gap:14px}}
@media(prefers-reduced-motion:reduce){.guide-choice,.guide-progress span{transition:none}}
@media(max-height:420px){.guide-balloon{overflow:auto}.guide-balloon:before{display:none}}
