:root{font-family:Inter,system-ui,sans-serif;color:#0B0D11;background:#FBFAF7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:25px 6vw;border-bottom:1px solid #dce5ef;background:#fff}a{color:#1B6AA8}a.brand{text-decoration:none;color:#0B0D11;font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{margin-left:18px;font-size:13px;font-weight:400;letter-spacing:0;color:#586879}main{max-width:1120px;margin:50px auto;padding:0 24px;min-height:65vh}h1{font-size:clamp(30px,5vw,45px);letter-spacing:-1.5px;font-weight:600;margin:10px 0}h2{font-size:22px}p{line-height:1.6}.muted,small{color:#586879}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.card{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:26px;margin:22px 0;box-shadow:0 4px 20px #1B335410}.filters,.grid,.actions{display:flex;gap:12px;flex-wrap:wrap}.grid>*{flex:1;min-width:200px}label{display:block;font-size:14px;margin:16px 0 7px}input,select,textarea,button{font:inherit;border:1px solid #cbd9e7;border-radius:9px;padding:12px}input,select,textarea{width:100%;background:#fff}textarea{min-height:130px;resize:vertical}button{cursor:pointer;background:#1B3354;color:white;border-color:#1B3354}button.secondary{background:#fff;color:#1B3354}.filters>*{flex:1;min-width:140px}.filters input{flex:2}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #edf2f7}.row:last-child{border:0}.row a{font-weight:600;text-decoration:none}.badge{font-size:12px;padding:6px 10px;border-radius:50px;background:#edf3fa;white-space:nowrap}.approved{background:#e1f0fc;color:#1B6AA8}.changes{background:#ffedd5;color:#805022}.preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px;background:#F6FAFD;border-radius:12px}.event{border-left:2px solid #cbd9e7;padding:0 0 16px 20px;margin:20px 0}.event p{white-space:pre-wrap}.hidden{display:none}#notice:not(:empty){background:#e1f0fc;padding:16px;border-radius:12px;overflow-wrap:anywhere}footer{padding:30px;text-align:center;color:#586879;font-size:13px}.login{max-width:430px;margin:70px auto}img{max-width:100%;border-radius:12px}button:disabled{opacity:.5}a:focus-visible,button:focus-visible{outline:3px solid #2F98E4;outline-offset:3px}@media(max-width:600px){.top,.row{align-items:flex-start;flex-direction:column}.card{padding:18px}main{margin-top:30px}.actions button{flex:1}}

/* Palette Liito Media vérifiée : theme.json et main.css du site existant. */
:root{--liito-blue:#2F98E4;--liito-marine:#1B3354;--liito-ink:#0B0D11;--liito-cream:#FBFAF7}
header{border-top:4px solid var(--liito-blue)}a.brand{color:var(--liito-marine)}button:hover{background:#1B6AA8;border-color:#1B6AA8}button.secondary:hover{background:#F6FAFD;color:#1B3354}input:focus,select:focus,textarea:focus{outline:2px solid var(--liito-blue);outline-offset:2px}