:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17231f;background:#f4f6f3;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.login{max-width:430px;margin:0 auto;padding:12vh 24px}.logo{font-size:52px}.login h1{font-size:32px;margin:12px 0 6px}.login p{color:#607069;line-height:1.5}.login form{margin-top:30px}label{display:block;font-weight:700;margin:16px 0 8px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #cbd4cf;border-radius:12px;background:#fff;color:#17231f}button{border:0;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer}.login button,.principal{width:100%;background:#17352b;color:#fff;margin-top:12px}.alerte{background:#fff1dd;color:#75470b;border-radius:12px;padding:14px;margin:18px 0}header{background:#17352b;color:#fff;padding:calc(18px + env(safe-area-inset-top)) 20px 24px;display:flex;justify-content:space-between;align-items:center}header small,header strong,header span{display:block}header strong{font-size:20px;margin:4px 0}header span{font-size:13px;color:#c7d6d0}.avatar{font-size:34px}.app{max-width:680px;margin:0 auto;padding:20px 18px 100px}.hero{background:linear-gradient(145deg,#e6f1e8,#d9ebe3);padding:22px;border-radius:20px;margin-bottom:26px}.hero h1{margin:0 0 6px}.hero p{color:#4c6259;line-height:1.45}.titre-section{display:flex;align-items:center;justify-content:space-between}.titre-section span{background:#dce5e1;border-radius:999px;padding:4px 10px;font-weight:800}.vide,.demande{background:#fff;border:1px solid #dfe5e1;border-radius:16px;padding:17px;margin:12px 0}.vide{text-align:center;color:#64736d;padding:30px}.ligne{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demande p{color:#55665f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demande small{color:#7a8882}.statut{font-size:12px;border-radius:999px;padding:5px 9px;white-space:nowrap;background:#edf1ef}.statut-consultee{background:#e3edff;color:#24569b}.statut-prise_en_charge{background:#fff0ca;color:#7b5600}.statut-resolue{background:#dff4e5;color:#176c35}nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dfe5e1;display:flex;justify-content:center;padding:10px max(12px,env(safe-area-inset-bottom));gap:min(14vw,90px)}nav a{color:#728079;text-decoration:none;text-align:center;font-size:20px}nav span{display:block;font-size:11px;margin-top:2px}nav .actif{color:#17352b;font-weight:800}dialog{width:min(100% - 24px,520px);border:0;border-radius:22px;padding:20px;box-shadow:0 22px 70px #0004}dialog::backdrop{background:#0d1e18aa}.dialogue-titre{display:flex;align-items:center;justify-content:space-between}.dialogue-titre h2{margin:0}.fermer{font-size:28px;background:transparent;padding:4px 10px}@media(min-width:700px){header>div:first-child,header>.avatar{position:relative;left:50%;transform:translateX(-340px)}header>.avatar{left:auto;right:50%;transform:translateX(340px)}}