/* Florathèque Pro V11 — suivi client, volontairement léger et progressif */
.tracking-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.tracking-page-head h1{font:52px Georgia,serif;margin:0 0 8px}.tracking-page-head p:last-child{color:var(--muted);margin:0}
.tracking-notice{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff5dc;border:1px solid #ead39f;border-radius:14px;padding:14px 17px;margin-bottom:18px;color:#6d5527}
.tracking-selector{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(320px,1.2fr);gap:12px;margin-bottom:18px}
.tracking-selector label{display:grid;gap:7px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.tracking-selector select,.tracking-selector input{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;border-radius:13px;color:var(--ink);outline:none}
.tracking-selector select:focus,.tracking-selector input:focus{border-color:#79a889;box-shadow:0 0 0 3px rgba(55,105,75,.1)}
.tracking-workspace{background:rgba(255,255,255,.45);border:1px solid rgba(214,220,214,.8);border-radius:26px;padding:28px}
.garden-memory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.garden-memory-head h2{font:44px Georgia,serif;margin:0 0 6px}.garden-memory-head>div>p:last-child{color:var(--muted);margin:0}
.tracking-head-actions{display:flex;gap:8px}
.tracking-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}
.tracking-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.tracking-summary strong,.tracking-summary span{display:block}.tracking-summary strong{font-size:24px}.tracking-summary span{font-size:11px;color:var(--muted);margin-top:4px}
.tracking-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 -2px 24px;padding:0 2px}
.tracking-tabs button{border:0;background:transparent;padding:12px 13px 11px;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}
.tracking-tabs button.active{color:var(--green);border-bottom-color:var(--green)}
.tracking-content{min-height:330px}.tracking-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}
.tracking-section-head h3{font:30px Georgia,serif;margin:0}.tracking-section-head .eyebrow{margin-bottom:5px}

.tracking-timeline{position:relative;display:grid;gap:12px;max-width:940px}
.tracking-timeline:before{content:"";position:absolute;left:20px;top:22px;bottom:22px;width:1px;background:#dbe3dc}
.tracking-event{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px}
.tracking-event-marker{z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e5efe8;color:var(--green);border:4px solid #f8faf7;font-weight:900}
.tracking-event-main{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 18px;min-width:0}
.tracking-event-main>header{display:flex;justify-content:space-between;gap:18px;align-items:start}
.tracking-event-main>header span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--green)}
.tracking-event-main h4{font:24px Georgia,serif;margin:3px 0 0}.tracking-event-main time{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:3px}
.tracking-event details{margin-top:10px}.tracking-event summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800;list-style:none}
.tracking-event summary::-webkit-details-marker{display:none}.tracking-event summary:after{content:" ↓";color:var(--green)}
.tracking-event details[open] summary:after{content:" ↑"}.tracking-event details>p{line-height:1.55;margin:12px 0 4px;color:#45564d}
.tracking-duration{display:inline-flex;margin-top:10px;background:#edf4ef;color:var(--green);padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850}
.tracking-event-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tracking-event-files a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--green);font-size:11px;font-weight:800;background:#f1f5f2;border-radius:9px;padding:7px}
.tracking-event-files img{width:82px;height:62px;border-radius:7px;object-fit:cover}
.tracking-blank{grid-column:1/-1;display:grid;place-items:center;text-align:center;padding:46px 20px;color:var(--muted);border:1px dashed #cfd8d1;border-radius:18px;background:rgba(255,255,255,.55)}
.tracking-blank>span{font-size:35px;color:#85a08e}.tracking-blank strong{color:var(--ink);font:24px Georgia;margin:8px 0}.tracking-blank p{margin:0;max-width:480px}

.tracking-photo-groups{display:grid;gap:22px}.tracking-photo-groups>section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.tracking-photo-groups>section>header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}
.tracking-photo-groups header div{display:grid;gap:3px}.tracking-photo-groups header small,.tracking-photo-groups header span{color:var(--muted);font-size:11px}
.tracking-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tracking-photo-grid a{height:170px;position:relative;border-radius:12px;overflow:hidden;background:#edf2ee}
.tracking-photo-grid img{width:100%;height:100%;object-fit:cover;transition:.2s}.tracking-photo-grid a:hover img{transform:scale(1.03)}
.tracking-photo-grid a span{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(20,43,31,.75);color:#fff;padding:6px 8px;border-radius:7px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tracking-plant-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tracking-plant-zones>section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}
.tracking-plant-zones h4{margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--green)}
.tracking-plant-zones section>div{display:grid;gap:7px}.tracking-plant-zones article{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;padding:8px;border-radius:12px;background:#f7f9f7}
.tracking-plant-visual{width:52px;height:52px;overflow:hidden;border-radius:10px;display:grid;place-items:center;font-size:26px;background:#e8efe9}.tracking-plant-visual img{width:100%;height:100%;object-fit:cover}
.tracking-plant-zones article div{min-width:0}.tracking-plant-zones article strong,.tracking-plant-zones article small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-plant-zones article small{font-style:italic;color:var(--muted);font-size:10px}.tracking-plant-zones article p{font-size:11px;margin:4px 0 0;color:var(--muted)}

.tracking-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tracking-zone-grid>article{display:grid;grid-template-columns:8px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px}
.tracking-zone-grid i{border-radius:999px;background:#8cab97}.tracking-zone-grid i.gold{background:#c7a964}.tracking-zone-grid i.blue{background:#7ea6b5}.tracking-zone-grid i.terracotta{background:#bf8269}
.tracking-zone-grid strong{font:23px Georgia}.tracking-zone-grid p{margin:5px 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.tracking-zone-grid small{font-size:10px;color:var(--muted)}

.tracking-watch-list{display:grid;gap:10px}.tracking-watch-list article{display:grid;grid-template-columns:9px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}
.watch-priority{align-self:stretch;border-radius:999px;background:#8cab97}.watch-priority.important{background:#d6a545}.watch-priority.urgent{background:#c65e55}
.tracking-watch-list p{margin:5px 0;color:#4e5c54;font-size:13px}.tracking-watch-list small{color:var(--muted);font-size:10px}.tracking-watch-list article.resolved{opacity:.58}.tracking-watch-list em{font-style:normal;color:var(--green);font-size:11px;font-weight:850}

.tracking-document-list{display:grid;gap:9px}.tracking-document-list>article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px}
.tracking-document-list>article>span{width:42px;height:42px;border-radius:11px;background:#edf4ef;display:grid;place-items:center;color:var(--green);font-weight:900}
.tracking-document-list strong,.tracking-document-list small{display:block}.tracking-document-list small{color:var(--muted);font-size:10px;margin-top:3px}.tracking-document-list article>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tracking-document-list a{text-decoration:none;font-size:10px;padding:7px 9px}
.tracking-form-card{width:min(680px,100%)}.tracking-form-help{font-size:11px;color:var(--muted);margin:8px 0 0}

@media(max-width:980px){
  .tracking-summary{grid-template-columns:repeat(2,1fr)}.tracking-photo-grid{grid-template-columns:repeat(3,1fr)}
  .tracking-zone-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .tracking-page-head,.garden-memory-head,.tracking-section-head{align-items:flex-start;flex-direction:column}
  .tracking-page-head h1{font-size:42px}.tracking-page-head .primary{width:100%}.tracking-selector{grid-template-columns:1fr}
  .tracking-workspace{padding:19px 14px;border-radius:20px}.garden-memory-head h2{font-size:36px}.tracking-head-actions{width:100%}.tracking-head-actions>*{flex:1}
  .tracking-summary{grid-template-columns:1fr 1fr}.tracking-summary article{padding:13px}.tracking-tabs{margin-right:-14px}
  .tracking-event{grid-template-columns:34px 1fr;gap:9px}.tracking-timeline:before{left:16px}.tracking-event-marker{width:34px;height:34px;border-radius:10px}
  .tracking-event-main{padding:13px}.tracking-event-main>header{flex-direction:column;gap:6px}.tracking-event-main h4{font-size:21px}
  .tracking-photo-grid{grid-template-columns:repeat(2,1fr)}.tracking-photo-grid a{height:135px}
  .tracking-plant-zones,.tracking-zone-grid{grid-template-columns:1fr}.tracking-watch-list article,.tracking-document-list>article{grid-template-columns:8px 1fr}
  .tracking-watch-list button,.tracking-watch-list em,.tracking-document-list article>div:last-child{grid-column:2;justify-self:start}
  .tracking-document-list>article>span{display:none}.tracking-document-list>article{grid-template-columns:1fr}
}