/* ============================================================
   TradeRail Field Portal — PR369 Manual SOV styles
   Brand colors: #FF6B00 (orange), #1A1A2E (dark navy).
   Additive only — scoped to .sov-* class names.
   ============================================================ */

.sov-chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  color: #FFFFFF;
}

/* BRIDGE chip: dark navy background, white text. */
.sov-chip-bridge {
  background: #1A1A2E;
}

/* MANUAL chip: orange background, white text. */
.sov-chip-manual {
  background: #FF6B00;
}

/* LOCK / Pending CO chip: grey background with lock affordance. */
.sov-chip-lock {
  background: #6B7280;
  color: #FFFFFF;
}
.sov-chip-lock::before {
  content: "\01F512"; /* lock glyph from font, not an emoji asset */
  margin-right: 4px;
}

/* TRai insight bar in the SOV panel header. */
.sov-trai {
  border: 1px solid #1A1A2E;
  border-left: 4px solid #FF6B00;
  background: #F7F7FB;
  padding: 8px 12px;
  border-radius: 6px;
  margin: 8px 0;
  font-size: 13px;
  color: #1A1A2E;
}
.sov-trai-line { margin: 2px 0; }

/* Contract value warning banner (non-blocking). */
.sov-warning-banner {
  border: 1px solid #FF6B00;
  background: #FFF3EA;
  color: #1A1A2E;
  padding: 10px 14px;
  border-radius: 6px;
  margin: 8px 0;
  font-size: 13px;
}
.sov-banner-dismiss {
  margin-left: 8px;
  border: 1px solid #1A1A2E;
  background: #FFFFFF;
  color: #1A1A2E;
  border-radius: 4px;
  padding: 2px 10px;
  cursor: pointer;
  font-size: 12px;
}

/* Action buttons injected per row. */
.sov-act-edit,
.sov-act-del,
.sov-add-btn {
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #1A1A2E;
  background: #FFFFFF;
  color: #1A1A2E;
}
.sov-act-edit { margin-right: 6px; }
.sov-add-btn {
  background: #FF6B00;
  border-color: #FF6B00;
  color: #FFFFFF;
  font-weight: 700;
}

.sov-addrow-footer {
  padding: 8px 0;
}

/* Inline two-tap confirm strip (no native confirm dialogs). */
.sov-confirm-strip {
  background: #FFF3EA;
  border: 1px solid #FF6B00;
  border-radius: 6px;
  padding: 8px 12px;
  margin: 4px 0;
  font-size: 13px;
  color: #1A1A2E;
}
.sov-confirm-strip .sov-confirm-yes {
  background: #FF6B00;
  border: 1px solid #FF6B00;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 3px 12px;
  cursor: pointer;
  margin-right: 6px;
  font-weight: 700;
}
.sov-confirm-strip .sov-confirm-no {
  background: #FFFFFF;
  border: 1px solid #1A1A2E;
  color: #1A1A2E;
  border-radius: 4px;
  padding: 3px 12px;
  cursor: pointer;
}

/* Cost code cell locked in edit mode (grey, non-editable). */
.sov-cell-locked {
  background: #ECECEC;
  color: #6B7280;
}

/* Drag handle column (desktop). Hidden under 768px; mobile uses arrows. */
.sov-drag-handle {
  cursor: grab;
  color: #6B7280;
  user-select: none;
}
@media (max-width: 767px) {
  .sov-drag-handle { display: none; }
}
.sov-reorder-mobile {
  display: none;
}
@media (max-width: 767px) {
  .sov-reorder-mobile { display: inline-flex; flex-direction: column; }
}