/* sécurité */
.secm{display:flex;flex-direction:column;gap:12px}
.secsteps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:14px;font-size:14.5px}
.secsteps li>b{display:block;margin-bottom:4px}
.secqr{margin:10px 0 6px;display:flex}.secqr svg{border-radius:12px;border:1px solid var(--line);padding:6px;background:#fff;max-width:100%;height:auto}
.seckey,.seccodes code,.bkkey code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.06em;background:var(--sunk);padding:2px 8px;border-radius:6px;user-select:all;word-break:break-all}
.seccode{display:flex;gap:8px;margin-top:8px}.seccode input{font-size:22px!important;letter-spacing:.3em;text-align:center;max-width:180px}
.seccodes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.seccodes code{text-align:center;padding:8px;font-size:15px}
.sech{margin:6px 0 0;font-size:15px}
.secrow{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}
.secrow>div{display:flex;flex-direction:column;gap:2px}
.secic{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}
.secic.on{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good)}
.sysgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.sysc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--c);background:var(--surface)}
.sysc>div{flex:1;min-width:0;display:flex;flex-direction:column}.sysc .sub{overflow-wrap:anywhere}
.sysd{color:var(--c);font-size:12px}
.bkkey{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;border:2px dashed var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent);margin-bottom:10px}
.bkkey code{font-size:18px;padding:8px 12px;align-self:flex-start}
.bkstat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin-bottom:10px}
.bkstat>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:var(--sunk)}
.aulist{display:flex;flex-direction:column}
.auit{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:8px 10px;border-left:3px solid var(--c);border-bottom:1px solid var(--line)}
@media (max-width:640px){.auit{grid-template-columns:1fr}}
.secdet summary{cursor:pointer;font-weight:700;margin-top:8px}
#ovs .modal{max-height:100%}
@media print{body.printcodes *{visibility:hidden}body.printcodes .seccodes,body.printcodes .seccodes *{visibility:visible}body.printcodes .seccodes{position:absolute;left:0;top:0}}