/* Aide, base de connaissances et portail Support de Rendezvix. Aucun script nécessaire. */
.kb, .ap main, main.kb { overflow-wrap: anywhere; }
.kb-anon { margin: 0; font-size: .9rem; color: #6e6e73; }
.kb-bc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .5rem; font-size: .88rem; color: #6e6e73; }
.kb-bc li + li::before { content: "›"; margin-right: .5rem; color: #a1a1a6; }
.kb-bc a { color: #1d1d1f; text-decoration: none; } .kb-bc a:hover { text-decoration: underline; }
.kb-search { display: flex; gap: .5rem; flex-wrap: wrap; } .kb-search input { flex: 1 1 14rem; min-width: 0; }
.kb-h { font-size: 1.6rem; margin: .2rem 0 .3rem; } .kb-h2 { font-size: 1.2rem; margin: 1rem 0 .5rem; }
.kb-sub, .kb-lead { color: #424245; font-size: 1.02rem; margin: 0; } .kb-lead { font-size: 1.1rem; }
.kb-none { background: #f5f5f7; border-radius: 14px; padding: 1rem 1.2rem; } .kb-none h1, .kb-none h2 { font-size: 1.2rem; }
.kb-partial { color: #6e6e73; font-size: .92rem; margin: 0; }
.kb-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); gap: .8rem; }
.kb-cat-card { display: flex; flex-direction: column; gap: .25rem; padding: 1rem 1.1rem; border-radius: 16px; background: #f5f5f7; color: inherit; text-decoration: none; border: 1px solid transparent; transition: border-color .15s, background .15s; }
.kb-cat-card:hover { border-color: #1d1d1f; background: #fff; } .kb-cat-card b { font-size: 1.02rem; } .kb-cat-card span { font-size: .9rem; color: #424245; } .kb-cat-card small { color: #1d1d1f; font-weight: 600; margin-top: auto; padding-top: .3rem; }
.kb-res { list-style: none; margin: 0; padding: 0; display: grid; gap: .7rem; } .kb-res li { border: 1px solid #e5e5ea; border-radius: 14px; padding: .8rem 1rem; }
.kb-res a { color: #1d1d1f; text-decoration: none; font-size: 1.05rem; } .kb-res a:hover b { color: #1d1d1f; } .kb-res p { margin: .25rem 0 0; color: #424245; font-size: .93rem; }
.kb-cat { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: #6e6e73; margin-top: .1rem; }
mark { background: #ffe58a; padding: 0 .1em; border-radius: 3px; }
.kb-art { display: grid; gap: 1.1rem; max-width: 52rem; } .kb-art h1 { font-size: 1.9rem; margin: .3rem 0; } .kb-art h2 { font-size: 1.2rem; margin: 0 0 .4rem; } .kb-art section p { margin: 0; }
.kb-chips { display: flex; flex-wrap: wrap; gap: .4rem; } .kb-chip { font-size: .78rem; padding: .15rem .6rem; border-radius: 980px; background: rgba(29,29,31,.12); color: #000000; font-weight: 600; } .kb-chip.warn { background: #fff1d6; color: #8a5a00; } .kb-chip.plan { background: #e6f6ee; color: #137a4b; }
.kb-toc { display: flex; flex-wrap: wrap; gap: .4rem; } .kb-toc a { padding: .25rem .75rem; border-radius: 980px; background: #f5f5f7; color: #3a3a3c; text-decoration: none; font-size: .86rem; } .kb-toc a:hover { background: rgba(29,29,31,.12); color: #000000; }
.kb-steps { list-style: none; margin: 0; padding: 0; counter-reset: ks; display: grid; gap: .7rem; } .kb-steps li { counter-increment: ks; position: relative; padding-left: 2.6rem; min-height: 1.9rem; }
.kb-steps li::before { content: counter(ks); position: absolute; left: 0; top: 0; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: linear-gradient(135deg, #1d1d1f, #3a3a3c); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: .9rem; }
.kb-art ul { margin: 0; padding-left: 1.2rem; display: grid; gap: .35rem; } .kb-art code, .kb-art b code { background: #f2f2f7; padding: .05rem .35rem; border-radius: 6px; font-size: .9em; }
.kb-faq { display: grid; gap: .6rem; margin: 0; } .kb-faq div { background: #f5f5f7; border-radius: 12px; padding: .65rem .9rem; } .kb-faq dt { font-weight: 700; } .kb-faq dt::before { content: "Symptôme : "; color: #6e6e73; font-weight: 600; } .kb-faq dd { margin: .25rem 0 0; } .kb-faq dd::before { content: "Solution : "; color: #137a4b; font-weight: 700; }
.kb-pages { display: flex; flex-wrap: wrap; gap: .5rem; } .kb-page { padding: .3rem .8rem; border-radius: 10px; border: 1px solid #d2d2d7; color: #000000; text-decoration: none; font-size: .9rem; } a.kb-page:hover { border-color: #1d1d1f; background: rgba(29,29,31,.07); } .kb-page.off { color: #8e8e93; background: #f5f5f7; }
.kb-sup { border: 2px solid #f5b942; background: #fffaf0; border-radius: 16px; padding: 1rem 1.2rem; } .kb-sup h3 { font-size: 1rem; margin: .8rem 0 .3rem; } .kb-sup h3.no { color: #b42318; } .kb-sup ul.no { list-style: none; padding-left: 0; } .kb-sup ul.no li { padding-left: 1.6rem; position: relative; } .kb-sup ul.no li::before { content: "✕"; position: absolute; left: 0; color: #b42318; font-weight: 700; }
.kb-sup-note { color: #8a5a00; font-size: .88rem; }
.kb-rel { border-top: 1px solid #e5e5ea; padding-top: 1rem; } .kb-rel h2 { font-size: 1.05rem; } .kb-rel ul { list-style: none; padding: 0; } .kb-rel li { display: grid; } .kb-rel li span { font-size: .88rem; color: #6e6e73; } .kb-rel a { color: #000000; font-weight: 600; text-decoration: none; }
.kb-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1rem; } .kb-dl { display: grid; grid-template-columns: minmax(8rem, 12rem) 1fr; gap: .35rem .9rem; margin: 0; } .kb-dl dt { color: #6e6e73; font-weight: 600; font-size: .9rem; } .kb-dl dd { margin: 0; }
.kb-counts { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); gap: .6rem; margin-bottom: .6rem; } .kb-counts div { background: #f5f5f7; border-radius: 12px; padding: .6rem .8rem; display: grid; } .kb-counts b { font-size: 1.3rem; } .kb-counts span { font-size: .8rem; color: #6e6e73; }
.kb-list { list-style: none; padding: 0; margin: 0 0 .6rem; display: grid; gap: .45rem; } .kb-note { border-left: 3px solid #1d1d1f; background: #f5f5f7; border-radius: 0 12px 12px 0; padding: .6rem .9rem; margin-top: .6rem; }
.kb-actions { display: grid; gap: .8rem; } .kb-actions form { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; } .kb-actions small { color: #6e6e73; }
.kb-prog { height: .6rem; border-radius: 980px; background: #e5e5ea; overflow: hidden; } .kb-prog span { display: block; height: 100%; background: linear-gradient(90deg, #1d1d1f, #10b981); }
.kb-read { background: #f5f5f7; border-radius: 12px; padding: .6rem .9rem; } .kb-read ul { margin: .3rem 0 0; padding-left: 1.2rem; }
.kb-rules ul { margin: 0; padding-left: 1.2rem; display: grid; gap: .3rem; } .kb-rules h2 { font-size: 1.05rem; }
@media (max-width: 640px) { .kb-dl { grid-template-columns: 1fr; gap: 0; } .kb-dl dt { margin-top: .5rem; } .kb-art h1 { font-size: 1.5rem; } .kb-h { font-size: 1.35rem; } .kb-search button { width: 100%; } .kb-toc { flex-wrap: nowrap; overflow-x: auto; } .kb-toc a { white-space: nowrap; } }