.nichecreator-alert{ --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;
} .nichecreator-alert--info{
--nc-bg:     #fffae5;
--nc-border: #b69121;
--nc-icon:   #b69121;
} .nichecreator-alert--error{
--nc-bg:     #f5e7e8;
--nc-border: #a4161a;
--nc-icon:   #a4161a;
} .nichecreator-alert--success{ }
input::placeholder,
textarea::placeholder {
color: #999 !important;
}
.col-2 .col1 {
margin-top: 0 !important;
}  .copy-to-clipboard { cursor: pointer; }
.vc-t p,
.vc-t ul li { color: #767676; }  .leaflet-control-attribution {
display: none;
}
.leaflet-div-icon.fa-icon {
background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; font-size: 25px !important; color: black !important; }   .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; } .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; }
.botonsecundario {
margin: .5rem .5rem 1rem 0;
padding: .6rem 1.2rem;
border: none;
border-radius: 3px;
cursor: pointer;
background: #dcdcde;
color: #1d2327;
}
.nc-homepage-check {
display: flex;
align-items: flex-start;
gap: 0.5rem;
flex: 1;
max-width: 350px;
width: auto !important;
min-height: 0 !important;
font-weight: 400 !important;
justify-content: flex-start !important;
line-height: 1.4;
}
.nc-homepage-check input[type="checkbox"] {
margin-top: 0.2rem;
flex: 0 0 auto;
}
.nc-homepage-front-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0.75rem 0 0;
}
.nc-homepage-front-actions .botonsubmit,
.nc-homepage-front-actions .botonsecundario {
margin: 0;
}
.nc-homepage-hint {
margin: 0 0 12px;
color: #646970;
}
.nc-homepage-status {
display: flex;
align-items: center;
gap: 10px;
margin: 12px 0;
padding: 10px 12px;
background: #fffae5;
border-left: 4px solid #b69121;
border-radius: 4px;
}
#nc-homepage-gate[hidden],
#nc-homepage-gate-cats[hidden],
#nc-homepage-gate-fichas[hidden],
.nc-homepage-status[hidden] {
display: none !important;
}
.nc-homepage-status__text {
font-weight: 600;
}
#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;
}  .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;
} @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%;
}
.nc-homepage-check {
max-width: 100%;
}
.nc-homepage-front-actions .botonsubmit,
.nc-homepage-front-actions .botonsecundario {
width: 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%;
} .divcsv
{
display: block;
clear: both;
} #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;
}  #volver
{
margin-top: 30px;
} #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;
} 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: 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;
} #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;
} .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;
}  #borrar,#borrardup
{
display: none;
} .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;
} .child img
{
max-width: 100px;
border-radius: 10px;
margin-right: 10px;
float: left;
} .escrapeos, .keywords,.videos
{
background-color: lightgreen;
padding: 10px;
}
.fichas
{
margin-top: 10px;
margin-bottom: 10px;
} @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;
}
} .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;
}
} .nc-queue-box {
margin: 12px 0 18px;
padding: 14px 16px;
background: #fff;
border: 1px solid #c3c4c7;
border-left-width: 4px;
border-radius: 8px;
max-width: 100%;
}
.nc-queue-box--busy {
border-left-color: #2271b1;
}
.nc-queue-box--failed {
border-left-color: #d63638;
background: #fcf0f1;
}
.nc-queue-box__header {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 8px 16px;
margin-bottom: 10px;
}
.nc-queue-box__title {
font-size: 1rem;
}
.nc-queue-box__eta {
color: #50575e;
font-size: 0.92rem;
}
.nc-queue-box__list {
margin: 0;
padding: 0;
list-style: none;
}
.nc-queue-box__item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
padding: 8px 0;
border-top: 1px solid #f0f0f1;
}
.nc-queue-box__label {
font-weight: 600;
min-width: 12rem;
flex: 1 1 12rem;
}
.nc-queue-box__counts {
color: #50575e;
flex: 1 1 14rem;
}
.nc-queue-box__actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.nc-queue-box__foot {
margin: 10px 0 0;
}
.nc-queue-hub__empty {
color: #50575e;
}
.nc-queue-table__actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.nc-queue-log {
margin-top: 16px;
}
.nc-queue-log__pre {
margin: 10px 0 0;
padding: 12px;
max-height: 240px;
overflow: auto;
background: #1d2327;
color: #f0f0f1;
font-size: 12px;
line-height: 1.45;
border-radius: 6px;
white-space: pre-wrap;
word-break: break-word;
}
.nc-as-failed-notice .button-link {
vertical-align: baseline;
}
@media (max-width: 782px) {
.nc-queue-box__item {
flex-direction: column;
align-items: flex-start;
}
.nc-queue-table__actions {
flex-direction: column;
align-items: stretch;
}
}