/* Identidade pública/operacional; preserva painéis de confirmação e leitura QR. */
:root {--crm-accent:#f97316;--orange:var(--crm-accent);--orange-dark:var(--crm-accent)}
body {font-family:Inter,"Segoe UI",Arial,sans-serif;background:#f3f5f9;line-height:1.55;color:#172235;-webkit-font-smoothing:antialiased}
.wrap {padding:24px;max-width:1440px}
.cardx {border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 4px 18px #18274006}
.title {letter-spacing:-.035em;line-height:1.3}
.subtitle {line-height:1.5;color:#63718a}
.hero:not(.with-banner) {background:linear-gradient(120deg,#0e192a,#263b55);box-shadow:0 10px 30px #18274014}
.hero-title {letter-spacing:-.035em;line-height:1.2}
.legend-card {background:#fff;border-radius:14px;box-shadow:none;padding:24px}
.legend-card+.legend-card {margin-top:20px}
.legend-card>.fw-bold {border-radius:7px;font-size:.75rem;letter-spacing:.06em;color:#f97316}
.form-control,.form-select {border-radius:9px;border-color:#cdd6e3;min-height:46px;line-height:1.5;font-size:1rem}
.form-control::placeholder {color:#8390a4;opacity:1}
.form-control:focus,.form-select:focus {border-color:#f97316;box-shadow:0 0 0 3px #f9731626}
.form-label {font-size:.88rem;font-weight:650}
.btn {border-radius:9px;min-height:42px;font-weight:650}
.btn-main,.menu-main {background:#f97316;border-color:#f97316;color:#fff}
.btn-main:hover,.menu-main:hover {background:#f97316;border-color:#f97316;color:#fff}
.chip {font-size:.8rem;line-height:1.4;padding:.4rem .7rem;border-radius:8px}
.sug-list button {padding:14px 16px;line-height:1.5;border-radius:10px;min-height:48px}
.sug-list button:hover,.sug-list button:focus-visible {border-color:#f97316;background:#fff7ed}
.box {padding:32px!important;border-radius:20px!important;box-shadow:0 16px 60px #18274012!important}
.box .title {font-size:2rem;letter-spacing:-.06em;color:#172235}
.box .subtitle {margin-bottom:24px}
.box .btn {min-height:48px}
.box .form-control {min-height:48px}
.wrap.crm-login-wrap {max-width:none;min-height:100dvh;display:grid;grid-template-columns:minmax(380px,1fr) minmax(380px,.9fr);align-items:stretch;justify-content:stretch;gap:0;padding:0;background:#fbfcfe}
.crm-login-story {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:60px;padding:48px 60px;background:radial-gradient(ellipse at 5% 95%,#f9731630,transparent 55%),linear-gradient(145deg,#182638,#0e1725);color:#fff}
.crm-login-story::before {content:"";position:absolute;z-index:-1;width:550px;height:550px;border:1px solid #ffffff0d;border-radius:50%;right:-270px;top:22%;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}
.crm-login-brand {display:flex;align-items:center;gap:14px;font-size:1.4rem;font-weight:750;letter-spacing:-.04em}
.crm-login-brand small {display:block;font-size:.56rem;letter-spacing:.22em;color:#a8b5c7;font-weight:600;margin-top:3px}
.crm-login-brand-symbol {display:grid;place-items:center;width:44px;height:48px;border:1px solid #f9731655;background:#f9731612;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);color:#f97316;font-size:1.4rem;font-weight:700}
.crm-login-kicker {display:block;text-transform:uppercase;font-size:.62rem;font-weight:700;letter-spacing:.17em;color:#64748b;margin-bottom:16px}
.crm-login-story .crm-login-kicker {color:#f97316}
.crm-login-story h2 {font-size:clamp(2.6rem,4.4vw,4.5rem);font-weight:600;letter-spacing:-.065em;line-height:1.1;margin:0 0 26px}
.crm-login-story h2 em {font-style:normal;color:#f97316}
.crm-login-story-content p {color:#aebdd1;font-size:1rem;line-height:1.8;max-width:400px}
.crm-login-capabilities {display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.crm-login-capabilities span {border:1px solid #ffffff1a;background:#ffffff04;padding:7px 12px;border-radius:7px;font-size:.72rem;color:#cad5e5}
.crm-login-story-footer {font-size:.71rem;color:#8193ac;line-height:1.6;max-width:300px}
.crm-login-wrap .box {align-self:center;justify-self:center;width:min(450px,100%);margin:40px;padding:32px!important;background:transparent;border:0;box-shadow:none!important}
.crm-login-wrap .box .title {font-size:2rem;font-weight:650;line-height:1.2;letter-spacing:-.05em;margin-bottom:12px}
.crm-login-wrap .box .subtitle {font-size:.88rem;line-height:1.7;margin-bottom:32px}
.crm-login-wrap .box .form-label {font-size:.8rem}
.crm-login-wrap .box .form-control {font-size:.95rem;min-height:50px;border-radius:10px;background:#fff}
.crm-login-wrap .box .btn-main {margin-top:8px;min-height:50px;font-size:.9rem;border-radius:10px;box-shadow:0 5px 12px #f9731620}
:is(a,button,input,select,textarea):focus-visible {outline:3px solid #f97316;outline-offset:3px}
@media(min-width:1200px) {.wrap {padding:28px 32px}.cardx {padding:24px}}
@media(max-width:767px) {.wrap {padding:14px}.cardx,.legend-card {padding:18px}.form-control,.form-select {font-size:16px}.box {padding:24px!important}.hero-title {font-size:1.8rem}}
@media(max-width:991px) {.crm-login-story {padding:40px 32px}.crm-login-wrap .box {margin:24px;width:auto}.crm-login-story h2 {font-size:2.7rem}}
@media(max-width:767px) {.wrap.crm-login-wrap {grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.crm-login-story {padding:28px;gap:0}.crm-login-story-content,.crm-login-story-footer {display:none}.crm-login-wrap .box {width:min(450px,100%);margin:20px 0;padding:28px!important}.crm-login-wrap .box .title {font-size:1.8rem}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important}}
@media print {.wrap {max-width:100%;padding:0}.cardx {box-shadow:none}}