.offer { border: 1px solid transparent; }
.offer-status { font-size: 9px; font-weight: 800; letter-spacing: .08em; border-radius: 999px; padding: 6px 8px; white-space: nowrap; }
.offer.pending { border-color: rgba(255,190,62,.25); }
.offer.pending .offer-status { color: #ffc857; background: rgba(255,190,62,.1); }
.offer.accepted { border-color: rgba(66,232,154,.3); }
.offer.accepted .offer-status { color: var(--green); background: rgba(66,232,154,.1); }
.offer.rejected { opacity: .72; border-color: rgba(255,92,115,.22); }
.offer.rejected .offer-status { color: #ff8797; background: rgba(255,92,115,.1); }
.danger { border-color: rgba(255,92,115,.55) !important; color: #ff8797 !important; background: rgba(255,92,115,.06) !important; }
.share-modal { width: min(92vw,480px); }
.share-preview { padding: 24px; border-radius: 18px; background: radial-gradient(circle at 80% 0,rgba(135,88,255,.35),transparent 45%),linear-gradient(145deg,#101f34,#07111f); border: 1px solid rgba(49,230,209,.35); }
.share-preview span { font-size: 10px; letter-spacing: .17em; color: var(--cyan); font-weight: 800; }
.share-preview h3 { font-size: 27px; margin: 10px 0 7px; }
.share-preview p { font-size: 12px; line-height: 1.6; color: #c4cede; white-space: pre-line; }
.share-preview small { display: block; color: var(--muted); margin-top: 16px; }
.share-actions { display: grid; gap: 9px; margin-top: 14px; }
.share-actions .primary { width: 100%; }
.push-enable { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; padding: 14px 16px; margin-bottom: 8px; border: 1px solid rgba(49,230,209,.45); border-radius: 13px; background: linear-gradient(135deg,rgba(49,230,209,.12),rgba(135,88,255,.12)); color: white; cursor: pointer; }
.push-enable b,.push-enable small { display: block; }
.push-enable b { color: var(--cyan); font-size: 12px; }
.push-enable small { color: var(--muted); font-size: 9px; }
.push-enable.enabled { border-color: rgba(66,232,154,.45); background: rgba(66,232,154,.08); cursor: default; }
.push-enable.enabled b { color: var(--green); }
.push-status { margin: 0 0 12px; padding: 0 4px; color: var(--muted); font-size: 9px; }