/* Aferium — Central de ajuda e tour (Stage 96 · R17). Usa os tokens do tema (--qfo-*, definidos em qf-offline-ui.css). */
.qfh-overlay{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 90% at 50% 100%,rgba(13,23,38,.42),rgba(13,23,38,.56));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}
.qfh-overlay[hidden]{display:none}
.qfh-overlay.show{opacity:1}
.qfh-panel{display:flex;flex-direction:column;width:min(1020px,100%);height:min(720px,100%);background:var(--qfo-surface);color:var(--qfo-text);border:1px solid var(--qfo-line);border-radius:22px;box-shadow:0 2px 6px rgba(7,17,31,.12),0 34px 90px rgba(7,17,31,.45);overflow:hidden;transform:translateY(18px) scale(.97);opacity:0;transition:transform .34s cubic-bezier(.2,.9,.25,1.04),opacity .22s ease;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.qfh-overlay.show .qfh-panel{transform:none;opacity:1}
.qfh-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--qfo-line);background:linear-gradient(180deg,var(--qfo-surface),var(--qfo-soft))}
.qfh-title{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--qfo-strong);white-space:nowrap}
.qfh-iconbtn{flex:none;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--qfo-muted);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .14s ease}
.qfh-iconbtn:hover{background:var(--qfo-soft);color:var(--qfo-strong)}
.qfh-iconbtn:active{transform:scale(.92)}
.qfh-back{display:none}
.qfh-search{position:relative;flex:1;display:block;min-width:0}
.qfh-search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--qfo-muted);pointer-events:none}
.qfh-search .qfh-search-input{width:100%;min-height:44px;padding:0 14px 0 44px!important;border:1px solid var(--qfo-line);border-radius:14px;background:var(--qfo-surface);color:var(--qfo-text);font:inherit;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease}
.qfh-search .qfh-search-input:focus{outline:none;border-color:var(--qfo-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--qfo-brand) 26%,transparent)}
.qfh-body{flex:1;min-height:0;display:grid;grid-template-columns:320px 1fr}
.qfh-side{overflow:auto;padding:14px 12px 20px;border-right:1px solid var(--qfo-line);background:var(--qfo-soft);overscroll-behavior:contain}
.qfh-main{overflow:auto;padding:26px 30px 34px;outline:none;overscroll-behavior:contain}
.qfh-side-h{margin:8px 8px 6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--qfo-brand)}
.qfh-group{margin:0 0 10px}
.qfh-group-h{display:flex;align-items:center;gap:8px;margin:12px 8px 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--qfo-muted)}
.qfh-item{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 12px;border:0;border-radius:11px;background:transparent;color:var(--qfo-text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.qfh-item:hover{background:color-mix(in srgb,var(--qfo-brand) 9%,transparent)}
.qfh-item[aria-current="true"]{background:color-mix(in srgb,var(--qfo-brand) 16%,transparent);color:var(--qfo-strong)}
.qfh-item-cat{font-size:11.5px;font-weight:500;color:var(--qfo-muted)}
.qfh-link{display:inline-block;margin:6px 8px;padding:4px 0;border:0;background:none;color:var(--qfo-brand);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:left}
.qfh-link:hover{text-decoration:underline}
.qfh-empty{margin:8px;color:var(--qfo-muted);font-size:14px}
.qfh-kicker{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--qfo-brand)}
.qfh-kicker::before{content:"";width:22px;height:1px;background:currentColor;opacity:.6}
.qfh-welcome-title{margin:0 0 6px;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--qfo-strong)}
.qfh-lead{margin:0 0 18px;color:var(--qfo-muted);font-size:15.5px}
.qfh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px}
.qfh-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--qfo-line);border-radius:16px;background:var(--qfo-surface);color:var(--qfo-text);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .18s ease}
.qfh-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--qfo-brand) 50%,var(--qfo-line));box-shadow:0 10px 26px rgba(7,17,31,.12)}
.qfh-card:active{transform:scale(.985)}
.qfh-card>svg{flex:none;margin-top:2px;color:var(--qfo-brand)}
.qfh-card-tx{display:flex;flex-direction:column;gap:2px}
.qfh-card-tx b{font-size:15px;color:var(--qfo-strong)}
.qfh-card-tx small{font-size:13px;line-height:1.35;color:var(--qfo-muted)}
.qfh-card-accent{background:linear-gradient(135deg,color-mix(in srgb,var(--qfo-brand) 14%,var(--qfo-surface)),var(--qfo-surface));border-color:color-mix(in srgb,var(--qfo-brand) 40%,var(--qfo-line))}
.qfh-article{max-width:700px;animation:qfhIn .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes qfhIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.qfh-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.qfh-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--qfo-brand) 14%,transparent);color:var(--qfo-brand);font-size:12px;font-weight:800}
.qfh-chip-soft{background:var(--qfo-soft);color:var(--qfo-muted);font-weight:600}
.qfh-article-title{margin:0 0 8px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:var(--qfo-strong)}
.qfh-steps{list-style:none;counter-reset:s;margin:0 0 18px;padding:0;display:grid;gap:12px}
.qfh-steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.qfh-steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--qfo-brand) 16%,transparent);color:var(--qfo-brand);font-size:13px;font-weight:800}
.qfh-steps li span{padding-top:3px;color:var(--qfo-text)}
.qfh-tips{margin:0 0 18px;padding:12px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--qfo-warn) 32%,transparent);background:var(--qfo-warn-soft)}
.qfh-tips b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--qfo-warn)}
.qfh-tips p{margin:0 0 4px;font-size:14px;color:var(--qfo-text)}
.qfh-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.qfh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--qfo-line);border-radius:12px;background:var(--qfo-soft);color:var(--qfo-text);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,filter .18s ease}
.qfh-btn:hover{filter:brightness(1.04);box-shadow:0 6px 16px rgba(7,17,31,.14)}
.qfh-btn:active{transform:scale(.97)}
.qfh-btn-primary{background:var(--qfo-brand);border-color:var(--qfo-brand);color:#fff}
.qfh-related{margin:0 0 14px;padding-top:12px;border-top:1px solid var(--qfo-line)}
.qfh-related h4{margin:0 0 4px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--qfo-muted)}
.qfh-related .qfh-link{display:block;margin:2px 0}

:focus-visible.qfh-item,.qfh-card:focus-visible,.qfh-btn:focus-visible,.qfh-link:focus-visible,.qfh-iconbtn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--qfo-brand) 40%,transparent)}

/* pontos de entrada */
.qfh-nav-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin:0 0 8px;padding:0 14px;border:1px solid var(--qf-ui-border,var(--qfo-line));border-radius:11px;background:transparent;color:var(--qf-ui-text-2,var(--qfo-text));font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .14s ease}
.qfh-nav-btn:hover{background:var(--qf-ui-surface-soft,var(--qfo-soft));border-color:color-mix(in srgb,var(--qfo-brand) 45%,var(--qfo-line))}
.qfh-nav-btn:active{transform:scale(.985)}
.qfh-top-btn{flex:none;display:grid;place-items:center;width:40px;height:40px;margin:0 6px;border:1px solid var(--qf-ui-border,var(--qfo-line));border-radius:12px;background:var(--qf-ui-surface,var(--qfo-surface));color:var(--qf-ui-text-2,var(--qfo-text));cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .14s ease}
.qfh-top-btn:hover{border-color:color-mix(in srgb,var(--qfo-brand) 45%,var(--qfo-line));color:var(--qfo-brand)}
.qfh-top-btn:active{transform:scale(.94)}
.qfh-login-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:12px 0 0;padding:6px 0;border:0;background:none;color:var(--qf-ui-brand-text,var(--qfo-brand));font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.qfh-login-link:hover{text-decoration:underline}

/* tour */
.qfh-tour{position:fixed;inset:0;z-index:2147482500;opacity:0;transition:opacity .2s ease}
.qfh-tour.show{opacity:1}
.qfh-tour-block{position:absolute;inset:0}
.qfh-tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(7,17,31,.66),0 0 0 3px color-mix(in srgb,var(--qfo-brand) 70%,transparent);transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.qfh-tour-hole.qfh-hole-none{left:50%;top:50%;width:0;height:0;box-shadow:0 0 0 9999px rgba(7,17,31,.66)}
.qfh-tour-card{position:fixed;width:min(360px,calc(100vw - 24px));padding:18px 18px 14px;border:1px solid var(--qfo-line);border-radius:18px;background:var(--qfo-surface);color:var(--qfo-text);box-shadow:0 2px 6px rgba(7,17,31,.14),0 24px 60px rgba(7,17,31,.45);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1)}
.qfh-tour-card.qfh-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.qfh-tour-dots{display:flex;gap:5px;margin:0 0 10px}
.qfh-tour-dots i{width:18px;height:4px;border-radius:99px;background:var(--qfo-line);transition:background-color .2s ease,width .2s ease}
.qfh-tour-dots i.on{width:28px;background:var(--qfo-brand)}
.qfh-tour-title{margin:0 0 4px;font-size:17px;font-weight:800;color:var(--qfo-strong)}
.qfh-tour-text{margin:0 0 14px;font-size:14.5px;color:var(--qfo-muted)}
.qfh-tour-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qfh-tour-row .qfh-link{margin:0}
.qfh-tour-btns{display:flex;gap:8px}
.qfh-tour-btns .qfh-btn{min-height:40px;padding:0 16px}
.qfh-tour-btns [hidden],.qfh-tour-row [hidden]{display:none}
html[data-qf-theme="dark"] .qfh-btn-primary{color:#06222a}
@media (prefers-color-scheme:dark){html:not([data-qf-theme="light"]) .qfh-btn-primary{color:#06222a}}

@media (max-width:760px){
  .qfh-overlay{padding:0;align-items:flex-end}
  .qfh-panel{width:100%;height:96dvh;border-radius:22px 22px 0 0;transform:translateY(100%);opacity:1;transition:transform .36s cubic-bezier(.2,.85,.25,1)}
  .qfh-overlay.show .qfh-panel{transform:none}
  .qfh-head{flex-wrap:wrap;gap:8px 10px;padding:12px 12px 10px}
  .qfh-search{order:3;flex-basis:100%}
  .qfh-title{flex:1}
  .qfh-body{display:block;overflow:hidden}
  .qfh-side,.qfh-main{height:100%;border:0}
  .qfh-main{padding:20px 18px calc(28px + env(safe-area-inset-bottom))}
  .qfh-panel[data-view="list"] .qfh-main{display:none}
  .qfh-panel[data-view="detail"] .qfh-side{display:none}
  .qfh-panel[data-view="detail"] .qfh-back{display:grid}
  .qfh-panel[data-view="detail"] .qfh-title{font-size:16px}
  .qfh-panel:has(.qfh-search-input:not(:placeholder-shown)) .qfh-main{display:none}
  .qfh-panel:has(.qfh-search-input:not(:placeholder-shown)) .qfh-side{display:block}
  .qfh-welcome-title{font-size:22px}
  .qfh-cards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .qfh-tour-card.qfh-sheet{left:12px!important;right:12px;top:auto!important;bottom:calc(14px + env(safe-area-inset-bottom));width:auto;transform:none!important}
}
@media (prefers-reduced-motion:reduce){.qfh-overlay,.qfh-panel,.qfh-tour,.qfh-tour-hole,.qfh-tour-card,.qfh-card,.qfh-article{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ===== Stage 97 · R18: leitura longa, tabelas, perguntas, chamado de suporte e ajuda da entrada ===== */
.qfh-article{max-width:760px}
.qfh-group-h{width:calc(100% - 16px);margin:10px 8px 4px;padding:8px 6px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;font:inherit;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--qfo-muted);transition:background-color .15s ease,color .15s ease}
.qfh-group-h:hover{background:color-mix(in srgb,var(--qfo-brand) 8%,transparent);color:var(--qfo-strong)}
.qfh-group-t{flex:1}
.qfh-group-n{min-width:22px;padding:1px 7px;border-radius:99px;background:color-mix(in srgb,var(--qfo-brand) 12%,transparent);color:var(--qfo-brand);font-size:11px;font-weight:800;text-align:center;letter-spacing:0}
.qfh-group-chev{transition:transform .18s ease}
.qfh-group.open .qfh-group-chev{transform:rotate(90deg)}
.qfh-group-list{padding:0 0 4px 6px}
.qfh-quick{display:none;gap:8px;flex-wrap:wrap;margin:2px 4px 12px}
.qfh-quick .qfh-btn{min-height:40px;padding:0 14px;font-size:14px}
.qfh-sec-h{margin:24px 0 10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--qfo-muted)}
.qfh-chips{display:flex;flex-wrap:wrap;gap:8px}
.qfh-chipbtn{padding:8px 14px;border:1px solid var(--qfo-line);border-radius:999px;background:var(--qfo-surface);color:var(--qfo-text);font:inherit;font-size:13.5px;font-weight:650;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .14s ease}
.qfh-chipbtn:hover{border-color:color-mix(in srgb,var(--qfo-brand) 50%,var(--qfo-line));background:color-mix(in srgb,var(--qfo-brand) 8%,var(--qfo-surface))}
.qfh-chipbtn:active{transform:scale(.97)}
.qfh-chip-btn{border:0;cursor:pointer;font-family:inherit}
.qfh-chip-btn:hover{filter:brightness(1.08)}
.qfh-toc-list{display:grid;gap:10px;margin:0 0 20px}
.qfh-toc-item{display:flex;flex-direction:column;gap:3px;padding:13px 16px;border:1px solid var(--qfo-line);border-radius:14px;background:var(--qfo-surface);color:var(--qfo-text);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .18s ease,box-shadow .2s ease}
.qfh-toc-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--qfo-brand) 50%,var(--qfo-line));box-shadow:0 8px 22px rgba(7,17,31,.1)}
.qfh-toc-item b{font-size:15px;color:var(--qfo-strong)}
.qfh-toc-item small{font-size:13px;line-height:1.4;color:var(--qfo-muted)}
.qfh-pagetoc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 18px;padding:10px 14px;border:1px solid var(--qfo-line);border-radius:14px;background:var(--qfo-soft)}
.qfh-pagetoc b{margin-right:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--qfo-muted)}
.qfh-toc-link{padding:3px 10px;border:0;border-radius:99px;background:transparent;color:var(--qfo-brand);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.qfh-toc-link:hover{background:color-mix(in srgb,var(--qfo-brand) 12%,transparent)}
.qfh-p{margin:0 0 14px;color:var(--qfo-text)}
.qfh-h{margin:24px 0 8px;scroll-margin-top:12px;font-size:16px;font-weight:800;letter-spacing:-.005em;color:var(--qfo-strong)}
.qfh-ul{margin:0 0 16px;padding:0 0 0 22px;display:grid;gap:6px;color:var(--qfo-text)}
.qfh-ul li::marker{color:var(--qfo-brand)}
.qfh-warn{margin:0 0 18px;padding:12px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--qfo-danger) 34%,transparent);background:var(--qfo-danger-soft)}
.qfh-warn b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--qfo-danger)}
.qfh-warn p{margin:0;font-size:14px;color:var(--qfo-text)}
.qfh-tips p{margin:0}
.qfh-tablewrap{margin:0 0 18px;overflow-x:auto;border:1px solid var(--qfo-line);border-radius:14px}
.qfh-table{width:100%;border-collapse:collapse;font-size:13.5px}
.qfh-table th{padding:10px 12px;background:var(--qfo-soft);color:var(--qfo-muted);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap}
.qfh-table td{padding:9px 12px;border-top:1px solid var(--qfo-line);vertical-align:top;color:var(--qfo-text)}
.qfh-table td:first-child{font-weight:700;color:var(--qfo-strong)}
.qfh-faqs{display:grid;gap:8px;margin:0 0 18px}
.qfh-faq{border:1px solid var(--qfo-line);border-radius:14px;background:var(--qfo-surface);overflow:hidden}
.qfh-faq summary{list-style:none;position:relative;padding:13px 44px 13px 16px;font-weight:700;color:var(--qfo-strong);cursor:pointer}
.qfh-faq summary::-webkit-details-marker{display:none}
.qfh-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--qfo-muted);border-bottom:2px solid var(--qfo-muted);transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}
.qfh-faq[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.qfh-faq summary:focus-visible{outline:none;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--qfo-brand) 40%,transparent)}
.qfh-faq>p{margin:0;padding:0 16px 14px;color:var(--qfo-text)}
.qfh-faq-body{padding:0 16px 6px}
.qfh-faq-body .qfh-steps{margin-bottom:14px}
.qfh-support{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 4px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--qfo-brand) 38%,var(--qfo-line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--qfo-brand) 11%,var(--qfo-surface)),var(--qfo-surface))}
.qfh-support>svg{flex:none;color:var(--qfo-brand)}
.qfh-support-tx{flex:1 1 240px;display:flex;flex-direction:column;gap:2px}
.qfh-support-tx b{font-size:15px;color:var(--qfo-strong)}
.qfh-support-tx span{font-size:13.5px;line-height:1.4;color:var(--qfo-muted)}
.qfh-support-compact{margin-top:26px}
.qfh-form{display:grid;gap:14px;max-width:640px}
.qfh-field{display:grid;gap:6px}
.qfh-field-l{font-size:13px;font-weight:800;color:var(--qfo-strong)}
.qfh-field-h{font-size:12px;color:var(--qfo-muted)}
.qfh-input{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--qfo-line);border-radius:12px;background:var(--qfo-surface);color:var(--qfo-text);font:inherit;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease}
.qfh-textarea{min-height:130px;resize:vertical;line-height:1.5}
.qfh-input:focus{outline:none;border-color:var(--qfo-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--qfo-brand) 26%,transparent)}
.qfh-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qfh-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.qfh-sent{border:1px dashed var(--qfo-line);border-radius:12px;padding:10px 14px;background:var(--qfo-soft)}
.qfh-sent summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--qfo-brand)}
.qfh-sent .qfh-ul{margin:10px 0 2px;font-size:13px;color:var(--qfo-muted)}
.qfh-form-err{margin:0;padding:10px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--qfo-danger) 40%,transparent);background:var(--qfo-danger-soft);color:var(--qfo-danger);font-size:14px;font-weight:600}
.qfh-form-err[hidden]{display:none}
.qfh-btn[disabled]{opacity:.6;cursor:progress;transform:none;box-shadow:none}
.qfh-done{display:grid;justify-items:start;gap:4px;max-width:560px}
.qfh-done>svg{color:var(--qfo-ok)}
.qfh-ticket-id{display:flex;align-items:center;gap:8px;margin:2px 0 10px;padding:6px 8px 6px 16px;border:1px solid var(--qfo-line);border-radius:14px;background:var(--qfo-soft)}
.qfh-ticket-id code{font:700 17px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;color:var(--qfo-strong)}
.qfh-ticket-id [data-ok]{color:var(--qfo-ok)}
.qfh-login{max-width:560px}
.qfh-faq-topic[open]{border-color:color-mix(in srgb,var(--qfo-brand) 44%,var(--qfo-line))}
/* ajuda da tela de entrada: janela estreita, sem busca e sem lista de assuntos */
.qfh-panel[data-mode="login"]{width:min(600px,100%);height:auto;max-height:min(760px,100%)}
.qfh-panel[data-mode="login"] .qfh-search,.qfh-panel[data-mode="login"] .qfh-side{display:none}
.qfh-panel[data-mode="login"] .qfh-body{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.qfh-panel[data-mode="login"] .qfh-main{height:auto;overflow:visible;overscroll-behavior:auto;padding:22px 24px 28px}
.qfh-panel[data-mode="login"] .qfh-title{flex:1}
.qfh-panel[data-mode="login"][data-view="detail"] .qfh-back{display:none}
@media (max-width:760px){
  .qfh-quick{display:flex}
  .qfh-side .qfh-quick+.qfh-side-h{margin-top:4px}
  .qfh-panel[data-mode="login"]{height:auto;max-height:96dvh}
  .qfh-panel[data-mode="login"] .qfh-body{overflow-x:hidden;overflow-y:auto}
  .qfh-panel[data-mode="login"] .qfh-main{height:auto;overflow:visible;display:block;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}
  .qfh-panel[data-mode="login"] .qfh-head{flex-wrap:nowrap}
  .qfh-table thead{display:none}
  .qfh-table,.qfh-table tbody{display:block}
  .qfh-table tr{display:block;margin:0 0 10px;padding:8px 12px;border:1px solid var(--qfo-line);border-radius:12px;background:var(--qfo-surface)}
  .qfh-tablewrap{border:0;overflow:visible}
  .qfh-table td{display:block;padding:4px 0;border:0}
  .qfh-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--qfo-muted)}
  .qfh-two{grid-template-columns:1fr}
  .qfh-pagetoc{padding:8px 10px}
}

/* ===== v1.62.2: separação visual e contraste (fundo da página ≠ cartão ≠ lista; linhas que dividem; textos mais escuros) ===== */
.qfh-panel{--qfh-edge:color-mix(in srgb,var(--qfo-text) 24%,var(--qfo-surface));--qfh-edge-soft:color-mix(in srgb,var(--qfo-text) 13%,var(--qfo-surface));--qfh-canvas:color-mix(in srgb,var(--qfo-brand) 6%,var(--qfo-soft));--qfh-sub:color-mix(in srgb,var(--qfo-text) 76%,var(--qfo-surface))}
.qfh-head{border-bottom:1px solid var(--qfh-edge)}
.qfh-side{background:var(--qfh-canvas);border-right:1px solid var(--qfh-edge);padding:12px 10px 20px}
.qfh-main{background:var(--qfh-canvas)}
.qfh-lead,.qfh-card-tx small,.qfh-toc-item small,.qfh-support-tx span,.qfh-field-h,.qfh-item-cat,.qfh-empty{color:var(--qfh-sub)}
.qfh-side-h{margin:6px 6px 8px;padding:0 0 6px;border-bottom:1px solid var(--qfh-edge);color:var(--qfo-brand)}
/* lista lateral: cada categoria é uma caixa com borda */
.qfh-group{margin:0 0 10px;background:var(--qfo-surface);border:1px solid var(--qfh-edge);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(7,17,31,.06)}
.qfh-group-h{width:100%;margin:0;padding:12px 12px;border-radius:0;color:var(--qfo-strong);font-size:12.5px;letter-spacing:.05em}
.qfh-group-h>svg:first-child{flex:none;color:var(--qfo-brand)}
.qfh-group.open .qfh-group-h{background:color-mix(in srgb,var(--qfo-brand) 11%,var(--qfo-surface));border-bottom:1px solid var(--qfh-edge)}
.qfh-group-list{padding:4px 6px 6px}
.qfh-item{border-radius:9px;border-left:3px solid transparent;font-weight:600}
.qfh-group-list .qfh-item+.qfh-item{border-top:1px solid var(--qfh-edge-soft);border-top-left-radius:0;border-top-right-radius:0}
.qfh-item[aria-current="true"]{background:color-mix(in srgb,var(--qfo-brand) 18%,var(--qfo-surface));border-left-color:var(--qfo-brand);color:var(--qfo-strong)}
.qfh-side>.qfh-item{background:var(--qfo-surface);border:1px solid var(--qfh-edge);margin:0 0 6px}
.qfh-side>.qfh-item[aria-current="true"]{border-left:3px solid var(--qfo-brand)}
.qfh-quick .qfh-btn{background:var(--qfo-surface);border-color:var(--qfh-edge)}
.qfh-quick .qfh-btn-primary{background:var(--qfo-brand);border-color:var(--qfo-brand)}
/* área principal: cartões brancos sobre fundo tingido, com borda e sombra */
.qfh-card,.qfh-toc-item,.qfh-chipbtn,.qfh-faq{border:1px solid var(--qfh-edge);background:var(--qfo-surface);box-shadow:0 1px 3px rgba(7,17,31,.08)}
.qfh-card{padding:15px 16px;align-items:center}
.qfh-card>svg{box-sizing:border-box;width:42px;height:42px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--qfo-brand) 14%,var(--qfo-surface));margin:0}
.qfh-card-accent{background:color-mix(in srgb,var(--qfo-brand) 11%,var(--qfo-surface));border-color:color-mix(in srgb,var(--qfo-brand) 55%,var(--qfh-edge))}
.qfh-card-tx b,.qfh-toc-item b{color:var(--qfo-strong)}
.qfh-sec-h{display:flex;align-items:center;gap:12px;margin:28px 0 12px;color:var(--qfo-strong)}
.qfh-sec-h::after{content:"";flex:1;height:1px;background:var(--qfh-edge)}
.qfh-welcome-title{color:var(--qfo-strong)}
/* artigo: uma "folha" branca, com seções separadas por linhas */
.qfh-article{max-width:780px;padding:24px 28px 26px;background:var(--qfo-surface);border:1px solid var(--qfh-edge);border-radius:18px;box-shadow:0 2px 10px rgba(7,17,31,.08)}
.qfh-article-title{padding-bottom:12px;border-bottom:1px solid var(--qfh-edge)}
.qfh-article .qfh-lead{margin-top:12px}
.qfh-h{margin:26px 0 10px;padding-top:16px;border-top:1px solid var(--qfh-edge);color:var(--qfo-brand)}
.qfh-steps li{padding:10px 12px;border:1px solid var(--qfh-edge-soft);border-radius:12px;background:var(--qfo-soft)}
.qfh-steps{gap:8px}
.qfh-tablewrap{border:1px solid var(--qfh-edge);box-shadow:0 1px 2px rgba(7,17,31,.05)}
.qfh-table th{background:color-mix(in srgb,var(--qfo-brand) 12%,var(--qfo-soft));color:var(--qfo-strong);border-bottom:1px solid var(--qfh-edge)}
.qfh-table td{border-top:1px solid var(--qfh-edge-soft)}
.qfh-table tbody tr:nth-child(even) td{background:var(--qfo-soft)}
.qfh-pagetoc{background:var(--qfo-soft);border-color:var(--qfh-edge)}
.qfh-related{border-top:1px solid var(--qfh-edge)}
.qfh-chip-soft{background:var(--qfo-soft);color:var(--qfh-sub);border:1px solid var(--qfh-edge-soft)}
.qfh-faq summary{padding-right:44px}
.qfh-faq[open]{border-color:color-mix(in srgb,var(--qfo-brand) 55%,var(--qfh-edge))}
.qfh-faq[open] summary{background:color-mix(in srgb,var(--qfo-brand) 8%,var(--qfo-surface));border-bottom:1px solid var(--qfh-edge-soft)}
.qfh-faq-topic summary{font-size:15px}
.qfh-support{border-color:color-mix(in srgb,var(--qfo-brand) 55%,var(--qfh-edge));background:color-mix(in srgb,var(--qfo-brand) 9%,var(--qfo-surface))}
.qfh-input{border-color:var(--qfh-edge)}
.qfh-form{padding:18px;background:var(--qfo-surface);border:1px solid var(--qfh-edge);border-radius:16px;box-shadow:0 1px 3px rgba(7,17,31,.07)}
.qfh-panel[data-mode="login"] .qfh-main{background:var(--qfo-surface)}
.qfh-panel[data-mode="login"] .qfh-faq{background:var(--qfo-surface)}
.qfh-panel[data-mode="login"] .qfh-faq[open] .qfh-faq-body{background:var(--qfo-surface)}
@media (max-width:760px){
  .qfh-side{padding:12px 12px 24px}
  .qfh-main{padding:14px 12px calc(24px + env(safe-area-inset-bottom))}
  .qfh-article{padding:18px 16px 20px;border-radius:16px}
  .qfh-h{margin-top:22px}
  .qfh-steps li{padding:9px 10px}
  .qfh-table tr{border-color:var(--qfh-edge);box-shadow:0 1px 2px rgba(7,17,31,.06)}
}