.wqmessage { color:#E74C3C; font-size:11px; }
.wqsubmit_message { font-size:14px; color:#FFF; padding:10px 1em; border-radius:5px; margin-bottom:1em; }
.wqsubmit_message a { background:rgba(0,0,0,.25); color:rgba(255,255,255,075); text-decoration:none; font-weight:bold; padding:1px 2em; margin:0 2px; border-radius:5px; } 
.wqsubmit_message a:hover { color:#FFF; }
.msjok { background:#28B463; }
.msjerror { background:#E74C3C; }
.wqtextfield { width:100%; padding:15px; border:1px solid #ccc; border-radius:5px; }
.wqsubmit_button { background-color:#2271B1; border:solid 1px rgba(0,0,0,0.25); color:white; padding:10px; cursor:pointer; border-radius:5px; width:100%; }
.wqimport_button { background-color:#2271B1; border:solid 1px rgba(0,0,0,0.25); color:white; padding:10px 2em; cursor:pointer; border-radius:5px; }
.subirarchivo { padding:2em!important; background:#FFF; border:solid 1px #CCC; border-radius:5px; }
.wqlabel { font-size:14px; margin-bottom:10px; }
.wqpage_heading { font-size:25px; text-align:center; }
.column-acciones { width:5%; }
.column-desde { width:12%; }
.column-frecuencia { width:12%; }
#adminmenu a[href="admin.php?page=editar-evento"] { display: none; }

/* Buscador ubicado junto a "Acciones en lote" */
.wqsearch_inline { display:flex; align-items:center; gap:6px; margin-left:8px; }
.wqsearch_inline input[type="search"] { min-width:220px; }
@media (max-width:782px) {
  .wqsearch_inline { margin-left:0; margin-top:8px; width:100%; }
  .wqsearch_inline input[type="search"] { flex:1; min-width:0; }
}

/* ---------------------------------------------------------
 * Frontend: Buscador en vivo del shortcode [telefonos]
 * --------------------------------------------------------- */
.wqguia_frontend { max-width:100%; font-family:inherit; }

.wqguia_search {
  display:flex; align-items:center; gap:10px;
  box-sizing:border-box; margin-bottom:.8em; padding:0 8px 0 14px;
  border:1px solid #ccc !important; border-radius:8px; background:#fff;
  transition:border-color .12s ease, box-shadow .12s ease;
}
.wqguia_search:focus-within { border-color:#2271B1 !important; box-shadow:0 0 0 2px rgba(34,113,177,.15); }

/* El input solo define el padding de SU texto (vertical); el ancho lateral
   ya lo da el layout flex del contenedor, así que nunca compite con el ícono. */
.wqguia_search_input {
  flex:1 1 auto; min-width:0;
  border:none !important; outline:none !important; box-shadow:none !important;
  background:transparent !important; padding:12px 0 !important; margin:0 !important;
  font-size:15px; box-sizing:border-box;
}

/* Celda fija para el ícono/spinner: ninguno de los dos "empuja" al input,
   sino que ambos se superponen dentro de este espacio reservado propio. */
.wqguia_search_icon_wrap {
  position:relative; flex:0 0 18px; width:18px; height:18px;
}
.wqguia_search_icon, .wqguia_search_spinner {
  position:absolute; top:0; left:0; width:18px; height:18px;
}
.wqguia_search_icon {
  pointer-events:none; opacity:1; transition:opacity .12s ease;
  background-repeat:no-repeat; background-position:center; background-size:18px 18px;
  background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}
.wqguia_search_spinner {
  box-sizing:border-box;
  border:2px solid rgba(40,180,99,.25); border-top-color:#28B463; border-radius:50%;
  display:none; animation:wqguia_spin .7s linear infinite;
}
.wqguia_search.is-loading .wqguia_search_icon { opacity:0; }
.wqguia_search.is-loading .wqguia_search_spinner { display:block; }
@keyframes wqguia_spin { to { transform:rotate(360deg); } }

.wqguia_search_clear {
  flex:0 0 auto;
  background:none !important; border:none !important; box-shadow:none !important;
  font-size:22px; line-height:1; color:#888; cursor:pointer; padding:4px 6px;
}
.wqguia_search_clear:hover { color:#333; }

.wqguia_status { font-size:13px; color:#666; margin-bottom:.5em; min-height:1.2em; }

.wqguia_table_wrap { position:relative; }
.wqguia_table { border-collapse:collapse; transition:opacity .12s ease; }
.wqguia_table.is-loading { opacity:.45; }
.wqguia_table td { padding:.6em .4em; border-bottom:1px solid rgba(0,0,0,.15); }
.wqguia_col_numero { text-align:right; white-space:nowrap; width:20%; }
.wqguia_table mark { background:#FFF3A0; padding:0 1px; border-radius:2px; }

.wqguia_empty {
  padding:2em 1em; text-align:center; color:#777; font-size:14px;
}

/* ---------------------------------------------------------
 * Importar Teléfonos desde CSV
 * --------------------------------------------------------- */
.wqimport_layout { display:grid; grid-template-columns: minmax(0,1fr) 300px; gap:24px; align-items:start; margin-top:1em; }
.wqimport_card { min-width:0; }
.wqimport_help { min-width:0; background:#FFF; border:solid 1px #CCC; border-radius:5px; padding:1.5em; position:sticky; top:40px; }
@media (max-width:900px) {
  .wqimport_layout { grid-template-columns: 1fr; }
  .wqimport_help { position:static; }
}
.wqimport_help h2 { font-size:15px; margin-top:0; }
.wqimport_help ul.wqhelp_list { margin:0; padding-left:1.2em; }
.wqimport_help ul.wqhelp_list li { margin-bottom:.6em; font-size:13px; color:#444; }
.wqhelp_example { background:#F6F7F7; border:solid 1px #E2E4E7; border-radius:5px; padding:.8em 1em; font-size:12px; overflow-x:auto; }

.wqimport_steps { display:flex; gap:1.5em; margin-bottom:1.5em; font-size:13px; color:#999; }
.wqimport_steps .wqstep { position:relative; padding-left:0; }
.wqimport_steps .wqstep.is-active { color:#2271B1; font-weight:600; }
.wqimport_steps .wqstep.is-done { color:#28B463; }

.wqdropzone { position:relative; text-align:center; cursor:pointer; border:2px dashed #B9C4CC !important; transition:border-color .15s ease, background-color .15s ease; }
.wqdropzone:hover, .wqdropzone:focus { border-color:#2271B1 !important; outline:none; }
.wqdropzone.is-dragover { border-color:#2271B1 !important; background:#EEF5FB; }
.wqdropzone_icon { margin-bottom:.5em; }
.wqdropzone_text strong { display:block; font-size:15px; color:#1D2327; margin-bottom:.25em; }
.wqdropzone_text span { font-size:13px; color:#757575; }
.wqdropzone_input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }

.wqfile_selected { display:flex; align-items:center; justify-content:space-between; background:#F6F7F7; border:solid 1px #E2E4E7; border-radius:5px; padding:.9em 1.2em; margin-top:1em; }
.wqfile_selected_info { display:flex; align-items:center; gap:.7em; }
.wqfile_selected_info .dashicons { color:#2271B1; font-size:24px; width:24px; height:24px; }
.wqfile_selected_info strong { display:block; font-size:13px; color:#1D2327; }
.wqfile_meta { font-size:12px; color:#757575; }
.wqlink_button { background:none; border:none; color:#B32D2E; font-size:12px; cursor:pointer; padding:0; text-decoration:underline; }
.wqlink_button:hover { color:#dc3232; }

.wqpreview_wrap { margin-top:1.2em; border:solid 1px #E2E4E7; border-radius:5px; overflow:hidden; }
.wqpreview_header { display:flex; justify-content:space-between; align-items:center; background:#F6F7F7; padding:.6em 1em; font-size:13px; border-bottom:solid 1px #E2E4E7; }
.wqpreview_header span { color:#757575; }
.wqpreview_table_scroll { max-height:220px; overflow-y:auto; }
.wqpreview_table { width:100%; border-collapse:collapse; font-size:12.5px; }
.wqpreview_table th { text-align:left; background:#FBFBFC; padding:.5em .8em; position:sticky; top:0; border-bottom:solid 1px #E2E4E7; }
.wqpreview_table td { padding:.5em .8em; border-bottom:solid 1px #F0F0F1; color:#3C434A; }
.wqpreview_hint { font-size:12px; color:#757575; margin:.6em 1em; }

.wqprogress_wrap { margin-top:1.2em; }
.wqprogress_bar { background:#E2E4E7; border-radius:20px; height:8px; overflow:hidden; margin-bottom:.4em; }
.wqprogress_fill { background:#2271B1; height:100%; width:0%; transition:width .2s ease; }
#wqprogress_label { font-size:12px; color:#757575; }

.wqimport_actions { margin-top:1.3em; }
.wqimport_button:disabled { opacity:.5; cursor:not-allowed; }

.wqsubmit_message a { text-decoration:underline; }