:root{--navy:#0b3157;--green:#6b8f1a;--bg:#f4f7f9;--line:#d9e1e7;--text:#203040;--danger:#9b2c2c}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--navy);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}header a{color:#fff;text-decoration:none}.wrap{max-width:1180px;margin:24px auto;padding:0 18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:18px;box-shadow:0 3px 14px #0000000a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.metric strong{font-size:1.7rem;color:var(--navy)}label{font-weight:700;display:block;margin:10px 0 5px}input,select,textarea{width:100%;padding:10px;border:1px solid #c7d1d9;border-radius:8px;background:white}textarea{min-height:90px}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:var(--navy);color:#fff;text-decoration:none;cursor:pointer}.btn.green{background:var(--green)}.btn.light{background:#eef3f6;color:var(--navy)}.btn.danger{background:var(--danger)}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--navy);font-size:.9rem}.flash{padding:10px 14px;background:#fff4cc;border-radius:8px;margin-bottom:14px}.nav{display:flex;flex-wrap:wrap;gap:12px}.muted{color:#667785;font-size:.92rem}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf4df;color:#466113;font-size:.8rem;font-weight:700}.badge.gray{background:#eef1f3;color:#526170}.actions{display:flex;gap:8px;flex-wrap:wrap}.login{max-width:480px;margin:70px auto}.mono{font-family:monospace;word-break:break-all}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.two{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}

.hint{padding:10px 12px;background:#f2f7e8;border-left:4px solid var(--green);border-radius:6px;color:#344b1a}

/* Recette téléphone : les tableaux larges défilent dans leur cadre, les mots longs passent à la ligne */
.wrap{overflow-wrap:anywhere}
@media(max-width:760px){.wrap table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.wrap th,.wrap td{overflow-wrap:normal;min-width:6em}.wrap{padding:0 16px}}