/* ALERTAS NICHE CREATOR */
 	.nichecreator-alert{
            /* Colores por defecto: success (verde) */
            --nc-bg:     #e5f3f1;
            --nc-border: #008974;
            --nc-icon:   #008974;

            display:flex;
            align-items:center;
            gap:12px;
            margin:20px 0;
            padding:10px 16px;
            background:var(--nc-bg);
            border:1px solid var(--nc-border);
            border-left-width:4px;
            border-radius:8px;
            font-size:14px;
            line-height:1.4;
        }

        .nichecreator-alert__icon{
            width:22px;
            height:22px;
            color:var(--nc-icon);
            flex-shrink:0;
        }
        .nichecreator-alert__icon svg{
            width:100%;
            height:100%;
            fill:currentColor;
        }

        /* ---- Amarillo / informativo ---- */
        .nichecreator-alert--info{
            --nc-bg:     #fffae5;
            --nc-border: #b69121;
            --nc-icon:   #b69121;
        }

        /* ---- Amarillo / informativo ---- */
        .nichecreator-alert--error{
            --nc-bg:     #f5e7e8;
            --nc-border: #a4161a;
            --nc-icon:   #a4161a;
        }       

        /* ---- Verde explícito (por claridad) ---- */
        .nichecreator-alert--success{
            /* hereda los valores por defecto definidos arriba */
        }
        input::placeholder,
        textarea::placeholder {
        	color: #999 !important;
        }
        .col-2 .col1 {
        	margin-top: 0 !important;
        }
/* ALERTAS NICHE CREATOR */

/* COPY TO CLIPBOARD */
.copy-to-clipboard { cursor: pointer; }
        .vc-t p,
        .vc-t ul li { color: #767676; }

/* LEAFLET */
/* Ocultar el logo de Leaflet */
.leaflet-control-attribution {
    display: none;
}

.leaflet-div-icon.fa-icon {
    background: transparent !important; /* Elimina el fondo */
    border: none !important; /* Elimina el borde */
    box-shadow: none !important; /* Elimina cualquier sombra */
    padding: 0 !important; /* Elimina el padding */
    font-size: 25px !important; /* Ajusta el tamaño del icono */
    color: black !important; /* Color del icono */
}


/* LEAFLET */

/* FORMULARIOS SELECT Y LABELS */
/*
	label {
	    margin: .5rem 0;
	    width: 200px !important;
	    min-height: 40px;
	    display: inline-flex !important;
	    align-items: center;
	    font-weight: bold;
	    justify-content: space-between;
	    margin-right: 10px;
	}
*/
 .nc-row { display: flex; align-items: center; gap: 10px; margin: 10px 0; }
        .nc-row label {
         min-width: 200px; 
        margin: .5rem 0;
        width: 200px !important;
        min-height: 40px;
        }
        .nc-row textarea { width: 320px; max-width: 100%; }
        .prompt-box { display: none; }

      .field-row {
        display: flex;
        align-items: center;
        margin-bottom: .7rem;
        min-height: 44px;
      }
      .field-row label {
    width: 230px !important;
    font-weight: bold;
    margin: 0rem 0;
    width: 200px !important;
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    font-weight: bold;
    justify-content: space-between;
    margin-right: 10px;
}
      .field-row select,
      .field-row input[type="text"]
	  {
        flex: 1;
        max-width: 350px !important;
      }
	  .field-row textarea {
	  max-width: 100%;
	  }

 .hidden { display: none; }
 /* BOTONES Y TAREAS FORMULARIOS */
      .botonsubmit,
      .botonborrar {
        margin: .5rem .5rem 1rem 0;
        padding: .6rem 1.2rem;
        border: none;
        border-radius: 3px;
        cursor: pointer;
      }
      .botonsubmit { background: #2271b1; color: #fff; }
      .botonborrar { background: #b32d2e; color: #fff; }
	  	#myProgress {
	    max-width: 100%;
	    width: 100%;
	    background: #fafafa;
	    border-radius: 6px;
	    overflow: hidden;
	    margin-top: 10px !important;
	    height: 30px !important;
	}
      #myBar { width: 0; height: 100%; background: #2271b1; }
	  	#myBar {
	    max-width: 100% !important;
	    border-radius: 5px;
	    background: #008974 !important;
	    color: #fff !important;
	    margin-top: 0 !important;
	    height: 30px;
	       font-weight: bold;
    	font-size: 1.3em;
		text-align: center;
	}


.fcp-desc {
        	text-align: left;margin-bottom: 1rem;
        	color: #464646;
        }
/* FORMULARIOS SELECT Y LABELS */
/* ESTILOS PRINCIPALES COLUMNAS Y BOTONES */
.wrap .col-2,
.col-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
	gap: 1.5rem;
	align-items: start;
}

.wrap .col-2 > .izq,
.col-2 > .izq {
	min-width: 0;
	grid-column: 1;
}

.wrap .col-2 > .col2,
.col-2 > .col2 {
	grid-column: 2;
	grid-row: 1;
}

.wrap .nc-page-title {
	margin-bottom: 0.5rem;
}

.col-2 .col1 {
	margin-right: 10px;
	margin-top: 0;
	border: none !important;
	padding: 0 !important;
	min-width: 0;
}

.col-2 .col1 .field-row > div,
.col-2 .col1 .wp-editor-wrap,
.col-2 .col1 textarea,
.col-2 .col1 input[type="text"],
.col-2 .col1 select {
	max-width: 100%;
	box-sizing: border-box;
}

.col-2 .col2 {
	margin-top: 0;
	margin-right: 10px;
	padding: 0 0 20px 0;
	border-radius: 10px;
	min-width: 0;
	position: sticky;
	top: 32px;
	align-self: start;
}

.widget_niche_widget {
	position: static;
	top: auto;
	align-self: start;
	max-height: calc(100vh - 150px);
	overflow-y: auto;
}

.variablesdisponibles {
	position: relative;
	width: 100%;
}

#toggle-vars {
	margin-bottom: 1rem;
}

#vars-panel {
	display: none;
	border: 1px solid #ddd;
	padding: 1rem;
	background: #f9f9f9;
	box-sizing: border-box;
}

.variablesdisponibles.nc-vars-open #vars-panel {
	display: block;
}

#vars-panel .nc-vars-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem 1rem;
}

#vars-panel .nc-vars-column {
	min-width: 0;
}

#vars-panel .var {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	min-height: 40px;
	margin-bottom: 0.25rem;
}

#vars-panel .var span {
	width: auto;
	min-width: 82px;
	flex: 0 0 auto;
	font-size: 12px;
}

#vars-panel .var .btn.button {
	flex: 1 1 110px;
	max-width: none !important;
	white-space: normal;
	text-align: left;
	height: auto;
	min-height: 28px;
	line-height: 1.25;
	padding: 4px 8px;
	font-size: 12px;
}

/* Panel desplegado: ancho cómodo para 2 columnas */
@media screen and (min-width: 783px) {
	.col-2 .variablesdisponibles {
		position: relative;
	}

	.col-2 .variablesdisponibles.nc-vars-open {
		z-index: 50;
	}

	.col-2 .variablesdisponibles.nc-vars-open #vars-panel {
		position: absolute;
		right: 0;
		top: 3.25rem;
		width: 540px;
		max-width: calc(100vw - 40px);
		max-height: calc(100vh - 8rem);
		overflow-x: hidden;
		overflow-y: auto;
		box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
	}

	.col-2 .col2:has(.variablesdisponibles.nc-vars-open) {
		overflow: visible;
	}

	.col-2 .col2:has(.variablesdisponibles.nc-vars-open) .widget_niche_widget {
		overflow: visible;
		max-height: none;
	}
}

@media screen and (max-width: 782px) {
	#vars-panel .nc-vars-columns {
		grid-template-columns: 1fr;
	}

	#vars-panel .var .btn.button {
		flex: 1 1 100%;
	}
}

.variablesdisponibles .copiado {
	display: none;
	color: green;
	margin-left: 10px;
}

.col1 h1 { margin-bottom: .5rem; }
.col1 p { margin-bottom: 1.5rem; color: #555; }
	  

.red
{
color: red;
font-weight: bold;
}


.copiar, .borrarlog .botonsubmit
{
font-size: 14px;
}

.borrarlog
{
max-width: 120px;
float: left;
margin-right: 10px;
}

.btn p
{
margin-top: 0px;
margin-bottom: 0px;
}

h1
{
margin-bottom: 20px !important;
}

textarea, input
{
max-width: 100%;
}

/* ESTILOS PRINCIPALES */

.divcsv
{
display: block;
clear: both;
}

/* EMPAREJAMIENTOS */
#ordenacion
{
margin-left: 10px !important;
}

span[class^="nuevocampo"]
{
padding: 5px;
border: 1px solid black;
margin-left: 10px;
background-color: lightgreen;
}

span[class^="quitarcampo"]
{
padding: 5px;
border: 1px solid black;
margin-left: 10px;
background-color: lightpink;
}

div[class^="campos"]
{
display: none;
padding-bottom: 20px;
}

div.campos1
{
display: block;
}

form#subirfichero, form#borrarfichero
{
display: inline-block;
}

/* EMPAREJAMIENTOS */


/* BOTONES VOLVER */
#volver
{
margin-top: 30px;
}

/* TEXTO AJAX CARGA TABLA.. */
#resultadocarga
{
animation: animate 1.5s linear infinite;
}

.advertencia
{
color: red;
}

.invalida
{ 
color: red;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
} 

.valida
{ 
color: green;
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
} 

@keyframes animate{ 
   0%{ 
     opacity: 0; 
   } 
   50%{ 
     opacity: 0.7; 
   } 
   100%{ 
     opacity: 0; 
   } 
 } 
 


 
 #entradaspaginas, #pluginseo, #openai, #gemini, #valueserp, #modelo,#modelogem, #type, #imagendestacada, #import, #tipoordenacion, #numfichas, #campoordenacion,#numfichas,#numerico,#ocultarcats,#textoh1,#textoh1padre,#ocultarh1,#ocultardesc,#metatitle,
 #metatitlepadre,#metadesc,#metadescpadre, #aplicarcss, #plantillas, #type, #autor, #autoria,  #catpags, #autorcats,#offset,#offsetia,#offsetcats,#noindexno, #noindexpadresno,
 #pais,#idioma, #clusterdesc, #clusterimagen, #duplicados1, #duplicados2, #sustitucionant, #sustituir, #sustitucionpost, #quickscrape, #apiplaces,#herramienta,#borrarposts,#borrarautor,#borrartipo,#offsetscrape,
 #borrarcampo2,#borradocampo,#campocat,#tipocategoria,#idioma, #replicate, #outscraper, #deepseek
 {
 margin-top: 10px;
 margin-bottom: 10px;
 margin-right: 10px;
 }
 


 .geniaspin
 {
margin-top: 10px !important;
display: inline-block;
 }
 
 /* REGENERACION DE CATEGORIAS */
  input[type="radio"]
 {
  margin-left: 5px;
  margin-right: 5px;
 }
 
.visualizacioncats
{
padding: 10px;
border: 1px solid green;
border-radius: 10px;
margin-bottom: 20px;
 }
 
#settingscat label[for=parrafoconc],#settingscat label[for=parrafoconcpadre],#settingscat label[for=textopropio], #settingscat label[for=parrafo1]
 {
  margin-top: 20px;
  display: inline-block;
font-style: italic;
  color: green;
 }

 #settingscat label[for=plantillacat], #settingscat label[for=ordenacion], #settingscat label[for=numerico], #settingscat label[for=numfichas], #settingscat label[for=ocultarcats],
 #settingscat label[for=ocultarh1], #settingscat label[for=ocultardesc],#settingscat label[for=criterio],#settingscat label[for=aplicarcss],#settingscat label[for=paginascats],
 #settingscat label[for=autor],#settingscat label[for=posttype],#imagenes label[for=offset],#settingscat label[for=noindexcats],#settingscat label[for=noindexcatspadres],#herramientas label[for=borrarauthor],
 #herramientas label[for=borrarposts],#herramientas label[for=autor],#herramientas label[for=borrartipo], #sustitucion label[for=sustitucionant],#sustitucion label[for=sustitutuir],#sustitucion label[for=sustitucionpost],
 #integraciones label[for=quickscrape], #integraciones label[for=openai],#integraciones label[for=gemini],#integraciones label[for=modelogem],#integraciones label[for=idioma], #integraciones label[for=modelo], #integraciones label[for=offsetscrape],
 #integraciones label[for=offset], #integraciones label[for=offsetia],#integraciones label[for=offsetiacats],#integraciones label[for=replicate],#integraciones label[for=deepseek]
 {
 display: inline-block;
 width: 150px;
 }
 
 #escrapear label[for=pais],#escrapear label[for=idioma],#settingscat label[for=clusterdesc],#settingscat label[for=clusterimagen],#escrapear label[for=herramienta]
 {
 display: inline-block;
 width: 200px;
 }
 
 #settingscat label[for=clusterdesc],#settingscat label[for=clusterimagen],#borradofichas label[for=borrarfichas],#borradofichas label[for=borradocampo],
 #categoria label[for=campo], #categoria label[for=tipocategoria],#direccionia label[for=direccionia]
 {
 display: inline-block;
 width: 250px;
 }
 
#settingscat #wp-parrafo1-wrap, #settingscat #wp-parrafo4-wrap, #settingscat #wp-parrafo5-wrap, #settingscat #wp-descripcioncat-wrap, #settingscat #wp-descripcioncatpadre-wrap, #clonarplantilla .wp-editor-wrap {
    /*max-width: 100%; */
    max-width: 600px;
} 
 
#padre_advanced,
#hijas_advanced,
#diseno_advanced {
	border-top: 1px solid #ddd;
	margin-top: 1rem;
	margin-bottom: 1rem;		
	}

#ocultarcats,#ocultarh1,#ocultardesc,#aplicarcss,#noindexcats,#noindexcatspadres
 {
  margin-top: 10px;
  padding-right: 10px;
 }
 
 #settingscat label[for=offset]
  {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
 }
  
 #settingscat label[for=descripcioncatpadre], #settingscat label[for=descripcioncat], #settingscat label[for=metatitle], #settingscat label[for=metatitlepadre], #settingscat label[for=metadesc], #settingscat label[for=metadescpadre], #settingscat label[for=parrafo1], label[for=parrafo2], label[for=parrafo3], #settingscat label[for=textopropio],
 #settingscat label[for=textoh1],#settingscat label[for=textoh1padre] 
{
    margin-top: 0px !important;
    display: block;
}

 
 /* REGENERACION DE CATEGORIAS */
 
 #clonarplantilla label[for=textopropio]
 {
 color: #3c434a;
 }
 
 #clonarplantilla #h1
{
margin-top: 25px;
}

 
 label[for=h1]
 {
 display: block;
 margin-top: 10px;
 }
 
 #clonarplantilla label
  {
padding-top: 0;
 }
 
 select#offset, #textopropio
 {
 margin-top: 10px;
 }
 
 
.aviso p
{
font-size: 1.2em;
color:green;
}
.ordenaviso
{
font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}
 
 /* CABCECERAS METABOX Y WIDGET */
.cabeceras
 {
background-color: green;
  color: white;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  margin-top: 10px !important;
  margin-bottom: 10px;
  clear: both;
 }
 
 .var button
  {
 margin-left: 10px;
max-width: 120px !important;
 }

#vars-panel .var button {
	max-width: none !important;
}
 
 .var span
 {
 display: inline-block;
 width: 90px;
 }
 
 .var #pais, .var #metatitle, .var #metadesc
 {
 margin-right: 0px !important;
 }
 
/*
 .variablesdisponibles
 {
 position: fixed;
 width: 50%;
 }
 
 
 
 
 .variablesdisponibles .left, .variablesdisponibles .right
 {
 float:left;
 width: 50%;
 margin-bottom: 10px;
 }
 */
 /* Boton de parar procesos */
  
#borrar,#borrardup
{
display: none;
}

/* TOOLTIP TEXTS */
	.tooltip-text {
	  position: relative;
	  cursor: help;
	}
	.tooltip-text:after {
	  content: "?";
	  height: 15px;
	  width: 15px;
	  display: inline-flex;
	  margin-left: 5px;
	  background: #262626;
	  border-radius: 50%;
	  text-align: center;
	  font-size: 12px;
	  color: #fff;
	  justify-content: center;
	  align-items: center;
	}

	.tooltiptext {
	  visibility: hidden;
	  width: 250px;
	  background-color: #202225 !important;
	  color: #fff !important;
	  text-align: left;
	  cursor: default;
	  padding: 10px 12px;
	  border-radius: 4px;
	  position: absolute;
	  line-height: 1.3;
	  z-index: 99;
	  font-weight: 300;
	  font-size: 13px;
	  top: 100%;
	  left: 50%;
	  margin-top: 14px;
	  margin-left: -30px;
	  bottom: auto !important;
	}

	.tooltiptext::after {
	  content: "";
	  position: absolute;
	  bottom: 100%;
	  left: 44%;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent #282828 transparent;
	}
	
.tooltip-text:hover .tooltiptext
{
visibility: visible;
display: block;
position: absolute;
margin-top: 0px;
background-color: white;
color:green;
padding: 10px;
max-width: 300px;
border-radius: 5px;
}

.opcionesimagenes
{
padding: 10px;
border:1px solid black;
margin-top: 10px;
margin-bottom: 10px;
}

.opcionesimagenes label
{
display: inline-block;
width: 300px;
}
/* CLUSTER CATEGORIAS */
.child img
 {
 max-width: 100px;
 border-radius: 10px;
 margin-right: 10px;
 float: left;
 }

/* INTEGRACIONES */
.escrapeos, .keywords,.videos
{
background-color: lightgreen;
padding: 10px;
}

.fichas
{
margin-top: 10px;
margin-bottom: 10px;
}

/* INTEGRACIONES */

@media screen and (max-width: 782px) {
	.wrap .col-2,
	.col-2 {
		grid-template-columns: 1fr;
	}

	.wrap .col-2 > .izq,
	.wrap .col-2 > .col2,
	.col-2 > .izq,
	.col-2 > .col2,
	.col-2 .izq,
	.col-2 .col2 {
		width: 100%;
		max-width: none;
		margin-right: 0;
	}

	.col-2 .col2,
	.widget_niche_widget {
		position: static;
		max-height: none;
		overflow-y: visible;
	}

	.clusterhijos {
		flex-direction: column !important;
	}
}

/* —— Panel «Estado del nicho» (paso 0) —— */
.nc-panel-wrap {
	max-width: 1200px;
}

.nc-panel-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 0 0 20px;
}

.nc-panel-toolbar__label {
	font-weight: 600;
	margin: 0;
}

.nc-panel-toolbar__select {
	min-width: 220px;
	max-width: 100%;
}

.nc-panel-hero {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 24px;
	padding: 24px;
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

.nc-panel-hero__ring {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: conic-gradient(#008974 var(--nc-progress, 0%), #e5e5e5 0);
	position: relative;
}

.nc-panel-hero__ring::after {
	content: '';
	position: absolute;
	inset: 8px;
	background: #fff;
	border-radius: 50%;
}

.nc-panel-hero__pct {
	position: relative;
	z-index: 1;
	font-size: 1.25rem;
	font-weight: 700;
	color: #008974;
}

.nc-panel-hero__title {
	margin: 0 0 8px;
	font-size: 1.35rem;
	word-break: break-word;
}

.nc-panel-hero__subtitle {
	margin: 0;
	color: #50575e;
}

.nc-panel-hero__status--busy {
	margin: 10px 0 0;
	color: #b69121;
	font-weight: 600;
}

.nc-panel-hero__processes {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	color: #50575e;
}

.nc-panel-hero__processes li {
	margin: 4px 0;
}

.nc-panel-hero__processes a {
	font-weight: 600;
	text-decoration: none;
}

.nc-panel-hero__processes a:hover,
.nc-panel-hero__processes a:focus {
	text-decoration: underline;
}

.nc-panel-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 28px;
}

.nc-panel-kpi {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.nc-panel-kpi:hover,
.nc-panel-kpi:focus {
	border-color: #008974;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
	color: inherit;
}

.nc-panel-kpi__label {
	font-size: 13px;
	font-weight: 600;
	color: #50575e;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.nc-panel-kpi__value {
	font-size: 1.5rem;
	line-height: 1.2;
	color: #1d2327;
}

.nc-panel-kpi__detail {
	font-size: 13px;
	color: #646970;
	line-height: 1.4;
}

.nc-panel-section {
	margin-bottom: 28px;
}

.nc-panel-section__title {
	margin: 0 0 12px;
	font-size: 1.1rem;
}

.nc-panel-pipeline {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.nc-panel-pipeline__link {
	display: grid;
	grid-template-columns: minmax(140px, 1fr) 2fr auto auto;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
}

.nc-panel-pipeline__link:hover,
.nc-panel-pipeline__link:focus {
	border-color: #008974;
	color: inherit;
}

.nc-panel-pipeline__title {
	font-weight: 600;
}

.nc-panel-pipeline__bar {
	height: 8px;
	background: #e5e5e5;
	border-radius: 999px;
	overflow: hidden;
}

.nc-panel-pipeline__bar span {
	display: block;
	height: 100%;
	background: #008974;
	border-radius: 999px;
}

.nc-panel-pipeline__item--partial .nc-panel-pipeline__bar span {
	background: #b69121;
}

.nc-panel-pipeline__item--pending .nc-panel-pipeline__bar span {
	background: #a4161a;
}

.nc-panel-pipeline__item--blocked .nc-panel-pipeline__bar span {
	background: #646970;
}

.nc-panel-pipeline__badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.nc-panel-pipeline__badge--complete {
	background: #e5f3f1;
	color: #008974;
}

.nc-panel-pipeline__badge--partial {
	background: #fcf4e3;
	color: #996800;
}

.nc-panel-pipeline__badge--pending {
	background: #fcebea;
	color: #a4161a;
}

.nc-panel-pipeline__badge--blocked {
	background: #f0f0f1;
	color: #50575e;
}

.nc-panel-pipeline__pct {
	font-weight: 600;
	min-width: 3em;
	text-align: right;
}

.nc-panel-next__box {
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-left-width: 4px;
	border-radius: 8px;
}

.nc-panel-next__box--action {
	border-left-color: #008974;
}

.nc-panel-next__box--warning {
	border-left-color: #b69121;
}

.nc-panel-next__box--success {
	border-left-color: #008974;
	background: #e5f3f1;
}

.nc-panel-next__box--info {
	border-left-color: #2271b1;
}

.nc-panel-next__heading {
	margin: 0 0 8px;
	font-size: 1.05rem;
}

.nc-panel-next__text {
	margin: 0 0 12px;
	color: #50575e;
}

.nc-panel-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.nc-panel-table-wrap {
	overflow-x: auto;
}

.nc-panel-alerts-list {
	margin: 0;
	padding-left: 1.2em;
}

.nc-panel-section__intro,
.nc-panel-section__more {
	margin: 0 0 12px;
	color: #50575e;
}

.nc-panel-missing-table-wrap {
	margin-bottom: 16px;
	max-height: 320px;
	overflow: auto;
}

.nc-panel-missing-table__empty {
	color: #646970;
}

@media (max-width: 600px) {
	.nc-panel-missing-table thead {
		display: none;
	}

	.nc-panel-missing-table tbody tr {
		display: block;
		margin-bottom: 12px;
		border: 1px solid #c3c4c7;
		border-radius: 6px;
		background: #fff;
	}

	.nc-panel-missing-table tbody td {
		display: flex;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 12px;
		border: none;
		border-bottom: 1px solid #f0f0f1;
	}

	.nc-panel-missing-table tbody td:last-child {
		border-bottom: none;
	}

	.nc-panel-missing-table tbody td::before {
		content: attr(data-label);
		font-weight: 600;
		color: #50575e;
		flex-shrink: 0;
	}
}

.nc-panel-examples {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.nc-panel-examples__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 8px;
	flex: 1 1 280px;
}

.nc-panel-examples__label {
	font-weight: 600;
	margin-right: 4px;
	flex: 1 1 100%;
}

.nc-panel-table__row--current {
	background: #e5f3f1;
}

@media (max-width: 782px) {
	.nc-panel-pipeline__link {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.nc-panel-pipeline__pct {
		text-align: left;
	}

	.nc-panel-pipeline__badge {
		justify-self: start;
	}
}