/* Quantum 2B.21.6: camada aditiva, sem alterar lógica das telas */
:root{color-scheme:light;--qs-bg:#f4f7fc;--qs-ink:#18314f;--qs-muted:#506881;--qs-border:#d6e3f0;--qs-blue:#1859ca}
html,body{color-scheme:light!important}body{background:var(--qs-bg)!important;color:var(--qs-ink)!important}
body .panel,body .card,body .tile,body .hero,body .mock,body .mock-answer,body .question,body .chat,body #chat,body #agents,body .list,body .section,body .codebox,body .source,body .answer,body .message,body .store-card,body .pricing-card,body .quantum-store,body pre,body .bot-message{background:#fff!important;color:var(--qs-ink)!important;border-color:var(--qs-border)!important}
body .chat .assistant,body .chat .bot,body .chat .response,body .chat .reply,body .chat .bubble:not(.user),body .chat .message:not(.user),body #chat .assistant,body #chat .bot,body #chat .response,body #chat .reply,body #chat .bubble:not(.user),body #chat .message:not(.user){background:#eaf2ff!important;color:#173352!important;border-color:#cbdff7!important}
body .chat .user,body #chat .user{background:#195ac6!important;color:#fff!important}
body .chat .assistant *,body .chat .bot *,body .chat .response *,body #chat .assistant *,body #chat .bot *,body #chat .response *{color:#173352!important}
body .chat .user *,body #chat .user *{color:#fff!important}
body pre,body code{background:#eff4fb!important;color:#244569!important}
body h1,body h2,body h3,body h4,body .panel h2{color:#142c4c!important}
body .muted,body .lead,body .note,body small{color:var(--qs-muted)!important}
body .sidebar{background:#fff!important;border-right:1px solid var(--qs-border)!important}
body .sidebar .nav,body .sidebar a,body .sidebar button{font-size:13px!important;text-indent:0!important;letter-spacing:normal!important;white-space:normal!important;color:#344f70!important}
body .sidebar .nav.active{background:#eaf2ff!important;color:#1458bf!important}
/* menu somente nas paginas que nao possuem sidebar propria */
body.qs-shell{padding-left:242px!important;min-width:0!important}
#qs-nav{position:fixed;inset:0 auto 0 0;width:242px;z-index:990;background:#fff;border-right:1px solid var(--qs-border);box-sizing:border-box;overflow:auto;padding:22px 13px;display:flex;flex-direction:column;gap:5px;color:var(--qs-ink);box-shadow:4px 0 18px #1b396008}
#qs-nav .qs-brand{display:flex;align-items:center;gap:10px;padding:4px 9px 21px;font-weight:800;font-size:15px;color:#153359}
#qs-nav .qs-brand .qs-mark{display:grid;place-items:center;width:28px;height:28px;background:#1c5cd1;color:#fff;border-radius:9px}
#qs-nav .qs-heading{font-size:10px;letter-spacing:1.4px;color:#7286a0;padding:14px 10px 8px}
#qs-nav a{display:block;padding:11px 12px;text-decoration:none;font:500 13px/1.5 Inter,system-ui,sans-serif;color:#334e6d;border-radius:9px;background:transparent}
#qs-nav a:hover,#qs-nav a[aria-current=page]{background:#eaf2ff;color:#1458bf}
#qs-toggle,#qs-mask{display:none}
@media(max-width:900px){
 body.qs-shell{padding-left:0!important}
 #qs-nav{width:min(290px,84vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 36px #122a4220}
 body.qs-open #qs-nav{transform:translateX(0)}
 #qs-toggle{display:flex;position:fixed;top:12px;left:12px;z-index:1002;align-items:center;gap:7px;border:1px solid #c9d9ed;border-radius:10px;background:#fff;color:#14478c;font:700 13px system-ui;padding:10px 12px;box-shadow:0 4px 13px #19395b17}
 #qs-mask{position:fixed;inset:0;z-index:989;background:#0b234675}
 body.qs-open #qs-mask{display:block}
 body.qs-shell>main,body.qs-shell>.main,body.qs-shell>.layout{max-width:100%!important;min-width:0!important}
 body.qs-shell .top,body.qs-shell header{padding-left:90px!important;box-sizing:border-box}
 body .sidebar .nav,body .sidebar a,body .sidebar button{font-size:14px!important;opacity:1!important;visibility:visible!important}
 body .sidebar .logo{padding-top:46px!important}
}

/* 2B.21.9 — botões de retorno: apenas apresentação, não altera destino */
a.qs-back-button,a.qs-back-button:link,a.qs-back-button:visited{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;padding:10px 15px!important;min-height:40px;max-width:100%;box-sizing:border-box;text-decoration:none!important;border:1px solid #c7d9ef!important;border-radius:10px!important;background:#fff!important;color:#1959b4!important;box-shadow:0 3px 10px rgba(20,58,102,.06)!important;font:700 13px/1.25 Inter,system-ui,Arial,sans-serif!important;white-space:normal!important;vertical-align:middle}
a.qs-back-button:hover,a.qs-back-button:focus-visible{background:#eaf2ff!important;border-color:#9abce9!important;color:#124a9b!important}
a.qs-back-button:focus-visible{outline:3px solid #a9cbf7!important;outline-offset:2px}
a.qs-back-button .qs-back-icon{display:inline-block;flex:none;font-size:18px;line-height:1;color:inherit!important}
#qs-nav a.qs-nav-back{margin-top:10px;border:1px solid #cedbef;background:#f3f7fd!important;color:#1858b3!important;font-weight:700}
#qs-nav a.qs-nav-back:hover{background:#e6f0ff!important}
@media(max-width:900px){a.qs-back-button{padding:10px 13px!important;min-height:44px}}

/* 2B.21.9 — logo persistida no Super Admin e responsividade */
.qs-brand-logo{width:34px;height:34px;object-fit:contain;flex:none;border-radius:6px}
#qs-nav .qs-brand{padding:4px 9px 20px}
body.qs-replaced-sidebar .qs-old-sidebar{display:none!important}
body.qs-replaced-sidebar .layout{grid-template-columns:minmax(0,1fr)!important;display:block!important}
body.qs-replaced-sidebar .layout>main,body.qs-replaced-sidebar .layout>.main{min-width:0!important;max-width:100%!important}
body .sidebar.qs-native-nav{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:236px!important;height:100vh!important;overflow-y:auto!important;z-index:990!important;display:flex!important;flex-direction:column!important}
body .sidebar.qs-native-nav .qs-native-link{font:500 13px/1.45 Inter,system-ui,sans-serif!important;display:block;padding:12px 17px;color:#344f70;text-decoration:none;border-radius:8px;margin:2px 5px}
body .sidebar.qs-native-nav .qs-native-link:hover{background:#eaf2ff;color:#1458bf}
body.qs-checkout header{padding-left:30px}body.qs-checkout main{max-width:980px;width:calc(100% - 40px)}
body.qs-checkout .panel{box-shadow:0 5px 22px #19395b10}
body.qs-checkout input,body.qs-checkout select,body.qs-checkout textarea{background:#fff!important;color:#142c4c!important;border:1px solid #cad9ec!important}
body.qs-checkout button:not(#qs-toggle){background:#1d5acc;color:white}
body.qs-checkout .qs-plan-details{background:#f4f8ff;border:1px solid #d4e1f3;border-radius:10px;padding:16px;margin:10px 0 22px}
body.qs-checkout .qs-plan-details ul{margin:10px 0;padding-left:22px}
@media(max-width:900px){body .sidebar.qs-native-nav{transform:translateX(-105%);transition:transform .2s ease;width:min(290px,84vw)!important;box-shadow:8px 0 36px #122a4220}body.qs-open .sidebar.qs-native-nav{transform:translateX(0)}body .sidebar.qs-native-nav .logo{padding-top:18px!important}body.qs-replaced-sidebar .layout{width:100%!important}body.qs-checkout main{width:100%;margin:50px auto;padding:0 14px}body.qs-checkout header{padding-left:92px!important}}

@media(max-width:900px){body:has(.qs-native-nav) .layout{display:block!important;grid-template-columns:minmax(0,1fr)!important}body:has(.qs-native-nav) .layout>.main,body:has(.qs-native-nav) .layout>main{width:100%!important;min-width:0!important;max-width:100%!important}}

/* 2B.21.9 - o único menu oficial para o cliente */
body.qs-219-active{padding-left:236px!important;min-width:0!important;overflow-x:hidden!important}
body.qs-219-active .qs-legacy-nav{display:none!important}
body.qs-219-active #qs-nav-219{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:236px!important;height:100dvh!important;box-sizing:border-box!important;background:#fff!important;border-right:1px solid #d7e2f0!important;z-index:999!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;padding:16px 5px!important;gap:2px!important;transform:none;box-shadow:none}
#qs-nav-219 .qs-219-brand{display:flex;align-items:center;gap:10px;min-height:44px;padding:1px 12px 28px;color:#122c50}
#qs-nav-219 .qs-219-brand span{display:flex;flex-direction:column;gap:3px;font:700 15px system-ui,sans-serif;line-height:1.2}
#qs-nav-219 .qs-219-brand small{font:500 9px system-ui,sans-serif;letter-spacing:2px;color:#6981a3}
#qs-nav-219 .qs-brand-logo{width:31px;height:31px;object-fit:contain;flex:none}
#qs-nav-219 .sidehead{font:500 10px system-ui,sans-serif;letter-spacing:1.6px;color:#7388a5;padding:10px 14px 12px}
#qs-nav-219 a.nav{display:block!important;border:0!important;border-radius:10px!important;text-align:left!important;padding:13px 13px!important;margin:1px 0!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;text-decoration:none!important;font:500 13px/1.3 system-ui,sans-serif!important;color:#344e71!important;background:transparent!important}
#qs-nav-219 a.nav:hover,#qs-nav-219 a.nav.active{background:#e7f0fd!important;color:#145ac4!important}
#qs-toggle-219,#qs-mask-219{display:none}
body.qs-219-active .layout{min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important}
body.qs-219-active .layout>main,body.qs-219-active .layout>.main{min-width:0!important;max-width:100%!important}
@media(max-width:900px){
body.qs-219-active{padding-left:0!important}
body.qs-219-active #qs-nav-219{width:min(290px,84vw)!important;transform:translateX(-105%)!important;transition:transform .2s ease!important;box-shadow:8px 0 36px #122a4220!important;z-index:1001!important}
body.qs-219-active.qs-219-open #qs-nav-219{transform:translateX(0)!important}
#qs-toggle-219{display:flex!important;position:fixed!important;top:12px;left:12px;z-index:1003;align-items:center;border:1px solid #c9d9ed;border-radius:10px;background:#fff;color:#14478c;font:700 13px system-ui;padding:10px 12px;box-shadow:0 4px 13px #19395b17}
#qs-mask-219{position:fixed;inset:0;z-index:1000;background:#0b234675}
body.qs-219-open #qs-mask-219{display:block!important}
body.qs-219-active .layout{display:block!important;width:100%!important}
body.qs-219-active .layout>main,body.qs-219-active .layout>.main{width:100%!important}
}

/* 2B.21.12: isolamento completo dos menus legados, inclusive CSS com !important */
body.qs-2112-active{padding-left:236px!important;overflow-x:hidden!important;min-width:0!important}
body.qs-2112-active > #qs-nav-219,body.qs-2112-active > #qs-nav,body.qs-2112-active > .sidebar:not(#qs-nav-2112),body.qs-2112-active .layout > aside.sidebar,body.qs-2112-active .layout > nav,body.qs-2112-active aside.qs-legacy-nav,body.qs-2112-active aside.qs-native-nav,body.qs-2112-active #qs-nav-219,body.qs-2112-active .qs-unified-nav,body.qs-2112-active #qs-toggle-219,body.qs-2112-active #qs-mask-219{display:none!important;visibility:hidden!important}
body.qs-2112-active .layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important}
body.qs-2112-active .layout > main,body.qs-2112-active .layout > .main{display:block;max-width:100%!important;min-width:0!important;width:100%!important;margin-left:0!important}
#qs-nav-2112{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:236px!important;z-index:1200!important;display:flex!important;flex-direction:column!important;gap:2px;overflow-y:auto;box-sizing:border-box;padding:15px 5px;background:white;border-right:1px solid #d7e2f0;box-shadow:none}
#qs-nav-2112 .qs-brand-2112{display:flex;align-items:center;gap:10px;padding:0 12px 26px;min-height:45px}
#qs-nav-2112 .qs-brand-2112 img{width:32px;height:32px;object-fit:contain}
#qs-nav-2112 .qs-brand-2112 span{display:flex;flex-direction:column;gap:3px}
#qs-nav-2112 .qs-brand-2112 strong{font:700 15px system-ui;color:#122c50}
#qs-nav-2112 .qs-brand-2112 small{font:500 9px system-ui;letter-spacing:2px;color:#7287a2!important}
#qs-nav-2112 .qs-heading-2112{padding:10px 14px 12px;font:500 10px system-ui;letter-spacing:1.6px;color:#7287a2}
#qs-nav-2112 a.qs-link-2112{display:block!important;border-radius:9px;text-decoration:none!important;padding:13px!important;margin:1px 0;box-sizing:border-box;white-space:normal;font:500 13px/1.3 system-ui!important;color:#344e71!important;background:transparent!important}
#qs-nav-2112 a.qs-link-2112:hover,#qs-nav-2112 a.qs-link-2112.active{background:#e7f0fd!important;color:#145ac4!important}
#qs-toggle-2112,#qs-mask-2112{display:none}
@media(max-width:900px){body.qs-2112-active{padding-left:0!important}#qs-nav-2112{width:min(290px,84vw)!important;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 36px #122a4220}body.qs-2112-open #qs-nav-2112{transform:translateX(0)}#qs-toggle-2112{display:flex;position:fixed;top:12px;left:12px;z-index:1202;align-items:center;border:1px solid #c9d9ed;border-radius:10px;background:#fff;color:#14478c;font:700 13px system-ui;padding:10px 12px}#qs-mask-2112{position:fixed;inset:0;z-index:1199;background:#0b234675}body.qs-2112-open #qs-mask-2112{display:block}body.qs-2112-active .layout{width:100%!important}body.qs-2112-active header,body.qs-2112-active .top{box-sizing:border-box;max-width:100%}}

/* 2B.21.12: ocultação explícita dos menus globais legados encontrados no DOM */
body.qs-2112-active .qs-legacy-2112{display:none!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important}
body.qs-2112-active .layout:has(> .qs-legacy-2112){display:block!important;grid-template-columns:minmax(0,1fr)!important}
body.qs-2112-active .layout:has(> .qs-legacy-2112)>main,body.qs-2112-active .layout:has(> .qs-legacy-2112)>.main{width:100%!important;max-width:100%!important;min-width:0!important}

/* 2B.21.12: remove barras duplicadas construídas com DIV ou componentes personalizados */
body.qs-2112-active .qs-legacy-2112{display:none!important;visibility:hidden!important;position:absolute!important;width:0!important;min-width:0!important;max-width:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
body.qs-2112-active .qs-legacy-grid-2112{grid-template-columns:minmax(0,1fr)!important}
body.qs-2112-active .qs-legacy-flex-2112>.qs-legacy-2112{flex:none!important}
