/* Same 2–1–2 proportions in all interfaces. */
@font-face { font-family: "Roboto Mono"; src: url("../fonts/RobotoMono-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
.vendor-label { --label-size: 1.5rem; box-sizing: border-box; display: inline-grid; flex: 0 0 auto; grid-template-columns: 2fr 1fr 2fr; align-items: center; direction: ltr; font-family: "Roboto Mono", monospace; font-style: normal; font-weight: 400; line-height: 1.2; width: 6.5em; max-width: 100%; height: 2em; font-size: var(--label-size); padding: .35em .45em; color: #14372d; background: white; border: 1px solid var(--border, #b9c1bc); border-radius: .2em; white-space: nowrap; }
.vendor-label--l { --label-size: clamp(2rem, 12vw, 4rem); }
.vendor-label--m { --label-size: 1.5rem; }
.vendor-label--s { --label-size: 1rem; }
.vendor-label > :first-child { text-align: left; }
.vendor-label > :nth-child(2) { text-align: center; }
.vendor-label > :last-child { text-align: right; }
.marker-identity { display: inline-flex; flex-direction: column; align-items: center; gap: .15rem; max-width: 100%; vertical-align: middle; }
.marker-identity-pk { font-size: .75rem; font-weight: 400; white-space: nowrap; color: var(--bs-secondary-color, var(--muted, #53635b)); }
.label-input {display:inline-grid; grid-template-columns:4.25rem 3.25rem 4.25rem; max-width:100%; align-items:center; gap:0; direction:ltr; font-family:"Roboto Mono",monospace; font-weight:400; line-height:1.2;}
.label-input > input {width:100%; min-width:0; font:inherit; font-size:1rem; height:var(--ol-input-height,2.75rem); min-height:var(--ol-input-height,2.75rem); padding:.5rem; box-sizing:border-box; text-align:center; background:#fff !important; color:#14372d !important; border:1px solid #9aa9a3; border-radius:0;}
.label-input > input + input {margin-left:-1px;}
.label-input > input:first-child {border-radius:.375rem 0 0 .375rem;}
.label-input > input:last-child {border-radius:0 .375rem .375rem 0;}
.label-input > input:focus {position:relative; z-index:1; outline:2px solid #168365; outline-offset:-2px;}
.marker-status {display:inline-flex; align-items:center; justify-content:center; width:1.75rem; height:1.75rem; font-size:1.15rem; font-weight:700; border-radius:50%;}
.marker-status--available {color:#075b36; background:#d8f1e4;}
.marker-status--investigation {color:#684b00; background:#fff0b8;}
.marker-status--blocked {color:#a71d2a; background:#fbe1e4;}

.label-input-field {display:grid;gap:.375rem;justify-items:start;} .label-input-field > label {margin-bottom:0;}