/* e-Invoice (MyInvois) module */
.ei-inline { display: inline-flex; margin: 0; }
.ei-wrap { word-break: break-all; overflow-wrap: anywhere; }
.ei-sim { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--warn); background: var(--warn-bg); border-radius: 6px; padding: 2px 7px; vertical-align: middle; }
.ei-panel h2 { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.ei-panel .ei-state { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.ei-qr-block { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 16px; align-items: start; margin: 12px 0; }
.ei-qr { width: 148px; height: 148px; background: #fff; border: 1px solid var(--line); border-radius: 8px; display: grid; place-items: center; }
.ei-qr svg { width: 140px; height: 140px; display: block; }
.ei-qr:empty::after { content: 'QR'; color: var(--muted); font-size: .8rem; }
.ei-qr-meta dl { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; font-size: .86rem; }
.ei-qr-meta dt { font-size: .78rem; color: var(--muted); }
.ei-qr-meta dd { margin: 0; font-weight: 600; min-width: 0; word-break: break-all; }
.ei-qr-meta code { font-size: .78rem; }
.ei-errors { margin: 6px 0 10px; padding-left: 20px; color: var(--bad); }
.ei-errors li { margin: 2px 0; }
.ei-buyer { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 10px 12px; border-radius: 10px; background: #f6f8f7; border: 1px solid var(--line); margin: 10px 0; font-size: .9rem; }
.ei-buyer .grow { min-width: 180px; }
.ei-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-end; margin-top: 10px; }
.ei-actions form { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 0; }
.ei-actions input[name=reason] { width: auto; flex: 1 1 180px; min-width: 0; }
.ei-history { margin-top: 12px; font-size: .86rem; }
.ei-history summary { cursor: pointer; color: var(--brand-2); font-weight: 600; }
.ei-history li { flex-wrap: wrap; }
.ei-tiles .tile { text-decoration: none !important; color: inherit; }
.ei-tiles .tile.on { border-color: var(--brand-2); box-shadow: inset 0 0 0 1px var(--brand-2); }
.ei-tiles { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.ei-links { display: flex; gap: 8px; flex-wrap: wrap; }
.ei-note-lines td { padding: 6px 6px; }
.ei-note-lines input { min-width: 0; }
.ei-note-lines .ei-desc { min-width: 220px; }
.ei-note-lines .ei-qty { width: 76px; }
.ei-note-lines .ei-price { width: 110px; }
.ei-total { font-size: 1.15rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.ei-dash ul { margin-top: 4px; }
.ei-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px 16px; margin: 0; }
.ei-kv div { min-width: 0; }
.ei-kv dt { font-size: .76rem; color: var(--muted); }
.ei-kv dd { margin: 0; font-weight: 600; word-break: break-word; }
.ei-secret { font-family: ui-monospace, Consolas, monospace; }
.field-err { color: var(--bad); font-weight: 500; font-size: .8rem; }
label.has-err input, label.has-err select { border-color: var(--bad); }
.ei-doc .doc-table td { word-break: break-word; }
.ei-steps { list-style: none; padding: 0; margin: 8px 0; display: flex; flex-direction: column; gap: 6px; font-size: .86rem; }
.ei-steps li::before { content: '•'; color: var(--brand-2); margin-right: 8px; }
@media (max-width: 600px) {
  .ei-panel > .row.between { flex-direction: column; align-items: flex-start; }
  .ei-qr-block { grid-template-columns: 1fr; }
  .ei-qr { width: 132px; height: 132px; }
  .ei-qr svg { width: 124px; height: 124px; }
  .ei-qr-meta dl { grid-template-columns: 1fr; gap: 0 0; }
  .ei-qr-meta dd { margin-bottom: 6px; }
  .ei-note-lines .ei-desc { min-width: 160px; }
}
@media print {
  .ei-panel { border: 1px solid #ddd !important; break-inside: avoid; }
  .ei-history, .ei-actions { display: none !important; }
}
