.buyer {
  position:relative;
  flex:3 1 340px
}
.client-picked {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 10px;
  min-height:36px
}
.client-name-input {
  flex:1 1 280px;
  min-width:0;
  font-weight:700
}
.deal-ref {
  color:var(--muted);
  font-size:var(--small)
}
.client-results {
  position:absolute;
  z-index:10;
  inset-inline:0;
  top:100%;
  display:grid;
  gap:2px;
  padding:6px;
  background:var(--bg);
  border:1px solid var(--input-border);
  border-radius:var(--radius);
  box-shadow:0 8px 24px -12px rgba(0,0,0,.35)
}
.client-results p {
  margin:4px 6px
}
.editor-layout .client-results button {
  display:block;
  text-align:start;
  border-radius:6px;
  background:transparent;
  font-weight:400;
  padding:6px 8px
}
.client-results button:hover {
  background:var(--panel)
}
.tag {
  font-weight:700;
  margin-inline-end:4px
}
.hint {
  color:var(--muted);
  font-size:var(--small)
}
.unknown-note {
  color:var(--muted)
}
.head-row,.line-edit {
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:6px 10px;
  margin-bottom:8px
}
.head-row label,.line-edit label,.head-row .field {
  flex:1 1 130px
}
.head-row .wide,.line-edit .wide {
  flex:2 1 200px
}
.line-edit .qty {
  flex:0 0 90px
}
.row-label {
  align-self:center;
  font-size:var(--small);
  font-weight:600
}
.head-row .vat-toggle {
  flex:0 0 auto;
  align-self:center
}
.comment {
  display:grid
}
.line-edit {
  padding:8px;
  background:var(--panel);
  border-radius:var(--radius)
}
.fallback {
  padding:20px;
  background:var(--panel)
}
fieldset {
  border:0;
  margin:0;
  padding:0;
  min-width:0
}
fieldset:disabled {
  opacity:.8
}
.read-only {
  margin-block:8px
}
.revision-alert {
  padding:12px 16px;
  background:var(--panel);
  border:2px solid var(--red);
  margin-block:12px
}
[hidden] {
  display:none!important
}
#session-error:not(:empty) {
  position:fixed;
  bottom:16px;
  inset-inline:24px;
  background:var(--bg);
  border:2px solid var(--red);
  padding:16px;
  z-index:20
}
.head-row .field {
  display:grid;
  gap:2px;
  font-size:var(--small)
}
.toast {
  position:fixed;
  left:50%;
  bottom:16px;
  z-index:30;
  translate:-50% 0;
  max-width:min(640px,calc(100vw - 32px));
  display:flex;
  align-items:center;
  gap:8px 12px;
  flex-wrap:wrap;
  padding:10px 14px;
  background:var(--text);
  color:var(--bg);
  border-radius:var(--radius);
  font-size:var(--small)
}
.toast .text-button {
  color:var(--bg);
  min-height:0
}
.vat-line {
  flex:2 1 300px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 12px;
  font-size:var(--small)
}
.vat-auto {
  color:var(--muted)
}