/* Equity Coffee - Trade Operations Readability + Mobile Patch */
:root{
  --ec-ink:#21160f;
  --ec-muted:#5f5248;
  --ec-card:#fffaf2;
  --ec-border:#e7d8c8;
  --ec-brown:#7a4526;
  --ec-gold:#c47a2c;
  --ec-green:#0f5b3e;
}
html,body{ transform:none!important; filter:none!important; opacity:1!important; direction:ltr!important; }
body, body *{ text-shadow:none!important; }
body:not(.dark), .ec-full-polish-upgraded{
  color:var(--ec-ink)!important;
  background:linear-gradient(180deg,#fffaf3 0%,#f4eadc 100%)!important;
}
.wrap,.app,.main,.container,main,.shell{ opacity:1!important; filter:none!important; transform:none!important; }
.card,.panel,.pipeline-card,.lotHeader,.step,.dealCard,.summaryCard,.ops-card,.stageCard,.item,.tableWrap,.banner,.empty{
  opacity:1!important; filter:none!important; transform:none!important;
  color:var(--ec-ink)!important;
  background:rgba(255,250,242,.96)!important;
  border-color:var(--ec-border)!important;
  box-shadow:0 14px 34px rgba(72,42,22,.10)!important;
}
h1,h2,h3,h4,.pageTitle,.lotTitle,.title,.name,.big,.brandTxt .big{
  color:var(--ec-ink)!important; opacity:1!important; font-weight:900!important;
}
p,span,div,td,th,label,small,.sub,.muted,.mut,.lotMeta,.role,.small{
  opacity:1!important; filter:none!important;
}
.sub,.muted,.mut,.lotMeta,.role,.small,td .muted{ color:var(--ec-muted)!important; }
.btn,button,a.btn,.chip,.pill,.tag{
  opacity:1!important; filter:none!important; transform:none;
  color:var(--ec-ink)!important;
  border-color:var(--ec-border)!important;
  background:#fff7eb!important;
}
.btn.primary,button.primary,.active,.nav a.active{
  color:#fff!important; background:var(--ec-green)!important; border-color:var(--ec-green)!important;
}
input,select,textarea{
  color:var(--ec-ink)!important; background:#fff!important; border-color:var(--ec-border)!important;
}
input::placeholder,textarea::placeholder{ color:#9b8b7d!important; opacity:1!important; }
table{ background:#fffaf2!important; color:var(--ec-ink)!important; }
th{ background:#f0e2d2!important; color:var(--ec-ink)!important; }
td{ color:var(--ec-ink)!important; }
.topbar,.appTop,.brandbar,.ec-brand-bar{
  opacity:1!important; filter:none!important;
  background:rgba(255,250,242,.97)!important;
  border-bottom:1px solid var(--ec-border)!important;
  color:var(--ec-ink)!important;
}
.nav{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; }
.nav a{ flex:0 0 auto; }
.ec-workflow-help{
  margin:14px 0; padding:16px; border-radius:18px;
  background:#fffaf2; border:1px solid var(--ec-border);
  box-shadow:0 14px 34px rgba(72,42,22,.10); color:var(--ec-ink);
}
.ec-workflow-help h3{ margin:0 0 8px; color:var(--ec-ink); font-size:18px; }
.ec-workflow-help p{ margin:0 0 12px; color:var(--ec-muted); line-height:1.45; }
.ec-workflow-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.ec-workflow-actions a,.ec-workflow-actions button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; padding:10px 14px; border-radius:14px;
  border:1px solid var(--ec-border); background:#fff7eb; color:var(--ec-ink);
  font-weight:800; text-decoration:none; cursor:pointer;
}
.ec-workflow-actions .primary{ background:var(--ec-green)!important; color:#fff!important; border-color:var(--ec-green)!important; }
.ec-empty-strong{
  padding:18px; border:1px dashed var(--ec-border); background:#fffaf2; border-radius:18px;
  color:var(--ec-ink); margin:14px 0;
}
.ec-empty-strong b{ display:block; font-size:18px; margin-bottom:6px; }
@media(max-width:760px){
  .wrap{ margin:0 auto!important; padding:12px 12px 34px!important; }
  .topbar{ position:sticky!important; top:0!important; max-height:132px!important; overflow:hidden!important; }
  .topbarInner{ display:block!important; }
  .nav{ display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; padding:8px 0 4px!important; gap:8px!important; }
  .nav a{ white-space:nowrap!important; padding:9px 12px!important; font-size:13px!important; }
  .pagehead,.appTop,.lotRow1{ align-items:flex-start!important; }
  .lotTitle,.pageTitle,h1{ font-size:24px!important; line-height:1.15!important; }
  .card,.panel,.pipeline-card,.lotHeader{ padding:14px!important; border-radius:18px!important; }
  .grid,.layout,.mainGrid{ display:block!important; }
  .tableWrap{ overflow-x:auto!important; }
  .ec-workflow-actions{ display:grid; grid-template-columns:1fr; }
}
@media print{
  body{ background:#fff!important; color:#111!important; }
  .topbar,.nav,.ec-workflow-help,.btn,button{ display:none!important; }
  .card,.panel,.tableWrap{ box-shadow:none!important; border-color:#ddd!important; background:#fff!important; }
}
