/* MY EASY STOCK v8.7.1.1-r4 — camada visual independente do Cockpit e Kardex. */

/* Paleta-base autocontida: não depende das variáveis do v8.css anterior. */
.easy-cockpit-page {
    --ec-line: #dfe7f2;
    --ec-text: #17233a;
    --ec-muted: #64748b;
    --ec-blue: #2463eb;
    --ec-blue-soft: #eaf1ff;
    --ec-green: #16875b;
    --ec-green-soft: #e9f8f1;
    --ec-orange: #c76120;
    --ec-orange-soft: #fff3e9;
    --ec-red: #c93636;
    --ec-red-soft: #fff0f0;
    color: var(--ec-text);
}

/* Ícone do Easy Kardex desenhado no CSS para não depender de emoji/fonte. */
.menu-item[data-tab="tab-kardex"] > span::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h10.5A2.5 2.5 0 0 1 19 6v14.5H7.5A2.5 2.5 0 0 1 5 18V5.5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8.5 8h7M8.5 12h7M8.5 16h4.5M5 18a2.5 2.5 0 0 1 2.5-2.5H19'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h10.5A2.5 2.5 0 0 1 19 6v14.5H7.5A2.5 2.5 0 0 1 5 18V5.5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8.5 8h7M8.5 12h7M8.5 16h4.5M5 18a2.5 2.5 0 0 1 2.5-2.5H19'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Identidade cromática dos indicadores e análises no modo claro. */
.easy-cockpit-kpi::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--ec-blue); }
.easy-cockpit-kpi:nth-child(2) { border-color: #ddd6fe; background: linear-gradient(145deg,#fff 55%,#f6f3ff); }
.easy-cockpit-kpi:nth-child(2)::before { background: #7c3aed; }
.easy-cockpit-kpi:nth-child(2)::after { background: #f1ecff; }
.easy-cockpit-kpi.is-positive { border-color: #c8eadb; background: linear-gradient(145deg,#fff 55%,#f0fbf6); }
.easy-cockpit-kpi.is-positive::before { background: var(--ec-green); }
.easy-cockpit-kpi.is-risk { border-color: #f6cccc; background: linear-gradient(145deg,#fff 55%,#fff4f4); }
.easy-cockpit-kpi.is-risk::before { background: var(--ec-red); }
.easy-cockpit-analysis:nth-child(1) { border-top: 3px solid var(--ec-green); }
.easy-cockpit-analysis:nth-child(2) { border-top: 3px solid var(--ec-blue); }
.easy-cockpit-analysis:nth-child(3) { border-top: 3px solid #7c3aed; }

/* Tema escuro completo: superfícies, contraste, filtros e indicadores. */
html[data-theme="dark"] .easy-cockpit-page {
    --ec-line: #30435d;
    --ec-text: #edf4ff;
    --ec-muted: #a9bad0;
    --ec-blue: #70a5ff;
    --ec-blue-soft: rgba(59,130,246,.18);
    --ec-green: #58d59d;
    --ec-green-soft: rgba(22,135,91,.2);
    --ec-orange: #ffae73;
    --ec-orange-soft: rgba(199,97,32,.2);
    --ec-red: #ff8585;
    --ec-red-soft: rgba(201,54,54,.2);
    color: var(--ec-text);
}
html[data-theme="dark"] .easy-cockpit-hero { border-color:#294363; background:radial-gradient(circle at 92% 5%,rgba(59,130,246,.25),transparent 35%),linear-gradient(135deg,#14243a,#0f1e33); box-shadow:0 16px 40px rgba(0,0,0,.2); }
html[data-theme="dark"] .easy-cockpit-decision,
html[data-theme="dark"] .easy-cockpit-filters,
html[data-theme="dark"] .easy-cockpit-card,
html[data-theme="dark"] .easy-cockpit-quick-actions button { border-color:var(--ec-line); background:#17273e; color:var(--ec-text); box-shadow:0 12px 34px rgba(0,0,0,.16); }
html[data-theme="dark"] .easy-cockpit-decision { background:rgba(18,38,64,.9); }
html[data-theme="dark"] .easy-cockpit-ai-button { border-color:rgba(96,165,250,.35); background:rgba(59,130,246,.13); color:#93c5fd; }
html[data-theme="dark"] .easy-cockpit-ai-result { border-color:rgba(96,165,250,.22); background:rgba(59,130,246,.09); }
html[data-theme="dark"] .easy-cockpit-chips span,
html[data-theme="dark"] .easy-cockpit-heading > span { border-color:#38506f; background:rgba(18,38,64,.86); color:#bdd0e8; }
html[data-theme="dark"] .easy-cockpit-filters select { border-color:#38506f; background:#0f1e33; color:#edf4ff; }
html[data-theme="dark"] .easy-cockpit-kpi,
html[data-theme="dark"] .easy-cockpit-kpi:nth-child(2),
html[data-theme="dark"] .easy-cockpit-kpi.is-positive,
html[data-theme="dark"] .easy-cockpit-kpi.is-risk { background:linear-gradient(145deg,#17273e,#142238); }
html[data-theme="dark"] .easy-cockpit-kpi:nth-child(2) { border-color:#554477; }
html[data-theme="dark"] .easy-cockpit-kpi:nth-child(2)::after { background:rgba(124,58,237,.2); }
html[data-theme="dark"] .easy-cockpit-kpi.is-positive { border-color:#285c4b; }
html[data-theme="dark"] .easy-cockpit-kpi.is-risk { border-color:#6d3b46; }
html[data-theme="dark"] .easy-cockpit-priority,
html[data-theme="dark"] .easy-cockpit-bridge-grid article { border-color:var(--ec-line); background:#122238; }
html[data-theme="dark"] .easy-cockpit-bridge-grid article.is-result { border-color:#285c4b; background:var(--ec-green-soft); }
html[data-theme="dark"] .easy-cockpit-results { border:1px solid #315681; background:linear-gradient(145deg,#0b2345,#123b6d); }
html[data-theme="dark"] .easy-cockpit-mini-bar i { background:#283b55; }
html[data-theme="dark"] .easy-cockpit-empty,
html[data-theme="dark"] .easy-cockpit-opportunity-empty { border-color:#40546e; background:rgba(15,30,51,.45); }
html[data-theme="dark"] .easy-cockpit-analysis footer { border-color:var(--ec-line); }
html[data-theme="dark"] .easy-cockpit-analysis header > b.is-menu { background:rgba(124,58,237,.2); color:#c4b5fd; }
html[data-theme="dark"] .easy-cockpit-page option { background:#0f1e33; color:#edf4ff; }