/* modulo: economia — lire, botteghe, debito.
   Stile allineato a css/base.css: carta crema, bordi inchiostro, font pixel. */

/* ---------------- bottega ---------------- */
.ecshop { text-align: left; }
.ecshop .cnum, .ecshop .csub { text-align: center; }

/* riga del saldo sotto l’insegna */
.ecbal {
  font-size: 8px; line-height: 1.9; text-align: center;
  background: #fff8e8; border: 2px solid var(--ink); border-radius: 4px;
  padding: 6px 8px; margin-bottom: 8px;
}
.ecdeb { color: #7a2c2c; }

/* navigazione a linguette (bottega e scheda CONTI) */
.ecnav { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px; }
.ectab {
  font-family: inherit; font-size: 7px; padding: 7px 6px; cursor: pointer;
  border: 2px solid var(--ink); background: #e8dcc0; border-radius: 4px;
}
.ectab.on { background: var(--acc); }

/* messaggio del bottegaio dopo un’operazione */
.ecmsg {
  font-size: 8px; line-height: 1.8; color: #2c4a2c;
  background: #f0e8cc; border: 2px dashed var(--ink); border-radius: 4px;
  padding: 7px 8px; margin-bottom: 8px;
}

/* elenco scorrevole del listino / dell’usato */
.eclist { max-height: 46dvh; overflow: auto; margin-bottom: 4px; }

/* voce di listino: nome a sinistra, prezzo a destra */
.ecitem { position: relative; padding-right: 8px; }
.ecprice { float: right; font-size: 8px; color: #7a2c2c; margin-left: 6px; }
.ecprice.cred { color: #9a7a2c; }
.ecqty { font-size: 7px; color: #7a6a4a; margin-left: 5px; }

/* insegna: la nota storica della bottega */
.ecnota {
  font-size: 8px; line-height: 1.9; text-align: left;
  border-left: 3px solid var(--acc); padding-left: 8px; margin-bottom: 8px;
}

/* conferma dell’acquisto a credito */
.eccred { font-size: 8px; line-height: 1.8; }
.ecdomanda { margin-bottom: 6px; }
.eccred .dim { display: block; margin-bottom: 8px; }

/* ---------------- scheda CONTI ---------------- */
.ecgrande {
  font-size: 20px; color: #7a2c2c; text-align: center;
  margin: 4px 0 10px; text-shadow: 2px 2px 0 #e0d4b0;
}
.ecgrande span { font-size: 9px; color: #4a4034; }

/* barra del debito, con la tacca della soglia dei creditori */
.ecdebbar {
  position: relative; height: 9px; margin: 6px 0 8px;
  background: #5a5244; border: 2px solid var(--ink); border-radius: 3px; overflow: hidden;
}
.ecdebbar > i { display: block; height: 100%; background: #a04040; }
.ecdebbar > u {
  position: absolute; top: 0; bottom: 0; width: 2px;
  background: #f8f0d8; box-shadow: 0 0 0 1px #2c2418;
}

.ecalert { color: #7a2c2c; }

/* riga del libro mastro */
.ecmov {
  display: flex; align-items: center; gap: 8px; font-size: 8px; line-height: 1.7;
  background: #fff8e8; border: 2px solid var(--ink); border-radius: 4px;
  padding: 6px 8px; margin-bottom: 4px;
}
.ecmov > span:first-child { flex: 1 1 auto; min-width: 0; }
.ecmov > b { flex: 0 0 auto; }
.ecmov > b.up { color: #2c5a2c; }
.ecmov > b.dn { color: #7a2c2c; }
.ecmov > b.nl { color: #7a6a4a; }
.ecmov > .dim { flex: 0 0 auto; font-size: 7px; }