:root{--bg:#0b1220;--panel:#0e1730;--muted:#7e8cab;--text:#e9eefc;--primary:#4aa3ff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,Roboto}
.container{max-width:1000px;margin:0 auto;padding:16px}
.site-header{background:#0e1730;border-bottom:1px solid #1b2944;position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;gap:16px;justify-content:space-between}
.brand-link{font-weight:700;color:#e9eefc;text-decoration:none}
.nav a{margin-right:12px;color:#e9eefc;text-decoration:none}
.btn{background:#162447;border:1px solid #1b2944;padding:6px 12px;border-radius:10px;color:#e9eefc;text-decoration:none}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#00112a}
.link{color:#a3c5ff;text-decoration:none}
.flash{padding:8px 0;border-top:1px solid #1b2944;border-bottom:1px solid #1b2944}
.flash-success{background:#142a1a;border-color:#2b8045}
.flash-danger{background:#3a1f28;border-color:#b33}
.flash-warning{background:#2d260e;border-color:#d2a000}
.card{background:var(--panel);border:1px solid #1b2944;border-radius:12px;padding:14px;margin:12px 0}
.muted{color:var(--muted)}
.grid{display:grid;gap:12px}
.cols-2{grid-template-columns:1fr 1fr}
.cols-3{grid-template-columns:repeat(3,1fr)}
input,select,textarea{width:100%;padding:8px;border-radius:8px;border:1px solid #203154;background:#0b142b;color:#e9eefc}

/* Fiche */
.fiche-canvas{background:#fff;color:#111;border-radius:12px;box-shadow:0 0 0 1px #dbe4ff inset;padding:0;max-width:794px;margin:8px auto;position:relative}
.fiche-header{padding:22px 24px;display:flex;gap:16px;align-items:center;border-bottom:2px solid #eef5ff}
.fiche-logo{height:108px;width:auto}
.fiche-title{margin:0;font-size:24px}
.fiche-subtitle{color:#333}
.fiche-body{padding:18px 24px}
.fiche-footer{padding:12px 24px;border-top:2px solid #eef5ff;display:flex;justify-content:space-between}
.pill{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #dbe4ff;font-weight:600}
.fiche-photo{display:block;max-width:100%;height:auto;border-radius:10px;margin:8px 0 12px}
.export-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media (max-width:900px){.cols-2,.cols-3{grid-template-columns:1fr} .container{padding:12px}}

/* Switch */
.switch{--h:26px;--w:50px;position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.switch input{position:absolute;inset:0;opacity:0;width:0;height:0}
.switch .track{width:var(--w);height:var(--h);background:#243055;border:1px solid #1b2944;border-radius:999px;position:relative;transition:background .2s ease}
.switch .thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#e9eefc;border-radius:50%;transition:left .2s ease}
.switch input:checked + .track{background:#4aa3ff}
.switch input:checked + .track .thumb{left:calc(var(--w) - 24px)}

/* IA overlay */
.ai-overlay{position:absolute;inset:0;background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:5;backdrop-filter:blur(2px)}
.ai-overlay .spinner{width:28px;height:28px;border-radius:50%;border:3px solid #4aa3ff;border-top-color:transparent;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

/* ----- LISTE de fiches (nouveau) ----- */
.fiche-list{display:block;border:1px solid #1b2944;border-radius:12px;overflow:hidden}
.fiche-item,.fiche-item:link,.fiche-item:visited{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;color:inherit !important;text-decoration:none !important;background:transparent}
.fiche-item + .fiche-item{border-top:1px solid #1b2944}
.fiche-item:hover{background:#0e1834}
.fiche-item-main{min-width:0}
.fiche-title-link{font-weight:800 !important;color:#ffffff !important;text-decoration:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fiche-item:hover .fiche-title-link{color:#a3c5ff !important;text-decoration:underline !important}
.fiche-sub{color:#7e8cab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-size:13px}
.fiche-chev{color:#7e8cab;font-size:18px;line-height:1}

/* Aperçu au survol */
#hover-preview{position:fixed;display:none;z-index:9999;pointer-events:none;max-width:380px;background:#0e1730;border:1px solid #1b2944;border-radius:12px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mini-loading{color:#c7d6ff}
.fiche-canvas.mini{max-width:360px}
.fiche-canvas.mini .fiche-header{padding:14px}
.fiche-canvas.mini .fiche-logo{height:64px}
.fiche-canvas.mini .fiche-title{font-size:18px}
.fiche-canvas.mini .fiche-body{padding:12px 14px}
.fiche-canvas.mini .fiche-footer{padding:8px 14px}