/* ============================================
           URGENCY CARD - Modern Engaging Design
           ============================================ */
        .urgency-card,
        .urgency-card.urgency-message,
        #defaultUrgencyBanner.urgency-card {
          background: #fff !important;
          border-radius: 14px !important;
          margin: 16px 0 !important;
          padding: 0 !important;
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
          overflow: hidden !important;
          border: 1px solid #e8e0d8 !important;
          animation: none !important;
          text-align: left !important;
          color: inherit !important;
        }
        
        .urgency-card::before {
          display: none !important;
        }

        /* Legacy urgency coupon card styles, kept for cached markup. */
        .urgency-coupon-card {
          background: linear-gradient(135deg, #fff7ed 0%, #ffe4cc 50%, #fecaca 100%) !important;
          border: 2px dashed #dc2626 !important;
          padding: 16px 14px 14px !important;
          margin: 14px 12px !important;
          text-align: center !important;
          -webkit-tap-highlight-color: transparent;
        }
        .urgency-coupon-badge-row {
          display: flex;
          justify-content: center;
          margin-bottom: 10px;
        }
        .urgency-coupon-flash-badge {
          display: inline-flex;
          align-items: center;
          gap: 4px;
          background: linear-gradient(90deg, #dc2626, #ef4444);
          color: #ffffff;
          font-size: 11px;
          font-weight: 800;
          letter-spacing: 1.2px;
          padding: 6px 14px;
          border-radius: 999px;
          box-shadow: 0 3px 10px rgba(220, 38, 38, 0.32);
          animation: urgencyFlashPulse 1.6s ease-in-out infinite;
          text-transform: uppercase;
          white-space: nowrap;
        }
        @keyframes urgencyFlashPulse {
          0%, 100% { transform: scale(1);   box-shadow: 0 3px 10px rgba(220, 38, 38, 0.32); }
          50%      { transform: scale(1.06); box-shadow: 0 5px 18px rgba(220, 38, 38, 0.55); }
        }
        .urgency-coupon-hero { margin: 0 0 14px; }
        .urgency-coupon-headline {
          margin: 0 0 6px;
          font-size: 22px;
          font-weight: 800;
          color: #7f1d1d;
          letter-spacing: 0.3px;
          line-height: 1.15;
          font-family: inherit;
        }
        .urgency-coupon-sub {
          margin: 0 auto;
          font-size: 14px;
          color: #9a3412;
          line-height: 1.45;
          max-width: 420px;
          padding: 0 4px;
        }
        .urgency-coupon-sub strong {
          color: #b91c1c;
          font-weight: 800;
          background: #ffffff;
          padding: 1px 7px;
          border-radius: 6px;
          white-space: nowrap;
        }
        .urgency-coupon-code-row {
          display: flex;
          align-items: stretch;
          gap: 8px;
          max-width: 360px;
          margin: 0 auto 10px;
        }
        .urgency-coupon-code {
          flex: 1;
          background: #ffffff;
          border: 1.5px dashed #dc2626;
          border-radius: 10px;
          /* iOS won't zoom inputs ≥ 16px; same threshold avoids visual shift */
          padding: 13px 10px;
          font-family: 'SF Mono', Menlo, Consolas, monospace;
          font-size: 20px;
          font-weight: 800;
          letter-spacing: 3px;
          color: #7f1d1d;
          text-align: center;
          user-select: all;
          -webkit-user-select: all;
          min-height: 48px;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .urgency-coupon-copy-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 6px;
          background: #1f2937;
          color: #ffffff;
          border: none;
          border-radius: 10px;
          padding: 0 18px;
          min-height: 48px;
          min-width: 88px;
          font-size: 14px;
          font-weight: 700;
          letter-spacing: 0.3px;
          cursor: pointer;
          white-space: nowrap;
          transition: background 0.15s, transform 0.08s;
          -webkit-tap-highlight-color: transparent;
          font-family: inherit;
        }
        .urgency-coupon-copy-btn:hover { background: #111827; }
        .urgency-coupon-copy-btn:active { transform: scale(0.97); }
        .urgency-coupon-copy-btn.copied { background: #10b981; }
        .urgency-coupon-copy-btn i { font-size: 13px; }
        .urgency-coupon-instruction {
          font-size: 13px;
          color: #7c2d12;
          margin: 0 auto 12px;
          padding: 0 8px;
          max-width: 360px;
          line-height: 1.4;
        }
        .urgency-coupon-instruction strong { color: #7f1d1d; font-weight: 800; }
        .urgency-coupon-instruction i { color: #dc2626; margin-right: 4px; }
        /* Tighter timer when nested in the legacy coupon card */
        .urgency-coupon-timer {
          border-radius: 12px !important;
          margin: 0 auto !important;
          padding: 14px 18px !important;
          max-width: 360px !important;
        }
        .urgency-coupon-timer .timer-label {
          font-size: 0.85rem !important;
          margin-bottom: 8px !important;
        }
        .urgency-coupon-timer .timer-digits {
          font-size: 1.6rem !important;
          letter-spacing: 1.5px !important;
        }
        @media (max-width: 380px) {
          .urgency-coupon-card { padding: 14px 10px 12px !important; margin: 12px 10px !important; }
          .urgency-coupon-headline { font-size: 19px; }
          .urgency-coupon-sub { font-size: 13px; }
          .urgency-coupon-code { font-size: 18px; letter-spacing: 2.5px; }
          .urgency-coupon-copy-btn { padding: 0 14px; min-width: 76px; }
          .urgency-coupon-instruction { font-size: 12.5px; }
        }

        /* Timer Hero Section */
        .urgency-timer-hero {
          background: linear-gradient(135deg, #2c2420 0%, #3d322c 100%) !important;
          padding: 22px 20px !important;
          text-align: center !important;
          position: relative !important;
          overflow: hidden !important;
        }

        .timer-glow {
          position: absolute !important;
          top: -50% !important;
          left: -50% !important;
          width: 200% !important;
          height: 200% !important;
          background: radial-gradient(circle, rgba(210, 180, 140, 0.08) 0%, transparent 60%) !important;
          animation: none !important;
        }

        .timer-content {
          position: relative !important;
          z-index: 1 !important;
        }

        .timer-label {
          font-family: 'Cormorant Garamond', 'Georgia', serif !important;
          font-size: 0.9rem !important;
          font-weight: 500 !important;
          color: rgba(255, 255, 255, 0.8) !important;
          text-transform: none !important;
          letter-spacing: 0.3px !important;
          margin-bottom: 10px !important;
        }

        .timer-display {
          background: rgba(255, 255, 255, 0.07) !important;
          backdrop-filter: blur(10px) !important;
          -webkit-backdrop-filter: blur(10px) !important;
          border-radius: 10px !important;
          padding: 10px 22px !important;
          display: inline-block !important;
          border: 1px solid rgba(255, 255, 255, 0.1) !important;
        }

        .timer-digits {
          font-family: 'SF Mono', 'Monaco', 'Consolas', monospace !important;
          font-size: 1.75rem !important;
          font-weight: 600 !important;
          color: #f5ebe0 !important;
          letter-spacing: 2px !important;
          text-shadow: none !important;
        }

        .timer-sublabel {
          font-size: 0.8rem !important;
          color: rgba(255, 255, 255, 0.55) !important;
          margin-top: 8px !important;
          font-weight: 400 !important;
        }

        /* Info Section */
        .urgency-info {
          display: flex !important;
          align-items: flex-start !important;
          gap: 12px !important;
          padding: 14px 18px !important;
          background: #faf7f4 !important;
          border-bottom: none !important;
        }

        .info-icon {
          font-size: 1.25rem !important;
          line-height: 1 !important;
          flex-shrink: 0 !important;
        }

        .info-text {
          font-size: 0.8rem !important;
          line-height: 1.6 !important;
          color: #6b5e54 !important;
          margin: 0 !important;
        }

        .info-text strong {
          color: #3d322c !important;
          font-weight: 600 !important;
        }

        /* Activity Section */
        .urgency-activity {
          display: none !important; /* DISABLED */
        }

        .activity-header {
          display: flex !important;
          justify-content: space-between !important;
          align-items: center !important;
          margin-bottom: 12px !important;
          flex-wrap: wrap !important;
          gap: 8px !important;
        }

        .live-indicator {
          display: flex !important;
          align-items: center !important;
          gap: 6px !important;
          font-size: 0.75rem !important;
          font-weight: 600 !important;
          color: #333 !important;
          text-transform: uppercase !important;
          letter-spacing: 0.5px !important;
        }

        .live-dot {
          width: 8px !important;
          height: 8px !important;
          background: #22c55e !important;
          border-radius: 50% !important;
          animation: livePulse 1.5s ease-in-out infinite !important;
          box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4) !important;
        }

        @keyframes livePulse {
          0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); transform: scale(1); }
          50% { box-shadow: 0 0 0 6px rgba(34, 197, 94, 0); transform: scale(1.1); }
          100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); transform: scale(1); }
        }

        .viewer-badge {
          display: flex !important;
          align-items: center !important;
          gap: 4px !important;
          background: linear-gradient(135deg, #667eea, #764ba2) !important;
          color: white !important;
          font-size: 0.688rem !important;
          font-weight: 600 !important;
          padding: 5px 12px !important;
          border-radius: 20px !important;
          box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3) !important;
        }

        .activity-feed {
          display: flex !important;
          flex-direction: column !important;
          gap: 8px !important;
        }

        .activity-item {
          display: flex !important;
          align-items: center !important;
          gap: 10px !important;
          padding: 10px 12px !important;
          background: #ffffff !important;
          border-radius: 12px !important;
          animation: activitySlide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
          border: 1px solid rgba(0, 0, 0, 0.04) !important;
        }

        @keyframes activitySlide {
          from { opacity: 0; transform: translateX(-20px) scale(0.95); }
          to { opacity: 1; transform: translateX(0) scale(1); }
        }

        .activity-avatar {
          width: 36px !important;
          height: 36px !important;
          border-radius: 50% !important;
          display: flex !important;
          align-items: center !important;
          justify-content: center !important;
          font-size: 1rem !important;
          flex-shrink: 0 !important;
        }

        .activity-avatar.canvas { background: linear-gradient(135deg, #ffecd2, #fcb69f) !important; }
        .activity-avatar.digital { background: linear-gradient(135deg, #a1c4fd, #c2e9fb) !important; }
        .activity-avatar.poster { background: linear-gradient(135deg, #d4fc79, #96e6a1) !important; }

        .activity-details {
          flex: 1 !important;
          min-width: 0 !important;
        }

        .activity-location {
          font-size: 0.813rem !important;
          font-weight: 600 !important;
          color: #333 !important;
          margin-bottom: 2px !important;
        }

        .activity-action {
          font-size: 0.75rem !important;
          color: #888 !important;
        }

        .activity-time {
          font-size: 0.688rem !important;
          color: #aaa !important;
          flex-shrink: 0 !important;
        }

        /* Timer color states */
        .timer-digits.warning {
          color: #e2b77f !important;
        }

        .timer-digits.critical {
          color: #d4836a !important;
          animation: timerBlink 2s ease-in-out infinite !important;
        }

        @keyframes timerBlink {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.75; }
        }

        /* Mobile adjustments */
        @media (max-width: 480px) {
          .urgency-card {
            margin: 12px 0 !important;
            border-radius: 12px !important;
          }

          .urgency-timer-hero {
            padding: 18px 16px !important;
          }

          .timer-digits {
            font-size: 1.5rem !important;
          }

          .timer-display {
            padding: 8px 18px !important;
          }

          .urgency-info,
          .urgency-activity {
            padding: 12px 14px !important;
          }

          .activity-item {
            padding: 8px 10px !important;
          }

          .activity-avatar {
            width: 32px !important;
            height: 32px !important;
            font-size: 0.875rem !important;
          }
        }

        /* Pulse animation for critical time */
        @keyframes pulse-dot {
          0%, 100% { opacity: 1; transform: scale(1); }
          50% { opacity: 0.5; transform: scale(0.8); }
        }