/* gestione.css — vista "kcal della vigna". Coerente con style.css (oro/bordeaux/Georgia). */

/* bottone foglia, gemello di #moon-btn */
#gest-btn{
  background:var(--panel-bg); border:1px solid var(--border);
  color:var(--text-mute); font-size:15px;
  width:36px; height:36px; padding:0;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; border-radius:4px; transition:all .2s; flex-shrink:0;
}
#gest-btn:hover{ border-color:var(--gold); color:var(--text); }
#gest-btn.active{ background:#12200f; border-color:#4f9e6f; color:#aee3c4; box-shadow:0 0 8px rgba(80,170,110,.3); }

/* riga descrittiva sotto la year-area */
#gest-desc{
  margin-top:6px; max-width:340px;
  background:var(--panel-bg); border:1px solid var(--border);
  color:var(--text-mute); font-family:'Georgia',serif; font-size:12px; line-height:1.45;
  padding:8px 12px; border-radius:4px;
}

/* legenda a foglie nel box #legend */
#gest-legend{ margin:4px 0 8px; }
.gl-row{ display:flex; align-items:center; gap:8px; padding:3px 0; }
.gl-leaf{
  width:11px; height:11px; border-radius:0 50% 0 50%;
  transform:rotate(45deg); flex-shrink:0;
}
.gl-name{ flex:1; color:var(--text); font-size:12px; }
.gl-az{ font-size:11px; text-transform:lowercase; letter-spacing:.3px; }

/* scheda stato dentro il drawer */
#gest-card{
  border-bottom:1px solid var(--border); padding:14px 0 16px; margin-bottom:4px;
}
.gc-head{ display:flex; align-items:center; gap:9px; margin-bottom:12px; }
.gc-leaf{
  width:14px; height:14px; border-radius:0 50% 0 50%;
  transform:rotate(45deg); flex-shrink:0;
}
.gc-name{ flex:1; color:var(--text); font-size:17px; }
.gc-az{
  font-size:11px; text-transform:lowercase; letter-spacing:.5px;
  border:1px solid; border-radius:3px; padding:2px 9px;
}
.gc-row{ display:flex; gap:10px; padding:5px 0; }
.gc-lbl{
  flex:0 0 96px; color:var(--text-mute);
  font-size:10px; text-transform:uppercase; letter-spacing:.8px; padding-top:2px;
}
.gc-txt{ flex:1; color:var(--text); font-size:13px; line-height:1.45; }
.gc-data{
  margin-top:10px; color:var(--text-mute); font-size:11px;
  font-family:'Georgia',serif; font-style:italic;
}

@media (max-width:768px){
  #gest-desc{ max-width:none; left:8px; right:8px; }
  .gc-lbl{ flex-basis:80px; }
}