/* =========================================================
   FINPLUS OSTIA - Patch v5b
   Taratura finale dopo screenshot:
   - tabs e topbar ancora più trasparenti
   - calendario molto più glass/trasparente
   - spazio scroll finale aumentato
   - lascia leggibilità sufficiente nei controlli
   ========================================================= */

/* Login overlay meno pesante, così la foto si intravede
   (portata qui da finplus_transparency_patch_v4.css, unica regola
   di quel file non già sovrascritta da questo patch finale) */
.login-overlay {
  background: rgba(7, 25, 40, 0.34);
  backdrop-filter: blur(3px);
}

/* Sfondo ancora più visibile */
body::before {
  background:
    linear-gradient(rgba(7, 25, 40, 0.18), rgba(7, 25, 40, 0.30)),
    url('/bg/fin_bg_optimized.jpg') center center / cover no-repeat !important;
  filter: saturate(1.12) contrast(1.07);
}

/* Più respiro finale per poter vedere la foto */
.app::after {
  content: '';
  display: block;
  height: 48vh;
}

/* Topbar e tabs molto più glass
   (box-shadow portati da finplus_transparency_patch_v4.css: quel file
   li definiva e non erano mai stati ridefiniti da questo patch finale) */
.topbar {
  background: rgba(255, 255, 255, 0.30) !important;
  border-color: rgba(212, 226, 239, 0.64) !important;
  backdrop-filter: blur(7px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14);
}

.tabs {
  background: rgba(255, 255, 255, 0.42) !important;
  border-color: rgba(212, 226, 239, 0.54) !important;
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}

.tab {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(212, 226, 239, 0.18) !important;
}

.tab:not(.active) {
  color: rgba(13, 31, 53, 0.64) !important;
}

.tab.active {
  background: linear-gradient(180deg, rgba(13, 31, 53, 0.78) 0%, rgba(26, 58, 95, 0.72) 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(13, 31, 53, 0.18);
}

/* Contenitori principali più trasparenti */
.card,
.login-card,
.modal-card {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(212, 226, 239, 0.72) !important;
  backdrop-filter: blur(7px);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.13);
}

.card-head {
  background: rgba(255, 255, 255, 0.18) !important;
}

.toolbar {
  background: rgba(255, 255, 255, 0.46) !important;
  border-color: rgba(212, 226, 239, 0.56) !important;
  backdrop-filter: blur(6px);
}

/* Calendario / planner molto più trasparente */
.table-wrap,
.card-body.table-wrap,
.planner-table,
#plannerBody {
  background: rgba(255, 255, 255, 0.04) !important;
}

.planner-table thead th {
  background: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(5px);
}

.planner-table tbody td,
.planner-table tbody th,
#plannerBody > div,
#plannerBody > article,
#plannerBody > section,
.day-row,
.day-card,
.day-main,
.day-main-wrap,
.day-actions,
.day-meta,
.shift-cell,
.session-cell,
.planner-cell {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Controlli interni del planner ancora leggibili */
.planner-table select,
.planner-table input,
.planner-table textarea,
#plannerBody select,
#plannerBody input,
#plannerBody textarea {
  background: rgba(255, 255, 255, 0.30) !important;
  border-color: rgba(120, 153, 184, 0.46) !important;
  backdrop-filter: blur(4px);
}

.icon-btn,
.mini-btn {
  background: rgba(255, 255, 255, 0.34) !important;
  border-color: rgba(120, 153, 184, 0.28) !important;
}

/* Note settimanali coerenti col nuovo grado di trasparenza */
.week-notes-card {
  background: rgba(255, 255, 255, 0.66) !important;
}

.week-notes-header {
  background: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(244,248,252,0.56) 100%) !important;
}

.week-notes-preview-box {
  background: rgba(248, 251, 253, 0.80) !important;
}

@media (min-width: 1200px) {
  .app::after {
    height: 58vh;
  }
}

@media (max-width: 760px) {
  body::before {
    background:
      linear-gradient(rgba(7, 25, 40, 0.22), rgba(7, 25, 40, 0.34)),
      url('/bg/fin_bg_optimized.jpg') center center / cover no-repeat !important;
  }

  .topbar {
    background: rgba(255, 255, 255, 0.68) !important;
  }

  .tabs {
    background: rgba(255, 255, 255, 0.50) !important;
  }

  .card,
  .login-card,
  .modal-card {
    background: rgba(255, 255, 255, 0.78) !important;
  }

  .planner-table tbody td,
  .planner-table tbody th,
  #plannerBody > div,
  #plannerBody > article,
  #plannerBody > section,
  .day-row,
  .day-card,
  .day-main,
  .day-main-wrap,
  .day-actions,
  .day-meta,
  .shift-cell,
  .session-cell,
  .planner-cell {
    background: rgba(255, 255, 255, 0.12) !important;
  }

  .app::after {
    height: 30vh;
  }
}