/* ERP.Opening — Opening Journal Entry UI */

.oe-status-banner {
  padding: 10px 14px;
  border-radius: var(--r);
  font-size: 12.5px;
  font-weight: 700;
  margin-bottom: 14px;
  text-align: center;
}

.oe-status-draft {
  background: var(--odoo-orange-l);
  color: #9a3412;
  border: 1px solid #fdba74;
}

.oe-status-posted {
  background: var(--odoo-green-l);
  color: #166534;
  border: 1px solid #86efac;
}

.oe-balance-neutral {
  padding: 10px 14px;
  border-top: 1px solid var(--border);
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
  background: var(--bg);
  color: var(--text-m);
}

.oe-balance-ok {
  padding: 10px 14px;
  border-top: 1px solid var(--border);
  font-size: 12.5px;
  font-weight: 700;
  text-align: center;
  background: var(--odoo-green-l);
  color: #166534;
}

.oe-balance-error {
  padding: 10px 14px;
  border-top: 1px solid var(--border);
  font-size: 12.5px;
  font-weight: 700;
  text-align: center;
  background: var(--odoo-red-l);
  color: #721c24;
}

.oe-lines-header {
  display: grid;
  grid-template-columns: 40px 95px 1fr 110px 110px 1fr 32px;
  background: var(--surface2);
  border-bottom: 1.5px solid var(--border);
}

.oe-lines-header > div {
  padding: 8px 10px;
  font-size: 10.5px;
  font-weight: 700;
  color: var(--text-m);
}

.oe-lines-total {
  display: grid;
  grid-template-columns: 40px 95px 1fr 110px 110px 1fr 32px;
  background: var(--surface2);
  border-top: 2px solid var(--border);
}

.oe-lines-total .oe-total-label {
  grid-column: 3;
  padding: 10px;
  font-weight: 800;
  font-size: 13px;
}

.oe-toolbar {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.oe-line .sb-wrap .sb-dropdown {
  z-index: 1200;
}

.oe-line .oe-code {
  cursor: default;
}

@media (max-width: 900px) {
  .oe-line,
  .oe-lines-header,
  .oe-lines-total {
    grid-template-columns: 1fr !important;
  }
}