/* Pantalla 3 — acciones acordadas (sección 7) */
.actions-wrap{max-width:var(--page-max-width);margin:0 auto;padding:24px var(--page-padding-x)}
.crumb{font-size:12px;color:var(--tx-3);margin-bottom:6px}
.crumb a{color:var(--tx-3);cursor:pointer;text-decoration:none}
.crumb a:hover{color:var(--tx-2)}
.actions-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}

.filtros{display:flex;gap:6px;margin-bottom:22px}
.filtros button .n{color:var(--tx-3)}

.block{margin-bottom:24px}
.blockhd{font-size:12px;color:var(--tx-2);font-weight:500;margin-bottom:10px;border-bottom:0.5px solid var(--bd-1);padding-bottom:6px}

.ac-row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:0.5px solid var(--bd-1);border-radius:0;padding:9px 14px}
.ac-row+.ac-row{margin-top:6px}
.ac-row.discarded{opacity:.55}
.ac-ico{font-size:18px;flex-shrink:0;width:22px;text-align:center}
.ac-body{flex:1;min-width:0}
.ac-tags{display:flex;align-items:center;gap:8px;margin-bottom:3px;flex-wrap:wrap}
.ac-desc{font-size:13px;font-weight:500}
.ac-sub{font-size:12px;color:var(--tx-2)}
.ac-evlink{color:var(--tx-1);text-decoration:none;border-bottom:0.5px dashed var(--bd-2);padding-bottom:1px}
.ac-evlink:hover{color:var(--info-tx);border-bottom-color:currentColor}
.ac-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ac-urg{
  display:inline-flex;align-items:center;
  font-size:11px;font-weight:500;line-height:1;
  padding:3px 7px;border-radius:99px;white-space:nowrap;
}
.ac-dleft{font-size:11.5px;color:var(--tx-3);white-space:nowrap}
.ac-meta{font-size:12px;color:var(--tx-3)}
.ac-acts{display:flex;gap:6px;flex-shrink:0;align-items:center}
.ac-acts button{font-size:12px;padding:5px 9px}

.exec-date{
  background:transparent;border:0.5px solid transparent;color:var(--success-tx);
  font-size:11px;font-family:inherit;padding:1px 2px;border-radius:4px;cursor:pointer;
  color-scheme:dark;
}
.exec-date:hover{border-color:var(--bd-2)}
.empty-board{font-size:13px;color:var(--tx-3);padding:1rem 0}

/* Toolbar de filtros (sala + fecha + estado) ─────────────────────────── */
#ac-toolbar{margin-bottom:18px}
.ac-row1{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.ac-sel{
  background:var(--bg-card);color:var(--tx-1);border:0.5px solid var(--bd-2);
  border-radius:var(--radius);padding:7px 10px;font-size:13px;font-family:inherit;
  height:34px;line-height:1;color-scheme:dark;-webkit-appearance:none;appearance:none;
  cursor:pointer;
}
.ac-sel:hover{border-color:var(--bd-1)}
.ac-custom{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ac-custom label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tx-2)}
.ac-custom input[type=date]{
  background:var(--bg-card);color:var(--tx-1);border:0.5px solid var(--bd-2);
  border-radius:var(--radius);padding:6px 8px;font-size:12px;font-family:inherit;
  color-scheme:dark;height:32px;
}
.filtros button.is-active{background:var(--bg-surface);border-color:var(--bd-2)}

/* Popup "Marcar ejecutada" ─────────────────────────────────────────────── */
.exec-modal-overlay{
  position:fixed;inset:0;z-index:100;background:var(--scrim-bg);
  display:flex;align-items:center;justify-content:center;padding:20px;
  animation:em-fade .14s ease-out;
}
@keyframes em-fade{from{opacity:0}to{opacity:1}}
.exec-modal{
  background:var(--bg-card);border:0.5px solid var(--bd-1);border-radius:var(--radius);
  width:min(460px,100%);max-height:90vh;overflow-y:auto;
  box-shadow:0 12px 40px rgba(0,0,0,0.5);
  animation:em-pop .16s ease-out;
}
@keyframes em-pop{from{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}
.exec-modal-hd{padding:18px 22px 4px;border-bottom:0.5px solid var(--bd-1)}
.exec-modal-hd h3{margin:0;font-size:15px;font-weight:500;color:var(--tx-1)}
.exec-modal-sub{margin:4px 0 14px;font-size:12.5px;color:var(--tx-2);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.exec-modal-body{padding:18px 22px}
.exec-mode{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.exec-mode-opt{
  display:flex;align-items:flex-start;gap:10px;padding:11px 12px;
  background:var(--bg-surface);border:0.5px solid var(--bd-2);border-radius:var(--radius);
  cursor:pointer;transition:border-color .12s;
}
.exec-mode-opt:hover{border-color:var(--bd-1)}
.exec-mode-opt input{margin-top:2px;accent-color:var(--success);flex-shrink:0}
.exec-mode-opt input:checked + span strong{color:var(--success-tx)}
.exec-mode-opt input:checked ~ span,
.exec-mode-opt:has(input:checked){border-color:var(--success)}
.exec-mode-opt span{display:flex;flex-direction:column;gap:2px;min-width:0}
.exec-mode-opt strong{font-size:13.5px;font-weight:500;color:var(--tx-1)}
.exec-mode-opt em{font-size:11.5px;color:var(--tx-3);font-style:normal;line-height:1.35}
.exec-fields{display:flex;gap:12px;flex-wrap:wrap}
.exec-fields[hidden]{display:none}
.exec-fields label{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px;font-size:11.5px;color:var(--tx-2);font-weight:500}
.exec-fields input[type=date]{
  background:var(--bg-surface);color:var(--tx-1);border:0.5px solid var(--bd-2);
  border-radius:var(--radius);padding:9px 11px;font-size:13px;font-family:inherit;
  color-scheme:dark;
}
.exec-fields input[type=date]:focus{outline:none;border-color:var(--info)}
/* A11 — foco visible para navegación por teclado */
.exec-fields input[type=date]:focus-visible{outline:2px solid var(--info);outline-offset:-1px}
.exec-err{flex-basis:100%;color:var(--danger-tx);font-size:12px;margin-top:4px}
.exec-modal-actions{
  display:flex;justify-content:flex-end;gap:8px;
  padding:14px 22px 18px;border-top:0.5px solid var(--bd-1);
}
.exec-btn{
  background:var(--bg-surface);color:var(--tx-1);border:0.5px solid var(--bd-2);
  border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:500;
  font-family:inherit;cursor:pointer;
}
.exec-btn:hover{filter:brightness(1.1)}
.exec-btn-ghost{color:var(--tx-2)}
.exec-btn-primary{background:var(--success-bg);border-color:var(--success);color:var(--success-tx)}
.exec-btn-primary:disabled{opacity:0.6;cursor:default}

/* Mobile (≤520px) — apilar botones debajo del texto, header en columna */
@media (max-width:520px){
  .actions-wrap{padding:16px}
  .actions-hd{flex-direction:column;align-items:flex-start;gap:8px}
  .ac-row{flex-wrap:wrap}
  .ac-body{flex:1 1 100%;min-width:0}
  .ac-acts{flex:1 1 100%;justify-content:flex-end;margin-top:6px}
  .ac-acts button{padding:6px 10px}
  /* Toolbar de filtros: select y filtros pendientes/ejecutadas/todas en su propia fila */
  .ac-row1{gap:6px}
  .ac-row1 .ac-sel{flex:1 1 100%;min-width:0}
  .ac-row1 .filtros{flex:1 1 100%}
  /* Popup ejecutada: campos de rango en columna en mobile */
  .exec-fields{flex-direction:column;gap:10px}
  .exec-fields label{min-width:0;width:100%}
}