/*
 * MasterPlating — estilos das telas de estoque.
 * V794: retirados dos blocos <style> que ficavam dentro do JavaScript (conteúdo idêntico).
 */

/* estoque.js — viewRastreioLote */
.rl-busca{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rl-busca input{max-width:280px}.rl-lista{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
      .rl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.rl-kpis div{background:#f6f9fd;border-radius:8px;padding:8px 10px}.rl-kpis b{display:block;font-size:20px;color:#13254a}.rl-kpis small{color:#5b6576;font-size:11.5px}
      .rl-sec{margin-top:16px}.rl-sec h4{margin:0 0 6px;color:#12315e}.rl-ass{border:1px solid #e3e9f1;border-radius:10px;padding:10px 12px;margin-top:8px;font-size:12.5px}


/* V1055 — Rastreio de lote: padrão de cards KPI do Henkaten. Apenas apresentação. */
#main .rl.rl-shell{padding:18px;min-width:0}
#main .rl-page-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--borda,#d5e1ef)}
#main .rl-head-mark{display:flex;align-items:center;justify-content:center;flex:0 0 4px;width:4px;min-height:48px;border-radius:4px;background:#f58216}
#main .rl-page-head h3{margin:0;color:var(--texto,#173f68);font-family:inherit;font-size:21px;font-weight:700;line-height:1.25}
#main .rl-page-head p{margin:5px 0 0;color:var(--texto-suave,#7488a2);font-size:12.5px;line-height:1.5;max-width:1100px}
#main .rl-search-panel{padding:14px 15px;margin:0 0 16px;border:1px solid var(--borda,#d5e1ef);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(24,58,96,.04)}
#main .rl-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px}
#main .rl-section-title h4{margin:0;color:var(--texto,#173f68);font-family:inherit;font-size:14px;font-weight:700;line-height:1.4}
#main .rl-section-title p{margin:4px 0 0;color:var(--texto-suave,#7488a2);font-size:12px;line-height:1.45;max-width:900px}
#main .rl-section-note{flex:0 0 auto;color:var(--texto-suave,#7488a2);font-size:11px;line-height:1.4}
#main .rl-busca{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0}
#main .rl-search-field{display:flex;flex:1 1 280px;flex-direction:column;gap:5px;min-width:0;color:var(--texto,#28445f);font-size:12px;font-weight:600}
#main .rl-search-field input{width:100%;max-width:none;min-height:40px;box-sizing:border-box;border:1px solid var(--borda,#cbd9e9);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:400;color:var(--texto,#28445f);background:#fff}
#main .rl-search-field input:focus{outline:2px solid #b8d5f4;outline-offset:1px;border-color:#2875cb}
#main .rl-busca button{min-height:40px;padding:9px 17px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600}
#main .rl-busca button span{margin-right:5px;font-size:17px;vertical-align:-1px}
#main .rl-lista{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#main .rl-os-results{display:flex;flex-direction:column;gap:5px;padding-top:10px;border-top:1px solid #e5edf6}
#main .rl-os-results-label{color:var(--texto-suave,#7488a2);font-size:11px;font-weight:600}
#main .rl-os-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;border:1px solid var(--borda,#d5e1ef);border-radius:8px;background:#f8fbff;color:var(--texto,#28445f);font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:left;cursor:pointer}
#main .rl-os-option:hover{border-color:#8db4df;background:#eef5ff}
#main .rl-os-option span{color:#2875cb;font-size:20px}
#main .rl-sec{margin-top:16px;padding:15px;border:1px solid var(--borda,#d5e1ef);border-radius:12px;background:#fff;min-width:0;box-shadow:0 2px 8px rgba(24,58,96,.035)}
#main .rl-sec h4{margin:0;color:var(--texto,#173f68);font-family:inherit;font-size:14px;font-weight:700}
#main .rl-signatures>.rl-section-title{padding-bottom:10px;border-bottom:1px solid #e7edf5}
#main .rl-ass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#main .rl-ass{--rl-ass-cor:#176fc1;--rl-ass-fundo:#f1f6fd;box-sizing:border-box;min-width:0;margin:0;padding:12px 13px 10px;border:1px solid color-mix(in srgb,var(--rl-ass-cor) 28%,#fff);border-left:4px solid var(--rl-ass-cor);border-radius:12px;background:var(--rl-ass-fundo);color:#173f68;box-shadow:none;font-size:12.5px}
#main .rl-ass--ok{--rl-ass-cor:#258654;--rl-ass-fundo:#f1f8f4}
#main .rl-ass--warn{--rl-ass-cor:#c78300;--rl-ass-fundo:#fff8e8}
#main .rl-ass-main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
#main .rl-ass-copy{flex:1 1 auto;min-width:0}
#main .rl-ass-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
#main .rl-ass-title-row h5{margin:0;color:#173f68;font-family:inherit;font-size:13px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
#main .rl-ass-status{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:700;line-height:1.25;white-space:normal}
#main .rl-ass-status.is-ok{color:#1e6b40;background:#e1f3e8;border-color:#b9dfc9}
#main .rl-ass-status.is-warn{color:#805300;background:#fff0ca;border-color:#ecd18d}
#main .rl-ass-os{margin:5px 0 0;color:#5b7188;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
#main .rl-ass-metric{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#main .rl-ass-metric>div{display:flex;flex-direction:column;align-items:flex-end;gap:0}
#main .rl-ass-metric strong{color:var(--rl-ass-cor);font-size:27px;font-weight:700;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#main .rl-ass-metric small{margin-top:3px;color:#5b7188;font-size:10px}
#main .rl-ass-ring{display:block;flex:0 0 34px;width:34px;height:34px;box-sizing:border-box;border:5px solid var(--rl-ass-cor);border-radius:50%;background:transparent}
#main .rl-ass-details{margin-top:10px;border-top:1px solid color-mix(in srgb,var(--rl-ass-cor) 20%,#fff);padding-top:8px}
#main .rl-ass-details summary{color:#315b83;font-size:11px;font-weight:700;cursor:pointer;list-style:none}
#main .rl-ass-details summary::-webkit-details-marker{display:none}
#main .rl-ass-details summary:after{content:'＋';float:right;color:var(--rl-ass-cor);font-size:14px;line-height:1}
#main .rl-ass-details[open] summary:after{content:'−'}
#main .rl-ass-details ul{display:flex;flex-direction:column;gap:6px;margin:9px 0 0;padding:0;list-style:none}
#main .rl-ass-details li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;border-top:1px solid rgba(113,137,163,.18);font-size:11.5px;line-height:1.4}
#main .rl-ass-details li>span:first-child{font-weight:600;min-width:0}
#main .rl-ass-details li small{color:#7488a2;font-weight:400}
#main .rl-ass-detail-value{color:#5b7188;text-align:right;min-width:0}
#main .rl-ass-detail-value b{color:var(--rl-ass-cor)}
#main .rl-ass-henkaten{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(113,137,163,.18);color:#805300;font-size:11.5px}
#main .rl-ass-no-details{margin-top:9px;padding-top:8px;border-top:1px solid rgba(113,137,163,.18);color:#7488a2;font-size:11px}
#main .rl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:28px 16px;color:#5b7188;text-align:center}
#main .rl-empty-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e1f3e8;color:#258654;font-size:20px;font-weight:700}
#main .rl-empty b{color:#173f68;font-size:13px}
#main .rl-empty p{margin:0;font-size:12px;line-height:1.5}
#main .rl-loading,#main .rl-result-loading{color:var(--texto-suave,#7488a2);font-size:12px}
#main .rl-result-loading{display:flex;align-items:center;gap:10px;padding:14px}
#main .rl-spinner{width:18px;height:18px;border:2px solid #d8e5f4;border-top-color:#2875cb;border-radius:50%;animation:rl-spin .8s linear infinite}
@keyframes rl-spin{to{transform:rotate(360deg)}}
#main .rl-message{padding:12px;border-radius:8px;font-size:12px}
#main .rl-message--error{color:#9f2a20;background:#fff4f4;border:1px solid #f0c8c5}
#main .rl-inline-info{margin:10px 0;padding:9px 11px;border:1px solid #dce7f3;border-radius:8px;background:#f7faff;color:#31506f;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#main .rl-inline-info--muted{color:#7488a2;background:#f8fafc}
#main .rl-result-table{margin-top:12px!important;max-width:100%;overflow-x:auto}
#main .rl-result-table table{min-width:720px}
@media(max-width:850px){#main .rl-ass-grid{grid-template-columns:minmax(0,1fr)}#main .rl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#main .rl.rl-shell{padding:12px}#main .rl-sec{padding:11px}#main .rl-page-head h3{font-size:19px}#main .rl-section-title{flex-direction:column;gap:4px}#main .rl-ass-main{align-items:flex-start}#main .rl-ass-metric{gap:7px}#main .rl-ass-ring{flex-basis:28px;width:28px;height:28px;border-width:4px}#main .rl-ass-metric strong{font-size:24px}#main .rl-ass-details li{flex-direction:column;gap:3px}#main .rl-ass-detail-value{text-align:left}#main .rl-kpis{grid-template-columns:minmax(0,1fr)}#main .rl-busca button{flex:0 0 auto}}


/* V1056 — Rastreio de lote: corrigir hierarquia dos KPI e organizar ocorrências em chips. */
#main .rl-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px;align-items:stretch}
#main .rl-kpi{--rl-kpi-color:#2875cb;--rl-kpi-bg:#f1f6fd;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:94px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--rl-kpi-color) 30%,#fff);border-left:4px solid var(--rl-kpi-color);border-radius:12px;background:var(--rl-kpi-bg);color:#173f68;box-shadow:none}
#main .rl-kpi--danger{--rl-kpi-color:#d83b35;--rl-kpi-bg:#fff5f4}
#main .rl-kpi--warn{--rl-kpi-color:#c78300;--rl-kpi-bg:#fffaef}
#main .rl-kpi--ok{--rl-kpi-color:#258654;--rl-kpi-bg:#f1f8f4}
#main .rl-kpi--info{--rl-kpi-color:#2875cb;--rl-kpi-bg:#f1f6fd}
#main .rl-kpis .rl-kpi-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:0;background:transparent;border-radius:0}
#main .rl-kpi-copy small{display:block;color:#526b86;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35;white-space:normal}
#main .rl-kpi-copy strong{display:block;color:var(--rl-kpi-color);font-family:inherit;font-size:29px;font-weight:700;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#main .rl-kpi-desc{display:block;color:#5b7188;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
#main .rl-kpi-icon{display:block;flex:0 0 36px;width:36px;height:36px;box-sizing:border-box;border:5px solid var(--rl-kpi-color);border-radius:50%;background:transparent;opacity:.95}
#main .rl-info-group{display:flex;flex-direction:column;gap:8px;padding:10px 12px}
#main .rl-info-heading{display:flex;align-items:center;gap:7px;color:#173f68;font-size:12px;line-height:1.4}
#main .rl-info-heading>span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e6eef8;color:#315b83;font-size:11px;font-weight:700}
#main .rl-info-chips{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
#main .rl-info-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:100%;padding:6px 9px;border:1px solid #d8e4f1;border-radius:8px;background:#fff;color:#31506f;font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}
#main .rl-info-chip small{color:#7488a2;font-size:10.5px}
#main .rl-info-chip--problem{border-color:#f0d0cc;background:#fff9f8}
#main .rl-info-chip--problem small{padding-left:5px;border-left:1px solid #e9c3bf;color:#a33d35}
#main .rl-info-group--henkaten{border-color:#ead6ad;background:#fffaf0}
#main .rl-info-chip--henkaten{border-color:#ead6ad;background:#fff;color:#805300;flex-direction:column;align-items:flex-start;gap:3px}
#main .rl-inline-info--muted{display:flex;align-items:center;gap:10px}
@media(max-width:1050px){#main .rl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#main .rl-kpis{grid-template-columns:minmax(0,1fr)}#main .rl-kpi{min-height:82px;padding:10px 12px}#main .rl-kpi-copy strong{font-size:26px}#main .rl-kpi-icon{flex-basis:30px;width:30px;height:30px;border-width:4px}#main .rl-info-chip{width:100%;box-sizing:border-box}}