/* 70-field.css — FIELD mode: one column, big targets. */

.fld-wrap { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }

.fld-id { display: flex; align-items: center; gap: 12px; padding: 10px 14px; }
.fld-id-badge {
  width: 40px; height: 40px; border-radius: 3px;
  background: var(--ink); color: var(--card);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; flex-shrink: 0;
}
:root[data-theme="dark"] .fld-id-badge { color: #14181B; }
.fld-id-name {
  background: none; border: 0; cursor: pointer; color: var(--ink);
  font-family: var(--font-draw); font-weight: 600; text-transform: uppercase;
  letter-spacing: .05em; font-size: 15px; text-align: left; padding: 0;
}
.fld-id-name:hover { color: var(--blueline); }

.fld-sec { display: flex; flex-direction: column; gap: 9px; }
.fld-h { font-size: 13px; color: var(--steel); margin-top: 6px; }
.fld-q { font-size: 17px; padding: 12px; }

.fld-order, .fld-rack {
  display: flex; flex-direction: column; gap: 7px; align-items: flex-start;
  padding: 13px 15px; cursor: pointer; text-align: left; font-size: 14px;
  color: var(--ink); width: 100%;
}
.fld-order:hover, .fld-rack:hover { border-color: var(--blueline); }
.fld-order .meter, .fld-rack .meter { align-self: stretch; }
.fld-order-title { font-weight: 600; font-size: 15px; }
.fld-rack-name { font-size: 18px; }

.fld-rackhead { padding: 15px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.fld-rackhead .meter { align-self: stretch; }
.fld-rackhead-name { font-size: 24px; }
.fld-stamps { display: flex; gap: 8px; flex-wrap: wrap; }
.fld-stamp { font-size: 13px; padding: 9px 13px; }

.fld-order-top { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.fld-order-rack { font-size: 17px; }
.fld-order.blocked { border-color: var(--redline); }
.fld-gate-scope { color: var(--blueline); }
.fld-blocked {
  align-self: stretch; font-size: 13.5px; color: var(--redline);
  background: var(--redline-soft); border: 1px solid var(--redline); border-radius: 3px;
  padding: 8px 11px;
}
.fld-rackacts { display: flex; gap: 8px; flex-wrap: wrap; }
.fld-stamp-big { font-size: 15px; padding: 12px 18px; }

.fld-cable { padding: 11px 13px; display: flex; flex-direction: column; gap: 9px; }
.fld-cable-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fld-cable-top .cid { font-size: 13.5px; padding: 4px 10px 4px 8px; }
.fld-cable-far { font-size: 12px; }
.fld-cable-stamps { display: flex; gap: 6px; flex-wrap: wrap; }