/* FARMO Organizer V11 - Gestione ferie e disponibilita */
:root{
  --fo-leave:#be185d;
  --fo-leave-soft:#fdf2f8;
  --fo-leave-border:#f9a8d4;
}

.fo-leaves-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.fo-leave-kpi{
  padding:14px 15px;
  border:1px solid #dbe3ee;
  border-radius:14px;
  background:#fff;
}
.fo-leave-kpi span{display:block;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.fo-leave-kpi strong{display:block;margin-top:5px;color:#061b49;font-size:25px;line-height:1;font-weight:950}
.fo-leave-kpi small{display:block;margin-top:5px;color:#8290a6;font-size:11px;font-weight:800}
.fo-leaves-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:14px}
.fo-leaves-toolbar :where(input,select){width:100%;min-height:44px;margin:0}
.fo-leave-list{display:grid;gap:10px}
.fo-leave-card{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 15px;
  border:1px solid #dbe3ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 4px 14px rgba(6,27,73,.04);
}
.fo-leave-status span{display:inline-flex;min-height:30px;align-items:center;padding:0 9px;border-radius:999px;background:#f8fafc;color:#64748b;font-size:11px;font-weight:900}
.fo-leave-card[data-status="current"]{border-color:var(--fo-leave-border);background:linear-gradient(90deg,var(--fo-leave-soft),#fff 26%)}
.fo-leave-card[data-status="current"] .fo-leave-status span{background:var(--fo-leave);color:#fff}
.fo-leave-card[data-status="future"] .fo-leave-status span{background:#eaf1ff;color:#061b49}
.fo-leave-person{color:#061b49;font-size:16px;font-weight:950}
.fo-leave-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;color:#334155;font-size:12px;font-weight:800}
.fo-leave-period strong{color:#061b49}
.fo-leave-days{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:900}
.fo-leave-note{margin-top:7px;color:#64748b;font-size:12px;font-weight:700;line-height:1.45}
.fo-leave-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.fo-leave-actions button{min-height:38px;margin:0}
.fo-leave-edit{background:#fff!important;color:#061b49!important;border:1px solid #b8c8e8!important}

.fo-leave-form{display:grid;gap:14px}
.fo-leave-form label{display:grid;gap:6px;color:#061b49;font-weight:900}
.fo-leave-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fo-leave-form :where(input,select,textarea){width:100%;margin:0}
.fo-leave-form-info{padding:11px 12px;border:1px solid #dbe3ee;border-radius:11px;background:#f8fafc;color:#526179;font-size:12px;font-weight:750;line-height:1.45}

/* Calendario completo */
.calendar-ticket.leave-ticket{
  background:var(--fo-leave)!important;
  border-color:#9d174d!important;
  color:#fff!important;
  cursor:pointer;
}

/* Planning risorse */
.planning-day-cell.has-leave{background:var(--fo-leave-soft)!important}
.planning-leave{
  display:block;
  margin-bottom:4px;
  padding:5px 6px;
  border:1px solid var(--fo-leave-border);
  border-radius:7px;
  background:var(--fo-leave);
  color:#fff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.04em;
  text-align:center;
}

/* Panoramica aziendale */
:root{--fo-overview-leave:var(--fo-leave)}
.fo-overview-chip[data-type="leave"]::before{background:var(--fo-overview-leave)}
.fo-overview-event-pill[data-type="leave"]{background:var(--fo-overview-leave)}
.fo-overview-agenda-card[data-type="leave"] .fo-overview-agenda-accent{background:var(--fo-overview-leave)}
.fo-overview-mobile-legend span i.fo-leave-legend{background:var(--fo-overview-leave)}

body.dark-mode .fo-leave-kpi,
body.dark-mode .fo-leave-card{background:#111c33;border-color:#33415c}
body.dark-mode .fo-leave-card[data-status="current"]{background:linear-gradient(90deg,rgba(190,24,93,.18),#111c33 30%)}
body.dark-mode .fo-leave-person,
body.dark-mode .fo-leave-period strong,
body.dark-mode .fo-leave-kpi strong,
body.dark-mode .fo-leave-form label{color:#e7eefc}
body.dark-mode .fo-leave-note,
body.dark-mode .fo-leave-period,
body.dark-mode .fo-leave-kpi span,
body.dark-mode .fo-leave-kpi small{color:#a7b4ca}
body.dark-mode .fo-leave-form-info{background:#111c33;border-color:#33415c;color:#b8c5d9}
body.dark-mode .planning-day-cell.has-leave{background:rgba(190,24,93,.12)!important}

@media(max-width:760px){
  .fo-leaves-summary{grid-template-columns:1fr 1fr}
  .fo-leave-kpi:last-child{grid-column:1/-1}
  .fo-leaves-toolbar{grid-template-columns:1fr}
  .fo-leave-card{grid-template-columns:1fr;gap:9px;padding:13px}
  .fo-leave-status{order:0}
  .fo-leave-main{order:1}
  .fo-leave-actions{order:2;justify-content:stretch}
  .fo-leave-actions button{flex:1;min-height:44px}
  .fo-leave-date-grid{grid-template-columns:1fr}
  #leavesPage .fo-view-header-actions{gap:6px}
  #leavesPage #addLeaveBtn{min-height:40px;padding:0 10px;font-size:12px}
}