:root{--bg:#101216;--panel:#1a1e24;--panel2:#222831;--text:#f3f4f6;--muted:#a5adb8;--accent:#f29b38;--red:#ef6868;--line:#303741}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.topbar,main{max-width:1100px;margin:auto;padding:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}h1{margin:0;font-size:1.35rem}h1 span{color:var(--accent);font-size:.8rem}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0 0 6px}.hero{margin:24px 0;padding:28px;border-radius:20px;background:linear-gradient(120deg,#252c35,#171a20);display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:clamp(1.6rem,4vw,2.6rem);margin:0}.hero p:last-child{color:var(--muted);margin-bottom:0}.hero-mark{font-size:3rem;font-weight:900;color:var(--accent);border:2px solid #805322;border-radius:50%;width:90px;height:90px;display:grid;place-items:center}.tabs{display:flex;gap:8px;overflow:auto;padding:8px 0 18px}.tab,.secondary,.import-label{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 14px;white-space:nowrap;cursor:pointer;font:inherit}.tab.active{background:var(--accent);color:#171717;border-color:var(--accent);font-weight:800}.panel{display:none}.panel.active{display:block}.section-head{display:flex;align-items:end;justify-content:space-between;margin:20px 0 12px}.section-head h2{margin:0}.section-head h3{margin:0}.pill{display:inline-block;border:1px solid var(--line);padding:5px 10px;border-radius:30px;color:var(--muted);font-size:.8rem}.bike-grid,.budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bike,.metric,.form-card,.catalog-card,.catalog-intro,.note-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.bike h3,.catalog-card h3{margin:0 0 4px}.bike .km{font-size:1.8rem;font-weight:800}.muted,.hint{color:var(--muted);font-size:.9rem}.alert-list,.history-list{display:grid;gap:10px}.alert{padding:14px;border-radius:12px;background:#302222;border:1px solid #704040}.alert strong{display:block}.alert small{color:#e9b4b4}.form-card{display:grid;gap:13px;max-width:720px}label{display:grid;gap:5px;color:var(--muted);font-size:.9rem}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#11151a;color:var(--text);font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:var(--accent);color:#171717;border:0;border-radius:10px;padding:13px;font-weight:900;font-size:1rem;cursor:pointer}.metric span{display:block;color:var(--muted);font-size:.85rem}.metric strong{font-size:1.6rem}.metric.total{grid-column:1/-1;border-color:#805322}.entry{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.entry-top{display:flex;justify-content:space-between;gap:12px}.entry small{display:block;color:var(--muted)}.entry p{margin-bottom:0}.catalog-intro{margin-bottom:14px}.catalog-intro p{margin-bottom:0;color:var(--muted)}.catalog-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.catalog-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 22px}.catalog-link{display:block;text-decoration:none;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:800}.catalog-link span{display:block;font-size:.8rem;color:var(--muted);font-weight:400;margin-top:6px}.parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.part-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px}.part-item small{display:block;color:var(--accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.part-item b{display:block}.part-item p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.status{justify-self:start;font-size:.72rem;color:#f4c27d;border:1px solid #805322;border-radius:30px;padding:3px 8px}.tiny-search{justify-self:start;background:transparent;color:var(--accent);border:1px solid #805322;border-radius:8px;padding:7px 10px;cursor:pointer}.catalog-disclaimer{font-size:.82rem;color:var(--muted);margin-top:16px;padding:12px;border-left:3px solid var(--accent);background:#1a1e24}.note-card{margin-top:18px}.note-card p{margin-bottom:0;color:var(--muted)}footer{margin:35px 0 10px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.8rem}@media(max-width:700px){.topbar,main{padding:15px}.topbar{align-items:flex-start;flex-direction:column}.hero{padding:20px}.hero-mark{width:65px;height:65px;font-size:2rem}.bike-grid,.parts-grid,.catalog-links,.catalog-tools{grid-template-columns:1fr}.two{grid-template-columns:1fr}.topbar .secondary,.import-label{font-size:.78rem;padding:8px}.budget-grid{grid-template-columns:1fr 1fr}}

/* V0.4 — editable odometer controls */
.odo-label{display:grid;gap:6px;margin:14px 0 8px;font-size:.88rem;color:var(--muted)}
.odo-input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--panel);color:var(--text);font:inherit}
.odo-save{width:100%;margin-top:4px}

/* V0.5 — atelier history, reminders and attachments */
.history-filter{display:grid;gap:7px;max-width:360px;margin:0 0 14px;color:var(--muted);font-size:.9rem}
.history-filter select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--panel);color:var(--text);font:inherit}
.attachment-link{margin:10px 0 0;font-size:.9rem}
.attachment-link a{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}

/* V0.7 — suppression contrôlée des interventions */
.entry-actions{display:flex;justify-content:flex-end;margin-top:12px}
.delete-entry{border:1px solid #9b4b4b;background:transparent;color:#e99a9a;border-radius:9px;padding:8px 11px;font:inherit;font-size:.84rem;cursor:pointer}
.delete-entry:hover{background:rgba(190,65,65,.12)}

/* Connexion et synchronisation Supabase */
.auth-card{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;margin:22px 0;padding:20px;border:1px solid #343943;border-radius:16px;background:#20242b}
.auth-card h2{margin:5px 0 8px;font-size:1.25rem}.auth-copy p,.auth-footnote{color:#aeb5c0}.auth-status{font-size:.94rem;line-height:1.45}
.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-form label{display:grid;gap:6px;color:#dce1e8;font-size:.9rem}
.auth-form input{width:100%;min-width:0;padding:11px;border:1px solid #454c58;border-radius:9px;background:#171a20;color:#fff}
.auth-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.signed-in-panel{display:flex;align-items:center;gap:12px;justify-content:flex-end}.signed-in-panel[hidden]{display:none}
.auth-footnote{grid-column:1/-1;margin:0;font-size:.82rem}.auth-card button{cursor:pointer}
@media(max-width:720px){.auth-card{grid-template-columns:1fr}.auth-form{grid-template-columns:1fr}.auth-actions{grid-column:auto}.signed-in-panel{justify-content:flex-start;flex-wrap:wrap}}