/* Configuración de duración por categoría */
.elite360-time-panel{
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid rgba(190,211,239,.82);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 0%, rgba(91,141,239,.13), transparent 18rem),
    radial-gradient(circle at 100% 100%, rgba(41,185,154,.10), transparent 20rem),
    rgba(255,255,255,.88);
  box-shadow: 0 16px 40px rgba(31,54,86,.09);
}
.elite360-time-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.elite360-time-title{
  display:flex;
  gap:11px;
  align-items:center;
}
.elite360-time-icon{
  width:39px;
  height:39px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#dceaff,#d8fff1);
  color:#376fd8;
  box-shadow:0 10px 24px rgba(91,141,239,.20);
  font-size:1.12rem;
}
.elite360-time-title h2{
  margin:0;
  font-size:1.02rem !important;
  letter-spacing:-.025em;
  color:#182238;
}
.elite360-time-title p{
  margin:3px 0 0;
  color:#65758a;
  font-size:.86rem;
  line-height:1.38;
  font-weight:450;
}
.elite360-time-select{
  min-width:240px;
  min-height:40px;
  border:1px solid #d6e4f6;
  border-radius:14px;
  background:#fff;
  color:#182238;
  padding:0 12px;
  font:500 .9rem var(--font, Inter, system-ui, sans-serif);
}
.elite360-time-note{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(91,141,239,.08);
  color:#52657d;
  font-size:.84rem;
  line-height:1.4;
}
.elite360-time-table-wrap{
  overflow-x:auto;
  border:1px solid #deebf8;
  border-radius:18px;
  background:rgba(255,255,255,.72);
}
.elite360-time-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:1040px;
}
.elite360-time-table th{
  text-align:left;
  padding:11px 12px;
  color:#708096;
  font-size:.7rem;
  letter-spacing:.075em;
  text-transform:uppercase;
  background:#f4f8fd;
  border-bottom:1px solid #deebf8;
}
.elite360-time-table td{
  padding:11px 12px;
  border-bottom:1px solid #edf3fa;
  vertical-align:middle;
}
.elite360-time-table tr:last-child td{border-bottom:0}
.elite360-time-cat strong{
  display:block;
  color:#182238;
  font-size:.92rem;
  font-weight:700;
}
.elite360-time-cat span{
  display:block;
  margin-top:2px;
  color:#7a8aa1;
  font-size:.78rem;
}
.elite360-time-input{
  width:82px;
  min-height:38px;
  border:1px solid #d6e4f6;
  border-radius:13px;
  background:#fff;
  padding:0 10px;
  color:#182238;
  font:600 .9rem var(--font, Inter, system-ui, sans-serif);
}
.elite360-time-court{
  width:210px;
  min-height:38px;
  border:1px solid #d6e4f6;
  border-radius:13px;
  background:#fff;
  padding:0 10px;
  color:#182238;
  font:600 .84rem var(--font, Inter, system-ui, sans-serif);
}
.elite360-time-result{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  padding:8px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#eef5ff,#ecfff8);
  color:#28686d;
  font-weight:800;
  font-size:.82rem;
}
.elite360-time-save{
  min-height:38px;
  border:0;
  border-radius:13px;
  padding:0 13px;
  color:#fff;
  cursor:pointer;
  font:750 .84rem var(--font, Inter, system-ui, sans-serif);
  background:linear-gradient(135deg,#5b8def,#35bfa7);
  box-shadow:0 10px 20px rgba(91,141,239,.20);
  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.elite360-time-save:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(91,141,239,.24)}
.elite360-time-save:disabled{opacity:.62;cursor:wait;transform:none}
.elite360-time-status{
  margin-top:10px;
  min-height:20px;
  color:#3d6e69;
  font-size:.84rem;
  font-weight:600;
}
.elite360-time-status.is-error{color:#b24545}
.elite360-time-empty{
  padding:16px;
  color:#6c7d94;
  font-size:.9rem;
}
@media (max-width:900px){
  .elite360-time-head{display:grid}
  .elite360-time-select{width:100%;min-width:0}
  .elite360-time-panel{padding:13px;border-radius:18px}
}
@media (max-width:720px){
  .elite360-time-table,.elite360-time-table thead,.elite360-time-table tbody,.elite360-time-table tr,.elite360-time-table td{display:block;min-width:0;width:100%}
  .elite360-time-table thead{display:none}
  .elite360-time-table tr{padding:12px;border-bottom:1px solid #deebf8}
  .elite360-time-table td{border-bottom:0;padding:6px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .elite360-time-table td::before{content:attr(data-label);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7a8aa1}
  .elite360-time-cat{display:block!important}
  .elite360-time-cat::before{display:none}
  .elite360-time-input{width:96px}
  .elite360-time-court{width:58%;min-width:180px}
}

/* FIX33: feedback visual persistente, pequeño y discreto por fila guardada */
.elite360-time-action-cell{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex-wrap:nowrap;
}
.elite360-time-saved-flag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(38, 166, 116, .16);
  background:rgba(232, 255, 244, .72);
  color:#168760;
  font:750 .64rem var(--font, Inter, system-ui, sans-serif);
  letter-spacing:0;
  box-shadow:none;
  opacity:0;
  transform:translateX(-2px) scale(.98);
  pointer-events:none;
  white-space:nowrap;
  transition:opacity .16s ease, transform .16s ease;
}
.elite360-time-saved-flag span{
  font-size:.78rem;
  line-height:1;
}
.elite360-time-saved-flag.is-visible{
  opacity:1;
  transform:translateX(0) scale(1);
}
.elite360-time-save.is-saved{
  /* El botón se mantiene casi igual para que la confirmación no sea invasiva. */
  box-shadow:0 8px 16px rgba(23,160,110,.10);
}
.elite360-time-table tr.is-time-saved td{
  background:linear-gradient(90deg, rgba(235,255,245,.16), transparent 52%);
}
@media (max-width:720px){
  .elite360-time-action-cell{width:58%;justify-content:flex-end;flex-wrap:wrap}
  .elite360-time-saved-flag{min-height:20px;font-size:.62rem;padding:0 6px}
}