/*
 * Watchtower Comms surface — sends/staging/templates panels +
 * SendButton with hold-fill bar. Class names + structure match the
 * locked design (FOP Portal/src/wt-pages.jsx::CommsPage and
 * wt-primitives.jsx::SendButton).
 */

.send-btn {
  position: relative;
  overflow: hidden;
  font-family: var(--mono);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid var(--l-2);
  background: var(--c-2);
  color: var(--t-0);
  height: 36px;
  padding: 0 18px;
  user-select: none;
}
.send-btn .lbl { position: relative; z-index: 1; }
.send-btn .bar {
  position: absolute; left: 0; top: 0; bottom: 0;
  background: color-mix(in oklab, var(--act-color, var(--acc)) 38%, transparent);
  z-index: 0;
  transition: width 0.06s linear;
}
.send-btn[data-tier="1"] { --act-color: var(--info); border-color: var(--info); color: var(--info); }
.send-btn[data-tier="1"]:hover:not(:disabled) { background: color-mix(in oklab, var(--info) 16%, transparent); }
.send-btn[data-tier="2"] { --act-color: var(--warn); border-color: var(--warn); color: var(--warn); }
.send-btn[data-tier="2"]:hover:not(:disabled) { background: color-mix(in oklab, var(--warn) 16%, transparent); }
.send-btn[data-tier="2"][data-pressing="1"] { background: color-mix(in oklab, var(--warn) 22%, transparent); }
.send-btn[data-tier="3"] {
  --act-color: var(--crit);
  border-color: var(--crit);
  color: var(--crit);
  background: color-mix(in oklab, var(--crit) 12%, var(--c-2));
}
.send-btn[data-tier="3"]:hover:not(:disabled) { background: color-mix(in oklab, var(--crit) 24%, transparent); }
.send-btn[data-state="sending"] {
  cursor: progress;
  opacity: 0.85;
}
.send-btn:disabled { cursor: not-allowed; opacity: 0.45; }

.comms-template-row { display: grid; grid-template-columns: 40px 1fr; gap: 10px; padding: 8px 12px; }
.comms-staging .field, .comms-staging textarea.field { min-height: 40px; }

.send-receipt { border-color: var(--act-color, var(--l-2)); }
.send-receipt[data-tier="3"] { border-color: var(--crit); }
.send-receipt[data-state="dry-run"] {
  background: repeating-linear-gradient(135deg, transparent 0 12px, color-mix(in oklab, var(--warn) 14%, transparent) 12px 14px);
}

.recent-sends .drow.tier3-row { box-shadow: inset 3px 0 0 var(--crit); }

.dup-modal .body { padding: 22px; }
.dup-modal .big {
  font-family: var(--mono);
  font-size: 16px;
  letter-spacing: 0.10em;
  color: var(--warn);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
.dup-modal .why { color: var(--t-1); font-size: 13px; line-height: 1.5; }