@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";html,body,#root{min-height:100%;margin:0}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--paper:#f1f1ee;--paper-raised:#fcfcfa;--ink:#17181a;--ink-soft:#6b6c6e;--line:#dededa;--accent:#d6401f;--accent-soft:#f7ded3;--shadow-hard:#14141426;--st-neutral:#86847c;--st-neutral-bg:#e8e7e1;--st-blue:#5e6e77;--st-blue-bg:#e1e5e7;--st-amber:#8c7647;--st-amber-bg:#ece5d3;--st-teal:#4f7a72;--st-teal-bg:#dde8e4;--st-green:#55785c;--st-green-bg:#dfe8e0;--st-red:#8b4b43;--st-red-bg:#ebdbd7;--font-display:"Fraunces", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-stamp:"IBM Plex Sans Condensed", "IBM Plex Sans", sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#17181a;--paper-raised:#202123;--ink:#ececea;--ink-soft:#a3a4a2;--line:#3a3b3d;--accent:#f0693f;--accent-soft:#3d2019;--shadow-hard:#00000080;--st-neutral:#9e9c93;--st-neutral-bg:#2b2b27;--st-blue:#93a6af;--st-blue-bg:#232b2e;--st-amber:#c2a876;--st-amber-bg:#332c1c;--st-teal:#86bbaf;--st-teal-bg:#1e2e2a;--st-green:#92bb98;--st-green-bg:#223025;--st-red:#d08d82;--st-red-bg:#33221e}}*{box-sizing:border-box}.page{background:var(--paper);color:var(--ink);font-family:var(--font-body);align-items:flex-start;min-height:100vh;font-size:15px;line-height:1.5;display:flex}.page a{color:var(--accent)}.sidebar{background:var(--paper-raised);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:26px;width:250px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-seal{border:1.5px solid var(--accent);width:38px;height:38px;box-shadow:0 0 0 3px var(--paper-raised), 0 0 0 4px var(--accent);font-family:var(--font-display);color:var(--accent);border-radius:48% 52% 51% 49%/53% 49% 51% 47%;justify-content:center;align-items:center;margin:4px 0 4px 6px;font-size:15px;font-style:italic;font-weight:600;display:flex;transform:rotate(-3deg)}.content{flex:1;min-width:0}h1{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:22px;font-weight:600;line-height:1.15}.subtitle{color:var(--ink-soft);margin:6px 0 0;font-size:12.5px}.page-nav{flex-direction:column;gap:2px;display:flex}.page-nav-link{font-family:var(--font-body);color:var(--ink-soft);border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px 10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:flex}.page-nav-link b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);background:var(--paper);border-radius:4px;padding:1px 6px;font-size:12px;font-weight:500}.page-nav-link:hover{background:var(--paper);border-left-color:var(--line)}.page-nav-link.active{border-left-color:var(--accent);background:var(--paper);color:var(--ink);font-weight:600}.page-nav-link.active b{color:var(--accent);background:var(--accent-soft)}.logout-btn{font-family:var(--font-body);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:4px;align-self:flex-start;margin-top:auto;padding:7px 12px;font-size:12px}.logout-btn:hover{border-color:var(--accent);color:var(--accent)}.toolbar{z-index:5;border-bottom:1px solid var(--line);background:var(--paper);padding:18px clamp(16px,3vw,32px) 4px;position:sticky;top:0}.filter-groups{border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin-top:2px;padding-bottom:14px;display:flex}.filter-groups-label{color:var(--ink);font-size:12.5px;font-weight:500}.filter-hint{color:var(--ink-soft);margin:6px 0 0;font-size:11.5px;font-style:italic}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:11.5px}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.chip{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper-raised);color:var(--ink-soft);cursor:pointer;border-radius:100px;padding:5px 10px;font-size:12px;transition:border-color .12s,transform 80ms}.chip:hover{border-color:var(--accent)}.chip:active{transform:translateY(1px)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}.search-bar,.from-url-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.from-url-bar{border-bottom:1px dashed var(--line);margin-top:0;padding-bottom:14px}.search-bar input,.from-url-bar input{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);border-radius:4px;flex:360px;padding:9px 12px;font-size:13px}.search-bar input:focus,.from-url-bar input:focus{border-color:var(--accent);outline:none}.search-btn{font-family:var(--font-body);border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:4px;padding:9px 16px;font-size:13px;font-weight:500;transition:background .12s,color .12s,transform 80ms}.search-btn:hover:not(:disabled){background:var(--accent);color:var(--paper-raised)}.search-btn:active:not(:disabled){transform:translateY(1px)}.search-btn:disabled{opacity:.6;cursor:wait}.search-btn-secondary{border-color:var(--line);background:var(--paper-raised);color:var(--ink-soft)}.search-btn-secondary:hover:not(:disabled){background:var(--paper);color:var(--ink)}.search-status{color:var(--ink-soft);margin:8px 0 0;font-size:12.5px}.search-status.success{color:var(--st-green)}.search-status.error{color:var(--st-red)}.sent-list{background:var(--st-green-bg);border:1px solid var(--st-green);border-radius:4px;margin:10px 0 4px;padding:10px 12px}.sent-list-title{color:var(--st-green);font-size:12.5px;font-weight:600}.sent-list ul{flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none;display:flex}.sent-list li{flex-wrap:wrap;gap:6px;font-size:12.5px;display:flex}.sent-nom{color:var(--ink);font-weight:600}.sent-email{font-family:var(--font-mono);color:var(--ink-soft)}.sent-subject{color:var(--ink-soft);font-style:italic}.new-badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--st-green);background:var(--st-green-bg);vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10.5px;font-weight:600;display:inline-block}.card-new{border-color:var(--st-green)}.empty-state{text-align:center;color:var(--ink-soft);padding:60px 20px;font-size:14px}.empty-state.error{color:var(--st-red)}.spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;margin-right:7px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{opacity:.6;animation:none}}.skeleton-card{cursor:default}.skeleton-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--line) 25%, var(--paper) 50%, var(--line) 75%);background-size:200% 100%;border-radius:3px;height:12px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-title{width:55%;height:18px}.skeleton-pill{border-radius:4px;flex-shrink:0;width:90px;height:22px}.skeleton-tag{border-radius:100px;width:32%;height:16px}.skeleton-contact{height:30px;margin-top:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.new-only-banner{background:var(--accent-soft);color:var(--accent);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 20px;padding:10px 14px;font-size:13px;display:flex}.new-only-banner .chip{background:var(--paper-raised)}.stat-strip{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.stat-pill{background:var(--paper-raised);border:1px solid var(--line);color:var(--ink-soft);font-size:12.5px;font-family:var(--font-body);cursor:pointer;border-radius:100px;align-items:baseline;gap:6px;padding:5px 11px;transition:background .12s,border-color .12s;display:flex}.stat-pill:hover{border-color:var(--accent)}.stat-pill b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:13px}.stat-pill.total{border-color:var(--accent);color:var(--accent)}.stat-pill.total b{color:var(--accent)}.stat-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.stat-pill.active b{color:var(--accent)}.tabs{flex-wrap:wrap;gap:4px;margin-top:16px;display:flex}.tab{font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:7px 14px;font-size:13px}.tab:hover{background:var(--paper-raised)}.tab.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft);font-weight:500}main{max-width:1240px;padding:24px clamp(16px,3vw,32px) 64px}.sector-group{margin-bottom:32px}.sector-heading{font-family:var(--font-display);border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:8px;font-size:18px;font-weight:600}.cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px 18px;display:grid}.card{background:var(--paper-raised);border:1px solid var(--line);box-shadow:3px 3px 0 var(--shadow-hard);border-radius:3px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title h3{font-family:var(--font-display);margin:0 0 2px;font-size:18px;font-weight:700}.tag-row{flex-wrap:wrap;gap:6px;margin:4px 0 5px;display:flex}.tag{font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600}.tag-belge{color:var(--ink-soft);background:var(--st-neutral-bg)}.tag-etranger{color:var(--st-blue);background:var(--st-blue-bg)}.tag-vieux_site{color:var(--st-amber);background:var(--st-amber-bg)}.tag-site_manquant{color:var(--st-red);background:var(--st-red-bg)}.card-meta{color:var(--ink-soft);font-size:12.5px}.card-meta a{text-decoration:none}.card-meta a:hover{text-decoration:underline}select.status-select{font-family:var(--font-stamp);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 0 0 3px var(--paper-raised), 0 0 0 4.5px currentColor;cursor:pointer;appearance:none;text-align:center;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 16px top 50%,right 12px top 50%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1.5px solid;border-radius:2px 9px 3px 8px;flex-shrink:0;padding:7px 28px 7px 14px;font-size:11px;font-weight:700;transition:transform .15s;transform:rotate(-2.5deg)}select.status-select:hover,select.status-select:focus-visible{transform:rotate(0)}@media (prefers-reduced-motion:reduce){select.status-select{transform:none}}.probleme{margin:0;font-size:13.5px}.angle{font-size:14px;font-family:var(--font-display);color:var(--ink);margin:0;font-style:italic}.probleme .label,.angle .label{font-family:var(--font-body);color:var(--ink-soft);font-size:13.5px;font-style:normal;font-weight:500}.note-flag{background:var(--st-amber-bg);color:var(--st-amber);border-radius:4px;padding:8px 10px;font-size:12.5px;line-height:1.4}.contact-block{font-family:var(--font-mono);color:var(--ink-soft);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;padding-top:10px;font-size:12.5px;display:flex}.confirm-flag{font-family:var(--font-body);color:var(--st-amber);font-size:12px;font-weight:500}.email-input{font-family:var(--font-mono);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;flex:220px;min-width:200px;padding:4px 7px;font-size:12.5px}.email-input:focus{border-color:var(--accent);outline:none}.dates-row{flex-wrap:wrap;gap:16px;display:flex}.dates-row label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.dates-row input[type=date]{font-family:var(--font-mono);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;padding:5px 7px;font-size:12.5px}details.messages summary{cursor:pointer;color:var(--accent);font-size:13px;font-weight:500;list-style:none}details.messages summary::-webkit-details-marker{display:none}details.messages summary:before{content:"＋ "}details.messages[open] summary:before{content:"－ "}.subject-line{align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;display:flex}.subject-input{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;flex:1;padding:5px 8px;font-size:12.5px}.subject-input:focus{border-color:var(--accent);outline:none}.send-row{align-items:center;gap:10px;margin-top:10px;display:flex}.send-btn{font-family:var(--font-body);border:1px solid var(--st-green);background:var(--st-green-bg);color:var(--st-green);cursor:pointer;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .12s,color .12s,transform 80ms}.send-btn:hover:not(:disabled){background:var(--st-green);color:var(--paper-raised)}.send-btn:active:not(:disabled){transform:translateY(1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-error{color:var(--st-red);font-size:12px}.msg-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}@media (width<=620px){.msg-grid{grid-template-columns:1fr}}.variant-hint{color:var(--ink-soft);margin:8px 0 0;font-size:11.5px;font-style:italic}.msg-col{border:1.5px solid #0000;border-radius:4px;flex-direction:column;gap:6px;margin:-6px;padding:6px;transition:border-color .12s,background .12s;display:flex}.msg-col.selected{border-color:var(--st-green);background:var(--st-green-bg)}.msg-head{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.variant-radio{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:11.5px;display:flex}.variant-radio input[type=radio]{accent-color:var(--st-green);cursor:pointer;margin:0}.copy-btn{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:3px;padding:3px 9px;font-size:11px}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--st-green);color:var(--st-green)}.msg-text{resize:vertical;width:100%;min-height:190px;font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;padding:10px;font-size:12.5px;line-height:1.5}.msg-text:focus{border-color:var(--accent);outline:none}.notes-label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:11.5px;display:flex}.notes-input{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink);resize:vertical;border-radius:3px;min-height:40px;padding:7px 9px;font-size:12.5px}.notes-input:focus{border-color:var(--accent);outline:none}.login-screen{background:var(--paper);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{background:var(--paper-raised);border:1px solid var(--line);width:100%;max-width:320px;box-shadow:3px 3px 0 var(--shadow-hard);border-radius:3px;flex-direction:column;gap:14px;padding:28px 26px;display:flex}.login-card .brand-seal{margin:0 0 4px}.login-card h1{font-size:20px}.login-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.login-field input{font-family:var(--font-body);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;padding:9px 12px;font-size:13.5px}.login-field input:focus{border-color:var(--accent);outline:none}.login-error{color:var(--st-red);margin:0;font-size:12.5px}.login-card .search-btn{margin-top:4px}button:focus-visible,a:focus-visible,.chip:focus-visible,.tab:focus-visible,.stat-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
