/* AI Governance Gap Analyzer : styles d'origine, cantonnés à .tool-app, couleurs et polices du site (généré par scripts/migrate_tools.py) */
.tool-app{--navy:#16223A; --navy-2:#1E2A40; --teal:#22A99B; --teal-dark:#3DD6C6;
    --amber:#F2B544; --red:#EF6B6B; --bg:transparent; --card:#111A2B;
    --text:#DCE3EC; --muted:#94A2B8; --line:#1E2A40;}
.tool-app *{box-sizing:border-box;margin:0;padding:0}
.tool-app{font-family:var(--f-body);background:var(--bg);color:var(--text);line-height:1.55}
.tool-app .wrap{max-width:880px;margin:0 auto;padding:24px 16px 60px}
.tool-app header.tool{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 60%,#16223A 100%);color:#F2F5F9;border-radius:14px;padding:34px 34px 28px;margin-bottom:22px}
.tool-app header.tool h1{font-size:1.7rem;letter-spacing:.2px}
.tool-app header.tool .sub{color:#7AA2F7;margin-top:8px;font-size:1rem;max-width:640px}
.tool-app .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tool-app .badge{background:#111A2B;border:1px solid #2C3C58;color:#F2F5F9;font-size:.78rem;padding:4px 12px;border-radius:20px}
.tool-app .deadline{background:rgba(242,181,68,0.18);border:1px solid var(--amber);color:#F2B544;font-size:.82rem;padding:8px 14px;border-radius:8px;margin-top:16px;display:inline-block}
.tool-app .progress{height:8px;background:var(--line);border-radius:6px;margin:6px 0 20px;overflow:hidden}
.tool-app .progress > div{height:100%;background:var(--teal);width:0%;transition:width .35s}
.tool-app .card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:16px;box-shadow:0 1px 3px rgba(122,162,247,0.06)}
.tool-app .card h2{color:var(--navy);font-size:1.22rem;margin-bottom:6px}
.tool-app .card h3{color:var(--navy);font-size:1.02rem;margin:14px 0 8px}
.tool-app .hint{color:var(--muted);font-size:.9rem;margin-bottom:14px}
.tool-app select, .tool-app button{font:inherit}
.tool-app select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#111A2B;color:var(--text)}
.tool-app .btn{background:var(--teal);color:#F2F5F9;border:none;border-radius:8px;padding:12px 26px;font-weight:600;cursor:pointer;font-size:1rem}
.tool-app .btn:hover{background:var(--teal-dark)}
.tool-app .btn.secondary{background:#111A2B;color:var(--navy);border:1px solid var(--line)}
.tool-app .btn.secondary:hover{background:var(--bg)}
.tool-app .btn:disabled{opacity:.45;cursor:not-allowed}
.tool-app .nav{display:flex;justify-content:space-between;margin-top:18px;gap:10px}
.tool-app .q{border-top:1px solid var(--line);padding:18px 0 6px;margin-top:12px}
.tool-app .q:first-of-type{border-top:none;margin-top:0}
.tool-app .q .qt{font-weight:600;color:var(--navy);margin-bottom:10px}
.tool-app .opts{display:grid;gap:8px}
.tool-app .opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s;font-size:.92rem}
.tool-app .opt:hover{border-color:var(--teal)}
.tool-app .opt.sel{border-color:var(--teal);background:rgba(61,214,198,0.1)}
.tool-app .opt .lvl{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--muted)}
.tool-app .opt.sel .lvl{background:var(--teal);border-color:var(--teal);color:#F2F5F9}
.tool-app .exp-group{margin-bottom:18px}
.tool-app .exp-group .tier{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:5px;display:inline-block;margin-bottom:8px}
.tool-app .tier.p{background:rgba(239,107,107,0.1);color:var(--red)}
.tool-app .tier.h{background:rgba(242,181,68,0.1);color:#F2B544}
.tool-app .tier.t{background:rgba(122,162,247,0.1);color:#7AA2F7}
.tool-app .tier.g{background:rgba(181,156,245,0.1);color:#7AA2F7}
.tool-app .chk{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;margin-bottom:8px;font-size:.92rem}
.tool-app .chk:hover{border-color:var(--teal)}
.tool-app .chk input{margin-top:3px;accent-color:var(--teal)}
.tool-app .chk.on{border-color:var(--teal);background:rgba(61,214,198,0.1)}
.tool-app .q details{margin:-2px 0 10px}
.tool-app .q summary{cursor:pointer;color:var(--teal-dark);font-size:.85rem;font-weight:600;list-style:none;user-select:none}
.tool-app .q summary::-webkit-details-marker{display:none}
.tool-app .q summary::before{content:"\1F4A1  "}
.tool-app .qhelp{background:#111A2B;border:1px solid #2C3C58;border-radius:8px;padding:10px 12px;font-size:.87rem;color:#94A2B8;margin-top:6px;line-height:1.5}
.tool-app .tier-sub{font-size:.85rem;color:var(--muted);margin:2px 0 10px}
.tool-app .chk .ex{display:block;color:var(--muted);font-size:.82rem;margin-top:3px;font-weight:400}
.tool-app .lawgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:10px 0 6px}
.tool-app .lawcard{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}
.tool-app .lawcard h4{color:var(--navy);font-size:.92rem;margin-bottom:6px}
.tool-app .lawcard p{font-size:.84rem;color:#94A2B8;line-height:1.5}
.tool-app .lawcard .scope-note{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px;margin-bottom:8px}
.tool-app .scope-note.scored{background:#111A2B;color:var(--teal-dark)}
.tool-app .scope-note.info{background:#111A2B;color:var(--muted)}
.tool-app .lawtag{font-size:.8rem;color:#94A2B8;background:#111A2B;border-left:3px solid var(--navy-2);border-radius:0 6px 6px 0;padding:6px 10px;margin:2px 0 10px}
.tool-app .score-hero{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.tool-app .gauge{position:relative;width:150px;height:150px;flex:0 0 auto}
.tool-app .gauge svg{transform:rotate(-90deg)}
.tool-app .gauge .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.tool-app .gauge .val b{font-size:2rem;color:var(--navy)}
.tool-app .gauge .val span{font-size:.75rem;color:var(--muted)}
.tool-app .lvl-name{font-size:1.35rem;font-weight:700;color:var(--navy)}
.tool-app .lvl-desc{color:var(--muted);font-size:.95rem;max-width:480px;margin-top:4px}
.tool-app .alert{border-radius:10px;padding:14px 16px;margin:14px 0;font-size:.93rem;border:1px solid}
.tool-app .alert.red{background:rgba(239,107,107,0.1);border-color:#EF6B6B;color:#EF6B6B}
.tool-app .alert.amber{background:rgba(242,181,68,0.1);border-color:#F2B544;color:#F2B544}
.tool-app .alert.blue{background:rgba(122,162,247,0.1);border-color:#7AA2F7;color:#7AA2F7}
.tool-app .alert.green{background:#111A2B;border-color:#5FD08A;color:#5FD08A}
.tool-app .dim-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.tool-app .dim-row:last-child{border-bottom:none}
.tool-app .dim-row .name{flex:0 0 46%;font-size:.9rem}
.tool-app .dim-row .bar{flex:1;height:10px;background:var(--bg);border-radius:6px;overflow:hidden}
.tool-app .dim-row .bar>div{height:100%;border-radius:6px}
.tool-app .dim-row .pct{flex:0 0 44px;text-align:right;font-weight:700;font-size:.9rem;color:var(--navy)}
.tool-app .rec{border-left:4px solid var(--teal);background:#111A2B;border-radius:0 8px 8px 0;padding:12px 16px;margin-bottom:12px}
.tool-app .rec.pri1{border-left-color:var(--red);background:rgba(239,107,107,0.1)}
.tool-app .rec.pri2{border-left-color:var(--amber);background:rgba(242,181,68,0.1)}
.tool-app .rec b{color:var(--navy)}
.tool-app .rec ul{margin:6px 0 0 18px;font-size:.9rem}
.tool-app .rec .ind{font-size:.85rem;color:var(--muted);margin-top:6px;font-style:italic}
.tool-app .plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}
.tool-app .plan .ph{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}
.tool-app .plan .ph h4{color:var(--navy);font-size:.9rem;margin-bottom:8px}
.tool-app .plan .ph ul{margin-left:16px;font-size:.86rem}
.tool-app .plan .ph li{margin-bottom:6px}
.tool-app footer.tool{color:var(--muted);font-size:.8rem;text-align:center;margin-top:26px}
.tool-app footer.tool a{color:var(--teal)}
.tool-app canvas#radar{max-width:520px;margin:0 auto;display:block}
@media(max-width:640px){.tool-app header.tool{padding:24px 20px}
.tool-app .card{padding:18px}
.tool-app .dim-row .name{flex-basis:40%}}
.tool-app .card h2,.tool-app .card h3,.tool-app .q .qt,.tool-app .lawcard .name,.tool-app .btn.secondary{color:var(--fg)}
.tool-app header.tool{background:radial-gradient(ellipse 70% 120% at 85% 0%,rgba(61,214,198,.12),transparent 70%),#111A2B;border:1px solid #1E2A40}
.tool-app header.tool .sub{color:#94A2B8}
.tool-app .btn{color:#06201D}
.tool-app .opt.sel .lvl{color:#06201D}