/* Monfer Industrial - aplicativos operacionais independentes */
:root {
  --mi-yellow:#f2c300; --mi-ink:#0d0e0e; --mi-bg:#141515; --mi-card:#1e2020;
  --mi-soft:#272929; --mi-line:#414443; --mi-fg:#f0efe9; --mi-muted:#959791;
  --mi-accent:#f2c300; --mi-accent-rgb:242,195,0;
  color-scheme:dark;
}
body.mi-planner { --mi-accent:#bd7040; --mi-accent-rgb:189,112,64; }
body.mi-sales { --mi-accent:#75ad6b; --mi-accent-rgb:117,173,107; }
body.mi-purchasing { --mi-accent:#d99a45; --mi-accent-rgb:217,154,69; }
body.mi-logistics { --mi-accent:#6795ad; --mi-accent-rgb:103,149,173; }
body.mi-fiscal { --mi-accent:#8e9d72; --mi-accent-rgb:142,157,114; }

body.mi-app {
  --bg:var(--mi-bg); --paper:var(--mi-bg); --paper2:#191b1b;
  --bg-card:var(--mi-card); --card:var(--mi-card); --panel:var(--mi-card);
  --bg-soft:var(--mi-soft); --soft:var(--mi-soft); --field:#111212;
  --fg:var(--mi-fg); --txt:var(--mi-fg); --text:var(--mi-fg); --ink:var(--mi-fg);
  --muted:var(--mi-muted); --line:var(--mi-line); --rule:var(--mi-line);
  --accent:var(--mi-accent); --accent2:var(--mi-accent); --key:var(--mi-soft);
  --accent-soft:rgba(var(--mi-accent-rgb),.13); --sel:rgba(var(--mi-accent-rgb),.17);
  --yellow:#332e12; --cream:#242314; --chip:#292b2b;
  --shadow:0 8px 24px rgba(0,0,0,.25); --shadow-sm:0 2px 8px rgba(0,0,0,.23);
  --shadow-card:0 5px 18px rgba(0,0,0,.22); --shadow-pop:0 24px 60px rgba(0,0,0,.58);
  background:var(--mi-bg)!important; color:var(--mi-fg)!important;
  scrollbar-color:#4b4e4c #141515;
}
body.mi-app::selection { background:var(--mi-accent);color:#111; }
body.mi-app header,
body.mi-app .topbar,
body.mi-app .header {
  background:linear-gradient(180deg,#252727,#171818)!important;
  border-bottom-color:rgba(242,195,0,.28)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.3);
}
body.mi-app h1 { color:var(--mi-fg);letter-spacing:-.025em; }
body.mi-app h1::before { content:'';display:inline-block;width:4px;height:.9em;background:var(--mi-accent);border-radius:2px;margin-right:9px;vertical-align:-.02em; }
body.mi-app h2,body.mi-app h3 { color:var(--mi-fg); }
body.mi-app .card,body.mi-app .panel,body.mi-app .modal {
  background:var(--mi-card)!important;border-color:var(--mi-line)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.2)!important;
}
body.mi-app input:not([type=checkbox]):not([type=radio]),body.mi-app select,body.mi-app textarea {
  background:#111212!important;color:var(--mi-fg)!important;border-color:#474a48!important;
  border-radius:5px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.3);
}
body.mi-app input:focus,body.mi-app select:focus,body.mi-app textarea:focus {
  outline:none!important;border-color:var(--mi-accent)!important;box-shadow:0 0 0 3px rgba(var(--mi-accent-rgb),.17)!important;
}
body.mi-app button,body.mi-app .btn,body.mi-app .act {
  border-radius:5px!important;font-weight:700;box-shadow:none;
}
body.mi-app .btn.primary,body.mi-app .btn-main,body.mi-app button.primary,
body.mi-app .act.primary,body.mi-app .save {
  background:var(--mi-yellow)!important;border-color:var(--mi-yellow)!important;color:#151515!important;
}
body.mi-app table { border-color:var(--mi-line); }
body.mi-app th.mi-sortable{cursor:pointer;user-select:none;white-space:nowrap}body.mi-app th.mi-sortable::after{content:'⇅';margin-left:6px;color:var(--mi-muted);font-size:10px}body.mi-app th.mi-sortable:hover,body.mi-app th.mi-sort-active{color:var(--mi-accent)!important}body.mi-app th.mi-sort-active[data-sort-dir="asc"]::after{content:'▲'}body.mi-app th.mi-sort-active[data-sort-dir="desc"]::after{content:'▼'}
body.mi-app th { background:#292b2b!important;color:#bfc0ba!important;border-color:#4a4d4c!important;text-transform:uppercase;letter-spacing:.045em;font-size:10px; }
body.mi-app td { border-color:#373a39!important; }
body.mi-app tbody tr:nth-child(even) { background:#202222; }
body.mi-app tbody tr:hover { background:rgba(var(--mi-accent-rgb),.09)!important; }
body.mi-app .tabs,body.mi-app .nav,body.mi-app .toolbar { border-color:var(--mi-line)!important; }
body.mi-app .active { border-color:var(--mi-accent); }
body.mi-app .badge,body.mi-app .pill,body.mi-app .chip { border-radius:999px; }
body.mi-app .overlay { background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px); }
body.mi-app a { color:var(--mi-accent); }
body.mi-app :is(.num,.money,.currency,.price,.total,.valor,[class*="-value"]) { white-space:nowrap;word-break:keep-all;overflow-wrap:normal;font-variant-numeric:tabular-nums; }
body.mi-app ::-webkit-scrollbar{width:9px;height:9px}body.mi-app ::-webkit-scrollbar-track{background:#141515}body.mi-app ::-webkit-scrollbar-thumb{background:#484b49;border:2px solid #141515;border-radius:8px}body.mi-app ::-webkit-scrollbar-thumb:hover{background:var(--mi-accent)}

/* Planner: quente e um pouco menos denso, mantendo a sensacao de quadro. */
body.mi-planner .board,body.mi-planner .lane,body.mi-planner .column { background:#191a19!important;border-color:#3f403c!important; }
body.mi-planner .task,body.mi-planner .task-card,body.mi-planner .note { background:#242522!important;border-color:#494941!important; }
body.mi-planner .task:hover,body.mi-planner .task-card:hover { border-color:var(--mi-accent)!important; }

/* Venda: maxima legibilidade e velocidade operacional. */
body.mi-sales .totcard-sticky { border-top:3px solid var(--mi-yellow)!important;box-shadow:0 -10px 28px rgba(0,0,0,.3)!important; }
body.mi-sales .price,body.mi-sales .total,body.mi-sales [class*="total"] strong { font-variant-numeric:tabular-nums; }
body.mi-sales kbd { background:var(--mi-yellow);color:#151515;border:0; }

/* Compras e fiscal: tabelas mais compactas em monitor HD. */
body.mi-purchasing table td,body.mi-purchasing table th,
body.mi-fiscal table td,body.mi-fiscal table th { padding-top:7px!important;padding-bottom:7px!important; }

@media(max-width:1440px),(max-height:820px){
  body.mi-app{font-size:13px!important}body.mi-app .wrap{padding:12px!important}body.mi-app header{padding:9px 13px!important}
  body.mi-app .card{border-radius:6px!important}body.mi-app .btn,body.mi-app button{min-height:30px}
}
@media(min-width:2200px){body.mi-app .wrap{max-width:2100px!important;padding-inline:48px!important}}
@media(prefers-reduced-motion:reduce){body.mi-app *,body.mi-app *::before,body.mi-app *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.mi-theme-toggle{position:fixed;right:14px;bottom:14px;z-index:99999;width:42px;height:42px;border-radius:50%!important;background:#292b2b!important;color:#f2c300!important;border:1px solid #4b4e4c!important;box-shadow:0 6px 20px rgba(0,0,0,.35)!important;font-size:18px!important;display:flex;align-items:center;justify-content:center;padding:0!important}
.mi-theme-toggle:hover{border-color:#f2c300!important;transform:translateY(-1px)}

html[data-theme="light"] body.mi-app{
  --mi-bg:#e9e7df;--mi-card:#f8f7f2;--mi-soft:#e5e2d9;--mi-line:#c8c5ba;--mi-fg:#252622;--mi-muted:#797b73;
  --bg:#e9e7df;--paper:#e9e7df;--paper2:#dfdcd3;--bg-card:#f8f7f2;--card:#f8f7f2;--panel:#f8f7f2;
  --bg-soft:#e5e2d9;--soft:#e5e2d9;--field:#fffef9;--fg:#252622;--txt:#252622;--text:#252622;--ink:#252622;
  --muted:#797b73;--line:#c8c5ba;--rule:#c8c5ba;--key:#565851;--chip:#e5e2d9;color-scheme:light;
  background:#e9e7df!important;color:#252622!important;
}
html[data-theme="light"] body.mi-app :is(header,.topbar,.header){background:#e3e0d7!important;background-image:none!important;border-bottom-color:rgba(168,133,0,.35)!important;box-shadow:0 6px 18px rgba(45,43,36,.13)}
html[data-theme="light"] body.mi-app :is(.card-header,.panel-header,.box-header,.section-header,.modal-header,.mh){background:#e3e0d7!important;background-image:none!important;color:#252622!important;border-color:#bbb7ad!important}
html[data-theme="light"] body.mi-app :is(.card,.panel,.modal){background:#f8f7f2!important;border-color:#c8c5ba!important;box-shadow:0 4px 15px rgba(45,43,36,.09)!important}
html[data-theme="light"] body.mi-app input:not([type=checkbox]):not([type=radio]),html[data-theme="light"] body.mi-app select,html[data-theme="light"] body.mi-app textarea{background:#fffef9!important;color:#252622!important;border-color:#bcb9ae!important;color-scheme:light}
html[data-theme="light"] body.mi-app :is(button,.btn,.act):not(.primary):not(.ok){background:#e5e2d9;color:#3f413c;border-color:#bbb7ac}
html[data-theme="light"] body.mi-app th{background:#dedbd2!important;color:#565850!important;border-color:#b8b4aa!important}
html[data-theme="light"] body.mi-app td{border-color:#d4d1c8!important}html[data-theme="light"] body.mi-app tbody tr:nth-child(even){background:#eeece5}html[data-theme="light"] body.mi-app tbody tr:hover{background:rgba(var(--mi-accent-rgb),.1)!important}
html[data-theme="light"] .mi-theme-toggle{background:#fffef9!important;color:#554a13!important;border-color:#aaa69a!important;box-shadow:0 6px 18px rgba(45,43,36,.18)!important}