:root{--navy:#091540;--sky:#64cfef;--sky-light:#9fd9ee;--bg:#edeff3;--surface:#fff;--border:#e2e6ed;--border-dashed:#c9cdd4;--text:#10131a;--text-muted:#6b7280;--text-faint:#9aa1ac;--panel:#f1f2f5;--panel-alt:#f9fafb;--etat-bon:#0ea55a;--etat-bon-bg:#dcfce7;--etat-usage:#a16207;--etat-usage-bg:#fef3c7;--etat-mauvais:#b91c1c;--etat-mauvais-bg:#fee2e2;--complement:#c2410c;--info-bg:#e3f7fc;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #09154014;--shadow-md:0 4px 14px #0915401a;--shadow-lg:0 8px 24px #09154040;--font-sans:"Roboto", system-ui, sans-serif;--font-signature:"Caveat", cursive}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);font-family:var(--font-sans);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0}input,textarea{-webkit-user-select:text;user-select:text}a{color:var(--navy)}a:hover{color:var(--sky)}input,textarea,button,select{font-family:var(--font-sans)}button{font:inherit}.app-shell{height:var(--app-height,100dvh);background:var(--bg);flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:relative}@media (width>=900px){.app-shell{border-radius:var(--radius-xl);max-width:720px;height:calc(100dvh - 48px);box-shadow:var(--shadow-md);margin:24px auto;overflow:hidden}}.screen-header{background:var(--navy);color:#fff;align-items:center;gap:10px;height:56px;min-height:56px;padding:0 8px;display:flex}.screen-header__title{text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 6px;font-size:16px;font-weight:700;overflow:hidden}.btn:active:not(:disabled){filter:brightness(.85)}.icon-btn{cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-chevron{border-bottom:2px solid;border-left:2px solid;width:10px;height:10px;transform:rotate(45deg)}.text-link-btn{color:var(--sky-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:12.5px;font-weight:700}.screen-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow:auto}.screen-footer{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.field-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.pill{white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}