/* Outils.com V3 — composants propres, posés sur le socle réel de Calculatrice.com. */
:root{--ot-green:#00a65a;--ot-green-dark:#006b3c;--ot-green-deep:#052e20;--ot-green-soft:#e7f8ef;--ot-line:#dde4f0;--ot-muted:#64748b}
body.cr-page{background:#f3f5fb!important}
body.cr-page .cr-topbar .cr-occ-outils{font-weight:700!important}
body.cr-page .cr-nav-list a:hover,body.cr-page .cr-nav-list .cr-active{color:#005c35!important}
body.cr-page .cr-nav-list .cr-active{border-bottom-color:var(--ot-green)!important}
body.cr-page .cr-logo img{height:40px!important;max-width:230px!important}
.ot-hero-card{border:1px solid rgba(255,255,255,.25);border-radius:24px;background:#15231e;box-shadow:0 24px 55px rgba(4,38,27,.28);padding:14px;color:#fff}
.ot-hero-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}
.ot-hero-card-head h2{margin:0;color:#fff;font-size:18px}
.ot-hero-card-head p{margin:3px 0 0;color:#c9e9d8;font-size:11px}
.ot-local-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--ot-green);color:#052e20;font-size:9px;font-weight:950;text-transform:uppercase;white-space:nowrap}
.ot-quick-form{display:grid;gap:10px;padding:12px;border-radius:15px;background:#f1f7f4}
.ot-quick-form label{display:grid;gap:6px;color:#26362f;font-size:12px;font-weight:800}
.ot-quick-form textarea{min-height:112px;resize:vertical;border:1px solid #cad8d1;border-radius:11px;padding:11px;font:inherit}
.ot-quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.ot-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:0;border-radius:10px;background:var(--ot-green);color:#062d20!important;font-weight:900;padding:9px 14px;cursor:pointer;text-decoration:none!important}
.ot-button-secondary{background:#dce9e3;color:#273c33!important}
.ot-quick-result{min-height:52px;padding:10px;border:1px solid #b8dec9;border-radius:10px;background:#fff;color:#18372a;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.ot-quick-result strong{display:block;margin-bottom:3px;color:#006b3c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ot-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ot-tool-grid .home-popular-card{min-height:190px!important}
.ot-tool-grid .home-popular-card h3{margin-top:25px!important}
.ot-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ot-guide-card{display:flex;flex-direction:column;min-height:195px;padding:15px;border:1px solid var(--ot-line);border-top:4px solid var(--ot-green);border-radius:13px;background:#fff;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,23,42,.045)}
.ot-guide-card small{color:#006b3c;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.ot-guide-card h3{margin:22px 0 7px;color:#172033;font-size:17px}
.ot-guide-card p{margin:0 0 12px;color:var(--ot-muted);font-size:12px;line-height:1.55}
.ot-guide-card span{margin-top:auto;color:#006b3c;font-size:11px;font-weight:900}
.ot-category-hero .cr-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;align-items:center!important}
.ot-category-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ot-category-summary div{padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(5,46,32,.33)}
.ot-category-summary strong{display:block;color:#fff;font-size:24px}
.ot-category-summary span{color:#d1efe0;font-size:11px}
.ot-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0}
.ot-source-list li{padding:12px;border:1px solid var(--ot-line);border-radius:11px;background:#fff}
.ot-source-list a{color:#005c35;font-weight:800;text-decoration:none}
.ot-source-list span{display:block;margin-top:3px;color:var(--ot-muted);font-size:11px}
.ot-tool-page .vehicle-hero{background:linear-gradient(135deg,#00b862 0%,#00a65a 42%,#006b3c 100%)!important}
.ot-tool-page .vehicle-hero-grid{align-items:start!important}
.ot-tool-page .cr-unified-hero-copy{padding-top:16px}
.ot-tool-page .cr-unified-calculator{margin-top:0!important}
.ot-tool-page .vehicle-calculator .cr-calc-card-inner{background:#17221e!important}
.ot-tool-page .vehicle-form{background:#f1f7f4!important}
.ot-tool-page .vehicle-result{background:#fff!important;color:#172033!important}
.ot-tool-page .vehicle-submit{background:var(--ot-green)!important;color:#052e20!important}
.ot-tool-page .vehicle-field input:focus,.ot-tool-page .vehicle-field select:focus,.ot-tool-page .vehicle-field textarea:focus{border-color:var(--ot-green)!important;box-shadow:0 0 0 4px rgba(0,166,90,.14)!important}
.ot-tool-page .vehicle-kicker,.ot-tool-page .vehicle-eyebrow{color:#005c35!important}
.ot-tool-page .vehicle-hero .vehicle-kicker{color:#fff!important}
.ot-tool-page .vehicle-proof-row span{background:rgba(5,46,32,.2)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.ot-tool-page .vehicle-hero-note{background:#0d2f23!important}
.ot-tool-page .vehicle-steps li span,.ot-tool-page .vehicle-meaning-grid article span{background:var(--ot-green)!important;color:#052e20!important}
.ot-tool-page .vehicle-warning{border-left-color:var(--ot-green)!important}
.ot-tool-page .vehicle-sources a,.ot-tool-page .vehicle-side-link{color:#005c35!important}
.ot-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ot-field{display:grid;gap:6px}
.ot-field-full{grid-column:1/-1}
.ot-field label{color:#26362f;font-size:12px;font-weight:800}
.ot-field label span{color:#64748b;font-weight:650}
.ot-field input,.ot-field select,.ot-field textarea{width:100%;min-height:43px;border:1px solid #cad8d1;border-radius:10px;background:#fff;color:#172033;padding:10px 11px;font:inherit}
.ot-field textarea{min-height:110px;resize:vertical}
.ot-field input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--ot-green)}
.ot-field input[type=color]{padding:4px}
.ot-field input[type=file]{padding:8px}
.ot-field small{color:#64748b;font-size:10px}
.ot-check{display:flex!important;align-items:center;gap:8px;padding-top:20px}
.ot-form-actions{display:flex;gap:8px;grid-column:1/-1;margin-top:4px}
.ot-copy{border:1px solid #bfd8cc;border-radius:8px;background:#eef7f2;color:#005c35;padding:7px 10px;font-size:11px;font-weight:850;cursor:pointer}
.result-content{white-space:pre-wrap;overflow-wrap:anywhere}
.result-content table{width:100%;border-collapse:collapse}
.result-content th,.result-content td{padding:8px;border-bottom:1px solid var(--ot-line);text-align:left;vertical-align:top}
.result-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
.result-content canvas,.result-content svg{max-width:100%;height:auto}
.download-link{display:inline-flex;margin-top:10px;padding:8px 11px;border-radius:8px;background:#006b3c;color:#fff!important;text-decoration:none!important;font-weight:850}
.generated-document{padding:16px;border:1px solid var(--ot-line);border-radius:12px;background:#fff}
.tool-error{padding:11px;border:1px solid #e4aaaa;border-radius:9px;background:#fff1f1;color:#8b2525}
.matrix-grid,.kanban,.retro-grid,.teams-grid,.bingo-grid,.qr-batch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.matrix-grid section,.kanban section,.retro-grid section,.teams-grid article,.qr-batch figure,.bingo-grid figure{padding:12px;border:1px solid var(--ot-line);border-radius:10px;background:#fff}
.wheel-result{padding:22px;border:3px solid var(--ot-green);border-radius:18px;background:var(--ot-green-soft);text-align:center}
.qr-output{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:18px;align-items:center}
.ot-guide-page .vehicle-hero,.ot-standard-page .vehicle-hero{background:linear-gradient(135deg,#e7f8ef,#fff)!important;color:#172033!important}
.ot-guide-page .vehicle-hero h1,.ot-guide-page .vehicle-hero .vehicle-lead,.ot-standard-page .vehicle-hero h1,.ot-standard-page .vehicle-hero .vehicle-lead{color:#172033!important}
.ot-guide-page .vehicle-hero .vehicle-kicker,.ot-standard-page .vehicle-hero .vehicle-kicker{color:#006b3c!important}
.ot-guide-page .vehicle-hero-note{background:#0d2f23!important}
.ot-guide-section h2{margin-top:0}
.ot-guide-points{display:grid;gap:10px}
.ot-guide-points article{padding:14px;border:1px solid var(--ot-line);border-radius:12px;background:#fff}
.ot-guide-points h3{margin:0 0 5px;font-size:16px}
.ot-checklist{list-style:none;padding:0;display:grid;gap:8px}
.ot-checklist li{position:relative;padding:11px 12px 11px 42px;border:1px solid var(--ot-line);border-radius:11px;background:#fff}
.ot-checklist li:before{content:"✓";position:absolute;left:12px;top:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--ot-green-soft);color:#006b3c;font-weight:950}
.ot-search{display:grid;grid-template-columns:1fr auto;gap:8px}
.ot-search input{min-height:42px;border:1px solid var(--ot-line);border-radius:10px;padding:9px 11px}
.ot-search-results{display:grid;gap:8px;margin-top:12px}
.ot-search-results a{padding:10px;border:1px solid var(--ot-line);border-radius:9px;background:#fff;color:#172033;text-decoration:none}
.ot-search-results span{display:block;color:#64748b;font-size:11px}
@media(max-width:1280px){.ot-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ot-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-guide-grid,.ot-source-list{grid-template-columns:1fr}.ot-category-hero .cr-hero-grid{grid-template-columns:1fr!important}.ot-form-fields{grid-template-columns:1fr}.ot-field-full,.ot-form-actions{grid-column:1}.ot-search{grid-template-columns:1fr}}
@media(max-width:620px){.ot-tool-grid,.ot-category-summary,.matrix-grid,.kanban,.retro-grid,.teams-grid,.qr-output{grid-template-columns:1fr}.ot-tool-grid .home-popular-card{min-height:170px!important}}