.ampmdaad-actions{ margin-top:10px; display:flex; gap:8px; align-items:center; }
.ampmdaad-status{ margin-left:auto; font-style:italic; font-size:12px; opacity:.9; }
.ampmdaad-meta{ margin-top:30px; text-align:right; font-style:italic; font-size:12px; opacity:.85; border-top: 1px solid #aaa; }
.ampmdaad-state-picker{ display:flex; gap:10px; align-items:center; margin:10px 0; }

/* Acciones: alternar según modo */
.ampmdaad-actions-view { display:flex; gap:8px; align-items:center; margin-top:10px; }
.ampmdaad-actions-edit { display:none; gap:8px; align-items:center; margin-top:10px; }

.ampmdaad-wrap.is-editing .ampmdaad-actions-view { display:none; }
.ampmdaad-wrap.is-editing .ampmdaad-actions-edit { display:flex; }

.ampmdaad-wrap .ampmdaad-editor-wrap{
  position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;
}
.ampmdaad-wrap.is-editing .ampmdaad-editor-wrap{
  position:static; left:auto; width:auto; height:auto; overflow:visible;
}
.ampmdaad-wrap.is-editing .ampmdaad-view-wrap{ display:none; }

/* Color del widget: borde izquierdo + fondo sutil, sin usar notice */
.ampmdaad-view-wrap{
  padding: 10px 12px;
  border-left: 4px solid transparent;
  background: transparent;
}
.ampmdaad-state-info .ampmdaad-view-wrap{
  border-left-color: #72aee6;
  background: #f0f6fc;
}
.ampmdaad-state-warning .ampmdaad-view-wrap{
  border-left-color: #dba617;
  background: #fcf9e8;
}
.ampmdaad-state-error .ampmdaad-view-wrap{
  border-left-color: #d63638;
  background: #fcf0f1;
}

/* Forzar bullets dentro del contenido del widget */
.ampmdaad-view ul,
.ampmdaad-editor-wrap ul {
  list-style: disc;
  margin-left: 1.2em;
  padding-left: 1.2em;
}

.ampmdaad-view ol,
.ampmdaad-editor-wrap ol {
  margin-left: 1.2em;
  padding-left: 1.2em;
}

.ampmdaad-view li,
.ampmdaad-editor-wrap li {
  margin: 0.2em 0;
}
/* Spinner al guardar */
.ampmdaad-spinner{
  float:none;
  margin: 0 0 0 6px;
  vertical-align: middle;
}


/* Spinner al guardar */
.ampmdaad-actions-edit .spinner.ampmdaad-spinner{
  float: none;
  margin: 0 0 0 6px;
  vertical-align: middle;
}

/* TinyMCE: corregir estado activo (evita texto blanco sin fondo) */
#ampmdaad_dashboard_note .mce-toolbar .mce-btn.mce-active button,
#ampmdaad_dashboard_note .mce-toolbar .mce-btn.mce-active:hover button{
  background: var(--wp-admin-theme-color, #2271b1) !important;
  border-color: var(--wp-admin-theme-color, #2271b1) !important;
  color: #fff !important;
}

#ampmdaad_dashboard_note .mce-toolbar .mce-btn.mce-active i{
  color: #fff !important;
}


/* Spinner: forzar visibilidad cuando está activo (algunos skins lo pisan) */
.ampmdaad-actions-edit .spinner.ampmdaad-spinner{ visibility: hidden; display:inline-block; }
.ampmdaad-actions-edit .spinner.ampmdaad-spinner.is-active{ visibility: visible !important; opacity: 1 !important; }


/* Editor: altura consistente (~8 renglones) incluso después de mover el widget */
.ampmdaad-editor-wrap .mce-edit-area iframe{ min-height: 200px !important; }
.ampmdaad-editor-wrap textarea.wp-editor-area{ min-height: 200px !important; }


/* Spinner propio (no depende del CSS de WP) */
.ampmdaad-mini-spinner{
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  vertical-align: middle;
  border: 2px solid rgba(0,0,0,.2);
  border-top-color: rgba(0,0,0,.6);
  border-radius: 50%;
  animation: ampmdaadSpin .8s linear infinite;
}
.ampmdaad-mini-spinner.is-active{ display:inline-block; }

@keyframes ampmdaadSpin{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}