/* MNC Link — ajustes de tema escuro e largura do painel do produto (23/09/2026). Carregado depois de overrides.css em todas as telas. */

/* ---------- Painel do produto: ocupa toda a área útil até o menu lateral ---------- */
.mnc .drawer{left:50px;width:auto} /* menu lateral recolhido = 50px neste sistema */
body.menu-expanded:not(.menu-collapsed) .mnc .drawer{left:260px}
@media (max-width:1199px){.mnc .drawer{left:0}}
@media (max-width:900px){.mnc .drawer{left:0;width:100vw}}

/* ---------- Tema escuro: variáveis do design MNC (paleta do template) ---------- */
html.dark-layout{
  --mnc-bg:#161d31;--mnc-surf:#283046;--mnc-surf2:#2f3b52;--mnc-line:#3b4253;--mnc-txt:#d0d2d6;--mnc-mute:#9ba2b3;
  --mnc-brand:#28bfae;--mnc-brand-ink:#9fe3da;--mnc-brand-soft:#1c4a44;
  --mnc-ok:#6fcf5e;--mnc-ok-soft:#1f3d25;--mnc-warn:#e2b04a;--mnc-warn-soft:#45391a;--mnc-off:#f07070;--mnc-off-soft:#4d2626;--mnc-mute-soft:#343d55;
}
html.dark-layout .mnc{color:var(--mnc-txt)}
html.dark-layout .mnc .card{background:var(--mnc-surf);border-color:var(--mnc-line)}
html.dark-layout .mnc .drawer{box-shadow:-12px 0 32px rgba(0,0,0,.5)}
html.dark-layout .mnc input,html.dark-layout .mnc select,html.dark-layout .mnc textarea,html.dark-layout .mnc .in{background:var(--mnc-surf);color:var(--mnc-txt);border-color:var(--mnc-line);color-scheme:dark}
html.dark-layout .mnc input[readonly],html.dark-layout .mnc input:disabled,html.dark-layout .mnc select:disabled{background:var(--mnc-surf2)!important;color:var(--mnc-mute)}
html.dark-layout .mnc select option{background:var(--mnc-surf);color:var(--mnc-txt)}
html.dark-layout .mnc .btn{background:var(--mnc-surf);color:var(--mnc-txt);border-color:var(--mnc-line)} html.dark-layout .mnc .btn:hover{background:var(--mnc-surf2)}
html.dark-layout .mnc .btn.pri{background:var(--mnc-brand);border-color:var(--mnc-brand);color:#0d1b1a}
html.dark-layout .mnc .btn.danger{color:#ffb3b3;background:var(--mnc-off-soft);border-color:var(--mnc-off-soft)}
html.dark-layout .mnc .chip{background:var(--mnc-mute-soft);color:var(--mnc-txt)} html.dark-layout .mnc .chip.on{background:var(--mnc-brand-soft);color:var(--mnc-brand-ink)}
html.dark-layout .mnc table.lista tbody tr:hover{background:var(--mnc-surf2)} html.dark-layout .mnc table.lista tbody tr.sel{background:var(--mnc-brand-soft)}
html.dark-layout .mnc .thumb{background:var(--mnc-surf2);border-color:var(--mnc-line)}
html.dark-layout .mnc .pill.ok,html.dark-layout .mnc .pill.warn,html.dark-layout .mnc .pill.off,html.dark-layout .mnc .pill.mute{filter:none}
html.dark-layout .mnc .pill.ok{background:var(--mnc-ok-soft);color:#b7ecad} html.dark-layout .mnc .pill.warn{background:var(--mnc-warn-soft);color:#f3d68a}
html.dark-layout .mnc .pill.off{background:var(--mnc-off-soft);color:#ffb3b3} html.dark-layout .mnc .pill.mute{background:var(--mnc-mute-soft);color:var(--mnc-txt)}
html.dark-layout .mnc .modal-mnc{background:rgba(0,0,0,.6)} html.dark-layout .mnc .modal-mnc .box{background:var(--mnc-surf);color:var(--mnc-txt);border:1px solid var(--mnc-line)}
html.dark-layout .mnc .fotos .f,html.dark-layout .mnc .fotos .add{background:var(--mnc-surf2);border-color:var(--mnc-line);color:var(--mnc-txt)}
html.dark-layout .mnc .tpb{background:var(--mnc-surf2);border-color:var(--mnc-line);color:var(--mnc-txt)} html.dark-layout .mnc .tpb:hover{background:var(--mnc-line)}
html.dark-layout .mnc [style*="color:#b23"]{color:#ff8a8a!important}
html.dark-layout .mnc [style*="background:#f3f3f3"]{background:var(--mnc-surf2)!important;color:var(--mnc-txt)}
html.dark-layout .mnc .ql-editor,html.dark-layout .mnc .editor,html.dark-layout .mnc [contenteditable]{background:var(--mnc-surf);color:var(--mnc-txt)}
html.dark-layout .mnc .est,html.dark-layout .mnc .meta{color:var(--mnc-mute)}

/* ---------- Manual (tela produtos/cadastro/manual) ---------- */
html.dark-layout .man{color:#d0d2d6}
html.dark-layout .man .sub{color:#9ba2b3}
html.dark-layout .man h2{border-top-color:#3b4253}
html.dark-layout .man .toc{background:#283046;border-color:#3b4253}
html.dark-layout .man th{background:#2f3b52} html.dark-layout .man th,html.dark-layout .man td{border-color:#3b4253}
html.dark-layout .man .box{background:#1c3a36;border-left-color:#28bfae} html.dark-layout .man .box.alerta{background:#4d2626;border-left-color:#f07070}
html.dark-layout .man code{background:#2f3b52;color:#e6e8ec}
html.dark-layout .man .cad{background:#1d3a5c;color:#a9cdf5} html.dark-layout .man .sup{background:#5a3a14;color:#f5cf96} html.dark-layout .man .todos{background:#1f3d25;color:#b7ecad}

/* ---------- Tabelas do template com linhas coloridas (estoque, operador logístico, ML): texto legível no escuro ---------- */
html.dark-layout .table-danger,html.dark-layout .table-danger>td,html.dark-layout .table-danger>th,html.dark-layout .table tr.table-danger td{background-color:rgba(234,84,85,.22)!important;color:#f8b4b4!important}
html.dark-layout .table-warning,html.dark-layout .table-warning>td,html.dark-layout .table-warning>th,html.dark-layout .table tr.table-warning td{background-color:rgba(255,159,67,.2)!important;color:#ffd8a8!important}
html.dark-layout .table-success,html.dark-layout .table-success>td,html.dark-layout .table-success>th,html.dark-layout .table tr.table-success td{background-color:rgba(40,199,111,.18)!important;color:#b7ecad!important}
html.dark-layout .table-info,html.dark-layout .table-info>td,html.dark-layout .table-info>th{background-color:rgba(0,207,232,.16)!important;color:#a9ecf5!important}
html.dark-layout .table-primary,html.dark-layout .table-primary>td,html.dark-layout .table-primary>th{background-color:rgba(115,103,240,.2)!important;color:#d0cbff!important}
html.dark-layout .table-secondary,html.dark-layout .table-secondary>td,html.dark-layout .table-secondary>th,html.dark-layout .table-light,html.dark-layout .table-light>td{background-color:rgba(130,134,139,.2)!important;color:#d0d2d6!important}
html.dark-layout .table-hover tbody tr.table-danger:hover td{background-color:rgba(234,84,85,.3)!important}
html.dark-layout .table-hover tbody tr.table-warning:hover td{background-color:rgba(255,159,67,.28)!important}
html.dark-layout .bg-light-danger,html.dark-layout .bg-light-warning,html.dark-layout .bg-light-success{color:#d0d2d6!important}
html.dark-layout .badge.badge-light-danger{background:rgba(234,84,85,.22);color:#f8b4b4} html.dark-layout .badge.badge-light-warning{background:rgba(255,159,67,.2);color:#ffd8a8}